@aplus-frontend/ui 0.0.30 → 0.0.32

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

@@ -1,22 +1,22 @@
-import { defineComponent as ae, useSlots as te, computed as s, createVNode as d, mergeProps as f, unref as l, watch as oe, openBlock as i, createElementBlock as m, normalizeClass as F, normalizeStyle as R, createSlots as k, withCtx as p, Fragment as re, renderList as L, createBlock as le, resolveDynamicComponent as ne, renderSlot as w, createCommentVNode as E, createElementVNode as O, toDisplayString as se, normalizeProps as de, guardReactiveProps as ue } from "vue";
-import { Typography as ie, Table as pe, Tooltip as ce } from "ant-design-vue";
-import { useToken as fe } from "ant-design-vue/es/theme/internal";
-import { ApForm as me } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as ge, noRenderAsFormItemValueList as V, apTableFormItemMap as ye } from "./constants.mjs";
+import { defineComponent as te, useSlots as oe, computed as s, createVNode as d, mergeProps as f, unref as l, watch as re, openBlock as i, createElementBlock as m, normalizeClass as F, normalizeStyle as R, createSlots as L, withCtx as p, Fragment as le, renderList as E, createBlock as ne, resolveDynamicComponent as se, renderSlot as w, createCommentVNode as O, createElementVNode as V, toDisplayString as de, normalizeProps as ue, guardReactiveProps as ie } from "vue";
+import { Typography as pe, Table as ce, Tooltip as fe } from "ant-design-vue";
+import { useToken as me } from "ant-design-vue/es/theme/internal";
+import { ApForm as ge } from "../ap-form/index.mjs";
+import { apTableRenderItemMap as ye, noRenderAsFormItemValueList as z, apTableFormItemMap as be } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as be } from "./hooks/use-table-paging.mjs";
-import { omit as z, isUndefined as x, isBoolean as he } from "lodash-unified";
+import { useTablePaging as he } from "./hooks/use-table-paging.mjs";
+import { omit as N, isUndefined as x, isBoolean as Ce } from "lodash-unified";
 import "./style/ap-table.css";
-import { QuestionCircleOutlined as Ce } from "@ant-design/icons-vue";
-import { apColumnToColumn as Se, getTableRenderType as Fe, getTableRenderProps as Re, getColumnOrder as N, updateFormProps as we, getFieldProps as xe, getPlaceholder as Te } from "./utils.mjs";
-import Be from "./hooks/use-table-content-height.mjs";
-import { getRawDisplayValue as Pe } from "../editable-table/utils.mjs";
-import { useLocale as ve } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Ie } from "../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as ke } from "../config-provider/hooks/use-global-config.mjs";
-const Le = {
+import { QuestionCircleOutlined as Se } from "@ant-design/icons-vue";
+import { apColumnToColumn as Fe, getTableRenderType as Re, getTableRenderProps as we, getColumnOrder as D, updateFormProps as xe, getFieldProps as Te, getPlaceholder as Be } from "./utils.mjs";
+import Pe from "./hooks/use-table-content-height.mjs";
+import { getRawDisplayValue as ve } from "../editable-table/utils.mjs";
+import { useLocale as Ie } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ke } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as Le } from "../config-provider/hooks/use-global-config.mjs";
+const Ee = {
   key: 0
-}, Qe = /* @__PURE__ */ ae({
+}, Ue = /* @__PURE__ */ te({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -130,31 +130,33 @@ const Le = {
       default: !1
     }
   },
-  setup(D, {
-    expose: W
+  setup(W, {
+    expose: _
   }) {
-    const o = D, T = te(), [, j] = fe(), {
-      t: _
-    } = ve(), {
+    const o = W;
+    let T = 0;
+    const B = oe(), [, j] = me(), {
+      t: A
+    } = Ie(), {
       e: g,
       b: u
-    } = Ie("ap-table"), A = ke("uiMode", "aplus"), {
-      height: M,
-      contentRef: q
-    } = Be(), y = s(() => {
+    } = ke("ap-table"), M = Le("uiMode", "aplus"), {
+      height: q,
+      contentRef: H
+    } = Pe(), y = s(() => {
       var t;
       let e = ((t = o.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
       return e = e.map((a) => ({
-        ...z(Se(a), ["ellipsis"]),
+        ...N(Fe(a), ["ellipsis"]),
         customRender({
           value: r,
           ...n
         }) {
-          const C = Fe(a), I = ge[C], ee = Re(a, {
+          const C = Re(a), k = ye[C], ae = we(a, {
             value: r,
             ...n
           });
-          let S = X(a, r, d(I, f(ee, {
+          let S = Y(a, r, d(k, f(ae, {
             mode: "read"
           }), null));
           return a.customRender && (S = a.customRender({
@@ -165,13 +167,13 @@ const Le = {
           })), S;
         }
       })), e;
-    }), B = s(() => {
+    }), P = s(() => {
       var e, t, a;
-      return ((a = (t = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !V.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
-        let C = N(r.order);
-        return N(n.order) - C;
+      return T++, ((a = (t = (e = o.columns) == null ? void 0 : e.filter((r) => !r.hideInSearch && r.dataIndex && (r.valueType || r.customRenderFormItem) && !z.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
+        let C = D(r.order);
+        return D(n.order) - C;
       })) == null ? void 0 : a.map((r) => {
-        const n = we(r, xe(r.fieldProps, {}));
+        const n = xe(r, Te(r.fieldProps, {}));
         return {
           ...r,
           fieldProps: {
@@ -179,18 +181,19 @@ const Le = {
             name: r.dataIndex,
             ...n || {},
             // 格式化placeholder
-            placeholder: Te(_, r.valueType, n == null ? void 0 : n.placeholder)
+            placeholder: Be(A, r.valueType, n == null ? void 0 : n.placeholder),
+            _signal: T
           }
         };
       })) || [];
-    }), H = s(() => l(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), K = s(() => l(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
+    }), K = s(() => l(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), $ = s(() => l(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
       formRef: b,
-      submit: P,
-      reset: v,
+      submit: v,
+      reset: I,
       tableProps: c,
-      handleTableChange: $,
+      handleTableChange: G,
       data: h
-    } = be({
+    } = he({
       async request(e) {
         var a, r;
         const t = await ((a = o.request) == null ? void 0 : a.call(o, e));
@@ -199,29 +202,29 @@ const Le = {
           total: (t == null ? void 0 : t.total) || 0
         };
       },
-      filterFields: l(K),
-      sortFields: l(H),
+      filterFields: l($),
+      sortFields: l(K),
       defaultParams: o.params,
       defaultData: o.defaultData,
       manual: o.manual,
       defaultCurrent: o.pagination ? o.pagination.defaultCurrent : void 0,
       defaultPageSize: o.pagination ? o.pagination.defaultPageSize : void 0,
       formatParams: o.beforeSearchSubmit
-    }), G = s(() => {
+    }), Q = s(() => {
       var e;
       return o.scroll ? o.scroll : o.adaptive && (h.value.total > 0 || (e = o.dataSource) != null && e.length) ? {
-        y: l(M),
+        y: l(q),
         x: "100%"
       } : {
         x: !0
       };
-    }), Q = s(() => {
+    }), U = s(() => {
       var e;
       if (o.tableLayout)
         return o.tableLayout;
       if ((e = o.columns) != null && e.some((t) => t.ellipsis))
         return "fixed";
-    }), U = s(() => {
+    }), J = s(() => {
       const e = l(c), t = x(o.dataSource) ? e : {
         ...e,
         dataSource: o.dataSource,
@@ -232,101 +235,101 @@ const Le = {
         ...t,
         loading: x(o.loading) ? l(c).loading : o.loading,
         pagination: o.pagination === !1 ? !1 : l(c).pagination,
-        scroll: l(G)
+        scroll: l(Q)
       };
-    }), J = s(() => [u(), o.card ? null : u("wrapper"), o.adaptive ? u("adaptive") : null].filter(Boolean));
-    function X(e, t, a) {
-      return V.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ie.Paragraph, {
+    }), X = s(() => [u(), o.card ? null : u("wrapper"), o.adaptive ? u("adaptive") : null].filter(Boolean));
+    function Y(e, t, a) {
+      return z.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(pe.Paragraph, {
         copyable: e.copyable ? {
           text: t,
           tooltip: !1
         } : !1,
-        ellipsis: e.ellipsis ? he(e.ellipsis) ? {
+        ellipsis: e.ellipsis ? Ce(e.ellipsis) ? {
           tooltip: t
         } : {
           ...e.ellipsis,
           tooltip: t
         } : !1,
-        content: e.ellipsis ? Pe(e, t) : a
+        content: e.ellipsis ? ve(e, t) : a
       }, null) : a;
     }
-    oe(() => l(h).loading, (e) => {
+    re(() => l(h).loading, (e) => {
       var t;
       (t = o.onLoadingChange) == null || t.call(o, e);
     });
-    function Y(e) {
+    function Z(e) {
       var t, a, r;
       (r = (a = (t = b.value) == null ? void 0 : t.apForm) == null ? void 0 : a.setFieldsValue) == null || r.call(a, e);
     }
-    function Z() {
+    function ee() {
       var e, t, a;
       return (a = (t = (e = b.value) == null ? void 0 : e.apForm) == null ? void 0 : t.getFieldsValue) == null ? void 0 : a.call(t, !0);
     }
-    return W({
-      submit: () => P(),
-      reset: () => v(),
-      setSearchFormValues: Y,
-      getSearchFormValues: Z,
+    return _({
+      submit: () => v(),
+      reset: () => I(),
+      setSearchFormValues: Z,
+      getSearchFormValues: ee,
       dataSource: s(() => l(h).records)
     }), (e, t) => (i(), m("div", {
-      class: F(J.value)
-    }, [l(x)(e.dataSource) && e.searchForm !== !1 && B.value.length > 0 ? (i(), m("div", {
+      class: F(X.value)
+    }, [l(x)(e.dataSource) && e.searchForm !== !1 && P.value.length > 0 ? (i(), m("div", {
       key: 0,
       class: F(e.card ? l(g)("search-wrapper") : null),
       style: R(e.searchFormWrapperStyle)
-    }, [d(l(me).SearchForm, f(e.searchForm || {}, {
+    }, [d(l(ge).SearchForm, f(e.searchForm || {}, {
       ref_key: "formRef",
       ref: b,
       "custom-reset": "",
-      onSubmit: l(P),
-      onReset: l(v),
+      onSubmit: l(v),
+      onReset: l(I),
       "submit-loading": l(c).loading
-    }), k({
-      default: p(() => [(i(!0), m(re, null, L(B.value, (a) => (i(), le(ne(a.customRenderFormItem ? a.customRenderFormItem(a) : l(ye)[a.valueType || "text"]), f({
+    }), L({
+      default: p(() => [(i(!0), m(le, null, E(P.value, (a) => (i(), ne(se(a.customRenderFormItem ? a.customRenderFormItem(a) : l(be)[a.valueType || "text"]), f({
         key: a.dataIndex,
         ref_for: !0
       }, a.fieldProps || {}, {
         span: a.span
       }), null, 16, ["span"]))), 128))]),
       _: 2
-    }, [T.searchFormExtra ? {
+    }, [B.searchFormExtra ? {
       name: "extra",
       fn: p(() => [w(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : E("", !0), O("div", {
+    } : void 0]), 1040, ["onSubmit", "onReset", "submit-loading"])], 6)) : O("", !0), V("div", {
       ref_key: "contentRef",
-      ref: q,
+      ref: H,
       class: F([l(g)("table-wrapper"), e.card ? l(g)("table-wrapper-card") : null]),
       style: R(e.tableWrapperStyle)
-    }, [w(e.$slots, "title"), d(l(pe), f({
-      class: l(A) === "admin" ? l(u)("table-admin") : l(u)("table")
-    }, U.value, {
-      "table-layout": Q.value,
-      onChange: l($),
+    }, [w(e.$slots, "title"), d(l(ce), f({
+      class: l(M) === "admin" ? l(u)("table-admin") : l(u)("table")
+    }, J.value, {
+      "table-layout": U.value,
+      onChange: l(G),
       columns: y.value
-    }), k({
+    }), L({
       headerCell: p(({
         column: a,
         title: r
-      }) => [a.tooltip ? (i(), m("span", Le, [O("span", null, se(r), 1), d(l(ce), {
+      }) => [a.tooltip ? (i(), m("span", Ee, [V("span", null, de(r), 1), d(l(fe), {
         title: a.tooltip,
         placement: "bottom"
       }, {
-        default: p(() => [d(l(Ce), {
+        default: p(() => [d(l(Se), {
           style: R({
             paddingLeft: "4px",
             color: l(j).colorPrimary
           })
         }, null, 8, ["style"])]),
         _: 2
-      }, 1032, ["title"])])) : E("", !0)]),
+      }, 1032, ["title"])])) : O("", !0)]),
       _: 2
-    }, [L(l(z)(T, ["title", "searchFormExtra"]), (a, r) => ({
+    }, [E(l(N)(B, ["title", "searchFormExtra"]), (a, r) => ({
       name: r,
-      fn: p((n) => [w(e.$slots, r, de(ue(n || {})))])
+      fn: p((n) => [w(e.$slots, r, ue(ie(n || {})))])
     }))]), 1040, ["class", "table-layout", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  Qe as default
+  Ue as default
 };