@aplus-frontend/ui 7.2.0 → 7.3.0

package/es/src/ap-form/style/search-form-sorter.mjs

@@ -44,7 +44,7 @@ const l = (r) => {
         maxWidth: a,
         paddingInline: r.calc(r.searchFormSorterItemGap).div(2).equal(),
         "> div": {
-          border: `1px solid ${r.colorBg1}`,
+          border: `1px solid ${r.borderColorBase}`,
           borderRadius: r.borderRadius,
           padding: "8px",
           display: "flex",

package/es/src/ap-grid/index.vue.mjs

@@ -1,31 +1,31 @@
-import { defineComponent as Je, useSlots as Qe, getCurrentInstance as Ye, ref as F, computed as n, unref as t, toRef as Ze, nextTick as oe, watch as E, createElementBlock as I, openBlock as s, normalizeStyle as _, normalizeClass as m, createCommentVNode as y, createElementVNode as w, createVNode as K, mergeProps as S, createSlots as L, withCtx as c, Fragment as ae, renderList as V, createBlock as d, resolveDynamicComponent as B, renderSlot as O, normalizeProps as et, guardReactiveProps as tt } from "vue";
-import { VxeUI as re, VxeTable as ot, VxeColumn as ne } from "vxe-table";
+import { defineComponent as Qe, useSlots as Ye, getCurrentInstance as Ze, ref as y, computed as n, unref as t, toRef as et, nextTick as ae, watch as E, createElementBlock as I, openBlock as s, normalizeStyle as K, normalizeClass as m, createCommentVNode as w, createElementVNode as S, createVNode as L, mergeProps as R, createSlots as V, withCtx as c, Fragment as re, renderList as O, createBlock as d, resolveDynamicComponent as B, renderSlot as D, normalizeProps as tt, guardReactiveProps as ot } from "vue";
+import { VxeUI as ne, VxeTable as at, VxeColumn as le } from "vxe-table";
 import "vxe-table/es/style.css";
-import { isUndefined as R, isFunction as D, isArray as at, omit as rt } from "lodash-unified";
-import { ApForm as nt } from "../ap-form/index.mjs";
+import { isUndefined as b, isFunction as $, isArray as rt, omit as nt } from "lodash-unified";
+import { ApForm as lt } from "../ap-form/index.mjs";
 import "../config-provider/index.mjs";
-import { noRenderAsFormItemValueList as lt } from "../ap-table/constants.mjs";
-import { getColumnOrder as le, updateFormProps as st, getFieldProps as it, getSearchFormItemRenderNode as dt, recursionApColumns as se } from "../ap-table/utils.mjs";
-import { useTablePaging as ut } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { Spin as ct, Empty as ie, Pagination as pt } from "@aplus-frontend/antdv";
-import { useInnerParams as ft } from "./hooks/use-inner-params.mjs";
-import { toVxeProps as mt, getRowExpandProps as gt, getRowSelectionProps as ht } from "./utils/table.mjs";
-import Ct from "./hooks/use-row-selection.mjs";
-import { useProvideApTable as vt } from "../ap-table/context.mjs";
-import { DEFAULT_ROW_SELECTION_CONFIG as de, sizeReverseMap as yt, sizeMap as wt, ROW_SELECTION_FIELD as St } from "./constants.mjs";
-import { useRenderColumns as Rt } from "./hooks/use-render-columns.mjs";
-import { useToken as bt } from "@aplus-frontend/antdv/es/theme/internal";
+import { noRenderAsFormItemValueList as st } from "../ap-table/constants.mjs";
+import { getColumnOrder as se, updateFormProps as it, getFieldProps as dt, getSearchFormItemRenderNode as ut, recursionApColumns as ie } from "../ap-table/utils.mjs";
+import { useTablePaging as ct } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { Spin as pt, Empty as de, Pagination as ft } from "@aplus-frontend/antdv";
+import { useInnerParams as mt } from "./hooks/use-inner-params.mjs";
+import { toVxeProps as gt, getRowExpandProps as ht, getRowSelectionProps as Ct } from "./utils/table.mjs";
+import vt from "./hooks/use-row-selection.mjs";
+import { useProvideApTable as yt } from "../ap-table/context.mjs";
+import { DEFAULT_ROW_SELECTION_CONFIG as ue, sizeReverseMap as wt, sizeMap as St, ROW_SELECTION_FIELD as Rt } from "./constants.mjs";
+import { useRenderColumns as bt } from "./hooks/use-render-columns.mjs";
+import { useToken as xt } from "@aplus-frontend/antdv/es/theme/internal";
 import "../scroll-bar/index.mjs";
-import { isDef as xt } from "../utils/index.mjs";
-import { getValidVNodeList as kt } from "../utils/slot.mjs";
-import { useTableStyle as Ft } from "./hooks/use-table-style.mjs";
-import { useDevWarning as Et } from "../utils/warning.mjs";
-import It from "./style/index.mjs";
-import { useNamespace as Bt } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ue } from "../config-provider/hooks/use-global-config.mjs";
-import { useLocale as Tt } from "../config-provider/hooks/use-locale.mjs";
-import Nt from "../scroll-bar/index.vue.mjs";
-const lo = /* @__PURE__ */ Je({
+import { isDef as kt } from "../utils/index.mjs";
+import { getValidVNodeList as Ft } from "../utils/slot.mjs";
+import { useTableStyle as Et } from "./hooks/use-table-style.mjs";
+import { useDevWarning as It } from "../utils/warning.mjs";
+import Bt from "./style/index.mjs";
+import { useNamespace as Tt } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ce } from "../config-provider/hooks/use-global-config.mjs";
+import { useLocale as Nt } from "../config-provider/hooks/use-locale.mjs";
+import Pt from "../scroll-bar/index.vue.mjs";
+const so = /* @__PURE__ */ Qe({
   name: "ApGrid",
   __name: "index",
   props: {
@@ -117,40 +117,40 @@ const lo = /* @__PURE__ */ Je({
     treeConfig: {},
     onReady: {}
   },
-  setup(ce, { expose: pe }) {
-    const T = Qe(), o = ce, b = Ye()?.appContext.app;
-    b && !b.__VXE_PC_UI_INSTALLED__ && (b.use(re), b.__VXE_PC_UI_INSTALLED__ = !0), Et("ApGrid")(
+  setup(pe, { expose: fe }) {
+    const T = Ye(), o = pe, x = Ze()?.appContext.app;
+    x && !x.__VXE_PC_UI_INSTALLED__ && (x.use(ne), x.__VXE_PC_UI_INSTALLED__ = !0), It("ApGrid")(
       !1,
       "breaking",
       "AgGrid has been EOL, Please use AgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/) instead."
     );
-    const { e: x, b: u, be: fe } = Bt("ap-grid"), me = It("ap-grid"), ge = ue("valueTypeMap"), he = ue("apGrid"), i = F([]), $ = F([]), l = F(), k = F(o.size), Ce = Ft(), [, ve] = bt(), { t: ye } = Tt();
-    re.setConfig({
-      i18n: (e, a) => ye(`ap.${e}`, a)
+    const { e: k, b: u, be: me } = Tt("ap-grid"), ge = Bt("ap-grid"), he = ce("valueTypeMap"), Ce = ce("apGrid"), i = y([]), W = y([]), l = y(), F = y(o.size), ve = Et(), [, ye] = xt(), { t: we } = Nt(), N = y(!0);
+    ne.setConfig({
+      i18n: (e, a) => we(`ap.${e}`, a)
     });
-    const { renderConfig: we, updateSignal: Se } = Rt(i);
-    let W = 0;
+    const { renderConfig: Se, updateSignal: Re } = bt(i);
+    let G = 0;
     const C = n(() => {
-      let e = o.rowSelection || he.value?.rowSelection;
+      let e = o.rowSelection || Ce.value?.rowSelection;
       if (e)
-        return e === !0 ? de : {
-          ...de,
+        return e === !0 ? ue : {
+          ...ue,
           ...e
         };
-    }), Re = n(() => {
+    }), be = n(() => {
       if (l.value)
         return l.value.$el.querySelector(
           ".vxe-table--header-inner-wrapper"
         );
-    }), G = n(() => (W++, o.columns?.filter(
-      (e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !lt.includes(e.valueType)
+    }), M = n(() => (G++, o.columns?.filter(
+      (e) => !e.hideInSearch && e.dataIndex && (e.valueType || e.customRenderFormItem) && !st.includes(e.valueType)
     )?.sort((e, a) => {
-      let r = le(e.order);
-      return le(a.order) - r;
+      let r = se(e.order);
+      return se(a.order) - r;
     })?.map((e) => {
-      const a = st(
+      const a = it(
         e,
-        it(e.fieldProps, {})
+        dt(e.fieldProps, {})
       ), r = {
         ...e,
         fieldProps: {
@@ -159,41 +159,41 @@ const lo = /* @__PURE__ */ Je({
           // tips: 在表格中的查询表单项默认是带边框的
           bordered: !0,
           ...a || {},
-          _signal: W
+          _signal: G
         },
         renderNode: void 0
       };
-      return r.renderNode = dt(
+      return r.renderNode = ut(
         r,
-        t(ge)
+        t(he)
       ), r;
-    }) || [])), be = n(() => xt(o.manual) ? o.manual : kt(T.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), xe = n(() => [
+    }) || [])), xe = n(() => kt(o.manual) ? o.manual : Ft(T.searchFormExtra?.() || []).some((a) => a.type?.name === "ApView")), ke = n(() => [
       u(),
       o.card ? null : u("wrapper"),
       o.adaptive ? u("adaptive") : null,
       o.sticky ? u("sticky") : null,
-      me.value
-    ].filter(Boolean)), M = n(() => se(t(i), (e) => {
+      ge.value
+    ].filter(Boolean)), j = n(() => ie(t(i), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), j = n(() => se(t(i), (e) => {
+    }).filter(Boolean)), q = n(() => ie(t(i), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
       formRef: g,
-      submit: N,
-      reset: P,
-      refresh: q,
+      submit: P,
+      reset: A,
+      refresh: H,
       data: p,
-      tableProps: H,
-      setDataSource: ke,
-      handleTableChangeOptional: Fe,
-      getPaging: Ee,
-      setPaging: Ie,
-      submitWith: U
-    } = ut({
+      tableProps: U,
+      setDataSource: Fe,
+      handleTableChangeOptional: Ee,
+      getPaging: Ie,
+      setPaging: Be,
+      submitWith: X
+    } = ct({
       async request(e) {
-        if (C.value && !C.value.preserveSelectedRowKeys && R(o.dataSource) && z(), !R(o.dataSource)) {
+        if (C.value && !C.value.preserveSelectedRowKeys && b(o.dataSource) && !N.value && _(), N.value && (N.value = !1), !b(o.dataSource)) {
           const r = e.pageSize * (e.current - 1);
           return {
             data: (o.pagination === !1 ? o.dataSource : o.dataSource.slice(r, r + e.pageSize)) || [],
@@ -207,54 +207,54 @@ const lo = /* @__PURE__ */ Je({
         };
       },
       namespace: "ap-grid",
-      filterFields: j,
-      sortFields: M,
-      params: Ze(o, "params"),
+      filterFields: q,
+      sortFields: j,
+      params: et(o, "params"),
       defaultData: o.defaultData,
-      manual: t(be),
+      manual: t(xe),
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination,
-      onClickReset: Ge,
-      onAfterRequest: Me
-    }), { sortChangeEvent: Be, filterChangeEvent: Te, paginationChangeEvent: Ne } = ft(Fe);
-    vt({
+      onClickReset: Me,
+      onAfterRequest: je
+    }), { sortChangeEvent: Te, filterChangeEvent: Ne, paginationChangeEvent: Pe } = mt(Ee);
+    yt({
       columns: n(() => i.value),
-      columnsBackup: n(() => $.value),
-      size: n(() => wt[k.value]),
+      columnsBackup: n(() => W.value),
+      size: n(() => St[F.value]),
       updateColumns(e) {
         i.value = e, o.onShownColumnsChange?.(e);
       },
       updateSize(e) {
-        k.value = yt[e];
+        F.value = wt[e];
       },
       renderConfig: n(() => ({
-        className: fe("table-header", "title"),
-        color: ve.value.colorTextTertiary
+        className: me("table-header", "title"),
+        color: ye.value.colorTextTertiary
       })),
       dataSource: n(() => t(p).records),
-      getSearchFormValues: J,
-      setSearchFormValues: X,
-      submit: N,
-      submitWith: U,
-      reset: P,
-      refresh: q,
-      getSearchFormSorterItems: Q,
-      setSearchFormSorterItems: Y,
-      resetSearchFormSorterItems: Z
+      getSearchFormValues: Q,
+      setSearchFormValues: J,
+      submit: P,
+      submitWith: X,
+      reset: A,
+      refresh: H,
+      getSearchFormSorterItems: Y,
+      setSearchFormSorterItems: Z,
+      resetSearchFormSorterItems: ee
     });
-    const Pe = n(
+    const Ae = n(
       () => i.value.some(
         (e) => e.fixed === "left" || e.fixed === !0
       ) ? "left" : void 0
-    ), Ae = n(
-      () => R(o.loading) ? p.loading : o.loading
     ), ze = n(
-      () => R(o.dataSource) ? p.records : o.dataSource
-    ), { selectedRows: A, rowSelection: h, ...v } = Ct({
+      () => b(o.loading) ? p.loading : o.loading
+    ), _e = n(
+      () => b(o.dataSource) ? p.records : o.dataSource
+    ), { selectedRows: z, rowSelection: h, ...v } = vt({
       ...C.value,
-      dataSource: ze,
+      dataSource: _e,
       rowKey: o.rowKey
-    }), _e = ({
+    }), Ke = ({
       checked: e
     }) => {
       const a = l.value;
@@ -263,7 +263,7 @@ const lo = /* @__PURE__ */ Je({
         a.getCheckboxRecords(),
         a.getCheckboxReserveRecords()
       );
-    }, Ke = ({
+    }, Le = ({
       checked: e
     }) => {
       const a = l.value;
@@ -271,92 +271,92 @@ const lo = /* @__PURE__ */ Je({
         ...a.getCheckboxReserveRecords(),
         ...a.getCheckboxRecords()
       ]);
-    }, Le = () => {
+    }, Ve = () => {
       const e = l.value;
       e && v.selectRangeChange(e.getCheckboxRecords(), [
         ...e.getCheckboxReserveRecords(),
         ...e.getCheckboxRecords()
       ]);
-    }, Ve = () => {
+    }, Oe = () => {
       const e = l.value;
-      e && (A.value = [e.getRadioRecord()]);
-    }, Oe = ({
+      e && (z.value = [e.getRadioRecord()]);
+    }, De = ({
       row: e
     }) => {
       const a = o.rowHighlightable;
-      D(a) && a(e);
+      $(a) && a(e);
     };
-    function De() {
+    function $e() {
       return o.columns?.filter((e) => !e.hideInTable) || [];
     }
-    function X(e) {
+    function J(e) {
       g.value?.apForm?.setFieldsValue?.(e);
     }
-    function J(e = !1) {
+    function Q(e = !1) {
       const a = e ? "getFieldsValueTransformed" : "getFieldsValue";
       return g.value?.apForm?.[a]?.(!0);
     }
-    function Q() {
+    function Y() {
       return g.value?.getSorterItems() || [];
     }
-    function Y(e) {
+    function Z(e) {
       g.value?.setSorterItems(e);
     }
-    function Z() {
+    function ee() {
       g.value?.resetSorterItems();
     }
-    function z() {
+    function _() {
       v.clearAll();
       const e = l.value;
       e && (h.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
     }
-    function $e(e) {
-      D(o.rowKey) || (v.selectMultiByKeys(e), ee());
-    }
     function We(e) {
+      $(o.rowKey) || (v.selectMultiByKeys(e), te());
+    }
+    function Ge(e) {
       const a = l.value;
       if (!a)
         return;
       const r = String(e[o.rowKey]), f = a.getRowById(r);
       a.setCurrentRow(f);
     }
-    function Ge() {
+    function Me() {
       const e = l.value;
       e && (e.clearSort(), e.clearFilter());
     }
-    function ee() {
-      oe(() => {
+    function te() {
+      ae(() => {
         h.value.type === "radio" ? l.value?.setRadioRowKey(h.value.selectedRowKeys[0]) : l.value?.setCheckboxRowKey(
           h.value.selectedRowKeys,
           !0
         );
       });
     }
-    function Me(e) {
-      ee(), o.onReady && oe(() => {
+    function je(e) {
+      te(), o.onReady && ae(() => {
         o.onReady(e);
       });
     }
-    async function je(e, a) {
+    async function qe(e, a) {
       const r = p.records[e];
       if (r)
         return l.value?.scrollToRow(r, a);
     }
-    const qe = (e) => D(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
-    async function He(e, a = !0) {
+    const He = (e) => $(o.rowKey) ? o.rowKey(e) : e[o.rowKey];
+    async function Ue(e, a = !0) {
       const r = l.value;
       if (!r)
         return;
-      const f = at(e) ? e : [e], Ue = (r.getData() || []).filter(
-        (Xe) => f.includes(qe(Xe))
+      const f = rt(e) ? e : [e], Xe = (r.getData() || []).filter(
+        (Je) => f.includes(He(Je))
       );
-      r.setRowExpand(Ue, a);
+      r.setRowExpand(Xe, a);
     }
     return E(
       () => [o.columnResizable, o.columns],
       () => {
-        const e = De();
-        i.value = e, o.onShownColumnsChange?.(e), $.value = e;
+        const e = $e();
+        i.value = e, o.onShownColumnsChange?.(e), W.value = e;
       },
       {
         deep: !0,
@@ -365,7 +365,7 @@ const lo = /* @__PURE__ */ Je({
     ), E(
       () => o.dataSource,
       (e) => {
-        ke(e);
+        Fe(e);
       },
       { immediate: !0, deep: !0 }
     ), E(
@@ -376,49 +376,49 @@ const lo = /* @__PURE__ */ Je({
     ), E(
       () => o.size,
       (e) => {
-        k.value = e;
+        F.value = e;
       }
-    ), pe({
-      submit: N,
-      reset: P,
-      refresh: q,
-      submitWith: U,
-      setSearchFormValues: X,
-      getSearchFormValues: J,
+    ), fe({
+      submit: P,
+      reset: A,
+      refresh: H,
+      submitWith: X,
+      setSearchFormValues: J,
+      getSearchFormValues: Q,
       getShowColumns: () => t(i),
       rowSelection: {
-        selectedRows: n(() => A.value),
-        setSelectedRowKeys: $e,
-        clearAll: z
+        selectedRows: n(() => z.value),
+        setSelectedRowKeys: We,
+        clearAll: _
       },
-      scrollToRow: je,
+      scrollToRow: qe,
       getDataSource: () => t(p.records),
-      setCurrentRow: We,
-      getPaging: Ee,
-      setPaging: Ie,
-      getSearchFormSorterItems: Q,
-      setSearchFormSorterItems: Y,
-      resetSearchFormSorterItems: Z,
-      setRowExpand: He
+      setCurrentRow: Ge,
+      getPaging: Ie,
+      setPaging: Be,
+      getSearchFormSorterItems: Y,
+      setSearchFormSorterItems: Z,
+      resetSearchFormSorterItems: ee,
+      setRowExpand: Ue
     }), (e, a) => (s(), I("div", {
-      class: m(xe.value),
-      style: _(e.wrapperStyle)
+      class: m(ke.value),
+      style: K(e.wrapperStyle)
     }, [
-      t(R)(e.dataSource) && e.searchForm !== !1 && G.value.length > 0 ? (s(), I("div", {
+      t(b)(e.dataSource) && e.searchForm !== !1 && M.value.length > 0 ? (s(), I("div", {
         key: 0,
-        class: m(e.card ? t(x)("search-wrapper") : null),
-        style: _(e.searchFormWrapperStyle)
+        class: m(e.card ? t(k)("search-wrapper") : null),
+        style: K(e.searchFormWrapperStyle)
       }, [
-        K(t(nt).SearchForm, S(e.searchForm || {}, {
+        L(t(lt).SearchForm, R(e.searchForm || {}, {
           ref_key: "formRef",
           ref: g,
           "custom-reset": "",
-          "submit-loading": t(H).loading,
-          onSubmit: t(N),
-          onReset: t(P)
-        }), L({
+          "submit-loading": t(U).loading,
+          onSubmit: t(P),
+          onReset: t(A)
+        }), V({
           default: c(() => [
-            (s(!0), I(ae, null, V(G.value, (r) => (s(), d(B(r.renderNode), {
+            (s(!0), I(re, null, O(M.value, (r) => (s(), d(B(r.renderNode), {
               key: r.dataIndex
             }))), 128))
           ]),
@@ -427,66 +427,66 @@ const lo = /* @__PURE__ */ Je({
           T.searchFormExtra ? {
             name: "extra",
             fn: c(() => [
-              O(e.$slots, "searchFormExtra")
+              D(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : y("", !0),
-      w("div", {
-        class: m([t(x)("table-wrapper"), e.card ? t(x)("table-wrapper-card") : null]),
-        style: _(e.tableWrapperStyle)
+      ], 6)) : w("", !0),
+      S("div", {
+        class: m([t(k)("table-wrapper"), e.card ? t(k)("table-wrapper-card") : null]),
+        style: K(e.tableWrapperStyle)
       }, [
-        w("div", {
+        S("div", {
           class: m(t(u)("header-wrapper"))
         }, [
-          O(e.$slots, "title", {
-            selectedRows: t(A),
+          D(e.$slots, "title", {
+            selectedRows: t(z),
             selectedRowKeys: t(h).selectedRowKeys,
             shownColumns: i.value,
-            clearAll: z
+            clearAll: _
           })
         ], 2),
-        w("div", {
+        S("div", {
           class: m(t(u)("vxe-wrapper"))
         }, [
-          (s(), d(t(ot), S(t(mt)(o, C.value), {
+          (s(), d(t(at), R(t(gt)(o, C.value), {
             ref_key: "tableRef",
             ref: l,
-            key: t(Se),
+            key: t(Re),
             data: t(p).records,
             "sort-config": {
-              remote: M.value.length > 0,
+              remote: j.value.length > 0,
               trigger: "cell"
             },
             "filter-config": {
-              remote: j.value.length > 0
+              remote: q.value.length > 0
             },
-            loading: Ae.value,
-            style: t(Ce),
-            size: k.value,
-            onSortChange: t(Be),
-            onFilterChange: t(Te),
-            onCheckboxChange: _e,
-            onCheckboxRangeChange: Le,
-            onCheckboxAll: Ke,
-            onRadioChange: Ve,
-            onCurrentRowChange: Oe
-          }), L({
+            loading: ze.value,
+            style: t(ve),
+            size: F.value,
+            onSortChange: t(Te),
+            onFilterChange: t(Ne),
+            onCheckboxChange: Ke,
+            onCheckboxRangeChange: Ve,
+            onCheckboxAll: Le,
+            onRadioChange: Oe,
+            onCurrentRowChange: De
+          }), V({
             empty: c(() => [
-              K(t(ie), {
-                image: t(ie).PRESENTED_IMAGE_SIMPLE
+              L(t(de), {
+                image: t(de).PRESENTED_IMAGE_SIMPLE
               }, null, 8, ["image"])
             ]),
             loading: c(() => [
-              w("div", {
-                class: m(t(x)("table-loading-wrapper"))
+              S("div", {
+                class: m(t(k)("table-loading-wrapper"))
               }, [
-                K(t(ct))
+                L(t(pt))
               ], 2)
             ]),
             default: c(() => [
-              o.expandable && i.value.length ? (s(), d(t(ne), S({ key: 0 }, t(gt)(e.expandable), { fixed: Pe.value }), L({
+              o.expandable && i.value.length ? (s(), d(t(le), R({ key: 0 }, t(ht)(e.expandable), { fixed: Ae.value }), V({
                 content: c((r) => [
                   (s(), d(B(o.expandable.renderContent(r))))
                 ]),
@@ -504,49 +504,49 @@ const lo = /* @__PURE__ */ Je({
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1040, ["fixed"])) : y("", !0),
-              C.value && i.value.length ? (s(), d(t(ne), S(
+              ]), 1040, ["fixed"])) : w("", !0),
+              C.value && i.value.length ? (s(), d(t(le), R(
                 { key: 1 },
-                t(ht)(t(h), i.value, o.size),
+                t(Ct)(t(h), i.value, o.size),
                 {
                   resizable: !1,
-                  field: t(St)
+                  field: t(Rt)
                 }
-              ), null, 16, ["field"])) : y("", !0),
-              (s(!0), I(ae, null, V(t(we), (r) => (s(), d(B(r), {
+              ), null, 16, ["field"])) : w("", !0),
+              (s(!0), I(re, null, O(t(Se), (r) => (s(), d(B(r), {
                 key: r.props.colId
               }))), 128))
             ]),
             _: 2
           }, [
-            V(t(rt)(T, ["searchFormExtra"]), (r, f) => ({
+            O(t(nt)(T, ["searchFormExtra"]), (r, f) => ({
               name: f,
-              fn: c((te) => [
-                O(e.$slots, f, et(tt(te || {})))
+              fn: c((oe) => [
+                D(e.$slots, f, tt(ot(oe || {})))
               ])
             }))
           ]), 1040, ["data", "sort-config", "filter-config", "loading", "style", "size", "onSortChange", "onFilterChange"]))
         ], 2),
-        w("div", {
+        S("div", {
           class: m(t(u)("pagination-wrapper"))
         }, [
-          e.sticky ? (s(), d(t(Nt), {
+          e.sticky ? (s(), d(t(Pt), {
             key: 0,
             direction: "horizontal",
-            "scroll-container": Re.value,
+            "scroll-container": be.value,
             "extra-size": -4.2,
             "bar-color": "var(--scrollbar-thumb-color-base)",
             "track-color": "var(--table-header-bg, #f2f6f9)"
-          }, null, 8, ["scroll-container"])) : y("", !0),
-          e.pagination !== !1 ? (s(), d(t(pt), S({
+          }, null, 8, ["scroll-container"])) : w("", !0),
+          e.pagination !== !1 ? (s(), d(t(ft), R({
             key: 1,
             class: t(u)("pagination")
-          }, t(H).pagination, { onChange: t(Ne) }), null, 16, ["class", "onChange"])) : y("", !0)
+          }, t(U).pagination, { onChange: t(Pe) }), null, 16, ["class", "onChange"])) : w("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  lo as default
+  so as default
 };