@tmagic/editor 1.1.5 → 1.1.6
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/tmagic-editor.mjs +25 -5
- package/dist/tmagic-editor.mjs.map +1 -1
- package/dist/tmagic-editor.umd.js +25 -5
- package/dist/tmagic-editor.umd.js.map +1 -1
- package/package.json +9 -9
- package/src/Editor.vue +4 -0
- package/src/layouts/sidebar/Sidebar.vue +4 -0
- package/src/layouts/sidebar/TabPane.vue +11 -2
- package/types/layouts/sidebar/LayerPanel.vue.d.ts +15 -9
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.1.
|
|
2
|
+
"version": "1.1.6",
|
|
3
3
|
"name": "@tmagic/editor",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"dist/*",
|
|
@@ -45,14 +45,14 @@
|
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@babel/core": "^7.18.0",
|
|
47
47
|
"@element-plus/icons-vue": "^2.0.9",
|
|
48
|
-
"@tmagic/core": "1.1.
|
|
49
|
-
"@tmagic/form": "1.1.
|
|
50
|
-
"@tmagic/schema": "1.1.
|
|
51
|
-
"@tmagic/stage": "1.1.
|
|
52
|
-
"@tmagic/utils": "1.1.
|
|
48
|
+
"@tmagic/core": "1.1.6",
|
|
49
|
+
"@tmagic/form": "1.1.6",
|
|
50
|
+
"@tmagic/schema": "1.1.6",
|
|
51
|
+
"@tmagic/stage": "1.1.6",
|
|
52
|
+
"@tmagic/utils": "1.1.6",
|
|
53
53
|
"buffer": "^6.0.3",
|
|
54
54
|
"color": "^3.1.3",
|
|
55
|
-
"element-plus": "^2.2.
|
|
55
|
+
"element-plus": "^2.2.17",
|
|
56
56
|
"events": "^3.3.0",
|
|
57
57
|
"gesto": "^1.7.0",
|
|
58
58
|
"keycon": "^1.1.2",
|
|
@@ -62,8 +62,8 @@
|
|
|
62
62
|
"vue": "^3.2.37"
|
|
63
63
|
},
|
|
64
64
|
"peerDependencies": {
|
|
65
|
-
"@tmagic/form": "1.1.
|
|
66
|
-
"element-plus": "^2.2.
|
|
65
|
+
"@tmagic/form": "1.1.6",
|
|
66
|
+
"element-plus": "^2.2.17",
|
|
67
67
|
"monaco-editor": "^0.34.0",
|
|
68
68
|
"vue": "^3.2.37"
|
|
69
69
|
},
|
package/src/Editor.vue
CHANGED
|
@@ -11,6 +11,10 @@
|
|
|
11
11
|
<slot name="layer-panel-header"></slot>
|
|
12
12
|
</template>
|
|
13
13
|
|
|
14
|
+
<template #layer-node-content="{ node, data }">
|
|
15
|
+
<slot name="layer-node-content" :data="data" :node="node"></slot>
|
|
16
|
+
</template>
|
|
17
|
+
|
|
14
18
|
<template #component-list-panel-header>
|
|
15
19
|
<slot name="component-list-panel-header"></slot>
|
|
16
20
|
</template>
|
|
@@ -11,6 +11,10 @@
|
|
|
11
11
|
<slot name="layer-panel-header"></slot>
|
|
12
12
|
</template>
|
|
13
13
|
|
|
14
|
+
<template #layer-node-content="{ node, data }" v-if="item === 'layer'">
|
|
15
|
+
<slot name="layer-node-content" :data="data" :node="node"></slot>
|
|
16
|
+
</template>
|
|
17
|
+
|
|
14
18
|
<template #component-list-panel-header v-if="item === 'component-list'">
|
|
15
19
|
<slot name="component-list-panel-header"></slot>
|
|
16
20
|
</template>
|
|
@@ -30,8 +30,17 @@
|
|
|
30
30
|
<component v-else-if="config.slots?.layerPanelHeader" :is="config.slots.layerPanelHeader" />
|
|
31
31
|
</template>
|
|
32
32
|
|
|
33
|
-
<template
|
|
34
|
-
|
|
33
|
+
<template
|
|
34
|
+
#layer-node-content="{ data: nodeData, node }"
|
|
35
|
+
v-if="data === 'layer' || config.slots?.layerNodeContent"
|
|
36
|
+
>
|
|
37
|
+
<slot v-if="data === 'layer'" name="layer-node-content" :data="nodeData" :node="node"></slot>
|
|
38
|
+
<component
|
|
39
|
+
v-else-if="config.slots?.layerNodeContent"
|
|
40
|
+
:is="config.slots.layerNodeContent"
|
|
41
|
+
:data="nodeData"
|
|
42
|
+
:node="node"
|
|
43
|
+
/>
|
|
35
44
|
</template>
|
|
36
45
|
</component>
|
|
37
46
|
</el-tab-pane>
|
|
@@ -99,7 +99,9 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
99
99
|
type: NumberConstructor;
|
|
100
100
|
default: number;
|
|
101
101
|
};
|
|
102
|
-
icon:
|
|
102
|
+
icon: {
|
|
103
|
+
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
|
|
104
|
+
};
|
|
103
105
|
}>> & {
|
|
104
106
|
"onCurrent-change"?: ((...args: any[]) => any) | undefined;
|
|
105
107
|
"onNode-expand"?: ((...args: any[]) => any) | undefined;
|
|
@@ -190,7 +192,9 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
190
192
|
type: NumberConstructor;
|
|
191
193
|
default: number;
|
|
192
194
|
};
|
|
193
|
-
icon:
|
|
195
|
+
icon: {
|
|
196
|
+
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
|
|
197
|
+
};
|
|
194
198
|
}>> & {
|
|
195
199
|
"onCurrent-change"?: ((...args: any[]) => any) | undefined;
|
|
196
200
|
"onNode-expand"?: ((...args: any[]) => any) | undefined;
|
|
@@ -207,7 +211,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
207
211
|
"onNode-drag-over"?: ((...args: any[]) => any) | undefined;
|
|
208
212
|
}, {
|
|
209
213
|
ns: {
|
|
210
|
-
namespace:
|
|
214
|
+
namespace: Ref<string>;
|
|
211
215
|
b: (blockSuffix?: string | undefined) => string;
|
|
212
216
|
e: (element?: string | undefined) => string;
|
|
213
217
|
m: (modifier?: string | undefined) => string;
|
|
@@ -360,7 +364,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
360
364
|
getCurrentNode: () => import("element-plus/es/components/tree/src/model/node").default;
|
|
361
365
|
setCurrentNode: (currentNode: import("element-plus/es/components/tree/src/model/node").default) => void;
|
|
362
366
|
setUserCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
363
|
-
setCurrentNodeKey: (key
|
|
367
|
+
setCurrentNodeKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
364
368
|
}>;
|
|
365
369
|
root: Ref<{
|
|
366
370
|
id: number;
|
|
@@ -469,7 +473,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
469
473
|
getHalfCheckedNodes: () => import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
|
|
470
474
|
getHalfCheckedKeys: () => import("element-plus/es/components/tree/src/tree.type").TreeKey[];
|
|
471
475
|
setCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
472
|
-
setCurrentKey: (key
|
|
476
|
+
setCurrentKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
473
477
|
t: import("element-plus").Translator;
|
|
474
478
|
getNode: (data: import("element-plus/es/components/tree/src/tree.type").TreeKey | import("element-plus/es/components/tree/src/tree.type").TreeNodeData) => import("element-plus/es/components/tree/src/model/node").default;
|
|
475
479
|
remove: (data: import("element-plus/es/components/tree/src/model/node").default | import("element-plus/es/components/tree/src/tree.type").TreeNodeData) => void;
|
|
@@ -576,7 +580,9 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
576
580
|
type: NumberConstructor;
|
|
577
581
|
default: number;
|
|
578
582
|
};
|
|
579
|
-
icon:
|
|
583
|
+
icon: {
|
|
584
|
+
type: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
|
|
585
|
+
};
|
|
580
586
|
}>> & {
|
|
581
587
|
"onCurrent-change"?: ((...args: any[]) => any) | undefined;
|
|
582
588
|
"onNode-expand"?: ((...args: any[]) => any) | undefined;
|
|
@@ -593,7 +599,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
593
599
|
"onNode-drag-over"?: ((...args: any[]) => any) | undefined;
|
|
594
600
|
} & import("vue").ShallowUnwrapRef<{
|
|
595
601
|
ns: {
|
|
596
|
-
namespace:
|
|
602
|
+
namespace: Ref<string>;
|
|
597
603
|
b: (blockSuffix?: string | undefined) => string;
|
|
598
604
|
e: (element?: string | undefined) => string;
|
|
599
605
|
m: (modifier?: string | undefined) => string;
|
|
@@ -746,7 +752,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
746
752
|
getCurrentNode: () => import("element-plus/es/components/tree/src/model/node").default;
|
|
747
753
|
setCurrentNode: (currentNode: import("element-plus/es/components/tree/src/model/node").default) => void;
|
|
748
754
|
setUserCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
749
|
-
setCurrentNodeKey: (key
|
|
755
|
+
setCurrentNodeKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
750
756
|
}>;
|
|
751
757
|
root: Ref<{
|
|
752
758
|
id: number;
|
|
@@ -855,7 +861,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
855
861
|
getHalfCheckedNodes: () => import("element-plus/es/components/tree/src/tree.type").TreeNodeData[];
|
|
856
862
|
getHalfCheckedKeys: () => import("element-plus/es/components/tree/src/tree.type").TreeKey[];
|
|
857
863
|
setCurrentNode: (node: import("element-plus/es/components/tree/src/model/node").default, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
858
|
-
setCurrentKey: (key
|
|
864
|
+
setCurrentKey: (key?: import("element-plus/es/components/tree/src/tree.type").TreeKey | undefined, shouldAutoExpandParent?: boolean | undefined) => void;
|
|
859
865
|
t: import("element-plus").Translator;
|
|
860
866
|
getNode: (data: import("element-plus/es/components/tree/src/tree.type").TreeKey | import("element-plus/es/components/tree/src/tree.type").TreeNodeData) => import("element-plus/es/components/tree/src/model/node").default;
|
|
861
867
|
remove: (data: import("element-plus/es/components/tree/src/model/node").default | import("element-plus/es/components/tree/src/tree.type").TreeNodeData) => void;
|