@aplus-frontend/ui 0.6.0-beta.9 → 0.6.1

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

@@ -1,30 +1,31 @@
-import { defineComponent as Be, useSlots as Fe, getCurrentInstance as Ie, ref as B, computed as n, unref as o, watch as F, createElementBlock as I, openBlock as s, 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 p, resolveDynamicComponent as D, renderSlot as O, normalizeProps as Ee, guardReactiveProps as Pe } from "vue";
-import { VxeTable as Ne, VxeColumn as Y } from "vxe-table";
+import { defineComponent as Ke, useSlots as Le, getCurrentInstance as De, ref as k, computed as n, unref as a, toRef as Oe, nextTick as $e, watch as F, createElementBlock as E, openBlock as d, normalizeStyle as A, normalizeClass as g, createCommentVNode as S, createElementVNode as B, createVNode as X, mergeProps as h, createSlots as J, withCtx as C, Fragment as Q, renderList as V, createBlock as p, resolveDynamicComponent as K, renderSlot as L, normalizeProps as Me, guardReactiveProps as We } from "vue";
+import { VxeTable as je, 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 Te } from "lodash-unified";
-import { ApForm as ze } from "../ap-form/index.mjs";
+import { isUndefined as R, isFunction as ee, omit as He } from "lodash-unified";
+import { ApForm as qe } 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 Ae, getFieldProps as Ve, getSearchFormItemRenderNode as Le, recursionApColumns as oe } from "../ap-table/utils.mjs";
-import { useTablePaging as De } from "../ap-table/hooks/use-table-paging-ng.mjs";
-import { Empty as ae, Pagination as Oe } from "@aplus-frontend/antdv";
-import { useInnerParams as $e } from "./hooks/use-inner-params.mjs";
-import { toVxeProps as Ke, getRowExpandProps as We, getRowSelectionProps as je } from "./utils/table.mjs";
-import He from "../ap-table/hooks/use-table-row-selection.mjs";
-import { useProvideApTable as Me } from "../ap-table/context.mjs";
-import { sizeReverseMap as qe, sizeMap as Ue, ROW_SELECTION_FIELD as Ge } from "./constants.mjs";
-import { useRenderColumns as Xe } from "./hooks/use-render-columns.mjs";
-import { useToken as Je } from "@aplus-frontend/antdv/es/theme/internal";
+import { noRenderAsFormItemValueList as Ue } from "../ap-table/constants.mjs";
+import { getColumnOrder as oe, updateFormProps as Ge, getFieldProps as Xe, getSearchFormItemRenderNode as Je, recursionApColumns as te } from "../ap-table/utils.mjs";
+import { useTablePaging as Qe } from "../ap-table/hooks/use-table-paging-ng.mjs";
+import { Empty as ae, Pagination as Ye } from "@aplus-frontend/antdv";
+import { useInnerParams as Ze } from "./hooks/use-inner-params.mjs";
+import { toVxeProps as eo, getRowExpandProps as oo, getRowSelectionProps as to } from "./utils/table.mjs";
+import ao from "./hooks/use-row-selection.mjs";
+import { useProvideApTable as ro } from "../ap-table/context.mjs";
+import { sizeReverseMap as lo, sizeMap as no, ROW_SELECTION_FIELD as so } from "./constants.mjs";
+import { useRenderColumns as io } from "./hooks/use-render-columns.mjs";
+import { useToken as uo } from "@aplus-frontend/antdv/es/theme/internal";
 import "../scroll-bar/index.mjs";
-import { isDef as Qe } from "../utils/index.mjs";
-import { getValidVNodeList as Ye } from "../utils/slot.mjs";
-import { useNamespace as Ze } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as eo } from "../config-provider/hooks/use-global-config.mjs";
-import { useLocale as oo } from "../config-provider/hooks/use-locale.mjs";
-import ao from "../scroll-bar/index.vue.mjs";
-const No = /* @__PURE__ */ Be({
+import { isDef as co } from "../utils/index.mjs";
+import { getValidVNodeList as po } from "../utils/slot.mjs";
+import { useTableStyle as fo } from "./hooks/use-table-style.mjs";
+import { useNamespace as mo } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as go } from "../config-provider/hooks/use-global-config.mjs";
+import { useLocale as ho } from "../config-provider/hooks/use-locale.mjs";
+import Co from "../scroll-bar/index.vue.mjs";
+const qo = /* @__PURE__ */ Ke({
   name: "ApGrid",
   __name: "index",
   props: {
@@ -111,341 +112,392 @@ const No = /* @__PURE__ */ Be({
     footer: {},
     virtual: { type: [Boolean, Object], default: void 0 },
     expandable: {},
-    value: {}
+    value: {},
+    rowHighlightable: { type: [Boolean, Function], default: !1 }
   },
-  setup(re, { expose: te }) {
+  setup(re, { expose: le }) {
     var G;
-    const C = Fe(), a = re, w = (G = Ie()) == 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 } = Ze("ap-grid"), ne = eo("valueTypeMap"), d = B([]), $ = B([]), m = B(), x = B(a.size), [, i] = Je(), { t: se } = oo();
+    const y = Le(), t = re, b = (G = De()) == null ? void 0 : G.appContext.app;
+    b && !b.__VXE_PC_UI_INSTALLED__ && (b.use(Z), b.__VXE_PC_UI_INSTALLED__ = !0);
+    const { e: I, b: u, be: ne } = mo("ap-grid"), se = go("valueTypeMap"), i = k([]), D = k([]), s = k(), x = k(t.size), ie = fo(), [, de] = uo(), { t: ue } = ho();
     Z.setConfig({
-      i18n: (e, r) => se(`ap.${e}`, r)
+      i18n: (e, o) => ue(`ap.${e}`, o)
     });
-    const { renderConfig: de, updateSignal: ie } = Xe(d);
-    let K = 0;
-    const ce = n(() => {
-      if (m.value)
-        return m.value.$el.querySelector(
+    const { renderConfig: ce, updateSignal: pe } = io(i);
+    let O = 0;
+    const fe = n(() => {
+      if (s.value)
+        return s.value.$el.querySelector(
           ".vxe-table--header-inner-wrapper"
         );
-    }), W = 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)
-      )) == null ? void 0 : r.sort((t, u) => {
-        let b = ee(t.order);
-        return ee(u.order) - b;
-      })) == null ? void 0 : l.map((t) => {
-        const u = Ae(
-          t,
-          Ve(t.fieldProps, {})
-        ), b = {
-          ...t,
+    }), $ = n(() => {
+      var e, o, r;
+      return O++, ((r = (o = (e = t.columns) == null ? void 0 : e.filter(
+        (l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Ue.includes(l.valueType)
+      )) == null ? void 0 : o.sort((l, c) => {
+        let w = oe(l.order);
+        return oe(c.order) - w;
+      })) == null ? void 0 : r.map((l) => {
+        const c = Ge(
+          l,
+          Xe(l.fieldProps, {})
+        ), w = {
+          ...l,
           fieldProps: {
-            label: t.title,
-            name: t.dataIndex,
+            label: l.title,
+            name: l.dataIndex,
             // tips: 在表格中的查询表单项默认是带边框的
             bordered: !0,
-            ...u || {},
-            _signal: K
+            ...c || {},
+            _signal: O
           },
           renderNode: void 0
         };
-        return b.renderNode = Le(
-          b,
-          o(ne)
-        ), b;
+        return w.renderNode = Je(
+          w,
+          a(se)
+        ), w;
       })) || [];
-    }), ue = n(() => {
-      var r;
-      return Qe(a.manual) ? a.manual : Ye(((r = C.searchFormExtra) == null ? void 0 : r.call(C)) || []).some((l) => {
-        var t;
-        return ((t = l.type) == null ? void 0 : t.name) === "ApView";
+    }), me = n(() => {
+      var o;
+      return co(t.manual) ? t.manual : po(((o = y.searchFormExtra) == null ? void 0 : o.call(y)) || []).some((r) => {
+        var l;
+        return ((l = r.type) == null ? void 0 : l.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(d), (e) => {
+    }), ge = n(() => [
+      u(),
+      t.card ? null : u("wrapper"),
+      t.adaptive ? u("adaptive") : null,
+      t.sticky ? u("sticky") : null
+    ].filter(Boolean)), M = n(() => te(a(i), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), H = n(() => oe(o(d), (e) => {
+    }).filter(Boolean)), W = n(() => te(a(i), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
-      formRef: N,
-      submit: T,
-      reset: z,
-      refresh: me,
+      formRef: P,
+      submit: N,
+      reset: T,
+      refresh: he,
       data: f,
-      tableProps: M,
-      setDataSource: fe,
-      handleTableChange: ge
-    } = De({
+      tableProps: j,
+      setDataSource: Ce,
+      handleTableChangeOptional: ye,
+      getPaging: ve,
+      setPaging: we
+    } = Qe({
       async request(e) {
-        var l;
-        if (!k.value.preserveSelectedRowKeys && S(a.dataSource) && A(), !S(a.dataSource)) {
-          const t = e.pageSize * (e.current - 1);
+        var r;
+        if (!m.value.preserveSelectedRowKeys && R(t.dataSource) && _(), !R(t.dataSource)) {
+          const l = e.pageSize * (e.current - 1);
           return {
-            data: (a.pagination === !1 ? a.dataSource : a.dataSource.slice(t, t + e.pageSize)) || [],
-            total: a.dataSource.length || 0
+            data: (t.pagination === !1 ? t.dataSource : t.dataSource.slice(l, l + e.pageSize)) || [],
+            total: t.dataSource.length || 0
           };
         }
-        const r = await ((l = a.request) == null ? void 0 : l.call(a, e));
+        const o = await ((r = t.request) == null ? void 0 : r.call(t, e));
         return {
-          data: (r == null ? void 0 : r.data) || [],
-          total: (r == null ? void 0 : r.total) || 0
+          data: (o == null ? void 0 : o.data) || [],
+          total: (o == null ? void 0 : o.total) || 0
         };
       },
       namespace: "ap-grid",
-      filterFields: H,
-      sortFields: j,
-      defaultParams: a.params,
-      defaultData: a.defaultData,
-      manual: o(ue),
-      formatParams: a.beforeSearchSubmit,
-      pagination: a.pagination
-    }), { sortChangeEvent: he, filterChangeEvent: ve, paginationChangeEvent: Ce } = $e(ge);
-    Me({
-      columns: n(() => d.value),
-      columnsBackup: n(() => $.value),
-      size: n(() => Ue[x.value]),
+      filterFields: W,
+      sortFields: M,
+      params: Oe(t, "params"),
+      defaultData: t.defaultData,
+      manual: a(me),
+      formatParams: t.beforeSearchSubmit,
+      pagination: t.pagination,
+      onClickReset: Ae,
+      onAfterRequest: U
+    }), { sortChangeEvent: Se, filterChangeEvent: Re, paginationChangeEvent: be } = Ze(ye);
+    ro({
+      columns: n(() => i.value),
+      columnsBackup: n(() => D.value),
+      size: n(() => no[x.value]),
       updateColumns(e) {
-        var r;
-        d.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e);
+        var o;
+        i.value = e, (o = t.onShownColumnsChange) == null || o.call(t, e);
       },
       updateSize(e) {
-        x.value = qe[e];
+        x.value = lo[e];
       },
       renderConfig: n(() => ({
-        className: le("table-header", "title"),
-        color: i.value.colorPrimary
+        className: ne("table-header", "title"),
+        color: de.value.colorTextTertiary
       })),
-      dataSource: n(() => o(f).records),
-      getSearchFormValues: U,
-      setSearchFormValues: q,
-      submit: T,
-      reset: z
+      dataSource: n(() => a(f).records),
+      getSearchFormValues: q,
+      setSearchFormValues: H,
+      submit: N,
+      reset: T
     });
-    const be = n(
-      () => d.value.some(
+    const xe = n(
+      () => i.value.some(
         (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 } = He({
-      ...a.rowSelection === !0 ? {} : a.rowSelection,
-      dataSource: Se,
-      rowKey: a.rowKey
-    }), _ = () => {
-      const e = m.value;
-      e && (R.value = [
+    ), ke = n(
+      () => R(t.loading) ? f.loading : t.loading
+    ), Fe = n(
+      () => R(t.dataSource) ? f.records : t.dataSource
+    ), { selectedRows: z, rowSelection: m, ...v } = ao({
+      ...t.rowSelection === !0 ? {} : t.rowSelection,
+      dataSource: Fe,
+      rowKey: t.rowKey
+    }), Ee = ({
+      checked: e,
+      row: o
+    }) => {
+      const r = s.value;
+      if (r && r) {
+        const l = [
+          ...r.getCheckboxReserveRecords(),
+          ...r.getCheckboxRecords()
+        ];
+        v.selectChange(o, e, l);
+      }
+    }, Be = ({
+      checked: e
+    }) => {
+      const o = s.value;
+      o && v.selectAllChange(e, [
+        ...o.getCheckboxReserveRecords(),
+        ...o.getCheckboxRecords()
+      ]);
+    }, Ie = () => {
+      const e = s.value;
+      e && v.selectRangeChange(e.getCheckboxRecords(), [
         ...e.getCheckboxReserveRecords(),
         ...e.getCheckboxRecords()
       ]);
-    }, xe = () => {
-      const e = m.value;
-      e && (R.value = [e.getRadioRecord()]);
+    }, Pe = () => {
+      const e = s.value;
+      e && (z.value = [e.getRadioRecord()]);
+    }, Ne = ({
+      row: e
+    }) => {
+      const o = t.rowHighlightable;
+      ee(o) && o(e);
     };
-    function Re() {
+    function Te() {
       var e;
-      return ((e = a.columns) == null ? void 0 : e.filter((r) => !r.hideInTable)) || [];
+      return ((e = t.columns) == null ? void 0 : e.filter((o) => !o.hideInTable)) || [];
+    }
+    function H(e) {
+      var o, r, l;
+      (l = (r = (o = P.value) == null ? void 0 : o.apForm) == null ? void 0 : r.setFieldsValue) == null || l.call(r, e);
+    }
+    function q(e = !1) {
+      var r, l, c;
+      const o = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return (c = (l = (r = P.value) == null ? void 0 : r.apForm) == null ? void 0 : l[o]) == null ? void 0 : c.call(l, !0);
     }
-    function q(e) {
-      var r, l, t;
-      (t = (l = (r = N.value) == null ? void 0 : r.apForm) == null ? void 0 : l.setFieldsValue) == null || t.call(l, e);
+    function _() {
+      v.clearAll();
+      const e = s.value;
+      e && (m.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
     }
-    function U(e = !1) {
-      var l, t, u;
-      const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (u = (t = (l = N.value) == null ? void 0 : l.apForm) == null ? void 0 : t[r]) == null ? void 0 : u.call(t, !0);
+    function ze(e) {
+      ee(t.rowKey) || (v.selectMultiByKeys(e), U());
     }
-    function A() {
-      we.clearAll();
-      const e = m.value;
-      e && (k.value.type === "radio" ? (e.clearRadioRow(), e.clearRadioReserve()) : (e.clearCheckboxRow(), e.clearCheckboxReserve()));
+    function _e(e) {
+      const o = s.value;
+      if (!o)
+        return;
+      const r = String(e[t.rowKey]), l = o.getRowById(r);
+      o.setCurrentRow(l);
     }
-    async function ke(e, r) {
-      var t;
-      const l = f.records[e];
-      if (l)
-        return (t = m.value) == null ? void 0 : t.scrollToRow(l, r);
+    function Ae() {
+      const e = s.value;
+      e && (e.clearSort(), e.clearFilter());
+    }
+    function U() {
+      $e(() => {
+        var e, o;
+        m.value.type === "radio" ? (e = s.value) == null || e.setRadioRowKey(m.value.selectedRowKeys[0]) : (o = s.value) == null || o.setCheckboxRowKey(
+          m.value.selectedRowKeys,
+          !0
+        );
+      });
+    }
+    async function Ve(e, o) {
+      var l;
+      const r = f.records[e];
+      if (r)
+        return (l = s.value) == null ? void 0 : l.scrollToRow(r, o);
     }
     return F(
-      () => [a.columnResizable, a.columns],
+      () => [t.columnResizable, t.columns],
       () => {
-        var r;
-        const e = Re();
-        d.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e), $.value = e;
+        var o;
+        const e = Te();
+        i.value = e, (o = t.onShownColumnsChange) == null || o.call(t, e), D.value = e;
       },
       {
         deep: !0,
         immediate: !0
       }
     ), F(
-      () => a.dataSource,
+      () => t.dataSource,
       (e) => {
-        fe(e);
+        Ce(e);
       },
       { immediate: !0, deep: !0 }
     ), F(
-      () => o(f).loading,
+      () => a(f).loading,
       (e) => {
-        var r;
-        (r = a.onLoadingChange) == null || r.call(a, e);
+        var o;
+        (o = t.onLoadingChange) == null || o.call(t, e);
       }
     ), F(
-      () => a.size,
+      () => t.size,
       (e) => {
         x.value = e;
       }
-    ), te({
-      submit: T,
-      reset: z,
-      refresh: me,
-      setSearchFormValues: q,
-      getSearchFormValues: U,
-      getShowColumns: () => o(d),
+    ), le({
+      submit: N,
+      reset: T,
+      refresh: he,
+      setSearchFormValues: H,
+      getSearchFormValues: q,
+      getShowColumns: () => a(i),
       rowSelection: {
-        selectedRows: n(() => R.value),
-        clearAll: A
+        selectedRows: n(() => z.value),
+        setSelectedRowKeys: ze,
+        clearAll: _
       },
-      scrollToRow: ke,
-      getDataSource: () => o(f.records)
-    }), (e, r) => (s(), I("div", {
-      class: g(pe.value),
-      style: V(e.wrapperStyle)
+      scrollToRow: Ve,
+      getDataSource: () => a(f.records),
+      setCurrentRow: _e,
+      getPaging: ve,
+      setPaging: we
+    }), (e, o) => (d(), E("div", {
+      class: g(ge.value),
+      style: A(e.wrapperStyle)
     }, [
-      o(S)(e.dataSource) && e.searchForm !== !1 && W.value.length > 0 ? (s(), I("div", {
+      a(R)(e.dataSource) && e.searchForm !== !1 && $.value.length > 0 ? (d(), E("div", {
         key: 0,
-        class: g(e.card ? o(P)("search-wrapper") : null),
-        style: V(e.searchFormWrapperStyle)
+        class: g(e.card ? a(I)("search-wrapper") : null),
+        style: A(e.searchFormWrapperStyle)
       }, [
-        X(o(ze).SearchForm, h(e.searchForm || {}, {
+        X(a(qe).SearchForm, h(e.searchForm || {}, {
           ref_key: "formRef",
-          ref: N,
+          ref: P,
           "custom-reset": "",
-          "submit-loading": o(M).loading,
-          onSubmit: o(T),
-          onReset: o(z)
+          "submit-loading": a(j).loading,
+          onSubmit: a(N),
+          onReset: a(T)
         }), J({
-          default: v(() => [
-            (s(!0), I(Q, null, L(W.value, (l) => (s(), p(D(l.renderNode.Comp), h({
-              key: l.dataIndex,
-              item: l,
+          default: C(() => [
+            (d(!0), E(Q, null, V($.value, (r) => (d(), p(K(r.renderNode.Comp), h({
+              key: r.dataIndex,
+              item: r,
               ref_for: !0
-            }, l.fieldProps || {}, {
-              span: l.span,
-              "custom-render": l.renderNode.render
+            }, r.fieldProps || {}, {
+              span: r.span,
+              "custom-render": r.renderNode.render
             }), null, 16, ["item", "span", "custom-render"]))), 128))
           ]),
           _: 2
         }, [
-          C.searchFormExtra ? {
+          y.searchFormExtra ? {
             name: "extra",
-            fn: v(() => [
-              O(e.$slots, "searchFormExtra")
+            fn: C(() => [
+              L(e.$slots, "searchFormExtra")
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : y("", !0),
-      E("div", {
-        class: g([o(P)("table-wrapper"), e.card ? o(P)("table-wrapper-card") : null]),
-        style: V(e.tableWrapperStyle)
+      ], 6)) : S("", !0),
+      B("div", {
+        class: g([a(I)("table-wrapper"), e.card ? a(I)("table-wrapper-card") : null]),
+        style: A(e.tableWrapperStyle)
       }, [
-        E("div", {
-          class: g(o(c)("header-wrapper"))
+        B("div", {
+          class: g(a(u)("header-wrapper"))
         }, [
-          O(e.$slots, "title", {
-            selectedRows: o(R),
-            selectedRowKeys: o(k).selectedRowKeys,
-            shownColumns: d.value,
-            clearAll: A
+          L(e.$slots, "title", {
+            selectedRows: a(z),
+            selectedRowKeys: a(m).selectedRowKeys,
+            shownColumns: i.value,
+            clearAll: _
           })
         ], 2),
-        E("div", {
-          class: g(o(c)("vxe-wrapper"))
+        B("div", {
+          class: g(a(u)("vxe-wrapper"))
         }, [
-          (s(), p(o(Ne), h(o(Ke)(a), {
+          (d(), p(a(je), h(a(eo)(t), {
             ref_key: "tableRef",
-            ref: m,
-            key: o(ie),
-            data: o(f).records,
-            "sort-config": { remote: j.value.length > 0 },
-            "filter-config": { remote: H.value.length > 0 },
-            loading: ye.value,
-            style: {
-              "--vxe-ui-table-row-checkbox-checked-background-color": o(i).controlItemBgActive,
-              "--vxe-ui-table-row-hover-checkbox-checked-background-color": o(i).controlItemBgActiveHover,
-              "--vxe-ui-font-primary-color": o(i).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(i).controlItemBgActive,
-              "--vxe-ui-table-row-hover-radio-checked-background-color": o(i).controlItemBgActiveHover,
-              "--vxe-ui-font-color": o(i).colorTextBase,
-              "--vxe-ui-table-border-color": o(i).colorBorderSecondary,
-              "--vxe-ui-table-header-font-color": o(i).colorTextBase
+            ref: s,
+            key: a(pe),
+            data: a(f).records,
+            "sort-config": {
+              remote: M.value.length > 0,
+              trigger: "cell"
+            },
+            "filter-config": {
+              remote: W.value.length > 0
             },
+            loading: ke.value,
+            style: a(ie),
             size: x.value,
-            onSortChange: o(he),
-            onFilterChange: o(ve),
-            onCheckboxChange: _,
-            onCheckboxRangeChange: _,
-            onCheckboxAll: _,
-            onRadioChange: xe
+            onSortChange: a(Se),
+            onFilterChange: a(Re),
+            onCheckboxChange: Ee,
+            onCheckboxRangeChange: Ie,
+            onCheckboxAll: Be,
+            onRadioChange: Pe,
+            onCurrentChange: Ne
           }), J({
-            empty: v(() => [
-              X(o(ae), {
-                image: o(ae).PRESENTED_IMAGE_SIMPLE
+            empty: C(() => [
+              X(a(ae), {
+                image: a(ae).PRESENTED_IMAGE_SIMPLE
               }, null, 8, ["image"])
             ]),
-            default: v(() => [
-              a.expandable ? (s(), p(o(Y), h({ key: 0 }, o(We)(e.expandable), { fixed: be.value }), {
-                content: v((l) => [
-                  (s(), p(D(a.expandable.renderContent(l))))
+            default: C(() => [
+              t.expandable && i.value.length ? (d(), p(a(Y), h({ key: 0 }, a(oo)(e.expandable), { fixed: xe.value }), {
+                content: C((r) => [
+                  (d(), p(K(t.expandable.renderContent(r))))
                 ]),
                 _: 1
-              }, 16, ["fixed"])) : y("", !0),
-              a.rowSelection ? (s(), p(o(Y), h({ key: 1 }, o(je)(o(k), d.value), { field: o(Ge) }), null, 16, ["field"])) : y("", !0),
-              (s(!0), I(Q, null, L(o(de), (l) => (s(), p(D(l), {
-                key: l.props.colId
+              }, 16, ["fixed"])) : S("", !0),
+              t.rowSelection && i.value.length ? (d(), p(a(Y), h({ key: 1 }, a(to)(a(m), i.value), { field: a(so) }), null, 16, ["field"])) : S("", !0),
+              (d(!0), E(Q, null, V(a(ce), (r) => (d(), p(K(r), {
+                key: r.props.colId
               }))), 128))
             ]),
             _: 2
           }, [
-            L(o(Te)(C, ["searchFormExtra"]), (l, t) => ({
-              name: t,
-              fn: v((u) => [
-                O(e.$slots, t, Ee(Pe(u || {})))
+            V(a(He)(y, ["searchFormExtra"]), (r, l) => ({
+              name: l,
+              fn: C((c) => [
+                L(e.$slots, l, Me(We(c || {})))
               ])
             }))
           ]), 1040, ["data", "sort-config", "filter-config", "loading", "style", "size", "onSortChange", "onFilterChange"]))
         ], 2),
-        E("div", {
-          class: g(o(c)("pagination-wrapper"))
+        B("div", {
+          class: g(a(u)("pagination-wrapper"))
         }, [
-          e.sticky ? (s(), p(o(ao), {
+          e.sticky ? (d(), p(a(Co), {
             key: 0,
             direction: "horizontal",
-            "scroll-container": ce.value,
+            "scroll-container": fe.value,
             "extra-size": -4.2,
-            "bar-color": "var(--basic-scrollbar-thumb-color-base, #bfbfbf)",
+            "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 ? (s(), p(o(Oe), h({
+          }, null, 8, ["scroll-container"])) : S("", !0),
+          e.pagination !== !1 ? (d(), p(a(Ye), h({
             key: 1,
-            class: o(c)("pagination")
-          }, o(M).pagination, { onChange: o(Ce) }), null, 16, ["class", "onChange"])) : y("", !0)
+            class: a(u)("pagination")
+          }, a(j).pagination, { onChange: a(be) }), null, 16, ["class", "onChange"])) : S("", !0)
         ], 2)
       ], 6)
     ], 6));
   }
 });
 export {
-  No as default
+  qo as default
 };