@tmagic/editor 1.2.0-beta.2 → 1.2.0-beta.21

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 (101) hide show
  1. package/dist/style.css +41 -28
  2. package/dist/{tmagic-editor.mjs → tmagic-editor.js} +1693 -1272
  3. package/dist/tmagic-editor.js.map +1 -0
  4. package/dist/{tmagic-editor.umd.js → tmagic-editor.umd.cjs} +1700 -1274
  5. package/dist/tmagic-editor.umd.cjs.map +1 -0
  6. package/package.json +16 -14
  7. package/src/Editor.vue +54 -37
  8. package/src/components/CodeDraftEditor.vue +145 -0
  9. package/src/components/ContentMenu.vue +4 -4
  10. package/src/components/FunctionEditor.vue +145 -0
  11. package/src/components/Icon.vue +7 -5
  12. package/src/components/Layout.vue +149 -0
  13. package/src/components/ScrollBar.vue +1 -1
  14. package/src/components/ScrollViewer.vue +10 -1
  15. package/src/components/ToolButton.vue +30 -15
  16. package/src/fields/Code.vue +1 -1
  17. package/src/fields/CodeLink.vue +1 -1
  18. package/src/fields/CodeSelect.vue +89 -110
  19. package/src/fields/UISelect.vue +9 -8
  20. package/src/index.ts +1 -0
  21. package/src/layouts/AddPageBox.vue +3 -2
  22. package/src/layouts/CodeEditor.vue +2 -3
  23. package/src/layouts/Framework.vue +62 -40
  24. package/src/layouts/NavMenu.vue +1 -1
  25. package/src/layouts/PropsPanel.vue +11 -13
  26. package/src/layouts/Resizer.vue +1 -1
  27. package/src/layouts/sidebar/ComponentListPanel.vue +15 -13
  28. package/src/layouts/sidebar/LayerMenu.vue +9 -7
  29. package/src/layouts/sidebar/LayerPanel.vue +277 -177
  30. package/src/layouts/sidebar/Sidebar.vue +113 -27
  31. package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +34 -85
  32. package/src/layouts/sidebar/code-block/CodeBlockList.vue +55 -89
  33. package/src/layouts/workspace/Breadcrumb.vue +32 -0
  34. package/src/layouts/workspace/PageBar.vue +12 -11
  35. package/src/layouts/workspace/PageBarScrollContainer.vue +1 -1
  36. package/src/layouts/workspace/Stage.vue +26 -9
  37. package/src/layouts/workspace/ViewerMenu.vue +11 -9
  38. package/src/layouts/workspace/Workspace.vue +10 -3
  39. package/src/services/BaseService.ts +6 -1
  40. package/src/services/codeBlock.ts +124 -125
  41. package/src/services/componentList.ts +6 -1
  42. package/src/services/editor.ts +43 -19
  43. package/src/services/events.ts +6 -1
  44. package/src/services/history.ts +7 -16
  45. package/src/services/props.ts +7 -2
  46. package/src/services/storage.ts +1 -0
  47. package/src/services/ui.ts +12 -0
  48. package/src/theme/breadcrumb.scss +6 -0
  49. package/src/theme/code-block.scss +30 -21
  50. package/src/theme/component-list-panel.scss +3 -7
  51. package/src/theme/layer-panel.scss +7 -2
  52. package/src/theme/theme.scss +1 -0
  53. package/src/type.ts +76 -50
  54. package/src/utils/editor.ts +9 -1
  55. package/src/utils/index.ts +1 -0
  56. package/src/utils/props.ts +2 -2
  57. package/src/utils/scroll-viewer.ts +18 -2
  58. package/src/utils/stage.ts +9 -2
  59. package/types/Editor.vue.d.ts +42 -29
  60. package/types/components/CodeDraftEditor.vue.d.ts +148 -0
  61. package/types/components/ContentMenu.vue.d.ts +1 -3
  62. package/types/components/FunctionEditor.vue.d.ts +120 -0
  63. package/types/components/Icon.vue.d.ts +1 -3
  64. package/types/{layouts → components}/Layout.vue.d.ts +12 -1
  65. package/types/components/ScrollBar.vue.d.ts +1 -3
  66. package/types/components/ScrollViewer.vue.d.ts +45 -1
  67. package/types/components/ToolButton.vue.d.ts +1 -3
  68. package/types/fields/Code.vue.d.ts +1 -3
  69. package/types/fields/CodeLink.vue.d.ts +1 -3
  70. package/types/fields/CodeSelect.vue.d.ts +10 -12
  71. package/types/fields/UISelect.vue.d.ts +1 -3
  72. package/types/index.d.ts +1 -0
  73. package/types/layouts/AddPageBox.vue.d.ts +1 -3
  74. package/types/layouts/CodeEditor.vue.d.ts +6 -15
  75. package/types/layouts/NavMenu.vue.d.ts +1 -3
  76. package/types/layouts/sidebar/LayerMenu.vue.d.ts +25 -9
  77. package/types/layouts/sidebar/LayerPanel.vue.d.ts +38 -886
  78. package/types/layouts/sidebar/Sidebar.vue.d.ts +10 -5
  79. package/types/layouts/sidebar/code-block/CodeBlockEditor.vue.d.ts +1 -1
  80. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +6 -5
  81. package/types/layouts/{sidebar/TabPane.vue.d.ts → workspace/Breadcrumb.vue.d.ts} +5 -43
  82. package/types/layouts/workspace/Stage.vue.d.ts +25 -8
  83. package/types/layouts/workspace/ViewerMenu.vue.d.ts +6 -3
  84. package/types/layouts/workspace/Workspace.vue.d.ts +23 -5
  85. package/types/services/BaseService.d.ts +2 -1
  86. package/types/services/codeBlock.d.ts +57 -36
  87. package/types/services/componentList.d.ts +1 -0
  88. package/types/services/editor.d.ts +5 -6
  89. package/types/services/events.d.ts +1 -0
  90. package/types/services/history.d.ts +5 -15
  91. package/types/services/props.d.ts +3 -2
  92. package/types/services/ui.d.ts +2 -1
  93. package/types/type.d.ts +64 -48
  94. package/types/utils/editor.d.ts +1 -0
  95. package/types/utils/index.d.ts +1 -0
  96. package/types/utils/props.d.ts +1 -1
  97. package/types/utils/scroll-viewer.d.ts +5 -0
  98. package/dist/tmagic-editor.mjs.map +0 -1
  99. package/dist/tmagic-editor.umd.js.map +0 -1
  100. package/src/layouts/Layout.vue +0 -100
  101. package/src/layouts/sidebar/TabPane.vue +0 -116
@@ -1,8 +1,8 @@
1
1
  import { PropType } from 'vue';
2
+ import { EventOption } from '@tmagic/core';
2
3
  import type { FormConfig } from '@tmagic/form';
3
4
  import type { MApp, MNode } from '@tmagic/schema';
4
- import type StageCore from '@tmagic/stage';
5
- import { ContainerHighlightType, MoveableOptions } from '@tmagic/stage';
5
+ import StageCore, { ContainerHighlightType, CustomizeMoveableOptionsCallbackConfig, MoveableOptions, UpdateDragEl } from '@tmagic/stage';
6
6
  import type { ComponentGroup, MenuBarData, MenuButton, MenuComponent, Services, SideBarData, StageRect } from './type';
7
7
  declare const _default: import("vue").DefineComponent<{
8
8
  /** 页面初始值 */
@@ -20,14 +20,6 @@ declare const _default: import("vue").DefineComponent<{
20
20
  sidebar: {
21
21
  type: PropType<SideBarData>;
22
22
  };
23
- layerContentMenu: {
24
- type: PropType<(MenuButton | MenuComponent)[]>;
25
- default: () => never[];
26
- };
27
- stageContentMenu: {
28
- type: PropType<(MenuButton | MenuComponent)[]>;
29
- default: () => never[];
30
- };
31
23
  /** 顶部工具栏配置 */
32
24
  menu: {
33
25
  type: PropType<MenuBarData>;
@@ -36,9 +28,19 @@ declare const _default: import("vue").DefineComponent<{
36
28
  right: never[];
37
29
  };
38
30
  };
31
+ /** 组件树右键菜单 */
32
+ layerContentMenu: {
33
+ type: PropType<(MenuButton | MenuComponent)[]>;
34
+ default: () => never[];
35
+ };
36
+ /** 画布右键菜单 */
37
+ stageContentMenu: {
38
+ type: PropType<(MenuButton | MenuComponent)[]>;
39
+ default: () => never[];
40
+ };
39
41
  /** 中间工作区域中画布渲染的内容 */
40
42
  render: {
41
- type: PropType<() => HTMLDivElement>;
43
+ type: PropType<(stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>>;
42
44
  };
43
45
  /** 中间工作区域中画布通过iframe渲染时的页面url */
44
46
  runtimeUrl: StringConstructor;
@@ -56,12 +58,15 @@ declare const _default: import("vue").DefineComponent<{
56
58
  };
57
59
  /** 组件联动事件选项列表 */
58
60
  eventMethodList: {
59
- type: ObjectConstructor;
61
+ type: PropType<Record<string, {
62
+ events: EventOption[];
63
+ methods: EventOption[];
64
+ }>>;
60
65
  default: () => {};
61
66
  };
62
67
  /** 画布中组件选中框的移动范围 */
63
68
  moveableOptions: {
64
- type: PropType<MoveableOptions | ((core?: StageCore) => MoveableOptions)>;
69
+ type: PropType<MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions)>;
65
70
  };
66
71
  /** 编辑器初始化时默认选中的组件ID */
67
72
  defaultSelected: {
@@ -95,9 +100,9 @@ declare const _default: import("vue").DefineComponent<{
95
100
  default: () => {};
96
101
  };
97
102
  updateDragEl: {
98
- type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
103
+ type: PropType<UpdateDragEl>;
99
104
  };
100
- }, Services, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("props-panel-mounted" | "update:modelValue")[], "props-panel-mounted" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
105
+ }, Services, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "props-panel-mounted")[], "update:modelValue" | "props-panel-mounted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
101
106
  /** 页面初始值 */
102
107
  modelValue: {
103
108
  type: PropType<MApp>;
@@ -113,14 +118,6 @@ declare const _default: import("vue").DefineComponent<{
113
118
  sidebar: {
114
119
  type: PropType<SideBarData>;
115
120
  };
116
- layerContentMenu: {
117
- type: PropType<(MenuButton | MenuComponent)[]>;
118
- default: () => never[];
119
- };
120
- stageContentMenu: {
121
- type: PropType<(MenuButton | MenuComponent)[]>;
122
- default: () => never[];
123
- };
124
121
  /** 顶部工具栏配置 */
125
122
  menu: {
126
123
  type: PropType<MenuBarData>;
@@ -129,9 +126,19 @@ declare const _default: import("vue").DefineComponent<{
129
126
  right: never[];
130
127
  };
131
128
  };
129
+ /** 组件树右键菜单 */
130
+ layerContentMenu: {
131
+ type: PropType<(MenuButton | MenuComponent)[]>;
132
+ default: () => never[];
133
+ };
134
+ /** 画布右键菜单 */
135
+ stageContentMenu: {
136
+ type: PropType<(MenuButton | MenuComponent)[]>;
137
+ default: () => never[];
138
+ };
132
139
  /** 中间工作区域中画布渲染的内容 */
133
140
  render: {
134
- type: PropType<() => HTMLDivElement>;
141
+ type: PropType<(stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>>;
135
142
  };
136
143
  /** 中间工作区域中画布通过iframe渲染时的页面url */
137
144
  runtimeUrl: StringConstructor;
@@ -149,12 +156,15 @@ declare const _default: import("vue").DefineComponent<{
149
156
  };
150
157
  /** 组件联动事件选项列表 */
151
158
  eventMethodList: {
152
- type: ObjectConstructor;
159
+ type: PropType<Record<string, {
160
+ events: EventOption[];
161
+ methods: EventOption[];
162
+ }>>;
153
163
  default: () => {};
154
164
  };
155
165
  /** 画布中组件选中框的移动范围 */
156
166
  moveableOptions: {
157
- type: PropType<MoveableOptions | ((core?: StageCore) => MoveableOptions)>;
167
+ type: PropType<MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions)>;
158
168
  };
159
169
  /** 编辑器初始化时默认选中的组件ID */
160
170
  defaultSelected: {
@@ -188,11 +198,11 @@ declare const _default: import("vue").DefineComponent<{
188
198
  default: () => {};
189
199
  };
190
200
  updateDragEl: {
191
- type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
201
+ type: PropType<UpdateDragEl>;
192
202
  };
193
203
  }>> & {
194
- "onProps-panel-mounted"?: ((...args: any[]) => any) | undefined;
195
204
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
205
+ "onProps-panel-mounted"?: ((...args: any[]) => any) | undefined;
196
206
  }, {
197
207
  menu: MenuBarData;
198
208
  codeOptions: Record<string, any>;
@@ -203,7 +213,10 @@ declare const _default: import("vue").DefineComponent<{
203
213
  autoScrollIntoView: boolean;
204
214
  propsConfigs: Record<string, FormConfig>;
205
215
  propsValues: Record<string, MNode>;
206
- eventMethodList: Record<string, any>;
216
+ eventMethodList: Record<string, {
217
+ events: EventOption[];
218
+ methods: EventOption[];
219
+ }>;
207
220
  canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
208
221
  isContainer: (el: HTMLElement) => boolean | Promise<boolean>;
209
222
  containerHighlightClassName: string;
@@ -0,0 +1,148 @@
1
+ import { Id } from '@tmagic/schema';
2
+ declare const _default: {
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{
7
+ editable: boolean;
8
+ autoSaveDraft: boolean;
9
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
10
+ /** 代码id */
11
+ id: Id;
12
+ /** 代码内容 */
13
+ content: string;
14
+ /** 是否可编辑 */
15
+ editable?: boolean | undefined;
16
+ /** 是否自动保存草稿 */
17
+ autoSaveDraft?: boolean | undefined;
18
+ /** 编辑器参数 */
19
+ codeOptions?: Object | undefined;
20
+ /** 编辑器语言 */
21
+ language?: string | undefined;
22
+ }>, {
23
+ editable: boolean;
24
+ autoSaveDraft: boolean;
25
+ }>>> & {
26
+ onSave?: ((...args: any[]) => any) | undefined;
27
+ onClose?: ((...args: any[]) => any) | undefined;
28
+ onSaveAndClose?: ((...args: any[]) => any) | undefined;
29
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "editable" | "autoSaveDraft">;
30
+ $attrs: {
31
+ [x: string]: unknown;
32
+ };
33
+ $refs: {
34
+ [x: string]: unknown;
35
+ };
36
+ $slots: Readonly<{
37
+ [name: string]: import("vue").Slot | undefined;
38
+ }>;
39
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
40
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
41
+ $emit: (event: "save" | "close" | "saveAndClose", ...args: any[]) => void;
42
+ $el: any;
43
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
44
+ /** 代码id */
45
+ id: Id;
46
+ /** 代码内容 */
47
+ content: string;
48
+ /** 是否可编辑 */
49
+ editable?: boolean | undefined;
50
+ /** 是否自动保存草稿 */
51
+ autoSaveDraft?: boolean | undefined;
52
+ /** 编辑器参数 */
53
+ codeOptions?: Object | undefined;
54
+ /** 编辑器语言 */
55
+ language?: string | undefined;
56
+ }>, {
57
+ editable: boolean;
58
+ autoSaveDraft: boolean;
59
+ }>>> & {
60
+ onSave?: ((...args: any[]) => any) | undefined;
61
+ onClose?: ((...args: any[]) => any) | undefined;
62
+ onSaveAndClose?: ((...args: any[]) => any) | undefined;
63
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "close" | "saveAndClose")[], string, {
64
+ editable: boolean;
65
+ autoSaveDraft: boolean;
66
+ }> & {
67
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
68
+ created?: ((() => void) | (() => void)[]) | undefined;
69
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
70
+ mounted?: ((() => void) | (() => void)[]) | undefined;
71
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
72
+ updated?: ((() => void) | (() => void)[]) | undefined;
73
+ activated?: ((() => void) | (() => void)[]) | undefined;
74
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
75
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
76
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
77
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
78
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
79
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
80
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
81
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
82
+ };
83
+ $forceUpdate: () => void;
84
+ $nextTick: typeof import("vue").nextTick;
85
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
86
+ } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
87
+ /** 代码id */
88
+ id: Id;
89
+ /** 代码内容 */
90
+ content: string;
91
+ /** 是否可编辑 */
92
+ editable?: boolean | undefined;
93
+ /** 是否自动保存草稿 */
94
+ autoSaveDraft?: boolean | undefined;
95
+ /** 编辑器参数 */
96
+ codeOptions?: Object | undefined;
97
+ /** 编辑器语言 */
98
+ language?: string | undefined;
99
+ }>, {
100
+ editable: boolean;
101
+ autoSaveDraft: boolean;
102
+ }>>> & {
103
+ onSave?: ((...args: any[]) => any) | undefined;
104
+ onClose?: ((...args: any[]) => any) | undefined;
105
+ onSaveAndClose?: ((...args: any[]) => any) | undefined;
106
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
107
+ __isFragment?: undefined;
108
+ __isTeleport?: undefined;
109
+ __isSuspense?: undefined;
110
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
111
+ /** 代码id */
112
+ id: Id;
113
+ /** 代码内容 */
114
+ content: string;
115
+ /** 是否可编辑 */
116
+ editable?: boolean | undefined;
117
+ /** 是否自动保存草稿 */
118
+ autoSaveDraft?: boolean | undefined;
119
+ /** 编辑器参数 */
120
+ codeOptions?: Object | undefined;
121
+ /** 编辑器语言 */
122
+ language?: string | undefined;
123
+ }>, {
124
+ editable: boolean;
125
+ autoSaveDraft: boolean;
126
+ }>>> & {
127
+ onSave?: ((...args: any[]) => any) | undefined;
128
+ onClose?: ((...args: any[]) => any) | undefined;
129
+ onSaveAndClose?: ((...args: any[]) => any) | undefined;
130
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "close" | "saveAndClose")[], "save" | "close" | "saveAndClose", {
131
+ editable: boolean;
132
+ autoSaveDraft: boolean;
133
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
134
+ export default _default;
135
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
136
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
137
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
138
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
139
+ } : {
140
+ type: import('vue').PropType<T[K]>;
141
+ required: true;
142
+ };
143
+ };
144
+ declare type __VLS_WithDefaults<P, D> = {
145
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
146
+ default: D[K];
147
+ } : P[K];
148
+ };
@@ -96,9 +96,7 @@ declare const _default: {
96
96
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", {
97
97
  menuData: (MenuButton | MenuComponent)[];
98
98
  isSubMenu: boolean;
99
- }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
100
- $slots: {};
101
- });
99
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
102
100
  export default _default;
103
101
  declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
104
102
  declare type __VLS_TypePropsToRuntimeProps<T> = {
@@ -0,0 +1,120 @@
1
+ import { Id } from '@tmagic/schema';
2
+ declare const _default: {
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{
7
+ editable: boolean;
8
+ autoSaveDraft: boolean;
9
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
10
+ id: Id;
11
+ name: string;
12
+ content: string;
13
+ editable?: boolean | undefined;
14
+ autoSaveDraft?: boolean | undefined;
15
+ codeOptions?: object | undefined;
16
+ }>, {
17
+ editable: boolean;
18
+ autoSaveDraft: boolean;
19
+ }>>> & {
20
+ onChange?: ((...args: any[]) => any) | undefined;
21
+ "onField-input"?: ((...args: any[]) => any) | undefined;
22
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "editable" | "autoSaveDraft">;
23
+ $attrs: {
24
+ [x: string]: unknown;
25
+ };
26
+ $refs: {
27
+ [x: string]: unknown;
28
+ };
29
+ $slots: Readonly<{
30
+ [name: string]: import("vue").Slot | undefined;
31
+ }>;
32
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
33
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
34
+ $emit: (event: "change" | "field-input", ...args: any[]) => void;
35
+ $el: any;
36
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
37
+ id: Id;
38
+ name: string;
39
+ content: string;
40
+ editable?: boolean | undefined;
41
+ autoSaveDraft?: boolean | undefined;
42
+ codeOptions?: object | undefined;
43
+ }>, {
44
+ editable: boolean;
45
+ autoSaveDraft: boolean;
46
+ }>>> & {
47
+ onChange?: ((...args: any[]) => any) | undefined;
48
+ "onField-input"?: ((...args: any[]) => any) | undefined;
49
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input")[], string, {
50
+ editable: boolean;
51
+ autoSaveDraft: boolean;
52
+ }> & {
53
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
54
+ created?: ((() => void) | (() => void)[]) | undefined;
55
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
56
+ mounted?: ((() => void) | (() => void)[]) | undefined;
57
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
58
+ updated?: ((() => void) | (() => void)[]) | undefined;
59
+ activated?: ((() => void) | (() => void)[]) | undefined;
60
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
61
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
62
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
63
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
64
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
65
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
66
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
67
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
68
+ };
69
+ $forceUpdate: () => void;
70
+ $nextTick: typeof import("vue").nextTick;
71
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
72
+ } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
73
+ id: Id;
74
+ name: string;
75
+ content: string;
76
+ editable?: boolean | undefined;
77
+ autoSaveDraft?: boolean | undefined;
78
+ codeOptions?: object | undefined;
79
+ }>, {
80
+ editable: boolean;
81
+ autoSaveDraft: boolean;
82
+ }>>> & {
83
+ onChange?: ((...args: any[]) => any) | undefined;
84
+ "onField-input"?: ((...args: any[]) => any) | undefined;
85
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
86
+ __isFragment?: undefined;
87
+ __isTeleport?: undefined;
88
+ __isSuspense?: undefined;
89
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
90
+ id: Id;
91
+ name: string;
92
+ content: string;
93
+ editable?: boolean | undefined;
94
+ autoSaveDraft?: boolean | undefined;
95
+ codeOptions?: object | undefined;
96
+ }>, {
97
+ editable: boolean;
98
+ autoSaveDraft: boolean;
99
+ }>>> & {
100
+ onChange?: ((...args: any[]) => any) | undefined;
101
+ "onField-input"?: ((...args: any[]) => any) | undefined;
102
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input")[], "change" | "field-input", {
103
+ editable: boolean;
104
+ autoSaveDraft: boolean;
105
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
106
+ export default _default;
107
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
108
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
109
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
110
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
111
+ } : {
112
+ type: import('vue').PropType<T[K]>;
113
+ required: true;
114
+ };
115
+ };
116
+ declare type __VLS_WithDefaults<P, D> = {
117
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
118
+ default: D[K];
119
+ } : P[K];
120
+ };
@@ -48,9 +48,7 @@ declare const _default: {
48
48
  __isSuspense?: undefined;
49
49
  } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
50
50
  icon?: any;
51
- }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
52
- $slots: {};
53
- });
51
+ }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
54
52
  export default _default;
55
53
  declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
56
54
  declare type __VLS_TypePropsToRuntimeProps<T> = {
@@ -5,22 +5,25 @@ declare const _default: {
5
5
  $props: Partial<{
6
6
  minLeft: number;
7
7
  minRight: number;
8
+ minCenter: number;
8
9
  }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
10
  left?: number | undefined;
10
11
  right?: number | undefined;
11
12
  minLeft?: number | undefined;
12
13
  minRight?: number | undefined;
14
+ minCenter?: number | undefined;
13
15
  leftClass?: string | undefined;
14
16
  rightClass?: string | undefined;
15
17
  centerClass?: string | undefined;
16
18
  }>, {
17
19
  minLeft: number;
18
20
  minRight: number;
21
+ minCenter: number;
19
22
  }>>> & {
20
23
  onChange?: ((...args: any[]) => any) | undefined;
21
24
  "onUpdate:left"?: ((...args: any[]) => any) | undefined;
22
25
  "onUpdate:right"?: ((...args: any[]) => any) | undefined;
23
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "minLeft" | "minRight">;
26
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "minLeft" | "minRight" | "minCenter">;
24
27
  $attrs: {
25
28
  [x: string]: unknown;
26
29
  };
@@ -39,12 +42,14 @@ declare const _default: {
39
42
  right?: number | undefined;
40
43
  minLeft?: number | undefined;
41
44
  minRight?: number | undefined;
45
+ minCenter?: number | undefined;
42
46
  leftClass?: string | undefined;
43
47
  rightClass?: string | undefined;
44
48
  centerClass?: string | undefined;
45
49
  }>, {
46
50
  minLeft: number;
47
51
  minRight: number;
52
+ minCenter: number;
48
53
  }>>> & {
49
54
  onChange?: ((...args: any[]) => any) | undefined;
50
55
  "onUpdate:left"?: ((...args: any[]) => any) | undefined;
@@ -52,6 +57,7 @@ declare const _default: {
52
57
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:left" | "update:right")[], string, {
53
58
  minLeft: number;
54
59
  minRight: number;
60
+ minCenter: number;
55
61
  }> & {
56
62
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
57
63
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -77,12 +83,14 @@ declare const _default: {
77
83
  right?: number | undefined;
78
84
  minLeft?: number | undefined;
79
85
  minRight?: number | undefined;
86
+ minCenter?: number | undefined;
80
87
  leftClass?: string | undefined;
81
88
  rightClass?: string | undefined;
82
89
  centerClass?: string | undefined;
83
90
  }>, {
84
91
  minLeft: number;
85
92
  minRight: number;
93
+ minCenter: number;
86
94
  }>>> & {
87
95
  onChange?: ((...args: any[]) => any) | undefined;
88
96
  "onUpdate:left"?: ((...args: any[]) => any) | undefined;
@@ -96,12 +104,14 @@ declare const _default: {
96
104
  right?: number | undefined;
97
105
  minLeft?: number | undefined;
98
106
  minRight?: number | undefined;
107
+ minCenter?: number | undefined;
99
108
  leftClass?: string | undefined;
100
109
  rightClass?: string | undefined;
101
110
  centerClass?: string | undefined;
102
111
  }>, {
103
112
  minLeft: number;
104
113
  minRight: number;
114
+ minCenter: number;
105
115
  }>>> & {
106
116
  onChange?: ((...args: any[]) => any) | undefined;
107
117
  "onUpdate:left"?: ((...args: any[]) => any) | undefined;
@@ -109,6 +119,7 @@ declare const _default: {
109
119
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:left" | "update:right")[], "change" | "update:left" | "update:right", {
110
120
  minLeft: number;
111
121
  minRight: number;
122
+ minCenter: number;
112
123
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
113
124
  $slots: {
114
125
  left: (_: {}) => any;
@@ -68,9 +68,7 @@ declare const _default: {
68
68
  pos: number;
69
69
  }>>> & {
70
70
  onScroll?: ((...args: any[]) => any) | undefined;
71
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
72
- $slots: {};
73
- });
71
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "scroll"[], "scroll", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
74
72
  export default _default;
75
73
  declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
76
74
  declare type __VLS_TypePropsToRuntimeProps<T> = {
@@ -8,19 +8,31 @@ declare const _default: {
8
8
  zoom: number;
9
9
  wrapWidth: number;
10
10
  wrapHeight: number;
11
+ correctionScrollSize: {
12
+ width: number;
13
+ height: number;
14
+ };
11
15
  }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
12
16
  width?: number | undefined;
13
17
  height?: number | undefined;
14
18
  wrapWidth?: number | undefined;
15
19
  wrapHeight?: number | undefined;
16
20
  zoom?: number | undefined;
21
+ correctionScrollSize?: {
22
+ width: number;
23
+ height: number;
24
+ } | undefined;
17
25
  }>, {
18
26
  width: number;
19
27
  height: number;
20
28
  wrapWidth: number;
21
29
  wrapHeight: number;
22
30
  zoom: number;
23
- }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "width" | "zoom" | "wrapWidth" | "wrapHeight">;
31
+ correctionScrollSize: () => {
32
+ width: number;
33
+ height: number;
34
+ };
35
+ }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "width" | "zoom" | "wrapWidth" | "wrapHeight" | "correctionScrollSize">;
24
36
  $attrs: {
25
37
  [x: string]: unknown;
26
38
  };
@@ -40,12 +52,20 @@ declare const _default: {
40
52
  wrapWidth?: number | undefined;
41
53
  wrapHeight?: number | undefined;
42
54
  zoom?: number | undefined;
55
+ correctionScrollSize?: {
56
+ width: number;
57
+ height: number;
58
+ } | undefined;
43
59
  }>, {
44
60
  width: number;
45
61
  height: number;
46
62
  wrapWidth: number;
47
63
  wrapHeight: number;
48
64
  zoom: number;
65
+ correctionScrollSize: () => {
66
+ width: number;
67
+ height: number;
68
+ };
49
69
  }>>>, {
50
70
  container: import("vue").Ref<HTMLDivElement | undefined>;
51
71
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -54,6 +74,10 @@ declare const _default: {
54
74
  zoom: number;
55
75
  wrapWidth: number;
56
76
  wrapHeight: number;
77
+ correctionScrollSize: {
78
+ width: number;
79
+ height: number;
80
+ };
57
81
  }> & {
58
82
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
59
83
  created?: ((() => void) | (() => void)[]) | undefined;
@@ -80,12 +104,20 @@ declare const _default: {
80
104
  wrapWidth?: number | undefined;
81
105
  wrapHeight?: number | undefined;
82
106
  zoom?: number | undefined;
107
+ correctionScrollSize?: {
108
+ width: number;
109
+ height: number;
110
+ } | undefined;
83
111
  }>, {
84
112
  width: number;
85
113
  height: number;
86
114
  wrapWidth: number;
87
115
  wrapHeight: number;
88
116
  zoom: number;
117
+ correctionScrollSize: () => {
118
+ width: number;
119
+ height: number;
120
+ };
89
121
  }>>> & import("vue").ShallowUnwrapRef<{
90
122
  container: import("vue").Ref<HTMLDivElement | undefined>;
91
123
  }> & {} & import("vue").ComponentCustomProperties;
@@ -98,12 +130,20 @@ declare const _default: {
98
130
  wrapWidth?: number | undefined;
99
131
  wrapHeight?: number | undefined;
100
132
  zoom?: number | undefined;
133
+ correctionScrollSize?: {
134
+ width: number;
135
+ height: number;
136
+ } | undefined;
101
137
  }>, {
102
138
  width: number;
103
139
  height: number;
104
140
  wrapWidth: number;
105
141
  wrapHeight: number;
106
142
  zoom: number;
143
+ correctionScrollSize: () => {
144
+ width: number;
145
+ height: number;
146
+ };
107
147
  }>>>, {
108
148
  container: import("vue").Ref<HTMLDivElement | undefined>;
109
149
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
@@ -112,6 +152,10 @@ declare const _default: {
112
152
  zoom: number;
113
153
  wrapWidth: number;
114
154
  wrapHeight: number;
155
+ correctionScrollSize: {
156
+ width: number;
157
+ height: number;
158
+ };
115
159
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
116
160
  $slots: {
117
161
  default: (_: {}) => any;