bitz-react-admin-ui 2.8.0 → 2.8.1

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

@@ -1,170 +1,357 @@
-import { j as c } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { css as je } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { theme as Ee, Flex as I, Alert as we, Typography as q, Space as Me, Checkbox as Le, Button as ne } from "antd";
-import { forwardRef as Se, useRef as oe, useState as d, useEffect as K, useMemo as M, useContext as Re, useImperativeHandle as be, memo as Be } from "react";
-import { useImmer as Ke } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
+import { j as r } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { css as Me } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import { theme as Se, Flex as F, Alert as Le, Typography as q, Space as be, Checkbox as ve, Button as ne } from "antd";
+import { forwardRef as Ke, useRef as oe, useState as f, useEffect as T, useMemo as b, useContext as Re, useImperativeHandle as Ne, memo as Ee } from "react";
+import { useImmer as Te } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
 import "../../../index.mjs";
-import { columnSort as ve, genColumnKey as De, updateNestedObject as L, removePropertiesWithoutMutation as Ne } from "../../../Store/utils/index.mjs";
+import { columnSort as Ie, genColumnKey as ze, updateNestedObject as v, removePropertiesWithoutMutation as Ae } from "../../../Store/utils/index.mjs";
 import G from "./DndList.mjs";
-import { BitzTableContext as Te } from "../../../Store/index.mjs";
-import Ie from "../../../../../node_modules/lodash-es/omit.mjs";
-import ze from "../../../../../node_modules/lodash-es/merge.mjs";
-import ce from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const He = Se(({ display: y, height: z, postHeight: re }, ie) => {
-  const { token: le } = Ee.useToken(), H = oe(null), J = oe(null), [O, ue] = d("auto"), Q = je`
+import { BitzTableContext as He } from "../../../Store/index.mjs";
+import Fe from "../../../../../node_modules/lodash-es/omit.mjs";
+import Oe from "../../../../../node_modules/lodash-es/merge.mjs";
+import re from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const We = Ke(
+  ({ display: y, height: O, postHeight: ce }, ie) => {
+    const { token: le } = Se.useToken(), W = oe(null), J = oe(null), [B, ae] = f("auto"), Q = Me`
       &:hover {
         color: ${le.colorPrimary} !important;
       }
     `;
-  K(() => {
-    H.current && re();
-  }, [H.current]), K(() => {
-    var e;
-    if (typeof z == "number") {
-      const s = (e = J.current) == null ? void 0 : e.clientHeight;
-      ue(z - s - 16 - 8);
-    }
-  }, [z]);
-  const ae = M(() => ({
-    // 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 } = Re(Te), [l, W] = Ke({});
-  K(() => {
-    const e = Object.keys(X).length ? X : U;
-    W(e);
-  }, []);
-  const Y = M(() => ((s, t) => s.map((o) => {
-    var se;
-    const { key: n, dataIndex: r, children: i, ...x } = o, C = De(o, [t == null ? void 0 : t.columnKey, x.index].join("-")), f = l[C || "null"] || {
-      show: !0
-    };
-    return {
-      key: C,
-      ...Ie(x, ["className"]),
-      selectable: !1,
-      disabled: f.disabled === !0,
-      disableCheckbox: typeof f.disabled == "boolean" ? f == null ? void 0 : f.disabled : (se = f == null ? void 0 : f.disabled) == null ? void 0 : se.checkbox,
-      isLeaf: t ? !0 : void 0,
-      ...f
-    };
-  }))(V ?? []).sort(ve(l)), [l, V]);
-  K(() => {
-    var o, n;
-    const e = {}, s = {}, t = {};
-    for (const r in l)
-      ((o = l[r]) == null ? void 0 : o.fixed) === "left" ? e[r] = l[r] : ((n = l[r]) == null ? void 0 : n.fixed) === "right" ? s[r] = l[r] : t[r] = l[r];
-    m(e), p(s), g(t);
-  }, [l]);
-  const [k, v] = d([]), [F, S] = d([]), [u, m] = d({}), [A, D] = d([]), [j, R] = d([]), [a, p] = d({}), [b, N] = d([]), [E, B] = d([]), [h, g] = d({});
-  K(() => {
-    const e = [], s = [], t = [], o = [], n = [], r = [];
-    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), r.push(i.key));
-    }), v(e), S(s), D(t), R(o), N(n), B(r);
-  }, [Y]);
-  const Z = [...k, ...A], he = Z.length < 8, de = (e) => {
-    m(e);
-  }, fe = (e, s) => {
-    m(e), S(s);
-  }, me = (e) => {
-    p(e);
-  }, pe = (e, s) => {
-    p(e), R(s);
-  }, ge = (e) => {
-    g(e);
-  }, xe = (e, s) => {
-    g(e), B(s);
-  }, _ = (e, s, t, o) => {
-    const n = { ...s[e] };
-    delete s[e], g({
-      ...h,
-      [e]: { ...n, fixed: void 0, order: b.length }
-    });
-    const r = t.findIndex((C) => C.key === e), i = t.splice(r, 1)[0];
-    N([...b, { ...i, fixed: void 0 }]);
-    const x = o.splice(r, 1);
-    return B([...E, ...x]), { map: s, list: t, keys: o };
-  }, ee = (e, s, t, o) => {
-    const n = { ...s[e] };
-    delete s[e], m({
-      ...u,
-      [e]: { ...n, fixed: "left", order: k.length, show: !0 }
-    });
-    const r = t.findIndex((C) => C.key === e), i = t.splice(r, 1)[0];
-    v([...k, { ...i, fixed: "left" }]);
-    const x = o.splice(r, 1);
-    return S([...F, ...x]), { map: s, list: t, keys: o };
-  }, te = (e, s, t, o) => {
-    const n = { ...s[e] };
-    delete s[e], p({
-      ...a,
-      [e]: {
-        ...n,
-        fixed: "right",
-        order: A.length,
+    T(() => {
+      W.current && ce();
+    }, [W.current]), T(() => {
+      var e;
+      if (typeof O == "number") {
+        const s = (e = J.current) == null ? void 0 : e.clientHeight;
+        ae(O - s - 16 - 8);
+      }
+    }, [O]);
+    const he = b(() => ({
+      // 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 } = Re(He), [l, D] = Te({});
+    T(() => {
+      const e = Object.keys(X).length ? X : U;
+      D(e);
+    }, []);
+    const Y = b(() => ((s, t) => s.map((o) => {
+      var se;
+      const { key: n, dataIndex: c, children: i, ...g } = o, C = ze(
+        o,
+        [t == null ? void 0 : t.columnKey, g.index].join("-")
+      ), m = l[C || "null"] || {
         show: !0
+      };
+      return {
+        key: C,
+        ...Fe(g, ["className"]),
+        selectable: !1,
+        disabled: m.disabled === !0,
+        disableCheckbox: typeof m.disabled == "boolean" ? m == null ? void 0 : m.disabled : (se = m == null ? void 0 : m.disabled) == null ? void 0 : se.checkbox,
+        isLeaf: t ? !0 : void 0,
+        ...m
+      };
+    }))(V ?? []).sort(Ie(l)), [l, V]);
+    T(() => {
+      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];
+      u(e), p(s), x(t);
+    }, [l]);
+    const [j, I] = f([]), [w, K] = f([]), [a, u] = f({}), [k, z] = f([]), [M, R] = f([]), [h, p] = f({}), [N, A] = f([]), [S, E] = f([]), [d, x] = f({});
+    T(() => {
+      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));
+      }), I(e), K(s), z(t), R(o), A(n), E(c);
+    }, [Y]);
+    const Z = [...j, ...k], de = Z.length < 8, fe = (e) => {
+      u(e);
+    }, me = (e, s) => {
+      u(e), K(s);
+    }, ue = (e) => {
+      p(e);
+    }, pe = (e, s) => {
+      p(e), R(s);
+    }, xe = (e) => {
+      x(e);
+    }, ge = (e, s) => {
+      x(e), E(s);
+    }, _ = (e, s, t, o) => {
+      const n = { ...s[e] };
+      delete s[e], x({
+        ...d,
+        [e]: { ...n, fixed: void 0, order: N.length }
+      });
+      const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+      A([...N, { ...i, fixed: void 0 }]);
+      const g = o.splice(c, 1);
+      return E([...S, ...g]), { map: s, list: t, keys: o };
+    }, ee = (e, s, t, o) => {
+      const n = { ...s[e] };
+      delete s[e], u({
+        ...a,
+        [e]: { ...n, fixed: "left", order: j.length, show: !0 }
+      });
+      const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+      I([...j, { ...i, fixed: "left" }]);
+      const g = o.splice(c, 1);
+      return K([...w, ...g]), { map: s, list: t, keys: o };
+    }, te = (e, s, t, o) => {
+      const n = { ...s[e] };
+      delete s[e], p({
+        ...h,
+        [e]: {
+          ...n,
+          fixed: "right",
+          order: k.length,
+          show: !0
+        }
+      });
+      const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+      z([...k, { ...i, fixed: "right" }]);
+      const g = o.splice(c, 1);
+      return R([...M, ...g]), { map: s, list: t, keys: o };
+    }, P = (e, s) => {
+      if (s === "left") {
+        const { map: t, list: o, keys: n } = _(
+          e,
+          a,
+          j,
+          w
+        );
+        u({ ...t }), I([...o]), K([...n]);
+      } else if (s === "center") {
+        const { map: t, list: o, keys: n } = ee(
+          e,
+          d,
+          N,
+          S
+        );
+        x({ ...t }), A([...o]), E([...n]);
+      } else {
+        const { map: t, list: o, keys: n } = ee(
+          e,
+          h,
+          k,
+          M
+        );
+        p({ ...t }), z([...o]), R([...n]);
+      }
+    }, $ = (e, s) => {
+      if (s === "left") {
+        const { map: t, list: o, keys: n } = te(
+          e,
+          a,
+          j,
+          w
+        );
+        u({ ...t }), I([...o]), K([...n]);
+      } else if (s === "center") {
+        const { map: t, list: o, keys: n } = te(
+          e,
+          d,
+          N,
+          S
+        );
+        x({ ...t }), A([...o]), E([...n]);
+      } else {
+        const { map: t, list: o, keys: n } = _(
+          e,
+          h,
+          k,
+          M
+        );
+        p({ ...t }), z([...o]), R([...n]);
+      }
+    }, Ce = ({ target: e }) => {
+      e.checked ? (u(v(a, "show", !0)), x(v(d, "show", !0)), p(v(h, "show", !0))) : (u(v(a, "show", !1)), x(v(d, "show", !1)), p(v(h, "show", !1)));
+    }, H = b(() => [...w, ...S, ...M], [w, S, M]), L = b(() => {
+      var s, t, o;
+      const e = [];
+      for (const n in a)
+        (s = a[n]) != null && s.show && e.push(n);
+      for (const n in d)
+        (t = d[n]) != null && t.show && e.push(n);
+      for (const n in h)
+        (o = h[n]) != null && o.show && e.push(n);
+      return e;
+    }, [a, d, h]), ye = b(() => H.length === L.length, [H, L]), je = b(() => L.length > 0 && L.length < H.length, [L, H]), we = () => {
+      const e = Oe({ ...l }, U);
+      D(e);
+    }, ke = () => {
+      const e = Ae(l, ["width"]);
+      D(e);
+    };
+    return Ne(ie, () => ({
+      getLeftSortColumns: () => a,
+      getCenterSortColumns: () => d,
+      getRightSortColumns: () => h,
+      getCheckedKeys: () => L
+    })), /* @__PURE__ */ r.jsxs(
+      F,
+      {
+        vertical: !0,
+        gap: 8,
+        style: he,
+        ref: W,
+        className: "columnsSortWrapper",
+        children: [
+          !de && /* @__PURE__ */ r.jsx(
+            Le,
+            {
+              showIcon: !0,
+              type: "warning",
+              message: "固定列过多，将影响表格显示效果",
+              description: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                /* @__PURE__ */ r.jsxs("div", { children: [
+                  "当前总固定",
+                  /* @__PURE__ */ r.jsx("em", { style: { fontSize: 18, color: "red" }, children: Z.length }),
+                  "列"
+                ] }),
+                /* @__PURE__ */ r.jsxs("div", { children: [
+                  "左右总固定项建议不超过",
+                  /* @__PURE__ */ r.jsx("em", { style: { fontWeight: 600, fontSize: 16 }, children: "7" }),
+                  "列，且不建议单侧固定项过多"
+                ] }),
+                /* @__PURE__ */ r.jsx("div", { children: "固定项过多会造成表格显示异常，如部分列不可见或滚动条异常等现象" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ r.jsxs("div", { className: "sortContent", children: [
+            /* @__PURE__ */ r.jsxs(
+              F,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: B },
+                children: [
+                  /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
+                  /* @__PURE__ */ r.jsx(
+                    G,
+                    {
+                      placement: "left",
+                      dataList: j,
+                      keys: w,
+                      columnsMap: a,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: fe,
+                      onMoveEnd: me
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ r.jsxs(
+              F,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: B },
+                children: [
+                  /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
+                  /* @__PURE__ */ r.jsx(
+                    G,
+                    {
+                      placement: "center",
+                      dataList: N,
+                      keys: S,
+                      columnsMap: d,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: xe,
+                      onMoveEnd: ge
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ r.jsxs(
+              F,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: B },
+                children: [
+                  /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
+                  /* @__PURE__ */ r.jsx(
+                    G,
+                    {
+                      placement: "right",
+                      dataList: k,
+                      keys: M,
+                      columnsMap: h,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: ue,
+                      onMoveEnd: pe
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r.jsxs(
+            be,
+            {
+              size: 16,
+              align: "end",
+              ref: J,
+              className: "checkAllAndReset",
+              style: { paddingBottom: 8 },
+              children: [
+                /* @__PURE__ */ r.jsx(
+                  ve,
+                  {
+                    indeterminate: je,
+                    checked: ye,
+                    onChange: Ce,
+                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
+                  }
+                ),
+                /* @__PURE__ */ r.jsx(
+                  ne,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ r.jsx(re, {}),
+                    size: "small",
+                    onClick: we,
+                    className: Q,
+                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" })
+                  }
+                ),
+                /* @__PURE__ */ r.jsx(
+                  ne,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ r.jsx(re, {}),
+                    size: "small",
+                    onClick: ke,
+                    className: Q,
+                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" })
+                  }
+                )
+              ]
+            }
+          )
+        ]
       }
-    });
-    const r = t.findIndex((C) => C.key === e), i = t.splice(r, 1)[0];
-    D([...A, { ...i, fixed: "right" }]);
-    const x = o.splice(r, 1);
-    return R([...j, ...x]), { map: s, list: t, keys: o };
-  }, P = (e, s) => {
-    if (s === "left") {
-      const { map: t, list: o, keys: n } = _(e, u, k, F);
-      m({ ...t }), v([...o]), S([...n]);
-    } else if (s === "center") {
-      const { map: t, list: o, keys: n } = ee(e, h, b, E);
-      g({ ...t }), N([...o]), B([...n]);
-    } else {
-      const { map: t, list: o, keys: n } = ee(e, a, A, j);
-      p({ ...t }), D([...o]), R([...n]);
-    }
-  }, $ = (e, s) => {
-    if (s === "left") {
-      const { map: t, list: o, keys: n } = te(e, u, k, F);
-      m({ ...t }), v([...o]), S([...n]);
-    } else if (s === "center") {
-      const { map: t, list: o, keys: n } = te(e, h, b, E);
-      g({ ...t }), N([...o]), B([...n]);
-    } else {
-      const { map: t, list: o, keys: n } = _(e, a, A, j);
-      p({ ...t }), D([...o]), R([...n]);
-    }
-  }, Ce = ({ target: e }) => {
-    e.checked ? (m(L(u, "show", !0)), g(L(h, "show", !0)), p(L(a, "show", !0))) : (m(L(u, "show", !1)), g(L(h, "show", !1)), p(L(a, "show", !1)));
-  }, T = M(() => [...F, ...E, ...j], [F, E, j]), w = M(() => {
-    var s, t, o;
-    const e = [];
-    for (const n in u)
-      (s = u[n]) != null && s.show && e.push(n);
-    for (const n in h)
-      (t = h[n]) != null && t.show && e.push(n);
-    for (const n in a)
-      (o = a[n]) != null && o.show && e.push(n);
-    return e;
-  }, [u, h, a]), ye = M(() => T.length === w.length, [T, w]), ke = M(() => w.length > 0 && w.length < T.length, [w, T]), Fe = () => {
-    const e = ze({ ...l }, U);
-    W(e);
-  }, Ae = () => {
-    const e = Ne(l, ["width"]);
-    W(e);
-  };
-  return be(ie, () => ({
-    getLeftSortColumns: () => u,
-    getCenterSortColumns: () => h,
-    getRightSortColumns: () => a,
-    getCheckedKeys: () => w
-  })), c.jsxs(I, { vertical: !0, gap: 8, style: ae, ref: H, className: "columnsSortWrapper", children: [!he && c.jsx(we, { showIcon: !0, type: "warning", message: "固定列过多，将影响表格显示效果", description: c.jsxs(c.Fragment, { children: [c.jsxs("div", { children: ["当前总固定", c.jsx("em", { style: { fontSize: 18, color: "red" }, children: Z.length }), "列"] }), c.jsxs("div", { children: ["左右总固定项建议不超过", c.jsx("em", { style: { fontWeight: 600, fontSize: 16 }, children: "7" }), "列，且不建议单侧固定项过多"] }), c.jsx("div", { children: "固定项过多会造成表格显示异常，如部分列不可见或滚动条异常等现象" })] }) }), c.jsxs("div", { className: "sortContent", children: [c.jsxs(I, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [c.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }), c.jsx(G, { placement: "left", dataList: k, keys: F, columnsMap: u, onLeftClick: P, onRightClick: $, onChange: de, onMoveEnd: fe })] }), c.jsxs(I, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [c.jsx(q.Title, { level: 5, className: "title", children: "不固定" }), c.jsx(G, { placement: "center", dataList: b, keys: E, columnsMap: h, onLeftClick: P, onRightClick: $, onChange: ge, onMoveEnd: xe })] }), c.jsxs(I, { vertical: !0, className: "sortCard", gap: 6, style: { height: O }, children: [c.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }), c.jsx(G, { placement: "right", dataList: A, keys: j, columnsMap: a, onLeftClick: P, onRightClick: $, onChange: me, onMoveEnd: pe })] })] }), c.jsxs(Me, { size: 16, align: "end", ref: J, className: "checkAllAndReset", style: { paddingBottom: 8 }, children: [c.jsx(Le, { indeterminate: ke, checked: ye, onChange: Ce, children: c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" }) }), c.jsx(ne, { type: "link", icon: c.jsx(ce, {}), size: "small", onClick: Fe, className: Q, children: c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" }) }), c.jsx(ne, { type: "link", icon: c.jsx(ce, {}), size: "small", onClick: Ae, className: Q, children: c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" }) })] })] });
-}), _e = Be(He);
+    );
+  }
+), _e = Ee(We);
 export {
   _e as default
 };

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

@@ -1,35 +1,69 @@
 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/@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 { CSS as D } from "../../../../../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/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 } = D.useToken(), u = {
+  }), { token: s } = y.useToken(), u = {
     gap: 8,
     transition: d,
-    transform: y.Transform.toString(m),
+    transform: D.Transform.toString(m),
     ...o && {
       opacity: 0.6
     },
     ...l && {
       backgroundColor: s.colorBgContainer
     }
-  }, [g, n] = I(!1), p = ({ target: S }) => {
+  }, [p, n] = I(!1), g = ({ target: S }) => {
     r == null || r(t.field, S.checked);
   };
-  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
-  })] });
+  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
+          }
+        )
+      ]
+    }
+  );
 }, B = j.memo(R);
 export {
   B as default

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

@@ -1,27 +1,53 @@
 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 { DndContext as j, closestCenter as u, DragOverlay as h } from "../../../../../node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { SortableContext as v, rectSortingStrategy as y, arrayMove as l } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { useState as C } from "react";
 import m from "./DndItem.mjs";
-const N = ({ dataList: n, keys: a, onChange: x, onMoveEnd: d }) => {
-  const [s, c] = y(-1), f = (t) => {
+const E = ({ dataList: r, keys: a, onChange: x, onMoveEnd: d }) => {
+  const [s, c] = C(-1), f = (t) => {
     const { active: e } = t;
     e && c(e.data.current.sortable.index);
-  }, g = (t) => {
+  }, D = (t) => {
     const { over: e } = t;
     if (e) {
-      const r = e.data.current.sortable.index;
-      s !== r && (D(s, r), c(-1));
+      const n = e.data.current.sortable.index;
+      s !== n && (g(s, n), c(-1));
     }
-  }, 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);
+  }, 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);
   };
-  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) })] }) }) });
+  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
+        ) })
+      ] }) })
+    }
+  );
 };
 export {
-  N as default
+  E as default
 };