@gx-design-vue/pro-table 0.0.2-rc.1 → 0.0.2-rc.10

package/dist/pro-table.mjs

@@ -1,14 +1,25 @@
-import { ref as I, watchEffect as ae, computed as k, unref as s, reactive as le, watch as q, getCurrentInstance as mt, onUnmounted as Ee, onDeactivated as gt, provide as yt, inject as Ct, defineComponent as xe, createVNode as a, Fragment as Oe, mergeProps as fe, resolveComponent as ye, isVNode as he, nextTick as bt, renderSlot as pt, createTextVNode as re, cloneVNode as xt, toRef as W, onMounted as St, toRaw as ke } from "vue";
+import { ref as I, watchEffect as ae, computed as k, unref as s, reactive as le, watch as Q, onUnmounted as Ue, onDeactivated as yt, provide as Ct, inject as bt, defineComponent as pe, createVNode as u, Fragment as Oe, mergeProps as fe, isVNode as he, nextTick as pt, renderSlot as xt, createTextVNode as ce, cloneVNode as St, toRef as W, onMounted as wt, toRaw as Re } from "vue";
 import { cloneDeep as V, omit as Ve } from "lodash-es";
-import { useFullscreen as qe } from "@vueuse/core";
-import { Form as Ae, Grid as Ie, Space as te, Button as He, TimePicker as wt, DatePicker as Ue, TreeSelect as Tt, Select as Rt, Input as kt, Tree as Ft, Tooltip as U, Popover as Dt, Checkbox as Pt, Dropdown as Ot, Menu as Ce, Spin as Mt, Pagination as Et, Table as It, Typography as Nt } from "ant-design-vue";
-import { isBoolean as se, isFunction as pe, arrayRepeat as zt, runFunction as Bt, handleCurrentPage as jt, getSortIndex as $t, handleFormDefaultValue as Yt, genColumnKey as Ge, compareToMax as Kt, isNumber as Je, isString as Lt, isArray as We, getRandomNumber as Me, handleShowIndex as Vt, isObject as At, hanndleField as Ht } from "@gx-design-vue/pro-utils";
+import { useFullscreen as Ge } from "@vueuse/core";
+import { Form as Ae, Grid as Ie, Space as te, Button as He, TimePicker as Tt, DatePicker as Je, TreeSelect as Rt, Spin as Pe, Select as We, Input as kt, Tree as Ft, Tooltip as q, Popover as Dt, Checkbox as Ot, Dropdown as Pt, Menu as ye, Pagination as Mt, Table as Et, Typography as It } from "ant-design-vue";
+import { isBoolean as se, isFunction as be, arrayRepeat as Nt, runFunction as jt, handleCurrentPage as zt, getSortIndex as Bt, handleFormDefaultValue as $t, genColumnKey as Qe, compareToMax as Yt, isNumber as Xe, isString as Kt, isArray as _e, getRandomNumber as Me, handleShowIndex as Lt, isObject as Vt, hanndleField as At } from "@gx-design-vue/pro-utils";
+import { tryOnUnmounted as Ht, useMemo as Ce } from "@gx-design-vue/pro-hooks";
 import _ from "dayjs";
-import { UpOutlined as Wt, DownOutlined as _t, SearchOutlined as qt, VerticalAlignTopOutlined as Ut, VerticalAlignMiddleOutlined as Gt, VerticalAlignBottomOutlined as Jt, SettingOutlined as Qe, FullscreenExitOutlined as Qt, FullscreenOutlined as Xt, ColumnHeightOutlined as Zt, InfoCircleOutlined as en, ReloadOutlined as tn } from "@ant-design/icons-vue";
-function nn(e, u) {
-  process.env.NODE_ENV !== "production" && !e && console !== void 0 && console.error("Warning: ".concat(u));
+import { UpOutlined as Wt, DownOutlined as _t, VerticalAlignTopOutlined as qt, VerticalAlignMiddleOutlined as Ut, VerticalAlignBottomOutlined as Gt, SettingOutlined as Ze, FullscreenExitOutlined as Jt, FullscreenOutlined as Qt, ColumnHeightOutlined as Xt, InfoCircleOutlined as Zt, ReloadOutlined as en } from "@ant-design/icons-vue";
+function Ee() {
+  return Ee = Object.assign ? Object.assign.bind() : function(e) {
+    for (var a = 1; a < arguments.length; a++) {
+      var t = arguments[a];
+      for (var l in t)
+        Object.prototype.hasOwnProperty.call(t, l) && (e[l] = t[l]);
+    }
+    return e;
+  }, Ee.apply(this, arguments);
+}
+function tn(e, a) {
+  process.env.NODE_ENV !== "production" && !e && console !== void 0 && console.error("Warning: ".concat(a));
 }
-const ln = {
+const nn = {
   prefixCls: { type: String, default: void 0 },
   columns: { type: Array, default: void 0 },
   rowKey: { type: [String, Function], default: void 0 },
@@ -117,21 +128,146 @@ const ln = {
   transformCellText: {
     type: Function
   }
-}, Ne = ({ suffixCls: e, customizePrefixCls: u, isPor: t, className: l }) => {
+}, Ne = ({ suffixCls: e, customizePrefixCls: a, isPor: t, className: l }) => {
   const o = l || (t ? "gx-pro" : "gx");
-  return u || (e ? `${o}-${e}` : o);
+  return a || (e ? `${o}-${e}` : o);
 };
-function an(e, u, t = "default") {
-  return u[t] === !1 ? !1 : u[t] || e[t];
+function ln(e, a, t = "default") {
+  return a[t] === !1 ? !1 : a[t] || e[t];
 }
-function ie(e, u, t = "default") {
+function ie(e, a, t = "default") {
   var l;
-  return u[t] === !1 ? !1 : u[t] || ((l = e[t]) == null ? void 0 : l.call(e));
+  return a[t] === !1 ? !1 : a[t] || ((l = e[t]) == null ? void 0 : l.call(e));
 }
-function un({ emit: e, loading: u }) {
-  const t = I(u.value);
+const ne = {
+  ...nn,
+  rowSelection: {
+    type: Object,
+    default: void 0
+  },
+  columns: { type: Array, default: [] },
+  pagination: { type: [Object, Boolean], default: () => {
+  } },
+  rowKey: { type: String, default: void 0 },
+  request: {
+    type: Function,
+    default: null
+  },
+  virtualScroll: Boolean,
+  params: Object,
+  postData: Function,
+  waitRequest: {
+    type: Boolean,
+    default: !1
+  },
+  polling: Number,
+  debounceTime: {
+    type: Number,
+    default: 20
+  },
+  search: {
+    type: Object,
+    default: () => ({
+      resetText: "\u91CD\u7F6E",
+      searchText: "\u67E5\u8BE2"
+    })
+  },
+  searchMap: {
+    type: Array,
+    default: () => []
+  },
+  customize: {
+    type: [Object, Function],
+    default: () => {
+    }
+  },
+  actionRef: Function,
+  tableClassName: String,
+  tableStyle: {
+    type: Object
+  },
+  toolBarBtn: {
+    type: [Object, Array, Function],
+    default: () => {
+    }
+  },
+  headerTitle: {
+    type: [String, Object, Array, Function],
+    default: () => {
+    }
+  },
+  titleTip: {
+    type: [Boolean, String, Object, Array, Function],
+    default: () => {
+    }
+  },
+  titleTipText: {
+    type: String,
+    default: "\u8FD9\u662F\u4E00\u4E2A\u6807\u9898\u63D0\u793A"
+  },
+  options: {
+    type: [Object, Boolean],
+    default: !0
+  },
+  columnsState: {
+    type: Object
+  },
+  optionsExtra: {
+    type: [Function, Object],
+    default: () => {
+    }
+  },
+  settingExtra: {
+    type: [String, Function],
+    default: () => {
+    }
+  },
+  showIndex: {
+    type: Boolean,
+    default: !0
+  },
+  pageItemRender: {
+    type: [Function, Object],
+    default: () => {
+    }
+  },
+  size: {
+    type: String,
+    default: "middle"
+  },
+  align: {
+    type: String,
+    default: "left"
+  },
+  bordered: {
+    type: Boolean,
+    default: !0
+  },
+  draggabled: Boolean,
+  autoScroll: {
+    type: Boolean,
+    default: !0
+  },
+  scrollBreakpoint: [String, Number],
+  modalScroll: Boolean,
+  neverScroll: Boolean,
+  columnEmptyText: {
+    type: [String, Boolean],
+    default: !1
+  },
+  onReset: Function,
+  onReload: Function,
+  onSubmit: Function,
+  onSizeChange: Function,
+  onLadingChange: Function,
+  onRequestError: Function,
+  onBeforeSearchSubmit: Function,
+  onColumnsStateChange: Function
+};
+function an({ emit: e, loading: a }) {
+  const t = I(a.value);
   ae(() => {
-    t.value = u.value;
+    t.value = a.value;
   });
   const l = k(() => s(t) || !1);
   function o(i) {
@@ -139,19 +275,19 @@ function un({ emit: e, loading: u }) {
   }
   return { getLoading: l, setLoading: o };
 }
-function on({ size: e, emit: u }) {
+function un({ size: e, emit: a }) {
   const t = I("middle");
   ae(() => {
     t.value = e.value;
   });
   function l(o) {
-    t.value = o, u("sizeChange", !0);
+    t.value = o, a("sizeChange", !0);
   }
   return { sizeRef: t, setTableSize: l };
 }
-function sn({
+function on({
   slots: e,
-  props: u,
+  props: a,
   pagination: t
 }) {
   const l = le({});
@@ -162,14 +298,14 @@ function sn({
         ...(d = t.value) != null ? d : {}
       });
     else
-      for (const r in l)
-        delete l[r];
+      for (const c in l)
+        delete l[c];
   });
   const o = k(() => {
-    var c;
+    var r;
     if (se(t.value) && !t.value)
       return !1;
-    const d = an(e, s(u), "pageItemRender"), r = pe(d) ? {
+    const d = ln(e, s(a), "pageItemRender"), c = be(d) ? {
       itemRender: ({
         page: h,
         type: g,
@@ -188,14 +324,14 @@ function sn({
       pageSizeOptions: ["10", "20", "50", "100"],
       ...t.value || {},
       ...s(l),
-      ...r || {}
+      ...c || {}
     };
-    return (c = t.value) != null && c.showTotal || (f.showTotal = (h) => `\u5171${h < f.pageSize ? 1 : Math.ceil(h / f.pageSize)}\u9875 ${h}\u6761\u8BB0\u5F55`), f;
+    return (r = t.value) != null && r.showTotal || (f.showTotal = (h) => `\u5171${h < f.pageSize ? 1 : Math.ceil(h / f.pageSize)}\u9875 ${h}\u6761\u8BB0\u5F55`), f;
   });
   function i(d) {
-    const r = s(o);
+    const c = s(o);
     Object.assign(l, {
-      ...r || {},
+      ...c || {},
       ...d
     });
   }
@@ -204,70 +340,67 @@ function sn({
     setPagination: i
   };
 }
-function cn(e, u) {
+function sn(e, a) {
   const t = I([]), l = I([]);
-  q(() => {
+  Q(() => {
     var f;
-    return (f = u.value) == null ? void 0 : f.defaultSelectKeys;
+    return (f = a.value) == null ? void 0 : f.defaultSelectKeys;
   }, (f) => {
-    t.value = zt([...t.value, ...f || []]);
+    t.value = Nt([...t.value, ...f || []]);
   }, {
     deep: !0,
     immediate: !0
-  }), q(() => {
+  }), Q(() => {
     var f;
-    return (f = u.value) == null ? void 0 : f.defaultSelectRows;
+    return (f = a.value) == null ? void 0 : f.defaultSelectRows;
   }, (f) => {
-    f && f.forEach((c) => {
-      l.value.every((h) => h[e.value || ""] !== (c == null ? void 0 : c[e.value || ""])) && l.value.push(V(c));
+    f && f.forEach((r) => {
+      l.value.every((h) => h[e.value || ""] !== (r == null ? void 0 : r[e.value || ""])) && l.value.push(V(r));
     });
   }, {
     deep: !0,
     immediate: !0
   });
-  const o = (f, c) => {
-    c && e.value ? f != null && f[e.value] && (t.value.push(f[e.value]), l.value.push(f)) : (t.value = t.value.filter((h) => {
+  const o = (f, r) => {
+    r && e.value ? f != null && f[e.value] && (t.value.push(f[e.value]), l.value.push(f)) : (t.value = t.value.filter((h) => {
       e.value && f[e.value];
     }), l.value = l.value.filter((h) => h[e.value || ""] !== f[e.value || ""]));
   }, i = () => {
-    u.value && u.value.onChange(t.value, l.value);
+    a.value && a.value.onChange(t.value, l.value);
   };
   return {
     selectedKey: t,
     selectRowKey: o,
-    selectAllRowKey: (f, c, h) => {
-      f ? c.map((g) => (t.value.every((y) => y !== (g == null ? void 0 : g[e.value || ""])) && e.value && (g == null ? void 0 : g[e.value]) && (t.value.push(g[e.value]), l.value.push(g)), g)) : h.map((g) => (t.value.some((y) => y === (g == null ? void 0 : g[e.value || ""])) && (t.value = t.value.filter((y) => y !== g[e.value || ""]), l.value = l.value.filter((y) => y[e.value || ""] !== g[e.value || ""])), g));
+    selectAllRowKey: (f, r, h) => {
+      f ? r.map((g) => (t.value.every((y) => y !== (g == null ? void 0 : g[e.value || ""])) && e.value && (g == null ? void 0 : g[e.value]) && (t.value.push(g[e.value]), l.value.push(g)), g)) : h.map((g) => (t.value.some((y) => y === (g == null ? void 0 : g[e.value || ""])) && (t.value = t.value.filter((y) => y !== g[e.value || ""]), l.value = l.value.filter((y) => y[e.value || ""] !== g[e.value || ""])), g));
     },
     removeRowKeys: (f) => {
-      t.value = t.value.filter((c) => !f.includes(c)), l.value = l.value.filter((c) => !f.includes(c == null ? void 0 : c[e.value || ""])), i();
+      t.value = t.value.filter((r) => !f.includes(r)), l.value = l.value.filter((r) => !f.includes(r == null ? void 0 : r[e.value || ""])), i();
     },
     changeRowKey: i
   };
 }
-function rn(e) {
-  mt() && Ee(e);
-}
-function dn(e, u) {
-  const t = u || 0, l = I(), o = I(e);
+function rn(e, a) {
+  const t = a || 0, l = I(), o = I(e);
   o.value = e;
   function i() {
     l.value && clearTimeout(l.value);
   }
-  async function d(...r) {
+  async function d(...c) {
     var f;
-    i(), l.value = (f = r[0]) != null && f.immediate ? await o.value(...r) : setTimeout(async () => {
-      await o.value(...r);
+    i(), l.value = (f = c[0]) != null && f.immediate ? await o.value(...c) : setTimeout(async () => {
+      await o.value(...c);
     }, t);
   }
-  return rn(i), {
+  return Ht(i), {
     cancel: i,
     run: d
   };
 }
-function fn(e) {
-  const u = k(() => e.polling), t = k(() => e.request), l = k(() => e.postData), o = k(() => e.debounceTime), i = k(() => e.waitRequest), d = k(() => e.dataSource);
+function cn(e) {
+  const a = k(() => e.polling), t = k(() => e.request), l = k(() => e.postData), o = k(() => e.debounceTime), i = k(() => e.waitRequest), d = k(() => e.dataSource);
   return {
-    polling: u,
+    polling: a,
     request: t,
     postData: l,
     debounceTime: o,
@@ -275,130 +408,135 @@ function fn(e) {
     dataSource: d
   };
 }
-function hn({ polling: e, request: u, postData: t, dataSource: l, waitRequest: o, debounceTime: i }, { columns: d, getLoading: r, setLoading: f, setColumns: c, removeRowKeys: h, formParamsRef: g, setPagination: y, getPaginationInfo: x, beforeSearchSubmit: p }, C) {
-  const T = I(), S = I(!0), F = I(!1), O = I(!1), D = I([]), j = I(), $ = dn(async (E) => {
-    j.value && clearTimeout(j.value);
-    const z = await v(E), Y = Bt(e.value, z);
-    Y && !T.value && (j.value = setTimeout(() => {
+function dn({ polling: e, request: a, postData: t, dataSource: l, waitRequest: o, debounceTime: i }, { columns: d, getLoading: c, setLoading: f, setColumns: r, removeRowKeys: h, formParamsRef: g, setPagination: y, getPaginationInfo: p, onBeforeSearchSubmit: x }, C) {
+  const S = I(), T = I(!0), F = I(!1), D = I(!1), O = I([]), B = I(), $ = rn(async (E) => {
+    B.value && clearTimeout(B.value);
+    const j = await v(E), Y = jt(e.value, j);
+    Y && !S.value && (B.value = setTimeout(() => {
       $.run({ ...E, isPolling: Y });
     }, Math.max(Y, 2e3)));
   }, i.value || 20);
-  Ee(() => {
-    T.value = !0, clearTimeout(j.value);
-  }), gt(() => {
-    T.value = !0, clearTimeout(j.value);
-  }), q(() => e.value, () => {
-    e.value ? $.run({ isPolling: !0 }) : clearTimeout(j.value);
-  }, { immediate: !0 }), q(() => [o.value, l.value, g], () => {
-    u.value ? (!S.value || !e.value) && $.run({ isPolling: !1 }) : N(l.value || []);
+  Ue(() => {
+    S.value = !0, clearTimeout(B.value);
+  }), yt(() => {
+    S.value = !0, clearTimeout(B.value);
+  }), Q(() => e.value, () => {
+    e.value ? $.run({ isPolling: !0 }) : clearTimeout(B.value);
+  }, { immediate: !0 }), Q(() => [o.value, l.value, g], () => {
+    a.value ? (!T.value || !e.value) && $.run({ isPolling: !1 }) : N(l.value || []);
   }, {
     deep: !0,
     immediate: !0
   });
-  const L = k(() => {
-    const E = s(d).filter((z) => z.show || z.show === void 0);
-    return !s(D) || s(D).length === 0 || !E || E.length === 0 ? [] : s(D);
-  }), n = k(() => s(D).some((E) => E.children && E.children.length > 0));
+  const A = k(() => {
+    const E = s(d).filter((j) => j.show || j.show === void 0);
+    return !s(O) || s(O).length === 0 || !E || E.length === 0 ? [] : s(O);
+  }), n = k(() => s(O).some((E) => E.children && E.children.length > 0));
   function m(E) {
-    O.value = E;
+    D.value = E;
   }
-  function w(E, z, Y) {
-    $.run({ pagination: E, filters: z, sorter: Y, isPolling: !1 }), C("change", E, z, Y);
+  function w(E, j, Y) {
+    $.run({ pagination: E, filters: j, sorter: Y, isPolling: !1 }), C("change", E, j, Y);
   }
-  const M = (E, z) => {
-    N(E), y(z);
+  const M = (E, j) => {
+    N(E), y(j);
   }, v = async (E = {}) => {
-    const { pagination: z, filters: Y, sorter: K, removeKeys: oe = [], isPolling: we = !1 } = E;
-    if (!s(u) || !pe(s(u)) || s(o) && r.value || F.value)
+    const { pagination: j, filters: Y, sorter: K, removeKeys: oe = [], isPolling: Se = !1 } = E;
+    if (!s(a) || !be(s(a)) || s(o) && c.value || F.value)
       return l.value || [];
-    if (F.value = !0, !we || s(o) || S.value ? f(!0) : m(!0), s(o)) {
-      S.value = !1, F.value = !1;
+    if (F.value = !0, !Se || s(o) || T.value ? f(!0) : m(!0), s(o)) {
+      T.value = !1, F.value = !1;
       return;
     }
-    const { current: ve = 1, pageSize: me = 10, total: Te } = s(x) || {};
+    const { current: ve = 1, pageSize: me = 10, total: we } = s(p) || {};
     try {
       let X = {};
-      se(z) && !z || se(x) ? X = {} : (X.pageNum = jt(z || {
-        current: ve,
-        pageSize: me,
-        total: Te
-      }, oe.length), oe.length && h(oe), X.pageSize = me);
+      if (se(j) && !j || se(p))
+        X = {};
+      else {
+        const L = j || {
+          current: ve,
+          pageSize: me,
+          total: we
+        };
+        X.pageNum = zt(L, oe.length), oe.length && h(oe), X.pageSize = me;
+      }
       const ge = (K == null ? void 0 : K.columnKey) || (K == null ? void 0 : K.field);
-      K && K.order ? c(s(d).map((A) => (A.dataIndex === ge ? A.sortOrder = K.order : A.sortOrder = null, A))) : K && c(s(d).map((A) => (A.dataIndex === ge && (A.sortOrder = null), A)));
-      let ce = {
+      K && K.order ? r(s(d).map((L) => (L.dataIndex === ge ? L.sortOrder = K.order : L.sortOrder = null, L))) : K && r(s(d).map((L) => (L.dataIndex === ge && (L.sortOrder = null), L)));
+      let re = {
         ...X || {},
         ...E.params,
         ...g
       };
-      p && pe(p) && (ce = await p(ce, K, Y));
+      x && be(x) && (re = await x(re, K, Y));
       let Z = [];
-      const G = await s(u)(ce, K, Y);
-      return F.value = !1, G && G.success ? (Z = G.data || [], s(t) && pe(s(t)) && (Z = await s(t)(Z) || Z), M(Z || [], {
-        total: G.total || 0
+      const U = await s(a)(re, K, Y);
+      return F.value = !1, U && U.success ? (Z = U.data || [], s(t) && be(s(t)) && (Z = await s(t)(Z) || Z), M(Z || [], {
+        total: U.total || 0
       }), Z) : [];
     } catch (X) {
-      D.value === void 0 && N([]), C("requestError", X);
+      O.value === void 0 && N([]), C("requestError", X);
     } finally {
-      S.value = !1, f(!1);
+      T.value = !1, f(!1);
     }
     return [];
   };
   function N(E) {
-    D.value = $t(V(E), s(x.value));
+    O.value = Bt(V(E), s(p.value));
   }
-  function Se({ key: E, value: z }) {
-    D.value = D.value.map((Y) => E && z[E] === Y[E] ? { ...Y, ...z } : Y);
+  function xe({ key: E, params: j }) {
+    O.value = O.value.map((Y) => E && j[E] === Y[E] ? { ...Y, ...j } : Y);
   }
   return {
-    getDataSourceRef: L,
+    getDataSourceRef: A,
     isTreeDataRef: n,
     reSetDataList: N,
-    changeDataValue: Se,
+    changeDataValue: xe,
     handleTableChange: w,
     reload: async (E) => {
-      s(u) ? await $.run({ ...E, isPolling: !1 }) : C("reload");
+      s(a) ? await $.run({ ...E, isPolling: !1 }) : C("reload");
     }
   };
 }
-function vn({ search: e, searchMap: u, params: t, columns: l }) {
-  const o = le({}), i = le({}), d = I([]), r = k(() => !!e.value.showSearch);
-  q(r.value ? [() => u.value, () => l.value] : [() => u.value, () => l.value, () => t.value], () => {
-    let c = {};
-    const h = V(u.value);
-    l.value && l.value.map((g) => (g.searchConfig && h.push(g.searchConfig), g)), d.value = V(h), c = Yt(h), Object.assign(i, { ...c }), Object.assign(o, {
+function fn({ search: e, searchMap: a, params: t, columns: l }) {
+  const o = le({}), i = le({}), d = I([]), c = k(() => !!e.value.showSearch);
+  Q(c.value ? [() => a.value, () => l.value] : [() => a.value, () => l.value, () => t.value], () => {
+    let r = {};
+    const h = V(a.value);
+    l.value && l.value.map((g) => (g.searchConfig && h.push(g.searchConfig), g)), d.value = V(h), r = $t(h), Object.assign(i, { ...r }), Object.assign(o, {
       ...t.value || {},
-      ...c
+      ...r
     });
   }, {
     deep: !0,
     immediate: !0
   });
-  function f(c) {
-    Object.assign(o, c);
+  function f(r) {
+    Object.assign(o, r);
   }
   return { formDataRef: d, formParamsRef: o, defaultParamsRef: i, setFormParams: f };
 }
-function mn({ columns: e, columnsState: u, changeColumns: t }) {
-  const l = I(void 0), o = le({}), i = le({}), d = le({}), r = I([]);
-  q(() => e.value, () => {
+function hn({ columns: e, columnsState: a, changeColumns: t }) {
+  const l = I(void 0), o = le({}), i = le({}), d = le({}), c = I([]);
+  Q(() => e.value, () => {
     var h;
-    (h = s(e)) == null || h.forEach(({ show: g, key: y, fixed: x }, p) => {
-      const C = Ge(y, p);
-      C && (d[C] = { show: g === void 0 ? !0 : g, fixed: x });
+    (h = s(e)) == null || h.forEach(({ show: g, key: y, fixed: p }, x) => {
+      const C = Qe(y, x);
+      C && (d[C] = { show: g === void 0 ? !0 : g, fixed: p });
     });
   }, {
     deep: !0,
     immediate: !0
-  }), q(() => e.value, () => {
+  }), Q(() => e.value, () => {
     const h = s(e).map((g) => g.key);
-    c(h);
+    r(h);
   }, {
     deep: !0,
     immediate: !0
   }), ae(() => {
     var g;
     const h = {
-      ...(g = s(u)) == null ? void 0 : g.value,
+      ...(g = s(a)) == null ? void 0 : g.value,
       ...s(d)
     };
     Object.assign(o, h), Object.assign(i, h);
@@ -406,105 +544,105 @@ function mn({ columns: e, columnsState: u, changeColumns: t }) {
   function f(h, g) {
     l.value = g, Object.assign(o, h), t == null || t(o, g === "fixed");
   }
-  function c(h) {
-    r.value = h;
+  function r(h) {
+    c.value = h;
   }
   return {
     columnsMap: o,
     operationType: l,
     setColumnsMap: f,
-    sortKeyColumns: r,
+    sortKeyColumns: c,
     cacheColumnsMap: i,
-    setSortKeyColumns: c
+    setSortKeyColumns: r
   };
 }
-function gn(e) {
-  const u = k(() => e.draggabled), t = k(() => e.neverScroll), l = k(() => e.autoScroll);
+function vn(e) {
+  const a = k(() => e.draggabled), t = k(() => e.neverScroll), l = k(() => e.autoScroll);
   return {
-    draggabled: u,
+    draggabled: a,
     neverScroll: t,
     autoScroll: l
   };
 }
-function yn({ scroll: e, columns: u, breakpoint: t, draggabled: l, autoScroll: o, neverScroll: i }) {
-  const d = I([]), r = I([]);
-  q([
+function mn({ scroll: e, columns: a, breakpoint: t, draggabled: l, autoScroll: o, neverScroll: i }) {
+  const d = I([]), c = I([]);
+  Q([
     () => e.value,
-    () => u.value,
+    () => a.value,
     () => t.value,
     () => l.value,
     () => o.value,
     () => i.value
   ], () => {
-    d.value = V(h(s(u))), r.value = V(h(s(u)));
+    d.value = V(h(s(a))), c.value = V(h(s(a)));
   }, {
     deep: !0,
     immediate: !0
   });
   const f = k(() => {
-    const p = c(s(d).filter((S) => S.fixed === "left")), C = c(s(d).filter((S) => S.fixed !== "left" && S.fixed !== "right")), T = c(s(d).filter((S) => S.fixed === "right"));
+    const x = r(s(d).filter((T) => T.fixed === "left")), C = r(s(d).filter((T) => T.fixed !== "left" && T.fixed !== "right")), S = r(s(d).filter((T) => T.fixed === "right"));
     return [
-      ...p,
+      ...x,
       ...C,
-      ...T
+      ...S
     ];
   });
-  function c(p) {
-    return p.sort((C, T) => Kt(C, T, "order"));
+  function r(x) {
+    return x.sort((C, S) => Yt(C, S, "order"));
   }
-  function h(p) {
-    return V(p).map((C, T) => {
-      var S;
-      if (C.dataIndex === "action" || T === p.length - 1 ? C.resizable = !1 : C.resizable = se(C.resizable) ? C.resizable : !!(Je(C.width) && s(l)), !C.width || s(i))
+  function h(x) {
+    return V(x).map((C, S) => {
+      var T;
+      if (C.dataIndex === "action" || S === x.length - 1 ? C.resizable = !1 : C.resizable = se(C.resizable) ? C.resizable : !!(Xe(C.width) && s(l)), !C.width || s(i))
         return C;
       if (C.dataIndex === "action" && s(o))
-        if (((S = s(e)) == null ? void 0 : S.x) || !s(t))
+        if (((T = s(e)) == null ? void 0 : T.x) || !s(t))
           C.width = C.width || 100, C.fixed = "right";
         else {
-          const F = s(u).find((O) => O.dataIndex === C.dataIndex);
+          const F = s(a).find((D) => D.dataIndex === C.dataIndex);
           C.width = (F == null ? void 0 : F.width) || "", C.fixed = F == null ? void 0 : F.fixed;
         }
       return C;
     });
   }
-  function g(p, C) {
-    d.value = d.value.map((T) => (T.uuid === C.uuid && (T.width = p), T));
+  function g(x, C) {
+    d.value = d.value.map((S) => (S.uuid === C.uuid && (S.width = x), S));
   }
-  function y(p) {
-    if (p.length <= 0) {
+  function y(x) {
+    if (x.length <= 0) {
       d.value = [];
       return;
     }
-    d.value = h(V(p));
+    d.value = h(V(x));
   }
-  function x(p) {
-    let C = V(u.value);
-    C = C.map((T) => {
-      var F, O, D;
-      const S = T.key ? {
-        show: (F = p[T.key]) == null ? void 0 : F.show,
-        fixed: (O = p[T.key]) == null ? void 0 : O.fixed,
-        order: (D = p[T.key]) == null ? void 0 : D.order
+  function p(x) {
+    let C = V(a.value);
+    C = C.map((S) => {
+      var F, D, O;
+      const T = S.key ? {
+        show: (F = x[S.key]) == null ? void 0 : F.show,
+        fixed: (D = x[S.key]) == null ? void 0 : D.fixed,
+        order: (O = x[S.key]) == null ? void 0 : O.order
       } : {};
       return {
-        ...T,
-        ...S
+        ...S,
+        ...T
       };
     }), y(C);
   }
   return {
     breakpoint: t,
     getProColumns: f,
-    cacheProColumns: r,
+    cacheProColumns: c,
     setColumns: y,
-    changeColumns: x,
+    changeColumns: p,
     resizeColumnWidth: g
   };
 }
-function Cn(e) {
-  const u = k(() => e.scroll), t = k(() => e.autoScroll), l = k(() => e.modalScroll), o = k(() => e.neverScroll), i = k(() => e.rowSelection), d = k(() => e.scrollBreakpoint);
+function gn(e) {
+  const a = k(() => e.scroll), t = k(() => e.autoScroll), l = k(() => e.modalScroll), o = k(() => e.neverScroll), i = k(() => e.rowSelection), d = k(() => e.scrollBreakpoint);
   return {
-    scroll: u,
+    scroll: a,
     neverScroll: o,
     rowSelection: i,
     autoScroll: t,
@@ -512,31 +650,31 @@ function Cn(e) {
     scrollBreakpoint: d
   };
 }
-function bn({ scroll: e, columns: u, autoScroll: t, modalScroll: l, neverScroll: o, rowSelection: i, screensRef: d, innerWidth: r, scrollBreakpoint: f }) {
-  const c = k(() => {
-    var y, x, p;
-    return s(f) ? Je(s(f)) ? r.value > s(f) : Lt(s(f)) ? (y = d.value) == null ? void 0 : y[s(f)] : (x = d.value) == null ? void 0 : x.xl : (p = d.value) == null ? void 0 : p.xl;
+function yn({ scroll: e, columns: a, autoScroll: t, modalScroll: l, neverScroll: o, rowSelection: i, screensRef: d, innerWidth: c, scrollBreakpoint: f }) {
+  const r = k(() => {
+    var y, p, x;
+    return s(f) ? Xe(s(f)) ? c.value > s(f) : Kt(s(f)) ? (y = d.value) == null ? void 0 : y[s(f)] : (p = d.value) == null ? void 0 : p.xl : (x = d.value) == null ? void 0 : x.xl;
   }), h = k(() => {
     let y = 0;
-    const x = s(i) ? 60 : 0, p = 150, C = V(s(u));
+    const p = s(i) ? 60 : 0, x = 150, C = V(s(a));
     C.forEach((F) => {
       y += Number.parseInt(F.width) || 0;
     });
-    const S = C.filter((F) => !Reflect.has(F, "width")).length;
-    return S !== 0 && (y += S * p), x && (y += x), y;
+    const T = C.filter((F) => !Reflect.has(F, "width")).length;
+    return T !== 0 && (y += T * x), p && (y += p), y;
   });
   return { getScrollRef: k(() => {
-    var x;
+    var p;
     const { xl: y } = d.value;
     return s(o) ? {} : s(e) && Object.keys(s(e)).length ? s(e) : s(l) ? {
-      y: ((x = s(e)) == null ? void 0 : x.y) || (y ? 400 : 235)
-    } : s(t) ? c.value ? {} : se(c.value) ? { x: s(h) } : {} : {};
-  }), breakpoint: c };
+      y: ((p = s(e)) == null ? void 0 : p.y) || (y ? 400 : 235)
+    } : s(t) ? r.value ? {} : se(r.value) ? { x: s(h) } : {} : {};
+  }), breakpoint: r };
 }
-const Xe = Symbol("table-context"), pn = (e = Symbol(), u) => Ct(e, u || {}), xn = (e) => {
-  yt(Xe, e);
-}, ue = () => pn(Xe, []);
-function Sn(e, u) {
+const et = Symbol("table-context"), Cn = (e = Symbol(), a) => bt(e, a || {}), bn = (e) => {
+  Ct(et, e);
+}, ue = () => Cn(et, []);
+function pn(e, a) {
   const t = le({});
   ae(() => {
     l();
@@ -545,7 +683,7 @@ function Sn(e, u) {
     Object.keys(e).map((d) => {
       o(d, e[d]);
     });
-    const i = u.find((d) => d.valueType === "dateRange");
+    const i = a.find((d) => d.valueType === "dateRange");
     i && o(i.name || "", e[i.rangeStartName || "start"] ? [
       e[i.rangeStartName || "start"],
       e[i.rangeEndName || "end"]
@@ -560,140 +698,15 @@ function Sn(e, u) {
     changeFormState: o
   };
 }
-const ne = {
-  ...ln,
-  rowSelection: {
-    type: Object,
-    default: void 0
-  },
-  columns: { type: Array, default: [] },
-  pagination: { type: [Object, Boolean], default: () => {
-  } },
-  rowKey: { type: String, default: void 0 },
-  request: {
-    type: Function,
-    default: null
-  },
-  virtualScroll: Boolean,
-  params: Object,
-  postData: Function,
-  waitRequest: {
-    type: Boolean,
-    default: !1
-  },
-  polling: Number,
-  debounceTime: {
-    type: Number,
-    default: 20
-  },
-  search: {
-    type: Object,
-    default: () => ({
-      resetText: "\u91CD\u7F6E",
-      searchText: "\u67E5\u8BE2"
-    })
-  },
-  searchMap: {
-    type: Array,
-    default: () => []
-  },
-  customize: {
-    type: [Object, Function],
-    default: () => {
-    }
-  },
-  actionRef: Function,
-  tableClassName: String,
-  tableStyle: {
-    type: Object
-  },
-  toolBarBtn: {
-    type: [Object, Array, Function],
-    default: () => {
-    }
-  },
-  headerTitle: {
-    type: [String, Object, Array, Function],
-    default: () => {
-    }
-  },
-  titleTip: {
-    type: [Boolean, String, Object, Array, Function],
-    default: () => {
-    }
-  },
-  titleTipText: {
-    type: String,
-    default: "\u8FD9\u662F\u4E00\u4E2A\u6807\u9898\u63D0\u793A"
-  },
-  options: {
-    type: [Object, Boolean],
-    default: !0
-  },
-  columnsState: {
-    type: Object
-  },
-  optionsExtra: {
-    type: [Function, Object],
-    default: () => {
-    }
-  },
-  settingExtra: {
-    type: [String, Function],
-    default: () => {
-    }
-  },
-  showIndex: {
-    type: Boolean,
-    default: !0
-  },
-  pageItemRender: {
-    type: [Function, Object],
-    default: () => {
-    }
-  },
-  size: {
-    type: String,
-    default: "middle"
-  },
-  align: {
-    type: String,
-    default: "left"
-  },
-  bordered: {
-    type: Boolean,
-    default: !0
-  },
-  draggabled: Boolean,
-  autoScroll: {
-    type: Boolean,
-    default: !0
-  },
-  scrollBreakpoint: [String, Number],
-  modalScroll: Boolean,
-  neverScroll: Boolean,
-  columnEmptyText: {
-    type: [String, Boolean],
-    default: !1
-  },
-  reset: Function,
-  onReload: Function,
-  submit: Function,
-  sizeChange: Function,
-  loadingChange: Function,
-  requestError: Function,
-  beforeSearchSubmit: Function,
-  columnsStateChange: Function
-};
-function wn(e) {
+function xn(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !he(e);
 }
 const {
-  useBreakpoint: Tn
+  useBreakpoint: Sn
 } = Ie, {
-  MonthPicker: Rn,
-  RangePicker: kn
-} = Ue, Ze = xe({
+  MonthPicker: wn,
+  RangePicker: Tn
+} = Je, tt = pe({
   name: "ProTableForm",
   props: {
     search: ne.search,
@@ -708,16 +721,16 @@ const {
   },
   emits: ["search"],
   setup(e, {
-    emit: u,
+    emit: a,
     slots: t
   }) {
-    const l = Tn(), {
+    const l = Sn(), {
       setPagination: o
     } = ue(), {
       formState: i,
       resetFormState: d,
-      changeFormState: r
-    } = Sn(e.defaultParams || {}, e.searchMap || []), f = I(!1), c = k(() => !!e.search.showSearch), h = k(() => e.search.showReset === void 0 ? c.value : e.search.showReset), g = [{
+      changeFormState: c
+    } = pn(e.defaultParams || {}, e.searchMap || []), f = I(!1), r = k(() => !!e.search.showSearch), h = k(() => e.search.showReset === void 0 ? r.value : e.search.showReset), g = [{
       value: "xxl",
       span: 4
     }, {
@@ -735,11 +748,11 @@ const {
     }, {
       value: "xs",
       span: 1
-    }], y = k(() => x(e.search.span));
-    q(() => e.search.defaultCollapsed, (n) => {
+    }], y = k(() => p(e.search.span));
+    Q(() => e.search.defaultCollapsed, (n) => {
       f.value = f.value || !!n;
     });
-    const x = (n) => {
+    const p = (n) => {
       let m = 4;
       for (let w = 0; w < g.length; w += 1) {
         const M = g[w].value;
@@ -749,7 +762,7 @@ const {
         }
       }
       return m;
-    }, p = (n) => {
+    }, x = (n) => {
       f.value = n;
     }, C = (n, m, w) => (n + 1) % m === 0 ? {
       ...w,
@@ -757,87 +770,84 @@ const {
     } : {
       ...w,
       marginRight: "2%"
-    }, T = (n, m) => {
+    }, S = (n, m) => {
       var w, M;
       switch (m.valueType) {
         case "text":
-          r(m.name, n || m.initialValue || "");
+          c(m.name, n || m.initialValue || "");
           break;
         case "select":
-          r(m.name, n || n === 0 ? n : m.initialValue || void 0);
+          c(m.name, n || n === 0 ? n : m.initialValue || void 0);
           break;
         case "treeSelect":
-          r(m.name, n || n === 0 ? n : m.initialValue || (((w = m.fidle) == null ? void 0 : w.treeCheckable) || ((M = m.field) == null ? void 0 : M.multiple) ? [] : null));
+          c(m.name, n || n === 0 ? n : m.initialValue || (((w = m.fidle) == null ? void 0 : w.treeCheckable) || ((M = m.field) == null ? void 0 : M.multiple) ? [] : null));
           break;
         case "date":
-          r(m.name, n ? _(n).format(m.format || "YYYY-MM-DD") : m.initialValue || null);
+          c(m.name, n ? _(n).format(m.format || "YYYY-MM-DD") : m.initialValue || null);
           break;
         case "dateMonth":
-          r(m.name, n ? _(n).format("YYYY-MM") : m.initialValue || null);
+          c(m.name, n ? _(n).format("YYYY-MM") : m.initialValue || null);
           break;
         case "dateRange":
-          r(m.name, n && n.length > 0 ? [_(n[0]).format(m.format || "YYYY-MM-DD"), _(n[1]).format(m.format || "YYYY-MM-DD")] : m.initialValue || null);
+          c(m.name, n && n.length > 0 ? [_(n[0]).format(m.format || "YYYY-MM-DD"), _(n[1]).format(m.format || "YYYY-MM-DD")] : m.initialValue || null);
           break;
         case "time":
-          r(m.name, n ? _(n).format(m.format || "HH:mm:ss") : m.initialValue || null);
+          c(m.name, n ? _(n).format(m.format || "HH:mm:ss") : m.initialValue || null);
           break;
       }
-      e.search.showSearch || m.valueType === "text" || (m.valueType === "treeSelect" || m.valueType, S());
-    }, S = (n) => {
-      bt(() => {
+      e.search.showSearch || m.valueType === "text" || (m.valueType === "treeSelect" || m.valueType, T());
+    }, T = (n) => {
+      pt(() => {
         const m = V(i), w = e.searchMap.find((N) => N.valueType === "text") || "", M = e.searchMap.find((N) => N.valueType === "dateRange") || "", v = e.searchMap.find((N) => N.valueType === "treeSelect") || "";
-        w && (m[w.name] = i[w.name] || w.initialValue || ""), M && (m[M.rangeStartName || "start"] = m[M.name] ? m[M.name][0] : "", m[M.rangeEndName || "end"] = m[M.name] ? m[M.name][1] : "", delete m[M.name]), v && (We(i[v.name]) && (m[v.name] = i[v.name].length ? i[v.name].map((N) => N[v.valueKey === "text" ? "label" : "value"]).join() : ""), v && We(m[v.name]) && (m[v.name] = m[v.name].length ? m[v.name].map((N) => N[v.valueKey === "text" ? "label" : "value"]) : "")), (!c.value || n) && u("search", m);
+        w && (m[w.name] = i[w.name] || w.initialValue || ""), M && (m[M.rangeStartName || "start"] = m[M.name] ? m[M.name][0] : "", m[M.rangeEndName || "end"] = m[M.name] ? m[M.name][1] : "", delete m[M.name]), v && (_e(i[v.name]) && (m[v.name] = i[v.name].length ? i[v.name].map((N) => N[v.valueKey === "text" ? "label" : "value"]).join() : ""), v && _e(m[v.name]) && (m[v.name] = m[v.name].length ? m[v.name].map((N) => N[v.valueKey === "text" ? "label" : "value"]) : "")), (!r.value || n) && a("search", m);
       });
     }, F = () => {
       d(), o({
         current: 1
-      }), S(!0);
-    }, O = () => (c.value || h.value) && a(te, null, {
-      default: () => [h.value && a(He, {
+      }), T(!0);
+    }, D = () => (r.value || h.value) && u(te, null, {
+      default: () => [h.value && u(He, {
         onClick: () => F()
       }, {
         default: () => [e.search.resetText || "\u91CD\u7F6E"]
-      }), c.value && a(He, {
+      }), r.value && u(He, {
         loading: e.loading,
         type: "primary",
-        onClick: () => S(!0)
+        onClick: () => T(!0)
       }, {
         default: () => [e.search.searchText || "\u67E5\u8BE2"]
       })]
-    }), D = ({
+    }), O = ({
       formItemStyle: n,
       advanced: m,
       showAdvanced: w = !0
-    }) => a("div", {
+    }) => u("div", {
       style: n,
       class: `${s(e.prefixCls)}-form-collapse-button`
-    }, [a(te, {
+    }, [u(te, {
       size: 16
     }, {
-      default: () => [O(), w && a("a", {
-        onClick: () => p(!m)
-      }, [m ? "\u6536\u8D77" : "\u5C55\u5F00", e.search.collapseRender ? e.search.collapseRender() : m ? a(Wt, null, null) : a(_t, null, null)])]
-    })]), j = (n) => {
+      default: () => [D(), w && u("a", {
+        onClick: () => x(!m)
+      }, [m ? "\u6536\u8D77" : "\u5C55\u5F00", e.search.collapseRender ? e.search.collapseRender() : m ? u(Wt, null, null) : u(_t, null, null)])]
+    })]), B = (n) => {
       var M;
       let m, w;
       switch (n.valueType) {
         case "text":
-          w = a(kt.Search, {
+          w = u(kt.Search, {
             style: {
               width: "100%"
             },
             value: i[n.name],
             placeholder: n.placeholder || "\u8BF7\u8F93\u5165",
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
-            enterButton: a(ye("a-button"), null, {
-              default: () => [a(qt, null, null)]
-            }),
-            onChange: (v) => T(v.target.value, n),
-            onSearch: (v) => S()
+            onChange: (v) => S(v.target.value, n),
+            onSearch: (v) => T()
           }, null);
           break;
         case "select":
-          w = a(Rt, {
+          w = u(We, {
             style: {
               width: "100%"
             },
@@ -847,11 +857,11 @@ const {
             showSearch: n.showSearch,
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
             getPopupContainer: (v) => v && v.parentNode ? v.parentNode : v,
-            notFoundContent: n.loading === void 0 ? void 0 : n.loading ? a(ye("a-spin"), {
+            notFoundContent: n.loading === void 0 ? void 0 : n.loading ? u(Pe, {
               size: "small"
             }, null) : void 0,
-            onChange: (v) => T(v, n)
-          }, wn(m = n.valueEnum.map((v) => a(ye("a-select-option"), {
+            onChange: (v) => S(v, n)
+          }, xn(m = n.valueEnum.map((v) => u(We.Option, {
             key: v.value,
             value: v.value
           }, {
@@ -861,7 +871,7 @@ const {
           });
           break;
         case "treeSelect":
-          w = a(Tt, fe({
+          w = u(Rt, fe({
             style: {
               width: "100%"
             },
@@ -870,14 +880,14 @@ const {
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
             treeData: n.valueEnum,
             getPopupContainer: (v) => v && v.parentNode ? v.parentNode : v,
-            notFoundContent: n.loading === void 0 ? void 0 : n.loading ? a(ye("a-spin"), {
+            notFoundContent: n.loading === void 0 ? void 0 : n.loading ? u(Pe, {
               size: "small"
             }, null) : void 0,
-            onChange: (v) => T(v, n)
+            onChange: (v) => S(v, n)
           }, n.field || {}), null);
           break;
         case "date":
-          w = a(Ue, {
+          w = u(Je, {
             style: {
               width: "100%"
             },
@@ -889,11 +899,11 @@ const {
             showTime: n.showTime,
             showToday: n.showToday || !0,
             renderExtraFooter: n.renderExtraFooter || null,
-            onChange: (v) => T(v, n)
+            onChange: (v) => S(v, n)
           }, null);
           break;
         case "dateMonth":
-          w = a(Rn, {
+          w = u(wn, {
             style: {
               width: "100%"
             },
@@ -901,11 +911,11 @@ const {
             getPopupContainer: (v) => v && v.parentNode ? v.parentNode : v,
             placeholder: n.placeholder || "\u8BF7\u9009\u62E9",
             renderExtraFooter: n.renderExtraFooter || null,
-            onChange: (v) => T(v, n)
+            onChange: (v) => S(v, n)
           }, null);
           break;
         case "dateRange":
-          w = a(kn, {
+          w = u(Tn, {
             style: {
               width: "100%"
             },
@@ -915,11 +925,11 @@ const {
             format: n.format || "YYYY-MM-DD HH:mm:ss",
             renderExtraFooter: n.renderExtraFooter || null,
             showTime: n.showTime,
-            onChange: (v) => T(v, n)
+            onChange: (v) => S(v, n)
           }, null);
           break;
         case "time":
-          w = a(wt, {
+          w = u(Tt, {
             style: {
               width: "100%"
             },
@@ -930,7 +940,7 @@ const {
             use12Hours: n.use12Hours,
             format: n.format || "HH:mm:ss",
             renderExtraFooter: n.renderExtraFooter || null,
-            onChange: (v) => T(v, n)
+            onChange: (v) => S(v, n)
           }, null);
           break;
       }
@@ -938,34 +948,34 @@ const {
     }, $ = ({
       formItemStyle: n,
       item: m
-    }) => a(Ae.Item, {
+    }) => u(Ae.Item, {
       style: n
     }, {
-      default: () => [m.__v_isVNode ? m : j(m)]
-    }), L = () => {
+      default: () => [m.__v_isVNode ? m : B(m)]
+    }), A = () => {
       var m;
       const n = [...e.searchMap, ...((m = t.default) == null ? void 0 : m.call(t)) || []];
       return n.map((w, M) => {
         const v = {
           width: `${(100 - (y.value - 1) * 2) / y.value}%`
         }, N = C(M, y.value, v);
-        return n.length < y.value || f.value ? a(Oe, null, [$({
+        return n.length < y.value || f.value ? u(Oe, null, [$({
           formItemStyle: N,
           item: w
-        }), M === n.length - 1 && D({
+        }), M === n.length - 1 && O({
           formItemStyle: {
             flex: 1,
             justifyContent: "flex-end"
           },
           advanced: f.value,
           showAdvanced: f.value
-        })]) : a(Oe, null, [M < y.value - 1 && $({
+        })]) : u(Oe, null, [M < y.value - 1 && $({
           formItemStyle: N,
           item: w
         }), M === y.value - 1 && y.value - 1 === 0 && $({
           formItemStyle: N,
           item: w
-        }), M === y.value - 1 && D({
+        }), M === y.value - 1 && O({
           formItemStyle: {
             flex: 1,
             justifyContent: "flex-end"
@@ -975,32 +985,39 @@ const {
         })]);
       });
     };
-    return () => a("div", {
+    return () => u("div", {
       class: {
         [`${s(e.prefixCls)}-search`]: !0,
         [`${e.search.className}`]: e.search.className
       }
-    }, [a(Ae, {
+    }, [u(Ae, {
       class: `${s(e.prefixCls)}-form`,
       layout: "horizontal"
     }, {
-      default: () => [a("div", {
+      default: () => [u("div", {
         class: `${s(e.prefixCls)}-form-container`
-      }, [L()])]
+      }, [A()])]
     })]);
   }
 });
-Ze.inheritAttrs = !1;
+tt.inheritAttrs = !1;
+function Rn(e, a) {
+  for (var t = Ee({}, e), l = 0; l < a.length; l += 1) {
+    var o = a[l];
+    delete t[o];
+  }
+  return t;
+}
 const de = (e) => {
-  const u = I(null);
-  return u.value = e, (...t) => {
+  const a = I(null);
+  return a.value = e, (...t) => {
     var l;
-    return (l = u.value) == null ? void 0 : l.call(u, ...t);
+    return (l = a.value) == null ? void 0 : l.call(a, ...t);
   };
 };
-const Fe = ({
+const ke = ({
   title: e,
-  show: u,
+  show: a,
   treeKey: t,
   fixed: l
 }, {
@@ -1010,71 +1027,71 @@ const Fe = ({
     cacheColumns: i,
     settingsAction: d
   } = ue();
-  return u ? a(U, {
+  return a ? u(q, {
     title: e
   }, {
     default: () => {
-      var r;
-      return [a("span", {
+      var c;
+      return [u("span", {
         onClick: (f) => {
-          var x, p;
+          var p, x;
           f.stopPropagation(), f.preventDefault();
-          const c = ((x = s(i).find((C) => C.uuid === t)) == null ? void 0 : x.key) || "", h = (d == null ? void 0 : d.columnsMap[c]) || {};
-          if (typeof h.disable == "boolean" ? h.disable : (p = h.disable) == null ? void 0 : p.icon)
+          const r = ((p = s(i).find((C) => C.uuid === t)) == null ? void 0 : p.key) || "", h = (d == null ? void 0 : d.columnsMap[r]) || {};
+          if (typeof h.disable == "boolean" ? h.disable : (x = h.disable) == null ? void 0 : x.icon)
             return;
           const y = {
             ...d == null ? void 0 : d.columnsMap,
-            [c]: {
+            [r]: {
               ...h,
               fixed: l
             }
           };
           d == null || d.setColumnsMap(y, "fixed");
         }
-      }, [(r = o.default) == null ? void 0 : r.call(o)])];
+      }, [(c = o.default) == null ? void 0 : c.call(o)])];
     }
   }) : null;
-}, Fn = ({
+}, kn = ({
   treeKey: e,
-  title: u,
+  title: a,
   className: t,
   fixed: l,
   autoScroll: o
 }) => {
-  var c;
+  var r;
   const {
     cacheColumns: i
-  } = ue(), d = ((c = s(i).find((h) => h.uuid === e)) == null ? void 0 : c.key) || "", r = k(() => d === "action" && (o == null ? void 0 : o.value)), f = a("span", {
+  } = ue(), d = ((r = s(i).find((h) => h.uuid === e)) == null ? void 0 : r.key) || "", c = k(() => d === "action" && (o == null ? void 0 : o.value)), f = u("span", {
     class: `${t}-list-item-option`
-  }, [a(Fe, {
+  }, [u(ke, {
     treeKey: e,
     fixed: "left",
     title: "\u56FA\u5B9A\u5728\u5217\u9996",
-    show: l !== "left" && !r.value
+    show: l !== "left" && !c.value
   }, {
-    default: () => [a(Ut, null, null)]
-  }), a(Fe, {
+    default: () => [u(qt, null, null)]
+  }), u(ke, {
     treeKey: e,
     fixed: void 0,
     title: "\u4E0D\u56FA\u5B9A",
-    show: !!l && !r.value
+    show: !!l && !c.value
   }, {
-    default: () => [a(Gt, null, null)]
-  }), a(Fe, {
+    default: () => [u(Ut, null, null)]
+  }), u(ke, {
     treeKey: e,
     fixed: "right",
     title: "\u56FA\u5B9A\u5728\u5217\u5C3E",
     show: l !== "right"
   }, {
-    default: () => [a(Jt, null, null)]
+    default: () => [u(Gt, null, null)]
   })]);
-  return a("span", {
+  return u("span", {
     class: `${t}-list-item`,
     key: e
-  }, [a("div", {
+  }, [u("div", {
     class: `${t}-list-item-title`
-  }, [u]), f]);
-}, De = xe({
+  }, [a]), f]);
+}, Fe = pe({
   props: {
     list: Array,
     keys: Array,
@@ -1088,124 +1105,123 @@ const Fe = ({
     }
   },
   setup(e) {
-    const u = I(Me().uuid(15)), t = k(() => e.list && e.list.length > 0), l = I([]), o = I([]), {
+    const a = I(Me().uuid(15)), t = k(() => e.list && e.list.length > 0), l = I([]), o = I([]), {
       cacheColumns: i,
       slots: d,
-      settingsAction: r
-    } = ue(), f = (x, p) => x.map(({
+      settingsAction: c
+    } = ue(), f = (p, x) => p.map(({
       key: C,
-      dataIndex: T,
       children: S,
-      uuid: F,
-      ...O
+      uuid: T,
+      ...F
     }) => {
-      var L;
-      const D = (r == null ? void 0 : r.columnsMap[C || "null"]) || {
+      var $;
+      const D = (c == null ? void 0 : c.columnsMap[C || "null"]) || {
         show: !0
       };
-      let j = !1;
-      D.show !== !1 && (p == null ? void 0 : p.show) !== !1 && !S && (j = !0);
-      const $ = {
-        key: F || "",
-        ...O,
-        checked: j,
+      let O = !1;
+      D.show !== !1 && (x == null ? void 0 : x.show) !== !1 && !S && (O = !0);
+      const B = {
+        key: T || "",
+        ...Rn(F, ["dataIndex"]),
+        checked: O,
         selectable: !1,
         disabled: D.disable === !0,
-        disableCheckbox: typeof D.disable == "boolean" ? D.disable : (L = D.disable) == null ? void 0 : L.checkbox,
+        disableCheckbox: typeof D.disable == "boolean" ? D.disable : ($ = D.disable) == null ? void 0 : $.checkbox,
         isLeaf: !0
       };
-      return S && ($.children = f(S, D)), $;
+      return S && (B.children = f(S, D)), B;
     });
     ae(() => {
-      const x = f(e.list || []);
-      l.value = x, o.value = x.filter((p) => p.checked).map((p) => p.key), (r == null ? void 0 : r.operationType.value) === "fixed" && (u.value = Me().uuid(15));
+      const p = f(e.list || []);
+      l.value = p, o.value = p.filter((x) => x.checked).map((x) => x.key), (c == null ? void 0 : c.operationType.value) === "fixed" && (a.value = Me().uuid(15));
     });
-    const c = de((x, p, C) => {
+    const r = de((p, x, C) => {
       var n, m;
-      const T = ((n = s(i).find((w) => w.uuid === x)) == null ? void 0 : n.key) || "", S = ((m = s(i).find((w) => w.uuid === p)) == null ? void 0 : m.key) || "", F = {
-        ...r == null ? void 0 : r.columnsMap
-      }, O = [...r.sortKeyColumns.value], D = O.findIndex((w) => w === T), j = O.findIndex((w) => w === S), $ = C > D;
-      if (D < 0)
+      const S = ((n = s(i).find((w) => w.uuid === p)) == null ? void 0 : n.key) || "", T = ((m = s(i).find((w) => w.uuid === x)) == null ? void 0 : m.key) || "", F = {
+        ...c == null ? void 0 : c.columnsMap
+      }, D = [...c.sortKeyColumns.value], O = D.findIndex((w) => w === S), B = D.findIndex((w) => w === T), $ = C > O;
+      if (O < 0)
         return;
-      const L = O[D];
-      O.splice(D, 1), C === 0 ? O.unshift(L) : O.splice($ ? j : j + 1, 0, L), O.forEach((w, M) => {
+      const A = D[O];
+      D.splice(O, 1), C === 0 ? D.unshift(A) : D.splice($ ? B : B + 1, 0, A), D.forEach((w, M) => {
         F[w] = {
           ...F[w] || {},
           order: M
         };
-      }), r == null || r.setColumnsMap(F, "drop"), r == null || r.setSortKeyColumns(O);
-    }), h = de((x) => {
-      var O;
-      const p = x.node.key, C = ((O = s(i).find((D) => D.uuid === p)) == null ? void 0 : O.key) || "", S = {
-        ...(r == null ? void 0 : r.columnsMap[C]) || {}
+      }), c == null || c.setColumnsMap(F, "drop"), c == null || c.setSortKeyColumns(D);
+    }), h = de((p) => {
+      var D;
+      const x = p.node.key, C = ((D = s(i).find((O) => O.uuid === x)) == null ? void 0 : D.key) || "", T = {
+        ...(c == null ? void 0 : c.columnsMap[C]) || {}
       };
-      S.show = x.checked;
+      T.show = p.checked;
       const F = {
-        ...r == null ? void 0 : r.columnsMap,
-        [C]: S
+        ...c == null ? void 0 : c.columnsMap,
+        [C]: T
       };
-      r == null || r.setColumnsMap(F, "show");
-    }), g = (x) => {
-      const p = s(i).find((C) => C.uuid === x.key);
-      return x.title || pt(d, "headerCell", {
-        title: p.title,
-        column: p
-      }, () => [p.title]);
+      c == null || c.setColumnsMap(F, "show");
+    }), g = (p) => {
+      const x = s(i).find((C) => C.uuid === p.key);
+      return p.title || xt(d, "headerCell", {
+        title: x.title,
+        column: x
+      }, () => [x.title]);
     }, y = () => {
-      var x, p;
-      return a(Ft, {
-        key: u.value,
-        draggable: e.draggable && !!((x = l.value) != null && x.length) && ((p = l.value) == null ? void 0 : p.length) > 1,
+      var p, x;
+      return u(Ft, {
+        key: a.value,
+        draggable: e.draggable && !!((p = l.value) != null && p.length) && ((x = l.value) == null ? void 0 : x.length) > 1,
         checkable: e.checkable,
         blockNode: !0,
         showLine: !1,
         checkedKeys: o.value,
         height: 280,
         onDrop: (C) => {
-          const T = C.node.key, S = C.dragNode.key, {
+          const S = C.node.key, T = C.dragNode.key, {
             dropPosition: F,
-            dropToGap: O
-          } = C, D = F === -1 || !O ? F + 1 : F;
-          c(S, T, D);
+            dropToGap: D
+          } = C, O = F === -1 || !D ? F + 1 : F;
+          r(T, S, O);
         },
-        onCheck: (C, T) => h(T),
+        onCheck: (C, S) => h(S),
         treeData: l.value
       }, {
         title: (C) => {
-          const T = {
+          const S = {
             ...C,
             children: void 0,
             title: g(C),
-            autoScroll: r == null ? void 0 : r.autoScroll
+            autoScroll: c == null ? void 0 : c.autoScroll
           };
-          return a(Fn, fe({
+          return u(kn, fe({
             className: e.className
-          }, T, {
-            treeKey: T.key
+          }, S, {
+            treeKey: S.key
           }), null);
         }
       });
     };
-    return () => t.value ? a(Oe, null, [e.showTitle && a("span", {
+    return () => t.value ? u(Oe, null, [e.showTitle && u("span", {
       class: `${e.className}-list-title`
     }, [e.title]), y()]) : null;
   }
-}), Dn = ({
+}), Fn = ({
   localColumns: e,
-  className: u,
+  className: a,
   draggable: t,
   checkable: l
 }) => {
-  const o = [], i = [], d = [], r = [];
+  const o = [], i = [], d = [], c = [];
   e.forEach((h) => {
     if (h.hideInSetting)
       return;
     const {
       fixed: g,
       show: y,
-      uuid: x
+      uuid: p
     } = h;
-    if ((y || y === void 0) && x && r.push(x), g === "left") {
+    if ((y || y === void 0) && p && c.push(p), g === "left") {
       i.push(h);
       return;
     }
@@ -1215,39 +1231,39 @@ const Fe = ({
     }
     d.push(h);
   });
-  const f = o && o.length > 0, c = i && i.length > 0;
-  return a("div", {
+  const f = o && o.length > 0, r = i && i.length > 0;
+  return u("div", {
     class: {
-      [`${u}-list`]: !0,
-      [`${u}-list-group`]: f || c
+      [`${a}-list`]: !0,
+      [`${a}-list-group`]: f || r
     }
-  }, [a(De, {
+  }, [u(Fe, {
     title: "\u56FA\u5B9A\u5728\u5DE6\u4FA7",
     list: i,
-    keys: r,
+    keys: c,
     draggable: t,
     checkable: l,
-    className: u
-  }, null), a(De, {
+    className: a
+  }, null), u(Fe, {
     list: d,
-    keys: r,
+    keys: c,
     draggable: t,
     checkable: l,
     title: "\u4E0D\u56FA\u5B9A",
-    showTitle: c || f,
-    className: u
-  }, null), a(De, {
+    showTitle: r || f,
+    className: a
+  }, null), u(Fe, {
     title: "\u56FA\u5B9A\u5728\u53F3\u4FA7",
     list: o,
-    keys: r,
+    keys: c,
     draggable: t,
     checkable: l,
-    className: u
+    className: a
   }, null)]);
-}, Pn = (e) => {
+}, Dn = (e) => {
   var h, g;
   const {
-    checkedReset: u = !0
+    checkedReset: a = !0
   } = e, t = Ne({
     suffixCls: "table-column-setting",
     isPor: !0
@@ -1255,40 +1271,40 @@ const Fe = ({
     columns: l,
     settingsAction: o
   } = ue(), i = de((y = !0) => {
-    const x = {}, p = (C) => {
+    const p = {}, x = (C) => {
       C.forEach(({
-        key: T,
-        fixed: S,
+        key: S,
+        fixed: T,
         index: F,
-        children: O
+        children: D
       }) => {
-        const D = Ge(T, F);
-        D && (x[D] = {
+        const O = Qe(S, F);
+        O && (p[O] = {
           show: y,
-          fixed: S
-        }), O && p(O);
+          fixed: T
+        }), D && x(D);
       });
     };
-    p(l.value), o == null || o.setColumnsMap(x, "show");
+    x(l.value), o == null || o.setColumnsMap(p, "show");
   }), d = de((y) => {
     y.target.checked ? i() : i(!1);
-  }), r = de(() => {
+  }), c = de(() => {
     o == null || o.setColumnsMap(o == null ? void 0 : o.cacheColumnsMap, "fixed");
-  }), f = k(() => Object.values(o == null ? void 0 : o.columnsMap).filter((y) => !y || y.show === !1)), c = k(() => s(f).length > 0 && s(f).length !== l.value.length);
-  return a(Dt, {
+  }), f = k(() => Object.values(o == null ? void 0 : o.columnsMap).filter((y) => !y || y.show === !1)), r = k(() => s(f).length > 0 && s(f).length !== l.value.length);
+  return u(Dt, {
     arrowPointAtCenter: !0,
-    title: a("div", {
+    title: u("div", {
       class: `${t}-title`
-    }, [a(Pt, {
-      indeterminate: c.value,
+    }, [u(Ot, {
+      indeterminate: r.value,
       checked: s(f).length === 0 && s(f).length !== l.value.length,
       onChange: (y) => d(y)
     }, {
-      default: () => [re("\u5217\u5C55\u793A")]
-    }), u ? a("a", {
-      onClick: r,
+      default: () => [ce("\u5217\u5C55\u793A")]
+    }), a ? u("a", {
+      onClick: c,
       class: `${t}-action-rest-button`
-    }, [re("\u91CD\u7F6E")]) : null, e != null && e.extra ? a(te, {
+    }, [ce("\u91CD\u7F6E")]) : null, e != null && e.extra ? u(te, {
       size: 12,
       align: "center"
     }, {
@@ -1297,40 +1313,40 @@ const Fe = ({
     overlayClassName: `${t}-overlay`,
     trigger: "click",
     placement: "bottomRight",
-    content: a(Dn, {
+    content: u(Fn, {
       checkable: (h = e.checkable) != null ? h : !0,
       draggable: (g = e.draggable) != null ? g : !0,
       className: t,
       localColumns: l.value
     }, null)
   }, {
-    default: () => [a(U, {
+    default: () => [u(q, {
       title: "\u5217\u8BBE\u7F6E"
     }, {
-      default: () => [a(Qe, null, null)]
+      default: () => [u(Ze, null, null)]
     })]
   });
-}, et = () => {
+}, nt = () => {
   const {
     isFullscreen: e
-  } = qe();
-  return e.value ? a(U, {
+  } = Ge();
+  return e.value ? u(q, {
     title: "\u9000\u51FA\u5168\u5C4F"
   }, {
-    default: () => [a(Qt, null, null)]
-  }) : a(U, {
+    default: () => [u(Jt, null, null)]
+  }) : u(q, {
     title: "\u5168\u5C4F"
   }, {
-    default: () => [a(Xt, null, null)]
+    default: () => [u(Qt, null, null)]
   });
 }, On = () => {
   const {
     action: e,
-    tableSize: u
+    tableSize: a
   } = ue();
-  return a(Ot, {
-    overlay: a(Ce, {
-      selectedKeys: [u.value],
+  return u(Pt, {
+    overlay: u(ye, {
+      selectedKeys: [a.value],
       onClick: ({
         key: t
       }) => {
@@ -1341,63 +1357,49 @@ const Fe = ({
         width: 80
       }
     }, {
-      default: () => [a(Ce.Item, {
+      default: () => [u(ye.Item, {
         key: "large"
       }, {
-        default: () => [re("\u9ED8\u8BA4")]
-      }), a(Ce.Item, {
+        default: () => [ce("\u9ED8\u8BA4")]
+      }), u(ye.Item, {
         key: "middle"
       }, {
-        default: () => [re("\u4E2D\u7B49")]
-      }), a(Ce.Item, {
+        default: () => [ce("\u4E2D\u7B49")]
+      }), u(ye.Item, {
         key: "small"
       }, {
-        default: () => [re("\u7D27\u51D1")]
+        default: () => [ce("\u7D27\u51D1")]
       })]
     }),
     trigger: ["click"]
   }, {
-    default: () => [a(U, {
+    default: () => [u(q, {
       title: "\u8868\u683C\u5BC6\u5EA6"
     }, {
-      default: () => [a(Zt, null, null)]
+      default: () => [u(Xt, null, null)]
     })]
   });
 };
-function be(e) {
-  const u = k(e), t = I(u.value);
-  return q(u, (l) => {
-    t.value = l;
-  }), typeof e == "function" ? t : {
-    __v_isRef: !0,
-    get value() {
-      return t.value;
-    },
-    set value(l) {
-      e.set(l);
-    }
-  };
-}
-function _e(e) {
+function qe(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !he(e);
 }
 const {
-  useBreakpoint: Mn
+  useBreakpoint: Pn
 } = Ie;
-function En(e) {
+function Mn(e) {
   if (he(e))
     return e;
   if (e) {
-    const u = e, {
+    const a = e, {
       icon: t,
       tooltip: l,
       onClick: o,
       key: i
-    } = u;
-    return t && l ? a(U, {
+    } = a;
+    return t && l ? u(q, {
       title: l
     }, {
-      default: () => [a("span", {
+      default: () => [u("span", {
         key: i,
         onClick: () => {
           o && o(i);
@@ -1407,7 +1409,7 @@ function En(e) {
   }
   return null;
 }
-const tt = xe({
+const lt = pe({
   props: {
     actions: ne.toolBarBtn,
     settings: [Array],
@@ -1418,177 +1420,177 @@ const tt = xe({
     optionsExtra: ne.optionsExtra
   },
   setup(e) {
-    const u = Mn(), t = k(() => {
-      var c;
-      return !!(e.titleTip || e.headerTitle || ((c = e.actions) == null ? void 0 : c.length));
+    const a = Pn(), t = k(() => {
+      var r;
+      return !!(e.titleTip || e.headerTitle || ((r = e.actions) == null ? void 0 : r.length));
     }), l = k(() => {
-      var c;
-      return !!(((c = e.settings) == null ? void 0 : c.length) || e.optionsExtra);
-    }), o = k(() => !!(e.titleTip || e.headerTitle)), i = be(() => {
+      var r;
+      return !!(((r = e.settings) == null ? void 0 : r.length) || e.optionsExtra);
+    }), o = k(() => !!(e.titleTip || e.headerTitle)), i = Ce(() => {
       var h;
-      let c;
-      return Array.isArray(e.actions) ? ((h = e.actions) == null ? void 0 : h.length) < 1 ? null : a(te, {
+      let r;
+      return Array.isArray(e.actions) ? ((h = e.actions) == null ? void 0 : h.length) < 1 ? null : u(te, {
         align: "center"
-      }, _e(c = e.actions.map((g, y) => he(g) ? xt(g, {
+      }, qe(r = e.actions.map((g, y) => he(g) ? St(g, {
         key: y,
         ...g == null ? void 0 : g.props
-      }) : a("template", {
+      }) : u("template", {
         key: y
-      }, [g]))) ? c : {
-        default: () => [c]
+      }, [g]))) ? r : {
+        default: () => [r]
       }) : e.actions;
-    }), d = be(() => !t.value && l.value ? a("div", {
+    }), d = Ce(() => !t.value && l.value ? u("div", {
       class: `${e.prefixCls}-left`
-    }, null) : o.value ? a(te, {
+    }, null) : o.value ? u(te, {
       class: `${e.prefixCls}-left`
     }, {
-      default: () => [a("div", {
+      default: () => [u("div", {
         class: `${e.prefixCls}-title flex items-center gap-8px`
-      }, [e.headerTitle, e.titleTip && a(U, {
+      }, [e.headerTitle, e.titleTip && u(q, {
         title: e.titleTipText
       }, {
-        default: () => [se(e.titleTip) && e.titleTip ? a(en, null, null) : e.titleTip]
-      })]), i.value && a("div", {
+        default: () => [se(e.titleTip) && e.titleTip ? u(Zt, null, null) : e.titleTip]
+      })]), i.value && u("div", {
         class: `${e.prefixCls}-actions`
       }, [i.value])]
-    }) : a(te, {
+    }) : u(te, {
       class: `${e.prefixCls}-left`
     }, {
-      default: () => [i.value && a("div", {
+      default: () => [i.value && u("div", {
         class: `${e.prefixCls}-actions`
       }, [i.value])]
-    })), r = be(() => {
-      let c;
-      return l.value ? a(te, {
+    })), c = Ce(() => {
+      let r;
+      return l.value ? u(te, {
         size: 16,
         class: `${e.prefixCls}-right`,
-        align: u.value.lg ? "center" : "end",
-        direction: u.value.lg ? "horizontal" : "vertical"
+        align: a.value.lg ? "center" : "end",
+        direction: a.value.lg ? "horizontal" : "vertical"
       }, {
         default: () => {
           var h;
-          return [e.optionsExtra, (h = e.settings) != null && h.length ? a(te, {
+          return [e.optionsExtra, (h = e.settings) != null && h.length ? u(te, {
             size: 12,
             align: "center",
             class: `${e.prefixCls}-setting-items`
-          }, _e(c = e.settings.map((g, y) => {
-            const x = En(g);
-            return a("div", {
+          }, qe(r = e.settings.map((g, y) => {
+            const p = Mn(g);
+            return u("div", {
               key: y,
               class: `${e.prefixCls}-setting-item`
-            }, [x]);
-          })) ? c : {
-            default: () => [c]
+            }, [p]);
+          })) ? r : {
+            default: () => [r]
           }) : null];
         }
       }) : null;
-    }), f = be(() => {
+    }), f = Ce(() => {
       if (!l.value && !t.value)
         return null;
-      const c = {
+      const r = {
         [`${e.prefixCls}-container`]: !0,
-        [`${e.prefixCls}-container-mobile`]: !u.value.xl
+        [`${e.prefixCls}-container-mobile`]: !a.value.xl
       };
-      return a("div", {
-        class: c
-      }, [d.value, r.value]);
+      return u("div", {
+        class: r
+      }, [d.value, c.value]);
     });
-    return () => a("div", {
+    return () => u("div", {
       class: `${e.prefixCls}`
     }, [f.value]);
   }
 });
-tt.inheritAttrs = !1;
-function In() {
+lt.inheritAttrs = !1;
+function En() {
   return {
     reload: {
       text: "\u5237\u65B0",
-      icon: a(tn, null, null)
+      icon: u(en, null, null)
     },
     density: {
       text: "\u8868\u683C\u5BC6\u5EA6",
-      icon: a(On, null, null)
+      icon: u(On, null, null)
     },
     setting: {
       text: "\u5217\u8BBE\u7F6E",
-      icon: a(Qe, null, null)
+      icon: u(Ze, null, null)
     },
     fullScreen: {
       text: "\u5168\u5C4F",
-      icon: a(et, null, null)
+      icon: u(nt, null, null)
     }
   };
 }
-function Nn(e, u) {
+function In(e, a) {
   return Object.keys(e).filter((t) => t).map((t) => {
     const l = e[t];
     if (!l)
       return null;
-    let o = l === !0 ? u[t] : () => l == null ? void 0 : l();
+    let o = l === !0 ? a[t] : () => l == null ? void 0 : l();
     if (typeof o != "function" && (o = () => {
     }), t === "setting")
-      return a(Pn, fe(e[t], {
+      return u(Dn, fe(e[t], {
         key: t
       }), null);
     if (t === "fullScreen")
-      return a("span", {
+      return u("span", {
         key: t,
         onClick: o
-      }, [a(et, null, null)]);
-    const i = In()[t];
-    return i ? a("span", {
+      }, [u(nt, null, null)]);
+    const i = En()[t];
+    return i ? u("span", {
       key: t,
       onClick: o
-    }, [a(U, {
+    }, [u(q, {
       title: i.text
     }, {
       default: () => [i.icon]
     })]) : null;
   }).filter((t) => t);
 }
-function zn({
+function Nn({
   toolBarBtn: e,
-  headerTitle: u,
+  headerTitle: a,
   titleTip: t,
   titleTipText: l,
   options: o,
   optionsExtra: i,
   settingExtra: d
 }) {
-  const r = I(), f = Ne({
+  const c = I(), f = Ne({
     suffixCls: "table-list-toolbar",
     isPor: !0
   }), {
-    action: c
+    action: r
   } = ue(), h = k(() => {
     const y = {
-      reload: () => c == null ? void 0 : c.reload(),
+      reload: () => r == null ? void 0 : r.reload(),
       density: !0,
       setting: !0,
-      fullScreen: () => c == null ? void 0 : c.toggle()
+      fullScreen: () => r == null ? void 0 : r.toggle()
     };
     if (!Object.keys(o || {}).length)
       return [];
-    const x = {
+    const p = {
       ...y,
       ...o
     };
-    return x.setting !== !1 && d && (x.setting = {}, x.setting.extra = d), Nn(x, {
+    return p.setting !== !1 && d && (p.setting = {}, p.setting.extra = d), In(p, {
       ...y
     });
   });
-  return a(tt, {
-    ref: () => r.value,
+  return u(lt, {
+    ref: () => c.value,
     prefixCls: f,
     actions: e || [],
     optionsExtra: i,
-    headerTitle: u,
+    headerTitle: a,
     settings: s(h),
     titleTip: t,
     titleTipText: l
   }, null);
 }
-const Bn = (e) => a(zn, e, null), jn = [
+const jn = (e) => u(Nn, e, null), zn = [
   "search",
   "headerTitle",
   "toolBarBtn",
@@ -1599,32 +1601,32 @@ const Bn = (e) => a(zn, e, null), jn = [
   "customize"
 ];
 const {
-  useBreakpoint: $n
-} = Ie, Yn = {
+  useBreakpoint: Bn
+} = Ie, $n = {
   reload: !0,
   density: !0,
   setting: !0,
   fullScreen: !0
-}, Pe = xe({
+}, De = pe({
   name: "ProTable",
   props: ne,
   emits: ["reset", "reload", "submit", "sizeChange", "expandedRowsChange", "expand", "change", "requestError", "beforeSearchSubmit", "columnsStateChange", "loadingChange", "postData"],
   setup(e, {
-    emit: u,
+    emit: a,
     slots: t,
     attrs: l
   }) {
     const o = Ne({
       suffixCls: "table",
       isPor: !0
-    }), i = $n(), d = I(window.innerWidth), r = I(), {
+    }), i = Bn(), d = I(window.innerWidth), c = I(), {
       toggle: f,
-      isFullscreen: c
-    } = qe(r), h = k(() => ({
+      isFullscreen: r
+    } = Ge(c), h = k(() => ({
       ...e
     })), g = k(() => {
       var b, R;
-      return e.virtualScroll && nn(!((b = e.scroll) != null && b.y), "\u53C2\u6570scroll\u7684Y\u503C\u4E0D\u80FD\u4E3A\u7A7A\uFF01"), !!(((R = e.scroll) == null ? void 0 : R.y) && e.virtualScroll);
+      return e.virtualScroll && tn(!((b = e.scroll) != null && b.y), "\u53C2\u6570scroll\u7684Y\u503C\u4E0D\u80FD\u4E3A\u7A7A\uFF01"), !!(((R = e.scroll) == null ? void 0 : R.y) && e.virtualScroll);
     }), y = k(() => {
       const b = (e.columns || []).map((R) => ({
         ...R,
@@ -1632,191 +1634,192 @@ const {
         align: R.align || e.align,
         uuid: Me().uuid(15)
       }));
-      return Vt(b, {
+      return Lt(b, {
         align: e.align,
         showIndex: e.showIndex
       });
     }), {
-      getLoading: x,
-      setLoading: p
-    } = un({
-      emit: u,
+      getLoading: p,
+      setLoading: x
+    } = an({
+      emit: a,
       loading: W(e, "loading")
     }), {
       sizeRef: C,
-      setTableSize: T
-    } = on({
-      emit: u,
+      setTableSize: S
+    } = un({
+      emit: a,
       size: W(e, "size")
     }), {
-      getPaginationInfo: S,
+      getPaginationInfo: T,
       setPagination: F
-    } = sn({
+    } = on({
       slots: t,
       props: h,
       pagination: W(e, "pagination")
-    }), O = Cn(e), {
-      getScrollRef: D,
-      breakpoint: j
-    } = bn({
-      ...O,
+    }), D = gn(e), {
+      getScrollRef: O,
+      breakpoint: B
+    } = yn({
+      ...D,
       innerWidth: d,
       columns: y,
       screensRef: i
-    }), $ = gn(e), {
-      getProColumns: L,
+    }), $ = vn(e), {
+      getProColumns: A,
       cacheProColumns: n,
       setColumns: m,
       changeColumns: w,
       resizeColumnWidth: M
-    } = yn({
+    } = mn({
       ...$,
-      breakpoint: j,
-      scroll: D,
+      breakpoint: B,
+      scroll: O,
       columns: y
     }), {
       columnsMap: v,
       operationType: N,
-      setColumnsMap: Se,
+      setColumnsMap: xe,
       sortKeyColumns: E,
-      cacheColumnsMap: z,
+      cacheColumnsMap: j,
       setSortKeyColumns: Y
-    } = mn({
+    } = hn({
       columns: n,
       columnsState: W(e, "columnsState"),
       changeColumns: w
     }), {
       formDataRef: K,
       formParamsRef: oe,
-      defaultParamsRef: we,
+      defaultParamsRef: Se,
       setFormParams: ve
-    } = vn({
+    } = fn({
       search: W(e, "search"),
       searchMap: W(e, "searchMap"),
       params: W(e, "params"),
       columns: y
     }), {
       selectedKey: me,
-      changeRowKey: Te,
+      changeRowKey: we,
       selectRowKey: X,
       selectAllRowKey: ge,
-      removeRowKeys: ce
-    } = cn(W(e, "rowKey"), W(e, "rowSelection")), Z = fn(e), {
-      reload: G,
-      reSetDataList: A,
-      changeDataValue: nt,
-      isTreeDataRef: ze,
-      getDataSourceRef: Re,
-      handleTableChange: Be
-    } = hn({
+      removeRowKeys: re
+    } = sn(W(e, "rowKey"), W(e, "rowSelection")), Z = cn(e), {
+      reload: U,
+      reSetDataList: L,
+      changeDataValue: at,
+      isTreeDataRef: je,
+      getDataSourceRef: Te,
+      handleTableChange: ze
+    } = dn({
       ...Z
     }, {
-      getLoading: x,
-      getPaginationInfo: S,
+      getLoading: p,
+      getPaginationInfo: T,
       setPagination: F,
-      removeRowKeys: ce,
-      setLoading: p,
+      removeRowKeys: re,
+      setLoading: x,
       setColumns: m,
-      columns: L,
+      columns: A,
       formParamsRef: oe,
-      beforeSearchSubmit: e.beforeSearchSubmit
-    }, u), lt = k(() => {
+      onBeforeSearchSubmit: e.onBeforeSearchSubmit
+    }, a), ut = k(() => {
       if (e.options) {
-        const b = V(At(e.options) ? e.options : {});
+        const b = V(Vt(e.options) ? e.options : {});
         return {
-          ...Yn,
+          ...$n,
           ...b
         };
       }
       return {};
-    }), at = () => {
+    }), ot = () => {
       var b;
       (b = e.actionRef) == null || b.call(e, {
         formParams: oe.value,
-        pageParams: S.value,
-        reload: (R) => G(R),
-        reloadAndRest: () => G({
+        pageParams: T.value,
+        getLoadingStatus: p.value,
+        reload: (R) => U(R),
+        reloadAndRest: () => U({
           current: 1,
           pageSize: 10
         }),
-        reSetDataList: A,
+        reSetDataList: L,
         changePageInfo: (R, P, H) => Le(R, P, H),
         changeDataValue: ({
           key: R,
-          value: P
-        }) => nt({
+          params: P
+        }) => at({
           key: R,
-          value: P
+          params: P
         }),
-        loadingOperation: (R) => p(R)
+        loadingOperation: (R) => x(R)
       });
     };
     ae(() => {
-      e.actionRef && at();
-    }), St(() => {
-      window.addEventListener("resize", je);
-    }), Ee(() => {
-      window.removeEventListener("resize", je);
+      e.actionRef && ot();
+    }), wt(() => {
+      window.addEventListener("resize", Be);
+    }), Ue(() => {
+      window.removeEventListener("resize", Be);
     });
-    const je = () => {
+    const Be = () => {
       d.value = window.innerWidth;
     }, $e = k(() => {
-      const b = s(Re);
+      const b = s(Te);
       let R = {
         ...l,
         ...e,
         virtualScroll: g.value,
         size: s(C),
-        scroll: s(D),
-        loading: !!s(x),
-        columns: ke(s(L).filter((P) => P.show || P.show === void 0)),
-        pagination: ke(s(S)),
+        scroll: s(O),
+        loading: !!s(p),
+        columns: Re(s(A).filter((P) => P.show || P.show === void 0)),
+        pagination: Re(s(T)),
         dataSource: b
       };
       return R = Ve(R, ["class", "onChange", "onExpand", "onExpandedRowsChange"]), R;
-    }), ut = k(() => {
+    }), it = k(() => {
       var b;
       return [{
         [`${o}`]: !0,
         [`${l.class}`]: l.class,
         [`${e.tableClassName}`]: e.tableClassName,
         [`${o}-no-scroll`]: !Object.keys(((b = $e.value) == null ? void 0 : b.scroll) || {}).length,
-        [`${o}-table-tree`]: ze.value,
-        [`${o}-full-screen`]: c.value
+        [`${o}-table-tree`]: je.value,
+        [`${o}-full-screen`]: r.value
       }];
     });
-    xn({
+    bn({
       tableSize: C,
-      columns: L,
+      columns: A,
       cacheColumns: y,
       action: {
-        setTableSize: T,
-        reload: (b) => G(b),
+        setTableSize: S,
+        reload: (b) => U(b),
         toggle: f
       },
       settingsAction: {
         autoScroll: W(e, "autoScroll"),
         columnsMap: v,
         operationType: N,
-        setColumnsMap: Se,
+        setColumnsMap: xe,
         sortKeyColumns: E,
-        cacheColumnsMap: z,
+        cacheColumnsMap: j,
         setSortKeyColumns: Y
       },
       setPagination: F,
       changeColumns: w,
       slots: t
     });
-    const ot = (b) => {
+    const st = (b) => {
       const R = {};
-      return Object.keys(b).map((P) => (jn.includes(P) || (R[P] = b[P]), P)), R;
+      return Object.keys(b).map((P) => (zn.includes(P) || (R[P] = b[P]), P)), R;
     }, Ye = k(() => {
       var H;
       let b;
-      const R = s(h).direction === "rtl" ? "bottomLeft" : "right", P = (H = s(S)) == null ? void 0 : H.position;
+      const R = s(h).direction === "rtl" ? "bottomLeft" : "right", P = (H = s(T)) == null ? void 0 : H.position;
       if (P !== null && Array.isArray(P)) {
-        const J = P.find((ee) => ee.indexOf("top") !== -1), B = P.find((ee) => ee.indexOf("bottom") !== -1), Q = P.every((ee) => `${ee}` == "none");
-        !J && !B && !Q && (b = R), J && (b = J.toLowerCase().replace("top", "")), B && (b = B.toLowerCase().replace("bottom", ""));
+        const G = P.find((ee) => ee.indexOf("top") !== -1), z = P.find((ee) => ee.indexOf("bottom") !== -1), J = P.every((ee) => `${ee}` == "none");
+        !G && !z && !J && (b = R), G && (b = G.toLowerCase().replace("top", "")), z && (b = z.toLowerCase().replace("bottom", ""));
       } else
         b = R;
       return b;
@@ -1824,32 +1827,32 @@ const {
       e.search.showSearch ? (ve({
         ...b,
         ...e.params || {}
-      }), G()) : ve(b);
-    }, it = (b, R) => {
-      R ? (u("reset", b), e.request && Ke(b)) : e.request ? (u("submit", b), Ke(b)) : u("submit", b);
+      }), U()) : ve(b);
+    }, rt = (b, R) => {
+      R ? (a("reset", b), e.request && Ke(b)) : e.request ? (a("submit", b), Ke(b)) : a("submit", b);
     }, Le = (b, R, P) => {
       F({
         current: b.current,
         pageSize: b.pageSize
-      }), Be(b, R, P);
-    }, st = (b, R) => {
+      }), ze(b, R, P);
+    }, ct = (b, R) => {
       var P;
       F({
         current: b,
         pageSize: R
-      }), Be({
+      }), ze({
         current: b,
         pageSize: R,
-        total: S.value && ((P = S.value) == null ? void 0 : P.total) || 0
+        total: T.value && ((P = T.value) == null ? void 0 : P.total) || 0
       }, !1, !1);
-    }, ct = (b) => {
-      u("expandedRowsChange", b);
-    }, rt = (b, R) => {
-      u("expand", b, R);
-    }, dt = (b, R) => M(b, R), ft = (b, R, P) => {
+    }, dt = (b) => {
+      a("expandedRowsChange", b);
+    }, ft = (b, R) => {
+      a("expand", b, R);
+    }, ht = (b, R) => M(b, R), vt = (b, R, P) => {
       let H = b;
-      const J = P.align === "center" ? "top" : P.align === "left" || !P.align ? "topLeft" : "topRight";
-      return R && P.copyable ? H = a(Nt.Paragraph, {
+      const G = P.align === "center" ? "top" : P.align === "left" || !P.align ? "topLeft" : "topRight";
+      return R && P.copyable ? H = u(It.Paragraph, {
         class: `${o}-copyable`,
         style: {
           margin: "0",
@@ -1858,100 +1861,101 @@ const {
         },
         copyable: !0
       }, {
-        default: () => [a(U, {
+        default: () => [u(q, {
           title: b,
-          placement: J
+          placement: G
         }, {
-          default: () => [a("div", {
+          default: () => [u("div", {
             class: `${o}-ellipsis`
           }, [b])]
         })]
-      }) : R && !P.copyable && (H = a(U, {
+      }) : R && !P.copyable && (H = u(q, {
         title: b,
-        placement: J
+        placement: G
       }, {
-        default: () => [ze.value ? b : a("div", {
+        default: () => [je.value ? b : u("div", {
           class: `${o}-ellipsis`
         }, [b])]
       })), H;
-    }, ht = (b, R, P) => a(Bn, {
+    }, mt = (b, R, P) => u(jn, {
       headerTitle: b,
       titleTip: P,
       titleTipText: e.titleTipText,
-      options: s(lt),
+      options: s(ut),
       settingExtra: ie(t, e, "settingExtra"),
       optionsExtra: ie(t, e, "optionsExtra"),
       toolBarBtn: R
     }, null);
     return () => {
-      var J;
+      var G;
       const b = ie(t, e, "headerTitle"), R = ie(t, e, "titleTip"), P = ie(t, e, "toolBarBtn"), H = ie(t, e, "customize");
-      return a("div", {
-        ref: (B) => r.value = B,
+      return u("div", {
+        ref: (z) => c.value = z,
         style: e.tableStyle || void 0,
-        class: ut.value
-      }, [a("div", {
+        class: it.value
+      }, [u("div", {
         class: "gx-pro-table-content"
-      }, [(!!K.value.length || !!((J = t.search) != null && J.call(t))) && a(Ze, {
+      }, [(!!K.value.length || !!((G = t.search) != null && G.call(t))) && u(tt, {
         search: e.search,
         modal: e.modalScroll,
         searchMap: K.value,
         prefixCls: o,
-        loading: !!s(x),
-        onSearch: it,
-        defaultParams: we
+        loading: !!s(p),
+        onSearch: rt,
+        defaultParams: Se
       }, {
-        default: () => {
-          var B;
-          return (B = t.search) == null ? void 0 : B.call(t);
-        }
-      }), !g.value && ht(b, P, R), H ? a(Mt, {
-        spinning: !!s(x)
+        default: t.search ? () => {
+          var z;
+          return (z = t.search) == null ? void 0 : z.call(t);
+        } : null
+      }), !g.value && mt(b, P, R), H ? u(Pe, {
+        spinning: !!s(p)
       }, {
         default: () => {
-          var B;
-          return [e.customize ? e.customize(s(Re)) : (B = t.customize) == null ? void 0 : B.call(t, s(Re)), a(Et, fe({
+          var z;
+          return [e.customize ? e.customize(s(Te)) : (z = t.customize) == null ? void 0 : z.call(t, s(Te)), u(Mt, fe({
             class: {
               ["ant-table-pagination"]: !0,
               [`ant-table-pagination-${Ye.value}`]: Ye.value
             }
-          }, ke(s(S)), {
-            onChange: st
+          }, Re(s(T)), {
+            onChange: ct
           }), null)];
         }
-      }) : a(It, fe($e.value, {
-        rowKey: (B) => B[e.rowKey || "sortIndex"],
+      }) : u(Et, fe($e.value, {
+        rowKey: (z) => z[e.rowKey || "sortIndex"],
         transformCellText: ({
-          text: B,
-          column: Q
+          text: z,
+          column: J
         }) => {
-          if (he(B))
-            return B;
+          if (he(z))
+            return z;
           const {
             value: ee,
-            success: vt
-          } = Ht(B, (Q == null ? void 0 : Q.columnEmptyText) || (e == null ? void 0 : e.columnEmptyText));
-          return Q != null && Q.ellipsis ? ft(ee, vt, Q) : ee;
+            success: gt
+          } = At(z, (J == null ? void 0 : J.columnEmptyText) || (e == null ? void 0 : e.columnEmptyText));
+          return J != null && J.ellipsis ? vt(ee, gt, J) : ee;
         },
         rowSelection: e.rowSelection ? {
           ...Ve(e.rowSelection, "onSelect", "onSelectAll", "onChange", "selectedRowKeys"),
           selectedRowKeys: me.value,
           onSelect: X,
           onSelectAll: ge,
-          onChange: Te
+          onChange: we
         } : void 0,
         onChange: Le,
-        onExpandedRowsChange: ct,
-        onExpand: rt,
-        onResizeColumn: dt
+        onExpandedRowsChange: dt,
+        onExpand: ft,
+        onResizeColumn: ht
       }), {
-        ...ot(t)
+        ...st(t)
       })])]);
     };
   }
 });
-Pe.install = (e) => (e.component(Pe.name, Pe), e);
+De.install = (e) => (e.component(De.name, De), e);
 export {
-  Pe as ProTable,
+  De as ProTable,
+  De as default,
   ne as proTableProps
 };