@tmagic/editor 1.3.0-alpha.8 → 1.3.0-beta.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 (124) hide show
  1. package/dist/style.css +82 -218
  2. package/dist/tmagic-editor.js +4985 -3999
  3. package/dist/tmagic-editor.js.map +1 -1
  4. package/dist/tmagic-editor.umd.cjs +5013 -4012
  5. package/dist/tmagic-editor.umd.cjs.map +1 -1
  6. package/package.json +15 -15
  7. package/src/Editor.vue +4 -5
  8. package/src/components/CodeBlockEditor.vue +257 -0
  9. package/src/components/CodeParams.vue +60 -0
  10. package/src/components/ContentMenu.vue +11 -3
  11. package/src/editorProps.ts +30 -5
  12. package/src/fields/Code.vue +23 -19
  13. package/src/fields/CodeLink.vue +6 -7
  14. package/src/fields/CodeSelect.vue +12 -9
  15. package/src/fields/CodeSelectCol.vue +70 -81
  16. package/src/fields/DataSourceFieldSelect.vue +47 -0
  17. package/src/fields/DataSourceFields.vue +28 -22
  18. package/src/fields/DataSourceInput.vue +21 -58
  19. package/src/fields/DataSourceMethodSelect.vue +136 -0
  20. package/src/fields/DataSourceMethods.vue +103 -0
  21. package/src/fields/DataSourceSelect.vue +68 -0
  22. package/src/fields/EventSelect.vue +53 -19
  23. package/src/fields/KeyValue.vue +9 -11
  24. package/src/fields/UISelect.vue +54 -14
  25. package/src/hooks/index.ts +21 -0
  26. package/src/hooks/use-code-block-edit.ts +84 -0
  27. package/src/hooks/use-data-source-method.ts +100 -0
  28. package/src/{utils/stage.ts → hooks/use-stage.ts} +4 -7
  29. package/src/icons/CenterIcon.vue +13 -0
  30. package/src/icons/CodeIcon.vue +0 -2
  31. package/src/icons/FolderMinusIcon.vue +22 -0
  32. package/src/index.ts +15 -0
  33. package/src/initService.ts +73 -16
  34. package/src/layouts/CodeEditor.vue +62 -10
  35. package/src/layouts/Framework.vue +7 -3
  36. package/src/layouts/PropsPanel.vue +8 -3
  37. package/src/layouts/sidebar/ComponentListPanel.vue +6 -9
  38. package/src/layouts/sidebar/LayerMenu.vue +20 -21
  39. package/src/layouts/sidebar/LayerNode.vue +40 -0
  40. package/src/layouts/sidebar/LayerPanel.vue +14 -5
  41. package/src/layouts/sidebar/Sidebar.vue +22 -36
  42. package/src/layouts/sidebar/code-block/CodeBlockList.vue +81 -119
  43. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +64 -0
  44. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +27 -47
  45. package/src/layouts/sidebar/data-source/DataSourceList.vue +145 -0
  46. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +58 -69
  47. package/src/layouts/workspace/Stage.vue +13 -5
  48. package/src/layouts/workspace/ViewerMenu.vue +10 -35
  49. package/src/services/codeBlock.ts +18 -71
  50. package/src/services/dataSource.ts +16 -1
  51. package/src/services/dep.ts +23 -20
  52. package/src/services/editor.ts +46 -18
  53. package/src/services/props.ts +2 -2
  54. package/src/theme/code-block.scss +5 -117
  55. package/src/theme/code-editor.scss +27 -2
  56. package/src/theme/content-menu.scss +1 -1
  57. package/src/theme/data-source-methods.scss +13 -0
  58. package/src/theme/data-source.scss +11 -0
  59. package/src/theme/event.scss +15 -12
  60. package/src/theme/framework.scss +0 -3
  61. package/src/theme/layer-panel.scss +6 -0
  62. package/src/theme/layout.scss +4 -0
  63. package/src/theme/sidebar.scss +18 -60
  64. package/src/theme/theme.scss +1 -0
  65. package/src/type.ts +47 -7
  66. package/src/utils/content-menu.ts +92 -0
  67. package/src/utils/data-source/formConfigs/base.ts +28 -30
  68. package/src/utils/data-source/index.ts +65 -2
  69. package/src/utils/dep.ts +39 -7
  70. package/src/utils/index.ts +1 -1
  71. package/src/utils/props.ts +298 -189
  72. package/src/utils/undo-redo.ts +1 -1
  73. package/types/Editor.vue.d.ts +30 -6
  74. package/types/components/CodeBlockEditor.vue.d.ts +23 -0
  75. package/types/components/CodeParams.vue.d.ts +26 -0
  76. package/types/components/ContentMenu.vue.d.ts +2 -2
  77. package/types/components/ToolButton.vue.d.ts +3 -3
  78. package/types/editorProps.d.ts +19 -5
  79. package/types/fields/Code.vue.d.ts +24 -19
  80. package/types/fields/CodeLink.vue.d.ts +12 -21
  81. package/types/fields/CodeSelect.vue.d.ts +6 -17
  82. package/types/fields/CodeSelectCol.vue.d.ts +10 -14
  83. package/types/fields/DataSourceFieldSelect.vue.d.ts +29 -0
  84. package/types/fields/DataSourceFields.vue.d.ts +7 -18
  85. package/types/fields/DataSourceInput.vue.d.ts +10 -30
  86. package/types/fields/DataSourceMethodSelect.vue.d.ts +29 -0
  87. package/types/fields/DataSourceMethods.vue.d.ts +32 -0
  88. package/types/fields/DataSourceSelect.vue.d.ts +40 -0
  89. package/types/fields/EventSelect.vue.d.ts +2 -13
  90. package/types/fields/KeyValue.vue.d.ts +9 -24
  91. package/types/fields/UISelect.vue.d.ts +2 -11
  92. package/types/hooks/index.d.ts +3 -0
  93. package/types/{components/FunctionEditor.vue.d.ts → hooks/use-code-block-edit.d.ts} +31 -119
  94. package/types/hooks/use-data-source-method.d.ts +123 -0
  95. package/types/icons/CenterIcon.vue.d.ts +2 -0
  96. package/types/icons/FolderMinusIcon.vue.d.ts +2 -0
  97. package/types/index.d.ts +7 -0
  98. package/types/initService.d.ts +2 -2
  99. package/types/layouts/CodeEditor.vue.d.ts +10 -4
  100. package/types/layouts/PropsPanel.vue.d.ts +274 -2
  101. package/types/layouts/sidebar/LayerNode.vue.d.ts +16 -0
  102. package/types/layouts/sidebar/Sidebar.vue.d.ts +0 -3
  103. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +4 -9
  104. package/types/layouts/sidebar/code-block/{CodeBlockEditor.vue.d.ts → CodeBlockListPanel.vue.d.ts} +9 -5
  105. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +3 -1
  106. package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +14 -0
  107. package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +1 -11
  108. package/types/services/codeBlock.d.ts +6 -37
  109. package/types/services/dataSource.d.ts +7 -1
  110. package/types/services/dep.d.ts +12 -21
  111. package/types/services/editor.d.ts +1 -1
  112. package/types/services/props.d.ts +10 -115
  113. package/types/type.d.ts +42 -7
  114. package/types/utils/content-menu.d.ts +7 -0
  115. package/types/utils/data-source/formConfigs/base.d.ts +1 -2
  116. package/types/utils/data-source/index.d.ts +5 -0
  117. package/types/utils/dep.d.ts +4 -2
  118. package/types/utils/index.d.ts +1 -1
  119. package/types/utils/props.d.ts +13 -102
  120. package/src/components/CodeDraftEditor.vue +0 -148
  121. package/src/components/FunctionEditor.vue +0 -197
  122. package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +0 -100
  123. package/types/components/CodeDraftEditor.vue.d.ts +0 -61
  124. /package/types/{utils/stage.d.ts → hooks/use-stage.d.ts} +0 -0
@@ -1,11 +1,283 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
1
+ import type { FormState, FormValue } from '@tmagic/form';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
+ extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
4
+ }>, {
5
+ configForm: import("vue").Ref<({
6
+ $: import("vue").ComponentInternalInstance;
7
+ $data: {};
8
+ $props: {
9
+ config?: import("@tmagic/form").FormConfig | undefined;
10
+ initValues?: Record<string, any> | undefined;
11
+ lastValues?: Record<string, any> | undefined;
12
+ isCompare?: boolean | undefined;
13
+ keyProp?: string | undefined;
14
+ parentValues?: Record<string, any> | undefined;
15
+ labelWidth?: string | undefined;
16
+ disabled?: boolean | undefined;
17
+ stepActive?: string | number | undefined;
18
+ height?: string | undefined;
19
+ inline?: boolean | undefined;
20
+ labelPosition?: string | undefined;
21
+ onChange?: ((...args: any[]) => any) | undefined;
22
+ key?: string | number | symbol | undefined;
23
+ ref?: import("vue").VNodeRef | undefined;
24
+ ref_for?: boolean | undefined;
25
+ ref_key?: string | undefined;
26
+ onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
27
+ [key: string]: any;
28
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
29
+ [key: string]: any;
30
+ }>) => void)[] | undefined;
31
+ onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
32
+ [key: string]: any;
33
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
34
+ [key: string]: any;
35
+ }>) => void)[] | undefined;
36
+ onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
37
+ [key: string]: any;
38
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
39
+ [key: string]: any;
40
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
+ [key: string]: any;
42
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
43
+ [key: string]: any;
44
+ }>) => void)[] | undefined;
45
+ onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
46
+ [key: string]: any;
47
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
48
+ [key: string]: any;
49
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
+ [key: string]: any;
51
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
52
+ [key: string]: any;
53
+ }>) => void)[] | undefined;
54
+ onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
55
+ [key: string]: any;
56
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
57
+ [key: string]: any;
58
+ }>) => void)[] | undefined;
59
+ onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
60
+ [key: string]: any;
61
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
62
+ [key: string]: any;
63
+ }>) => void)[] | undefined;
64
+ class?: unknown;
65
+ style?: unknown;
66
+ readonly size?: "default" | "small" | "large" | undefined;
67
+ readonly popperClass?: string | undefined;
68
+ readonly extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
69
+ "onField-input"?: ((...args: any[]) => any) | undefined;
70
+ "onField-change"?: ((...args: any[]) => any) | undefined;
71
+ };
72
+ $attrs: {
73
+ [x: string]: unknown;
74
+ };
75
+ $refs: {
76
+ [x: string]: unknown;
77
+ };
78
+ $slots: Readonly<{
79
+ [name: string]: import("vue").Slot<any> | undefined;
80
+ }>;
81
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
82
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
83
+ $emit: (event: "change" | "field-input" | "field-change", ...args: any[]) => void;
84
+ $el: any;
85
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
86
+ labelWidth: {
87
+ type: import("vue").PropType<string>;
88
+ default: string;
89
+ };
90
+ disabled: {
91
+ type: import("vue").PropType<boolean>;
92
+ default: boolean;
93
+ };
94
+ height: {
95
+ type: import("vue").PropType<string>;
96
+ default: string;
97
+ };
98
+ config: {
99
+ type: import("vue").PropType<import("@tmagic/form").FormConfig>;
100
+ required: true;
101
+ default: () => never[];
102
+ };
103
+ size: {
104
+ type: import("vue").PropType<"default" | "small" | "large">;
105
+ };
106
+ initValues: {
107
+ type: import("vue").PropType<Record<string, any>>;
108
+ required: true;
109
+ default: () => {};
110
+ };
111
+ popperClass: {
112
+ type: import("vue").PropType<string>;
113
+ };
114
+ extendState: {
115
+ type: import("vue").PropType<(state: FormState) => Record<string, any> | Promise<Record<string, any>>>;
116
+ };
117
+ lastValues: {
118
+ type: import("vue").PropType<Record<string, any>>;
119
+ default: () => {};
120
+ };
121
+ isCompare: {
122
+ type: import("vue").PropType<boolean>;
123
+ default: boolean;
124
+ };
125
+ parentValues: {
126
+ type: import("vue").PropType<Record<string, any>>;
127
+ default: () => {};
128
+ };
129
+ stepActive: {
130
+ type: import("vue").PropType<string | number>;
131
+ default: number;
132
+ };
133
+ inline: {
134
+ type: import("vue").PropType<boolean>;
135
+ default: boolean;
136
+ };
137
+ labelPosition: {
138
+ type: import("vue").PropType<string>;
139
+ default: string;
140
+ };
141
+ keyProp: {
142
+ type: import("vue").PropType<string>;
143
+ default: string;
144
+ };
145
+ }>> & {
146
+ onChange?: ((...args: any[]) => any) | undefined;
147
+ "onField-input"?: ((...args: any[]) => any) | undefined;
148
+ "onField-change"?: ((...args: any[]) => any) | undefined;
149
+ }, {
150
+ values: import("vue").Ref<FormValue>;
151
+ lastValuesProcessed: import("vue").Ref<FormValue>;
152
+ formState: FormState;
153
+ initialized: import("vue").Ref<boolean>;
154
+ changeHandler: () => void;
155
+ resetForm: () => any;
156
+ submitForm: (native?: boolean | undefined) => Promise<any>;
157
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input" | "field-change")[], string, {
158
+ config: import("@tmagic/form").FormConfig;
159
+ initValues: Record<string, any>;
160
+ lastValues: Record<string, any>;
161
+ isCompare: boolean;
162
+ keyProp: string;
163
+ parentValues: Record<string, any>;
164
+ labelWidth: string;
165
+ disabled: boolean;
166
+ stepActive: string | number;
167
+ height: string;
168
+ inline: boolean;
169
+ labelPosition: string;
170
+ }, {}, string, {}> & {
171
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
172
+ created?: ((() => void) | (() => void)[]) | undefined;
173
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
174
+ mounted?: ((() => void) | (() => void)[]) | undefined;
175
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
176
+ updated?: ((() => void) | (() => void)[]) | undefined;
177
+ activated?: ((() => void) | (() => void)[]) | undefined;
178
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
179
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
180
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
181
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
182
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
183
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
184
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
185
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
186
+ };
187
+ $forceUpdate: () => void;
188
+ $nextTick: typeof import("vue").nextTick;
189
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
190
+ } & Readonly<import("vue").ExtractPropTypes<{
191
+ labelWidth: {
192
+ type: import("vue").PropType<string>;
193
+ default: string;
194
+ };
195
+ disabled: {
196
+ type: import("vue").PropType<boolean>;
197
+ default: boolean;
198
+ };
199
+ height: {
200
+ type: import("vue").PropType<string>;
201
+ default: string;
202
+ };
203
+ config: {
204
+ type: import("vue").PropType<import("@tmagic/form").FormConfig>;
205
+ required: true;
206
+ default: () => never[];
207
+ };
208
+ size: {
209
+ type: import("vue").PropType<"default" | "small" | "large">;
210
+ };
211
+ initValues: {
212
+ type: import("vue").PropType<Record<string, any>>;
213
+ required: true;
214
+ default: () => {};
215
+ };
216
+ popperClass: {
217
+ type: import("vue").PropType<string>;
218
+ };
219
+ extendState: {
220
+ type: import("vue").PropType<(state: FormState) => Record<string, any> | Promise<Record<string, any>>>;
221
+ };
222
+ lastValues: {
223
+ type: import("vue").PropType<Record<string, any>>;
224
+ default: () => {};
225
+ };
226
+ isCompare: {
227
+ type: import("vue").PropType<boolean>;
228
+ default: boolean;
229
+ };
230
+ parentValues: {
231
+ type: import("vue").PropType<Record<string, any>>;
232
+ default: () => {};
233
+ };
234
+ stepActive: {
235
+ type: import("vue").PropType<string | number>;
236
+ default: number;
237
+ };
238
+ inline: {
239
+ type: import("vue").PropType<boolean>;
240
+ default: boolean;
241
+ };
242
+ labelPosition: {
243
+ type: import("vue").PropType<string>;
244
+ default: string;
245
+ };
246
+ keyProp: {
247
+ type: import("vue").PropType<string>;
248
+ default: string;
249
+ };
250
+ }>> & {
251
+ onChange?: ((...args: any[]) => any) | undefined;
252
+ "onField-input"?: ((...args: any[]) => any) | undefined;
253
+ "onField-change"?: ((...args: any[]) => any) | undefined;
254
+ } & import("vue").ShallowUnwrapRef<{
255
+ values: import("vue").Ref<FormValue>;
256
+ lastValuesProcessed: import("vue").Ref<FormValue>;
257
+ formState: FormState;
258
+ initialized: import("vue").Ref<boolean>;
259
+ changeHandler: () => void;
260
+ resetForm: () => any;
261
+ submitForm: (native?: boolean | undefined) => Promise<any>;
262
+ }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
2
263
  submit: () => Promise<void>;
3
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "mounted"[], "mounted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
264
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "mounted"[], "mounted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
265
+ extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
266
+ }>>> & {
4
267
  onMounted?: ((...args: any[]) => any) | undefined;
5
268
  }, {}, {}>, {
6
269
  "props-panel-header"?(_: {}): any;
7
270
  }>;
8
271
  export default _default;
272
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
273
+ type __VLS_TypePropsToRuntimeProps<T> = {
274
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
275
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
276
+ } : {
277
+ type: import('vue').PropType<T[K]>;
278
+ required: true;
279
+ };
280
+ };
9
281
  type __VLS_WithTemplateSlots<T, S> = T & {
10
282
  new (): {
11
283
  $slots: S;
@@ -0,0 +1,16 @@
1
+ import { MNode } from '@tmagic/schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
+ data: MNode;
4
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
5
+ data: MNode;
6
+ }>>>, {}, {}>;
7
+ export default _default;
8
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
9
+ type __VLS_TypePropsToRuntimeProps<T> = {
10
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
11
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
12
+ } : {
13
+ type: import('vue').PropType<T[K]>;
14
+ required: true;
15
+ };
16
+ };
@@ -33,9 +33,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
33
33
  id: any;
34
34
  data: any;
35
35
  }): any;
36
- "code-block-edit-panel-header"?(_: {
37
- id: any;
38
- }): any;
39
36
  "layer-node-content"?(_: {
40
37
  data: any;
41
38
  node: any;
@@ -1,21 +1,16 @@
1
- import { ColumnConfig } from '@tmagic/form';
2
- import { Id } from '@tmagic/schema';
1
+ import type { Id } from '@tmagic/schema';
3
2
  import { CodeDeleteErrorType } from '../../../type';
4
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
5
4
  customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
6
- paramsColConfig?: ColumnConfig | undefined;
7
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
5
+ }>, {
6
+ filter(val: string): void;
7
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
8
8
  customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
9
- paramsColConfig?: ColumnConfig | undefined;
10
9
  }>>>, {}, {}>, {
11
- "code-block-panel-header"?(_: {}): any;
12
10
  "code-block-panel-tool"?(_: {
13
11
  id: any;
14
12
  data: any;
15
13
  }): any;
16
- "code-block-edit-panel-header"?(_: {
17
- id: Id;
18
- }): any;
19
14
  }>;
20
15
  export default _default;
21
16
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -1,11 +1,15 @@
1
- import { ColumnConfig } from '@tmagic/form';
1
+ import type { Id } from '@tmagic/schema';
2
+ import type { CodeDeleteErrorType } from '../../../type';
2
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
- paramsColConfig?: ColumnConfig | undefined;
4
+ customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
4
5
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
5
- paramsColConfig?: ColumnConfig | undefined;
6
+ customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
6
7
  }>>>, {}, {}>, {
7
- "code-block-edit-panel-header"?(_: {
8
- id: import("@tmagic/schema").Id;
8
+ "code-block-panel-header"?(_: {}): any;
9
+ "code-block-panel-search"?(_: {}): any;
10
+ "code-block-panel-tool"?(_: {
11
+ id: any;
12
+ data: any;
9
13
  }): any;
10
14
  }>;
11
15
  export default _default;
@@ -1,12 +1,14 @@
1
1
  declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
2
  title?: string | undefined;
3
3
  values: any;
4
+ disabled: boolean;
4
5
  }>, {
5
6
  show(): void;
6
- hide: () => void;
7
+ hide(): void;
7
8
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "submit"[], "submit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
8
9
  title?: string | undefined;
9
10
  values: any;
11
+ disabled: boolean;
10
12
  }>>> & {
11
13
  onSubmit?: ((...args: any[]) => any) | undefined;
12
14
  }, {}, {}>;
@@ -0,0 +1,14 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
2
+ filter(val: string): void;
3
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
4
+ "data-source-panel-tool"?(_: {
5
+ id: any;
6
+ data: any;
7
+ }): any;
8
+ }>;
9
+ export default _default;
10
+ type __VLS_WithTemplateSlots<T, S> = T & {
11
+ new (): {
12
+ $slots: S;
13
+ };
14
+ };
@@ -1,12 +1,2 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
2
- "data-source-panel-tool"?(_: {
3
- id: any;
4
- data: any;
5
- }): any;
6
- }>;
1
+ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
7
2
  export default _default;
8
- type __VLS_WithTemplateSlots<T, S> = T & {
9
- new (): {
10
- $slots: S;
11
- };
12
- };
@@ -1,4 +1,5 @@
1
- import { CodeBlockContent, CodeBlockDSL, Id } from '@tmagic/schema';
1
+ import type { ColumnConfig } from '@tmagic/form';
2
+ import type { CodeBlockContent, CodeBlockDSL, Id } from '@tmagic/schema';
2
3
  import BaseService from './BaseService';
3
4
  declare class CodeBlock extends BaseService {
4
5
  private state;
@@ -28,36 +29,13 @@ declare class CodeBlock extends BaseService {
28
29
  * @param {CodeBlockContent} codeConfig 代码块内容配置信息
29
30
  * @returns {void}
30
31
  */
31
- setCodeDslById(id: Id, codeConfig: CodeBlockContent): Promise<void>;
32
+ setCodeDslById(id: Id, codeConfig: Partial<CodeBlockContent>): Promise<void>;
32
33
  /**
33
34
  * 根据代码块id数组获取代码dsl
34
35
  * @param {string[]} ids 代码块id数组
35
36
  * @returns {CodeBlockDSL}
36
37
  */
37
38
  getCodeDslByIds(ids: string[]): CodeBlockDSL;
38
- /**
39
- * 设置代码编辑面板展示状态
40
- * @param {boolean} status 是否展示代码编辑面板
41
- * @returns {void}
42
- */
43
- setCodeEditorShowStatus(status: boolean): Promise<void>;
44
- /**
45
- * 获取代码编辑面板展示状态
46
- * @returns {boolean} 是否展示代码编辑面板
47
- */
48
- getCodeEditorShowStatus(): boolean;
49
- /**
50
- * 设置代码编辑面板展示状态及展示内容
51
- * @param {boolean} status 是否展示代码编辑面板
52
- * @param {Id} id 代码块id
53
- * @returns {void}
54
- */
55
- setCodeEditorContent(status: boolean, id: Id): void;
56
- /**
57
- * 获取当前选中的代码块内容
58
- * @returns {CodeBlockContent | null}
59
- */
60
- getCurrentDsl(): CodeBlockContent | null;
61
39
  /**
62
40
  * 获取编辑状态
63
41
  * @returns {boolean} 是否可编辑
@@ -69,17 +47,6 @@ declare class CodeBlock extends BaseService {
69
47
  * @returns {void}
70
48
  */
71
49
  setEditStatus(status: boolean): Promise<void>;
72
- /**
73
- * 设置当前选中的代码块ID
74
- * @param {Id} id 代码块id
75
- * @returns {void}
76
- */
77
- setId(id: Id): void;
78
- /**
79
- * 获取当前选中的代码块ID
80
- * @returns {Id} id 代码块id
81
- */
82
- getId(): Id;
83
50
  /**
84
51
  * 设置当前选中组件已关联绑定的代码块id数组
85
52
  * @param {string[]} ids 代码块id数组
@@ -119,11 +86,13 @@ declare class CodeBlock extends BaseService {
119
86
  * @param {Id[]} codeIds 需要删除的代码块id数组
120
87
  */
121
88
  deleteCodeDslByIds(codeIds: Id[]): Promise<void>;
89
+ setParamsColConfig(config: ColumnConfig): void;
90
+ getParamsColConfig(): ColumnConfig | undefined;
122
91
  /**
123
92
  * 生成代码块唯一id
124
93
  * @returns {Id} 代码块唯一id
125
94
  */
126
- getUniqueId(): Promise<Id>;
95
+ getUniqueId(): Promise<string>;
127
96
  resetState(): void;
128
97
  destroy(): void;
129
98
  }
@@ -1,9 +1,13 @@
1
1
  import type { FormConfig } from '@tmagic/form';
2
- import { DataSourceSchema } from '@tmagic/schema';
2
+ import type { DataSourceSchema } from '@tmagic/schema';
3
+ import type { DatasourceTypeOption } from '../type';
3
4
  import BaseService from './BaseService';
4
5
  interface State {
6
+ datasourceTypeList: DatasourceTypeOption[];
5
7
  dataSources: DataSourceSchema[];
8
+ editable: boolean;
6
9
  configs: Record<string, FormConfig>;
10
+ values: Record<string, Partial<DataSourceSchema>>;
7
11
  }
8
12
  type StateKey = keyof State;
9
13
  declare class DataSource extends BaseService {
@@ -12,6 +16,8 @@ declare class DataSource extends BaseService {
12
16
  get<K extends StateKey>(name: K): State[K];
13
17
  getFormConfig(type?: string): FormConfig;
14
18
  setFormConfig(type: string, config: FormConfig): void;
19
+ getFormValue(type?: string): Partial<DataSourceSchema>;
20
+ setFormValue(type: string, value: Partial<DataSourceSchema>): void;
15
21
  add(config: DataSourceSchema): void;
16
22
  update(config: DataSourceSchema): void;
17
23
  remove(id: string): void;
@@ -1,23 +1,14 @@
1
1
  /// <reference types="node" />
2
2
  import { EventEmitter } from 'events';
3
- import { MNode } from '@tmagic/schema';
3
+ import type { Dep, MNode } from '@tmagic/schema';
4
+ import { DepTargetType } from '../type';
4
5
  type IsTarget = (key: string | number, value: any) => boolean;
5
6
  interface TargetOptions {
6
7
  isTarget: IsTarget;
7
8
  id: string | number;
8
- type?: string;
9
- name: string;
10
- }
11
- interface Dep {
12
- [key: string | number]: {
13
- name: string;
14
- keys: (string | number)[];
15
- };
16
- }
17
- interface TargetList {
18
- [key: string]: {
19
- [key: string | number]: Target;
20
- };
9
+ /** 类型,数据源、代码块或其他 */
10
+ type?: DepTargetType | string;
11
+ name?: string;
21
12
  }
22
13
  /**
23
14
  * 需要收集依赖的目标
@@ -36,11 +27,11 @@ export declare class Target extends EventEmitter {
36
27
  /**
37
28
  * 目标名称,用于显示在依赖列表中
38
29
  */
39
- name: string;
30
+ name?: string;
40
31
  /**
41
32
  * 不同的目标可以进行分类,例如代码块,数据源可以为两个不同的type
42
33
  */
43
- type: string;
34
+ type: DepTargetType | string;
44
35
  /**
45
36
  * 依赖详情
46
37
  * 实例:{ 'node_id': { name: 'node_name', keys: [ created, mounted ] } }
@@ -70,15 +61,15 @@ export declare class Target extends EventEmitter {
70
61
  destroy(): void;
71
62
  }
72
63
  export declare class Watcher extends EventEmitter {
73
- targets: TargetList;
64
+ private targets;
74
65
  /**
75
66
  * 获取指定类型中的所有target
76
67
  * @param type 分类
77
68
  * @returns Target[]
78
69
  */
79
- getTargets(type?: string): {
80
- [key: string]: Target;
81
- [key: number]: Target;
70
+ getTargets(type?: DepTargetType | string): {
71
+ [targetId: string]: Target;
72
+ [targetId: number]: Target;
82
73
  };
83
74
  /**
84
75
  * 添加新的目标
@@ -107,7 +98,7 @@ export declare class Watcher extends EventEmitter {
107
98
  * @param type 分类
108
99
  * @returns void
109
100
  */
110
- removeTargets(type?: string): void;
101
+ removeTargets(type?: DepTargetType | string): void;
111
102
  /**
112
103
  * 删除所有target
113
104
  */
@@ -42,7 +42,7 @@ declare class Editor extends BaseService {
42
42
  /**
43
43
  * 只有容器拥有布局
44
44
  */
45
- getLayout(parent: MNode, node?: MNode): Promise<Layout>;
45
+ getLayout(parent: MNode, node?: MNode | null): Promise<Layout>;
46
46
  /**
47
47
  * 选中指定节点(将指定节点设置成当前选中状态)
48
48
  * @param config 指定节点配置或者ID