bitz-react-admin-ui 1.8.0 → 1.8.2

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ColumnSettingModal.mjs

@@ -1,14 +1,14 @@
 import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { create as oe, useModal as se, antdModalV5 as te } from "@ebay/nice-modal-react";
-import { Modal as le, Typography as ne, Checkbox as re, Button as ae } from "antd";
-import r from "./index.module.less.mjs";
-import { useState as N, useContext as ce, useEffect as ie, useCallback as V, useMemo as M } from "react";
+import { Modal as le, Typography as ne, Checkbox as ce, Button as re } from "antd";
+import c from "./index.module.less.mjs";
+import { useState as B, useContext as ae, useEffect as ie, useCallback as O, useMemo as M } from "react";
 import { TableContext as me } from "../../Store/index.mjs";
-import { genColumnKey as F, columnSort as de } from "../../Store/utils/index.mjs";
+import { genColumnKey as V, columnSort as de } from "../../Store/utils/index.mjs";
 import p from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import { DndContext as ue } from "../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { SortableContext as pe, verticalListSortingStrategy as he, arrayMove as xe } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import fe from "./DndItem.mjs";
+import { SortableContext as pe, verticalListSortingStrategy as he, arrayMove as fe } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import xe from "./DndItem.mjs";
 import { restrictToVerticalAxis as be, restrictToWindowEdges as ye } from "../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
 import P from "../../../BitzButton/index.mjs";
 import { useImmer as Ce } from "../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
@@ -18,14 +18,14 @@ import "./index.less.mjs";
 import W from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
 import ke from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
 import ge from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const $e = oe(({ onChange: f }) => {
-  var _, E, z, H;
-  const { token: i } = je.useToken(), b = se(), [j, k] = N(null), [$, K] = N(!1), [q, w] = N(!1), [a, y] = Ce({
+const $e = oe(({ onChange: x }) => {
+  var F, I, _, A;
+  const { token: i } = je.useToken(), b = se(), [j, k] = B(null), [$, N] = B(!1), [q, D] = B(!1), [r, y] = Ce({
     columnsMap: {},
     sortKeyColumns: []
   }), {
     persistenceType: G,
-    persistenceKey: B,
+    persistenceKey: E,
     onlineChange: g,
     columnsMap: J,
     setColumnsMap: L,
@@ -33,13 +33,13 @@ const $e = oe(({ onChange: f }) => {
     setSortKeyColumns: U,
     // clearPersistenceStorage,
     ...l
-  } = ce(me);
+  } = ae(me);
   ie(() => {
     y((e) => {
       e.columnsMap = { ...J }, e.sortKeyColumns = [...Q];
     });
   }, []);
-  const X = V(() => {
+  const X = O(() => {
     y((e) => {
       e.columnsMap = { ...l.defaultColumnKeyMap };
     });
@@ -47,201 +47,91 @@ const $e = oe(({ onChange: f }) => {
     var s, n;
     const e = [];
     return (s = l == null ? void 0 : l.columns) != null && s.length && ((n = l == null ? void 0 : l.columns) == null || n.map(({ key: u, dataIndex: t, ...m }) => {
-      const C = F(
-        u || t,
-        [u || t].filter(Boolean).join("-")
-      ), d = a.columnsMap[C || "null"];
+      const C = V(u || t, [u || t].filter(Boolean).join("-")), d = r.columnsMap[C || "null"];
       return (d == null ? void 0 : d.show) !== !1 && e.push({
         key: C,
         ...W(m, ["className"]),
         selectable: !1,
         disabled: (d == null ? void 0 : d.disable) === !0
       }), d;
-    })), e.sort(de(a.columnsMap));
-  }, [a.columnsMap, l == null ? void 0 : l.columns]), S = V(
-    (e) => {
-      var s;
-      return (s = a.sortKeyColumns) == null ? void 0 : s.findIndex((n) => n === e);
-    },
-    [a.sortKeyColumns]
-  ), T = M(
-    () => j ? S(j) : -1,
-    [j, S]
-  ), D = M(() => {
+    })), e.sort(de(r.columnsMap));
+  }, [r.columnsMap, l == null ? void 0 : l.columns]), S = O((e) => {
+    var s;
+    return (s = r.sortKeyColumns) == null ? void 0 : s.findIndex((n) => n === e);
+  }, [r.sortKeyColumns]), K = M(() => j ? S(j) : -1, [j, S]), w = M(() => {
     const e = [], s = /* @__PURE__ */ new Map();
-    return { list: ((u, t) => u.map(({ key: m, dataIndex: C, children: d, ...R }) => {
-      var O;
-      const v = F(
-        m || C,
-        [t == null ? void 0 : t.columnKey, R.index].filter(Boolean).join("-")
-      ), c = a.columnsMap[v || "null"] || { show: !0 };
-      (c == null ? void 0 : c.show) !== !1 && !d && e.push(v);
-      const A = {
+    return { list: ((u, t) => u.map(({ key: m, dataIndex: C, children: d, ...z }) => {
+      var R;
+      const v = V(m || C, [t == null ? void 0 : t.columnKey, z.index].filter(Boolean).join("-")), a = r.columnsMap[v || "null"] || { show: !0 };
+      (a == null ? void 0 : a.show) !== !1 && !d && e.push(v);
+      const H = {
         key: v,
-        ...W(R, ["className"]),
+        ...W(z, ["className"]),
         selectable: !1,
-        disabled: c.disable === !0,
-        disableCheckbox: typeof c.disable == "boolean" ? c == null ? void 0 : c.disable : (O = c == null ? void 0 : c.disable) == null ? void 0 : O.checkbox,
+        disabled: a.disable === !0,
+        disableCheckbox: typeof a.disable == "boolean" ? a == null ? void 0 : a.disable : (R = a == null ? void 0 : a.disable) == null ? void 0 : R.checkbox,
         isLeaf: t ? !0 : void 0
       };
-      return s.set(m, A), A;
+      return s.set(m, H), H;
     }))(l == null ? void 0 : l.columns), keys: e, map: s };
-  }, [a.columnsMap, l == null ? void 0 : l.columns]), Y = (e, s) => {
-    const n = { ...a.columnsMap };
+  }, [r.columnsMap, l == null ? void 0 : l.columns]), Y = (e, s) => {
+    const n = { ...r.columnsMap };
     ((t) => {
       const m = { ...n[t] };
       m.show = !e, n[t] = m;
-    })(s.key), w(!0), y((t) => {
+    })(s.key), D(!0), y((t) => {
       t.columnsMap = { ...n };
     });
   }, Z = (e, s) => {
-    const n = { ...a.columnsMap }, u = xe(a.sortKeyColumns, e, s);
+    const n = { ...r.columnsMap }, u = fe(r.sortKeyColumns, e, s);
     u.forEach((t, m) => {
       n[t] = { ...n[t] || {}, order: m };
-    }), w(!0), y((t) => {
+    }), D(!0), y((t) => {
       t.columnsMap = { ...n }, t.sortKeyColumns = u;
     });
   }, ee = () => {
     var e;
-    L(a.columnsMap), U(a.sortKeyColumns), G === "online" && B && (g == null || g(B, a.columnsMap)), f ? (K(!0), (e = f == null ? void 0 : f(a.columnsMap)) == null || e.finally(() => {
-      K(!1), b.hide();
+    L(r.columnsMap), U(r.sortKeyColumns), G === "online" && E && (g == null || g(E, r.columnsMap)), x ? (N(!0), (e = x == null ? void 0 : x(r.columnsMap)) == null || e.finally(() => {
+      N(!1), b.hide();
     })) : b.hide();
-  }, I = () => {
+  }, T = () => {
     b.hide();
-  }, x = M(() => i.mode === "dark", [i.mode]);
-  return /* @__PURE__ */ o.jsxs(
-    le,
-    {
-      className: "tableColumnSettingModal",
-      title: /* @__PURE__ */ o.jsx(ne.Title, { style: { fontSize: 16, margin: 0 }, children: "列设置" }),
-      ...te(b),
-      style: {
-        "--modalContent-bgColor": (_ = i.Modal) == null ? void 0 : _.contentBg,
-        "--header-bgColor": (E = i.Modal) == null ? void 0 : E.headerBg,
-        "--footer-bgColor": (z = i.Modal) == null ? void 0 : z.footerBg,
-        "--blockTitle-colorBg": x ? "#333" : "#fff",
-        "--leftBody-bgColor": x ? "#262626" : "#e0e0e0",
-        "--rightBody-bgColor": x ? "#262626" : "#fff",
-        "--checked": x ? "#303030" : "#eee",
-        "--block-bgColor": x ? "#222" : "#fff",
-        "--colorText": i.colorText,
-        "--colorText-desc": i.colorTextDescription,
-        "--colorBorder": i.colorBorder
-      },
-      styles: { body: { maxHeight: window.innerHeight - 300 } },
-      width: 600,
-      onCancel: I,
-      footer: /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(
-          P,
-          {
-            type: "primary",
-            icon: /* @__PURE__ */ o.jsx(ke, {}),
-            onClick: ee,
-            disabled: !q,
-            loading: $,
-            children: "保存"
-          }
-        ),
-        /* @__PURE__ */ o.jsx(P, { onClick: I, children: "取消" })
-      ] }),
-      children: [
-        /* @__PURE__ */ o.jsx("div", { className: p(r.introduce, "tableColumnSetting_introduce"), children: "选择要在表中显示的可用列。拖动选定的列以对其重新排序。" }),
-        /* @__PURE__ */ o.jsxs(
-          "div",
-          {
-            className: p(r.container, "tableColumnSetting_container"),
-            style: { maxHeight: window.innerHeight - 390, overflow: "auto" },
-            children: [
-              /* @__PURE__ */ o.jsxs("div", { className: r.block, children: [
-                /* @__PURE__ */ o.jsxs("div", { className: p(r.header, "tableColumnSetting_header"), children: [
-                  /* @__PURE__ */ o.jsx("div", { className: p(r.title, "tableColumnSetting_title"), children: "可用列" }),
-                  /* @__PURE__ */ o.jsx("div", {})
-                ] }),
-                /* @__PURE__ */ o.jsx("div", { className: p(r.body, "tableColumnSetting_body"), children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: (H = D.list) == null ? void 0 : H.map((e) => {
-                  const s = D.keys.includes(e.key);
-                  return /* @__PURE__ */ o.jsxs(
-                    "li",
-                    {
-                      className: p(r.item, {
-                        [r.checked]: !s,
-                        tableColumnSetting_checked: !s
-                      }),
-                      onClick: () => !e.disabled && Y(s, e),
-                      children: [
-                        /* @__PURE__ */ o.jsx(re, { checked: s, disabled: e.disabled }),
-                        /* @__PURE__ */ o.jsx(
-                          "span",
-                          {
-                            className: p(
-                              r["content-item-text"],
-                              {
-                                [r["content-item-text-disabled"]]: e.disabled
-                              },
-                              "tableColumnSetting_content-item-text"
-                            ),
-                            children: e.title
-                          }
-                        )
-                      ]
-                    },
-                    e.key
-                  );
-                }) }) })
-              ] }),
-              /* @__PURE__ */ o.jsxs("div", { className: r.block, children: [
-                /* @__PURE__ */ o.jsxs("div", { className: r.header, children: [
-                  /* @__PURE__ */ o.jsx("div", { className: r.title, children: "选定列" }),
-                  /* @__PURE__ */ o.jsx(
-                    ae,
-                    {
-                      type: "link",
-                      icon: /* @__PURE__ */ o.jsx(ge, {}),
-                      size: "small",
-                      onClick: X,
-                      className: Me`
+  }, f = M(() => i.mode === "dark", [i.mode]);
+  return o.jsxs(le, { className: "tableColumnSettingModal", title: o.jsx(ne.Title, { style: { fontSize: 16, margin: 0 }, children: "列设置" }), ...te(b), style: {
+    "--modalContent-bgColor": (F = i.Modal) == null ? void 0 : F.contentBg,
+    "--header-bgColor": (I = i.Modal) == null ? void 0 : I.headerBg,
+    "--footer-bgColor": (_ = i.Modal) == null ? void 0 : _.footerBg,
+    "--blockTitle-colorBg": f ? "#333" : "#fff",
+    "--leftBody-bgColor": f ? "#262626" : "#e0e0e0",
+    "--rightBody-bgColor": f ? "#262626" : "#fff",
+    "--checked": f ? "#303030" : "#eee",
+    "--block-bgColor": f ? "#222" : "#fff",
+    "--colorText": i.colorText,
+    "--colorText-desc": i.colorTextDescription,
+    "--colorBorder": i.colorBorder
+  }, styles: { body: { maxHeight: window.innerHeight - 300 } }, width: 600, onCancel: T, footer: o.jsxs(o.Fragment, { children: [o.jsx(P, { type: "primary", icon: o.jsx(ke, {}), onClick: ee, disabled: !q, loading: $, children: "保存" }), o.jsx(P, { onClick: T, children: "取消" })] }), children: [o.jsx("div", { className: p(c.introduce, "tableColumnSetting_introduce"), children: "选择要在表中显示的可用列。拖动选定的列以对其重新排序。" }), o.jsxs("div", { className: p(c.container, "tableColumnSetting_container"), style: { maxHeight: window.innerHeight - 390, overflow: "auto" }, children: [o.jsxs("div", { className: c.block, children: [o.jsxs("div", { className: p(c.header, "tableColumnSetting_header"), children: [o.jsx("div", { className: p(c.title, "tableColumnSetting_title"), children: "可用列" }), o.jsx("div", {})] }), o.jsx("div", { className: p(c.body, "tableColumnSetting_body"), children: o.jsx("ul", { className: c.content, children: (A = w.list) == null ? void 0 : A.map((e) => {
+    const s = w.keys.includes(e.key);
+    return o.jsxs("li", { className: p(c.item, {
+      [c.checked]: !s,
+      tableColumnSetting_checked: !s
+    }), onClick: () => !e.disabled && Y(s, e), children: [o.jsx(ce, { checked: s, disabled: e.disabled }), o.jsx("span", { className: p(c["content-item-text"], {
+      [c["content-item-text-disabled"]]: e.disabled
+    }, "tableColumnSetting_content-item-text"), children: e.title })] }, e.key);
+  }) }) })] }), o.jsxs("div", { className: c.block, children: [o.jsxs("div", { className: c.header, children: [o.jsx("div", { className: c.title, children: "选定列" }), o.jsx(re, { type: "link", icon: o.jsx(ge, {}), size: "small", onClick: X, className: Me`
                 &:hover {
                   color: ${i.colorPrimary} !important;
                 }
-              `,
-                      children: "重置"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ o.jsx("div", { className: p(r.body, "tableColumnSetting_body-order"), children: /* @__PURE__ */ o.jsx(
-                  ue,
-                  {
-                    modifiers: [be, ye],
-                    onDragStart: (e) => {
-                      const { active: s } = e;
-                      s && k(s == null ? void 0 : s.id);
-                    },
-                    onDragCancel: () => k(null),
-                    onDragEnd: (e) => {
-                      k(null);
-                      const { over: s } = e;
-                      if (s) {
-                        const n = S(s.id);
-                        T !== n && Z(T, n);
-                      }
-                    },
-                    children: /* @__PURE__ */ o.jsx(
-                      pe,
-                      {
-                        items: h == null ? void 0 : h.map((e) => e.key),
-                        strategy: he,
-                        children: /* @__PURE__ */ o.jsx("ul", { className: r.content, children: h == null ? void 0 : h.map((e) => /* @__PURE__ */ o.jsx(fe, { item: e }, e.key)) })
-                      }
-                    )
-                  }
-                ) })
-              ] })
-            ]
-          }
-        )
-      ]
+              `, children: "重置" })] }), o.jsx("div", { className: p(c.body, "tableColumnSetting_body-order"), children: o.jsx(ue, { modifiers: [be, ye], onDragStart: (e) => {
+    const { active: s } = e;
+    s && k(s == null ? void 0 : s.id);
+  }, onDragCancel: () => k(null), onDragEnd: (e) => {
+    k(null);
+    const { over: s } = e;
+    if (s) {
+      const n = S(s.id);
+      K !== n && Z(K, n);
     }
-  );
+  }, children: o.jsx(pe, { items: h == null ? void 0 : h.map((e) => e.key), strategy: he, children: o.jsx("ul", { className: c.content, children: h == null ? void 0 : h.map((e) => o.jsx(xe, { item: e }, e.key)) }) }) }) })] })] })] });
 });
 export {
   $e as default

package/dist/components/BitzTable/ToolBar/ColConfigIcon/DndItem.mjs

@@ -8,62 +8,20 @@ import p from "../../../../assets/iconfont/IconTuodong.mjs";
 import { theme as x } from "antd";
 import I from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/LockOutlined.mjs";
 const S = (a) => {
-  const { token: r } = x.useToken(), { item: t } = a, {
-    attributes: l,
-    isDragging: n,
-    setNodeRef: m,
-    listeners: i,
-    transform: d,
-    transition: c
-  } = b({
+  const { token: r } = x.useToken(), { item: t } = a, { attributes: l, isDragging: n, setNodeRef: m, listeners: i, transform: d, transition: c } = b({
     id: t == null ? void 0 : t.key,
     disabled: t == null ? void 0 : t.disabled
   }), g = {
     transition: c,
     transform: u.Transform.toString(d)
   };
-  return /* @__PURE__ */ e.jsxs(
-    "li",
-    {
-      ref: m,
-      className: s(o.moveItem, "tableColumnSetting_moveItem", {
-        [o.isDragging]: n,
-        [o.disabled]: t == null ? void 0 : t.disabled,
-        tableColumnSetting_isDragging: n,
-        tableColumnSetting_disabled: t == null ? void 0 : t.disabled
-      }),
-      style: g,
-      ...i,
-      ...l,
-      children: [
-        t.disabled ? /* @__PURE__ */ e.jsx(
-          I,
-          {
-            className: s(o.dragIcon, "tableColumnSetting_dragIcon"),
-            color: r.colorTextDescription
-          }
-        ) : /* @__PURE__ */ e.jsx(
-          p,
-          {
-            size: 14,
-            className: s(o.dragIcon, "tableColumnSetting_dragIcon"),
-            color: r.colorText
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "span",
-          {
-            className: s(
-              o["moveItem-text"],
-              "tableColumnSetting_moveItem-text"
-            ),
-            children: t.title
-          }
-        )
-      ]
-    }
-  );
-}, y = f.memo(S);
+  return e.jsxs("li", { ref: m, className: s(o.moveItem, "tableColumnSetting_moveItem", {
+    [o.isDragging]: n,
+    [o.disabled]: t == null ? void 0 : t.disabled,
+    tableColumnSetting_isDragging: n,
+    tableColumnSetting_disabled: t == null ? void 0 : t.disabled
+  }), style: g, ...i, ...l, children: [t.disabled ? e.jsx(I, { className: s(o.dragIcon, "tableColumnSetting_dragIcon"), color: r.colorTextDescription }) : e.jsx(p, { size: 14, className: s(o.dragIcon, "tableColumnSetting_dragIcon"), color: r.colorText }), e.jsx("span", { className: s(o["moveItem-text"], "tableColumnSetting_moveItem-text"), children: t.title })] });
+}, h = f.memo(S);
 export {
-  y as default
+  h as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/index.mjs

@@ -1,5 +1,5 @@
-import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import a, { useContext as u } from "react";
+import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import u, { useContext as a } from "react";
 import { Tooltip as c } from "antd";
 import { show as f } from "@ebay/nice-modal-react";
 import C from "./ColumnSettingModal.mjs";
@@ -7,32 +7,13 @@ import d from "../style.mjs";
 import x from "../../../BitzButton/index.mjs";
 import { TableContext as g } from "../../Store/index.mjs";
 import h from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
-const j = (o) => {
-  const { order: m, show: i = !0, icon: l = /* @__PURE__ */ t.jsx(h, {}) } = o, { toolbarItemClassName: r } = d(), { uuid: e } = u(g);
-  return i ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(
-      C,
-      {
-        id: `ColumnSettingModal-${e}`,
-        onChange: async (s) => {
-          var n;
-          return (n = o.onChange) == null ? void 0 : n.call(o, s);
-        }
-      }
-    ),
-    /* @__PURE__ */ t.jsx(c, { title: "列设置", open: !1, children: /* @__PURE__ */ t.jsx(
-      x,
-      {
-        type: "text",
-        className: r,
-        onClick: () => f(`ColumnSettingModal-${e}`),
-        icon: l,
-        style: { order: m },
-        children: "列设置"
-      }
-    ) })
-  ] }) : null;
-}, N = a.memo(j);
+const j = (t) => {
+  const { order: i, show: m = !0, icon: l = o.jsx(h, {}) } = t, { toolbarItemClassName: r } = d(), { uuid: e } = a(g);
+  return m ? o.jsxs(o.Fragment, { children: [o.jsx(C, { id: `ColumnSettingModal-${e}`, onChange: async (s) => {
+    var n;
+    return (n = t.onChange) == null ? void 0 : n.call(t, s);
+  } }), o.jsx(c, { title: "列设置", open: !1, children: o.jsx(x, { type: "text", className: r, onClick: () => f(`ColumnSettingModal-${e}`), icon: l, style: { order: i }, children: "列设置" }) })] }) : null;
+}, b = u.memo(j);
 export {
-  N as default
+  b as default
 };

package/dist/components/BitzTable/ToolBar/DensityIcon/index.mjs

@@ -1,23 +1,18 @@
-import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as f, useContext as k } from "react";
-import { Dropdown as b, Tooltip as g } from "antd";
-import { TableContext as j } from "../../Store/index.mjs";
-import h from "../style.mjs";
-import C from "../../../BitzButton/index.mjs";
-import w from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/ColumnHeightOutlined.mjs";
-const z = (e) => {
-  const { order: s, show: r = !0, icon: c = /* @__PURE__ */ t.jsx(w, {}) } = e, {
-    sizeStorageType: a,
-    sizeStorageKey: i,
-    onlineSizeChange: o,
-    tableSize: y,
-    setTableSize: l
-  } = k(j), { toolbarItemClassName: x } = h(), d = {
-    selectedKeys: [y],
-    onClick: (u) => {
-      var m;
-      const { key: n } = u;
-      l == null || l(n), a === "online" && i && (o == null || o(i, n)), (m = e == null ? void 0 : e.onChange) == null || m.call(e, n);
+import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { memo as d, useContext as C } from "react";
+import { Tooltip as k } from "antd";
+import { TableContext as b } from "../../Store/index.mjs";
+import g from "../style.mjs";
+import j from "../../../BitzButton/index.mjs";
+import h from "../../Dropdown/index.mjs";
+import B from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/ColumnHeightOutlined.mjs";
+const w = (e) => {
+  const { order: s, show: u = !0, icon: c = o.jsx(B, {}) } = e, { sizeStorageType: a, sizeStorageKey: i, onlineSizeChange: l, tableSize: m, setTableSize: n } = C(b), { toolbarItemClassName: y } = g(), f = {
+    selectedKeys: [m],
+    onClick: (x) => {
+      var r;
+      const { key: t } = x;
+      t !== m && (n == null || n(t), a === "online" && i && (l == null || l(i, t)), (r = e == null ? void 0 : e.onChange) == null || r.call(e, t));
     },
     items: [
       {
@@ -42,17 +37,8 @@ const z = (e) => {
       }
     ]
   };
-  return r ? /* @__PURE__ */ t.jsx(b, { menu: d, trigger: ["click"], children: /* @__PURE__ */ t.jsx(g, { title: "表格密度", open: !1, children: /* @__PURE__ */ t.jsx(
-    C,
-    {
-      style: { order: s },
-      type: "text",
-      className: x,
-      icon: c,
-      children: "表格密度"
-    }
-  ) }) }) : null;
-}, E = f(z);
+  return u ? o.jsx(h, { menu: f, trigger: ["click"], children: o.jsx(k, { title: "表格密度", open: !1, children: o.jsx(j, { style: { order: s }, type: "text", className: y, icon: c, children: "表格密度" }) }) }) : null;
+}, T = d(w);
 export {
-  E as default
+  T as default
 };

package/dist/components/BitzTable/ToolBar/ExportIcon/index.mjs

@@ -1,45 +1,18 @@
 import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as u, useMemo as x } from "react";
+import { memo as a, useMemo as x } from "react";
 import c from "../style.mjs";
 import f from "../../../BitzButton/index.mjs";
 import d from "../../../BitzConvert/index.mjs";
 import j from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
-const y = ({
-  show: r = !0,
-  order: s,
-  loading: m,
-  onClick: t,
-  icon: n = /* @__PURE__ */ e.jsx(j, {}),
-  menu: o,
-  tipText: i
-}) => {
+const B = ({ show: r = !0, order: s, loading: m, onClick: t, icon: n = e.jsx(j, {}), menu: o, tipText: i }) => {
   const { toolbarItemClassName: l } = c(), p = x(() => o || {
     items: [
       { key: "excel", label: "导出查询结果为Excel" }
     ],
-    onClick: ({ key: a }) => t == null ? void 0 : t(a)
+    onClick: ({ key: u }) => t == null ? void 0 : t(u)
   }, [o, t]);
-  return r ? /* @__PURE__ */ e.jsx(
-    d.DropdownToButton,
-    {
-      menu: p,
-      trigger: ["click"],
-      showTootip: !1,
-      tipText: i || "导出",
-      children: /* @__PURE__ */ e.jsx(
-        f,
-        {
-          type: "text",
-          className: l,
-          disabled: m,
-          icon: n,
-          style: { order: s },
-          children: "下载"
-        }
-      )
-    }
-  ) : null;
-}, g = u(y);
+  return r ? e.jsx(d.DropdownToButton, { menu: p, trigger: ["click"], showTootip: !1, tipText: i || "导出", children: e.jsx(f, { type: "text", className: l, disabled: m, icon: n, style: { order: s }, children: "下载" }) }) : null;
+}, T = a(B);
 export {
-  g as default
+  T as default
 };

package/dist/components/BitzTable/ToolBar/FullscreenIcon/index.mjs

@@ -18,16 +18,13 @@ function m(t, n) {
   }
   return null;
 }
-const L = ({
-  order: t,
-  show: n = !0
-}) => {
+const L = ({ order: t, show: n = !0 }) => {
   const { toolbarItemClassName: r } = F(), [e, u] = x(!1), s = b(() => e ? {
     title: "退出全屏",
-    icon: /* @__PURE__ */ o.jsx(v, {})
+    icon: o.jsx(v, {})
   } : {
     title: "全屏",
-    icon: /* @__PURE__ */ o.jsx(z, {})
+    icon: o.jsx(z, {})
   }, [e]);
   E(() => (document == null || document.addEventListener("fullscreenchange", (i) => {
     var l, a, f;
@@ -39,17 +36,7 @@ const L = ({
     const l = m(i.target, "bitzTableBlock");
     e ? c.exit() : c.request(l);
   };
-  return n ? /* @__PURE__ */ o.jsx(B, { title: s.title, open: !1, children: /* @__PURE__ */ o.jsx(
-    j,
-    {
-      type: "text",
-      className: r,
-      onClick: d,
-      icon: s.icon,
-      style: { order: t },
-      children: s.title
-    }
-  ) }) : null;
+  return n ? o.jsx(B, { title: s.title, open: !1, children: o.jsx(j, { type: "text", className: r, onClick: d, icon: s.icon, style: { order: t }, children: s.title }) }) : null;
 }, q = p(L);
 export {
   q as default

package/dist/components/BitzTable/ToolBar/RefreshIcon/index.mjs

@@ -1,30 +1,13 @@
 import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as i } from "react";
-import { Tooltip as a } from "antd";
-import c from "../style.mjs";
-import p from "../../../BitzButton/index.mjs";
-import f from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
-const d = (t) => {
-  const {
-    loading: e,
-    onClick: r,
-    order: s,
-    show: l = !0,
-    icon: m = /* @__PURE__ */ o.jsx(f, {})
-  } = t, { toolbarItemClassName: n } = c();
-  return l ? /* @__PURE__ */ o.jsx(a, { title: "刷新", open: !1, children: /* @__PURE__ */ o.jsx(
-    p,
-    {
-      type: "text",
-      className: n,
-      disabled: e,
-      onClick: r,
-      icon: m,
-      style: { order: s },
-      children: "刷新"
-    }
-  ) }) : null;
-}, I = i(d);
+import { memo as m } from "react";
+import { Tooltip as c } from "antd";
+import a from "../style.mjs";
+import u from "../../../BitzButton/index.mjs";
+import p from "../../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
+const f = (t) => {
+  const { loading: e, onClick: r, order: s, show: n = !0, icon: i = o.jsx(p, {}) } = t, { toolbarItemClassName: l } = a();
+  return n ? o.jsx(c, { title: "刷新", open: !1, children: o.jsx(u, { type: "text", className: l, disabled: e, onClick: r, icon: i, style: { order: s }, children: "刷新" }) }) : null;
+}, y = m(f);
 export {
-  I as default
+  y as default
 };