@funcho/ui 1.1.31 → 1.1.33

package/dist/esm/business/DataTableDialog/DataTableDialog.vue.mjs

@@ -0,0 +1,131 @@
+import { defineComponent, ref, computed, createBlock, openBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createVNode, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import _sfc_main$3 from '../../components/Button/Button.vue.mjs';
+/* empty css                                   */
+import _sfc_main$1 from '../../components/Dialog/Dialog.vue.mjs';
+/* empty css                                   */
+import _sfc_main$2 from '../DataTable/DataTable.vue.mjs';
+/* empty css                           */
+import { FcNotification } from '../../components/Notification/index.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcProDataTableDialog",
+    inheritAttrs: false
+  },
+  __name: "DataTableDialog",
+  props: {
+    title: { default: "新增" },
+    width: { default: 860 },
+    height: { default: "50vh" },
+    cancelButtonText: { default: "取消" },
+    confirmButtonText: { default: "确定" },
+    showCancelButton: { type: Boolean, default: true },
+    showConfirmButton: { type: Boolean, default: true },
+    isPagination: { type: Boolean, default: false },
+    submitApi: { type: Function, default: void 0 },
+    successMessage: { default: "提交成功！" },
+    showSuccessMessage: { type: Boolean, default: true }
+  },
+  emits: ["submit", "cancel"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const tableRef = ref();
+    const props = __props;
+    const containerHeight = computed(() => {
+      if (typeof props.height === "number") {
+        return `${props.height}px`;
+      }
+      return props.height;
+    });
+    const visible = ref(false);
+    const emits = __emit;
+    const submitting = ref(false);
+    const handleConfirmClick = async () => {
+      try {
+        const tableData = tableRef.value?.tableData;
+        const selectedRows = tableRef.value?.selectedRows;
+        if (!props.submitApi) {
+          emits("submit", tableData, selectedRows);
+          visible.value = false;
+          return;
+        }
+        submitting.value = true;
+        const res = await props.submitApi(tableData, selectedRows);
+        emits("submit", tableData, selectedRows, res);
+        if (props.showSuccessMessage) {
+          FcNotification.success({
+            message: props.successMessage
+          });
+        }
+        visible.value = false;
+      } catch (err) {
+        console.error("提交失败", err);
+      } finally {
+        submitting.value = false;
+      }
+    };
+    const open = () => {
+      tableRef.value?.resetSearch();
+      visible.value = true;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+      emits("cancel");
+    };
+    const close = () => {
+      visible.value = false;
+    };
+    __expose({
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: __props.title,
+        width: __props.width
+      }, createSlots({
+        default: withCtx(() => [
+          createElementVNode("div", {
+            style: normalizeStyle({ height: containerHeight.value })
+          }, [
+            createVNode(_sfc_main$2, mergeProps({
+              ref_key: "tableRef",
+              ref: tableRef
+            }, _ctx.$attrs, { "is-pagination": __props.isPagination }), null, 16, ["is-pagination"])
+          ], 4)
+        ]),
+        _: 2
+      }, [
+        __props.showCancelButton || __props.showConfirmButton ? {
+          name: "footer",
+          fn: withCtx(() => [
+            __props.showCancelButton ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              onClick: handleCancelClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            __props.showConfirmButton ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 1,
+              type: "primary",
+              loading: submitting.value,
+              onClick: handleConfirmClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : createCommentVNode("", true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "title", "width"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/business/DataTableDialog/DataTableDialog.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './DataTableDialog.vue.mjs';
+/* empty css                      */
+
+
+
+export { _sfc_main as default };

package/dist/esm/business/DataTableDialog/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './DataTableDialog.vue.mjs';
+/* empty css                      */
+import { withInstall } from '../../_utils/with-install.mjs';
+
+const FcProDataTableDialog = withInstall(_sfc_main);
+
+export { FcProDataTableDialog, FcProDataTableDialog as default };

package/dist/esm/business/TreeCheckFilter/TreeCheckFilter.vue.mjs

@@ -92,7 +92,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     data: { default: () => [] },
     nodeKey: { default: "value" },
     showCheckbox: { type: Boolean, default: true },
-    showSearch: { type: Boolean, default: true }
+    showSearch: { type: Boolean, default: true },
+    props: { default: () => ({
+      children: "children",
+      label: "label",
+      disabled: "disabled"
+    }) }
   },
   setup(__props, { expose: __expose }) {
     const ns = useNamespace("pro-tree-check-filter");
@@ -100,9 +105,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { height: treeCheckFilterHeaderHeight } = useElementSize(treeCheckFilterHeader, void 0, {
       box: "border-box"
     });
-    const props = __props;
+    const myProps = __props;
     watch(
-      () => props.data,
+      () => myProps.data,
       () => {
         checkAll.value = false;
         indeterminate.value = false;
@@ -118,7 +123,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const filterNode = (value, data) => {
       if (!value) return true;
-      return data.label.toLocaleLowerCase().includes(value.toLocaleLowerCase());
+      const labelKey = typeof myProps.props?.label === "string" ? myProps.props.label : "label";
+      return String(data?.[labelKey] ?? "").toLocaleLowerCase().includes(value.toLocaleLowerCase());
     };
     const handleCheckAllChange = () => {
       if (checkAll.value) {
@@ -131,7 +137,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const visibleKeys = [];
         Object.values(nodesMap).forEach((node) => {
           if (node.level > 0 && node.visible && node.isLeaf && !node.disabled) {
-            visibleKeys.push(node.data[props.nodeKey]);
+            visibleKeys.push(node.data[myProps.nodeKey]);
           }
         });
         const finalKeys = Array.from(/* @__PURE__ */ new Set([...currentCheckedKeys, ...visibleKeys]));
@@ -217,12 +223,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(unref(FcTree), mergeProps(_ctx.$attrs, {
                 ref_key: "treeRef",
                 ref: treeRef,
+                props: __props.props,
                 "show-checkbox": __props.showCheckbox,
                 data: __props.data,
                 "filter-node-method": filterNode,
                 "node-key": __props.nodeKey,
                 onCheck: handleTreeCheckChange
-              }), null, 16, ["show-checkbox", "data", "node-key"])
+              }), null, 16, ["props", "show-checkbox", "data", "node-key"])
             ]),
             _: 1
           })

package/dist/esm/business/TreeTransfer/TreeTransfer.vue.mjs

@@ -142,7 +142,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !__props.leftProps.hiddenBtn ? (openBlock(), createBlock(unref(FcTooltip), {
             key: 0,
             content: __props.leftProps.tooltip || "新增",
-            placement: "top",
+            placement: "right",
             "fallback-placements": ["top", "bottom", "left", "right"]
           }, {
             default: withCtx(() => [
@@ -162,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !__props.rightProps.hiddenBtn ? (openBlock(), createBlock(unref(FcTooltip), {
             key: 1,
             content: __props.rightProps.tooltip || "删除",
-            placement: "top",
+            placement: "left",
             "fallback-placements": ["top", "bottom", "left", "right"]
           }, {
             default: withCtx(() => [

package/dist/esm/business/TreeTransferDialog/TreeTransferDialog.vue.mjs

@@ -0,0 +1,117 @@
+import { defineComponent, ref, computed, resolveDirective, createBlock, openBlock, createSlots, withCtx, withDirectives, createElementBlock, normalizeStyle, createVNode, mergeProps, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
+import _sfc_main$3 from '../../components/Button/Button.vue.mjs';
+/* empty css                                   */
+import _sfc_main$1 from '../../components/Dialog/Dialog.vue.mjs';
+/* empty css                                   */
+import _sfc_main$2 from '../TreeTransfer/TreeTransfer.vue.mjs';
+/* empty css                                 */
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcProTreeTransferDialog",
+    inheritAttrs: false
+  },
+  __name: "TreeTransferDialog",
+  props: {
+    title: { default: "新增" },
+    width: { default: 936 },
+    height: { default: "50vh" },
+    cancelButtonText: { default: "取消" },
+    loading: { type: Boolean, default: false },
+    confirmButtonText: { default: "确定" },
+    showCancelButton: { type: Boolean, default: false },
+    showConfirmButton: { type: Boolean, default: false }
+  },
+  emits: ["submit", "cancel", "add", "remove"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const treeTransferRef = ref();
+    const props = __props;
+    const containerHeight = computed(() => {
+      if (typeof props.height === "number") {
+        return `${props.height}px`;
+      }
+      return props.height;
+    });
+    const visible = ref(false);
+    const emits = __emit;
+    const handleAddClick = (instance, nodes, keys) => {
+      emits("add", instance, nodes, keys);
+    };
+    const handleRemoveClick = (instance, nodes, keys) => {
+      emits("remove", instance, nodes, keys);
+    };
+    const submitting = ref(false);
+    const handleConfirmClick = async () => {
+      emits("submit", treeTransferRef.value?.leftTreeRef, treeTransferRef.value.rightTreeRef);
+    };
+    const open = () => {
+      visible.value = true;
+    };
+    const handleCancelClick = () => {
+      visible.value = false;
+      emits("cancel");
+    };
+    const close = () => {
+      visible.value = false;
+    };
+    __expose({
+      open,
+      close
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createBlock(_sfc_main$1, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: __props.title,
+        width: __props.width
+      }, createSlots({
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            style: normalizeStyle({ height: containerHeight.value })
+          }, [
+            createVNode(_sfc_main$2, mergeProps(_ctx.$attrs, {
+              ref_key: "treeTransferRef",
+              ref: treeTransferRef,
+              onAdd: handleAddClick,
+              onRemove: handleRemoveClick
+            }), null, 16)
+          ], 4)), [
+            [_directive_loading, __props.loading]
+          ])
+        ]),
+        _: 2
+      }, [
+        __props.showCancelButton || __props.showConfirmButton ? {
+          name: "footer",
+          fn: withCtx(() => [
+            __props.showCancelButton ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 0,
+              onClick: handleCancelClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.cancelButtonText), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            __props.showConfirmButton ? (openBlock(), createBlock(_sfc_main$3, {
+              key: 1,
+              type: "primary",
+              loading: submitting.value,
+              disabled: __props.loading,
+              onClick: handleConfirmClick
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.confirmButtonText), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])) : createCommentVNode("", true)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["modelValue", "title", "width"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/business/TreeTransferDialog/TreeTransferDialog.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './TreeTransferDialog.vue.mjs';
+/* empty css                         */
+
+
+
+export { _sfc_main as default };

package/dist/esm/business/TreeTransferDialog/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './TreeTransferDialog.vue.mjs';
+/* empty css                         */
+import { withInstall } from '../../_utils/with-install.mjs';
+
+const FcProTreeTransferDialog = withInstall(_sfc_main);
+
+export { FcProTreeTransferDialog, FcProTreeTransferDialog as default };

package/dist/esm/business/index.mjs

@@ -7,3 +7,5 @@ export { FcProEditFormCard } from './EditFormCard/index.mjs';
 export { FcProFormDialog } from './FormDialog/index.mjs';
 export { FcProQueryForm } from './QueryForm/index.mjs';
 export { FcProVerticalLayout } from './VerticalLayout/index.mjs';
+export { FcProTreeTransferDialog } from './TreeTransferDialog/index.mjs';
+export { FcProDataTableDialog } from './DataTableDialog/index.mjs';

package/dist/esm/components/Text/Text.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { ElText } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/text/index.mjs';
 import '../../_virtual/dayjs.min.mjs';
 
@@ -7,27 +7,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     name: "FcText"
   },
   __name: "Text",
-  setup(__props, { expose: __expose }) {
-    const elRef = ref();
-    __expose(
-      new Proxy(
-        {},
-        {
-          get(_, key) {
-            return elRef.value?.[key];
-          },
-          has(_, key) {
-            if (!elRef.value) return false;
-            return key in elRef.value;
-          }
-        }
-      )
-    );
+  setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElText), mergeProps(_ctx.$attrs, {
-        ref_key: "elRef",
-        ref: elRef
-      }), createSlots({ _: 2 }, [
+      return openBlock(), createBlock(unref(ElText), mergeProps(_ctx.$attrs, { ref: "elRef" }), createSlots({ _: 2 }, [
         renderList(_ctx.$slots, (_, name) => {
           return {
             name,

package/dist/esm/index.mjs

@@ -95,6 +95,8 @@ export { FcProEditFormCard } from './business/EditFormCard/index.mjs';
 export { FcProFormDialog } from './business/FormDialog/index.mjs';
 export { FcProQueryForm } from './business/QueryForm/index.mjs';
 export { FcProVerticalLayout } from './business/VerticalLayout/index.mjs';
+export { FcProTreeTransferDialog } from './business/TreeTransferDialog/index.mjs';
+export { FcProDataTableDialog } from './business/DataTableDialog/index.mjs';
 
 const components = Object.keys(index$1).map((key) => {
   return index$1[key];

package/dist/esm/packages/ui/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "1.1.31";
+const version = "1.1.33";
 
 export { version };

package/dist/types/business/DataTable/DataTable.types.d.ts

@@ -1,10 +1,39 @@
-export type TFcProDataTableProps = {
-    columns?: Array<any>;
-    searchSchema?: Array<any>;
-};
+import { VNode } from 'vue';
+import { TProFormField } from '../ProForm/ProForm.types';
 export type RequestResult<T = any> = {
     data: T[] | {
         list: T[];
         total: number;
     };
 };
+export type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | '';
+export type ButtonProps = {
+    label: string;
+    type?: ButtonType;
+    disabled?: boolean | ((row?: any) => boolean);
+    hidden?: boolean | ((row?: any) => boolean);
+    onClick: (row: any, index: number) => void;
+    directives?: Array<{
+        name: string;
+        value?: any;
+        arg?: any;
+        modifiers?: any;
+    }>;
+};
+export type TFcProDataTableProps = {
+    hasIndex?: boolean;
+    selectable?: boolean;
+    height?: number;
+    columns?: Array<{
+        prop: string;
+        label: string;
+        showOverflowTooltip?: boolean;
+        render?: (row: any, index: number) => VNode;
+    }>;
+    isPagination?: boolean;
+    fields?: Array<TProFormField>;
+    request?: (params: any) => Promise<RequestResult<any>>;
+    actions?: Array<ButtonProps>;
+    actionsWidth?: number;
+    tools?: Array<ButtonProps>;
+};

package/dist/types/business/DataTable/DataTable.vue.d.ts

@@ -1,36 +1,4 @@
-import { VNode } from 'vue';
-import { RequestResult } from './DataTable.types';
-import { TProFormField } from '../ProForm/ProForm.types';
-type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | '';
-type ButtonProps = {
-    label: string;
-    type?: ButtonType;
-    disabled?: boolean | ((row?: any) => boolean);
-    hidden?: boolean | ((row?: any) => boolean);
-    onClick: (row: any, index: number) => void;
-    directives?: Array<{
-        name: string;
-        value?: any;
-        arg?: any;
-        modifiers?: any;
-    }>;
-};
-type __VLS_Props = {
-    hasIndex?: boolean;
-    height?: number;
-    columns?: Array<{
-        prop: string;
-        label: string;
-        showOverflowTooltip?: boolean;
-        render?: (row: any, index: number) => VNode;
-    }>;
-    isPagination?: boolean;
-    fields?: Array<TProFormField>;
-    request?: (params: any) => Promise<RequestResult<any>>;
-    actions?: Array<ButtonProps>;
-    actionsWidth?: number;
-    tools?: Array<ButtonProps>;
-};
+import { ButtonProps, TFcProDataTableProps } from './DataTable.types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -41,7 +9,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly fields?: Array<TProFormField> | undefined;
+                readonly fields?: Array<import('..').TProFormField> | undefined;
                 readonly tools?: Array<{
                     label: string;
                     type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -245,7 +213,7 @@ declare function __VLS_template(): {
                     labelPosition: "top" | "left" | "right";
                     labelWidth: string | number;
                     inline: boolean;
-                    fields: Array<TProFormField>;
+                    fields: Array<import('..').TProFormField>;
                     columns: number | "auto-fill" | "auto-fit";
                 }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                     formRef: ({
@@ -1034,7 +1002,7 @@ declare function __VLS_template(): {
                     labelPosition: "top" | "left" | "right";
                     labelWidth: string | number;
                     inline: boolean;
-                    fields: Array<TProFormField>;
+                    fields: Array<import('..').TProFormField>;
                     columns: number | "auto-fill" | "auto-fit";
                 }> | null;
             };
@@ -1049,7 +1017,7 @@ declare function __VLS_template(): {
             }) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
-                fields?: Array<TProFormField>;
+                fields?: Array<import('..').TProFormField>;
                 tools?: Array<{
                     label: string;
                     type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1248,7 +1216,7 @@ declare function __VLS_template(): {
                     height: number;
                 }) => any;
             }, string, {
-                fields: Array<TProFormField>;
+                fields: Array<import('..').TProFormField>;
                 tools: Array<{
                     label: string;
                     type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1284,7 +1252,7 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            fields: Array<TProFormField>;
+            fields: Array<import('..').TProFormField>;
             tools: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1300,7 +1268,7 @@ declare function __VLS_template(): {
             }>;
             btnDisabled: boolean;
         }> & Omit<Readonly<{
-            fields?: Array<TProFormField>;
+            fields?: Array<import('..').TProFormField>;
             tools?: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1501,24 +1469,26 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+declare const __VLS_component: import('vue').DefineComponent<TFcProDataTableProps, {
     loadData: () => Promise<void>;
     tableData: import('vue').Ref<any[], any[]>;
     reload: () => void;
     resetSearch: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    selectedRows: import('vue').Ref<any[], any[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TFcProDataTableProps> & Readonly<{}>, {
     height: number;
-    fields: Array<TProFormField>;
+    fields: Array<import('..').TProFormField>;
     tools: Array<ButtonProps>;
     columns: Array<{
         prop: string;
         label: string;
         showOverflowTooltip?: boolean;
-        render?: (row: any, index: number) => VNode;
+        render?: (row: any, index: number) => import('vue').VNode;
     }>;
+    selectable: boolean;
     hasIndex: boolean;
     isPagination: boolean;
-    request: (params: any) => Promise<RequestResult<any>>;
+    request: (params: any) => Promise<import('./DataTable.types').RequestResult<any>>;
     actions: Array<ButtonProps>;
     actionsWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -1526,7 +1496,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly fields?: Array<TProFormField> | undefined;
+            readonly fields?: Array<import('..').TProFormField> | undefined;
             readonly tools?: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -1730,7 +1700,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 labelPosition: "top" | "left" | "right";
                 labelWidth: string | number;
                 inline: boolean;
-                fields: Array<TProFormField>;
+                fields: Array<import('..').TProFormField>;
                 columns: number | "auto-fill" | "auto-fit";
             }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
                 formRef: ({
@@ -2519,7 +2489,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 labelPosition: "top" | "left" | "right";
                 labelWidth: string | number;
                 inline: boolean;
-                fields: Array<TProFormField>;
+                fields: Array<import('..').TProFormField>;
                 columns: number | "auto-fill" | "auto-fit";
             }> | null;
         };
@@ -2534,7 +2504,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         }) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
-            fields?: Array<TProFormField>;
+            fields?: Array<import('..').TProFormField>;
             tools?: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -2733,7 +2703,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 height: number;
             }) => any;
         }, string, {
-            fields: Array<TProFormField>;
+            fields: Array<import('..').TProFormField>;
             tools: Array<{
                 label: string;
                 type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -2769,7 +2739,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        fields: Array<TProFormField>;
+        fields: Array<import('..').TProFormField>;
         tools: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
@@ -2785,7 +2755,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         }>;
         btnDisabled: boolean;
     }> & Omit<Readonly<{
-        fields?: Array<TProFormField>;
+        fields?: Array<import('..').TProFormField>;
         tools?: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";