@aplus-frontend/ui 0.0.6 → 0.0.8

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

@@ -1,13 +1,13 @@
-import { defineComponent as $, computed as u, createVNode as d, mergeProps as m, unref as l, watch as H, openBlock as p, createElementBlock as c, normalizeClass as h, normalizeStyle as T, withCtx as f, Fragment as G, renderList as x, createBlock as Q, resolveDynamicComponent as U, createCommentVNode as B, createElementVNode as P, renderSlot as I, createSlots as J, toDisplayString as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { defineComponent as $, computed as d, createVNode as s, mergeProps as c, unref as r, watch as H, openBlock as p, createElementBlock as m, normalizeClass as h, normalizeStyle as x, withCtx as f, Fragment as G, renderList as B, createBlock as Q, resolveDynamicComponent as U, createCommentVNode as P, createElementVNode as I, renderSlot as v, createSlots as J, toDisplayString as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
 import { Typography as ee, Table as ae, Tooltip as te } from "ant-design-vue";
 import { ApForm as oe } from "../ap-form/index.mjs";
-import { apTableRenderItemMap as le, noRenderAsFormItemValueList as v, apTableFormItemMap as ne } from "./constants.mjs";
+import { apTableRenderItemMap as re, noRenderAsFormItemValueList as k, apTableFormItemMap as le } from "./constants.mjs";
 import "../config-provider/index.mjs";
-import { useTablePaging as re } from "./hooks/use-table-paging.mjs";
+import { useTablePaging as ne } from "./hooks/use-table-paging.mjs";
 import { isUndefined as de, omit as se } from "lodash-unified";
 import "./style/ap-table.css";
 import { QuestionCircleOutlined as ue } from "@ant-design/icons-vue";
-import { apColumnToColumn as pe, getTableRenderType as ie, getTableRenderProps as me, getColumnOrder as k, updateFormProps as ce, getFieldProps as fe, getPlaceholder as ge } from "./utils.mjs";
+import { apColumnToColumn as pe, getTableRenderType as ie, getTableRenderProps as ce, getColumnOrder as O, updateFormProps as me, getFieldProps as fe, getPlaceholder as ge } from "./utils.mjs";
 import { useLocale as ye } from "../config-provider/hooks/use-locale.mjs";
 import { useNamespace as be } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as he } from "../config-provider/hooks/use-global-config.mjs";
@@ -122,92 +122,92 @@ const Ce = {
       default: "middle"
     }
   },
-  setup(O, {
-    expose: z
+  setup(z, {
+    expose: E
   }) {
-    const n = O, {
-      t: E
+    const l = z, {
+      t: L
     } = ye(), {
       e: C,
       b: g
-    } = be("ap-table"), L = he("uiMode"), y = u(() => {
+    } = be("ap-table"), V = he("uiMode"), y = d(() => {
       var t;
-      let e = ((t = n.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
+      let e = ((t = l.columns) == null ? void 0 : t.filter((a) => !a.hideInTable)) || [];
       return e = e.map((a) => ({
         ...pe(a),
         customRender({
           value: o,
-          ...r
+          ...n
         }) {
-          let s;
+          let u;
           if (a.customRender)
-            s = a.customRender({
+            u = a.customRender({
               value: o,
-              ...r,
+              ...n,
               column: a
             });
           else {
-            const w = ie(a), q = le[w], K = me(a, {
+            const T = ie(a), q = re[T], K = ce(a, {
               value: o,
-              ...r
+              ...n
             });
-            s = d(q, m(K, {
+            u = s(q, c(K, {
               mode: "read"
             }), null);
           }
-          return A(a, o, s);
+          return A(a, o, u);
         }
       })), e;
-    }), F = u(() => {
+    }), F = d(() => {
       var e, t, a;
-      return ((a = (t = (e = n.columns) == null ? void 0 : e.filter((o) => !o.hideInSearch && o.dataIndex && (o.valueType || o.customRenderFormItem) && !v.includes(o.valueType))) == null ? void 0 : t.sort((o, r) => {
-        let s = k(o.order);
-        return k(r.order) - s;
+      return ((a = (t = (e = l.columns) == null ? void 0 : e.filter((o) => !o.hideInSearch && o.dataIndex && (o.valueType || o.customRenderFormItem) && !k.includes(o.valueType))) == null ? void 0 : t.sort((o, n) => {
+        let u = O(o.order);
+        return O(n.order) - u;
       })) == null ? void 0 : a.map((o) => {
-        const r = ce(o, fe(o.fieldProps));
+        const n = me(o, fe(o.fieldProps));
         return {
           ...o,
           fieldProps: {
             label: o.title,
             name: o.dataIndex,
-            ...r || {},
+            ...n || {},
             // 格式化placeholder
-            placeholder: ge(E, o.valueType, r == null ? void 0 : r.placeholder)
+            placeholder: ge(L, o.valueType, n == null ? void 0 : n.placeholder)
           }
         };
       })) || [];
-    }), V = u(() => l(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), N = u(() => l(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
+    }), N = d(() => r(y).filter((e) => e.sorter === !0).map((e) => e.dataIndex)), D = d(() => r(y).filter((e) => e.filters && !e.onFilter).map((e) => e.dataIndex)), {
       formRef: b,
       submit: S,
       reset: R,
       tableProps: i,
-      handleTableChange: D,
-      data: j
-    } = re({
+      handleTableChange: j,
+      data: w
+    } = ne({
       async request(e) {
         var a, o;
-        const t = await ((a = n.request) == null ? void 0 : a.call(n, e));
-        return (o = n.onLoad) == null || o.call(n, (t == null ? void 0 : t.data) || []), {
+        const t = await ((a = l.request) == null ? void 0 : a.call(l, e));
+        return (o = l.onLoad) == null || o.call(l, (t == null ? void 0 : t.data) || []), {
           data: (t == null ? void 0 : t.data) || [],
           total: (t == null ? void 0 : t.total) || 0
         };
       },
-      filterFields: l(N),
-      sortFields: l(V),
-      defaultParams: n.params,
-      defaultData: n.defaultData,
-      manual: n.manual,
-      defaultCurrent: n.pagination ? n.pagination.defaultCurrent : void 0,
-      defaultPageSize: n.pagination ? n.pagination.defaultPageSize : void 0,
-      formatParams: n.beforeSearchSubmit
-    }), W = u(() => ({
-      ...n,
-      ...l(i),
-      loading: de(n.loading) ? l(i).loading : n.loading,
-      pagination: n.pagination === !1 ? !1 : l(i).pagination
+      filterFields: r(D),
+      sortFields: r(N),
+      defaultParams: l.params,
+      defaultData: l.defaultData,
+      manual: l.manual,
+      defaultCurrent: l.pagination ? l.pagination.defaultCurrent : void 0,
+      defaultPageSize: l.pagination ? l.pagination.defaultPageSize : void 0,
+      formatParams: l.beforeSearchSubmit
+    }), W = d(() => ({
+      ...l,
+      ...r(i),
+      loading: de(l.loading) ? r(i).loading : l.loading,
+      pagination: l.pagination === !1 ? !1 : r(i).pagination
     }));
     function A(e, t, a) {
-      return v.includes(e.valueType) ? a : e.copyable || e.ellipsis ? d(ee.Text, {
+      return k.includes(e.valueType) ? a : e.copyable || e.ellipsis ? s(ee.Text, {
         copyable: e.copyable ? {
           text: t,
           tooltip: !1
@@ -218,9 +218,9 @@ const Ce = {
         content: a
       }, null) : a;
     }
-    H(() => l(j).loading, (e) => {
+    H(() => r(w).loading, (e) => {
       var t;
-      (t = n.onLoadingChange) == null || t.call(n, e);
+      (t = l.onLoadingChange) == null || t.call(l, e);
     });
     function M(e) {
       var t, a, o;
@@ -230,60 +230,61 @@ const Ce = {
       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 z({
+    return E({
       submit: () => S(),
       reset: () => R(),
       setSearchFormValues: M,
-      getSearchFormValues: _
-    }), (e, t) => (p(), c("div", {
-      class: h(e.card ? null : l(g)("wrapper"))
-    }, [e.searchForm !== !1 && F.value.length > 0 ? (p(), c("div", {
+      getSearchFormValues: _,
+      dataSource: d(() => r(w).records)
+    }), (e, t) => (p(), m("div", {
+      class: h(e.card ? null : r(g)("wrapper"))
+    }, [e.searchForm !== !1 && F.value.length > 0 ? (p(), m("div", {
       key: 0,
-      class: h(e.card ? l(C)("search-wrapper") : null),
-      style: T(e.searchFormWrapperStyle)
-    }, [d(l(oe).SearchForm, m(e.searchForm || {}, {
+      class: h(e.card ? r(C)("search-wrapper") : null),
+      style: x(e.searchFormWrapperStyle)
+    }, [s(r(oe).SearchForm, c(e.searchForm || {}, {
       ref_key: "formRef",
       ref: b,
       "custom-reset": "",
-      onSubmit: l(S),
-      onReset: l(R),
-      "submit-loading": l(i).loading
+      onSubmit: r(S),
+      onReset: r(R),
+      "submit-loading": r(i).loading
     }), {
-      default: f(() => [(p(!0), c(G, null, x(F.value, (a) => (p(), Q(U(a.customRenderFormItem ? a.customRenderFormItem(a) : l(ne)[a.valueType || "text"]), m({
+      default: f(() => [(p(!0), m(G, null, B(F.value, (a) => (p(), Q(U(a.customRenderFormItem ? a.customRenderFormItem(a) : r(le)[a.valueType || "text"]), c({
         key: a.dataIndex,
         ref_for: !0
       }, a.fieldProps || {}, {
         span: a.span
       }), null, 16, ["span"]))), 128))]),
       _: 1
-    }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : B("", !0), P("div", {
-      class: h(e.card ? l(C)("table-wrapper") : null),
-      style: T(e.tableWrapperStyle)
-    }, [I(e.$slots, "title"), d(l(ae), m({
-      class: l(L) === "admin" ? l(g)("table-admin") : l(g)("table")
+    }, 16, ["onSubmit", "onReset", "submit-loading"])], 6)) : P("", !0), I("div", {
+      class: h(e.card ? r(C)("table-wrapper") : null),
+      style: x(e.tableWrapperStyle)
+    }, [v(e.$slots, "title"), s(r(ae), c({
+      class: r(V) === "admin" ? r(g)("table-admin") : r(g)("table")
     }, W.value, {
-      onChange: l(D),
+      onChange: r(j),
       columns: y.value
     }), J({
       headerCell: f(({
         column: a,
         title: o
-      }) => [a.tooltip ? (p(), c("span", Ce, [P("span", null, X(o), 1), d(l(te), {
+      }) => [a.tooltip ? (p(), m("span", Ce, [I("span", null, X(o), 1), s(r(te), {
         title: a.tooltip,
         placement: "bottom"
       }, {
-        default: f(() => [d(l(ue), {
+        default: f(() => [s(r(ue), {
           style: {
             color: "#0070ff",
             "padding-left": "4px"
           }
         })]),
         _: 2
-      }, 1032, ["title"])])) : B("", !0)]),
+      }, 1032, ["title"])])) : P("", !0)]),
       _: 2
-    }, [x(l(se)(e.$slots, "title"), (a, o) => ({
+    }, [B(r(se)(e.$slots, "title"), (a, o) => ({
       name: o,
-      fn: f((r) => [I(e.$slots, o, Y(Z(r || {})))])
+      fn: f((n) => [v(e.$slots, o, Y(Z(n || {})))])
     }))]), 1040, ["class", "onChange", "columns"])], 6)], 2));
   }
 });