vdc-editor 0.1.200 → 0.1.202

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/lib/{BulkSpellChecker-DT2RlF4H.mjs → BulkSpellChecker-C1tlkfCq.mjs} +2 -2
  2. package/lib/{BulkSpellChecker-DT2RlF4H.mjs.map → BulkSpellChecker-C1tlkfCq.mjs.map} +1 -1
  3. package/lib/favicon.svg +18 -0
  4. package/lib/fonts/Inter-Black.woff +0 -0
  5. package/lib/fonts/Inter-Black.woff2 +0 -0
  6. package/lib/fonts/Inter-Bold.woff +0 -0
  7. package/lib/fonts/Inter-Bold.woff2 +0 -0
  8. package/lib/fonts/Inter-ExtraBold.woff +0 -0
  9. package/lib/fonts/Inter-ExtraBold.woff2 +0 -0
  10. package/lib/fonts/Inter-ExtraLight.woff +0 -0
  11. package/lib/fonts/Inter-ExtraLight.woff2 +0 -0
  12. package/lib/fonts/Inter-Light.woff +0 -0
  13. package/lib/fonts/Inter-Light.woff2 +0 -0
  14. package/lib/fonts/Inter-Medium.woff +0 -0
  15. package/lib/fonts/Inter-Medium.woff2 +0 -0
  16. package/lib/fonts/Inter-Regular.woff +0 -0
  17. package/lib/fonts/Inter-Regular.woff2 +0 -0
  18. package/lib/fonts/Inter-SemiBold.woff +0 -0
  19. package/lib/fonts/Inter-SemiBold.woff2 +0 -0
  20. package/lib/fonts/Inter-Thin.woff +0 -0
  21. package/lib/fonts/Inter-Thin.woff2 +0 -0
  22. package/lib/fonts/Pretendard-Black.woff +0 -0
  23. package/lib/fonts/Pretendard-Black.woff2 +0 -0
  24. package/lib/fonts/Pretendard-Bold.woff +0 -0
  25. package/lib/fonts/Pretendard-Bold.woff2 +0 -0
  26. package/lib/fonts/Pretendard-ExtraBold.woff +0 -0
  27. package/lib/fonts/Pretendard-ExtraBold.woff2 +0 -0
  28. package/lib/fonts/Pretendard-ExtraLight.woff +0 -0
  29. package/lib/fonts/Pretendard-ExtraLight.woff2 +0 -0
  30. package/lib/fonts/Pretendard-Light.woff +0 -0
  31. package/lib/fonts/Pretendard-Light.woff2 +0 -0
  32. package/lib/fonts/Pretendard-Medium.woff +0 -0
  33. package/lib/fonts/Pretendard-Medium.woff2 +0 -0
  34. package/lib/fonts/Pretendard-Regular.woff +0 -0
  35. package/lib/fonts/Pretendard-Regular.woff2 +0 -0
  36. package/lib/fonts/Pretendard-SemiBold.woff +0 -0
  37. package/lib/fonts/Pretendard-SemiBold.woff2 +0 -0
  38. package/lib/fonts/Pretendard-Thin.woff +0 -0
  39. package/lib/fonts/Pretendard-Thin.woff2 +0 -0
  40. package/lib/{index-CaYoCbLr.mjs → index-DqCe9fo5.mjs} +12444 -12336
  41. package/lib/index-DqCe9fo5.mjs.map +1 -0
  42. package/lib/src/components/ActionButton.vue.d.ts +1 -1
  43. package/lib/src/components/ActionDropdownButton.vue.d.ts +1 -1
  44. package/lib/src/components/ActionDropdownButtonSplit.vue.d.ts +1 -1
  45. package/lib/src/components/ActionMenuButton.vue.d.ts +1 -1
  46. package/lib/src/components/SuperInputBottomSheet.vue.d.ts +25 -0
  47. package/lib/src/components/editor/CoreEditorMoblie.vue.d.ts +1 -1
  48. package/lib/src/components/editor/CoreEditorV2.vue.d.ts +1 -1
  49. package/lib/src/components/editor/EditorComment.vue.d.ts +1 -1
  50. package/lib/src/components/editor/EditorCommentMoblie.vue.d.ts +1 -1
  51. package/lib/src/components/editor/EditorFieldName.vue.d.ts +2 -4
  52. package/lib/src/components/editor/SuperViewMobileEditor.vue.d.ts +1 -1
  53. package/lib/src/components/editor/SuperViewMobileSuperEditor.vue.d.ts +1 -1
  54. package/lib/src/components/icons/icons.d.ts +2 -0
  55. package/lib/src/components/menus/MainBubbleMenu.vue.d.ts +19 -0
  56. package/lib/src/components/{ScreenSplitToastPopup.vue.d.ts → menus/MainBubbleMenuList.vue.d.ts} +9 -5
  57. package/lib/src/components/ui/button/index.d.ts +1 -1
  58. package/lib/src/extensions/Ai/components/AIButton.vue.d.ts +1 -1
  59. package/lib/src/extensions/BaseKit.d.ts +2 -4
  60. package/lib/src/extensions/Diff.ts/Diff.d.ts +3 -0
  61. package/lib/src/extensions/Diff.ts/index.d.ts +1 -0
  62. package/lib/src/extensions/Link/components/LinkEditPopover.vue.d.ts +1 -1
  63. package/lib/src/extensions/SuperText/SuperText.d.ts +6 -2
  64. package/lib/src/hooks/index.d.ts +1 -0
  65. package/lib/src/hooks/useAccordionSplitpanes.d.ts +13 -0
  66. package/lib/src/hooks/useEditorInsert.d.ts +7 -0
  67. package/lib/src/hooks/useStore.d.ts +2 -0
  68. package/lib/src/type.d.ts +9 -1
  69. package/lib/src/utils.d.ts +1 -0
  70. package/lib/style.css +1 -1
  71. package/lib/vdc-editor.mjs +1 -1
  72. package/lib/vdc-editor.umd.js +93 -79
  73. package/lib/vdc-editor.umd.js.map +1 -1
  74. package/package.json +1 -1
  75. package/lib/index-CaYoCbLr.mjs.map +0 -1
  76. package/lib/src/components/SelectContextMenuMobile.vue.d.ts +0 -28
@@ -64,13 +64,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
64
64
  id: string;
65
65
  isPressed: boolean;
66
66
  }>>> & Readonly<{}>, {
67
+ title: string;
67
68
  id: string;
68
69
  icon: keyof typeof icons;
69
70
  color: string;
70
71
  disabled: boolean;
71
72
  loading: boolean;
72
73
  iconClass: string;
73
- title: string;
74
74
  tooltip: string;
75
75
  shortcutKeys: string[];
76
76
  customClass: string;
@@ -35,11 +35,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
35
35
  btn_class: string;
36
36
  id: string;
37
37
  }>>> & Readonly<{}>, {
38
+ title: string;
38
39
  class: string;
39
40
  id: string;
40
41
  icon: any;
41
42
  disabled: boolean;
42
- title: string;
43
43
  tooltip: string;
44
44
  action: (value?: unknown) => void;
45
45
  isActive: () => boolean;
@@ -38,11 +38,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
38
38
  btnClass: string;
39
39
  id: string;
40
40
  }>>> & Readonly<{}>, {
41
+ title: string;
41
42
  class: string;
42
43
  id: string;
43
44
  icon: any;
44
45
  disabled: boolean;
45
- title: string;
46
46
  tooltip: string;
47
47
  shortcutKeys: string[];
48
48
  action: (value?: unknown) => void;
@@ -35,12 +35,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
35
35
  class: string;
36
36
  id: string;
37
37
  }>>> & Readonly<{}>, {
38
+ title: string;
38
39
  class: string;
39
40
  id: string;
40
41
  icon: any;
41
42
  color: string;
42
43
  disabled: boolean;
43
- title: string;
44
44
  tooltip: string;
45
45
  shortcutKeys: string[];
46
46
  action: (value?: unknown) => void;
@@ -0,0 +1,25 @@
1
+ import { Editor } from '@tiptap/vue-3';
2
+ import { SuperTextOptions } from '../extensions/SuperText';
3
+
4
+ interface Props {
5
+ editor: Editor;
6
+ open: boolean;
7
+ bottomSheetComponent: SuperTextOptions['bottomSheetComponent'];
8
+ }
9
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
10
+ save: (superText: string) => void;
11
+ close: () => void;
12
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
13
+ onClose?: (() => any) | undefined;
14
+ onSave?: ((superText: string) => any) | undefined;
15
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
16
+ export default _default;
17
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
18
+ type __VLS_TypePropsToRuntimeProps<T> = {
19
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
20
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
21
+ } : {
22
+ type: import('vue').PropType<T[K]>;
23
+ required: true;
24
+ };
25
+ };
@@ -111,11 +111,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
111
111
  lineIndex: number | undefined;
112
112
  }) => any) | undefined;
113
113
  }>, {
114
+ output: "html" | "json" | "text";
114
115
  height: string | number;
115
116
  disabled: boolean;
116
117
  extensions: import('@tiptap/core').AnyExtension[];
117
118
  modelValue: string | object;
118
- output: "html" | "json" | "text";
119
119
  maxHeight: string | number;
120
120
  maxWidth: string | number;
121
121
  minHeight: string | number;
@@ -125,11 +125,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
125
125
  lineIndex: number | undefined;
126
126
  }) => any) | undefined;
127
127
  }>, {
128
+ output: "html" | "json" | "text";
128
129
  height: string | number;
129
130
  disabled: boolean;
130
131
  extensions: import('@tiptap/core').AnyExtension[];
131
132
  modelValue: string | object;
132
- output: "html" | "json" | "text";
133
133
  maxHeight: string | number;
134
134
  maxWidth: string | number;
135
135
  minHeight: string | number;
@@ -87,10 +87,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
87
87
  lineIndex: number | undefined;
88
88
  }) => any) | undefined;
89
89
  }>, {
90
+ output: "html" | "json" | "text";
90
91
  disabled: boolean;
91
92
  extensions: import('@tiptap/core').AnyExtension[];
92
93
  modelValue: string | object;
93
- output: "html" | "json" | "text";
94
94
  maxHeight: string | number;
95
95
  maxWidth: string | number;
96
96
  minHeight: string | number;
@@ -85,10 +85,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
85
85
  lineIndex: number | undefined;
86
86
  }) => any) | undefined;
87
87
  }>, {
88
+ output: "html" | "json" | "text";
88
89
  disabled: boolean;
89
90
  extensions: import('@tiptap/core').AnyExtension[];
90
91
  modelValue: string | object;
91
- output: "html" | "json" | "text";
92
92
  maxHeight: string | number;
93
93
  maxWidth: string | number;
94
94
  minHeight: string | number;
@@ -5,19 +5,17 @@ interface Props {
5
5
  fieldName: FieldName;
6
6
  mode: EditorMode;
7
7
  disabled?: boolean;
8
- intent?: 'primary' | 'secondary';
8
+ isRequired?: boolean;
9
9
  }
10
10
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
11
11
  isRequired: boolean;
12
12
  disabled: boolean;
13
- intent: string;
14
13
  }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
15
14
  isRequired: boolean;
16
15
  disabled: boolean;
17
- intent: string;
18
16
  }>>> & Readonly<{}>, {
19
17
  disabled: boolean;
20
- intent: "primary" | "secondary";
18
+ isRequired: boolean;
21
19
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
22
20
  export default _default;
23
21
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -89,11 +89,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
89
89
  lineIndex: number | undefined;
90
90
  }) => any) | undefined;
91
91
  }>, {
92
+ output: "html" | "json" | "text";
92
93
  height: string | number;
93
94
  disabled: boolean;
94
95
  extensions: import('@tiptap/core').AnyExtension[];
95
96
  modelValue: string | object;
96
- output: "html" | "json" | "text";
97
97
  maxHeight: string | number;
98
98
  maxWidth: string | number;
99
99
  minHeight: string | number;
@@ -75,9 +75,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
75
75
  lineIndex: number | undefined;
76
76
  }) => any) | undefined;
77
77
  }>, {
78
+ output: "html" | "json" | "text";
78
79
  extensions: import('@tiptap/core').AnyExtension[];
79
80
  modelValue: string | object;
80
- output: "html" | "json" | "text";
81
81
  maxHeight: string | number;
82
82
  maxWidth: string | number;
83
83
  minHeight: string | number;
@@ -119,5 +119,7 @@ export declare const icons: {
119
119
  paneMiddle: string;
120
120
  checkUnderline: string;
121
121
  Clock: string;
122
+ reset: string;
123
+ autoCopy: string;
122
124
  };
123
125
  export default icons;
@@ -0,0 +1,19 @@
1
+ import { Editor as EditorType } from '@tiptap/core';
2
+ import { EditorMode } from '../../constants';
3
+
4
+ interface Props {
5
+ editor: EditorType;
6
+ mode: EditorMode;
7
+ disableSuperInput?: boolean;
8
+ }
9
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
10
+ export default _default;
11
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
12
+ type __VLS_TypePropsToRuntimeProps<T> = {
13
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
14
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
15
+ } : {
16
+ type: import('vue').PropType<T[K]>;
17
+ required: true;
18
+ };
19
+ };
@@ -1,12 +1,16 @@
1
+ import { Editor as EditorType } from '@tiptap/core';
2
+ import { EditorMode } from '../../constants';
3
+
1
4
  interface Props {
2
- menuX: number;
3
- menuY: number;
4
- iconSplitSelected: any;
5
+ editor: EditorType;
6
+ mode: EditorMode;
7
+ disableSuperInput?: boolean;
8
+ hasClipboard: boolean;
5
9
  }
6
10
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
7
- "on-change-split": (icon: any) => void;
11
+ "close-long-press-menu": (...args: any[]) => void;
8
12
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>> & Readonly<{
9
- "onOn-change-split"?: ((icon: any) => any) | undefined;
13
+ "onClose-long-press-menu"?: ((...args: any[]) => any) | undefined;
10
14
  }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
11
15
  export default _default;
12
16
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
2
2
 
3
3
  export { default as Button } from './Button.vue';
4
4
  export declare const buttonVariants: (props?: ({
5
- variant?: "default" | "link" | "ghost" | "destructive" | "outline" | "secondary" | null | undefined;
5
+ variant?: "link" | "default" | "ghost" | "destructive" | "outline" | "secondary" | null | undefined;
6
6
  size?: "default" | "icon" | "xs" | "sm" | "lg" | null | undefined;
7
7
  } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
8
8
  export type ButtonVariants = VariantProps<typeof buttonVariants>;
@@ -42,11 +42,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
42
42
  action: undefined;
43
43
  isActive: undefined;
44
44
  }>>> & Readonly<{}>, {
45
+ title: string;
45
46
  icon: keyof typeof icons;
46
47
  color: string;
47
48
  disabled: boolean;
48
49
  loading: boolean;
49
- title: string;
50
50
  tooltip: string;
51
51
  shortcutKeys: string[];
52
52
  customClass: string;
@@ -11,6 +11,7 @@ import { BubbleOptions } from '../components/menus/BasicBubble';
11
11
  import { PageOption } from '../type';
12
12
  import { FontFamilyOptions } from './FontFamily';
13
13
  import { FontSizeOptions } from './FontSize';
14
+ import { SuperTextOptions } from './SuperText/SuperText';
14
15
  import { HistoryOptions } from '@tiptap/extension-history';
15
16
  import { TimeHighlighterOptions } from './TimeHighlighter';
16
17
  import { InvalidCharFocusOptions } from './InvalidCharFocus';
@@ -119,10 +120,7 @@ export interface BaseKitOptions {
119
120
  *
120
121
  * @default true
121
122
  */
122
- superText: {
123
- specialCharModal: any;
124
- toggleSuperViewMobileCallBack?: () => void;
125
- } | boolean;
123
+ superText: Partial<SuperTextOptions> | boolean;
126
124
  /**
127
125
  * configPlan options or false, indicating whether to enable the super text
128
126
  *
@@ -0,0 +1,3 @@
1
+ import { Mark } from '@tiptap/core';
2
+
3
+ export declare const DiffDel: Mark<any, any>;
@@ -0,0 +1 @@
1
+ export * from './Diff';
@@ -28,9 +28,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
28
28
  action: undefined;
29
29
  isActive: undefined;
30
30
  }>>> & Readonly<{}>, {
31
+ title: string;
31
32
  icon: any;
32
33
  disabled: boolean;
33
- title: string;
34
34
  tooltip: string;
35
35
  shortcutKeys: string[];
36
36
  action: (value?: unknown) => void;
@@ -19,10 +19,14 @@ export interface ISuperText {
19
19
  elementId: string | null;
20
20
  loc: number;
21
21
  }
22
- interface Options {
22
+ export interface SuperTextOptions {
23
23
  specialCharModal: any;
24
24
  button: any;
25
25
  toggleSuperViewMobileCallBack?: () => void;
26
+ bottomSheetComponent?: {
27
+ component: Component;
28
+ button: Component;
29
+ };
26
30
  }
27
- declare const _default: Node<Options, any>;
31
+ declare const _default: Node<SuperTextOptions, any>;
28
32
  export default _default;
@@ -4,3 +4,4 @@ export { useHotkeys } from './useHotkeys';
4
4
  export * from './useCheckSpellStore';
5
5
  export * from './useConfigTiptap';
6
6
  export * from './useSuperTextStore';
7
+ export * from './useEditorInsert';
@@ -0,0 +1,13 @@
1
+ import { MaybeRefOrGetter } from 'vue';
2
+
3
+ export declare function useAccordionSplitpanes(isSinglePane?: MaybeRefOrGetter<boolean>, headerOnlySize?: number): {
4
+ HEADER_ONLY_SIZE: number;
5
+ FULL_SIZE: number;
6
+ SPLIT_SIZE: number;
7
+ pane1ContentVisible: import('vue').Ref<boolean, boolean>;
8
+ pane2ContentVisible: import('vue').Ref<boolean, boolean>;
9
+ pane1Size: import('vue').Ref<number, number>;
10
+ pane2Size: import('vue').Ref<number, number>;
11
+ togglePane: (pane: "pane1" | "pane2") => void;
12
+ handlePaneResize: (event: any) => void;
13
+ };
@@ -0,0 +1,7 @@
1
+ import { Editor } from '@tiptap/core';
2
+
3
+ export declare function useEditorInsert(): {
4
+ hasEverFocused: import('vue').Ref<boolean, boolean>;
5
+ markAsFocused: () => void;
6
+ insertHtml: (editor: Editor, html: string) => void;
7
+ };
@@ -184,5 +184,7 @@ export declare const useTiptapStore: () => {
184
184
  textAlert: import('vue').Ref<string | null, string | null>;
185
185
  setTextAlert: (text: string | null) => string | null;
186
186
  focusFirstInvalidChar: import('vue').Ref<(() => void) | null, (() => void) | null>;
187
+ editorSelectedMobile: import('vue').Ref<Editor | undefined, Editor | undefined>;
188
+ setEditorSelectedMobile: (editorInstance: Editor) => void;
187
189
  };
188
190
  export {};
package/lib/src/type.d.ts CHANGED
@@ -257,7 +257,7 @@ export interface MinChar {
257
257
  export type EditorEvents = CoreEditorEvents;
258
258
  export interface EditorProps {
259
259
  /**
260
- * moblie editor
260
+ * mobile editor
261
261
  *
262
262
  * @default false
263
263
  */
@@ -449,6 +449,14 @@ export interface EditorProps {
449
449
  * Min char for super view and content editor
450
450
  */
451
451
  minChar?: MinChar;
452
+ /**
453
+ * Custom accordion for splitpanes
454
+ */
455
+ isAccordion?: boolean;
456
+ /**
457
+ * HTML content of editor (excluding super)
458
+ */
459
+ contentAutoCopied?: string;
452
460
  }
453
461
  export interface EditorEmits {
454
462
  (event: 'enter'): void;
@@ -2,3 +2,4 @@ import { ClassValue } from 'clsx';
2
2
 
3
3
  export declare function cn(...inputs: ClassValue[]): string;
4
4
  export declare function convertBgToTextClass(className?: string): string;
5
+ export declare function sanitizeHtmlRemoveBySelector(html: string, selector: string): string;