@aplus-frontend/ui 0.4.15 → 0.4.16

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

@@ -1,25 +1,27 @@
-import { defineComponent as ze, useSlots as Pe, ref as f, computed as s, unref as r, createVNode as m, Fragment as J, watchEffect as Ne, watch as I, openBlock as y, createElementBlock as x, normalizeClass as g, normalizeStyle as Q, mergeProps as S, createSlots as X, withCtx as w, renderList as Y, createBlock as Z, resolveDynamicComponent as Ie, renderSlot as R, createCommentVNode as ee, createElementVNode as E, normalizeProps as Ee, guardReactiveProps as Ke } from "vue";
+import { defineComponent as ze, useSlots as Pe, ref as S, computed as s, unref as t, createVNode as f, Fragment as G, watchEffect as Ne, watch as J, openBlock as p, createElementBlock as B, normalizeClass as m, normalizeStyle as Q, mergeProps as h, createSlots as X, withCtx as w, renderList as Y, createBlock as Z, resolveDynamicComponent as Ie, renderSlot as R, createCommentVNode as ee, createElementVNode as N, normalizeProps as Ee, guardReactiveProps as Ke } from "vue";
 import { Divider as Oe, Table as Le } from "@aplus-frontend/antdv";
 import { useToken as Ve } from "@aplus-frontend/antdv/es/theme/internal";
 import { ApForm as Ae } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as oe } from "./constants.mjs";
 import "../config-provider/index.mjs";
 import { useTablePaging as De } from "./hooks/use-table-paging-ng.mjs";
-import { isUndefined as b, omit as ae, isBoolean as $e } from "lodash-unified";
-import { getColumnOrder as re, updateFormProps as je, getFieldProps as We, getSearchFormItemRenderNode as He, recursionApColumns as te, apColumnToColumn as _e, getTableTitle as qe, getTableRenderType as Ue, getTableRenderProps as Ge, getTableCellRenderNode as Me, falseToUndefined as Je } from "./utils.mjs";
+import { isUndefined as y, omit as ae, isBoolean as $e } from "lodash-unified";
+import { getColumnOrder as re, updateFormProps as We, getFieldProps as je, getSearchFormItemRenderNode as _e, recursionApColumns as te, apColumnToColumn as He, getTableTitle as Ue, getTableRenderType as qe, getTableRenderProps as Me, getTableCellRenderNode as Ge, falseToUndefined as Je } from "./utils.mjs";
 import Qe from "./hooks/use-table-content-height.mjs";
 import Xe from "./hooks/use-table-row-selection.mjs";
-import { getScrollbarSize as Ye, isDef as Ze } from "../utils/index.mjs";
+import { isDef as Ye } from "../utils/index.mjs";
 import "./components/setting/modal/index.vue.mjs";
 import "./components/paragraph-ellipsis/index.vue.mjs";
-import { useProvideApTable as eo } from "./context.mjs";
+import { useProvideApTable as Ze } from "./context.mjs";
 import "../scroll-bar/index.mjs";
-import { useNamespace as oo } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ao } from "../config-provider/hooks/use-global-config.mjs";
-import ro from "./components/paragraph-ellipsis/index.vue2.mjs";
-import to from "./components/setting/modal/index.vue2.mjs";
-import lo from "../scroll-bar/index.vue.mjs";
-const ko = /* @__PURE__ */ ze({
+import { useStickyScroll as eo } from "./hooks/use-sticky-scroll.mjs";
+import { scrollbarSize as oo } from "../config-provider/css-var.mjs";
+import { useNamespace as ao } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ro } from "../config-provider/hooks/use-global-config.mjs";
+import to from "./components/paragraph-ellipsis/index.vue2.mjs";
+import lo from "./components/setting/modal/index.vue2.mjs";
+import no from "../scroll-bar/index.vue.mjs";
+const No = /* @__PURE__ */ ze({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -147,19 +149,22 @@ const ko = /* @__PURE__ */ ze({
     expose: ne
   }) {
     const o = le;
-    let K = 0;
-    const se = Ye(), v = Pe(), [, de] = Ve(), {
-      e: B,
+    let I = 0;
+    const C = Pe(), [, se] = Ve(), {
+      e: x,
       b: i,
-      be: O,
-      bm: ue
-    } = oo("ap-table"), L = ao("valueTypeMap"), {
-      height: ie,
-      contentRef: ce
-    } = Qe(), k = f(o.size), u = f([]), V = f([]), A = f(), D = f(), $ = f();
-    eo({
+      be: E,
+      m: de
+    } = ao("ap-table"), K = ro("valueTypeMap"), {
+      height: ue,
+      contentRef: ie
+    } = Qe(), O = S(), L = S(), {
+      isStickyMode: V,
+      scrollBarRef: ce
+    } = eo(O), k = S(o.size), u = S([]), A = S([]);
+    Ze({
       columns: s(() => u.value),
-      columnsBackup: s(() => V.value),
+      columnsBackup: s(() => A.value),
       size: s(() => k.value),
       updateColumns(e) {
         u.value = e;
@@ -167,34 +172,34 @@ const ko = /* @__PURE__ */ ze({
       updateSize(e) {
         k.value = e;
       },
-      dataSource: s(() => r(c).records)
+      dataSource: s(() => t(g).records)
     });
-    const j = s(() => {
-      var e, t, a;
-      return K++, ((a = (t = (e = o.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !oe.includes(l.valueType))) == null ? void 0 : t.sort((l, d) => {
-        let n = re(l.order);
+    const D = s(() => {
+      var e, l, a;
+      return I++, ((a = (l = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !oe.includes(r.valueType))) == null ? void 0 : l.sort((r, d) => {
+        let n = re(r.order);
         return re(d.order) - n;
-      })) == null ? void 0 : a.map((l) => {
-        const d = je(l, We(l.fieldProps, {})), n = {
-          ...l,
+      })) == null ? void 0 : a.map((r) => {
+        const d = We(r, je(r.fieldProps, {})), n = {
+          ...r,
           fieldProps: {
-            label: l.title,
-            name: l.dataIndex,
+            label: r.title,
+            name: r.dataIndex,
             ...d || {},
-            _signal: K
+            _signal: I
           },
           renderNode: void 0
         };
-        return n.renderNode = He(n, r(L)), n;
+        return n.renderNode = _e(n, t(K)), n;
       })) || [];
-    }), pe = s(() => te(r(u), (e) => {
+    }), fe = s(() => te(t(u), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), fe = s(() => te(r(u), (e) => {
+    }).filter(Boolean)), pe = s(() => te(t(u), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), me = s(() => b(o.dataSource) ? c.records : o.dataSource), {
-      rowSelection: C,
+    }).filter(Boolean)), me = s(() => y(o.dataSource) ? g.records : o.dataSource), {
+      rowSelection: v,
       selectedRows: T,
       ...F
     } = Xe({
@@ -204,85 +209,85 @@ const ko = /* @__PURE__ */ ze({
       dataSource: me
     }), {
       formRef: z,
-      submit: W,
-      reset: H,
-      tableProps: _,
+      submit: $,
+      reset: W,
+      tableProps: j,
       refresh: ye,
-      data: c,
+      data: g,
       setDataSource: ge,
       getColumnSFConfig: be
     } = De({
       async request(e) {
-        var a, l;
-        if (!C.value.preserveSelectedRowKeys && b(o.dataSource) && F.clearAll(), !b(o.dataSource))
+        var a, r;
+        if (!v.value.preserveSelectedRowKeys && y(o.dataSource) && F.clearAll(), !y(o.dataSource))
           return {
             data: o.dataSource || [],
             total: o.dataSource.length || 0
           };
-        const t = await ((a = o.request) == null ? void 0 : a.call(o, e));
-        return (l = o.onLoad) == null || l.call(o, (t == null ? void 0 : t.data) || []), {
-          data: (t == null ? void 0 : t.data) || [],
-          total: (t == null ? void 0 : t.total) || 0
+        const l = await ((a = o.request) == null ? void 0 : a.call(o, e));
+        return (r = o.onLoad) == null || r.call(o, (l == null ? void 0 : l.data) || []), {
+          data: (l == null ? void 0 : l.data) || [],
+          total: (l == null ? void 0 : l.total) || 0
         };
       },
-      filterFields: fe,
-      sortFields: pe,
+      filterFields: pe,
+      sortFields: fe,
       defaultParams: o.params,
       defaultData: o.defaultData,
       manual: o.manual,
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination
-    }), he = () => {
+    }), Se = () => {
       var a;
-      let e = ((a = o.columns) == null ? void 0 : a.filter((l) => !l.hideInTable)) || [];
-      function t(l, d) {
-        return l.map((n) => ({
-          resizable: Ze(n.resizable) ? n.resizable : o.columnResizable,
-          ...ae(_e(n), ["ellipsis"]),
+      let e = ((a = o.columns) == null ? void 0 : a.filter((r) => !r.hideInTable)) || [];
+      function l(r, d) {
+        return r.map((n) => ({
+          resizable: Ye(n.resizable) ? n.resizable : o.columnResizable,
+          ...ae(He(n), ["ellipsis"]),
           ...be(n),
           fixed: d ? d.fixed : n.fixed,
-          title: qe(n, O("table-header", "title"), v.headerCell, r(de).colorPrimary),
+          title: Ue(n, E("table-header", "title"), C.headerCell, t(se).colorPrimary),
           customRender({
-            value: p,
-            ...h
+            value: c,
+            ...b
           }) {
-            var G, M;
-            const q = Ue(n), xe = Ge({
+            var q, M;
+            const H = qe(n), Be = Me({
               ...n,
-              valueType: q
+              valueType: H
             }, {
-              value: p,
-              ...h
-            }), Be = Me(q, xe, h.record, r(L)), U = ((G = n.renderText) == null ? void 0 : G.call(n, {
-              value: p,
-              ...h
-            })) || p, ke = n.renderText ? m(J, null, [(M = n.renderText) == null ? void 0 : M.call(n, {
-              value: p,
-              ...h
-            })]) : Be;
-            let N = ve(n, U, ke);
-            return n.customRender && (N = n.customRender({
-              value: p,
-              ...h,
+              value: c,
+              ...b
+            }), xe = Ge(H, Be, b.record, t(K)), U = ((q = n.renderText) == null ? void 0 : q.call(n, {
+              value: c,
+              ...b
+            })) || c, ke = n.renderText ? f(G, null, [(M = n.renderText) == null ? void 0 : M.call(n, {
+              value: c,
+              ...b
+            })]) : xe;
+            let P = Ce(n, U, ke);
+            return n.customRender && (P = n.customRender({
+              value: c,
+              ...b,
               column: n,
-              originalNode: N,
+              originalNode: P,
               originalText: U
-            })), N;
+            })), P;
           },
-          children: t(n.children || [], d || n)
+          children: l(n.children || [], d || n)
         }));
       }
-      return t(e);
+      return l(e);
     };
     Ne(() => {
-      const e = he();
-      u.value = e, V.value = e;
+      const e = Se();
+      u.value = e, A.value = e;
     });
-    const Se = s(() => {
-      var t, a;
-      if (o.adaptive && (c.total > 0 || ((t = o.dataSource) == null ? void 0 : t.length)))
+    const he = s(() => {
+      var l, a;
+      if (o.adaptive && (g.total > 0 || ((l = o.dataSource) == null ? void 0 : l.length)))
         return {
-          y: r(ie),
+          y: t(ue),
           x: ((a = o.scroll) == null ? void 0 : a.x) || "100%"
         };
       if (o.scroll)
@@ -291,29 +296,26 @@ const ko = /* @__PURE__ */ ze({
       var e;
       if (o.tableLayout)
         return o.tableLayout;
-      if ((e = o.columns) != null && e.some((t) => t.ellipsis))
+      if ((e = o.columns) != null && e.some((l) => l.ellipsis))
         return "fixed";
-    }), P = s(() => {
+    }), _ = s(() => {
       var a;
-      const e = r(_), t = r(C);
+      const e = t(j), l = t(v);
       return {
         ...o,
         ...e,
         rowSelection: o.rowSelection === !0 || ((a = o.rowSelection) == null ? void 0 : a.mode) === "internal" ? {
-          ...t,
+          ...l,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: b(o.dataSource) ? t.preserveSelectedRowKeys : !0
+          preserveSelectedRowKeys: y(o.dataSource) ? l.preserveSelectedRowKeys : !0
         } : Je(o.rowSelection),
-        loading: b(o.loading) ? e.loading : o.loading,
+        loading: y(o.loading) ? e.loading : o.loading,
         pagination: o.pagination === !1 ? !1 : e.pagination,
-        scroll: r(Se)
+        scroll: t(he)
       };
-    }), Re = s(() => {
-      var e;
-      return [i(), o.card ? null : i("wrapper"), o.adaptive ? i("adaptive") : null, (e = D.value) != null && e.visible ? ue("horizontal", "scrollable") : null].filter(Boolean);
-    });
-    function ve(e, t, a) {
-      return oe.includes(e.valueType) ? a : e.copyable || e.ellipsis ? m(ro, {
+    }), Re = s(() => [i(), o.card ? null : i("wrapper"), o.adaptive ? i("adaptive") : null, V ? de(`sticky-${oo === 0 ? "absolute" : "relative"}`) : null].filter(Boolean));
+    function Ce(e, l, a) {
+      return oe.includes(e.valueType) ? a : e.copyable || e.ellipsis ? f(to, {
         copyable: e.copyable,
         ellipsis: e.ellipsis ? $e(e.ellipsis) ? {
           tooltip: a,
@@ -325,62 +327,55 @@ const ko = /* @__PURE__ */ ze({
         content: a
       }, null) : a;
     }
-    I(() => r(c).loading, (e) => {
-      var t;
-      (t = o.onLoadingChange) == null || t.call(o, e);
-    }), I(() => r(c).records, () => {
-      var e;
-      $.value = (e = A.value) == null ? void 0 : e.querySelector(".ant-table-container > div:last-child");
-    }, {
-      flush: "post",
-      immediate: !0,
-      deep: !0
-    }), I(() => o.dataSource, (e) => {
+    J(() => t(g).loading, (e) => {
+      var l;
+      (l = o.onLoadingChange) == null || l.call(o, e);
+    }), J(() => o.dataSource, (e) => {
       ge(e);
     }, {
       immediate: !0
     });
-    function Ce(e) {
-      var t, a, l;
-      (l = (a = (t = z.value) == null ? void 0 : t.apForm) == null ? void 0 : a.setFieldsValue) == null || l.call(a, e);
+    function ve(e) {
+      var l, a, r;
+      (r = (a = (l = z.value) == null ? void 0 : l.apForm) == null ? void 0 : a.setFieldsValue) == null || r.call(a, e);
     }
     function Te(e = !1) {
-      var a, l, d;
-      const t = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (d = (l = (a = z.value) == null ? void 0 : a.apForm) == null ? void 0 : l[t]) == null ? void 0 : d.call(l, !0);
+      var a, r, d;
+      const l = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return (d = (r = (a = z.value) == null ? void 0 : a.apForm) == null ? void 0 : r[l]) == null ? void 0 : d.call(r, !0);
     }
     function Fe() {
-      return r(u);
+      return t(u);
     }
     return ne({
-      submit: () => W(),
-      reset: () => H(),
+      submit: () => $(),
+      reset: () => W(),
       refresh: () => ye(),
-      setSearchFormValues: Ce,
+      setSearchFormValues: ve,
       getSearchFormValues: Te,
       getShownColumns: Fe,
-      dataSource: s(() => r(c).records),
+      dataSource: s(() => t(g).records),
       rowSelection: {
-        selectedRows: s(() => r(T)),
+        selectedRows: s(() => t(T)),
         ...F
       }
-    }), (e, t) => (y(), x("div", {
-      ref_key: "apTableRef",
-      ref: A,
-      class: g(Re.value)
-    }, [r(b)(e.dataSource) && e.searchForm !== !1 && j.value.length > 0 ? (y(), x("div", {
+    }), (e, l) => (p(), B("div", {
+      ref_key: "tableWrapperRef",
+      ref: O,
+      class: m(Re.value)
+    }, [t(y)(e.dataSource) && e.searchForm !== !1 && D.value.length > 0 ? (p(), B("div", {
       key: 0,
-      class: g(e.card ? r(B)("search-wrapper") : null),
+      class: m(e.card ? t(x)("search-wrapper") : null),
       style: Q(e.searchFormWrapperStyle)
-    }, [m(r(Ae).SearchForm, S(e.searchForm || {}, {
+    }, [f(t(Ae).SearchForm, h(e.searchForm || {}, {
       ref_key: "formRef",
       ref: z,
       "custom-reset": "",
-      "submit-loading": r(_).loading,
-      onSubmit: r(W),
-      onReset: r(H)
+      "submit-loading": t(j).loading,
+      onSubmit: t($),
+      onReset: t(W)
     }), X({
-      default: w(() => [(y(!0), x(J, null, Y(j.value, (a) => (y(), Z(Ie(a.renderNode.Comp), S({
+      default: w(() => [(p(!0), B(G, null, Y(D.value, (a) => (p(), Z(Ie(a.renderNode.Comp), h({
         key: a.dataIndex,
         item: a,
         ref_for: !0
@@ -389,66 +384,70 @@ const ko = /* @__PURE__ */ ze({
         "custom-render": a.renderNode.render
       }), null, 16, ["item", "span", "custom-render"]))), 128))]),
       _: 2
-    }, [v.searchFormExtra ? {
+    }, [C.searchFormExtra ? {
       name: "extra",
       fn: w(() => [R(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : ee("", !0), E("div", {
+    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : ee("", !0), N("div", {
       ref_key: "contentRef",
-      ref: ce,
-      class: g([r(B)("table-wrapper"), e.card ? r(B)("table-wrapper-card") : null]),
+      ref: ie,
+      class: m([t(x)("table-wrapper"), e.card ? t(x)("table-wrapper-card") : null]),
       style: Q(e.tableWrapperStyle)
-    }, [E("div", {
-      class: g(r(i)("header-wrapper"))
-    }, [e.settings ? (y(), x("div", {
+    }, [N("div", {
+      class: m(t(i)("header-wrapper"))
+    }, [e.settings ? (p(), B("div", {
       key: 0,
-      class: g(r(i)("header"))
-    }, [E("div", {
-      class: g(r(O)("header", "title"))
-    }, [R(e.$slots, "title", S({
-      selectedRows: r(T),
-      selectedRowKeys: r(C).selectedRowKeys,
+      class: m(t(i)("header"))
+    }, [N("div", {
+      class: m(t(E)("header", "title"))
+    }, [R(e.$slots, "title", h({
+      selectedRows: t(T),
+      selectedRowKeys: t(v).selectedRowKeys,
       shownColumns: u.value
-    }, F))], 2), v.title ? (y(), Z(r(Oe), {
+    }, F))], 2), C.title ? (p(), Z(t(Oe), {
       key: 0,
       type: "vertical"
-    })) : ee("", !0), m(to, {
+    })) : ee("", !0), f(lo, {
       config: e.settings === !0 ? {} : e.settings
-    }, null, 8, ["config"])], 2)) : R(e.$slots, "title", S({
+    }, null, 8, ["config"])], 2)) : R(e.$slots, "title", h({
       key: 1,
-      selectedRows: r(T),
-      selectedRowKeys: r(C).selectedRowKeys,
+      selectedRows: t(T),
+      selectedRowKeys: t(v).selectedRowKeys,
       shownColumns: u.value
-    }, F))], 2), m(r(Le), S({
-      class: r(i)("table")
-    }, P.value, {
+    }, F))], 2), f(t(Le), h({
+      ref_key: "antdTableRef",
+      ref: L,
+      class: t(i)("table")
+    }, _.value, {
       size: k.value,
       "table-layout": we.value,
       columns: u.value,
-      onResizeColumn: t[0] || (t[0] = (a, l) => l.width = a)
+      onResizeColumn: l[0] || (l[0] = (a, r) => r.width = a)
     }), X({
       summary: w(() => [R(e.$slots, "summary", {
         columns: u.value,
-        records: P.value.dataSource,
-        selectedRows: r(T)
+        records: _.value.dataSource,
+        selectedRows: t(T)
       })]),
-      bottomPaginationTop: w(() => {
-        var a;
-        return [m(r(lo), {
+      _: 2
+    }, [t(V) ? {
+      name: "bottomPaginationTop",
+      fn: w(() => {
+        var a, r;
+        return [f(t(no), {
           ref_key: "scrollBarRef",
-          ref: D,
-          "scroll-container": $.value,
-          direction: "horizontal",
-          "extra-size": (a = P.value.scroll) != null && a.y ? r(se) : 0
-        }, null, 8, ["scroll-container", "extra-size"])];
+          ref: ce,
+          "scroll-container": (r = (a = L.value) == null ? void 0 : a.table) == null ? void 0 : r.scrollBodyRef,
+          direction: "horizontal"
+        }, null, 8, ["scroll-container"])];
       }),
-      _: 2
-    }, [Y(r(ae)(v, ["title", "searchFormExtra", "headerCell", "summary"]), (a, l) => ({
-      name: l,
-      fn: w((d) => [R(e.$slots, l, Ee(Ke(d || {})))])
+      key: "0"
+    } : void 0, Y(t(ae)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (a, r) => ({
+      name: r,
+      fn: w((d) => [R(e.$slots, r, Ee(Ke(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));
   }
 });
 export {
-  ko as default
+  No as default
 };

package/es/src/ap-table/hooks/use-sticky-scroll.d.ts

@@ -0,0 +1,6 @@
+import { ScrollBarExpose } from '../../scroll-bar';
+import { Ref, ComputedRef } from 'vue';
+export declare const useStickyScroll: (tableWrapper: Ref<HTMLElement | undefined>) => {
+    isStickyMode: ComputedRef<boolean>;
+    scrollBarRef: Ref<ScrollBarExpose | undefined, ScrollBarExpose | undefined>;
+};

package/es/src/ap-table/hooks/use-sticky-scroll.mjs

@@ -0,0 +1,16 @@
+import { ref as o, computed as e } from "vue";
+const i = "ap-table--sticky", r = (t) => {
+  const c = o();
+  return {
+    isStickyMode: e(
+      () => {
+        var s;
+        return ((s = t.value) == null ? void 0 : s.classList.contains(i)) || !1;
+      }
+    ),
+    scrollBarRef: c
+  };
+};
+export {
+  r as useStickyScroll
+};

package/es/src/ap-table/hooks/use-table-paging-ng.mjs

@@ -5,7 +5,7 @@ import { parseFieldValue as ae, dataIndexToStr as se, isEqualCustom as ce } from
 import { isArray as N, isEqualWith as ie } from "lodash-unified";
 import { useLocale as le } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as ue } from "../../config-provider/hooks/use-namespace.mjs";
-const S = 1, L = 100;
+const S = 1, L = 10;
 function fe(g) {
   const l = {};
   return g && (g === !0 ? (l.current = S, l.pageSize = L) : (l.current = g.defaultCurrent || S, l.pageSize = g.defaultPageSize || L)), l;

package/es/src/config-provider/css-var.d.ts

@@ -1,4 +1,5 @@
 import { RecursivePartial } from '../type';
+export declare const scrollbarSize: number;
 declare const aplusCssVarObj: {
     'ap-form': {
         bordered: {

package/es/src/config-provider/css-var.mjs

@@ -231,5 +231,6 @@ export {
   m as adminCssVar,
   g as aplusCssVar,
   n as generateCssVar,
+  l as scrollbarSize,
   D as setCSSVariables
 };

package/es/src/scroll-bar/index.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
     scroll: ((percent: number) => void) | undefined;
     visible: ComputedRef<boolean>;
+    rootElement: ComputedRef<HTMLElement | undefined>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {
     disabled: boolean;
     direction: ScrollBarDirection;

package/es/src/scroll-bar/index.vue.mjs

@@ -1,7 +1,7 @@
-import { defineComponent as g, toRef as x, ref as d, watchEffect as _, unref as i, watch as k, computed as p, openBlock as C, createBlock as B, mergeProps as L, createCommentVNode as R } from "vue";
+import { defineComponent as g, toRef as x, ref as p, watchEffect as _, unref as a, watch as k, computed as s, openBlock as C, createBlock as B, mergeProps as L, createCommentVNode as R } from "vue";
 import "./internal.vue2.mjs";
 import { omit as w } from "lodash-unified";
-import { getScrollable as s, ensureRangeValue as y } from "./utils/index.mjs";
+import { getScrollable as u, ensureRangeValue as y } from "./utils/index.mjs";
 import { useResizeObserver as E } from "@vueuse/core";
 import N from "./internal.vue.mjs";
 const j = /* @__PURE__ */ g({
@@ -25,18 +25,18 @@ const j = /* @__PURE__ */ g({
     onScrollEnd: {}
   },
   setup(S, { expose: m }) {
-    var f;
-    const r = S, o = x(r, "scrollContainer"), l = d(), n = d(r.barLength);
+    var d;
+    const r = S, o = x(r, "scrollContainer"), l = p(), n = p(r.barLength);
     function v() {
       if (!o.value || !l.value) return;
-      const { totalSize: e, visibleSize: t, distance: a } = s(
+      const { totalSize: e, visibleSize: t, distance: c } = u(
         o.value,
         r.direction
-      ), c = a / (e + r.extraSize - t || 1) * 100;
-      l.value.scroll(c);
+      ), i = c / (e + r.extraSize - t || 1) * 100;
+      l.value.scroll(i);
     }
-    function u() {
-      const { visibleSize: e, totalSize: t } = s(
+    function f() {
+      const { visibleSize: e, totalSize: t } = u(
         o.value,
         r.direction
       );
@@ -45,11 +45,11 @@ const j = /* @__PURE__ */ g({
       );
     }
     E(o, () => {
-      u();
+      f();
     }), _(
       () => {
-        const e = i(o.value);
-        e && (u(), e.addEventListener("scroll", v));
+        const e = a(o.value);
+        e && (f(), e.addEventListener("scroll", v));
       },
       { flush: "post" }
     ), k(
@@ -59,28 +59,32 @@ const j = /* @__PURE__ */ g({
       }
     );
     function b(e) {
-      const t = i(o);
+      const t = a(o);
       if (!t) return;
-      const { totalSize: a, visibleSize: c, topOrLeft: h } = s(
+      const { totalSize: c, visibleSize: i, topOrLeft: h } = u(
         t,
         r.direction
       );
-      if (a <= c) return;
+      if (c <= i) return;
       const z = `scroll${h}`;
-      t[z] = e * (a + r.extraSize - c) / 100;
+      t[z] = e * (c + r.extraSize - i) / 100;
     }
     return m({
-      currentScroll: p(() => {
+      currentScroll: s(() => {
         var e;
-        return i((e = l.value) == null ? void 0 : e.currentScroll);
+        return a((e = l.value) == null ? void 0 : e.currentScroll);
       }),
-      scroll: (f = l.value) == null ? void 0 : f.scroll,
-      visible: p(() => n.value < 100)
+      scroll: (d = l.value) == null ? void 0 : d.scroll,
+      visible: s(() => n.value < 100),
+      rootElement: s(() => {
+        var e;
+        return a((e = l.value) == null ? void 0 : e.container);
+      })
     }), (e, t) => n.value !== 100 ? (C(), B(N, L({
       key: 0,
       ref_key: "barRef",
       ref: l
-    }, i(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
+    }, a(w)(r, ["onScroll", "extraSize", "scrollContainer"]), {
       "bar-length": n.value,
       onScroll: b
     }), null, 16, ["bar-length"])) : R("", !0);

package/es/src/scroll-bar/interface.d.ts

@@ -64,5 +64,6 @@ export interface InternalScrollBarExpose {
     scroll: (percent: number) => void;
 }
 export type ScrollBarExpose = Pick<InternalScrollBarExpose, 'scroll' | 'currentScroll'> & {
-    visible?: Ref<boolean>;
+    visible: Ref<boolean>;
+    rootElement: Ref<HTMLElement>;
 };

package/es/src/utils/index.mjs

@@ -50,7 +50,7 @@ function C() {
 }
 function R() {
   if (!a)
-    return 16;
+    return 15;
   const t = document.createElement("div");
   t.style.width = "100px", t.style.height = "100px", t.style.overflow = "scroll", t.style.position = "absolute", t.style.top = "-9999px", document.body.appendChild(t);
   const e = t.offsetHeight - t.clientHeight;

package/lib/src/ap-table/ap-table.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("@aplus-frontend/antdv"),fe=require("@aplus-frontend/antdv/es/theme/internal"),pe=require("../ap-form/index.js"),A=require("./constants.js");require("../config-provider/index.js");const me=require("./hooks/use-table-paging-ng.js"),c=require("lodash-unified"),s=require("./utils.js"),ge=require("./hooks/use-table-content-height.js"),ye=require("./hooks/use-table-row-selection.js"),U=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const be=require("./context.js");require("../scroll-bar/index.js");const he=require("../config-provider/hooks/use-namespace.js"),Se=require("../config-provider/hooks/use-global-config.js"),we=require("./components/paragraph-ellipsis/index.vue2.js"),ve=require("./components/setting/modal/index.vue2.js"),Ce=require("../scroll-bar/index.vue.js"),Re=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(D,{expose:j}){const t=D;let x=0;const $=U.getScrollbarSize(),g=e.useSlots(),[,W]=fe.useToken(),{e:S,b:i,be:B,bm:H}=he.useNamespace("ap-table"),T=Se.useGlobalConfig("valueTypeMap"),{height:M,contentRef:G}=ge.default(),w=e.ref(t.size),d=e.ref([]),F=e.ref([]),k=e.ref(),z=e.ref(),N=e.ref();be.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>F.value),size:e.computed(()=>w.value),updateColumns(r){d.value=r},updateSize(r){w.value=r},dataSource:e.computed(()=>e.unref(f).records)});const q=e.computed(()=>{var r,a,o;return x++,((o=(a=(r=t.columns)==null?void 0:r.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!A.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:a.sort((n,u)=>{let l=s.getColumnOrder(n.order);return s.getColumnOrder(u.order)-l}))==null?void 0:o.map(n=>{const u=s.updateFormProps(n,s.getFieldProps(n.fieldProps,{})),l={...n,fieldProps:{label:n.title,name:n.dataIndex,...u||{},_signal:x},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(T)),l}))||[]}),J=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),Q=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),X=e.computed(()=>c.isUndefined(t.dataSource)?f.records:t.dataSource),{rowSelection:y,selectedRows:b,...h}=ye.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:X}),{formRef:v,submit:P,reset:_,tableProps:V,refresh:Y,data:f,setDataSource:Z,getColumnSFConfig:ee}=me.useTablePaging({async request(r){var o,n;if(!y.value.preserveSelectedRowKeys&&c.isUndefined(t.dataSource)&&h.clearAll(),!c.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const a=await((o=t.request)==null?void 0:o.call(t,r));return(n=t.onLoad)==null||n.call(t,(a==null?void 0:a.data)||[]),{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},filterFields:Q,sortFields:J,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,formatParams:t.beforeSearchSubmit,pagination:t.pagination}),re=()=>{var o;let r=((o=t.columns)==null?void 0:o.filter(n=>!n.hideInTable))||[];function a(n,u){return n.map(l=>({resizable:U.isDef(l.resizable)?l.resizable:t.columnResizable,...c.omit(s.apColumnToColumn(l),["ellipsis"]),...ee(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,B("table-header","title"),g.headerCell,e.unref(W).colorPrimary),customRender({value:p,...m}){var O,K;const E=s.getTableRenderType(l),de=s.getTableRenderProps({...l,valueType:E},{value:p,...m}),ce=s.getTableCellRenderNode(E,de,m.record,e.unref(T)),I=((O=l.renderText)==null?void 0:O.call(l,{value:p,...m}))||p,ie=l.renderText?e.createVNode(e.Fragment,null,[(K=l.renderText)==null?void 0:K.call(l,{value:p,...m})]):ce;let R=ne(l,I,ie);return l.customRender&&(R=l.customRender({value:p,...m,column:l,originalNode:R,originalText:I})),R},children:a(l.children||[],u||l)}))}return a(r)};e.watchEffect(()=>{const r=re();d.value=r,F.value=r});const te=e.computed(()=>{var a,o;if(t.adaptive&&(f.total>0||((a=t.dataSource)==null?void 0:a.length)))return{y:e.unref(M),x:((o=t.scroll)==null?void 0:o.x)||"100%"};if(t.scroll)return t.scroll}),oe=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(a=>a.ellipsis))return"fixed"}),C=e.computed(()=>{var o;const r=e.unref(V),a=e.unref(y);return{...t,...r,rowSelection:t.rowSelection===!0||((o=t.rowSelection)==null?void 0:o.mode)==="internal"?{...a,preserveSelectedRowKeys:c.isUndefined(t.dataSource)?a.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:c.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(te)}}),ae=e.computed(()=>{var r;return[i(),t.card?null:i("wrapper"),t.adaptive?i("adaptive"):null,(r=z.value)!=null&&r.visible?H("horizontal","scrollable"):null].filter(Boolean)});function ne(r,a,o){return A.noRenderAsFormItemValueList.includes(r.valueType)?o:r.copyable||r.ellipsis?e.createVNode(we.default,{copyable:r.copyable,ellipsis:r.ellipsis?c.isBoolean(r.ellipsis)?{tooltip:o,rows:1}:{...r.ellipsis,tooltip:o}:!1,content:o},null):o}e.watch(()=>e.unref(f).loading,r=>{var a;(a=t.onLoadingChange)==null||a.call(t,r)}),e.watch(()=>e.unref(f).records,()=>{var r;N.value=(r=k.value)==null?void 0:r.querySelector(".ant-table-container > div:last-child")},{flush:"post",immediate:!0,deep:!0}),e.watch(()=>t.dataSource,r=>{Z(r)},{immediate:!0});function le(r){var a,o,n;(n=(o=(a=v.value)==null?void 0:a.apForm)==null?void 0:o.setFieldsValue)==null||n.call(o,r)}function se(r=!1){var o,n,u;const a=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(n=(o=v.value)==null?void 0:o.apForm)==null?void 0:n[a])==null?void 0:u.call(n,!0)}function ue(){return e.unref(d)}return j({submit:()=>P(),reset:()=>_(),refresh:()=>Y(),setSearchFormValues:le,getSearchFormValues:se,getShownColumns:ue,dataSource:e.computed(()=>e.unref(f).records),rowSelection:{selectedRows:e.computed(()=>e.unref(b)),...h}}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"apTableRef",ref:k,class:e.normalizeClass(ae.value)},[e.unref(c.isUndefined)(r.dataSource)&&r.searchForm!==!1&&q.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(S)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(pe.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:v,"custom-reset":"","submit-loading":e.unref(V).loading,onSubmit:e.unref(P),onReset:e.unref(_)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(q.value,o=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.renderNode.Comp),e.mergeProps({key:o.dataIndex,item:o,ref_for:!0},o.fieldProps||{},{span:o.span,"custom-render":o.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[g.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:G,class:e.normalizeClass([e.unref(S)("table-wrapper"),r.card?e.unref(S)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(B)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(b),selectedRowKeys:e.unref(y).selectedRowKeys,shownColumns:d.value},h))],2),g.title?(e.openBlock(),e.createBlock(e.unref(L.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(ve.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(b),selectedRowKeys:e.unref(y).selectedRowKeys,shownColumns:d.value},h))],2),e.createVNode(e.unref(L.Table),e.mergeProps({class:e.unref(i)("table")},C.value,{size:w.value,"table-layout":oe.value,columns:d.value,onResizeColumn:a[0]||(a[0]=(o,n)=>n.width=o)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:C.value.dataSource,selectedRows:e.unref(b)})]),bottomPaginationTop:e.withCtx(()=>{var o;return[e.createVNode(e.unref(Ce.default),{ref_key:"scrollBarRef",ref:z,"scroll-container":N.value,direction:"horizontal","extra-size":(o=C.value.scroll)!=null&&o.y?e.unref($):0},null,8,["scroll-container","extra-size"])]}),_:2},[e.renderList(e.unref(c.omit)(g,["title","searchFormExtra","headerCell","summary"]),(o,n)=>({name:n,fn:e.withCtx(u=>[e.renderSlot(r.$slots,n,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=Re;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("@aplus-frontend/antdv"),ie=require("@aplus-frontend/antdv/es/theme/internal"),fe=require("../ap-form/index.js"),A=require("./constants.js");require("../config-provider/index.js");const pe=require("./hooks/use-table-paging-ng.js"),c=require("lodash-unified"),s=require("./utils.js"),me=require("./hooks/use-table-content-height.js"),ye=require("./hooks/use-table-row-selection.js"),ge=require("../utils/index.js");require("./components/setting/modal/index.vue.js");require("./components/paragraph-ellipsis/index.vue.js");const Se=require("./context.js");require("../scroll-bar/index.js");const be=require("./hooks/use-sticky-scroll.js"),he=require("../config-provider/css-var.js"),we=require("../config-provider/hooks/use-namespace.js"),Ce=require("../config-provider/hooks/use-global-config.js"),ve=require("./components/paragraph-ellipsis/index.vue2.js"),Re=require("./components/setting/modal/index.vue2.js"),Be=require("../scroll-bar/index.vue.js"),ke=e.defineComponent({name:"ApTable",__name:"ap-table",props:{dropdownPrefixCls:{},loading:{type:[Boolean,Object],default:void 0},bordered:{type:Boolean,default:!1},locale:{},onChange:{},onResizeColumn:{},getPopupContainer:{},scroll:{},sortDirections:{default:()=>["ascend","descend"]},showSorterTooltip:{type:[Boolean,Object],default:!1},prefixCls:{},rowKey:{default:"key"},tableLayout:{},rowClassName:{},title:{},footer:{},id:{},showHeader:{type:Boolean,default:!0},components:{},customRow:{},customHeaderRow:{},direction:{},expandFixed:{type:[String,Boolean],default:!1},expandColumnWidth:{},expandedRowKeys:{},defaultExpandedRowKeys:{},expandedRowRender:{},expandRowByClick:{type:Boolean,default:!1},expandIcon:{},onExpand:{},onExpandedRowsChange:{},defaultExpandAllRows:{type:Boolean,default:!1},indentSize:{default:15},expandIconColumnIndex:{},showExpandColumn:{type:Boolean,default:!0},expandedRowClassName:{},childrenColumnName:{default:"children"},rowExpandable:{},sticky:{type:[Boolean,Object]},transformCellText:{},columns:{},rowSelection:{type:[Boolean,Object]},card:{type:Boolean,default:!1},params:{},searchFormRender:{},request:{},onLoad:{},defaultData:{},dataSource:{},onLoadingChange:{},searchForm:{type:[Boolean,Object],default:void 0},beforeSearchSubmit:{},pagination:{type:[Boolean,Object],default:void 0},searchFormWrapperStyle:{},tableWrapperStyle:{},manual:{type:Boolean,default:!1},size:{default:"middle"},adaptive:{type:Boolean,default:!1},columnResizable:{type:Boolean,default:!1},settings:{type:[Boolean,Object],default:void 0}},setup(U,{expose:D}){const t=U;let R=0;const y=e.useSlots(),[,$]=ie.useToken(),{e:h,b:i,be:B,m:j}=we.useNamespace("ap-table"),k=Ce.useGlobalConfig("valueTypeMap"),{height:W,contentRef:H}=me.default(),x=e.ref(),T=e.ref(),{isStickyMode:F,scrollBarRef:M}=be.useStickyScroll(x),w=e.ref(t.size),d=e.ref([]),q=e.ref([]);Se.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>q.value),size:e.computed(()=>w.value),updateColumns(r){d.value=r},updateSize(r){w.value=r},dataSource:e.computed(()=>e.unref(p).records)});const z=e.computed(()=>{var r,a,o;return R++,((o=(a=(r=t.columns)==null?void 0:r.filter(n=>!n.hideInSearch&&n.dataIndex&&(n.valueType||n.customRenderFormItem)&&!A.noRenderAsFormItemValueList.includes(n.valueType)))==null?void 0:a.sort((n,u)=>{let l=s.getColumnOrder(n.order);return s.getColumnOrder(u.order)-l}))==null?void 0:o.map(n=>{const u=s.updateFormProps(n,s.getFieldProps(n.fieldProps,{})),l={...n,fieldProps:{label:n.title,name:n.dataIndex,...u||{},_signal:R},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(k)),l}))||[]}),G=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.sorter===!0)return r.key||r.dataIndex}).filter(Boolean)),J=e.computed(()=>s.recursionApColumns(e.unref(d),r=>{if(r.filters&&!r.onFilter)return r.key||r.dataIndex}).filter(Boolean)),Q=e.computed(()=>c.isUndefined(t.dataSource)?p.records:t.dataSource),{rowSelection:g,selectedRows:S,...b}=ye.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:Q}),{formRef:C,submit:N,reset:P,tableProps:_,refresh:X,data:p,setDataSource:Y,getColumnSFConfig:Z}=pe.useTablePaging({async request(r){var o,n;if(!g.value.preserveSelectedRowKeys&&c.isUndefined(t.dataSource)&&b.clearAll(),!c.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const a=await((o=t.request)==null?void 0:o.call(t,r));return(n=t.onLoad)==null||n.call(t,(a==null?void 0:a.data)||[]),{data:(a==null?void 0:a.data)||[],total:(a==null?void 0:a.total)||0}},filterFields:J,sortFields:G,defaultParams:t.params,defaultData:t.defaultData,manual:t.manual,formatParams:t.beforeSearchSubmit,pagination:t.pagination}),ee=()=>{var o;let r=((o=t.columns)==null?void 0:o.filter(n=>!n.hideInTable))||[];function a(n,u){return n.map(l=>({resizable:ge.isDef(l.resizable)?l.resizable:t.columnResizable,...c.omit(s.apColumnToColumn(l),["ellipsis"]),...Z(l),fixed:u?u.fixed:l.fixed,title:s.getTableTitle(l,B("table-header","title"),y.headerCell,e.unref($).colorPrimary),customRender({value:f,...m}){var O,K;const E=s.getTableRenderType(l),ue=s.getTableRenderProps({...l,valueType:E},{value:f,...m}),de=s.getTableCellRenderNode(E,ue,m.record,e.unref(k)),I=((O=l.renderText)==null?void 0:O.call(l,{value:f,...m}))||f,ce=l.renderText?e.createVNode(e.Fragment,null,[(K=l.renderText)==null?void 0:K.call(l,{value:f,...m})]):de;let v=ne(l,I,ce);return l.customRender&&(v=l.customRender({value:f,...m,column:l,originalNode:v,originalText:I})),v},children:a(l.children||[],u||l)}))}return a(r)};e.watchEffect(()=>{const r=ee();d.value=r,q.value=r});const re=e.computed(()=>{var a,o;if(t.adaptive&&(p.total>0||((a=t.dataSource)==null?void 0:a.length)))return{y:e.unref(W),x:((o=t.scroll)==null?void 0:o.x)||"100%"};if(t.scroll)return t.scroll}),te=e.computed(()=>{var r;if(t.tableLayout)return t.tableLayout;if((r=t.columns)!=null&&r.some(a=>a.ellipsis))return"fixed"}),V=e.computed(()=>{var o;const r=e.unref(_),a=e.unref(g);return{...t,...r,rowSelection:t.rowSelection===!0||((o=t.rowSelection)==null?void 0:o.mode)==="internal"?{...a,preserveSelectedRowKeys:c.isUndefined(t.dataSource)?a.preserveSelectedRowKeys:!0}:s.falseToUndefined(t.rowSelection),loading:c.isUndefined(t.loading)?r.loading:t.loading,pagination:t.pagination===!1?!1:r.pagination,scroll:e.unref(re)}}),oe=e.computed(()=>[i(),t.card?null:i("wrapper"),t.adaptive?i("adaptive"):null,F?j(`sticky-${he.scrollbarSize===0?"absolute":"relative"}`):null].filter(Boolean));function ne(r,a,o){return A.noRenderAsFormItemValueList.includes(r.valueType)?o:r.copyable||r.ellipsis?e.createVNode(ve.default,{copyable:r.copyable,ellipsis:r.ellipsis?c.isBoolean(r.ellipsis)?{tooltip:o,rows:1}:{...r.ellipsis,tooltip:o}:!1,content:o},null):o}e.watch(()=>e.unref(p).loading,r=>{var a;(a=t.onLoadingChange)==null||a.call(t,r)}),e.watch(()=>t.dataSource,r=>{Y(r)},{immediate:!0});function ae(r){var a,o,n;(n=(o=(a=C.value)==null?void 0:a.apForm)==null?void 0:o.setFieldsValue)==null||n.call(o,r)}function le(r=!1){var o,n,u;const a=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(n=(o=C.value)==null?void 0:o.apForm)==null?void 0:n[a])==null?void 0:u.call(n,!0)}function se(){return e.unref(d)}return D({submit:()=>N(),reset:()=>P(),refresh:()=>X(),setSearchFormValues:ae,getSearchFormValues:le,getShownColumns:se,dataSource:e.computed(()=>e.unref(p).records),rowSelection:{selectedRows:e.computed(()=>e.unref(S)),...b}}),(r,a)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableWrapperRef",ref:x,class:e.normalizeClass(oe.value)},[e.unref(c.isUndefined)(r.dataSource)&&r.searchForm!==!1&&z.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(h)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(fe.ApForm).SearchForm,e.mergeProps(r.searchForm||{},{ref_key:"formRef",ref:C,"custom-reset":"","submit-loading":e.unref(_).loading,onSubmit:e.unref(N),onReset:e.unref(P)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,o=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.renderNode.Comp),e.mergeProps({key:o.dataIndex,item:o,ref_for:!0},o.fieldProps||{},{span:o.span,"custom-render":o.renderNode.render}),null,16,["item","span","custom-render"]))),128))]),_:2},[y.searchFormExtra?{name:"extra",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"searchFormExtra")]),key:"0"}:void 0]),1040,["submit-loading","onSubmit","onReset"])],6)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"contentRef",ref:H,class:e.normalizeClass([e.unref(h)("table-wrapper"),r.card?e.unref(h)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(i)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(i)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(B)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(S),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},b))],2),y.title?(e.openBlock(),e.createBlock(e.unref(L.Divider),{key:0,type:"vertical"})):e.createCommentVNode("",!0),e.createVNode(Re.default,{config:r.settings===!0?{}:r.settings},null,8,["config"])],2)):e.renderSlot(r.$slots,"title",e.mergeProps({key:1,selectedRows:e.unref(S),selectedRowKeys:e.unref(g).selectedRowKeys,shownColumns:d.value},b))],2),e.createVNode(e.unref(L.Table),e.mergeProps({ref_key:"antdTableRef",ref:T,class:e.unref(i)("table")},V.value,{size:w.value,"table-layout":te.value,columns:d.value,onResizeColumn:a[0]||(a[0]=(o,n)=>n.width=o)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:V.value.dataSource,selectedRows:e.unref(S)})]),_:2},[e.unref(F)?{name:"bottomPaginationTop",fn:e.withCtx(()=>{var o,n;return[e.createVNode(e.unref(Be.default),{ref_key:"scrollBarRef",ref:M,"scroll-container":(n=(o=T.value)==null?void 0:o.table)==null?void 0:n.scrollBodyRef,direction:"horizontal"},null,8,["scroll-container"])]}),key:"0"}:void 0,e.renderList(e.unref(c.omit)(y,["title","searchFormExtra","headerCell","summary"]),(o,n)=>({name:n,fn:e.withCtx(u=>[e.renderSlot(r.$slots,n,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=ke;

package/lib/src/ap-table/hooks/use-sticky-scroll.d.ts

@@ -0,0 +1,6 @@
+import { ScrollBarExpose } from '../../scroll-bar';
+import { Ref, ComputedRef } from 'vue';
+export declare const useStickyScroll: (tableWrapper: Ref<HTMLElement | undefined>) => {
+    isStickyMode: ComputedRef<boolean>;
+    scrollBarRef: Ref<ScrollBarExpose | undefined, ScrollBarExpose | undefined>;
+};

package/lib/src/ap-table/hooks/use-sticky-scroll.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),o="ap-table--sticky",i=s=>{const c=t.ref();return{isStickyMode:t.computed(()=>{var e;return((e=s.value)==null?void 0:e.classList.contains(o))||!1}),scrollBarRef:c}};exports.useStickyScroll=i;

package/lib/src/ap-table/hooks/use-table-paging-ng.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),Y=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const x=require("../utils.js"),v=require("lodash-unified"),k=require("../../config-provider/hooks/use-locale.js"),ee=require("../../config-provider/hooks/use-namespace.js"),m=1,y=100;function te(g){const l={};return g&&(g===!0?(l.current=m,l.pageSize=y):(l.current=g.defaultCurrent||m,l.pageSize=g.defaultPageSize||y)),l}const re=({manual:g=!1,request:l,defaultParams:E={},defaultData:A=[],formatParams:L,paramsValueTypeMap:V,resetFieldsIgnores:N,filterFields:U,sortFields:_,pagination:p={defaultCurrent:m,defaultPageSize:y,showLessItems:!1,showTotal:!0}})=>{let C=0,c={};const I=p??{},M=e=>L?L(e):e,T=n.ref(),i=n.reactive(te(p)),{getColumnSFConfig:B,setSF:K,clearAll:$}=Y.useTableSortedAndFiltered(),{t:z}=k.useLocale(),{b:P}=ee.useNamespace("ap-table"),a=n.reactive({total:A.length,records:A,loading:!1}),F=()=>{var e,t;return((t=(e=T.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},D=async e=>{var o;const t=M(e),r=Date.now();C=r,a.loading=!0;try{const s=await l({...n.unref(E),...t});C===r&&(a.total=s.total||((o=s.data)==null?void 0:o.length)||0,a.records=[...s.data||[]])}catch{C===r&&(a.records=[],a.total=0)}finally{a.loading=!1}},R=e=>{const t={};return Object.entries(e).forEach(([r,o])=>{if(t[r]=o,V&&o){const s=V[r];s&&(t[r]=x.parseFieldValue(s,o))}}),t},G=async e=>{var o,s,f,d,S;const t=F(),r={};Object.entries(t).forEach(([h,w])=>{N&&N.indexOf(h)>-1&&(r[h]=w)}),await((s=(o=T.value)==null?void 0:o.apForm)==null?void 0:s.resetFields()),(S=(d=(f=T.value)==null?void 0:f.apForm)==null?void 0:d.setFieldsValue)==null||S.call(d,r),n.nextTick(()=>{e==null||e()})},b=e=>{c=e;const t=R(e);D(t)},J=e=>{b({...c,...e})},q=()=>{const e=F();p&&(i.current=m),b({...e,filter:c.filter,sort:c.sort,current:p?m:void 0,pageSize:p?c.pageSize||i.pageSize:void 0})},Q=()=>{$(),c.sort={},c.filter={},G(q)},O=()=>{b(c)},W=e=>{if(!p)O();else{const{current:t,pageSize:r}=i,o=a.total-e,s=Math.ceil(o/r),f=t>s?s:t;J({current:f>0?f:1})}},j=(e,t,r)=>{var h,w;const o=F();i.current=e.current,i.pageSize=e.pageSize,K(t,r);const s=v.isArray(r)?[...r]:[r],f={};for(const u of s)(h=n.unref(_))!=null&&h.includes(u.columnKey||u.field)&&u.order&&(f[x.dataIndexToStr(u.columnKey||u.field)]=u.order);const d={};for(const u of Object.keys(t))(w=n.unref(U))!=null&&w.includes(u)&&t[u]&&(d[u]=t[u]);const S={...o,filter:d,sort:f,current:e.current,pageSize:e.pageSize};v.isEqualWith(c,S,x.isEqualCustom)||b(S)};n.onMounted(()=>{const e=F(),{current:t,pageSize:r}=i;if(c={current:t,pageSize:r,filter:{},sort:{},...e},!g){const o=R(c);D(o)}}),n.watch(()=>n.unref(E),()=>{q()},{deep:!0});const Z=n.computed(()=>{if(a.total===0)return"-";const{current:e,pageSize:t}=i;return`${e}/${Math.ceil(a.total/t)}`});function H(e){v.isArray(e)&&(a.records=e,a.total=e.length)}const X=n.computed(()=>{const{showLessItems:e,showTotal:t}=I;return{loading:a.loading,pagination:{current:i.current,pageSize:i.pageSize,total:a.total,showSizeChanger:!e,showQuickJumper:!e,showLessItems:e,size:"default",showTotal:t?r=>n.createVNode("span",{class:P("pagination-total-wrapper")},[z("ap.apTable.pagination.totalLeftPrefix")," ",n.createVNode("span",{class:P("pagination-count-text")},[r])," ",z("ap.apTable.pagination.totalLeftSuffix"),n.createVNode("span",{class:P("pagination--total-right")},[z("ap.apTable.pagination.totalRightPrefix")," ",n.createVNode("span",{class:P("pagination-count-text")},[n.unref(Z)])," ",z("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:j,dataSource:a.records}});return{formRef:T,submit:q,reset:Q,refresh:O,refreshByDelete:W,data:a,current:i.current,pageSize:i.pageSize,handleTableChange:j,tableProps:X,dataSource:n.computed(()=>a.records),setDataSource:H,getColumnSFConfig:B}};exports.useTablePaging=re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),Y=require("./use-sorted-filtered.js");require("../../config-provider/index.js");const x=require("../utils.js"),v=require("lodash-unified"),k=require("../../config-provider/hooks/use-locale.js"),ee=require("../../config-provider/hooks/use-namespace.js"),m=1,y=10;function te(g){const l={};return g&&(g===!0?(l.current=m,l.pageSize=y):(l.current=g.defaultCurrent||m,l.pageSize=g.defaultPageSize||y)),l}const re=({manual:g=!1,request:l,defaultParams:E={},defaultData:A=[],formatParams:L,paramsValueTypeMap:V,resetFieldsIgnores:N,filterFields:U,sortFields:_,pagination:p={defaultCurrent:m,defaultPageSize:y,showLessItems:!1,showTotal:!0}})=>{let C=0,c={};const I=p??{},M=e=>L?L(e):e,T=n.ref(),i=n.reactive(te(p)),{getColumnSFConfig:B,setSF:K,clearAll:$}=Y.useTableSortedAndFiltered(),{t:z}=k.useLocale(),{b:P}=ee.useNamespace("ap-table"),a=n.reactive({total:A.length,records:A,loading:!1}),F=()=>{var e,t;return((t=(e=T.value)==null?void 0:e.apForm)==null?void 0:t.getFieldsValueTransformed(!0))||{}},D=async e=>{var o;const t=M(e),r=Date.now();C=r,a.loading=!0;try{const s=await l({...n.unref(E),...t});C===r&&(a.total=s.total||((o=s.data)==null?void 0:o.length)||0,a.records=[...s.data||[]])}catch{C===r&&(a.records=[],a.total=0)}finally{a.loading=!1}},R=e=>{const t={};return Object.entries(e).forEach(([r,o])=>{if(t[r]=o,V&&o){const s=V[r];s&&(t[r]=x.parseFieldValue(s,o))}}),t},G=async e=>{var o,s,f,d,S;const t=F(),r={};Object.entries(t).forEach(([h,w])=>{N&&N.indexOf(h)>-1&&(r[h]=w)}),await((s=(o=T.value)==null?void 0:o.apForm)==null?void 0:s.resetFields()),(S=(d=(f=T.value)==null?void 0:f.apForm)==null?void 0:d.setFieldsValue)==null||S.call(d,r),n.nextTick(()=>{e==null||e()})},b=e=>{c=e;const t=R(e);D(t)},J=e=>{b({...c,...e})},q=()=>{const e=F();p&&(i.current=m),b({...e,filter:c.filter,sort:c.sort,current:p?m:void 0,pageSize:p?c.pageSize||i.pageSize:void 0})},Q=()=>{$(),c.sort={},c.filter={},G(q)},O=()=>{b(c)},W=e=>{if(!p)O();else{const{current:t,pageSize:r}=i,o=a.total-e,s=Math.ceil(o/r),f=t>s?s:t;J({current:f>0?f:1})}},j=(e,t,r)=>{var h,w;const o=F();i.current=e.current,i.pageSize=e.pageSize,K(t,r);const s=v.isArray(r)?[...r]:[r],f={};for(const u of s)(h=n.unref(_))!=null&&h.includes(u.columnKey||u.field)&&u.order&&(f[x.dataIndexToStr(u.columnKey||u.field)]=u.order);const d={};for(const u of Object.keys(t))(w=n.unref(U))!=null&&w.includes(u)&&t[u]&&(d[u]=t[u]);const S={...o,filter:d,sort:f,current:e.current,pageSize:e.pageSize};v.isEqualWith(c,S,x.isEqualCustom)||b(S)};n.onMounted(()=>{const e=F(),{current:t,pageSize:r}=i;if(c={current:t,pageSize:r,filter:{},sort:{},...e},!g){const o=R(c);D(o)}}),n.watch(()=>n.unref(E),()=>{q()},{deep:!0});const Z=n.computed(()=>{if(a.total===0)return"-";const{current:e,pageSize:t}=i;return`${e}/${Math.ceil(a.total/t)}`});function H(e){v.isArray(e)&&(a.records=e,a.total=e.length)}const X=n.computed(()=>{const{showLessItems:e,showTotal:t}=I;return{loading:a.loading,pagination:{current:i.current,pageSize:i.pageSize,total:a.total,showSizeChanger:!e,showQuickJumper:!e,showLessItems:e,size:"default",showTotal:t?r=>n.createVNode("span",{class:P("pagination-total-wrapper")},[z("ap.apTable.pagination.totalLeftPrefix")," ",n.createVNode("span",{class:P("pagination-count-text")},[r])," ",z("ap.apTable.pagination.totalLeftSuffix"),n.createVNode("span",{class:P("pagination--total-right")},[z("ap.apTable.pagination.totalRightPrefix")," ",n.createVNode("span",{class:P("pagination-count-text")},[n.unref(Z)])," ",z("ap.apTable.pagination.totalRightSuffix")])]):void 0},onChange:j,dataSource:a.records}});return{formRef:T,submit:q,reset:Q,refresh:O,refreshByDelete:W,data:a,current:i.current,pageSize:i.pageSize,handleTableChange:j,tableProps:X,dataSource:n.computed(()=>a.records),setDataSource:H,getColumnSFConfig:B}};exports.useTablePaging=re;

package/lib/src/config-provider/css-var.d.ts

@@ -1,4 +1,5 @@
 import { RecursivePartial } from '../type';
+export declare const scrollbarSize: number;
 declare const aplusCssVarObj: {
     'ap-form': {
         bordered: {

package/lib/src/config-provider/css-var.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../utils/index.js"),l=d.getScrollbarSize(),F={"ap-form":{bordered:{"border-color":{base:"#DEE4ED",hover:"#66A9FF",active:"#66A9FF"},"shadow-color":"rgba(5, 155, 255, 0.1)"}},"ap-action":{color:{primary:{base:"#0070FF",hover:"#66A9FF"},success:"#2ED1A3",error:"#FF4D4F",warn:"#FFA940"}},"check-card":{outline:{color:"#E9EDF3"},hover:{outline:{color:"#0070FF"}},checked:{outline:{color:"#0070FF"},bg:"#0070FF"}},"ap-table":{header:{bg:"#F2F6F9"},pagination:{total:{color:"#526A90",count:{color:"#182948"}}},setting:{button:{color:"#8896B0"}}},"ap-batch-action":{color:{font:"#8896B0",active:"#0070FF",border:"#E9EDF3"}},basic:{color:{primary:"#0070ff"},scrollbar:{size:`${l}px`}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}},"ap-appendix":{area:{color:{border:"#DEE4ED",font:"#182948","font-hover":"#0070FF","font-disabled":"#ABB7CC",icon:"#ABB7CC"}}},"ap-upload-single":{color:{main:"#182948",sub:"#ABB7CC",border:"#DEE4ED",primary:"#0070FF"}},"batch-input-group":{trigger:{color:"#526a90","color-disabled":"rgba(24, 41, 72, 0.25)"}}},p={"ap-form":{bordered:{"border-color":{base:"#D9D9D9",hover:"#85D4B0",active:"#85D4B0"},"shadow-color":"rgba(11, 166, 66, 0.09)"}},"ap-action":{color:{primary:{base:"#1890FF",hover:"#5EB1FF"},success:"#52C41A",error:"#FF4D4F",warn:"#FAAD14"}},"check-card":{outline:{color:"#D9D9D9"},hover:{outline:{color:"#34B77C"}},checked:{outline:{color:"#34B77C"},bg:"#34B77C"}},"ap-table":{header:{bg:"#FAFAFA"},pagination:{total:{color:"#666666",count:{color:"#333333"}}},setting:{button:{color:"#999999"}}},"ap-batch-action":{color:{font:"#999999",active:"#34B77C",border:"#E9E9E9"}},basic:{color:{primary:"#34b77c"},scrollbar:{size:`${l}px`}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}},"ap-appendix":{area:{color:{border:"#D9D9D9",font:"#333333","font-hover":"#1890FF","font-disabled":"#BFBFBF",icon:"#BFBFBF"}}},"ap-upload-single":{color:{main:"#333333",sub:"#BFBFBF",border:"#D9D9D9",primary:"#34b77c"}},"batch-input-group":{trigger:{color:"#999999","color-disabled":"rgba(0, 0, 0, 0.25)"}}};function t(a){const o={};function r(c,n){const b=Object.keys(c);for(const i of b){const e=c[i],s=[...n,i];e!==null&&typeof e=="object"?r(e,s):o[`--${s.join("-")}`]=e}}return r(a,[]),o}const u=t(F),g=t(p);function m(a){Object.entries(a).forEach(([o,r])=>{document.documentElement.style.setProperty(o,r)})}exports.adminCssVar=g;exports.aplusCssVar=u;exports.generateCssVar=t;exports.setCSSVariables=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../utils/index.js"),t=d.getScrollbarSize(),F={"ap-form":{bordered:{"border-color":{base:"#DEE4ED",hover:"#66A9FF",active:"#66A9FF"},"shadow-color":"rgba(5, 155, 255, 0.1)"}},"ap-action":{color:{primary:{base:"#0070FF",hover:"#66A9FF"},success:"#2ED1A3",error:"#FF4D4F",warn:"#FFA940"}},"check-card":{outline:{color:"#E9EDF3"},hover:{outline:{color:"#0070FF"}},checked:{outline:{color:"#0070FF"},bg:"#0070FF"}},"ap-table":{header:{bg:"#F2F6F9"},pagination:{total:{color:"#526A90",count:{color:"#182948"}}},setting:{button:{color:"#8896B0"}}},"ap-batch-action":{color:{font:"#8896B0",active:"#0070FF",border:"#E9EDF3"}},basic:{color:{primary:"#0070ff"},scrollbar:{size:`${t}px`}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}},"ap-appendix":{area:{color:{border:"#DEE4ED",font:"#182948","font-hover":"#0070FF","font-disabled":"#ABB7CC",icon:"#ABB7CC"}}},"ap-upload-single":{color:{main:"#182948",sub:"#ABB7CC",border:"#DEE4ED",primary:"#0070FF"}},"batch-input-group":{trigger:{color:"#526a90","color-disabled":"rgba(24, 41, 72, 0.25)"}}},p={"ap-form":{bordered:{"border-color":{base:"#D9D9D9",hover:"#85D4B0",active:"#85D4B0"},"shadow-color":"rgba(11, 166, 66, 0.09)"}},"ap-action":{color:{primary:{base:"#1890FF",hover:"#5EB1FF"},success:"#52C41A",error:"#FF4D4F",warn:"#FAAD14"}},"check-card":{outline:{color:"#D9D9D9"},hover:{outline:{color:"#34B77C"}},checked:{outline:{color:"#34B77C"},bg:"#34B77C"}},"ap-table":{header:{bg:"#FAFAFA"},pagination:{total:{color:"#666666",count:{color:"#333333"}}},setting:{button:{color:"#999999"}}},"ap-batch-action":{color:{font:"#999999",active:"#34B77C",border:"#E9E9E9"}},basic:{color:{primary:"#34b77c"},scrollbar:{size:`${t}px`}},"ap-descriptions":{item:{"padding-bottom":"24px","label-width":"auto"},"last-row-item":{"padding-bottom":"0px"}},"ap-appendix":{area:{color:{border:"#D9D9D9",font:"#333333","font-hover":"#1890FF","font-disabled":"#BFBFBF",icon:"#BFBFBF"}}},"ap-upload-single":{color:{main:"#333333",sub:"#BFBFBF",border:"#D9D9D9",primary:"#34b77c"}},"batch-input-group":{trigger:{color:"#999999","color-disabled":"rgba(0, 0, 0, 0.25)"}}};function c(a){const o={};function r(i,n){const b=Object.keys(i);for(const l of b){const e=i[l],s=[...n,l];e!==null&&typeof e=="object"?r(e,s):o[`--${s.join("-")}`]=e}}return r(a,[]),o}const u=c(F),g=c(p);function m(a){Object.entries(a).forEach(([o,r])=>{document.documentElement.style.setProperty(o,r)})}exports.adminCssVar=g;exports.aplusCssVar=u;exports.generateCssVar=c;exports.scrollbarSize=t;exports.setCSSVariables=m;

package/lib/src/scroll-bar/index.vue.d.ts

@@ -4,6 +4,7 @@ declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
     scroll: ((percent: number) => void) | undefined;
     visible: ComputedRef<boolean>;
+    rootElement: ComputedRef<HTMLElement | undefined>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {
     disabled: boolean;
     direction: ScrollBarDirection;

package/lib/src/scroll-bar/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./internal.vue2.js");const _=require("lodash-unified"),u=require("./utils/index.js"),g=require("@vueuse/core"),m=require("./internal.vue.js"),z=e.defineComponent({name:"ScrollBar",__name:"index",props:{scrollContainer:{},extraSize:{default:0},direction:{default:"vertical"},scroll:{},barLength:{default:30},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(d,{expose:S}){var f;const t=d,o=e.toRef(t,"scrollContainer"),n=e.ref(),a=e.ref(t.barLength);function v(){if(!o.value||!n.value)return;const{totalSize:r,visibleSize:l,distance:c}=u.getScrollable(o.value,t.direction),i=c/(r+t.extraSize-l||1)*100;n.value.scroll(i)}function s(){const{visibleSize:r,totalSize:l}=u.getScrollable(o.value,t.direction);a.value=u.ensureRangeValue(r/(l+t.extraSize||1)*100)}g.useResizeObserver(o,()=>{s()}),e.watchEffect(()=>{const r=e.unref(o.value);r&&(s(),r.addEventListener("scroll",v))},{flush:"post"}),e.watch(()=>t.barLength,r=>{a.value=r});function p(r){const l=e.unref(o);if(!l)return;const{totalSize:c,visibleSize:i,topOrLeft:b}=u.getScrollable(l,t.direction);if(c<=i)return;const h=`scroll${b}`;l[h]=r*(c+t.extraSize-i)/100}return S({currentScroll:e.computed(()=>{var r;return e.unref((r=n.value)==null?void 0:r.currentScroll)}),scroll:(f=n.value)==null?void 0:f.scroll,visible:e.computed(()=>a.value<100)}),(r,l)=>a.value!==100?(e.openBlock(),e.createBlock(m.default,e.mergeProps({key:0,ref_key:"barRef",ref:n},e.unref(_.omit)(t,["onScroll","extraSize","scrollContainer"]),{"bar-length":a.value,onScroll:p}),null,16,["bar-length"])):e.createCommentVNode("",!0)}});exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("./internal.vue2.js");const _=require("lodash-unified"),u=require("./utils/index.js"),g=require("@vueuse/core"),m=require("./internal.vue.js"),z=e.defineComponent({name:"ScrollBar",__name:"index",props:{scrollContainer:{},extraSize:{default:0},direction:{default:"vertical"},scroll:{},barLength:{default:30},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(d,{expose:S}){var f;const t=d,o=e.toRef(t,"scrollContainer"),n=e.ref(),a=e.ref(t.barLength);function v(){if(!o.value||!n.value)return;const{totalSize:r,visibleSize:l,distance:c}=u.getScrollable(o.value,t.direction),i=c/(r+t.extraSize-l||1)*100;n.value.scroll(i)}function s(){const{visibleSize:r,totalSize:l}=u.getScrollable(o.value,t.direction);a.value=u.ensureRangeValue(r/(l+t.extraSize||1)*100)}g.useResizeObserver(o,()=>{s()}),e.watchEffect(()=>{const r=e.unref(o.value);r&&(s(),r.addEventListener("scroll",v))},{flush:"post"}),e.watch(()=>t.barLength,r=>{a.value=r});function p(r){const l=e.unref(o);if(!l)return;const{totalSize:c,visibleSize:i,topOrLeft:b}=u.getScrollable(l,t.direction);if(c<=i)return;const h=`scroll${b}`;l[h]=r*(c+t.extraSize-i)/100}return S({currentScroll:e.computed(()=>{var r;return e.unref((r=n.value)==null?void 0:r.currentScroll)}),scroll:(f=n.value)==null?void 0:f.scroll,visible:e.computed(()=>a.value<100),rootElement:e.computed(()=>{var r;return e.unref((r=n.value)==null?void 0:r.container)})}),(r,l)=>a.value!==100?(e.openBlock(),e.createBlock(m.default,e.mergeProps({key:0,ref_key:"barRef",ref:n},e.unref(_.omit)(t,["onScroll","extraSize","scrollContainer"]),{"bar-length":a.value,onScroll:p}),null,16,["bar-length"])):e.createCommentVNode("",!0)}});exports.default=z;

package/lib/src/scroll-bar/interface.d.ts

@@ -64,5 +64,6 @@ export interface InternalScrollBarExpose {
     scroll: (percent: number) => void;
 }
 export type ScrollBarExpose = Pick<InternalScrollBarExpose, 'scroll' | 'currentScroll'> & {
-    visible?: Ref<boolean>;
+    visible: Ref<boolean>;
+    rootElement: Ref<HTMLElement>;
 };

package/lib/src/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),f=require("lodash-unified"),l=require("@vueuse/core");function a(e){return(e==null?void 0:e.parentNode)??document.body}function d(e){return typeof e<"u"}function y(e){const t={};return Object.keys(e).map(n=>{t[n]=s.unref(e[n])}),t}function p(e,t=[],n){const o=Object.assign({},e),u=Object.keys(o);for(let r=0;r<u.length;r+=1){const i=u[r];(t.includes(i)||n!=null&&n(i,o[i]))&&delete o[i]}return o}function g(e){return/^[A-Z][A-Za-z]*$/.test(e)}function c(e){if(Array.isArray(e))return e.map(t=>c(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=c(e[n]);return s.markRaw(t)}return e}function m(e){const t={...e};for(const n of Object.keys(t))f.isUndefined(t[n])&&delete t[n];return t}function h(e,...t){return typeof e=="function"?e(...t):e}function v(){const e="history";return typeof window>"u"?e:window.location.href.includes("#/")?"hash":e}function b(){if(!l.isClient)return 16;const e=document.createElement("div");e.style.width="100px",e.style.height="100px",e.style.overflow="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);const t=e.offsetHeight-e.clientHeight;return document.body.removeChild(e),t}exports.convertReactiveToRaw=c;exports.getDynamicProps=y;exports.getPopupContainer=a;exports.getRouteType=v;exports.getScrollbarSize=b;exports.isDef=d;exports.isPascalCase=g;exports.omitUndefined=m;exports.omitWhen=p;exports.runFunction=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),f=require("lodash-unified"),l=require("@vueuse/core");function a(e){return(e==null?void 0:e.parentNode)??document.body}function d(e){return typeof e<"u"}function y(e){const t={};return Object.keys(e).map(n=>{t[n]=s.unref(e[n])}),t}function p(e,t=[],n){const o=Object.assign({},e),u=Object.keys(o);for(let r=0;r<u.length;r+=1){const i=u[r];(t.includes(i)||n!=null&&n(i,o[i]))&&delete o[i]}return o}function g(e){return/^[A-Z][A-Za-z]*$/.test(e)}function c(e){if(Array.isArray(e))return e.map(t=>c(t));if(typeof e=="object"&&e!==null){const t={};for(const n in e)t[n]=c(e[n]);return s.markRaw(t)}return e}function m(e){const t={...e};for(const n of Object.keys(t))f.isUndefined(t[n])&&delete t[n];return t}function h(e,...t){return typeof e=="function"?e(...t):e}function v(){const e="history";return typeof window>"u"?e:window.location.href.includes("#/")?"hash":e}function b(){if(!l.isClient)return 15;const e=document.createElement("div");e.style.width="100px",e.style.height="100px",e.style.overflow="scroll",e.style.position="absolute",e.style.top="-9999px",document.body.appendChild(e);const t=e.offsetHeight-e.clientHeight;return document.body.removeChild(e),t}exports.convertReactiveToRaw=c;exports.getDynamicProps=y;exports.getPopupContainer=a;exports.getRouteType=v;exports.getScrollbarSize=b;exports.isDef=d;exports.isPascalCase=g;exports.omitUndefined=m;exports.omitWhen=p;exports.runFunction=h;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.4.15",
+  "version": "0.4.16",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -69,13 +69,13 @@
     "@aplus-frontend/utils": "1.0.49"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^1.0.11",
+    "@aplus-frontend/antdv": "^1.0.12",
     "@aplus-frontend/icon": "^1.2.1",
     "@aplus-frontend/oss": "^1.1.2",
     "vue": "^3.5.13"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^1.0.11",
+    "@aplus-frontend/antdv": "^1.0.12",
     "@aplus-frontend/icon": "^1.2.1",
     "@aplus-frontend/oss": "^1.1.2",
     "@types/sortablejs": "^1.15.8",

package/theme/ap-table/ap-table.css

@@ -566,10 +566,12 @@
 .aplus-ap-table-setting-trigger-button:hover {
   color: unset;
 }
-.aplus-ap-table .ant-table-container {
-  overflow: hidden;
-}
-.aplus-ap-table-horizontal--scrollable .ant-table-container > div:last-child {
+.aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
   margin-bottom: calc(var(--basic-scrollbar-size) * -1);
-  clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
+  clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
+}
+.aplus-ap-table--sticky-absolute .ant-table-container > div:last-child {
+  padding-bottom: 15px;
+  margin-bottom: -15px;
+  clip-path: inset(0 0 15px 0);
 }

package/theme/ap-table/ap-table.less

@@ -157,14 +157,24 @@
       color: unset;
     }
   }
-  .ant-table-container{
-    overflow: hidden;
+  // 粘贴布局并且滚动条占据空间
+  &--sticky-relative {
+    .ant-table-container{
+      & > div:last-child {
+        margin-bottom: calc(var(--basic-scrollbar-size) * -1);
+        clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
+      }
+    }
   }
-  &-horizontal--scrollable {
-    // 隐藏默认可滚动容器的滚动条
-    .ant-table-container > div:last-child {
-      margin-bottom: calc(var(--basic-scrollbar-size) * -1);
-      clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
+  // 粘贴布局滚动条不占据空间
+  &--sticky-absolute {
+    .ant-table-container{
+      & > div:last-child {
+        padding-bottom: 15px;
+        margin-bottom: -15px;
+        clip-path: inset(0 0 15px 0);
+      }
     }
   }
+
 });

package/theme/ap-table-modal/index.css

@@ -566,12 +566,14 @@
 .aplus-ap-table-setting-trigger-button:hover {
   color: unset;
 }
-.aplus-ap-table .ant-table-container {
-  overflow: hidden;
-}
-.aplus-ap-table-horizontal--scrollable .ant-table-container > div:last-child {
+.aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
   margin-bottom: calc(var(--basic-scrollbar-size) * -1);
-  clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
+  clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
+}
+.aplus-ap-table--sticky-absolute .ant-table-container > div:last-child {
+  padding-bottom: 15px;
+  margin-bottom: -15px;
+  clip-path: inset(0 0 15px 0);
 }
 .aplus-ap-table-modal--table-layout {
   display: flex;

package/theme/index.css

@@ -1157,12 +1157,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-table-setting-trigger-button:hover {
   color: unset;
 }
-.aplus-ap-table .ant-table-container {
-  overflow: hidden;
-}
-.aplus-ap-table-horizontal--scrollable .ant-table-container > div:last-child {
+.aplus-ap-table--sticky-relative .ant-table-container > div:last-child {
   margin-bottom: calc(var(--basic-scrollbar-size) * -1);
-  clip-path: inset(0px 0px var(--basic-scrollbar-size) 0px);
+  clip-path: inset(0 0 var(--basic-scrollbar-size) 0);
+}
+.aplus-ap-table--sticky-absolute .ant-table-container > div:last-child {
+  padding-bottom: 15px;
+  margin-bottom: -15px;
+  clip-path: inset(0 0 15px 0);
 }
 .aplus-tag-wrapper {
   text-wrap: nowrap;