@aplus-frontend/ui 0.4.5 → 0.4.7

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/components/setting/modal/index.vue2.mjs

@@ -1,23 +1,23 @@
-import { defineComponent as G, ref as x, unref as e, useSlots as H, createVNode as l, cloneVNode as L, openBlock as y, createElementBlock as M, Fragment as q, createBlock as J, resolveDynamicComponent as K, createCommentVNode as P, withCtx as s, createElementVNode as i, normalizeClass as r, toDisplayString as m, createTextVNode as v, isRef as Q } from "vue";
-import { Button as B, Modal as W, RadioGroup as X, RadioButton as _, Divider as h } from "@aplus-frontend/antdv";
-import { getSingleVNode as Y } from "../../../../utils/slot.mjs";
-import { useInjectApTable as Z } from "../../../context.mjs";
+import { defineComponent as G, ref as y, unref as e, computed as H, useSlots as L, createVNode as l, cloneVNode as M, openBlock as x, createElementBlock as P, Fragment as q, createBlock as J, resolveDynamicComponent as Q, createCommentVNode as W, withCtx as i, createElementVNode as s, normalizeClass as r, toDisplayString as c, createTextVNode as C, isRef as X } from "vue";
+import { Button as B, Modal as Y, RadioGroup as Z, RadioButton as _, Divider as h } from "@aplus-frontend/antdv";
+import { getSingleVNode as ee } from "../../../../utils/slot.mjs";
+import { useInjectApTable as te } from "../../../context.mjs";
 import "../tree-select/index.vue.mjs";
-import { useTableColumnState as ee } from "../../../hooks/use-table-column-state.mjs";
+import { useTableColumnState as le } from "../../../hooks/use-table-column-state.mjs";
 import "../../../../config-provider/index.mjs";
 import "../sorter/index.vue.mjs";
-import te, { customCloneColumnStates as N } from "../utils.mjs";
-import { SettingOutlined as le } from "@ant-design/icons-vue";
-import { useLocale as oe } from "../../../../config-provider/hooks/use-locale.mjs";
+import oe, { customCloneColumnStates as N } from "../utils.mjs";
+import { SettingOutlined as ne } from "@ant-design/icons-vue";
+import { useLocale as ae } from "../../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as T } from "../../../../config-provider/hooks/use-namespace.mjs";
-import ne from "../tree-select/index.vue2.mjs";
-import ae from "../sorter/index.vue2.mjs";
-const ie = {
+import se from "../tree-select/index.vue2.mjs";
+import ie from "../sorter/index.vue2.mjs";
+const re = {
   style: {
     lineHeight: "22px",
     color: "#8896B0"
   }
-}, xe = /* @__PURE__ */ G({
+}, Be = /* @__PURE__ */ G({
   __name: "index",
   props: {
     config: {
@@ -25,46 +25,46 @@ const ie = {
     }
   },
   setup(A) {
-    const C = A, {
+    const m = A, {
       columnsBackup: V,
       size: z,
-      updateSize: c,
-      updateColumns: d
-    } = Z(), f = x(e(z)), {
+      updateSize: d,
+      updateColumns: f
+    } = te(), g = y(e(z)), R = H(() => m.config.persistenceKey), {
       columnState: n,
-      setColumnState: R,
-      isAllSelected: w,
-      toggleSelectAll: D,
-      columnStateBackup: O,
-      setColumnStateBackup: U,
-      cacheColumnStateIfNeeded: E
-    } = ee(C.config, []), {
+      setColumnState: w,
+      isAllSelected: D,
+      toggleSelectAll: O,
+      columnStateBackup: U,
+      setColumnStateBackup: E,
+      cacheColumnStateIfNeeded: I
+    } = le(m.config, R, []), {
       t: a
-    } = oe(), {
-      b: g,
+    } = ae(), {
+      b: v,
       be: S
     } = T("ap-column-setting"), {
-      b: I
-    } = T("ap-table"), u = x(!1), $ = H(), b = Y($.trigger) || l(B, {
-      icon: l(le, null, null),
-      class: I("setting-trigger-button")
-    }, null), k = b ? L(b, {
+      b: K
+    } = T("ap-table"), u = y(!1), $ = L(), b = ee($.trigger) || l(B, {
+      icon: l(ne, null, null),
+      class: K("setting-trigger-button")
+    }, null), k = b ? M(b, {
       onClick: () => {
         u.value = !0;
       }
     }) : null;
     function j() {
-      R(N(e(O)));
+      w(N(e(U)));
     }
     function F() {
       var t, o;
-      d == null || d(te(e(V), e(n))), c == null || c(e(f)), u.value = !1;
+      f == null || f(oe(e(V), e(n))), d == null || d(e(g)), u.value = !1;
       const p = N(n.value);
-      U(p), E(p), (o = (t = C.config) == null ? void 0 : t.onChange) == null || o.call(t, p);
+      E(p), I(p), (o = (t = m.config) == null ? void 0 : t.onChange) == null || o.call(t, p);
     }
-    return (p, t) => (y(), M(q, null, [e(k) ? (y(), J(K(e(k)), {
+    return (p, t) => (x(), P(q, null, [e(k) ? (x(), J(Q(e(k)), {
       key: 0
-    })) : P("", !0), l(e(W), {
+    })) : W("", !0), l(e(Y), {
       open: u.value,
       "onUpdate:open": t[2] || (t[2] = (o) => u.value = o),
       title: e(a)("ap.apTable.setting.title"),
@@ -76,32 +76,32 @@ const ie = {
       },
       onOk: F
     }, {
-      default: s(() => [i("div", {
-        class: r(e(g)("wrapper"))
-      }, [i("div", {
-        class: r(e(g)("left"))
-      }, [i("div", {
+      default: i(() => [s("div", {
+        class: r(e(v)("wrapper"))
+      }, [s("div", {
+        class: r(e(v)("left"))
+      }, [s("div", {
         class: r(e(S)("left", "header"))
-      }, [i("div", null, [i("span", ie, m(e(a)("ap.apTable.setting.selectAllTip")), 1), l(e(B), {
+      }, [s("div", null, [s("span", re, c(e(a)("ap.apTable.setting.selectAllTip")), 1), l(e(B), {
         type: "link",
         size: "small",
-        onClick: e(D)
+        onClick: e(O)
       }, {
-        default: s(() => [v(m(e(w) ? e(a)("ap.apTable.setting.unSelectAll") : e(a)("ap.apTable.setting.selectAll")), 1)]),
+        default: i(() => [C(c(e(D) ? e(a)("ap.apTable.setting.unSelectAll") : e(a)("ap.apTable.setting.selectAll")), 1)]),
         _: 1
-      }, 8, ["onClick"])]), l(e(X), {
-        value: f.value,
-        "onUpdate:value": t[0] || (t[0] = (o) => f.value = o)
+      }, 8, ["onClick"])]), l(e(Z), {
+        value: g.value,
+        "onUpdate:value": t[0] || (t[0] = (o) => g.value = o)
       }, {
-        default: s(() => [l(e(_), {
+        default: i(() => [l(e(_), {
           value: "small"
         }, {
-          default: s(() => [v(m(e(a)("ap.apTable.setting.sizeSmall")), 1)]),
+          default: i(() => [C(c(e(a)("ap.apTable.setting.sizeSmall")), 1)]),
           _: 1
         }), l(e(_), {
           value: "middle"
         }, {
-          default: s(() => [v(m(e(a)("ap.apTable.setting.sizeNormal")), 1)]),
+          default: i(() => [C(c(e(a)("ap.apTable.setting.sizeNormal")), 1)]),
           _: 1
         })]),
         _: 1
@@ -110,7 +110,7 @@ const ie = {
         style: {
           margin: "0px"
         }
-      }), l(ne, {
+      }), l(se, {
         class: r(e(S)("left", "content")),
         value: e(n)
       }, null, 8, ["class", "value"])], 2), l(e(h), {
@@ -119,11 +119,11 @@ const ie = {
           height: "100%",
           margin: "0px"
         }
-      }), i("div", {
-        class: r(e(g)("right"))
-      }, [l(ae, {
+      }), s("div", {
+        class: r(e(v)("right"))
+      }, [l(ie, {
         value: e(n),
-        "onUpdate:value": t[1] || (t[1] = (o) => Q(n) ? n.value = o : null),
+        "onUpdate:value": t[1] || (t[1] = (o) => X(n) ? n.value = o : null),
         onReset: j
       }, null, 8, ["value"])], 2)], 2)]),
       _: 1
@@ -131,5 +131,5 @@ const ie = {
   }
 });
 export {
-  xe as default
+  Be as default
 };

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

@@ -1838,6 +1838,7 @@ export declare const apTableRenderItemMap: {
             showToday: boolean;
             showTime: boolean | SharedTimeProps<Dayjs>;
             emptyText: string;
+            formatBegins: boolean;
         }, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1874,6 +1875,7 @@ export declare const apTableRenderItemMap: {
             showToday: boolean;
             showTime: boolean | SharedTimeProps<Dayjs>;
             emptyText: string;
+            formatBegins: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1909,6 +1911,7 @@ export declare const apTableRenderItemMap: {
         showToday: boolean;
         showTime: boolean | SharedTimeProps<Dayjs>;
         emptyText: string;
+        formatBegins: boolean;
     }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
         $slots: Readonly<{
             dateRender: any;

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

@@ -1,6 +1,6 @@
-import { ApColumnState, ApTableSettingType } from '../interface';
 import { Ref, ComputedRef, ShallowRef } from 'vue';
-export declare const useTableColumnState: (columnSetting: ApTableSettingType, initialColumnState: ApColumnState[]) => {
+import { ApColumnState, ApTableSettingType } from '../interface';
+export declare const useTableColumnState: (columnSetting: ApTableSettingType, persistenceKey: Ref<string | undefined>, initialColumnState: ApColumnState[]) => {
     columnState: Ref<{
         key: string | number;
         show?: boolean | undefined;