@aplus-frontend/ui 0.0.19 → 0.0.20

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

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