@tmagic/editor 1.4.0-beta.2 → 1.4.0

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 (36) hide show
  1. package/dist/style.css +8 -20
  2. package/dist/tmagic-editor.js +829 -742
  3. package/dist/tmagic-editor.umd.cjs +832 -745
  4. package/package.json +11 -11
  5. package/src/components/CodeBlockEditor.vue +50 -73
  6. package/src/components/FloatingBox.vue +24 -9
  7. package/src/fields/DataSourceFieldSelect.vue +2 -1
  8. package/src/fields/DataSourceFields.vue +55 -30
  9. package/src/fields/DataSourceInput.vue +6 -2
  10. package/src/fields/DataSourceMocks.vue +35 -17
  11. package/src/hooks/use-editor-content-height.ts +1 -1
  12. package/src/hooks/use-float-box.ts +14 -8
  13. package/src/hooks/use-next-float-box-position.ts +29 -0
  14. package/src/layouts/CodeEditor.vue +3 -6
  15. package/src/layouts/PropsPanel.vue +4 -2
  16. package/src/layouts/sidebar/Sidebar.vue +7 -10
  17. package/src/layouts/sidebar/code-block/CodeBlockListPanel.vue +1 -3
  18. package/src/layouts/sidebar/data-source/DataSourceConfigPanel.vue +36 -22
  19. package/src/layouts/sidebar/data-source/DataSourceListPanel.vue +1 -6
  20. package/src/layouts/workspace/viewer/StageOverlay.vue +3 -1
  21. package/src/theme/code-block.scss +0 -14
  22. package/src/theme/component-list-panel.scss +0 -1
  23. package/src/theme/icon.scss +7 -1
  24. package/src/theme/layer-panel.scss +0 -1
  25. package/src/theme/sidebar.scss +0 -7
  26. package/src/type.ts +0 -6
  27. package/types/components/CodeBlockEditor.vue.d.ts +0 -7
  28. package/types/fields/DataSourceFields.vue.d.ts +84 -28
  29. package/types/fields/DataSourceMocks.vue.d.ts +80 -28
  30. package/types/hooks/use-code-block-edit.d.ts +0 -9
  31. package/types/hooks/use-data-source-method.d.ts +0 -9
  32. package/types/hooks/use-next-float-box-position.d.ts +9 -0
  33. package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts +1 -3
  34. package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts +34 -22
  35. package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts +2 -15
  36. package/types/type.d.ts +0 -5
package/types/hooks/use-data-source-method.d.ts CHANGED
@@ -17,9 +17,6 @@ export declare const useDataSourceMethod: () => {
17
17
  dataSourceType: {
18
18
  type: import("vue").PropType<string>;
19
19
  };
20
- slideType: {
21
- type: import("vue").PropType<import("..").SlideType>;
22
- };
23
20
  }>> & {
24
21
  onSubmit?: ((values: CodeBlockContent) => any) | undefined;
25
22
  "onUpdate:width"?: ((width: number) => any) | undefined;
@@ -47,9 +44,6 @@ export declare const useDataSourceMethod: () => {
47
44
  dataSourceType: {
48
45
  type: import("vue").PropType<string>;
49
46
  };
50
- slideType: {
51
- type: import("vue").PropType<import("..").SlideType>;
52
- };
53
47
  }>> & {
54
48
  onSubmit?: ((values: CodeBlockContent) => any) | undefined;
55
49
  "onUpdate:width"?: ((width: number) => any) | undefined;
@@ -77,9 +71,6 @@ export declare const useDataSourceMethod: () => {
77
71
  dataSourceType: {
78
72
  type: import("vue").PropType<string>;
79
73
  };
80
- slideType: {
81
- type: import("vue").PropType<import("..").SlideType>;
82
- };
83
74
  }>> & {
84
75
  onSubmit?: ((values: CodeBlockContent) => any) | undefined;
85
76
  "onUpdate:width"?: ((width: number) => any) | undefined;
package/types/hooks/use-next-float-box-position.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { Ref } from 'vue';
2
+ import { UiService } from '../services/ui';
3
+ export declare const useNextFloatBoxPosition: (uiService?: UiService, parent?: Ref<HTMLDivElement | null>) => {
4
+ boxPosition: Ref<{
5
+ left: number;
6
+ top: number;
7
+ }>;
8
+ calcBoxPosition: () => void;
9
+ };
package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  import type { Id } from '@tmagic/schema';
2
- import type { CodeBlockListPanelSlots, CodeDeleteErrorType, SlideType } from '../../../type';
2
+ import type { CodeBlockListPanelSlots, CodeDeleteErrorType } from '../../../type';
3
3
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
4
4
  customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
5
- slideType?: SlideType | undefined;
6
5
  }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
7
6
  customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
8
- slideType?: SlideType | undefined;
9
7
  }>>>, {}, {}>, Readonly<CodeBlockListPanelSlots> & CodeBlockListPanelSlots>;
10
8
  export default _default;
11
9
  type __VLS_WithTemplateSlots<T, S> = T & {
package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts CHANGED
@@ -1,29 +1,41 @@
1
- import type { SlideType } from '../../../type';
2
- declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
3
- title?: string | undefined;
4
- values: any;
5
- disabled: boolean;
6
- slideType?: SlideType | undefined;
7
- }>, {
1
+ declare const _default: import("vue").DefineComponent<{
2
+ visible: import("vue").PropType<boolean>;
3
+ width: import("vue").PropType<number>;
4
+ title: {
5
+ type: import("vue").PropType<string>;
6
+ };
7
+ values: {
8
+ type: import("vue").PropType<any>;
9
+ required: true;
10
+ };
11
+ disabled: {
12
+ type: import("vue").PropType<boolean>;
13
+ required: true;
14
+ };
15
+ }, {
8
16
  show(): void;
9
17
  hide(): void;
10
18
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
19
+ "update:width": (width: number) => void;
20
+ "update:visible": (visible: boolean) => void;
11
21
  submit: (...args: any[]) => void;
12
- }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
13
- title?: string | undefined;
14
- values: any;
15
- disabled: boolean;
16
- slideType?: SlideType | undefined;
17
- }>>> & {
22
+ }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
23
+ visible: import("vue").PropType<boolean>;
24
+ width: import("vue").PropType<number>;
25
+ title: {
26
+ type: import("vue").PropType<string>;
27
+ };
28
+ values: {
29
+ type: import("vue").PropType<any>;
30
+ required: true;
31
+ };
32
+ disabled: {
33
+ type: import("vue").PropType<boolean>;
34
+ required: true;
35
+ };
36
+ }>> & {
18
37
  onSubmit?: ((...args: any[]) => any) | undefined;
38
+ "onUpdate:width"?: ((width: number) => any) | undefined;
39
+ "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
19
40
  }, {}, {}>;
20
41
  export default _default;
21
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
22
- type __VLS_TypePropsToOption<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
- };
package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts CHANGED
@@ -1,21 +1,8 @@
1
- import type { DataSourceListSlots, SlideType } from '../../../type';
2
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
3
- slideType?: SlideType | undefined;
4
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
5
- slideType?: SlideType | undefined;
6
- }>>>, {}, {}>, Readonly<DataSourceListSlots> & DataSourceListSlots>;
1
+ import type { DataSourceListSlots } from '../../../type';
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, Readonly<DataSourceListSlots> & DataSourceListSlots>;
7
3
  export default _default;
8
4
  type __VLS_WithTemplateSlots<T, S> = T & {
9
5
  new (): {
10
6
  $slots: S;
11
7
  };
12
8
  };
13
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
14
- type __VLS_TypePropsToOption<T> = {
15
- [K in keyof T]-?: {} extends Pick<T, K> ? {
16
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
17
- } : {
18
- type: import('vue').PropType<T[K]>;
19
- required: true;
20
- };
21
- };
package/types/type.d.ts CHANGED
@@ -329,11 +329,6 @@ export interface SideBarData {
329
329
  /** panel列表 */
330
330
  items: SideItem[];
331
331
  }
332
- /**
333
- * drawer 抽屉
334
- * box 悬浮窗
335
- */
336
- export type SlideType = 'drawer' | 'box';
337
332
  export interface ComponentItem {
338
333
  /** 显示文案 */
339
334
  text: string;