@tmagic/editor 1.3.5 → 1.3.7

package/types/layouts/sidebar/layer/use-click.d.ts

@@ -5,14 +5,26 @@ export declare const useClick: (services: Services | undefined, isCtrlKeyDown: R
     menu: Ref<({
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<{
+        $props: Partial<{
+            layerContentMenu: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
+            customContentMenu: (menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[], type: string) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
+        }> & Omit<{
             readonly layerContentMenu: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
+            readonly customContentMenu: (menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[], type: string) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
+            "onCollapse-all"?: (() => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             layerContentMenu: {
                 type: import("vue").PropType<(import("../../../type").MenuButton | import("../../../type").MenuComponent)[]>;
                 required: true;
+                default: () => never[];
             };
-        }>>, never>;
+            customContentMenu: {
+                type: import("vue").PropType<(menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[], type: string) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[]>;
+                default: (menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[]) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
+            };
+        }>> & {
+            "onCollapse-all"?: (() => any) | undefined;
+        }, "layerContentMenu" | "customContentMenu">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -24,16 +36,28 @@ export declare const useClick: (services: Services | undefined, isCtrlKeyDown: R
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "collapse-all") => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             layerContentMenu: {
                 type: import("vue").PropType<(import("../../../type").MenuButton | import("../../../type").MenuComponent)[]>;
                 required: true;
+                default: () => never[];
+            };
+            customContentMenu: {
+                type: import("vue").PropType<(menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[], type: string) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[]>;
+                default: (menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[]) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
             };
-        }>>, {
+        }>> & {
+            "onCollapse-all"?: (() => any) | undefined;
+        }, {
             show: (e: MouseEvent) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "collapse-all": () => void;
+        }, string, {
+            layerContentMenu: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
+            customContentMenu: (menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[], type: string) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
+        }, {}, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -57,8 +81,15 @@ export declare const useClick: (services: Services | undefined, isCtrlKeyDown: R
         layerContentMenu: {
             type: import("vue").PropType<(import("../../../type").MenuButton | import("../../../type").MenuComponent)[]>;
             required: true;
+            default: () => never[];
+        };
+        customContentMenu: {
+            type: import("vue").PropType<(menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[], type: string) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[]>;
+            default: (menus: (import("../../../type").MenuButton | import("../../../type").MenuComponent)[]) => (import("../../../type").MenuButton | import("../../../type").MenuComponent)[];
         };
-    }>> & import("vue").ShallowUnwrapRef<{
+    }>> & {
+        "onCollapse-all"?: (() => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
         show: (e: MouseEvent) => void;
     }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
     nodeClickHandler: (event: MouseEvent, data: TreeNodeData) => void;

package/types/layouts/sidebar/layer/use-keybinding.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from 'vue';
 import Tree from '../../../components/Tree.vue';
 import type { Services } from '../../../type';
-export declare const useKeybinding: (services: Services | undefined, contianer: Ref<InstanceType<typeof Tree> | undefined>) => {
+export declare const useKeybinding: (services: Services | undefined, container: Ref<InstanceType<typeof Tree> | undefined>) => {
     isCtrlKeyDown: Ref<boolean>;
 };

package/types/layouts/sidebar/layer/use-node-status.d.ts

@@ -1,7 +1,6 @@
-import { type ComputedRef } from 'vue';
-import type { Id, MPage } from '@tmagic/schema';
+import type { Id } from '@tmagic/schema';
 import { LayerNodeStatus, Services } from '../../../type';
-export declare const useNodeStatus: (services: Services | undefined, page: ComputedRef<MPage | null | undefined>) => {
+export declare const useNodeStatus: (services: Services | undefined) => {
     nodeStatusMaps: import("vue").Ref<Map<Id, Map<Id, LayerNodeStatus>>>;
-    nodeStatusMap: ComputedRef<Map<Id, LayerNodeStatus> | undefined>;
+    nodeStatusMap: import("vue").ComputedRef<Map<Id, LayerNodeStatus> | undefined>;
 };

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

@@ -1,9 +1,11 @@
 import type { MenuButton, MenuComponent, WorkspaceSlots } from '../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
+    customContentMenu?: ((menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[]) | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
-}>>>, {}, {}>, WorkspaceSlots>;
+    customContentMenu?: ((menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[]) | undefined;
+}>>>, {}, {}>, Readonly<WorkspaceSlots>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/workspace/viewer/NodeListMenu.vue.d.ts

@@ -1,15 +1,2 @@
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    isMultiSelect?: boolean | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    isMultiSelect?: boolean | undefined;
-}>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-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;
-    };
-};

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

@@ -1,8 +1,10 @@
 import { type MenuButton, type MenuComponent } from '../../../type';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
+    customContentMenu?: ((menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[]) | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
+    customContentMenu?: ((menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[]) | undefined;
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -2,17 +2,25 @@ import { MenuButton, MenuComponent } from '../../../type';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isMultiSelect?: boolean | undefined;
     stageContentMenu: (MenuButton | MenuComponent)[];
+    customContentMenu?: ((menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[]) | undefined;
 }>, {
     isMultiSelect: boolean;
+    stageContentMenu: () => never[];
+    customContentMenu: (menus: (MenuButton | MenuComponent)[]) => (MenuButton | MenuComponent)[];
 }>, {
-    show: (e: MouseEvent) => Promise<void>;
+    show: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isMultiSelect?: boolean | undefined;
     stageContentMenu: (MenuButton | MenuComponent)[];
+    customContentMenu?: ((menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[]) | undefined;
 }>, {
     isMultiSelect: boolean;
+    stageContentMenu: () => never[];
+    customContentMenu: (menus: (MenuButton | MenuComponent)[]) => (MenuButton | MenuComponent)[];
 }>>>, {
+    customContentMenu: (menus: (MenuButton | MenuComponent)[], type: string) => (MenuButton | MenuComponent)[];
     isMultiSelect: boolean;
+    stageContentMenu: (MenuButton | MenuComponent)[];
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/types/services/BaseService.d.ts

@@ -52,7 +52,10 @@ export default class extends EventEmitter {
     private middleware;
     private taskList;
     private doingTask;
-    constructor(methods?: string[], serialMethods?: string[]);
+    constructor(methods?: {
+        name: string;
+        isAsync: boolean;
+    }[], serialMethods?: string[]);
     use(options: Record<string, Function>): void;
     usePlugin(options: Record<string, Function>): void;
     removeAllPlugins(): void;

package/types/services/dataSource.d.ts

@@ -33,6 +33,7 @@ declare class DataSource extends BaseService {
         fields: import("@tmagic/schema").DataSchema[];
         methods: import("@tmagic/schema").CodeBlockContent[];
         mocks?: import("@tmagic/schema").MockSchema[] | undefined;
+        disabledInitInJsEngine?: string[] | undefined;
     };
     update(config: DataSourceSchema): DataSourceSchema;
     remove(id: string): void;

package/types/services/dep.d.ts

@@ -1,4 +1,4 @@
-import { type Target } from '@tmagic/dep';
+import { DepTargetType, type Target } from '@tmagic/dep';
 import type { Id, MNode } from '@tmagic/schema';
 import BaseService from './BaseService';
 declare class Dep extends BaseService {
@@ -8,13 +8,14 @@ declare class Dep extends BaseService {
         [targetId: string]: Target;
         [targetId: number]: Target;
     };
-    getTarget(id: Id): Target | undefined;
+    getTarget(id: Id, type?: string): Target;
     addTarget(target: Target): void;
-    removeTarget(id: Id): void;
+    removeTarget(id: Id, type?: string): void;
     clearTargets(): void;
-    collect(nodes: MNode[], deep?: boolean): void;
+    collect(nodes: MNode[], deep?: boolean, type?: DepTargetType): void;
     clear(nodes?: MNode[]): void;
-    hasTarget(id: Id): boolean;
+    hasTarget(id: Id, type?: string): boolean;
+    hasSpecifiedTypeTarget(type?: string): boolean;
 }
 export type DepService = Dep;
 declare const _default: Dep;

package/types/services/editor.d.ts

@@ -8,13 +8,13 @@ declare class Editor extends BaseService {
     constructor();
     /**
      * 设置当前指点节点配置
-     * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength'
+     * @param name 'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength' | 'pageFragmentLength
      * @param value MNode
      */
     set<K extends StoreStateKey, T extends StoreState[K]>(name: K, value: T): void;
     /**
      * 获取当前指点节点配置
-     * @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength'
+     * @param name  'root' | 'page' | 'parent' | 'node' | 'highlightNode' | 'nodes' | 'stage' | 'modifiedNodeIds' | 'pageLength' | 'pageFragmentLength'
      * @returns MNode
      */
     get<K extends StoreStateKey>(name: K): StoreState[K];
@@ -63,6 +63,7 @@ declare class Editor extends BaseService {
      * @returns 加入多选的节点配置
      */
     multiSelect(ids: Id[]): void;
+    selectRoot(): void;
     doAdd(node: MNode, parent: MContainer): Promise<MNode>;
     /**
      * 向指点容器添加组件节点
@@ -92,11 +93,17 @@ declare class Editor extends BaseService {
      */
     sort(id1: Id, id2: Id): Promise<void>;
     /**
-     * 将组将节点配置转化成string，然后存储到localStorage中
+     * 将组件节点配置存储到localStorage中
      * @param config 组件节点配置
-     * @returns 组件节点配置
+     * @returns
+     */
+    copy(config: MNode | MNode[]): void;
+    /**
+     * 复制时会带上组件关联的依赖
+     * @param config 组件节点配置
+     * @returns
      */
-    copy(config: MNode | MNode[]): Promise<void>;
+    copyWithRelated(config: MNode | MNode[]): void;
     /**
      * 从localStorage中获取节点，然后添加到当前容器中
      * @param position 粘贴的坐标

package/types/services/history.d.ts

@@ -1,4 +1,4 @@
-import type { MPage } from '@tmagic/schema';
+import type { MPage, MPageFragment } from '@tmagic/schema';
 import type { StepValue } from '../type';
 import { UndoRedo } from '../utils/undo-redo';
 import BaseService from './BaseService';
@@ -11,7 +11,8 @@ declare class History extends BaseService {
     };
     constructor();
     reset(): void;
-    changePage(page: MPage): void;
+    resetPage(): void;
+    changePage(page: MPage | MPageFragment): void;
     resetState(): void;
     push(state: StepValue): StepValue | null;
     undo(): StepValue | null;

package/types/services/keybinding.d.ts

@@ -5,11 +5,31 @@ declare class Keybinding extends BaseService {
     private controllers;
     private bindingList;
     private commands;
+    registerCommand(command: string, handler: (e: KeyboardEvent) => void | Promise<void>): void;
+    /**
+     * @deprecated
+     */
     registeCommand(command: string, handler: (e: KeyboardEvent) => void | Promise<void>): void;
+    unregisterCommand(command: string): void;
+    /**
+     * @deprecated
+     */
     unregisteCommand(command: string): void;
+    registerEl(name: string, el?: HTMLElement): void;
+    /**
+     * @deprecated
+     */
     registeEl(name: string, el?: HTMLElement): void;
+    unregisterEl(name: string): void;
+    /**
+     * @deprecated
+     */
     unregisteEl(name: string): void;
-    registe(maps: KeyBindingItem[]): void;
+    register(maps: KeyBindingItem[]): void;
+    /**
+     * @deprecated
+     */
+    registe(map: KeyBindingItem[]): void;
     reset(): void;
     destroy(): void;
     private bind;

package/types/services/props.d.ts

@@ -45,9 +45,11 @@ declare class Props extends BaseService {
     createId(type: string | number): Promise<string>;
     /**
      * 将组件与组件的子元素配置中的id都设置成一个新的ID
+     * 如果没有相同ID并且force为false则保持不变
      * @param {Object} config 组件配置
+     * @param {Boolean} force 是否强制设置新的ID
      */
-    setNewItemId(config: MNode): Promise<MNode>;
+    setNewItemId(config: MNode, force?: boolean): Promise<MNode>;
     /**
      * 获取默认属性配置
      * @param type 组件类型
@@ -67,7 +69,29 @@ declare class Props extends BaseService {
         items?: undefined;
     }>;
     resetState(): void;
+    /**
+     * 替换关联ID
+     * @param originConfigs 原组件配置
+     * @param targetConfigs 待替换的组件配置
+     */
+    replaceRelateId(originConfigs: MNode[], targetConfigs: MNode[]): void;
+    /**
+     * 清除setNewItemId前后映射关系
+     */
+    clearRelateId(): void;
     destroy(): void;
+    /**
+     * 获取setNewItemId前后映射关系
+     * @param oldId 原组件ID
+     * @returns 新旧ID映射
+     */
+    private getRelateIdMap;
+    /**
+     * 记录setNewItemId前后映射关系
+     * @param oldId 原组件ID
+     * @param newId 分配的新ID
+     */
+    private setRelateId;
 }
 export type PropsService = Props;
 declare const _default: Props;

package/types/services/storage.d.ts

@@ -27,28 +27,28 @@ export declare class WebStorage extends BaseService {
      *    },
      * });
      */
-    getStorage(): Promise<Storage>;
-    getNamespace(): Promise<string>;
+    getStorage(): Storage;
+    getNamespace(): string;
     /**
      * 清理，支持storageService.usePlugin
      */
-    clear(): Promise<void>;
+    clear(): void;
     /**
      * 获取存储项，支持storageService.usePlugin
      */
-    getItem(key: string, options?: Options): Promise<any>;
+    getItem(key: string, options?: Options): any;
     /**
      * 获取指定索引位置的key
      */
-    key(index: number): Promise<string | null>;
+    key(index: number): string | null;
     /**
      * 移除存储项，支持storageService.usePlugin
      */
-    removeItem(key: string, options?: Options): Promise<void>;
+    removeItem(key: string, options?: Options): void;
     /**
      * 设置存储项，支持storageService.usePlugin
      */
-    setItem(key: string, value: any, options?: Options): Promise<void>;
+    setItem(key: string, value: any, options?: Options): void;
     destroy(): void;
     private getValueAndProtocol;
 }

package/types/type.d.ts

@@ -1,8 +1,8 @@
 import type { Component } from 'vue';
 import type { ColumnConfig, FilterFunction, FormConfig, FormItem } from '@tmagic/form';
-import type { CodeBlockContent, CodeBlockDSL, Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
+import type { CodeBlockContent, CodeBlockDSL, Id, MApp, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
-import type { ContainerHighlightType, CustomizeMoveableOptionsCallbackConfig, MoveableOptions, UpdateDragEl } from '@tmagic/stage';
+import type { ContainerHighlightType, CustomizeMoveableOptionsCallbackConfig, GuidesOptions, MoveableOptions, RenderType, UpdateDragEl } from '@tmagic/stage';
 import type { CodeBlockService } from './services/codeBlock';
 import type { ComponentListService } from './services/componentList';
 import type { DataSourceService } from './services/dataSource';
@@ -26,17 +26,17 @@ export interface FrameworkSlots {
     workspace(props: {}): any;
     'props-panel'(props: {}): any;
     'footer'(props: {}): any;
-}
-export interface WorkspaceSlots {
-    stage(props: {}): any;
-    'workspace-content'(props: {}): any;
     'page-bar-title'(props: {
-        page: MPage;
+        page: MPage | MPageFragment;
     }): any;
     'page-bar-popover'(props: {
-        page: MPage;
+        page: MPage | MPageFragment;
     }): any;
 }
+export interface WorkspaceSlots {
+    stage(props: {}): any;
+    'workspace-content'(props: {}): any;
+}
 export interface ComponentListPanelSlots {
     'component-list-panel-header'(props: {}): any;
     'component-list-item'(props: {
@@ -50,7 +50,7 @@ export interface CodeBlockListPanelSlots extends CodeBlockListSlots {
 export interface CodeBlockListSlots {
     'code-block-panel-tool'(props: {
         id: Id;
-        data: CodeBlockContent;
+        data: any;
     }): any;
 }
 export interface DataSourceListSlots {
@@ -62,16 +62,16 @@ export interface LayerNodeSlots {
     'layer-node-content'(props: {
         data: MNode;
     }): any;
-}
-export interface LayerPanelSlots extends LayerNodeSlots {
-    'layer-panel-header'(props: {}): any;
     'layer-node-tool'(props: {
         data: MNode;
     }): any;
-    'layer-node-content'(props: {
+    'layer-node-label'(props: {
         data: MNode;
     }): any;
 }
+export interface LayerPanelSlots extends LayerNodeSlots {
+    'layer-panel-header'(props: {}): any;
+}
 export interface PropsPanelSlots {
     'props-panel-header'(props: {}): any;
 }
@@ -107,22 +107,29 @@ export interface StageOptions {
     canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
     isContainer: (el: HTMLElement) => boolean | Promise<boolean>;
     updateDragEl: UpdateDragEl;
+    renderType: RenderType;
+    guidesOptions: Partial<GuidesOptions>;
+    disabledMultiSelect?: boolean;
 }
 export interface StoreState {
     root: MApp | null;
-    page: MPage | null;
+    page: MPage | MPageFragment | null;
     parent: MContainer | null;
     node: MNode | null;
     highlightNode: MNode | null;
     nodes: MNode[];
     stage: StageCore | null;
+    stageLoading: boolean;
     modifiedNodeIds: Map<Id, Id>;
     pageLength: number;
+    pageFragmentLength: number;
+    disabledMultiSelect: boolean;
 }
 export type StoreStateKey = keyof StoreState;
 export interface PropsState {
     propsConfigMap: Record<string, FormConfig>;
     propsValueMap: Record<string, Partial<MNode>>;
+    relateIdMap: Record<Id, Id>;
 }
 export interface ComponentGroupState {
     list: ComponentGroup[];
@@ -183,7 +190,7 @@ export interface UiState {
 export interface EditorNodeInfo {
     node: MNode | null;
     parent: MContainer | null;
-    page: MPage | null;
+    page: MPage | MPageFragment | null;
 }
 export interface AddMNode {
     type: string;
@@ -405,7 +412,7 @@ export interface CodeParamStatement {
     [key: string]: any;
 }
 export interface StepValue {
-    data: MPage;
+    data: MPage | MPageFragment;
     modifiedNodeIds: Map<Id, Id>;
     nodeId: Id;
 }
@@ -483,7 +490,7 @@ export interface KeyBindingCacheItem {
     command: KeyBindingCommand | string;
     keybinding?: string | string[];
     eventType: 'keyup' | 'keydown';
-    binded: boolean;
+    bound: boolean;
 }
 export interface CodeSelectColConfig {
     type: 'code-select-col';
@@ -493,6 +500,14 @@ export interface CodeSelectColConfig {
     disabled?: boolean | FilterFunction;
     display?: boolean | FilterFunction;
 }
+export interface PageFragmentSelectConfig {
+    type: 'page-fragment-select';
+    name: string;
+    text: string;
+    labelWidth?: number | string;
+    disabled?: boolean | FilterFunction;
+    display?: boolean | FilterFunction;
+}
 export interface DataSourceMethodSelectConfig {
     type: 'data-source-method-select';
     name: string;

package/types/utils/compose.d.ts

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

package/types/utils/editor.d.ts

@@ -1,31 +1,33 @@
-import type { Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
+import type { Id, MApp, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
+import { NodeType } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
 import { Layout } from '../type';
 export declare const COPY_STORAGE_KEY = "$MagicEditorCopyData";
 /**
  * 获取所有页面配置
- * @param app DSL跟节点
+ * @param root DSL跟节点
  * @returns 所有页面配置
  */
-export declare const getPageList: (app: MApp) => MPage[];
+export declare const getPageList: (root?: MApp | null) => MPage[];
+export declare const getPageFragmentList: (root?: MApp | null) => MPageFragment[];
 /**
  * 获取所有页面名称
  * @param pages 所有页面配置
  * @returns 所有页面名称
  */
-export declare const getPageNameList: (pages: MPage[]) => string[];
+export declare const getPageNameList: (pages: (MPage | MPageFragment)[]) => string[];
 /**
  * 新增页面时，生成页面名称
  * @param {Object} pageNameList 所有页面名称
  * @returns {string}
  */
-export declare const generatePageName: (pageNameList: string[]) => string;
+export declare const generatePageName: (pageNameList: string[], type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => string;
 /**
  * 新增页面时，生成页面名称
  * @param {Object} app 所有页面配置
  * @returns {string}
  */
-export declare const generatePageNameByApp: (app: MApp) => string;
+export declare const generatePageNameByApp: (app: MApp, type: NodeType.PAGE | NodeType.PAGE_FRAGMENT) => string;
 /**
  * @param {Object} node
  * @returns {boolean}
@@ -34,7 +36,7 @@ export declare const isFixed: (node: MNode) => boolean;
 export declare const getNodeIndex: (id: Id, parent: MContainer | MApp) => number;
 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 setChilrenLayout: (node: MContainer, layout: Layout) => MContainer;
+export declare const setChildrenLayout: (node: MContainer, layout: Layout) => MContainer;
 export declare const setLayout: (node: MNode, layout: Layout) => import("@tmagic/schema").MComponent | undefined;
 export declare const change2Fixed: (node: MNode, root: MApp) => {
     left: number;
@@ -47,4 +49,8 @@ export declare const fixNodePosition: (config: MNode, parent: MContainer, stage:
     [key: string]: any;
 } | undefined;
 export declare const serializeConfig: (config: any) => string;
-export declare const traverseNode: (node: MNode, cb: (node: MNode, parents: MNode[]) => void, parents?: MNode[]) => void;
+export interface NodeItem {
+    items?: NodeItem[];
+    [key: string]: any;
+}
+export declare const traverseNode: <T extends NodeItem = NodeItem>(node: T, cb: (node: T, parents: T[]) => void, parents?: T[]) => void;