@aplus-frontend/ui 0.1.28 → 0.1.30

package/es/src/ap-form/modal-form/index.vue.d.ts

@@ -428,7 +428,7 @@ declare function __VLS_template(): {
                 };
             }>>, {
                 resetFields: () => Promise<void>;
-                clearValidate: (name?: NamePath) => void;
+                clearValidate: (name?: NamePath | NamePath[]) => void;
                 validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<{
                     [key: string]: any;
                 }> | undefined;
@@ -620,7 +620,7 @@ declare function __VLS_template(): {
             };
         }>>, "validate" | "setFieldsValue" | "resetFields" | "getFieldsValue" | "clearValidate" | "validateFields" | "scrollToField" | "setFieldValue" | "getInternalInstance" | "registerWatch"> & ShallowUnwrapRef<{
             resetFields: () => Promise<void>;
-            clearValidate: (name?: NamePath) => void;
+            clearValidate: (name?: NamePath | NamePath[]) => void;
             validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<{
                 [key: string]: any;
             }> | undefined;

package/es/src/ap-form/search-form/index.vue.d.ts

@@ -423,7 +423,7 @@ declare function __VLS_template(): {
                 };
             }>>, {
                 resetFields: () => Promise<void>;
-                clearValidate: (name?: NamePath) => void;
+                clearValidate: (name?: NamePath | NamePath[]) => void;
                 validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<{
                     [key: string]: any;
                 }> | undefined;
@@ -615,7 +615,7 @@ declare function __VLS_template(): {
             };
         }>>, "validate" | "setFieldsValue" | "resetFields" | "getFieldsValue" | "clearValidate" | "validateFields" | "scrollToField" | "setFieldValue" | "getInternalInstance" | "registerWatch"> & ShallowUnwrapRef<{
             resetFields: () => Promise<void>;
-            clearValidate: (name?: NamePath) => void;
+            clearValidate: (name?: NamePath | NamePath[]) => void;
             validateFields: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<{
                 [key: string]: any;
             }> | undefined;

package/es/src/ap-form/style/ap-form-item.css

@@ -18,6 +18,8 @@
 }
 .aplus-ap-form-item--bordered .ant-select-selector {
   border-width: 0 !important;
+}
+.aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
 .aplus-ap-form-item--bordered .ant-select-arrow,

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

@@ -415,7 +415,7 @@ const Ca = /* @__PURE__ */ Re({
         records: W.value.dataSource
       })]),
       _: 2
-    }, [Q(l(_)(S, ["title", "searchFormExtra", "headerCell"]), (t, r) => ({
+    }, [Q(l(_)(S, ["title", "searchFormExtra", "headerCell", "summary"]), (t, r) => ({
       name: r,
       fn: b((d) => [w(e.$slots, r, Be(xe(d || {})))])
     }))]), 1040, ["class", "size", "table-layout", "columns"])], 6)], 2));

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -1,152 +1,127 @@
-import { defineComponent as M, ref as w, unref as e, useSlots as q, cloneVNode as J, watchEffect as K, openBlock as z, createElementBlock as P, Fragment as Q, createBlock as W, resolveDynamicComponent as X, createCommentVNode as Y, createVNode as o, withCtx as u, createElementVNode as r, normalizeClass as c, toDisplayString as d, createTextVNode as h, isRef as Z } from "vue";
-import { Modal as ee, Button as te, RadioGroup as le, RadioButton as R, Divider as D } from "ant-design-vue";
-import { getSingleVNode as ne } from "../../../../utils/slot.mjs";
-import { useInjectApTable as oe } from "../../../context.mjs";
+import { defineComponent as $, ref as x, unref as e, useSlots as j, cloneVNode as F, openBlock as y, createElementBlock as G, Fragment as H, createBlock as L, resolveDynamicComponent as M, createCommentVNode as q, createVNode as l, withCtx as i, createElementVNode as s, normalizeClass as r, toDisplayString as m, createTextVNode as v, isRef as J } from "vue";
+import { Modal as K, Button as P, RadioGroup as Q, RadioButton as _, Divider as h } from "ant-design-vue";
+import { getSingleVNode as W } from "../../../../utils/slot.mjs";
+import { useInjectApTable as X } from "../../../context.mjs";
 import "../tree-select/index.vue.mjs";
-import { useTableColumnState as ae } from "../../../hooks/use-table-column-state.mjs";
-import { isBoolean as ie } from "lodash-unified";
+import { useTableColumnState as Y } from "../../../hooks/use-table-column-state.mjs";
 import "../../../../config-provider/index.mjs";
 import "../sorter/index.vue.mjs";
 import "../../style/setting/modal.css";
-import se, { customCloneColumnStates as k } from "../utils.mjs";
-import { useLocale as re } from "../../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ue } from "../../../../config-provider/hooks/use-namespace.mjs";
-import ce from "../tree-select/index.vue2.mjs";
-import me from "../sorter/index.vue2.mjs";
-const pe = {
+import Z, { customCloneColumnStates as B } from "../utils.mjs";
+import { useLocale as ee } from "../../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as te } from "../../../../config-provider/hooks/use-namespace.mjs";
+import le from "../tree-select/index.vue2.mjs";
+import oe from "../sorter/index.vue2.mjs";
+const ne = {
   style: {
     lineHeight: "22px",
     color: "#8896B0"
   }
-}, Ve = /* @__PURE__ */ M({
+}, ke = /* @__PURE__ */ $({
   __name: "index",
   props: {
     config: {}
   },
-  setup(E) {
-    const m = E;
-    let f = [];
-    const {
-      columnsBackup: y,
-      size: U,
-      updateSize: g,
-      updateColumns: v
-    } = oe(), C = w(e(U)), {
-      columnState: i,
-      setColumnState: b,
-      isAllSelected: O,
-      toggleSelectAll: $
-    } = ae([]), {
-      t: s
-    } = re(), {
-      b: x,
-      be: _
-    } = ue("ap-column-setting"), p = w(!1), j = q(), B = ne(j.trigger), T = B ? J(B, {
+  setup(N) {
+    const C = N, {
+      columnsBackup: T,
+      size: A,
+      updateSize: c,
+      updateColumns: d
+    } = X(), f = x(e(A)), {
+      columnState: n,
+      setColumnState: V,
+      isAllSelected: z,
+      toggleSelectAll: R,
+      columnStateBackup: w,
+      setColumnStateBackup: D,
+      cacheColumnStateIfNeeded: U
+    } = Y(C.config, []), {
+      t: a
+    } = ee(), {
+      b: g,
+      be: S
+    } = te("ap-column-setting"), p = x(!1), E = j(), k = W(E.trigger), b = k ? F(k, {
       onClick: () => {
         p.value = !0;
       }
     }) : null;
-    function F() {
-      var l;
-      const n = ((l = m == null ? void 0 : m.config) == null ? void 0 : l.defaultValue) || {};
-      function t(I, N) {
-        var A;
-        const V = [];
-        for (const a of I) {
-          const L = n == null ? void 0 : n[a.key], S = {
-            key: a.key,
-            label: a.title,
-            show: !0,
-            fixed: N ? N.fixed : ie(a.fixed) ? a.fixed ? "left" : void 0 : a.fixed,
-            disabled: !1,
-            ...L
-          };
-          S.children = (A = a.children) != null && A.length ? t(a.children, S) : void 0, V.push(S);
-        }
-        return V;
-      }
-      return t(e(y) || []);
-    }
-    function G() {
-      b(k(f));
+    function I() {
+      V(B(w));
     }
-    K(() => {
-      const n = F();
-      b(n), f = k(n);
-    });
-    function H() {
-      var t, l;
-      v == null || v(se(e(y), e(i))), g == null || g(e(C)), p.value = !1;
-      const n = k(i.value);
-      f = n, (l = (t = m.config) == null ? void 0 : t.onChange) == null || l.call(t, n);
+    function O() {
+      var t, o;
+      d == null || d(Z(e(T), e(n))), c == null || c(e(f)), p.value = !1;
+      const u = B(n.value);
+      D(u), U(u), (o = (t = C.config) == null ? void 0 : t.onChange) == null || o.call(t, u);
     }
-    return (n, t) => (z(), P(Q, null, [e(T) ? (z(), W(X(e(T)), {
+    return (u, t) => (y(), G(H, null, [e(b) ? (y(), L(M(e(b)), {
       key: 0
-    })) : Y("", !0), o(e(ee), {
-      title: e(s)("ap.apTable.setting.title"),
+    })) : q("", !0), l(e(K), {
+      title: e(a)("ap.apTable.setting.title"),
       open: p.value,
-      "onUpdate:open": t[2] || (t[2] = (l) => p.value = l),
+      "onUpdate:open": t[2] || (t[2] = (o) => p.value = o),
       width: 900,
-      onOk: H,
+      onOk: O,
       "body-style": {
         padding: "0px !important",
         height: "450px"
       }
     }, {
-      default: u(() => [r("div", {
-        class: c(e(x)("wrapper"))
-      }, [r("div", {
-        class: c(e(x)("left"))
-      }, [r("div", {
-        class: c(e(_)("left", "header"))
-      }, [r("div", null, [r("span", pe, d(e(s)("ap.apTable.setting.selectAllTip")), 1), o(e(te), {
+      default: i(() => [s("div", {
+        class: r(e(g)("wrapper"))
+      }, [s("div", {
+        class: r(e(g)("left"))
+      }, [s("div", {
+        class: r(e(S)("left", "header"))
+      }, [s("div", null, [s("span", ne, m(e(a)("ap.apTable.setting.selectAllTip")), 1), l(e(P), {
         type: "link",
         size: "small",
-        onClick: e($)
+        onClick: e(R)
       }, {
-        default: u(() => [h(d(e(O) ? e(s)("ap.apTable.setting.unSelectAll") : e(s)("ap.apTable.setting.selectAll")), 1)]),
+        default: i(() => [v(m(e(z) ? e(a)("ap.apTable.setting.unSelectAll") : e(a)("ap.apTable.setting.selectAll")), 1)]),
         _: 1
-      }, 8, ["onClick"])]), o(e(le), {
-        value: C.value,
-        "onUpdate:value": t[0] || (t[0] = (l) => C.value = l)
+      }, 8, ["onClick"])]), l(e(Q), {
+        value: f.value,
+        "onUpdate:value": t[0] || (t[0] = (o) => f.value = o)
       }, {
-        default: u(() => [o(e(R), {
+        default: i(() => [l(e(_), {
           value: "small"
         }, {
-          default: u(() => [h(d(e(s)("ap.apTable.setting.sizeSmall")), 1)]),
+          default: i(() => [v(m(e(a)("ap.apTable.setting.sizeSmall")), 1)]),
           _: 1
-        }), o(e(R), {
+        }), l(e(_), {
           value: "middle"
         }, {
-          default: u(() => [h(d(e(s)("ap.apTable.setting.sizeNormal")), 1)]),
+          default: i(() => [v(m(e(a)("ap.apTable.setting.sizeNormal")), 1)]),
           _: 1
         })]),
         _: 1
-      }, 8, ["value"])], 2), o(e(D), {
+      }, 8, ["value"])], 2), l(e(h), {
         dashed: "",
         style: {
           margin: "0px"
         }
-      }), o(ce, {
-        class: c(e(_)("left", "content")),
-        value: e(i)
-      }, null, 8, ["class", "value"])], 2), o(e(D), {
+      }), l(le, {
+        class: r(e(S)("left", "content")),
+        value: e(n)
+      }, null, 8, ["class", "value"])], 2), l(e(h), {
         type: "vertical",
         style: {
           height: "100%",
           margin: "0px"
         }
-      }), r("div", {
-        class: c(e(x)("right"))
-      }, [o(me, {
-        value: e(i),
-        "onUpdate:value": t[1] || (t[1] = (l) => Z(i) ? i.value = l : null),
-        onReset: G
+      }), s("div", {
+        class: r(e(g)("right"))
+      }, [l(oe, {
+        value: e(n),
+        "onUpdate:value": t[1] || (t[1] = (o) => J(n) ? n.value = o : null),
+        onReset: I
       }, null, 8, ["value"])], 2)], 2)]),
       _: 1
     }, 8, ["title", "open"])], 64));
   }
 });
 export {
-  Ve as default
+  ke as default
 };

package/es/src/ap-table/components/setting/select-group/index.vue2.mjs

@@ -1,82 +1,86 @@
-import { defineComponent as N, ref as E, computed as p, unref as r, watch as P, openBlock as s, createElementBlock as f, createElementVNode as v, normalizeClass as U, createVNode as u, withCtx as i, createBlock as h, resolveDynamicComponent as k, Fragment as V, renderList as D, mergeProps as L } from "vue";
-import { Checkbox as w, Row as j, Col as z } from "ant-design-vue";
+import { defineComponent as E, ref as P, computed as p, unref as r, watch as U, openBlock as a, createElementBlock as f, createElementVNode as v, normalizeClass as x, createVNode as u, withCtx as i, createBlock as h, resolveDynamicComponent as k, Fragment as D, renderList as L, mergeProps as j } from "vue";
+import { Checkbox as w, Row as z, Col as F } from "ant-design-vue";
 import "../../style/setting/select-group.css";
 import "../../../../config-provider/index.mjs";
-import { useInjectApTable as F } from "../../../context.mjs";
+import { useInjectApTable as I } from "../../../context.mjs";
 import { cloneLabelNode as b } from "../utils.mjs";
-import { useNamespace as I } from "../../../../config-provider/hooks/use-namespace.mjs";
-const M = /* @__PURE__ */ N({
+import { useNamespace as R } from "../../../../config-provider/hooks/use-namespace.mjs";
+const M = /* @__PURE__ */ E({
   __name: "index",
   props: {
     value: {}
   },
   setup(y) {
-    const t = y, { b: C } = I("select-group"), c = E(!1), { columnsBackup: _ } = F(), m = p(() => {
+    const t = y, { b: C } = R("select-group"), c = P(!1), { columnsBackup: _ } = I(), m = p(() => {
       var e;
       return (e = r(_)) == null ? void 0 : e.find(
-        (o) => {
+        (n) => {
           var l;
-          return o.key === ((l = t.value) == null ? void 0 : l.key);
+          return n.key === ((l = t.value) == null ? void 0 : l.key);
         }
       );
     });
-    function S(n) {
-      const e = t.value.children.find((o) => o.key === n.key);
+    function S(o) {
+      const e = t.value.children.find((n) => n.key === o.key);
       return {
         checked: e == null ? void 0 : e.show,
         disabled: t.value.disabled || (e == null ? void 0 : e.disabled)
       };
     }
-    function g(n) {
+    function g(o) {
       const e = t.value;
-      e.children.forEach((o) => o.show = n), e.show = n, c.value = !1;
+      e.children.forEach((n) => n.show = o), e.show = o, c.value = !1;
     }
-    function x(n, e) {
-      const o = t.value, l = o.children.find((a) => a.key === n);
+    function A(o, e) {
+      const n = t.value, l = n.children.find((s) => s.key === o);
       if (!l)
         return;
       l.show = e;
-      const d = o.children.every((a) => a.show), B = o.children.some((a) => a.show);
-      o.show = d, c.value = B && !d;
+      const d = n.children.every((s) => s.show), N = n.children.some((s) => s.show);
+      n.show = d, c.value = N && !d;
     }
-    const A = p(() => t.value.disabled || t.value.children.every((n) => n.disabled));
-    return P(
+    const B = p(() => t.value.disabled || t.value.children.every((o) => o.disabled));
+    return U(
       () => t.value,
-      (n) => {
-        const e = n.children.every((l) => l.show), o = n.children.some((l) => l.show);
-        c.value = o && !e;
+      (o) => {
+        const e = o.children.every((l) => l.show), n = o.children.some((l) => l.show);
+        c.value = n && !e, o.show !== e && (o.show = e);
+      },
+      {
+        deep: !0,
+        immediate: !0
       }
-    ), (n, e) => {
-      var o;
-      return s(), f("div", null, [
+    ), (o, e) => {
+      var n;
+      return a(), f("div", null, [
         v("div", {
-          class: U(r(C)("header"))
+          class: x(r(C)("header"))
         }, [
           u(r(w), {
             indeterminate: c.value,
-            checked: (o = n.value) == null ? void 0 : o.show,
+            checked: (n = o.value) == null ? void 0 : n.show,
             "onUpdate:checked": g,
-            disabled: A.value
+            disabled: B.value
           }, {
             default: i(() => [
-              (s(), h(k(r(b)(m.value.title))))
+              (a(), h(k(r(b)(m.value.title))))
             ]),
             _: 1
           }, 8, ["indeterminate", "checked", "disabled"])
         ], 2),
         v("div", null, [
-          u(r(j), null, {
+          u(r(z), null, {
             default: i(() => [
-              (s(!0), f(V, null, D(m.value.children, (l) => (s(), h(r(z), {
+              (a(!0), f(D, null, L(m.value.children, (l) => (a(), h(r(F), {
                 key: l.key,
                 span: 8
               }, {
                 default: i(() => [
-                  u(r(w), L({ ref_for: !0 }, S(l), {
-                    "onUpdate:checked": (d) => x(l.key, d)
+                  u(r(w), j({ ref_for: !0 }, S(l), {
+                    "onUpdate:checked": (d) => A(l.key, d)
                   }), {
                     default: i(() => [
-                      (s(), h(k(r(b)(l.title))))
+                      (a(), h(k(r(b)(l.title))))
                     ]),
                     _: 2
                   }, 1040, ["onUpdate:checked"])

package/es/src/ap-table/components/setting/sorter/index.vue2.mjs

@@ -92,7 +92,10 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
     function j(e) {
       f([...n(i), ...n(s), ...e]);
     }
-    $(
+    function f(e) {
+      S("update:value", e);
+    }
+    return $(
       () => x.value,
       (e) => {
         if (e) {
@@ -102,11 +105,7 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
         }
       },
       { immediate: !0 }
-    );
-    function f(e) {
-      S("update:value", e);
-    }
-    return (e, t) => (c(), y("div", {
+    ), (e, t) => (c(), y("div", {
       class: d(n(u)())
     }, [
       m(n(G), {

package/es/src/ap-table/components/setting/utils.d.ts

@@ -1,5 +1,5 @@
 import { ColumnsType } from 'ant-design-vue/es/table';
-import { ApColumnState } from '../../interface';
+import { ApColumnState, ApTableSettingDefaultValueType } from '../../interface';
 /**
  * 根据列状态重新生成表格列配置
  * @param columns 表格列数组
@@ -15,3 +15,9 @@ export declare function customCloneColumnStates<T extends ApColumnState | ApColu
  * @returns
  */
 export declare function cloneLabelNode(node: any): any;
+/**
+ * 生成可用于缓存的列状态对象
+ * @param columnStates
+ * @returns
+ */
+export declare function getColumnStateString(columnStates: ApColumnState[]): ApTableSettingDefaultValueType;

package/es/src/ap-table/components/setting/utils.mjs

@@ -1,32 +1,32 @@
-import { cloneDeepWith as s } from "lodash-unified";
-import { isVNode as u, cloneVNode as c } from "vue";
-function f(e, i) {
-  var r;
+import { cloneDeepWith as s, omit as u } from "lodash-unified";
+import { isVNode as c, cloneVNode as f } from "vue";
+function d(t, o) {
+  var i;
   const n = [];
-  for (const t of i) {
-    const l = e.find((o) => o.key === t.key);
-    if ((r = t.children) != null && r.length) {
-      const o = f(
+  for (const e of o) {
+    const l = t.find((r) => r.key === e.key);
+    if ((i = e.children) != null && i.length) {
+      const r = d(
         l.children,
-        t.children
+        e.children
       );
-      o.length && n.push({
+      r.length && n.push({
         ...l,
-        fixed: t.fixed,
-        children: o
+        fixed: e.fixed,
+        children: r
       });
     } else {
-      if (!t.show)
+      if (!e.show)
         continue;
-      n.push({ ...l, fixed: t.fixed });
+      n.push({ ...l, fixed: e.fixed });
     }
   }
   return n;
 }
-function h(e) {
-  return s(e, (i, n) => {
+function p(t) {
+  return s(t, (o, n) => {
     if (n === "label")
-      return i;
+      return o;
   });
 }
 const a = {
@@ -38,11 +38,26 @@ const a = {
   "white-space": "unset",
   wordBreak: "unset"
 };
-function p(e) {
-  return u(e) ? c(e, { style: a }) : e;
+function y(t) {
+  return c(t) ? f(t, { style: a }) : t;
+}
+function b(t) {
+  function o(n) {
+    const i = {};
+    return n.forEach((e, l) => {
+      var r;
+      i[e.key] = {
+        ...u(e, ["label", "key", "children"]),
+        order: l,
+        children: (r = e.children) != null && r.length ? o(e.children) : void 0
+      };
+    }), i;
+  }
+  return o(t);
 }
 export {
-  p as cloneLabelNode,
-  h as customCloneColumnStates,
-  f as default
+  y as cloneLabelNode,
+  p as customCloneColumnStates,
+  d as default,
+  b as getColumnStateString
 };

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

@@ -9528,6 +9528,9 @@ export declare const apTableRenderItemMap: {
             timezone: {
                 type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
             };
+            readModeSeparator: {
+                type: PropType<any>;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
@@ -9741,6 +9744,9 @@ export declare const apTableRenderItemMap: {
             timezone: {
                 type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
             };
+            readModeSeparator: {
+                type: PropType<any>;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {
@@ -9991,6 +9997,9 @@ export declare const apTableRenderItemMap: {
             timezone: {
                 type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
             };
+            readModeSeparator: {
+                type: PropType<any>;
+            };
         }>> & {
             "onUpdate:value"?: ((...args: any[]) => any) | undefined;
         }, {}, {}, {}, {}, {
@@ -10238,6 +10247,9 @@ export declare const apTableRenderItemMap: {
         timezone: {
             type: PropType<"RJ" | "PR" | "VD" | "CP" | "BS" | "MS" | "SP" | "DB" | "NY" | "KR" | "CG" | "TM" | "DV" | "SU" | "LA" | "SH" | "ALS">;
         };
+        readModeSeparator: {
+            type: PropType<any>;
+        };
     }>> & {
         "onUpdate:value"?: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {

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

@@ -1,6 +1,6 @@
-import { ApColumnState } from '../interface';
+import { ApColumnState, ApTableSettingType } from '../interface';
 import { Ref, ComputedRef } from 'vue';
-export declare const useTableColumnState: (initialColumnState: ApColumnState[]) => {
+export declare const useTableColumnState: (columnSetting: ApTableSettingType, initialColumnState: ApColumnState[]) => {
     columnState: Ref<{
         key: string | number;
         show?: boolean | undefined;
@@ -8,6 +8,7 @@ export declare const useTableColumnState: (initialColumnState: ApColumnState[])
         disabled?: boolean | undefined;
         label?: any;
         children?: any[] | undefined;
+        order?: number | undefined;
     }[]>;
     selectAll: () => void;
     unSelectAll: () => void;
@@ -15,4 +16,7 @@ export declare const useTableColumnState: (initialColumnState: ApColumnState[])
     setColumnState: (nextColumnState: ApColumnState[]) => void;
     isAllSelected: ComputedRef<boolean>;
     toggleSelectAll: () => void;
+    columnStateBackup: ApColumnState[];
+    setColumnStateBackup: (nextBackup: ApColumnState[]) => void;
+    cacheColumnStateIfNeeded: (nextColumnState: ApColumnState[]) => void;
 };