@tmagic/editor 1.1.4 → 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.
Files changed (24) hide show
  1. package/dist/tmagic-editor.mjs +582 -434
  2. package/dist/tmagic-editor.mjs.map +1 -1
  3. package/dist/tmagic-editor.umd.js +581 -433
  4. package/dist/tmagic-editor.umd.js.map +1 -1
  5. package/package.json +11 -11
  6. package/src/Editor.vue +4 -2
  7. package/src/fields/Code.vue +17 -21
  8. package/src/fields/CodeLink.vue +49 -63
  9. package/src/index.ts +2 -2
  10. package/src/layouts/Framework.vue +85 -55
  11. package/src/layouts/Layout.vue +100 -0
  12. package/src/layouts/Resizer.vue +17 -46
  13. package/src/layouts/sidebar/Sidebar.vue +4 -0
  14. package/src/layouts/sidebar/TabPane.vue +11 -2
  15. package/src/services/editor.ts +5 -2
  16. package/src/services/ui.ts +8 -69
  17. package/types/components/ToolButton.vue.d.ts +4 -4
  18. package/types/fields/Code.vue.d.ts +88 -20
  19. package/types/fields/CodeLink.vue.d.ts +99 -48
  20. package/types/layouts/Framework.vue.d.ts +88 -20
  21. package/types/layouts/Layout.vue.d.ts +133 -0
  22. package/types/layouts/Resizer.vue.d.ts +54 -10
  23. package/types/layouts/sidebar/LayerPanel.vue.d.ts +15 -9
  24. package/types/services/ui.d.ts +0 -2
package/types/layouts/Layout.vue.d.ts ADDED
@@ -0,0 +1,133 @@
1
+ declare const _default: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{
6
+ minLeft: number;
7
+ minRight: number;
8
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
+ left?: number | undefined;
10
+ right?: number | undefined;
11
+ minLeft?: number | undefined;
12
+ minRight?: number | undefined;
13
+ leftClass?: string | undefined;
14
+ rightClass?: string | undefined;
15
+ centerClass?: string | undefined;
16
+ }>, {
17
+ minLeft: number;
18
+ minRight: number;
19
+ }>>> & {
20
+ onChange?: ((...args: any[]) => any) | undefined;
21
+ "onUpdate:left"?: ((...args: any[]) => any) | undefined;
22
+ "onUpdate:right"?: ((...args: any[]) => any) | undefined;
23
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "minLeft" | "minRight">;
24
+ $attrs: {
25
+ [x: string]: unknown;
26
+ };
27
+ $refs: {
28
+ [x: string]: unknown;
29
+ };
30
+ $slots: Readonly<{
31
+ [name: string]: import("vue").Slot | undefined;
32
+ }>;
33
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
34
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
35
+ $emit: (event: "change" | "update:left" | "update:right", ...args: any[]) => void;
36
+ $el: any;
37
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
38
+ left?: number | undefined;
39
+ right?: number | undefined;
40
+ minLeft?: number | undefined;
41
+ minRight?: number | undefined;
42
+ leftClass?: string | undefined;
43
+ rightClass?: string | undefined;
44
+ centerClass?: string | undefined;
45
+ }>, {
46
+ minLeft: number;
47
+ minRight: number;
48
+ }>>> & {
49
+ onChange?: ((...args: any[]) => any) | undefined;
50
+ "onUpdate:left"?: ((...args: any[]) => any) | undefined;
51
+ "onUpdate:right"?: ((...args: any[]) => any) | undefined;
52
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:left" | "update:right")[], string, {
53
+ minLeft: number;
54
+ minRight: number;
55
+ }> & {
56
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
57
+ created?: ((() => void) | (() => void)[]) | undefined;
58
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
59
+ mounted?: ((() => void) | (() => void)[]) | undefined;
60
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
61
+ updated?: ((() => void) | (() => void)[]) | undefined;
62
+ activated?: ((() => void) | (() => void)[]) | undefined;
63
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
64
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
65
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
66
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
67
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
68
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
69
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
70
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
71
+ };
72
+ $forceUpdate: () => void;
73
+ $nextTick: typeof import("vue").nextTick;
74
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
75
+ } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
76
+ left?: number | undefined;
77
+ right?: number | undefined;
78
+ minLeft?: number | undefined;
79
+ minRight?: number | undefined;
80
+ leftClass?: string | undefined;
81
+ rightClass?: string | undefined;
82
+ centerClass?: string | undefined;
83
+ }>, {
84
+ minLeft: number;
85
+ minRight: number;
86
+ }>>> & {
87
+ onChange?: ((...args: any[]) => any) | undefined;
88
+ "onUpdate:left"?: ((...args: any[]) => any) | undefined;
89
+ "onUpdate:right"?: ((...args: any[]) => any) | undefined;
90
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
91
+ __isFragment?: undefined;
92
+ __isTeleport?: undefined;
93
+ __isSuspense?: undefined;
94
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
95
+ left?: number | undefined;
96
+ right?: number | undefined;
97
+ minLeft?: number | undefined;
98
+ minRight?: number | undefined;
99
+ leftClass?: string | undefined;
100
+ rightClass?: string | undefined;
101
+ centerClass?: string | undefined;
102
+ }>, {
103
+ minLeft: number;
104
+ minRight: number;
105
+ }>>> & {
106
+ onChange?: ((...args: any[]) => any) | undefined;
107
+ "onUpdate:left"?: ((...args: any[]) => any) | undefined;
108
+ "onUpdate:right"?: ((...args: any[]) => any) | undefined;
109
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:left" | "update:right")[], "change" | "update:left" | "update:right", {
110
+ minLeft: number;
111
+ minRight: number;
112
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
113
+ $slots: {
114
+ left: (_: {}) => any;
115
+ center: (_: {}) => any;
116
+ right: (_: {}) => any;
117
+ };
118
+ });
119
+ export default _default;
120
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
121
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
122
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
123
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
124
+ } : {
125
+ type: import('vue').PropType<T[K]>;
126
+ required: true;
127
+ };
128
+ };
129
+ declare type __VLS_WithDefaults<P, D> = {
130
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
131
+ default: D[K];
132
+ } : P[K];
133
+ };
package/types/layouts/Resizer.vue.d.ts CHANGED
@@ -1,12 +1,56 @@
1
- declare const _default: import("vue").DefineComponent<{
2
- type: {
3
- type: StringConstructor;
1
+ declare const _default: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & {
6
+ onChange?: ((...args: any[]) => any) | undefined;
7
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
8
+ $attrs: {
9
+ [x: string]: unknown;
10
+ };
11
+ $refs: {
12
+ [x: string]: unknown;
13
+ };
14
+ $slots: Readonly<{
15
+ [name: string]: import("vue").Slot | undefined;
16
+ }>;
17
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
18
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
19
+ $emit: (event: "change", ...args: any[]) => void;
20
+ $el: any;
21
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
22
+ onChange?: ((...args: any[]) => any) | undefined;
23
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {}> & {
24
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
25
+ created?: ((() => void) | (() => void)[]) | undefined;
26
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
27
+ mounted?: ((() => void) | (() => void)[]) | undefined;
28
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
29
+ updated?: ((() => void) | (() => void)[]) | undefined;
30
+ activated?: ((() => void) | (() => void)[]) | undefined;
31
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
32
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
33
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
34
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
35
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
36
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
37
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
38
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
39
+ };
40
+ $forceUpdate: () => void;
41
+ $nextTick: typeof import("vue").nextTick;
42
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
43
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & {
44
+ onChange?: ((...args: any[]) => any) | undefined;
45
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
46
+ __isFragment?: undefined;
47
+ __isTeleport?: undefined;
48
+ __isSuspense?: undefined;
49
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
50
+ onChange?: ((...args: any[]) => any) | undefined;
51
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
52
+ $slots: {
53
+ default: (_: {}) => any;
4
54
  };
5
- }, {
6
- target: import("vue").Ref<HTMLSpanElement | undefined>;
7
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
8
- type: {
9
- type: StringConstructor;
10
- };
11
- }>>, {}>;
55
+ });
12
56
  export default _default;
package/types/layouts/sidebar/LayerPanel.vue.d.ts CHANGED
@@ -99,7 +99,9 @@ declare const _default: import("vue").DefineComponent<{}, {
99
99
  type: NumberConstructor;
100
100
  default: number;
101
101
  };
102
- icon: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
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: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
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: import("vue").ComputedRef<string>;
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: import("element-plus/es/components/tree/src/tree.type").TreeKey, shouldAutoExpandParent?: boolean | undefined) => void;
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: import("element-plus/es/components/tree/src/tree.type").TreeKey, shouldAutoExpandParent?: boolean | undefined) => void;
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: import("vue").PropType<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
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: import("vue").ComputedRef<string>;
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: import("element-plus/es/components/tree/src/tree.type").TreeKey, shouldAutoExpandParent?: boolean | undefined) => void;
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: import("element-plus/es/components/tree/src/tree.type").TreeKey, shouldAutoExpandParent?: boolean | undefined) => void;
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;
package/types/services/ui.d.ts CHANGED
@@ -26,11 +26,9 @@ declare class Ui extends BaseService {
26
26
  constructor();
27
27
  set<T = any>(name: keyof UiState, value: T): void;
28
28
  get<T>(name: keyof typeof state): T;
29
- initColumnWidth(): Promise<void>;
30
29
  zoom(zoom: number): Promise<void>;
31
30
  calcZoom(): Promise<number>;
32
31
  destroy(): void;
33
- private setColumnWidth;
34
32
  private setStageRect;
35
33
  }
36
34
  export declare type UiService = Ui;