@aplus-frontend/ui 0.4.23 → 0.4.24

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

@@ -1,11 +1,11 @@
-import { defineComponent as ze, useSlots as Pe, ref as h, computed as s, unref as l, createVNode as p, Fragment as J, watchEffect as Ne, watch as Q, openBlock as m, createElementBlock as k, normalizeClass as y, normalizeStyle as X, mergeProps as w, createSlots as Y, withCtx as R, renderList as Z, createBlock as ee, resolveDynamicComponent as Ie, renderSlot as v, createCommentVNode as oe, createElementVNode as I, normalizeProps as Ee, guardReactiveProps as Ke } from "vue";
+import { defineComponent as ze, useSlots as Pe, ref as h, computed as s, unref as l, createVNode as p, Fragment as J, watchEffect as Ne, watch as Q, openBlock as m, createElementBlock as k, normalizeClass as y, normalizeStyle as X, mergeProps as w, createSlots as Y, withCtx as v, renderList as Z, createBlock as ee, resolveDynamicComponent as Ie, renderSlot as R, createCommentVNode as oe, createElementVNode as I, 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 re } from "./constants.mjs";
+import { noRenderAsFormItemValueList as ae } from "./constants.mjs";
 import "../config-provider/index.mjs";
 import { useTablePaging as De } from "./hooks/use-table-paging-ng.mjs";
-import { isUndefined as g, omit as ae, isBoolean as $e } from "lodash-unified";
+import { isUndefined as g, omit as re, isBoolean as $e } from "lodash-unified";
 import { getColumnOrder as te, updateFormProps as We, getFieldProps as je, getSearchFormItemRenderNode as _e, recursionApColumns as le, 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";
@@ -16,8 +16,8 @@ import { useProvideApTable as Ze } from "./context.mjs";
 import "../scroll-bar/index.mjs";
 import { useStickyScroll as eo } from "./hooks/use-sticky-scroll.mjs";
 import { scrollbarSize as oo } from "../config-provider/css-var.mjs";
-import { useNamespace as ro } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ao } from "../config-provider/hooks/use-global-config.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";
@@ -155,7 +155,7 @@ const No = /* @__PURE__ */ ze({
       b: c,
       be: K,
       m: ue
-    } = ro("ap-table"), O = ao("valueTypeMap"), {
+    } = ao("ap-table"), O = ro("valueTypeMap"), {
       height: ie,
       contentRef: ce
     } = Qe(), L = h(), V = h(), {
@@ -175,11 +175,11 @@ const No = /* @__PURE__ */ ze({
       dataSource: s(() => l(b).records)
     });
     const $ = s(() => {
-      var e, a, r;
-      return E++, ((r = (a = (e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !re.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
+      var e, r, a;
+      return E++, ((a = (r = (e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !ae.includes(t.valueType))) == null ? void 0 : r.sort((t, d) => {
         let n = te(t.order);
         return te(d.order) - n;
-      })) == null ? void 0 : r.map((t) => {
+      })) == null ? void 0 : a.map((t) => {
         const d = We(t, je(t.fieldProps, {})), n = {
           ...t,
           fieldProps: {
@@ -218,16 +218,16 @@ const No = /* @__PURE__ */ ze({
       getColumnSFConfig: be
     } = De({
       async request(e) {
-        var r, t;
+        var a, t;
         if (!T.value.preserveSelectedRowKeys && g(o.dataSource) && x.clearAll(), !g(o.dataSource))
           return {
             data: o.dataSource || [],
             total: o.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) || []), {
-          data: (a == null ? void 0 : a.data) || [],
-          total: (a == null ? void 0 : a.total) || 0
+        const r = await ((a = o.request) == null ? void 0 : a.call(o, e));
+        return (t = o.onLoad) == null || t.call(o, (r == null ? void 0 : r.data) || []), {
+          data: (r == null ? void 0 : r.data) || [],
+          total: (r == null ? void 0 : r.total) || 0
         };
       },
       filterFields: pe,
@@ -238,12 +238,12 @@ const No = /* @__PURE__ */ ze({
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination
     }), Se = () => {
-      var r;
-      let e = ((r = o.columns) == null ? void 0 : r.filter((t) => !t.hideInTable)) || [];
-      function a(t, d) {
+      var a;
+      let e = ((a = o.columns) == null ? void 0 : a.filter((t) => !t.hideInTable)) || [];
+      function r(t, d) {
         return t.map((n) => ({
           resizable: Ye(n.resizable) ? n.resizable : o.columnResizable,
-          ...ae(He(n), ["ellipsis"]),
+          ...re(He(n), ["ellipsis"]),
           ...be(n),
           fixed: d ? d.fixed : n.fixed,
           title: Ue(n, K("table-header", "title"), C.headerCell, l(de).colorPrimary),
@@ -265,7 +265,7 @@ const No = /* @__PURE__ */ ze({
               value: f,
               ...S
             })]) : ke;
-            let N = ve(n, q, Be);
+            let N = Re(n, q, Be);
             return n.customRender && (N = n.customRender({
               value: f,
               ...S,
@@ -274,21 +274,21 @@ const No = /* @__PURE__ */ ze({
               originalText: q
             })), N;
           },
-          children: a(n.children || [], d || n)
+          children: r(n.children || [], d || n)
         }));
       }
-      return a(e);
+      return r(e);
     };
     Ne(() => {
       const e = Se();
       u.value = e, D.value = e;
     });
     const he = s(() => {
-      var a, r;
-      if (o.adaptive && (b.total > 0 || ((a = o.dataSource) == null ? void 0 : a.length)))
+      var r, a;
+      if (o.adaptive && (b.total > 0 || ((r = o.dataSource) == null ? void 0 : r.length)))
         return {
           y: l(ie),
-          x: ((r = o.scroll) == null ? void 0 : r.x) || "100%"
+          x: ((a = o.scroll) == null ? void 0 : a.x) || "100%"
         };
       if (o.scroll)
         return o.scroll;
@@ -296,53 +296,56 @@ const No = /* @__PURE__ */ ze({
       var e;
       if (o.tableLayout)
         return o.tableLayout;
-      if ((e = o.columns) != null && e.some((a) => a.ellipsis))
+      if ((e = o.columns) != null && e.some((r) => r.ellipsis))
         return "fixed";
     }), H = s(() => {
-      var r;
-      const e = l(_), a = l(T);
+      var a;
+      const e = l(_), r = l(T);
       return {
         ...o,
         ...e,
-        rowSelection: o.rowSelection === !0 || ((r = o.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
-          ...a,
+        rowSelection: o.rowSelection === !0 || ((a = o.rowSelection) == null ? void 0 : a.mode) === "internal" ? {
+          ...r,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: g(o.dataSource) ? a.preserveSelectedRowKeys : !0
+          preserveSelectedRowKeys: g(o.dataSource) ? r.preserveSelectedRowKeys : !0
         } : Je(o.rowSelection),
         loading: g(o.loading) ? e.loading : o.loading,
         pagination: o.pagination === !1 ? !1 : e.pagination,
         scroll: l(he)
       };
-    }), Re = s(() => [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, A ? ue(`sticky-${oo === 0 ? "absolute" : "relative"}`) : null].filter(Boolean));
-    function ve(e, a, r) {
-      return re.includes(e.valueType) ? r : e.copyable || e.ellipsis ? p(to, {
+    }), ve = s(() => {
+      var e;
+      return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, A.value && ((e = i.value) != null && e.visible) ? ue(`sticky-${oo === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
+    });
+    function Re(e, r, a) {
+      return ae.includes(e.valueType) ? a : e.copyable || e.ellipsis ? p(to, {
         copyable: e.copyable,
         ellipsis: e.ellipsis ? $e(e.ellipsis) ? {
-          tooltip: r,
+          tooltip: a,
           rows: 1
         } : {
           ...e.ellipsis,
-          tooltip: r
+          tooltip: a
         } : !1,
-        content: r
-      }, null) : r;
+        content: a
+      }, null) : a;
     }
     Q(() => l(b).loading, (e) => {
-      var a;
-      (a = o.onLoadingChange) == null || a.call(o, e);
+      var r;
+      (r = o.onLoadingChange) == null || r.call(o, e);
     }), Q(() => o.dataSource, (e) => {
       ge(e);
     }, {
       immediate: !0
     });
     function Ce(e) {
-      var a, r, t;
-      (t = (r = (a = P.value) == null ? void 0 : a.apForm) == null ? void 0 : r.setFieldsValue) == null || t.call(r, e);
+      var r, a, t;
+      (t = (a = (r = P.value) == null ? void 0 : r.apForm) == null ? void 0 : a.setFieldsValue) == null || t.call(a, e);
     }
     function Te(e = !1) {
-      var r, t, d;
-      const a = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (d = (t = (r = P.value) == null ? void 0 : r.apForm) == null ? void 0 : t[a]) == null ? void 0 : d.call(t, !0);
+      var a, t, d;
+      const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
+      return (d = (t = (a = P.value) == null ? void 0 : a.apForm) == null ? void 0 : t[r]) == null ? void 0 : d.call(t, !0);
     }
     function Fe() {
       return l(u);
@@ -366,16 +369,16 @@ const No = /* @__PURE__ */ ze({
             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 r, a;
+            return (a = (r = i == null ? void 0 : i.value) == null ? void 0 : r.scroll) == null ? void 0 : a.call(r, e);
           }
         },
         y: void 0
       }
-    }), (e, a) => (m(), k("div", {
+    }), (e, r) => (m(), k("div", {
       ref_key: "tableWrapperRef",
       ref: L,
-      class: y(Re.value)
+      class: y(ve.value)
     }, [l(g)(e.dataSource) && e.searchForm !== !1 && $.value.length > 0 ? (m(), k("div", {
       key: 0,
       class: y(e.card ? l(B)("search-wrapper") : null),
@@ -388,18 +391,18 @@ const No = /* @__PURE__ */ ze({
       onSubmit: l(W),
       onReset: l(j)
     }), Y({
-      default: R(() => [(m(!0), k(J, null, Z($.value, (r) => (m(), ee(Ie(r.renderNode.Comp), w({
-        key: r.dataIndex,
-        item: r,
+      default: v(() => [(m(!0), k(J, null, Z($.value, (a) => (m(), ee(Ie(a.renderNode.Comp), w({
+        key: a.dataIndex,
+        item: a,
         ref_for: !0
-      }, r.fieldProps || {}, {
-        span: r.span,
-        "custom-render": r.renderNode.render
+      }, a.fieldProps || {}, {
+        span: a.span,
+        "custom-render": a.renderNode.render
       }), null, 16, ["item", "span", "custom-render"]))), 128))]),
       _: 2
     }, [C.searchFormExtra ? {
       name: "extra",
-      fn: R(() => [v(e.$slots, "searchFormExtra")]),
+      fn: v(() => [R(e.$slots, "searchFormExtra")]),
       key: "0"
     } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : oe("", !0), I("div", {
       ref_key: "contentRef",
@@ -413,7 +416,7 @@ const No = /* @__PURE__ */ ze({
       class: y(l(c)("header"))
     }, [I("div", {
       class: y(l(K)("header", "title"))
-    }, [v(e.$slots, "title", w({
+    }, [R(e.$slots, "title", w({
       selectedRows: l(F),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
@@ -422,7 +425,7 @@ const No = /* @__PURE__ */ ze({
       type: "vertical"
     })) : oe("", !0), p(lo, {
       config: e.settings === !0 ? {} : e.settings
-    }, null, 8, ["config"])], 2)) : v(e.$slots, "title", w({
+    }, null, 8, ["config"])], 2)) : R(e.$slots, "title", w({
       key: 1,
       selectedRows: l(F),
       selectedRowKeys: l(T).selectedRowKeys,
@@ -435,9 +438,9 @@ const No = /* @__PURE__ */ ze({
       size: z.value,
       "table-layout": we.value,
       columns: u.value,
-      onResizeColumn: a[0] || (a[0] = (r, t) => t.width = r)
+      onResizeColumn: r[0] || (r[0] = (a, t) => t.width = a)
     }), Y({
-      summary: R(() => [v(e.$slots, "summary", {
+      summary: v(() => [R(e.$slots, "summary", {
         columns: u.value,
         records: H.value.dataSource,
         selectedRows: l(F)
@@ -445,19 +448,19 @@ const No = /* @__PURE__ */ ze({
       _: 2
     }, [l(A) ? {
       name: "bottomPaginationTop",
-      fn: R(() => {
-        var r, t;
+      fn: v(() => {
+        var a, t;
         return [p(l(no), {
           ref_key: "scrollBarRef",
           ref: i,
-          "scroll-container": (t = (r = V.value) == null ? void 0 : r.table) == null ? void 0 : t.scrollBodyRef,
+          "scroll-container": (t = (a = V.value) == null ? void 0 : a.table) == null ? void 0 : t.scrollBodyRef,
           direction: "horizontal"
         }, null, 8, ["scroll-container"])];
       }),
       key: "0"
-    } : void 0, Z(l(ae)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (r, t) => ({
+    } : void 0, Z(l(re)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (a, t) => ({
       name: t,
-      fn: R((d) => [v(e.$slots, t, Ee(Ke(d || {})))])
+      fn: v((d) => [R(e.$slots, t, Ee(Ke(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));
   }
 });

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

@@ -1,8 +1,9 @@
 import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
 import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
+declare function handleBarScroll(percent: number): void;
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
-    scroll: (percent: number) => void | undefined;
+    scroll: typeof handleBarScroll;
     visible: ComputedRef<boolean>;
     rootElement: ComputedRef<HTMLElement | undefined>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {

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

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

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

@@ -21,7 +21,7 @@ const I = /* @__PURE__ */ V({
     onScrollEnd: {}
   },
   setup(D, { expose: M }) {
-    const t = D, k = f(), c = f(), l = f(), { b: B, e: v, m: P, em: d, cssVar: R } = Y("scroll-bar"), r = f(t.scroll), { handleMouseDown: g } = X({
+    const t = D, k = f(), c = f(), l = f(), { b: B, e: v, m: P, em: d, cssVar: R } = Y("scroll-bar"), r = f(t.scroll), { handleMouseDown: p } = X({
       currentScroll: r,
       track: c,
       bar: l,
@@ -60,11 +60,11 @@ const I = /* @__PURE__ */ V({
       const n = o(c), i = o(l);
       if (!n || !i)
         return;
-      document.addEventListener("pointermove", S), document.addEventListener("pointerup", w);
+      document.addEventListener("pointermove", g), document.addEventListener("pointerup", S);
       const a = n.getBoundingClientRect(), y = i.getBoundingClientRect();
       t.direction === "vertical" ? (b = a.height, s = y.top - a.top, u = e.clientY) : (b = a.width, s = y.left - a.left, u = e.clientX), (E = t.onScrollStart) == null || E.call(t, o(r));
     }
-    function S(e) {
+    function g(e) {
       var a;
       e.stopPropagation(), e.preventDefault();
       let n;
@@ -72,16 +72,15 @@ const I = /* @__PURE__ */ V({
       const i = n / b / (100 - t.barLength) * 1e4;
       r.value = C(i), (a = t.onScroll) == null || a.call(t, o(r));
     }
-    function w(e) {
+    function S(e) {
       var n;
-      e.preventDefault(), document.removeEventListener("pointermove", S), document.removeEventListener("pointerup", w), (n = t.onScrollEnd) == null || n.call(t, o(r));
+      e.preventDefault(), document.removeEventListener("pointermove", g), document.removeEventListener("pointerup", S), (n = t.onScrollEnd) == null || n.call(t, o(r));
     }
-    function p(e) {
+    function w(e) {
       e.cancelable && (e.stopPropagation(), e.preventDefault());
     }
     function $(e) {
-      var n;
-      Math.abs(o(r) - e) <= 1e-3 || (r.value = C(e), (n = t.onScroll) == null || n.call(t, e));
+      Math.abs(o(r) - e) <= 1e-3 || (r.value = C(e));
     }
     return M({
       currentScroll: r,
@@ -111,8 +110,8 @@ const I = /* @__PURE__ */ V({
           e.showTrack ? null : o(d)("track", "hidden")
         ]),
         onPointerdown: n[0] || (n[0] = //@ts-ignore
-        (...i) => o(g) && o(g)(...i)),
-        onTouchstart: p
+        (...i) => o(p) && o(p)(...i)),
+        onTouchstart: w
       }, null, 34),
       L("div", {
         ref_key: "bar",
@@ -123,7 +122,7 @@ const I = /* @__PURE__ */ V({
           e.disabled ? o(d)("bar", "disabled") : null
         ]),
         onPointerdown: T,
-        onTouchstart: p
+        onTouchstart: w
       }, null, 34)
     ], 6));
   }

package/index.ts

@@ -0,0 +1,19 @@
+import * as components from './src/index';
+import { App } from 'vue';
+import pathMap from './src/path-map';
+
+export * from './src/index';
+export * from './src/hooks';
+
+export { pathMap };
+
+export default {
+  install: (app: App) => {
+    for (const c in components) {
+      const comp = (components as any)[c];
+      if (comp.install) {
+        app.use(comp);
+      }
+    }
+  }
+};

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"),A=require("@aplus-frontend/antdv"),ie=require("@aplus-frontend/antdv/es/theme/internal"),fe=require("../ap-form/index.js"),U=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"),xe=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(D,{expose:$}){const t=D;let x=0;const g=e.useSlots(),[,j]=ie.useToken(),{e:w,b:f,be:k,m:W}=we.useNamespace("ap-table"),T=Ce.useGlobalConfig("valueTypeMap"),{height:H,contentRef:M}=me.default(),B=e.ref(),F=e.ref(),{isStickyMode:q,scrollBarRef:i}=be.useStickyScroll(B),C=e.ref(t.size),d=e.ref([]),z=e.ref([]);Se.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>C.value),updateColumns(r){d.value=r},updateSize(r){C.value=r},dataSource:e.computed(()=>e.unref(m).records)});const N=e.computed(()=>{var r,n,o;return x++,((o=(n=(r=t.columns)==null?void 0:r.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!U.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:n.sort((a,u)=>{let l=s.getColumnOrder(a.order);return s.getColumnOrder(u.order)-l}))==null?void 0:o.map(a=>{const u=s.updateFormProps(a,s.getFieldProps(a.fieldProps,{})),l={...a,fieldProps:{label:a.title,name:a.dataIndex,...u||{},_signal:x},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(T)),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)?m.records:t.dataSource),{rowSelection:S,selectedRows:b,...h}=ye.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:Q}),{formRef:v,submit:P,reset:_,tableProps:V,refresh:X,data:m,setDataSource:Y,getColumnSFConfig:Z}=pe.useTablePaging({async request(r){var o,a;if(!S.value.preserveSelectedRowKeys&&c.isUndefined(t.dataSource)&&h.clearAll(),!c.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const n=await((o=t.request)==null?void 0:o.call(t,r));return(a=t.onLoad)==null||a.call(t,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.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(a=>!a.hideInTable))||[];function n(a,u){return a.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,k("table-header","title"),g.headerCell,e.unref(j).colorPrimary),customRender({value:p,...y}){var K,L;const I=s.getTableRenderType(l),ue=s.getTableRenderProps({...l,valueType:I},{value:p,...y}),de=s.getTableCellRenderNode(I,ue,y.record,e.unref(T)),O=((K=l.renderText)==null?void 0:K.call(l,{value:p,...y}))||p,ce=l.renderText?e.createVNode(e.Fragment,null,[(L=l.renderText)==null?void 0:L.call(l,{value:p,...y})]):de;let R=ne(l,O,ce);return l.customRender&&(R=l.customRender({value:p,...y,column:l,originalNode:R,originalText:O})),R},children:n(l.children||[],u||l)}))}return n(r)};e.watchEffect(()=>{const r=ee();d.value=r,z.value=r});const re=e.computed(()=>{var n,o;if(t.adaptive&&(m.total>0||((n=t.dataSource)==null?void 0:n.length)))return{y:e.unref(H),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(n=>n.ellipsis))return"fixed"}),E=e.computed(()=>{var o;const r=e.unref(V),n=e.unref(S);return{...t,...r,rowSelection:t.rowSelection===!0||((o=t.rowSelection)==null?void 0:o.mode)==="internal"?{...n,preserveSelectedRowKeys:c.isUndefined(t.dataSource)?n.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(()=>[f(),t.card?null:f("wrapper"),t.adaptive?f("adaptive"):null,q?W(`sticky-${he.scrollbarSize===0?"absolute":"relative"}`):null].filter(Boolean));function ne(r,n,o){return U.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(m).loading,r=>{var n;(n=t.onLoadingChange)==null||n.call(t,r)}),e.watch(()=>t.dataSource,r=>{Y(r)},{immediate:!0});function ae(r){var n,o,a;(a=(o=(n=v.value)==null?void 0:n.apForm)==null?void 0:o.setFieldsValue)==null||a.call(o,r)}function le(r=!1){var o,a,u;const n=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(a=(o=v.value)==null?void 0:o.apForm)==null?void 0:a[n])==null?void 0:u.call(a,!0)}function se(){return e.unref(d)}return $({submit:()=>P(),reset:()=>_(),refresh:()=>X(),setSearchFormValues:ae,getSearchFormValues:le,getShownColumns:se,dataSource:e.computed(()=>e.unref(m).records),rowSelection:{selectedRows:e.computed(()=>e.unref(b)),...h},scrollBar:{x:{getCurrentScroll:()=>{var r;return((r=i==null?void 0:i.value)==null?void 0:r.currentScroll)??0},scroll:r=>{var n,o;return(o=(n=i==null?void 0:i.value)==null?void 0:n.scroll)==null?void 0:o.call(n,r)}},y:void 0}}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableWrapperRef",ref:B,class:e.normalizeClass(oe.value)},[e.unref(c.isUndefined)(r.dataSource)&&r.searchForm!==!1&&N.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("search-wrapper"):null),style:e.normalizeStyle(r.searchFormWrapperStyle)},[e.createVNode(e.unref(fe.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(N.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:M,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(f)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),g.title?(e.openBlock(),e.createBlock(e.unref(A.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(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),e.createVNode(e.unref(A.Table),e.mergeProps({ref_key:"antdTableRef",ref:F,class:e.unref(f)("table")},E.value,{size:C.value,"table-layout":te.value,columns:d.value,onResizeColumn:n[0]||(n[0]=(o,a)=>a.width=o)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:E.value.dataSource,selectedRows:e.unref(b)})]),_:2},[e.unref(q)?{name:"bottomPaginationTop",fn:e.withCtx(()=>{var o,a;return[e.createVNode(e.unref(xe.default),{ref_key:"scrollBarRef",ref:i,"scroll-container":(a=(o=F.value)==null?void 0:o.table)==null?void 0:a.scrollBodyRef,direction:"horizontal"},null,8,["scroll-container"])]}),key:"0"}:void 0,e.renderList(e.unref(c.omit)(g,["title","searchFormExtra","headerCell","summary"]),(o,a)=>({name:a,fn:e.withCtx(u=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=ke;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),A=require("@aplus-frontend/antdv"),ie=require("@aplus-frontend/antdv/es/theme/internal"),fe=require("../ap-form/index.js"),U=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"),ve=require("../config-provider/hooks/use-global-config.js"),Ce=require("./components/paragraph-ellipsis/index.vue2.js"),Re=require("./components/setting/modal/index.vue2.js"),xe=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(D,{expose:$}){const t=D;let x=0;const g=e.useSlots(),[,j]=ie.useToken(),{e:w,b:f,be:k,m:W}=we.useNamespace("ap-table"),T=ve.useGlobalConfig("valueTypeMap"),{height:H,contentRef:M}=me.default(),B=e.ref(),F=e.ref(),{isStickyMode:q,scrollBarRef:i}=be.useStickyScroll(B),v=e.ref(t.size),d=e.ref([]),z=e.ref([]);Se.useProvideApTable({columns:e.computed(()=>d.value),columnsBackup:e.computed(()=>z.value),size:e.computed(()=>v.value),updateColumns(r){d.value=r},updateSize(r){v.value=r},dataSource:e.computed(()=>e.unref(m).records)});const N=e.computed(()=>{var r,n,o;return x++,((o=(n=(r=t.columns)==null?void 0:r.filter(a=>!a.hideInSearch&&a.dataIndex&&(a.valueType||a.customRenderFormItem)&&!U.noRenderAsFormItemValueList.includes(a.valueType)))==null?void 0:n.sort((a,u)=>{let l=s.getColumnOrder(a.order);return s.getColumnOrder(u.order)-l}))==null?void 0:o.map(a=>{const u=s.updateFormProps(a,s.getFieldProps(a.fieldProps,{})),l={...a,fieldProps:{label:a.title,name:a.dataIndex,...u||{},_signal:x},renderNode:void 0};return l.renderNode=s.getSearchFormItemRenderNode(l,e.unref(T)),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)?m.records:t.dataSource),{rowSelection:S,selectedRows:b,...h}=ye.default({fixed:!0,...t.rowSelection===!0?{}:t.rowSelection,rowKey:t.rowKey,dataSource:Q}),{formRef:C,submit:P,reset:_,tableProps:V,refresh:X,data:m,setDataSource:Y,getColumnSFConfig:Z}=pe.useTablePaging({async request(r){var o,a;if(!S.value.preserveSelectedRowKeys&&c.isUndefined(t.dataSource)&&h.clearAll(),!c.isUndefined(t.dataSource))return{data:t.dataSource||[],total:t.dataSource.length||0};const n=await((o=t.request)==null?void 0:o.call(t,r));return(a=t.onLoad)==null||a.call(t,(n==null?void 0:n.data)||[]),{data:(n==null?void 0:n.data)||[],total:(n==null?void 0:n.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(a=>!a.hideInTable))||[];function n(a,u){return a.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,k("table-header","title"),g.headerCell,e.unref(j).colorPrimary),customRender({value:p,...y}){var K,L;const I=s.getTableRenderType(l),ue=s.getTableRenderProps({...l,valueType:I},{value:p,...y}),de=s.getTableCellRenderNode(I,ue,y.record,e.unref(T)),O=((K=l.renderText)==null?void 0:K.call(l,{value:p,...y}))||p,ce=l.renderText?e.createVNode(e.Fragment,null,[(L=l.renderText)==null?void 0:L.call(l,{value:p,...y})]):de;let R=ne(l,O,ce);return l.customRender&&(R=l.customRender({value:p,...y,column:l,originalNode:R,originalText:O})),R},children:n(l.children||[],u||l)}))}return n(r)};e.watchEffect(()=>{const r=ee();d.value=r,z.value=r});const re=e.computed(()=>{var n,o;if(t.adaptive&&(m.total>0||((n=t.dataSource)==null?void 0:n.length)))return{y:e.unref(H),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(n=>n.ellipsis))return"fixed"}),E=e.computed(()=>{var o;const r=e.unref(V),n=e.unref(S);return{...t,...r,rowSelection:t.rowSelection===!0||((o=t.rowSelection)==null?void 0:o.mode)==="internal"?{...n,preserveSelectedRowKeys:c.isUndefined(t.dataSource)?n.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(()=>{var r;return[f(),t.card?null:f("wrapper"),t.adaptive?f("adaptive"):null,q.value&&((r=i.value)!=null&&r.visible)?W(`sticky-${he.scrollbarSize===0?"absolute":"relative"}`):null].filter(Boolean)});function ne(r,n,o){return U.noRenderAsFormItemValueList.includes(r.valueType)?o:r.copyable||r.ellipsis?e.createVNode(Ce.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(m).loading,r=>{var n;(n=t.onLoadingChange)==null||n.call(t,r)}),e.watch(()=>t.dataSource,r=>{Y(r)},{immediate:!0});function ae(r){var n,o,a;(a=(o=(n=C.value)==null?void 0:n.apForm)==null?void 0:o.setFieldsValue)==null||a.call(o,r)}function le(r=!1){var o,a,u;const n=r?"getFieldsValueTransformed":"getFieldsValue";return(u=(a=(o=C.value)==null?void 0:o.apForm)==null?void 0:a[n])==null?void 0:u.call(a,!0)}function se(){return e.unref(d)}return $({submit:()=>P(),reset:()=>_(),refresh:()=>X(),setSearchFormValues:ae,getSearchFormValues:le,getShownColumns:se,dataSource:e.computed(()=>e.unref(m).records),rowSelection:{selectedRows:e.computed(()=>e.unref(b)),...h},scrollBar:{x:{getCurrentScroll:()=>{var r;return((r=i==null?void 0:i.value)==null?void 0:r.currentScroll)??0},scroll:r=>{var n,o;return(o=(n=i==null?void 0:i.value)==null?void 0:n.scroll)==null?void 0:o.call(n,r)}},y:void 0}}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableWrapperRef",ref:B,class:e.normalizeClass(oe.value)},[e.unref(c.isUndefined)(r.dataSource)&&r.searchForm!==!1&&N.value.length>0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(r.card?e.unref(w)("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(V).loading,onSubmit:e.unref(P),onReset:e.unref(_)}),e.createSlots({default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(N.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:M,class:e.normalizeClass([e.unref(w)("table-wrapper"),r.card?e.unref(w)("table-wrapper-card"):null]),style:e.normalizeStyle(r.tableWrapperStyle)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(f)("header-wrapper"))},[r.settings?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(f)("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(k)("header","title"))},[e.renderSlot(r.$slots,"title",e.mergeProps({selectedRows:e.unref(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),g.title?(e.openBlock(),e.createBlock(e.unref(A.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(b),selectedRowKeys:e.unref(S).selectedRowKeys,shownColumns:d.value},h))],2),e.createVNode(e.unref(A.Table),e.mergeProps({ref_key:"antdTableRef",ref:F,class:e.unref(f)("table")},E.value,{size:v.value,"table-layout":te.value,columns:d.value,onResizeColumn:n[0]||(n[0]=(o,a)=>a.width=o)}),e.createSlots({summary:e.withCtx(()=>[e.renderSlot(r.$slots,"summary",{columns:d.value,records:E.value.dataSource,selectedRows:e.unref(b)})]),_:2},[e.unref(q)?{name:"bottomPaginationTop",fn:e.withCtx(()=>{var o,a;return[e.createVNode(e.unref(xe.default),{ref_key:"scrollBarRef",ref:i,"scroll-container":(a=(o=F.value)==null?void 0:o.table)==null?void 0:a.scrollBodyRef,direction:"horizontal"},null,8,["scroll-container"])]}),key:"0"}:void 0,e.renderList(e.unref(c.omit)(g,["title","searchFormExtra","headerCell","summary"]),(o,a)=>({name:a,fn:e.withCtx(u=>[e.renderSlot(r.$slots,a,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040,["class","size","table-layout","columns"])],6)],2))}});exports.default=ke;

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

@@ -1,8 +1,9 @@
 import { ScrollBarProps, ScrollBarDirection, InternalScrollBarProps } from './interface';
 import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, Ref, GlobalComponents, GlobalDirectives } from 'vue';
+declare function handleBarScroll(percent: number): void;
 declare const _default: DefineComponent<ScrollBarProps, {
     currentScroll: ComputedRef<number | undefined>;
-    scroll: (percent: number) => void | undefined;
+    scroll: typeof handleBarScroll;
     visible: ComputedRef<boolean>;
     rootElement: ComputedRef<HTMLElement | undefined>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ScrollBarProps> & Readonly<{}>, {

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),y=require("./utils/index.js"),P=require("../config-provider/hooks/use-namespace.js"),B=t.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(E,{expose:p}){const n=E,h=t.ref(),c=t.ref(),l=t.ref(),{b:L,e:b,m:C,em:u,cssVar:R}=P.useNamespace("scroll-bar"),o=t.ref(n.scroll),{handleMouseDown:k}=T.useTrack({currentScroll:o,track:c,bar:l,type:t.toRef(n,"direction"),trackSpeed:t.toRef(n,"trackSpeed"),barLength:t.toRef(n,"barLength"),disabled:t.toRef(n,"disabled"),onDown:e=>{var r;(r=n.onScrollStart)==null||r.call(n,e)},onUp:e=>{var r;(r=n.onScrollEnd)==null||r.call(n,e)},onScroll:e=>{var r;(r=n.onScroll)==null||r.call(n,e)}});t.watch(()=>n.scroll,e=>{o.value=e}),t.watchEffect(()=>{if(!t.unref(l))return;const e=`${(100-n.barLength)*o.value/n.barLength}%`,r=`${n.barLength}%`;n.direction==="vertical"?(l.value.style.height=r,l.value.style.transform=`translate3d(0, ${e}, 0)`):(l.value.style.width=r,l.value.style.transform=`translate3d(${e}, 0, 0)`)});let f,s,d;function M(e){var w;if(n.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const r=t.unref(c),i=t.unref(l);if(!r||!i)return;document.addEventListener("pointermove",v),document.addEventListener("pointerup",m);const a=r.getBoundingClientRect(),S=i.getBoundingClientRect();n.direction==="vertical"?(f=a.height,s=S.top-a.top,d=e.clientY):(f=a.width,s=S.left-a.left,d=e.clientX),(w=n.onScrollStart)==null||w.call(n,t.unref(o))}function v(e){var a;e.stopPropagation(),e.preventDefault();let r;n.direction==="vertical"?r=s+e.clientY-d:r=s+e.clientX-d;const i=r/f/(100-n.barLength)*1e4;o.value=y.ensureRangeValue(i),(a=n.onScroll)==null||a.call(n,t.unref(o))}function m(e){var r;e.preventDefault(),document.removeEventListener("pointermove",v),document.removeEventListener("pointerup",m),(r=n.onScrollEnd)==null||r.call(n,t.unref(o))}function g(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){var r;Math.abs(t.unref(o)-e)<=.001||(o.value=y.ensureRangeValue(e),(r=n.onScroll)==null||r.call(n,e))}return p({currentScroll:o,container:h,bar:l,track:c,scroll:D}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:h,class:t.normalizeClass([t.unref(L)(),t.unref(C)(e.direction)]),style:t.normalizeStyle(t.unref(R)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0}))},[t.createElementVNode("div",{ref_key:"track",ref:c,class:t.normalizeClass([t.unref(b)("track"),e.disabled?t.unref(u)("track","disabled"):null,e.showTrack?null:t.unref(u)("track","hidden")]),onPointerdown:r[0]||(r[0]=(...i)=>t.unref(k)&&t.unref(k)(...i)),onTouchstart:g},null,34),t.createElementVNode("div",{ref_key:"bar",ref:l,class:t.normalizeClass([t.unref(b)("bar"),t.unref(u)("bar",e.direction),e.disabled?t.unref(u)("bar","disabled"):null]),onPointerdown:M,onTouchstart:g},null,34)],6))}});exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const T=require("./hooks/use-track.js"),p=require("./utils/index.js"),P=require("../config-provider/hooks/use-namespace.js"),B=t.defineComponent({__name:"internal",props:{direction:{default:"vertical"},scroll:{default:0},barLength:{default:35},width:{},barColor:{},trackColor:{},trackWidth:{},disabled:{type:Boolean,default:!1},showTrack:{type:Boolean,default:!0},trackSpeed:{default:2},onScrollStart:{},onScroll:{},onScrollEnd:{}},setup(y,{expose:E}){const n=y,h=t.ref(),c=t.ref(),l=t.ref(),{b:L,e:b,m:C,em:u,cssVar:R}=P.useNamespace("scroll-bar"),o=t.ref(n.scroll),{handleMouseDown:k}=T.useTrack({currentScroll:o,track:c,bar:l,type:t.toRef(n,"direction"),trackSpeed:t.toRef(n,"trackSpeed"),barLength:t.toRef(n,"barLength"),disabled:t.toRef(n,"disabled"),onDown:e=>{var r;(r=n.onScrollStart)==null||r.call(n,e)},onUp:e=>{var r;(r=n.onScrollEnd)==null||r.call(n,e)},onScroll:e=>{var r;(r=n.onScroll)==null||r.call(n,e)}});t.watch(()=>n.scroll,e=>{o.value=e}),t.watchEffect(()=>{if(!t.unref(l))return;const e=`${(100-n.barLength)*o.value/n.barLength}%`,r=`${n.barLength}%`;n.direction==="vertical"?(l.value.style.height=r,l.value.style.transform=`translate3d(0, ${e}, 0)`):(l.value.style.width=r,l.value.style.transform=`translate3d(${e}, 0, 0)`)});let f,s,d;function M(e){var w;if(n.disabled||e.button!==0)return;e.preventDefault(),e.stopPropagation();const r=t.unref(c),i=t.unref(l);if(!r||!i)return;document.addEventListener("pointermove",v),document.addEventListener("pointerup",m);const a=r.getBoundingClientRect(),S=i.getBoundingClientRect();n.direction==="vertical"?(f=a.height,s=S.top-a.top,d=e.clientY):(f=a.width,s=S.left-a.left,d=e.clientX),(w=n.onScrollStart)==null||w.call(n,t.unref(o))}function v(e){var a;e.stopPropagation(),e.preventDefault();let r;n.direction==="vertical"?r=s+e.clientY-d:r=s+e.clientX-d;const i=r/f/(100-n.barLength)*1e4;o.value=p.ensureRangeValue(i),(a=n.onScroll)==null||a.call(n,t.unref(o))}function m(e){var r;e.preventDefault(),document.removeEventListener("pointermove",v),document.removeEventListener("pointerup",m),(r=n.onScrollEnd)==null||r.call(n,t.unref(o))}function g(e){e.cancelable&&(e.stopPropagation(),e.preventDefault())}function D(e){Math.abs(t.unref(o)-e)<=.001||(o.value=p.ensureRangeValue(e))}return E({currentScroll:o,container:h,bar:l,track:c,scroll:D}),(e,r)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"container",ref:h,class:t.normalizeClass([t.unref(L)(),t.unref(C)(e.direction)]),style:t.normalizeStyle(t.unref(R)({"bar-color":e.barColor,"track-color":e.trackColor,"bar-width":e.width?`${e.width}px`:void 0,"track-width":e.trackWidth?`${e.trackWidth}px`:void 0}))},[t.createElementVNode("div",{ref_key:"track",ref:c,class:t.normalizeClass([t.unref(b)("track"),e.disabled?t.unref(u)("track","disabled"):null,e.showTrack?null:t.unref(u)("track","hidden")]),onPointerdown:r[0]||(r[0]=(...i)=>t.unref(k)&&t.unref(k)(...i)),onTouchstart:g},null,34),t.createElementVNode("div",{ref_key:"bar",ref:l,class:t.normalizeClass([t.unref(b)("bar"),t.unref(u)("bar",e.direction),e.disabled?t.unref(u)("bar","disabled"):null]),onPointerdown:M,onTouchstart:g},null,34)],6))}});exports.default=B;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.4.23",
+  "version": "0.4.24",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -65,8 +65,8 @@
     "sortablejs": "^1.15.2",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.50"
+    "@aplus-frontend/utils": "1.0.50",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.0.12",