@tmagic/editor 1.4.4 → 1.4.6

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,10 +21,12 @@ 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';
+export const COPY_CODE_STORAGE_KEY = '$MagicEditorCopyCode';
+export const COPY_DS_STORAGE_KEY = '$MagicEditorCopyDataSource';
 
 /**
  * 获取所有页面配置
@@ -106,13 +108,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 +243,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/editorProps.d.ts

@@ -60,8 +60,12 @@ export interface EditorProps {
     };
     /** 禁用鼠标左键按下时就开始拖拽，需要先选中再可以拖拽 */
     disabledDragStart?: boolean;
-    /** 自定义依赖收集器，复制组件时会将关联依赖一并复制 */
+    /** 自定义依赖收集器，复制组件时会将关联组件一并复制 */
     collectorOptions?: CustomTargetOptions;
+    /** 自定义依赖收集器，复制组件时会将关联代码块一并复制 */
+    collectorOptionsForCode?: CustomTargetOptions;
+    /** 自定义依赖收集器，复制组件时会将关联数据源一并复制 */
+    collectorOptionsForDataSource?: CustomTargetOptions;
     /** 标尺配置 */
     guidesOptions?: Partial<GuidesOptions>;
     /** 禁止多选 */

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>>>> & {

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

@@ -1,85 +1,22 @@
-declare const _default: import("vue").DefineComponent<{
-    width: import("vue").PropType<number>;
-    visible: import("vue").PropType<boolean>;
-    visible1: import("vue").PropType<boolean>;
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    values: {
-        type: import("vue").PropType<any>;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "large" | "default">;
-    };
-    model: {
-        type: import("vue").PropType<any>;
-        required: true;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    config: {
-        type: import("vue").PropType<{
-            type: 'data-source-fields';
-        }>;
-        required: true;
-    };
-    initValues: {
-        type: import("vue").PropType<any>;
-    };
-    lastValues: {
-        type: import("vue").PropType<Record<string, any>>;
-    };
-    prop: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import { type FieldProps } from '@tmagic/form';
+declare let __VLS_typeProps: FieldProps<{
+    type: 'data-source-fields';
+}>;
+type __VLS_PublicProps = {
+    'width'?: number;
+    'visible'?: boolean;
+    'visible1'?: boolean;
+} & typeof __VLS_typeProps;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:width": (width: number) => void;
     "update:visible": (visible: boolean) => void;
     "update:visible1": (visible1: boolean) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    width: import("vue").PropType<number>;
-    visible: import("vue").PropType<boolean>;
-    visible1: import("vue").PropType<boolean>;
-    name: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    values: {
-        type: import("vue").PropType<any>;
-    };
-    size: {
-        type: import("vue").PropType<"small" | "large" | "default">;
-    };
-    model: {
-        type: import("vue").PropType<any>;
-        required: true;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    config: {
-        type: import("vue").PropType<{
-            type: 'data-source-fields';
-        }>;
-        required: true;
-    };
-    initValues: {
-        type: import("vue").PropType<any>;
-    };
-    lastValues: {
-        type: import("vue").PropType<Record<string, any>>;
-    };
-    prop: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    disabled: boolean;
+}>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:width"?: ((width: number) => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
@@ -88,3 +25,20 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
 }, {}>;
 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_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/fields/DataSourceInput.vue.d.ts

@@ -1,12 +1,12 @@
 import type { FieldProps, FormItem } from '@tmagic/form';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-input';
+    type: "data-source-input";
 } & FormItem>>, {
     disabled: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-input';
+    type: "data-source-input";
 } & FormItem>>, {
     disabled: boolean;
 }>>> & {

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

@@ -1,12 +1,12 @@
 import type { FieldProps } from '@tmagic/form';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-methods';
+    type: "data-source-methods";
 }>>, {
     disabled: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<FieldProps<{
-    type: 'data-source-methods';
+    type: "data-source-methods";
 }>>, {
     disabled: boolean;
 }>>> & {