@tmagic/editor 1.0.0-beta.9 → 1.0.0-rc.11

package/dist/types/src/Editor.vue.d.ts

@@ -3,7 +3,7 @@ import type { FormConfig } from '@tmagic/form';
 import type { MApp, MNode } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
 import type { MoveableOptions } from '@tmagic/stage';
-import type { ComponentGroup, MenuBarData, Services, SideBarData, StageRect } from './type';
+import type { ComponentGroup, MenuBarData, MenuItem, Services, SideBarData, StageRect } from './type';
 declare const _default: DefineComponent<{
     /** 页面初始值 */
     modelValue: {
@@ -20,6 +20,14 @@ declare const _default: DefineComponent<{
     sidebar: {
         type: PropType<SideBarData>;
     };
+    layerContentMenu: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
+    stageContentMenu: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
     /** 顶部工具栏配置 */
     menu: {
         type: PropType<MenuBarData>;
@@ -34,6 +42,8 @@ declare const _default: DefineComponent<{
     };
     /** 中间工作区域中画布通过iframe渲染时的页面url */
     runtimeUrl: StringConstructor;
+    /** 选中时是否自动滚动到可视区域 */
+    autoScrollIntoView: BooleanConstructor;
     /** 组件的属性配置表单的dsl */
     propsConfigs: {
         type: PropType<Record<string, FormConfig>>;
@@ -52,6 +62,9 @@ declare const _default: DefineComponent<{
     /** 画布中组件选中框的移动范围 */
     moveableOptions: {
         type: PropType<MoveableOptions | ((core?: StageCore | undefined) => MoveableOptions)>;
+        default: () => (core?: StageCore | undefined) => {
+            container: HTMLElement | null | undefined;
+        };
     };
     /** 编辑器初始化时默认选中的组件ID */
     defaultSelected: {
@@ -59,10 +72,18 @@ declare const _default: DefineComponent<{
     };
     canSelect: {
         type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
+        default: (el: HTMLElement) => boolean;
     };
     stageRect: {
         type: PropType<StageRect>;
     };
+    codeOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    updateDragEl: {
+        type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
+    };
 }, Services, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("props-panel-mounted" | "update:modelValue")[], "props-panel-mounted" | "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     /** 页面初始值 */
     modelValue: {
@@ -79,6 +100,14 @@ declare const _default: DefineComponent<{
     sidebar: {
         type: PropType<SideBarData>;
     };
+    layerContentMenu: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
+    stageContentMenu: {
+        type: PropType<MenuItem[]>;
+        default: () => never[];
+    };
     /** 顶部工具栏配置 */
     menu: {
         type: PropType<MenuBarData>;
@@ -93,6 +122,8 @@ declare const _default: DefineComponent<{
     };
     /** 中间工作区域中画布通过iframe渲染时的页面url */
     runtimeUrl: StringConstructor;
+    /** 选中时是否自动滚动到可视区域 */
+    autoScrollIntoView: BooleanConstructor;
     /** 组件的属性配置表单的dsl */
     propsConfigs: {
         type: PropType<Record<string, FormConfig>>;
@@ -111,6 +142,9 @@ declare const _default: DefineComponent<{
     /** 画布中组件选中框的移动范围 */
     moveableOptions: {
         type: PropType<MoveableOptions | ((core?: StageCore | undefined) => MoveableOptions)>;
+        default: () => (core?: StageCore | undefined) => {
+            container: HTMLElement | null | undefined;
+        };
     };
     /** 编辑器初始化时默认选中的组件ID */
     defaultSelected: {
@@ -118,19 +152,33 @@ declare const _default: DefineComponent<{
     };
     canSelect: {
         type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
+        default: (el: HTMLElement) => boolean;
     };
     stageRect: {
         type: PropType<StageRect>;
     };
+    codeOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    updateDragEl: {
+        type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
+    };
 }>> & {
     "onProps-panel-mounted"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    componentGroupList: ComponentGroup[];
     menu: MenuBarData;
+    layerContentMenu: MenuItem[];
+    stageContentMenu: MenuItem[];
+    codeOptions: Record<string, any>;
     modelValue: MApp;
+    componentGroupList: ComponentGroup[];
+    autoScrollIntoView: boolean;
     propsConfigs: Record<string, FormConfig>;
     propsValues: Record<string, MNode>;
     eventMethodList: Record<string, any>;
+    moveableOptions: MoveableOptions | ((core?: StageCore | undefined) => MoveableOptions);
+    canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
 }>;
 export default _default;

package/dist/types/src/fields/Code.vue.d.ts

@@ -16,9 +16,9 @@ declare const _default: DefineComponent<Readonly<{
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
-    name: any;
-    config: any;
-    model: any;
-    prop: any;
+    readonly name?: any;
+    readonly config?: any;
+    readonly model?: any;
+    readonly prop?: any;
 }>;
 export default _default;

package/dist/types/src/fields/CodeLink.vue.d.ts

@@ -20,9 +20,7 @@ declare const _default: DefineComponent<{
     };
 }, {
     modelValue: Ref<{
-        form: {
-            [x: string]: any;
-        };
+        form: Record<string, any>;
     }>;
     formConfig: ComputedRef<{
         text: string;

package/dist/types/src/index.d.ts

@@ -13,6 +13,7 @@ export { default as uiService } from './services/ui';
 export { default as ComponentListPanel } from './layouts/sidebar/ComponentListPanel.vue';
 export { default as LayerPanel } from './layouts/sidebar/LayerPanel.vue';
 export { default as PropsPanel } from './layouts/PropsPanel.vue';
+export { default as ToolButton } from './components/ToolButton.vue';
 declare const _default: {
     install: (app: App, opt?: InstallOptions | undefined) => void;
 };

package/dist/types/src/layouts/CodeEditor.vue.d.ts

@@ -8,13 +8,17 @@ declare const _default: DefineComponent<{
         type: (StringConstructor | ObjectConstructor)[];
     };
     type: {
-        type: StringConstructor[];
+        type: StringConstructor;
         default: () => string;
     };
     language: {
-        type: StringConstructor[];
+        type: StringConstructor;
         default: () => string;
     };
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }, {
     values: Ref<string>;
     loading: Ref<boolean>;
@@ -30,18 +34,23 @@ declare const _default: DefineComponent<{
         type: (StringConstructor | ObjectConstructor)[];
     };
     type: {
-        type: StringConstructor[];
+        type: StringConstructor;
         default: () => string;
     };
     language: {
-        type: StringConstructor[];
+        type: StringConstructor;
         default: () => string;
     };
+    options: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
 }>> & {
     onInitd?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
     language: string;
+    options: Record<string, any>;
 }>;
 export default _default;

package/dist/types/src/layouts/Framework.vue.d.ts

@@ -1,11 +1,23 @@
-import type { DefineComponent, ComputedRef, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
 import type { MApp } from '@tmagic/schema';
 import { GetColumnWidth } from '../type';
-declare const _default: DefineComponent<{}, {
+declare const _default: DefineComponent<{
+    codeOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}, {
     root: ComputedRef<MApp | undefined>;
     pageLength: ComputedRef<number>;
     showSrc: ComputedRef<boolean | undefined>;
     columnWidth: ComputedRef<GetColumnWidth | undefined>;
     saveCode(value: string): void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    codeOptions: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>>, {
+    codeOptions: Record<string, any>;
+}>;
 export default _default;

package/dist/types/src/layouts/PropsPanel.vue.d.ts

@@ -1,11 +1,10 @@
-import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { FormValue } from '@tmagic/form';
 declare const _default: DefineComponent<{}, {
-    values: Ref<{
-        [x: string]: any;
-        [x: number]: any;
-    }>;
+    values: Ref<FormValue>;
     configForm: Ref<any>;
     curFormConfig: any;
+    propsPanelSize: ComputedRef<unknown>;
     submit(): Promise<void>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "mounted"[], "mounted", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>> & {
     onMounted?: ((...args: any[]) => any) | undefined;

package/dist/types/src/layouts/sidebar/ComponentListPanel.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: DefineComponent<{}, {
         items: ComponentItem[];
         title: string;
     }[] | undefined>;
-    appendComponent({ text, type, ...config }: ComponentItem): void;
+    appendComponent({ text, type, data }: ComponentItem): void;
+    dragstartHandler({ text, type, data }: ComponentItem, e: DragEvent): void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
-import { SideBarData, SideComponent } from '../../type';
+import type { DefineComponent, Ref, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { SideBarData } from '../../type';
 declare const _default: DefineComponent<{
     data: {
         type: PropType<SideBarData>;
@@ -11,7 +11,6 @@ declare const _default: DefineComponent<{
     };
 }, {
     activeTabName: Ref<string>;
-    items: ComputedRef<SideComponent[] | Record<string, any>[]>;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     data: {
         type: PropType<SideBarData>;

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

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

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

@@ -1,34 +1,7 @@
-import type { DefineComponent, ComputedRef, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
-import type { MComponent, MContainer, MPage } from '@tmagic/schema';
-import type { MoveableOptions, SortEventData } from '@tmagic/stage';
-import StageCore from '@tmagic/stage';
-declare const _default: DefineComponent<{
-    runtimeUrl: StringConstructor;
-    render: {
-        type: PropType<() => HTMLDivElement>;
-    };
-    moveableOptions: {
-        type: PropType<MoveableOptions | ((core?: StageCore | undefined) => MoveableOptions)>;
-    };
-    canSelect: {
-        type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
-    };
-}, {
+import type { DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import type { MPage } from '@tmagic/schema';
+declare const _default: DefineComponent<{}, {
+    workspace: Ref<HTMLDivElement | undefined>;
     page: ComputedRef<MPage | undefined>;
-    selectHandler(el: HTMLElement): void;
-    updateNodeHandler(node: MComponent | MContainer | MPage): void;
-    sortNodeHandler(ev: SortEventData): void;
-    highlightHandler(el: HTMLElement): void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
-    runtimeUrl: StringConstructor;
-    render: {
-        type: PropType<() => HTMLDivElement>;
-    };
-    moveableOptions: {
-        type: PropType<MoveableOptions | ((core?: StageCore | undefined) => MoveableOptions)>;
-    };
-    canSelect: {
-        type: PropType<(el: HTMLElement) => boolean | Promise<boolean>>;
-    };
-}>>, {}>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
 export default _default;

package/dist/types/src/services/BaseService.d.ts

@@ -27,7 +27,7 @@ import { EventEmitter } from 'events';
  *    editorService.afterAdd();
  *   }
  *
- * 调用时的参数会透传到before方法的参数中, 然后before的return 会作为原方法的参数和after的参数，after最后一个参数则是原方法的return值;
+ * 调用时的参数会透传到before方法的参数中, 然后before的return 会作为原方法的参数和after的参数，after第一个参数则是原方法的return值;
  * 如需终止后续方法调用可以return new Error();
  *
  * 方法2：
@@ -50,7 +50,10 @@ import { EventEmitter } from 'events';
 export default class extends EventEmitter {
     private pluginOptionsList;
     private middleware;
-    constructor(methods: string[]);
+    private taskList;
+    private doingTask;
+    constructor(methods?: string[], serialMethods?: string[]);
     use(options: Record<string, Function>): void;
     usePlugin(options: Record<string, Function>): void;
+    private doTask;
 }

package/dist/types/src/services/editor.d.ts

@@ -23,31 +23,36 @@ declare class Editor extends BaseService {
     /**
      * 根据id获取组件、组件的父组件以及组件所属的页面节点
      * @param {number | string} id 组件id
+     * @param {boolean} raw 是否使用toRaw
      * @returns {EditorNodeInfo}
      */
-    getNodeInfo(id: Id): EditorNodeInfo;
+    getNodeInfo(id: Id, raw?: boolean): EditorNodeInfo;
     /**
      * 根据ID获取指点节点配置
      * @param id 组件ID
+     * @param {boolean} raw 是否使用toRaw
      * @returns 组件节点配置
      */
-    getNodeById(id: Id): MNode | undefined;
+    getNodeById(id: Id, raw?: boolean): MNode | undefined;
     /**
      * 根据ID获取指点节点的父节点配置
      * @param id 组件ID
+     * @param {boolean} raw 是否使用toRaw
      * @returns 指点组件的父节点配置
      */
-    getParentById(id: Id): MContainer | undefined;
+    getParentById(id: Id, raw?: boolean): MContainer | undefined;
     /**
      * 只有容器拥有布局
      */
-    getLayout(node: MNode): Promise<Layout>;
+    getLayout(parent: MNode, node?: MNode): Promise<Layout>;
     /**
      * 选中指定节点（将指定节点设置成当前选中状态）
      * @param config 指定节点配置或者ID
      * @returns 当前选中的节点配置
      */
     select(config: MNode | Id): Promise<MNode> | never;
+    selectNextNode(): Promise<MNode> | never;
+    selectNextPage(): Promise<MNode> | never;
     /**
      * 高亮指定节点
      * @param config 指定节点配置或者ID
@@ -60,7 +65,7 @@ declare class Editor extends BaseService {
      * @param parent 要添加到的容器组件节点配置，如果不设置，默认为当前选中的组件的父节点
      * @returns 添加后的节点
      */
-    add({ type, ...config }: AddMNode, parent?: MContainer | null): Promise<MNode>;
+    add(addNode: AddMNode, parent?: MContainer | null): Promise<MNode>;
     /**
      * 删除组件
      * @param {Object} node
@@ -116,6 +121,7 @@ declare class Editor extends BaseService {
      * @returns 下一步数据
      */
     redo(): Promise<StepValue | null>;
+    move(left: number, top: number): Promise<void>;
     destroy(): void;
     resetModifiedNodeId(): void;
     private addModifiedNodeId;

package/dist/types/src/services/history.d.ts

@@ -15,28 +15,12 @@ export interface HistoryState {
 declare class History extends BaseService {
     state: {
         pageId?: Id | undefined;
-        pageSteps: {
-            [x: string]: {
-                pushElement: (element: StepValue) => void;
-                canUndo: () => boolean;
-                undo: () => StepValue | null;
-                canRedo: () => boolean;
-                redo: () => StepValue | null;
-                getCurrentElement: () => StepValue | null;
-            };
-            [x: number]: {
-                pushElement: (element: StepValue) => void;
-                canUndo: () => boolean;
-                undo: () => StepValue | null;
-                canRedo: () => boolean;
-                redo: () => StepValue | null;
-                getCurrentElement: () => StepValue | null;
-            };
-        };
+        pageSteps: Record<Id, UndoRedo<StepValue>>;
         canRedo: boolean;
         canUndo: boolean;
     };
     constructor();
+    reset(): void;
     changePage(page: MPage): void;
     empty(): void;
     push(state: StepValue): StepValue | null;

package/dist/types/src/services/props.d.ts

@@ -1,5 +1,5 @@
 import type { FormConfig } from '@tmagic/form';
-import type { MComponent, MNode } from '@tmagic/schema';
+import type { MNode, MPage } from '@tmagic/schema';
 import BaseService from './BaseService';
 declare class Props extends BaseService {
     private state;
@@ -29,7 +29,13 @@ declare class Props extends BaseService {
      * @param type 组件类型
      * @returns 组件初始值
      */
-    getPropsValue(type: string): Promise<MComponent>;
+    getPropsValue(type: string, defaultValue?: Record<string, any>): Promise<any>;
+    createId(type: string | number): Promise<string>;
+    /**
+     * 将组件与组件的子元素配置中的id都设置成一个新的ID
+     * @param {Object} config 组件配置
+     */
+    setNewItemId(config: MNode, parent?: MPage): Promise<void>;
 }
 export declare type PropsService = Props;
 declare const _default: Props;

package/dist/types/src/services/ui.d.ts

@@ -19,11 +19,13 @@ declare const state: {
     };
     showGuides: boolean;
     showRule: boolean;
+    propsPanelSize: "small" | "default" | "large";
 };
 declare class Ui extends BaseService {
     constructor();
     set<T = any>(name: keyof UiState, value: T): void;
     get<T>(name: keyof typeof state): T;
+    zoom(zoom: number): void;
     private setColumnWidth;
     private setStageRect;
     private calcZoom;

package/dist/types/src/type.d.ts

@@ -2,6 +2,7 @@ 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 { ComponentListService } from './services/componentList';
 import type { EditorService } from './services/editor';
 import type { EventsService } from './services/events';
@@ -21,6 +22,14 @@ export interface Services {
     componentListService: ComponentListService;
     uiService: UiService;
 }
+export interface StageOptions {
+    runtimeUrl: string;
+    autoScrollIntoView: boolean;
+    render: () => HTMLDivElement;
+    moveableOptions: MoveableOptions | ((core?: StageCore) => MoveableOptions);
+    canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
+    updateDragEl: (el: HTMLDivElement) => void;
+}
 export interface StoreState {
     root: MApp | null;
     page: MPage | null;
@@ -29,6 +38,7 @@ export interface StoreState {
     highlightNode: MNode | null;
     stage: StageCore | null;
     modifiedNodeIds: Map<Id, Id>;
+    pageLength: number;
 }
 export interface PropsState {
     propsConfigMap: Record<string, FormConfig>;
@@ -68,6 +78,8 @@ export interface UiState {
     showGuides: boolean;
     /** 是否显示标尺，true: 显示，false: 不显示，默认为true */
     showRule: boolean;
+    /** 用于控制该属性配置表单内组件的尺寸 */
+    propsPanelSize: 'large' | 'default' | 'small';
 }
 export interface EditorNodeInfo {
     node?: MNode;
@@ -92,6 +104,8 @@ export interface MenuButton {
      * zoom: 放大缩小
      */
     type: 'button' | 'dropdown' | 'text' | 'divider' | 'zoom';
+    /** 当type为divider时有效，分割线方向, 默认vertical */
+    direction?: 'horizontal' | 'vertical';
     /** 展示的文案 */
     text?: string;
     /** 鼠标悬浮是显示的气泡中的文案 */
@@ -103,14 +117,9 @@ export interface MenuButton {
     /** 是否显示，默认为true */
     display?: boolean | ((data?: Services) => boolean);
     /** type为button/dropdown时点击运行的方法 */
-    handler?: (data?: Services) => Promise<any> | any;
-    /** type为dropdown时，下拉的菜单列表 */
-    items?: {
-        /** 展示的文案 */
-        text: string;
-        /** 点击运行的方法 */
-        handler(data: Services): any;
-    }[];
+    handler?: (data: Services, event: MouseEvent) => Promise<any> | any;
+    /** type为dropdown时，下拉的菜单列表， 或者有子菜单时 */
+    items?: MenuButton[];
 }
 export interface MenuComponent {
     type: 'component';
@@ -169,7 +178,9 @@ export interface ComponentItem {
     type: string;
     /** element-plus icon class */
     icon?: string | Component;
-    [key: string]: any;
+    data?: {
+        [key: string]: any;
+    };
 }
 export interface ComponentGroup {
     /** 显示文案 */
@@ -177,6 +188,10 @@ export interface ComponentGroup {
     /** 组内列表 */
     items: ComponentItem[];
 }
+export interface UpdateData {
+    id: Id;
+    [key: string]: any;
+}
 export declare enum LayerOffset {
     TOP = "top",
     BOTTOM = "bottom"

package/dist/types/src/utils/editor.d.ts

@@ -1,7 +1,7 @@
 import type { MApp, MContainer, MNode, MPage } from '@tmagic/schema';
+import type StageCore from '@tmagic/stage';
 import { Layout } from '../type';
 export declare const COPY_STORAGE_KEY = "$MagicEditorCopyData";
-export declare const generateId: (type: string | number) => string;
 /**
  * 获取所有页面配置
  * @param app DSL跟节点
@@ -26,19 +26,14 @@ export declare const generatePageName: (pageNameList: string[]) => string;
  * @returns {string}
  */
 export declare const generatePageNameByApp: (app: MApp) => string;
-/**
- * 将组件与组件的子元素配置中的id都设置成一个新的ID
- * @param {Object} config 组件配置
- */
-export declare const setNewItemId: (config: MNode, parent?: MPage | undefined) => void;
 /**
  * @param {Object} node
  * @returns {boolean}
  */
 export declare const isFixed: (node: MNode) => boolean;
-export declare const getNodeIndex: (node: MNode, parent: MContainer) => number;
+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) => MNode;
+export declare const initPosition: (node: MNode, layout: Layout, parentNode: MNode, stage: StageCore) => MNode;
 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: (node: MNode) => Promise<Layout>) => Promise<MNode>;
+export declare const Fixed2Other: (node: MNode, root: MApp, getLayout: (parent: MNode, node?: MNode | undefined) => Promise<Layout>) => Promise<MNode>;

package/dist/types/src/utils/props.d.ts

@@ -41,9 +41,18 @@ export declare const DEFAULT_CONFIG: FormConfig;
  * @param type 组件类型
  * @returns Object
  */
-export declare const getDefaultPropsValue: (type: string) => {
+export declare const getDefaultPropsValue: (type: string, id: string) => {
     type: string;
     id: string;
+    layout: string;
     style: {};
     name: string;
+    items: never[];
+} | {
+    type: string;
+    id: string;
+    style: {};
+    name: string;
+    layout?: undefined;
+    items?: undefined;
 };