@aplus-frontend/ui 0.1.9 → 0.1.10

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

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

package/es/src/ap-table/constants.d.ts

@@ -11301,6 +11301,10 @@ export declare const apTableRenderItemMap: {
                 type: PropType<boolean>;
                 default: undefined;
             };
+            lazy: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             emptyText: {
                 type: PropType<string>;
                 default: string;
@@ -11314,6 +11318,7 @@ export declare const apTableRenderItemMap: {
             };
             refetchOnFocus: {
                 type: PropType<boolean>;
+                default: boolean;
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -11570,6 +11575,10 @@ export declare const apTableRenderItemMap: {
                 type: PropType<boolean>;
                 default: undefined;
             };
+            lazy: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             emptyText: {
                 type: PropType<string>;
                 default: string;
@@ -11583,6 +11592,7 @@ export declare const apTableRenderItemMap: {
             };
             refetchOnFocus: {
                 type: PropType<boolean>;
+                default: boolean;
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -11602,8 +11612,10 @@ export declare const apTableRenderItemMap: {
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
             multiple: boolean;
+            lazy: boolean;
             emptyText: string;
             searchMode: "filter" | "request";
+            refetchOnFocus: boolean;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -11858,6 +11870,10 @@ export declare const apTableRenderItemMap: {
                 type: PropType<boolean>;
                 default: undefined;
             };
+            lazy: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
             emptyText: {
                 type: PropType<string>;
                 default: string;
@@ -11871,6 +11887,7 @@ export declare const apTableRenderItemMap: {
             };
             refetchOnFocus: {
                 type: PropType<boolean>;
+                default: boolean;
             };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -11894,8 +11911,10 @@ export declare const apTableRenderItemMap: {
             defaultActiveFirstOption: boolean;
             labelInValue: boolean;
             multiple: boolean;
+            lazy: boolean;
             emptyText: string;
             searchMode: "filter" | "request";
+            refetchOnFocus: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -12147,6 +12166,10 @@ export declare const apTableRenderItemMap: {
             type: PropType<boolean>;
             default: undefined;
         };
+        lazy: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
         emptyText: {
             type: PropType<string>;
             default: string;
@@ -12160,6 +12183,7 @@ export declare const apTableRenderItemMap: {
         };
         refetchOnFocus: {
             type: PropType<boolean>;
+            default: boolean;
         };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
@@ -12185,8 +12209,10 @@ export declare const apTableRenderItemMap: {
         defaultActiveFirstOption: boolean;
         labelInValue: boolean;
         multiple: boolean;
+        lazy: boolean;
         emptyText: string;
         searchMode: "filter" | "request";
+        refetchOnFocus: boolean;
     }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: Readonly<{
             notFoundContent: any;

package/es/src/ap-table/hooks/use-table-paging.d.ts

@@ -1,6 +1,7 @@
-import { Ref, ComputedRef } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { RequestData } from '../interface';
 import { ApFormSearchFormExpose } from '../../ap-form';
+import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
 import { TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource } from 'ant-design-vue/es/table/interface';
 export type UseTablePagingParams<DataType, ParamsType> = {
     request: (params: any) => Promise<RequestData<DataType>>;
@@ -45,11 +46,11 @@ export type UseTablePagingParams<DataType, ParamsType> = {
     /**
      * 需要后端筛选的字段列表
      */
-    filterFields?: string[];
+    filterFields?: ComputedRef<DataIndex[]>;
     /**
      * 需要后端筛选的排序字段列表
      */
-    sortFields?: string[];
+    sortFields?: ComputedRef<DataIndex[]>;
 };
 export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, defaultCurrent, defaultPageSize, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields }: UseTablePagingParams<DataType, ParamsType>) => {
     formRef: Ref<ApFormSearchFormExpose | undefined>;