@tmagic/editor 1.3.0-alpha.13 → 1.3.0-alpha.15

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 (66) hide show
  1. package/dist/style.css +41 -113
  2. package/dist/tmagic-editor.js +1315 -1197
  3. package/dist/tmagic-editor.js.map +1 -1
  4. package/dist/tmagic-editor.umd.cjs +1326 -1204
  5. package/dist/tmagic-editor.umd.cjs.map +1 -1
  6. package/package.json +11 -11
  7. package/src/Editor.vue +0 -4
  8. package/src/components/CodeBlockEditor.vue +155 -0
  9. package/src/components/CodeParams.vue +59 -0
  10. package/src/fields/Code.vue +27 -19
  11. package/src/fields/CodeSelect.vue +7 -1
  12. package/src/fields/CodeSelectCol.vue +65 -74
  13. package/src/fields/DataSourceFields.vue +7 -9
  14. package/src/fields/DataSourceMethodSelect.vue +147 -0
  15. package/src/fields/DataSourceMethods.vue +103 -0
  16. package/src/fields/EventSelect.vue +33 -7
  17. package/src/icons/CodeIcon.vue +0 -2
  18. package/src/index.ts +8 -0
  19. package/src/layouts/CodeEditor.vue +32 -1
  20. package/src/layouts/Framework.vue +7 -3
  21. package/src/layouts/sidebar/LayerPanel.vue +1 -1
  22. package/src/layouts/sidebar/Sidebar.vue +2 -10
  23. package/src/layouts/sidebar/code-block/CodeBlockList.vue +73 -124
  24. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +63 -0
  25. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +23 -33
  26. package/src/layouts/sidebar/data-source/DataSourceList.vue +111 -0
  27. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +13 -81
  28. package/src/services/codeBlock.ts +17 -70
  29. package/src/services/dataSource.ts +2 -0
  30. package/src/services/editor.ts +1 -1
  31. package/src/theme/code-block.scss +0 -122
  32. package/src/theme/code-editor.scss +27 -2
  33. package/src/theme/data-source-methods.scss +13 -0
  34. package/src/theme/event.scss +15 -12
  35. package/src/theme/theme.scss +1 -0
  36. package/src/type.ts +21 -6
  37. package/src/utils/data-source/index.ts +11 -0
  38. package/src/utils/use-code-block-edit.ts +84 -0
  39. package/src/utils/use-data-source-method.ts +101 -0
  40. package/types/components/CodeBlockEditor.vue.d.ts +21 -0
  41. package/types/components/CodeParams.vue.d.ts +26 -0
  42. package/types/components/ContentMenu.vue.d.ts +2 -2
  43. package/types/fields/Code.vue.d.ts +26 -6
  44. package/types/fields/CodeSelectCol.vue.d.ts +16 -5
  45. package/types/fields/DataSourceFields.vue.d.ts +2 -0
  46. package/types/fields/DataSourceMethodSelect.vue.d.ts +44 -0
  47. package/types/fields/DataSourceMethods.vue.d.ts +45 -0
  48. package/types/index.d.ts +4 -0
  49. package/types/layouts/CodeEditor.vue.d.ts +2 -0
  50. package/types/layouts/PropsPanel.vue.d.ts +8 -8
  51. package/types/layouts/sidebar/Sidebar.vue.d.ts +0 -3
  52. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +4 -9
  53. package/types/layouts/sidebar/code-block/{CodeBlockEditor.vue.d.ts → CodeBlockListPanel.vue.d.ts} +8 -5
  54. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +3 -1
  55. package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +14 -0
  56. package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +1 -11
  57. package/types/services/codeBlock.d.ts +5 -36
  58. package/types/services/dataSource.d.ts +1 -0
  59. package/types/services/editor.d.ts +1 -1
  60. package/types/type.d.ts +19 -6
  61. package/types/{components/FunctionEditor.vue.d.ts → utils/use-code-block-edit.d.ts} +26 -123
  62. package/types/utils/use-data-source-method.d.ts +116 -0
  63. package/src/components/CodeDraftEditor.vue +0 -148
  64. package/src/components/FunctionEditor.vue +0 -197
  65. package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +0 -100
  66. package/types/components/CodeDraftEditor.vue.d.ts +0 -61
@@ -0,0 +1,84 @@
1
+ import { nextTick, ref } from 'vue';
2
+ import { cloneDeep } from 'lodash-es';
3
+
4
+ import { tMagicMessage } from '@tmagic/design';
5
+ import type { CodeBlockContent } from '@tmagic/schema';
6
+
7
+ import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
8
+ import type { CodeBlockService } from '@editor/services/codeBlock';
9
+
10
+ export const useCodeBlockEdit = (codeBlockService?: CodeBlockService) => {
11
+ const codeConfig = ref<CodeBlockContent>();
12
+ const codeId = ref<string>();
13
+ const codeBlockEditor = ref<InstanceType<typeof CodeBlockEditor>>();
14
+
15
+ // 新增代码块
16
+ const createCodeBlock = async () => {
17
+ if (!codeBlockService) {
18
+ tMagicMessage.error('新增代码块失败');
19
+ return;
20
+ }
21
+
22
+ codeConfig.value = {
23
+ name: '代码块',
24
+ content: `({app, params}) => {\n // place your code here\n}`,
25
+ params: [],
26
+ };
27
+
28
+ codeId.value = await codeBlockService.getUniqueId();
29
+
30
+ await nextTick();
31
+
32
+ codeBlockEditor.value?.show();
33
+ };
34
+
35
+ // 编辑代码块
36
+ const editCode = async (id: string) => {
37
+ const codeBlock = await codeBlockService?.getCodeContentById(id);
38
+
39
+ if (!codeBlock) {
40
+ tMagicMessage.error('获取代码块内容失败');
41
+ return;
42
+ }
43
+
44
+ let codeContent = codeBlock.content;
45
+
46
+ if (typeof codeContent !== 'string') {
47
+ codeContent = codeContent.toString();
48
+ }
49
+
50
+ codeConfig.value = {
51
+ ...cloneDeep(codeBlock),
52
+ content: codeContent,
53
+ };
54
+ codeId.value = id;
55
+
56
+ await nextTick();
57
+
58
+ codeBlockEditor.value?.show();
59
+ };
60
+
61
+ // 删除代码块
62
+ const deleteCode = async (key: string) => {
63
+ codeBlockService?.deleteCodeDslByIds([key]);
64
+ };
65
+
66
+ const submitCodeBlockHandler = async (values: CodeBlockContent) => {
67
+ if (!codeId.value) return;
68
+
69
+ await codeBlockService?.setCodeDslById(codeId.value, values);
70
+
71
+ codeBlockEditor.value?.hide();
72
+ };
73
+
74
+ return {
75
+ codeId,
76
+ codeConfig,
77
+ codeBlockEditor,
78
+
79
+ createCodeBlock,
80
+ editCode,
81
+ deleteCode,
82
+ submitCodeBlockHandler,
83
+ };
84
+ };
@@ -0,0 +1,101 @@
1
+ import { nextTick, ref } from 'vue';
2
+ import { cloneDeep } from 'lodash-es';
3
+
4
+ import { tMagicMessage } from '@tmagic/design';
5
+ import type { CodeBlockContent, DataSourceSchema } from '@tmagic/schema';
6
+
7
+ import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
8
+
9
+ import { getConfig } from './config';
10
+
11
+ export const useDataSourceMethod = () => {
12
+ const codeConfig = ref<CodeBlockContent>();
13
+ const codeBlockEditor = ref<InstanceType<typeof CodeBlockEditor>>();
14
+
15
+ const dataSource = ref<DataSourceSchema>();
16
+ const dataSourceMethod = ref('');
17
+
18
+ return {
19
+ codeConfig,
20
+ codeBlockEditor,
21
+
22
+ createCode: async (model: DataSourceSchema) => {
23
+ codeConfig.value = {
24
+ name: '',
25
+ content: `({ params, dataSource, app }) => {\n // place your code here\n}`,
26
+ params: [],
27
+ };
28
+
29
+ await nextTick();
30
+
31
+ dataSource.value = model;
32
+ dataSourceMethod.value = '';
33
+
34
+ codeBlockEditor.value?.show();
35
+ },
36
+
37
+ editCode: async (model: DataSourceSchema, methodName: string) => {
38
+ const method = model.methods?.find((method) => method.name === methodName);
39
+
40
+ if (!method) {
41
+ tMagicMessage.error('获取数据源方法失败');
42
+ return;
43
+ }
44
+
45
+ let codeContent = method.content;
46
+
47
+ if (typeof codeContent !== 'string') {
48
+ codeContent = codeContent.toString();
49
+ }
50
+
51
+ codeConfig.value = {
52
+ ...cloneDeep(method),
53
+ content: codeContent,
54
+ };
55
+
56
+ await nextTick();
57
+
58
+ dataSource.value = model;
59
+ dataSourceMethod.value = methodName;
60
+
61
+ codeBlockEditor.value?.show();
62
+ },
63
+
64
+ deleteCode: async (model: DataSourceSchema, methodName: string) => {
65
+ if (!model.methods) return;
66
+
67
+ const index = model.methods.findIndex((method) => method.name === methodName);
68
+
69
+ if (index === -1) {
70
+ return;
71
+ }
72
+
73
+ model.methods.splice(index, 1);
74
+ },
75
+
76
+ submitCode: (values: CodeBlockContent) => {
77
+ if (!dataSource.value) return;
78
+
79
+ if (!dataSource.value.methods) {
80
+ dataSource.value.methods = [];
81
+ }
82
+
83
+ if (values.content) {
84
+ // 在保存的时候转换代码内容
85
+ const parseDSL = getConfig('parseDSL');
86
+ if (typeof values.content === 'string') {
87
+ values.content = parseDSL<(...args: any[]) => any>(values.content);
88
+ }
89
+ }
90
+
91
+ if (dataSourceMethod.value) {
92
+ const index = dataSource.value.methods.findIndex((method) => method.name === dataSourceMethod.value);
93
+ dataSource.value.methods.splice(index, 1, values);
94
+ } else {
95
+ dataSource.value.methods.push(values);
96
+ }
97
+
98
+ codeBlockEditor.value?.hide();
99
+ },
100
+ };
101
+ };
@@ -0,0 +1,21 @@
1
+ import type { CodeBlockContent } from '@tmagic/schema';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
+ content: CodeBlockContent;
4
+ disabled?: boolean | undefined;
5
+ }>, {
6
+ show(): void;
7
+ hide(): void;
8
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
9
+ content: CodeBlockContent;
10
+ disabled?: boolean | undefined;
11
+ }>>>, {}, {}>;
12
+ export default _default;
13
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
14
+ type __VLS_TypePropsToRuntimeProps<T> = {
15
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
16
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
17
+ } : {
18
+ type: import('vue').PropType<T[K]>;
19
+ required: true;
20
+ };
21
+ };
@@ -0,0 +1,26 @@
1
+ import type { CodeParamStatement } from '../type';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
+ model: any;
4
+ size?: "default" | "small" | "large" | undefined;
5
+ disabled?: boolean | undefined;
6
+ name: string;
7
+ paramsConfig: CodeParamStatement[];
8
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
9
+ model: any;
10
+ size?: "default" | "small" | "large" | undefined;
11
+ disabled?: boolean | undefined;
12
+ name: string;
13
+ paramsConfig: CodeParamStatement[];
14
+ }>>> & {
15
+ onChange?: ((...args: any[]) => any) | undefined;
16
+ }, {}, {}>;
17
+ export default _default;
18
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
19
+ type __VLS_TypePropsToRuntimeProps<T> = {
20
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
21
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
22
+ } : {
23
+ type: import('vue').PropType<T[K]>;
24
+ required: true;
25
+ };
26
+ };
@@ -10,15 +10,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
10
10
  hide: () => void;
11
11
  show: (e: MouseEvent) => void;
12
12
  contains: (el: HTMLElement) => any;
13
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
13
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "hide")[], "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
14
14
  menuData?: (MenuButton | MenuComponent)[] | undefined;
15
15
  isSubMenu?: boolean | undefined;
16
16
  }>, {
17
17
  menuData: () => never[];
18
18
  isSubMenu: boolean;
19
19
  }>>> & {
20
- onHide?: ((...args: any[]) => any) | undefined;
21
20
  onShow?: ((...args: any[]) => any) | undefined;
21
+ onHide?: ((...args: any[]) => any) | undefined;
22
22
  }, {
23
23
  menuData: (MenuButton | MenuComponent)[];
24
24
  isSubMenu: boolean;
@@ -1,24 +1,36 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
- model: any;
3
- name: string;
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
2
  config: {
5
3
  language?: string | undefined;
6
4
  options?: Object | undefined;
7
5
  height?: string | undefined;
8
6
  };
9
- prop: string;
10
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
11
7
  model: any;
12
8
  name: string;
9
+ prop: string;
10
+ lastValues?: any;
11
+ disabled?: boolean | undefined;
12
+ size?: "default" | "small" | "large" | undefined;
13
+ }>, {
14
+ disabled: boolean;
15
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
13
16
  config: {
14
17
  language?: string | undefined;
15
18
  options?: Object | undefined;
16
19
  height?: string | undefined;
17
20
  };
21
+ model: any;
22
+ name: string;
18
23
  prop: string;
24
+ lastValues?: any;
25
+ disabled?: boolean | undefined;
26
+ size?: "default" | "small" | "large" | undefined;
27
+ }>, {
28
+ disabled: boolean;
19
29
  }>>> & {
20
30
  onChange?: ((...args: any[]) => any) | undefined;
21
- }, {}, {}>;
31
+ }, {
32
+ disabled: boolean;
33
+ }, {}>;
22
34
  export default _default;
23
35
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
24
36
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -29,3 +41,11 @@ type __VLS_TypePropsToRuntimeProps<T> = {
29
41
  required: true;
30
42
  };
31
43
  };
44
+ type __VLS_WithDefaults<P, D> = {
45
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
46
+ default: D[K];
47
+ }> : P[K];
48
+ };
49
+ type __VLS_Prettify<T> = {
50
+ [K in keyof T]: T[K];
51
+ } & {};
@@ -1,18 +1,29 @@
1
+ import type { CodeSelectColConfig } from '../type';
1
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- config: any;
3
+ config: CodeSelectColConfig;
3
4
  model: any;
4
5
  prop: string;
5
6
  name: string;
7
+ lastValues?: any;
8
+ disabled?: boolean | undefined;
6
9
  size: "default" | "small" | "large";
7
- }>, {}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
- config: any;
10
+ }>, {
11
+ disabled: boolean;
12
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
13
+ config: CodeSelectColConfig;
9
14
  model: any;
10
15
  prop: string;
11
16
  name: string;
17
+ lastValues?: any;
18
+ disabled?: boolean | undefined;
12
19
  size: "default" | "small" | "large";
13
- }>, {}>>> & {
20
+ }>, {
21
+ disabled: boolean;
22
+ }>>> & {
14
23
  onChange?: ((...args: any[]) => any) | undefined;
15
- }, {}, {}>;
24
+ }, {
25
+ disabled: boolean;
26
+ }, {}>;
16
27
  export default _default;
17
28
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
18
29
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -4,6 +4,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
4
4
  };
5
5
  model: any;
6
6
  prop: string;
7
+ lastValues?: any;
7
8
  disabled: boolean;
8
9
  name: string;
9
10
  }>, {
@@ -14,6 +15,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
14
15
  };
15
16
  model: any;
16
17
  prop: string;
18
+ lastValues?: any;
17
19
  disabled: boolean;
18
20
  name: string;
19
21
  }>, {
@@ -0,0 +1,44 @@
1
+ import type { DataSourceMethodSelectConfig } from '../type';
2
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
+ config: DataSourceMethodSelectConfig;
4
+ model: any;
5
+ lastValues?: any;
6
+ prop: string;
7
+ name: string;
8
+ disabled?: boolean | undefined;
9
+ size: "default" | "small" | "large";
10
+ }>, {
11
+ disabled: boolean;
12
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
13
+ config: DataSourceMethodSelectConfig;
14
+ model: any;
15
+ lastValues?: any;
16
+ prop: string;
17
+ name: string;
18
+ disabled?: boolean | undefined;
19
+ size: "default" | "small" | "large";
20
+ }>, {
21
+ disabled: boolean;
22
+ }>>> & {
23
+ onChange?: ((...args: any[]) => any) | undefined;
24
+ }, {
25
+ disabled: boolean;
26
+ }, {}>;
27
+ export default _default;
28
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
29
+ type __VLS_TypePropsToRuntimeProps<T> = {
30
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
31
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
32
+ } : {
33
+ type: import('vue').PropType<T[K]>;
34
+ required: true;
35
+ };
36
+ };
37
+ type __VLS_WithDefaults<P, D> = {
38
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
39
+ default: D[K];
40
+ }> : P[K];
41
+ };
42
+ type __VLS_Prettify<T> = {
43
+ [K in keyof T]: T[K];
44
+ } & {};
@@ -0,0 +1,45 @@
1
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
+ config: {
3
+ type: "data-source-methods";
4
+ };
5
+ model: any;
6
+ prop: string;
7
+ lastValues?: any;
8
+ disabled: boolean;
9
+ name: string;
10
+ }>, {
11
+ disabled: boolean;
12
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
13
+ config: {
14
+ type: "data-source-methods";
15
+ };
16
+ model: any;
17
+ prop: string;
18
+ lastValues?: any;
19
+ disabled: boolean;
20
+ name: string;
21
+ }>, {
22
+ disabled: boolean;
23
+ }>>> & {
24
+ onChange?: ((...args: any[]) => any) | undefined;
25
+ }, {
26
+ disabled: boolean;
27
+ }, {}>;
28
+ export default _default;
29
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
30
+ type __VLS_TypePropsToRuntimeProps<T> = {
31
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
32
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
33
+ } : {
34
+ type: import('vue').PropType<T[K]>;
35
+ required: true;
36
+ };
37
+ };
38
+ type __VLS_WithDefaults<P, D> = {
39
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
40
+ default: D[K];
41
+ }> : P[K];
42
+ };
43
+ type __VLS_Prettify<T> = {
44
+ [K in keyof T]: T[K];
45
+ } & {};
package/types/index.d.ts CHANGED
@@ -20,11 +20,14 @@ export { default as LayerPanel } from './layouts/sidebar/LayerPanel.vue';
20
20
  export { default as CodeSelect } from './fields/CodeSelect.vue';
21
21
  export { default as CodeSelectCol } from './fields/CodeSelectCol.vue';
22
22
  export { default as DataSourceFields } from './fields/DataSourceFields.vue';
23
+ export { default as DataSourceMethods } from './fields/DataSourceMethods.vue';
23
24
  export { default as DataSourceInput } from './fields/DataSourceInput.vue';
24
25
  export { default as DataSourceSelect } from './fields/DataSourceSelect.vue';
26
+ export { default as DataSourceMethodSelect } from './fields/DataSourceMethodSelect.vue';
25
27
  export { default as EventSelect } from './fields/EventSelect.vue';
26
28
  export { default as KeyValue } from './fields/KeyValue.vue';
27
29
  export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
30
+ export { default as CodeBlockListPanel } from './layouts/sidebar/code-block/CodeBlockListPanel.vue';
28
31
  export { default as PropsPanel } from './layouts/PropsPanel.vue';
29
32
  export { default as ToolButton } from './components/ToolButton.vue';
30
33
  export { default as ContentMenu } from './components/ContentMenu.vue';
@@ -32,6 +35,7 @@ export { default as Icon } from './components/Icon.vue';
32
35
  export { default as LayoutContainer } from './components/SplitView.vue';
33
36
  export { default as SplitView } from './components/SplitView.vue';
34
37
  export { default as Resizer } from './components/Resizer.vue';
38
+ export { default as CodeBlockEditor } from './components/CodeBlockEditor.vue';
35
39
  declare const _default: {
36
40
  install: (app: App, opt?: Partial<InstallOptions>) => void;
37
41
  };
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
7
7
  options?: {
8
8
  [key: string]: any;
9
9
  } | undefined;
10
+ height?: string | undefined;
10
11
  autoSave?: boolean | undefined;
11
12
  }>, {
12
13
  autoSave: boolean;
@@ -29,6 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
29
30
  options?: {
30
31
  [key: string]: any;
31
32
  } | undefined;
33
+ height?: string | undefined;
32
34
  autoSave?: boolean | undefined;
33
35
  }>, {
34
36
  autoSave: boolean;
@@ -83,6 +83,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
83
83
  $emit: (event: "change" | "field-input" | "field-change", ...args: any[]) => void;
84
84
  $el: any;
85
85
  $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
86
+ labelWidth: {
87
+ type: import("vue").PropType<string>;
88
+ default: string;
89
+ };
86
90
  disabled: {
87
91
  type: import("vue").PropType<boolean>;
88
92
  default: boolean;
@@ -91,10 +95,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
91
95
  type: import("vue").PropType<string>;
92
96
  default: string;
93
97
  };
94
- labelWidth: {
95
- type: import("vue").PropType<string>;
96
- default: string;
97
- };
98
98
  config: {
99
99
  type: import("vue").PropType<import("@tmagic/form").FormConfig>;
100
100
  required: true;
@@ -188,6 +188,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
188
188
  $nextTick: typeof import("vue").nextTick;
189
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
190
  } & Readonly<import("vue").ExtractPropTypes<{
191
+ labelWidth: {
192
+ type: import("vue").PropType<string>;
193
+ default: string;
194
+ };
191
195
  disabled: {
192
196
  type: import("vue").PropType<boolean>;
193
197
  default: boolean;
@@ -196,10 +200,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
196
200
  type: import("vue").PropType<string>;
197
201
  default: string;
198
202
  };
199
- labelWidth: {
200
- type: import("vue").PropType<string>;
201
- default: string;
202
- };
203
203
  config: {
204
204
  type: import("vue").PropType<import("@tmagic/form").FormConfig>;
205
205
  required: true;
@@ -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,14 @@
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-tool"?(_: {
10
+ id: any;
11
+ data: any;
9
12
  }): any;
10
13
  }>;
11
14
  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
- };