@aplus-frontend/ui 0.1.37 → 0.1.39

package/es/src/ap-descriptions/formatter/index.mjs

@@ -1,9 +1,9 @@
 import { createVNode as l } from "vue";
 import { getTimeFormatToZone as g } from "@aplus-frontend/utils";
-import { merge as p, get as f } from "lodash-unified";
+import { merge as p, get as f, debounce as Y } from "lodash-unified";
 import { formatString as h } from "./utils.mjs";
-import { toDecimalMark as Y } from "@fruits-chain/utils";
-function A(t) {
+import { toDecimalMark as A } from "@fruits-chain/utils";
+function b(t) {
   return t.value;
 }
 function M({
@@ -37,9 +37,9 @@ function y({
     fieldList: n,
     templateString: o = "{0}",
     formatter: m
-  } = e, s = (n == null ? void 0 : n.map((a, i) => {
-    const c = f(r, a);
-    return m ? m(c, i) : c;
+  } = e, s = (n == null ? void 0 : n.map((a, c) => {
+    const i = f(r, a);
+    return m ? m(i, c) : i;
   })) || [];
   return s.length === 0 && s.push(t), h(o, s);
 }
@@ -59,18 +59,18 @@ function S({
   }, {
     fieldList: n,
     templateString: `{0} ${m} {1}`,
-    formatter(i, c) {
+    formatter(c, i) {
       return u({
-        value: i,
+        value: c,
         record: r
       }, {
-        format: a[c],
+        format: a[i],
         zoneAlias: s
       });
     }
   });
 }
-function b({
+function D({
   record: t
 }, r) {
   const {
@@ -79,16 +79,16 @@ function b({
     style: o,
     downloadFile: m,
     className: s
-  } = r, a = f(t, n), i = f(t, e);
+  } = r, a = f(t, n), c = f(t, e), i = Y(() => {
+    m == null || m(c, a);
+  }, 500);
   return l("span", {
     style: o,
     class: [s, "ap-descriptions-item-content__link "],
-    onClick: () => {
-      m == null || m(i, a);
-    }
+    onClick: i
   }, [a]);
 }
-function k({
+function j({
   value: t
 }, r) {
   const {
@@ -97,7 +97,7 @@ function k({
   } = r;
   let o = "";
   try {
-    o = Y(t, n);
+    o = A(t, n);
   } catch {
     o = t;
   }
@@ -106,22 +106,22 @@ function k({
     class: "ap-descriptions-item-content__number"
   }, [o]);
 }
-const z = {
-  text: A,
+const L = {
+  text: b,
   array: M,
   date: u,
   dateRange: S,
   template: y,
-  number: k,
-  attachment: b
+  number: j,
+  attachment: D
 };
 export {
   M as array,
-  b as attachment,
+  D as attachment,
   u as date,
   S as dateRange,
-  z as formatterMap,
-  k as number,
+  L as formatterMap,
+  j as number,
   y as template,
-  A as text
+  b as text
 };

package/es/src/ap-form/interface.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, ColProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
+import { ButtonProps, ColProps, DrawerProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
 import { FormItemExpose } from 'ant-design-vue/es/form/FormItem';
 import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
 import { Recordable } from '../type';
@@ -149,6 +149,34 @@ export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
     onFinish?: (values: any) => Promise<boolean>;
     submitter?: false | ApFormSubmitterConfig;
     showCancel?: boolean;
+    /**
+     * 提交超时时间
+     */
+    submitTimeout?: number;
+};
+export type CustomizeResizeType = {
+    onResize?: () => void;
+    maxWidth?: DrawerProps['width'];
+    minWidth?: DrawerProps['width'];
+    resizeOnOpen?: boolean;
+};
+export type ApFormDrawerFormProps = Omit<ApFormProps, 'onFinish'> & {
+    open?: boolean;
+    'onUpdate:open'?: (open: boolean) => void;
+    drawerProps?: Omit<DrawerProps, 'open' | 'onUpdate:open'>;
+    title?: DrawerProps['title'];
+    width?: DrawerProps['width'];
+    onFinish?: (values: any) => Promise<boolean>;
+    submitter?: false | ApFormSubmitterConfig;
+    showCancel?: boolean;
+    /**
+     * 提交超时时间
+     */
+    submitTimeout?: number;
+    /**
+     * 可拖动改变drawer的尺寸
+     */
+    resize?: CustomizeResizeType | boolean;
 };
 export type ApFormModalFormExpose = ApFormExpose;
 /**

package/es/src/ap-form/modal-form/index.vue.mjs

@@ -1,21 +1,21 @@
-import { isVNode as $, defineComponent as q, useSlots as D, ref as h, watch as L, cloneVNode as A, computed as G, createVNode as u, mergeProps as p, unref as n, openBlock as F, createElementBlock as I, Fragment as W, withCtx as y, renderSlot as x, createTextVNode as H, toDisplayString as J, createElementVNode as K, normalizeClass as Q, createBlock as T, resolveDynamicComponent as N, createCommentVNode as X } from "vue";
-import { Button as V, Flex as Y, Space as Z, Modal as ee } from "ant-design-vue";
+import { isVNode as q, defineComponent as D, useSlots as L, ref as h, watch as A, cloneVNode as G, computed as I, createVNode as u, mergeProps as p, unref as n, openBlock as F, createElementBlock as W, Fragment as H, withCtx as y, renderSlot as w, createTextVNode as J, toDisplayString as K, createElementVNode as Q, normalizeClass as X, createBlock as x, resolveDynamicComponent as N, createCommentVNode as Y } from "vue";
+import { Button as V, Flex as Z, Space as ee, Modal as te } from "ant-design-vue";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
-import { getSingleVNode as te } from "../../utils/slot.mjs";
+import { getSingleVNode as le } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { omit as le } from "lodash-unified";
+import { omit as ae } from "lodash-unified";
 import "../style/modal-form.css";
-import { convertReactiveToRaw as ae } from "../../utils/index.mjs";
-import { useControllableValue as oe } from "../../hooks/useControllableValue.mjs";
+import { convertReactiveToRaw as oe } from "../../utils/index.mjs";
+import { useControllableValue as ie } from "../../hooks/useControllableValue.mjs";
 import { useLocale as ne } from "../../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as ie } from "../../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as se } from "../../config-provider/hooks/use-namespace.mjs";
-import re from "../ap-form.vue2.mjs";
+import { useGlobalConfig as se } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as re } from "../../config-provider/hooks/use-namespace.mjs";
+import ue from "../ap-form.vue2.mjs";
 function P(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !$(d);
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !q(d);
 }
-const Re = /* @__PURE__ */ q({
+const je = /* @__PURE__ */ D({
   __name: "index",
   props: {
     layout: {
@@ -82,72 +82,73 @@ const Re = /* @__PURE__ */ q({
     showCancel: {
       type: Boolean,
       default: !0
-    }
+    },
+    submitTimeout: {}
   },
   emits: ["update:open"],
   setup(d, {
     expose: S,
     emit: _
   }) {
-    const a = d, b = D(), R = _, o = h(), c = h(), r = h(!1), {
+    const a = d, b = L(), R = _, o = h(), c = h(), s = h(!1), {
       value: M,
       updateValue: m
-    } = oe(a, R, {
+    } = ie(a, R, {
       valuePropName: "open",
       defaultValue: !1
     }), {
       t: v
-    } = ne(), g = ie("uiMode", "aplus"), {
+    } = ne(), g = se("uiMode", "aplus"), {
       b: j,
       e: C
-    } = se("ap-form-modal-form");
-    L(() => o.value, (e) => {
+    } = re("ap-form-modal-form");
+    A(() => o.value, (e) => {
       var t;
       e && c.value && ((t = e.setFieldsValue) == null || t.call(e, c.value), c.value = void 0);
     });
-    const B = te(b.trigger), k = B ? A(B, {
+    const B = le(b.trigger), T = B ? G(B, {
       onClick: () => {
         m(!0);
       }
-    }) : null, O = G(() => {
-      var t, l, s, f;
+    }) : null, O = I(() => {
+      var t, l, r, f;
       const e = [];
       if (a.submitter === !1)
         return null;
       if (a.showCancel) {
         let i;
         e.push(u(V, {
-          onClick: w,
-          disabled: r.value
+          onClick: k,
+          disabled: s.value
         }, P(i = v("ap.common.cancelText")) ? i : {
           default: () => [i]
         }));
       }
       return ((t = a.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(u(V, p(((l = a.submitter) == null ? void 0 : l.resetButtonProps) || {}, {
         key: "submit",
-        disabled: r.value,
+        disabled: s.value,
         onClick: z
       }), {
         default: () => {
           var i;
           return [((i = a.submitter) == null ? void 0 : i.resetText) || v("ap.common.resetText")];
         }
-      })), ((s = a.submitter) == null ? void 0 : s.submitButtonProps) !== !1 && e.push(u(V, p({
+      })), ((r = a.submitter) == null ? void 0 : r.submitButtonProps) !== !1 && e.push(u(V, p({
         type: "primary",
         key: "submit"
       }, ((f = a.submitter) == null ? void 0 : f.submitButtonProps) || {}, {
-        loading: r.value,
+        loading: s.value,
         onClick: E
       }), {
         default: () => {
           var i;
           return [((i = a.submitter) == null ? void 0 : i.submitText) || v("ap.common.okText")];
         }
-      })), u(Y, {
+      })), u(Z, {
         justify: "flex-end",
         class: C(n(g) === "admin" ? "footer-admin" : "footer")
       }, {
-        default: () => [b.submitter ? b.submitter(e) : u(Z, null, P(e) ? e : {
+        default: () => [b.submitter ? b.submitter(e) : u(ee, null, P(e) ? e : {
           default: () => [e]
         })]
       });
@@ -157,20 +158,28 @@ const Re = /* @__PURE__ */ q({
       a.submitter !== !1 && ((e = o.value) == null || e.resetFields(), (l = (t = a.submitter) == null ? void 0 : t.onReset) == null || l.call(t));
     }
     async function E() {
-      var e, t, l, s;
+      var e, t, l, r;
       if (a.submitter !== !1)
         try {
           const f = await ((e = o.value) == null ? void 0 : e.validateFields());
-          (l = (t = a.submitter) == null ? void 0 : t.onSubmit) == null || l.call(t), r.value = !0, await ((s = a.onFinish) == null ? void 0 : s.call(a, ae(f))) && m(!1);
+          (l = (t = a.submitter) == null ? void 0 : t.onSubmit) == null || l.call(t), s.value = !0;
+          const i = (r = a.onFinish) == null ? void 0 : r.call(a, oe(f));
+          if (a.submitTimeout && i instanceof Promise) {
+            const $ = setTimeout(() => s.value = !1, a.submitTimeout);
+            i.finally(() => {
+              clearTimeout($), s.value = !1;
+            });
+          }
+          await i && m(!1);
         } finally {
-          r.value = !1;
+          s.value = !1;
         }
     }
-    function w() {
-      n(r) || m(!1);
+    function k() {
+      n(s) || m(!1);
     }
     function U(e) {
-      !e && n(r) || m(e);
+      !e && n(s) || m(e);
     }
     return S({
       resetFields: () => {
@@ -198,8 +207,8 @@ const Re = /* @__PURE__ */ q({
         (l = o.value) == null || l.scrollToField(e, t);
       },
       setFieldValue: (e, t) => {
-        var l, s;
-        (s = (l = o.value) == null ? void 0 : l.setFieldValue) == null || s.call(l, e, t);
+        var l, r;
+        (r = (l = o.value) == null ? void 0 : l.setFieldValue) == null || r.call(l, e, t);
       },
       setFieldsValue: (e) => {
         var t, l;
@@ -213,10 +222,10 @@ const Re = /* @__PURE__ */ q({
         var t;
         return (t = o.value) == null ? void 0 : t.getInternalInstance(e);
       }
-    }), (e, t) => (F(), I(W, null, [u(n(ee), p(e.modalProps, {
+    }), (e, t) => (F(), W(H, null, [u(n(te), p(e.modalProps, {
       open: n(M),
       "onUpdate:open": U,
-      onCancel: w,
+      onCancel: k,
       footer: null,
       width: e.width,
       class: n(j)(),
@@ -226,22 +235,22 @@ const Re = /* @__PURE__ */ q({
         // 使用ModalForm你可能无法再自定义body的样式
       }
     }), {
-      title: y(() => [x(e.$slots, "title", {}, () => [H(J(a.title), 1)])]),
-      default: y(() => [K("div", {
-        class: Q(n(C)(n(g) === "admin" ? "content-admin" : "content"))
-      }, [u(re, p({
+      title: y(() => [w(e.$slots, "title", {}, () => [J(K(a.title), 1)])]),
+      default: y(() => [Q("div", {
+        class: X(n(C)(n(g) === "admin" ? "content-admin" : "content"))
+      }, [u(ue, p({
         ref_key: "formRef",
         ref: o
-      }, n(le)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: y(() => [x(e.$slots, "default")]),
+      }, n(ae)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: y(() => [w(e.$slots, "default")]),
         _: 3
-      }, 16)], 2), (F(), T(N(O.value)))]),
+      }, 16)], 2), (F(), x(N(O.value)))]),
       _: 3
-    }, 16, ["open", "width", "class", "body-style"]), n(k) ? (F(), T(N(n(k)), {
+    }, 16, ["open", "width", "class", "body-style"]), n(T) ? (F(), x(N(n(T)), {
       key: 0
-    })) : X("", !0)], 64));
+    })) : Y("", !0)], 64));
   }
 });
 export {
-  Re as default
+  je as default
 };

package/es/src/ap-form/style/drawer-form.css

@@ -0,0 +1,10 @@
+.aplus-ap-form-drawer-form__resize-bar {
+  width: 4px;
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  background-color: transparent;
+}

package/es/src/ap-table/ap-table.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, useSlots as Te, ref as P, computed as s, unref as r, createVNode as p, Fragment as U, watchEffect as Fe, watch as G, openBlock as f, createElementBlock as T, normalizeClass as m, normalizeStyle as M, mergeProps as h, createSlots as J, withCtx as w, renderList as Q, createBlock as X, resolveDynamicComponent as Be, renderSlot as b, createCommentVNode as Y, createElementVNode as I, h as xe, normalizeProps as ke, guardReactiveProps as ze } from "vue";
+import { defineComponent as Ce, useSlots as Te, ref as P, computed as s, unref as t, createVNode as f, Fragment as U, watchEffect as Fe, watch as G, openBlock as m, createElementBlock as T, normalizeClass as c, normalizeStyle as M, mergeProps as h, createSlots as J, withCtx as w, renderList as Q, createBlock as X, resolveDynamicComponent as Be, renderSlot as b, createCommentVNode as Y, createElementVNode as I, h as xe, normalizeProps as ke, guardReactiveProps as ze } from "vue";
 import { Typography as Pe, Divider as Ie, Button as Ne, Table as Le } from "ant-design-vue";
 import { useToken as Ee } from "ant-design-vue/es/theme/internal";
 import { ApForm as Ke } from "../ap-form/index.mjs";
@@ -170,16 +170,16 @@ const Fa = /* @__PURE__ */ Ce({
       }
     });
     const se = () => {
-      var t;
-      let e = ((t = a.columns) == null ? void 0 : t.filter((l) => !l.hideInTable)) || [];
+      var r;
+      let e = ((r = a.columns) == null ? void 0 : r.filter((l) => !l.hideInTable)) || [];
       function o(l, d) {
         return l.map((n) => ({
           resizable: Ye(n.resizable) ? n.resizable : a.columnResizable,
           ..._(je(n), ["ellipsis"]),
           fixed: d ? d.fixed : n.fixed,
-          title: Ae(n, L("table-header", "title"), S.headerCell, r(te).colorPrimary),
+          title: Ae(n, L("table-header", "title"), S.headerCell, t(te).colorPrimary),
           customRender({
-            value: c,
+            value: p,
             ...y
           }) {
             var H, q;
@@ -187,18 +187,18 @@ const Fa = /* @__PURE__ */ Ce({
               ...n,
               valueType: $
             }, {
-              value: c,
+              value: p,
               ...y
-            }), Re = De($, Se, y.record, r(E)), D = ((H = n.renderText) == null ? void 0 : H.call(n, {
-              value: c,
+            }), Re = De($, Se, y.record, t(E)), D = ((H = n.renderText) == null ? void 0 : H.call(n, {
+              value: p,
               ...y
-            })) || c, ve = n.renderText ? p(U, null, [(q = n.renderText) == null ? void 0 : q.call(n, {
-              value: c,
+            })) || p, ve = n.renderText ? f(U, null, [(q = n.renderText) == null ? void 0 : q.call(n, {
+              value: p,
               ...y
             })]) : Re;
             let z = ye(n, D, ve);
             return n.customRender && (z = n.customRender({
-              value: c,
+              value: p,
               ...y,
               column: n,
               originalNode: z,
@@ -215,11 +215,11 @@ const Fa = /* @__PURE__ */ Ce({
       u.value = e, K.value = e;
     });
     const O = s(() => {
-      var e, o, t;
-      return N++, ((t = (o = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Z.includes(l.valueType))) == null ? void 0 : o.sort((l, d) => {
+      var e, o, r;
+      return N++, ((r = (o = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Z.includes(l.valueType))) == null ? void 0 : o.sort((l, d) => {
         let n = ee(l.order);
         return ee(d.order) - n;
-      })) == null ? void 0 : t.map((l) => {
+      })) == null ? void 0 : r.map((l) => {
         const d = He(l, qe(l.fieldProps, {})), n = {
           ...l,
           fieldProps: {
@@ -232,9 +232,9 @@ const Fa = /* @__PURE__ */ Ce({
           },
           renderNode: void 0
         };
-        return n.renderNode = Ge(n, r(E)), n;
+        return n.renderNode = Ge(n, t(E)), n;
       })) || [];
-    }), de = s(() => r(u).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), ue = s(() => r(u).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ie = s(() => g(a.dataSource) ? C.value.records : a.dataSource), {
+    }), de = s(() => t(u).filter((e) => e.sorter === !0).map((e) => e.dataIndex).filter(Boolean)), ue = s(() => t(u).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex).filter(Boolean)), ie = s(() => g(a.dataSource) ? C.value.records : a.dataSource), {
       rowSelection: R,
       selectedRows: x,
       ...v
@@ -252,13 +252,13 @@ const Fa = /* @__PURE__ */ Ce({
       setDataSource: pe
     } = Oe({
       async request(e) {
-        var t, l;
+        var r, l;
         if (!R.value.preserveSelectedRowKeys && g(a.dataSource) && v.clearAll(), !g(a.dataSource))
           return {
             data: a.dataSource || [],
             total: a.dataSource.length || 0
           };
-        const o = await ((t = a.request) == null ? void 0 : t.call(a, e));
+        const o = await ((r = a.request) == null ? void 0 : r.call(a, e));
         return (l = a.onLoad) == null || l.call(a, (o == null ? void 0 : o.data) || []), {
           data: (o == null ? void 0 : o.data) || [],
           total: (o == null ? void 0 : o.total) || 0
@@ -275,11 +275,11 @@ const Fa = /* @__PURE__ */ Ce({
       showLessItems: a.pagination ? a.pagination.showLessItems : void 0,
       showTotal: a.pagination ? a.pagination.showTotal : void 0
     }), fe = s(() => {
-      var o, t;
+      var o, r;
       if (a.adaptive && (C.value.total > 0 || ((o = a.dataSource) == null ? void 0 : o.length)))
         return {
-          y: r(le),
-          x: ((t = a.scroll) == null ? void 0 : t.x) || "100%"
+          y: t(le),
+          x: ((r = a.scroll) == null ? void 0 : r.x) || "100%"
         };
       if (a.scroll)
         return a.scroll;
@@ -290,26 +290,26 @@ const Fa = /* @__PURE__ */ Ce({
       if ((e = a.columns) != null && e.some((o) => o.ellipsis))
         return "fixed";
     }), W = s(() => {
-      var t;
-      const e = r(A), o = r(R);
+      var r;
+      const e = t(A), o = t(R);
       return {
         ...a,
         ...e,
-        rowSelection: a.rowSelection === !0 || ((t = a.rowSelection) == null ? void 0 : t.mode) === "internal" ? {
+        rowSelection: a.rowSelection === !0 || ((r = a.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
           ...o,
           // tips 如果是前端分页，则默认会走缓存
           preserveSelectedRowKeys: g(a.dataSource) ? o.preserveSelectedRowKeys : !0
         } : a.rowSelection,
         loading: g(a.loading) ? e.loading : a.loading,
         pagination: a.pagination === !1 ? !1 : e.pagination,
-        scroll: r(fe)
+        scroll: t(fe)
       };
     }), ge = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
-    function ye(e, o, t) {
+    function ye(e, o, r) {
       if (Z.includes(e.valueType))
-        return t;
+        return r;
       const l = Me(o);
-      return e.copyable || e.ellipsis ? p(Pe.Paragraph, {
+      return e.copyable || e.ellipsis ? f(Pe.Paragraph, {
         copyable: e.copyable ? {
           text: l,
           tooltip: !1
@@ -320,10 +320,10 @@ const Fa = /* @__PURE__ */ Ce({
           ...e.ellipsis,
           tooltip: l
         } : !1,
-        content: e.ellipsis ? Qe(e, o) : t
-      }, null) : t;
+        content: e.ellipsis ? Qe(e, o) : r
+      }, null) : r;
     }
-    G(() => r(C).loading, (e) => {
+    G(() => t(C).loading, (e) => {
       var o;
       (o = a.onLoadingChange) == null || o.call(a, e);
     }), G(() => a.dataSource, (e) => {
@@ -332,15 +332,15 @@ const Fa = /* @__PURE__ */ Ce({
       immediate: !0
     });
     function he(e) {
-      var o, t, l;
-      (l = (t = (o = k.value) == null ? void 0 : o.apForm) == null ? void 0 : t.setFieldsValue) == null || l.call(t, e);
+      var o, r, l;
+      (l = (r = (o = k.value) == null ? void 0 : o.apForm) == null ? void 0 : r.setFieldsValue) == null || l.call(r, e);
     }
     function we() {
-      var e, o, t;
-      return (t = (o = (e = k.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : t.call(o, !0);
+      var e, o, r;
+      return (r = (o = (e = k.value) == null ? void 0 : e.apForm) == null ? void 0 : o.getFieldsValue) == null ? void 0 : r.call(o, !0);
     }
     function be() {
-      return r(u);
+      return t(u);
     }
     return oe({
       submit: () => V(),
@@ -349,30 +349,30 @@ const Fa = /* @__PURE__ */ Ce({
       setSearchFormValues: he,
       getSearchFormValues: we,
       getShownColumns: be,
-      dataSource: s(() => r(C).records),
+      dataSource: s(() => t(C).records),
       rowSelection: {
-        selectedRows: s(() => r(x)),
+        selectedRows: s(() => t(x)),
         ...v
       }
-    }), (e, o) => (f(), T("div", {
-      class: m(ge.value)
-    }, [r(g)(e.dataSource) && e.searchForm !== !1 && O.value.length > 0 ? (f(), T("div", {
+    }), (e, o) => (m(), T("div", {
+      class: c(ge.value)
+    }, [t(g)(e.dataSource) && e.searchForm !== !1 && O.value.length > 0 ? (m(), T("div", {
       key: 0,
-      class: m(e.card ? r(F)("search-wrapper") : null),
+      class: c(e.card ? t(F)("search-wrapper") : null),
       style: M(e.searchFormWrapperStyle)
-    }, [p(r(Ke).SearchForm, h(e.searchForm || {}, {
+    }, [f(t(Ke).SearchForm, h(e.searchForm || {}, {
       ref_key: "formRef",
       ref: k,
       "custom-reset": "",
-      onSubmit: r(V),
-      onReset: r(j),
-      "submit-loading": r(A).loading
+      onSubmit: t(V),
+      onReset: t(j),
+      "submit-loading": t(A).loading
     }), J({
-      default: w(() => [(f(!0), T(U, null, Q(O.value, (t) => (f(), X(Be(t.renderNode), h({
-        key: t.dataIndex,
+      default: w(() => [(m(!0), T(U, null, Q(O.value, (r) => (m(), X(Be(r.renderNode), h({
+        key: r.dataIndex,
         ref_for: !0
-      }, t.fieldProps || {}, {
-        span: t.span
+      }, r.fieldProps || {}, {
+        span: r.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
     }, [S.searchFormExtra ? {
@@ -382,48 +382,49 @@ const Fa = /* @__PURE__ */ Ce({
     } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : Y("", !0), I("div", {
       ref_key: "contentRef",
       ref: ne,
-      class: m([r(F)("table-wrapper"), e.card ? r(F)("table-wrapper-card") : null]),
+      class: c([t(F)("table-wrapper"), e.card ? t(F)("table-wrapper-card") : null]),
       style: M(e.tableWrapperStyle)
     }, [I("div", {
-      class: m(r(i)("header-wrapper"))
-    }, [e.settings ? (f(), T("div", {
+      class: c(t(i)("header-wrapper"))
+    }, [e.settings ? (m(), T("div", {
       key: 0,
-      class: m(r(i)("header"))
+      class: c(t(i)("header"))
     }, [I("div", {
-      class: m(r(L)("header", "title"))
+      class: c(t(L)("header", "title"))
     }, [b(e.$slots, "title", h({
-      selectedRows: r(x),
-      selectedRowKeys: r(R).selectedRowKeys,
+      selectedRows: t(x),
+      selectedRowKeys: t(R).selectedRowKeys,
       shownColumns: u.value
-    }, v))], 2), S.title ? (f(), X(r(Ie), {
+    }, v))], 2), S.title ? (m(), X(t(Ie), {
       key: 0,
       type: "vertical"
-    })) : Y("", !0), p(ta, {
+    })) : Y("", !0), f(ta, {
       config: e.settings === !0 ? {} : e.settings
     }, {
-      trigger: w(() => [p(r(Ne), {
-        icon: xe(r(Ze))
-      }, null, 8, ["icon"])]),
+      trigger: w(() => [f(t(Ne), {
+        class: c(t(i)("setting-trigger-button")),
+        icon: xe(t(Ze))
+      }, null, 8, ["class", "icon"])]),
       _: 1
     }, 8, ["config"])], 2)) : b(e.$slots, "title", h({
       key: 1,
-      selectedRows: r(x),
-      selectedRowKeys: r(R).selectedRowKeys,
+      selectedRows: t(x),
+      selectedRowKeys: t(R).selectedRowKeys,
       shownColumns: u.value
-    }, v))], 2), p(r(Le), h({
-      class: r(i)("table")
+    }, v))], 2), f(t(Le), h({
+      class: t(i)("table")
     }, W.value, {
       size: B.value,
       "table-layout": me.value,
       columns: u.value,
-      onResizeColumn: o[0] || (o[0] = (t, l) => l.width = t)
+      onResizeColumn: o[0] || (o[0] = (r, l) => l.width = r)
     }), J({
       summary: w(() => [b(e.$slots, "summary", {
         columns: u.value,
         records: W.value.dataSource
       })]),
       _: 2
-    }, [Q(r(_)(S, ["title", "searchFormExtra", "headerCell", "summary"]), (t, l) => ({
+    }, [Q(t(_)(S, ["title", "searchFormExtra", "headerCell", "summary"]), (r, l) => ({
       name: l,
       fn: w((d) => [b(e.$slots, l, ke(ze(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));