@aplus-frontend/ui 0.6.0-beta.2 → 0.6.0-beta.21

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

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