bitz-react-admin-ui 1.8.1 → 1.8.2

package/dist/components/BitzTable/ActionCol/index.mjs

@@ -1,95 +1,31 @@
 import { j as t } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import b from "../../../node_modules/.store/ahooks@3.7.10/node_modules/ahooks/es/useSize/index.mjs";
-import { Dropdown as N, Space as B, Skeleton as w } from "antd";
+import { Space as B, Skeleton as w } from "antd";
 import { useRef as y, useMemo as C } from "react";
-import h from "../../BitzButton/index.mjs";
+import p from "../../BitzButton/index.mjs";
 import k from "./style.mjs";
-const g = ({
-  skeletonCls: n,
-  ...s
-}) => /* @__PURE__ */ t.jsxs(h, { type: "text", ...s, children: [
-  /* @__PURE__ */ t.jsx("span", { children: s.children }),
-  /* @__PURE__ */ t.jsx(
-    w,
-    {
-      active: !0,
-      title: !1,
-      className: n,
-      paragraph: {
-        rows: 1,
-        width: "100%"
-      }
-    }
-  )
-] });
-function z({
-  loading: n,
-  actionGroup: s,
-  refInstance: d
-}) {
-  const {
-    gap: p,
-    primaryBtnClassName: i,
-    dangerBtnClassName: o,
-    dropdownBtnClassName: l,
-    maskClassName: m,
-    skeletonBtnClassName: u,
-    skeletonClassName: x
-  } = k(), f = C(() => {
+import N from "../Dropdown/index.mjs";
+const g = ({ skeletonCls: n, ...s }) => t.jsxs(p, { type: "text", ...s, children: [t.jsx("span", { children: s.children }), t.jsx(w, { active: !0, title: !1, className: n, paragraph: {
+  rows: 1,
+  width: "100%"
+} })] });
+function z({ loading: n, actionGroup: s, refInstance: m }) {
+  const { gap: h, primaryBtnClassName: i, dangerBtnClassName: o, dropdownBtnClassName: l, maskClassName: d, skeletonBtnClassName: u, skeletonClassName: x } = k(), f = C(() => {
     const r = s.length >= 4 ? 2 : s.length, a = s.slice(0, r), c = [];
     if (a != null && a.length && a.forEach((e, j) => {
-      c.push(
-        n ? /* @__PURE__ */ t.jsx(
-          g,
-          {
-            className: u,
-            skeletonCls: x,
-            children: e == null ? void 0 : e.label
-          },
-          j
-        ) : e.children ? /* @__PURE__ */ t.jsx(N, { menu: { items: e.children }, children: /* @__PURE__ */ t.jsx(
-          h,
-          {
-            type: "text",
-            className: e.danger ? o : i,
-            children: e == null ? void 0 : e.label
-          }
-        ) }, j) : /* @__PURE__ */ t.jsx(
-          h,
-          {
-            type: "text",
-            className: e.danger ? o : i,
-            onClick: e == null ? void 0 : e.onClick,
-            children: e == null ? void 0 : e.label
-          },
-          j
-        )
-      );
+      c.push(n ? t.jsx(g, { className: u, skeletonCls: x, children: e == null ? void 0 : e.label }, j) : e.children ? t.jsx(N, { menu: { items: e.children }, children: t.jsx(p, { type: "text", className: e.danger ? o : i, children: e == null ? void 0 : e.label }) }, j) : t.jsx(p, { type: "text", className: e.danger ? o : i, onClick: e == null ? void 0 : e.onClick, children: e == null ? void 0 : e.label }, j));
     }), r === 2 && s.length >= 4) {
       const e = s.slice(2, s.length);
-      c.push(
-        n ? /* @__PURE__ */ t.jsx(
-          g,
-          {
-            className: u,
-            skeletonCls: x,
-            children: "更多"
-          },
-          5
-        ) : /* @__PURE__ */ t.jsx(N, { menu: { items: e }, children: /* @__PURE__ */ t.jsx(h, { type: "text", className: l, children: "更多" }) }, 5)
-      );
+      c.push(n ? t.jsx(g, { className: u, skeletonCls: x, children: "更多" }, 5) : t.jsx(N, { menu: { items: e }, children: t.jsx(p, { type: "text", className: l, children: "更多" }) }, 5));
     }
     return c;
   }, [n, s]);
-  return /* @__PURE__ */ t.jsxs("div", { onClick: (r) => r.stopPropagation(), children: [
-    /* @__PURE__ */ t.jsx(B, { size: p, ref: d, className: "actionGroup", children: f }),
-    /* @__PURE__ */ t.jsx("div", { className: m })
-  ] });
+  return t.jsxs("div", { onClick: (r) => r.stopPropagation(), children: [t.jsx(B, { size: h, ref: m, className: "actionGroup", children: f }), t.jsx("div", { className: d })] });
 }
 function T(n) {
-  const { actionGroup: s, loading: d, ...p } = n, { gap: i } = k(), o = y(null), l = b(o), m = C(() => l != null && l.width ? l.width + i * 2 + 1 : 181, [l, i]);
+  const { actionGroup: s, loading: m, ...h } = n, { gap: i } = k(), o = y(null), l = b(o), d = C(() => l != null && l.width ? l.width + i * 2 + 1 : 181, [l, i]);
   return C(() => ({
-    width: Math.floor(m),
+    width: Math.floor(d),
     mobileHide: !0,
     isOperationCol: !0,
     title: "操作",
@@ -99,20 +35,11 @@ function T(n) {
     className: "operationCol",
     disable: !0,
     render: (x, f, r) => {
-      const a = s(f, r).filter(
-        (c) => c.type != "detail"
-      );
-      return /* @__PURE__ */ t.jsx(
-        z,
-        {
-          loading: d,
-          actionGroup: a,
-          refInstance: o
-        }
-      );
+      const a = s(f, r).filter((c) => c.type != "detail");
+      return t.jsx(z, { loading: m, actionGroup: a, refInstance: o });
     },
-    ...p
-  }), [m, o, d, s]);
+    ...h
+  }), [d, o, m, s]);
 }
 export {
   z as BitzTableAction,

package/dist/components/BitzTable/ActionCol/style.mjs

@@ -99,37 +99,19 @@ const eo = () => {
       }
     }
   ];
-  j(
-    {
-      theme: h,
-      token: s,
-      hashId: e,
-      path: [r]
-    },
-    () => [
-      y(r, c, S, s),
-      C(m, s),
-      x(p, s),
-      N(d, s),
-      H($, B)
-    ]
-  );
-  const l = `${f}${c}`, E = n(
-    r,
-    m,
-    l,
-    e
-  ), w = n(r, p, l, e), I = n(
-    r,
-    d,
-    l,
-    e
-  ), D = n(
-    r,
-    $,
-    l,
-    e
-  ), P = n(B, e), M = n(S, e);
+  j({
+    theme: h,
+    token: s,
+    hashId: e,
+    path: [r]
+  }, () => [
+    y(r, c, S, s),
+    C(m, s),
+    x(p, s),
+    N(d, s),
+    H($, B)
+  ]);
+  const l = `${f}${c}`, E = n(r, m, l, e), w = n(r, p, l, e), I = n(r, d, l, e), D = n(r, $, l, e), P = n(B, e), M = n(S, e);
   return {
     gap: u,
     defaultCls: r,

package/dist/components/BitzTable/Dropdown/index.d.ts

@@ -0,0 +1,4 @@
+import { DropdownProps } from 'antd';
+import { FC } from 'react';
+declare const Dropdown: FC<DropdownProps>;
+export default Dropdown;

package/dist/components/BitzTable/Dropdown/index.mjs

@@ -0,0 +1,14 @@
+import { j as a } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { Dropdown as e } from "antd";
+import { useMemo as d } from "react";
+import c from "./style.mjs";
+const p = (o, s) => o == null ? void 0 : o.map((t) => {
+  const r = { ...t };
+  return r != null && r.children && (r.children = p(r == null ? void 0 : r.children, s), r.popupClassName = s), r;
+}), m = ({ menu: o, ...s }) => {
+  const { popupClassName: t } = c(), r = d(() => p(o == null ? void 0 : o.items, t), [o == null ? void 0 : o.items]);
+  return a.jsx(e, { ...s, menu: { ...o, items: r }, overlayClassName: t });
+};
+export {
+  m as default
+};

package/dist/components/BitzTable/Dropdown/style.d.ts

@@ -0,0 +1,4 @@
+declare const useGenStyle: () => {
+    popupClassName: string;
+};
+export default useGenStyle;

package/dist/components/BitzTable/Dropdown/style.mjs

@@ -0,0 +1,105 @@
+import { useContext as $, useMemo as g } from "react";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
+import "../../../node_modules/.store/rc-util@5.39.1/node_modules/rc-util/es/warning.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/theme/ThemeCache.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
+import C from "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
+import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
+import { TableContext as y } from "../Store/index.mjs";
+import B from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import D from "../../BitzTheme/index.mjs";
+const P = () => {
+  const { tableSize: t } = $(y), T = g(() => t ?? "lg", [t]), { theme: c, hashId: i, token: a } = D.useToken(), m = "OperationColDropdownBtn", o = "operationColDropdownBtn", w = (x, n, e) => {
+    var r, p, d, l, u, s, z, S, f, b;
+    return [
+      {
+        [`.${x}`]: {
+          ".ant-dropdown-menu": {
+            fontSize: "inherit",
+            // 普通菜单
+            ".ant-dropdown-menu-submenu, .ant-dropdown-menu-item": {
+              fontSize: "inherit",
+              ".ant-dropdown-menu-submenu-title": {
+                fontSize: "inherit",
+                // 下一级icon字号
+                ".ant-dropdown-menu-submenu-expand-icon .anticon": {
+                  fontSize: "inherit"
+                }
+              }
+            },
+            // 危险菜单
+            ".ant-dropdown-menu-item-danger": {
+              fontSize: "inherit"
+            },
+            // 自定义icon字号
+            ".ant-dropdown-menu-item-icon": {
+              fontSize: "inherit"
+            },
+            // 文本字号
+            ".ant-dropdown-menu-title-conntent": {
+              fontSize: "inherit"
+            }
+          }
+        }
+      },
+      {
+        [`.xl${n}`]: {
+          fontSize: (r = e.Table.xlTable) == null ? void 0 : r.fontSize,
+          ".ant-dropdown-menu-submenu-expand-icon": {
+            fontSize: (((p = e.Table.xlTable) == null ? void 0 : p.fontSize) || e.fontSize) - 2
+          }
+        }
+      },
+      {
+        [`.lg${n}`]: {
+          fontSize: (d = e.Table.lgTable) == null ? void 0 : d.fontSize,
+          ".ant-dropdown-menu-submenu-expand-icon": {
+            fontSize: (((l = e.Table.lgTable) == null ? void 0 : l.fontSize) || e.fontSize) - 2
+          }
+        }
+      },
+      {
+        [`.md${n}`]: {
+          fontSize: (u = e.Table.mdTable) == null ? void 0 : u.fontSize,
+          ".ant-dropdown-menu-submenu-expand-icon": {
+            fontSize: (((s = e.Table.mdTable) == null ? void 0 : s.fontSize) || e.fontSize) - 2
+          }
+        }
+      },
+      {
+        [`.sm${n}`]: {
+          fontSize: (z = e.Table.smTable) == null ? void 0 : z.fontSize,
+          ".ant-dropdown-menu-submenu-expand-icon": {
+            fontSize: (((S = e.Table.smTable) == null ? void 0 : S.fontSize) || e.fontSize) - 2
+          }
+        }
+      },
+      {
+        [`.xs${n}`]: {
+          fontSize: (f = e.Table.xsTable) == null ? void 0 : f.fontSize,
+          ".ant-dropdown-menu-submenu-expand-icon": {
+            fontSize: (((b = e.Table.xsTable) == null ? void 0 : b.fontSize) || e.fontSize) - 2
+          }
+        }
+      }
+    ];
+  };
+  C({
+    theme: c,
+    token: a,
+    hashId: i,
+    path: [o]
+  }, () => [w(o, m, a)]);
+  const h = `${T}${m}`;
+  return {
+    popupClassName: B(o, h, i)
+  };
+};
+export {
+  P as default
+};

package/dist/components/BitzTable/SelectionBar/Button.mjs

@@ -1,32 +1,15 @@
 import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import o from "../../BitzButton/index.mjs";
+import r from "../../BitzButton/index.mjs";
 import a from "../../BitzConvert/index.mjs";
 import { Space as c } from "antd";
 import i from "./style.mjs";
 import p from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
-const f = ({
-  ...t
-}) => {
-  const { btnClassName: r } = i();
-  return /* @__PURE__ */ s.jsx(o, { className: r, type: "text", ...t });
-}, g = ({ menu: t, children: r, showTootip: e, tipText: l }) => {
-  const { btnClassName: n } = i();
-  return /* @__PURE__ */ s.jsx(
-    a.DropdownToButton,
-    {
-      menu: t,
-      trigger: ["click"],
-      showTootip: e,
-      tipText: l,
-      children: /* @__PURE__ */ s.jsx(o, { className: n, type: "text", children: /* @__PURE__ */ s.jsxs(c, { size: 2, children: [
-        (t == null ? void 0 : t.items) && t.items.length > 1 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          /* @__PURE__ */ s.jsx("span", { children: r }),
-          /* @__PURE__ */ s.jsx(p, {})
-        ] }),
-        (t == null ? void 0 : t.items) && t.items.length === 1 && /* @__PURE__ */ s.jsx("span", { children: t.items[0].label })
-      ] }) })
-    }
-  );
+const f = ({ ...t }) => {
+  const { btnClassName: o } = i();
+  return s.jsx(r, { className: o, type: "text", ...t });
+}, g = ({ menu: t, children: o, showTootip: e, tipText: n }) => {
+  const { btnClassName: l } = i();
+  return s.jsx(a.DropdownToButton, { menu: t, trigger: ["click"], showTootip: e, tipText: n, children: s.jsx(r, { className: l, type: "text", children: s.jsxs(c, { size: 2, children: [(t == null ? void 0 : t.items) && t.items.length > 1 && s.jsxs(s.Fragment, { children: [s.jsx("span", { children: o }), s.jsx(p, {})] }), (t == null ? void 0 : t.items) && t.items.length === 1 && s.jsx("span", { children: t.items[0].label })] }) }) });
 };
 export {
   f as BitzSelectionBarButton,

package/dist/components/BitzTable/SelectionBar/SelectionBar.mjs

@@ -1,31 +1,14 @@
 import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import x from "../../BitzButton/index.mjs";
+import u from "../../BitzButton/index.mjs";
 import { Space as t, Flex as r } from "antd";
-import d from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import { useMemo as h } from "react";
-import j from "./style.mjs";
-const y = ({
-  show: e,
-  num: l,
-  onClear: a,
-  children: o
-}) => {
-  const { blockClassName: i, showCls: n, btnClassName: c, batchOperationClassName: m } = j(), p = h(() => d(i, {
-    [`${n}`]: e
+import x from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { useMemo as d } from "react";
+import h from "./style.mjs";
+const y = ({ show: e, num: l, onClear: a, children: i }) => {
+  const { blockClassName: n, showCls: o, btnClassName: c, batchOperationClassName: m } = h(), p = d(() => x(n, {
+    [`${o}`]: e
   }), [e]);
-  return /* @__PURE__ */ s.jsxs("div", { className: p, children: [
-    /* @__PURE__ */ s.jsx(t.Compact, { className: m, children: o }),
-    /* @__PURE__ */ s.jsxs(r, { gap: 7, style: { height: "100%" }, children: [
-      /* @__PURE__ */ s.jsxs(r, { gap: 20, align: "center", children: [
-        /* @__PURE__ */ s.jsxs(t, { size: 10, style: { wordBreak: "keep-all" }, children: [
-          /* @__PURE__ */ s.jsx("span", { children: "已选中" }),
-          /* @__PURE__ */ s.jsx("strong", { children: l ?? 0 })
-        ] }),
-        /* @__PURE__ */ s.jsx("span", { style: { verticalAlign: "-0.14em" }, children: "/" })
-      ] }),
-      /* @__PURE__ */ s.jsx(x, { type: "text", className: c, onClick: a, children: "取消选中" })
-    ] })
-  ] });
+  return s.jsxs("div", { className: p, children: [s.jsx(t.Compact, { className: m, children: i }), s.jsxs(r, { gap: 7, style: { height: "100%" }, children: [s.jsxs(r, { gap: 20, align: "center", children: [s.jsxs(t, { size: 10, style: { wordBreak: "keep-all" }, children: [s.jsx("span", { children: "已选中" }), s.jsx("strong", { children: l ?? 0 })] }), s.jsx("span", { style: { verticalAlign: "-0.14em" }, children: "/" })] }), s.jsx(u, { type: "text", className: c, onClick: a, children: "取消选中" })] })] });
 };
 export {
   y as default

package/dist/components/BitzTable/SelectionBar/style.mjs

@@ -60,17 +60,14 @@ const A = () => {
       }
     }
   ];
-  C(
-    {
-      theme: l,
-      token: a,
-      hashId: t,
-      path: [e]
-    },
-    () => [
-      c(e, m, n, i, a)
-    ]
-  );
+  C({
+    theme: l,
+    token: a,
+    hashId: t,
+    path: [e]
+  }, () => [
+    c(e, m, n, i, a)
+  ]);
   const p = r(e, s, t), f = r(i, s, t), h = r(n, t);
   return {
     blockClassName: p,

package/dist/components/BitzTable/Store/index.mjs

@@ -6,30 +6,24 @@ import { getUuid as L } from "../../../utils/uuid.mjs";
 import d from "../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
 function Q(e) {
   var T, V, v, O, J, M, N, b, j, x, I, P, E, k, R, G;
-  const f = q(L()), w = q([]), { defaultSize: h = "lg" } = e, [g, C] = U(
-    () => {
-      var n, a, i, l;
-      const { persistenceType: t, persistenceKey: c, onlineGet: u } = e.sizeState || {};
-      if (c && t && typeof window < "u" && t !== "online") {
-        const o = window[t];
-        try {
-          const s = o == null ? void 0 : o.getItem(c);
-          if (s)
-            return (n = e == null ? void 0 : e.sizeState) != null && n.defaultValue ? d(
-              JSON.parse(s),
-              (a = e == null ? void 0 : e.sizeState) == null ? void 0 : a.defaultValue
-            ) : JSON.parse(s);
-        } catch (s) {
-          console.warn(s);
-        }
+  const f = q(L()), w = q([]), { defaultSize: h = "lg" } = e, [g, C] = U(() => {
+    var n, i, a, l;
+    const { persistenceType: t, persistenceKey: c, onlineGet: u } = e.sizeState || {};
+    if (c && t && typeof window < "u" && t !== "online") {
+      const o = window[t];
+      try {
+        const s = o == null ? void 0 : o.getItem(c);
+        if (s)
+          return (n = e == null ? void 0 : e.sizeState) != null && n.defaultValue ? d(JSON.parse(s), (i = e == null ? void 0 : e.sizeState) == null ? void 0 : i.defaultValue) : JSON.parse(s);
+      } catch (s) {
+        console.warn(s);
       }
-      return e.size || ((i = e.sizeState) == null ? void 0 : i.value) || ((l = e.sizeState) == null ? void 0 : l.defaultValue) || h;
-    },
-    {
-      value: ((T = e.sizeState) == null ? void 0 : T.value) || e.size,
-      onChange: ((V = e.sizeState) == null ? void 0 : V.onChange) || e.onSizeChange
     }
-  );
+    return e.size || ((a = e.sizeState) == null ? void 0 : a.value) || ((l = e.sizeState) == null ? void 0 : l.defaultValue) || h;
+  }, {
+    value: ((T = e.sizeState) == null ? void 0 : T.value) || e.size,
+    onChange: ((V = e.sizeState) == null ? void 0 : V.onChange) || e.onSizeChange
+  });
   r(() => {
     var u, n;
     if (!((u = e.sizeState) != null && u.persistenceKey) || !((n = e.sizeState) != null && n.persistenceType) || typeof window > "u")
@@ -40,11 +34,11 @@ function Q(e) {
       // onlineChange
     } = e.sizeState;
     if (t !== "online") {
-      const a = window[t];
+      const i = window[t];
       try {
-        a == null || a.setItem(c, JSON.stringify(y));
-      } catch (i) {
-        console.warn(i), z();
+        i == null || i.setItem(c, JSON.stringify(y));
+      } catch (a) {
+        console.warn(a), z();
       }
     }
   }, [
@@ -54,14 +48,14 @@ function Q(e) {
   ]), r(() => {
     var t, c, u;
     if ((t = e.sizeState) != null && t.persistenceKey && ((c = e.sizeState) == null ? void 0 : c.persistenceType) === "online") {
-      const { onlineGet: n, persistenceKey: a } = e.sizeState;
+      const { onlineGet: n, persistenceKey: i } = e.sizeState;
       try {
-        (u = n == null ? void 0 : n(a)) == null || u.then((i) => {
+        (u = n == null ? void 0 : n(i)) == null || u.then((a) => {
           var l;
-          C(i ?? ((l = e == null ? void 0 : e.sizeState) == null ? void 0 : l.value) ?? h);
+          C(a ?? ((l = e == null ? void 0 : e.sizeState) == null ? void 0 : l.value) ?? h);
         });
-      } catch (i) {
-        console.warn(i);
+      } catch (a) {
+        console.warn(a);
       }
     }
   }, []);
@@ -70,51 +64,40 @@ function Q(e) {
     if ((c = e == null ? void 0 : e.columnsState) != null && c.defaultValue)
       return e.columnsState.defaultValue;
     const t = {};
-    return (u = e.columns) == null || u.forEach(({ key: n, dataIndex: a, fixed: i, disable: l }, o) => {
-      const s = H(n ?? a, o);
+    return (u = e.columns) == null || u.forEach(({ key: n, dataIndex: i, fixed: a, disable: l }, o) => {
+      const s = H(n ?? i, o);
       s && (t[s] = {
         show: !0,
-        fixed: i,
+        fixed: a,
         disable: l
       });
     }), t;
-  }, [e.columns]), [y, m] = U(
-    () => {
-      var n, a, i, l;
-      const { persistenceType: t, persistenceKey: c, onlineGet: u } = e.columnsState || {};
-      if (c && t && typeof window < "u" && t !== "online") {
-        const o = window[t];
-        try {
-          const s = o == null ? void 0 : o.getItem(c);
-          if (s)
-            return (n = e == null ? void 0 : e.columnsState) != null && n.defaultValue ? d(
-              JSON.parse(s),
-              (a = e == null ? void 0 : e.columnsState) == null ? void 0 : a.defaultValue
-            ) : JSON.parse(s);
-        } catch (s) {
-          console.warn(s);
-        }
+  }, [e.columns]), [y, m] = U(() => {
+    var n, i, a, l;
+    const { persistenceType: t, persistenceKey: c, onlineGet: u } = e.columnsState || {};
+    if (c && t && typeof window < "u" && t !== "online") {
+      const o = window[t];
+      try {
+        const s = o == null ? void 0 : o.getItem(c);
+        if (s)
+          return (n = e == null ? void 0 : e.columnsState) != null && n.defaultValue ? d(JSON.parse(s), (i = e == null ? void 0 : e.columnsState) == null ? void 0 : i.defaultValue) : JSON.parse(s);
+      } catch (s) {
+        console.warn(s);
       }
-      return e.columnsStateMap || ((i = e.columnsState) == null ? void 0 : i.value) || ((l = e.columnsState) == null ? void 0 : l.defaultValue) || S;
-    },
-    {
-      value: ((J = e.columnsState) == null ? void 0 : J.value) || e.columnsStateMap,
-      onChange: ((M = e.columnsState) == null ? void 0 : M.onChange) || e.onColumnsStateChange
     }
-  );
+    return e.columnsStateMap || ((a = e.columnsState) == null ? void 0 : a.value) || ((l = e.columnsState) == null ? void 0 : l.defaultValue) || S;
+  }, {
+    value: ((J = e.columnsState) == null ? void 0 : J.value) || e.columnsStateMap,
+    onChange: ((M = e.columnsState) == null ? void 0 : M.onChange) || e.onColumnsStateChange
+  });
   r(() => {
-    var n, a;
+    var n, i;
     const { persistenceType: t, persistenceKey: c, onlineGet: u } = e.columnsState || {};
     if (c && t && typeof window < "u" && t !== "online") {
-      const i = window[t];
+      const a = window[t];
       try {
-        const l = i == null ? void 0 : i.getItem(c);
-        l ? (n = e == null ? void 0 : e.columnsState) != null && n.defaultValue ? m(
-          d(
-            JSON.parse(l),
-            (a = e == null ? void 0 : e.columnsState) == null ? void 0 : a.defaultValue
-          )
-        ) : m(JSON.parse(l)) : m(S);
+        const l = a == null ? void 0 : a.getItem(c);
+        l ? (n = e == null ? void 0 : e.columnsState) != null && n.defaultValue ? m(d(JSON.parse(l), (i = e == null ? void 0 : e.columnsState) == null ? void 0 : i.defaultValue)) : m(JSON.parse(l)) : m(S);
       } catch (l) {
         console.warn(l);
       }
@@ -145,11 +128,11 @@ function Q(e) {
       // onlineChange
     } = e.columnsState;
     if (t !== "online") {
-      const a = window[t];
+      const i = window[t];
       try {
-        a == null || a.setItem(c, JSON.stringify(y));
-      } catch (i) {
-        console.warn(i), z();
+        i == null || i.setItem(c, JSON.stringify(y));
+      } catch (a) {
+        console.warn(a), z();
       }
     }
   }, [
@@ -159,17 +142,15 @@ function Q(e) {
   ]), r(() => {
     var t, c, u;
     if ((t = e.columnsState) != null && t.persistenceKey && ((c = e.columnsState) == null ? void 0 : c.persistenceType) === "online") {
-      const { onlineGet: n, persistenceKey: a } = e.columnsState;
+      const { onlineGet: n, persistenceKey: i } = e.columnsState;
       try {
-        (u = n == null ? void 0 : n(a)) == null || u.then((i) => {
+        (u = n == null ? void 0 : n(i)) == null || u.then((a) => {
           var o, s;
-          const l = d(i, (o = e == null ? void 0 : e.columnsState) == null ? void 0 : o.value);
-          m(
-            (s = Object.keys(l ?? {})) != null && s.length ? l ?? {} : S
-          );
+          const l = d(a, (o = e == null ? void 0 : e.columnsState) == null ? void 0 : o.value);
+          m((s = Object.keys(l ?? {})) != null && s.length ? l ?? {} : S);
         });
-      } catch (i) {
-        console.warn(i);
+      } catch (a) {
+        console.warn(a);
       }
     }
   }, []);
@@ -201,7 +182,7 @@ function Q(e) {
 }
 const W = B({}), ee = (e) => {
   const f = Q(e.initValue);
-  return /* @__PURE__ */ A.jsx(W.Provider, { value: f, children: e.children });
+  return A.jsx(W.Provider, { value: f, children: e.children });
 };
 export {
   W as TableContext,