@tmagic/editor 1.4.4 → 1.4.5

package/src/fields/DataSourceFieldSelect.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="m-fields-data-source-field-select">
     <component
-      style="width: 100%"
       :is="tagName"
       :config="showDataSourceFieldSelect || !config.fieldConfig ? cascaderConfig : config.fieldConfig"
       :model="model"
@@ -39,14 +38,14 @@ import { computed, inject, ref, resolveComponent, watch } from 'vue';
 import { Coin, Edit, View } from '@element-plus/icons-vue';
 
 import { TMagicButton } from '@tmagic/design';
-import type { CascaderConfig, CascaderOption, FieldProps, FormState } from '@tmagic/form';
+import type { CascaderConfig, FieldProps, FormState } from '@tmagic/form';
 import { filterFunction, MCascader } from '@tmagic/form';
-import type { DataSchema, DataSourceFieldType } from '@tmagic/schema';
 import { DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX } from '@tmagic/utils';
 
 import MIcon from '@editor/components/Icon.vue';
 import type { DataSourceFieldSelectConfig, EventBus, Services } from '@editor/type';
 import { SideItemKey } from '@editor/type';
+import { getCascaderOptionsFromFields } from '@editor/utils';
 
 defineOptions({
   name: 'MFieldsDataSourceFieldSelect',
@@ -77,43 +76,6 @@ const selectedDataSourceId = computed(() => {
 
 const dataSources = computed(() => services?.dataSourceService.get('dataSources'));
 
-const getOptionChildren = (
-  fields: DataSchema[] = [],
-  dataSourceFieldType: DataSourceFieldType[] = ['any'],
-): CascaderOption[] => {
-  const child: CascaderOption[] = [];
-  fields.forEach((field) => {
-    if (!dataSourceFieldType.length) {
-      dataSourceFieldType.push('any');
-    }
-
-    const children = getOptionChildren(field.fields, dataSourceFieldType);
-
-    const item = {
-      label: field.title || field.name,
-      value: field.name,
-      children,
-    };
-
-    const fieldType = field.type || 'any';
-    if (dataSourceFieldType.includes('any') || dataSourceFieldType.includes(fieldType)) {
-      child.push(item);
-      return;
-    }
-
-    if (!dataSourceFieldType.includes(fieldType) && !['array', 'object', 'any'].includes(fieldType)) {
-      return;
-    }
-
-    if (!children.length && ['object', 'array', 'any'].includes(field.type || '')) {
-      return;
-    }
-
-    child.push(item);
-  });
-  return child;
-};
-
 const cascaderConfig = computed<CascaderConfig>(() => {
   const valueIsKey = props.config.value === 'key';
 
@@ -126,7 +88,7 @@ const cascaderConfig = computed<CascaderConfig>(() => {
         dataSources.value?.map((ds) => ({
           label: ds.title || ds.id,
           value: valueIsKey ? ds.id : `${DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX}${ds.id}`,
-          children: getOptionChildren(ds.fields, props.config.dataSourceFieldType),
+          children: getCascaderOptionsFromFields(ds.fields, props.config.dataSourceFieldType),
         })) || [];
       return options.filter((option) => option.children.length);
     },

package/src/fields/EventSelect.vue

@@ -55,11 +55,13 @@ import { has } from 'lodash-es';
 
 import type { EventOption } from '@tmagic/core';
 import { TMagicButton } from '@tmagic/design';
-import type { FieldProps, FormState, PanelConfig } from '@tmagic/form';
+import type { CascaderOption, FieldProps, FormState, PanelConfig } from '@tmagic/form';
 import { MContainer, MPanel } from '@tmagic/form';
 import { ActionType } from '@tmagic/schema';
+import { DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX } from '@tmagic/utils';
 
 import type { CodeSelectColConfig, DataSourceMethodSelectConfig, EventSelectConfig, Services } from '@editor/type';
+import { getCascaderOptionsFromFields } from '@editor/utils';
 
 defineOptions({
   name: 'MFieldsEventSelect',
@@ -78,26 +80,45 @@ const codeBlockService = services?.codeBlockService;
 
 // 事件名称下拉框表单配置
 const eventNameConfig = computed(() => {
+  const fieldType = props.config.src === 'component' ? 'select' : 'cascader';
   const defaultEventNameConfig = {
     name: 'name',
     text: '事件',
-    type: 'select',
+    type: fieldType,
     labelWidth: '40px',
+    checkStrictly: true,
+    valueSeparator: '.',
     options: (mForm: FormState, { formValue }: any) => {
-      let events: EventOption[] = [];
+      let events: EventOption[] | CascaderOption[] = [];
 
       if (!eventsService || !dataSourceService) return events;
 
       if (props.config.src === 'component') {
         events = eventsService.getEvent(formValue.type);
-      } else if (props.config.src === 'datasource') {
-        events = dataSourceService.getFormEvent(formValue.type);
+        return events.map((option) => ({
+          text: option.label,
+          value: option.value,
+        }));
       }
+      if (props.config.src === 'datasource') {
+        // 从数据源类型中获取到相关事件
+        events = dataSourceService.getFormEvent(formValue.type);
+        // 从数据源类型和实例中分别获取数据以追加数据变化的事件
+        const dataSource = dataSourceService.getDataSourceById(formValue.id);
+        const fields = dataSource?.fields || [];
+        if (fields.length > 0) {
+          return [
+            ...events,
+            {
+              label: '数据变化',
+              value: DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX,
+              children: getCascaderOptionsFromFields(fields),
+            },
+          ];
+        }
 
-      return events.map((option) => ({
-        text: option.label,
-        value: option.value,
-      }));
+        return events;
+      }
     },
   };
   return { ...defaultEventNameConfig, ...props.config.eventNameConfig };

package/src/layouts/workspace/viewer/Stage.vue

@@ -45,7 +45,8 @@ import { computed, inject, markRaw, nextTick, onBeforeUnmount, onMounted, ref, t
 import { cloneDeep } from 'lodash-es';
 
 import type { MApp, MContainer } from '@tmagic/schema';
-import StageCore, { calcValueByFontsize, getOffset, Runtime } from '@tmagic/stage';
+import StageCore, { getOffset, Runtime } from '@tmagic/stage';
+import { calcValueByFontsize } from '@tmagic/utils';
 
 import ScrollViewer from '@editor/components/ScrollViewer.vue';
 import { useStage } from '@editor/hooks/use-stage';
@@ -223,18 +224,18 @@ const dropHandler = async (e: DragEvent) => {
       top = e.clientY - containerRect.top + scrollTop;
       left = e.clientX - containerRect.left + scrollLeft;
 
-      if (parentEl && doc) {
+      if (parentEl) {
         const { left: parentLeft, top: parentTop } = getOffset(parentEl);
-        left = left - calcValueByFontsize(doc, parentLeft) * zoom.value;
-        top = top - calcValueByFontsize(doc, parentTop) * zoom.value;
+        left = left - parentLeft * zoom.value;
+        top = top - parentTop * zoom.value;
       }
     }
 
     config.data.style = {
       ...style,
       position,
-      top: top / zoom.value,
-      left: left / zoom.value,
+      top: calcValueByFontsize(doc, top / zoom.value),
+      left: calcValueByFontsize(doc, left / zoom.value),
     };
 
     config.data.inputEvent = e;

package/src/services/editor.ts

@@ -23,7 +23,7 @@ import { Writable } from 'type-fest';
 import { DepTargetType } from '@tmagic/dep';
 import type { Id, MApp, MComponent, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
 import { NodeType } from '@tmagic/schema';
-import { getNodePath, isNumber, isPage, isPageFragment, isPop } from '@tmagic/utils';
+import { calcValueByFontsize, getNodePath, isNumber, isPage, isPageFragment, isPop } from '@tmagic/utils';
 
 import BaseService from '@editor/services//BaseService';
 import propsService from '@editor/services//props';
@@ -741,7 +741,7 @@ class Editor extends BaseService {
       const el = doc.getElementById(`${node.id}`);
       const parentEl = layout === Layout.FIXED ? doc.body : el?.offsetParent;
       if (parentEl && el) {
-        node.style.left = (parentEl.clientWidth - el.clientWidth) / 2;
+        node.style.left = calcValueByFontsize(doc, (parentEl.clientWidth - el.clientWidth) / 2);
         node.style.right = '';
       }
     } else if (parent.style && isNumber(parent.style?.width) && isNumber(node.style?.width)) {

package/src/utils/content-menu.ts

@@ -2,7 +2,7 @@ import { computed, markRaw, Ref } from 'vue';
 import { CopyDocument, Delete, DocumentCopy } from '@element-plus/icons-vue';
 
 import { Id, MContainer, NodeType } from '@tmagic/schema';
-import { isPage, isPageFragment } from '@tmagic/utils';
+import { calcValueByFontsize, isPage, isPageFragment } from '@tmagic/utils';
 
 import ContentMenu from '@editor/components/ContentMenu.vue';
 import type { MenuButton, Services } from '@editor/type';
@@ -46,8 +46,12 @@ export const usePasteMenu = (menu?: Ref<InstanceType<typeof ContentMenu> | undef
       const stage = services?.editorService?.get('stage');
       const rect = menu.value.$el.getBoundingClientRect();
       const parentRect = stage?.container?.getBoundingClientRect();
-      const initialLeft = (rect.left || 0) - (parentRect?.left || 0);
-      const initialTop = (rect.top || 0) - (parentRect?.top || 0);
+      const initialLeft =
+        calcValueByFontsize(stage?.renderer.getDocument(), (rect.left || 0) - (parentRect?.left || 0)) /
+        services.uiService.get('zoom');
+      const initialTop =
+        calcValueByFontsize(stage?.renderer.getDocument(), (rect.top || 0) - (parentRect?.top || 0)) /
+        services.uiService.get('zoom');
       services?.editorService?.paste({ left: initialLeft, top: initialTop });
     } else {
       services?.editorService?.paste();

package/src/utils/data-source/index.ts

@@ -1,5 +1,5 @@
-import { FormConfig, FormState } from '@tmagic/form';
-import { DataSchema, DataSourceSchema } from '@tmagic/schema';
+import { CascaderOption, FormConfig, FormState } from '@tmagic/form';
+import { DataSchema, DataSourceFieldType, DataSourceSchema } from '@tmagic/schema';
 
 import BaseFormConfig from './formConfigs/base';
 import HttpFormConfig from './formConfigs/http';
@@ -32,7 +32,6 @@ const fillConfig = (config: FormConfig): FormConfig => [
       },
       {
         title: '事件配置',
-        display: false,
         items: [
           {
             name: 'events',
@@ -198,3 +197,40 @@ export const getDisplayField = (dataSources: DataSourceSchema[], key: string) =>
 
   return displayState;
 };
+
+export const getCascaderOptionsFromFields = (
+  fields: DataSchema[] = [],
+  dataSourceFieldType: DataSourceFieldType[] = ['any'],
+): CascaderOption[] => {
+  const child: CascaderOption[] = [];
+  fields.forEach((field) => {
+    if (!dataSourceFieldType.length) {
+      dataSourceFieldType.push('any');
+    }
+
+    const children = getCascaderOptionsFromFields(field.fields, dataSourceFieldType);
+
+    const item = {
+      label: field.title || field.name,
+      value: field.name,
+      children,
+    };
+
+    const fieldType = field.type || 'any';
+    if (dataSourceFieldType.includes('any') || dataSourceFieldType.includes(fieldType)) {
+      child.push(item);
+      return;
+    }
+
+    if (!dataSourceFieldType.includes(fieldType) && !['array', 'object', 'any'].includes(fieldType)) {
+      return;
+    }
+
+    if (!children.length && ['object', 'array', 'any'].includes(field.type || '')) {
+      return;
+    }
+
+    child.push(item);
+  });
+  return child;
+};

package/src/utils/editor.ts

@@ -21,7 +21,7 @@ import serialize from 'serialize-javascript';
 import type { Id, MApp, MContainer, MNode, MPage, MPageFragment } from '@tmagic/schema';
 import { NodeType } from '@tmagic/schema';
 import type StageCore from '@tmagic/stage';
-import { getNodePath, isNumber, isPage, isPageFragment, isPop } from '@tmagic/utils';
+import { calcValueByFontsize, getNodePath, isNumber, isPage, isPageFragment, isPop } from '@tmagic/utils';
 
 import { Layout } from '@editor/type';
 export const COPY_STORAGE_KEY = '$MagicEditorCopyData';
@@ -106,13 +106,16 @@ const getMiddleTop = (node: MNode, parentNode: MNode, stage: StageCore | null) =
   }
 
   const { height: parentHeight } = parentNode.style;
-
+  // wrapperHeight 是未 calcValue的高度, 所以要将其calcValueByFontsize一下, 否则在pad or pc端计算的结果有误
+  const { scrollTop = 0, wrapperHeight } = stage.mask;
+  const wrapperHeightDeal = calcValueByFontsize(stage.renderer.getDocument()!, wrapperHeight);
+  const scrollTopDeal = calcValueByFontsize(stage.renderer.getDocument()!, scrollTop);
   if (isPage(parentNode)) {
-    const { scrollTop = 0, wrapperHeight } = stage.mask;
-    return (wrapperHeight - height) / 2 + scrollTop;
+    return (wrapperHeightDeal - height) / 2 + scrollTopDeal;
   }
 
-  return (parentHeight - height) / 2;
+  // 如果容器的元素高度大于当前视口高度的2倍, 添加的元素居中位置也会看不见, 所以要取最小值计算
+  return (Math.min(parentHeight, wrapperHeightDeal) - height) / 2;
 };
 
 export const getInitPositionStyle = (style: Record<string, any> = {}, layout: Layout) => {
@@ -238,8 +241,12 @@ export const fixNodeLeft = (config: MNode, parent: MContainer, doc?: Document) =
   const parentEl = doc.getElementById(`${parent.id}`);
 
   const left = Number(config.style?.left) || 0;
-  if (el && parentEl && el.offsetWidth + left > parentEl.offsetWidth) {
-    return parentEl.offsetWidth - el.offsetWidth;
+  if (el && parentEl) {
+    const calcParentOffsetWidth = calcValueByFontsize(doc, parentEl.offsetWidth);
+    const calcElOffsetWidth = calcValueByFontsize(doc, el.offsetWidth);
+    if (calcElOffsetWidth + left > calcParentOffsetWidth) {
+      return calcParentOffsetWidth - calcElOffsetWidth;
+    }
   }
 
   return config.style.left;

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

@@ -1,46 +1,33 @@
 import type { CodeBlockContent } from '@tmagic/schema';
-declare const _default: import("vue").DefineComponent<{
-    width: import("vue").PropType<number>;
-    visible: import("vue").PropType<boolean>;
-    content: {
-        type: import("vue").PropType<CodeBlockContent>;
-        required: true;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    isDataSource: {
-        type: import("vue").PropType<boolean>;
-    };
-    dataSourceType: {
-        type: import("vue").PropType<string>;
-    };
-}, {
+declare let __VLS_typeProps: {
+    content: CodeBlockContent;
+    disabled?: boolean;
+    isDataSource?: boolean;
+    dataSourceType?: string;
+};
+type __VLS_PublicProps = {
+    'width'?: number;
+    'visible'?: boolean;
+} & typeof __VLS_typeProps;
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     show(): Promise<void>;
     hide(): Promise<void>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:width": (width: number) => void;
     "update:visible": (visible: boolean) => void;
     submit: (values: CodeBlockContent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    width: import("vue").PropType<number>;
-    visible: import("vue").PropType<boolean>;
-    content: {
-        type: import("vue").PropType<CodeBlockContent>;
-        required: true;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    isDataSource: {
-        type: import("vue").PropType<boolean>;
-    };
-    dataSourceType: {
-        type: import("vue").PropType<string>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
     onSubmit?: ((values: CodeBlockContent) => any) | undefined;
     "onUpdate:width"?: ((width: number) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<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/components/CodeParams.vue.d.ts

@@ -1,7 +1,7 @@
 import type { CodeParamStatement } from '../type';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     model: any;
-    size?: "small" | "large" | "default" | undefined;
+    size?: "default" | "small" | "large" | undefined;
     disabled?: boolean | undefined;
     name: string;
     paramsConfig: CodeParamStatement[];
@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     model: any;
-    size?: "small" | "large" | "default" | undefined;
+    size?: "default" | "small" | "large" | undefined;
     disabled?: boolean | undefined;
     name: string;
     paramsConfig: CodeParamStatement[];

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

@@ -25,9 +25,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         clientX: number;
     }) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    mouseenter: () => void;
     show: () => void;
     hide: () => void;
-    mouseenter: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     menuData?: (MenuComponent | MenuButton)[] | undefined;
     isSubMenu?: boolean | undefined;

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

@@ -2,54 +2,40 @@ interface Position {
     left: number;
     top: number;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    width: import("vue").PropType<number>;
-    height: import("vue").PropType<number>;
-    visible: import("vue").PropType<boolean>;
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<Position>;
-        default: () => {
-            left: number;
-            top: number;
-        };
-    };
-    beforeClose: {
-        type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+declare let __VLS_typeProps: {
+    position?: Position;
+    title?: string;
+    beforeClose?: (done: (cancel?: boolean) => void) => void;
+};
+type __VLS_PublicProps = {
+    'width'?: number;
+    'height'?: number;
+    'visible'?: boolean;
+} & typeof __VLS_typeProps;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    title: string;
+    position: () => {
+        left: number;
+        top: number;
     };
-}, {
+}>, {
     bodyHeight: import("vue").ComputedRef<number | "auto">;
     target: import("vue").Ref<HTMLDivElement | undefined>;
     titleEl: import("vue").Ref<HTMLDivElement | undefined>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:width": (width: number) => void;
-    "update:visible": (visible: boolean) => void;
     "update:height": (height: number) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    width: import("vue").PropType<number>;
-    height: import("vue").PropType<number>;
-    visible: import("vue").PropType<boolean>;
-    title: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    position: {
-        type: import("vue").PropType<Position>;
-        default: () => {
-            left: number;
-            top: number;
-        };
-    };
-    beforeClose: {
-        type: import("vue").PropType<(done: (cancel?: boolean | undefined) => void) => void>;
+    "update:visible": (visible: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    title: string;
+    position: () => {
+        left: number;
+        top: number;
     };
-}>> & {
+}>>> & {
     "onUpdate:width"?: ((width: number) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     "onUpdate:height"?: ((height: number) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
 }, {
     title: string;
     position: Position;
@@ -58,8 +44,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     body?(_: {}): any;
 }>;
 export default _default;
+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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<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/components/ScrollViewer.vue.d.ts

@@ -41,8 +41,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         height: number;
     };
 }>>>, {
-    height: string | number;
     width: string | number;
+    height: string | number;
     zoom: number;
     wrapWidth: number;
     wrapHeight: number;

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

@@ -1,7 +1,7 @@
 import type { MenuButton, MenuComponent } from '../type';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     data?: MenuComponent | MenuButton | undefined;
-    eventType?: "mousedown" | "click" | "mouseup" | undefined;
+    eventType?: "mousedown" | "mouseup" | "click" | undefined;
 }>, {
     data: () => {
         type: string;
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     eventType: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     data?: MenuComponent | MenuButton | undefined;
-    eventType?: "mousedown" | "click" | "mouseup" | undefined;
+    eventType?: "mousedown" | "mouseup" | "click" | undefined;
 }>, {
     data: () => {
         type: string;
@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     };
     eventType: string;
 }>>>, {
-    data: MenuButton | MenuComponent;
-    eventType: 'mousedown' | 'mouseup' | 'click';
+    data: MenuComponent | MenuButton;
+    eventType: "mousedown" | "mouseup" | "click";
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

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

@@ -9,13 +9,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     indent: number;
     emptyText: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "node-dragover": (event: DragEvent) => void;
     "node-dragstart": (event: DragEvent, data: TreeNodeData) => void;
     "node-dragleave": (event: DragEvent, data: TreeNodeData) => void;
     "node-dragend": (event: DragEvent, data: TreeNodeData) => void;
     "node-contextmenu": (event: MouseEvent, data: TreeNodeData) => void;
     "node-mouseenter": (event: MouseEvent, data: TreeNodeData) => void;
     "node-click": (event: MouseEvent, data: TreeNodeData) => void;
+    "node-dragover": (event: DragEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     data: TreeNodeData[];
     nodeStatusMap: Map<Id, LayerNodeStatus>;
@@ -25,13 +25,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     indent: number;
     emptyText: string;
 }>>> & {
-    "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
     "onNode-dragstart"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
     "onNode-dragleave"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
     "onNode-dragend"?: ((event: DragEvent, data: TreeNodeData) => any) | undefined;
     "onNode-contextmenu"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-mouseenter"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
     "onNode-click"?: ((event: MouseEvent, data: TreeNodeData) => any) | undefined;
+    "onNode-dragover"?: ((event: DragEvent) => any) | undefined;
 }, {
     indent: number;
     emptyText: string;

package/types/fields/CodeLink.vue.d.ts

@@ -1,12 +1,12 @@
 import type { FieldProps, FormItem } from '@tmagic/form';
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<FieldProps<{
-    type: 'code-link';
+    type: "code-link";
     formTitle?: string | undefined;
     codeOptions?: Object | undefined;
 } & FormItem>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<FieldProps<{
-    type: 'code-link';
+    type: "code-link";
     formTitle?: string | undefined;
     codeOptions?: Object | undefined;
 } & FormItem>>>> & {