@sdata/web-vue 3.18.0 → 3.20.0

package/es/rich-text-editor/built-in-components.d.ts

@@ -0,0 +1,5 @@
+import type { JsonFormBuiltinComponentType } from '../json-form/types';
+export type RichTextEditorJsonFormNodeName = JsonFormBuiltinComponentType;
+export type RichTextEditorBuiltInNodeName = RichTextEditorJsonFormNodeName | 'tag';
+export declare const RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES: readonly RichTextEditorJsonFormNodeName[];
+export declare const RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES: readonly RichTextEditorBuiltInNodeName[];

package/es/rich-text-editor/built-in-components.js

@@ -0,0 +1,6 @@
+import { JSON_FORM_COMPONENT_TYPES } from "../json-form/types.js";
+//#region components/rich-text-editor/built-in-components.ts
+var RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES = Object.freeze(Object.values(JSON_FORM_COMPONENT_TYPES));
+var RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES = Object.freeze([...RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, "tag"]);
+//#endregion
+export { RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES };

package/es/rich-text-editor/index.d.ts

@@ -0,0 +1,195 @@
+import type { App } from 'vue';
+import type { SDOptions } from '../_utils/types';
+import _RichTextEditor from './rich-text-editor.vue';
+declare const RichTextEditor: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./types").RichTextEditorProps> & Readonly<{
+        onUpdate?: ((context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+        onError?: ((error: Error) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: import("./types").RichTextEditorValue, context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./types").RichTextEditorValue) => any) | undefined;
+        onReady?: ((editor: import("lexical").LexicalEditor) => any) | undefined;
+    }>, {
+        readonly editor: import("lexical").LexicalEditor | null;
+        readonly editorState: import("lexical").EditorState | null;
+        readonly rootElement: HTMLDivElement | null;
+        readonly canUndo: boolean;
+        readonly canRedo: boolean;
+        focus: (callback?: () => void, options?: import("./types").RichTextEditorFocusOptions) => void;
+        blur: () => void | undefined;
+        clear: () => void;
+        undo: () => boolean;
+        redo: () => boolean;
+        getJSON: () => import("lexical").SerializedEditorState<import("lexical").SerializedLexicalNode> | undefined;
+        setJSON: (value: import("./types").RichTextEditorValue | string, options?: import("lexical").EditorSetOptions) => void;
+        getContent: () => import("./types").RichTextEditorContentSnapshot[];
+        setContent: (content: readonly import("./types").RichTextEditorContentItem[], options?: import("lexical").EditorUpdateOptions) => void;
+        insertContent: (content: readonly import("./types").RichTextEditorContentItem[], options?: import("./types").RichTextEditorInsertOptions) => void;
+        getText: () => string;
+        getHTML: () => string;
+        setHTML: (html: string, options?: import("lexical").EditorUpdateOptions) => void;
+        getMarkdown: (transformers?: readonly import("@lexical/markdown").Transformer[]) => string;
+        setMarkdown: (markdown: string, transformers?: readonly import("@lexical/markdown").Transformer[], options?: import("lexical").EditorUpdateOptions) => void;
+        insertText: (text: string, options?: import("./types").RichTextEditorInsertOptions) => void;
+        insertComponent: (data: import("./types").RichTextEditorComponentNodeData, options?: import("./types").RichTextEditorInsertOptions) => void;
+        updateComponent: (nodeKey: import("lexical").NodeKey, value: import("type-fest").JsonValue, options?: import("lexical").EditorUpdateOptions) => void;
+        removeComponent: (nodeKey: import("lexical").NodeKey, options?: import("lexical").EditorUpdateOptions) => void;
+        formatText: (format: import("lexical").TextFormatType) => boolean;
+        read: <T>(callback: () => T) => T | undefined;
+        update: (callback: () => void, options?: import("lexical").EditorUpdateOptions) => void | undefined;
+        dispatchCommand: <T>(command: import("lexical").LexicalCommand<T>, payload: T) => boolean;
+        registerCommand: <T>(command: import("lexical").LexicalCommand<T>, listener: import("lexical").CommandListener<T>, priority: import("lexical").CommandListenerPriority) => () => void;
+        registerUpdateListener: (listener: import("lexical").UpdateListener) => () => void;
+        registerMutationListener: (klass: import("lexical").Klass<import("lexical").LexicalNode>, listener: import("lexical").MutationListener, options?: import("./types").RichTextEditorMutationListenerOptions) => () => void;
+        registerNodeTransform: <T extends import("lexical").LexicalNode>(klass: import("lexical").Klass<T>, listener: import("lexical").Transform<T>) => () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        update: (context: import("./types").RichTextEditorChangeContext) => any;
+        error: (error: Error) => any;
+        focus: (event: FocusEvent) => any;
+        blur: (event: FocusEvent) => any;
+        change: (value: import("./types").RichTextEditorValue, context: import("./types").RichTextEditorChangeContext) => any;
+        "update:modelValue": (value: import("./types").RichTextEditorValue) => any;
+        ready: (editor: import("lexical").LexicalEditor) => any;
+    }, import("vue").PublicProps, {
+        classNames: Partial<Record<import("./types").RichTextEditorSemanticType, string>>;
+        autoSize: boolean | import("./types").RichTextEditorAutoSize;
+        styles: Partial<Record<import("./types").RichTextEditorSemanticType, import("vue").CSSProperties>>;
+        plugins: readonly import("./types").RichTextEditorPlugin[];
+        transformers: readonly import("@lexical/markdown").Transformer[];
+        history: boolean;
+        historyDelay: number;
+        historyMaxDepth: number | null;
+        spellcheck: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./types").RichTextEditorProps> & Readonly<{
+        onUpdate?: ((context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+        onError?: ((error: Error) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: import("./types").RichTextEditorValue, context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./types").RichTextEditorValue) => any) | undefined;
+        onReady?: ((editor: import("lexical").LexicalEditor) => any) | undefined;
+    }>, {
+        readonly editor: import("lexical").LexicalEditor | null;
+        readonly editorState: import("lexical").EditorState | null;
+        readonly rootElement: HTMLDivElement | null;
+        readonly canUndo: boolean;
+        readonly canRedo: boolean;
+        focus: (callback?: () => void, options?: import("./types").RichTextEditorFocusOptions) => void;
+        blur: () => void | undefined;
+        clear: () => void;
+        undo: () => boolean;
+        redo: () => boolean;
+        getJSON: () => import("lexical").SerializedEditorState<import("lexical").SerializedLexicalNode> | undefined;
+        setJSON: (value: import("./types").RichTextEditorValue | string, options?: import("lexical").EditorSetOptions) => void;
+        getContent: () => import("./types").RichTextEditorContentSnapshot[];
+        setContent: (content: readonly import("./types").RichTextEditorContentItem[], options?: import("lexical").EditorUpdateOptions) => void;
+        insertContent: (content: readonly import("./types").RichTextEditorContentItem[], options?: import("./types").RichTextEditorInsertOptions) => void;
+        getText: () => string;
+        getHTML: () => string;
+        setHTML: (html: string, options?: import("lexical").EditorUpdateOptions) => void;
+        getMarkdown: (transformers?: readonly import("@lexical/markdown").Transformer[]) => string;
+        setMarkdown: (markdown: string, transformers?: readonly import("@lexical/markdown").Transformer[], options?: import("lexical").EditorUpdateOptions) => void;
+        insertText: (text: string, options?: import("./types").RichTextEditorInsertOptions) => void;
+        insertComponent: (data: import("./types").RichTextEditorComponentNodeData, options?: import("./types").RichTextEditorInsertOptions) => void;
+        updateComponent: (nodeKey: import("lexical").NodeKey, value: import("type-fest").JsonValue, options?: import("lexical").EditorUpdateOptions) => void;
+        removeComponent: (nodeKey: import("lexical").NodeKey, options?: import("lexical").EditorUpdateOptions) => void;
+        formatText: (format: import("lexical").TextFormatType) => boolean;
+        read: <T>(callback: () => T) => T | undefined;
+        update: (callback: () => void, options?: import("lexical").EditorUpdateOptions) => void | undefined;
+        dispatchCommand: <T>(command: import("lexical").LexicalCommand<T>, payload: T) => boolean;
+        registerCommand: <T>(command: import("lexical").LexicalCommand<T>, listener: import("lexical").CommandListener<T>, priority: import("lexical").CommandListenerPriority) => () => void;
+        registerUpdateListener: (listener: import("lexical").UpdateListener) => () => void;
+        registerMutationListener: (klass: import("lexical").Klass<import("lexical").LexicalNode>, listener: import("lexical").MutationListener, options?: import("./types").RichTextEditorMutationListenerOptions) => () => void;
+        registerNodeTransform: <T extends import("lexical").LexicalNode>(klass: import("lexical").Klass<T>, listener: import("lexical").Transform<T>) => () => void;
+    }, {}, {}, {}, {
+        classNames: Partial<Record<import("./types").RichTextEditorSemanticType, string>>;
+        autoSize: boolean | import("./types").RichTextEditorAutoSize;
+        styles: Partial<Record<import("./types").RichTextEditorSemanticType, import("vue").CSSProperties>>;
+        plugins: readonly import("./types").RichTextEditorPlugin[];
+        transformers: readonly import("@lexical/markdown").Transformer[];
+        history: boolean;
+        historyDelay: number;
+        historyMaxDepth: number | null;
+        spellcheck: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./types").RichTextEditorProps> & Readonly<{
+    onUpdate?: ((context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+    onError?: ((error: Error) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: import("./types").RichTextEditorValue, context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./types").RichTextEditorValue) => any) | undefined;
+    onReady?: ((editor: import("lexical").LexicalEditor) => any) | undefined;
+}>, {
+    readonly editor: import("lexical").LexicalEditor | null;
+    readonly editorState: import("lexical").EditorState | null;
+    readonly rootElement: HTMLDivElement | null;
+    readonly canUndo: boolean;
+    readonly canRedo: boolean;
+    focus: (callback?: () => void, options?: import("./types").RichTextEditorFocusOptions) => void;
+    blur: () => void | undefined;
+    clear: () => void;
+    undo: () => boolean;
+    redo: () => boolean;
+    getJSON: () => import("lexical").SerializedEditorState<import("lexical").SerializedLexicalNode> | undefined;
+    setJSON: (value: import("./types").RichTextEditorValue | string, options?: import("lexical").EditorSetOptions) => void;
+    getContent: () => import("./types").RichTextEditorContentSnapshot[];
+    setContent: (content: readonly import("./types").RichTextEditorContentItem[], options?: import("lexical").EditorUpdateOptions) => void;
+    insertContent: (content: readonly import("./types").RichTextEditorContentItem[], options?: import("./types").RichTextEditorInsertOptions) => void;
+    getText: () => string;
+    getHTML: () => string;
+    setHTML: (html: string, options?: import("lexical").EditorUpdateOptions) => void;
+    getMarkdown: (transformers?: readonly import("@lexical/markdown").Transformer[]) => string;
+    setMarkdown: (markdown: string, transformers?: readonly import("@lexical/markdown").Transformer[], options?: import("lexical").EditorUpdateOptions) => void;
+    insertText: (text: string, options?: import("./types").RichTextEditorInsertOptions) => void;
+    insertComponent: (data: import("./types").RichTextEditorComponentNodeData, options?: import("./types").RichTextEditorInsertOptions) => void;
+    updateComponent: (nodeKey: import("lexical").NodeKey, value: import("type-fest").JsonValue, options?: import("lexical").EditorUpdateOptions) => void;
+    removeComponent: (nodeKey: import("lexical").NodeKey, options?: import("lexical").EditorUpdateOptions) => void;
+    formatText: (format: import("lexical").TextFormatType) => boolean;
+    read: <T>(callback: () => T) => T | undefined;
+    update: (callback: () => void, options?: import("lexical").EditorUpdateOptions) => void | undefined;
+    dispatchCommand: <T>(command: import("lexical").LexicalCommand<T>, payload: T) => boolean;
+    registerCommand: <T>(command: import("lexical").LexicalCommand<T>, listener: import("lexical").CommandListener<T>, priority: import("lexical").CommandListenerPriority) => () => void;
+    registerUpdateListener: (listener: import("lexical").UpdateListener) => () => void;
+    registerMutationListener: (klass: import("lexical").Klass<import("lexical").LexicalNode>, listener: import("lexical").MutationListener, options?: import("./types").RichTextEditorMutationListenerOptions) => () => void;
+    registerNodeTransform: <T extends import("lexical").LexicalNode>(klass: import("lexical").Klass<T>, listener: import("lexical").Transform<T>) => () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (context: import("./types").RichTextEditorChangeContext) => any;
+    error: (error: Error) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: import("./types").RichTextEditorValue, context: import("./types").RichTextEditorChangeContext) => any;
+    "update:modelValue": (value: import("./types").RichTextEditorValue) => any;
+    ready: (editor: import("lexical").LexicalEditor) => any;
+}, string, {
+    classNames: Partial<Record<import("./types").RichTextEditorSemanticType, string>>;
+    autoSize: boolean | import("./types").RichTextEditorAutoSize;
+    styles: Partial<Record<import("./types").RichTextEditorSemanticType, import("vue").CSSProperties>>;
+    plugins: readonly import("./types").RichTextEditorPlugin[];
+    transformers: readonly import("@lexical/markdown").Transformer[];
+    history: boolean;
+    historyDelay: number;
+    historyMaxDepth: number | null;
+    spellcheck: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./types").RichTextEditorSlots;
+}) & {
+    install: (app: App, options?: SDOptions) => void;
+};
+export { $createInlineComponentNode, $isInlineComponentNode, InlineComponentNode, } from './nodes/inline-component-node';
+export { RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, } from './built-in-components';
+export type { SerializedInlineComponentNode } from './nodes/inline-component-node';
+export type { RichTextEditorAutoSize, RichTextEditorBuiltInNodeData, RichTextEditorBuiltInNodeName, RichTextEditorChangeContext, RichTextEditorComponentNodeData, RichTextEditorComponentNodeSnapshot, RichTextEditorConfig, RichTextEditorContentItem, RichTextEditorContentSnapshot, RichTextEditorEmits, RichTextEditorFocusOptions, RichTextEditorInputNodeData, RichTextEditorJsonFormNodeData, RichTextEditorJsonFormNodeName, RichTextEditorInsertOptions, RichTextEditorMutationListenerOptions, RichTextEditorNodeRenderContext, RichTextEditorPlugin, RichTextEditorPluginContext, RichTextEditorProps, RichTextEditorRef, RichTextEditorSelectNodeData, RichTextEditorSemanticType, RichTextEditorSlots, RichTextEditorTagNodeData, RichTextEditorValue, } from './types';
+export type RichTextEditorInstance = InstanceType<typeof _RichTextEditor>;
+export default RichTextEditor;

package/es/rich-text-editor/index.js

@@ -0,0 +1,12 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import { $createInlineComponentNode, $isInlineComponentNode, InlineComponentNode } from "./nodes/inline-component-node.js";
+import rich_text_editor_default from "./rich-text-editor.js";
+import { RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES } from "./built-in-components.js";
+//#region components/rich-text-editor/index.ts
+var RichTextEditor = Object.assign(rich_text_editor_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	const componentPrefix = getComponentPrefix(options);
+	app.component(componentPrefix + rich_text_editor_default.name, rich_text_editor_default);
+} });
+//#endregion
+export { $createInlineComponentNode, $isInlineComponentNode, InlineComponentNode, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, RichTextEditor as default };

package/es/rich-text-editor/nodes/inline-component-node.d.ts

@@ -0,0 +1,30 @@
+import type { DOMExportOutput, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical';
+import type { JsonValue } from 'type-fest';
+import { DecoratorNode } from 'lexical';
+import type { RichTextEditorComponentNodeData, RichTextEditorComponentNodeSnapshot } from '../types';
+export interface SerializedInlineComponentNode extends SerializedLexicalNode {
+    data: RichTextEditorComponentNodeData;
+    type: 'sd-inline-component';
+    version: 1;
+}
+export declare class InlineComponentNode extends DecoratorNode<null> {
+    __data: RichTextEditorComponentNodeData;
+    static getType(): string;
+    static clone(node: InlineComponentNode): InlineComponentNode;
+    static importJSON(serializedNode: SerializedLexicalNode & Record<string, unknown>): InlineComponentNode;
+    constructor(data?: RichTextEditorComponentNodeData, key?: NodeKey);
+    createDOM(): HTMLElement;
+    updateDOM(previousNode: InlineComponentNode, element: HTMLElement): boolean;
+    decorate(_editor: LexicalEditor, _config: EditorConfig): null;
+    exportDOM(): DOMExportOutput;
+    exportJSON(): SerializedInlineComponentNode;
+    getData(): RichTextEditorComponentNodeSnapshot;
+    getTextContent(): string;
+    setValue(value: JsonValue): this;
+    setData(data: RichTextEditorComponentNodeData): this;
+    isInline(): true;
+    isIsolated(): false;
+    isKeyboardSelectable(): true;
+}
+export declare function $createInlineComponentNode(data: RichTextEditorComponentNodeData): InlineComponentNode;
+export declare function $isInlineComponentNode(node: LexicalNode | null | undefined): node is InlineComponentNode;

package/es/rich-text-editor/nodes/inline-component-node.js

@@ -0,0 +1,86 @@
+import _objectSpread2 from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import { cloneDeep } from "es-toolkit";
+import { $applyNodeReplacement, DecoratorNode } from "lexical";
+//#region components/rich-text-editor/nodes/inline-component-node.ts
+var InlineComponentNode = class InlineComponentNode extends DecoratorNode {
+	static getType() {
+		return "sd-inline-component";
+	}
+	static clone(node) {
+		return new InlineComponentNode(node.__data, node.__key);
+	}
+	static importJSON(serializedNode) {
+		return $createInlineComponentNode(serializedNode.data);
+	}
+	constructor(data = {
+		key: "",
+		name: "custom"
+	}, key) {
+		super(key);
+		this.__data = cloneDeep(data);
+	}
+	createDOM() {
+		const element = document.createElement("span");
+		element.className = "sd-rich-text-editor-component";
+		element.dataset.richTextComponent = this.__data.name;
+		element.dataset.richTextComponentKey = this.__data.key;
+		return element;
+	}
+	updateDOM(previousNode, element) {
+		if (previousNode.__data.name !== this.__data.name) element.dataset.richTextComponent = this.__data.name;
+		if (previousNode.__data.key !== this.__data.key) element.dataset.richTextComponentKey = this.__data.key;
+		return false;
+	}
+	decorate(_editor, _config) {
+		return null;
+	}
+	exportDOM() {
+		const element = document.createElement("span");
+		element.dataset.richTextComponent = this.__data.name;
+		element.dataset.richTextComponentKey = this.__data.key;
+		element.textContent = this.getTextContent();
+		return { element };
+	}
+	exportJSON() {
+		return _objectSpread2(_objectSpread2({}, super.exportJSON()), {}, {
+			data: cloneDeep(this.getLatest().__data),
+			type: "sd-inline-component",
+			version: 1
+		});
+	}
+	getData() {
+		return cloneDeep(this.getLatest().__data);
+	}
+	getTextContent() {
+		var _data$textValue, _data$value;
+		const data = this.getLatest().__data;
+		return (_data$textValue = data.textValue) !== null && _data$textValue !== void 0 ? _data$textValue : String((_data$value = data.value) !== null && _data$value !== void 0 ? _data$value : "");
+	}
+	setValue(value) {
+		const writable = this.getWritable();
+		writable.__data = _objectSpread2(_objectSpread2({}, writable.__data), {}, { value: cloneDeep(value) });
+		return writable;
+	}
+	setData(data) {
+		const writable = this.getWritable();
+		writable.__data = cloneDeep(data);
+		return writable;
+	}
+	isInline() {
+		return true;
+	}
+	isIsolated() {
+		return false;
+	}
+	isKeyboardSelectable() {
+		return true;
+	}
+};
+function $createInlineComponentNode(data) {
+	return $applyNodeReplacement(new InlineComponentNode(data));
+}
+function $isInlineComponentNode(node) {
+	return node instanceof InlineComponentNode;
+}
+//#endregion
+export { $createInlineComponentNode, $isInlineComponentNode, InlineComponentNode };

package/es/rich-text-editor/rich-text-editor.js

@@ -0,0 +1,5 @@
+import rich_text_editor_vue_vue_type_script_setup_true_lang_default from "./rich-text-editor.vue_vue_type_script_setup_true_lang.js";
+//#region components/rich-text-editor/rich-text-editor.vue
+var rich_text_editor_default = rich_text_editor_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { rich_text_editor_default as default };

package/es/rich-text-editor/rich-text-editor.vue.d.ts

@@ -0,0 +1,76 @@
+import type { CommandListener, CommandListenerPriority, EditorSetOptions, EditorState, EditorUpdateOptions, Klass, LexicalCommand, LexicalEditor, LexicalNode, MutationListener, NodeKey, TextFormatType, Transform } from 'lexical';
+import type { JsonValue } from 'type-fest';
+import type { CSSProperties } from 'vue';
+import type { RichTextEditorComponentNodeData, RichTextEditorContentItem, RichTextEditorContentSnapshot, RichTextEditorFocusOptions, RichTextEditorInsertOptions, RichTextEditorMutationListenerOptions, RichTextEditorProps, RichTextEditorSlots, RichTextEditorValue } from './types';
+type __VLS_Slots = RichTextEditorSlots;
+declare function dispatchCommand<T>(command: LexicalCommand<T>, payload: T): boolean;
+declare function registerCommand<T>(command: LexicalCommand<T>, listener: CommandListener<T>, priority: CommandListenerPriority): () => void;
+declare function registerNodeTransform<T extends LexicalNode>(klass: Klass<T>, listener: Transform<T>): () => void;
+declare const __VLS_base: import("vue").DefineComponent<RichTextEditorProps, {
+    readonly editor: LexicalEditor | null;
+    readonly editorState: EditorState | null;
+    readonly rootElement: HTMLDivElement | null;
+    readonly canUndo: boolean;
+    readonly canRedo: boolean;
+    focus: (callback?: () => void, options?: RichTextEditorFocusOptions) => void;
+    blur: () => void | undefined;
+    clear: () => void;
+    undo: () => boolean;
+    redo: () => boolean;
+    getJSON: () => import("lexical").SerializedEditorState<import("lexical").SerializedLexicalNode> | undefined;
+    setJSON: (value: RichTextEditorValue | string, options?: EditorSetOptions) => void;
+    getContent: () => RichTextEditorContentSnapshot[];
+    setContent: (content: readonly RichTextEditorContentItem[], options?: EditorUpdateOptions) => void;
+    insertContent: (content: readonly RichTextEditorContentItem[], options?: RichTextEditorInsertOptions) => void;
+    getText: () => string;
+    getHTML: () => string;
+    setHTML: (html: string, options?: EditorUpdateOptions) => void;
+    getMarkdown: (transformers?: readonly import("@lexical/markdown").Transformer[]) => string;
+    setMarkdown: (markdown: string, transformers?: readonly import("@lexical/markdown").Transformer[], options?: EditorUpdateOptions) => void;
+    insertText: (text: string, options?: RichTextEditorInsertOptions) => void;
+    insertComponent: (data: RichTextEditorComponentNodeData, options?: RichTextEditorInsertOptions) => void;
+    updateComponent: (nodeKey: NodeKey, value: JsonValue, options?: EditorUpdateOptions) => void;
+    removeComponent: (nodeKey: NodeKey, options?: EditorUpdateOptions) => void;
+    formatText: (format: TextFormatType) => boolean;
+    read: <T>(callback: () => T) => T | undefined;
+    update: (callback: () => void, options?: EditorUpdateOptions) => void | undefined;
+    dispatchCommand: typeof dispatchCommand;
+    registerCommand: typeof registerCommand;
+    registerUpdateListener: (listener: import("lexical").UpdateListener) => () => void;
+    registerMutationListener: (klass: Klass<LexicalNode>, listener: MutationListener, options?: RichTextEditorMutationListenerOptions) => () => void;
+    registerNodeTransform: typeof registerNodeTransform;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (context: import("./types").RichTextEditorChangeContext) => any;
+    error: (error: Error) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: RichTextEditorValue, context: import("./types").RichTextEditorChangeContext) => any;
+    "update:modelValue": (value: RichTextEditorValue) => any;
+    ready: (editor: LexicalEditor) => any;
+}, string, import("vue").PublicProps, Readonly<RichTextEditorProps> & Readonly<{
+    onUpdate?: ((context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+    onError?: ((error: Error) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: RichTextEditorValue, context: import("./types").RichTextEditorChangeContext) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RichTextEditorValue) => any) | undefined;
+    onReady?: ((editor: LexicalEditor) => any) | undefined;
+}>, {
+    classNames: Partial<Record<import("./types").RichTextEditorSemanticType, string>>;
+    autoSize: boolean | import("./types").RichTextEditorAutoSize;
+    styles: Partial<Record<import("./types").RichTextEditorSemanticType, CSSProperties>>;
+    plugins: readonly import("./types").RichTextEditorPlugin[];
+    transformers: readonly import("@lexical/markdown").Transformer[];
+    history: boolean;
+    historyDelay: number;
+    historyMaxDepth: number | null;
+    spellcheck: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};