@tmagic/editor 1.3.0-alpha.7 → 1.3.0-alpha.9
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 +19 -0
- package/dist/tmagic-editor.js +353 -165
- package/dist/tmagic-editor.js.map +1 -1
- package/dist/tmagic-editor.umd.cjs +367 -177
- package/dist/tmagic-editor.umd.cjs.map +1 -1
- package/package.json +12 -12
- package/src/components/FunctionEditor.vue +1 -1
- package/src/components/SplitView.vue +2 -2
- package/src/fields/DataSourceInput.vue +11 -10
- package/src/fields/DataSourceSelect.vue +75 -0
- package/src/index.ts +4 -0
- package/src/initService.ts +4 -0
- package/src/layouts/CodeEditor.vue +27 -7
- package/src/layouts/Framework.vue +1 -2
- package/src/layouts/PropsPanel.vue +2 -1
- package/src/layouts/sidebar/ComponentListPanel.vue +3 -4
- package/src/layouts/sidebar/LayerMenu.vue +4 -3
- package/src/layouts/sidebar/LayerNode.vue +40 -0
- package/src/layouts/sidebar/LayerPanel.vue +7 -4
- package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +18 -2
- package/src/layouts/workspace/Stage.vue +11 -4
- package/src/services/dep.ts +1 -0
- package/src/theme/data-source-input.scss +18 -0
- package/src/theme/layer-panel.scss +6 -0
- package/src/theme/theme.scss +1 -0
- package/src/utils/dep.ts +7 -1
- package/src/utils/props.ts +34 -0
- package/types/components/FunctionEditor.vue.d.ts +2 -0
- package/types/fields/DataSourceSelect.vue.d.ts +56 -0
- package/types/index.d.ts +2 -0
- package/types/layouts/CodeEditor.vue.d.ts +3 -0
- package/types/layouts/sidebar/LayerNode.vue.d.ts +16 -0
package/src/utils/props.ts
CHANGED
|
@@ -105,6 +105,40 @@ export const fillConfig = (config: FormConfig = []) => [
|
|
|
105
105
|
},
|
|
106
106
|
],
|
|
107
107
|
},
|
|
108
|
+
{
|
|
109
|
+
type: 'fieldset',
|
|
110
|
+
legend: '边框',
|
|
111
|
+
items: [
|
|
112
|
+
{
|
|
113
|
+
name: 'borderWidth',
|
|
114
|
+
text: '宽度',
|
|
115
|
+
defaultValue: '0',
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
name: 'borderColor',
|
|
119
|
+
text: '颜色',
|
|
120
|
+
type: 'colorPicker',
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
name: 'borderStyle',
|
|
124
|
+
text: '样式',
|
|
125
|
+
type: 'select',
|
|
126
|
+
defaultValue: 'none',
|
|
127
|
+
options: [
|
|
128
|
+
{ text: 'none', value: 'none' },
|
|
129
|
+
{ text: 'hidden', value: 'hidden' },
|
|
130
|
+
{ text: 'dotted', value: 'dotted' },
|
|
131
|
+
{ text: 'dashed', value: 'dashed' },
|
|
132
|
+
{ text: 'solid', value: 'solid' },
|
|
133
|
+
{ text: 'double', value: 'double' },
|
|
134
|
+
{ text: 'groove', value: 'groove' },
|
|
135
|
+
{ text: 'ridge', value: 'ridge' },
|
|
136
|
+
{ text: 'inset', value: 'inset' },
|
|
137
|
+
{ text: 'outset', value: 'outset' },
|
|
138
|
+
],
|
|
139
|
+
},
|
|
140
|
+
],
|
|
141
|
+
},
|
|
108
142
|
{
|
|
109
143
|
type: 'fieldset',
|
|
110
144
|
legend: '背景',
|
|
@@ -116,6 +116,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
116
116
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
117
117
|
onSaveAndClose?: ((...args: any[]) => any) | undefined;
|
|
118
118
|
}, {
|
|
119
|
+
/** 代码块id */
|
|
119
120
|
saveAndClose: () => void;
|
|
120
121
|
close: () => Promise<void>;
|
|
121
122
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "saveAndClose")[], string, {
|
|
@@ -168,6 +169,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
168
169
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
169
170
|
onSaveAndClose?: ((...args: any[]) => any) | undefined;
|
|
170
171
|
} & import("vue").ShallowUnwrapRef<{
|
|
172
|
+
/** 代码块id */
|
|
171
173
|
saveAndClose: () => void;
|
|
172
174
|
close: () => Promise<void>;
|
|
173
175
|
}> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { FieldSize } from '@tmagic/design';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
config: {
|
|
4
|
+
type: "data-source-select";
|
|
5
|
+
name: string;
|
|
6
|
+
text: string;
|
|
7
|
+
placeholder: string;
|
|
8
|
+
dataSourceType?: string | undefined;
|
|
9
|
+
};
|
|
10
|
+
model: Record<string, any>;
|
|
11
|
+
name: string;
|
|
12
|
+
prop: string;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
lastValues?: Record<string, any> | undefined;
|
|
15
|
+
size?: FieldSize | undefined;
|
|
16
|
+
}>, {
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
}>, {}, 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<{
|
|
19
|
+
config: {
|
|
20
|
+
type: "data-source-select";
|
|
21
|
+
name: string;
|
|
22
|
+
text: string;
|
|
23
|
+
placeholder: string;
|
|
24
|
+
dataSourceType?: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
model: Record<string, any>;
|
|
27
|
+
name: string;
|
|
28
|
+
prop: string;
|
|
29
|
+
disabled: boolean;
|
|
30
|
+
lastValues?: Record<string, any> | undefined;
|
|
31
|
+
size?: FieldSize | undefined;
|
|
32
|
+
}>, {
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
}>>> & {
|
|
35
|
+
onChange?: ((...args: any[]) => any) | undefined;
|
|
36
|
+
}, {
|
|
37
|
+
disabled: boolean;
|
|
38
|
+
}, {}>;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
41
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
42
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
43
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
44
|
+
} : {
|
|
45
|
+
type: import('vue').PropType<T[K]>;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
type __VLS_WithDefaults<P, D> = {
|
|
50
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
51
|
+
default: D[K];
|
|
52
|
+
}> : P[K];
|
|
53
|
+
};
|
|
54
|
+
type __VLS_Prettify<T> = {
|
|
55
|
+
[K in keyof T]: T[K];
|
|
56
|
+
} & {};
|
package/types/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ 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
23
|
export { default as DataSourceInput } from './fields/DataSourceInput.vue';
|
|
24
|
+
export { default as DataSourceSelect } from './fields/DataSourceSelect.vue';
|
|
24
25
|
export { default as EventSelect } from './fields/EventSelect.vue';
|
|
25
26
|
export { default as KeyValue } from './fields/KeyValue.vue';
|
|
26
27
|
export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
|
|
@@ -30,6 +31,7 @@ export { default as ContentMenu } from './components/ContentMenu.vue';
|
|
|
30
31
|
export { default as Icon } from './components/Icon.vue';
|
|
31
32
|
export { default as LayoutContainer } from './components/SplitView.vue';
|
|
32
33
|
export { default as SplitView } from './components/SplitView.vue';
|
|
34
|
+
export { default as Resizer } from './components/Resizer.vue';
|
|
33
35
|
declare const _default: {
|
|
34
36
|
install: (app: App, opt?: Partial<InstallOptions>) => void;
|
|
35
37
|
};
|
|
@@ -15,7 +15,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
15
15
|
tabSize: number;
|
|
16
16
|
};
|
|
17
17
|
}>, {
|
|
18
|
+
values: import("vue").Ref<string>;
|
|
18
19
|
getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
|
|
20
|
+
getVsEditor(): monaco.editor.IStandaloneCodeEditor | null;
|
|
21
|
+
getVsDiffEditor(): monaco.editor.IStandaloneDiffEditor | null;
|
|
19
22
|
setEditorValue: (v: any, m: any) => void | undefined;
|
|
20
23
|
focus(): void;
|
|
21
24
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("initd" | "save")[], "initd" | "save", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
@@ -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
|
+
};
|