@tmagic/editor 1.3.0-alpha.2 → 1.3.0-alpha.21

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 (167) hide show
  1. package/dist/style.css +91 -120
  2. package/dist/tmagic-editor.js +4609 -3257
  3. package/dist/tmagic-editor.js.map +1 -1
  4. package/dist/tmagic-editor.umd.cjs +5708 -4337
  5. package/dist/tmagic-editor.umd.cjs.map +1 -1
  6. package/package.json +21 -22
  7. package/src/Editor.vue +29 -7
  8. package/src/components/CodeBlockEditor.vue +170 -0
  9. package/src/components/CodeParams.vue +60 -0
  10. package/src/components/ContentMenu.vue +30 -11
  11. package/src/components/Icon.vue +5 -1
  12. package/src/components/Resizer.vue +45 -0
  13. package/src/components/ScrollBar.vue +5 -1
  14. package/src/components/ScrollViewer.vue +5 -1
  15. package/src/components/SearchInput.vue +4 -0
  16. package/src/components/{Layout.vue → SplitView.vue} +8 -4
  17. package/src/components/ToolButton.vue +5 -1
  18. package/src/editorProps.ts +35 -4
  19. package/src/fields/Code.vue +28 -20
  20. package/src/fields/CodeLink.vue +15 -10
  21. package/src/fields/CodeSelect.vue +19 -10
  22. package/src/fields/CodeSelectCol.vue +67 -83
  23. package/src/fields/DataSourceFieldSelect.vue +47 -0
  24. package/src/fields/DataSourceFields.vue +24 -21
  25. package/src/fields/DataSourceInput.vue +318 -0
  26. package/src/fields/DataSourceMethodSelect.vue +136 -0
  27. package/src/fields/DataSourceMethods.vue +103 -0
  28. package/src/fields/DataSourceSelect.vue +68 -0
  29. package/src/fields/EventSelect.vue +62 -22
  30. package/src/fields/KeyValue.vue +13 -11
  31. package/src/fields/UISelect.vue +59 -15
  32. package/src/hooks/index.ts +21 -0
  33. package/src/hooks/use-code-block-edit.ts +84 -0
  34. package/src/hooks/use-data-source-method.ts +100 -0
  35. package/src/{utils/stage.ts → hooks/use-stage.ts} +4 -7
  36. package/src/icons/AppManageIcon.vue +5 -1
  37. package/src/icons/CenterIcon.vue +13 -0
  38. package/src/icons/CodeIcon.vue +5 -3
  39. package/src/index.ts +24 -3
  40. package/src/initService.ts +75 -16
  41. package/src/layouts/AddPageBox.vue +5 -1
  42. package/src/layouts/CodeEditor.vue +66 -11
  43. package/src/layouts/Framework.vue +32 -28
  44. package/src/layouts/NavMenu.vue +5 -1
  45. package/src/layouts/PropsPanel.vue +14 -4
  46. package/src/layouts/sidebar/ComponentListPanel.vue +11 -10
  47. package/src/layouts/sidebar/LayerMenu.vue +13 -25
  48. package/src/layouts/sidebar/LayerNode.vue +40 -0
  49. package/src/layouts/sidebar/LayerPanel.vue +71 -28
  50. package/src/layouts/sidebar/Sidebar.vue +13 -17
  51. package/src/layouts/sidebar/code-block/CodeBlockList.vue +84 -118
  52. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +63 -0
  53. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +39 -34
  54. package/src/layouts/sidebar/data-source/DataSourceList.vue +145 -0
  55. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +17 -65
  56. package/src/layouts/workspace/Breadcrumb.vue +5 -1
  57. package/src/layouts/workspace/PageBar.vue +5 -1
  58. package/src/layouts/workspace/PageBarScrollContainer.vue +5 -1
  59. package/src/layouts/workspace/Stage.vue +30 -8
  60. package/src/layouts/workspace/ViewerMenu.vue +15 -36
  61. package/src/layouts/workspace/Workspace.vue +9 -134
  62. package/src/services/codeBlock.ts +20 -72
  63. package/src/services/dataSource.ts +17 -2
  64. package/src/services/dep.ts +23 -20
  65. package/src/services/editor.ts +3 -3
  66. package/src/services/keybinding.ts +185 -0
  67. package/src/services/props.ts +2 -2
  68. package/src/services/storage.ts +3 -2
  69. package/src/theme/code-block.scss +5 -117
  70. package/src/theme/code-editor.scss +27 -2
  71. package/src/theme/content-menu.scss +1 -1
  72. package/src/theme/data-source-input.scss +18 -0
  73. package/src/theme/data-source-methods.scss +13 -0
  74. package/src/theme/event.scss +15 -12
  75. package/src/theme/framework.scss +0 -3
  76. package/src/theme/layer-panel.scss +6 -0
  77. package/src/theme/layout.scss +4 -0
  78. package/src/theme/resizer.scss +25 -10
  79. package/src/theme/stage.scss +4 -0
  80. package/src/theme/theme.scss +2 -0
  81. package/src/type.ts +105 -7
  82. package/src/utils/config.ts +1 -1
  83. package/src/utils/content-menu.ts +92 -0
  84. package/src/utils/data-source/formConfigs/base.ts +35 -30
  85. package/src/utils/data-source/index.ts +75 -6
  86. package/src/utils/dep.ts +39 -7
  87. package/src/utils/index.ts +1 -1
  88. package/src/utils/keybinding-config.ts +120 -0
  89. package/src/utils/props.ts +298 -155
  90. package/src/utils/undo-redo.ts +1 -1
  91. package/types/Editor.vue.d.ts +37 -4
  92. package/types/components/CodeBlockEditor.vue.d.ts +23 -0
  93. package/types/components/CodeParams.vue.d.ts +26 -0
  94. package/types/components/ContentMenu.vue.d.ts +8 -3
  95. package/types/components/Icon.vue.d.ts +2 -2
  96. package/types/{layouts → components}/Resizer.vue.d.ts +2 -2
  97. package/types/components/ScrollBar.vue.d.ts +1 -1
  98. package/types/components/ScrollViewer.vue.d.ts +8 -5
  99. package/types/components/SearchInput.vue.d.ts +1 -1
  100. package/types/components/{Layout.vue.d.ts → SplitView.vue.d.ts} +9 -6
  101. package/types/components/ToolButton.vue.d.ts +10 -7
  102. package/types/editorProps.d.ts +23 -4
  103. package/types/fields/Code.vue.d.ts +23 -18
  104. package/types/fields/CodeLink.vue.d.ts +13 -22
  105. package/types/fields/CodeSelect.vue.d.ts +12 -20
  106. package/types/fields/CodeSelectCol.vue.d.ts +14 -15
  107. package/types/fields/DataSourceFieldSelect.vue.d.ts +29 -0
  108. package/types/fields/DataSourceFields.vue.d.ts +13 -21
  109. package/types/fields/DataSourceInput.vue.d.ts +34 -0
  110. package/types/fields/DataSourceMethodSelect.vue.d.ts +29 -0
  111. package/types/fields/DataSourceMethods.vue.d.ts +32 -0
  112. package/types/fields/DataSourceSelect.vue.d.ts +40 -0
  113. package/types/fields/EventSelect.vue.d.ts +3 -14
  114. package/types/fields/KeyValue.vue.d.ts +15 -27
  115. package/types/fields/UISelect.vue.d.ts +3 -12
  116. package/types/hooks/index.d.ts +3 -0
  117. package/types/hooks/use-code-block-edit.d.ts +125 -0
  118. package/types/hooks/use-data-source-method.d.ts +123 -0
  119. package/types/icons/AppManageIcon.vue.d.ts +1 -1
  120. package/types/icons/CenterIcon.vue.d.ts +2 -0
  121. package/types/icons/CodeIcon.vue.d.ts +1 -1
  122. package/types/index.d.ts +12 -2
  123. package/types/initService.d.ts +2 -2
  124. package/types/layouts/AddPageBox.vue.d.ts +1 -1
  125. package/types/layouts/CodeEditor.vue.d.ts +18 -10
  126. package/types/layouts/Framework.vue.d.ts +11 -32
  127. package/types/layouts/NavMenu.vue.d.ts +7 -4
  128. package/types/layouts/PropsPanel.vue.d.ts +276 -4
  129. package/types/layouts/sidebar/ComponentListPanel.vue.d.ts +4 -4
  130. package/types/layouts/sidebar/LayerMenu.vue.d.ts +2 -2
  131. package/types/layouts/sidebar/LayerNode.vue.d.ts +16 -0
  132. package/types/layouts/sidebar/LayerPanel.vue.d.ts +5 -5
  133. package/types/layouts/sidebar/Sidebar.vue.d.ts +16 -16
  134. package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts +7 -12
  135. package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +28 -0
  136. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +4 -2
  137. package/types/layouts/sidebar/data-source/DataSourceList.vue.d.ts +14 -0
  138. package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +1 -11
  139. package/types/layouts/workspace/Breadcrumb.vue.d.ts +1 -1
  140. package/types/layouts/workspace/PageBar.vue.d.ts +5 -5
  141. package/types/layouts/workspace/PageBarScrollContainer.vue.d.ts +2 -2
  142. package/types/layouts/workspace/Stage.vue.d.ts +2 -2
  143. package/types/layouts/workspace/ViewerMenu.vue.d.ts +7 -4
  144. package/types/layouts/workspace/Workspace.vue.d.ts +9 -9
  145. package/types/services/codeBlock.d.ts +6 -37
  146. package/types/services/dataSource.d.ts +7 -1
  147. package/types/services/dep.d.ts +12 -21
  148. package/types/services/editor.d.ts +1 -1
  149. package/types/services/keybinding.d.ts +20 -0
  150. package/types/services/props.d.ts +10 -115
  151. package/types/type.d.ts +97 -7
  152. package/types/utils/config.d.ts +1 -1
  153. package/types/utils/content-menu.d.ts +7 -0
  154. package/types/utils/data-source/formConfigs/base.d.ts +2 -2
  155. package/types/utils/data-source/index.d.ts +7 -1
  156. package/types/utils/dep.d.ts +4 -2
  157. package/types/utils/index.d.ts +1 -1
  158. package/types/utils/keybinding-config.d.ts +3 -0
  159. package/types/utils/props.d.ts +13 -102
  160. package/src/components/CodeDraftEditor.vue +0 -144
  161. package/src/components/FunctionEditor.vue +0 -190
  162. package/src/layouts/Resizer.vue +0 -32
  163. package/src/layouts/sidebar/code-block/CodeBlockEditor.vue +0 -96
  164. package/types/components/CodeDraftEditor.vue.d.ts +0 -58
  165. package/types/components/FunctionEditor.vue.d.ts +0 -192
  166. package/types/layouts/sidebar/code-block/CodeBlockEditor.vue.d.ts +0 -25
  167. /package/types/{utils/stage.d.ts → hooks/use-stage.d.ts} +0 -0
@@ -1,38 +1,23 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- config: {
3
- type: 'key-value';
4
- name: string;
5
- text: string;
6
- };
7
- model: Record<string, any>;
1
+ import type { FieldProps } from '@tmagic/form';
2
+ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
3
+ type: "key-value";
8
4
  name: string;
9
- prop: string;
10
- disabled: boolean;
11
- lastValues?: Record<string, any> | undefined;
12
- size?: "default" | "small" | "large" | undefined;
13
- }>, {
5
+ text: string;
6
+ }>>, {
14
7
  disabled: boolean;
15
8
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
16
9
  change: (value: Record<string, any>) => void;
17
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
18
- config: {
19
- type: 'key-value';
20
- name: string;
21
- text: string;
22
- };
23
- model: Record<string, any>;
10
+ }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<{
11
+ type: "key-value";
24
12
  name: string;
25
- prop: string;
26
- disabled: boolean;
27
- lastValues?: Record<string, any> | undefined;
28
- size?: "default" | "small" | "large" | undefined;
29
- }>, {
13
+ text: string;
14
+ }>>, {
30
15
  disabled: boolean;
31
16
  }>>> & {
32
17
  onChange?: ((value: Record<string, any>) => any) | undefined;
33
18
  }, {
34
19
  disabled: boolean;
35
- }>;
20
+ }, {}>;
36
21
  export default _default;
37
22
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
38
23
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -44,7 +29,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
44
29
  };
45
30
  };
46
31
  type __VLS_WithDefaults<P, D> = {
47
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
32
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
48
33
  default: D[K];
49
- } : P[K];
34
+ }> : P[K];
50
35
  };
36
+ type __VLS_Prettify<T> = {
37
+ [K in keyof T]: T[K];
38
+ } & {};
@@ -1,16 +1,7 @@
1
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
- config: any;
3
- model: any;
4
- prop: string;
5
- name: string;
6
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
7
- config: any;
8
- model: any;
9
- prop: string;
10
- name: string;
11
- }>>> & {
1
+ import type { FieldProps } from '@tmagic/form';
2
+ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FieldProps<any>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FieldProps<any>>>> & {
12
3
  onChange?: ((...args: any[]) => any) | undefined;
13
- }, {}>;
4
+ }, {}, {}>;
14
5
  export default _default;
15
6
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
16
7
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -0,0 +1,3 @@
1
+ export * from './use-code-block-edit';
2
+ export * from './use-data-source-method';
3
+ export * from './use-stage';
@@ -0,0 +1,125 @@
1
+ import { nextTick } from 'vue';
2
+ import type { CodeBlockContent } from '@tmagic/schema';
3
+ import type { CodeBlockService } from '../services/codeBlock';
4
+ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) => {
5
+ codeId: import("vue").Ref<string | undefined>;
6
+ codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
7
+ codeBlockEditor: import("vue").Ref<({
8
+ $: import("vue").ComponentInternalInstance;
9
+ $data: {};
10
+ $props: {
11
+ key?: string | number | symbol | undefined;
12
+ ref?: import("vue").VNodeRef | undefined;
13
+ ref_for?: boolean | undefined;
14
+ ref_key?: string | undefined;
15
+ onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
16
+ [key: string]: any;
17
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
18
+ [key: string]: any;
19
+ }>) => void)[] | undefined;
20
+ onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
21
+ [key: string]: any;
22
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
23
+ [key: string]: any;
24
+ }>) => void)[] | undefined;
25
+ onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
26
+ [key: string]: any;
27
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
28
+ [key: string]: any;
29
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
30
+ [key: string]: any;
31
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
32
+ [key: string]: any;
33
+ }>) => void)[] | undefined;
34
+ onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
35
+ [key: string]: any;
36
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
37
+ [key: string]: any;
38
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
39
+ [key: string]: any;
40
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
+ [key: string]: any;
42
+ }>) => void)[] | undefined;
43
+ onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
44
+ [key: string]: any;
45
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
46
+ [key: string]: any;
47
+ }>) => void)[] | undefined;
48
+ onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
49
+ [key: string]: any;
50
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
51
+ [key: string]: any;
52
+ }>) => void)[] | undefined;
53
+ class?: unknown;
54
+ style?: unknown;
55
+ readonly content: CodeBlockContent;
56
+ readonly disabled?: boolean | undefined;
57
+ readonly isDataSource?: boolean | undefined;
58
+ };
59
+ $attrs: {
60
+ [x: string]: unknown;
61
+ };
62
+ $refs: {
63
+ [x: string]: unknown;
64
+ };
65
+ $slots: Readonly<{
66
+ [name: string]: import("vue").Slot<any> | undefined;
67
+ }>;
68
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
69
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
70
+ $emit: (event: string, ...args: any[]) => void;
71
+ $el: any;
72
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
73
+ content: {
74
+ type: import("vue").PropType<CodeBlockContent>;
75
+ required: true;
76
+ };
77
+ disabled: {
78
+ type: import("vue").PropType<boolean>;
79
+ };
80
+ isDataSource: {
81
+ type: import("vue").PropType<boolean>;
82
+ };
83
+ }>>, {
84
+ show(): void;
85
+ hide(): void;
86
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
87
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
88
+ created?: ((() => void) | (() => void)[]) | undefined;
89
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
90
+ mounted?: ((() => void) | (() => void)[]) | undefined;
91
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
92
+ updated?: ((() => void) | (() => void)[]) | undefined;
93
+ activated?: ((() => void) | (() => void)[]) | undefined;
94
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
95
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
96
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
97
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
98
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
99
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
100
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
101
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
102
+ };
103
+ $forceUpdate: () => void;
104
+ $nextTick: typeof nextTick;
105
+ $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;
106
+ } & Readonly<import("vue").ExtractPropTypes<{
107
+ content: {
108
+ type: import("vue").PropType<CodeBlockContent>;
109
+ required: true;
110
+ };
111
+ disabled: {
112
+ type: import("vue").PropType<boolean>;
113
+ };
114
+ isDataSource: {
115
+ type: import("vue").PropType<boolean>;
116
+ };
117
+ }>> & import("vue").ShallowUnwrapRef<{
118
+ show(): void;
119
+ hide(): void;
120
+ }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
121
+ createCodeBlock: () => Promise<void>;
122
+ editCode: (id: string) => Promise<void>;
123
+ deleteCode: (key: string) => Promise<void>;
124
+ submitCodeBlockHandler: (values: CodeBlockContent) => Promise<void>;
125
+ };
@@ -0,0 +1,123 @@
1
+ import { nextTick } from 'vue';
2
+ import type { CodeBlockContent, DataSourceSchema } from '@tmagic/schema';
3
+ export declare const useDataSourceMethod: () => {
4
+ codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
5
+ codeBlockEditor: import("vue").Ref<({
6
+ $: import("vue").ComponentInternalInstance;
7
+ $data: {};
8
+ $props: {
9
+ key?: string | number | symbol | undefined;
10
+ ref?: import("vue").VNodeRef | undefined;
11
+ ref_for?: boolean | undefined;
12
+ ref_key?: string | undefined;
13
+ onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
14
+ [key: string]: any;
15
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
16
+ [key: string]: any;
17
+ }>) => void)[] | undefined;
18
+ onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
19
+ [key: string]: any;
20
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
21
+ [key: string]: any;
22
+ }>) => void)[] | undefined;
23
+ onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
24
+ [key: string]: any;
25
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
26
+ [key: string]: any;
27
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
28
+ [key: string]: any;
29
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
30
+ [key: string]: any;
31
+ }>) => void)[] | undefined;
32
+ onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
33
+ [key: string]: any;
34
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
35
+ [key: string]: any;
36
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
37
+ [key: string]: any;
38
+ }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
39
+ [key: string]: any;
40
+ }>) => void)[] | undefined;
41
+ onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
42
+ [key: string]: any;
43
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
44
+ [key: string]: any;
45
+ }>) => void)[] | undefined;
46
+ onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
47
+ [key: string]: any;
48
+ }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
49
+ [key: string]: any;
50
+ }>) => void)[] | undefined;
51
+ class?: unknown;
52
+ style?: unknown;
53
+ readonly content: CodeBlockContent;
54
+ readonly disabled?: boolean | undefined;
55
+ readonly isDataSource?: boolean | undefined;
56
+ };
57
+ $attrs: {
58
+ [x: string]: unknown;
59
+ };
60
+ $refs: {
61
+ [x: string]: unknown;
62
+ };
63
+ $slots: Readonly<{
64
+ [name: string]: import("vue").Slot<any> | undefined;
65
+ }>;
66
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
67
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
68
+ $emit: (event: string, ...args: any[]) => void;
69
+ $el: any;
70
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
71
+ content: {
72
+ type: import("vue").PropType<CodeBlockContent>;
73
+ required: true;
74
+ };
75
+ disabled: {
76
+ type: import("vue").PropType<boolean>;
77
+ };
78
+ isDataSource: {
79
+ type: import("vue").PropType<boolean>;
80
+ };
81
+ }>>, {
82
+ show(): void;
83
+ hide(): void;
84
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
85
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
86
+ created?: ((() => void) | (() => void)[]) | undefined;
87
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
88
+ mounted?: ((() => void) | (() => void)[]) | undefined;
89
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
90
+ updated?: ((() => void) | (() => void)[]) | undefined;
91
+ activated?: ((() => void) | (() => void)[]) | undefined;
92
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
93
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
94
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
95
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
96
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
97
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
98
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
99
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
100
+ };
101
+ $forceUpdate: () => void;
102
+ $nextTick: typeof nextTick;
103
+ $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;
104
+ } & Readonly<import("vue").ExtractPropTypes<{
105
+ content: {
106
+ type: import("vue").PropType<CodeBlockContent>;
107
+ required: true;
108
+ };
109
+ disabled: {
110
+ type: import("vue").PropType<boolean>;
111
+ };
112
+ isDataSource: {
113
+ type: import("vue").PropType<boolean>;
114
+ };
115
+ }>> & import("vue").ShallowUnwrapRef<{
116
+ show(): void;
117
+ hide(): void;
118
+ }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
119
+ createCode: (model: DataSourceSchema) => Promise<void>;
120
+ editCode: (model: DataSourceSchema, methodName: string) => Promise<void>;
121
+ deleteCode: (model: DataSourceSchema, methodName: string) => Promise<void>;
122
+ submitCode: (values: CodeBlockContent) => void;
123
+ };
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2
2
  export default _default;
@@ -0,0 +1,2 @@
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<{}>>, {}, {}>;
2
+ export default _default;
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2
2
  export default _default;
package/types/index.d.ts CHANGED
@@ -3,6 +3,7 @@ import type { InstallOptions } from './type';
3
3
  import './theme/index.scss';
4
4
  export type { MoveableOptions } from '@tmagic/stage';
5
5
  export * from './type';
6
+ export * from './hooks';
6
7
  export * from './utils';
7
8
  export { default as TMagicEditor } from './Editor.vue';
8
9
  export { default as TMagicCodeEditor } from './layouts/CodeEditor.vue';
@@ -20,15 +21,24 @@ export { default as LayerPanel } from './layouts/sidebar/LayerPanel.vue';
20
21
  export { default as CodeSelect } from './fields/CodeSelect.vue';
21
22
  export { default as CodeSelectCol } from './fields/CodeSelectCol.vue';
22
23
  export { default as DataSourceFields } from './fields/DataSourceFields.vue';
24
+ export { default as DataSourceMethods } from './fields/DataSourceMethods.vue';
25
+ export { default as DataSourceInput } from './fields/DataSourceInput.vue';
26
+ export { default as DataSourceSelect } from './fields/DataSourceSelect.vue';
27
+ export { default as DataSourceMethodSelect } from './fields/DataSourceMethodSelect.vue';
28
+ export { default as DataSourceFieldSelect } from './fields/DataSourceFieldSelect.vue';
23
29
  export { default as EventSelect } from './fields/EventSelect.vue';
24
30
  export { default as KeyValue } from './fields/KeyValue.vue';
25
31
  export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
32
+ export { default as CodeBlockListPanel } from './layouts/sidebar/code-block/CodeBlockListPanel.vue';
26
33
  export { default as PropsPanel } from './layouts/PropsPanel.vue';
27
34
  export { default as ToolButton } from './components/ToolButton.vue';
28
35
  export { default as ContentMenu } from './components/ContentMenu.vue';
29
36
  export { default as Icon } from './components/Icon.vue';
30
- export { default as LayoutContainer } from './components/Layout.vue';
37
+ export { default as LayoutContainer } from './components/SplitView.vue';
38
+ export { default as SplitView } from './components/SplitView.vue';
39
+ export { default as Resizer } from './components/Resizer.vue';
40
+ export { default as CodeBlockEditor } from './components/CodeBlockEditor.vue';
31
41
  declare const _default: {
32
- install: (app: App, opt?: InstallOptions) => void;
42
+ install: (app: App, opt?: Partial<InstallOptions>) => void;
33
43
  };
34
44
  export default _default;
@@ -1,8 +1,8 @@
1
1
  import type { ExtractPropTypes } from 'vue';
2
2
  import editorProps from './editorProps';
3
- import type { Services } from './type';
3
+ import { Services } from './type';
4
4
  export declare type LooseRequired<T> = {
5
5
  [P in string & keyof T]: T[P];
6
6
  };
7
- export declare const initServiceState: (props: Readonly<LooseRequired<Readonly<ExtractPropTypes<typeof editorProps>>>>, { editorService, historyService, componentListService, propsService, eventsService, uiService, codeBlockService, }: Services) => void;
7
+ export declare const initServiceState: (props: Readonly<LooseRequired<Readonly<ExtractPropTypes<typeof editorProps>>>>, { editorService, historyService, componentListService, propsService, eventsService, uiService, codeBlockService, keybindingService, dataSourceService, }: Services) => void;
8
8
  export declare const initServiceEvents: (props: Readonly<LooseRequired<Readonly<ExtractPropTypes<typeof editorProps>>>>, emit: (event: 'props-panel-mounted' | 'update:modelValue', ...args: any[]) => void, { editorService, codeBlockService, dataSourceService, depService }: Services) => void;
@@ -1,2 +1,2 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
2
2
  export default _default;
@@ -1,12 +1,13 @@
1
1
  import * as monaco from 'monaco-editor';
2
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
- initValues?: string | Object | undefined;
4
- modifiedValues?: string | Object | undefined;
3
+ initValues?: string | Record<string | number, any> | null | undefined;
4
+ modifiedValues?: string | Record<string | number, any> | null | undefined;
5
5
  type?: "diff" | undefined;
6
6
  language?: string | undefined;
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;
@@ -15,17 +16,21 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
15
16
  tabSize: number;
16
17
  };
17
18
  }>, {
19
+ values: import("vue").Ref<string>;
18
20
  getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
19
- setEditorValue: (v: string | any, m: string | any) => void | undefined;
21
+ getVsEditor(): monaco.editor.IStandaloneCodeEditor | null;
22
+ getVsDiffEditor(): monaco.editor.IStandaloneDiffEditor | null;
23
+ setEditorValue: (v: any, m: any) => void | undefined;
20
24
  focus(): void;
21
- }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("save" | "initd")[], "save" | "initd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
22
- initValues?: string | Object | undefined;
23
- modifiedValues?: string | Object | undefined;
25
+ }, 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<{
26
+ initValues?: string | Record<string | number, any> | null | undefined;
27
+ modifiedValues?: string | Record<string | number, any> | null | undefined;
24
28
  type?: "diff" | undefined;
25
29
  language?: string | undefined;
26
30
  options?: {
27
31
  [key: string]: any;
28
32
  } | undefined;
33
+ height?: string | undefined;
29
34
  autoSave?: boolean | undefined;
30
35
  }>, {
31
36
  autoSave: boolean;
@@ -34,15 +39,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
34
39
  tabSize: number;
35
40
  };
36
41
  }>>> & {
37
- onSave?: ((...args: any[]) => any) | undefined;
38
42
  onInitd?: ((...args: any[]) => any) | undefined;
43
+ onSave?: ((...args: any[]) => any) | undefined;
39
44
  }, {
40
45
  options: {
41
46
  [key: string]: any;
42
47
  };
43
48
  language: string;
44
49
  autoSave: boolean;
45
- }>;
50
+ }, {}>;
46
51
  export default _default;
47
52
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
48
53
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -54,7 +59,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
54
59
  };
55
60
  };
56
61
  type __VLS_WithDefaults<P, D> = {
57
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
62
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
58
63
  default: D[K];
59
- } : P[K];
64
+ }> : P[K];
60
65
  };
66
+ type __VLS_Prettify<T> = {
67
+ [K in keyof T]: T[K];
68
+ } & {};
@@ -1,37 +1,16 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- codeOptions?: Record<string, any> | undefined;
3
- }>, {
4
- codeOptions: () => {};
5
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
6
- codeOptions?: Record<string, any> | undefined;
7
- }>, {
8
- codeOptions: () => {};
9
- }>>>, {
10
- codeOptions: Record<string, any>;
11
- }>, {
12
- nav: (_: {
13
- class: string;
14
- }) => any;
15
- sidebar: (_: {}) => any;
16
- workspace: (_: {}) => any;
17
- empty: (_: {}) => any;
18
- 'props-panel': (_: {}) => any;
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
2
+ header?(_: {}): any;
3
+ nav?(_: {}): any;
4
+ "content-before"?(_: {}): any;
5
+ "src-code"?(_: {}): any;
6
+ sidebar?(_: {}): any;
7
+ workspace?(_: {}): any;
8
+ empty?(_: {}): any;
9
+ "props-panel"?(_: {}): any;
10
+ "content-after"?(_: {}): any;
11
+ footer?(_: {}): any;
19
12
  }>;
20
13
  export default _default;
21
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
22
- type __VLS_TypePropsToRuntimeProps<T> = {
23
- [K in keyof T]-?: {} extends Pick<T, K> ? {
24
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
25
- } : {
26
- type: import('vue').PropType<T[K]>;
27
- required: true;
28
- };
29
- };
30
- type __VLS_WithDefaults<P, D> = {
31
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
32
- default: D[K];
33
- } : P[K];
34
- };
35
14
  type __VLS_WithTemplateSlots<T, S> = T & {
36
15
  new (): {
37
16
  $slots: S;
@@ -5,7 +5,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
5
5
  }>, {
6
6
  data: () => {};
7
7
  height: number;
8
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
9
9
  data?: MenuBarData | undefined;
10
10
  height?: number | undefined;
11
11
  }>, {
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
14
14
  }>>>, {
15
15
  data: MenuBarData;
16
16
  height: number;
17
- }>;
17
+ }, {}>;
18
18
  export default _default;
19
19
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
20
20
  type __VLS_TypePropsToRuntimeProps<T> = {
@@ -26,7 +26,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
26
26
  };
27
27
  };
28
28
  type __VLS_WithDefaults<P, D> = {
29
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
29
+ [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
30
30
  default: D[K];
31
- } : P[K];
31
+ }> : P[K];
32
32
  };
33
+ type __VLS_Prettify<T> = {
34
+ [K in keyof T]: T[K];
35
+ } & {};