@tmagic/editor 1.2.0-beta.9 → 1.2.1

package/types/services/codeBlock.d.ts

@@ -1,6 +1,5 @@
-import { Id, MNode } from '@tmagic/schema';
-import type { CodeBlockContent, CodeBlockDSL } from '../type';
-import { CodeEditorMode, CodeSelectOp } from '../type';
+import { CodeBlockContent, CodeBlockDSL, Id, MNode } from '@tmagic/schema';
+import type { CodeRelation } from '../type';
 import BaseService from './BaseService';
 declare class CodeBlock extends BaseService {
     private state;
@@ -13,23 +12,25 @@ declare class CodeBlock extends BaseService {
     setCodeDsl(codeDsl: CodeBlockDSL): Promise<void>;
     /**
      * 获取活动的代码块dsl数据源（默认从dsl中的codeBlocks字段读取）
+     * 方法要支持钩子添加扩展，会被重写为异步方法,因此这里显示写为异步以提醒调用者需以异步形式调用
      * @param {boolean} forceRefresh 是否强制从活动dsl拉取刷新
      * @returns {CodeBlockDSL | null}
      */
     getCodeDsl(forceRefresh?: boolean): Promise<CodeBlockDSL | null>;
+    getCodeDslSync(forceRefresh?: boolean): CodeBlockDSL | null;
     /**
      * 根据代码块id获取代码块内容
-     * @param {string} id 代码块id
+     * @param {Id} id 代码块id
      * @returns {CodeBlockContent | null}
      */
-    getCodeContentById(id: string): Promise<CodeBlockContent | null>;
+    getCodeContentById(id: Id): Promise<CodeBlockContent | null>;
     /**
      * 设置代码块ID和代码内容到源dsl
-     * @param {string} id 代码块id
+     * @param {Id} id 代码块id
      * @param {CodeBlockContent} codeConfig 代码块内容配置信息
      * @returns {void}
      */
-    setCodeDslById(id: string, codeConfig: CodeBlockContent): Promise<void>;
+    setCodeDslById(id: Id, codeConfig: CodeBlockContent): Promise<void>;
     /**
      * 根据代码块id数组获取代码dsl
      * @param {string[]} ids 代码块id数组
@@ -50,10 +51,10 @@ declare class CodeBlock extends BaseService {
     /**
      * 设置代码编辑面板展示状态及展示内容
      * @param {boolean} status 是否展示代码编辑面板
-     * @param {string} id 代码块id
+     * @param {Id} id 代码块id
      * @returns {void}
      */
-    setCodeEditorContent(status: boolean, id: string): void;
+    setCodeEditorContent(status: boolean, id: Id): void;
     /**
      * 获取当前选中的代码块内容
      * @returns {CodeBlockContent | null}
@@ -72,26 +73,15 @@ declare class CodeBlock extends BaseService {
     setEditStatus(status: boolean): Promise<void>;
     /**
      * 设置当前选中的代码块ID
-     * @param {string} id 代码块id
+     * @param {Id} id 代码块id
      * @returns {void}
      */
-    setId(id: string): void;
+    setId(id: Id): void;
     /**
      * 获取当前选中的代码块ID
-     * @returns {string} id 代码块id
+     * @returns {Id} id 代码块id
      */
-    getId(): string;
-    /**
-     * 获取当前模式
-     * @returns {CodeEditorMode}
-     */
-    getMode(): CodeEditorMode;
-    /**
-     * 设置当前模式
-     * @param {CodeEditorMode} mode 模式
-     * @returns {void}
-     */
-    setMode(mode: CodeEditorMode): Promise<void>;
+    getId(): Id;
     /**
      * 设置当前选中组件已关联绑定的代码块id数组
      * @param {string[]} ids 代码块id数组
@@ -104,51 +94,70 @@ declare class CodeBlock extends BaseService {
      */
     getCombineIds(): string[];
     /**
-     * 设置绑定关系
-     * @param {Id} 组件id
-     * @param {string[]} diffCodeIds 代码块id数组
-     * @param {CodeSelectOp} opFlag 操作类型
-     * @param {string} hook 代码块挂载hook名称
-     * @returns {void}
+     * 刷新绑定关系
+     * @returns {CodeRelation | null}
      */
-    setCombineRelation(compId: Id, diffCodeIds: string[], opFlag: CodeSelectOp, hook: string): Promise<void>;
+    refreshCombineInfo(): CodeRelation | null;
+    /**
+     * 获取绑定关系
+     * @returns {CodeRelation}
+     */
+    getCombineInfo(): CodeRelation;
     /**
      * 获取不可删除列表
-     * @returns {string[]}
+     * @returns {Id[]}
      */
-    getUndeletableList(): string[];
+    getUndeletableList(): Id[];
     /**
      * 设置不可删除列表：为业务逻辑预留的不可删除的代码块列表，由业务逻辑维护（如代码块上线后不可删除）
-     * @param {string[]} codeIds 代码块id数组
+     * @param {Id[]} codeIds 代码块id数组
      * @returns {void}
      */
-    setUndeleteableList(codeIds: string[]): Promise<void>;
+    setUndeleteableList(codeIds: Id[]): Promise<void>;
+    /**
+     * 设置代码草稿
+     */
+    setCodeDraft(codeId: Id, content: string): void;
+    /**
+     * 获取代码草稿
+     */
+    getCodeDraft(codeId: Id): string | null;
+    /**
+     * 删除代码草稿
+     */
+    removeCodeDraft(codeId: Id): void;
     /**
      * 在dsl数据源中删除指定id的代码块
-     * @param {string[]} codeIds 需要删除的代码块id数组
+     * @param {Id[]} codeIds 需要删除的代码块id数组
      * @returns {CodeBlockDSL} 删除后的code dsl
      */
-    deleteCodeDslByIds(codeIds: string[]): Promise<CodeBlockDSL>;
+    deleteCodeDslByIds(codeIds: Id[]): Promise<CodeBlockDSL>;
     /**
      * 生成代码块唯一id
-     * @returns {string} 代码块唯一id
-     */
-    getUniqueId(): Promise<string>;
-    /**
-     * 一对一解除绑定关系  功能隐藏，暂时注释
-     * @param {string} compId 组件id
-     * @param {string} codeId 代码块id
-     * @param {string[]} codeHooks 代码块挂载hook名称
-     * @returns {boolean} 结果
+     * @returns {Id} 代码块唯一id
      */
+    getUniqueId(): Promise<Id>;
     /**
      * 通过组件id解除绑定关系（删除组件）
      * @param {MNode} compId 组件节点
      * @returns void
      */
     deleteCompsInRelation(node: MNode): Promise<void>;
+    resetState(): void;
     destroy(): void;
-    private recurseNodes;
+    /**
+     * 删除组件时 如果是容器 需要遍历删除其包含节点的绑定信息
+     * @param {MNode} node 节点信息
+     * @param {CodeBlockDSL} codeDsl 代码块
+     * @returns void
+     */
+    private refreshRelationDeep;
+    /**
+     * 递归遍历dsl中挂载了代码块的节点，并更新绑定关系数据
+     * @param {MContainer} node 节点信息
+     * @returns void
+     */
+    private recurseMNode;
 }
 export declare type CodeBlockService = CodeBlock;
 declare const _default: CodeBlock;

package/types/services/componentList.d.ts

@@ -8,6 +8,7 @@ declare class ComponentList extends BaseService {
      */
     setList(componentGroupList: ComponentGroup[]): void;
     getList(): ComponentGroup[];
+    resetState(): void;
     destroy(): void;
 }
 export declare type ComponentListService = ComponentList;

package/types/services/editor.d.ts

@@ -1,6 +1,5 @@
 import type { CodeBlockDSL, Id, MContainer, MNode } from '@tmagic/schema';
-import { StepValue } from '../services/history';
-import type { AddMNode, EditorNodeInfo, PastePosition, StoreState } from '../type';
+import type { AddMNode, EditorNodeInfo, PastePosition, StepValue, StoreState, StoreStateKey } from '../type';
 import { LayerOffset, Layout } from '../type';
 import BaseService from './BaseService';
 declare class Editor extends BaseService {
@@ -9,17 +8,16 @@ declare class Editor extends BaseService {
     constructor();
     /**
      * 设置当前指点节点配置
-     * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes'
+     * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength'
      * @param value MNode
-     * @returns MNode
      */
-    set<T = MNode>(name: keyof StoreState, value: T): void;
+    set<K extends StoreStateKey, T extends StoreState[K]>(name: K, value: T): void;
     /**
      * 获取当前指点节点配置
-     * @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes'
+     * @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength'
      * @returns MNode
      */
-    get<T = MNode>(name: keyof StoreState): T;
+    get<K extends StoreStateKey>(name: K): StoreState[K];
     /**
      * 根据id获取组件、组件的父组件以及组件所属的页面节点
      * @param {number | string} id 组件id
@@ -33,14 +31,14 @@ declare class Editor extends BaseService {
      * @param {boolean} raw 是否使用toRaw
      * @returns 组件节点配置
      */
-    getNodeById(id: Id, raw?: boolean): MNode | undefined;
+    getNodeById(id: Id, raw?: boolean): MNode | null;
     /**
      * 根据ID获取指点节点的父节点配置
      * @param id 组件ID
      * @param {boolean} raw 是否使用toRaw
      * @returns 指点组件的父节点配置
      */
-    getParentById(id: Id, raw?: boolean): MContainer | undefined;
+    getParentById(id: Id, raw?: boolean): MContainer | null;
     /**
      * 只有容器拥有布局
      */
@@ -51,7 +49,7 @@ declare class Editor extends BaseService {
      * @returns 当前选中的节点配置
      */
     select(config: MNode | Id): Promise<MNode> | never;
-    selectNextNode(): Promise<MNode> | never;
+    selectNextNode(): Promise<MNode | null> | never;
     selectNextPage(): Promise<MNode> | never;
     /**
      * 高亮指定节点
@@ -77,7 +75,6 @@ declare class Editor extends BaseService {
     /**
      * 删除组件
      * @param {Object} node
-     * @return {Object} 删除的组件配置
      */
     remove(nodeOrNodeList: MNode | MNode[]): Promise<void>;
     doUpdate(config: MNode): Promise<MNode>;
@@ -136,6 +133,7 @@ declare class Editor extends BaseService {
      */
     redo(): Promise<StepValue | null>;
     move(left: number, top: number): Promise<void>;
+    resetState(): void;
     destroy(): void;
     resetModifiedNodeId(): void;
     /**
@@ -143,6 +141,7 @@ declare class Editor extends BaseService {
      * @returns {CodeBlockDSL | null}
      */
     getCodeDsl(): Promise<CodeBlockDSL | null>;
+    getCodeDslSync(): CodeBlockDSL | null;
     /**
      * 设置代码块到dsl的codeBlocks字段
      * @param {CodeBlockDSL} codeDsl 代码DSL

package/types/services/events.d.ts

@@ -10,6 +10,7 @@ declare class Events extends BaseService {
     setMethods(methods: Record<string, EventOption[]>): void;
     setMethod(type: string, method: EventOption[]): void;
     getMethod(type: string): EventOption[];
+    resetState(): void;
     destroy(): void;
 }
 export declare type EventsService = Events;

package/types/services/history.d.ts

@@ -1,28 +1,18 @@
-import type { Id, MPage } from '@tmagic/schema';
+import type { MPage } from '@tmagic/schema';
+import { StepValue } from '../type';
 import { UndoRedo } from '../utils/undo-redo';
 import BaseService from './BaseService';
-export interface StepValue {
-    data: MPage;
-    modifiedNodeIds: Map<Id, Id>;
-    nodeId: Id;
-}
-export interface HistoryState {
-    pageId?: Id;
-    pageSteps: Record<Id, UndoRedo<StepValue>>;
-    canRedo: boolean;
-    canUndo: boolean;
-}
 declare class History extends BaseService {
     state: {
-        pageId?: Id | undefined;
-        pageSteps: Record<Id, UndoRedo<StepValue>>;
+        pageId?: import("@tmagic/schema").Id | undefined;
+        pageSteps: Record<import("@tmagic/schema").Id, UndoRedo<StepValue>>;
         canRedo: boolean;
         canUndo: boolean;
     };
     constructor();
     reset(): void;
     changePage(page: MPage): void;
-    empty(): void;
+    resetState(): void;
     push(state: StepValue): StepValue | null;
     undo(): StepValue | null;
     redo(): StepValue | null;

package/types/services/props.d.ts

@@ -42,8 +42,8 @@ declare class Props extends BaseService {
             items: {
                 name: string;
                 text: string;
-                type: string;
                 labelWidth: string;
+                type: string;
             }[];
             labelWidth?: undefined;
         })[];
@@ -66,7 +66,7 @@ declare class Props extends BaseService {
      * @param type 组件类型
      * @param value 组件初始值
      */
-    setPropsValue(type: string, value: MNode): void;
+    setPropsValue(type: string, value: MNode): Promise<void>;
     /**
      * 获取指定类型的组件初始值
      * @param type 组件类型
@@ -97,6 +97,7 @@ declare class Props extends BaseService {
         layout?: undefined;
         items?: undefined;
     }>;
+    resetState(): void;
     destroy(): void;
     /**
      * 生成指定位数的GUID，无【-】格式

package/types/services/ui.d.ts

@@ -1,33 +1,33 @@
 import type { UiState } from '../type';
 import BaseService from './BaseService';
-declare const state: {
-    uiSelectMode: boolean;
-    showSrc: boolean;
-    zoom: number;
-    stageContainerRect: {
-        width: number;
-        height: number;
-    };
-    stageRect: {
-        width: number;
-        height: number;
-    };
-    columnWidth: {
-        left: number;
-        center: number;
-        right: number;
-    };
-    showGuides: boolean;
-    showRule: boolean;
-    propsPanelSize: "small" | "large" | "default";
-    showAddPageButton: boolean;
-};
 declare class Ui extends BaseService {
     constructor();
-    set<T = any>(name: keyof UiState, value: T): void;
-    get<T>(name: keyof typeof state): T;
+    set<K extends keyof UiState, T extends UiState[K]>(name: K, value: T): void;
+    get<K extends keyof UiState>(name: K): {
+        uiSelectMode: boolean;
+        showSrc: boolean;
+        zoom: number;
+        stageContainerRect: {
+            width: number;
+            height: number;
+        };
+        stageRect: {
+            width: number;
+            height: number;
+        };
+        columnWidth: {
+            left: number;
+            center: number;
+            right: number;
+        };
+        showGuides: boolean;
+        showRule: boolean;
+        propsPanelSize: "small" | "default" | "large";
+        showAddPageButton: boolean;
+    }[K];
     zoom(zoom: number): Promise<void>;
     calcZoom(): Promise<number>;
+    resetState(): void;
     destroy(): void;
     private setStageRect;
 }

package/types/type.d.ts

@@ -1,8 +1,8 @@
 import type { Component } from 'vue';
 import type { FormConfig } from '@tmagic/form';
-import type { Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
+import type { CodeBlockContent, CodeBlockDSL, Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
-import type { ContainerHighlightType, MoveableOptions } from '@tmagic/stage';
+import type { ContainerHighlightType, CustomizeMoveableOptionsCallbackConfig, MoveableOptions, UpdateDragEl } from '@tmagic/stage';
 import type { CodeBlockService } from './services/codeBlock';
 import type { ComponentListService } from './services/componentList';
 import type { EditorService } from './services/editor';
@@ -11,6 +11,7 @@ import type { HistoryService } from './services/history';
 import type { PropsService } from './services/props';
 import type { StorageService } from './services/storage';
 import type { UiService } from './services/ui';
+import type { UndoRedo } from './utils/undo-redo';
 export declare type BeforeAdd = (config: MNode, parent: MContainer) => Promise<MNode> | MNode;
 export declare type GetConfig = (config: FormConfig) => Promise<FormConfig> | FormConfig;
 export interface InstallOptions {
@@ -32,11 +33,12 @@ export interface StageOptions {
     containerHighlightClassName: string;
     containerHighlightDuration: number;
     containerHighlightType: ContainerHighlightType;
-    render: () => HTMLDivElement;
-    moveableOptions: MoveableOptions | ((core?: StageCore) => MoveableOptions);
+    disabledDragStart?: boolean;
+    render: (stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>;
+    moveableOptions: MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions);
     canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
     isContainer: (el: HTMLElement) => boolean | Promise<boolean>;
-    updateDragEl: (el: HTMLDivElement) => void;
+    updateDragEl: UpdateDragEl;
 }
 export interface StoreState {
     root: MApp | null;
@@ -49,6 +51,7 @@ export interface StoreState {
     modifiedNodeIds: Map<Id, Id>;
     pageLength: number;
 }
+export declare type StoreStateKey = keyof StoreState;
 export interface PropsState {
     propsConfigMap: Record<string, FormConfig>;
     propsValueMap: Record<string, MNode>;
@@ -98,9 +101,9 @@ export interface UiState {
     showAddPageButton: boolean;
 }
 export interface EditorNodeInfo {
-    node?: MNode;
-    parent?: MContainer;
-    page?: MPage;
+    node: MNode | null;
+    parent: MContainer | null;
+    page: MPage | null;
 }
 export interface AddMNode {
     type: string;
@@ -128,18 +131,17 @@ export interface MenuButton {
      * 按钮类型
      * button: 只有文字不带边框的按钮
      * text: 纯文本
+     * divider: 分割线
      * dropdown: 下拉菜单
-     * divider: 分隔线
-     * zoom: 放大缩小
      */
-    type: 'button' | 'dropdown' | 'text' | 'divider' | 'zoom';
+    type: 'button' | 'text' | 'divider' | 'dropdown';
     /** 当type为divider时有效，分割线方向, 默认vertical */
     direction?: 'horizontal' | 'vertical';
     /** 展示的文案 */
     text?: string;
     /** 鼠标悬浮是显示的气泡中的文案 */
     tooltip?: string;
-    /** element-plus icon class */
+    /** Vue组件或url */
     icon?: string | Component<{}, {}, any>;
     /** 是否置灰，默认为false */
     disabled?: boolean | ((data?: Services) => boolean);
@@ -147,8 +149,8 @@ export interface MenuButton {
     display?: boolean | ((data?: Services) => boolean);
     /** type为button/dropdown时点击运行的方法 */
     handler?: (data: Services, event: MouseEvent) => Promise<any> | any;
-    /** type为dropdown时，下拉的菜单列表， 或者有子菜单时 */
     className?: string;
+    /** type为dropdown时，下拉的菜单列表， 或者有子菜单时 */
     items?: MenuButton[];
 }
 export interface MenuComponent {
@@ -163,16 +165,22 @@ export interface MenuComponent {
     /** 是否显示，默认为true */
     className?: string;
     display?: boolean | ((data?: Services) => Promise<boolean> | boolean);
+    [key: string]: any;
 }
 /**
  * '/': 分隔符
  * 'delete': 删除按钮
  * 'undo': 撤销按钮
  * 'redo': 恢复按钮
+ * 'zoom': 'zoom-in', 'zoom-out', 'scale-to-original', 'scale-to-fit' 的集合
  * 'zoom-in': 放大按钮
  * 'zoom-out': 缩小按钮
+ * 'guides': 显示隐藏参考线
+ * 'rule': 显示隐藏标尺
+ * 'scale-to-original': 缩放到实际大小
+ * 'scale-to-fit': 缩放以适应
  */
-export declare type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | MenuButton | MenuComponent | string;
+export declare type MenuItem = '/' | 'delete' | 'undo' | 'redo' | 'zoom' | 'zoom-in' | 'zoom-out' | 'guides' | 'rule' | 'scale-to-original' | 'scale-to-fit' | MenuButton | MenuComponent | string;
 /** 工具栏 */
 export interface MenuBarData {
     /** 顶部工具栏左边项 */
@@ -185,12 +193,13 @@ export interface MenuBarData {
 export interface SideComponent extends MenuComponent {
     /** 显示文案 */
     text: string;
-    /** element-plus icon class */
+    /** vue组件或url */
     icon: Component<{}, {}, any>;
 }
 /**
  * component-list: 组件列表
  * layer: 已选组件树
+ * code-block: 代码块
  */
 export declare type SideItem = 'component-list' | 'layer' | 'code-block' | SideComponent;
 /** 工具栏 */
@@ -207,8 +216,9 @@ export interface ComponentItem {
     text: string;
     /** 组件类型 */
     type: string;
-    /** element-plus icon class */
-    icon?: string | Component;
+    /** Vue组件或url */
+    icon?: string | Component<{}, {}, any>;
+    /** 新增组件时需要透传到组价节点上的数据 */
     data?: {
         [key: string]: any;
     };
@@ -245,65 +255,55 @@ export interface ScrollViewerEvent {
     scrollHeight: number;
     scrollWidth: number;
 }
-export interface CodeBlockDSL {
-    [id: string]: CodeBlockContent;
-}
-export interface CodeBlockContent {
-    /** 代码块名称 */
-    name: string;
-    /** 代码块内容 */
-    content: string;
-    /** 代码块与组件的绑定关系 */
-    comps?: CodeRelation;
-    /** 扩展字段 */
-    [propName: string]: any;
-}
 export declare type CodeState = {
     /** 是否展示代码块编辑区 */
     isShowCodeEditor: boolean;
     /** 代码块DSL数据源 */
     codeDsl: CodeBlockDSL | null;
     /** 当前选中的代码块id */
-    id: string;
+    id: Id;
     /** 代码块是否可编辑 */
     editable: boolean;
-    /** 代码编辑面板的展示模式 */
-    mode: CodeEditorMode;
     /** list模式下左侧展示的代码列表 */
     combineIds: string[];
     /** 为业务逻辑预留的不可删除的代码块列表，由业务逻辑维护（如代码块上线后不可删除） */
-    undeletableList: string[];
+    undeletableList: Id[];
+    /** 代码块和组件的绑定关系 */
+    relations: CodeRelation;
+};
+export declare type HookData = {
+    /** 代码块id */
+    codeId: Id;
+    /** 参数 */
+    params?: object;
 };
 export declare type CodeRelation = {
-    /** 组件id:['created'] */
-    [compId: string | number]: string[];
+    [codeId: Id]: {
+        /** 组件id:['created'] */
+        [compId: Id]: string[];
+    };
 };
-export declare enum CodeEditorMode {
-    /** 左侧菜单，右侧代码 */
-    LIST = "list",
-    /** 全屏代码 */
-    EDITOR = "editor"
-}
-export interface CodeDslList {
+export interface CodeDslItem {
     /** 代码块id */
-    id: string;
+    id: Id;
     /** 代码块名称 */
     name: string;
     /** 代码块函数内容 */
     codeBlockContent?: CodeBlockContent;
     /** 是否展示代码绑定关系 */
     showRelation?: boolean;
+    /** 代码块对应绑定的组件信息 */
+    combineInfo?: CombineInfo[];
+}
+export interface CombineInfo {
+    /** 组件id */
+    compId: Id;
+    /** 组件名称 */
+    compName: string;
 }
 export interface ListState {
     /** 代码块列表 */
-    codeList: CodeDslList[];
-}
-export interface ListRelationState extends ListState {
-    /** 与代码块绑定的组件id信息 */
-    bindComps: {
-        /** 代码块id : 组件信息 */
-        [id: string]: MNode[];
-    };
+    codeList: CodeDslItem[];
 }
 export declare enum CodeDeleteErrorType {
     /** 代码块存在于不可删除列表中 */
@@ -311,11 +311,22 @@ export declare enum CodeDeleteErrorType {
     /** 代码块存在绑定关系 */
     BIND = "bind"
 }
-export declare enum CodeSelectOp {
-    /** 增加 */
-    ADD = "add",
-    /** 删除 */
-    DELETE = "delete",
-    /** 单选修改 */
-    CHANGE = "change"
+export declare const CODE_DRAFT_STORAGE_KEY = "magicCodeDraft";
+export interface CodeParamStatement {
+    /** 参数名称 */
+    name: string;
+    /** 参数类型 */
+    type?: string;
+    [key: string]: any;
+}
+export interface StepValue {
+    data: MPage;
+    modifiedNodeIds: Map<Id, Id>;
+    nodeId: Id;
+}
+export interface HistoryState {
+    pageId?: Id;
+    pageSteps: Record<Id, UndoRedo<StepValue>>;
+    canRedo: boolean;
+    canUndo: boolean;
 }

package/types/utils/editor.d.ts

@@ -45,3 +45,4 @@ export declare const fixNodeLeft: (config: MNode, parent: MContainer, doc?: Docu
 export declare const fixNodePosition: (config: MNode, parent: MContainer, stage: StageCore | null) => {
     [key: string]: any;
 } | undefined;
+export declare const serializeConfig: (config: any) => string;

package/types/utils/index.d.ts

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

package/types/utils/operator.d.ts

@@ -17,5 +17,5 @@ export declare const getPositionInContainer: (position: PastePosition | undefine
     left: number;
     top: number;
 };
-export declare const getAddParent: (node: MNode) => MContainer | undefined;
+export declare const getAddParent: (node: MNode) => MContainer | null | undefined;
 export declare const getDefaultConfig: (addNode: AddMNode, parentNode: MContainer) => Promise<any>;

package/types/utils/props.d.ts

@@ -41,8 +41,8 @@ export declare const fillConfig: (config?: FormConfig) => {
         items: {
             name: string;
             text: string;
-            type: string;
             labelWidth: string;
+            type: string;
         }[];
         labelWidth?: undefined;
     })[];