@tmagic/editor 1.0.6 → 1.1.0-beta.10

package/{dist/types/src → types}/layouts/sidebar/Sidebar.vue.d.ts

@@ -1,8 +1,6 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
 import { PropType } from 'vue';
 import { SideBarData } from '../../type';
-declare const _default: DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     data: {
         type: PropType<SideBarData>;
         default: () => {
@@ -12,8 +10,8 @@ declare const _default: DefineComponent<{
         };
     };
 }, {
-    activeTabName: Ref<string>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    activeTabName: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<SideBarData>;
         default: () => {

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

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { SideComponent, SideItem } from '../../type';
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: PropType<SideItem>;
+    };
+}, {
+    config: import("vue").ComputedRef<SideComponent | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<SideItem>;
+    };
+}>>, {}>;
+export default _default;

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

@@ -0,0 +1,54 @@
+import type { MPage } from '@tmagic/schema';
+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: {
+        'page-bar-title': (_: {
+            page: MPage;
+        }) => any;
+        'page-bar-popover': (_: {
+            page: MPage;
+        }) => any;
+    };
+});
+export default _default;

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

@@ -0,0 +1,48 @@
+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: {
+        default: (_: {}) => any;
+    };
+});
+export default _default;

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

@@ -0,0 +1,46 @@
+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: {};
+});
+export default _default;

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

@@ -0,0 +1,88 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            isMultiSelect: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            isMultiSelect?: boolean | undefined;
+        }>, {
+            isMultiSelect: boolean;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "isMultiSelect">;
+        $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;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            isMultiSelect?: boolean | undefined;
+        }>, {
+            isMultiSelect: boolean;
+        }>>>, {
+            show: (e: MouseEvent) => Promise<void>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            isMultiSelect: boolean;
+        }> & {
+            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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        isMultiSelect?: boolean | undefined;
+    }>, {
+        isMultiSelect: boolean;
+    }>>> & import("vue").ShallowUnwrapRef<{
+        show: (e: MouseEvent) => Promise<void>;
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    isMultiSelect?: boolean | undefined;
+}>, {
+    isMultiSelect: boolean;
+}>>>, {
+    show: (e: MouseEvent) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    isMultiSelect: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {};
+});
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -0,0 +1,6 @@
+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<{}>>, {}>;
+export default _default;

package/types/services/componentList.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentGroup } from '../type';
+import BaseService from './BaseService';
+declare class ComponentList extends BaseService {
+    private state;
+    constructor();
+    /**
+     * @param componentGroupList 组件列表配置
+     */
+    setList(componentGroupList: ComponentGroup[]): void;
+    getList(): ComponentGroup[];
+}
+export declare type ComponentListService = ComponentList;
+declare const _default: ComponentList;
+export default _default;

package/{dist/types/src → types}/services/editor.d.ts

@@ -1,22 +1,22 @@
 import type { Id, MContainer, MNode } from '@tmagic/schema';
 import { StepValue } from '../services/history';
-import type { AddMNode, EditorNodeInfo, StoreState } from '../type';
+import type { AddMNode, EditorNodeInfo, PastePosition, StoreState } from '../type';
 import { LayerOffset, Layout } from '../type';
 import BaseService from './BaseService';
 declare class Editor extends BaseService {
+    state: StoreState;
     private isHistoryStateChange;
-    private state;
     constructor();
     /**
      * 设置当前指点节点配置
-     * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode'
+     * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes'
      * @param value MNode
      * @returns MNode
      */
     set<T = MNode>(name: keyof StoreState, value: T): void;
     /**
      * 获取当前指点节点配置
-     * @param name  'root' | 'page' | 'parent' | 'node'
+     * @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes'
      * @returns MNode
      */
     get<T = MNode>(name: keyof StoreState): T;
@@ -59,25 +59,34 @@ declare class Editor extends BaseService {
      * @returns 当前高亮的节点配置
      */
     highlight(config: MNode | Id): void;
+    /**
+     * 多选
+     * @param ids 指定节点ID
+     * @returns 加入多选的节点配置
+     */
+    multiSelect(ids: Id[]): void;
+    doAdd(node: MNode, parent: MContainer): Promise<MNode>;
     /**
      * 向指点容器添加组件节点
      * @param addConfig 将要添加的组件节点配置
      * @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
      * @returns 添加后的节点
      */
-    add(addNode: AddMNode, parent?: MContainer | null): Promise<MNode>;
+    add(addNode: AddMNode | MNode[], parent?: MContainer | null): Promise<MNode | MNode[]>;
+    doRemove(node: MNode): Promise<void>;
     /**
      * 删除组件
      * @param {Object} node
      * @return {Object} 删除的组件配置
      */
-    remove(node: MNode): Promise<MNode | void>;
+    remove(nodeOrNodeList: MNode | MNode[]): Promise<void>;
+    doUpdate(config: MNode): Promise<MNode>;
     /**
      * 更新节点
      * @param config 新的节点配置，配置中需要有id信息
      * @returns 更新后的节点配置
      */
-    update(config: MNode): Promise<MNode>;
+    update(config: MNode | MNode[]): Promise<MNode | MNode[]>;
     /**
      * 将id为id1的组件移动到id为id2的组件位置上，例如：[1,2,3,4] -> sort(1,3) -> [2,1,3,4]
      * @param id1 组件ID
@@ -90,27 +99,31 @@ declare class Editor extends BaseService {
      * @param config 组件节点配置
      * @returns 组件节点配置
      */
-    copy(config: MNode): Promise<void>;
+    copy(config: MNode | MNode[]): Promise<void>;
     /**
      * 从localStorage中获取节点，然后添加到当前容器中
-     * @param position 如果设置，指定组件位置
+     * @param position 粘贴的坐标
      * @returns 添加后的组件节点配置
      */
-    paste(position?: {
-        left?: number;
-        top?: number;
-    }): Promise<MNode | void>;
+    paste(position?: PastePosition): Promise<MNode | MNode[] | void>;
+    doAlignCenter(config: MNode): Promise<MNode>;
     /**
      * 将指点节点设置居中
      * @param config 组件节点配置
      * @returns 当前组件节点配置
      */
-    alignCenter(config: MNode): Promise<MNode | void>;
+    alignCenter(config: MNode | MNode[]): Promise<MNode | MNode[]>;
     /**
      * 移动当前选中节点位置
      * @param offset 偏移量
      */
     moveLayer(offset: number | LayerOffset): Promise<void>;
+    /**
+     * 移动到指定容器中
+     * @param config 需要移动的节点
+     * @param targetId 容器ID
+     */
+    moveToContainer(config: MNode, targetId: Id): Promise<MNode | undefined>;
     /**
      * 撤销当前操作
      * @returns 上一次数据

package/{dist/types/src → types}/services/props.d.ts

@@ -29,13 +29,37 @@ declare class Props extends BaseService {
      * @param type 组件类型
      * @returns 组件初始值
      */
-    getPropsValue(type: string, defaultValue?: Record<string, any>): Promise<any>;
+    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<void>;
+    setNewItemId(config: MNode, parent?: MPage): Promise<MNode>;
+    /**
+     * 获取默认属性配置
+     * @param type 组件类型
+     * @returns Object
+     */
+    getDefaultPropsValue(type: string): Promise<{
+        type: string;
+        layout: string;
+        style: {};
+        name: string;
+        items: never[];
+    } | {
+        type: string;
+        style: {};
+        name: string;
+        layout?: undefined;
+        items?: undefined;
+    }>;
 }
 export declare type PropsService = Props;
 declare const _default: Props;

package/types/services/storage.d.ts

@@ -0,0 +1,56 @@
+import BaseService from './BaseService';
+interface Options {
+    namespace?: string;
+    protocol?: Protocol;
+}
+export declare enum Protocol {
+    OBJECT = "object",
+    JSON = "json",
+    STRING = "string",
+    NUMBER = "number",
+    BOOLEAN = "boolean"
+}
+/**
+ * 数据存储服务
+ */
+export declare class WebStorage extends BaseService {
+    private storage;
+    private namespace;
+    constructor();
+    /**
+     * 获取数据存储对象，可以通过
+     * const storageService = new StorageService();
+     * storageService.usePlugin({
+     *    // 替换存储对象为 sessionStorage
+     *    async afterGetStorage(): Promise<Storage> {
+     *      return window.sessionStorage;
+     *    },
+     * });
+     */
+    getStorage(): Promise<Storage>;
+    getNamespace(): Promise<string>;
+    /**
+     * 清理，支持storageService.usePlugin
+     */
+    clear(): Promise<void>;
+    /**
+     * 获取存储项，支持storageService.usePlugin
+     */
+    getItem(key: string, options?: Options): Promise<any>;
+    /**
+     * 获取指定索引位置的key
+     */
+    key(index: number): Promise<string | null>;
+    /**
+     * 移除存储项，支持storageService.usePlugin
+     */
+    removeItem(key: string, options?: Options): Promise<void>;
+    /**
+     * 设置存储项，支持storageService.usePlugin
+     */
+    setItem(key: string, value: any, options?: Options): Promise<void>;
+    private getValueAndProtocol;
+}
+export declare type StorageService = WebStorage;
+declare const _default: WebStorage;
+export default _default;

package/{dist/types/src → types}/services/ui.d.ts

@@ -19,7 +19,7 @@ declare const state: {
     };
     showGuides: boolean;
     showRule: boolean;
-    propsPanelSize: "small" | "default" | "large";
+    propsPanelSize: "small" | "large" | "default";
 };
 declare class Ui extends BaseService {
     constructor();

package/{dist/types/src → types}/type.d.ts

@@ -2,12 +2,13 @@ import type { Component } from 'vue';
 import type { FormConfig } from '@tmagic/form';
 import type { Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
-import type { MoveableOptions } from '@tmagic/stage';
+import type { ContainerHighlightType, MoveableOptions } from '@tmagic/stage';
 import type { ComponentListService } from './services/componentList';
 import type { EditorService } from './services/editor';
 import type { EventsService } from './services/events';
 import type { HistoryService } from './services/history';
 import type { PropsService } from './services/props';
+import type { StorageService } from './services/storage';
 import type { UiService } from './services/ui';
 export declare type BeforeAdd = (config: MNode, parent: MContainer) => Promise<MNode> | MNode;
 export declare type GetConfig = (config: FormConfig) => Promise<FormConfig> | FormConfig;
@@ -17,6 +18,7 @@ export interface InstallOptions {
 export interface Services {
     editorService: EditorService;
     historyService: HistoryService;
+    storageService: StorageService;
     eventsService: EventsService;
     propsService: PropsService;
     componentListService: ComponentListService;
@@ -25,9 +27,13 @@ export interface Services {
 export interface StageOptions {
     runtimeUrl: string;
     autoScrollIntoView: boolean;
+    containerHighlightClassName: string;
+    containerHighlightDuration: number;
+    containerHighlightType: ContainerHighlightType;
     render: () => HTMLDivElement;
     moveableOptions: MoveableOptions | ((core?: StageCore) => MoveableOptions);
     canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
+    isContainer: (el: HTMLElement) => boolean | Promise<boolean>;
     updateDragEl: (el: HTMLDivElement) => void;
 }
 export interface StoreState {
@@ -36,6 +42,7 @@ export interface StoreState {
     parent: MContainer | null;
     node: MNode | null;
     highlightNode: MNode | null;
+    nodes: MNode[];
     stage: StageCore | null;
     modifiedNodeIds: Map<Id, Id>;
     pageLength: number;
@@ -89,8 +96,21 @@ export interface EditorNodeInfo {
 export interface AddMNode {
     type: string;
     name?: string;
+    inputEvent?: DragEvent;
     [key: string]: any;
 }
+export interface PastePosition {
+    left?: number;
+    top?: number;
+    /**
+     * 粘贴位置X方向偏移量
+     */
+    offsetX?: number;
+    /**
+     * 粘贴位置Y方向偏移量
+     */
+    offsetY?: number;
+}
 /**
  * 菜单按钮
  */

package/{dist/types/src → types}/utils/compose.d.ts

@@ -2,4 +2,4 @@
  * @param {Array} middleware
  * @return {Function}
  */
-export declare const compose: (middleware: Function[]) => (args: any[], next?: Function | undefined) => Promise<void>;
+export declare const compose: (middleware: Function[]) => (args: any[], next?: Function) => Promise<void>;

package/{dist/types/src → types}/utils/editor.d.ts

@@ -32,9 +32,16 @@ export declare const generatePageNameByApp: (app: MApp) => string;
  */
 export declare const isFixed: (node: MNode) => boolean;
 export declare const getNodeIndex: (node: MNode, parent: MContainer | MApp) => number;
-export declare const toRelative: (node: MNode) => MNode;
-export declare const initPosition: (node: MNode, layout: Layout, parentNode: MNode, stage: StageCore) => MNode;
+export declare const getRelativeStyle: (style?: Record<string, any>) => Record<string, any>;
+export declare const getInitPositionStyle: (style: Record<string, any> | undefined, layout: Layout) => Record<string, any>;
 export declare const setLayout: (node: MNode, layout: Layout) => MNode;
-export declare const change2Fixed: (node: MNode, root: MApp) => MNode;
-export declare const Fixed2Other: (node: MNode, root: MApp, getLayout: (parent: MNode, node?: MNode | undefined) => Promise<Layout>) => Promise<MNode>;
+export declare const change2Fixed: (node: MNode, root: MApp) => {
+    left: number;
+    top: number;
+};
+export declare const Fixed2Other: (node: MNode, root: MApp, getLayout: (parent: MNode, node?: MNode) => Promise<Layout>) => Promise<Record<string, any>>;
 export declare const getGuideLineFromCache: (key: string) => number[];
+export declare const fixNodeLeft: (config: MNode, parent: MContainer, doc?: Document) => any;
+export declare const fixNodePosition: (config: MNode, parent: MContainer, stage: StageCore | null) => {
+    [key: string]: any;
+} | undefined;

package/types/utils/operator.d.ts

@@ -0,0 +1,21 @@
+import { Id, MContainer, MNode } from '@tmagic/schema';
+import { AddMNode, PastePosition } from '../type';
+/**
+ * 粘贴前置操作：返回分配了新id以及校准了坐标的配置
+ * @param position 粘贴的坐标
+ * @param config 待粘贴的元素配置(复制时保存的那份配置)
+ * @returns
+ */
+export declare const beforePaste: (position: PastePosition, config: MNode[]) => Promise<MNode[]>;
+/**
+ * 将元素粘贴到容器内时，将相对于画布坐标转换为相对于容器的坐标
+ * @param position PastePosition 粘贴时相对于画布的坐标
+ * @param id 元素id
+ * @returns PastePosition 转换后的坐标
+ */
+export declare const getPositionInContainer: (position: PastePosition | undefined, id: Id) => {
+    left: number;
+    top: number;
+};
+export declare const getAddParent: (node: MNode) => MContainer | undefined;
+export declare const getDefaultConfig: (addNode: AddMNode, parentNode: MContainer) => Promise<any>;