vdc-editor 0.1.39 → 0.1.40

package/lib/src/components/SuperTextViewComment.vue.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/core';
+
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<{
+    editor: typeof Editor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    editor: typeof Editor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/src/components/editor/CoreEditor.vue.d.ts

@@ -1,4 +1,5 @@
 import { EditorProps } from '../../type';
+import { Editor as CoreEditor } from '@tiptap/core';
 import { Editor } from '@tiptap/vue-3';
 
 declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditorProps>, {
@@ -22,6 +23,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     enter: () => void;
     change: (value: import('../../type').SBSEditorOnChange) => void;
     "update:modelValue": (value: string | object | undefined) => void;
+    updateCommentValue: (value: string | object | undefined) => void;
+    onFocusEditor: (value: CoreEditor) => void;
     "changed:selection": (value: any) => void;
 }, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditorProps>, {
     modelValue: string;
@@ -42,6 +45,8 @@ declare const _default: import('vue').DefineComponent<globalThis.ExtractPropType
     onChange?: ((value: import('../../type').SBSEditorOnChange) => any) | undefined;
     onEnter?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | object | undefined) => any) | undefined;
+    onUpdateCommentValue?: ((value: string | object | undefined) => any) | undefined;
+    onOnFocusEditor?: ((value: CoreEditor) => any) | undefined;
     "onChanged:selection"?: ((value: any) => any) | undefined;
 }>, {
     disabled: boolean;

package/lib/src/components/editor/CoreEditorV2.vue.d.ts

@@ -0,0 +1,93 @@
+import { EditorProps } from '../../type';
+import { Editor as CoreEditor } from '@tiptap/core';
+import { Editor } from '@tiptap/vue-3';
+
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditorProps>, {
+    modelValue: string;
+    commentValue: string;
+    output: string;
+    dark: undefined;
+    disabled: boolean;
+    hideToolbar: boolean;
+    disableBubble: boolean;
+    hideBubble: boolean;
+    superTextArea: any;
+    maxWidth: undefined;
+    minHeight: number;
+    maxHeight: undefined;
+    height: undefined;
+    extensions: () => never[];
+    editorClass: undefined;
+    contentClass: undefined;
+}>>, {
+    editor: Editor;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    enter: () => void;
+    change: (value: import('../../type').SBSEditorOnChange) => void;
+    "update:modelValue": (value: string | object | undefined) => void;
+    updateCommentValue: (value: string | object | undefined) => void;
+    onFocusEditor: (value: CoreEditor) => void;
+    "changed:selection": (value: any) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditorProps>, {
+    modelValue: string;
+    commentValue: string;
+    output: string;
+    dark: undefined;
+    disabled: boolean;
+    hideToolbar: boolean;
+    disableBubble: boolean;
+    hideBubble: boolean;
+    superTextArea: any;
+    maxWidth: undefined;
+    minHeight: number;
+    maxHeight: undefined;
+    height: undefined;
+    extensions: () => never[];
+    editorClass: undefined;
+    contentClass: undefined;
+}>>> & Readonly<{
+    onChange?: ((value: import('../../type').SBSEditorOnChange) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | object | undefined) => any) | undefined;
+    onUpdateCommentValue?: ((value: string | object | undefined) => any) | undefined;
+    onOnFocusEditor?: ((value: CoreEditor) => any) | undefined;
+    "onChanged:selection"?: ((value: any) => any) | undefined;
+}>, {
+    height: string | number;
+    disabled: boolean;
+    extensions: import('@tiptap/core').AnyExtension[];
+    modelValue: string | object;
+    output: "html" | "json" | "text";
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    commentValue: string | object;
+    superTextArea: {
+        view: boolean;
+        button: boolean;
+    };
+    dark: boolean;
+    hideToolbar: boolean;
+    disableBubble: boolean;
+    hideBubble: boolean;
+    editorClass: string | string[] | Record<string, any>;
+    contentClass: string | string[] | Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/src/components/editor/EditorComment.vue.d.ts

@@ -0,0 +1,90 @@
+import { EditorProps } from '../../type';
+import { Editor as CoreEditor } from '@tiptap/core';
+import { Editor } from '@tiptap/vue-3';
+
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditorProps>, {
+    modelValue: string;
+    output: string;
+    dark: undefined;
+    disabled: boolean;
+    hideToolbar: boolean;
+    disableBubble: boolean;
+    hideBubble: boolean;
+    superTextArea: any;
+    maxWidth: undefined;
+    minHeight: number;
+    maxHeight: undefined;
+    extensions: () => never[];
+    editorClass: undefined;
+    contentClass: undefined;
+    isOpenSuperView: boolean;
+}>>, {
+    editor: Editor;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    enter: () => void;
+    change: (value: import('../../type').SBSEditorOnChange) => void;
+    "update:modelValue": (value: string | object | undefined) => void;
+    updateCommentValue: (value: string | object | undefined) => void;
+    onFocusEditor: (value: CoreEditor) => void;
+    "changed:selection": (value: any) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<EditorProps>, {
+    modelValue: string;
+    output: string;
+    dark: undefined;
+    disabled: boolean;
+    hideToolbar: boolean;
+    disableBubble: boolean;
+    hideBubble: boolean;
+    superTextArea: any;
+    maxWidth: undefined;
+    minHeight: number;
+    maxHeight: undefined;
+    extensions: () => never[];
+    editorClass: undefined;
+    contentClass: undefined;
+    isOpenSuperView: boolean;
+}>>> & Readonly<{
+    onChange?: ((value: import('../../type').SBSEditorOnChange) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | object | undefined) => any) | undefined;
+    onUpdateCommentValue?: ((value: string | object | undefined) => any) | undefined;
+    onOnFocusEditor?: ((value: CoreEditor) => any) | undefined;
+    "onChanged:selection"?: ((value: any) => any) | undefined;
+}>, {
+    disabled: boolean;
+    extensions: import('@tiptap/core').AnyExtension[];
+    modelValue: string | object;
+    output: "html" | "json" | "text";
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    superTextArea: {
+        view: boolean;
+        button: boolean;
+    };
+    isOpenSuperView: boolean;
+    dark: boolean;
+    hideToolbar: boolean;
+    disableBubble: boolean;
+    hideBubble: boolean;
+    editorClass: string | string[] | Record<string, any>;
+    contentClass: string | string[] | Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/src/components/editor/SimpleEditor.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import('vue').DefineComponent<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+}>, {
+    modelValue: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string;
+}>, {
+    modelValue: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    modelValue: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/src/constants/index.d.ts

@@ -26,6 +26,8 @@ export declare const COLORS_LIST: readonly ["#000000", "#262626", "#595959", "#8
 export declare const DEFAULT_FONT_SIZE_LIST: readonly ["10px", "11px", "12px", "14px", "16px", "18px", "20px", "22px", "24px", "26px", "28px", "36px", "48px", "72px"];
 /** Default font size value */
 export declare const DEFAULT_FONT_SIZE_VALUE: "defaut";
+/** Default font size */
+export declare const DEFAULT_FONT_SIZE: 16;
 /** Options for setting image size in the bubble menu */
 export declare enum IMAGE_SIZE {
     'size-small' = 200,

package/lib/src/extensions/BaseKit.d.ts

@@ -88,6 +88,12 @@ export interface BaseKitOptions {
      * @default undefined
      */
     page?: PageOption;
+    /**
+     * Image options or false, indicating whether to enable the image
+     *
+     * @default true
+     */
+    image?: boolean;
     /**
      * Disable feature or extension
      *

package/lib/src/extensions/IDAttr/index.d.ts

@@ -1 +1,5 @@
-export * from './IDPlugin';
+import { Extension } from '@tiptap/core';
+import { IDPlugin } from './IDPlugin';
+
+export declare const AutoIdExtension: Extension<any, any>;
+export { IDPlugin };

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

@@ -3,7 +3,7 @@ export declare enum SuperTextStatus {
     NOT_RENDERED = 0
 }
 export declare function useConfigTiptap(): {
-    defaultExtensions: globalThis.ComputedRef<(import('@tiptap/core').Extension<import('../extensions').BaseKitOptions, any> | import('@tiptap/core').Node<import('../extensions').ClearOptions, any> | import('@tiptap/core').Mark<import('../extensions').LinkOptions, any> | import('@tiptap/core').Extension<import('../extensions').HistoryOptions, any> | import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any> | import('@tiptap/core').Node<import('../extensions').TableOptions, any> | import('@tiptap/core').Extension<import('../extensions').FormatPainterOptions, any> | import('@tiptap/core').Node<import('../extensions').ColumnsOptions, any>)[]>;
+    defaultExtensions: globalThis.ComputedRef<(import('@tiptap/core').Node<import('@tiptap/extension-image').ImageOptions, any> | import('@tiptap/core').Extension<import('../extensions').BaseKitOptions, any> | import('@tiptap/core').Node<import('../extensions').ClearOptions, any> | import('@tiptap/core').Mark<import('../extensions').LinkOptions, any> | import('@tiptap/core').Extension<import('../extensions').HistoryOptions, any> | import('@tiptap/core').Node<import('../extensions').TableOptions, any> | import('@tiptap/core').Extension<import('../extensions').FormatPainterOptions, any> | import('@tiptap/core').Node<import('../extensions').ColumnsOptions, any>)[]>;
     content: globalThis.Ref<string, string>;
     dispatchUpdateStatusSuperText: (nodeId: string, status: SuperTextStatus) => void;
 };

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

@@ -0,0 +1,4 @@
+export declare function useEditorLayout(editorWrapRef: any, mode: any): {
+    commentHeight: globalThis.Ref<number, number>;
+    contentHeight: globalThis.Ref<number, number>;
+};

package/lib/src/index.d.ts

@@ -1,5 +1,5 @@
 import { Plugin } from 'vue';
-import { default as CoreEditor } from './components/editor/CoreEditor.vue';
+import { default as CoreEditor } from './components/editor/CoreEditorV2.vue';
 import { default as ArticleEditor } from './components/editor/ArticleEditor.vue';
 import { default as DigitalNewsEditor } from './components/editor/DigitalNewsEditor.vue';
 
@@ -9,7 +9,7 @@ export { useConfigTiptap, useTiptapStore } from './hooks';
 export * as nodeNames from './utils/node-names';
 export type * from './type';
 export { useEditor } from '@tiptap/vue-3';
-export { type Editor as EditorInstance } from '@tiptap/core';
+export type { Editor as EditorInstance } from '@tiptap/core';
 export { enUS, koKR } from './locales';
 export { SBSEditorPlugin, CoreEditor, ArticleEditor, DigitalNewsEditor };
 export default SBSEditorPlugin;

package/lib/src/type.d.ts

@@ -192,6 +192,14 @@ export interface EditorProps {
      * input value
      */
     modelValue?: string | object;
+    /**
+     * input value
+     */
+    commentValue?: string | object;
+    /**
+     * super view of comment editor
+     */
+    isOpenSuperView?: boolean;
     /**
      * Editor output type
      *
@@ -241,6 +249,10 @@ export interface EditorProps {
      * Editor content maximum height
      */
     maxHeight?: string | number;
+    /**
+     * Editor content height
+     */
+    height?: string | number;
     /**
      * Tiptap extensions
      */
@@ -258,5 +270,7 @@ export interface EditorEmits {
     (event: 'enter'): void;
     (event: 'change', value: SBSEditorOnChange): void;
     (event: 'update:modelValue', value: EditorProps['modelValue']): void;
+    (event: 'updateCommentValue', value: EditorProps['commentValue']): void;
+    (event: 'onFocusEditor', value: SBSEditorOnChange['editor']): void;
     (event: 'changed:selection', value: any): void;
 }

package/lib/src/utils/eventBus.d.ts

@@ -2,7 +2,8 @@ export declare enum EventKey {
     TOGGLE_SUPER_TEXT = "toggle-super-text",
     SUPER_TEXT_UPDATE_POSITION = "SUPER_TEXT_UPDATE_POSITION",
     RENDER_SUPER_TEXT = "RENDER_SUPER_TEXT",
-    SUPER_VIEW_PAGE = "SUPER_VIEW_PAGE"
+    SUPER_VIEW_PAGE = "SUPER_VIEW_PAGE",
+    INCREASE_DECREASE_FONTSIZE = "increase-decrease-fontsize"
 }
 export type EventBusAction<T> = {
     action: 'render' | 'hover' | 'remove' | 'status';