bitz-react-admin-ui 2.7.10 → 2.8.0

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

@@ -1,357 +1,170 @@
-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 { 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 "../../../index.mjs";
-import { columnSort as Ie, genColumnKey as ze, updateNestedObject as v, removePropertiesWithoutMutation as Ae } from "../../../Store/utils/index.mjs";
+import { columnSort as ve, genColumnKey as De, updateNestedObject as L, removePropertiesWithoutMutation as Ne } from "../../../Store/utils/index.mjs";
 import G from "./DndList.mjs";
-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`
+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`
       &:hover {
         color: ${le.colorPrimary} !important;
       }
     `;
-    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);
+  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
     };
-    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: "error",
-              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: "重置列宽" })
-                  }
-                )
-              ]
-            }
-          )
-        ]
+  }))(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,
+        show: !0
       }
-    );
-  }
-), _e = Ee(We);
+    });
+    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);
 export {
   _e as default
 };

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

@@ -1,69 +1,35 @@
 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 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 { 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