vdc-editor 0.0.7 → 0.0.9

package/lib/src/extensions/SuperText/components/SuperText.vue.d.ts

@@ -1,67 +1,91 @@
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     editor: {
-        type: globalThis.PropType<import('@tiptap/core').Editor>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["editor"]>;
         required: true;
     };
     node: {
-        type: globalThis.PropType<import('prosemirror-model').Node>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["node"]>;
         required: true;
     };
     decorations: {
-        type: globalThis.PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["decorations"]>;
         required: true;
     };
     selected: {
-        type: globalThis.PropType<boolean>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["selected"]>;
         required: true;
     };
     extension: {
-        type: globalThis.PropType<import('@tiptap/vue-3').Node<any, any>>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["extension"]>;
         required: true;
     };
     getPos: {
-        type: globalThis.PropType<() => number>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["getPos"]>;
         required: true;
     };
     updateAttributes: {
-        type: globalThis.PropType<(attributes: Record<string, any>) => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["updateAttributes"]>;
         required: true;
     };
     deleteNode: {
-        type: globalThis.PropType<() => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
         required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     editor: {
-        type: globalThis.PropType<import('@tiptap/core').Editor>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["editor"]>;
         required: true;
     };
     node: {
-        type: globalThis.PropType<import('prosemirror-model').Node>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["node"]>;
         required: true;
     };
     decorations: {
-        type: globalThis.PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["decorations"]>;
         required: true;
     };
     selected: {
-        type: globalThis.PropType<boolean>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["selected"]>;
         required: true;
     };
     extension: {
-        type: globalThis.PropType<import('@tiptap/vue-3').Node<any, any>>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["extension"]>;
         required: true;
     };
     getPos: {
-        type: globalThis.PropType<() => number>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["getPos"]>;
         required: true;
     };
     updateAttributes: {
-        type: globalThis.PropType<(attributes: Record<string, any>) => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["updateAttributes"]>;
         required: true;
     };
     deleteNode: {
-        type: globalThis.PropType<() => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/lib/src/extensions/Table/components/CreateTablePopover.vue.d.ts

@@ -5,7 +5,10 @@ export interface GridSize {
 export interface CreateTablePayload extends GridSize {
     withHeaderRow: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+declare function __VLS_template(): {
+    trigger?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     disabled: {
         default: boolean;
     };
@@ -19,9 +22,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<gl
     "onCreate-table"?: ((payload: CreateTablePayload) => any) | undefined;
 }>, {
     disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
-    trigger?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/lib/src/extensions/Table/components/TableActionButton.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     action: undefined;
     isActive: undefined;
 }>>> & Readonly<{}>, {
-    icon: "Bold" | "LoaderCircle" | "Italic" | "Underline" | "Quote" | "TextQuote" | "Strikethrough" | "Minus" | "Eraser" | "PaintRoller" | "Redo2" | "Undo2" | "AlignCenter" | "AlignJustify" | "AlignLeft" | "AlignRight" | "ChevronUp" | "ChevronDown" | "Subscript" | "Superscript" | "Code" | "Code2" | "Type" | "IndentIncrease" | "IndentDecrease" | "List" | "ListOrdered" | "ListTodo" | "Link" | "ImageUp" | "Video" | "Maximize" | "Minimize" | "Table" | "Sparkles" | "Magic" | "Pencil" | "Unlink" | "BetweenHorizonalEnd" | "BetweenHorizonalStart" | "ColumnDelete" | "BetweenVerticalStart" | "BetweenVerticalEnd" | "RowDelete" | "TableCellsMerge" | "TableCellsSplit" | "Trash2" | "Trash" | "Replace" | "ChevronsUpDown" | "LineHeight" | "Word" | "Paragraph" | "Heading1" | "Heading2" | "Heading3" | "Columns2" | "Columns3" | "Columns4" | "Plus" | "Grip" | "Copy" | "Clipboard" | "MenuDown" | "SizeS" | "SizeM" | "SizeL" | "AspectRatio" | "Gaode" | "Baidu" | "Youku" | "BiliBili" | "Modao" | "Lanhu" | "QQVideo" | "Figma" | "Canva" | "Processon" | "Codepen" | "Jinshuju" | "PanelLeft" | "PanelRight" | "Columns" | "AI" | "ChevronRight" | "Paste" | "Cut" | "File" | "Refresh" | "Eye" | "Printer" | "Tablet" | "Phone" | "Monitor" | "TextSelect" | "SpellCheck" | "DocSearch" | "Close" | "ImageSize" | "FlipVertical" | "FlipHorizontal" | "LucidePanelLeft" | "LucidePanelRight";
+    icon: keyof typeof icons;
     color: string;
     disabled: boolean;
     tooltip: string;

package/lib/src/extensions/VideoUpload/components/VideoUploader.vue.d.ts

@@ -1,67 +1,91 @@
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
     editor: {
-        type: globalThis.PropType<import('@tiptap/core').Editor>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["editor"]>;
         required: true;
     };
     node: {
-        type: globalThis.PropType<import('prosemirror-model').Node>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["node"]>;
         required: true;
     };
     decorations: {
-        type: globalThis.PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["decorations"]>;
         required: true;
     };
     selected: {
-        type: globalThis.PropType<boolean>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["selected"]>;
         required: true;
     };
     extension: {
-        type: globalThis.PropType<import('@tiptap/vue-3').Node<any, any>>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["extension"]>;
         required: true;
     };
     getPos: {
-        type: globalThis.PropType<() => number>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["getPos"]>;
         required: true;
     };
     updateAttributes: {
-        type: globalThis.PropType<(attributes: Record<string, any>) => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["updateAttributes"]>;
         required: true;
     };
     deleteNode: {
-        type: globalThis.PropType<() => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
         required: true;
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
     editor: {
-        type: globalThis.PropType<import('@tiptap/core').Editor>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["editor"]>;
         required: true;
     };
     node: {
-        type: globalThis.PropType<import('prosemirror-model').Node>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["node"]>;
         required: true;
     };
     decorations: {
-        type: globalThis.PropType<readonly import('@tiptap/vue-3').DecorationWithType[]>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["decorations"]>;
         required: true;
     };
     selected: {
-        type: globalThis.PropType<boolean>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["selected"]>;
         required: true;
     };
     extension: {
-        type: globalThis.PropType<import('@tiptap/vue-3').Node<any, any>>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["extension"]>;
         required: true;
     };
     getPos: {
-        type: globalThis.PropType<() => number>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["getPos"]>;
         required: true;
     };
     updateAttributes: {
-        type: globalThis.PropType<(attributes: Record<string, any>) => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["updateAttributes"]>;
         required: true;
     };
     deleteNode: {
-        type: globalThis.PropType<() => void>;
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["deleteNode"]>;
+        required: true;
+    };
+    view: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["view"]>;
+        required: true;
+    };
+    innerDecorations: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["innerDecorations"]>;
+        required: true;
+    };
+    HTMLAttributes: {
+        type: PropType<import('@tiptap/vue-3').NodeViewProps["HTMLAttributes"]>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/lib/src/hooks/useStore.d.ts

@@ -50,10 +50,10 @@ export declare const useTiptapStore: () => {
     state: Instance;
     page: globalThis.Ref<{
         defaultMargin?: {
-            left: number;
-            right: number;
-            top: number;
-            bottom: number;
+            left: number | string;
+            right: number | string;
+            top: number | string;
+            bottom: number | string;
         } | undefined;
         defaultOrientation?: string | undefined;
         defaultBackground?: string | undefined;
@@ -62,8 +62,8 @@ export declare const useTiptapStore: () => {
             nodesComputed: import('../type').NodesComputed;
         } | undefined;
         size?: {
-            width: number;
-            height: number;
+            width: number | string;
+            height: number | string;
             label?: string | undefined;
         } | undefined;
         margin?: {
@@ -89,10 +89,10 @@ export declare const useTiptapStore: () => {
         } | undefined;
     }, PageOption | {
         defaultMargin?: {
-            left: number;
-            right: number;
-            top: number;
-            bottom: number;
+            left: number | string;
+            right: number | string;
+            top: number | string;
+            bottom: number | string;
         } | undefined;
         defaultOrientation?: string | undefined;
         defaultBackground?: string | undefined;
@@ -101,8 +101,8 @@ export declare const useTiptapStore: () => {
             nodesComputed: import('../type').NodesComputed;
         } | undefined;
         size?: {
-            width: number;
-            height: number;
+            width: number | string;
+            height: number | string;
             label?: string | undefined;
         } | undefined;
         margin?: {
@@ -143,18 +143,19 @@ export declare const useTiptapStore: () => {
         removeSuperText: (state: Pick<import('./useSuperTextStore').ModalState, "id">) => void;
         superText: import('vue').Reactive<import('./useSuperTextStore').ModalState[]>;
         updateSuperText: (state: import('./useSuperTextStore').ModalState) => void;
-        updatePositionSuperText: (state: Pick<import('./useSuperTextStore').ModalState, "id" | "position">) => void;
-        addMoreSuperText: (text: string, position?: DOMRect | undefined) => string;
+        updatePositionSuperText: (state: Pick<import('./useSuperTextStore').ModalState, "position" | "id">) => void;
+        addMoreSuperText: (text: string, position?: DOMRect) => string;
         addSuperText: (state: import('./useSuperTextStore').ModalState) => void;
-        onUpdatePositionEvent: import('@vueuse/shared').EventHookOn<any>;
-        onUpdatePositionTrigger: import('@vueuse/shared').EventHookTrigger<any>;
-        onHoverEvent: import('@vueuse/shared').EventHookOn<any>;
-        onHoverEventTrigger: import('@vueuse/shared').EventHookTrigger<any>;
+        onUpdatePositionEvent: import('@vueuse/core').EventHookOn<any>;
+        onUpdatePositionTrigger: import('@vueuse/core').EventHookTrigger<any>;
+        onHoverEvent: import('@vueuse/core').EventHookOn<any>;
+        onHoverEventTrigger: import('@vueuse/core').EventHookTrigger<any>;
     };
     checkSpellStore: {
         languages: "ko" | "en";
         update: (payload: Partial<import('./useCheckSpellStore').SpellCheckState>) => void;
         limit: number;
     };
+    viewSuperText: (isView: boolean) => void;
 };
 export {};

package/lib/src/hooks/useSuperTextStore.d.ts

@@ -7,14 +7,14 @@ export type ModalState = {
     };
 };
 export declare const useSuperTextStore: () => {
-    removeSuperText: (state: Pick<ModalState, 'id'>) => void;
+    removeSuperText: (state: Pick<ModalState, "id">) => void;
     superText: import('vue').Reactive<ModalState[]>;
     updateSuperText: (state: ModalState) => void;
-    updatePositionSuperText: (state: Pick<ModalState, 'position' | 'id'>) => void;
+    updatePositionSuperText: (state: Pick<ModalState, "position" | "id">) => void;
     addMoreSuperText: (text: string, position?: DOMRect) => string;
     addSuperText: (state: ModalState) => void;
-    onUpdatePositionEvent: import('@vueuse/shared').EventHookOn<any>;
-    onUpdatePositionTrigger: import('@vueuse/shared').EventHookTrigger<any>;
-    onHoverEvent: import('@vueuse/shared').EventHookOn<any>;
-    onHoverEventTrigger: import('@vueuse/shared').EventHookTrigger<any>;
+    onUpdatePositionEvent: import('@vueuse/core').EventHookOn<any>;
+    onUpdatePositionTrigger: import('@vueuse/core').EventHookTrigger<any>;
+    onHoverEvent: import('@vueuse/core').EventHookOn<any>;
+    onHoverEventTrigger: import('@vueuse/core').EventHookTrigger<any>;
 };

package/lib/src/type.d.ts

@@ -102,10 +102,10 @@ export interface ButtonView<T = any> {
 export type ComputedFn = (splitContex: SplitContext, node: Node, pos: number, parent: Node | null, dom: HTMLElement) => boolean;
 export type NodesComputed = Record<string, ComputedFn>;
 export interface MarginOption {
-    left: number;
-    right: number;
-    top: number;
-    bottom: number;
+    left: number | string;
+    right: number | string;
+    top: number | string;
+    bottom: number | string;
 }
 export interface NodesComputedOption {
     types: string[];
@@ -117,8 +117,8 @@ export interface PageOption {
     defaultBackground?: string;
     nodesComputedOption?: NodesComputedOption;
     size?: {
-        width: number;
-        height: number;
+        width: number | string;
+        height: number | string;
         label?: string;
     };
     margin?: {