bitz-react-admin-ui 1.8.2 → 1.9.0

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

@@ -1,13 +1,21 @@
 import { j as i } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { theme as _, Skeleton as L, Table as p } from "antd";
+import { theme as _, Skeleton as L, Table as f } from "antd";
 import O from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/table/ExpandIcon.mjs";
-import { useContext as R, useMemo as a, useRef as S, useEffect as T } from "react";
+import { useContext as R, useMemo as a, useRef as T, useEffect as w } from "react";
 import "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/config-provider/index.mjs";
-import w from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/locale/en_US.mjs";
-import { ConfigContext as N } from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/config-provider/context.mjs";
-const q = ({ columns: s, dataLength: c, rowSelection: l, expandable: o, loading: r, showTableTool: y, ...u }) => {
+import N from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/locale/en_US.mjs";
+import { ConfigContext as S } from "../../../node_modules/.store/antd@5.15.3/node_modules/antd/es/config-provider/context.mjs";
+const q = ({
+  columns: s,
+  dataLength: c,
+  rowSelection: l,
+  expandable: o,
+  loading: r,
+  showTableTool: y,
+  ...u
+}) => {
   var x;
-  const { token: d } = _.useToken(), { table: f, locale: C = w } = R(N), b = { ...C.Table }, k = ((x = f == null ? void 0 : f.expandable) == null ? void 0 : x.expandIcon) || (o == null ? void 0 : o.expandIcon) || O(b), I = a(() => {
+  const { token: m } = _.useToken(), { table: p, locale: C = N } = R(S), b = { ...C.Table }, k = ((x = p == null ? void 0 : p.expandable) == null ? void 0 : x.expandIcon) || (o == null ? void 0 : o.expandIcon) || O(b), I = a(() => {
     if (!r)
       return [];
     const t = c > 4 ? c >= 20 ? 20 : c : 4;
@@ -17,16 +25,23 @@ const q = ({ columns: s, dataLength: c, rowSelection: l, expandable: o, loading:
     return (t = s == null ? void 0 : s.filter((e) => Object.keys(e).length !== 0)) == null ? void 0 : t.map((e) => e != null && e.isOperationCol ? e : {
       ...e,
       sorter: !1,
-      render: (n, B, j) => i.jsx(L, { active: !0, title: !1, paragraph: {
-        rows: 1,
-        width: (j + 1) % 2 === 0 ? "100%" : "60%"
-      } })
+      render: (n, B, j) => /* @__PURE__ */ i.jsx(
+        L,
+        {
+          active: !0,
+          title: !1,
+          paragraph: {
+            rows: 1,
+            width: (j + 1) % 2 === 0 ? "100%" : "60%"
+          }
+        }
+      )
     });
   }, [s]), g = a(() => {
     if (o)
       return {
         ...o,
-        expandedRowRender: () => i.jsx(i.Fragment, {}),
+        expandedRowRender: () => /* @__PURE__ */ i.jsx(i.Fragment, {}),
         expandIcon: (t) => {
           const e = k(t);
           return {
@@ -36,7 +51,7 @@ const q = ({ columns: s, dataLength: c, rowSelection: l, expandable: o, loading:
               disabled: !0,
               style: {
                 ...e.props.style,
-                backgroundColor: d.colorBgContainerDisabled
+                backgroundColor: m.colorBgContainerDisabled
               }
             }
           };
@@ -49,21 +64,35 @@ const q = ({ columns: s, dataLength: c, rowSelection: l, expandable: o, loading:
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [l]), m = S();
-  return T(() => {
+  }, [l]), d = T();
+  return w(() => {
     var e, n;
-    const t = (n = (e = m.current) == null ? void 0 : e.nativeElement) == null ? void 0 : n.querySelector(".ant-table-body");
+    const t = (n = (e = d.current) == null ? void 0 : e.nativeElement) == null ? void 0 : n.querySelector(".ant-table-body");
     t && (t.scrollLeft = 0);
-  }, [r]), i.jsx(p, { ...u, ref: m, expandable: g, rowSelection: h, pagination: !1, columns: [p.SELECTION_COLUMN, p.EXPAND_COLUMN, ...E], rowKey: "index", dataSource: I, loading: !1, style: {
-    ...u.style,
-    position: "absolute",
-    inset: 0,
-    top: y ? "var(--toolbar-height)" : 0,
-    zIndex: r ? 100 : -1,
-    /** 保险起见，使用了zIndex也要用opacity控制显隐 */
-    opacity: r ? 1 : 0,
-    background: r ? d.colorBgContainer : "transparent"
-  } });
+  }, [r]), /* @__PURE__ */ i.jsx(
+    f,
+    {
+      ...u,
+      ref: d,
+      expandable: g,
+      rowSelection: h,
+      pagination: !1,
+      columns: [f.SELECTION_COLUMN, f.EXPAND_COLUMN, ...E],
+      rowKey: "index",
+      dataSource: I,
+      loading: !1,
+      style: {
+        ...u.style,
+        position: "absolute",
+        inset: 0,
+        top: y ? "var(--toolbar-height)" : 0,
+        zIndex: r ? 100 : -1,
+        /** 保险起见，使用了zIndex也要用opacity控制显隐 */
+        opacity: r ? 1 : 0,
+        background: r ? m.colorBgContainer : "transparent"
+      }
+    }
+  );
 };
 export {
   q as default

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 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 { 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 { TableContext as me } from "../../Store/index.mjs";
-import { genColumnKey as V, columnSort as de } from "../../Store/utils/index.mjs";
+import { genColumnKey as F, 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 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 { 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 { 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: 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({
+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({
     columnsMap: {},
     sortKeyColumns: []
   }), {
     persistenceType: G,
-    persistenceKey: E,
+    persistenceKey: B,
     onlineChange: g,
     columnsMap: J,
     setColumnsMap: L,
@@ -33,13 +33,13 @@ const $e = oe(({ onChange: x }) => {
     setSortKeyColumns: U,
     // clearPersistenceStorage,
     ...l
-  } = ae(me);
+  } = ce(me);
   ie(() => {
     y((e) => {
       e.columnsMap = { ...J }, e.sortKeyColumns = [...Q];
     });
   }, []);
-  const X = O(() => {
+  const X = V(() => {
     y((e) => {
       e.columnsMap = { ...l.defaultColumnKeyMap };
     });
@@ -47,91 +47,201 @@ const $e = oe(({ onChange: x }) => {
     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 = V(u || t, [u || t].filter(Boolean).join("-")), d = r.columnsMap[C || "null"];
+      const C = F(
+        u || t,
+        [u || t].filter(Boolean).join("-")
+      ), d = a.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(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(() => {
+    })), 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(() => {
     const e = [], s = /* @__PURE__ */ new Map();
-    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 = {
+    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 = {
         key: v,
-        ...W(z, ["className"]),
+        ...W(R, ["className"]),
         selectable: !1,
-        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,
+        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,
         isLeaf: t ? !0 : void 0
       };
-      return s.set(m, H), H;
+      return s.set(m, A), A;
     }))(l == null ? void 0 : l.columns), keys: e, map: s };
-  }, [r.columnsMap, l == null ? void 0 : l.columns]), Y = (e, s) => {
-    const n = { ...r.columnsMap };
+  }, [a.columnsMap, l == null ? void 0 : l.columns]), Y = (e, s) => {
+    const n = { ...a.columnsMap };
     ((t) => {
       const m = { ...n[t] };
       m.show = !e, n[t] = m;
-    })(s.key), D(!0), y((t) => {
+    })(s.key), w(!0), y((t) => {
       t.columnsMap = { ...n };
     });
   }, Z = (e, s) => {
-    const n = { ...r.columnsMap }, u = fe(r.sortKeyColumns, e, s);
+    const n = { ...a.columnsMap }, u = xe(a.sortKeyColumns, e, s);
     u.forEach((t, m) => {
       n[t] = { ...n[t] || {}, order: m };
-    }), D(!0), y((t) => {
+    }), w(!0), y((t) => {
       t.columnsMap = { ...n }, t.sortKeyColumns = u;
     });
   }, ee = () => {
     var e;
-    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();
+    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();
     })) : b.hide();
-  }, T = () => {
+  }, I = () => {
     b.hide();
-  }, 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`
+  }, 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`
                 &:hover {
                   color: ${i.colorPrimary} !important;
                 }
-              `, 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: "重置"
+                    }
+                  )
+                ] }),
+                /* @__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(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,20 +8,62 @@ 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 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);
+  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);
 export {
-  h as default
+  y as default
 };

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

@@ -1,5 +1,5 @@
-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 { 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 { Tooltip as c } from "antd";
 import { show as f } from "@ebay/nice-modal-react";
 import C from "./ColumnSettingModal.mjs";
@@ -7,13 +7,32 @@ 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 = (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);
+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);
 export {
-  b as default
+  N as default
 };

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

@@ -1,18 +1,24 @@
 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 = {
+import { memo as d, useContext as k } from "react";
+import { Tooltip as b } from "antd";
+import { TableContext as g } from "../../Store/index.mjs";
+import j from "../style.mjs";
+import h from "../../../BitzButton/index.mjs";
+import C from "../../Dropdown/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: c = !0, icon: a = /* @__PURE__ */ o.jsx(w, {}) } = e, {
+    sizeStorageType: y,
+    sizeStorageKey: i,
+    onlineSizeChange: l,
+    tableSize: m,
+    setTableSize: n
+  } = k(g), { toolbarItemClassName: f } = j(), u = {
     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));
+      t !== m && (n == null || n(t), y === "online" && i && (l == null || l(i, t)), (r = e == null ? void 0 : e.onChange) == null || r.call(e, t));
     },
     items: [
       {
@@ -37,8 +43,17 @@ const w = (e) => {
       }
     ]
   };
-  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);
+  return c ? /* @__PURE__ */ o.jsx(C, { menu: u, trigger: ["click"], children: /* @__PURE__ */ o.jsx(b, { title: "表格密度", open: !1, children: /* @__PURE__ */ o.jsx(
+    h,
+    {
+      style: { order: s },
+      type: "text",
+      className: f,
+      icon: a,
+      children: "表格密度"
+    }
+  ) }) }) : null;
+}, G = d(z);
 export {
-  T as default
+  G as default
 };