@aplus-frontend/ui 0.4.6 → 0.4.8

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

@@ -1,12 +1,12 @@
-import { defineComponent as Te, useSlots as Fe, ref as P, computed as s, unref as t, createVNode as w, Fragment as q, watchEffect as xe, watch as G, openBlock as p, createElementBlock as T, normalizeClass as f, normalizeStyle as M, mergeProps as S, createSlots as _, withCtx as F, renderList as J, createBlock as Q, resolveDynamicComponent as Be, renderSlot as b, createCommentVNode as X, createElementVNode as I, normalizeProps as ke, guardReactiveProps as ze } from "vue";
-import { Divider as Pe, Table as Ie } from "@aplus-frontend/antdv";
-import { useToken as Ne } from "@aplus-frontend/antdv/es/theme/internal";
+import { defineComponent as Te, useSlots as Fe, ref as P, computed as s, unref as t, createVNode as w, Fragment as q, watchEffect as xe, watch as G, openBlock as p, createElementBlock as T, normalizeClass as f, normalizeStyle as M, mergeProps as S, createSlots as _, withCtx as F, renderList as J, createBlock as Q, resolveDynamicComponent as Be, renderSlot as b, createCommentVNode as X, createElementVNode as N, normalizeProps as ke, guardReactiveProps as ze } from "vue";
+import { Divider as Pe, Table as Ne } from "@aplus-frontend/antdv";
+import { useToken as Ie } from "@aplus-frontend/antdv/es/theme/internal";
 import { ApForm as Ee } from "../ap-form/index.mjs";
 import { noRenderAsFormItemValueList as Y } from "./constants.mjs";
 import "../config-provider/index.mjs";
 import { useTablePaging as Ke } from "./hooks/use-table-paging-ng.mjs";
 import { isUndefined as m, omit as Z, isBoolean as Oe } from "lodash-unified";
-import { getColumnOrder as ee, updateFormProps as Le, getFieldProps as Ve, getSearchFormItemRenderNode as Ae, recursionApColumns as ae, apColumnToColumn as De, getTableTitle as je, getTableRenderType as $e, getTableRenderProps as We, getTableCellRenderNode as He, falseToUndefined as Ue } from "./utils.mjs";
+import { getColumnOrder as ee, updateFormProps as Le, getFieldProps as Ve, getSearchFormItemRenderNode as Ae, recursionApColumns as oe, apColumnToColumn as De, getTableTitle as je, getTableRenderType as $e, getTableRenderProps as We, getTableCellRenderNode as He, falseToUndefined as Ue } from "./utils.mjs";
 import qe from "./hooks/use-table-content-height.mjs";
 import Ge from "./hooks/use-table-row-selection.mjs";
 import { isDef as Me } from "../utils/index.mjs";
@@ -17,7 +17,7 @@ import { useNamespace as Je } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as Qe } from "../config-provider/hooks/use-global-config.mjs";
 import Xe from "./components/paragraph-ellipsis/index.vue2.mjs";
 import Ye from "./components/setting/modal/index.vue2.mjs";
-const Sa = /* @__PURE__ */ Te({
+const bo = /* @__PURE__ */ Te({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -141,19 +141,19 @@ const Sa = /* @__PURE__ */ Te({
       default: void 0
     }
   },
-  setup(oe, {
+  setup(ae, {
     expose: re
   }) {
-    const a = oe;
-    let N = 0;
-    const h = Fe(), [, te] = Ne(), {
+    const o = ae;
+    let I = 0;
+    const h = Fe(), [, te] = Ie(), {
       e: x,
       b: i,
       be: E
     } = Je("ap-table"), K = Qe("valueTypeMap"), {
       height: le,
       contentRef: ne
-    } = qe(), B = P(a.size), u = P([]), O = P([]);
+    } = qe(), B = P(o.size), u = P([]), O = P([]);
     _e({
       columns: s(() => u.value),
       columnsBackup: s(() => O.value),
@@ -167,37 +167,37 @@ const Sa = /* @__PURE__ */ Te({
       dataSource: s(() => t(y).records)
     });
     const L = s(() => {
-      var e, r, o;
-      return N++, ((o = (r = (e = a.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Y.includes(l.valueType))) == null ? void 0 : r.sort((l, d) => {
+      var e, r, a;
+      return I++, ((a = (r = (e = o.columns) == null ? void 0 : e.filter((l) => !l.hideInSearch && l.dataIndex && (l.valueType || l.customRenderFormItem) && !Y.includes(l.valueType))) == null ? void 0 : r.sort((l, d) => {
         let n = ee(l.order);
         return ee(d.order) - n;
-      })) == null ? void 0 : o.map((l) => {
+      })) == null ? void 0 : a.map((l) => {
         const d = Le(l, Ve(l.fieldProps, {})), n = {
           ...l,
           fieldProps: {
             label: l.title,
             name: l.dataIndex,
             ...d || {},
-            _signal: N
+            _signal: I
           },
           renderNode: void 0
         };
         return n.renderNode = Ae(n, t(K)), n;
       })) || [];
-    }), se = s(() => ae(t(u), (e) => {
+    }), se = s(() => oe(t(u), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), de = s(() => ae(t(u), (e) => {
+    }).filter(Boolean)), de = s(() => oe(t(u), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), ue = s(() => m(a.dataSource) ? y.records : a.dataSource), {
-      rowSelection: R,
-      selectedRows: C,
+    }).filter(Boolean)), ue = s(() => m(o.dataSource) ? y.records : o.dataSource), {
+      rowSelection: C,
+      selectedRows: R,
       ...v
     } = Ge({
       fixed: !0,
-      ...a.rowSelection === !0 ? {} : a.rowSelection,
-      rowKey: a.rowKey,
+      ...o.rowSelection === !0 ? {} : o.rowSelection,
+      rowKey: o.rowKey,
       dataSource: ue
     }), {
       formRef: k,
@@ -210,31 +210,31 @@ const Sa = /* @__PURE__ */ Te({
       getColumnSFConfig: pe
     } = Ke({
       async request(e) {
-        var o, l;
-        if (!R.value.preserveSelectedRowKeys && m(a.dataSource) && v.clearAll(), !m(a.dataSource))
+        var a, l;
+        if (!C.value.preserveSelectedRowKeys && m(o.dataSource) && v.clearAll(), !m(o.dataSource))
           return {
-            data: a.dataSource || [],
-            total: a.dataSource.length || 0
+            data: o.dataSource || [],
+            total: o.dataSource.length || 0
           };
-        const r = await ((o = a.request) == null ? void 0 : o.call(a, e));
-        return (l = a.onLoad) == null || l.call(a, (r == null ? void 0 : r.data) || []), {
+        const r = await ((a = o.request) == null ? void 0 : a.call(o, e));
+        return (l = o.onLoad) == null || l.call(o, (r == null ? void 0 : r.data) || []), {
           data: (r == null ? void 0 : r.data) || [],
           total: (r == null ? void 0 : r.total) || 0
         };
       },
       filterFields: de,
       sortFields: se,
-      defaultParams: a.params,
-      defaultData: a.defaultData,
-      manual: a.manual,
-      formatParams: a.beforeSearchSubmit,
-      pagination: a.pagination
+      defaultParams: o.params,
+      defaultData: o.defaultData,
+      manual: o.manual,
+      formatParams: o.beforeSearchSubmit,
+      pagination: o.pagination
     }), fe = () => {
-      var o;
-      let e = ((o = a.columns) == null ? void 0 : o.filter((l) => !l.hideInTable)) || [];
+      var a;
+      let e = ((a = o.columns) == null ? void 0 : a.filter((l) => !l.hideInTable)) || [];
       function r(l, d) {
         return l.map((n) => ({
-          resizable: Me(n.resizable) ? n.resizable : a.columnResizable,
+          resizable: Me(n.resizable) ? n.resizable : o.columnResizable,
           ...Z(De(n), ["ellipsis"]),
           ...pe(n),
           fixed: d ? d.fixed : n.fixed,
@@ -244,19 +244,19 @@ const Sa = /* @__PURE__ */ Te({
             ...g
           }) {
             var H, U;
-            const $ = $e(n), Re = We({
+            const $ = $e(n), Ce = We({
               ...n,
               valueType: $
             }, {
               value: c,
               ...g
-            }), Ce = He($, Re, g.record, t(K)), W = ((H = n.renderText) == null ? void 0 : H.call(n, {
+            }), Re = He($, Ce, g.record, t(K)), W = ((H = n.renderText) == null ? void 0 : H.call(n, {
               value: c,
               ...g
             })) || c, ve = n.renderText ? w(q, null, [(U = n.renderText) == null ? void 0 : U.call(n, {
               value: c,
               ...g
-            })]) : Ce;
+            })]) : Re;
             let z = we(n, W, ve);
             return n.customRender && (z = n.customRender({
               value: c,
@@ -276,65 +276,65 @@ const Sa = /* @__PURE__ */ Te({
       u.value = e, O.value = e;
     });
     const me = s(() => {
-      var r, o;
-      if (a.adaptive && (y.total > 0 || ((r = a.dataSource) == null ? void 0 : r.length)))
+      var r, a;
+      if (o.adaptive && (y.total > 0 || ((r = o.dataSource) == null ? void 0 : r.length)))
         return {
           y: t(le),
-          x: ((o = a.scroll) == null ? void 0 : o.x) || "100%"
+          x: ((a = o.scroll) == null ? void 0 : a.x) || "100%"
         };
-      if (a.scroll)
-        return a.scroll;
+      if (o.scroll)
+        return o.scroll;
     }), ye = s(() => {
       var e;
-      if (a.tableLayout)
-        return a.tableLayout;
-      if ((e = a.columns) != null && e.some((r) => r.ellipsis))
+      if (o.tableLayout)
+        return o.tableLayout;
+      if ((e = o.columns) != null && e.some((r) => r.ellipsis))
         return "fixed";
     }), j = s(() => {
-      var o;
-      const e = t(D), r = t(R);
+      var a;
+      const e = t(D), r = t(C);
       return {
-        ...a,
+        ...o,
         ...e,
-        rowSelection: a.rowSelection === !0 || ((o = a.rowSelection) == null ? void 0 : o.mode) === "internal" ? {
+        rowSelection: o.rowSelection === !0 || ((a = o.rowSelection) == null ? void 0 : a.mode) === "internal" ? {
           ...r,
           // tips 如果是前端分页，则默认会走缓存
-          preserveSelectedRowKeys: m(a.dataSource) ? r.preserveSelectedRowKeys : !0
-        } : Ue(a.rowSelection),
-        loading: m(a.loading) ? e.loading : a.loading,
-        pagination: a.pagination === !1 ? !1 : e.pagination,
+          preserveSelectedRowKeys: m(o.dataSource) ? r.preserveSelectedRowKeys : !0
+        } : Ue(o.rowSelection),
+        loading: m(o.loading) ? e.loading : o.loading,
+        pagination: o.pagination === !1 ? !1 : e.pagination,
         scroll: t(me)
       };
-    }), ge = s(() => [i(), a.card ? null : i("wrapper"), a.adaptive ? i("adaptive") : null].filter(Boolean));
-    function we(e, r, o) {
-      return Y.includes(e.valueType) ? o : e.copyable || e.ellipsis ? w(Xe, {
+    }), ge = s(() => [i(), o.card ? null : i("wrapper"), o.adaptive ? i("adaptive") : null].filter(Boolean));
+    function we(e, r, a) {
+      return Y.includes(e.valueType) ? a : e.copyable || e.ellipsis ? w(Xe, {
         copyable: e.copyable,
         ellipsis: e.ellipsis ? Oe(e.ellipsis) ? {
-          tooltip: o,
+          tooltip: a,
           rows: 1
         } : {
           ...e.ellipsis,
-          tooltip: o
+          tooltip: a
         } : !1,
-        content: o
-      }, null) : o;
+        content: a
+      }, null) : a;
     }
     G(() => t(y).loading, (e) => {
       var r;
-      (r = a.onLoadingChange) == null || r.call(a, e);
-    }), G(() => a.dataSource, (e) => {
+      (r = o.onLoadingChange) == null || r.call(o, e);
+    }), G(() => o.dataSource, (e) => {
       ce(e);
     }, {
       immediate: !0
     });
     function Se(e) {
-      var r, o, l;
-      (l = (o = (r = k.value) == null ? void 0 : r.apForm) == null ? void 0 : o.setFieldsValue) == null || l.call(o, e);
+      var r, a, l;
+      (l = (a = (r = k.value) == null ? void 0 : r.apForm) == null ? void 0 : a.setFieldsValue) == null || l.call(a, e);
     }
     function be(e = !1) {
-      var o, l, d;
+      var a, l, d;
       const r = e ? "getFieldsValueTransformed" : "getFieldsValue";
-      return (d = (l = (o = k.value) == null ? void 0 : o.apForm) == null ? void 0 : l[r]) == null ? void 0 : d.call(l, !0);
+      return (d = (l = (a = k.value) == null ? void 0 : a.apForm) == null ? void 0 : l[r]) == null ? void 0 : d.call(l, !0);
     }
     function he() {
       return t(u);
@@ -348,7 +348,7 @@ const Sa = /* @__PURE__ */ Te({
       getShownColumns: he,
       dataSource: s(() => t(y).records),
       rowSelection: {
-        selectedRows: s(() => t(C)),
+        selectedRows: s(() => t(R)),
         ...v
       }
     }), (e, r) => (p(), T("div", {
@@ -365,32 +365,34 @@ const Sa = /* @__PURE__ */ Te({
       onSubmit: t(V),
       onReset: t(A)
     }), _({
-      default: F(() => [(p(!0), T(q, null, J(L.value, (o) => (p(), Q(Be(o.renderNode), S({
-        key: o.dataIndex,
+      default: F(() => [(p(!0), T(q, null, J(L.value, (a) => (p(), Q(Be(a.renderNode.Comp), S({
+        key: a.dataIndex,
+        item: a,
         ref_for: !0
-      }, o.fieldProps || {}, {
-        span: o.span
-      }), null, 16, ["span"]))), 128))]),
+      }, a.fieldProps || {}, {
+        span: a.span,
+        "custom-render": a.renderNode.render
+      }), null, 16, ["item", "span", "custom-render"]))), 128))]),
       _: 2
     }, [h.searchFormExtra ? {
       name: "extra",
       fn: F(() => [b(e.$slots, "searchFormExtra")]),
       key: "0"
-    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : X("", !0), I("div", {
+    } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : X("", !0), N("div", {
       ref_key: "contentRef",
       ref: ne,
       class: f([t(x)("table-wrapper"), e.card ? t(x)("table-wrapper-card") : null]),
       style: M(e.tableWrapperStyle)
-    }, [I("div", {
+    }, [N("div", {
       class: f(t(i)("header-wrapper"))
     }, [e.settings ? (p(), T("div", {
       key: 0,
       class: f(t(i)("header"))
-    }, [I("div", {
+    }, [N("div", {
       class: f(t(E)("header", "title"))
     }, [b(e.$slots, "title", S({
-      selectedRows: t(C),
-      selectedRowKeys: t(R).selectedRowKeys,
+      selectedRows: t(R),
+      selectedRowKeys: t(C).selectedRowKeys,
       shownColumns: u.value
     }, v))], 2), h.title ? (p(), Q(t(Pe), {
       key: 0,
@@ -399,29 +401,29 @@ const Sa = /* @__PURE__ */ Te({
       config: e.settings === !0 ? {} : e.settings
     }, null, 8, ["config"])], 2)) : b(e.$slots, "title", S({
       key: 1,
-      selectedRows: t(C),
-      selectedRowKeys: t(R).selectedRowKeys,
+      selectedRows: t(R),
+      selectedRowKeys: t(C).selectedRowKeys,
       shownColumns: u.value
-    }, v))], 2), w(t(Ie), S({
+    }, v))], 2), w(t(Ne), S({
       class: t(i)("table")
     }, j.value, {
       size: B.value,
       "table-layout": ye.value,
       columns: u.value,
-      onResizeColumn: r[0] || (r[0] = (o, l) => l.width = o)
+      onResizeColumn: r[0] || (r[0] = (a, l) => l.width = a)
     }), _({
       summary: F(() => [b(e.$slots, "summary", {
         columns: u.value,
         records: j.value.dataSource,
-        selectedRows: t(C)
+        selectedRows: t(R)
       })]),
       _: 2
-    }, [J(t(Z)(h, ["title", "searchFormExtra", "headerCell", "summary"]), (o, l) => ({
+    }, [J(t(Z)(h, ["title", "searchFormExtra", "headerCell", "summary"]), (a, l) => ({
       name: l,
       fn: F((d) => [b(e.$slots, l, ke(ze(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));
   }
 });
 export {
-  Sa as default
+  bo as default
 };

package/es/src/ap-table/components/dynamic-component/diff.d.ts

@@ -0,0 +1,2 @@
+declare function areVNodesEqual(prevNode: any, currNode: any): boolean;
+export { areVNodesEqual };

package/es/src/ap-table/components/dynamic-component/index.vue.d.ts

@@ -0,0 +1,4 @@
+import { ApTableDynamicCompProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ApTableDynamicCompProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTableDynamicCompProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/src/ap-table/components/dynamic-component/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};

package/es/src/ap-table/components/dynamic-component/index.vue2.mjs

@@ -0,0 +1,14 @@
+import { defineComponent as n, openBlock as o, createBlock as t, resolveDynamicComponent as r } from "vue";
+const c = /* @__PURE__ */ n({
+  name: "ApTableDynamicComponent",
+  __name: "index",
+  props: {
+    customRender: { type: Function }
+  },
+  setup(p) {
+    return (e, m) => (o(), t(r(e.customRender(e.$attrs))));
+  }
+});
+export {
+  c as default
+};

package/es/src/ap-table/components/interface.d.ts

@@ -61,3 +61,6 @@ export type SortableItemMetaProps = {
     level?: 1 | 2;
     open?: boolean;
 };
+export interface ApTableDynamicCompProps {
+    customRender: (params: any) => any;
+}

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

@@ -175,6 +175,7 @@ export declare const apTableFormItemMap: {
                     readonly class?: unknown;
                     readonly style?: unknown;
                     readonly size?: ButtonSize;
+                    readonly step?: ValueType | undefined;
                     readonly onBlur?: ((e: FocusEvent) => void) | undefined;
                     readonly onChange?: ((value: ValueType) => void) | undefined;
                     readonly onFocus?: ((e: FocusEvent) => void) | undefined;
@@ -193,7 +194,6 @@ export declare const apTableFormItemMap: {
                     readonly onPressEnter?: KeyboardEventHandler | undefined;
                     readonly readonly?: boolean | undefined;
                     readonly stringMode?: boolean | undefined;
-                    readonly step?: ValueType | undefined;
                     readonly controls?: boolean | undefined;
                     readonly parser?: ((displayValue: string) => ValueType) | undefined;
                     readonly formatter?: ((value: ValueType, info: {
@@ -563,12 +563,12 @@ export declare const apTableFormItemMap: {
                 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                     "update:value": (...args: any[]) => void;
                 }, string, {
+                    step: ValueType;
                     disabled: boolean;
                     bordered: boolean;
                     keyboard: boolean;
                     max: ValueType;
                     min: ValueType;
-                    step: ValueType;
                     controls: boolean;
                     emptyText: string;
                     thousands: boolean;
@@ -593,18 +593,18 @@ export declare const apTableFormItemMap: {
                 $nextTick: nextTick;
                 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
             } & Readonly<{
+                step: ValueType;
                 disabled: boolean;
                 bordered: boolean;
                 keyboard: boolean;
                 max: ValueType;
                 min: ValueType;
-                step: ValueType;
                 controls: boolean;
                 emptyText: string;
                 thousands: boolean;
             }> & Omit<Readonly< ApFieldNumberProps> & Readonly<{
                 "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-            }>, "blur" | "focus" | ("disabled" | "bordered" | "keyboard" | "max" | "min" | "step" | "controls" | "emptyText" | "thousands")> & ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("step" | "disabled" | "bordered" | "keyboard" | "max" | "min" | "controls" | "emptyText" | "thousands")> & ShallowUnwrapRef<{
                 focus: () => void;
                 blur: () => void;
             }> & {} & ComponentCustomProperties & {} & {
@@ -2093,12 +2093,12 @@ export declare const apTableRenderItemMap: {
         }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
             "update:value": (...args: any[]) => void;
         }, PublicProps, {
+            step: ValueType;
             disabled: boolean;
             bordered: boolean;
             keyboard: boolean;
             max: ValueType;
             min: ValueType;
-            step: ValueType;
             controls: boolean;
             emptyText: string;
             thousands: boolean;
@@ -2436,12 +2436,12 @@ export declare const apTableRenderItemMap: {
             focus: () => void;
             blur: () => void;
         }, {}, {}, {}, {
+            step: ValueType;
             disabled: boolean;
             bordered: boolean;
             keyboard: boolean;
             max: ValueType;
             min: ValueType;
-            step: ValueType;
             controls: boolean;
             emptyText: string;
             thousands: boolean;
@@ -2457,12 +2457,12 @@ export declare const apTableRenderItemMap: {
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "update:value": (...args: any[]) => void;
     }, string, {
+        step: ValueType;
         disabled: boolean;
         bordered: boolean;
         keyboard: boolean;
         max: ValueType;
         min: ValueType;
-        step: ValueType;
         controls: boolean;
         emptyText: string;
         thousands: boolean;