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

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

@@ -1,12 +1,12 @@
-import { defineComponent as Ke, useSlots as Ee, ref as h, computed as s, unref as l, createVNode as p, Fragment as Z, watch as k, createElementBlock as B, openBlock as m, normalizeStyle as V, normalizeClass as y, createCommentVNode as ee, createElementVNode as K, mergeProps as w, createSlots as oe, withCtx as v, renderList as re, createBlock as ae, resolveDynamicComponent as Oe, renderSlot as R, normalizeProps as Le, guardReactiveProps as $e } from "vue";
+import { defineComponent as Ke, useSlots as Ee, ref as h, computed as s, unref as l, createVNode as p, Fragment as oe, watch as k, createElementBlock as B, openBlock as m, normalizeStyle as E, normalizeClass as y, createCommentVNode as re, createElementVNode as O, mergeProps as w, createSlots as ae, withCtx as v, renderList as te, createBlock as le, resolveDynamicComponent as Oe, renderSlot as R, normalizeProps as Le, guardReactiveProps as $e } from "vue";
 import { Divider as Ae, Table as De } from "@aplus-frontend/antdv";
 import { useToken as je } from "@aplus-frontend/antdv/es/theme/internal";
 import { ApForm as We } from "../ap-form/index.mjs";
-import { noRenderAsFormItemValueList as te } from "./constants.mjs";
+import { noRenderAsFormItemValueList as ne } from "./constants.mjs";
 import "../config-provider/index.mjs";
 import { useTablePaging as _e } from "./hooks/use-table-paging-ng.mjs";
-import { isUndefined as g, omit as le, isBoolean as He } from "lodash-unified";
-import { getColumnOrder as ne, updateFormProps as Ue, getFieldProps as qe, getSearchFormItemRenderNode as Me, recursionApColumns as se, getTableTitle as Ge, getTableRenderType as Je, getTableRenderProps as Qe, getTableCellRenderNode as Xe, apColumnToColumn as Ye, falseToUndefined as Ze, objectToString as eo } from "./utils.mjs";
+import { isUndefined as b, omit as se, isBoolean as He } from "lodash-unified";
+import { getColumnOrder as de, updateFormProps as Ue, getFieldProps as qe, getSearchFormItemRenderNode as Me, recursionApColumns as ue, getTableTitle as Ge, getTableRenderType as Je, getTableRenderProps as Qe, getTableCellRenderNode as Xe, apColumnToColumn as Ye, falseToUndefined as Ze, objectToString as eo } from "./utils.mjs";
 import oo from "./hooks/use-table-content-height.mjs";
 import ro from "./hooks/use-table-row-selection.mjs";
 import { getScrollbarSize as ao, isDef as to } from "../utils/index.mjs";
@@ -144,27 +144,27 @@ const Eo = /* @__PURE__ */ Ke({
       default: void 0
     }
   },
-  setup(de, {
-    expose: ue
+  setup(ie, {
+    expose: ce
   }) {
-    const o = de;
-    let E = 0;
-    const C = Ee(), [, ie] = je(), {
+    const o = ie;
+    let L = 0;
+    const C = Ee(), [, fe] = je(), {
       e: z,
       b: c,
-      be: O,
-      m: ce,
-      cssVar: fe
-    } = so("ap-table"), L = uo("valueTypeMap"), {
-      height: pe,
-      contentRef: me
-    } = oo(), $ = h(), A = h(), {
-      isStickyMode: D,
+      be: $,
+      m: pe,
+      cssVar: me
+    } = so("ap-table"), A = uo("valueTypeMap"), {
+      height: ye,
+      contentRef: be
+    } = oo(), D = h(), j = h(), {
+      isStickyMode: W,
       scrollBarRef: i
-    } = no($), P = h(o.size), u = h([]), j = h([]), W = ao();
+    } = no(D), P = h(o.size), u = h([]), _ = h([]), H = ao();
     lo({
       columns: s(() => u.value),
-      columnsBackup: s(() => j.value),
+      columnsBackup: s(() => _.value),
       size: s(() => P.value),
       updateColumns(e) {
         u.value = e;
@@ -172,13 +172,17 @@ const Eo = /* @__PURE__ */ Ke({
       updateSize(e) {
         P.value = e;
       },
-      dataSource: s(() => l(b).records)
+      dataSource: s(() => l(g).records),
+      getSearchFormValues: Q,
+      setSearchFormValues: J,
+      submit: () => N(),
+      reset: () => V()
     });
-    const _ = s(() => {
+    const U = 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) && !te.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
-        let n = ne(t.order);
-        return ne(d.order) - n;
+      return L++, ((r = (a = (e = o.columns) == null ? void 0 : e.filter((t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !ne.includes(t.valueType))) == null ? void 0 : a.sort((t, d) => {
+        let n = de(t.order);
+        return de(d.order) - n;
       })) == null ? void 0 : r.map((t) => {
         const d = Ue(t, qe(t.fieldProps, {})), n = {
           ...t,
@@ -186,19 +190,19 @@ const Eo = /* @__PURE__ */ Ke({
             label: t.title,
             name: t.dataIndex,
             ...d || {},
-            _signal: E
+            _signal: L
           },
           renderNode: void 0
         };
-        return n.renderNode = Me(n, l(L)), n;
+        return n.renderNode = Me(n, l(A)), n;
       })) || [];
-    }), ye = s(() => se(l(u), (e) => {
+    }), ge = s(() => ue(l(u), (e) => {
       if (e.sorter === !0)
         return e.key || (e == null ? void 0 : e.dataIndex);
-    }).filter(Boolean)), ge = s(() => se(l(u), (e) => {
+    }).filter(Boolean)), Se = s(() => ue(l(u), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || (e == null ? void 0 : e.dataIndex);
-    }).filter(Boolean)), be = s(() => g(o.dataSource) ? b.records : o.dataSource), {
+    }).filter(Boolean)), he = s(() => b(o.dataSource) ? g.records : o.dataSource), {
       rowSelection: T,
       selectedRows: F,
       ...x
@@ -206,22 +210,22 @@ const Eo = /* @__PURE__ */ Ke({
       fixed: !0,
       ...o.rowSelection === !0 ? {} : o.rowSelection,
       rowKey: o.rowKey,
-      dataSource: be
+      dataSource: he
     }), {
       formRef: I,
-      submit: H,
-      reset: U,
+      submit: N,
+      reset: V,
       tableProps: q,
-      refresh: Se,
-      data: b,
-      setDataSource: he,
+      refresh: we,
+      data: g,
+      setDataSource: ve,
       getColumnSFConfig: M,
-      sortedInfo: we,
-      filteredInfo: ve
+      sortedInfo: Re,
+      filteredInfo: Ce
     } = _e({
       async request(e) {
         var r, t;
-        if (!T.value.preserveSelectedRowKeys && g(o.dataSource) && x.clearAll(), !g(o.dataSource))
+        if (!T.value.preserveSelectedRowKeys && b(o.dataSource) && x.clearAll(), !b(o.dataSource))
           return {
             data: o.dataSource || [],
             total: o.dataSource.length || 0
@@ -232,56 +236,56 @@ const Eo = /* @__PURE__ */ Ke({
           total: (a == null ? void 0 : a.total) || 0
         };
       },
-      filterFields: ge,
-      sortFields: ye,
+      filterFields: Se,
+      sortFields: ge,
       defaultParams: o.params,
       defaultData: o.defaultData,
       manual: o.manual,
       formatParams: o.beforeSearchSubmit,
       pagination: o.pagination
-    }), Re = () => {
+    }), Te = () => {
       var r;
       let e = ((r = o.columns) == null ? void 0 : r.filter((t) => !t.hideInTable)) || [];
       function a(t, d) {
         return t.map((n) => ({
           resizable: to(n.resizable) ? n.resizable : o.columnResizable,
-          ...le(Ye(n), ["ellipsis"]),
+          ...se(Ye(n), ["ellipsis"]),
           // tips: 此函数内部依赖查询&筛选的相应式值
           ...M(n),
           fixed: d ? d.fixed : n.fixed,
-          title: Ge(n, O("table-header", "title"), C.headerCell, l(ie).colorPrimary),
+          title: Ge(n, $("table-header", "title"), C.headerCell, l(fe).colorPrimary),
           customRender({
             value: f,
             ...S
           }) {
-            var X, Y;
-            const J = Je(n), Ie = Qe({
+            var Z, ee;
+            const X = Je(n), Ie = Qe({
               ...n,
-              valueType: J
+              valueType: X
             }, {
               value: f,
               ...S
-            }), Ne = Xe(J, Ie, S.record, l(L)), Q = ((X = n.renderText) == null ? void 0 : X.call(n, {
+            }), Ne = Xe(X, Ie, S.record, l(A)), Y = ((Z = n.renderText) == null ? void 0 : Z.call(n, {
               value: f,
               ...S
-            })) || f, Ve = n.renderText ? p(Z, null, [(Y = n.renderText) == null ? void 0 : Y.call(n, {
+            })) || f, Ve = n.renderText ? p(oe, null, [(ee = n.renderText) == null ? void 0 : ee.call(n, {
               value: f,
               ...S
             })]) : Ne;
-            let N = ke(n, Q, Ve);
-            return n.customRender && (N = n.customRender({
+            let K = ze(n, Y, Ve);
+            return n.customRender && (K = n.customRender({
               value: f,
               ...S,
               column: n,
-              originalNode: N,
-              originalText: Q
-            })), N;
+              originalNode: K,
+              originalText: Y
+            })), K;
           },
           children: a(n.children || [], d || n)
         }));
       }
       return a(e);
-    }, Ce = () => {
+    }, Fe = () => {
       function e(a) {
         var r;
         for (const t of a)
@@ -290,26 +294,26 @@ const Eo = /* @__PURE__ */ Ke({
       e(u.value);
     };
     k(() => [o.columns, o.columnResizable], () => {
-      const e = Re();
-      u.value = e, j.value = e;
+      const e = Te();
+      u.value = e, _.value = e;
     }, {
       deep: !0,
       immediate: !0
-    }), k(() => [we.value, ve.value], () => {
-      Ce();
+    }), k(() => [Re.value, Ce.value], () => {
+      Fe();
     }, {
       deep: !0
     });
-    const Te = s(() => {
+    const xe = s(() => {
       var a, r;
-      if (o.adaptive && (b.total > 0 || ((a = o.dataSource) == null ? void 0 : a.length)))
+      if (o.adaptive && (g.total > 0 || ((a = o.dataSource) == null ? void 0 : a.length)))
         return {
-          y: l(pe),
+          y: l(ye),
           x: ((r = o.scroll) == null ? void 0 : r.x) || "100%"
         };
       if (o.scroll)
         return o.scroll;
-    }), Fe = s(() => {
+    }), ke = s(() => {
       var e;
       if (o.tableLayout)
         return o.tableLayout;
@@ -324,18 +328,18 @@ const Eo = /* @__PURE__ */ Ke({
         rowSelection: o.rowSelection === !0 || ((r = o.rowSelection) == null ? void 0 : r.mode) === "internal" ? {
           ...a,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: g(o.dataSource) ? a.preserveSelectedRowKeys : !0
+          preserveSelectedRowKeys: b(o.dataSource) ? a.preserveSelectedRowKeys : !0
         } : Ze(o.rowSelection),
-        loading: g(o.loading) ? e.loading : o.loading,
+        loading: b(o.loading) ? e.loading : o.loading,
         pagination: o.pagination === !1 ? !1 : e.pagination,
-        scroll: l(Te)
+        scroll: l(xe)
       };
-    }), xe = s(() => {
+    }), Be = s(() => {
       var e;
-      return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, D.value && ((e = i.value) != null && e.visible) ? ce(`sticky-${W === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
+      return [c(), o.card ? null : c("wrapper"), o.adaptive ? c("adaptive") : null, W.value && ((e = i.value) != null && e.visible) ? pe(`sticky-${H === 0 ? "absolute" : "relative"}`) : null].filter(Boolean);
     });
-    function ke(e, a, r) {
-      if (te.includes(e.valueType))
+    function ze(e, a, r) {
+      if (ne.includes(e.valueType))
         return r;
       const t = eo(a);
       return e.copyable || e.ellipsis ? p(io, {
@@ -351,19 +355,19 @@ const Eo = /* @__PURE__ */ Ke({
         content: r
       }, null) : r;
     }
-    k(() => l(b).loading, (e) => {
+    k(() => l(g).loading, (e) => {
       var a;
       (a = o.onLoadingChange) == null || a.call(o, e);
     }), k(() => o.dataSource, (e) => {
-      he(e);
+      ve(e);
     }, {
       immediate: !0
     });
-    function Be(e) {
+    function J(e) {
       var a, r, t;
       (t = (r = (a = I.value) == null ? void 0 : a.apForm) == null ? void 0 : r.setFieldsValue) == null || t.call(r, e);
     }
-    function ze(e = !1) {
+    function Q(e = !1) {
       var r, t, d;
       const a = e ? "getFieldsValueTransformed" : "getFieldsValue";
       return (d = (t = (r = I.value) == null ? void 0 : r.apForm) == null ? void 0 : t[a]) == null ? void 0 : d.call(t, !0);
@@ -371,14 +375,14 @@ const Eo = /* @__PURE__ */ Ke({
     function Pe() {
       return l(u);
     }
-    return ue({
-      submit: () => H(),
-      reset: () => U(),
-      refresh: () => Se(),
-      setSearchFormValues: Be,
-      getSearchFormValues: ze,
+    return ce({
+      submit: () => N(),
+      reset: () => V(),
+      refresh: () => we(),
+      setSearchFormValues: J,
+      getSearchFormValues: Q,
       getShownColumns: Pe,
-      dataSource: s(() => l(b).records),
+      dataSource: s(() => l(g).records),
       rowSelection: {
         selectedRows: s(() => l(F)),
         ...x
@@ -398,24 +402,24 @@ const Eo = /* @__PURE__ */ Ke({
       }
     }), (e, a) => (m(), B("div", {
       ref_key: "tableWrapperRef",
-      ref: $,
-      class: y(xe.value),
-      style: V(l(fe)({
-        "scroll-bar-width": `${l(W)}px`
+      ref: D,
+      class: y(Be.value),
+      style: E(l(me)({
+        "scroll-bar-width": `${l(H)}px`
       }))
-    }, [l(g)(e.dataSource) && e.searchForm !== !1 && _.value.length > 0 ? (m(), B("div", {
+    }, [l(b)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (m(), B("div", {
       key: 0,
       class: y(e.card ? l(z)("search-wrapper") : null),
-      style: V(e.searchFormWrapperStyle)
+      style: E(e.searchFormWrapperStyle)
     }, [p(l(We).SearchForm, w(e.searchForm || {}, {
       ref_key: "formRef",
       ref: I,
       "custom-reset": "",
       "submit-loading": l(q).loading,
-      onSubmit: l(H),
-      onReset: l(U)
-    }), oe({
-      default: v(() => [(m(!0), B(Z, null, re(_.value, (r) => (m(), ae(Oe(r.renderNode.Comp), w({
+      onSubmit: l(N),
+      onReset: l(V)
+    }), ae({
+      default: v(() => [(m(!0), B(oe, null, te(U.value, (r) => (m(), le(Oe(r.renderNode.Comp), w({
         key: r.dataIndex,
         item: r,
         ref_for: !0
@@ -428,26 +432,26 @@ const Eo = /* @__PURE__ */ Ke({
       name: "extra",
       fn: v(() => [R(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : ee("", !0), K("div", {
+    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : re("", !0), O("div", {
       ref_key: "contentRef",
-      ref: me,
+      ref: be,
       class: y([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
-      style: V(e.tableWrapperStyle)
-    }, [K("div", {
+      style: E(e.tableWrapperStyle)
+    }, [O("div", {
       class: y(l(c)("header-wrapper"))
     }, [e.settings ? (m(), B("div", {
       key: 0,
       class: y(l(c)("header"))
-    }, [K("div", {
-      class: y(l(O)("header", "title"))
+    }, [O("div", {
+      class: y(l($)("header", "title"))
     }, [R(e.$slots, "title", w({
       selectedRows: l(F),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
-    }, x))], 2), C.title ? (m(), ae(l(Ae), {
+    }, x))], 2), C.title ? (m(), le(l(Ae), {
       key: 0,
       type: "vertical"
-    })) : ee("", !0), p(co, {
+    })) : re("", !0), p(co, {
       config: e.settings === !0 ? {} : e.settings
     }, null, 8, ["config"])], 2)) : R(e.$slots, "title", w({
       key: 1,
@@ -456,33 +460,33 @@ const Eo = /* @__PURE__ */ Ke({
       shownColumns: u.value
     }, x))], 2), p(l(De), w({
       ref_key: "antdTableRef",
-      ref: A,
+      ref: j,
       class: l(c)("table")
     }, G.value, {
       size: P.value,
-      "table-layout": Fe.value,
+      "table-layout": ke.value,
       columns: u.value,
       onResizeColumn: a[0] || (a[0] = (r, t) => t.width = r)
-    }), oe({
+    }), ae({
       summary: v(() => [R(e.$slots, "summary", {
         columns: u.value,
         records: G.value.dataSource,
         selectedRows: l(F)
       })]),
       _: 2
-    }, [l(D) ? {
+    }, [l(W) ? {
       name: "bottomPaginationTop",
       fn: v(() => {
         var r, t;
         return [p(l(fo), {
           ref_key: "scrollBarRef",
           ref: i,
-          "scroll-container": (t = (r = A.value) == null ? void 0 : r.table) == null ? void 0 : t.scrollBodyRef,
+          "scroll-container": (t = (r = j.value) == null ? void 0 : r.table) == null ? void 0 : t.scrollBodyRef,
           direction: "horizontal"
         }, null, 8, ["scroll-container"])];
       }),
       key: "0"
-    } : void 0, re(l(le)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (r, t) => ({
+    } : void 0, te(l(se)(C, ["title", "searchFormExtra", "headerCell", "summary"]), (r, t) => ({
       name: t,
       fn: v((d) => [R(e.$slots, t, Le($e(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 6));