@gx-design-vue/pro-table 0.0.4 → 0.0.5-rc.2

package/dist/pro-table.mjs

@@ -1,11 +1,11 @@
-import { ref as N, watchEffect as oe, computed as T, unref as f, reactive as ue, watch as U, onUnmounted as et, onDeactivated as Ft, onMounted as tt, provide as Dt, inject as Ot, defineComponent as we, createVNode as u, Fragment as Me, nextTick as Mt, mergeProps as _, renderSlot as Pt, createTextVNode as me, isVNode as ye, cloneVNode as Et, toRef as G, toRaw as ke } from "vue";
-import { cloneDeep as H, omit as Ue } from "lodash-es";
+import { ref as N, watchEffect as oe, computed as T, unref as f, reactive as ue, watch as G, onUnmounted as et, onDeactivated as Ft, onMounted as tt, provide as Dt, inject as Ot, defineComponent as xe, createVNode as u, Fragment as Me, nextTick as Mt, mergeProps as _, renderSlot as Pt, createTextVNode as me, isVNode as ye, cloneVNode as Et, toRef as U, toRaw as ke } from "vue";
+import { cloneDeep as H, omit as Ge } from "lodash-unified";
 import { useFullscreen as nt } from "@vueuse/core";
-import { Form as Ge, Grid as je, Space as te, Button as Je, Input as Qe, TimePicker as Nt, DatePicker as lt, TreeSelect as It, Spin as Pe, Select as Xe, Tree as jt, Tooltip as J, Popover as zt, Checkbox as $t, Dropdown as Yt, Menu as Ce, Pagination as Bt, Table as Kt, Typography as Lt } from "ant-design-vue";
-import { isBoolean as re, isFunction as xe, arrayRepeat as Vt, runFunction as Ht, handleCurrentPage as Wt, isObject as ze, getSortIndex as At, genColumnKey as at, compareToMax as _t, isNumber as ut, isString as qt, isArray as Ee, getRandomNumber as Ne, handleShowIndex as Ut, hanndleField as Gt } from "@gx-design-vue/pro-utils";
+import { Form as Ue, Grid as ze, Space as te, Button as Je, Input as Qe, TimePicker as Nt, DatePicker as lt, TreeSelect as It, Spin as Pe, Select as Xe, Tree as zt, Tooltip as J, Popover as jt, Checkbox as $t, Dropdown as Yt, Menu as Ce, Pagination as Bt, Table as Kt, Typography as Lt } from "ant-design-vue";
+import { isBoolean as re, getSlot as at, isFunction as we, arrayRepeat as Vt, runFunction as Ht, handleCurrentPage as At, isObject as je, getSortIndex as Wt, genColumnKey as ut, compareArray as _t, isNumber as ot, isString as qt, isArray as Ee, getRandomNumber as Ne, getPrefixCls as $e, handleShowIndex as Gt, getSlotVNode as ve, hanndleField as Ut } from "@gx-design-vue/pro-utils";
 import { tryOnUnmounted as Jt, useMemo as Se } from "@gx-design-vue/pro-hooks";
 import V from "dayjs";
-import { UpOutlined as Qt, DownOutlined as Xt, VerticalAlignTopOutlined as Zt, VerticalAlignMiddleOutlined as en, VerticalAlignBottomOutlined as tn, SettingOutlined as ot, FullscreenExitOutlined as nn, FullscreenOutlined as ln, ColumnHeightOutlined as an, InfoCircleOutlined as un, ReloadOutlined as on } from "@ant-design/icons-vue";
+import { UpOutlined as Qt, DownOutlined as Xt, VerticalAlignTopOutlined as Zt, VerticalAlignMiddleOutlined as en, VerticalAlignBottomOutlined as tn, SettingOutlined as it, FullscreenExitOutlined as nn, FullscreenOutlined as ln, ColumnHeightOutlined as an, InfoCircleOutlined as un, ReloadOutlined as on } from "@ant-design/icons-vue";
 function Ie() {
   return Ie = Object.assign ? Object.assign.bind() : function(e) {
     for (var a = 1; a < arguments.length; a++) {
@@ -128,18 +128,7 @@ const rn = {
   transformCellText: {
     type: Function
   }
-}, $e = ({ suffixCls: e, customizePrefixCls: a, isPor: t, className: l }) => {
-  const o = l || (t ? "gx-pro" : "gx");
-  return a || (e ? `${o}-${e}` : o);
-};
-function it(e, a, t = "default") {
-  return a[t] === !1 ? !1 : a[t] || e[t];
-}
-function ve(e, a, t = "default") {
-  var l;
-  return a[t] === !1 ? !1 : a[t] || ((l = e[t]) == null ? void 0 : l.call(e));
-}
-const ne = {
+}, ne = {
   ...rn,
   rowSelection: {
     type: Object,
@@ -265,18 +254,18 @@ function cn({ emit: e, loading: a }) {
     t.value = a.value;
   });
   const l = T(() => f(t) || !1);
-  function o(i) {
-    t.value = i, e("loadingChange", !0);
+  function i(o) {
+    t.value = o, e("loadingChange", !0);
   }
-  return { getLoading: l, setLoading: o };
+  return { getLoading: l, setLoading: i };
 }
 function dn({ size: e, emit: a }) {
   const t = N("middle");
   oe(() => {
     t.value = e.value;
   });
-  function l(o) {
-    t.value = o, a("sizeChange", !0);
+  function l(i) {
+    t.value = i, a("sizeChange", !0);
   }
   return { sizeRef: t, setTableSize: l };
 }
@@ -296,11 +285,11 @@ function fn({
       for (const d in l)
         delete l[d];
   });
-  const o = T(() => {
+  const i = T(() => {
     var r;
     if (re(t.value) && !t.value)
       return !1;
-    const h = it(e, f(a), "pageItemRender"), d = xe(h) ? {
+    const h = at(e, f(a), "pageItemRender"), d = we(h) ? {
       itemRender: ({
         page: s,
         type: C,
@@ -310,7 +299,7 @@ function fn({
         type: C,
         originalElement: c
       }) : null
-    } : null, p = {
+    } : null, b = {
       current: 1,
       pageSize: 10,
       size: "default",
@@ -321,23 +310,23 @@ function fn({
       ...f(l),
       ...d || {}
     };
-    return (r = t.value) != null && r.showTotal || (p.showTotal = (s) => `\u5171${s < p.pageSize ? 1 : Math.ceil(s / p.pageSize)}\u9875 ${s}\u6761\u8BB0\u5F55`), p;
+    return (r = t.value) != null && r.showTotal || (b.showTotal = (s) => `\u5171${s < b.pageSize ? 1 : Math.ceil(s / b.pageSize)}\u9875 ${s}\u6761\u8BB0\u5F55`), b;
   });
-  function i(h) {
-    const d = f(o);
+  function o(h) {
+    const d = f(i);
     Object.assign(l, {
       ...d || {},
       ...h
     });
   }
   return {
-    getPaginationInfo: o,
-    setPagination: i
+    getPaginationInfo: i,
+    setPagination: o
   };
 }
 function hn(e, a) {
   const t = N([]), l = N([]);
-  U(() => {
+  G(() => {
     var r;
     return (r = a.value) == null ? void 0 : r.selectedRowKeys;
   }, (r) => {
@@ -345,7 +334,7 @@ function hn(e, a) {
   }, {
     deep: !0,
     immediate: !0
-  }), U(() => {
+  }), G(() => {
     var r;
     return (r = a.value) == null ? void 0 : r.defaultSelectRows;
   }, (r) => {
@@ -356,21 +345,21 @@ function hn(e, a) {
     deep: !0,
     immediate: !0
   });
-  const o = (r, s) => {
+  const i = (r, s) => {
     e.value && (s ? r != null && r[e.value] && (t.value.push(r[e.value]), l.value.push(r)) : (t.value = t.value.filter((C) => C !== r[e.value]), l.value = l.value.filter((C) => C[e.value] !== r[e.value])));
-  }, i = () => {
+  }, o = () => {
     a.value && a.value.onChange(t.value, l.value);
   };
   return {
     selectedKey: t,
-    selectRowKey: o,
+    selectRowKey: i,
     selectAllRowKey: (r, s, C) => {
       e.value && (r ? s.map((c) => (t.value.every((y) => y !== (c == null ? void 0 : c[e.value])) && c != null && c[e.value] && (t.value.push(c[e.value]), l.value.push(c)), c)) : C.map((c) => (t.value.some((y) => y === (c == null ? void 0 : c[e.value])) && (t.value = t.value.filter((y) => y !== c[e.value]), l.value = l.value.filter((y) => y[e.value] !== c[e.value])), c)));
     },
     removeRowKeys: (r) => {
-      t.value = t.value.filter((s) => !r.includes(s)), l.value = l.value.filter((s) => !r.includes(s == null ? void 0 : s[e.value || ""])), i();
+      t.value = t.value.filter((s) => !r.includes(s)), l.value = l.value.filter((s) => !r.includes(s == null ? void 0 : s[e.value || ""])), o();
     },
-    changeRowKey: i,
+    changeRowKey: o,
     syncSelectedRows: (r) => {
       if (e.value && t.value.length !== l.value.length) {
         const s = l.value.map((c) => c[e.value]), C = t.value.filter((c) => !s.includes(c));
@@ -382,109 +371,109 @@ function hn(e, a) {
   };
 }
 function vn(e, a) {
-  const t = a || 0, l = N(), o = N(e);
-  o.value = e;
-  function i() {
+  const t = a || 0, l = N(), i = N(e);
+  i.value = e;
+  function o() {
     l.value && clearTimeout(l.value);
   }
   async function h(...d) {
-    var p;
-    i(), l.value = (p = d[0]) != null && p.immediate ? await o.value(...d) : setTimeout(async () => {
-      await o.value(...d);
+    var b;
+    o(), l.value = (b = d[0]) != null && b.immediate ? await i.value(...d) : setTimeout(async () => {
+      await i.value(...d);
     }, t);
   }
-  return Jt(i), {
-    cancel: i,
+  return Jt(o), {
+    cancel: o,
     run: h
   };
 }
 function mn(e) {
-  const a = T(() => e.polling), t = T(() => e.request), l = T(() => e.postData), o = T(() => e.debounceTime), i = T(() => e.dataSource);
+  const a = T(() => e.polling), t = T(() => e.request), l = T(() => e.postData), i = T(() => e.debounceTime), o = T(() => e.dataSource);
   return {
     polling: a,
     request: t,
     postData: l,
-    debounceTime: o,
-    dataSource: i
+    debounceTime: i,
+    dataSource: o
   };
 }
-function gn({ polling: e, request: a, postData: t, dataSource: l, waitRequest: o, debounceTime: i }, { columns: h, getLoading: d, setLoading: p, setColumns: r, removeRowKeys: s, syncSelectedRows: C, formParamsRef: c, setPagination: y, getPaginationInfo: S, onBeforeSearchSubmit: g }, x) {
-  const F = N(), w = N(!0), R = N(!1), M = N(!1), I = N([]), Y = N(), B = vn(async (P) => {
+function gn({ polling: e, request: a, postData: t, dataSource: l, waitRequest: i, debounceTime: o }, { columns: h, getLoading: d, setLoading: b, setColumns: r, removeRowKeys: s, syncSelectedRows: C, formParamsRef: c, setPagination: y, getPaginationInfo: S, onBeforeSearchSubmit: g }, w) {
+  const F = N(), x = N(!0), R = N(!1), M = N(!1), I = N([]), Y = N(), B = vn(async (P) => {
     Y.value && clearTimeout(Y.value);
-    const j = await b(P), K = Ht(e.value, j);
+    const z = await p(P), K = Ht(e.value, z);
     K && !F.value && (Y.value = setTimeout(() => {
       B.run({ ...P, isPolling: K });
     }, Math.max(K, 2e3)));
-  }, i.value || 20);
+  }, o.value || 20);
   et(() => {
     F.value = !0, clearTimeout(Y.value);
   }), Ft(() => {
     F.value = !0, clearTimeout(Y.value);
-  }), U(() => e.value, () => {
+  }), G(() => e.value, () => {
     e.value ? B.run({ isPolling: !0 }) : clearTimeout(Y.value);
-  }, { immediate: !0 }), U(() => [o.value, l.value, c], () => {
-    a.value ? (!w.value || !e.value) && B.run({ isPolling: !1 }) : L(l.value || []);
+  }, { immediate: !0 }), G(() => [i.value, l.value, c], () => {
+    a.value ? (!x.value || !e.value) && B.run({ isPolling: !1 }) : L(l.value || []);
   }, {
     deep: !0,
     immediate: !0
   });
   const X = T(() => {
-    const P = f(h).filter((j) => j.show || j.show === void 0);
+    const P = f(h).filter((z) => z.show || z.show === void 0);
     return !f(I) || !P || P.length === 0 ? [] : f(I);
   }), n = T(() => f(I).some((P) => P.children && P.children.length > 0));
   function v(P) {
     M.value = P;
   }
-  function D(P, j, K) {
-    B.run({ pagination: P, filters: j, sorter: K, isPolling: !1 }), x("change", P, j, K);
+  function D(P, z, K) {
+    B.run({ pagination: P, filters: z, sorter: K, isPolling: !1 }), w("change", P, z, K);
   }
-  const O = (P, j) => {
-    L(P), y(j);
-  }, b = async (P = {}) => {
-    var fe, pe;
-    const { pagination: j, filters: K = {}, sorter: le = {}, removeKeys: de = [], isPolling: be = !1 } = P;
-    if (!f(a) || !xe(f(a)) || f(o) && d.value || R.value)
+  const O = (P, z) => {
+    L(P), y(z);
+  }, p = async (P = {}) => {
+    var fe, be;
+    const { pagination: z, filters: K = {}, sorter: le = {}, removeKeys: de = [], isPolling: pe = !1 } = P;
+    if (!f(a) || !we(f(a)) || f(i) && d.value || R.value)
       return l.value || [];
-    if (R.value = !0, !be || f(o) || w.value ? p(!0) : v(!0), f(o)) {
-      w.value = !1, R.value = !1;
+    if (R.value = !0, !pe || f(i) || x.value ? b(!0) : v(!0), f(i)) {
+      x.value = !1, R.value = !1;
       return;
     }
-    j && y(j);
+    z && y(z);
     try {
       let Q = {};
-      if (re(j) && !j || re(S))
+      if (re(z) && !z || re(S))
         Q = {};
       else {
-        const { current: z = 1, pageSize: ae = 10, total: W } = f(S) || {};
-        Q.pageNum = Wt({ current: z, pageSize: ae, total: W }, de.length), de.length && s(de), Q.pageSize = ae;
+        const { current: j = 1, pageSize: ae = 10, total: A } = f(S) || {};
+        Q.pageNum = At({ current: j, pageSize: ae, total: A }, de.length), de.length && s(de), Q.pageSize = ae;
       }
-      (ze(le) ? [le] : le).forEach((z) => {
-        const ae = (z == null ? void 0 : z.columnKey) || (z == null ? void 0 : z.field);
-        z && (z == null ? void 0 : z.order) ? r(f(h).map((W) => (W.dataIndex === ae ? W.sortOrder = z == null ? void 0 : z.order : W.sortOrder = null, W))) : z && r(f(h).map((W) => (W.dataIndex === ae && (W.sortOrder = null), W)));
+      (je(le) ? [le] : le).forEach((j) => {
+        const ae = (j == null ? void 0 : j.columnKey) || (j == null ? void 0 : j.field);
+        j && (j == null ? void 0 : j.order) ? r(f(h).map((A) => (A.dataIndex === ae ? A.sortOrder = j == null ? void 0 : j.order : A.sortOrder = null, A))) : j && r(f(h).map((A) => (A.dataIndex === ae && (A.sortOrder = null), A)));
       });
       let he = {
         ...Q || {},
         ...P.params,
         ...c
       };
-      g && xe(g) && (he = await g(he, le, K));
+      g && we(g) && (he = await g(he, le, K));
       let q = [];
       const ie = await ((fe = f(a)) == null ? void 0 : fe(he, le, K));
-      return R.value = !1, ie && ie.success ? (q = ie.data || [], f(t) && xe(f(t)) && (q = await ((pe = f(t)) == null ? void 0 : pe(q))), C(q), O(q || [], {
+      return R.value = !1, ie && ie.success ? (q = ie.data || [], f(t) && we(f(t)) && (q = await ((be = f(t)) == null ? void 0 : be(q))), C(q), O(q || [], {
         total: ie.total || (q == null ? void 0 : q.length) || 0
       }), q) : [];
     } catch (Q) {
-      I.value === void 0 && L([]), x("requestError", Q);
+      I.value === void 0 && L([]), w("requestError", Q);
     } finally {
-      w.value = !1, p(!1);
+      x.value = !1, b(!1);
     }
     return [];
   };
   function L(P) {
-    I.value = At(H(P), f(S.value));
+    I.value = Wt(H(P), f(S.value));
   }
-  function Te({ key: P, params: j }) {
-    I.value = I.value.map((K) => P && j[P] === K[P] ? { ...K, ...j } : K);
+  function Te({ key: P, params: z }) {
+    I.value = I.value.map((K) => P && z[P] === K[P] ? { ...K, ...z } : K);
   }
   return {
     getDataSourceRef: X,
@@ -493,7 +482,7 @@ function gn({ polling: e, request: a, postData: t, dataSource: l, waitRequest: o
     changeDataValue: Te,
     handleTableChange: D,
     reload: async (P) => {
-      f(a) ? await B.run({ ...P, isPolling: !1 }) : x("reload");
+      f(a) ? await B.run({ ...P, isPolling: !1 }) : w("reload");
     }
   };
 }
@@ -501,57 +490,57 @@ function yn(e) {
   const a = {};
   return e.forEach((t) => {
     let l = t.initialValue;
-    const o = ["select"], i = ["date", "time", "dateRange"];
-    !l && o.includes(t.valueType) ? l = void 0 : !l && i.includes(t.valueType) ? l = null : l || (l = ""), t.name === "dateRange" ? (a[t.rangeStartName || "start"] = l ? l[0] : null, a[t.rangeEndName || "end"] = l ? l[1] : null) : t.name && (a[t.name] = l);
+    const i = ["select"], o = ["date", "time", "dateRange"];
+    !l && i.includes(t.valueType) ? l = void 0 : !l && o.includes(t.valueType) ? l = null : l || (l = ""), t.name === "dateRange" ? (a[t.rangeStartName || "start"] = l ? l[0] : null, a[t.rangeEndName || "end"] = l ? l[1] : null) : t.name && (a[t.name] = l);
   }), a;
 }
-function bn({ search: e, searchMap: a, params: t, columns: l }) {
-  const o = ue({}), i = ue({}), h = N([]), d = T(() => !!e.value.showSearch);
+function pn({ search: e, searchMap: a, params: t, columns: l }) {
+  const i = ue({}), o = ue({}), h = N([]), d = T(() => !!e.value.showSearch);
   tt(() => {
-    p("all");
-  }), U(() => t.value, () => {
-    p("params");
+    b("all");
+  }), G(() => t.value, () => {
+    b("params");
   }, {
     deep: !0
-  }), U(() => a.value, () => {
-    p("searchMap");
+  }), G(() => a.value, () => {
+    b("searchMap");
   }, {
     deep: !0
-  }), U(() => l.value, () => {
-    p("columns");
+  }), G(() => l.value, () => {
+    b("columns");
   }, {
     deep: !0
   });
-  const p = (s) => {
+  const b = (s) => {
     var c;
     const C = [];
     if ((s === "all" || s === "searchMap") && (a.value.forEach((y) => C.push(y)), h.value = H(C)), (s === "all" || s === "columns") && ((c = l.value) == null ? void 0 : c.length) && (l.value && l.value.forEach((y) => {
       y.searchConfig && C.push(y.searchConfig);
     }), h.value = H(C)), s === "all" || s === "searchMap" || s === "columns") {
       const y = yn(C);
-      Object.assign(i, { ...y });
+      Object.assign(o, { ...y });
       for (const S in y)
-        o[S] || (o[S] = y[S]);
+        i[S] || (i[S] = y[S]);
     }
-    (s === "all" || s === "params" && !d.value) && Object.assign(o, t.value);
+    (s === "all" || s === "params" && !d.value) && Object.assign(i, t.value);
   };
   function r(s) {
-    Object.assign(o, s);
+    Object.assign(i, s);
   }
-  return { formDataRef: h, formParamsRef: o, defaultParamsRef: i, setFormParams: r };
+  return { formDataRef: h, formParamsRef: i, defaultParamsRef: o, setFormParams: r };
 }
-function pn({ columns: e, columnsState: a, changeColumns: t }) {
-  const l = N(void 0), o = ue({}), i = ue({}), h = ue({}), d = N([]);
-  U(() => e.value, () => {
+function bn({ columns: e, columnsState: a, changeColumns: t }) {
+  const l = N(void 0), i = ue({}), o = ue({}), h = ue({}), d = N([]);
+  G(() => e.value, () => {
     var s;
     (s = f(e)) == null || s.forEach(({ show: C, key: c, fixed: y }, S) => {
-      const g = at(c, S);
+      const g = ut(c, S);
       g && (h[g] = { show: C === void 0 ? !0 : C, fixed: y });
     });
   }, {
     deep: !0,
     immediate: !0
-  }), U(() => e.value, () => {
+  }), G(() => e.value, () => {
     const s = f(e).map((C) => C.key);
     r(s);
   }, {
@@ -563,20 +552,20 @@ function pn({ columns: e, columnsState: a, changeColumns: t }) {
       ...(C = f(a)) == null ? void 0 : C.value,
       ...f(h)
     };
-    Object.assign(o, s), Object.assign(i, s);
+    Object.assign(i, s), Object.assign(o, s);
   });
-  function p(s, C) {
-    l.value = C, Object.assign(o, s), t == null || t(o, C === "fixed");
+  function b(s, C) {
+    l.value = C, Object.assign(i, s), t == null || t(i, C === "fixed");
   }
   function r(s) {
     d.value = s;
   }
   return {
-    columnsMap: o,
+    columnsMap: i,
     operationType: l,
-    setColumnsMap: p,
+    setColumnsMap: b,
     sortKeyColumns: d,
-    cacheColumnsMap: i,
+    cacheColumnsMap: o,
     setSortKeyColumns: r
   };
 }
@@ -588,49 +577,49 @@ function Cn(e) {
     autoScroll: l
   };
 }
-function Sn({ scroll: e, columns: a, breakpoint: t, draggabled: l, autoScroll: o, neverScroll: i }) {
+function Sn({ scroll: e, columns: a, breakpoint: t, draggabled: l, autoScroll: i, neverScroll: o }) {
   const h = N([]), d = N([]);
-  U([
+  G([
     () => e.value,
     () => a.value,
     () => t.value,
     () => l.value,
-    () => o.value,
-    () => i.value
+    () => i.value,
+    () => o.value
   ], () => {
     h.value = H(s(f(a))), d.value = H(s(f(a)));
   }, {
     deep: !0,
     immediate: !0
   });
-  const p = T(() => {
-    const S = r(f(h).filter((F) => F.fixed === "left")), g = r(f(h).filter((F) => F.fixed !== "left" && F.fixed !== "right")), x = r(f(h).filter((F) => F.fixed === "right"));
+  const b = T(() => {
+    const S = r(f(h).filter((F) => F.fixed === "left")), g = r(f(h).filter((F) => F.fixed !== "left" && F.fixed !== "right")), w = r(f(h).filter((F) => F.fixed === "right"));
     return [
       ...S,
       ...g,
-      ...x
+      ...w
     ];
   });
   function r(S) {
-    return S.sort((g, x) => _t(g, x, "order"));
+    return S.sort((g, w) => _t(g, w, "order", 0));
   }
   function s(S) {
-    return H(S).map((g, x) => {
+    return H(S).map((g, w) => {
       var F;
-      if (g.dataIndex === "action" || x === S.length - 1 ? g.resizable = !1 : g.resizable = re(g.resizable) ? g.resizable : !!(ut(g.width) && f(l)), !g.width || f(i))
+      if (g.dataIndex === "action" || w === S.length - 1 ? g.resizable = !1 : g.resizable = re(g.resizable) ? g.resizable : !!(ot(g.width) && f(l)), !g.width || f(o))
         return g;
-      if (g.dataIndex === "action" && f(o))
+      if (g.dataIndex === "action" && f(i))
         if (((F = f(e)) == null ? void 0 : F.x) || !f(t))
           g.width = g.width || 100, g.fixed = "right";
         else {
-          const w = f(a).find((R) => R.dataIndex === g.dataIndex);
-          g.width = (w == null ? void 0 : w.width) || "", g.fixed = w == null ? void 0 : w.fixed;
+          const x = f(a).find((R) => R.dataIndex === g.dataIndex);
+          g.width = (x == null ? void 0 : x.width) || "", g.fixed = x == null ? void 0 : x.fixed;
         }
       return g;
     });
   }
   function C(S, g) {
-    h.value = h.value.map((x) => (x.uuid === g.uuid && (x.width = S), x));
+    h.value = h.value.map((w) => (w.uuid === g.uuid && (w.width = S), w));
   }
   function c(S) {
     if (S.length <= 0) {
@@ -641,56 +630,56 @@ function Sn({ scroll: e, columns: a, breakpoint: t, draggabled: l, autoScroll: o
   }
   function y(S) {
     let g = H(a.value);
-    g = g.map((x) => {
-      var w, R, M;
-      const F = x.key ? {
-        show: (w = S[x.key]) == null ? void 0 : w.show,
-        fixed: (R = S[x.key]) == null ? void 0 : R.fixed,
-        order: (M = S[x.key]) == null ? void 0 : M.order
+    g = g.map((w) => {
+      var x, R, M;
+      const F = w.key ? {
+        show: (x = S[w.key]) == null ? void 0 : x.show,
+        fixed: (R = S[w.key]) == null ? void 0 : R.fixed,
+        order: (M = S[w.key]) == null ? void 0 : M.order
       } : {};
       return {
-        ...x,
+        ...w,
         ...F
       };
     }), c(g);
   }
   return {
     breakpoint: t,
-    getProColumns: p,
+    getProColumns: b,
     cacheProColumns: d,
     setColumns: c,
     changeColumns: y,
     resizeColumnWidth: C
   };
 }
-function xn(e) {
-  const a = T(() => e.scroll), t = T(() => e.autoScroll), l = T(() => e.modalScroll), o = T(() => e.neverScroll), i = T(() => e.rowSelection), h = T(() => e.scrollBreakpoint);
+function wn(e) {
+  const a = T(() => e.scroll), t = T(() => e.autoScroll), l = T(() => e.modalScroll), i = T(() => e.neverScroll), o = T(() => e.rowSelection), h = T(() => e.scrollBreakpoint);
   return {
     scroll: a,
-    neverScroll: o,
-    rowSelection: i,
+    neverScroll: i,
+    rowSelection: o,
     autoScroll: t,
     modalScroll: l,
     scrollBreakpoint: h
   };
 }
-function wn({ scroll: e, columns: a, autoScroll: t, modalScroll: l, neverScroll: o, rowSelection: i, screensRef: h, innerWidth: d, scrollBreakpoint: p }) {
+function xn({ scroll: e, columns: a, autoScroll: t, modalScroll: l, neverScroll: i, rowSelection: o, screensRef: h, innerWidth: d, scrollBreakpoint: b }) {
   const r = T(() => {
     var c, y, S;
-    return f(p) ? ut(f(p)) ? d.value > f(p) : qt(f(p)) ? (c = h.value) == null ? void 0 : c[f(p)] : (y = h.value) == null ? void 0 : y.xl : (S = h.value) == null ? void 0 : S.xl;
+    return f(b) ? ot(f(b)) ? d.value > f(b) : qt(f(b)) ? (c = h.value) == null ? void 0 : c[f(b)] : (y = h.value) == null ? void 0 : y.xl : (S = h.value) == null ? void 0 : S.xl;
   }), s = T(() => {
     let c = 0;
-    const y = f(i) ? 60 : 0, S = 150, g = H(f(a));
-    g.forEach((w) => {
-      c += Number.parseInt(w.width) || 0;
+    const y = f(o) ? 60 : 0, S = 150, g = H(f(a));
+    g.forEach((x) => {
+      c += Number.parseInt(x.width) || 0;
     });
-    const F = g.filter((w) => !Reflect.has(w, "width")).length;
+    const F = g.filter((x) => !Reflect.has(x, "width")).length;
     return F !== 0 && (c += F * S), y && (c += y), c;
   });
   return { getScrollRef: T(() => {
     var y;
     const { xl: c } = h.value;
-    return f(o) ? {} : f(e) && Object.keys(f(e)).length ? f(e) : f(l) ? {
+    return f(i) ? {} : f(e) && Object.keys(f(e)).length ? f(e) : f(l) ? {
       y: ((y = f(e)) == null ? void 0 : y.y) || (c ? 400 : 235)
     } : f(t) ? r.value ? {} : re(r.value) ? { x: f(s) } : {} : {};
   }), breakpoint: r };
@@ -705,29 +694,29 @@ function kn(e, a) {
   });
   function l() {
     Object.keys(e).map((h) => {
-      o(h, e[h]);
+      i(h, e[h]);
     });
-    const i = a.find((h) => h.valueType === "dateRange");
-    i && o(i.name || "", e[i.rangeStartName || "start"] ? [
-      e[i.rangeStartName || "start"],
-      e[i.rangeEndName || "end"]
+    const o = a.find((h) => h.valueType === "dateRange");
+    o && i(o.name || "", e[o.rangeStartName || "start"] ? [
+      e[o.rangeStartName || "start"],
+      e[o.rangeEndName || "end"]
     ] : []);
   }
-  function o(i, h) {
-    t[i] = h;
+  function i(o, h) {
+    t[o] = h;
   }
   return {
     formState: t,
     resetFormState: l,
-    changeFormState: o
+    changeFormState: i
   };
 }
 const {
   useBreakpoint: Fn
-} = je, {
+} = ze, {
   MonthPicker: Dn,
   RangePicker: On
-} = lt, rt = we({
+} = lt, rt = xe({
   name: "ProTableForm",
   props: {
     search: ne.search,
@@ -746,11 +735,11 @@ const {
     slots: t,
     expose: l
   }) {
-    const o = Fn(), {
-      formState: i,
+    const i = Fn(), {
+      formState: o,
       resetFormState: h,
       changeFormState: d
-    } = kn(e.defaultParams || {}, e.searchMap || []), p = N(!1), r = T(() => !!e.search.showSearch), s = T(() => e.search.showReset === void 0 ? r.value : e.search.showReset), C = [{
+    } = kn(e.defaultParams || {}, e.searchMap || []), b = N(!1), r = T(() => !!e.search.showSearch), s = T(() => e.search.showReset === void 0 ? r.value : e.search.showReset), C = [{
       value: "xxl",
       span: 4
     }, {
@@ -769,28 +758,28 @@ const {
       value: "xs",
       span: 1
     }], c = T(() => y(e.search.span));
-    U(() => e.search.defaultCollapsed, (n) => {
-      p.value = p.value || !!n;
+    G(() => e.search.defaultCollapsed, (n) => {
+      b.value = b.value || !!n;
     });
     const y = (n) => {
       let v = 4;
       for (let D = 0; D < C.length; D += 1) {
         const O = C[D].value;
-        if (o.value[O]) {
+        if (i.value[O]) {
           v = (n == null ? void 0 : n[O]) || (e.modal ? 3 : C[D].span);
           break;
         }
       }
       return v;
     }, S = (n) => {
-      p.value = n;
+      b.value = n;
     }, g = (n, v, D) => (n + 1) % v === 0 ? {
       ...D,
       marginRight: 0
     } : {
       ...D,
       marginRight: "2%"
-    }, x = (n, v) => {
+    }, w = (n, v) => {
       var D, O;
       switch (v.valueType) {
         case "text":
@@ -815,16 +804,16 @@ const {
           d(v.name || "", n ? V(n).format(v.valueFormat || "HH:mm:ss") : v.initialValue || null);
           break;
       }
-      e.search.showSearch || v.valueType === "text" || (v.valueType === "treeSelect" || v.valueType, w());
+      e.search.showSearch || v.valueType === "text" || (v.valueType === "treeSelect" || v.valueType, x());
     }, F = () => {
-      const n = H(i), v = e.searchMap.find((b) => b.valueType === "text") || "", D = e.searchMap.find((b) => b.valueType === "dateRange") || "", O = e.searchMap.find((b) => b.valueType === "treeSelect") || "";
-      return v && (n[v.name] = i[v.name] || v.initialValue || ""), D && (n[D.rangeStartName || "start"] = n[D.name] ? n[D.name][0] : "", n[D.rangeEndName || "end"] = n[D.name] ? n[D.name][1] : "", delete n[D.name]), O && (Ee(i[O.name]) && (n[O.name] = i[O.name].length ? i[O.name].map((b) => b[O.valueKey === "text" ? "label" : "value"]).join() : ""), O && Ee(n[O.name]) && (n[O.name] = n[O.name].length ? n[O.name].map((b) => b[O.valueKey === "text" ? "label" : "value"]) : "")), n;
-    }, w = (n = !1, v) => {
+      const n = H(o), v = e.searchMap.find((p) => p.valueType === "text") || "", D = e.searchMap.find((p) => p.valueType === "dateRange") || "", O = e.searchMap.find((p) => p.valueType === "treeSelect") || "";
+      return v && (n[v.name] = o[v.name] || v.initialValue || ""), D && (n[D.rangeStartName || "start"] = n[D.name] ? n[D.name][0] : "", n[D.rangeEndName || "end"] = n[D.name] ? n[D.name][1] : "", delete n[D.name]), O && (Ee(o[O.name]) && (n[O.name] = o[O.name].length ? o[O.name].map((p) => p[O.valueKey === "text" ? "label" : "value"]).join() : ""), O && Ee(n[O.name]) && (n[O.name] = n[O.name].length ? n[O.name].map((p) => p[O.valueKey === "text" ? "label" : "value"]) : "")), n;
+    }, x = (n = !1, v) => {
       Mt(() => {
         (!r.value || n) && a("search", F(), !!v);
       });
     }, R = (n = !0) => {
-      h(), w(!0, n);
+      h(), x(!0, n);
     };
     l({
       getFormState: () => F(),
@@ -838,7 +827,7 @@ const {
       }), r.value && u(Je, {
         loading: e.loading,
         type: "primary",
-        onClick: () => w(!0)
+        onClick: () => x(!0)
       }, {
         default: () => [e.search.searchText || "\u67E5\u8BE2"]
       })]
@@ -866,11 +855,11 @@ const {
             style: {
               width: "100%"
             },
-            value: i[n.name],
+            value: o[n.name],
             placeholder: n.placeholder || "\u8BF7\u8F93\u5165",
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
-            onChange: (b) => x(b.target.value, n),
-            onSearch: (b) => w()
+            onChange: (p) => w(p.target.value, n),
+            onSearch: (p) => x()
           }, n.field || {}), null);
           break;
         case "select":
@@ -878,20 +867,20 @@ const {
             style: {
               width: "100%"
             },
-            value: n.loading ? void 0 : i[n.name],
+            value: n.loading ? void 0 : o[n.name],
             optionFilterProp: "label",
             placeholder: n.placeholder || "\u8BF7\u9009\u62E9",
             showSearch: n.showSearch,
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
-            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            getPopupContainer: (p) => p && p.parentNode ? p.parentNode : p,
             notFoundContent: n.loading === void 0 ? void 0 : n.loading ? u(Pe, {
               size: "small"
             }, null) : void 0,
-            onChange: (b) => x(b, n)
+            onChange: (p) => w(p, n)
           }, n.field || {}), {
             default: () => {
-              var b;
-              return [((b = n.valueEnum) == null ? void 0 : b.length) || n.valueEnum.map((L) => u(Xe.Option, {
+              var p;
+              return [((p = n.valueEnum) == null ? void 0 : p.length) || n.valueEnum.map((L) => u(Xe.Option, {
                 key: L.value,
                 value: L.value
               }, {
@@ -905,15 +894,15 @@ const {
             style: {
               width: "100%"
             },
-            value: i[n.name],
+            value: o[n.name],
             placeholder: n.placeholder || "\u8BF7\u9009\u62E9",
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
             treeData: n.valueEnum,
-            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            getPopupContainer: (p) => p && p.parentNode ? p.parentNode : p,
             notFoundContent: n.loading === void 0 ? void 0 : n.loading ? u(Pe, {
               size: "small"
             }, null) : void 0,
-            onChange: (b) => x(b, n)
+            onChange: (p) => w(p, n)
           }, n.field || {}), null);
           break;
         case "date":
@@ -921,14 +910,14 @@ const {
             style: {
               width: "100%"
             },
-            value: i[n.name] ? V(i[n.name], n.valueFormat || "YYYY-MM-DD") : void 0,
-            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            value: o[n.name] ? V(o[n.name], n.valueFormat || "YYYY-MM-DD") : void 0,
+            getPopupContainer: (p) => p && p.parentNode ? p.parentNode : p,
             placeholder: n.placeholder || "\u8BF7\u9009\u62E9",
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
             format: n.valueFormat || "YYYY-MM-DD",
             showTime: n.showTime,
             showToday: n.showToday || !0,
-            onChange: (b) => x(b, n)
+            onChange: (p) => w(p, n)
           }, n.field || {}), null);
           break;
         case "dateMonth":
@@ -936,10 +925,10 @@ const {
             style: {
               width: "100%"
             },
-            value: i[n.name] ? V(i[n.name], n.valueFormat || "YYYY-MM") : void 0,
-            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            value: o[n.name] ? V(o[n.name], n.valueFormat || "YYYY-MM") : void 0,
+            getPopupContainer: (p) => p && p.parentNode ? p.parentNode : p,
             placeholder: n.placeholder || "\u8BF7\u9009\u62E9",
-            onChange: (b) => x(b, n)
+            onChange: (p) => w(p, n)
           }, n.field || {}), null);
           break;
         case "dateRange":
@@ -947,12 +936,12 @@ const {
             style: {
               width: "100%"
             },
-            value: (O = i[n.name]) != null && O.length ? [V(i[n.name][0], n.valueFormat || "YYYY-MM-DD HH:mm:ss"), V(i[n.name][1], n.valueFormat || "YYYY-MM-DD HH:mm:ss")] : void 0,
-            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            value: (O = o[n.name]) != null && O.length ? [V(o[n.name][0], n.valueFormat || "YYYY-MM-DD HH:mm:ss"), V(o[n.name][1], n.valueFormat || "YYYY-MM-DD HH:mm:ss")] : void 0,
+            getPopupContainer: (p) => p && p.parentNode ? p.parentNode : p,
             placeholder: n.placeholder || ["\u5F00\u59CB\u65E5\u671F", "\u7ED3\u675F\u65E5\u671F"],
             format: n.valueFormat || "YYYY-MM-DD HH:mm:ss",
             showTime: n.showTime,
-            onChange: (b) => x(b, n)
+            onChange: (p) => w(p, n)
           }, n.field || {}), null);
           break;
         case "time":
@@ -960,13 +949,13 @@ const {
             style: {
               width: "100%"
             },
-            value: i[n.name] ? V(i[n.name], n.valueFormat || "HH:mm:ss") : void 0,
-            getPopupContainer: (b) => b && b.parentNode ? b.parentNode : b,
+            value: o[n.name] ? V(o[n.name], n.valueFormat || "HH:mm:ss") : void 0,
+            getPopupContainer: (p) => p && p.parentNode ? p.parentNode : p,
             placeholder: n.placeholder || "\u8BF7\u9009\u62E9",
             allowClear: n.allowClear || n.allowClear === !1 ? n.allowClear : !0,
             use12Hours: n.use12Hours,
             format: n.valueFormat || "HH:mm:ss",
-            onChange: (b) => x(b, n)
+            onChange: (p) => w(p, n)
           }, n.field || {}), null);
           break;
       }
@@ -974,7 +963,7 @@ const {
     }, B = ({
       formItemStyle: n,
       item: v
-    }) => u(Ge.Item, {
+    }) => u(Ue.Item, {
       style: n
     }, {
       default: () => [v.__v_isVNode ? v : Y(v)]
@@ -982,10 +971,10 @@ const {
       var v;
       const n = [...e.searchMap, ...((v = t.default) == null ? void 0 : v.call(t)) || []];
       return n.map((D, O) => {
-        const b = {
+        const p = {
           width: `${(100 - (c.value - 1) * 2) / c.value}%`
-        }, L = g(O, c.value, b);
-        return n.length < c.value || p.value ? u(Me, null, [B({
+        }, L = g(O, c.value, p);
+        return n.length < c.value || b.value ? u(Me, null, [B({
           formItemStyle: L,
           item: D
         }), O === n.length - 1 && I({
@@ -993,8 +982,8 @@ const {
             flex: 1,
             justifyContent: "flex-end"
           },
-          advanced: p.value,
-          showAdvanced: p.value
+          advanced: b.value,
+          showAdvanced: b.value
         })]) : u(Me, null, [O < c.value - 1 && B({
           formItemStyle: L,
           item: D
@@ -1016,7 +1005,7 @@ const {
         [`${f(e.prefixCls)}-search`]: !0,
         [`${e.search.className}`]: e.search.className
       }
-    }, [u(Ge, {
+    }, [u(Ue, {
       class: `${f(e.prefixCls)}-form`,
       layout: "horizontal"
     }, {
@@ -1029,8 +1018,8 @@ const {
 rt.inheritAttrs = !1;
 function Mn(e, a) {
   for (var t = Ie({}, e), l = 0; l < a.length; l += 1) {
-    var o = a[l];
-    delete t[o];
+    var i = a[l];
+    delete t[i];
   }
   return t;
 }
@@ -1047,10 +1036,10 @@ const Fe = ({
   treeKey: t,
   fixed: l
 }, {
-  slots: o
+  slots: i
 }) => {
   const {
-    cacheColumns: i,
+    cacheColumns: o,
     settingsAction: h
   } = ce();
   return a ? u(J, {
@@ -1059,10 +1048,10 @@ const Fe = ({
     default: () => {
       var d;
       return [u("span", {
-        onClick: (p) => {
+        onClick: (b) => {
           var y, S;
-          p.stopPropagation(), p.preventDefault();
-          const r = ((y = f(i).find((g) => g.uuid === t)) == null ? void 0 : y.key) || "", s = (h == null ? void 0 : h.columnsMap[r]) || {};
+          b.stopPropagation(), b.preventDefault();
+          const r = ((y = f(o).find((g) => g.uuid === t)) == null ? void 0 : y.key) || "", s = (h == null ? void 0 : h.columnsMap[r]) || {};
           if (typeof s.disable == "boolean" ? s.disable : (S = s.disable) == null ? void 0 : S.icon)
             return;
           const c = {
@@ -1074,7 +1063,7 @@ const Fe = ({
           };
           h == null || h.setColumnsMap(c, "fixed");
         }
-      }, [(d = o.default) == null ? void 0 : d.call(o)])];
+      }, [(d = i.default) == null ? void 0 : d.call(i)])];
     }
   }) : null;
 }, Pn = ({
@@ -1082,12 +1071,12 @@ const Fe = ({
   title: a,
   className: t,
   fixed: l,
-  autoScroll: o
+  autoScroll: i
 }) => {
   var r;
   const {
-    cacheColumns: i
-  } = ce(), h = ((r = f(i).find((s) => s.uuid === e)) == null ? void 0 : r.key) || "", d = T(() => h === "action" && (o == null ? void 0 : o.value)), p = u("span", {
+    cacheColumns: o
+  } = ce(), h = ((r = f(o).find((s) => s.uuid === e)) == null ? void 0 : r.key) || "", d = T(() => h === "action" && (i == null ? void 0 : i.value)), b = u("span", {
     class: `${t}-list-item-option`
   }, [u(Fe, {
     treeKey: e,
@@ -1116,8 +1105,8 @@ const Fe = ({
     key: e
   }, [u("div", {
     class: `${t}-list-item-title`
-  }, [a]), p]);
-}, De = we({
+  }, [a]), b]);
+}, De = xe({
   props: {
     list: Array,
     keys: Array,
@@ -1131,90 +1120,90 @@ const Fe = ({
     }
   },
   setup(e) {
-    const a = N(Ne().uuid(15)), t = T(() => e.list && e.list.length > 0), l = N([]), o = N([]), {
-      cacheColumns: i,
+    const a = N(Ne().uuid(15)), t = T(() => e.list && e.list.length > 0), l = N([]), i = N([]), {
+      cacheColumns: o,
       slots: h,
       settingsAction: d
-    } = ce(), p = (y, S) => y.map(({
+    } = ce(), b = (y, S) => y.map(({
       key: g,
-      children: x,
+      children: w,
       uuid: F,
-      ...w
+      ...x
     }) => {
       var Y;
       const R = (d == null ? void 0 : d.columnsMap[g || "null"]) || {
         show: !0
       };
       let M = !1;
-      R.show !== !1 && (S == null ? void 0 : S.show) !== !1 && !x && (M = !0);
+      R.show !== !1 && (S == null ? void 0 : S.show) !== !1 && !w && (M = !0);
       const I = {
         key: F || "",
-        ...Mn(w, ["dataIndex"]),
+        ...Mn(x, ["dataIndex"]),
         checked: M,
         selectable: !1,
         disabled: R.disable === !0,
         disableCheckbox: typeof R.disable == "boolean" ? R.disable : (Y = R.disable) == null ? void 0 : Y.checkbox,
         isLeaf: !0
       };
-      return x && (I.children = p(x, R)), I;
+      return w && (I.children = b(w, R)), I;
     });
     oe(() => {
-      const y = p(e.list || []);
-      l.value = y, o.value = y.filter((S) => S.checked).map((S) => S.key), (d == null ? void 0 : d.operationType.value) === "fixed" && (a.value = Ne().uuid(15));
+      const y = b(e.list || []);
+      l.value = y, i.value = y.filter((S) => S.checked).map((S) => S.key), (d == null ? void 0 : d.operationType.value) === "fixed" && (a.value = Ne().uuid(15));
     });
     const r = ge((y, S, g) => {
       var X, n;
-      const x = ((X = f(i).find((v) => v.uuid === y)) == null ? void 0 : X.key) || "", F = ((n = f(i).find((v) => v.uuid === S)) == null ? void 0 : n.key) || "", w = {
+      const w = ((X = f(o).find((v) => v.uuid === y)) == null ? void 0 : X.key) || "", F = ((n = f(o).find((v) => v.uuid === S)) == null ? void 0 : n.key) || "", x = {
         ...d == null ? void 0 : d.columnsMap
-      }, R = [...d.sortKeyColumns.value], M = R.findIndex((v) => v === x), I = R.findIndex((v) => v === F), Y = g > M;
+      }, R = [...d.sortKeyColumns.value], M = R.findIndex((v) => v === w), I = R.findIndex((v) => v === F), Y = g > M;
       if (M < 0)
         return;
       const B = R[M];
       R.splice(M, 1), g === 0 ? R.unshift(B) : R.splice(Y ? I : I + 1, 0, B), R.forEach((v, D) => {
-        w[v] = {
-          ...w[v] || {},
+        x[v] = {
+          ...x[v] || {},
           order: D
         };
-      }), d == null || d.setColumnsMap(w, "drop"), d == null || d.setSortKeyColumns(R);
+      }), d == null || d.setColumnsMap(x, "drop"), d == null || d.setSortKeyColumns(R);
     }), s = ge((y) => {
       var R;
-      const S = y.node.key, g = ((R = f(i).find((M) => M.uuid === S)) == null ? void 0 : R.key) || "", F = {
+      const S = y.node.key, g = ((R = f(o).find((M) => M.uuid === S)) == null ? void 0 : R.key) || "", F = {
         ...(d == null ? void 0 : d.columnsMap[g]) || {}
       };
       F.show = y.checked;
-      const w = {
+      const x = {
         ...d == null ? void 0 : d.columnsMap,
         [g]: F
       };
-      d == null || d.setColumnsMap(w, "show");
+      d == null || d.setColumnsMap(x, "show");
     }), C = (y) => {
-      const S = f(i).find((g) => g.uuid === y.key);
+      const S = f(o).find((g) => g.uuid === y.key);
       return y.title || Pt(h, "headerCell", {
         title: S.title,
         column: S
       }, () => [S.title]);
     }, c = () => {
       var y, S;
-      return u(jt, {
+      return u(zt, {
         key: a.value,
         draggable: e.draggable && !!((y = l.value) != null && y.length) && ((S = l.value) == null ? void 0 : S.length) > 1,
         checkable: e.checkable,
         blockNode: !0,
         showLine: !1,
-        checkedKeys: o.value,
+        checkedKeys: i.value,
         height: 280,
         onDrop: (g) => {
-          const x = g.node.key, F = g.dragNode.key, {
-            dropPosition: w,
+          const w = g.node.key, F = g.dragNode.key, {
+            dropPosition: x,
             dropToGap: R
-          } = g, M = w === -1 || !R ? w + 1 : w;
-          r(F, x, M);
+          } = g, M = x === -1 || !R ? x + 1 : x;
+          r(F, w, M);
         },
-        onCheck: (g, x) => s(x),
+        onCheck: (g, w) => s(w),
         treeData: l.value
       }, {
         title: (g) => {
-          const x = {
+          const w = {
             ...g,
             children: void 0,
             title: C(g),
@@ -1222,8 +1211,8 @@ const Fe = ({
           };
           return u(Pn, _({
             className: e.className
-          }, x, {
-            treeKey: x.key
+          }, w, {
+            treeKey: w.key
           }), null);
         }
       });
@@ -1238,7 +1227,7 @@ const Fe = ({
   draggable: t,
   checkable: l
 }) => {
-  const o = [], i = [], h = [], d = [];
+  const i = [], o = [], h = [], d = [];
   e.forEach((s) => {
     if (s.hideInSetting)
       return;
@@ -1248,24 +1237,24 @@ const Fe = ({
       uuid: y
     } = s;
     if ((c || c === void 0) && y && d.push(y), C === "left") {
-      i.push(s);
+      o.push(s);
       return;
     }
     if (C === "right") {
-      o.push(s);
+      i.push(s);
       return;
     }
     h.push(s);
   });
-  const p = o && o.length > 0, r = i && i.length > 0;
+  const b = i && i.length > 0, r = o && o.length > 0;
   return u("div", {
     class: {
       [`${a}-list`]: !0,
-      [`${a}-list-group`]: p || r
+      [`${a}-list-group`]: b || r
     }
   }, [u(De, {
     title: "\u56FA\u5B9A\u5728\u5DE6\u4FA7",
-    list: i,
+    list: o,
     keys: d,
     draggable: t,
     checkable: l,
@@ -1276,11 +1265,11 @@ const Fe = ({
     draggable: t,
     checkable: l,
     title: "\u4E0D\u56FA\u5B9A",
-    showTitle: r || p,
+    showTitle: r || b,
     className: a
   }, null), u(De, {
     title: "\u56FA\u5B9A\u5728\u53F3\u4FA7",
-    list: o,
+    list: i,
     keys: d,
     draggable: t,
     checkable: l,
@@ -1295,35 +1284,35 @@ const Fe = ({
     isPor: !0
   }), {
     columns: l,
-    settingsAction: o
-  } = ce(), i = ge((c = !0) => {
+    settingsAction: i
+  } = ce(), o = ge((c = !0) => {
     const y = {}, S = (g) => {
       g.forEach(({
-        key: x,
+        key: w,
         fixed: F,
-        index: w,
+        index: x,
         children: R
       }) => {
-        const M = at(x, w);
+        const M = ut(w, x);
         M && (y[M] = {
           show: c,
           fixed: F
         }), R && S(R);
       });
     };
-    S(l.value), o == null || o.setColumnsMap(y, "show");
+    S(l.value), i == null || i.setColumnsMap(y, "show");
   }), h = ge((c) => {
-    c.target.checked ? i() : i(!1);
+    c.target.checked ? o() : o(!1);
   }), d = ge(() => {
-    o == null || o.setColumnsMap(o == null ? void 0 : o.cacheColumnsMap, "fixed");
-  }), p = T(() => Object.values(o == null ? void 0 : o.columnsMap).filter((c) => !c || c.show === !1)), r = T(() => f(p).length > 0 && f(p).length !== l.value.length);
-  return u(zt, {
+    i == null || i.setColumnsMap(i == null ? void 0 : i.cacheColumnsMap, "fixed");
+  }), b = T(() => Object.values(i == null ? void 0 : i.columnsMap).filter((c) => !c || c.show === !1)), r = T(() => f(b).length > 0 && f(b).length !== l.value.length);
+  return u(jt, {
     arrowPointAtCenter: !0,
     title: u("div", {
       class: `${t}-title`
     }, [u($t, {
       indeterminate: r.value,
-      checked: f(p).length === 0 && f(p).length !== l.value.length,
+      checked: f(b).length === 0 && f(b).length !== l.value.length,
       onChange: (c) => h(c)
     }, {
       default: () => [me("\u5217\u5C55\u793A")]
@@ -1349,7 +1338,7 @@ const Fe = ({
     default: () => [u(J, {
       title: "\u5217\u8BBE\u7F6E"
     }, {
-      default: () => [u(ot, null, null)]
+      default: () => [u(it, null, null)]
     })]
   });
 }, ct = () => {
@@ -1410,32 +1399,32 @@ function Ze(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !ye(e);
 }
 const {
-  useBreakpoint: jn
-} = je;
-function zn(e) {
+  useBreakpoint: zn
+} = ze;
+function jn(e) {
   if (ye(e))
     return e;
   if (e) {
     const a = e, {
       icon: t,
       tooltip: l,
-      onClick: o,
-      key: i
+      onClick: i,
+      key: o
     } = a;
     return t && l ? u(J, {
       title: l
     }, {
       default: () => [u("span", {
-        key: i,
+        key: o,
         onClick: () => {
-          o && o(i);
+          i && i(o);
         }
       }, [t])]
     }) : t;
   }
   return null;
 }
-const dt = we({
+const dt = xe({
   props: {
     actions: ne.toolBarBtn,
     settings: [Array],
@@ -1446,13 +1435,13 @@ const dt = we({
     optionsExtra: ne.optionsExtra
   },
   setup(e) {
-    const a = jn(), t = T(() => {
+    const a = zn(), t = T(() => {
       var r;
       return !!(e.titleTip || e.headerTitle || ((r = e.actions) == null ? void 0 : r.length));
     }), l = T(() => {
       var r;
       return !!(((r = e.settings) == null ? void 0 : r.length) || e.optionsExtra);
-    }), o = T(() => !!(e.titleTip || e.headerTitle)), i = Se(() => {
+    }), i = T(() => !!(e.titleTip || e.headerTitle)), o = Se(() => {
       var s;
       let r;
       return Array.isArray(e.actions) ? ((s = e.actions) == null ? void 0 : s.length) < 1 ? null : u(te, {
@@ -1467,7 +1456,7 @@ const dt = we({
       }) : e.actions;
     }), h = Se(() => !t.value && l.value ? u("div", {
       class: `${e.prefixCls}-left`
-    }, null) : o.value ? u(te, {
+    }, null) : i.value ? u(te, {
       class: `${e.prefixCls}-left`
     }, {
       default: () => [u("div", {
@@ -1476,15 +1465,15 @@ const dt = we({
         title: e.titleTipText
       }, {
         default: () => [re(e.titleTip) && e.titleTip ? u(un, null, null) : e.titleTip]
-      })]), i.value && u("div", {
+      })]), o.value && u("div", {
         class: `${e.prefixCls}-actions`
-      }, [i.value])]
+      }, [o.value])]
     }) : u(te, {
       class: `${e.prefixCls}-left`
     }, {
-      default: () => [i.value && u("div", {
+      default: () => [o.value && u("div", {
         class: `${e.prefixCls}-actions`
-      }, [i.value])]
+      }, [o.value])]
     })), d = Se(() => {
       let r;
       return l.value ? u(te, {
@@ -1500,7 +1489,7 @@ const dt = we({
             align: "center",
             class: `${e.prefixCls}-setting-items`
           }, Ze(r = e.settings.map((C, c) => {
-            const y = zn(C);
+            const y = jn(C);
             return u("div", {
               key: c,
               class: `${e.prefixCls}-setting-item`
@@ -1510,7 +1499,7 @@ const dt = we({
           }) : null];
         }
       }) : null;
-    }), p = Se(() => {
+    }), b = Se(() => {
       if (!l.value && !t.value)
         return null;
       const r = {
@@ -1523,7 +1512,7 @@ const dt = we({
     });
     return () => u("div", {
       class: `${e.prefixCls}`
-    }, [p.value]);
+    }, [b.value]);
   }
 });
 dt.inheritAttrs = !1;
@@ -1539,7 +1528,7 @@ function $n() {
     },
     setting: {
       text: "\u5217\u8BBE\u7F6E",
-      icon: u(ot, null, null)
+      icon: u(it, null, null)
     },
     fullScreen: {
       text: "\u5168\u5C4F",
@@ -1552,8 +1541,8 @@ function Yn(e, a) {
     const l = e[t];
     if (!l)
       return null;
-    let o = l === !0 ? a[t] : () => l == null ? void 0 : l();
-    if (typeof o != "function" && (o = () => {
+    let i = l === !0 ? a[t] : () => l == null ? void 0 : l();
+    if (typeof i != "function" && (i = () => {
     }), t === "setting")
       return u(Nn, _(e[t], {
         key: t
@@ -1561,16 +1550,16 @@ function Yn(e, a) {
     if (t === "fullScreen")
       return u("span", {
         key: t,
-        onClick: o
+        onClick: i
       }, [u(ct, null, null)]);
-    const i = $n()[t];
-    return i ? u("span", {
+    const o = $n()[t];
+    return o ? u("span", {
       key: t,
-      onClick: o
+      onClick: i
     }, [u(J, {
-      title: i.text
+      title: o.text
     }, {
-      default: () => [i.icon]
+      default: () => [o.icon]
     })]) : null;
   }).filter((t) => t);
 }
@@ -1579,27 +1568,27 @@ function Bn({
   headerTitle: a,
   titleTip: t,
   titleTipText: l,
-  options: o,
-  optionsExtra: i,
+  options: i,
+  optionsExtra: o,
   settingExtra: h
 }) {
   const d = $e({
     suffixCls: "table-list-toolbar",
     isPor: !0
   }), {
-    action: p
+    action: b
   } = ce(), r = T(() => {
     const C = {
-      reload: () => p == null ? void 0 : p.reload(),
+      reload: () => b == null ? void 0 : b.reload(),
       density: !0,
       setting: !0,
-      fullScreen: () => p == null ? void 0 : p.toggle()
+      fullScreen: () => b == null ? void 0 : b.toggle()
     };
-    if (!Object.keys(o || {}).length)
+    if (!Object.keys(i || {}).length)
       return [];
     const c = {
       ...C,
-      ...o
+      ...i
     };
     return c.setting !== !1 && h && (c.setting = {}, c.setting.extra = h), Yn(c, {
       ...C
@@ -1608,7 +1597,7 @@ function Bn({
   return u(dt, {
     prefixCls: d,
     actions: e || [],
-    optionsExtra: i,
+    optionsExtra: o,
     headerTitle: a,
     settings: f(r),
     titleTip: t,
@@ -1632,9 +1621,9 @@ function Hn(e, a, t) {
   if (!a)
     return e;
   let l = e;
-  if (ze(a)) {
-    const o = a.node === "a" ? "span" : a.node;
-    return u(o, _(a.attr, {
+  if (je(a)) {
+    const i = a.node === "a" ? "span" : a.node;
+    return u(i, _(a.attr, {
       class: [a.class, a.node === "a" ? `${t}-a` : ""],
       onClick: a.click
     }), Vn(e) ? e : {
@@ -1660,14 +1649,14 @@ function Hn(e, a, t) {
   return l;
 }
 const {
-  useBreakpoint: Wn
-} = je, An = {
+  useBreakpoint: An
+} = ze, Wn = {
   reload: !0,
   density: !0,
   setting: !0,
   fullScreen: !0
-}, Oe = we({
-  name: "ProTable",
+}, Oe = xe({
+  name: "GProTable",
   props: ne,
   emits: ["reset", "reload", "submit", "sizeChange", "expandedRowsChange", "expand", "change", "requestError", "beforeSearchSubmit", "columnsStateChange", "loadingChange"],
   slots: ["customize", "search", "toolBarBtn", "headerTitle", "titleTip", "optionsExtra"],
@@ -1675,17 +1664,17 @@ const {
     emit: a,
     slots: t,
     attrs: l,
-    expose: o
+    expose: i
   }) {
-    const i = $e({
+    const o = $e({
       suffixCls: "table",
       isPor: !0
-    }), h = Wn(), d = N(window.innerWidth), p = N(), r = N(), s = N(e.waitRequest);
+    }), h = An(), d = N(window.innerWidth), b = N(), r = N(), s = N(e.waitRequest);
     oe(() => s.value = e.waitRequest);
     const {
       toggle: C,
       isFullscreen: c
-    } = nt(p), y = T(() => ({
+    } = nt(b), y = T(() => ({
       ...e
     })), S = T(() => {
       var m, k;
@@ -1697,33 +1686,33 @@ const {
         align: k.align || e.align,
         uuid: Ne().uuid(15)
       }));
-      return Ut(m, {
+      return Gt(m, {
         align: e.align,
         showIndex: e.showIndex
       });
     }), {
-      getLoading: x,
+      getLoading: w,
       setLoading: F
     } = cn({
       emit: a,
-      loading: G(e, "loading")
+      loading: U(e, "loading")
     }), {
-      sizeRef: w,
+      sizeRef: x,
       setTableSize: R
     } = dn({
       emit: a,
-      size: G(e, "size")
+      size: U(e, "size")
     }), {
       getPaginationInfo: M,
       setPagination: I
     } = fn({
       slots: t,
       props: y,
-      pagination: G(e, "pagination")
-    }), Y = xn(e), {
+      pagination: U(e, "pagination")
+    }), Y = wn(e), {
       getScrollRef: B,
       breakpoint: X
-    } = wn({
+    } = xn({
       ...Y,
       innerWidth: d,
       columns: g,
@@ -1732,7 +1721,7 @@ const {
       getProColumns: v,
       cacheProColumns: D,
       setColumns: O,
-      changeColumns: b,
+      changeColumns: p,
       resizeColumnWidth: L
     } = Sn({
       ...n,
@@ -1742,32 +1731,32 @@ const {
     }), {
       columnsMap: Te,
       operationType: P,
-      setColumnsMap: j,
+      setColumnsMap: z,
       sortKeyColumns: K,
       cacheColumnsMap: le,
       setSortKeyColumns: de
-    } = pn({
+    } = bn({
       columns: D,
-      columnsState: G(e, "columnsState"),
-      changeColumns: b
+      columnsState: U(e, "columnsState"),
+      changeColumns: p
     }), {
-      formDataRef: be,
+      formDataRef: pe,
       formParamsRef: fe,
-      defaultParamsRef: pe,
+      defaultParamsRef: be,
       setFormParams: Q
-    } = bn({
-      search: G(e, "search"),
-      searchMap: G(e, "searchMap"),
-      params: G(e, "params"),
+    } = pn({
+      search: U(e, "search"),
+      searchMap: U(e, "searchMap"),
+      params: U(e, "params"),
       columns: g
     }), {
       selectedKey: Ye,
       changeRowKey: he,
       selectRowKey: q,
       selectAllRowKey: ie,
-      syncSelectedRows: z,
+      syncSelectedRows: j,
       removeRowKeys: ae
-    } = hn(G(e, "rowKey"), G(e, "rowSelection")), W = mn(e), {
+    } = hn(U(e, "rowKey"), U(e, "rowSelection")), A = mn(e), {
       reload: Re,
       reSetDataList: ft,
       changeDataValue: ht,
@@ -1775,22 +1764,22 @@ const {
       getDataSourceRef: Ke,
       handleTableChange: Le
     } = gn({
-      ...W,
+      ...A,
       waitRequest: s
     }, {
-      getLoading: x,
+      getLoading: w,
       getPaginationInfo: M,
       setPagination: I,
       removeRowKeys: ae,
-      syncSelectedRows: z,
+      syncSelectedRows: j,
       setLoading: F,
       setColumns: O,
       columns: v,
       formParamsRef: fe,
       onBeforeSearchSubmit: e.onBeforeSearchSubmit
     }, a), vt = T(() => e.options ? {
-      ...An,
-      ...H(ze(e.options) ? e.options : {})
+      ...Wn,
+      ...H(je(e.options) ? e.options : {})
     } : {});
     tt(() => {
       window.addEventListener("resize", Ve);
@@ -1805,26 +1794,26 @@ const {
         ...l,
         ...e,
         virtualScroll: S.value,
-        size: f(w),
+        size: f(x),
         scroll: f(B),
-        loading: !!f(x),
+        loading: !!f(w),
         columns: ke(f(v).filter((E) => E.show || E.show === void 0)),
         pagination: ke(f(M)),
         dataSource: m
       };
-      return k = Ue(k, ["class", "onChange", "onExpand", "onExpandedRowsChange"]), k;
+      return k = Ge(k, ["class", "onChange", "onExpand", "onExpandedRowsChange"]), k;
     }), mt = T(() => {
       var m;
       return [{
-        [`${i}`]: !0,
+        [`${o}`]: !0,
         [`${l.class}`]: l.class,
-        [`${i}-no-scroll`]: !Object.keys(((m = He.value) == null ? void 0 : m.scroll) || {}).length,
-        [`${i}-table-tree`]: Be.value,
-        [`${i}-full-screen`]: c.value
+        [`${o}-no-scroll`]: !Object.keys(((m = He.value) == null ? void 0 : m.scroll) || {}).length,
+        [`${o}-table-tree`]: Be.value,
+        [`${o}-full-screen`]: c.value
       }];
     });
     Rn({
-      tableSize: w,
+      tableSize: x,
       columns: v,
       cacheColumns: g,
       action: {
@@ -1833,18 +1822,18 @@ const {
         toggle: C
       },
       settingsAction: {
-        autoScroll: G(e, "autoScroll"),
+        autoScroll: U(e, "autoScroll"),
         columnsMap: Te,
         operationType: P,
-        setColumnsMap: j,
+        setColumnsMap: z,
         sortKeyColumns: K,
         cacheColumnsMap: le,
         setSortKeyColumns: de
       },
       setPagination: I,
-      changeColumns: b,
+      changeColumns: p,
       slots: t
-    }), o({
+    }), i({
       formRef: () => ({
         formParams: fe,
         getFormState: () => {
@@ -1858,7 +1847,7 @@ const {
       }),
       actionRef: () => ({
         pageParams: M.value,
-        getLoadingStatus: x.value,
+        getLoadingStatus: w.value,
         reload: Re,
         reloadAndRest: async (m) => {
           s.value = !0, I({
@@ -1875,29 +1864,29 @@ const {
     const gt = (m) => {
       const k = {};
       return Object.keys(m).map((E) => (Ln.includes(E) || (k[E] = m[E]), E)), k;
-    }, We = T(() => {
+    }, Ae = T(() => {
       var Z;
       let m;
       const k = f(y).direction === "rtl" ? "bottomLeft" : "right", E = (Z = f(M)) == null ? void 0 : Z.position;
       if (E !== null && Array.isArray(E)) {
-        const se = E.find((ee) => ee.indexOf("top") !== -1), $ = E.find((ee) => ee.indexOf("bottom") !== -1), A = E.every((ee) => `${ee}` == "none");
-        !se && !$ && !A && (m = k), se && (m = se.toLowerCase().replace("top", "")), $ && (m = $.toLowerCase().replace("bottom", ""));
+        const se = E.find((ee) => ee.indexOf("top") !== -1), $ = E.find((ee) => ee.indexOf("bottom") !== -1), W = E.every((ee) => `${ee}` == "none");
+        !se && !$ && !W && (m = k), se && (m = se.toLowerCase().replace("top", "")), $ && (m = $.toLowerCase().replace("bottom", ""));
       } else
         m = k;
       return m;
-    }), Ae = async (m) => {
+    }), We = async (m) => {
       e.search.showSearch ? (Q({
         ...m,
         ...e.params || {}
       }), await Re()) : Q(m);
     }, yt = async (m, k) => {
-      k ? (a("reset", m), e.request && await Ae(m)) : e.request ? (a("submit", m), await Ae(m)) : a("submit", m);
+      k ? (a("reset", m), e.request && await We(m)) : e.request ? (a("submit", m), await We(m)) : a("submit", m);
     }, _e = (m, k = {}, E = {}) => {
       I({
         current: m.current,
         pageSize: m.pageSize
       }), Le(m, k, E);
-    }, bt = (m, k) => {
+    }, pt = (m, k) => {
       var E;
       I({
         current: m,
@@ -1907,14 +1896,14 @@ const {
         pageSize: k,
         total: M.value && ((E = M.value) == null ? void 0 : E.total) || 0
       }, {}, {});
-    }, pt = (m) => {
+    }, bt = (m) => {
       a("expandedRowsChange", m);
     }, Ct = (m, k) => {
       a("expand", m, k);
-    }, St = (m, k) => L(m, k), xt = (m, k, E) => {
+    }, St = (m, k) => L(m, k), wt = (m, k, E) => {
       const Z = E.align === "center" ? "top" : E.align === "left" || !E.align ? "topLeft" : "topRight";
       return k && E.copyable ? u(Lt.Paragraph, {
-        class: `${i}-copyable`,
+        class: `${o}-copyable`,
         style: {
           margin: "0",
           width: "100%",
@@ -1927,7 +1916,7 @@ const {
           placement: Z
         }, {
           default: () => [u("div", {
-            class: `${i}-ellipsis`
+            class: `${o}-ellipsis`
           }, [m])]
         })]
       }) : k && !E.copyable ? u(J, {
@@ -1935,11 +1924,11 @@ const {
         placement: Z
       }, {
         default: () => [Be.value ? m : u("div", {
-          class: `${i}-ellipsis`
+          class: `${o}-ellipsis`
         }, [m])]
       }) : m;
-    }, wt = () => {
-      const m = it(t, e, "customize");
+    }, xt = () => {
+      const m = at(t, e, "customize");
       return m ? m(Ke.value) : null;
     }, Tt = (m, k, E) => u(Kn, {
       headerTitle: m,
@@ -1954,34 +1943,34 @@ const {
       var Z, se;
       const m = ve(t, e, "headerTitle"), k = ve(t, e, "titleTip"), E = ve(t, e, "toolBarBtn");
       return u("div", {
-        ref: ($) => p.value = $,
+        ref: ($) => b.value = $,
         class: mt.value
       }, [u("div", {
         class: "gx-pro-table-content"
-      }, [(!!be.value.length || !!((Z = t.search) != null && Z.call(t))) && u(rt, {
+      }, [(!!pe.value.length || !!((Z = t.search) != null && Z.call(t))) && u(rt, {
         ref: r,
         search: e.search,
         modal: e.modalScroll,
-        searchMap: be.value,
-        prefixCls: i,
-        loading: !!f(x),
+        searchMap: pe.value,
+        prefixCls: o,
+        loading: !!f(w),
         onSearch: yt,
-        defaultParams: pe
+        defaultParams: be
       }, {
         default: t.search ? () => {
           var $;
           return ($ = t.search) == null ? void 0 : $.call(t);
         } : null
       }), !S.value && Tt(m, E, k), ((se = e.customize) != null ? se : t.customize) ? u(Pe, {
-        spinning: !!f(x)
+        spinning: !!f(w)
       }, {
-        default: () => [wt(), u(Bt, _({
+        default: () => [xt(), u(Bt, _({
           class: {
             ["ant-table-pagination"]: !0,
-            [`ant-table-pagination-${We.value}`]: We.value
+            [`ant-table-pagination-${Ae.value}`]: Ae.value
           }
         }, ke(f(M)), {
-          onChange: bt
+          onChange: pt
         }), null)]
       }) : u(Kt, _(He.value, {
         style: e.tableStyle || void 0,
@@ -1989,7 +1978,7 @@ const {
         rowKey: ($) => $[e.rowKey || "sortIndex"],
         transformCellText: ({
           text: $,
-          column: A
+          column: W
         }) => {
           const ee = Ee($) ? $ == null ? void 0 : $[0] : $;
           if (ye(ee))
@@ -1997,18 +1986,18 @@ const {
           const {
             value: Rt,
             success: kt
-          } = Gt(ee, (A == null ? void 0 : A.columnEmptyText) || (e == null ? void 0 : e.columnEmptyText)), qe = Hn(Rt, A == null ? void 0 : A.valueType, i);
-          return A != null && A.ellipsis ? xt(qe, kt, A) : qe;
+          } = Ut(ee, (W == null ? void 0 : W.columnEmptyText) || (e == null ? void 0 : e.columnEmptyText)), qe = Hn(Rt, W == null ? void 0 : W.valueType, o);
+          return W != null && W.ellipsis ? wt(qe, kt, W) : qe;
         },
         rowSelection: e.rowSelection ? {
-          ...Ue(e.rowSelection, ["onSelect", "onSelectAll", "onChange", "selectedRowKeys"]),
+          ...Ge(e.rowSelection, ["onSelect", "onSelectAll", "onChange", "selectedRowKeys"]),
           selectedRowKeys: Ye.value,
           onSelect: q,
           onSelectAll: ie,
           onChange: he
         } : void 0,
         onChange: _e,
-        onExpandedRowsChange: pt,
+        onExpandedRowsChange: bt,
         onExpand: Ct,
         onResizeColumn: St
       }), {
@@ -2019,7 +2008,7 @@ const {
 });
 Oe.install = (e) => (e.component(Oe.name, Oe), e);
 export {
-  Oe as ProTable,
+  Oe as GProTable,
   Oe as default,
   ne as proTableProps
 };