@tmagic/editor 1.2.0-beta.1 → 1.2.0-beta.11

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

@@ -1,26 +1,128 @@
-import { PropType } from 'vue';
+import type { MenuButton, MenuComponent } from '../../type';
 import { SideBarData } from '../../type';
-declare const _default: import("vue").DefineComponent<{
-    data: {
-        type: PropType<SideBarData>;
-        default: () => {
-            type: string;
-            status: string;
-            items: string[];
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            data: SideBarData;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data?: SideBarData | undefined;
+            layerContentMenu: (MenuButton | MenuComponent)[];
+        }>, {
+            data: () => {
+                type: string;
+                status: string;
+                items: string[];
+            };
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data">;
+        $attrs: {
+            [x: string]: unknown;
         };
-    };
-}, {
-    activeTabName: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: PropType<SideBarData>;
-        default: () => {
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data?: SideBarData | undefined;
+            layerContentMenu: (MenuButton | MenuComponent)[];
+        }>, {
+            data: () => {
+                type: string;
+                status: string;
+                items: string[];
+            };
+        }>>>, {
+            activeTabName: import("vue").Ref<string>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            data: SideBarData;
+        }> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        data?: SideBarData | undefined;
+        layerContentMenu: (MenuButton | MenuComponent)[];
+    }>, {
+        data: () => {
             type: string;
             status: string;
             items: string[];
         };
+    }>>> & import("vue").ShallowUnwrapRef<{
+        activeTabName: import("vue").Ref<string>;
+    }> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data?: SideBarData | undefined;
+    layerContentMenu: (MenuButton | MenuComponent)[];
+}>, {
+    data: () => {
+        type: string;
+        status: string;
+        items: string[];
     };
-}>>, {
+}>>>, {
+    activeTabName: import("vue").Ref<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     data: SideBarData;
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        '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;
+        'code-block-edit-panel-header': (_: {
+            id: any;
+        }) => any;
+        'layer-node-content': (_: {
+            data: any;
+            node: any;
+        }) => any;
+    };
+});
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -54,6 +54,7 @@ declare const _default: {
         'code-block-panel-header': (_: {}) => any;
         'code-block-panel-tool': (_: {
             id: any;
+            data: any;
         }) => any;
         'code-block-edit-panel-header': (_: {
             id: string;

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

@@ -0,0 +1,44 @@
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;

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

@@ -1,8 +1,11 @@
+import { MenuButton, MenuComponent } from '../../type';
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            stageContentMenu: (MenuButton | MenuComponent)[];
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -14,9 +17,11 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            stageContentMenu: (MenuButton | MenuComponent)[];
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -36,11 +41,22 @@ declare const _default: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        stageContentMenu: (MenuButton | MenuComponent)[];
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    stageContentMenu: (MenuButton | MenuComponent)[];
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,3 +1,4 @@
+import { MenuButton, MenuComponent } from '../../type';
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -6,6 +7,7 @@ declare const _default: {
             isMultiSelect: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
             isMultiSelect?: boolean | undefined;
+            stageContentMenu: (MenuButton | MenuComponent)[];
         }>, {
             isMultiSelect: boolean;
         }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "isMultiSelect">;
@@ -24,6 +26,7 @@ declare const _default: {
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
             isMultiSelect?: boolean | undefined;
+            stageContentMenu: (MenuButton | MenuComponent)[];
         }>, {
             isMultiSelect: boolean;
         }>>>, {
@@ -52,6 +55,7 @@ declare const _default: {
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
         isMultiSelect?: boolean | undefined;
+        stageContentMenu: (MenuButton | MenuComponent)[];
     }>, {
         isMultiSelect: boolean;
     }>>> & import("vue").ShallowUnwrapRef<{
@@ -62,15 +66,14 @@ declare const _default: {
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     isMultiSelect?: boolean | undefined;
+    stageContentMenu: (MenuButton | MenuComponent)[];
 }>, {
     isMultiSelect: boolean;
 }>>>, {
     show: (e: MouseEvent) => Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     isMultiSelect: boolean;
-}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {};
-});
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
 export default _default;
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 declare type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,9 +1,12 @@
 import type { MPage } from '@tmagic/schema';
+import type { MenuButton, MenuComponent } from '../../type';
 declare const _default: {
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
         $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            stageContentMenu: (MenuButton | MenuComponent)[];
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
         $attrs: {
             [x: string]: unknown;
         };
@@ -15,9 +18,11 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: string, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+        $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            stageContentMenu: (MenuButton | MenuComponent)[];
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
             beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -37,11 +42,15 @@ declare const _default: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        stageContentMenu: (MenuButton | MenuComponent)[];
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    stageContentMenu: (MenuButton | MenuComponent)[];
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         stage: (_: {}) => any;
         'workspace-content': (_: {}) => any;
@@ -54,3 +63,12 @@ declare const _default: {
     };
 });
 export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/services/codeBlock.d.ts

@@ -12,7 +12,7 @@ declare class CodeBlock extends BaseService {
      */
     setCodeDsl(codeDsl: CodeBlockDSL): Promise<void>;
     /**
-     * 获取活动的代码块dsl数据源（默认从dsl中的codeBlock字段读取）
+     * 获取活动的代码块dsl数据源（默认从dsl中的codeBlocks字段读取）
      * @param {boolean} forceRefresh 是否强制从活动dsl拉取刷新
      * @returns {CodeBlockDSL | null}
      */

package/types/services/editor.d.ts

@@ -139,12 +139,12 @@ declare class Editor extends BaseService {
     destroy(): void;
     resetModifiedNodeId(): void;
     /**
-     * 从dsl中的codeBlock字段读取活动的代码块
+     * 从dsl中的codeBlocks字段读取活动的代码块
      * @returns {CodeBlockDSL | null}
      */
     getCodeDsl(): Promise<CodeBlockDSL | null>;
     /**
-     * 设置代码块到dsl的codeBlock字段
+     * 设置代码块到dsl的codeBlocks字段
      * @param {CodeBlockDSL} codeDsl 代码DSL
      * @returns {void}
      */

package/types/services/ui.d.ts

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

package/types/type.d.ts

@@ -163,6 +163,7 @@ export interface MenuComponent {
     /** 是否显示，默认为true */
     className?: string;
     display?: boolean | ((data?: Services) => Promise<boolean> | boolean);
+    [key: string]: any;
 }
 /**
  * '/': 分隔符
@@ -290,7 +291,7 @@ export interface CodeDslList {
     /** 代码块名称 */
     name: string;
     /** 代码块函数内容 */
-    content: any;
+    codeBlockContent?: CodeBlockContent;
     /** 是否展示代码绑定关系 */
     showRelation?: boolean;
 }

package/types/utils/scroll-viewer.d.ts

@@ -4,6 +4,10 @@ interface ScrollViewerOptions {
     container: HTMLDivElement;
     target: HTMLDivElement;
     zoom: number;
+    correctionScrollSize?: {
+        width: number;
+        height: number;
+    };
 }
 export declare class ScrollViewer extends EventEmitter {
     private container;
@@ -17,6 +21,7 @@ export declare class ScrollViewer extends EventEmitter {
     private height;
     private translateXCorrectionValue;
     private translateYCorrectionValue;
+    private correctionScrollSize;
     private resizeObserver;
     constructor(options: ScrollViewerOptions);
     destroy(): void;

package/src/layouts/sidebar/TabPane.vue

@@ -1,126 +0,0 @@
-<template>
-  <el-tab-pane v-if="config" :name="config.text">
-    <template #label>
-      <div :key="config.text">
-        <m-icon v-if="config.icon" :icon="config.icon"></m-icon>
-        <div v-if="config.text" class="magic-editor-tab-panel-title">{{ config.text }}</div>
-      </div>
-    </template>
-
-    <component :is="config.component" v-bind="config.props || {}" v-on="config?.listeners || {}">
-      <template #component-list-panel-header v-if="data === 'component-list' || config.slots?.componentListPanelHeader">
-        <slot v-if="data === 'component-list'" name="component-list-panel-header"></slot>
-        <component v-else-if="config.slots?.componentListPanelHeader" :is="config.slots.componentListPanelHeader" />
-      </template>
-
-      <template
-        #component-list-item="{ component }"
-        v-if="data === 'component-list' || config.slots?.componentListItem"
-      >
-        <slot v-if="data === 'component-list'" name="component-list-item" :component="component"></slot>
-        <component
-          v-else-if="config.slots?.componentListItem"
-          :is="config.slots.componentListItem"
-          :component="component"
-        />
-      </template>
-
-      <template #layer-panel-header v-if="data === 'layer' || config.slots?.layerPanelHeader">
-        <slot v-if="data === 'layer'" name="layer-panel-header"></slot>
-        <component v-else-if="config.slots?.layerPanelHeader" :is="config.slots.layerPanelHeader" />
-      </template>
-
-      <template #code-block-panel-header v-if="data === 'code-block' || config.slots?.codeBlockPanelHeader">
-        <slot v-if="data === 'code-block'" name="code-block-panel-header"></slot>
-        <component v-else-if="config.slots?.codeBlockPanelHeader" :is="config.slots.codeBlockPanelHeader" />
-      </template>
-
-      <template #code-block-panel-tool="{ id }" v-if="data === 'code-block' || config.slots?.codeBlockPanelTool">
-        <slot v-if="data === 'code-block'" name="code-block-panel-tool" :id="id"></slot>
-        <component v-else-if="config.slots?.codeBlockPanelTool" :is="config.slots.codeBlockPanelTool" />
-      </template>
-
-      <template
-        #code-block-edit-panel-header="{ id }"
-        v-if="data === 'code-block' || config.slots?.codeBlockEditPanelHeader"
-      >
-        <slot v-if="data === 'code-block'" name="code-block-edit-panel-header" :id="id"></slot>
-        <component v-else-if="config.slots?.codeBlockEditPanelHeader" :is="config.slots.codeBlockEditPanelHeader" />
-      </template>
-
-      <template
-        #layer-node-content="{ data: nodeData, node }"
-        v-if="data === 'layer' || config.slots?.layerNodeContent"
-      >
-        <slot v-if="data === 'layer'" name="layer-node-content" :data="nodeData" :node="node"></slot>
-        <component
-          v-else-if="config.slots?.layerNodeContent"
-          :is="config.slots.layerNodeContent"
-          :data="nodeData"
-          :node="node"
-        />
-      </template>
-    </component>
-  </el-tab-pane>
-</template>
-
-<script lang="ts">
-import { computed, defineComponent, PropType } from 'vue';
-import { Coin, EditPen, Files } from '@element-plus/icons-vue';
-
-import MIcon from '../../components/Icon.vue';
-import { SideComponent, SideItem } from '../../type';
-
-import CodeBlockList from './code-block/CodeBlockList.vue';
-import ComponentListPanel from './ComponentListPanel.vue';
-import LayerPanel from './LayerPanel.vue';
-
-export default defineComponent({
-  components: { MIcon },
-
-  props: {
-    data: {
-      type: [Object, String] as PropType<SideItem>,
-    },
-  },
-
-  setup(props) {
-    return {
-      config: computed<SideComponent | undefined>(() => {
-        if (typeof props.data !== 'string') {
-          return props.data;
-        }
-
-        switch (props.data) {
-          case 'component-list':
-            return {
-              type: 'component',
-              icon: Coin,
-              text: '组件',
-              component: ComponentListPanel,
-              slots: {},
-            };
-          case 'layer':
-            return {
-              type: 'component',
-              icon: Files,
-              text: '已选组件',
-              component: LayerPanel,
-              slots: {},
-            };
-          case 'code-block':
-            return {
-              type: 'component',
-              icon: EditPen,
-              text: '代码编辑',
-              component: CodeBlockList,
-              slots: {},
-            };
-          default:
-            return undefined;
-        }
-      }),
-    };
-  },
-});
-</script>

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

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