@tmagic/editor 1.2.0-beta.1 → 1.2.0-beta.3

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 (45) hide show
  1. package/dist/tmagic-editor.mjs +769 -768
  2. package/dist/tmagic-editor.mjs.map +1 -1
  3. package/dist/tmagic-editor.umd.js +773 -771
  4. package/dist/tmagic-editor.umd.js.map +1 -1
  5. package/package.json +9 -9
  6. package/src/Editor.vue +2 -2
  7. package/src/components/ContentMenu.vue +2 -2
  8. package/src/components/Icon.vue +6 -4
  9. package/src/components/ToolButton.vue +29 -14
  10. package/src/fields/Code.vue +4 -1
  11. package/src/fields/CodeLink.vue +19 -11
  12. package/src/fields/CodeSelect.vue +6 -6
  13. package/src/fields/UISelect.vue +8 -7
  14. package/src/index.ts +2 -1
  15. package/src/layouts/AddPageBox.vue +13 -20
  16. package/src/layouts/CodeEditor.vue +106 -120
  17. package/src/layouts/Framework.vue +3 -2
  18. package/src/layouts/PropsPanel.vue +3 -8
  19. package/src/layouts/sidebar/ComponentListPanel.vue +13 -11
  20. package/src/layouts/sidebar/LayerMenu.vue +86 -91
  21. package/src/layouts/sidebar/LayerPanel.vue +252 -162
  22. package/src/layouts/sidebar/Sidebar.vue +24 -28
  23. package/src/layouts/sidebar/TabPane.vue +43 -51
  24. package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +22 -18
  25. package/src/layouts/sidebar/code-block/CodeBlockList.vue +21 -21
  26. package/src/layouts/workspace/PageBar.vue +11 -10
  27. package/src/services/codeBlock.ts +16 -10
  28. package/src/services/editor.ts +4 -4
  29. package/src/theme/index.scss +1 -15
  30. package/src/theme/theme.scss +15 -0
  31. package/src/type.ts +1 -1
  32. package/types/Editor.vue.d.ts +2 -2
  33. package/types/fields/Code.vue.d.ts +8 -0
  34. package/types/fields/CodeLink.vue.d.ts +4 -0
  35. package/types/index.d.ts +1 -0
  36. package/types/layouts/AddPageBox.vue.d.ts +45 -3
  37. package/types/layouts/CodeEditor.vue.d.ts +160 -45
  38. package/types/layouts/sidebar/LayerMenu.vue.d.ts +16 -64
  39. package/types/layouts/sidebar/LayerPanel.vue.d.ts +16 -1071
  40. package/types/layouts/sidebar/Sidebar.vue.d.ts +114 -17
  41. package/types/layouts/sidebar/TabPane.vue.d.ts +80 -12
  42. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +1 -0
  43. package/types/services/codeBlock.d.ts +1 -1
  44. package/types/services/editor.d.ts +2 -2
  45. package/types/type.d.ts +1 -1
@@ -1,4 +1,46 @@
1
- declare const _default: import("vue").DefineComponent<{}, {
2
- clickHandler(): void;
3
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
1
+ declare const _default: {
2
+ new (...args: any[]): {
3
+ $: import("vue").ComponentInternalInstance;
4
+ $data: {};
5
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
6
+ $attrs: {
7
+ [x: string]: unknown;
8
+ };
9
+ $refs: {
10
+ [x: string]: unknown;
11
+ };
12
+ $slots: Readonly<{
13
+ [name: string]: import("vue").Slot | undefined;
14
+ }>;
15
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
16
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
17
+ $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
18
+ $el: any;
19
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
20
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
21
+ created?: ((() => void) | (() => void)[]) | undefined;
22
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
23
+ mounted?: ((() => void) | (() => void)[]) | undefined;
24
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
25
+ updated?: ((() => void) | (() => void)[]) | undefined;
26
+ activated?: ((() => void) | (() => void)[]) | undefined;
27
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
28
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
29
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
30
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
31
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
32
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
33
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
34
+ 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;
35
+ };
36
+ $forceUpdate: () => void;
37
+ $nextTick: typeof import("vue").nextTick;
38
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
39
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
40
+ __isFragment?: undefined;
41
+ __isTeleport?: undefined;
42
+ __isSuspense?: undefined;
43
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
44
+ $slots: {};
45
+ });
4
46
  export default _default;
@@ -1,55 +1,170 @@
1
1
  import * as monaco from 'monaco-editor';
2
- declare const _default: import("vue").DefineComponent<{
3
- initValues: {
4
- type: (ObjectConstructor | StringConstructor)[];
5
- };
6
- modifiedValues: {
7
- type: (ObjectConstructor | StringConstructor)[];
8
- };
9
- type: {
10
- type: StringConstructor;
11
- default: () => string;
12
- };
13
- language: {
14
- type: StringConstructor;
15
- default: () => string;
16
- };
17
- options: {
18
- type: ObjectConstructor;
19
- default: () => {};
2
+ declare const _default: {
3
+ new (...args: any[]): {
4
+ $: import("vue").ComponentInternalInstance;
5
+ $data: {};
6
+ $props: Partial<{
7
+ type: string;
8
+ options: {
9
+ [key: string]: any;
10
+ };
11
+ language: string;
12
+ autoSave: boolean;
13
+ }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
14
+ initValues?: string | Object | undefined;
15
+ modifiedValues?: string | Object | undefined;
16
+ type?: string | undefined;
17
+ language?: string | undefined;
18
+ options?: {
19
+ [key: string]: any;
20
+ } | undefined;
21
+ autoSave?: boolean | undefined;
22
+ }>, {
23
+ type: string;
24
+ autoSave: boolean;
25
+ language: string;
26
+ options: () => {
27
+ tabSize: number;
28
+ };
29
+ }>>> & {
30
+ onSave?: ((...args: any[]) => any) | undefined;
31
+ onInitd?: ((...args: any[]) => any) | undefined;
32
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "type" | "options" | "language" | "autoSave">;
33
+ $attrs: {
34
+ [x: string]: unknown;
35
+ };
36
+ $refs: {
37
+ [x: string]: unknown;
38
+ };
39
+ $slots: Readonly<{
40
+ [name: string]: import("vue").Slot | undefined;
41
+ }>;
42
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
43
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
44
+ $emit: (event: "save" | "initd", ...args: any[]) => void;
45
+ $el: any;
46
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
47
+ initValues?: string | Object | undefined;
48
+ modifiedValues?: string | Object | undefined;
49
+ type?: string | undefined;
50
+ language?: string | undefined;
51
+ options?: {
52
+ [key: string]: any;
53
+ } | undefined;
54
+ autoSave?: boolean | undefined;
55
+ }>, {
56
+ type: string;
57
+ autoSave: boolean;
58
+ language: string;
59
+ options: () => {
60
+ tabSize: number;
61
+ };
62
+ }>>> & {
63
+ onSave?: ((...args: any[]) => any) | undefined;
64
+ onInitd?: ((...args: any[]) => any) | undefined;
65
+ }, {
66
+ getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
67
+ setEditorValue: (v: string | any, m: string | any) => void | undefined;
68
+ focus(): void;
69
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "initd")[], string, {
70
+ type: string;
71
+ options: {
72
+ [key: string]: any;
73
+ };
74
+ language: string;
75
+ autoSave: boolean;
76
+ }> & {
77
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
78
+ created?: ((() => void) | (() => void)[]) | undefined;
79
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
80
+ mounted?: ((() => void) | (() => void)[]) | undefined;
81
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
82
+ updated?: ((() => void) | (() => void)[]) | undefined;
83
+ activated?: ((() => void) | (() => void)[]) | undefined;
84
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
85
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
86
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
87
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
88
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
89
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
90
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
91
+ 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;
92
+ };
93
+ $forceUpdate: () => void;
94
+ $nextTick: typeof import("vue").nextTick;
95
+ $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
96
+ } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
97
+ initValues?: string | Object | undefined;
98
+ modifiedValues?: string | Object | undefined;
99
+ type?: string | undefined;
100
+ language?: string | undefined;
101
+ options?: {
102
+ [key: string]: any;
103
+ } | undefined;
104
+ autoSave?: boolean | undefined;
105
+ }>, {
106
+ type: string;
107
+ autoSave: boolean;
108
+ language: string;
109
+ options: () => {
110
+ tabSize: number;
111
+ };
112
+ }>>> & {
113
+ onSave?: ((...args: any[]) => any) | undefined;
114
+ onInitd?: ((...args: any[]) => any) | undefined;
115
+ } & import("vue").ShallowUnwrapRef<{
116
+ getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
117
+ setEditorValue: (v: string | any, m: string | any) => void | undefined;
118
+ focus(): void;
119
+ }> & {} & import("vue").ComponentCustomProperties;
120
+ __isFragment?: undefined;
121
+ __isTeleport?: undefined;
122
+ __isSuspense?: undefined;
123
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
124
+ initValues?: string | Object | undefined;
125
+ modifiedValues?: string | Object | undefined;
126
+ type?: string | undefined;
127
+ language?: string | undefined;
128
+ options?: {
129
+ [key: string]: any;
130
+ } | undefined;
131
+ autoSave?: boolean | undefined;
132
+ }>, {
133
+ type: string;
134
+ autoSave: boolean;
135
+ language: string;
136
+ options: () => {
137
+ tabSize: number;
20
138
  };
139
+ }>>> & {
140
+ onSave?: ((...args: any[]) => any) | undefined;
141
+ onInitd?: ((...args: any[]) => any) | undefined;
21
142
  }, {
22
- values: import("vue").Ref<string>;
23
- loading: import("vue").Ref<boolean>;
24
- codeEditor: import("vue").Ref<HTMLDivElement | undefined>;
25
143
  getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
26
144
  setEditorValue: (v: string | any, m: string | any) => void | undefined;
27
145
  focus(): void;
28
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "initd")[], "save" | "initd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
29
- initValues: {
30
- type: (ObjectConstructor | StringConstructor)[];
31
- };
32
- modifiedValues: {
33
- type: (ObjectConstructor | StringConstructor)[];
34
- };
35
- type: {
36
- type: StringConstructor;
37
- default: () => string;
38
- };
39
- language: {
40
- type: StringConstructor;
41
- default: () => string;
42
- };
146
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "initd")[], "save" | "initd", {
147
+ type: string;
43
148
  options: {
44
- type: ObjectConstructor;
45
- default: () => {};
149
+ [key: string]: any;
46
150
  };
47
- }>> & {
48
- onSave?: ((...args: any[]) => any) | undefined;
49
- onInitd?: ((...args: any[]) => any) | undefined;
50
- }, {
51
- type: string;
52
- options: Record<string, any>;
53
151
  language: string;
54
- }>;
152
+ autoSave: boolean;
153
+ }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
154
+ $slots: {};
155
+ });
55
156
  export default _default;
157
+ declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
158
+ declare type __VLS_TypePropsToRuntimeProps<T> = {
159
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
160
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
161
+ } : {
162
+ type: import('vue').PropType<T[K]>;
163
+ required: true;
164
+ };
165
+ };
166
+ declare type __VLS_WithDefaults<P, D> = {
167
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
168
+ default: D[K];
169
+ } : P[K];
170
+ };
@@ -1,26 +1,8 @@
1
- import type { MenuButton, MenuComponent } from '../../type';
2
- declare const _default: import("vue").DefineComponent<{}, {
3
- menu: import("vue").Ref<({
1
+ declare const _default: {
2
+ new (...args: any[]): {
4
3
  $: import("vue").ComponentInternalInstance;
5
4
  $data: {};
6
- $props: Partial<{
7
- menuData: (MenuButton | MenuComponent)[];
8
- isSubMenu: boolean;
9
- }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10
- menuData: {
11
- type: import("vue").PropType<(MenuButton | MenuComponent)[]>;
12
- } & {
13
- default: () => never[];
14
- };
15
- isSubMenu: {
16
- type: import("vue").PropType<boolean>;
17
- } & {
18
- default: boolean;
19
- };
20
- }>> & {
21
- onHide?: ((...args: any[]) => any) | undefined;
22
- onShow?: ((...args: any[]) => any) | undefined;
23
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "menuData" | "isSubMenu">;
5
+ $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
24
6
  $attrs: {
25
7
  [x: string]: unknown;
26
8
  };
@@ -32,29 +14,11 @@ declare const _default: import("vue").DefineComponent<{}, {
32
14
  }>;
33
15
  $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
34
16
  $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
35
- $emit: (event: "hide" | "show", ...args: any[]) => void;
17
+ $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
36
18
  $el: any;
37
- $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
38
- menuData: {
39
- type: import("vue").PropType<(MenuButton | MenuComponent)[]>;
40
- } & {
41
- default: () => never[];
42
- };
43
- isSubMenu: {
44
- type: import("vue").PropType<boolean>;
45
- } & {
46
- default: boolean;
47
- };
48
- }>> & {
49
- onHide?: ((...args: any[]) => any) | undefined;
50
- onShow?: ((...args: any[]) => any) | undefined;
51
- }, {
52
- hide: () => void;
19
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
53
20
  show: (e: MouseEvent) => void;
54
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
55
- menuData: (MenuButton | MenuComponent)[];
56
- isSubMenu: boolean;
57
- }> & {
21
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
58
22
  beforeCreate?: ((() => void) | (() => void)[]) | undefined;
59
23
  created?: ((() => void) | (() => void)[]) | undefined;
60
24
  beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -74,27 +38,15 @@ declare const _default: import("vue").DefineComponent<{}, {
74
38
  $forceUpdate: () => void;
75
39
  $nextTick: typeof import("vue").nextTick;
76
40
  $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
77
- } & Readonly<import("vue").ExtractPropTypes<{
78
- menuData: {
79
- type: import("vue").PropType<(MenuButton | MenuComponent)[]>;
80
- } & {
81
- default: () => never[];
82
- };
83
- isSubMenu: {
84
- type: import("vue").PropType<boolean>;
85
- } & {
86
- default: boolean;
87
- };
88
- }>> & {
89
- onHide?: ((...args: any[]) => any) | undefined;
90
- onShow?: ((...args: any[]) => any) | undefined;
91
- } & import("vue").ShallowUnwrapRef<{
92
- hide: () => void;
41
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{
93
42
  show: (e: MouseEvent) => void;
94
- }> & {} & import("vue").ComponentCustomProperties & {
95
- $slots: {};
96
- }) | undefined>;
97
- menuData: import("vue").ComputedRef<(MenuButton | MenuComponent)[]>;
98
- show(e: MouseEvent): void;
99
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
43
+ }> & {} & import("vue").ComponentCustomProperties;
44
+ __isFragment?: undefined;
45
+ __isTeleport?: undefined;
46
+ __isSuspense?: undefined;
47
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
48
+ show: (e: MouseEvent) => void;
49
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
50
+ $slots: {};
51
+ });
100
52
  export default _default;