@aplus-frontend/ui 0.6.0-beta.13 → 0.6.0-beta.14

package/es/src/ap-grid/editable/form-item.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as A, useSlots as H, toRef as W, ref as h, unref as r, watch as G, nextTick as U, createBlock as $, openBlock as q, mergeProps as y, withCtx as g, createVNode as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as I } from "vue";
+import { defineComponent as P, useSlots as A, toRef as W, ref as h, unref as r, watch as G, nextTick as U, createBlock as $, openBlock as q, mergeProps as y, withCtx as g, createVNode as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as I } from "vue";
 import { ApForm as C } from "../../ap-form/index.mjs";
 import { isArray as w, isUndefined as M, isNumber as m, cloneDeep as ee, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
@@ -7,9 +7,9 @@ import { useGetEditableColumns as te } from "../hooks/use-editable-columns.mjs";
 import "../index.vue2.mjs";
 import { useInjectForm as ae } from "../../ap-form/context.mjs";
 import { useNamespace as le } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as fe } from "../../config-provider/hooks/use-global-config.mjs";
-import ne from "../index.vue.mjs";
-const Ce = /* @__PURE__ */ A({
+import { useGlobalConfig as ne } from "../../config-provider/hooks/use-global-config.mjs";
+import fe from "../index.vue.mjs";
+const Ce = /* @__PURE__ */ P({
   name: "EditableGrid",
   __name: "form-item",
   props: {
@@ -145,6 +145,9 @@ const Ce = /* @__PURE__ */ A({
     },
     expandable: {},
     value: {},
+    rowHighlightable: {
+      type: [Boolean, Function]
+    },
     columns: {},
     defaultValue: {},
     "onUpdate:value": {},
@@ -160,11 +163,11 @@ const Ce = /* @__PURE__ */ A({
   setup(x, {
     expose: R
   }) {
-    const B = H(), l = x, {
+    const B = A(), l = x, {
       b: S
     } = le("editable-grid");
     function F(e, t) {
-      return w(t) ? t.reduce((f, a) => f == null ? void 0 : f[a], e) : e == null ? void 0 : e[t];
+      return w(t) ? t.reduce((n, a) => n == null ? void 0 : n[a], e) : e == null ? void 0 : e[t];
     }
     const {
       internalInstance: o,
@@ -176,11 +179,11 @@ const Ce = /* @__PURE__ */ A({
     }, {
       deep: !0
     });
-    const c = h(), D = fe("valueTypeMap"), V = te(l, D);
+    const c = h(), D = ne("valueTypeMap"), V = te(l, D);
     function L(e, t) {
-      var n;
-      const f = ((n = r(d)) == null ? void 0 : n.length) || 0;
-      if (b(l.maxLength) && f >= l.maxLength)
+      var f;
+      const n = ((f = r(d)) == null ? void 0 : f.length) || 0;
+      if (b(l.maxLength) && n >= l.maxLength)
         return;
       const a = {
         ...e || {}
@@ -195,29 +198,29 @@ const Ce = /* @__PURE__ */ A({
     }
     function T(e, t = "suffix") {
       var s;
-      const f = ((s = r(d)) == null ? void 0 : s.length) || 0, a = m(e) ? e : e.length;
-      if (b(l.maxLength) && f + a > l.maxLength)
+      const n = ((s = r(d)) == null ? void 0 : s.length) || 0, a = m(e) ? e : e.length;
+      if (b(l.maxLength) && n + a > l.maxLength)
         return;
-      const n = m(e) ? new Array(e).fill(0).map(() => ({})) : ee(e);
-      o == null || o.setFieldValue(l.name, n, !0, (u, i) => {
+      const f = m(e) ? new Array(e).fill(0).map(() => ({})) : ee(e);
+      o == null || o.setFieldValue(l.name, f, !0, (u, i) => {
         if (!u[i]) {
-          u[i] = [...n];
+          u[i] = [...f];
           return;
         }
-        t === "suffix" ? u[i].push(...n) : u[i].unshift(...n);
+        t === "suffix" ? u[i].push(...f) : u[i].unshift(...f);
       });
     }
     function k(e) {
       const t = new Set(m(e) ? [e] : e);
-      o == null || o.setFieldValue(l.name, void 0, !0, (f, a) => {
-        f[a] = f[a].filter((n, s) => !t.has(s));
+      o == null || o.setFieldValue(l.name, void 0, !0, (n, a) => {
+        n[a] = n[a].filter((f, s) => !t.has(s));
       });
     }
     function _(e) {
-      var f;
+      var n;
       const t = new Set(w(e) ? e : [e]);
-      t.size !== 0 && ((f = o == null ? void 0 : o.setFieldValue) == null || f.call(o, l.name, void 0, !0, (a, n) => {
-        a[n] = a[n].filter((s) => !t.has(s[l.rowKey]));
+      t.size !== 0 && ((n = o == null ? void 0 : o.setFieldValue) == null || n.call(o, l.name, void 0, !0, (a, f) => {
+        a[f] = a[f].filter((s) => !t.has(s[l.rowKey]));
       }));
     }
     function j() {
@@ -227,15 +230,15 @@ const Ce = /* @__PURE__ */ A({
       var t;
       return (t = r(d)) == null ? void 0 : t[e];
     }
-    function O(e, t, f = !0) {
-      o == null || o.setFieldValue(l.name, void 0, !0, (a, n) => {
-        if (!(!a[n] || !a[n][e])) {
-          if (!f) {
-            const s = Object.keys(a[n][e]);
+    function O(e, t, n = !0) {
+      o == null || o.setFieldValue(l.name, void 0, !0, (a, f) => {
+        if (!(!a[f] || !a[f][e])) {
+          if (!n) {
+            const s = Object.keys(a[f][e]);
             for (const u of s)
-              u !== l.rowKey && delete a[n][e][u];
+              u !== l.rowKey && delete a[f][e][u];
           }
-          Object.assign(a[n][e], {
+          Object.assign(a[f][e], {
             ...t
           });
         }
@@ -245,11 +248,11 @@ const Ce = /* @__PURE__ */ A({
       o == null || o.setFieldValue(l.name, e);
     }
     function K(e) {
-      var f;
+      var n;
       const t = e === "end" ? d.value.length - 1 : e;
-      (f = c.value) == null || f.scrollToRow(t);
+      (n = c.value) == null || n.scrollToRow(t);
     }
-    function P() {
+    function H() {
       var e;
       (e = o == null ? void 0 : o.setFieldValue) == null || e.call(o, l.name, []);
     }
@@ -262,13 +265,13 @@ const Ce = /* @__PURE__ */ A({
       addMultiple: T,
       scrollTo: K,
       setTableData: z,
-      clear: P,
+      clear: H,
       removeByKey: _
     }), (e, t) => (q(), $(r(C).FormItem, y(e.formItem, {
       name: e.name,
       label: e.label
     }), {
-      default: g(() => [J(ne, y(r(oe)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
+      default: g(() => [J(fe, y(r(oe)(l, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue", "formItem"]), {
         ref_key: "tableRef",
         ref: c,
         class: r(S)(),
@@ -277,9 +280,9 @@ const Ce = /* @__PURE__ */ A({
         "search-form": !1
       }), Q({
         _: 2
-      }, [X(B, (f, a) => ({
+      }, [X(B, (n, a) => ({
         name: a,
-        fn: g((n) => [Y(e.$slots, a, Z(I(n || {})))])
+        fn: g((f) => [Y(e.$slots, a, Z(I(f || {})))])
       }))]), 1040, ["class", "columns", "data-source"])]),
       _: 3
     }, 16, ["name", "label"]));

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

@@ -146,6 +146,9 @@ const Re = /* @__PURE__ */ $({
     },
     expandable: {},
     value: {},
+    rowHighlightable: {
+      type: [Boolean, Function]
+    },
     columns: {},
     defaultValue: {},
     "onUpdate:value": {},
@@ -158,12 +161,12 @@ const Re = /* @__PURE__ */ $({
   },
   emits: ["update:value"],
   setup(B, {
-    expose: S,
-    emit: F
+    expose: F,
+    emit: S
   }) {
     const N = q(), o = B, {
       b: V
-    } = re("editable-grid"), _ = F, w = v(), {
+    } = re("editable-grid"), _ = S, w = v(), {
       value: m,
       updateValue: L
     } = ue(o, _), i = v(), k = ie("valueTypeMap"), c = y.useWatch(o.name, i);
@@ -236,14 +239,14 @@ const Re = /* @__PURE__ */ $({
         s[n] = s[n].filter((r) => !t.has(r[o.rowKey]));
       }));
     }
-    function I() {
+    function H() {
       return u(m);
     }
-    function P(e) {
+    function I(e) {
       var t;
       (t = i.value) == null || t.setFieldValue(o.name, e);
     }
-    function H(e) {
+    function P(e) {
       var t;
       return (t = u(m)) == null ? void 0 : t[e];
     }
@@ -271,18 +274,18 @@ const Re = /* @__PURE__ */ $({
       var e, t;
       (t = (e = i.value) == null ? void 0 : e.setFieldValue) == null || t.call(e, o.name, []);
     }
-    return S({
+    return F({
       resetFields: E,
       validateFields: j,
       add: O,
       remove: A,
-      getRowData: H,
-      getRowsData: I,
+      getRowData: P,
+      getRowsData: H,
       setRowData: W,
       addMultiple: z,
       scrollTo: G,
       clear: U,
-      setTableData: P,
+      setTableData: I,
       removeByKey: K
     }), (e, t) => (Q(), J(u(y), {
       ref_key: "formRef",

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

@@ -1,30 +1,30 @@
-import { defineComponent as Be, useSlots as Ie, getCurrentInstance as Ee, ref as F, computed as n, unref as o, watch as B, createElementBlock as I, openBlock as i, normalizeStyle as V, normalizeClass as g, createCommentVNode as y, createElementVNode as E, createVNode as X, mergeProps as h, createSlots as J, withCtx as v, Fragment as Q, renderList as L, createBlock as m, resolveDynamicComponent as D, renderSlot as O, normalizeProps as Pe, guardReactiveProps as Ne } from "vue";
-import { VxeTable as Te, VxeColumn as Y } from "vxe-table";
+import { defineComponent as Ee, useSlots as Pe, getCurrentInstance as Ne, ref as F, computed as n, unref as o, watch as B, createElementBlock as I, openBlock as i, normalizeStyle as V, normalizeClass as g, createCommentVNode as y, createElementVNode as E, createVNode as X, mergeProps as h, createSlots as J, withCtx as v, Fragment as Q, renderList as L, createBlock as m, resolveDynamicComponent as D, renderSlot as O, normalizeProps as Te, guardReactiveProps as ze } from "vue";
+import { VxeTable as Ae, VxeColumn as Y } from "vxe-table";
 import "vxe-table/es/style.css";
 import "vxe-pc-ui/es/style.css";
 import { VxeUI as Z } from "vxe-pc-ui";
-import { isUndefined as S, omit as ze } from "lodash-unified";
-import { ApForm as Ae } from "../ap-form/index.mjs";
+import { isUndefined as w, isFunction as _e, omit as Ve } from "lodash-unified";
+import { ApForm as Le } from "../ap-form/index.mjs";
 import "../config-provider/index.mjs";
-import { noRenderAsFormItemValueList as _e } from "../ap-table/constants.mjs";
-import { getColumnOrder as ee, updateFormProps as Ve, getFieldProps as Le, getSearchFormItemRenderNode as De, recursionApColumns as oe } from "../ap-table/utils.mjs";
-import { useTablePaging as Oe } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { Empty as ae, Pagination as $e } from "@aplus-frontend/antdv";
-import { useInnerParams as Ke } from "./hooks/use-inner-params.mjs";
-import { toVxeProps as We, getRowExpandProps as je, getRowSelectionProps as He } from "./utils/table.mjs";
-import Me from "../ap-table/hooks/use-table-row-selection.mjs";
-import { useProvideApTable as qe } from "../ap-table/context.mjs";
-import { sizeReverseMap as Ue, sizeMap as Ge, ROW_SELECTION_FIELD as Xe } from "./constants.mjs";
-import { useRenderColumns as Je } from "./hooks/use-render-columns.mjs";
-import { useToken as Qe } from "@aplus-frontend/antdv/es/theme/internal";
+import { noRenderAsFormItemValueList as De } from "../ap-table/constants.mjs";
+import { getColumnOrder as ee, updateFormProps as Oe, getFieldProps as $e, getSearchFormItemRenderNode as Ke, recursionApColumns as oe } from "../ap-table/utils.mjs";
+import { useTablePaging as He } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { Empty as ae, Pagination as We } from "@aplus-frontend/antdv";
+import { useInnerParams as je } from "./hooks/use-inner-params.mjs";
+import { toVxeProps as Me, getRowExpandProps as qe, getRowSelectionProps as Ue } from "./utils/table.mjs";
+import Ge from "../ap-table/hooks/use-table-row-selection.mjs";
+import { useProvideApTable as Xe } from "../ap-table/context.mjs";
+import { sizeReverseMap as Je, sizeMap as Qe, ROW_SELECTION_FIELD as Ye } from "./constants.mjs";
+import { useRenderColumns as Ze } from "./hooks/use-render-columns.mjs";
+import { useToken as eo } from "@aplus-frontend/antdv/es/theme/internal";
 import "../scroll-bar/index.mjs";
-import { isDef as Ye } from "../utils/index.mjs";
-import { getValidVNodeList as Ze } from "../utils/slot.mjs";
-import { useNamespace as eo } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as oo } from "../config-provider/hooks/use-global-config.mjs";
-import { useLocale as ao } from "../config-provider/hooks/use-locale.mjs";
-import ro from "../scroll-bar/index.vue.mjs";
-const To = /* @__PURE__ */ Be({
+import { isDef as oo } from "../utils/index.mjs";
+import { getValidVNodeList as ao } from "../utils/slot.mjs";
+import { useNamespace as ro } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as to } from "../config-provider/hooks/use-global-config.mjs";
+import { useLocale as lo } from "../config-provider/hooks/use-locale.mjs";
+import no from "../scroll-bar/index.vue.mjs";
+const _o = /* @__PURE__ */ Ee({
   name: "ApGrid",
   __name: "index",
   props: {
@@ -111,34 +111,35 @@ const To = /* @__PURE__ */ Be({
     footer: {},
     virtual: { type: [Boolean, Object], default: void 0 },
     expandable: {},
-    value: {}
+    value: {},
+    rowHighlightable: { type: [Boolean, Function], default: !1 }
   },
   setup(re, { expose: te }) {
     var G;
-    const C = Ie(), a = re, w = (G = Ee()) == null ? void 0 : G.appContext.app;
-    w && !w.__VXE_PC_UI_INSTALLED__ && (w.use(Z), w.__VXE_PC_UI_INSTALLED__ = !0);
-    const { e: P, b: c, be: le } = eo("ap-grid"), ne = oo("valueTypeMap"), s = F([]), $ = F([]), u = F(), x = F(a.size), [, d] = Qe(), { t: se } = ao();
+    const C = Pe(), a = re, S = (G = Ne()) == null ? void 0 : G.appContext.app;
+    S && !S.__VXE_PC_UI_INSTALLED__ && (S.use(Z), S.__VXE_PC_UI_INSTALLED__ = !0);
+    const { e: P, b: u, be: le } = ro("ap-grid"), ne = to("valueTypeMap"), s = F([]), $ = F([]), d = F(), x = F(a.size), [, c] = eo(), { t: se } = lo();
     Z.setConfig({
       i18n: (e, r) => se(`ap.${e}`, r)
     });
-    const { renderConfig: ie, updateSignal: de } = Je(s);
+    const { renderConfig: ie, updateSignal: de } = Ze(s);
     let K = 0;
     const ce = n(() => {
-      if (u.value)
-        return u.value.$el.querySelector(
+      if (d.value)
+        return d.value.$el.querySelector(
           ".vxe-table--header-inner-wrapper"
         );
-    }), W = n(() => {
+    }), H = n(() => {
       var e, r, l;
       return K++, ((l = (r = (e = a.columns) == null ? void 0 : e.filter(
-        (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !_e.includes(t.valueType)
+        (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !De.includes(t.valueType)
       )) == null ? void 0 : r.sort((t, p) => {
         let b = ee(t.order);
         return ee(p.order) - b;
       })) == null ? void 0 : l.map((t) => {
-        const p = Ve(
+        const p = Oe(
           t,
-          Le(t.fieldProps, {})
+          $e(t.fieldProps, {})
         ), b = {
           ...t,
           fieldProps: {
@@ -151,26 +152,26 @@ const To = /* @__PURE__ */ Be({
           },
           renderNode: void 0
         };
-        return b.renderNode = De(
+        return b.renderNode = Ke(
           b,
           o(ne)
         ), b;
       })) || [];
     }), ue = n(() => {
       var r;
-      return Ye(a.manual) ? a.manual : Ze(((r = C.searchFormExtra) == null ? void 0 : r.call(C)) || []).some((l) => {
+      return oo(a.manual) ? a.manual : ao(((r = C.searchFormExtra) == null ? void 0 : r.call(C)) || []).some((l) => {
         var t;
         return ((t = l.type) == null ? void 0 : t.name) === "ApView";
       });
     }), pe = n(() => [
-      c(),
-      a.card ? null : c("wrapper"),
-      a.adaptive ? c("adaptive") : null,
-      a.sticky ? c("sticky") : null
-    ].filter(Boolean)), j = n(() => oe(o(s), (e) => {
+      u(),
+      a.card ? null : u("wrapper"),
+      a.adaptive ? u("adaptive") : null,
+      a.sticky ? u("sticky") : null
+    ].filter(Boolean)), W = n(() => oe(o(s), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), H = n(() => oe(o(s), (e) => {
+    }).filter(Boolean)), j = n(() => oe(o(s), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
@@ -182,10 +183,10 @@ const To = /* @__PURE__ */ Be({
       tableProps: M,
       setDataSource: fe,
       handleTableChangeOptional: ge
-    } = Oe({
+    } = He({
       async request(e) {
         var l;
-        if (!k.value.preserveSelectedRowKeys && S(a.dataSource) && _(), !S(a.dataSource)) {
+        if (!k.value.preserveSelectedRowKeys && w(a.dataSource) && _(), !w(a.dataSource)) {
           const t = e.pageSize * (e.current - 1);
           return {
             data: (a.pagination === !1 ? a.dataSource : a.dataSource.slice(t, t + e.pageSize)) || [],
@@ -199,29 +200,29 @@ const To = /* @__PURE__ */ Be({
         };
       },
       namespace: "ap-grid",
-      filterFields: H,
-      sortFields: j,
+      filterFields: j,
+      sortFields: W,
       defaultParams: a.params,
       defaultData: a.defaultData,
       manual: o(ue),
       formatParams: a.beforeSearchSubmit,
       pagination: a.pagination,
-      onClickReset: ke
-    }), { sortChangeEvent: he, filterChangeEvent: ve, paginationChangeEvent: Ce } = Ke(ge);
-    qe({
+      onClickReset: Be
+    }), { sortChangeEvent: he, filterChangeEvent: ve, paginationChangeEvent: Ce } = je(ge);
+    Xe({
       columns: n(() => s.value),
       columnsBackup: n(() => $.value),
-      size: n(() => Ge[x.value]),
+      size: n(() => Qe[x.value]),
       updateColumns(e) {
         var r;
         s.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e);
       },
       updateSize(e) {
-        x.value = Ue[e];
+        x.value = Je[e];
       },
       renderConfig: n(() => ({
         className: le("table-header", "title"),
-        color: d.value.colorTextTertiary
+        color: c.value.colorTextTertiary
       })),
       dataSource: n(() => o(f).records),
       getSearchFormValues: U,
@@ -234,24 +235,29 @@ const To = /* @__PURE__ */ Be({
         (e) => e.fixed === "left" || e.fixed === !0
       ) ? "left" : void 0
     ), ye = n(
-      () => S(a.loading) ? f.loading : a.loading
-    ), Se = n(
-      () => S(a.dataSource) ? f.records : a.dataSource
-    ), { selectedRows: R, rowSelection: k, ...we } = Me({
+      () => w(a.loading) ? f.loading : a.loading
+    ), we = n(
+      () => w(a.dataSource) ? f.records : a.dataSource
+    ), { selectedRows: R, rowSelection: k, ...Se } = Ge({
       ...a.rowSelection === !0 ? {} : a.rowSelection,
-      dataSource: Se,
+      dataSource: we,
       rowKey: a.rowKey
     }), A = () => {
-      const e = u.value;
+      const e = d.value;
       e && (R.value = [
         ...e.getCheckboxReserveRecords(),
         ...e.getCheckboxRecords()
       ]);
     }, xe = () => {
-      const e = u.value;
+      const e = d.value;
       e && (R.value = [e.getRadioRecord()]);
+    }, Re = ({
+      row: e
+    }) => {
+      const r = a.rowHighlightable;
+      _e(r) && r(e);
     };
-    function Re() {
+    function ke() {
       var e;
       return ((e = a.columns) == null ? void 0 : e.filter((r) => !r.hideInTable)) || [];
     }
@@ -265,25 +271,32 @@ const To = /* @__PURE__ */ Be({
       return (p = (t = (l = N.value) == null ? void 0 : l.apForm) == null ? void 0 : t[r]) == null ? void 0 : p.call(t, !0);
     }
     function _() {
-      we.clearAll();
-      const e = u.value;
+      Se.clearAll();
+      const e = d.value;
       e && (k.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
     }
-    function ke() {
-      const e = u.value;
+    function Fe(e) {
+      const r = d.value;
+      if (!r)
+        return;
+      const l = String(e[a.rowKey]), t = r.getRowById(l);
+      r.setCurrentRow(t);
+    }
+    function Be() {
+      const e = d.value;
       e && (e.clearSort(), e.clearFilter());
     }
-    async function Fe(e, r) {
+    async function Ie(e, r) {
       var t;
       const l = f.records[e];
       if (l)
-        return (t = u.value) == null ? void 0 : t.scrollToRow(l, r);
+        return (t = d.value) == null ? void 0 : t.scrollToRow(l, r);
     }
     return B(
       () => [a.columnResizable, a.columns],
       () => {
         var r;
-        const e = Re();
+        const e = ke();
         s.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e), $.value = e;
       },
       {
@@ -318,18 +331,19 @@ const To = /* @__PURE__ */ Be({
         selectedRows: n(() => R.value),
         clearAll: _
       },
-      scrollToRow: Fe,
-      getDataSource: () => o(f.records)
+      scrollToRow: Ie,
+      getDataSource: () => o(f.records),
+      setCurrentRow: Fe
     }), (e, r) => (i(), I("div", {
       class: g(pe.value),
       style: V(e.wrapperStyle)
     }, [
-      o(S)(e.dataSource) && e.searchForm !== !1 && W.value.length > 0 ? (i(), I("div", {
+      o(w)(e.dataSource) && e.searchForm !== !1 && H.value.length > 0 ? (i(), I("div", {
         key: 0,
         class: g(e.card ? o(P)("search-wrapper") : null),
         style: V(e.searchFormWrapperStyle)
       }, [
-        X(o(Ae).SearchForm, h(e.searchForm || {}, {
+        X(o(Le).SearchForm, h(e.searchForm || {}, {
           ref_key: "formRef",
           ref: N,
           "custom-reset": "",
@@ -338,7 +352,7 @@ const To = /* @__PURE__ */ Be({
           onReset: o(z)
         }), J({
           default: v(() => [
-            (i(!0), I(Q, null, L(W.value, (l) => (i(), m(D(l.renderNode.Comp), h({
+            (i(!0), I(Q, null, L(H.value, (l) => (i(), m(D(l.renderNode.Comp), h({
               key: l.dataIndex,
               item: l,
               ref_for: !0
@@ -363,7 +377,7 @@ const To = /* @__PURE__ */ Be({
         style: V(e.tableWrapperStyle)
       }, [
         E("div", {
-          class: g(o(c)("header-wrapper"))
+          class: g(o(u)("header-wrapper"))
         }, [
           O(e.$slots, "title", {
             selectedRows: o(R),
@@ -373,33 +387,33 @@ const To = /* @__PURE__ */ Be({
           })
         ], 2),
         E("div", {
-          class: g(o(c)("vxe-wrapper"))
+          class: g(o(u)("vxe-wrapper"))
         }, [
-          (i(), m(o(Te), h(o(We)(a), {
+          (i(), m(o(Ae), h(o(Me)(a), {
             ref_key: "tableRef",
-            ref: u,
+            ref: d,
             key: o(de),
             data: o(f).records,
             "sort-config": {
-              remote: j.value.length > 0,
+              remote: W.value.length > 0,
               trigger: "cell"
             },
             "filter-config": {
-              remote: H.value.length > 0
+              remote: j.value.length > 0
             },
             loading: ye.value,
             style: {
-              "--vxe-ui-table-row-checkbox-checked-background-color": o(d).controlItemBgActive,
-              "--vxe-ui-table-row-hover-checkbox-checked-background-color": o(d).controlItemBgActiveHover,
-              "--vxe-ui-font-primary-color": o(d).colorPrimary,
+              "--vxe-ui-table-row-checkbox-checked-background-color": o(c).controlItemBgActive,
+              "--vxe-ui-table-row-hover-checkbox-checked-background-color": o(c).controlItemBgActiveHover,
+              "--vxe-ui-font-primary-color": o(c).colorPrimary,
               "--vxe-ui-table-header-background-color": "var(--ap-table-header-bg)",
               "--vxe-ui-table-cell-padding-default": "12px",
               "--vxe-ui-table-cell-padding-medium": "9px",
-              "--vxe-ui-table-row-radio-checked-background-color": o(d).controlItemBgActive,
-              "--vxe-ui-table-row-hover-radio-checked-background-color": o(d).controlItemBgActiveHover,
-              "--vxe-ui-font-color": o(d).colorTextBase,
-              "--vxe-ui-table-border-color": o(d).colorBorderSecondary,
-              "--vxe-ui-table-header-font-color": o(d).colorTextBase
+              "--vxe-ui-table-row-radio-checked-background-color": o(c).controlItemBgActive,
+              "--vxe-ui-table-row-hover-radio-checked-background-color": o(c).controlItemBgActiveHover,
+              "--vxe-ui-font-color": o(c).colorTextBase,
+              "--vxe-ui-table-border-color": o(c).colorBorderSecondary,
+              "--vxe-ui-table-header-font-color": o(c).colorTextBase
             },
             size: x.value,
             onSortChange: o(he),
@@ -407,7 +421,8 @@ const To = /* @__PURE__ */ Be({
             onCheckboxChange: A,
             onCheckboxRangeChange: A,
             onCheckboxAll: A,
-            onRadioChange: xe
+            onRadioChange: xe,
+            onCurrentChange: Re
           }), J({
             empty: v(() => [
               X(o(ae), {
@@ -415,31 +430,31 @@ const To = /* @__PURE__ */ Be({
               }, null, 8, ["image"])
             ]),
             default: v(() => [
-              a.expandable && s.value.length ? (i(), m(o(Y), h({ key: 0 }, o(je)(e.expandable), { fixed: be.value }), {
+              a.expandable && s.value.length ? (i(), m(o(Y), h({ key: 0 }, o(qe)(e.expandable), { fixed: be.value }), {
                 content: v((l) => [
                   (i(), m(D(a.expandable.renderContent(l))))
                 ]),
                 _: 1
               }, 16, ["fixed"])) : y("", !0),
-              a.rowSelection && s.value.length ? (i(), m(o(Y), h({ key: 1 }, o(He)(o(k), s.value), { field: o(Xe) }), null, 16, ["field"])) : y("", !0),
+              a.rowSelection && s.value.length ? (i(), m(o(Y), h({ key: 1 }, o(Ue)(o(k), s.value), { field: o(Ye) }), null, 16, ["field"])) : y("", !0),
               (i(!0), I(Q, null, L(o(ie), (l) => (i(), m(D(l), {
                 key: l.props.colId
               }))), 128))
             ]),
             _: 2
           }, [
-            L(o(ze)(C, ["searchFormExtra"]), (l, t) => ({
+            L(o(Ve)(C, ["searchFormExtra"]), (l, t) => ({
               name: t,
               fn: v((p) => [
-                O(e.$slots, t, Pe(Ne(p || {})))
+                O(e.$slots, t, Te(ze(p || {})))
               ])
             }))
           ]), 1040, ["data", "sort-config", "filter-config", "loading", "style", "size", "onSortChange", "onFilterChange"]))
         ], 2),
         E("div", {
-          class: g(o(c)("pagination-wrapper"))
+          class: g(o(u)("pagination-wrapper"))
         }, [
-          e.sticky ? (i(), m(o(ro), {
+          e.sticky ? (i(), m(o(no), {
             key: 0,
             direction: "horizontal",
             "scroll-container": ce.value,
@@ -447,9 +462,9 @@ const To = /* @__PURE__ */ Be({
             "bar-color": "var(--ap-scrollbar-thumb-color-base)",
             "track-color": "var(--ap-table-header-bg, #f2f6f9)"
           }, null, 8, ["scroll-container"])) : y("", !0),
-          e.pagination !== !1 ? (i(), m(o($e), h({
+          e.pagination !== !1 ? (i(), m(o(We), h({
             key: 1,
-            class: o(c)("pagination")
+            class: o(u)("pagination")
           }, o(M).pagination, { onChange: o(Ce) }), null, 16, ["class", "onChange"])) : y("", !0)
         ], 2)
       ], 6)
@@ -457,5 +472,5 @@ const To = /* @__PURE__ */ Be({
   }
 });
 export {
-  To as default
+  _o as default
 };