@aplus-frontend/ui 0.0.19 → 0.0.21

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

@@ -1,21 +1,21 @@
-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 { 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 { 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 x, 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 z, apTableFormItemMap as ye } 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 { useTablePaging as be } from "./hooks/use-table-paging.mjs";
+import { omit as N, isUndefined as T, isBoolean as he } 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 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";
-import { useGlobalConfig as Pe } from "../config-provider/hooks/use-global-config.mjs";
-const ve = {
+import { QuestionCircleOutlined as Ce } from "@ant-design/icons-vue";
+import { apColumnToColumn as Se, getTableRenderType as Fe, getTableRenderProps as Re, getColumnOrder as V, updateFormProps as xe, getFieldProps as Te, getPlaceholder as we } from "./utils.mjs";
+import Be from "./hooks/use-table-content-height.mjs";
+import { useLocale as Pe } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ve } from "../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as Ie } from "../config-provider/hooks/use-global-config.mjs";
+const ke = {
   key: 0
-}, He = /* @__PURE__ */ Z({
+}, $e = /* @__PURE__ */ ae({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -132,149 +132,156 @@ const ve = {
   setup(D, {
     expose: W
   }) {
-    const t = D, w = ee(), [, j] = pe(), {
+    const o = D, w = te(), [, j] = fe(), {
       t: _
-    } = we(), {
+    } = Pe(), {
       e: g,
       b: u
-    } = Be("ap-table"), A = Pe("uiMode", "aplus"), {
+    } = ve("ap-table"), A = Ie("uiMode", "aplus"), {
       height: M,
       contentRef: q
-    } = Te(), y = d(() => {
-      var o;
-      let e = ((o = t.columns) == null ? void 0 : o.filter((a) => !a.hideInTable)) || [];
+    } = Be(), y = s(() => {
+      var t;
+      let e = ((t = o.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
       return e = e.map((a) => ({
-        ...be(a),
+        ...N(Se(a), ["ellipsis"]),
         customRender({
-          value: n,
-          ...l
+          value: r,
+          ...n
         }) {
-          const C = Ce(a), k = me[C], Y = Se(a, {
-            value: n,
-            ...l
+          const C = Fe(a), I = ge[C], ee = Re(a, {
+            value: r,
+            ...n
           });
-          let S = U(a, n, s(k, m(Y, {
+          let S = X(a, r, d(I, f(ee, {
             mode: "read"
           }), null));
           return a.customRender && (S = a.customRender({
-            value: n,
-            ...l,
+            value: r,
+            ...n,
             column: a,
             originalNode: S
           })), S;
         }
       })), 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, {}));
+    }), B = 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) && !z.includes(r.valueType))) == null ? void 0 : t.sort((r, n) => {
+        let C = V(r.order);
+        return V(n.order) - C;
+      })) == null ? void 0 : a.map((r) => {
+        const n = xe(r, Te(r.fieldProps, {}));
         return {
-          ...n,
+          ...r,
           fieldProps: {
-            label: n.title,
-            name: n.dataIndex,
-            ...l || {},
+            label: r.title,
+            name: r.dataIndex,
+            ...n || {},
             // 格式化placeholder
-            placeholder: Re(_, n.valueType, l == null ? void 0 : l.placeholder)
+            placeholder: we(_, r.valueType, n == null ? void 0 : n.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)), {
-      formRef: h,
+    }), 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)), {
+      formRef: b,
       submit: P,
       reset: v,
       tableProps: c,
       handleTableChange: $,
-      data: b
-    } = ge({
+      data: h
+    } = be({
       async request(e) {
-        var a, n;
-        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) || []), {
-          data: (o == null ? void 0 : o.data) || [],
-          total: (o == null ? void 0 : o.total) || 0
+        var a, r;
+        const t = await ((a = o.request) == null ? void 0 : a.call(o, e));
+        return (r = o.onLoad) == null || r.call(o, (t == null ? void 0 : t.data) || []), {
+          data: (t == null ? void 0 : t.data) || [],
+          total: (t == null ? void 0 : t.total) || 0
         };
       },
-      filterFields: r(K),
-      sortFields: r(H),
-      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(() => {
+      filterFields: l(K),
+      sortFields: l(H),
+      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(() => {
       var e;
-      return t.scroll ? t.scroll : t.adaptive && (b.value.total > 0 || (e = t.dataSource) != null && e.length) ? {
-        y: r(M),
+      return o.scroll ? o.scroll : o.adaptive && (h.value.total > 0 || (e = o.dataSource) != null && e.length) ? {
+        y: l(M),
         x: "100%"
       } : {
         x: !0
       };
-    }), G = d(() => {
-      const e = r(c);
-      console.log("xxx", r(I));
-      const o = T(t.dataSource) ? e : {
+    }), Q = s(() => {
+      var e;
+      if (o.tableLayout)
+        return o.tableLayout;
+      if ((e = o.columns) != null && e.some((t) => t.ellipsis))
+        return "fixed";
+    }), U = s(() => {
+      const e = l(c), t = T(o.dataSource) ? e : {
         ...e,
-        dataSource: t.dataSource,
-        onChange: t.onChange
+        dataSource: o.dataSource,
+        onChange: o.onChange
       };
       return {
-        ...t,
         ...o,
-        loading: T(t.loading) ? r(c).loading : t.loading,
-        pagination: t.pagination === !1 ? !1 : r(c).pagination,
-        scroll: r(I)
+        ...t,
+        loading: T(o.loading) ? l(c).loading : o.loading,
+        pagination: o.pagination === !1 ? !1 : l(c).pagination,
+        scroll: l(G)
       };
-    }), 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, {
+    }), J = s(() => [u(), o.card ? null : u("wrapper"), o.adaptive ? u("adaptive") : null].filter(Boolean));
+    function X(e, t, a) {
+      return z.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ie.Paragraph, {
         copyable: e.copyable ? {
-          text: o,
+          text: t,
           tooltip: !1
         } : !1,
-        ellipsis: e.ellipsis ? {
-          tooltip: o
+        ellipsis: e.ellipsis ? he(e.ellipsis) ? {
+          tooltip: t
+        } : {
+          ...e.ellipsis,
+          tooltip: t
         } : !1,
-        content: a
+        content: e.ellipsis ? t : a
       }, null) : a;
     }
-    ae(() => r(b).loading, (e) => {
-      var o;
-      (o = t.onLoadingChange) == null || o.call(t, e);
+    oe(() => l(h).loading, (e) => {
+      var t;
+      (t = o.onLoadingChange) == null || t.call(o, 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);
+    function Y(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 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);
+    function Z() {
+      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: J,
-      getSearchFormValues: X,
-      dataSource: d(() => r(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", {
+      setSearchFormValues: Y,
+      getSearchFormValues: Z,
+      dataSource: s(() => l(h).records)
+    }), (e, t) => (i(), m("div", {
+      class: F(J.value)
+    }, [l(T)(e.dataSource) && e.searchForm !== !1 && B.value.length > 0 ? (i(), m("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 ? l(g)("search-wrapper") : null),
+      style: R(e.searchFormWrapperStyle)
+    }, [d(l(me).SearchForm, f(e.searchForm || {}, {
       ref_key: "formRef",
-      ref: h,
+      ref: b,
       "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: l(P),
+      onReset: l(v),
+      "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({
         key: a.dataIndex,
         ref_for: !0
       }, a.fieldProps || {}, {
@@ -283,41 +290,42 @@ 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)) : E("", !0), O("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")
-    }, G.value, {
-      onChange: r($),
+      class: F([l(g)("table-wrapper"), e.card ? l(g)("table-wrapper-card") : null]),
+      style: R(e.tableWrapperStyle)
+    }, [x(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($),
       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(), m("span", ke, [O("span", null, se(r), 1), d(l(ce), {
         title: a.tooltip,
         placement: "bottom"
       }, {
-        default: p(() => [s(r(he), {
-          style: x({
+        default: p(() => [d(l(Ce), {
+          style: R({
             paddingLeft: "4px",
-            color: r(j).colorPrimary
+            color: l(j).colorPrimary
           })
         }, null, 8, ["style"])]),
         _: 2
-      }, 1032, ["title"])])) : L("", !0)]),
+      }, 1032, ["title"])])) : E("", !0)]),
       _: 2
-    }, [O(r(ye)(w, ["title", "searchFormExtra"]), (a, n) => ({
-      name: n,
-      fn: p((l) => [R(e.$slots, n, le(de(l || {})))])
-    }))]), 1040, ["class", "onChange", "columns"])], 6)], 2));
+    }, [L(l(N)(w, ["title", "searchFormExtra"]), (a, r) => ({
+      name: r,
+      fn: p((n) => [x(e.$slots, r, de(ue(n || {})))])
+    }))]), 1040, ["class", "table-layout", "onChange", "columns"])], 6)], 2));
   }
 });
 export {
-  He as default
+  $e as default
 };