miyuan-editor 0.0.3

package/dist/vue/index.esm.js

@@ -0,0 +1,307 @@
+import { A as DOMParser, d as EditorState } from "../dist-5Q_Z9Ell.js";
+import { r as EditorView, t as ExtensionManager } from "../extension-Cl6x5MDR.js";
+import { a as AIMenu$1, d as BubbleMenu$1, f as Toolbar$1, h as ensureStylesInjected, i as AIWriter$1, n as TocPanel$1, r as WordCountDisplay$1, t as ShortcutPanel$1, u as DragHandle$1 } from "../shortcut-panel-BskGXV8n.js";
+import { i as exportAsPlainText, n as exportAsJSON, r as exportAsMarkdown, t as exportAsHTML } from "../export-utils-DN0Gu8Vu.js";
+import { defineComponent, h, onBeforeUnmount, onMounted, ref, shallowRef, watch } from "vue";
+//#region src/vue/use-editor.ts
+function useEditor(options = {}) {
+	const { extensions = [], content, onUpdate, onSelectionChange } = options;
+	const manager = new ExtensionManager(extensions);
+	const schema = manager.schema;
+	let initialDoc;
+	if (content) try {
+		const container = document.createElement("div");
+		container.innerHTML = content;
+		initialDoc = DOMParser.fromSchema(schema).parse(container);
+	} catch {}
+	const initialState = EditorState.create({
+		schema,
+		doc: initialDoc,
+		plugins: manager.plugins
+	});
+	const viewRef = shallowRef(null);
+	const stateRef = shallowRef(initialState);
+	const version = shallowRef(0);
+	const forceUpdate = () => {
+		version.value++;
+	};
+	const dispatchTransaction = (tr) => {
+		const view = viewRef.value;
+		if (!view) return;
+		const newState = view.state.apply(tr);
+		view.updateState(newState);
+		stateRef.value = newState;
+		if (onUpdate) onUpdate(newState);
+		if (onSelectionChange) onSelectionChange(newState);
+		forceUpdate();
+	};
+	const createView = (element) => {
+		if (viewRef.value) return;
+		const editableVal = typeof options.editable === "object" ? options.editable.value : options.editable ?? true;
+		const view = new EditorView({
+			state: stateRef.value,
+			element,
+			editable: editableVal,
+			dispatchTransaction
+		});
+		viewRef.value = view;
+		stateRef.value = view.state;
+		forceUpdate();
+	};
+	onBeforeUnmount(() => {
+		if (viewRef.value) {
+			viewRef.value.destroy();
+			viewRef.value = null;
+		}
+	});
+	if (typeof options.editable === "object") watch(options.editable, () => {
+		forceUpdate();
+	});
+	return {
+		view: viewRef,
+		state: stateRef,
+		schema,
+		commands: manager.commands,
+		forceUpdate,
+		_createView: createView
+	};
+}
+//#endregion
+//#region src/vue/components.ts
+function createEditorAdapter(editor) {
+	return {
+		getView: () => editor.view.value,
+		getState: () => editor.state.value,
+		getSchema: () => editor.schema,
+		getCommands: () => editor.commands
+	};
+}
+var EditorContent = defineComponent({
+	name: "EditorContent",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		onMounted(() => {
+			ensureStylesInjected();
+		});
+		return () => h("div", { ref: (el) => {
+			if (el && el instanceof HTMLElement) props.editor._createView(el);
+		} });
+	}
+});
+var Toolbar = defineComponent({
+	name: "MiToolbar",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new Toolbar$1(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var BubbleMenu = defineComponent({
+	name: "MiBubbleMenu",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new BubbleMenu$1(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var DragHandle = defineComponent({
+	name: "MiDragHandle",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new DragHandle$1(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var WordCountDisplay = defineComponent({
+	name: "MiWordCountDisplay",
+	props: {
+		editor: {
+			type: Object,
+			required: true
+		},
+		showDetails: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new WordCountDisplay$1(createEditorAdapter(props.editor), { showDetails: props.showDetails });
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var TocPanel = defineComponent({
+	name: "MiTocPanel",
+	props: {
+		editor: {
+			type: Object,
+			required: true
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		onItemClick: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new TocPanel$1(createEditorAdapter(props.editor), {
+				title: props.title,
+				onItemClick: props.onItemClick
+			});
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var ShortcutPanel = defineComponent({
+	name: "MiShortcutPanel",
+	props: {
+		editor: {
+			type: Object,
+			required: true
+		},
+		shortcuts: {
+			type: Array,
+			default: void 0
+		}
+	},
+	setup(props, { expose }) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new ShortcutPanel$1(createEditorAdapter(props.editor), { shortcuts: props.shortcuts });
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		expose({
+			open: () => comp?.open(),
+			close: () => comp?.close()
+		});
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var AIMenu = defineComponent({
+	name: "MiAIMenu",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { expose }) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new AIMenu$1(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		expose({ open: () => comp?.open() });
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var AIWriter = defineComponent({
+	name: "MiAIWriter",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { expose }) {
+		const containerRef = ref(null);
+		let comp = null;
+		onMounted(() => {
+			if (!containerRef.value) return;
+			comp = new AIWriter$1(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		onBeforeUnmount(() => {
+			comp?.destroy();
+		});
+		expose({
+			open: () => comp?.open(),
+			openProductCard: () => comp?.openProductCard()
+		});
+		return () => h("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+//#endregion
+export { AIMenu, AIWriter, BubbleMenu, DragHandle, EditorContent, ShortcutPanel, TocPanel, Toolbar, WordCountDisplay, createEditorAdapter, exportAsHTML, exportAsJSON, exportAsMarkdown, exportAsPlainText, useEditor };
+
+//# sourceMappingURL=index.esm.js.map

package/dist/vue/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../src/vue/use-editor.ts","../../src/vue/components.ts"],"sourcesContent":["import { ref, shallowRef, onBeforeUnmount, watch, type Ref, type ShallowRef } from 'vue'\nimport { EditorState } from 'prosemirror-state'\nimport { DOMParser as PMDOMParser } from 'prosemirror-model'\nimport type { Schema } from 'prosemirror-model'\nimport type { Transaction } from 'prosemirror-state'\nimport type { Command } from 'prosemirror-state'\nimport { EditorView } from '../core/editor-view'\nimport { ExtensionManager } from '../core/extension'\nimport type { Extension } from '../core/extension'\n\nexport interface UseEditorOptions {\n  extensions?: Extension[]\n  content?: string\n  editable?: boolean | Ref<boolean>\n  onUpdate?: (state: EditorState) => void\n  onSelectionChange?: (state: EditorState) => void\n}\n\nexport interface EditorHandle {\n  view: ShallowRef<EditorView | null>\n  state: ShallowRef<EditorState | null>\n  schema: Schema\n  commands: Record<string, (...args: unknown[]) => Command>\n  forceUpdate: () => void\n  _createView: (element: HTMLElement) => void\n}\n\nexport function useEditor(options: UseEditorOptions = {}): EditorHandle {\n  const { extensions = [], content, onUpdate, onSelectionChange } = options\n\n  const manager = new ExtensionManager(extensions)\n  const schema = manager.schema\n\n  let initialDoc\n  if (content) {\n    try {\n      const container = document.createElement('div')\n      container.innerHTML = content\n      initialDoc = PMDOMParser.fromSchema(schema).parse(container)\n    } catch {\n      // fall through\n    }\n  }\n\n  const initialState = EditorState.create({\n    schema,\n    doc: initialDoc,\n    plugins: manager.plugins,\n  })\n\n  const viewRef = shallowRef<EditorView | null>(null)\n  const stateRef = shallowRef<EditorState | null>(initialState)\n  const version = shallowRef(0)\n\n  const forceUpdate = () => {\n    version.value++\n  }\n\n  const dispatchTransaction = (tr: Transaction) => {\n    const view = viewRef.value\n    if (!view) return\n\n    const newState = view.state.apply(tr)\n    view.updateState(newState)\n    stateRef.value = newState\n\n    if (onUpdate) onUpdate(newState)\n    if (onSelectionChange) onSelectionChange(newState)\n\n    forceUpdate()\n  }\n\n  const createView = (element: HTMLElement) => {\n    if (viewRef.value) return\n\n    const editableVal = typeof options.editable === 'object'\n      ? (options.editable as Ref<boolean>).value\n      : (options.editable ?? true)\n\n    const view = new EditorView({\n      state: stateRef.value!,\n      element,\n      editable: editableVal,\n      dispatchTransaction,\n    })\n\n    viewRef.value = view\n    stateRef.value = view.state\n    forceUpdate()\n  }\n\n  onBeforeUnmount(() => {\n    if (viewRef.value) {\n      viewRef.value.destroy()\n      viewRef.value = null\n    }\n  })\n\n  if (typeof options.editable === 'object') {\n    watch(options.editable as Ref<boolean>, () => {\n      forceUpdate()\n    })\n  }\n\n  return {\n    view: viewRef,\n    state: stateRef,\n    schema,\n    commands: manager.commands,\n    forceUpdate,\n    _createView: createView,\n  }\n}\n","import { defineComponent, h, onMounted, onBeforeUnmount, ref, type PropType, type ShallowRef } from 'vue'\nimport type { EditorHandle } from './use-editor'\nimport type { EditorLike } from '../ui/types'\nimport { ensureStylesInjected } from '../ui/editor-styles'\nimport { Toolbar as ToolbarClass } from '../ui/toolbar'\nimport { BubbleMenu as BubbleMenuClass } from '../ui/bubble-menu'\nimport { DragHandle as DragHandleClass } from '../ui/drag-handle'\nimport { AIMenu as AIMenuClass } from '../ui/ai-menu'\nimport { AIWriter as AIWriterClass } from '../ui/ai-writer'\nimport { WordCountDisplay as WordCountClass } from '../ui/word-count'\nimport { TocPanel as TocPanelClass } from '../ui/toc-panel'\nimport { ShortcutPanel as ShortcutPanelClass } from '../ui/shortcut-panel'\nimport type { TocItem } from '../extensions/toc-extension'\nimport type { ShortcutItem } from '../ui/shortcut-panel'\n\nexport function createEditorAdapter(editor: EditorHandle): EditorLike {\n  return {\n    getView: () => editor.view.value,\n    getState: () => editor.state.value,\n    getSchema: () => editor.schema,\n    getCommands: () => editor.commands,\n  }\n}\n\nexport const EditorContent = defineComponent({\n  name: 'EditorContent',\n  props: {\n    editor: { type: Object as PropType<EditorHandle>, required: true },\n  },\n  setup(props) {\n    onMounted(() => { ensureStylesInjected() })\n    return () => h('div', {\n      ref: (el: unknown) => {\n        if (el && el instanceof HTMLElement) props.editor._createView(el)\n      },\n    })\n  },\n})\n\nexport const Toolbar = defineComponent({\n  name: 'MiToolbar',\n  props: { editor: { type: Object as PropType<EditorHandle>, required: true } },\n  setup(props) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: ToolbarClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new ToolbarClass(createEditorAdapter(props.editor))\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n\nexport const BubbleMenu = defineComponent({\n  name: 'MiBubbleMenu',\n  props: { editor: { type: Object as PropType<EditorHandle>, required: true } },\n  setup(props) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: BubbleMenuClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new BubbleMenuClass(createEditorAdapter(props.editor))\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n\nexport const DragHandle = defineComponent({\n  name: 'MiDragHandle',\n  props: { editor: { type: Object as PropType<EditorHandle>, required: true } },\n  setup(props) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: DragHandleClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new DragHandleClass(createEditorAdapter(props.editor))\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n\nexport const WordCountDisplay = defineComponent({\n  name: 'MiWordCountDisplay',\n  props: {\n    editor: { type: Object as PropType<EditorHandle>, required: true },\n    showDetails: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: WordCountClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new WordCountClass(createEditorAdapter(props.editor), { showDetails: props.showDetails })\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n\nexport const TocPanel = defineComponent({\n  name: 'MiTocPanel',\n  props: {\n    editor: { type: Object as PropType<EditorHandle>, required: true },\n    title: { type: String, default: undefined },\n    onItemClick: { type: Function as PropType<(item: TocItem) => void>, default: undefined },\n  },\n  setup(props) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: TocPanelClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new TocPanelClass(createEditorAdapter(props.editor), { title: props.title, onItemClick: props.onItemClick })\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n\nexport const ShortcutPanel = defineComponent({\n  name: 'MiShortcutPanel',\n  props: {\n    editor: { type: Object as PropType<EditorHandle>, required: true },\n    shortcuts: { type: Array as PropType<ShortcutItem[]>, default: undefined },\n  },\n  setup(props, { expose }) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: ShortcutPanelClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new ShortcutPanelClass(createEditorAdapter(props.editor), { shortcuts: props.shortcuts })\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    expose({\n      open: () => comp?.open(),\n      close: () => comp?.close(),\n    })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n\nexport const AIMenu = defineComponent({\n  name: 'MiAIMenu',\n  props: { editor: { type: Object as PropType<EditorHandle>, required: true } },\n  setup(props, { expose }) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: AIMenuClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new AIMenuClass(createEditorAdapter(props.editor))\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    expose({ open: () => comp?.open() })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n\nexport const AIWriter = defineComponent({\n  name: 'MiAIWriter',\n  props: { editor: { type: Object as PropType<EditorHandle>, required: true } },\n  setup(props, { expose }) {\n    const containerRef = ref<HTMLElement | null>(null)\n    let comp: AIWriterClass | null = null\n    onMounted(() => {\n      if (!containerRef.value) return\n      comp = new AIWriterClass(createEditorAdapter(props.editor))\n      comp.mount(containerRef.value)\n    })\n    onBeforeUnmount(() => { comp?.destroy() })\n    expose({\n      open: () => comp?.open(),\n      openProductCard: () => comp?.openProductCard(),\n    })\n    return () => h('div', { ref: (el: unknown) => { if (el instanceof HTMLElement) containerRef.value = el } })\n  },\n})\n"],"mappings":"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"}

package/dist/vue2/index.cjs.js

@@ -0,0 +1,323 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../prompt-CGLw2O21.cjs");
+const require_dist = require("../dist-CRSJDo2G.cjs");
+const require_extension = require("../extension-BPFuYyzN.cjs");
+const require_shortcut_panel = require("../shortcut-panel-yP4RPTFt.cjs");
+const require_export_utils = require("../export-utils-CYaNoyVg.cjs");
+let vue = require("vue");
+//#region src/vue2/use-editor.ts
+function useEditor(options = {}) {
+	const { extensions = [], content, onUpdate, onSelectionChange } = options;
+	const manager = new require_extension.ExtensionManager(extensions);
+	const schema = manager.schema;
+	let initialDoc;
+	if (content) try {
+		const container = document.createElement("div");
+		container.innerHTML = content;
+		initialDoc = require_dist.DOMParser.fromSchema(schema).parse(container);
+	} catch {}
+	const initialState = require_dist.EditorState.create({
+		schema,
+		doc: initialDoc,
+		plugins: manager.plugins
+	});
+	const viewRef = (0, vue.shallowRef)(null);
+	const stateRef = (0, vue.shallowRef)(initialState);
+	const version = (0, vue.shallowRef)(0);
+	const forceUpdate = () => {
+		version.value++;
+	};
+	const dispatchTransaction = (tr) => {
+		const view = viewRef.value;
+		if (!view) return;
+		const newState = view.state.apply(tr);
+		view.updateState(newState);
+		stateRef.value = newState;
+		if (onUpdate) onUpdate(newState);
+		if (onSelectionChange) onSelectionChange(newState);
+		forceUpdate();
+	};
+	const createView = (element) => {
+		if (viewRef.value) return;
+		const editableVal = typeof options.editable === "object" ? options.editable.value : options.editable ?? true;
+		const view = new require_extension.EditorView({
+			state: stateRef.value,
+			element,
+			editable: editableVal,
+			dispatchTransaction
+		});
+		viewRef.value = view;
+		stateRef.value = view.state;
+		forceUpdate();
+	};
+	(0, vue.onBeforeUnmount)(() => {
+		if (viewRef.value) {
+			viewRef.value.destroy();
+			viewRef.value = null;
+		}
+	});
+	if (typeof options.editable === "object") (0, vue.watch)(options.editable, () => {
+		forceUpdate();
+	});
+	return {
+		view: viewRef,
+		state: stateRef,
+		schema,
+		commands: manager.commands,
+		forceUpdate,
+		_createView: createView
+	};
+}
+//#endregion
+//#region src/vue2/components.ts
+function createEditorAdapter(editor) {
+	return {
+		getView: () => editor.view.value ?? null,
+		getState: () => editor.state.value ?? null,
+		getSchema: () => editor.schema,
+		getCommands: () => editor.commands
+	};
+}
+var EditorContent = (0, vue.defineComponent)({
+	name: "EditorContent",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		(0, vue.onMounted)(() => {
+			require_shortcut_panel.ensureStylesInjected();
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el && el instanceof HTMLElement) props.editor._createView(el);
+		} });
+	}
+});
+var Toolbar = (0, vue.defineComponent)({
+	name: "MiToolbar",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.Toolbar(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var BubbleMenu = (0, vue.defineComponent)({
+	name: "MiBubbleMenu",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.BubbleMenu(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var DragHandle = (0, vue.defineComponent)({
+	name: "MiDragHandle",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.DragHandle(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var WordCountDisplay = (0, vue.defineComponent)({
+	name: "MiWordCountDisplay",
+	props: {
+		editor: {
+			type: Object,
+			required: true
+		},
+		showDetails: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(props) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.WordCountDisplay(createEditorAdapter(props.editor), { showDetails: props.showDetails });
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var TocPanel = (0, vue.defineComponent)({
+	name: "MiTocPanel",
+	props: {
+		editor: {
+			type: Object,
+			required: true
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		onItemClick: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(props) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.TocPanel(createEditorAdapter(props.editor), {
+				title: props.title,
+				onItemClick: props.onItemClick
+			});
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var ShortcutPanel = (0, vue.defineComponent)({
+	name: "MiShortcutPanel",
+	props: {
+		editor: {
+			type: Object,
+			required: true
+		},
+		shortcuts: {
+			type: Array,
+			default: void 0
+		}
+	},
+	setup(props, { expose }) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.ShortcutPanel(createEditorAdapter(props.editor), { shortcuts: props.shortcuts });
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		expose({
+			open: () => comp?.open(),
+			close: () => comp?.close()
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var AIMenu = (0, vue.defineComponent)({
+	name: "MiAIMenu",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { expose }) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.AIMenu(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		expose({ open: () => comp?.open() });
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+var AIWriter = (0, vue.defineComponent)({
+	name: "MiAIWriter",
+	props: { editor: {
+		type: Object,
+		required: true
+	} },
+	setup(props, { expose }) {
+		const containerRef = (0, vue.ref)(null);
+		let comp = null;
+		(0, vue.onMounted)(() => {
+			if (!containerRef.value) return;
+			comp = new require_shortcut_panel.AIWriter(createEditorAdapter(props.editor));
+			comp.mount(containerRef.value);
+		});
+		(0, vue.onBeforeUnmount)(() => {
+			comp?.destroy();
+		});
+		expose({
+			open: () => comp?.open(),
+			openProductCard: () => comp?.openProductCard()
+		});
+		return () => (0, vue.h)("div", { ref: (el) => {
+			if (el instanceof HTMLElement) containerRef.value = el;
+		} });
+	}
+});
+//#endregion
+exports.AIMenu = AIMenu;
+exports.AIWriter = AIWriter;
+exports.BubbleMenu = BubbleMenu;
+exports.DragHandle = DragHandle;
+exports.EditorContent = EditorContent;
+exports.ShortcutPanel = ShortcutPanel;
+exports.TocPanel = TocPanel;
+exports.Toolbar = Toolbar;
+exports.WordCountDisplay = WordCountDisplay;
+exports.createEditorAdapter = createEditorAdapter;
+exports.exportAsHTML = require_export_utils.exportAsHTML;
+exports.exportAsJSON = require_export_utils.exportAsJSON;
+exports.exportAsMarkdown = require_export_utils.exportAsMarkdown;
+exports.exportAsPlainText = require_export_utils.exportAsPlainText;
+exports.useEditor = useEditor;
+
+//# sourceMappingURL=index.cjs.js.map