bitz-react-admin-ui 2.7.3 → 2.7.4

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

@@ -1,336 +1,170 @@
-import { j as c } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { css as we } from "../../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { theme as Me, Flex as O, Typography as q, Space as je, Checkbox as Se, Button as se } from "antd";
-import { forwardRef as Le, useRef as oe, useState as f, useEffect as T, useMemo as S, useContext as be, useImperativeHandle as Ke, memo as Re } from "react";
-import { useImmer as ve } from "../../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
+import { j as r } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { css as we } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import { theme as Me, Flex as H, Typography as q, Space as je, Checkbox as Le, Button as se } from "antd";
+import { forwardRef as Se, useRef as ne, useState as d, useEffect as v, useMemo as L, useContext as Re, useImperativeHandle as be, memo as Ee } from "react";
+import { useImmer as Ke } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
 import "../../../index.mjs";
-import { columnSort as Ne, genColumnKey as Ee, updateNestedObject as L, removePropertiesWithoutMutation as Te } from "../../../Store/utils/index.mjs";
+import { columnSort as Ae, genColumnKey as Ne, updateNestedObject as S, removePropertiesWithoutMutation as ve } from "../../../Store/utils/index.mjs";
 import G from "./DndList.mjs";
-import { BitzTableContext as He } from "../../../Store/index.mjs";
-import Ie from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-import Ae from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
-import ne from "../../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const ze = Le(
-  ({ display: y, height: B, postHeight: re }, ce) => {
-    const { token: le } = Me.useToken(), D = oe(null), J = oe(null), [W, ie] = f("auto"), Q = we`
+import { BitzTableContext as Fe } from "../../../Store/index.mjs";
+import Be from "../../../../../node_modules/lodash-es/omit.mjs";
+import De from "../../../../../node_modules/lodash-es/merge.mjs";
+import oe from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const Te = Se(({ display: k, height: I, postHeight: ce }, re) => {
+  const { token: ie } = Me.useToken(), z = ne(null), J = ne(null), [O, le] = d("auto"), Q = we`
       &:hover {
-        color: ${le.colorPrimary} !important;
+        color: ${ie.colorPrimary} !important;
       }
     `;
-    T(() => {
-      D.current && re();
-    }, [D.current]), T(() => {
-      var e;
-      if (typeof B == "number") {
-        const s = (e = J.current) == null ? void 0 : e.clientHeight;
-        ie(B - s - 16 - 8);
-      }
-    }, [B]);
-    const ae = S(() => ({
-      // display: display ? 'flex' : 'none'
-      width: y ? "100%" : 0,
-      pointerEvents: y ? "auto" : "none",
-      opacity: y ? 1 : 0,
-      overflow: y ? "inherit" : "hidden",
-      ...y ? {} : {
-        position: "absolute",
-        left: 0,
-        right: 0
-      }
-    }), [y]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = be(He), [i, F] = ve({});
-    T(() => {
-      const e = Object.keys(X).length ? X : U;
-      F(e);
-    }, []);
-    const Y = S(() => ((s, t) => s.map((n) => {
-      var te;
-      const { key: o, dataIndex: r, children: l, ...x } = n, C = Ee(
-        n,
-        [t == null ? void 0 : t.columnKey, x.index].join("-")
-      ), u = i[C || "null"] || {
-        show: !0
-      };
-      return {
-        key: C,
-        ...Ie(x, ["className"]),
-        selectable: !1,
-        disabled: u.disabled === !0,
-        disableCheckbox: typeof u.disabled == "boolean" ? u == null ? void 0 : u.disabled : (te = u == null ? void 0 : u.disabled) == null ? void 0 : te.checkbox,
-        isLeaf: t ? !0 : void 0,
-        ...u
-      };
-    }))(V ?? []).sort(Ne(i)), [i, V]);
-    T(() => {
-      var n, o;
-      const e = {}, s = {}, t = {};
-      for (const r in i)
-        ((n = i[r]) == null ? void 0 : n.fixed) === "left" ? e[r] = i[r] : ((o = i[r]) == null ? void 0 : o.fixed) === "right" ? s[r] = i[r] : t[r] = i[r];
-      m(e), p(s), g(t);
-    }, [i]);
-    const [b, H] = f([]), [k, K] = f([]), [a, m] = f({}), [R, I] = f([]), [w, v] = f([]), [h, p] = f({}), [N, A] = f([]), [M, E] = f([]), [d, g] = f({});
-    T(() => {
-      const e = [], s = [], t = [], n = [], o = [], r = [];
-      Y.forEach((l) => {
-        l.fixed === "left" ? (e.push(l), s.push(l.key)) : l.fixed === "right" ? (t.push(l), n.push(l.key)) : (o.push(l), r.push(l.key));
-      }), H(e), K(s), I(t), v(n), A(o), E(r);
-    }, [Y]);
-    const he = (e) => {
-      m(e);
-    }, de = (e, s) => {
-      m(e), K(s);
-    }, fe = (e) => {
-      p(e);
-    }, ue = (e, s) => {
-      p(e), v(s);
-    }, me = (e) => {
-      g(e);
-    }, pe = (e, s) => {
-      g(e), E(s);
-    }, Z = (e, s, t, n) => {
-      const o = { ...s[e] };
-      delete s[e], g({
-        ...d,
-        [e]: { ...o, fixed: void 0, order: N.length }
-      });
-      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
-      A([...N, { ...l, fixed: void 0 }]);
-      const x = n.splice(r, 1);
-      return E([...M, ...x]), { map: s, list: t, keys: n };
-    }, _ = (e, s, t, n) => {
-      const o = { ...s[e] };
-      delete s[e], m({
-        ...a,
-        [e]: { ...o, fixed: "left", order: b.length, show: !0 }
-      });
-      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
-      H([...b, { ...l, fixed: "left" }]);
-      const x = n.splice(r, 1);
-      return K([...k, ...x]), { map: s, list: t, keys: n };
-    }, ee = (e, s, t, n) => {
-      const o = { ...s[e] };
-      delete s[e], p({
-        ...h,
-        [e]: {
-          ...o,
-          fixed: "right",
-          order: R.length,
-          show: !0
-        }
-      });
-      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
-      I([...R, { ...l, fixed: "right" }]);
-      const x = n.splice(r, 1);
-      return v([...w, ...x]), { map: s, list: t, keys: n };
-    }, P = (e, s) => {
-      if (s === "left") {
-        const { map: t, list: n, keys: o } = Z(
-          e,
-          a,
-          b,
-          k
-        );
-        m({ ...t }), H([...n]), K([...o]);
-      } else if (s === "center") {
-        const { map: t, list: n, keys: o } = _(
-          e,
-          d,
-          N,
-          M
-        );
-        g({ ...t }), A([...n]), E([...o]);
-      } else {
-        const { map: t, list: n, keys: o } = _(
-          e,
-          h,
-          R,
-          w
-        );
-        p({ ...t }), I([...n]), v([...o]);
-      }
-    }, $ = (e, s) => {
-      if (s === "left") {
-        const { map: t, list: n, keys: o } = ee(
-          e,
-          a,
-          b,
-          k
-        );
-        m({ ...t }), H([...n]), K([...o]);
-      } else if (s === "center") {
-        const { map: t, list: n, keys: o } = ee(
-          e,
-          d,
-          N,
-          M
-        );
-        g({ ...t }), A([...n]), E([...o]);
-      } else {
-        const { map: t, list: n, keys: o } = Z(
-          e,
-          h,
-          R,
-          w
-        );
-        p({ ...t }), I([...n]), v([...o]);
-      }
-    }, ge = ({ target: e }) => {
-      e.checked ? (m(L(a, "show", !0)), g(L(d, "show", !0)), p(L(h, "show", !0))) : (m(L(a, "show", !1)), g(L(d, "show", !1)), p(L(h, "show", !1)));
-    }, z = S(() => [...k, ...M, ...w], [k, M, w]), j = S(() => {
-      var s, t, n;
-      const e = [];
-      for (const o in a)
-        (s = a[o]) != null && s.show && e.push(o);
-      for (const o in d)
-        (t = d[o]) != null && t.show && e.push(o);
-      for (const o in h)
-        (n = h[o]) != null && n.show && e.push(o);
-      return e;
-    }, [a, d, h]), xe = S(() => z.length === j.length, [z, j]), Ce = S(() => j.length > 0 && j.length < z.length, [j, z]), ye = () => {
-      const e = Ae({ ...i }, U);
-      F(e);
-    }, ke = () => {
-      const e = Te(i, ["width"]);
-      F(e);
+  v(() => {
+    z.current && ce();
+  }, [z.current]), v(() => {
+    var e;
+    if (typeof I == "number") {
+      const s = (e = J.current) == null ? void 0 : e.clientHeight;
+      le(I - s - 16 - 8);
+    }
+  }, [I]);
+  const ae = L(() => ({
+    // display: display ? 'flex' : 'none'
+    width: k ? "100%" : 0,
+    pointerEvents: k ? "auto" : "none",
+    opacity: k ? 1 : 0,
+    overflow: k ? "inherit" : "hidden",
+    ...k ? {} : {
+      position: "absolute",
+      left: 0,
+      right: 0
+    }
+  }), [k]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = Re(Fe), [l, W] = Ke({});
+  v(() => {
+    const e = Object.keys(X).length ? X : U;
+    W(e);
+  }, []);
+  const Y = L(() => ((s, t) => s.map((o) => {
+    var te;
+    const { key: n, dataIndex: c, children: i, ...x } = o, C = Ne(o, [t == null ? void 0 : t.columnKey, x.index].join("-")), f = l[C || "null"] || {
+      show: !0
+    };
+    return {
+      key: C,
+      ...Be(x, ["className"]),
+      selectable: !1,
+      disabled: f.disabled === !0,
+      disableCheckbox: typeof f.disabled == "boolean" ? f == null ? void 0 : f.disabled : (te = f == null ? void 0 : f.disabled) == null ? void 0 : te.checkbox,
+      isLeaf: t ? !0 : void 0,
+      ...f
     };
-    return Ke(ce, () => ({
-      getLeftSortColumns: () => a,
-      getCenterSortColumns: () => d,
-      getRightSortColumns: () => h,
-      getCheckedKeys: () => j
-    })), /* @__PURE__ */ c.jsxs(
-      O,
-      {
-        vertical: !0,
-        gap: 8,
-        style: ae,
-        ref: D,
-        className: "columnsSortWrapper",
-        children: [
-          /* @__PURE__ */ c.jsxs("div", { className: "sortContent", children: [
-            /* @__PURE__ */ c.jsxs(
-              O,
-              {
-                vertical: !0,
-                className: "sortCard",
-                gap: 6,
-                style: { height: W },
-                children: [
-                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
-                  /* @__PURE__ */ c.jsx(
-                    G,
-                    {
-                      placement: "left",
-                      dataList: b,
-                      keys: k,
-                      columnsMap: a,
-                      onLeftClick: P,
-                      onRightClick: $,
-                      onChange: he,
-                      onMoveEnd: de
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ c.jsxs(
-              O,
-              {
-                vertical: !0,
-                className: "sortCard",
-                gap: 6,
-                style: { height: W },
-                children: [
-                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
-                  /* @__PURE__ */ c.jsx(
-                    G,
-                    {
-                      placement: "center",
-                      dataList: N,
-                      keys: M,
-                      columnsMap: d,
-                      onLeftClick: P,
-                      onRightClick: $,
-                      onChange: me,
-                      onMoveEnd: pe
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ c.jsxs(
-              O,
-              {
-                vertical: !0,
-                className: "sortCard",
-                gap: 6,
-                style: { height: W },
-                children: [
-                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
-                  /* @__PURE__ */ c.jsx(
-                    G,
-                    {
-                      placement: "right",
-                      dataList: R,
-                      keys: w,
-                      columnsMap: h,
-                      onLeftClick: P,
-                      onRightClick: $,
-                      onChange: fe,
-                      onMoveEnd: ue
-                    }
-                  )
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ c.jsxs(
-            je,
-            {
-              size: 16,
-              align: "end",
-              ref: J,
-              className: "checkAllAndReset",
-              style: { paddingBottom: 8 },
-              children: [
-                /* @__PURE__ */ c.jsx(
-                  Se,
-                  {
-                    indeterminate: Ce,
-                    checked: xe,
-                    onChange: ge,
-                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
-                  }
-                ),
-                /* @__PURE__ */ c.jsx(
-                  se,
-                  {
-                    type: "link",
-                    icon: /* @__PURE__ */ c.jsx(ne, {}),
-                    size: "small",
-                    onClick: ye,
-                    className: Q,
-                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" })
-                  }
-                ),
-                /* @__PURE__ */ c.jsx(
-                  se,
-                  {
-                    type: "link",
-                    icon: /* @__PURE__ */ c.jsx(ne, {}),
-                    size: "small",
-                    onClick: ke,
-                    className: Q,
-                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" })
-                  }
-                )
-              ]
-            }
-          )
-        ]
+  }))(V ?? []).sort(Ae(l)), [l, V]);
+  v(() => {
+    var o, n;
+    const e = {}, s = {}, t = {};
+    for (const c in l)
+      ((o = l[c]) == null ? void 0 : o.fixed) === "left" ? e[c] = l[c] : ((n = l[c]) == null ? void 0 : n.fixed) === "right" ? s[c] = l[c] : t[c] = l[c];
+    m(e), p(s), g(t);
+  }, [l]);
+  const [R, F] = d([]), [y, b] = d([]), [a, m] = d({}), [E, B] = d([]), [w, K] = d([]), [h, p] = d({}), [A, D] = d([]), [M, N] = d([]), [u, g] = d({});
+  v(() => {
+    const e = [], s = [], t = [], o = [], n = [], c = [];
+    Y.forEach((i) => {
+      i.fixed === "left" ? (e.push(i), s.push(i.key)) : i.fixed === "right" ? (t.push(i), o.push(i.key)) : (n.push(i), c.push(i.key));
+    }), F(e), b(s), B(t), K(o), D(n), N(c);
+  }, [Y]);
+  const he = (e) => {
+    m(e);
+  }, ue = (e, s) => {
+    m(e), b(s);
+  }, de = (e) => {
+    p(e);
+  }, fe = (e, s) => {
+    p(e), K(s);
+  }, me = (e) => {
+    g(e);
+  }, pe = (e, s) => {
+    g(e), N(s);
+  }, Z = (e, s, t, o) => {
+    const n = { ...s[e] };
+    delete s[e], g({
+      ...u,
+      [e]: { ...n, fixed: void 0, order: A.length }
+    });
+    const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+    D([...A, { ...i, fixed: void 0 }]);
+    const x = o.splice(c, 1);
+    return N([...M, ...x]), { map: s, list: t, keys: o };
+  }, _ = (e, s, t, o) => {
+    const n = { ...s[e] };
+    delete s[e], m({
+      ...a,
+      [e]: { ...n, fixed: "left", order: R.length, show: !0 }
+    });
+    const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+    F([...R, { ...i, fixed: "left" }]);
+    const x = o.splice(c, 1);
+    return b([...y, ...x]), { map: s, list: t, keys: o };
+  }, ee = (e, s, t, o) => {
+    const n = { ...s[e] };
+    delete s[e], p({
+      ...h,
+      [e]: {
+        ...n,
+        fixed: "right",
+        order: E.length,
+        show: !0
       }
-    );
-  }
-), Xe = Re(ze);
+    });
+    const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+    B([...E, { ...i, fixed: "right" }]);
+    const x = o.splice(c, 1);
+    return K([...w, ...x]), { map: s, list: t, keys: o };
+  }, P = (e, s) => {
+    if (s === "left") {
+      const { map: t, list: o, keys: n } = Z(e, a, R, y);
+      m({ ...t }), F([...o]), b([...n]);
+    } else if (s === "center") {
+      const { map: t, list: o, keys: n } = _(e, u, A, M);
+      g({ ...t }), D([...o]), N([...n]);
+    } else {
+      const { map: t, list: o, keys: n } = _(e, h, E, w);
+      p({ ...t }), B([...o]), K([...n]);
+    }
+  }, $ = (e, s) => {
+    if (s === "left") {
+      const { map: t, list: o, keys: n } = ee(e, a, R, y);
+      m({ ...t }), F([...o]), b([...n]);
+    } else if (s === "center") {
+      const { map: t, list: o, keys: n } = ee(e, u, A, M);
+      g({ ...t }), D([...o]), N([...n]);
+    } else {
+      const { map: t, list: o, keys: n } = Z(e, h, E, w);
+      p({ ...t }), B([...o]), K([...n]);
+    }
+  }, ge = ({ target: e }) => {
+    e.checked ? (m(S(a, "show", !0)), g(S(u, "show", !0)), p(S(h, "show", !0))) : (m(S(a, "show", !1)), g(S(u, "show", !1)), p(S(h, "show", !1)));
+  }, T = L(() => [...y, ...M, ...w], [y, M, w]), j = L(() => {
+    var s, t, o;
+    const e = [];
+    for (const n in a)
+      (s = a[n]) != null && s.show && e.push(n);
+    for (const n in u)
+      (t = u[n]) != null && t.show && e.push(n);
+    for (const n in h)
+      (o = h[n]) != null && o.show && e.push(n);
+    return e;
+  }, [a, u, h]), xe = L(() => T.length === j.length, [T, j]), Ce = L(() => j.length > 0 && j.length < T.length, [j, T]), ke = () => {
+    const e = De({ ...l }, U);
+    W(e);
+  }, ye = () => {
+    const e = ve(l, ["width"]);
+    W(e);
+  };
+  return be(re, () => ({
+    getLeftSortColumns: () => a,
+    getCenterSortColumns: () => u,
+    getRightSortColumns: () => h,
+    getCheckedKeys: () => j
+  })), r.jsxs(H, { vertical: !0, gap: 8, style: ae, ref: z, className: "columnsSortWrapper", children: [r.jsxs("div", { className: "sortContent", children: [r.jsxs(H, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [r.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }), r.jsx(G, { placement: "left", dataList: R, keys: y, columnsMap: a, onLeftClick: P, onRightClick: $, onChange: he, onMoveEnd: ue })] }), r.jsxs(H, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [r.jsx(q.Title, { level: 5, className: "title", children: "不固定" }), r.jsx(G, { placement: "center", dataList: A, keys: M, columnsMap: u, onLeftClick: P, onRightClick: $, onChange: me, onMoveEnd: pe })] }), r.jsxs(H, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [r.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }), r.jsx(G, { placement: "right", dataList: E, keys: w, columnsMap: h, onLeftClick: P, onRightClick: $, onChange: de, onMoveEnd: fe })] })] }), r.jsxs(je, { size: 16, align: "end", ref: J, className: "checkAllAndReset", style: { paddingBottom: 8 }, children: [r.jsx(Le, { indeterminate: Ce, checked: xe, onChange: ge, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" }) }), r.jsx(se, { type: "link", icon: r.jsx(oe, {}), size: "small", onClick: ke, className: Q, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" }) }), r.jsx(se, { type: "link", icon: r.jsx(oe, {}), size: "small", onClick: ye, className: Q, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" }) })] })] });
+}), Xe = Ee(Te);
 export {
   Xe as default
 };

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

@@ -1,69 +1,35 @@
-import { j as e } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
 import j, { useState as I } from "react";
-import { useSortable as x } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { CSS as D } from "../../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
-import { theme as y, Flex as a, Checkbox as N } from "antd";
-import h from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { useSortable as x } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { CSS as y } from "../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import { theme as D, Flex as a, Checkbox as h } from "antd";
+import N from "../../../../../node_modules/classnames/index.mjs";
 import w from "../../../../../assets/iconfont/IconDragOrder.mjs";
-const R = ({
-  item: t,
-  onCheckboxChange: r,
-  isDragOverlay: l
-}) => {
-  const {
-    attributes: i,
-    isDragging: o,
-    setNodeRef: c,
-    listeners: f,
-    transform: m,
-    transition: d
-  } = x({
+const R = ({ item: t, onCheckboxChange: r, isDragOverlay: l }) => {
+  const { attributes: i, isDragging: o, setNodeRef: c, listeners: f, transform: m, transition: d } = x({
     id: t == null ? void 0 : t.field
     // disabled: item?.disabled,
-  }), { token: s } = y.useToken(), u = {
+  }), { token: s } = D.useToken(), u = {
     gap: 8,
     transition: d,
-    transform: D.Transform.toString(m),
+    transform: y.Transform.toString(m),
     ...o && {
       opacity: 0.6
     },
     ...l && {
       backgroundColor: s.colorBgContainer
     }
-  }, [p, n] = I(!1), g = ({ target: S }) => {
+  }, [g, n] = I(!1), p = ({ target: S }) => {
     r == null || r(t.field, S.checked);
   };
-  return /* @__PURE__ */ e.jsxs(
-    a,
-    {
-      align: "center",
-      className: h({ sortItemDragging: o }, "sortItem"),
-      style: u,
-      ref: c,
-      onMouseEnter: () => n(!0),
-      onMouseLeave: () => n(!1),
-      ...i,
-      children: [
-        /* @__PURE__ */ e.jsx(a, { align: "center", className: "dragIcon", ...f, children: /* @__PURE__ */ e.jsx(
-          w,
-          {
-            size: s.fontSize + 4,
-            style: { opacity: p ? 1 : 0.3 }
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          N,
-          {
-            value: t.field,
-            checked: t.show,
-            onChange: g,
-            title: t.title,
-            children: t.title
-          }
-        )
-      ]
-    }
-  );
+  return e.jsxs(a, { align: "center", className: N({ sortItemDragging: o }, "sortItem"), style: u, ref: c, onMouseEnter: () => n(!0), onMouseLeave: () => n(!1), ...i, children: [e.jsx(a, { align: "center", className: "dragIcon", ...f, children: e.jsx(w, { size: s.fontSize + 4, style: { opacity: g ? 1 : 0.3 } }) }), e.jsx(h, {
+    value: t.field,
+    checked: t.show,
+    onChange: p,
+    // className={checkboxCls}
+    title: t.title,
+    children: t.title
+  })] });
 }, B = j.memo(R);
 export {
   B as default

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ExportConfig/DndList.mjs

@@ -1,53 +1,27 @@
-import { j as o } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { DndContext as j, closestCenter as u, DragOverlay as h } from "../../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { SortableContext as v, rectSortingStrategy as y, arrayMove as l } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { useState as C } from "react";
+import { j as o } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { DndContext as p, closestCenter as j, DragOverlay as u } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { SortableContext as C, rectSortingStrategy as v, arrayMove as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { useState as y } from "react";
 import m from "./DndItem.mjs";
-const E = ({ dataList: r, keys: a, onChange: x, onMoveEnd: d }) => {
-  const [s, c] = C(-1), f = (t) => {
+const N = ({ dataList: n, keys: a, onChange: x, onMoveEnd: d }) => {
+  const [s, c] = y(-1), f = (t) => {
     const { active: e } = t;
     e && c(e.data.current.sortable.index);
-  }, D = (t) => {
+  }, g = (t) => {
     const { over: e } = t;
     if (e) {
-      const n = e.data.current.sortable.index;
-      s !== n && (g(s, n), c(-1));
+      const r = e.data.current.sortable.index;
+      s !== r && (D(s, r), c(-1));
     }
-  }, g = (t, e) => {
-    const n = l(a, t, e), i = l(r, t, e);
-    d(i, n);
-  }, p = (t, e) => {
-    const n = r.findIndex((S) => S.field === t), i = JSON.parse(JSON.stringify(r));
-    i[n].show = e, x(i);
+  }, D = (t, e) => {
+    const r = l(a, t, e), i = l(n, t, e);
+    d(i, r);
+  }, S = (t, e) => {
+    const r = n.findIndex((h) => h.field === t), i = JSON.parse(JSON.stringify(n));
+    i[r].show = e, x(i);
   };
-  return /* @__PURE__ */ o.jsx(
-    j,
-    {
-      collisionDetection: u,
-      onDragStart: f,
-      onDragEnd: D,
-      onDragCancel: () => c(-1),
-      children: /* @__PURE__ */ o.jsx(v, { items: a, strategy: y, children: /* @__PURE__ */ o.jsxs("div", { className: "sortList", children: [
-        r.map((t) => /* @__PURE__ */ o.jsx(
-          m,
-          {
-            item: t,
-            onCheckboxChange: p
-          },
-          t.field
-        )),
-        /* @__PURE__ */ o.jsx(h, { children: s !== -1 && /* @__PURE__ */ o.jsx(
-          m,
-          {
-            item: r[s],
-            isDragOverlay: !0
-          },
-          r[s].field
-        ) })
-      ] }) })
-    }
-  );
+  return o.jsx(p, { collisionDetection: j, onDragStart: f, onDragEnd: g, onDragCancel: () => c(-1), children: o.jsx(C, { items: a, strategy: v, children: o.jsxs("div", { className: "sortList", children: [n.map((t) => o.jsx(m, { item: t, onCheckboxChange: S }, t.field)), o.jsx(u, { children: s !== -1 && o.jsx(m, { item: n[s], isDragOverlay: !0 }, n[s].field) })] }) }) });
 };
 export {
-  E as default
+  N as default
 };