@ftjs/antd 0.3.0 → 0.4.0

package/dist/index.js

@@ -1,9 +1,8 @@
-import { computed, toValue, createVNode, mergeProps, unref, createTextVNode, isVNode, ref, useId, Fragment, watchEffect, onMounted, onUnmounted, nextTick, reactive, watch, h } from "vue";
-import { SwapOutlined, SettingOutlined } from "@ant-design/icons-vue";
-import { getField, defineFormComponent, useFormItem, unrefs, defineFtForm, useFormInject, set, defineFtTable, useTableInject, get, cloneDeep } from "@ftjs/core";
-import { FormItem, Input, Select, DatePicker, RangePicker, Radio, Textarea, Upload, Cascader, AutoComplete, CheckboxGroup, InputNumber, Mentions, Rate, Slider, Switch, TreeSelect, Modal, Tree, Button, Form, Divider, Table, Spin, Pagination } from "ant-design-vue";
+import { getField, useFormItem, unrefs, useForm, set, get, cloneDeep, useTable } from "@ftjs/core";
+import { computed, toValue, createVNode, mergeProps, unref, createTextVNode, isVNode, defineComponent, createElementBlock, openBlock, Fragment, renderList, createBlock, resolveDynamicComponent, ref, useId, withCtx, createCommentVNode, createElementVNode, toDisplayString, reactive, watch, h, onMounted, onUnmounted, useTemplateRef, nextTick, normalizeStyle, renderSlot, createSlots, normalizeProps, resolveComponent } from "vue";
+import { FormItem, Input, Select, DatePicker, RangePicker, Radio, Textarea, Upload, Cascader, AutoComplete, CheckboxGroup, InputNumber, Mentions, Rate, Slider, Switch, TreeSelect, Form, Button, Modal, Tree, Divider, Table, Spin, Pagination } from "ant-design-vue";
 import dayjs from "dayjs";
-import { VxeGrid } from "vxe-table";
+import { SwapOutlined, SettingOutlined } from "@ant-design/icons-vue";
 const useFormItemProps = (column) => {
   return computed(() => {
     const field = getField(column);
@@ -15,7 +14,7 @@ const useFormItemProps = (column) => {
     };
   });
 };
-const input = defineFormComponent((props) => {
+const input = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -36,7 +35,7 @@ const input = defineFormComponent((props) => {
   };
 });
 const isViewOptionsStyle = "display: flex; gap: 4px;";
-const select = defineFormComponent((props) => {
+const select = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -72,7 +71,7 @@ const select = defineFormComponent((props) => {
     });
   };
 });
-const datePicker = defineFormComponent((props) => {
+const datePicker = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -95,7 +94,7 @@ const datePicker = defineFormComponent((props) => {
     });
   };
 });
-const rangePicker = defineFormComponent((props) => {
+const rangePicker = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -129,7 +128,7 @@ const rangePicker = defineFormComponent((props) => {
 function isSimpleOption(option) {
   return typeof option === "string" || typeof option === "number";
 }
-const radio = defineFormComponent((props) => {
+const radio = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -165,7 +164,7 @@ const radio = defineFormComponent((props) => {
     });
   };
 });
-const textarea = defineFormComponent((props) => {
+const textarea = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -189,7 +188,7 @@ const textarea = defineFormComponent((props) => {
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const upload = defineFormComponent((props) => {
+const upload = defineFormItem((props) => {
   const {
     valueComputed,
     slots
@@ -224,7 +223,7 @@ const upload = defineFormComponent((props) => {
     });
   };
 });
-const cascader = defineFormComponent((props) => {
+const cascader = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -266,7 +265,7 @@ const cascader = defineFormComponent((props) => {
     });
   };
 });
-const autoComplete = defineFormComponent((props) => {
+const autoComplete = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -285,7 +284,7 @@ const autoComplete = defineFormComponent((props) => {
     });
   };
 });
-const checkbox = defineFormComponent((props) => {
+const checkbox = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -335,7 +334,7 @@ const checkbox = defineFormComponent((props) => {
     });
   };
 });
-const inputNumber = defineFormComponent((props) => {
+const inputNumber = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -353,7 +352,7 @@ const inputNumber = defineFormComponent((props) => {
     });
   };
 });
-const mentions = defineFormComponent((props) => {
+const mentions = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -370,7 +369,7 @@ const mentions = defineFormComponent((props) => {
     });
   };
 });
-const rate = defineFormComponent((props) => {
+const rate = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -388,7 +387,7 @@ const rate = defineFormComponent((props) => {
     });
   };
 });
-const slider = defineFormComponent((props) => {
+const slider = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -405,7 +404,7 @@ const slider = defineFormComponent((props) => {
     });
   };
 });
-const switchComponent = defineFormComponent((props) => {
+const switchComponent = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -429,7 +428,7 @@ const switchComponent = defineFormComponent((props) => {
     });
   };
 });
-const treeSelect = defineFormComponent((props) => {
+const treeSelect = defineFormItem((props) => {
   const {
     valueComputed
   } = useFormItem({
@@ -475,17 +474,403 @@ const treeSelect = defineFormComponent((props) => {
     });
   };
 });
+function defineFormItem(setup) {
+  return /* @__PURE__ */ defineComponent(setup, {
+    props: {
+      column: Object,
+      isView: Boolean
+    }
+  });
+}
 const formRenderMap = /* @__PURE__ */ new Map([["input", input], ["textarea", textarea], ["select", select], ["radio", radio], ["date-picker", datePicker], ["range-picker", rangePicker], ["upload", upload], ["cascader", cascader], ["auto-complete", autoComplete], ["checkbox", checkbox], ["input-number", inputNumber], ["mentions", mentions], ["rate", rate], ["slider", slider], ["switch", switchComponent], ["tree-select", treeSelect]]);
 function registerForm(type, Component) {
   formRenderMap.set(type, Component);
 }
-const useRules = () => {
-  const {
-    columns
-  } = useFormInject();
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FtAntdFormContent",
+    inheritAttrs: false
+  },
+  __name: "form-content",
+  props: {
+    columns: {},
+    isView: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const isView = (column) => {
+      return toValue(column.isView) ?? props.isView;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
+        return openBlock(), createBlock(resolveDynamicComponent(unref(formRenderMap).get(column.type)), {
+          key: unref(getField)(column),
+          column,
+          "is-view": isView(column)
+        }, null, 8, ["column", "is-view"]);
+      }), 128);
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FtAntdForm",
+    inheritAttrs: false
+  },
+  __name: "ft-antd-form",
+  props: {
+    width: {},
+    hideFooter: { type: Boolean },
+    hideConfirm: { type: Boolean },
+    hideReset: { type: Boolean },
+    columns: {},
+    internalFormProps: {},
+    formData: {},
+    "onUpdate:formData": { type: Function },
+    onSubmit: { type: Function },
+    isView: { type: Boolean },
+    cache: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { getFormData, visibleColumns, form, resetToDefault, setAsDefault } = useForm(props);
+    const { rules } = useRules(props);
+    const formRef = ref();
+    const formProps = computed(() => {
+      return {
+        layout: "horizontal",
+        model: form.value,
+        onFinish: async () => {
+          var _a;
+          const formData = getFormData();
+          (_a = props.onSubmit) == null ? void 0 : _a.call(props, formData);
+        },
+        labelCol: {
+          style: {
+            width: "100px"
+          }
+        },
+        rules: rules.value,
+        ...props.internalFormProps
+      };
+    });
+    const id = useId();
+    __expose({
+      formInstance: formRef,
+      resetToDefault,
+      getFormData,
+      setAsDefault
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Form), mergeProps({
+        ref_key: "formRef",
+        ref: formRef,
+        name: unref(id),
+        style: { width: _ctx.width }
+      }, { ..._ctx.$attrs, ...formProps.value }), {
+        default: withCtx(() => [
+          createVNode(_sfc_main$4, {
+            columns: unref(visibleColumns),
+            "is-view": _ctx.isView
+          }, null, 8, ["columns", "is-view"]),
+          !_ctx.hideFooter ? (openBlock(), createBlock(unref(FormItem), {
+            key: 0,
+            label: " ",
+            colon: false
+          }, {
+            default: withCtx(() => [
+              !_ctx.hideConfirm ? (openBlock(), createBlock(unref(Button), {
+                key: 0,
+                type: "primary",
+                htmlType: "submit"
+              }, {
+                default: withCtx(() => _cache[1] || (_cache[1] = [
+                  createTextVNode(" 提交 ")
+                ])),
+                _: 1
+              })) : createCommentVNode("", true),
+              !_ctx.hideReset ? (openBlock(), createBlock(unref(Button), {
+                key: 1,
+                style: { "margin-left": "10px" },
+                type: "primary",
+                danger: "",
+                onClick: _cache[0] || (_cache[0] = () => unref(resetToDefault)())
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createTextVNode(" 重置 ")
+                ])),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 16, ["name", "style"]);
+    };
+  }
+});
+const _hoisted_1$2 = { style: { "text-align": "center" } };
+const _hoisted_2$1 = { style: { "display": "flex" } };
+const _hoisted_3 = { style: { "display": "flex", "gap": "10px" } };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FtAntdFormSearch",
+    inheritAttrs: false
+  },
+  __name: "ft-antd-form-search",
+  props: {
+    columns: {},
+    internalFormProps: {},
+    formData: {},
+    "onUpdate:formData": { type: Function },
+    onSubmit: { type: Function },
+    isView: { type: Boolean },
+    cache: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      visibleColumns,
+      form,
+      resetToDefault,
+      getFormData,
+      columnsSort,
+      columnsChecked,
+      resetColumnsChecked,
+      resetColumnsSort,
+      setAsDefault
+    } = useForm(props);
+    const { rules } = useRules(props);
+    const formRef = ref();
+    const formProps = computed(() => {
+      return {
+        layout: "inline",
+        labelCol: {
+          style: {
+            width: "100px"
+          }
+        },
+        wrapperCol: {
+          style: {
+            // 这样定义宽度，可以方便后续修改
+            width: `var(--ft-form-control-width, 200px)`
+          }
+        },
+        ...props.internalFormProps,
+        model: form.value,
+        onFinish: async () => {
+          var _a;
+          const formData = getFormData();
+          (_a = props.onSubmit) == null ? void 0 : _a.call(props, formData);
+        },
+        rules: rules.value
+      };
+    });
+    const settingModal = ref(false);
+    let oldSortList = [];
+    const createColumnsTree = () => {
+      var _a;
+      const treeData = [{ title: "全选", key: "__all", children: [] }];
+      const children = [];
+      for (const column of props.columns) {
+        const key = column.field || ((_a = column.fields) == null ? void 0 : _a[0]);
+        children.push({
+          title: column.title,
+          key,
+          isLeaf: true
+        });
+      }
+      children.sort((a, b) => {
+        const aSort = columnsSort.value[a.key];
+        const bSort = columnsSort.value[b.key];
+        return aSort - bSort;
+      });
+      oldSortList = [...children];
+      treeData[0].children = children;
+      return { treeData };
+    };
+    const columnsTree = ref([]);
+    const columnsCheckedTree = ref([]);
+    const setting = () => {
+      const { treeData } = createColumnsTree();
+      columnsTree.value = treeData;
+      columnsCheckedTree.value = JSON.parse(JSON.stringify(columnsChecked.value));
+      settingModal.value = true;
+    };
+    const onSettingOk = () => {
+      settingModal.value = false;
+      columnsChecked.value = columnsCheckedTree.value;
+      const list = columnsTree.value[0].children;
+      const oldColumnsSort = {
+        ...columnsSort.value
+      };
+      const newColumnsSort = {};
+      list.forEach((e, idx) => {
+        const oldNode = oldSortList[idx];
+        const oldField = oldNode.key;
+        const oldSort = oldColumnsSort[oldField];
+        const curField = e.key;
+        newColumnsSort[curField] = oldSort;
+      });
+      columnsSort.value = newColumnsSort;
+    };
+    const onCancel = () => {
+      resetColumnsChecked();
+      resetColumnsSort();
+      settingModal.value = false;
+    };
+    const id = useId();
+    const allowDrop = ({ dropNode, dropPosition }) => {
+      if (dropNode.isLeaf && dropPosition === 1) return true;
+      if (dropNode.key === "__all" && dropPosition === 0) return true;
+      return false;
+    };
+    const onDrop = (info) => {
+      const dragNode = info.dragNode;
+      const position = info.dropPosition;
+      const list = columnsTree.value[0].children;
+      const fromIndex = list.findIndex((e) => e.key === dragNode.key);
+      const toIndex = position > fromIndex ? position - 1 : position;
+      list.splice(fromIndex, 1);
+      list.splice(toIndex, 0, dragNode);
+    };
+    __expose({
+      formInstance: formRef,
+      formData: form,
+      resetToDefault,
+      getFormData,
+      setAsDefault
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(Modal), {
+          open: settingModal.value,
+          "onUpdate:open": _cache[1] || (_cache[1] = ($event) => settingModal.value = $event),
+          mask: false,
+          width: 260,
+          maskClosable: false,
+          destroyOnClose: ""
+        }, {
+          title: withCtx(() => _cache[3] || (_cache[3] = [
+            createElementVNode("span", null, [
+              createTextVNode(" 配置筛选项 "),
+              createElementVNode("span", { style: { "font-size": "12px", "color": "gray" } }, " (可拖动排序) ")
+            ], -1)
+          ])),
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_1$2, [
+              createVNode(unref(Button), {
+                type: "primary",
+                danger: "",
+                onClick: onCancel
+              }, {
+                default: withCtx(() => _cache[4] || (_cache[4] = [
+                  createTextVNode(" 重置 ")
+                ])),
+                _: 1
+              }),
+              createVNode(unref(Button), {
+                type: "primary",
+                onClick: onSettingOk
+              }, {
+                default: withCtx(() => _cache[5] || (_cache[5] = [
+                  createTextVNode(" 保存 ")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(Tree), {
+              treeData: columnsTree.value,
+              checkedKeys: columnsCheckedTree.value,
+              "onUpdate:checkedKeys": _cache[0] || (_cache[0] = ($event) => columnsCheckedTree.value = $event),
+              checkable: "",
+              selectable: false,
+              draggable: "",
+              blockNode: "",
+              expandedKeys: ["__all"],
+              virtual: false,
+              allowDrop,
+              onDrop
+            }, {
+              title: withCtx((node) => [
+                createElementVNode("div", _hoisted_2$1, [
+                  createElementVNode("span", null, toDisplayString(node.title), 1),
+                  node.key !== "__all" ? (openBlock(), createBlock(unref(SwapOutlined), {
+                    key: 0,
+                    rotate: 90,
+                    style: { "margin-left": "auto", "color": "gray" }
+                  })) : createCommentVNode("", true)
+                ])
+              ]),
+              _: 1
+            }, 8, ["treeData", "checkedKeys"])
+          ]),
+          _: 1
+        }, 8, ["open"]),
+        createVNode(unref(Form), mergeProps({
+          ref_key: "formRef",
+          ref: formRef,
+          name: unref(id),
+          style: { "gap": "10px" }
+        }, { ..._ctx.$attrs, ...formProps.value }), {
+          default: withCtx(() => [
+            createVNode(_sfc_main$4, {
+              columns: unref(visibleColumns),
+              "is-view": _ctx.isView
+            }, null, 8, ["columns", "is-view"]),
+            createVNode(unref(FormItem), { style: { "--ft-form-control-width": "220px" } }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_3, [
+                  _ctx.cache ? (openBlock(), createBlock(unref(Button), {
+                    key: 0,
+                    onClick: setting
+                  }, {
+                    icon: withCtx(() => [
+                      createVNode(unref(SettingOutlined))
+                    ]),
+                    default: withCtx(() => [
+                      _cache[6] || (_cache[6] = createTextVNode(" 配置 "))
+                    ]),
+                    _: 1
+                  })) : createCommentVNode("", true),
+                  createVNode(unref(Button), {
+                    type: "primary",
+                    htmlType: "submit"
+                  }, {
+                    default: withCtx(() => _cache[7] || (_cache[7] = [
+                      createTextVNode(" 查询 ")
+                    ])),
+                    _: 1
+                  }),
+                  createVNode(unref(Button), {
+                    type: "primary",
+                    danger: "",
+                    htmlType: "reset",
+                    onClick: _cache[2] || (_cache[2] = () => unref(resetToDefault)())
+                  }, {
+                    default: withCtx(() => _cache[8] || (_cache[8] = [
+                      createTextVNode(" 重置 ")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 16, ["name"])
+      ], 64);
+    };
+  }
+});
+const useRules = (props) => {
   const rules = computed(() => {
     const rulesObj = {};
-    for (const column of columns.value) {
+    for (const column of props.columns) {
       if (column.rules) {
         const field = getField(column);
         set(rulesObj, field, toValue(column.rules));
@@ -497,300 +882,6 @@ const useRules = () => {
     rules
   };
 };
-const useExposed = (formRef) => {
-  const {
-    "onUpdate:exposed": onUpdateExposed,
-    resetToDefault,
-    getFormData,
-    setAsDefault
-  } = useFormInject();
-  watchEffect(() => {
-    onUpdateExposed == null ? void 0 : onUpdateExposed({
-      getFormData,
-      resetToDefault,
-      setAsDefault,
-      formInstance: formRef.value
-    });
-  });
-};
-const FtForm = /* @__PURE__ */ defineFtForm((_, ctx) => {
-  const {
-    form,
-    width,
-    internalFormProps: _formProps,
-    hideFooter,
-    hideConfirm,
-    hideReset,
-    onSubmit,
-    getFormData,
-    resetToDefault
-  } = useFormInject();
-  const {
-    rules
-  } = useRules();
-  const formRef = ref();
-  useExposed(formRef);
-  const formProps = computed(() => {
-    return {
-      layout: "horizontal",
-      model: form.value,
-      onFinish: async () => {
-        await (onSubmit == null ? void 0 : onSubmit(getFormData()));
-      },
-      labelCol: {
-        style: {
-          width: "100px"
-        }
-      },
-      rules: rules.value,
-      ..._formProps.value
-    };
-  });
-  const id = useId();
-  return () => createVNode(Form, mergeProps({
-    "ref": formRef,
-    "name": id,
-    "style": {
-      width: width.value
-    }
-  }, ctx.attrs, formProps.value), {
-    default: () => [ctx.slots.formContent(), !hideFooter.value && createVNode(FormItem, {
-      "label": " ",
-      "colon": false
-    }, {
-      default: () => [!hideConfirm.value && createVNode(Button, {
-        "type": "primary",
-        "htmlType": "submit"
-      }, {
-        default: () => [createTextVNode("提交")]
-      }), !hideReset.value && createVNode(Button, {
-        "style": "margin-left: 10px;",
-        "type": "primary",
-        "danger": true,
-        "onClick": () => resetToDefault()
-      }, {
-        default: () => [createTextVNode("重置")]
-      })]
-    })]
-  });
-}, formRenderMap, ["exposed", "onUpdate:exposed", ["width", {
-  type: String,
-  default: "500px"
-}], ["hideFooter", {
-  type: Boolean
-}], ["hideConfirm", {
-  type: Boolean
-}], ["hideReset", {
-  type: Boolean
-}]]);
-const FtFormSearch = /* @__PURE__ */ defineFtForm((_, ctx) => {
-  const {
-    form,
-    columnsChecked,
-    columnsSort,
-    columns,
-    cache,
-    internalFormProps: _formProps,
-    onSubmit,
-    getFormData,
-    resetToDefault,
-    resetColumnsChecked,
-    resetColumnsSort
-  } = useFormInject();
-  const {
-    rules
-  } = useRules();
-  const formRef = ref();
-  useExposed(formRef);
-  const formProps = computed(() => {
-    return {
-      layout: "inline",
-      labelCol: {
-        style: {
-          width: "100px"
-        }
-      },
-      wrapperCol: {
-        style: {
-          // 这样定义宽度，可以方便后续修改
-          width: `var(--ft-form-control-width, 200px)`
-        }
-      },
-      ..._formProps.value,
-      model: form.value,
-      onFinish: async () => {
-        await (onSubmit == null ? void 0 : onSubmit(getFormData()));
-      },
-      rules: rules.value
-    };
-  });
-  const settingModal = ref(false);
-  let oldSortList = [];
-  const createColumnsTree = () => {
-    var _a;
-    const treeData = [{
-      title: "全选",
-      key: "__all",
-      children: []
-    }];
-    const children = [];
-    for (const column of columns.value) {
-      const key = column.field || ((_a = column.fields) == null ? void 0 : _a[0]);
-      children.push({
-        title: column.title,
-        key,
-        isLeaf: true
-      });
-    }
-    children.sort((a, b) => {
-      const aSort = columnsSort.value[a.key];
-      const bSort = columnsSort.value[b.key];
-      return aSort - bSort;
-    });
-    oldSortList = [...children];
-    treeData[0].children = children;
-    return {
-      treeData
-    };
-  };
-  const columnsTree = ref([]);
-  const columnsCheckedTree = ref([]);
-  const setting = () => {
-    const {
-      treeData
-    } = createColumnsTree();
-    columnsTree.value = treeData;
-    columnsCheckedTree.value = JSON.parse(JSON.stringify(columnsChecked.value));
-    settingModal.value = true;
-  };
-  const onSettingOk = () => {
-    settingModal.value = false;
-    columnsChecked.value = columnsCheckedTree.value;
-    const list = columnsTree.value[0].children;
-    const oldColumnsSort = {
-      ...columnsSort.value
-    };
-    const newColumnsSort = {};
-    list.forEach((e, idx) => {
-      const oldNode = oldSortList[idx];
-      const oldField = oldNode.key;
-      const oldSort = oldColumnsSort[oldField];
-      const curField = e.key;
-      newColumnsSort[curField] = oldSort;
-    });
-    columnsSort.value = newColumnsSort;
-  };
-  const onCancel = () => {
-    resetColumnsChecked();
-    resetColumnsSort();
-    settingModal.value = false;
-  };
-  const id = useId();
-  return () => createVNode(Fragment, null, [createVNode(Modal, {
-    "open": settingModal.value,
-    "onUpdate:open": ($event) => settingModal.value = $event,
-    "mask": false,
-    "width": 260,
-    "maskClosable": false,
-    "destroyOnClose": true
-  }, {
-    title: () => createVNode("span", null, [createTextVNode("配置筛选项"), createVNode("span", {
-      "style": {
-        fontSize: "12px",
-        color: "gray"
-      }
-    }, [createTextVNode("(可拖动排序)")])]),
-    footer: () => {
-      return createVNode("div", {
-        "style": "text-align: center;"
-      }, [createVNode(Button, {
-        "type": "primary",
-        "danger": true,
-        "onClick": onCancel
-      }, {
-        default: () => [createTextVNode("重置")]
-      }), createVNode(Button, {
-        "type": "primary",
-        "onClick": onSettingOk
-      }, {
-        default: () => [createTextVNode("保存")]
-      })]);
-    },
-    default: () => createVNode(Tree, {
-      "treeData": columnsTree.value,
-      "checkedKeys": columnsCheckedTree.value,
-      "onUpdate:checkedKeys": ($event) => columnsCheckedTree.value = $event,
-      "checkable": true,
-      "selectable": false,
-      "draggable": true,
-      "blockNode": true,
-      "expandedKeys": ["__all"],
-      "virtual": false,
-      "allowDrop": ({
-        dropNode,
-        dropPosition
-      }) => {
-        if (dropNode.isLeaf && dropPosition === 1) return true;
-        if (dropNode.key === "__all" && dropPosition === 0) return true;
-        return false;
-      },
-      "onDrop": (info) => {
-        const dragNode = info.dragNode;
-        const position = info.dropPosition;
-        const list = columnsTree.value[0].children;
-        const fromIndex = list.findIndex((e) => e.key === dragNode.key);
-        const toIndex = position > fromIndex ? position - 1 : position;
-        list.splice(fromIndex, 1);
-        list.splice(toIndex, 0, dragNode);
-      }
-    }, {
-      title: (node) => createVNode("div", {
-        "style": {
-          display: "flex"
-        }
-      }, [createVNode("span", null, [node.title]), node.key !== "__all" && createVNode(SwapOutlined, {
-        "rotate": 90,
-        "style": {
-          marginLeft: "auto",
-          color: "gray"
-        }
-      }, null)])
-    })
-  }), createVNode(Form, mergeProps({
-    "name": id,
-    "style": {
-      gap: "10px 0"
-    },
-    "ref": formRef
-  }, ctx.attrs, formProps.value), {
-    default: () => [ctx.slots.formContent(), createVNode(FormItem, {
-      "style": {
-        "--ft-form-control-width": "220px"
-      }
-    }, {
-      default: () => [createVNode("div", {
-        "style": "display: flex; gap: 10px;"
-      }, [cache.value && createVNode(Button, {
-        "icon": createVNode(SettingOutlined, null, null),
-        "onClick": setting
-      }, {
-        default: () => [createTextVNode("配置")]
-      }), createVNode(Button, {
-        "type": "primary",
-        "htmlType": "submit"
-      }, {
-        default: () => [createTextVNode("查询")]
-      }), createVNode(Button, {
-        "type": "primary",
-        "danger": true,
-        "htmlType": "reset",
-        "onClick": () => resetToDefault()
-      }, {
-        default: () => [createTextVNode("重置")]
-      })])]
-    })]
-  })]);
-}, formRenderMap, ["exposed", "onUpdate:exposed"]);
 function isComponentTuple(value) {
   return Array.isArray(value);
 }
@@ -810,288 +901,59 @@ const editMap = /* @__PURE__ */ new Map([
 const registerEdit = (type, component) => {
   editMap.set(type, component);
 };
-const FtTable = defineFtTable((_p, ctx) => {
-  const {
-    formColumns,
-    tableColumns,
-    internalTableProps,
-    internalFormProps,
-    tableData,
-    loading,
-    total,
-    keyField,
-    defaultPageSize,
-    cache,
-    initSearch,
-    fitFlexHeight,
-    minHeight,
-    hidePagination,
-    onSearch,
-    onChange,
-    onExpand,
-    onExpandedRowsChange,
-    onResizeColumn,
-    "onUpdate:exposed": onUpdateExposed
-  } = useTableInject();
-  const formExposed = ref();
-  const handleSearch = async (pagination) => {
-    var _a;
-    if (!onSearch) return;
-    const formData = (_a = formExposed.value) == null ? void 0 : _a.getFormData();
-    if (!pagination && !hidePagination.value) {
-      pagination = {
-        page: 1,
-        pageSize: defaultPageSize.value
-      };
-    }
-    onSearch(formData, {
-      pagination
-    });
-  };
-  onMounted(() => {
-    if (initSearch.value ?? true) {
-      handleSearch();
-    }
-  });
-  const columns = computed(() => {
-    return tableColumns.value.map((column) => {
-      return {
-        width: 120,
-        align: "center",
-        ...column,
-        dataIndex: column.field
-      };
-    });
-  });
-  const currentPage = ref(1);
-  const props = computed(() => {
-    return {
-      bordered: true,
-      pagination: hidePagination.value ? false : {
-        total: total.value,
-        defaultPageSize: defaultPageSize.value,
-        current: currentPage.value,
-        onChange: (page, pageSize) => {
-          currentPage.value = page;
-          handleSearch({
-            page,
-            pageSize
-          });
-        }
-      },
-      tableLayout: "fixed",
-      rowKey: keyField.value ?? "id",
-      ...internalTableProps.value
-    };
-  });
-  const _scrollY = ref(0);
-  const scrollY = computed(() => {
-    if (!tableData.value || tableData.value.length === 0) return;
-    return _scrollY.value;
-  });
-  const scroll = computed(() => {
-    return {
-      scrollToFirstRowOnChange: true,
-      x: "100%",
-      y: scrollY.value
-    };
-  });
-  let containerStyle = {
-    display: "flex",
-    flexDirection: "column",
-    gap: "10px"
-  };
-  let tableStyle;
-  const containerRef = ref();
-  const tableRef = ref();
-  const calcTableHeight = () => {
-    const container = containerRef.value;
-    const table = container == null ? void 0 : container.querySelector(".ant-table-wrapper");
-    if (!table) return;
-    const header = container.querySelector(".ant-table-thead");
-    const footer = container.querySelector(".ant-table-footer");
-    if (!table) return;
-    let y = table.clientHeight - // pagination不是立即渲染的，其高度为64
-    // 多减去2px，避免出现小数
-    64 - 2 - ((header == null ? void 0 : header.clientHeight) ?? 0) - ((footer == null ? void 0 : footer.clientHeight) ?? 0);
-    const minHeightValue = minHeight.value;
-    if (y < minHeightValue) y = minHeightValue;
-    _scrollY.value = y;
-  };
-  if (fitFlexHeight.value ?? true) {
-    containerStyle = {
-      ...containerStyle,
-      flex: "1",
-      minHeight: 0
-    };
-    tableStyle = {
-      flex: "1",
-      minHeight: 0
-    };
-    let resizeObserver;
-    let prevHeight;
-    let timer;
-    onMounted(() => {
-      var _a;
-      resizeObserver = new ResizeObserver((entries) => {
-        const height = entries[0].contentRect.height;
-        if (prevHeight === height) return;
-        prevHeight = height;
-        if (timer) {
-          clearTimeout(timer);
-        }
-        timer = setTimeout(() => {
-          calcTableHeight();
-        }, 100);
-      });
-      resizeObserver.observe((_a = tableRef.value) == null ? void 0 : _a.$el);
-    });
-    onUnmounted(() => {
-      resizeObserver.disconnect();
-    });
-  }
-  const {
-    createBodyCell,
-    setEditRow,
-    cancelEditRow,
-    saveEditRow,
-    editRowMap
-  } = useEdit(tableData);
-  const scrollToIndex = (index) => {
-    var _a;
-    const row = (_a = containerRef.value) == null ? void 0 : _a.querySelectorAll(".ant-table-row")[index];
-    if (!row) return;
-    row.scrollIntoView({
-      behavior: "smooth",
-      block: "nearest",
-      inline: "start"
-    });
-  };
-  const scrollToRow = (row) => {
-    const index = tableData.value.indexOf(row);
-    scrollToIndex(index);
-  };
-  watchEffect(() => {
-    onUpdateExposed == null ? void 0 : onUpdateExposed({
-      refresh: async () => {
-        var _a;
-        await ((_a = formExposed.value) == null ? void 0 : _a.resetToDefault());
-        handleSearch();
-      },
-      formExposed: formExposed.value,
-      editRowMap,
-      setEditRow: (row) => {
-        setEditRow(row);
-        nextTick().then(() => {
-          scrollToRow(row);
-        });
-      },
-      cancelEditRow,
-      saveEditRow,
-      scrollToIndex,
-      scrollToRow
-    });
-  });
-  return () => {
-    var _a, _b, _c, _d;
-    return createVNode("div", {
-      "ref": containerRef,
-      "style": containerStyle
-    }, [formColumns.value.length > 0 && createVNode(Fragment, null, [createVNode(FtFormSearch, mergeProps({
-      "exposed": formExposed.value,
-      "onUpdate:exposed": ($event) => formExposed.value = $event,
-      "cache": cache.value,
-      "columns": formColumns.value,
-      "onSubmit": () => handleSearch()
-    }, internalFormProps.value), null), createVNode(Divider, {
-      "dashed": true,
-      "style": "margin: 0"
-    }, null)]), (ctx.slots.buttons || ctx.slots.tools) && createVNode("div", null, [(_b = (_a = ctx.slots).buttons) == null ? void 0 : _b.call(_a), (_d = (_c = ctx.slots).tools) == null ? void 0 : _d.call(_c)]), createVNode(Table, mergeProps({
-      "ref": tableRef,
-      "style": tableStyle,
-      "columns": columns.value,
-      "loading": loading.value,
-      "dataSource": tableData.value,
-      "scroll": scroll.value
-    }, ctx.attrs, props.value, {
-      "onChange": onChange,
-      "onExpand": onExpand,
-      "onExpandedRowsChange": onExpandedRowsChange,
-      "onResizeColumn": onResizeColumn
-    }), {
-      ...ctx.slots,
-      bodyCell: createBodyCell(ctx.slots.bodyCell)
-    })]);
-  };
-}, ["onChange", "onExpand", "onExpandedRowsChange", "onResizeColumn", "onSearch", ["initSearch", {
-  type: Boolean,
-  default: true
-}], "fitFlexHeight", ["minHeight", {
-  type: Number,
-  default: 210
-}], ["hidePagination", {
-  type: Boolean
-}], "exposed", "onUpdate:exposed"]);
-function useEdit(tableData) {
+function useEdit(props) {
   const editRowMap = reactive(/* @__PURE__ */ new Map());
-  const createBodyCell = (bodyCellDefault) => {
-    if (editRowMap.size === 0) return bodyCellDefault;
-    return (scopeProps) => {
-      const column = scopeProps.column;
-      if (column.customRender) {
-        return column.customRender({
-          ...scopeProps,
-          record: scopeProps.record,
-          // todo:: 这个是啥？
-          renderIndex: -1
-        });
+  const EditBodyCell = (scopeProps) => {
+    const column = scopeProps.column;
+    if (column.customRender) {
+      return column.customRender({
+        ...scopeProps,
+        // todo:: 这个是啥？
+        renderIndex: -1
+      });
+    }
+    if (column.edit && editRowMap.has(scopeProps.record)) {
+      let edit;
+      if (typeof column.edit === "string") {
+        edit = {
+          type: column.edit
+        };
+      } else {
+        edit = column.edit;
       }
-      if (column.edit && editRowMap.has(scopeProps.record)) {
-        let edit;
-        if (typeof column.edit === "string") {
-          edit = {
-            type: column.edit
-          };
+      const field = edit.field ?? column.field;
+      const componentOrTuple = editMap.get(edit.type);
+      if (componentOrTuple) {
+        let component;
+        let model = "value";
+        if (isComponentTuple(componentOrTuple)) {
+          component = componentOrTuple[0];
+          const info = componentOrTuple[1];
+          if (info.model) {
+            model = info.model;
+          }
         } else {
-          edit = column.edit;
+          component = componentOrTuple;
+        }
+        const { valueGetter, valueSetter } = edit;
+        let value = get(scopeProps.record, field);
+        if (valueGetter) {
+          value = valueGetter(value);
         }
-        const field = edit.field ?? column.field;
-        const componentOrTuple = editMap.get(edit.type);
-        if (componentOrTuple) {
-          let component;
-          let model = "value";
-          if (isComponentTuple(componentOrTuple)) {
-            component = componentOrTuple[0];
-            const info = componentOrTuple[1];
-            if (info.model) {
-              model = info.model;
+        const props2 = {
+          ...unrefs(edit.props),
+          class: "ft-table-edit",
+          [model]: value,
+          [`onUpdate:${model}`]: (value2) => {
+            if (valueSetter) {
+              value2 = valueSetter(value2);
             }
-          } else {
-            component = componentOrTuple;
-          }
-          const {
-            valueGetter,
-            valueSetter
-          } = edit;
-          let value = get(scopeProps.record, field);
-          if (valueGetter) {
-            value = valueGetter(value);
+            set(scopeProps.record, field, value2);
           }
-          const props = {
-            ...unrefs(edit.props),
-            class: "ft-table-edit",
-            [model]: value,
-            [`onUpdate:${model}`]: (value2) => {
-              if (valueSetter) {
-                value2 = valueSetter(value2);
-              }
-              set(scopeProps.record, field, value2);
-            }
-          };
-          return h(component, props);
-        }
+        };
+        return h(component, props2);
       }
-    };
+    }
   };
   const setEditRow = (row) => {
     const oldRow = cloneDeep(row);
@@ -1100,8 +962,8 @@ function useEdit(tableData) {
   const cancelEditRow = (row) => {
     const oldRow = editRowMap.get(row);
     if (!oldRow) return;
-    const index = tableData.value.indexOf(row);
-    tableData.value[index] = oldRow;
+    const index = props.tableData.indexOf(row);
+    props.tableData[index] = oldRow;
     delEditRow(row);
   };
   const saveEditRow = (row) => {
@@ -1110,272 +972,606 @@ function useEdit(tableData) {
   const delEditRow = (row) => {
     editRowMap.delete(row);
   };
-  watch(tableData, (v) => {
-    editRowMap.forEach((_val, key) => {
-      if (!(v == null ? void 0 : v.includes(key))) {
-        editRowMap.delete(key);
-      }
-    });
-  });
+  watch(
+    () => props.tableData,
+    (v) => {
+      editRowMap.forEach((_val, key) => {
+        if (!(v == null ? void 0 : v.includes(key))) {
+          editRowMap.delete(key);
+        }
+      });
+    }
+  );
   return {
     editRowMap,
     setEditRow,
-    createBodyCell,
+    EditBodyCell,
     cancelEditRow,
     saveEditRow
   };
 }
-const FtVxeTable = defineFtTable((_, ctx) => {
-  const {
-    formColumns,
-    tableColumns,
-    internalTableProps: _internalTableProps,
-    internalFormProps,
-    tableData,
-    loading,
-    total,
-    keyField,
-    defaultPageSize,
-    cache,
-    initSearch,
-    fitFlexHeight,
-    minHeight,
-    hidePagination,
-    onSearch,
-    "onUpdate:exposed": onUpdateExposed
-  } = useTableInject();
-  const formExposed = ref();
-  const tableExposed = ref();
-  const handleSearch = async (pagination) => {
-    var _a;
-    if (!onSearch) return;
-    const formData = (_a = formExposed.value) == null ? void 0 : _a.getFormData();
-    if (!pagination && !hidePagination.value) {
-      pagination = {
-        page: 1,
-        pageSize: defaultPageSize.value
-      };
-    }
-    await onSearch(formData, {
-      pagination
-    });
-  };
-  onMounted(() => {
-    if (initSearch.value) {
-      handleSearch();
-    }
-  });
-  const enableEdit = computed(() => {
-    return tableColumns.value.some((column) => {
+const _hoisted_1$1 = {
+  key: 1
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FtAntdTable",
+    inheritAttrs: false
+  },
+  __name: "ft-antd-table",
+  props: {
+    initSearch: {
+      type: Boolean,
+      default: true
+    },
+    fitFlexHeight: {
+      type: Boolean,
+      default: true
+    },
+    minHeight: {
+      default: 210
+    },
+    hidePagination: {
+      type: Boolean
+    },
+    internalTableProps: {},
+    internalFormProps: {},
+    onChange: {},
+    onExpand: {},
+    onExpandedRowsChange: {},
+    onResizeColumn: {},
+    onSearch: {},
+    cache: {},
+    columns: {},
+    searchColumns: {},
+    total: {},
+    defaultPageSize: {},
+    loading: {
+      type: Boolean
+    },
+    tableData: {},
+    "onUpdate:tableData": {},
+    keyField: {}
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const props = __props;
+    const {
+      formColumns
+    } = useTable(props);
+    onMounted(() => {
       var _a;
-      return column.edit || ((_a = column.slots) == null ? void 0 : _a.edit);
+      if (props.initSearch ?? true) {
+        (_a = props.onSearch) == null ? void 0 : _a.call(props);
+      }
     });
-  });
-  const columns = computed(() => {
-    return tableColumns.value.map((column) => {
-      var _a;
-      let editObj = column.edit;
-      if (typeof editObj === "string") {
-        editObj = {
-          type: editObj,
-          props: {}
+    const columns = computed(() => {
+      return props.columns.map((column) => {
+        return {
+          width: 120,
+          align: "center",
+          ...column,
+          dataIndex: column.field
         };
-      }
-      const slots = {
-        edit: editObj ? (params) => {
-          const {
-            row
-          } = params;
-          const type = editObj.type;
-          const field = editObj.field ?? column.field;
-          const componentOrTuple = editMap.get(type);
-          if (!componentOrTuple) {
-            console.warn(`[@ftjs/antd] 不支持的编辑类型: ${type}`);
-            return "";
-          }
-          let component;
-          let model = "value";
-          if (isComponentTuple(componentOrTuple)) {
-            component = componentOrTuple[0];
-            const info = componentOrTuple[1];
-            if (info.model) {
-              model = info.model;
-            }
-          } else {
-            component = componentOrTuple;
-          }
-          const modelEvent = `onUpdate:${model}`;
-          const {
-            valueGetter,
-            valueSetter
-          } = editObj ?? {};
-          let value = get(row, field);
-          if (valueGetter) {
-            value = valueGetter(value);
+      });
+    });
+    const currentPage = ref(1);
+    const tableProps = computed(() => {
+      return {
+        bordered: true,
+        pagination: props.hidePagination ? false : {
+          total: props.total,
+          defaultPageSize: props.defaultPageSize,
+          current: currentPage.value,
+          onChange: () => {
+            var _a;
+            (_a = props.onSearch) == null ? void 0 : _a.call(props);
           }
-          const props = {
-            ...unrefs(editObj.props),
-            [model]: value,
-            [modelEvent]: (value2) => {
-              if (valueSetter) {
-                value2 = valueSetter(value2);
-              }
-              set(row, field, value2);
-            }
-          };
-          return h(component, props);
-        } : null,
-        ...column.slots
+        },
+        tableLayout: "fixed",
+        rowKey: props.keyField ?? "id",
+        ...props.internalTableProps
       };
-      if (slots.edit == null) {
-        delete slots.edit;
-      }
+    });
+    const _scrollY = ref(0);
+    const scrollY = computed(() => {
+      if (!props.tableData || props.tableData.length === 0) return;
+      return _scrollY.value;
+    });
+    const scroll = computed(() => {
       return {
-        minWidth: 120,
-        align: "center",
-        editRender: editObj || ((_a = column.slots) == null ? void 0 : _a.edit) ? {} : void 0,
-        ...column,
-        slots
+        scrollToFirstRowOnChange: true,
+        x: "100%",
+        y: scrollY.value
       };
     });
-  });
-  const internalTableProps = computed(() => {
+    let containerStyle = {
+      display: "flex",
+      flexDirection: "column",
+      gap: "10px"
+    };
+    let tableStyle;
+    const containerRef = ref();
+    const tableRef = ref();
+    const calcTableHeight = () => {
+      const container = containerRef.value;
+      const table = container == null ? void 0 : container.querySelector(".ant-table-wrapper");
+      if (!table) return;
+      const header = container.querySelector(".ant-table-thead");
+      const footer = container.querySelector(".ant-table-footer");
+      if (!table) return;
+      let y = table.clientHeight - // pagination不是立即渲染的，其高度为64
+      // 多减去2px，避免出现小数
+      64 - 2 - ((header == null ? void 0 : header.clientHeight) ?? 0) - ((footer == null ? void 0 : footer.clientHeight) ?? 0);
+      const minHeightValue = props.minHeight;
+      if (y < minHeightValue) y = minHeightValue;
+      _scrollY.value = y;
+    };
+    if (props.fitFlexHeight) {
+      containerStyle = {
+        ...containerStyle,
+        flex: "1",
+        minHeight: 0
+      };
+      tableStyle = {
+        flex: "1",
+        minHeight: 0
+      };
+      let resizeObserver;
+      let prevHeight;
+      let timer;
+      onMounted(() => {
+        var _a;
+        resizeObserver = new ResizeObserver((entries) => {
+          const height = entries[0].contentRect.height;
+          if (prevHeight === height) return;
+          prevHeight = height;
+          if (timer) {
+            clearTimeout(timer);
+          }
+          timer = setTimeout(() => {
+            calcTableHeight();
+          }, 100);
+        });
+        resizeObserver.observe((_a = tableRef.value) == null ? void 0 : _a.$el);
+      });
+      onUnmounted(() => {
+        resizeObserver.disconnect();
+      });
+    }
+    const scrollToIndex = (index) => {
+      var _a;
+      const row = (_a = containerRef.value) == null ? void 0 : _a.querySelectorAll(".ant-table-row")[index];
+      if (!row) return;
+      row.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest",
+        inline: "start"
+      });
+    };
+    const scrollToRow = (row) => {
+      const index = props.tableData.indexOf(row);
+      scrollToIndex(index);
+    };
+    const formRef = useTemplateRef("form");
     const {
-      columnConfig,
-      editConfig,
-      toolbarConfig,
-      customConfig,
-      rowConfig
-    } = _internalTableProps.value ?? {};
-    return {
-      ..._internalTableProps.value,
-      columnConfig: {
-        resizable: true,
-        ...columnConfig
-      },
-      editConfig: enableEdit.value ? {
-        mode: "row",
-        showStatus: true,
-        trigger: "manual",
-        autoClear: false,
-        autoPos: true,
-        ...editConfig
-      } : void 0,
-      toolbarConfig: {
-        custom: true,
-        zoom: true,
-        ...toolbarConfig
+      editRowMap,
+      setEditRow,
+      cancelEditRow,
+      saveEditRow,
+      EditBodyCell
+    } = useEdit(props);
+    __expose({
+      /**
+       * 表单示例
+       */
+      formRef,
+      /**
+       * 刷新表格
+       */
+      refresh: async () => {
+        var _a, _b;
+        await ((_a = formRef.value) == null ? void 0 : _a.resetToDefault());
+        (_b = props.onSearch) == null ? void 0 : _b.call(props);
       },
-      customConfig: {
-        storage: true,
-        enabled: cache.value != null,
-        ...customConfig
+      /**
+       * 设置编辑行
+       */
+      setEditRow: (row) => {
+        setEditRow(row);
+        nextTick().then(() => {
+          scrollToRow(row);
+        });
       },
-      rowConfig: {
-        keyField: keyField.value,
-        ...rowConfig
-      }
-    };
-  });
-  let containerStyle = {
-    display: "flex",
-    flexDirection: "column",
-    gap: "10px",
-    width: "100%"
-  };
-  let tableStyle;
-  const containerRef = ref();
-  let height;
-  if (fitFlexHeight.value ?? true) {
-    containerStyle = {
-      ...containerStyle,
-      flex: "1",
-      minHeight: 0
-    };
-    tableStyle = {
-      flex: "1",
-      minHeight: 0
+      /**
+       * 当前全部编辑行
+       */
+      editRowMap,
+      /**
+       * 取消编辑行
+       */
+      cancelEditRow,
+      /**
+       * 保存编辑行
+       */
+      saveEditRow,
+      /**
+       * 滚动到指定行
+       */
+      scrollToRow,
+      /**
+       * 滚动到指定行索引
+       */
+      scrollToIndex
+    });
+    const definedSlots = ["buttons", "tools", "bodyCell"];
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: normalizeStyle(unref(containerStyle))
+      }, [unref(formColumns).length > 0 ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createVNode(unref(_sfc_main$2), mergeProps({
+        ref: "form",
+        cache: _ctx.cache,
+        columns: unref(formColumns)
+      }, _ctx.internalFormProps, {
+        onSubmit: _ctx.onSearch
+      }), null, 16, ["cache", "columns", "onSubmit"]), createVNode(unref(Divider), {
+        dashed: "",
+        style: {
+          "margin": "0"
+        }
+      })], 64)) : createCommentVNode("", true), _ctx.$slots.buttons || _ctx.$slots.tools ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "buttons"), renderSlot(_ctx.$slots, "tools")])) : createCommentVNode("", true), createVNode(unref(Table), mergeProps({
+        ref_key: "tableRef",
+        ref: tableRef,
+        style: unref(tableStyle),
+        columns: columns.value,
+        loading: _ctx.loading,
+        dataSource: _ctx.tableData,
+        scroll: scroll.value
+      }, {
+        ..._ctx.$attrs,
+        ...tableProps.value
+      }, {
+        onChange: _cache[0] || (_cache[0] = ($event) => ({
+          onChange: _ctx.onChange
+        })),
+        onExpand: _cache[1] || (_cache[1] = ($event) => ({
+          onExpand: _ctx.onExpand
+        })),
+        onExpandedRowsChange: _cache[2] || (_cache[2] = ($event) => ({
+          onExpandedRowsChange: _ctx.onExpandedRowsChange
+        })),
+        onResizeColumn: _cache[3] || (_cache[3] = ($event) => ({
+          onResizeColumn: _ctx.onResizeColumn
+        }))
+      }), createSlots({
+        bodyCell: withCtx((scopedProps) => [unref(editRowMap).size === 0 ? renderSlot(_ctx.$slots, "bodyCell", normalizeProps(mergeProps({
+          key: 0
+        }, scopedProps))) : unref(editRowMap).has(scopedProps.record) ? (openBlock(), createBlock(resolveDynamicComponent(unref(EditBodyCell)), normalizeProps(mergeProps({
+          key: 1
+        }, scopedProps)), null, 16)) : createCommentVNode("", true)]),
+        _: 2
+      }, [renderList(_ctx.$slots, (_, name) => {
+        return {
+          name,
+          fn: withCtx((slotData) => [!definedSlots.includes(name) ? renderSlot(_ctx.$slots, name, normalizeProps(mergeProps({
+            key: 0
+          }, slotData))) : createCommentVNode("", true)])
+        };
+      })]), 1040, ["style", "columns", "loading", "dataSource", "scroll"])], 4);
     };
-    height = "100%";
   }
-  const current = ref(1);
-  async function refresh() {
-    await handleSearch();
+});
+const _hoisted_1 = {
+  key: 1,
+  style: {
+    "text-align": "right",
+    "padding": "0.5em 0"
+  }
+};
+const _hoisted_2 = {
+  key: 1,
+  style: {
+    "height": "100%",
+    "width": "100%",
+    "display": "flex",
+    "justify-content": "center",
+    "align-items": "center"
   }
-  watchEffect(() => {
-    onUpdateExposed == null ? void 0 : onUpdateExposed({
-      refresh,
-      formExposed: formExposed.value,
-      tableExposed: tableExposed.value
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FtAntdVxeTable",
+    inheritAttrs: false
+  },
+  __name: "ft-vxe-table",
+  props: {
+    initSearch: {
+      type: Boolean,
+      default: true
+    },
+    fitFlexHeight: {
+      type: Boolean,
+      default: true
+    },
+    minHeight: {
+      default: 310
+    },
+    hidePagination: {
+      type: Boolean
+    },
+    internalTableProps: {},
+    internalFormProps: {},
+    onSearch: {},
+    cache: {},
+    columns: {},
+    searchColumns: {},
+    total: {},
+    defaultPageSize: {
+      default: 20
+    },
+    loading: {
+      type: Boolean
+    },
+    tableData: {},
+    "onUpdate:tableData": {},
+    keyField: {}
+  },
+  setup(__props, {
+    expose: __expose
+  }) {
+    const props = __props;
+    const {
+      formColumns
+    } = useTable(props);
+    onMounted(() => {
+      var _a;
+      if (props.initSearch) {
+        (_a = props.onSearch) == null ? void 0 : _a.call(props);
+      }
     });
-  });
-  return () => createVNode("div", {
-    "ref": containerRef,
-    "style": containerStyle
-  }, [formColumns.value.length > 0 && createVNode(Fragment, null, [createVNode(FtFormSearch, mergeProps({
-    "exposed": formExposed.value,
-    "onUpdate:exposed": ($event) => formExposed.value = $event,
-    "cache": cache.value,
-    "columns": formColumns.value,
-    "onSubmit": () => handleSearch()
-  }, internalFormProps.value), null), createVNode(Divider, {
-    "dashed": true,
-    "style": "margin: 0"
-  }, null)]), createVNode("div", {
-    "style": tableStyle
-  }, [createVNode(VxeGrid, mergeProps({
-    "ref": (ref2) => tableExposed.value = ref2,
-    "border": true,
-    "showOverflow": true,
-    "height": height,
-    "columns": columns.value,
-    "loading": loading.value,
-    "data": tableData.value,
-    "minHeight": minHeight.value ?? 310,
-    "id": cache.value,
-    "keepSource": enableEdit.value
-  }, internalTableProps.value), {
-    pager() {
-      return hidePagination.value ? null : createVNode("div", {
-        "style": "text-align: right; padding: .5em 0;"
-      }, [createVNode(Pagination, {
-        "current": current.value,
-        "onUpdate:current": ($event) => current.value = $event,
-        "showQuickJumper": true,
-        "showSizeChanger": true,
-        "showLessItems": true,
-        "total": total.value,
-        "defaultPageSize": defaultPageSize.value,
-        "showTotal": (total2) => {
-          if (total2 === 0) return null;
-          return `共 ${total2} 条数据`;
+    const enableEdit = computed(() => {
+      return props.columns.some((column) => {
+        var _a;
+        return column.edit || ((_a = column.slots) == null ? void 0 : _a.edit);
+      });
+    });
+    const columns = computed(() => {
+      return props.columns.map((column) => {
+        var _a;
+        let editObj = column.edit;
+        if (typeof editObj === "string") {
+          editObj = {
+            type: editObj,
+            props: {}
+          };
+        }
+        const slots = {
+          edit: editObj ? (params) => {
+            const {
+              row
+            } = params;
+            const type = editObj.type;
+            const field = editObj.field ?? column.field;
+            const componentOrTuple = editMap.get(type);
+            if (!componentOrTuple) {
+              console.warn(`[@ftjs/antd] 不支持的编辑类型: ${type}`);
+              return "";
+            }
+            let component;
+            let model = "value";
+            if (isComponentTuple(componentOrTuple)) {
+              component = componentOrTuple[0];
+              const info = componentOrTuple[1];
+              if (info.model) {
+                model = info.model;
+              }
+            } else {
+              component = componentOrTuple;
+            }
+            const modelEvent = `onUpdate:${model}`;
+            const {
+              valueGetter,
+              valueSetter
+            } = editObj ?? {};
+            let value = get(row, field);
+            if (valueGetter) {
+              value = valueGetter(value);
+            }
+            const props2 = {
+              ...unrefs(editObj.props),
+              [model]: value,
+              [modelEvent]: (value2) => {
+                if (valueSetter) {
+                  value2 = valueSetter(value2);
+                }
+                set(row, field, value2);
+              }
+            };
+            return h(component, props2);
+          } : null,
+          ...column.slots
+        };
+        if (slots.edit == null) {
+          delete slots.edit;
+        }
+        return {
+          minWidth: 120,
+          align: "center",
+          editRender: editObj || ((_a = column.slots) == null ? void 0 : _a.edit) ? {} : void 0,
+          ...column,
+          slots
+        };
+      });
+    });
+    const internalTableProps = computed(() => {
+      const {
+        columnConfig,
+        editConfig,
+        toolbarConfig,
+        customConfig,
+        rowConfig
+      } = props.internalTableProps ?? {};
+      return {
+        ...props.internalTableProps,
+        columnConfig: {
+          resizable: true,
+          ...columnConfig
         },
-        "onChange": (page, pageSize) => {
-          handleSearch({
-            page,
-            pageSize
-          });
+        editConfig: enableEdit.value ? {
+          mode: "row",
+          showStatus: true,
+          trigger: "manual",
+          autoClear: false,
+          autoPos: true,
+          ...editConfig
+        } : void 0,
+        toolbarConfig: {
+          custom: true,
+          zoom: true,
+          ...toolbarConfig
+        },
+        customConfig: {
+          storage: true,
+          enabled: props.cache != null,
+          ...customConfig
+        },
+        rowConfig: {
+          keyField: props.keyField,
+          ...rowConfig
         }
-      }, null)]);
-    },
-    ...ctx.slots,
-    loading() {
-      return createVNode("div", {
-        "style": "height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;"
-      }, [createVNode(Spin, null, null)]);
+      };
+    });
+    let containerStyle = {
+      display: "flex",
+      flexDirection: "column",
+      gap: "10px",
+      width: "100%"
+    };
+    let tableStyle;
+    const containerRef = ref();
+    let height;
+    if (props.fitFlexHeight) {
+      containerStyle = {
+        ...containerStyle,
+        flex: "1",
+        minHeight: 0
+      };
+      tableStyle = {
+        flex: "1",
+        minHeight: 0
+      };
+      height = "100%";
+    }
+    const current = ref(1);
+    const pageSize = ref(props.defaultPageSize);
+    async function refresh() {
+      var _a;
+      await ((_a = props.onSearch) == null ? void 0 : _a.call(props));
     }
-  })])]);
-}, ["onSearch", ["initSearch", {
-  type: Boolean,
-  default: true
-}], "fitFlexHeight", "minHeight", ["hidePagination", {
-  type: Boolean
-}], "exposed", "onUpdate:exposed"]);
+    const definedSlots = ["pager", "loading"];
+    const searchRef = useTemplateRef("search");
+    const gridRef = ref();
+    __expose({
+      /**
+       * 搜索组件实例
+       */
+      searchRef,
+      /**
+       * 表格组件实例
+       */
+      gridRef,
+      /**
+       * 获取分页信息
+       */
+      getPagination() {
+        return {
+          page: current.value,
+          pageSize: pageSize.value
+        };
+      },
+      /**
+       * 获取搜索信息
+       */
+      getSearchInfo() {
+        var _a;
+        return ((_a = searchRef.value) == null ? void 0 : _a.getFormData()) ?? {};
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_VxeGrid = resolveComponent("VxeGrid");
+      return openBlock(), createElementBlock("div", {
+        ref_key: "containerRef",
+        ref: containerRef,
+        style: normalizeStyle(unref(containerStyle))
+      }, [unref(formColumns).length > 0 ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createVNode(unref(_sfc_main$2), mergeProps({
+        ref: "search",
+        cache: _ctx.cache,
+        columns: unref(formColumns),
+        onSubmit: refresh
+      }, _ctx.internalFormProps), null, 16, ["cache", "columns"]), createVNode(unref(Divider), {
+        dashed: "",
+        style: {
+          "margin": "0"
+        }
+      })], 64)) : createCommentVNode("", true), createElementVNode("div", {
+        style: normalizeStyle(unref(tableStyle))
+      }, [createVNode(_component_VxeGrid, mergeProps({
+        ref_key: "gridRef",
+        ref: gridRef,
+        border: "",
+        showOverflow: "",
+        height: unref(height),
+        columns: columns.value,
+        loading: _ctx.loading,
+        data: _ctx.tableData,
+        minHeight: _ctx.minHeight,
+        id: _ctx.cache,
+        keepSource: enableEdit.value
+      }, {
+        ..._ctx.$attrs,
+        ...internalTableProps.value
+      }), createSlots({
+        pager: withCtx(() => [_ctx.$slots.pager ? renderSlot(_ctx.$slots, "pager", {
+          key: 0
+        }) : !_ctx.hidePagination ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Pagination), {
+          current: current.value,
+          "onUpdate:current": _cache[0] || (_cache[0] = ($event) => current.value = $event),
+          pageSize: pageSize.value,
+          "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
+          showQuickJumper: "",
+          showSizeChanger: "",
+          showLessItems: "",
+          total: _ctx.total,
+          defaultPageSize: _ctx.defaultPageSize,
+          onChange: refresh
+        }, null, 8, ["current", "pageSize", "total", "defaultPageSize"])])) : createCommentVNode("", true)]),
+        loading: withCtx(() => [_ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", {
+          key: 0
+        }) : (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(Spin))]))]),
+        _: 2
+      }, [renderList(_ctx.$slots, (_, name) => {
+        return {
+          name,
+          fn: withCtx((slotData) => [!definedSlots.includes(name) ? renderSlot(_ctx.$slots, name, normalizeProps(mergeProps({
+            key: 0
+          }, slotData))) : createCommentVNode("", true)])
+        };
+      })]), 1040, ["height", "columns", "loading", "data", "minHeight", "id", "keepSource"])], 4)], 4);
+    };
+  }
+});
 export {
-  FtForm,
-  FtFormSearch,
-  FtTable,
-  FtVxeTable,
+  _sfc_main$3 as FtAntdForm,
+  _sfc_main$2 as FtAntdFormSearch,
+  _sfc_main$1 as FtAntdTable,
+  _sfc_main as FtVxeTable,
   editMap,
   isComponentTuple,
   registerEdit,