@tmagic/editor 1.3.0-alpha.13 → 1.3.0-alpha.14
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.
- package/dist/style.css +41 -113
- package/dist/tmagic-editor.js +1307 -1197
- package/dist/tmagic-editor.js.map +1 -1
- package/dist/tmagic-editor.umd.cjs +1318 -1204
- package/dist/tmagic-editor.umd.cjs.map +1 -1
- package/package.json +11 -11
- package/src/Editor.vue +0 -4
- package/src/components/CodeBlockEditor.vue +155 -0
- package/src/components/CodeParams.vue +59 -0
- package/src/fields/Code.vue +27 -19
- package/src/fields/CodeSelect.vue +7 -1
- package/src/fields/CodeSelectCol.vue +65 -74
- package/src/fields/DataSourceFields.vue +7 -9
- package/src/fields/DataSourceMethodSelect.vue +147 -0
- package/src/fields/DataSourceMethods.vue +103 -0
- package/src/fields/EventSelect.vue +33 -7
- package/src/icons/CodeIcon.vue +0 -2
- package/src/index.ts +8 -0
- package/src/layouts/CodeEditor.vue +32 -1
- package/src/layouts/Framework.vue +7 -3
- package/src/layouts/sidebar/Sidebar.vue +2 -10
- package/src/layouts/sidebar/code-block/CodeBlockList.vue +73 -124
- package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +64 -0
- package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +23 -33
- package/src/layouts/sidebar/data-source/DataSourceList.vue +111 -0
- package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +13 -81
- package/src/services/codeBlock.ts +17 -70
- package/src/services/dataSource.ts +2 -0
- package/src/theme/code-block.scss +0 -122
- package/src/theme/code-editor.scss +27 -2
- package/src/theme/data-source-methods.scss +13 -0
- package/src/theme/event.scss +15 -12
- package/src/theme/theme.scss +1 -0
- package/src/type.ts +21 -6
- package/src/utils/data-source/index.ts +11 -0
- package/src/utils/use-code-block-edit.ts +84 -0
- package/src/utils/use-data-source-method.ts +101 -0
- package/types/components/CodeBlockEditor.vue.d.ts +21 -0
- package/types/components/CodeParams.vue.d.ts +26 -0
- package/types/components/ContentMenu.vue.d.ts +2 -2
- package/types/fields/Code.vue.d.ts +26 -6
- package/types/fields/CodeSelectCol.vue.d.ts +16 -5
- package/types/fields/DataSourceFields.vue.d.ts +2 -0
- package/types/fields/DataSourceMethodSelect.vue.d.ts +44 -0
- package/types/fields/DataSourceMethods.vue.d.ts +45 -0
- package/types/index.d.ts +4 -0
- package/types/layouts/CodeEditor.vue.d.ts +2 -0
- package/types/layouts/PropsPanel.vue.d.ts +8 -8
- package/types/layouts/sidebar/Sidebar.vue.d.ts +0 -3
- package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +4 -9
- package/types/layouts/sidebar/code-block/{CodeBlockEditor.vue.d.ts → CodeBlockListPanel.vue.d.ts} +5 -6
- package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +3 -1
- package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +14 -0
- package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +1 -11
- package/types/services/codeBlock.d.ts +5 -36
- package/types/services/dataSource.d.ts +1 -0
- package/types/type.d.ts +19 -6
- package/types/{components/FunctionEditor.vue.d.ts → utils/use-code-block-edit.d.ts} +26 -123
- package/types/utils/use-data-source-method.d.ts +116 -0
- package/src/components/CodeDraftEditor.vue +0 -148
- package/src/components/FunctionEditor.vue +0 -197
- package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +0 -100
- package/types/components/CodeDraftEditor.vue.d.ts +0 -61
|
@@ -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, ("
|
|
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:
|
|
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
|
-
}>, {
|
|
8
|
-
|
|
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;
|
|
@@ -1,21 +1,16 @@
|
|
|
1
|
-
import {
|
|
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
|
-
|
|
7
|
-
|
|
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;
|
package/types/layouts/sidebar/code-block/{CodeBlockEditor.vue.d.ts → CodeBlockListPanel.vue.d.ts}
RENAMED
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import {
|
|
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
|
-
|
|
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
|
-
|
|
6
|
+
customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
|
|
6
7
|
}>>>, {}, {}>, {
|
|
7
|
-
"code-block-
|
|
8
|
-
id: import("@tmagic/schema").Id;
|
|
9
|
-
}): any;
|
|
8
|
+
"code-block-panel-header"?(_: {}): any;
|
|
10
9
|
}>;
|
|
11
10
|
export default _default;
|
|
12
11
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -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
|
|
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:
|
|
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 {
|
|
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;
|
|
@@ -35,29 +36,6 @@ declare class CodeBlock extends BaseService {
|
|
|
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<
|
|
95
|
+
getUniqueId(): Promise<string>;
|
|
127
96
|
resetState(): void;
|
|
128
97
|
destroy(): void;
|
|
129
98
|
}
|