@aplus-frontend/ui 0.4.6 → 0.4.7

package/es/src/ap-field/date-range/index.vue.mjs

@@ -1,16 +1,17 @@
-import { defineComponent as U, useSlots as H, computed as m, unref as n, isVNode as K, createVNode as T, Fragment as h, openBlock as g, createElementBlock as v, createTextVNode as B, toDisplayString as P, createBlock as O, resolveDynamicComponent as $, mergeProps as L, createSlots as W, renderList as Y, withCtx as Z, renderSlot as q, normalizeProps as G, guardReactiveProps as J } from "vue";
-import { ApFieldDatePresetFormats as Q, PRESET_FORMAT_MAP as X, PRESET_FORMAT_PICK_MAP as ee, PRESET_FORMAT_TIME_MAP as oe } from "../date/constant.mjs";
+import { defineComponent as H, useSlots as K, computed as m, unref as n, isVNode as $, createVNode as T, Fragment as h, openBlock as g, createElementBlock as v, createTextVNode as B, toDisplayString as P, createBlock as O, resolveDynamicComponent as L, mergeProps as W, createSlots as Y, renderList as Z, withCtx as q, renderSlot as G, normalizeProps as J, guardReactiveProps as Q } from "vue";
+import { ApFieldDatePresetFormats as X, PRESET_FORMAT_MAP as ee, PRESET_FORMAT_PICK_MAP as oe, PRESET_FORMAT_TIME_MAP as ne } from "../date/constant.mjs";
 import "../../hooks/index.mjs";
-import { isNil as b, omit as R, isString as c, isFunction as ne } from "lodash-unified";
+import { isNil as b, omit as R, isString as c, isFunction as te } from "lodash-unified";
 import u from "dayjs";
-import { DatePicker as te } from "@aplus-frontend/antdv";
-import { formatDayWithTimezone as ae } from "../date/helper.mjs";
-import { SwapRightOutlined as re } from "@ant-design/icons-vue";
-import { omitUndefined as le } from "../../utils/index.mjs";
+import { DatePicker as ae } from "@aplus-frontend/antdv";
+import { formatDayWithTimezone as re } from "../date/helper.mjs";
+import { SwapRightOutlined as le } from "@ant-design/icons-vue";
+import { omitUndefined as ue } from "../../utils/index.mjs";
 import { getTimeFormatToZone as w } from "@aplus-frontend/utils";
-import { useDefaultPlaceholder as ue } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as de } from "../../hooks/useControllableValue.mjs";
-const Be = /* @__PURE__ */ U({
+import { useDefaultPlaceholder as de } from "../hooks/use-default-placeholder.mjs";
+import { useDefaultPresets as ie } from "../hooks/use-default-presets.mjs";
+import { useControllableValue as se } from "../../hooks/useControllableValue.mjs";
+const De = /* @__PURE__ */ H({
   __name: "index",
   props: {
     mode: {
@@ -26,7 +27,6 @@ const Be = /* @__PURE__ */ U({
       default: void 0
     },
     disabledTime: {},
-    presets: {},
     ranges: {},
     separator: {
       type: [Object, String, Number, Boolean, null, Array],
@@ -147,60 +147,64 @@ const Be = /* @__PURE__ */ U({
       default: "Y-D"
     },
     timezone: {},
-    readModeSeparator: {}
+    readModeSeparator: {},
+    presets: {
+      type: [Array, Boolean]
+    }
   },
   emits: ["update:value"],
   setup(_, {
     emit: A
   }) {
-    const o = _, F = A, k = H(), d = m(() => Q.indexOf(o.format) > -1), i = m(() => d.value ? X[o.format] : o.format), {
+    const o = _, F = A, k = K(), d = m(() => X.indexOf(o.format) > -1), i = m(() => d.value ? ee[o.format] : o.format), {
       value: y,
       updateValue: C
-    } = de(o, F), N = ue("DateRange", o), f = ae(o.timezone), S = m(() => {
+    } = se(o, F), N = de("DateRange", o), x = ie(o), s = re(o.timezone), S = m(() => {
       var a, l;
       const e = n(y);
       if (b(e) || !(e != null && e.length))
         return e;
       const r = o.timezone ? w(n(y)[0], o.timezone) : (a = n(y)) == null ? void 0 : a[0], t = o.timezone ? w(n(y)[1], o.timezone) : (l = n(y)) == null ? void 0 : l[1];
       return [u(r), u(t)];
-    }), x = m(() => n(d) ? o.picker ?? ee[o.format] : o.picker), z = m(() => {
-      const e = n(d) ? oe[o.format] : {};
+    }), z = m(() => n(d) ? o.picker ?? oe[o.format] : o.picker), E = m(() => {
+      const e = n(d) ? ne[o.format] : {};
       return {
-        ...le(R(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode"])),
+        ...ue(R(o, ["value", "onUpdate:value", "onChange", "onOk", "format", "mode", "presets"])),
         placeholder: n(N),
+        presets: n(x),
         ...e
       };
     });
-    function E(e) {
+    function V(e) {
       if (!e) {
         C(e);
         return;
       }
       let r = c(e[0]) ? u(e[0]) : e[0], t = c(e[1]) ? u(e[1]) : e[1];
       const a = n(d) ? n(i) : void 0;
-      C([f(r, a), f(t, a, !1)]);
+      C([s(r, a), s(t, a, !1)]);
     }
-    function V(e) {
+    function I(e) {
       var p;
-      const r = c(e[0]) ? u(e[0]) : e[0], t = c(e[1]) ? u(e[1]) : e[1], a = n(d) ? n(i) : void 0, l = e[0] ? f(r, a) : null, s = e[1] ? f(t, a, !1) : null;
-      (p = o.onOk) == null || p.call(o, [l, s]);
+      const r = c(e[0]) ? u(e[0]) : e[0], t = c(e[1]) ? u(e[1]) : e[1], a = n(d) ? n(i) : void 0, l = e[0] ? s(r, a) : null, f = e[1] ? s(t, a, !1) : null;
+      (p = o.onOk) == null || p.call(o, [l, f]);
     }
-    function I(e, r) {
-      var M, D;
+    function j(e, r) {
+      var D, M;
       if (b(e)) {
-        (M = o.onChange) == null || M.call(o, e, r);
+        (D = o.onChange) == null || D.call(o, e, r);
         return;
       }
-      const t = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1], l = n(d) ? n(i) : void 0, s = e[0] ? f(t, l) : null, p = e[1] ? f(a, l, !1) : null;
-      (D = o.onChange) == null || D.call(o, [s, p], r);
+      const t = c(e[0]) ? u(e[0]) : e[0], a = c(e[1]) ? u(e[1]) : e[1], l = n(d) ? n(i) : void 0, f = e[0] ? s(t, l) : null, p = e[1] ? s(a, l, !1) : null;
+      (M = o.onChange) == null || M.call(o, [f, p], r);
     }
-    const j = m(() => {
+    const U = m(() => {
       var t;
       const e = o.readModeSeparator;
       if (e)
-        return K(e) || ne(e) ? o.readModeSeparator : T(h, null, [o.readModeSeparator]);
+        return $(e) || te(e) ? o.readModeSeparator : T(h, null, [o.readModeSeparator]);
       const r = (t = k.readModeSeparator) == null ? void 0 : t.call(k);
-      return r ? T(h, null, [r]) : re;
+      return r ? T(h, null, [r]) : le;
     });
     return (e, r) => {
       var t, a;
@@ -208,26 +212,26 @@ const Be = /* @__PURE__ */ U({
         key: 0
       }, [S.value ? (g(), v(h, {
         key: 0
-      }, [B(P((t = S.value[0]) == null ? void 0 : t.format(i.value)) + " ", 1), (g(), O($(j.value))), B(" " + P((a = S.value[1]) == null ? void 0 : a.format(i.value)), 1)], 64)) : (g(), v(h, {
+      }, [B(P((t = S.value[0]) == null ? void 0 : t.format(i.value)) + " ", 1), (g(), O(L(U.value))), B(" " + P((a = S.value[1]) == null ? void 0 : a.format(i.value)), 1)], 64)) : (g(), v(h, {
         key: 1
-      }, [B(P(e.emptyText), 1)], 64))], 64)) : (g(), O(n(te).RangePicker, L({
+      }, [B(P(e.emptyText), 1)], 64))], 64)) : (g(), O(n(ae).RangePicker, W({
         key: 1
-      }, z.value, {
+      }, E.value, {
         value: S.value,
-        picker: x.value,
+        picker: z.value,
         format: i.value,
-        "onUpdate:value": E,
-        onChange: I,
-        onOk: V
-      }), W({
+        "onUpdate:value": V,
+        onChange: j,
+        onOk: I
+      }), Y({
         _: 2
-      }, [Y(n(R)(e.$slots, "readModeSeparator"), (l, s) => ({
-        name: s,
-        fn: Z((p) => [q(e.$slots, s, G(J(p || {})))])
+      }, [Z(n(R)(e.$slots, "readModeSeparator"), (l, f) => ({
+        name: f,
+        fn: q((p) => [G(e.$slots, f, J(Q(p || {})))])
       }))]), 1040, ["value", "picker", "format"]));
     };
   }
 });
 export {
-  Be as default
+  De as default
 };

package/es/src/ap-field/hooks/use-default-presets.d.ts

@@ -0,0 +1,11 @@
+import { ApFieldDateRangeProps, BasicApFieldProps } from '../interface';
+import { Dayjs } from 'dayjs';
+import { ComputedRef } from 'vue';
+import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
+export declare const useDefaultPresets: (props: BasicApFieldProps<{
+    presets?: ApFieldDateRangeProps["presets"];
+    timezone?: ApFieldDateRangeProps["timezone"];
+}>) => ComputedRef<{
+    label: VueNode;
+    value: Dayjs[];
+}[] | undefined>;

package/es/src/ap-field/hooks/use-default-presets.mjs

@@ -0,0 +1,15 @@
+import { computed as r } from "vue";
+import { presetsDefault as f } from "../../utils/data-range-persets.mjs";
+const b = (e) => r(() => {
+  var t, u;
+  return e.presets === !0 ? f(e == null ? void 0 : e.timezone) : (u = (t = e == null ? void 0 : e.presets) == null ? void 0 : t.map) == null ? void 0 : u.call(t, (l) => {
+    var a;
+    return {
+      label: l.label,
+      value: (a = l == null ? void 0 : l.value) == null ? void 0 : a.filter((m) => m !== null)
+    };
+  });
+});
+export {
+  b as useDefaultPresets
+};

package/es/src/ap-field/interface.d.ts

@@ -89,7 +89,7 @@ export type ApFieldTextAreaExpose = {
     blur: () => void;
     resizableTextArea: any;
 };
-export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode' | 'format'>> & {
+export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'value' | 'onChange' | 'onPanelChange' | 'defaultValue' | 'onOk' | 'renderExtraFooter' | 'onUpdate:value' | 'mode' | 'format' | 'presets'>> & {
     emptyText?: string;
     value?: RangeValue<number> | null;
     defaultValue?: RangeValue<number>;
@@ -104,6 +104,7 @@ export type ApFieldDateRangeProps = BasicApFieldProps<Omit<RangePickerProps, 'va
      * 只读模式下的分隔符（比插槽优先级更高）
      */
     readModeSeparator?: any;
+    presets?: RangePickerProps['presets'] | true;
 };
 export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'value' | 'onUpdate:value' | 'onSearch'>> & {
     emptyText?: string;

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;
+}