@tmagic/editor 1.2.0-beta.9 → 1.2.1

package/src/utils/operator.ts

@@ -1,8 +1,7 @@
 import { toRaw } from 'vue';
 import { isEmpty } from 'lodash-es';
 
-import { Id, MApp, MContainer, MNode } from '@tmagic/schema';
-import StageCore from '@tmagic/stage';
+import { Id, MContainer, MNode } from '@tmagic/schema';
 import { isPage } from '@tmagic/utils';
 
 import editorService from '../services/editor';
@@ -18,7 +17,7 @@ import { generatePageNameByApp, getInitPositionStyle } from '../utils/editor';
  */
 export const beforePaste = async (position: PastePosition, config: MNode[]): Promise<MNode[]> => {
   if (!config[0]?.style) return config;
-  const curNode = editorService.get<MContainer>('node');
+  const curNode = editorService.get('node');
   // 将数组中第一个元素的坐标作为参照点
   const { left: referenceLeft, top: referenceTop } = config[0].style;
   // 坐标校准后的粘贴数据
@@ -28,7 +27,7 @@ export const beforePaste = async (position: PastePosition, config: MNode[]): Pro
       const { offsetX = 0, offsetY = 0, ...positionClone } = position;
       let pastePosition = positionClone;
 
-      if (!isEmpty(pastePosition) && curNode.items) {
+      if (!isEmpty(pastePosition) && curNode?.items) {
         // 如果没有传入粘贴坐标则可能为键盘操作，不再转换
         // 如果粘贴时选中了容器，则将元素粘贴到容器内，坐标需要转换为相对于容器的坐标
         pastePosition = getPositionInContainer(pastePosition, curNode.id);
@@ -59,8 +58,9 @@ export const beforePaste = async (position: PastePosition, config: MNode[]): Pro
           ...pastePosition,
         };
       }
-      if (isPage(pasteConfig)) {
-        pasteConfig.name = generatePageNameByApp(editorService.get('root'));
+      const root = editorService.get('root');
+      if (isPage(pasteConfig) && root) {
+        pasteConfig.name = generatePageNameByApp(root);
       }
       return pasteConfig as MNode;
     }),
@@ -76,7 +76,7 @@ export const beforePaste = async (position: PastePosition, config: MNode[]): Pro
  */
 export const getPositionInContainer = (position: PastePosition = {}, id: Id) => {
   let { left = 0, top = 0 } = position;
-  const parentEl = editorService.get<StageCore>('stage')?.renderer?.contentWindow?.document.getElementById(`${id}`);
+  const parentEl = editorService.get('stage')?.renderer?.contentWindow?.document.getElementById(`${id}`);
   const parentElRect = parentEl?.getBoundingClientRect();
   left = left - (parentElRect?.left || 0);
   top = top - (parentElRect?.top || 0);
@@ -87,14 +87,14 @@ export const getPositionInContainer = (position: PastePosition = {}, id: Id) =>
 };
 
 export const getAddParent = (node: MNode) => {
-  const curNode = editorService.get<MContainer>('node');
+  const curNode = editorService.get('node');
 
   let parentNode;
   if (isPage(node)) {
-    parentNode = editorService.get<MApp>('root');
-  } else if (curNode.items) {
-    parentNode = curNode;
-  } else {
+    parentNode = editorService.get('root');
+  } else if (curNode?.items) {
+    parentNode = curNode as MContainer;
+  } else if (curNode?.id) {
     parentNode = editorService.getParentById(curNode.id, false);
   }
   return parentNode;

package/src/utils/props.ts

@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -226,14 +226,14 @@ export const fillConfig = (config: FormConfig = []) => [
           {
             name: 'created',
             text: 'created',
-            type: 'code-select',
             labelWidth: '100px',
+            type: 'code-select',
           },
           {
             name: 'mounted',
             text: 'mounted',
-            type: 'code-select',
             labelWidth: '100px',
+            type: 'code-select',
           },
         ],
       },

package/src/utils/scroll-viewer.ts

@@ -4,6 +4,10 @@ interface ScrollViewerOptions {
   container: HTMLDivElement;
   target: HTMLDivElement;
   zoom: number;
+  correctionScrollSize?: {
+    width: number;
+    height: number;
+  };
 }
 
 export class ScrollViewer extends EventEmitter {
@@ -23,6 +27,11 @@ export class ScrollViewer extends EventEmitter {
   private translateXCorrectionValue = 0;
   private translateYCorrectionValue = 0;
 
+  private correctionScrollSize = {
+    width: 0,
+    height: 0,
+  };
+
   private resizeObserver = new ResizeObserver(() => {
     this.setSize();
     this.setScrollSize();
@@ -35,6 +44,13 @@ export class ScrollViewer extends EventEmitter {
     this.target = options.target;
     this.zoom = options.zoom;
 
+    if (this.correctionScrollSize) {
+      this.correctionScrollSize = {
+        ...this.correctionScrollSize,
+        ...options.correctionScrollSize,
+      };
+    }
+
     this.container.addEventListener('wheel', this.wheelHandler, false);
 
     this.setSize();
@@ -109,9 +125,9 @@ export class ScrollViewer extends EventEmitter {
 
   private setScrollSize = () => {
     const targetRect = this.target.getBoundingClientRect();
-    this.scrollWidth = targetRect.width * this.zoom + 100;
+    this.scrollWidth = targetRect.width * this.zoom + this.correctionScrollSize.width;
     const targetMarginTop = Number(this.target.style.marginTop) || 0;
-    this.scrollHeight = (targetRect.height + targetMarginTop) * this.zoom + 100;
+    this.scrollHeight = (targetRect.height + targetMarginTop) * this.zoom + this.correctionScrollSize.height;
 
     let left: number | undefined;
     let top: number | undefined;

package/src/utils/stage.ts

@@ -1,6 +1,5 @@
 import { computed } from 'vue';
 
-import { MApp, MPage } from '@tmagic/schema';
 import StageCore, { GuidesType, SortEventData, UpdateEventData } from '@tmagic/stage';
 
 import editorService from '../services/editor';
@@ -9,10 +8,10 @@ import { H_GUIDE_LINE_STORAGE_KEY, StageOptions, V_GUIDE_LINE_STORAGE_KEY } from
 
 import { getGuideLineFromCache } from './editor';
 
-const root = computed(() => editorService.get<MApp>('root'));
-const page = computed(() => editorService.get<MPage>('page'));
-const zoom = computed(() => uiService.get<number>('zoom') || 1);
-const uiSelectMode = computed(() => uiService.get<boolean>('uiSelectMode'));
+const root = computed(() => editorService.get('root'));
+const page = computed(() => editorService.get('page'));
+const zoom = computed(() => uiService.get('zoom') || 1);
+const uiSelectMode = computed(() => uiService.get('uiSelectMode'));
 
 const getGuideLineKey = (key: string) => `${key}_${root.value?.id}_${page.value?.id}`;
 
@@ -26,6 +25,7 @@ export const useStage = (stageOptions: StageOptions) => {
     containerHighlightClassName: stageOptions.containerHighlightClassName,
     containerHighlightDuration: stageOptions.containerHighlightDuration,
     containerHighlightType: stageOptions.containerHighlightType,
+    disabledDragStart: stageOptions.disabledDragStart,
     canSelect: (el, event, stop) => {
       const elCanSelect = stageOptions.canSelect(el);
       // 在组件联动过程中不能再往下选择，返回并触发 ui-select
@@ -46,7 +46,7 @@ export const useStage = (stageOptions: StageOptions) => {
   ]);
 
   stage.on('select', (el: HTMLElement) => {
-    if (`${editorService.get('node')?.id}` === el.id) return;
+    if (`${editorService.get('node')?.id}` === el.id && editorService.get('nodes').length === 1) return;
     editorService.select(el.id);
   });
 
@@ -54,7 +54,7 @@ export const useStage = (stageOptions: StageOptions) => {
     editorService.highlight(el.id);
   });
 
-  stage.on('multiSelect', (els: HTMLElement[]) => {
+  stage.on('multi-select', (els: HTMLElement[]) => {
     editorService.multiSelect(els.map((el) => el.id));
   });
 
@@ -75,11 +75,12 @@ export const useStage = (stageOptions: StageOptions) => {
 
   stage.on('select-parent', () => {
     const parent = editorService.get('parent');
+    if (!parent) throw new Error('父节点为空');
     editorService.select(parent);
-    editorService.get<StageCore>('stage').select(parent.id);
+    editorService.get('stage')?.select(parent.id);
   });
 
-  stage.on('changeGuides', (e) => {
+  stage.on('change-guides', (e) => {
     uiService.set('showGuides', true);
 
     if (!root.value || !page.value) return;

package/src/utils/undo-redo.ts

@@ -1,7 +1,7 @@
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2023 THL A29 Limited, a Tencent company.  All rights reserved.
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.

package/types/Editor.vue.d.ts

@@ -1,8 +1,8 @@
 import { PropType } from 'vue';
+import { EventOption } from '@tmagic/core';
 import type { FormConfig } from '@tmagic/form';
 import type { MApp, MNode } from '@tmagic/schema';
-import type StageCore from '@tmagic/stage';
-import { ContainerHighlightType, MoveableOptions } from '@tmagic/stage';
+import StageCore, { ContainerHighlightType, CustomizeMoveableOptionsCallbackConfig, MoveableOptions, UpdateDragEl } from '@tmagic/stage';
 import type { ComponentGroup, MenuBarData, MenuButton, MenuComponent, Services, SideBarData, StageRect } from './type';
 declare const _default: import("vue").DefineComponent<{
     /** 页面初始值 */
@@ -20,14 +20,6 @@ declare const _default: import("vue").DefineComponent<{
     sidebar: {
         type: PropType<SideBarData>;
     };
-    layerContentMenu: {
-        type: PropType<(MenuButton | MenuComponent)[]>;
-        default: () => never[];
-    };
-    stageContentMenu: {
-        type: PropType<(MenuButton | MenuComponent)[]>;
-        default: () => never[];
-    };
     /** 顶部工具栏配置 */
     menu: {
         type: PropType<MenuBarData>;
@@ -36,9 +28,19 @@ declare const _default: import("vue").DefineComponent<{
             right: never[];
         };
     };
+    /** 组件树右键菜单 */
+    layerContentMenu: {
+        type: PropType<(MenuButton | MenuComponent)[]>;
+        default: () => never[];
+    };
+    /** 画布右键菜单 */
+    stageContentMenu: {
+        type: PropType<(MenuButton | MenuComponent)[]>;
+        default: () => never[];
+    };
     /** 中间工作区域中画布渲染的内容 */
     render: {
-        type: PropType<() => HTMLDivElement>;
+        type: PropType<(stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>>;
     };
     /** 中间工作区域中画布通过iframe渲染时的页面url */
     runtimeUrl: StringConstructor;
@@ -56,12 +58,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** 组件联动事件选项列表 */
     eventMethodList: {
-        type: ObjectConstructor;
+        type: PropType<Record<string, {
+            events: EventOption[];
+            methods: EventOption[];
+        }>>;
         default: () => {};
     };
     /** 画布中组件选中框的移动范围 */
     moveableOptions: {
-        type: PropType<MoveableOptions | ((core?: StageCore) => MoveableOptions)>;
+        type: PropType<MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions)>;
     };
     /** 编辑器初始化时默认选中的组件ID */
     defaultSelected: {
@@ -95,7 +100,10 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
     updateDragEl: {
-        type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
+        type: PropType<UpdateDragEl>;
+    };
+    disabledDragStart: {
+        type: BooleanConstructor;
     };
 }, Services, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "props-panel-mounted")[], "update:modelValue" | "props-panel-mounted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /** 页面初始值 */
@@ -113,14 +121,6 @@ declare const _default: import("vue").DefineComponent<{
     sidebar: {
         type: PropType<SideBarData>;
     };
-    layerContentMenu: {
-        type: PropType<(MenuButton | MenuComponent)[]>;
-        default: () => never[];
-    };
-    stageContentMenu: {
-        type: PropType<(MenuButton | MenuComponent)[]>;
-        default: () => never[];
-    };
     /** 顶部工具栏配置 */
     menu: {
         type: PropType<MenuBarData>;
@@ -129,9 +129,19 @@ declare const _default: import("vue").DefineComponent<{
             right: never[];
         };
     };
+    /** 组件树右键菜单 */
+    layerContentMenu: {
+        type: PropType<(MenuButton | MenuComponent)[]>;
+        default: () => never[];
+    };
+    /** 画布右键菜单 */
+    stageContentMenu: {
+        type: PropType<(MenuButton | MenuComponent)[]>;
+        default: () => never[];
+    };
     /** 中间工作区域中画布渲染的内容 */
     render: {
-        type: PropType<() => HTMLDivElement>;
+        type: PropType<(stage: StageCore) => HTMLDivElement | Promise<HTMLDivElement>>;
     };
     /** 中间工作区域中画布通过iframe渲染时的页面url */
     runtimeUrl: StringConstructor;
@@ -149,12 +159,15 @@ declare const _default: import("vue").DefineComponent<{
     };
     /** 组件联动事件选项列表 */
     eventMethodList: {
-        type: ObjectConstructor;
+        type: PropType<Record<string, {
+            events: EventOption[];
+            methods: EventOption[];
+        }>>;
         default: () => {};
     };
     /** 画布中组件选中框的移动范围 */
     moveableOptions: {
-        type: PropType<MoveableOptions | ((core?: StageCore) => MoveableOptions)>;
+        type: PropType<MoveableOptions | ((config?: CustomizeMoveableOptionsCallbackConfig) => MoveableOptions)>;
     };
     /** 编辑器初始化时默认选中的组件ID */
     defaultSelected: {
@@ -188,26 +201,33 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
     updateDragEl: {
-        type: PropType<(el: HTMLDivElement, target: HTMLElement) => void>;
+        type: PropType<UpdateDragEl>;
+    };
+    disabledDragStart: {
+        type: BooleanConstructor;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onProps-panel-mounted"?: ((...args: any[]) => any) | undefined;
 }, {
     menu: MenuBarData;
+    autoScrollIntoView: boolean;
     codeOptions: Record<string, any>;
     modelValue: MApp;
     layerContentMenu: (MenuButton | MenuComponent)[];
     stageContentMenu: (MenuButton | MenuComponent)[];
     componentGroupList: ComponentGroup[];
-    autoScrollIntoView: boolean;
     propsConfigs: Record<string, FormConfig>;
     propsValues: Record<string, MNode>;
-    eventMethodList: Record<string, any>;
+    eventMethodList: Record<string, {
+        events: EventOption[];
+        methods: EventOption[];
+    }>;
     canSelect: (el: HTMLElement) => boolean | Promise<boolean>;
     isContainer: (el: HTMLElement) => boolean | Promise<boolean>;
     containerHighlightClassName: string;
     containerHighlightDuration: number;
     containerHighlightType: ContainerHighlightType;
+    disabledDragStart: boolean;
 }>;
 export default _default;

package/types/components/CodeDraftEditor.vue.d.ts

@@ -0,0 +1,55 @@
+import { Id } from '@tmagic/schema';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 代码id */
+    id: Id;
+    /** 代码内容 */
+    content: string;
+    /** 是否可编辑 */
+    editable?: boolean | undefined;
+    /** 是否自动保存草稿 */
+    autoSaveDraft?: boolean | undefined;
+    /** 编辑器参数 */
+    codeOptions?: Object | undefined;
+    /** 编辑器语言 */
+    language?: string | undefined;
+}>, {
+    editable: boolean;
+    autoSaveDraft: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "saveAndClose")[], "close" | "saveAndClose", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 代码id */
+    id: Id;
+    /** 代码内容 */
+    content: string;
+    /** 是否可编辑 */
+    editable?: boolean | undefined;
+    /** 是否自动保存草稿 */
+    autoSaveDraft?: boolean | undefined;
+    /** 编辑器参数 */
+    codeOptions?: Object | undefined;
+    /** 编辑器语言 */
+    language?: string | undefined;
+}>, {
+    editable: boolean;
+    autoSaveDraft: boolean;
+}>>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onSaveAndClose?: ((...args: any[]) => any) | undefined;
+}, {
+    editable: boolean;
+    autoSaveDraft: boolean;
+}>;
+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/components/ContentMenu.vue.d.ts

@@ -1,87 +1,14 @@
-import { nextTick } from 'vue';
 import { MenuButton, MenuComponent } from '../type';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            menuData: (MenuButton | MenuComponent)[];
-            isSubMenu: boolean;
-        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            menuData?: (MenuButton | MenuComponent)[] | undefined;
-            isSubMenu?: boolean | undefined;
-        }>, {
-            menuData: () => never[];
-            isSubMenu: boolean;
-        }>>> & {
-            onHide?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "menuData" | "isSubMenu">;
-        $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: "hide" | "show", ...args: any[]) => void;
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-            menuData?: (MenuButton | MenuComponent)[] | undefined;
-            isSubMenu?: boolean | undefined;
-        }>, {
-            menuData: () => never[];
-            isSubMenu: boolean;
-        }>>> & {
-            onHide?: ((...args: any[]) => any) | undefined;
-            onShow?: ((...args: any[]) => any) | undefined;
-        }, {
-            hide: () => void;
-            show: (e: MouseEvent) => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], string, {
-            menuData: (MenuButton | MenuComponent)[];
-            isSubMenu: boolean;
-        }> & {
-            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 nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-        menuData?: (MenuButton | MenuComponent)[] | undefined;
-        isSubMenu?: boolean | undefined;
-    }>, {
-        menuData: () => never[];
-        isSubMenu: boolean;
-    }>>> & {
-        onHide?: ((...args: any[]) => any) | undefined;
-        onShow?: ((...args: any[]) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        hide: () => void;
-        show: (e: MouseEvent) => void;
-    }> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    menuData?: (MenuButton | MenuComponent)[] | undefined;
+    isSubMenu?: boolean | undefined;
+}>, {
+    menuData: () => never[];
+    isSubMenu: boolean;
+}>, {
+    hide: () => void;
+    show: (e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     menuData?: (MenuButton | MenuComponent)[] | undefined;
     isSubMenu?: boolean | undefined;
 }>, {
@@ -91,12 +18,9 @@ declare const _default: {
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
-    hide: () => void;
-    show: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hide" | "show")[], "hide" | "show", {
     menuData: (MenuButton | MenuComponent)[];
     isSubMenu: boolean;
-}> & 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/components/FunctionEditor.vue.d.ts

@@ -0,0 +1,60 @@
+import { ColumnConfig } from '@tmagic/form';
+import { Id } from '@tmagic/schema';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 代码块id */
+    id: Id;
+    /** 代码块名称 */
+    name: string;
+    /** 代码内容 */
+    content: string;
+    /** 是否可编辑 */
+    editable?: boolean | undefined;
+    /** 是否自动保存草稿 */
+    autoSaveDraft?: boolean | undefined;
+    /** 编辑器扩展参数 */
+    codeOptions?: object | undefined;
+    /** 代码参数扩展配置 */
+    paramsColConfig?: ColumnConfig | undefined;
+}>, {
+    editable: boolean;
+    autoSaveDraft: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "field-input")[], "change" | "field-input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /** 代码块id */
+    id: Id;
+    /** 代码块名称 */
+    name: string;
+    /** 代码内容 */
+    content: string;
+    /** 是否可编辑 */
+    editable?: boolean | undefined;
+    /** 是否自动保存草稿 */
+    autoSaveDraft?: boolean | undefined;
+    /** 编辑器扩展参数 */
+    codeOptions?: object | undefined;
+    /** 代码参数扩展配置 */
+    paramsColConfig?: ColumnConfig | undefined;
+}>, {
+    editable: boolean;
+    autoSaveDraft: boolean;
+}>>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onField-input"?: ((...args: any[]) => any) | undefined;
+}, {
+    editable: boolean;
+    autoSaveDraft: boolean;
+}>;
+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];
+};