@tmagic/editor 1.1.0-beta.9 → 1.1.0

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 (59) hide show
  1. package/dist/style.css +46 -0
  2. package/dist/tmagic-editor.mjs +971 -794
  3. package/dist/tmagic-editor.mjs.map +1 -1
  4. package/dist/tmagic-editor.umd.js +974 -794
  5. package/dist/tmagic-editor.umd.js.map +1 -1
  6. package/package.json +10 -10
  7. package/src/Editor.vue +15 -5
  8. package/src/components/ContentMenu.vue +4 -4
  9. package/src/components/Icon.vue +6 -20
  10. package/src/components/ScrollBar.vue +147 -0
  11. package/src/components/ScrollViewer.vue +89 -44
  12. package/src/components/ToolButton.vue +40 -138
  13. package/src/fields/UISelect.vue +2 -2
  14. package/src/index.ts +2 -0
  15. package/src/layouts/NavMenu.vue +156 -23
  16. package/src/layouts/PropsPanel.vue +49 -51
  17. package/src/layouts/sidebar/LayerMenu.vue +3 -3
  18. package/src/layouts/sidebar/LayerPanel.vue +39 -8
  19. package/src/layouts/workspace/PageBar.vue +1 -1
  20. package/src/layouts/workspace/Stage.vue +8 -90
  21. package/src/layouts/workspace/ViewerMenu.vue +3 -3
  22. package/src/layouts/workspace/Workspace.vue +133 -138
  23. package/src/services/componentList.ts +5 -0
  24. package/src/services/editor.ts +56 -19
  25. package/src/services/events.ts +8 -2
  26. package/src/services/props.ts +31 -52
  27. package/src/services/storage.ts +4 -0
  28. package/src/services/ui.ts +32 -30
  29. package/src/theme/nav-menu.scss +6 -0
  30. package/src/type.ts +26 -10
  31. package/src/utils/index.ts +1 -0
  32. package/src/utils/operator.ts +3 -3
  33. package/src/utils/props.ts +0 -3
  34. package/src/utils/scroll-viewer.ts +90 -158
  35. package/src/utils/stage.ts +91 -0
  36. package/types/Editor.vue.d.ts +7 -7
  37. package/types/components/ContentMenu.vue.d.ts +8 -8
  38. package/types/components/Icon.vue.d.ts +62 -12
  39. package/types/components/ScrollBar.vue.d.ts +83 -0
  40. package/types/components/ScrollViewer.vue.d.ts +131 -19
  41. package/types/components/ToolButton.vue.d.ts +56 -59
  42. package/types/index.d.ts +2 -0
  43. package/types/layouts/NavMenu.vue.d.ts +92 -23
  44. package/types/layouts/PropsPanel.vue.d.ts +25 -208
  45. package/types/layouts/sidebar/LayerMenu.vue.d.ts +7 -7
  46. package/types/layouts/sidebar/LayerPanel.vue.d.ts +17 -15
  47. package/types/layouts/workspace/Workspace.vue.d.ts +54 -4
  48. package/types/services/componentList.d.ts +1 -0
  49. package/types/services/editor.d.ts +1 -0
  50. package/types/services/events.d.ts +1 -0
  51. package/types/services/props.d.ts +41 -9
  52. package/types/services/storage.d.ts +1 -0
  53. package/types/services/ui.d.ts +3 -1
  54. package/types/type.d.ts +23 -10
  55. package/types/utils/index.d.ts +1 -0
  56. package/types/utils/operator.d.ts +1 -1
  57. package/types/utils/props.d.ts +0 -1
  58. package/types/utils/scroll-viewer.d.ts +16 -18
  59. package/types/utils/stage.d.ts +3 -0
@@ -1,74 +1,10 @@
1
- import type { FormValue } from '@tmagic/form';
2
- declare const _default: import("vue").DefineComponent<{}, {
3
- values: import("vue").Ref<FormValue>;
4
- configForm: import("vue").Ref<({
1
+ declare const _default: {
2
+ new (...args: any[]): {
5
3
  $: import("vue").ComponentInternalInstance;
6
4
  $data: {};
7
- $props: Partial<{
8
- config: import("@tmagic/form").FormConfig;
9
- initValues: Record<string, any>;
10
- keyProp: string;
11
- parentValues: Record<string, any>;
12
- labelWidth: string;
13
- disabled: boolean;
14
- height: string;
15
- stepActive: string | number;
16
- inline: boolean;
17
- labelPosition: string;
18
- }> & Omit<Readonly<import("vue").ExtractPropTypes<{
19
- initValues: {
20
- type: ObjectConstructor;
21
- required: true;
22
- default: () => {};
23
- };
24
- parentValues: {
25
- type: ObjectConstructor;
26
- default: () => {};
27
- };
28
- config: {
29
- type: import("vue").PropType<import("@tmagic/form").FormConfig>;
30
- required: true;
31
- default: () => never[];
32
- };
33
- labelWidth: {
34
- type: StringConstructor;
35
- default: () => string;
36
- };
37
- disabled: {
38
- type: BooleanConstructor;
39
- default: () => boolean;
40
- };
41
- height: {
42
- type: StringConstructor;
43
- default: () => string;
44
- };
45
- stepActive: {
46
- type: (NumberConstructor | StringConstructor)[];
47
- default: () => number;
48
- };
49
- size: {
50
- type: import("vue").PropType<"small" | "large" | "default">;
51
- };
52
- inline: {
53
- type: BooleanConstructor;
54
- default: boolean;
55
- };
56
- labelPosition: {
57
- type: StringConstructor;
58
- default: string;
59
- };
60
- keyProp: {
61
- type: StringConstructor;
62
- default: string;
63
- };
64
- popperClass: {
65
- type: StringConstructor;
66
- };
67
- }>> & {
68
- onChange?: ((...args: any[]) => any) | undefined;
69
- "onField-input"?: ((...args: any[]) => any) | undefined;
70
- "onField-change"?: ((...args: any[]) => any) | undefined;
71
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "height" | "disabled" | "labelWidth" | "config" | "initValues" | "parentValues" | "stepActive" | "inline" | "labelPosition" | "keyProp">;
5
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & {
6
+ onMounted?: ((...args: any[]) => any) | undefined;
7
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
72
8
  $attrs: {
73
9
  [x: string]: unknown;
74
10
  };
@@ -80,81 +16,13 @@ declare const _default: import("vue").DefineComponent<{}, {
80
16
  }>;
81
17
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
82
18
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
83
- $emit: (event: "change" | "field-input" | "field-change", ...args: any[]) => void;
19
+ $emit: (event: "mounted", ...args: any[]) => void;
84
20
  $el: any;
85
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
86
- initValues: {
87
- type: ObjectConstructor;
88
- required: true;
89
- default: () => {};
90
- };
91
- parentValues: {
92
- type: ObjectConstructor;
93
- default: () => {};
94
- };
95
- config: {
96
- type: import("vue").PropType<import("@tmagic/form").FormConfig>;
97
- required: true;
98
- default: () => never[];
99
- };
100
- labelWidth: {
101
- type: StringConstructor;
102
- default: () => string;
103
- };
104
- disabled: {
105
- type: BooleanConstructor;
106
- default: () => boolean;
107
- };
108
- height: {
109
- type: StringConstructor;
110
- default: () => string;
111
- };
112
- stepActive: {
113
- type: (NumberConstructor | StringConstructor)[];
114
- default: () => number;
115
- };
116
- size: {
117
- type: import("vue").PropType<"small" | "large" | "default">;
118
- };
119
- inline: {
120
- type: BooleanConstructor;
121
- default: boolean;
122
- };
123
- labelPosition: {
124
- type: StringConstructor;
125
- default: string;
126
- };
127
- keyProp: {
128
- type: StringConstructor;
129
- default: string;
130
- };
131
- popperClass: {
132
- type: StringConstructor;
133
- };
134
- }>> & {
135
- onChange?: ((...args: any[]) => any) | undefined;
136
- "onField-input"?: ((...args: any[]) => any) | undefined;
137
- "onField-change"?: ((...args: any[]) => any) | undefined;
21
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
22
+ onMounted?: ((...args: any[]) => any) | undefined;
138
23
  }, {
139
- initialized: import("vue").Ref<boolean>;
140
- values: import("vue").Ref<FormValue>;
141
- elForm: import("vue").Ref<any>;
142
- formState: import("@tmagic/form").FormState;
143
- changeHandler: () => void;
144
- resetForm: () => any;
145
- submitForm: (native?: boolean | undefined) => Promise<any>;
146
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], string, {
147
- config: import("@tmagic/form").FormConfig;
148
- initValues: Record<string, any>;
149
- keyProp: string;
150
- parentValues: Record<string, any>;
151
- labelWidth: string;
152
- disabled: boolean;
153
- height: string;
154
- stepActive: string | number;
155
- inline: boolean;
156
- labelPosition: string;
157
- }> & {
24
+ submit: () => Promise<void>;
25
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "mounted"[], string, {}> & {
158
26
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
159
27
  created?: ((() => void) | (() => void)[]) | undefined;
160
28
  beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -174,72 +42,21 @@ declare const _default: import("vue").DefineComponent<{}, {
174
42
  $forceUpdate: () => void;
175
43
  $nextTick: typeof import("vue").nextTick;
176
44
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
177
- } & Readonly<import("vue").ExtractPropTypes<{
178
- initValues: {
179
- type: ObjectConstructor;
180
- required: true;
181
- default: () => {};
182
- };
183
- parentValues: {
184
- type: ObjectConstructor;
185
- default: () => {};
186
- };
187
- config: {
188
- type: import("vue").PropType<import("@tmagic/form").FormConfig>;
189
- required: true;
190
- default: () => never[];
191
- };
192
- labelWidth: {
193
- type: StringConstructor;
194
- default: () => string;
195
- };
196
- disabled: {
197
- type: BooleanConstructor;
198
- default: () => boolean;
199
- };
200
- height: {
201
- type: StringConstructor;
202
- default: () => string;
203
- };
204
- stepActive: {
205
- type: (NumberConstructor | StringConstructor)[];
206
- default: () => number;
207
- };
208
- size: {
209
- type: import("vue").PropType<"small" | "large" | "default">;
210
- };
211
- inline: {
212
- type: BooleanConstructor;
213
- default: boolean;
214
- };
215
- labelPosition: {
216
- type: StringConstructor;
217
- default: string;
218
- };
219
- keyProp: {
220
- type: StringConstructor;
221
- default: string;
222
- };
223
- popperClass: {
224
- type: StringConstructor;
225
- };
226
- }>> & {
227
- onChange?: ((...args: any[]) => any) | undefined;
228
- "onField-input"?: ((...args: any[]) => any) | undefined;
229
- "onField-change"?: ((...args: any[]) => any) | undefined;
45
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & {
46
+ onMounted?: ((...args: any[]) => any) | undefined;
230
47
  } & import("vue").ShallowUnwrapRef<{
231
- initialized: import("vue").Ref<boolean>;
232
- values: import("vue").Ref<FormValue>;
233
- elForm: import("vue").Ref<any>;
234
- formState: import("@tmagic/form").FormState;
235
- changeHandler: () => void;
236
- resetForm: () => any;
237
- submitForm: (native?: boolean | undefined) => Promise<any>;
238
- }> & {} & import("vue").ComponentCustomProperties) | undefined>;
239
- curFormConfig: any;
240
- propsPanelSize: import("vue").ComputedRef<unknown>;
241
- submit(): Promise<void>;
242
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "mounted"[], "mounted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
48
+ submit: () => Promise<void>;
49
+ }> & {} & import("vue").ComponentCustomProperties;
50
+ __isFragment?: undefined;
51
+ __isTeleport?: undefined;
52
+ __isSuspense?: undefined;
53
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
243
54
  onMounted?: ((...args: any[]) => any) | undefined;
244
- }, {}>;
55
+ }, {
56
+ submit: () => Promise<void>;
57
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "mounted"[], "mounted", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
58
+ $slots: {
59
+ 'props-panel-header': (_: {}) => any;
60
+ };
61
+ });
245
62
  export default _default;
@@ -1,14 +1,14 @@
1
- import type { MenuItem } from '../../type';
1
+ import type { MenuButton, MenuComponent } from '../../type';
2
2
  declare const _default: import("vue").DefineComponent<{}, {
3
3
  menu: import("vue").Ref<({
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
6
6
  $props: Partial<{
7
- menuData: MenuItem[];
7
+ menuData: (MenuButton | MenuComponent)[];
8
8
  isSubMenu: boolean;
9
9
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10
10
  menuData: {
11
- type: import("vue").PropType<MenuItem[]>;
11
+ type: import("vue").PropType<(MenuButton | MenuComponent)[]>;
12
12
  } & {
13
13
  default: () => never[];
14
14
  };
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{}, {
36
36
  $el: any;
37
37
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
38
38
  menuData: {
39
- type: import("vue").PropType<MenuItem[]>;
39
+ type: import("vue").PropType<(MenuButton | MenuComponent)[]>;
40
40
  } & {
41
41
  default: () => never[];
42
42
  };
@@ -52,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{}, {
52
52
  hide: () => void;
53
53
  show: (e: MouseEvent) => void;
54
54
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
55
- menuData: MenuItem[];
55
+ menuData: (MenuButton | MenuComponent)[];
56
56
  isSubMenu: boolean;
57
57
  }> & {
58
58
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{}, {
76
76
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
77
77
  } & Readonly<import("vue").ExtractPropTypes<{
78
78
  menuData: {
79
- type: import("vue").PropType<MenuItem[]>;
79
+ type: import("vue").PropType<(MenuButton | MenuComponent)[]>;
80
80
  } & {
81
81
  default: () => never[];
82
82
  };
@@ -94,7 +94,7 @@ declare const _default: import("vue").DefineComponent<{}, {
94
94
  }> & {} & import("vue").ComponentCustomProperties & {
95
95
  $slots: {};
96
96
  }) | undefined>;
97
- menuData: import("vue").ComputedRef<MenuItem[]>;
97
+ menuData: import("vue").ComputedRef<(MenuButton | MenuComponent)[]>;
98
98
  show(e: MouseEvent): void;
99
99
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
100
100
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import { Ref } from 'vue';
2
- import type { MNode } from '@tmagic/schema';
2
+ import type { Id, MNode } from '@tmagic/schema';
3
3
  declare const _default: import("vue").DefineComponent<{}, {
4
4
  highlightHandler: import("lodash-es").DebouncedFunc<(data: MNode) => void>;
5
5
  toggleClickFlag: () => void;
@@ -13,9 +13,11 @@ declare const _default: import("vue").DefineComponent<{}, {
13
13
  handleDragEnd(e: any): Promise<void>;
14
14
  values: import("vue").ComputedRef<MNode[]>;
15
15
  loadItems: (node: any, resolve: Function) => any;
16
- highlightNode: Ref<MNode | undefined>;
16
+ highlightNode: import("vue").ComputedRef<MNode | undefined>;
17
17
  clickNode: Ref<MNode | undefined>;
18
- expandedKeys: import("vue").ComputedRef<import("@tmagic/schema").Id[]>;
18
+ expandedKeys: import("vue").ComputedRef<Id[]>;
19
+ handleCollapse: (data: MNode) => void;
20
+ handleExpand: (data: MNode) => void;
19
21
  tree: Ref<({
20
22
  $: import("vue").ComponentInternalInstance;
21
23
  $data: {};
@@ -885,11 +887,11 @@ declare const _default: import("vue").DefineComponent<{}, {
885
887
  $: import("vue").ComponentInternalInstance;
886
888
  $data: {};
887
889
  $props: Partial<{
888
- menuData: import("../../type").MenuItem[];
890
+ menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
889
891
  isSubMenu: boolean;
890
892
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
891
893
  menuData: {
892
- type: import("vue").PropType<import("../../type").MenuItem[]>;
894
+ type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
893
895
  } & {
894
896
  default: () => never[];
895
897
  };
@@ -917,7 +919,7 @@ declare const _default: import("vue").DefineComponent<{}, {
917
919
  $el: any;
918
920
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
919
921
  menuData: {
920
- type: import("vue").PropType<import("../../type").MenuItem[]>;
922
+ type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
921
923
  } & {
922
924
  default: () => never[];
923
925
  };
@@ -933,7 +935,7 @@ declare const _default: import("vue").DefineComponent<{}, {
933
935
  hide: () => void;
934
936
  show: (e: MouseEvent) => void;
935
937
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
936
- menuData: import("../../type").MenuItem[];
938
+ menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
937
939
  isSubMenu: boolean;
938
940
  }> & {
939
941
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -957,7 +959,7 @@ declare const _default: import("vue").DefineComponent<{}, {
957
959
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
958
960
  } & Readonly<import("vue").ExtractPropTypes<{
959
961
  menuData: {
960
- type: import("vue").PropType<import("../../type").MenuItem[]>;
962
+ type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
961
963
  } & {
962
964
  default: () => never[];
963
965
  };
@@ -975,7 +977,7 @@ declare const _default: import("vue").DefineComponent<{}, {
975
977
  }> & {} & import("vue").ComponentCustomProperties & {
976
978
  $slots: {};
977
979
  }) | undefined>;
978
- menuData: import("vue").ComputedRef<import("../../type").MenuItem[]>;
980
+ menuData: import("vue").ComputedRef<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
979
981
  show(e: MouseEvent): void;
980
982
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
981
983
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1002,11 +1004,11 @@ declare const _default: import("vue").DefineComponent<{}, {
1002
1004
  $: import("vue").ComponentInternalInstance;
1003
1005
  $data: {};
1004
1006
  $props: Partial<{
1005
- menuData: import("../../type").MenuItem[];
1007
+ menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
1006
1008
  isSubMenu: boolean;
1007
1009
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
1008
1010
  menuData: {
1009
- type: import("vue").PropType<import("../../type").MenuItem[]>;
1011
+ type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
1010
1012
  } & {
1011
1013
  default: () => never[];
1012
1014
  };
@@ -1034,7 +1036,7 @@ declare const _default: import("vue").DefineComponent<{}, {
1034
1036
  $el: any;
1035
1037
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
1036
1038
  menuData: {
1037
- type: import("vue").PropType<import("../../type").MenuItem[]>;
1039
+ type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
1038
1040
  } & {
1039
1041
  default: () => never[];
1040
1042
  };
@@ -1050,7 +1052,7 @@ declare const _default: import("vue").DefineComponent<{}, {
1050
1052
  hide: () => void;
1051
1053
  show: (e: MouseEvent) => void;
1052
1054
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
1053
- menuData: import("../../type").MenuItem[];
1055
+ menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
1054
1056
  isSubMenu: boolean;
1055
1057
  }> & {
1056
1058
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1074,7 +1076,7 @@ declare const _default: import("vue").DefineComponent<{}, {
1074
1076
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
1075
1077
  } & Readonly<import("vue").ExtractPropTypes<{
1076
1078
  menuData: {
1077
- type: import("vue").PropType<import("../../type").MenuItem[]>;
1079
+ type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
1078
1080
  } & {
1079
1081
  default: () => never[];
1080
1082
  };
@@ -1092,7 +1094,7 @@ declare const _default: import("vue").DefineComponent<{}, {
1092
1094
  }> & {} & import("vue").ComponentCustomProperties & {
1093
1095
  $slots: {};
1094
1096
  }) | undefined>;
1095
- menuData: import("vue").ComputedRef<import("../../type").MenuItem[]>;
1097
+ menuData: import("vue").ComputedRef<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
1096
1098
  show(e: MouseEvent): void;
1097
1099
  }> & {} & import("vue").ComponentCustomProperties) | undefined>;
1098
1100
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
@@ -1,6 +1,56 @@
1
1
  import type { MPage } from '@tmagic/schema';
2
- declare const _default: import("vue").DefineComponent<{}, {
3
- workspace: import("vue").Ref<HTMLDivElement | undefined>;
4
- page: import("vue").ComputedRef<MPage | undefined>;
5
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
2
+ declare const _default: {
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
7
+ $attrs: {
8
+ [x: string]: unknown;
9
+ };
10
+ $refs: {
11
+ [x: string]: unknown;
12
+ };
13
+ $slots: Readonly<{
14
+ [name: string]: import("vue").Slot | undefined;
15
+ }>;
16
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
17
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
18
+ $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
19
+ $el: any;
20
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
21
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
22
+ created?: ((() => void) | (() => void)[]) | undefined;
23
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
24
+ mounted?: ((() => void) | (() => void)[]) | undefined;
25
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
26
+ updated?: ((() => void) | (() => void)[]) | undefined;
27
+ activated?: ((() => void) | (() => void)[]) | undefined;
28
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
29
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
30
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
31
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
32
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
33
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
34
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
35
+ 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;
36
+ };
37
+ $forceUpdate: () => void;
38
+ $nextTick: typeof import("vue").nextTick;
39
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
40
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
41
+ __isFragment?: undefined;
42
+ __isTeleport?: undefined;
43
+ __isSuspense?: undefined;
44
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
45
+ $slots: {
46
+ stage: (_: {}) => any;
47
+ 'workspace-content': (_: {}) => any;
48
+ 'page-bar-title': (_: {
49
+ page: MPage;
50
+ }) => any;
51
+ 'page-bar-popover': (_: {
52
+ page: MPage;
53
+ }) => any;
54
+ };
55
+ });
6
56
  export default _default;
@@ -8,6 +8,7 @@ declare class ComponentList extends BaseService {
8
8
  */
9
9
  setList(componentGroupList: ComponentGroup[]): void;
10
10
  getList(): ComponentGroup[];
11
+ destroy(): void;
11
12
  }
12
13
  export declare type ComponentListService = ComponentList;
13
14
  declare const _default: ComponentList;
@@ -106,6 +106,7 @@ declare class Editor extends BaseService {
106
106
  * @returns 添加后的组件节点配置
107
107
  */
108
108
  paste(position?: PastePosition): Promise<MNode | MNode[] | void>;
109
+ doPaste(config: MNode[], position?: PastePosition): Promise<MNode[]>;
109
110
  doAlignCenter(config: MNode): Promise<MNode>;
110
111
  /**
111
112
  * 将指点节点设置居中
@@ -10,6 +10,7 @@ declare class Events extends BaseService {
10
10
  setMethods(methods: Record<string, EventOption[]>): void;
11
11
  setMethod(type: string, method: EventOption[]): void;
12
12
  getMethod(type: string): EventOption[];
13
+ destroy(): void;
13
14
  }
14
15
  export declare type EventsService = Events;
15
16
  declare const _default: Events;
@@ -1,16 +1,47 @@
1
1
  import type { FormConfig } from '@tmagic/form';
2
- import type { MNode, MPage } from '@tmagic/schema';
2
+ import type { MNode } from '@tmagic/schema';
3
3
  import BaseService from './BaseService';
4
4
  declare class Props extends BaseService {
5
5
  private state;
6
6
  constructor();
7
7
  setPropsConfigs(configs: Record<string, FormConfig>): void;
8
+ fillConfig(config: FormConfig): Promise<{
9
+ type: string;
10
+ items: ({
11
+ title: string;
12
+ labelWidth: string;
13
+ items: (import("@tmagic/form").ChildConfig & {
14
+ [key: string]: any;
15
+ })[];
16
+ } | {
17
+ title: string;
18
+ items: {
19
+ type: string;
20
+ name: string;
21
+ items: ({
22
+ name: string;
23
+ label: string;
24
+ type: string;
25
+ options: (mForm: import("@tmagic/form").FormState, { formValue }: any) => {
26
+ text: string;
27
+ value: string;
28
+ }[];
29
+ } | {
30
+ name: string;
31
+ label: string;
32
+ type: string;
33
+ options?: undefined;
34
+ })[];
35
+ }[];
36
+ labelWidth?: undefined;
37
+ })[];
38
+ }[]>;
8
39
  /**
9
40
  * 为指定类型组件设置组件属性表单配置
10
41
  * @param type 组件类型
11
42
  * @param config 组件属性表单配置
12
43
  */
13
- setPropsConfig(type: string, config: FormConfig): void;
44
+ setPropsConfig(type: string, config: FormConfig): Promise<void>;
14
45
  /**
15
46
  * 获取指点类型的组件属性表单配置
16
47
  * @param type 组件类型
@@ -30,18 +61,12 @@ declare class Props extends BaseService {
30
61
  * @returns 组件初始值
31
62
  */
32
63
  getPropsValue(type: string, { inputEvent, ...defaultValue }?: Record<string, any>): Promise<any>;
33
- /**
34
- * 生成指定位数的GUID,无【-】格式
35
- * @param digit 位数,默认值8
36
- * @returns
37
- */
38
- guid(digit?: number): string;
39
64
  createId(type: string | number): Promise<string>;
40
65
  /**
41
66
  * 将组件与组件的子元素配置中的id都设置成一个新的ID
42
67
  * @param {Object} config 组件配置
43
68
  */
44
- setNewItemId(config: MNode, parent?: MPage): Promise<MNode>;
69
+ setNewItemId(config: MNode): Promise<MNode>;
45
70
  /**
46
71
  * 获取默认属性配置
47
72
  * @param type 组件类型
@@ -60,6 +85,13 @@ declare class Props extends BaseService {
60
85
  layout?: undefined;
61
86
  items?: undefined;
62
87
  }>;
88
+ destroy(): void;
89
+ /**
90
+ * 生成指定位数的GUID,无【-】格式
91
+ * @param digit 位数,默认值8
92
+ * @returns
93
+ */
94
+ private guid;
63
95
  }
64
96
  export declare type PropsService = Props;
65
97
  declare const _default: Props;
@@ -49,6 +49,7 @@ export declare class WebStorage extends BaseService {
49
49
  * 设置存储项,支持storageService.usePlugin
50
50
  */
51
51
  setItem(key: string, value: any, options?: Options): Promise<void>;
52
+ destroy(): void;
52
53
  private getValueAndProtocol;
53
54
  }
54
55
  export declare type StorageService = WebStorage;
@@ -25,10 +25,12 @@ declare class Ui extends BaseService {
25
25
  constructor();
26
26
  set<T = any>(name: keyof UiState, value: T): void;
27
27
  get<T>(name: keyof typeof state): T;
28
+ initColumnWidth(): void;
28
29
  zoom(zoom: number): void;
30
+ calcZoom(): number;
31
+ destroy(): void;
29
32
  private setColumnWidth;
30
33
  private setStageRect;
31
- private calcZoom;
32
34
  }
33
35
  export declare type UiService = Ui;
34
36
  declare const _default: Ui;