@tmagic/editor 1.3.0-beta.2 → 1.3.0-beta.4

package/types/initService.d.ts

@@ -1,8 +1,9 @@
-import type { ExtractPropTypes } from 'vue';
-import editorProps from './editorProps';
+import type { MApp } from '@tmagic/schema';
+import PropsPanel from './layouts/PropsPanel.vue';
+import { EditorProps } from './editorProps';
 import { Services } from './type';
 export declare type LooseRequired<T> = {
     [P in string & keyof T]: T[P];
 };
-export declare const initServiceState: (props: Readonly<LooseRequired<Readonly<ExtractPropTypes<typeof editorProps>>>>, { editorService, historyService, componentListService, propsService, eventsService, uiService, codeBlockService, keybindingService, dataSourceService, }: Services) => void;
-export declare const initServiceEvents: (props: Readonly<LooseRequired<Readonly<ExtractPropTypes<typeof editorProps>>>>, emit: (event: 'props-panel-mounted' | 'update:modelValue', ...args: any[]) => void, { editorService, codeBlockService, dataSourceService, depService }: Services) => void;
+export declare const initServiceState: (props: EditorProps, { editorService, historyService, componentListService, propsService, eventsService, uiService, codeBlockService, keybindingService, dataSourceService, }: Services) => void;
+export declare const initServiceEvents: (props: EditorProps, emit: ((event: 'props-panel-mounted', instance: InstanceType<typeof PropsPanel>) => void) & ((event: 'update:modelValue', value: MApp | null) => void), { editorService, codeBlockService, dataSourceService, depService }: Services) => void;

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

@@ -9,12 +9,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     } | undefined;
     height?: string | undefined;
     autoSave?: boolean | undefined;
+    parse?: boolean | undefined;
 }>, {
     autoSave: boolean;
     language: string;
     options: () => {
         tabSize: number;
     };
+    parse: boolean;
 }>, {
     values: import("vue").Ref<string>;
     getEditor(): monaco.editor.IStandaloneCodeEditor | monaco.editor.IStandaloneDiffEditor | null;
@@ -33,12 +35,14 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     } | undefined;
     height?: string | undefined;
     autoSave?: boolean | undefined;
+    parse?: boolean | undefined;
 }>, {
     autoSave: boolean;
     language: string;
     options: () => {
         tabSize: number;
     };
+    parse: boolean;
 }>>> & {
     onInitd?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
@@ -48,6 +52,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     };
     language: string;
     autoSave: boolean;
+    parse: boolean;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,15 +1,5 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    header?(_: {}): any;
-    nav?(_: {}): any;
-    "content-before"?(_: {}): any;
-    "src-code"?(_: {}): any;
-    sidebar?(_: {}): any;
-    workspace?(_: {}): any;
-    empty?(_: {}): any;
-    "props-panel"?(_: {}): any;
-    "content-after"?(_: {}): any;
-    footer?(_: {}): any;
-}>;
+import type { FrameworkSlots } from '../type';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, FrameworkSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,5 @@
 import type { FormState, FormValue } from '@tmagic/form';
+import type { PropsPanelSlots } from '../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
 }>, {
@@ -265,9 +266,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     extendState?: ((state: FormState) => Record<string, any> | Promise<Record<string, any>>) | undefined;
 }>>> & {
     onMounted?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    "props-panel-header"?(_: {}): any;
-}>;
+}, {}, {}>, PropsPanelSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,10 +1,5 @@
-import type { ComponentItem } from '../../type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
-    "component-list-panel-header"?(_: {}): any;
-    "component-list-item"?(_: {
-        component: ComponentItem;
-    }): any;
-}>;
+import { ComponentListPanelSlots } from '../../type';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, ComponentListPanelSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import type { MenuButton, MenuComponent } from '../../type';
+import type { MenuButton, MenuComponent, SidebarSlots } from '../../type';
 import { SideBarData } from '../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     data: SideBarData;
@@ -22,22 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
 }>>>, {
     data: SideBarData;
-}, {}>, {
-    "component-list-panel-header"?(_: {}): any;
-    "component-list-item"?(_: {
-        component: any;
-    }): any;
-    "layer-panel-header"?(_: {}): any;
-    "code-block-panel-header"?(_: {}): any;
-    "code-block-panel-tool"?(_: {
-        id: any;
-        data: any;
-    }): any;
-    "layer-node-content"?(_: {
-        data: any;
-        node: any;
-    }): any;
-}>;
+}, {}>, SidebarSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/sidebar/code-block/CodeBlockList.vue.d.ts

@@ -1,17 +1,12 @@
 import type { Id } from '@tmagic/schema';
-import { CodeDeleteErrorType } from '../../../type';
+import { CodeBlockListSlots, CodeDeleteErrorType } from '../../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
 }>, {
     filter(val: string): void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
-}>>>, {}, {}>, {
-    "code-block-panel-tool"?(_: {
-        id: any;
-        data: any;
-    }): any;
-}>;
+}>>>, {}, {}>, CodeBlockListSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/sidebar/code-block/CodeBlockListPanel.vue.d.ts

@@ -1,17 +1,10 @@
 import type { Id } from '@tmagic/schema';
-import type { CodeDeleteErrorType } from '../../../type';
+import type { CodeBlockListPanelSlots, CodeDeleteErrorType } from '../../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     customError?: ((id: Id, errorType: CodeDeleteErrorType) => any) | undefined;
-}>>>, {}, {}>, {
-    "code-block-panel-header"?(_: {}): any;
-    "code-block-panel-search"?(_: {}): any;
-    "code-block-panel-tool"?(_: {
-        id: any;
-        data: any;
-    }): any;
-}>;
+}>>>, {}, {}>, CodeBlockListPanelSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/types/layouts/sidebar/{LayerMenu.vue.d.ts → layer/LayerMenu.vue.d.ts}

@@ -1,4 +1,4 @@
-import type { MenuButton, MenuComponent } from '../../type';
+import type { MenuButton, MenuComponent } from '../../../type';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     layerContentMenu: (MenuButton | MenuComponent)[];
 }>, {

package/types/layouts/sidebar/layer/LayerNode.vue.d.ts

@@ -0,0 +1,50 @@
+import type { MContainer, MNode } from '@tmagic/schema';
+import type { LayerNodeSlots } from '../../../type';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data: MNode;
+    parent?: MContainer | undefined;
+    indent?: number | undefined;
+    filterText?: string | undefined;
+    isCtrlKeyDown?: boolean | undefined;
+}>, {
+    indent: number;
+    filterText: string;
+    isCtrlKeyDown: boolean;
+}>, {}, 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<{
+    data: MNode;
+    parent?: MContainer | undefined;
+    indent?: number | undefined;
+    filterText?: string | undefined;
+    isCtrlKeyDown?: boolean | undefined;
+}>, {
+    indent: number;
+    filterText: string;
+    isCtrlKeyDown: boolean;
+}>>>, {
+    filterText: string;
+    indent: number;
+    isCtrlKeyDown: boolean;
+}, {}>, LayerNodeSlots>;
+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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/types/layouts/sidebar/{LayerNode.vue.d.ts → layer/LayerNodeTool.vue.d.ts}

@@ -1,4 +1,4 @@
-import { MNode } from '@tmagic/schema';
+import type { MNode } from '@tmagic/schema';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     data: MNode;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{

package/types/layouts/sidebar/{LayerPanel.vue.d.ts → layer/LayerPanel.vue.d.ts}

@@ -1,15 +1,9 @@
-import type { MenuButton, MenuComponent } from '../../type';
+import type { LayerPanelSlots, MenuButton, MenuComponent } from '../../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     layerContentMenu: (MenuButton | MenuComponent)[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     layerContentMenu: (MenuButton | MenuComponent)[];
-}>>>, {}, {}>, {
-    "layer-panel-header"?(_: {}): any;
-    "layer-node-content"?(_: {
-        node: any;
-        data: any;
-    }): any;
-}>;
+}>>>, {}, {}>, LayerPanelSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -0,0 +1,14 @@
+import type { MNode } from '@tmagic/schema';
+import { type Services } from '../../../type';
+export declare type NodeDropType = 'before' | 'after' | 'inner' | 'none';
+/**
+ * dragstart/dragleave/dragend 属于源节点
+ * dragover 属于目标节点
+ * 这些方法并不是同一个dom事件触发的
+ */
+export declare const useDrag: (services: Services | undefined) => {
+    handleDragStart: (event: DragEvent) => void;
+    handleDragEnd: (event: DragEvent, node: MNode) => void;
+    handleDragLeave: (event: DragEvent) => void;
+    handleDragOver: (event: DragEvent) => void;
+};

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

@@ -0,0 +1,8 @@
+import { type ComputedRef } from 'vue';
+import { Id, MPage } from '@tmagic/schema';
+import { LayerNodeStatus } from '../../../type';
+export declare const updateStatus: (nodeStatusMap: Map<Id, LayerNodeStatus>, id: Id, status: Partial<LayerNodeStatus>) => void;
+export declare const useFilter: (nodeStatusMap: ComputedRef<Map<Id, LayerNodeStatus> | undefined>, page: ComputedRef<MPage | null | undefined>) => {
+    filterText: import("vue").Ref<string>;
+    filterTextChangeHandler(text: string): void;
+};

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

@@ -0,0 +1,4 @@
+import type { Services } from '../../../type';
+export declare const useKeybinding: (services: Services | undefined) => {
+    isCtrlKeyDown: import("vue").Ref<boolean>;
+};

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

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

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

@@ -1,18 +1,9 @@
-import { MenuButton, MenuComponent } from '../../type';
+import type { MenuButton, MenuComponent, WorkspaceSlots } from '../../type';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
 }>, {}, 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)[];
-}>>>, {}, {}>, {
-    stage?(_: {}): any;
-    "workspace-content"?(_: {}): any;
-    "page-bar-title"?(_: {
-        page: import("@tmagic/schema").MPage;
-    }): any;
-    "page-bar-popover"?(_: {
-        page: import("@tmagic/schema").MPage;
-    }): any;
-}>;
+}>>>, {}, {}>, WorkspaceSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,4 +1,4 @@
-import { MenuButton, MenuComponent } from '../../../type';
+import { type MenuButton, type MenuComponent } from '../../../type';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     stageContentMenu: (MenuButton | MenuComponent)[];
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{

package/types/services/dataSource.d.ts

@@ -10,6 +10,7 @@ interface State {
     configs: Record<string, FormConfig>;
     values: Record<string, Partial<DataSourceSchema>>;
     events: Record<string, EventOption[]>;
+    methods: Record<string, EventOption[]>;
 }
 type StateKey = keyof State;
 declare class DataSource extends BaseService {
@@ -22,6 +23,8 @@ declare class DataSource extends BaseService {
     setFormValue(type: string, value: Partial<DataSourceSchema>): void;
     getFormEvent(type?: string): EventOption[];
     setFormEvent(type: string, value?: EventOption[]): void;
+    getFormMethod(type?: string): EventOption[];
+    setFormMethod(type: string, value?: EventOption[]): void;
     add(config: DataSourceSchema): void;
     update(config: DataSourceSchema): void;
     remove(id: string): void;

package/types/services/editor.d.ts

@@ -122,6 +122,7 @@ declare class Editor extends BaseService {
      * @param targetId 容器ID
      */
     moveToContainer(config: MNode, targetId: Id): Promise<MNode | undefined>;
+    dragTo(config: MNode, targetParent: MContainer, targetIndex: number): Promise<void>;
     /**
      * 撤销当前操作
      * @returns 上一次数据

package/types/type.d.ts

@@ -15,6 +15,56 @@ 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 interface FrameworkSlots {
+    header(props: {}): any;
+    nav(props: {}): any;
+    'content-before'(props: {}): any;
+    'content-after'(props: {}): any;
+    'src-code'(props: {}): any;
+    sidebar(props: {}): any;
+    empty(props: {}): any;
+    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;
+    }): any;
+    'page-bar-popover'(props: {
+        page: MPage;
+    }): any;
+}
+export interface ComponentListPanelSlots {
+    'component-list-panel-header'(props: {}): any;
+    'component-list-item'(props: {
+        component: ComponentItem;
+    }): any;
+}
+export interface CodeBlockListPanelSlots extends CodeBlockListSlots {
+    'code-block-panel-search'(props: {}): any;
+    'code-block-panel-header'(props: {}): any;
+}
+export interface CodeBlockListSlots {
+    'code-block-panel-tool'(props: {
+        id: Id;
+        data: CodeBlockContent;
+    }): any;
+}
+export interface LayerNodeSlots {
+    'layer-node-content'(props: {
+        data: MNode;
+    }): any;
+}
+export interface LayerPanelSlots extends LayerNodeSlots {
+    'layer-panel-header'(props: {}): any;
+}
+export interface PropsPanelSlots {
+    'props-panel-header'(props: {}): any;
+}
+export type SidebarSlots = LayerPanelSlots & CodeBlockListPanelSlots & ComponentListPanelSlots;
 export type BeforeAdd = (config: MNode, parent: MContainer) => Promise<MNode> | MNode;
 export type GetConfig = (config: FormConfig) => Promise<FormConfig> | FormConfig;
 export interface InstallOptions {
@@ -418,6 +468,7 @@ export interface DataSourceMethodSelectConfig {
 export interface DataSourceFieldSelectConfig {
     type: 'data-source-field-select';
     name: string;
+    value?: 'key' | 'value';
     labelWidth?: number | string;
     disabled?: boolean | FilterFunction;
     display?: boolean | FilterFunction;
@@ -437,3 +488,12 @@ export interface DatasourceTypeOption {
     type: string;
     text: string;
 }
+export interface LayerNodeStatus {
+    visible: boolean;
+    expand: boolean;
+    selected: boolean;
+}
+export declare enum DragType {
+    COMPONENT_LIST = "component-list",
+    LAYER_TREE = "layer-tree"
+}

package/types/utils/dep.d.ts

@@ -1,4 +1,4 @@
-import { CodeBlockContent, Id } from '@tmagic/schema';
+import { type CodeBlockContent, type Id } from '@tmagic/schema';
 import { Target } from '../services/dep';
 export declare const createCodeBlockTarget: (id: Id, codeBlock: CodeBlockContent) => Target;
 export declare const createDataSourceTarget: (id: Id) => Target;

package/types/utils/editor.d.ts

@@ -1,4 +1,4 @@
-import type { MApp, MContainer, MNode, MPage } from '@tmagic/schema';
+import type { Id, MApp, MContainer, MNode, MPage } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
 import { Layout } from '../type';
 export declare const COPY_STORAGE_KEY = "$MagicEditorCopyData";
@@ -31,7 +31,7 @@ export declare const generatePageNameByApp: (app: MApp) => string;
  * @returns {boolean}
  */
 export declare const isFixed: (node: MNode) => boolean;
-export declare const getNodeIndex: (node: MNode, parent: MContainer | MApp) => number;
+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 setLayout: (node: MNode, layout: Layout) => MNode;
@@ -46,3 +46,4 @@ 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;

package/src/layouts/sidebar/LayerNode.vue

@@ -1,40 +0,0 @@
-<template>
-  <div>
-    {{ `${data.name} (${data.id})` }}
-  </div>
-  <div class="layer-node-tool">
-    <template v-if="data.type !== 'page'">
-      <el-icon v-if="data.visible === false" @click.stop="setNodeVisible(true)" title="点击显示">
-        <Hide />
-      </el-icon>
-      <el-icon v-else @click.stop="setNodeVisible(false)" class="node-lock" title="点击隐藏">
-        <View />
-      </el-icon>
-    </template>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { inject } from 'vue';
-import { Hide, View } from '@element-plus/icons-vue';
-
-import { MNode } from '@tmagic/schema';
-
-import { Services } from '@editor/type';
-
-const props = defineProps<{
-  data: MNode;
-}>();
-
-const services = inject<Services>('services');
-const editorService = services?.editorService;
-
-const setNodeVisible = (visible: boolean) => {
-  if (!editorService) return;
-
-  editorService.update({
-    id: props.data.id,
-    visible,
-  });
-};
-</script>