@aplus-frontend/ui 6.24.2 → 6.26.0

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

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