@tmagic/editor 1.1.0-beta.10 → 1.1.0-beta.13

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

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import type { MNode } from '@tmagic/schema';
+import type { Id, MNode } from '@tmagic/schema';
 declare const _default: import("vue").DefineComponent<{}, {
     highlightHandler: import("lodash-es").DebouncedFunc<(data: MNode) => void>;
     toggleClickFlag: () => void;
@@ -13,9 +13,11 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleDragEnd(e: any): Promise<void>;
     values: import("vue").ComputedRef<MNode[]>;
     loadItems: (node: any, resolve: Function) => any;
-    highlightNode: Ref<MNode | undefined>;
+    highlightNode: import("vue").ComputedRef<MNode | undefined>;
     clickNode: Ref<MNode | undefined>;
-    expandedKeys: import("vue").ComputedRef<import("@tmagic/schema").Id[]>;
+    expandedKeys: import("vue").ComputedRef<Id[]>;
+    handleCollapse: (data: MNode) => void;
+    handleExpand: (data: MNode) => void;
     tree: Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -885,11 +887,11 @@ declare const _default: import("vue").DefineComponent<{}, {
                 $: import("vue").ComponentInternalInstance;
                 $data: {};
                 $props: Partial<{
-                    menuData: import("../../type").MenuItem[];
+                    menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
                     isSubMenu: boolean;
                 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                     menuData: {
-                        type: import("vue").PropType<import("../../type").MenuItem[]>;
+                        type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
                     } & {
                         default: () => never[];
                     };
@@ -917,7 +919,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 $el: any;
                 $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                     menuData: {
-                        type: import("vue").PropType<import("../../type").MenuItem[]>;
+                        type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
                     } & {
                         default: () => never[];
                     };
@@ -933,7 +935,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                     hide: () => void;
                     show: (e: MouseEvent) => void;
                 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
-                    menuData: import("../../type").MenuItem[];
+                    menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
                     isSubMenu: boolean;
                 }> & {
                     beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -957,7 +959,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
             } & Readonly<import("vue").ExtractPropTypes<{
                 menuData: {
-                    type: import("vue").PropType<import("../../type").MenuItem[]>;
+                    type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
                 } & {
                     default: () => never[];
                 };
@@ -975,7 +977,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             }> & {} & import("vue").ComponentCustomProperties & {
                 $slots: {};
             }) | undefined>;
-            menuData: import("vue").ComputedRef<import("../../type").MenuItem[]>;
+            menuData: import("vue").ComputedRef<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
             show(e: MouseEvent): void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1002,11 +1004,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                menuData: import("../../type").MenuItem[];
+                menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
                 isSubMenu: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 menuData: {
-                    type: import("vue").PropType<import("../../type").MenuItem[]>;
+                    type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
                 } & {
                     default: () => never[];
                 };
@@ -1034,7 +1036,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 menuData: {
-                    type: import("vue").PropType<import("../../type").MenuItem[]>;
+                    type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
                 } & {
                     default: () => never[];
                 };
@@ -1050,7 +1052,7 @@ declare const _default: import("vue").DefineComponent<{}, {
                 hide: () => void;
                 show: (e: MouseEvent) => void;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
-                menuData: import("../../type").MenuItem[];
+                menuData: (import("../../type").MenuButton | import("../../type").MenuComponent)[];
                 isSubMenu: boolean;
             }> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1074,7 +1076,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
             menuData: {
-                type: import("vue").PropType<import("../../type").MenuItem[]>;
+                type: import("vue").PropType<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
             } & {
                 default: () => never[];
             };
@@ -1092,7 +1094,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }> & {} & import("vue").ComponentCustomProperties & {
             $slots: {};
         }) | undefined>;
-        menuData: import("vue").ComputedRef<import("../../type").MenuItem[]>;
+        menuData: import("vue").ComputedRef<(import("../../type").MenuButton | import("../../type").MenuComponent)[]>;
         show(e: MouseEvent): void;
     }> & {} & import("vue").ComponentCustomProperties) | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/types/layouts/workspace/Workspace.vue.d.ts

@@ -1,6 +1,56 @@
 import type { MPage } from '@tmagic/schema';
-declare const _default: import("vue").DefineComponent<{}, {
-    workspace: import("vue").Ref<HTMLDivElement | undefined>;
-    page: import("vue").ComputedRef<MPage | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            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;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & 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 () => {
+    $slots: {
+        stage: (_: {}) => any;
+        'workspace-content': (_: {}) => any;
+        'page-bar-title': (_: {
+            page: MPage;
+        }) => any;
+        'page-bar-popover': (_: {
+            page: MPage;
+        }) => any;
+    };
+});
 export default _default;

package/types/services/editor.d.ts

@@ -106,6 +106,7 @@ declare class Editor extends BaseService {
      * @returns 添加后的组件节点配置
      */
     paste(position?: PastePosition): Promise<MNode | MNode[] | void>;
+    doPaste(config: MNode[], position?: PastePosition): Promise<MNode[]>;
     doAlignCenter(config: MNode): Promise<MNode>;
     /**
      * 将指点节点设置居中

package/types/services/props.d.ts

@@ -1,16 +1,47 @@
 import type { FormConfig } from '@tmagic/form';
-import type { MNode, MPage } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
 import BaseService from './BaseService';
 declare class Props extends BaseService {
     private state;
     constructor();
     setPropsConfigs(configs: Record<string, FormConfig>): void;
+    fillConfig(config: FormConfig): Promise<{
+        type: string;
+        items: ({
+            title: string;
+            labelWidth: string;
+            items: (import("@tmagic/form").ChildConfig & {
+                [key: string]: any;
+            })[];
+        } | {
+            title: string;
+            items: {
+                type: string;
+                name: string;
+                items: ({
+                    name: string;
+                    label: string;
+                    type: string;
+                    options: (mForm: import("@tmagic/form").FormState, { formValue }: any) => {
+                        text: string;
+                        value: string;
+                    }[];
+                } | {
+                    name: string;
+                    label: string;
+                    type: string;
+                    options?: undefined;
+                })[];
+            }[];
+            labelWidth?: undefined;
+        })[];
+    }[]>;
     /**
      * 为指定类型组件设置组件属性表单配置
      * @param type 组件类型
      * @param config 组件属性表单配置
      */
-    setPropsConfig(type: string, config: FormConfig): void;
+    setPropsConfig(type: string, config: FormConfig): Promise<void>;
     /**
      * 获取指点类型的组件属性表单配置
      * @param type 组件类型
@@ -30,18 +61,12 @@ declare class Props extends BaseService {
      * @returns 组件初始值
      */
     getPropsValue(type: string, { inputEvent, ...defaultValue }?: Record<string, any>): Promise<any>;
-    /**
-     * 生成指定位数的GUID，无【-】格式
-     * @param digit 位数，默认值8
-     * @returns
-     */
-    guid(digit?: number): string;
     createId(type: string | number): Promise<string>;
     /**
      * 将组件与组件的子元素配置中的id都设置成一个新的ID
      * @param {Object} config 组件配置
      */
-    setNewItemId(config: MNode, parent?: MPage): Promise<MNode>;
+    setNewItemId(config: MNode): Promise<MNode>;
     /**
      * 获取默认属性配置
      * @param type 组件类型
@@ -60,6 +85,12 @@ declare class Props extends BaseService {
         layout?: undefined;
         items?: undefined;
     }>;
+    /**
+     * 生成指定位数的GUID，无【-】格式
+     * @param digit 位数，默认值8
+     * @returns
+     */
+    private guid;
 }
 export declare type PropsService = Props;
 declare const _default: Props;

package/types/services/ui.d.ts

@@ -26,9 +26,9 @@ declare class Ui extends BaseService {
     set<T = any>(name: keyof UiState, value: T): void;
     get<T>(name: keyof typeof state): T;
     zoom(zoom: number): void;
+    calcZoom(): number;
     private setColumnWidth;
     private setStageRect;
-    private calcZoom;
 }
 export declare type UiService = Ui;
 declare const _default: Ui;

package/types/type.d.ts

@@ -54,15 +54,20 @@ export interface PropsState {
 export interface ComponentGroupState {
     list: ComponentGroup[];
 }
+export declare enum ColumnLayout {
+    LEFT = "left",
+    CENTER = "center",
+    RIGHT = "right"
+}
 export interface SetColumnWidth {
-    left?: number;
-    center?: number | 'auto';
-    right?: number;
+    [ColumnLayout.LEFT]?: number;
+    [ColumnLayout.CENTER]?: number | 'auto';
+    [ColumnLayout.RIGHT]?: number;
 }
 export interface GetColumnWidth {
-    left: number;
-    center: number;
-    right: number;
+    [ColumnLayout.LEFT]: number;
+    [ColumnLayout.CENTER]: number;
+    [ColumnLayout.RIGHT]: number;
 }
 export interface StageRect {
     width: number;
@@ -139,6 +144,7 @@ export interface MenuButton {
     /** type为button/dropdown时点击运行的方法 */
     handler?: (data: Services, event: MouseEvent) => Promise<any> | any;
     /** type为dropdown时，下拉的菜单列表， 或者有子菜单时 */
+    className?: string;
     items?: MenuButton[];
 }
 export interface MenuComponent {
@@ -151,6 +157,7 @@ export interface MenuComponent {
     listeners?: Record<string, Function>;
     slots?: Record<string, any>;
     /** 是否显示，默认为true */
+    className?: string;
     display?: boolean | ((data?: Services) => Promise<boolean> | boolean);
 }
 /**
@@ -161,15 +168,15 @@ export interface MenuComponent {
  * 'zoom-in': 放大按钮
  * 'zoom-out': 缩小按钮
  */
-export declare type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | MenuButton | MenuComponent;
+export declare type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | MenuButton | MenuComponent | string;
 /** 工具栏 */
 export interface MenuBarData {
     /** 顶部工具栏左边项 */
-    left?: MenuItem[];
+    [ColumnLayout.LEFT]?: MenuItem[];
     /** 顶部工具栏中间项 */
-    center?: MenuItem[];
+    [ColumnLayout.CENTER]?: MenuItem[];
     /** 顶部工具栏右边项 */
-    right?: MenuItem[];
+    [ColumnLayout.RIGHT]?: MenuItem[];
 }
 export interface SideComponent extends MenuComponent {
     /** 显示文案 */
@@ -228,3 +235,9 @@ export declare enum Keys {
 }
 export declare const H_GUIDE_LINE_STORAGE_KEY = "$MagicStageHorizontalGuidelinesData";
 export declare const V_GUIDE_LINE_STORAGE_KEY = "$MagicStageVerticalGuidelinesData";
+export interface ScrollViewerEvent {
+    scrollLeft: number;
+    scrollTop: number;
+    scrollHeight: number;
+    scrollWidth: number;
+}

package/types/utils/index.d.ts

@@ -2,3 +2,4 @@ export * from './config';
 export * from './props';
 export * from './logger';
 export * from './editor';
+export * from './stage';

package/types/utils/props.d.ts

@@ -35,4 +35,3 @@ export declare const fillConfig: (config?: FormConfig) => {
         labelWidth?: undefined;
     })[];
 }[];
-export declare const DEFAULT_CONFIG: FormConfig;

package/types/utils/scroll-viewer.d.ts

@@ -1,35 +1,33 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
 interface ScrollViewerOptions {
     container: HTMLDivElement;
     target: HTMLDivElement;
     zoom: number;
 }
-export declare class ScrollViewer {
-    private enter;
-    private targetEnter;
-    private keydown;
+export declare class ScrollViewer extends EventEmitter {
     private container;
     private target;
     private zoom;
     private scrollLeft;
     private scrollTop;
-    private x;
-    private y;
+    private scrollHeight;
+    private scrollWidth;
+    private width;
+    private height;
+    private translateXCorrectionValue;
+    private translateYCorrectionValue;
     private resizeObserver;
     constructor(options: ScrollViewerOptions);
     destroy(): void;
     setZoom(zoom: number): void;
-    private scroll;
-    private removeHandler;
+    scrollTo({ left, top }: {
+        left?: number;
+        top?: number;
+    }): void;
     private wheelHandler;
-    private mouseEnterHandler;
-    private mouseLeaveHandler;
-    private targetMouseEnterHandler;
-    private targetMouseLeaveHandler;
-    private mousedownHandler;
-    private mouseupHandler;
-    private mousemoveHandler;
-    private keydownHandler;
-    private keyupHandler;
-    private setScrollOffset;
+    private getPos;
+    private setScrollSize;
+    private setSize;
 }
 export {};

package/types/utils/stage.d.ts

@@ -0,0 +1,3 @@
+import StageCore from '@tmagic/stage';
+import { StageOptions } from '../type';
+export declare const useStage: (stageOptions: StageOptions) => StageCore;