vue-shiki-monaco/types/hooks/useMonacoEdit/index.d.ts

一个封shiki和monaco-editor的Vue组件

import { BundledLanguage, BundledTheme } from 'shiki';
import { ContextMenuItem } from '../useContextMenu';
import * as monaco from "monaco-editor-core";
export interface MonacoOptions extends monaco.editor.IStandaloneEditorConstructionOptions {
    target: HTMLElement;
    languages: BundledLanguage[];
    codeValue: string;
    themes: BundledTheme[];
    defaultTheme: BundledTheme;
    defaultLanguage: BundledLanguage;
    contextMenu?: {
        enabled?: boolean;
        items?: string[] | "minimal" | "basic" | "full";
        customItems?: ContextMenuItem[];
    };
}
export type EditInstance = monaco.editor.IStandaloneCodeEditor;
export interface UseMonacoEditReturn {
    initMonacoEdit: () => Promise<EditInstance>;
    destroy: () => void;
    registerLanguage: (language: string) => void;
    setTheme: (theme: BundledTheme) => Promise<void>;
    setLanguage: (language: BundledLanguage) => Promise<void>;
    layout: () => void;
    enableAutoResize: () => void;
    disableAutoResize: () => void;
    editInstance: EditInstance | null;
    onContextMenu: (callback: (event: MouseEvent) => void) => void;
    offContextMenu: () => void;
    onMinimapContextMenu: (callback: (event: MouseEvent) => void) => void;
    offMinimapContextMenu: () => void;
}
export declare function useMonacoEdit(options: MonacoOptions): UseMonacoEditReturn;