bitz-react-admin-ui 1.6.5 → 1.6.7

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

@@ -1,44 +1,46 @@
-import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { theme as L, Skeleton as j, Table as f } from "antd";
-import T from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/table/ExpandIcon.mjs";
-import { useContext as _, useMemo as c, useRef as R, useEffect as w } from "react";
+import { j as i } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { theme as L, Skeleton as O, Table as l } from "antd";
+import R from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/table/ExpandIcon.mjs";
+import { useContext as T, useMemo as a, useRef as g, useEffect as h } from "react";
 import "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/config-provider/index.mjs";
-import N from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/locale/en_US.mjs";
-import { ConfigContext as O } from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/config-provider/context.mjs";
-const q = ({
-  columns: n,
-  pageSize: i,
-  rowSelection: a,
+import w from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/locale/en_US.mjs";
+import { ConfigContext as N } from "../../../node_modules/.store/antd@5.15.0/node_modules/antd/es/config-provider/context.mjs";
+const U = ({
+  columns: s,
+  dataLength: c,
+  rowSelection: f,
   expandable: o,
-  loading: l,
-  ...m
+  loading: r,
+  ...u
 }) => {
-  var u;
-  const { token: x } = L.useToken(), { table: p, locale: y = N } = _(O), C = { ...y.Table }, b = ((u = p == null ? void 0 : p.expandable) == null ? void 0 : u.expandIcon) || (o == null ? void 0 : o.expandIcon) || T(C), k = c(() => {
-    const t = i >= 20 ? 20 : i;
-    return Array.from({ length: t }).map((e, r) => ({ index: r }));
-  }, [i]), I = c(() => {
+  var d;
+  const { token: x } = L.useToken(), { table: p, locale: y = w } = T(N), C = { ...y.Table }, b = ((d = p == null ? void 0 : p.expandable) == null ? void 0 : d.expandIcon) || (o == null ? void 0 : o.expandIcon) || R(C), k = a(() => {
+    if (!r)
+      return [];
+    const t = c > 4 ? c >= 20 ? 20 : c : 4;
+    return Array.from({ length: t }).map((e, n) => ({ index: n }));
+  }, [r, c]), I = a(() => {
     var t;
-    return (t = n == null ? void 0 : n.filter((e) => Object.keys(e).length !== 0)) == null ? void 0 : t.map((e) => e != null && e.fixed ? e : {
+    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: (r, M, E) => /* @__PURE__ */ s.jsx(
-        j,
+      render: (n, S, _) => /* @__PURE__ */ i.jsx(
+        O,
         {
           active: !0,
           title: !1,
           paragraph: {
             rows: 1,
-            width: (E + 1) % 2 === 0 ? "100%" : "60%"
+            width: (_ + 1) % 2 === 0 ? "100%" : "60%"
           }
         }
       )
     });
-  }, [n]), g = c(() => {
+  }, [s]), E = a(() => {
     if (o)
       return {
         ...o,
-        expandedRowRender: () => /* @__PURE__ */ s.jsx(s.Fragment, {}),
+        expandedRowRender: () => /* @__PURE__ */ i.jsx(i.Fragment, {}),
         expandIcon: (t) => {
           const e = b(t);
           return {
@@ -54,41 +56,43 @@ const q = ({
           };
         }
       };
-  }, [o]), h = c(() => {
-    if (a)
+  }, [o]), j = a(() => {
+    if (f)
       return {
-        ...a,
+        ...f,
         selectedRowKeys: [],
         getCheckboxProps: () => ({ disabled: !0 })
       };
-  }, [a]), d = R();
-  return w(() => {
-    var e, r;
-    const t = (r = (e = d.current) == null ? void 0 : e.nativeElement) == null ? void 0 : r.querySelector(".ant-table-body");
-    t && (t.scrollTop = 0);
-  }, [l]), /* @__PURE__ */ s.jsx(
-    f,
+  }, [f]), m = g();
+  return h(() => {
+    var e, n;
+    const t = (n = (e = m.current) == null ? void 0 : e.nativeElement) == null ? void 0 : n.querySelector(".ant-table-body");
+    t && (t.scrollLeft = 0);
+  }, [r]), /* @__PURE__ */ i.jsx(
+    l,
     {
-      ...m,
-      expandable: g,
-      rowSelection: h,
+      ...u,
+      ref: m,
+      expandable: E,
+      rowSelection: j,
       pagination: !1,
-      columns: [f.SELECTION_COLUMN, f.EXPAND_COLUMN, ...I],
+      columns: [l.SELECTION_COLUMN, l.EXPAND_COLUMN, ...I],
       rowKey: "index",
       dataSource: k,
       loading: !1,
       style: {
+        ...u.style,
         position: "absolute",
         inset: 0,
         top: 40,
-        zIndex: l ? 9999 : -1,
+        zIndex: r ? 100 : -1,
         /** 保险起见，使用了zIndex也要用opacity控制显隐 */
-        opacity: l ? 1 : 0
-      },
-      ref: d
+        opacity: r ? 1 : 0,
+        background: r ? "#fff" : "transparent"
+      }
     }
   );
 };
 export {
-  q as default
+  U as default
 };

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

@@ -1,215 +1,221 @@
-import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { create as X, useModal as Y, antdModalV5 as Z } from "@ebay/nice-modal-react";
-import { Modal as _, Checkbox as $ } from "antd";
-import t from "./index.module.less.mjs";
-import { useState as g, useContext as L, useEffect as ss, useCallback as T, useMemo as y } from "react";
-import { TableContext as es } from "../../Store/index.mjs";
-import { genColumnKey as A, columnSort as os } from "../../Store/utils/index.mjs";
-import B from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import { DndContext as ls, DragOverlay as ts, defaultDropAnimationSideEffects as ns } from "../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { SortableContext as as, verticalListSortingStrategy as cs, arrayMove as is } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import rs from "./DndItem.mjs";
-import { restrictToVerticalAxis as ms, restrictToWindowEdges as ds } from "../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
-import O from "../../../BitzButton/index.mjs";
+import { j as s } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { create as Q, useModal as U, antdModalV5 as X } from "@ebay/nice-modal-react";
+import { Modal as Y, Checkbox as Z, Button as $ } from "antd";
+import a from "./index.module.less.mjs";
+import { useState as E, useContext as L, useEffect as ee, useCallback as B, useMemo as S } from "react";
+import { TableContext as se } from "../../Store/index.mjs";
+import { genColumnKey as H, columnSort as oe } from "../../Store/utils/index.mjs";
+import u from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { DndContext as te } from "../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { SortableContext as le, verticalListSortingStrategy as ne, arrayMove as ae } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import ce from "./DndItem.mjs";
+import { restrictToVerticalAxis as ie, restrictToWindowEdges as me } from "../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
+import T from "../../../BitzButton/index.mjs";
 import "./index.less.mjs";
-import { useImmer as us } from "../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
-import ps from "../../../../assets/iconfont/IconTuodong.mjs";
-import z from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-import xs from "../../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
-import hs from "../../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const fs = {
-  sideEffects: ns({
-    styles: {
-      active: {
-        opacity: "0.5"
-      }
-    }
-  })
-}, zs = X(() => {
-  var I;
-  const x = Y(), [u, j] = g(null), [R, v] = g(!1), [c, h] = us({
+import { useImmer as re } from "../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
+import R from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
+import de from "../../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
+import ue from "../../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const _e = Q(() => {
+  var w;
+  const h = U(), [b, C] = E(null), [z, k] = E(!1), [c, x] = re({
     columnsMap: {},
     sortKeyColumns: []
   }), {
-    persistenceType: V,
-    persistenceKey: k,
-    onlineChange: C,
-    columnsMap: F,
-    setColumnsMap: W,
-    sortKeyColumns: q,
-    setSortKeyColumns: G,
+    persistenceType: A,
+    persistenceKey: v,
+    onlineChange: f,
+    columnsMap: O,
+    setColumnsMap: V,
+    sortKeyColumns: F,
+    setSortKeyColumns: W,
     // clearPersistenceStorage,
     ...l
-  } = L(es);
-  ss(() => {
-    h((s) => {
-      s.columnsMap = { ...F }, s.sortKeyColumns = [...q];
+  } = L(se);
+  ee(() => {
+    x((e) => {
+      e.columnsMap = { ...O }, e.sortKeyColumns = [...F];
     });
   }, []);
-  const H = T(() => {
-    h((s) => {
-      s.columnsMap = { ...l.defaultColumnKeyMap };
+  const q = B(() => {
+    x((e) => {
+      e.columnsMap = { ...l.defaultColumnKeyMap };
     });
-  }, []), p = y(() => {
+  }, []), p = S(() => {
     var o, n;
-    const s = [];
-    return (o = l == null ? void 0 : l.columns) != null && o.length && ((n = l == null ? void 0 : l.columns) == null || n.map(({ key: d, dataIndex: a, ...r }) => {
-      const f = A(
-        d || a,
-        [d || a].filter(Boolean).join("-")
-      ), m = c.columnsMap[f || "null"];
-      return (m == null ? void 0 : m.show) !== !1 && s.push({
-        key: f,
-        ...z(r, ["className"]),
+    const e = [];
+    return (o = l == null ? void 0 : l.columns) != null && o.length && ((n = l == null ? void 0 : l.columns) == null || n.map(({ key: d, dataIndex: t, ...m }) => {
+      const y = H(
+        d || t,
+        [d || t].filter(Boolean).join("-")
+      ), r = c.columnsMap[y || "null"];
+      return (r == null ? void 0 : r.show) !== !1 && e.push({
+        key: y,
+        ...R(m, ["className"]),
         selectable: !1,
-        disabled: (m == null ? void 0 : m.disable) === !0
-      }), m;
-    })), s.sort(os(c.columnsMap));
-  }, [c.columnsMap, l == null ? void 0 : l.columns]), M = T(
-    (s) => {
+        disabled: (r == null ? void 0 : r.disable) === !0
+      }), r;
+    })), e.sort(oe(c.columnsMap));
+  }, [c.columnsMap, l == null ? void 0 : l.columns]), j = B(
+    (e) => {
       var o;
-      return (o = c.sortKeyColumns) == null ? void 0 : o.findIndex((n) => n === s);
+      return (o = c.sortKeyColumns) == null ? void 0 : o.findIndex((n) => n === e);
     },
     [c.sortKeyColumns]
-  ), N = y(
-    () => u ? M(u) : -1,
-    [u, M]
-  ), S = y(() => {
-    const s = [], o = /* @__PURE__ */ new Map();
-    return { list: ((d, a) => d.map(({ key: r, dataIndex: f, children: m, ...w }) => {
-      var E;
-      const b = A(
-        r || f,
-        [a == null ? void 0 : a.columnKey, w.index].filter(Boolean).join("-")
-      ), i = c.columnsMap[b || "null"] || { show: !0 };
-      (i == null ? void 0 : i.show) !== !1 && !m && s.push(b);
-      const D = {
-        key: b,
-        ...z(w, ["className"]),
+  ), N = S(
+    () => b ? j(b) : -1,
+    [b, j]
+  ), g = S(() => {
+    const e = [], o = /* @__PURE__ */ new Map();
+    return { list: ((d, t) => d.map(({ key: m, dataIndex: y, children: r, ...D }) => {
+      var _;
+      const M = H(
+        m || y,
+        [t == null ? void 0 : t.columnKey, D.index].filter(Boolean).join("-")
+      ), i = c.columnsMap[M || "null"] || { show: !0 };
+      (i == null ? void 0 : i.show) !== !1 && !r && e.push(M);
+      const I = {
+        key: M,
+        ...R(D, ["className"]),
         selectable: !1,
         disabled: i.disable === !0,
-        disableCheckbox: typeof i.disable == "boolean" ? i == null ? void 0 : i.disable : (E = i == null ? void 0 : i.disable) == null ? void 0 : E.checkbox,
-        isLeaf: a ? !0 : void 0
+        disableCheckbox: typeof i.disable == "boolean" ? i == null ? void 0 : i.disable : (_ = i == null ? void 0 : i.disable) == null ? void 0 : _.checkbox,
+        isLeaf: t ? !0 : void 0
       };
-      return o.set(r, D), D;
-    }))(l == null ? void 0 : l.columns), keys: s, map: o };
-  }, [c.columnsMap, l == null ? void 0 : l.columns]), J = (s, o) => {
+      return o.set(m, I), I;
+    }))(l == null ? void 0 : l.columns), keys: e, map: o };
+  }, [c.columnsMap, l == null ? void 0 : l.columns]), G = (e, o) => {
     const n = { ...c.columnsMap };
-    ((a) => {
-      const r = { ...n[a] };
-      r.show = !s, n[a] = r;
-    })(o.key), v(!0), h((a) => {
-      a.columnsMap = { ...n };
+    ((t) => {
+      const m = { ...n[t] };
+      m.show = !e, n[t] = m;
+    })(o.key), k(!0), x((t) => {
+      t.columnsMap = { ...n };
     });
-  }, P = (s, o) => {
-    const n = { ...c.columnsMap }, d = is(c.sortKeyColumns, s, o);
-    d.forEach((a, r) => {
-      n[a] = { ...n[a] || {}, order: r };
-    }), v(!0), h((a) => {
-      a.columnsMap = { ...n }, a.sortKeyColumns = d;
+  }, J = (e, o) => {
+    const n = { ...c.columnsMap }, d = ae(c.sortKeyColumns, e, o);
+    d.forEach((t, m) => {
+      n[t] = { ...n[t] || {}, order: m };
+    }), k(!0), x((t) => {
+      t.columnsMap = { ...n }, t.sortKeyColumns = d;
     });
-  }, Q = y(() => {
-    var s, o;
-    return u ? ((o = (s = l == null ? void 0 : l.columns) == null ? void 0 : s.find((n) => n.key === u)) == null ? void 0 : o.title) ?? "" : "";
-  }, [l == null ? void 0 : l.columns, u]), U = () => {
-    W(c.columnsMap), G(c.sortKeyColumns), V === "online" && k && (C == null || C(k, c.columnsMap)), x.resolve({ ...c.columnsMap }), x.hide();
+  }, P = () => {
+    V(c.columnsMap), W(c.sortKeyColumns), A === "online" && v && (f == null || f(v, c.columnsMap)), h.resolve({ ...c.columnsMap }), h.hide();
   }, K = () => {
-    x.hide();
+    h.hide();
   };
-  return /* @__PURE__ */ e.jsxs(
-    _,
+  return /* @__PURE__ */ s.jsxs(
+    Y,
     {
       className: "tableColumnSettingModal",
       title: "自定义列",
-      ...Z(x),
+      ...X(h),
+      styles: { body: { maxHeight: window.innerHeight - 300 } },
       width: 600,
       onCancel: K,
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          O,
+      footer: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+        /* @__PURE__ */ s.jsx(
+          T,
           {
             type: "primary",
-            icon: /* @__PURE__ */ e.jsx(xs, {}),
-            onClick: U,
-            disabled: !R,
+            icon: /* @__PURE__ */ s.jsx(de, {}),
+            onClick: P,
+            disabled: !z,
             children: "保存"
           }
         ),
-        /* @__PURE__ */ e.jsx(O, { onClick: K, children: "取消" })
+        /* @__PURE__ */ s.jsx(T, { onClick: K, children: "取消" })
       ] }),
       children: [
-        /* @__PURE__ */ e.jsx("div", { className: t.introduce, children: "选择要在表中显示的可用列。拖动选定的列以对其重新排序。" }),
-        /* @__PURE__ */ e.jsxs("div", { className: t.container, children: [
-          /* @__PURE__ */ e.jsxs("div", { className: t.block, children: [
-            /* @__PURE__ */ e.jsxs("div", { className: t.header, children: [
-              /* @__PURE__ */ e.jsx("div", { className: t.title, children: "可用列" }),
-              /* @__PURE__ */ e.jsx("div", {})
-            ] }),
-            /* @__PURE__ */ e.jsx("div", { className: t.body, children: /* @__PURE__ */ e.jsx("ul", { className: t.content, children: (I = S.list) == null ? void 0 : I.map((s) => {
-              const o = S.keys.includes(s.key);
-              return /* @__PURE__ */ e.jsxs(
-                "li",
-                {
-                  className: B(t.item, {
-                    [t.checked]: !o
-                  }),
-                  onClick: () => !s.disabled && J(o, s),
-                  children: [
-                    /* @__PURE__ */ e.jsx($, { checked: o, disabled: s.disabled }),
-                    /* @__PURE__ */ e.jsx("span", { className: t["content-item-text"], children: s.title })
-                  ]
-                },
-                s.key
-              );
-            }) }) })
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: t.block, children: [
-            /* @__PURE__ */ e.jsxs("div", { className: t.header, children: [
-              /* @__PURE__ */ e.jsx("div", { className: t.title, children: "选定列" }),
-              /* @__PURE__ */ e.jsxs("div", { className: t.reset, onClick: H, children: [
-                /* @__PURE__ */ e.jsx("div", { children: "重置  " }),
-                /* @__PURE__ */ e.jsx(hs, {})
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsx("div", { className: t.body, children: /* @__PURE__ */ e.jsxs(
-              ls,
-              {
-                modifiers: [ms, ds],
-                onDragStart: (s) => {
-                  const { active: o } = s;
-                  o && j(o == null ? void 0 : o.id);
-                },
-                onDragCancel: () => j(null),
-                onDragEnd: (s) => {
-                  j(null);
-                  const { over: o } = s;
-                  if (o) {
-                    const n = M(o.id);
-                    N !== n && P(N, n);
-                  }
-                },
-                children: [
-                  /* @__PURE__ */ e.jsx(
-                    as,
+        /* @__PURE__ */ s.jsx("div", { className: u(a.introduce, "tableColumnSetting_introduce"), children: "选择要在表中显示的可用列。拖动选定的列以对其重新排序。" }),
+        /* @__PURE__ */ s.jsxs(
+          "div",
+          {
+            className: u(a.container, "tableColumnSetting_container"),
+            style: { maxHeight: window.innerHeight - 390, overflow: "auto" },
+            children: [
+              /* @__PURE__ */ s.jsxs("div", { className: a.block, children: [
+                /* @__PURE__ */ s.jsxs("div", { className: u(a.header, "tableColumnSetting_header"), children: [
+                  /* @__PURE__ */ s.jsx("div", { className: u(a.title, "tableColumnSetting_title"), children: "可用列" }),
+                  /* @__PURE__ */ s.jsx("div", {})
+                ] }),
+                /* @__PURE__ */ s.jsx("div", { className: u(a.body, "tableColumnSetting_body"), children: /* @__PURE__ */ s.jsx("ul", { className: a.content, children: (w = g.list) == null ? void 0 : w.map((e) => {
+                  const o = g.keys.includes(e.key);
+                  return /* @__PURE__ */ s.jsxs(
+                    "li",
                     {
-                      items: p == null ? void 0 : p.map((s) => s.key),
-                      strategy: cs,
-                      children: /* @__PURE__ */ e.jsx("ul", { className: t.content, style: { background: "#fff" }, children: p == null ? void 0 : p.map((s) => /* @__PURE__ */ e.jsx(rs, { item: s }, s.key)) })
+                      className: u(a.item, {
+                        [a.checked]: !o,
+                        tableColumnSetting_checked: !o
+                      }),
+                      onClick: () => !e.disabled && G(o, e),
+                      children: [
+                        /* @__PURE__ */ s.jsx(Z, { checked: o, disabled: e.disabled }),
+                        /* @__PURE__ */ s.jsx(
+                          "span",
+                          {
+                            className: u(
+                              a["content-item-text"],
+                              "tableColumnSetting_content-item-text"
+                            ),
+                            children: e.title
+                          }
+                        )
+                      ]
+                    },
+                    e.key
+                  );
+                }) }) })
+              ] }),
+              /* @__PURE__ */ s.jsxs("div", { className: a.block, children: [
+                /* @__PURE__ */ s.jsxs("div", { className: a.header, children: [
+                  /* @__PURE__ */ s.jsx("div", { className: a.title, children: "选定列" }),
+                  /* @__PURE__ */ s.jsx(
+                    $,
+                    {
+                      type: "link",
+                      icon: /* @__PURE__ */ s.jsx(ue, {}),
+                      size: "small",
+                      onClick: q,
+                      children: "重置"
                     }
-                  ),
-                  /* @__PURE__ */ e.jsx(ts, { adjustScale: !1, dropAnimation: fs, children: u ? /* @__PURE__ */ e.jsxs("li", { className: B(t.moveItem), children: [
-                    /* @__PURE__ */ e.jsx(ps, { size: 14, className: t.dragIcon }),
-                    /* @__PURE__ */ e.jsx("span", { className: t["moveItem-text"], children: Q })
-                  ] }) : null })
-                ]
-              }
-            ) })
-          ] })
-        ] })
+                  )
+                ] }),
+                /* @__PURE__ */ s.jsx("div", { className: u(a.body, "tableColumnSetting_body-order"), children: /* @__PURE__ */ s.jsx(
+                  te,
+                  {
+                    modifiers: [ie, me],
+                    onDragStart: (e) => {
+                      const { active: o } = e;
+                      o && C(o == null ? void 0 : o.id);
+                    },
+                    onDragCancel: () => C(null),
+                    onDragEnd: (e) => {
+                      C(null);
+                      const { over: o } = e;
+                      if (o) {
+                        const n = j(o.id);
+                        N !== n && J(N, n);
+                      }
+                    },
+                    children: /* @__PURE__ */ s.jsx(
+                      le,
+                      {
+                        items: p == null ? void 0 : p.map((e) => e.key),
+                        strategy: ne,
+                        children: /* @__PURE__ */ s.jsx("ul", { className: a.content, children: p == null ? void 0 : p.map((e) => /* @__PURE__ */ s.jsx(ce, { item: e }, e.key)) })
+                      }
+                    )
+                  }
+                ) })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
 });
 export {
-  zs as default
+  _e as default
 };

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

@@ -1,44 +1,46 @@
-import { j as r } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import c from "react";
-import o from "./index.module.less.mjs";
-import { useSortable as f } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { CSS as p } from "../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
-import g from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import e from "./index.module.less.mjs";
+import { useSortable as b } from "../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { CSS as f } from "../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import s from "../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import u from "../../../../assets/iconfont/IconTuodong.mjs";
-import x from "../../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/LockOutlined.mjs";
-const b = (t) => {
-  const { item: s } = t, {
-    attributes: e,
+import p from "../../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/LockOutlined.mjs";
+const I = (n) => {
+  const { item: t } = n, {
+    attributes: r,
     isDragging: a,
     setNodeRef: m,
-    listeners: n,
+    listeners: l,
     transform: i,
     transition: d
-  } = f({
-    id: s == null ? void 0 : s.key,
-    disabled: s == null ? void 0 : s.disabled
-  }), l = {
+  } = b({
+    id: t == null ? void 0 : t.key,
+    disabled: t == null ? void 0 : t.disabled
+  }), g = {
     transition: d,
-    transform: p.Transform.toString(i)
+    transform: f.Transform.toString(i)
   };
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "li",
     {
       ref: m,
-      className: g(o.moveItem, {
-        [o.isDragging]: a,
-        [o.disabled]: s == null ? void 0 : s.disabled
+      className: s(e.moveItem, "tableColumnSetting_moveItem", {
+        [e.isDragging]: a,
+        [e.disabled]: t == null ? void 0 : t.disabled,
+        tableColumnSetting_isDragging: a,
+        tableColumnSetting_disabled: t == null ? void 0 : t.disabled
       }),
-      style: l,
-      ...n,
-      ...e,
+      style: g,
+      ...l,
+      ...r,
       children: [
-        s.disabled ? /* @__PURE__ */ r.jsx(x, { className: o.dragIcon }) : /* @__PURE__ */ r.jsx(u, { size: 14, className: o.dragIcon }),
-        /* @__PURE__ */ r.jsx("span", { className: o["moveItem-text"], children: s.title })
+        t.disabled ? /* @__PURE__ */ o.jsx(p, { className: s(e.dragIcon, "tableColumnSetting_dragIcon") }) : /* @__PURE__ */ o.jsx(u, { size: 14, className: s(e.dragIcon, "tableColumnSetting_dragIcon") }),
+        /* @__PURE__ */ o.jsx("span", { className: s(e["moveItem-text"], "tableColumnSetting_moveItem-text"), children: t.title })
       ]
     }
   );
-}, k = c.memo(b);
+}, y = c.memo(I);
 export {
-  k as default
+  y as default
 };