@aomao/plugin-codeblock-vue/dist/component/types.d.ts

代码块 Vue

import { Editor, EditorConfiguration } from 'codemirror';
import { EditorInterface, NodeInterface } from '@aomao/engine';
export declare type Options = {
    styleMap?: Record<string, string>;
    onSave?: (mode: string, value: string) => void;
    onFocus?: () => void;
    onBlur?: () => void;
    onMouseDown?: (event: MouseEvent | TouchEvent) => void;
    container?: NodeInterface;
    synatxMap: {
        [key: string]: string;
    };
    onDownFocus?: (event: KeyboardEvent) => void;
    onUpFocus?: (event: KeyboardEvent) => void;
    onLeftFocus?: (event: KeyboardEvent) => void;
    onRightFocus?: (event: KeyboardEvent) => void;
};
export interface CodeBlockEditor {
    new (editor: EditorInterface, options: Options): CodeBlockEditorInterface;
}
export interface CodeBlockEditorInterface {
    codeMirror?: Editor;
    mode: string;
    container: NodeInterface;
    renderTemplate(): string;
    getConfig(value: string, mode?: string): EditorConfiguration;
    getSyntax(mode: string): string;
    create(mode: string, value: string, options?: EditorConfiguration): Editor;
    update(mode: string, value?: string): void;
    setAutoWrap(value: boolean): void;
    render(mode: string, value: string, options?: EditorConfiguration): void;
    save(): void;
    focus(): void;
    select(start?: boolean): void;
    /**
     * 代码来自 runmode addon
     * 支持行号需要考虑复制粘贴问题
     *
     * runmode 本身不支持行号，见 https://github.com/codemirror/CodeMirror/issues/3364
     * 可参考的解法  https://stackoverflow.com/questions/14237361/use-codemirror-for-standalone-syntax-highlighting-with-line-numbers
     *
     * ref:
     * - https://codemirror.net/doc/manual.html#addons
     * - https://codemirror.net/addon/runmode/runmode.js
     */
    runMode(string: string, modespec: string, callback: any, options: any): void;
    destroy(): void;
}