@aplus-frontend/ui 0.4.13 → 0.4.15

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

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