@threadlabs/looma 0.28.4 → 0.28.5

package/vue/editor/index.js

@@ -1,6 +1,6 @@
 import { computed, createApp, defineComponent, h, nextTick, onBeforeUnmount, onMounted, reactive, ref, shallowRef, useId, watch } from "vue";
 import { DEFAULT_MENTION_RESULT_LIMIT, LOOMA_CHIP_COLORS, LOOMA_ICONS, createLoomaMentionExtension, createLoomaSlashCommandExtension, getActiveTableUiState, getDefaultEditorExtensions, getDefaultSlashCommands, getTableOfContentsEntries, getVisualViewportRect, handleTableAction, handleTableOverlayAction, measureTableOverlayGeometry, normalizeActiveTableColumnWidths, normalizeLoomaChipColor, normalizeTableOfContentsConfig, resolveTableCellAt, siteRelativeHref } from "@threadlabs/looma/editor";
-import { Button, Callout, Card, Checkbox, Cluster, Combobox, Disclosure, EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorSurface, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, EditorToolbar as EditorToolbar$1, FormField, Icon, IconButton, Image, Input, InputGroup, List, Menu, MenuItem, Popover, ScrollArea, SearchResultRow, Separator, Stack, Text, Tooltip } from "@threadlabs/looma/vue";
+import { Button, Callout, Card, Checkbox, Cluster, Combobox, Disclosure, EditorImageToolbar, EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorSurface, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, FormField, Icon, IconButton, Image, Input, InputGroup, List, Menu, MenuItem, Popover, ScrollArea, SearchResultRow, Separator, Stack, Text, Tooltip } from "@threadlabs/looma/vue";
 import { Editor, Extension, Node as Node$1, getText, getTextSerializersFromSchema, isNodeSelection, mergeAttributes, nodeInputRule, posToDOMRect } from "@tiptap/core";
 import { Editor as Editor$1 } from "@tiptap/vue-3";
 import { closeHistory } from "@tiptap/pm/history";
@@ -21,7 +21,8 @@ var EDITOR_ADAPTER_COMPONENT_TAG_MAP = {
 	EditorTableContextMenu: "ui-editor-table-context-menu",
 	EditorTableToolbar: "ui-editor-table-toolbar",
 	EditorInsertTableGrid: "ui-editor-insert-table-grid",
-	EditorTableOverlay: "ui-editor-table-overlay"
+	EditorTableOverlay: "ui-editor-table-overlay",
+	EditorImageToolbar: "ui-editor-image-toolbar"
 };
 //#endregion
 //#region src/components/shared/overlay.js
@@ -2188,172 +2189,6 @@ var calloutNodeView = ({ node }) => {
 	};
 };
 //#endregion
-//#region src/vue/editor/image-controls.ts
-var placements = [
-	{
-		value: "block",
-		label: "Image in line",
-		icon: "panel-top"
-	},
-	{
-		value: "center",
-		label: "Center image",
-		icon: "align-center"
-	},
-	{
-		value: "wrap-left",
-		label: "Wrap text to the right",
-		icon: "panel-left"
-	},
-	{
-		value: "wrap-right",
-		label: "Wrap text to the left",
-		icon: "panel-right"
-	}
-];
-/** One contextual editing bar; sizing belongs to the image's corner handles.
-* @contract Placement applies immediately. Alt text is a secondary draft with
-* Save/Cancel; editing another node cancels it rather than changing that node.
-*/
-var ImageControls = defineComponent({
-	props: { editor: {
-		type: Object,
-		required: true
-	} },
-	setup(props) {
-		const id = `looma-image-${useId()}`;
-		const open = ref(false);
-		const alt = ref("");
-		const placement = ref("block");
-		let target = null;
-		const selected = () => props.editor.state.selection instanceof NodeSelection && props.editor.state.selection.node.type.name === "image" ? props.editor.state.selection : null;
-		const refresh = () => {
-			const selection = selected();
-			placement.value = normalizeImagePlacement(selection?.node.attrs.placement);
-			if (open.value && selection?.node !== target) open.value = false;
-		};
-		props.editor.on("transaction", refresh);
-		onBeforeUnmount(() => props.editor.off("transaction", refresh));
-		const begin = () => {
-			const selection = selected();
-			if (!selection) return;
-			target = selection.node;
-			alt.value = selection.node.attrs.alt ?? "";
-			open.value = true;
-		};
-		const update = (attrs) => {
-			const selection = selected();
-			if (!selection || !props.editor.isEditable) return;
-			props.editor.view.dispatch(props.editor.state.tr.setNodeMarkup(selection.from, void 0, {
-				...selection.node.attrs,
-				...attrs
-			}));
-			props.editor.view.focus();
-		};
-		return () => h(Text, {
-			as: "div",
-			font: "sans"
-		}, () => [
-			h(EditorToolbar$1, {
-				floating: true,
-				"aria-label": "Image actions"
-			}, () => [
-				...placements.map((option) => h(IconButton, {
-					id: `${id}-${option.value}`,
-					label: option.label,
-					size: "sm",
-					variant: placement.value === option.value ? "outline" : "ghost",
-					"aria-pressed": placement.value === option.value,
-					onClick: () => update({
-						placement: option.value,
-						...option.value.startsWith("wrap-") ? {
-							width: null,
-							height: null
-						} : {}
-					})
-				}, () => h(Icon, {
-					name: option.icon,
-					size: "sm"
-				}))),
-				h(IconButton, {
-					id,
-					label: "Image description",
-					size: "sm",
-					variant: "ghost"
-				}, () => h(Icon, {
-					name: "file-text",
-					size: "sm"
-				})),
-				h(IconButton, {
-					id: `${id}-delete`,
-					label: "Delete image",
-					size: "sm",
-					variant: "ghost",
-					onClick: () => {
-						if (selected() && props.editor.isEditable) props.editor.chain().focus().deleteSelection().run();
-					}
-				}, () => h(Icon, {
-					name: "trash",
-					size: "sm"
-				}))
-			]),
-			...placements.map((option) => h(Tooltip, { for: `${id}-${option.value}` }, () => option.label)),
-			h(Tooltip, { for: id }, () => "Image description"),
-			h(Tooltip, { for: `${id}-delete` }, () => "Delete image"),
-			h(Popover, {
-				for: id,
-				open: open.value,
-				size: "sm",
-				"aria-label": "Image description",
-				onOpen: begin,
-				onClose: () => {
-					open.value = false;
-				}
-			}, () => h("form", {
-				"aria-label": "Image description",
-				onSubmit: (event) => {
-					event.preventDefault();
-					if (selected()?.node !== target) return;
-					open.value = false;
-					update({ alt: alt.value });
-				}
-			}, [h(Stack, { gap: "s" }, () => [
-				h(FormField, {}, {
-					label: () => h("label", { for: `${id}-alt` }, "Alt text"),
-					default: () => h(Input, {
-						id: `${id}-alt`,
-						size: "sm",
-						value: alt.value,
-						onInput: (event) => {
-							alt.value = event.target.value;
-						}
-					})
-				}),
-				h(Text, {
-					size: "xs",
-					tone: "secondary"
-				}, () => "Describe the image for people using a screen reader."),
-				h(Cluster, {
-					justify: "end",
-					gap: "xs"
-				}, () => [h(Button, {
-					type: "button",
-					variant: "ghost",
-					tone: "neutral",
-					size: "sm",
-					onClick: () => {
-						open.value = false;
-					}
-				}, () => "Cancel"), h(Button, {
-					type: "submit",
-					variant: "solid",
-					size: "sm"
-				}, () => "Save")])
-			])]))
-		]);
-	}
-});
-//#endregion
 //#region src/vue/editor/image.ts
 /** Projects the shared image's resize intent into a single document transaction.
 * @ownership Delivery decorations belong to the inner image, never the figure;
@@ -3731,6 +3566,42 @@ var LoomaEditor = defineComponent({
 			related: editorRoot,
 			onDismiss: (reason) => reason === "escape" ? dismissFormatting() : linkPopup?.hide()
 		}));
+		const imageTargets = /* @__PURE__ */ new WeakMap();
+		let imageTargetSequence = 0;
+		const selectedImage = (instance) => instance.state.selection instanceof NodeSelection && instance.state.selection.node.type.name === "image" ? instance.state.selection : null;
+		const updateSelectedImage = (instance, attrs) => {
+			const selection = selectedImage(instance);
+			if (!selection || !instance.isEditable) return;
+			instance.view.dispatch(instance.state.tr.setNodeMarkup(selection.from, void 0, {
+				...selection.node.attrs,
+				...attrs
+			}));
+			instance.view.focus();
+		};
+		const renderImageToolbar = (instance) => {
+			const node = selectedImage(instance)?.node;
+			let target = "";
+			if (node) {
+				target = imageTargets.get(node) ?? `image-${++imageTargetSequence}`;
+				imageTargets.set(node, target);
+			}
+			return h(EditorImageToolbar, {
+				placement: normalizeImagePlacement(node?.attrs.placement),
+				alt: node?.attrs.alt ?? "",
+				target,
+				onPlacement: (event) => updateSelectedImage(instance, {
+					placement: event.detail.placement,
+					...event.detail.placement.startsWith("wrap-") ? {
+						width: null,
+						height: null
+					} : {}
+				}),
+				onDescribe: (event) => updateSelectedImage(instance, { alt: event.detail.alt }),
+				onDelete: () => {
+					if (selectedImage(instance) && instance.isEditable) instance.chain().focus().deleteSelection().run();
+				}
+			});
+		};
 		const imageSurfaceRef = surfaceRef((surface) => {
 			imagePopup = surface;
 		}, (element, instance) => ({
@@ -4317,7 +4188,7 @@ var LoomaEditor = defineComponent({
 					ref: imageSurfaceRef,
 					class: "looma-editor__floating-shell looma-editor__image-shell",
 					hidden: true
-				}, [h(ImageControls, { editor: instance })])]) : null,
+				}, [renderImageToolbar(instance)])]) : null,
 				instance ? h(EditorSurface, { density: props.editable ? "comfortable" : props.contentDensity }, () => h("div", { ref: attachDocument })) : null,
 				codeUi.open ? h("div", {
 					key: "looma-code-language-shell",
@@ -4591,4 +4462,4 @@ var LoomaEditor = defineComponent({
 	}
 });
 //#endregion
-export { EDITOR_ADAPTER_COMPONENT_TAG_MAP, EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, LoomaEditor };
+export { EDITOR_ADAPTER_COMPONENT_TAG_MAP, EditorImageToolbar, EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, LoomaEditor };

package/vue/editor/primitives.d.ts

@@ -3,13 +3,20 @@
  * `@threadlabs/looma/vue`, re-exported beside the editor that composes them.
  */
 import type { InsertTableEventDetail, MentionMenuHighlightEventDetail, MentionMenuSelectEventDetail, SlashMenuHighlightEventDetail, SlashMenuSelectEventDetail, TableContextMenuActionEventDetail } from "@threadlabs/looma/editor";
-export { EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, } from "@threadlabs/looma/vue";
+export { EditorImageToolbar, EditorInsertTableGrid, EditorMentionMenu, EditorMentionMenuItem, EditorSlashMenu, EditorSlashMenuGroup, EditorSlashMenuItem, EditorTableContextMenu, EditorTableOverlay, EditorTableToolbar, EditorToolbar, } from "@threadlabs/looma/vue";
 /** The editor components' event details, by event name. */
 export interface VueEditorAdapterEventMap {
     highlight: MentionMenuHighlightEventDetail | SlashMenuHighlightEventDetail;
     select: MentionMenuSelectEventDetail | SlashMenuSelectEventDetail;
     action: TableContextMenuActionEventDetail;
     insert: InsertTableEventDetail;
+    placement: {
+        placement: "block" | "center" | "wrap-left" | "wrap-right";
+    };
+    describe: {
+        alt: string;
+    };
+    delete: Record<string, never>;
     "add-row-before": {
         boundaryIndex: number;
     };
@@ -73,4 +80,5 @@ export declare const EDITOR_ADAPTER_COMPONENT_TAG_MAP: {
     readonly EditorTableToolbar: "ui-editor-table-toolbar";
     readonly EditorInsertTableGrid: "ui-editor-insert-table-grid";
     readonly EditorTableOverlay: "ui-editor-table-overlay";
+    readonly EditorImageToolbar: "ui-editor-image-toolbar";
 };

package/vue/index.d.ts

@@ -19,6 +19,7 @@ export { default as DescriptionList } from "./UiDescriptionList.js";
 export { default as Dialog } from "./UiDialog.js";
 export { default as Disclosure } from "./UiDisclosure.js";
 export { default as Editable } from "./UiEditable.js";
+export { default as EditorImageToolbar } from "./UiEditorImageToolbar.js";
 export { default as EditorInsertTableGrid } from "./UiEditorInsertTableGrid.js";
 export { default as EditorMentionMenu } from "./UiEditorMentionMenu.js";
 export { default as EditorMentionMenuItem } from "./UiEditorMentionMenuItem.js";

package/vue/index.js

@@ -23,6 +23,14 @@ import { t as UiScrollArea_default } from "./chunks/UiScrollArea.js";
 import { t as UiDialog_default } from "./chunks/UiDialog.js";
 import { t as UiDisclosure_default } from "./chunks/UiDisclosure.js";
 import { t as UiEditable_default } from "./chunks/UiEditable.js";
+import { t as UiEditorToolbar_default } from "./chunks/UiEditorToolbar.js";
+import { t as UiFormField_default } from "./chunks/UiFormField.js";
+import { t as UiIconButton_default } from "./chunks/UiIconButton.js";
+import { t as UiInput_default } from "./chunks/UiInput.js";
+import { t as UiPopover_default } from "./chunks/UiPopover.js";
+import { t as UiStack_default } from "./chunks/UiStack.js";
+import { t as UiText_default } from "./chunks/UiText.js";
+import { t as UiEditorImageToolbar_default } from "./chunks/UiEditorImageToolbar.js";
 import { t as UiEditorInsertTableGrid_default } from "./chunks/UiEditorInsertTableGrid.js";
 import { t as UiEditorMentionMenu_default } from "./chunks/UiEditorMentionMenu.js";
 import { t as UiEditorMentionMenuItem_default } from "./chunks/UiEditorMentionMenuItem.js";
@@ -33,13 +41,9 @@ import { t as UiEditorSurface_default } from "./chunks/UiEditorSurface.js";
 import { t as UiEditorTableContextMenu_default } from "./chunks/UiEditorTableContextMenu.js";
 import { t as UiEditorTableOverlay_default } from "./chunks/UiEditorTableOverlay.js";
 import { t as UiEditorTableToolbar_default } from "./chunks/UiEditorTableToolbar.js";
-import { t as UiEditorToolbar_default } from "./chunks/UiEditorToolbar.js";
 import { t as UiFloatingActionButton_default } from "./chunks/UiFloatingActionButton.js";
-import { t as UiFormField_default } from "./chunks/UiFormField.js";
 import { t as UiGrid_default } from "./chunks/UiGrid.js";
-import { t as UiIconButton_default } from "./chunks/UiIconButton.js";
 import { t as UiImage_default } from "./chunks/UiImage.js";
-import { t as UiInput_default } from "./chunks/UiInput.js";
 import { t as UiInputGroup_default } from "./chunks/UiInputGroup.js";
 import { t as UiList_default } from "./chunks/UiList.js";
 import { t as UiListItem_default } from "./chunks/UiListItem.js";
@@ -50,7 +54,6 @@ import { t as UiMenuItem_default } from "./chunks/UiMenuItem.js";
 import { t as UiMeter_default } from "./chunks/UiMeter.js";
 import { t as UiNavItem_default } from "./chunks/UiNavItem.js";
 import { t as UiPageHeader_default } from "./chunks/UiPageHeader.js";
-import { t as UiPopover_default } from "./chunks/UiPopover.js";
 import { t as UiRadio_default } from "./chunks/UiRadio.js";
 import { t as UiRadioGroup_default } from "./chunks/UiRadioGroup.js";
 import { t as UiReel_default } from "./chunks/UiReel.js";
@@ -60,13 +63,11 @@ import { t as UiSection_default } from "./chunks/UiSection.js";
 import { t as UiSelect_default } from "./chunks/UiSelect.js";
 import { t as UiSeparator_default } from "./chunks/UiSeparator.js";
 import { t as UiSidebar_default } from "./chunks/UiSidebar.js";
-import { t as UiStack_default } from "./chunks/UiStack.js";
 import { t as UiStatusMessage_default } from "./chunks/UiStatusMessage.js";
 import { t as UiSwitch_default } from "./chunks/UiSwitch.js";
 import { t as UiSwitcher_default } from "./chunks/UiSwitcher.js";
 import { t as UiTable_default } from "./chunks/UiTable.js";
 import { t as UiTabs_default } from "./chunks/UiTabs.js";
-import { t as UiText_default } from "./chunks/UiText.js";
 import { t as UiTextarea_default } from "./chunks/UiTextarea.js";
 import { t as UiToast_default } from "./chunks/UiToast.js";
 import { t as UiToastRegion_default } from "./chunks/UiToastRegion.js";
@@ -74,4 +75,4 @@ import { t as UiTopBar_default } from "./chunks/UiTopBar.js";
 import { t as UiTree_default } from "./chunks/UiTree.js";
 import { t as UiTreeItem_default } from "./chunks/UiTreeItem.js";
 import { trackInputModality } from "@threadlabs/looma/components/shared/input-modality.js";
-export { UiActionBar_default as ActionBar, UiAffordanceScope_default as AffordanceScope, UiAvatar_default as Avatar, UiAvatarGroup_default as AvatarGroup, UiBadge_default as Badge, UiBreadcrumbItem_default as BreadcrumbItem, UiBreadcrumbs_default as Breadcrumbs, UiButton_default as Button, UiCallout_default as Callout, UiCard_default as Card, UiCheckbox_default as Checkbox, UiCluster_default as Cluster, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiCover_default as Cover, UiDescriptionItem_default as DescriptionItem, UiDescriptionList_default as DescriptionList, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorMentionMenuItem_default as EditorMentionMenuItem, UiEditorSlashMenu_default as EditorSlashMenu, UiEditorSlashMenuGroup_default as EditorSlashMenuGroup, UiEditorSlashMenuItem_default as EditorSlashMenuItem, UiEditorSurface_default as EditorSurface, UiEditorTableContextMenu_default as EditorTableContextMenu, UiEditorTableOverlay_default as EditorTableOverlay, UiEditorTableToolbar_default as EditorTableToolbar, UiEditorToolbar_default as EditorToolbar, UiFloatingActionButton_default as FloatingActionButton, UiFormField_default as FormField, UiGrid_default as Grid, UiIcon_default as Icon, UiIconButton_default as IconButton, UiImage_default as Image, UiInput_default as Input, UiInputGroup_default as InputGroup, UiList_default as List, UiListItem_default as ListItem, UiListbox_default as Listbox, UiMenu_default as Menu, UiMenuGroup_default as MenuGroup, UiMenuItem_default as MenuItem, UiMeter_default as Meter, UiNavItem_default as NavItem, UiPageHeader_default as PageHeader, UiPopover_default as Popover, UiRadio_default as Radio, UiRadioGroup_default as RadioGroup, UiReel_default as Reel, UiScrollArea_default as ScrollArea, UiSearchResultRow_default as SearchResultRow, UiSearchShell_default as SearchShell, UiSection_default as Section, UiSelect_default as Select, UiSeparator_default as Separator, UiSidebar_default as Sidebar, UiSpinner_default as Spinner, UiStack_default as Stack, UiStatusMessage_default as StatusMessage, UiSwitch_default as Switch, UiSwitcher_default as Switcher, UiTable_default as Table, UiTabs_default as Tabs, UiText_default as Text, UiTextarea_default as Textarea, UiToast_default as Toast, UiToastRegion_default as ToastRegion, UiTooltip_default as Tooltip, UiTopBar_default as TopBar, UiTree_default as Tree, UiTreeItem_default as TreeItem, trackInputModality };
+export { UiActionBar_default as ActionBar, UiAffordanceScope_default as AffordanceScope, UiAvatar_default as Avatar, UiAvatarGroup_default as AvatarGroup, UiBadge_default as Badge, UiBreadcrumbItem_default as BreadcrumbItem, UiBreadcrumbs_default as Breadcrumbs, UiButton_default as Button, UiCallout_default as Callout, UiCard_default as Card, UiCheckbox_default as Checkbox, UiCluster_default as Cluster, UiCombobox_default as Combobox, UiContainer_default as Container, UiContextMenu_default as ContextMenu, UiCover_default as Cover, UiDescriptionItem_default as DescriptionItem, UiDescriptionList_default as DescriptionList, UiDialog_default as Dialog, UiDisclosure_default as Disclosure, UiEditable_default as Editable, UiEditorImageToolbar_default as EditorImageToolbar, UiEditorInsertTableGrid_default as EditorInsertTableGrid, UiEditorMentionMenu_default as EditorMentionMenu, UiEditorMentionMenuItem_default as EditorMentionMenuItem, UiEditorSlashMenu_default as EditorSlashMenu, UiEditorSlashMenuGroup_default as EditorSlashMenuGroup, UiEditorSlashMenuItem_default as EditorSlashMenuItem, UiEditorSurface_default as EditorSurface, UiEditorTableContextMenu_default as EditorTableContextMenu, UiEditorTableOverlay_default as EditorTableOverlay, UiEditorTableToolbar_default as EditorTableToolbar, UiEditorToolbar_default as EditorToolbar, UiFloatingActionButton_default as FloatingActionButton, UiFormField_default as FormField, UiGrid_default as Grid, UiIcon_default as Icon, UiIconButton_default as IconButton, UiImage_default as Image, UiInput_default as Input, UiInputGroup_default as InputGroup, UiList_default as List, UiListItem_default as ListItem, UiListbox_default as Listbox, UiMenu_default as Menu, UiMenuGroup_default as MenuGroup, UiMenuItem_default as MenuItem, UiMeter_default as Meter, UiNavItem_default as NavItem, UiPageHeader_default as PageHeader, UiPopover_default as Popover, UiRadio_default as Radio, UiRadioGroup_default as RadioGroup, UiReel_default as Reel, UiScrollArea_default as ScrollArea, UiSearchResultRow_default as SearchResultRow, UiSearchShell_default as SearchShell, UiSection_default as Section, UiSelect_default as Select, UiSeparator_default as Separator, UiSidebar_default as Sidebar, UiSpinner_default as Spinner, UiStack_default as Stack, UiStatusMessage_default as StatusMessage, UiSwitch_default as Switch, UiSwitcher_default as Switcher, UiTable_default as Table, UiTabs_default as Tabs, UiText_default as Text, UiTextarea_default as Textarea, UiToast_default as Toast, UiToastRegion_default as ToastRegion, UiTooltip_default as Tooltip, UiTopBar_default as TopBar, UiTree_default as Tree, UiTreeItem_default as TreeItem, trackInputModality };

package/vue/editor/image-controls.d.ts

@@ -1,19 +0,0 @@
-import type { Editor } from "@tiptap/core";
-import { type PropType } from "vue";
-/** One contextual editing bar; sizing belongs to the image's corner handles.
- * @contract Placement applies immediately. Alt text is a secondary draft with
- * Save/Cancel; editing another node cancels it rather than changing that node.
- */
-export declare const ImageControls: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    editor: {
-        type: PropType<Editor>;
-        required: true;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    editor: {
-        type: PropType<Editor>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;