@aplus-frontend/ui 0.6.0-beta.0 → 0.6.0-beta.10

package/es/src/ap-table/ap-table.vue2.mjs

@@ -1,26 +1,27 @@
-import { defineComponent as Ke, useSlots as Ee, ref as h, computed as s, unref as l, createVNode as p, Fragment as oe, watch as k, createElementBlock as B, openBlock as m, normalizeStyle as E, normalizeClass as y, createCommentVNode as re, createElementVNode as O, mergeProps as w, createSlots as ae, withCtx as v, renderList as te, createBlock as le, resolveDynamicComponent as Oe, renderSlot as R, normalizeProps as Le, guardReactiveProps as $e } from "vue";
-import { Divider as Ae, Table as De } from "@aplus-frontend/antdv";
-import { useToken as je } from "@aplus-frontend/antdv/es/theme/internal";
-import { ApForm as We } from "../ap-form/index.mjs";
+import { defineComponent as Le, useSlots as Oe, ref as w, computed as s, unref as l, createVNode as m, Fragment as re, watch as k, createElementBlock as B, openBlock as b, normalizeStyle as K, normalizeClass as y, createCommentVNode as oe, createElementVNode as L, mergeProps as v, createSlots as ae, withCtx as R, renderList as te, createBlock as le, resolveDynamicComponent as Ae, renderSlot as C, normalizeProps as $e, guardReactiveProps as De } from "vue";
+import { Divider as je, Table as We } from "@aplus-frontend/antdv";
+import { useToken as _e } from "@aplus-frontend/antdv/es/theme/internal";
+import { ApForm as He } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as ne } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as _e } from "./hooks/use-table-paging-ng.mjs";
-import { isUndefined as b, omit as se, isBoolean as He } from "lodash-unified";
-import { getColumnOrder as de, updateFormProps as Ue, getFieldProps as qe, getSearchFormItemRenderNode as Me, recursionApColumns as ue, getTableTitle as Ge, getTableRenderType as Je, getTableRenderProps as Qe, getTableCellRenderNode as Xe, apColumnToColumn as Ye, falseToUndefined as Ze, objectToString as eo } from "./utils.mjs";
-import oo from "./hooks/use-table-content-height.mjs";
-import ro from "./hooks/use-table-row-selection.mjs";
-import { getScrollbarSize as ao, isDef as to } from "../utils/index.mjs";
+import { useTablePaging as Ue } from "./hooks/use-table-paging-ng.mjs";
+import { isUndefined as g, omit as se, isBoolean as qe } from "lodash-unified";
+import { getColumnOrder as de, updateFormProps as Me, getFieldProps as Ge, getSearchFormItemRenderNode as Je, recursionApColumns as ue, getTableTitle as Qe, getTableRenderType as Xe, getTableRenderProps as Ye, getTableCellRenderNode as Ze, apColumnToColumn as er, falseToUndefined as rr, objectToString as or } from "./utils.mjs";
+import ar from "./hooks/use-table-content-height.mjs";
+import tr from "./hooks/use-table-row-selection.mjs";
+import { getScrollbarSize as lr, isDef as ie } from "../utils/index.mjs";
 import "./components/setting/modal/index.vue.mjs";
 import "./components/paragraph-ellipsis/index.vue.mjs";
-import { useProvideApTable as lo } from "./context.mjs";
+import { useProvideApTable as nr } from "./context.mjs";
 import "../scroll-bar/index.mjs";
-import { useStickyScroll as no } from "./hooks/use-sticky-scroll.mjs";
-import { useNamespace as so } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as uo } from "../config-provider/hooks/use-global-config.mjs";
-import io from "./components/paragraph-ellipsis/index.vue2.mjs";
-import co from "./components/setting/modal/index.vue2.mjs";
-import fo from "../scroll-bar/index.vue.mjs";
-const Eo = /* @__PURE__ */ Ke({
+import { useStickyScroll as sr } from "./hooks/use-sticky-scroll.mjs";
+import { getValidVNodeList as dr } from "../utils/slot.mjs";
+import { useNamespace as ur } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ir } from "../config-provider/hooks/use-global-config.mjs";
+import cr from "./components/paragraph-ellipsis/index.vue2.mjs";
+import fr from "./components/setting/modal/index.vue2.mjs";
+import pr from "../scroll-bar/index.vue.mjs";
+const Or = /* @__PURE__ */ Le({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -126,10 +127,10 @@ const Eo = /* @__PURE__ */ Ke({
     tableWrapperStyle: {},
     manual: {
       type: Boolean,
-      default: !1
+      default: void 0
     },
     size: {
-      default: "middle"
+      default: "small"
     },
     adaptive: {
       type: Boolean,
@@ -144,248 +145,256 @@ const Eo = /* @__PURE__ */ Ke({
       default: void 0
     }
   },
-  setup(ie, {
-    expose: ce
+  setup(ce, {
+    expose: fe
   }) {
-    const o = ie;
-    let L = 0;
-    const C = Ee(), [, fe] = je(), {
+    const r = ce;
+    let O = 0;
+    const c = Oe(), [, pe] = _e(), {
       e: z,
-      b: c,
-      be: $,
-      m: pe,
-      cssVar: me
-    } = so("ap-table"), A = uo("valueTypeMap"), {
+      b: f,
+      be: A,
+      m: me,
+      cssVar: be
+    } = ur("ap-table"), $ = ir("valueTypeMap"), {
       height: ye,
-      contentRef: be
-    } = oo(), D = h(), j = h(), {
+      contentRef: ge
+    } = ar(), D = w(), j = w(), {
       isStickyMode: W,
       scrollBarRef: i
-    } = no(D), P = h(o.size), u = h([]), _ = h([]), H = ao();
-    lo({
+    } = sr(D), N = w(r.size), u = w([]), _ = w([]), H = lr();
+    nr({
       columns: s(() => u.value),
       columnsBackup: s(() => _.value),
-      size: s(() => P.value),
+      size: s(() => N.value),
       updateColumns(e) {
         u.value = e;
       },
       updateSize(e) {
-        P.value = e;
+        N.value = e;
       },
-      dataSource: s(() => l(g).records),
+      dataSource: s(() => l(S).records),
       getSearchFormValues: Q,
       setSearchFormValues: J,
-      submit: () => N(),
+      submit: () => I(),
       reset: () => V()
     });
     const U = s(() => {
-      var e, a, r;
-      return L++, ((r = (a = (e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !ne.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
+      var e, a, o;
+      return O++, ((o = (a = (e = r.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !ne.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
         let n = de(t.order);
         return de(d.order) - n;
-      })) == null ? void 0 : r.map((t) => {
-        const d = Ue(t, qe(t.fieldProps, {})), n = {
+      })) == null ? void 0 : o.map((t) => {
+        const d = Me(t, Ge(t.fieldProps, {})), n = {
           ...t,
           fieldProps: {
             label: t.title,
             name: t.dataIndex,
+            // tips: 在表格中的查询表单项默认是带边框的
+            bordered: !0,
             ...d || {},
-            _signal: L
+            _signal: O
           },
           renderNode: void 0
         };
-        return n.renderNode = Me(n, l(A)), n;
+        return n.renderNode = Je(n, l($)), n;
       })) || [];
-    }), ge = s(() => ue(l(u), (e) => {
+    }), Se = s(() => ue(l(u), (e) => {
       if (e.sorter === !0)
         return e.key || (e == null ? void 0 : e.dataIndex);
-    }).filter(Boolean)), Se = s(() => ue(l(u), (e) => {
+    }).filter(Boolean)), he = s(() => ue(l(u), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || (e == null ? void 0 : e.dataIndex);
-    }).filter(Boolean)), he = s(() => b(o.dataSource) ? g.records : o.dataSource), {
+    }).filter(Boolean)), we = s(() => g(r.dataSource) ? S.records : r.dataSource), ve = s(() => {
+      var a;
+      return ie(r.manual) ? r.manual : dr(((a = c.searchFormExtra) == null ? void 0 : a.call(c)) || []).some((o) => {
+        var t;
+        return ((t = o.type) == null ? void 0 : t.name) === "ApView";
+      });
+    }), {
       rowSelection: T,
-      selectedRows: F,
-      ...x
-    } = ro({
+      selectedRows: x,
+      ...F
+    } = tr({
       fixed: !0,
-      ...o.rowSelection === !0 ? {} : o.rowSelection,
-      rowKey: o.rowKey,
-      dataSource: he
+      ...r.rowSelection === !0 ? {} : r.rowSelection,
+      rowKey: r.rowKey,
+      dataSource: we
     }), {
-      formRef: I,
-      submit: N,
+      formRef: P,
+      submit: I,
       reset: V,
       tableProps: q,
-      refresh: we,
-      data: g,
-      setDataSource: ve,
+      refresh: Re,
+      data: S,
+      setDataSource: Ce,
       getColumnSFConfig: M,
-      sortedInfo: Re,
-      filteredInfo: Ce
-    } = _e({
+      sortedInfo: Te,
+      filteredInfo: xe
+    } = Ue({
       async request(e) {
-        var r, t;
-        if (!T.value.preserveSelectedRowKeys && b(o.dataSource) && x.clearAll(), !b(o.dataSource))
+        var o, t;
+        if (!T.value.preserveSelectedRowKeys && g(r.dataSource) && F.clearAll(), !g(r.dataSource))
           return {
-            data: o.dataSource || [],
-            total: o.dataSource.length || 0
+            data: r.dataSource || [],
+            total: r.dataSource.length || 0
           };
-        const a = await ((r = o.request) == null ? void 0 : r.call(o, e));
-        return (t = o.onLoad) == null || t.call(o, (a == null ? void 0 : a.data) || []), {
+        const a = await ((o = r.request) == null ? void 0 : o.call(r, e));
+        return (t = r.onLoad) == null || t.call(r, (a == null ? void 0 : a.data) || []), {
           data: (a == null ? void 0 : a.data) || [],
           total: (a == null ? void 0 : a.total) || 0
         };
       },
-      filterFields: Se,
-      sortFields: ge,
-      defaultParams: o.params,
-      defaultData: o.defaultData,
-      manual: o.manual,
-      formatParams: o.beforeSearchSubmit,
-      pagination: o.pagination
-    }), Te = () => {
-      var r;
-      let e = ((r = o.columns) == null ? void 0 : r.filter((t) => !t.hideInTable)) || [];
+      filterFields: he,
+      sortFields: Se,
+      defaultParams: r.params,
+      defaultData: r.defaultData,
+      manual: l(ve),
+      formatParams: r.beforeSearchSubmit,
+      pagination: r.pagination
+    }), Fe = () => {
+      var o;
+      let e = ((o = r.columns) == null ? void 0 : o.filter((t) => !t.hideInTable)) || [];
       function a(t, d) {
         return t.map((n) => ({
-          resizable: to(n.resizable) ? n.resizable : o.columnResizable,
-          ...se(Ye(n), ["ellipsis"]),
+          resizable: ie(n.resizable) ? n.resizable : r.columnResizable,
+          ...se(er(n), ["ellipsis"]),
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(n),
           fixed: d ? d.fixed : n.fixed,
-          title: Ge(n, $("table-header", "title"), C.headerCell, l(fe).colorPrimary),
+          title: Qe(n, A("table-header", "title"), c.headerCell, l(pe).colorPrimary),
           customRender({
-            value: f,
-            ...S
+            value: p,
+            ...h
           }) {
             var Z, ee;
-            const X = Je(n), Ie = Qe({
+            const X = Xe(n), Ve = Ye({
               ...n,
               valueType: X
             }, {
-              value: f,
-              ...S
-            }), Ne = Xe(X, Ie, S.record, l(A)), Y = ((Z = n.renderText) == null ? void 0 : Z.call(n, {
-              value: f,
-              ...S
-            })) || f, Ve = n.renderText ? p(oe, null, [(ee = n.renderText) == null ? void 0 : ee.call(n, {
-              value: f,
-              ...S
-            })]) : Ne;
-            let K = ze(n, Y, Ve);
-            return n.customRender && (K = n.customRender({
-              value: f,
-              ...S,
+              value: p,
+              ...h
+            }), Ee = Ze(X, Ve, h.record, l($)), Y = ((Z = n.renderText) == null ? void 0 : Z.call(n, {
+              value: p,
+              ...h
+            })) || p, Ke = n.renderText ? m(re, null, [(ee = n.renderText) == null ? void 0 : ee.call(n, {
+              value: p,
+              ...h
+            })]) : Ee;
+            let E = Pe(n, Y, Ke);
+            return n.customRender && (E = n.customRender({
+              value: p,
+              ...h,
               column: n,
-              originalNode: K,
+              originalNode: E,
               originalText: Y
-            })), K;
+            })), E;
           },
           children: a(n.children || [], d || n)
         }));
       }
       return a(e);
-    }, Fe = () => {
+    }, ke = () => {
       function e(a) {
-        var r;
+        var o;
         for (const t of a)
-          (r = t.children) != null && r.length ? e(t.children) : M(t, !0);
+          (o = t.children) != null && o.length ? e(t.children) : M(t, !0);
       }
       e(u.value);
     };
-    k(() => [o.columns, o.columnResizable], () => {
-      const e = Te();
+    k(() => [r.columns, r.columnResizable], () => {
+      const e = Fe();
       u.value = e, _.value = e;
     }, {
       deep: !0,
       immediate: !0
-    }), k(() => [Re.value, Ce.value], () => {
-      Fe();
+    }), k(() => [Te.value, xe.value], () => {
+      ke();
     }, {
       deep: !0
     });
-    const xe = s(() => {
-      var a, r;
-      if (o.adaptive && (g.total > 0 || ((a = o.dataSource) == null ? void 0 : a.length)))
+    const Be = s(() => {
+      var a, o;
+      if (r.adaptive && (S.total > 0 || ((a = r.dataSource) == null ? void 0 : a.length)))
         return {
           y: l(ye),
-          x: ((r = o.scroll) == null ? void 0 : r.x) || "100%"
+          x: ((o = r.scroll) == null ? void 0 : o.x) || "100%"
         };
-      if (o.scroll)
-        return o.scroll;
-    }), ke = s(() => {
+      if (r.scroll)
+        return r.scroll;
+    }), ze = s(() => {
       var e;
-      if (o.tableLayout)
-        return o.tableLayout;
-      if ((e = o.columns) != null && e.some((a) => a.ellipsis))
+      if (r.tableLayout)
+        return r.tableLayout;
+      if ((e = r.columns) != null && e.some((a) => a.ellipsis))
         return "fixed";
     }), G = s(() => {
-      var r;
+      var o;
       const e = l(q), a = l(T);
       return {
-        ...o,
+        ...r,
         ...e,
-        rowSelection: o.rowSelection === !0 || ((r = o.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
+        rowSelection: r.rowSelection === !0 || ((o = r.rowSelection) == null ? void 0 : o.mode) === "internal" ? {
           ...a,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: b(o.dataSource) ? a.preserveSelectedRowKeys : !0
-        } : Ze(o.rowSelection),
-        loading: b(o.loading) ? e.loading : o.loading,
-        pagination: o.pagination === !1 ? !1 : e.pagination,
-        scroll: l(xe)
+          preserveSelectedRowKeys: g(r.dataSource) ? a.preserveSelectedRowKeys : !0
+        } : rr(r.rowSelection),
+        loading: g(r.loading) ? e.loading : r.loading,
+        pagination: r.pagination === !1 ? !1 : e.pagination,
+        scroll: l(Be)
       };
-    }), Be = s(() => {
+    }), Ne = s(() => {
       var e;
-      return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, W.value && ((e = i.value) != null && e.visible) ? pe(`sticky-${H === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
+      return [f(), r.card ? null : f("wrapper"), r.adaptive ? f("adaptive") : null, W.value && ((e = i.value) != null && e.visible) ? me(`sticky-${H === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
     });
-    function ze(e, a, r) {
+    function Pe(e, a, o) {
       if (ne.includes(e.valueType))
-        return r;
-      const t = eo(a);
-      return e.copyable || e.ellipsis ? p(io, {
+        return o;
+      const t = or(a);
+      return e.copyable || e.ellipsis ? m(cr, {
         copyable: e.copyable,
         rawValue: t,
-        ellipsis: e.ellipsis ? He(e.ellipsis) ? {
-          tooltip: r,
+        ellipsis: e.ellipsis ? qe(e.ellipsis) ? {
+          tooltip: o,
           rows: 1
         } : {
           ...e.ellipsis,
-          tooltip: r
+          tooltip: o
         } : !1,
-        content: r
-      }, null) : r;
+        content: o
+      }, null) : o;
     }
-    k(() => l(g).loading, (e) => {
+    k(() => l(S).loading, (e) => {
       var a;
-      (a = o.onLoadingChange) == null || a.call(o, e);
-    }), k(() => o.dataSource, (e) => {
-      ve(e);
+      (a = r.onLoadingChange) == null || a.call(r, e);
+    }), k(() => r.dataSource, (e) => {
+      Ce(e);
     }, {
       immediate: !0
     });
     function J(e) {
-      var a, r, t;
-      (t = (r = (a = I.value) == null ? void 0 : a.apForm) == null ? void 0 : r.setFieldsValue) == null || t.call(r, e);
+      var a, o, t;
+      (t = (o = (a = P.value) == null ? void 0 : a.apForm) == null ? void 0 : o.setFieldsValue) == null || t.call(o, e);
     }
     function Q(e = !1) {
-      var r, t, d;
+      var o, t, d;
       const a = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (d = (t = (r = I.value) == null ? void 0 : r.apForm) == null ? void 0 : t[a]) == null ? void 0 : d.call(t, !0);
+      return (d = (t = (o = P.value) == null ? void 0 : o.apForm) == null ? void 0 : t[a]) == null ? void 0 : d.call(t, !0);
     }
-    function Pe() {
+    function Ie() {
       return l(u);
     }
-    return ce({
-      submit: () => N(),
+    return fe({
+      submit: () => I(),
       reset: () => V(),
-      refresh: () => we(),
+      refresh: () => Re(),
       setSearchFormValues: J,
       getSearchFormValues: Q,
-      getShownColumns: Pe,
-      dataSource: s(() => l(g).records),
+      getShownColumns: Ie,
+      dataSource: s(() => l(S).records),
       rowSelection: {
-        selectedRows: s(() => l(F)),
-        ...x
+        selectedRows: s(() => l(x)),
+        ...F
       },
       scrollBar: {
         x: {
@@ -394,104 +403,106 @@ const Eo = /* @__PURE__ */ Ke({
             return ((e = i == null ? void 0 : i.value) == null ? void 0 : e.currentScroll) ?? 0;
           },
           scroll: (e) => {
-            var a, r;
-            return (r = (a = i == null ? void 0 : i.value) == null ? void 0 : a.scroll) == null ? void 0 : r.call(a, e);
+            var a, o;
+            return (o = (a = i == null ? void 0 : i.value) == null ? void 0 : a.scroll) == null ? void 0 : o.call(a, e);
           }
         },
         y: void 0
       }
-    }), (e, a) => (m(), B("div", {
+    }), (e, a) => (b(), B("div", {
       ref_key: "tableWrapperRef",
       ref: D,
-      class: y(Be.value),
-      style: E(l(me)({
+      class: y(Ne.value),
+      style: K(l(be)({
         "scroll-bar-width": `${l(H)}px`
       }))
-    }, [l(b)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (m(), B("div", {
+    }, [l(g)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (b(), B("div", {
       key: 0,
       class: y(e.card ? l(z)("search-wrapper") : null),
-      style: E(e.searchFormWrapperStyle)
-    }, [p(l(We).SearchForm, w(e.searchForm || {}, {
+      style: K(e.searchFormWrapperStyle)
+    }, [m(l(He).SearchForm, v(e.searchForm || {}, {
       ref_key: "formRef",
-      ref: I,
+      ref: P,
       "custom-reset": "",
       "submit-loading": l(q).loading,
-      onSubmit: l(N),
+      onSubmit: l(I),
       onReset: l(V)
     }), ae({
-      default: v(() => [(m(!0), B(oe, null, te(U.value, (r) => (m(), le(Oe(r.renderNode.Comp), w({
-        key: r.dataIndex,
-        item: r,
+      default: R(() => [(b(!0), B(re, null, te(U.value, (o) => (b(), le(Ae(o.renderNode.Comp), v({
+        key: o.dataIndex,
+        item: o,
         ref_for: !0
-      }, r.fieldProps || {}, {
-        span: r.span,
-        "custom-render": r.renderNode.render
+      }, o.fieldProps || {}, {
+        span: o.span,
+        "custom-render": o.renderNode.render
       }), null, 16, ["item", "span", "custom-render"]))), 128))]),
       _: 2
-    }, [C.searchFormExtra ? {
+    }, [c.searchFormExtra ? {
       name: "extra",
-      fn: v(() => [R(e.$slots, "searchFormExtra")]),
+      fn: R(() => [C(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : re("", !0), O("div", {
+    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : oe("", !0), L("div", {
       ref_key: "contentRef",
-      ref: be,
+      ref: ge,
       class: y([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
-      style: E(e.tableWrapperStyle)
-    }, [O("div", {
-      class: y(l(c)("header-wrapper"))
-    }, [e.settings ? (m(), B("div", {
+      style: K(e.tableWrapperStyle)
+    }, [L("div", {
+      class: y(l(f)("header-wrapper"))
+    }, [e.settings ? (b(), B("div", {
       key: 0,
-      class: y(l(c)("header"))
-    }, [O("div", {
-      class: y(l($)("header", "title"))
-    }, [R(e.$slots, "title", w({
-      selectedRows: l(F),
+      class: y(l(f)("header"))
+    }, [L("div", {
+      class: y(l(A)("header", "title"))
+    }, [C(e.$slots, "title", v({
+      selectedRows: l(x),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
-    }, x))], 2), C.title ? (m(), le(l(Ae), {
+    }, F))], 2), c.title ? (b(), le(l(je), {
       key: 0,
       type: "vertical"
-    })) : re("", !0), p(co, {
+    })) : oe("", !0), m(fr, {
       config: e.settings === !0 ? {} : e.settings
-    }, null, 8, ["config"])], 2)) : R(e.$slots, "title", w({
+    }, null, 8, ["config"])], 2)) : C(e.$slots, "title", v({
       key: 1,
-      selectedRows: l(F),
+      selectedRows: l(x),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
-    }, x))], 2), p(l(De), w({
+    }, F))], 2), m(l(We), v({
       ref_key: "antdTableRef",
       ref: j,
-      class: l(c)("table")
+      class: l(f)("table")
     }, G.value, {
-      size: P.value,
-      "table-layout": ke.value,
+      size: N.value,
+      "table-layout": ze.value,
       columns: u.value,
-      onResizeColumn: a[0] || (a[0] = (r, t) => t.width = r)
+      onResizeColumn: a[0] || (a[0] = (o, t) => t.width = o)
     }), ae({
-      summary: v(() => [R(e.$slots, "summary", {
+      summary: R(() => [C(e.$slots, "summary", {
         columns: u.value,
         records: G.value.dataSource,
-        selectedRows: l(F)
+        selectedRows: l(x)
       })]),
       _: 2
     }, [l(W) ? {
       name: "bottomPaginationTop",
-      fn: v(() => {
-        var r, t;
-        return [p(l(fo), {
+      fn: R(() => {
+        var o, t;
+        return [m(l(pr), {
           ref_key: "scrollBarRef",
           ref: i,
-          "scroll-container": (t = (r = j.value) == null ? void 0 : r.table) == null ? void 0 : t.scrollBodyRef,
-          direction: "horizontal"
+          "scroll-container": (t = (o = j.value) == null ? void 0 : o.table) == null ? void 0 : t.scrollBodyRef,
+          direction: "horizontal",
+          "bar-color": "var(--basic-scrollbar-thumb-color-base, #bfbfbf)",
+          "track-color": "var(--ap-table-header-bg, #f2f6f9)"
         }, null, 8, ["scroll-container"])];
       }),
       key: "0"
-    } : void 0, te(l(se)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (r, t) => ({
+    } : void 0, te(l(se)(c, ["title", "searchFormExtra", "headerCell", "summary"]), (o, t) => ({
       name: t,
-      fn: v((d) => [R(e.$slots, t, Le($e(d || {})))])
+      fn: R((d) => [C(e.$slots, t, $e(De(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 6));
   }
 });
 export {
-  Eo as default
+  Or as default
 };

package/es/src/ap-table/components/setting/tree-select/index.vue2.mjs

@@ -30,7 +30,7 @@ const q = /* @__PURE__ */ x({
     }
     return (r, e) => (c(), i("div", null, [
       s(o(N), {
-        gutter: [24, 16],
+        gutter: [24, 12],
         align: "middle"
       }, {
         default: d(() => [