@aplus-frontend/ui 0.0.18 → 0.0.20

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

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