@tmagic/editor 1.4.0-beta.1 → 1.4.0

package/types/fields/DataSourceFields.vue.d.ts

@@ -1,34 +1,90 @@
-import { type FieldProps } from '@tmagic/form';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-fields';
-}>>, {
-    disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{
+    width: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    visible1: import("vue").PropType<boolean>;
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    values: {
+        type: import("vue").PropType<any>;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "large" | "default">;
+    };
+    model: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    config: {
+        type: import("vue").PropType<{
+            type: 'data-source-fields';
+        }>;
+        required: true;
+    };
+    initValues: {
+        type: import("vue").PropType<any>;
+    };
+    lastValues: {
+        type: import("vue").PropType<Record<string, any>>;
+    };
+    prop: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:width": (width: number) => void;
+    "update:visible": (visible: boolean) => void;
+    "update:visible1": (visible1: boolean) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-fields';
-}>>, {
-    disabled: boolean;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    visible1: import("vue").PropType<boolean>;
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    values: {
+        type: import("vue").PropType<any>;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "large" | "default">;
+    };
+    model: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    config: {
+        type: import("vue").PropType<{
+            type: 'data-source-fields';
+        }>;
+        required: true;
+    };
+    initValues: {
+        type: import("vue").PropType<any>;
+    };
+    lastValues: {
+        type: import("vue").PropType<Record<string, any>>;
+    };
+    prop: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:visible1"?: ((visible1: boolean) => any) | undefined;
 }, {
     disabled: boolean;
 }, {}>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/fields/DataSourceMocks.vue.d.ts

@@ -1,34 +1,86 @@
-import { type FieldProps } from '@tmagic/form';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-mocks';
-}>>, {
-    disabled: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<{
+    width: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    values: {
+        type: import("vue").PropType<any>;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "large" | "default">;
+    };
+    model: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    config: {
+        type: import("vue").PropType<{
+            type: 'data-source-mocks';
+        }>;
+        required: true;
+    };
+    initValues: {
+        type: import("vue").PropType<any>;
+    };
+    lastValues: {
+        type: import("vue").PropType<Record<string, any>>;
+    };
+    prop: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:width": (width: number) => void;
+    "update:visible": (visible: boolean) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-mocks';
-}>>, {
-    disabled: boolean;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("vue").PropType<number>;
+    visible: import("vue").PropType<boolean>;
+    name: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    values: {
+        type: import("vue").PropType<any>;
+    };
+    size: {
+        type: import("vue").PropType<"small" | "large" | "default">;
+    };
+    model: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    config: {
+        type: import("vue").PropType<{
+            type: 'data-source-mocks';
+        }>;
+        required: true;
+    };
+    initValues: {
+        type: import("vue").PropType<any>;
+    };
+    lastValues: {
+        type: import("vue").PropType<Record<string, any>>;
+    };
+    prop: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }, {
     disabled: boolean;
 }, {}>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/hooks/index.d.ts

@@ -2,3 +2,5 @@ export * from './use-code-block-edit';
 export * from './use-data-source-method';
 export * from './use-stage';
 export * from './use-float-box';
+export * from './use-window-rect';
+export * from './use-editor-content-height';

package/types/hooks/use-code-block-edit.d.ts

@@ -4,6 +4,8 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
     codeId: import("vue").Ref<string | undefined>;
     codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
     codeBlockEditor: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -17,17 +19,20 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         dataSourceType: {
             type: import("vue").PropType<string>;
         };
-        slideType: {
-            type: import("vue").PropType<import("..").SlideType>;
-        };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:width": (width: number) => void;
+        "update:visible": (visible: boolean) => void;
         submit: (values: CodeBlockContent) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -41,11 +46,10 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         dataSourceType: {
             type: import("vue").PropType<string>;
         };
-        slideType: {
-            type: import("vue").PropType<import("..").SlideType>;
-        };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -54,6 +58,8 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -67,14 +73,13 @@ export declare const useCodeBlockEdit: (codeBlockService?: CodeBlockService) =>
         dataSourceType: {
             type: import("vue").PropType<string>;
         };
-        slideType: {
-            type: import("vue").PropType<import("..").SlideType>;
-        };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, {}, {}, {}, {}> | undefined>;
     createCodeBlock: () => Promise<void>;
     editCode: (id: string) => Promise<void>;

package/types/hooks/use-data-source-method.d.ts

@@ -2,6 +2,8 @@ import type { CodeBlockContent, DataSourceSchema } from '@tmagic/schema';
 export declare const useDataSourceMethod: () => {
     codeConfig: import("vue").Ref<CodeBlockContent | undefined>;
     codeBlockEditor: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -15,17 +17,20 @@ export declare const useDataSourceMethod: () => {
         dataSourceType: {
             type: import("vue").PropType<string>;
         };
-        slideType: {
-            type: import("vue").PropType<import("..").SlideType>;
-        };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:width": (width: number) => void;
+        "update:visible": (visible: boolean) => void;
         submit: (values: CodeBlockContent) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -39,11 +44,10 @@ export declare const useDataSourceMethod: () => {
         dataSourceType: {
             type: import("vue").PropType<string>;
         };
-        slideType: {
-            type: import("vue").PropType<import("..").SlideType>;
-        };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -52,6 +56,8 @@ export declare const useDataSourceMethod: () => {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue").PropType<number>;
+        visible: import("vue").PropType<boolean>;
         content: {
             type: import("vue").PropType<CodeBlockContent>;
             required: true;
@@ -65,14 +71,13 @@ export declare const useDataSourceMethod: () => {
         dataSourceType: {
             type: import("vue").PropType<string>;
         };
-        slideType: {
-            type: import("vue").PropType<import("..").SlideType>;
-        };
     }>> & {
         onSubmit?: ((values: CodeBlockContent) => any) | undefined;
+        "onUpdate:width"?: ((width: number) => any) | undefined;
+        "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     }, {
         show(): Promise<void>;
-        hide(): void;
+        hide(): Promise<void>;
     }, {}, {}, {}, {}> | undefined>;
     createCode: (model: DataSourceSchema) => Promise<void>;
     editCode: (model: DataSourceSchema, methodName: string) => Promise<void>;

package/types/hooks/use-editor-content-height.d.ts

@@ -0,0 +1,3 @@
+export declare const useEditorContentHeight: () => {
+    height: import("vue").Ref<number>;
+};

package/types/hooks/use-next-float-box-position.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'vue';
+import { UiService } from '../services/ui';
+export declare const useNextFloatBoxPosition: (uiService?: UiService, parent?: Ref<HTMLDivElement | null>) => {
+    boxPosition: Ref<{
+        left: number;
+        top: number;
+    }>;
+    calcBoxPosition: () => void;
+};

package/types/hooks/use-window-rect.d.ts

@@ -0,0 +1,6 @@
+export declare const useWindowRect: () => {
+    rect: {
+        width: number;
+        height: number;
+    };
+};

package/types/layouts/sidebar/Sidebar.vue.d.ts

@@ -1,4 +1,4 @@
-import type { MenuButton, MenuComponent, SideBarData } from '../../type';
+import { type MenuButton, type MenuComponent, type SideBarData } from '../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     data: SideBarData;
     layerContentMenu: (MenuButton | MenuComponent)[];

package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts

@@ -1,11 +1,9 @@
 import type { Id } from '@tmagic/schema';
-import type { CodeBlockListPanelSlots, CodeDeleteErrorType, SlideType } from '../../../type';
+import type { CodeBlockListPanelSlots, CodeDeleteErrorType } from '../../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
-    slideType?: SlideType | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
-    slideType?: SlideType | undefined;
 }>>>, {}, {}>, Readonly<CodeBlockListPanelSlots> & CodeBlockListPanelSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/layouts/sidebar/data-source/DataSourceConfigPanel.vue.d.ts

@@ -1,29 +1,41 @@
-import type { SlideType } from '../../../type';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    title?: string | undefined;
-    values: any;
-    disabled: boolean;
-    slideType?: SlideType | undefined;
-}>, {
+declare const _default: import("vue").DefineComponent<{
+    visible: import("vue").PropType<boolean>;
+    width: import("vue").PropType<number>;
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    values: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}, {
     show(): void;
     hide(): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:width": (width: number) => void;
+    "update:visible": (visible: boolean) => void;
     submit: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    title?: string | undefined;
-    values: any;
-    disabled: boolean;
-    slideType?: SlideType | undefined;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    visible: import("vue").PropType<boolean>;
+    width: import("vue").PropType<number>;
+    title: {
+        type: import("vue").PropType<string>;
+    };
+    values: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+}>> & {
     onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:width"?: ((width: number) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/layouts/sidebar/data-source/DataSourceListPanel.vue.d.ts

@@ -1,21 +1,8 @@
-import type { DataSourceListSlots, SlideType } from '../../../type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    slideType?: SlideType | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    slideType?: SlideType | undefined;
-}>>>, {}, {}>, Readonly<DataSourceListSlots> & DataSourceListSlots>;
+import type { DataSourceListSlots } from '../../../type';
+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>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/types/services/stageOverlay.d.ts

@@ -12,7 +12,7 @@ declare class StageOverlay extends BaseService {
     constructor();
     get<K extends keyof StageOverlayState>(name: K): StageOverlayState[K];
     set<K extends keyof StageOverlayState, T extends StageOverlayState[K]>(name: K, value: T): void;
-    openOverlay(el: HTMLElement | undefined | null): void;
+    openOverlay(el: HTMLElement | null): void;
     closeOverlay(): void;
     updateOverlay(): void;
     createStage(stageOptions?: StageOptions): StageCore;

package/types/services/ui.d.ts

@@ -37,6 +37,12 @@ declare class Ui extends BaseService {
             width: number;
             height: number;
         };
+        frameworkRect: {
+            left: number;
+            top: number;
+            width: number;
+            height: number;
+        };
     }[K];
     zoom(zoom: number): Promise<void>;
     calcZoom(): Promise<number>;

package/types/type.d.ts

@@ -200,6 +200,12 @@ export interface UiState {
         width: number;
         height: number;
     };
+    frameworkRect: {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
 }
 export interface EditorNodeInfo {
     node: MNode | null;
@@ -323,11 +329,6 @@ export interface SideBarData {
     /** panel列表 */
     items: SideItem[];
 }
-/**
- * drawer 抽屉
- * box 悬浮窗
- */
-export type SlideType = 'drawer' | 'box';
 export interface ComponentItem {
     /** 显示文案 */
     text: string;