bitz-react-admin-ui 2.3.1 → 2.3.3

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

@@ -1,13 +1,13 @@
 import { j as o } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import F, { useState as v, useMemo as M } from "react";
+import F, { useState as E, useMemo as M } from "react";
 import { useSortable as O } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { CSS as _ } from "../../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
-import { theme as I, Flex as d, Checkbox as k, Tooltip as $ } from "antd";
-import q from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import A from "../../../../../assets/iconfont/IconDragOrder.mjs";
-import x from "../../../../../assets/iconfont/IconColumnFixedLeft.mjs";
-import g from "../../../../../assets/iconfont/IconColumnFixedRight.mjs";
-import h from "../../../../../assets/iconfont/IconColumnCancelFixed.mjs";
+import { CSS as v } from "../../../../../node_modules/.store/@dnd-kit_utilities@3.2.2/node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import { theme as j, Flex as d, Checkbox as _, Tooltip as k } from "antd";
+import $ from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import q from "../../../../../assets/iconfont/IconDragOrder.mjs";
+import u from "../../../../../assets/iconfont/IconColumnFixedLeft.mjs";
+import x from "../../../../../assets/iconfont/IconColumnFixedRight.mjs";
+import g from "../../../../../assets/iconfont/IconColumnCancelFixed.mjs";
 import "../../../../../assets/iconfont/IconMore.mjs";
 import "../../../../../assets/iconfont/IconIcFluentHomeRegular.mjs";
 import "../../../../../assets/iconfont/IconKuansongde.mjs";
@@ -37,10 +37,10 @@ import "../../../../../assets/iconfont/IconFabu.mjs";
 import "../../../../../assets/iconfont/IconShanchu1.mjs";
 import "../../../../../assets/iconfont/IconShanchu.mjs";
 import "../../../../../assets/iconfont/IconTuodong.mjs";
-const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
-  const { token: s } = I.useToken();
+const h = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
+  const { token: s } = j.useToken();
   return /* @__PURE__ */ o.jsx(
-    $,
+    k,
     {
       getTooltipContainer: (p) => p.parentElement,
       title: e,
@@ -55,7 +55,7 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
       )
     }
   );
-}, B = ({
+}, A = ({
   item: t,
   isDragOverlay: n,
   placement: r,
@@ -66,31 +66,29 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
   const {
     attributes: p,
     isDragging: m,
-    setNodeRef: S,
+    setNodeRef: I,
     listeners: y,
-    transform: N,
-    transition: T
+    transform: S,
+    transition: N
   } = O({
     id: t == null ? void 0 : t.key
     // disabled: item?.disabled,
-  }), { token: w } = I.useToken(), z = {
-    transition: T,
-    transform: _.Transform.toString(N),
+  }), { token: T } = j.useToken(), w = {
+    transition: N,
+    transform: v.Transform.toString(S),
     ...m && {
       opacity: 0.6
     }
-  }, D = ({ target: l }) => {
-    s == null || s(t.key, l.checked);
-  }, [a, E] = v(!1), c = (l) => {
-    E(l);
-  }, { text: f, icon: u } = M(() => r === "left" ? {
+  }, z = ({ target: D }) => {
+    s == null || s(t.key, D.checked);
+  }, [l, a] = E(!1), { text: c, icon: f } = M(() => r === "left" ? {
     text: {
       left: "取消固定",
       right: "固定在右侧"
     },
     icon: {
-      left: h,
-      right: g
+      left: g,
+      right: x
     }
   } : r === "center" ? {
     text: {
@@ -98,8 +96,8 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
       right: "固定在右侧"
     },
     icon: {
-      left: x,
-      right: g
+      left: u,
+      right: x
     }
   } : {
     text: {
@@ -107,28 +105,34 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
       right: "取消固定"
     },
     icon: {
-      left: x,
-      right: h
+      left: u,
+      right: g
     }
   }, [r]);
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: q({ sortItemDragging: m }, "sortItem", {
-        showSortItemOperat: a && !n
+      className: $({ sortItemDragging: m }, "sortItem", {
+        showSortItemOperat: l && !n
       }),
-      style: z,
-      ref: S,
-      onMouseEnter: () => c(!0),
-      onMouseLeave: () => c(!1),
+      style: w,
+      ref: I,
+      onMouseEnter: () => a(!0),
+      onMouseLeave: () => a(!1),
       ...p,
       children: [
-        /* @__PURE__ */ o.jsx(d, { align: "center", className: "dragIcon", ...y, children: /* @__PURE__ */ o.jsx(A, { size: w.fontSize + 4 }) }),
+        /* @__PURE__ */ o.jsx(d, { align: "center", className: "dragIcon", ...y, children: /* @__PURE__ */ o.jsx(
+          q,
+          {
+            size: T.fontSize + 4,
+            style: { opacity: l ? 1 : 0.3 }
+          }
+        ) }),
         /* @__PURE__ */ o.jsx(
-          k,
+          _,
           {
             checked: t.show,
-            onChange: D,
+            onChange: z,
             title: t.title,
             children: t.title
           }
@@ -138,28 +142,28 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
           {
             style: {
               height: "100%",
-              display: a && !n ? "flex" : "none"
+              display: l && !n ? "flex" : "none"
             },
             align: "center",
             className: "operation pointerCursor",
             children: [
               /* @__PURE__ */ o.jsx(
-                j,
+                h,
                 {
                   className: "leftOperation",
-                  title: f.left,
+                  title: c.left,
                   open: m,
-                  icon: u.left,
+                  icon: f.left,
                   onClick: () => e == null ? void 0 : e(t.key, r)
                 }
               ),
               /* @__PURE__ */ o.jsx(
-                j,
+                h,
                 {
                   className: "rightOperation",
-                  title: f.right,
+                  title: c.right,
                   open: m,
-                  icon: u.right,
+                  icon: f.right,
                   onClick: () => i == null ? void 0 : i(t.key, r)
                 }
               )
@@ -169,7 +173,7 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
       ]
     }
   );
-}, Tt = F.memo(B);
+}, Nt = F.memo(A);
 export {
-  Tt as default
+  Nt as default
 };

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

@@ -1,40 +1,41 @@
 import { j as r } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { css as me } from "../../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { theme as pe, Flex as F, Typography as q, Space as xe, Checkbox as ge, Button as Ce } from "antd";
-import { forwardRef as ye, useRef as ke, useMemo as k, useContext as Me, useEffect as G, useState as m, useImperativeHandle as we, memo as Le } from "react";
-import { useImmer as Se } from "../../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
-import je from "../../../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
+import { theme as pe, Flex as B, Typography as q, Space as xe, Checkbox as ge, Button as Ce } from "antd";
+import { forwardRef as ye, useRef as ke, useMemo as k, useContext as Me, useEffect as G, useState as m, useImperativeHandle as je, memo as we } from "react";
+import { useImmer as Le } from "../../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
+import Se from "../../../../../node_modules/.store/ahooks@3.7.11/node_modules/ahooks/es/useSize/index.mjs";
 import "../../../index.mjs";
-import { columnSort as Ke, genColumnKey as be, updateNestedObject as j } from "../../../Store/utils/index.mjs";
+import { columnSort as be, genColumnKey as Ke, updateNestedObject as S } from "../../../Store/utils/index.mjs";
 import J from "./DndList.mjs";
 import { BitzTableContext as ve } from "../../../Store/index.mjs";
 import Ne from "../../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
 import Ee from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
 const Re = ye(
-  ({ display: K, parentHeight: I }, H) => {
-    const { token: ee } = pe.useToken(), Q = ke(null), f = je(Q), te = k(() => ({
+  ({ display: b, parentHeight: I }, te) => {
+    const { token: se } = pe.useToken(), Q = ke(null), f = Se(Q), oe = k(() => ({
       // display: display ? 'flex' : 'none'
-      width: K ? "100%" : 0,
+      width: b ? "100%" : 0,
       height: "100%",
-      pointerEvents: K ? "auto" : "none",
-      opacity: K ? 1 : 0,
+      pointerEvents: b ? "auto" : "none",
+      opacity: b ? 1 : 0,
       overflow: "hidden",
-      ...K ? {} : {
+      ...b ? {} : {
         position: "absolute",
         left: 0,
         right: 0
       }
-    }), [K]), O = {
+    }), [b]), F = {
       height: k(() => typeof I == "number" && I && (f != null && f.height) ? I - (f == null ? void 0 : f.height) - 16 : "auto", [I, f == null ? void 0 : f.height]),
       overflow: "hidden auto",
       gap: 6
-    }, { defaultColumnKeyMap: se, columns: U, columnsMap: oe } = Me(ve), [i, V] = Se({});
+    }, { defaultColumnKeyMap: U, columns: V, columnsMap: W } = Me(ve), [i, X] = Le({});
     G(() => {
-      V({ ...oe });
+      const e = Object.keys(W).length ? W : U;
+      X(e);
     }, []);
-    const W = k(() => ((s, t) => s.map((n) => {
-      var _;
-      const { key: o, dataIndex: c, children: l, ...C } = n, y = be(
+    const Y = k(() => ((s, t) => s.map((n) => {
+      var ee;
+      const { key: o, dataIndex: c, children: l, ...C } = n, y = Ke(
         n,
         [t == null ? void 0 : t.columnKey, C.index].join("-")
       ), u = i[y || "null"] || {
@@ -45,11 +46,11 @@ const Re = ye(
         ...Ee(C, ["className"]),
         selectable: !1,
         disabled: u.disabled === !0,
-        disableCheckbox: typeof u.disabled == "boolean" ? u == null ? void 0 : u.disabled : (_ = u == null ? void 0 : u.disabled) == null ? void 0 : _.checkbox,
+        disableCheckbox: typeof u.disabled == "boolean" ? u == null ? void 0 : u.disabled : (ee = u == null ? void 0 : u.disabled) == null ? void 0 : ee.checkbox,
         isLeaf: t ? !0 : void 0,
         ...u
       };
-    }))(U ?? []).sort(Ke(i)), [i, U]);
+    }))(V ?? []).sort(be(i)), [i, V]);
     G(() => {
       var n, o;
       const e = {}, s = {}, t = {};
@@ -57,13 +58,13 @@ const Re = ye(
         ((n = i[c]) == null ? void 0 : n.fixed) === "left" ? e[c] = i[c] : ((o = i[c]) == null ? void 0 : o.fixed) === "right" ? s[c] = i[c] : t[c] = i[c];
       p(e), x(s), g(t);
     }, [i]);
-    const [b, z] = m([]), [M, v] = m([]), [h, p] = m({}), [N, D] = m([]), [w, E] = m([]), [a, x] = m({}), [R, A] = m([]), [L, T] = m([]), [d, g] = m({});
+    const [K, z] = m([]), [M, v] = m([]), [h, p] = m({}), [N, D] = m([]), [j, E] = m([]), [a, x] = m({}), [R, O] = m([]), [w, T] = m([]), [d, g] = m({});
     G(() => {
       const e = [], s = [], t = [], n = [], o = [], c = [];
-      W.forEach((l) => {
+      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), c.push(l.key));
-      }), z(e), v(s), D(t), E(n), A(o), T(c);
-    }, [W]);
+      }), z(e), v(s), D(t), E(n), O(o), T(c);
+    }, [Y]);
     const ne = (e) => {
       p(e);
     }, ce = (e, s) => {
@@ -76,27 +77,27 @@ const Re = ye(
       g(e);
     }, he = (e, s) => {
       g(e), T(s);
-    }, X = (e, s, t, n) => {
+    }, Z = (e, s, t, n) => {
       const o = { ...s[e] };
       delete s[e], g({
         ...d,
         [e]: { ...o, fixed: void 0, order: R.length }
       });
       const c = t.findIndex((y) => y.key === e), l = t.splice(c, 1)[0];
-      A([...R, { ...l, fixed: void 0 }]);
+      O([...R, { ...l, fixed: void 0 }]);
       const C = n.splice(c, 1);
-      return T([...L, ...C]), { map: s, list: t, keys: n };
-    }, Y = (e, s, t, n) => {
+      return T([...w, ...C]), { map: s, list: t, keys: n };
+    }, _ = (e, s, t, n) => {
       const o = { ...s[e] };
       delete s[e], p({
         ...h,
-        [e]: { ...o, fixed: "left", order: b.length, show: !0 }
+        [e]: { ...o, fixed: "left", order: K.length, show: !0 }
       });
       const c = t.findIndex((y) => y.key === e), l = t.splice(c, 1)[0];
-      z([...b, { ...l, fixed: "left" }]);
+      z([...K, { ...l, fixed: "left" }]);
       const C = n.splice(c, 1);
       return v([...M, ...C]), { map: s, list: t, keys: n };
-    }, Z = (e, s, t, n) => {
+    }, H = (e, s, t, n) => {
       const o = { ...s[e] };
       delete s[e], x({
         ...a,
@@ -110,62 +111,62 @@ const Re = ye(
       const c = t.findIndex((y) => y.key === e), l = t.splice(c, 1)[0];
       D([...N, { ...l, fixed: "right" }]);
       const C = n.splice(c, 1);
-      return E([...w, ...C]), { map: s, list: t, keys: n };
+      return E([...j, ...C]), { map: s, list: t, keys: n };
     }, $ = (e, s) => {
       if (s === "left") {
-        const { map: t, list: n, keys: o } = X(
+        const { map: t, list: n, keys: o } = Z(
           e,
           h,
-          b,
+          K,
           M
         );
         p({ ...t }), z([...n]), v([...o]);
       } else if (s === "center") {
-        const { map: t, list: n, keys: o } = Y(
+        const { map: t, list: n, keys: o } = _(
           e,
           d,
           R,
-          L
+          w
         );
-        g({ ...t }), A([...n]), T([...o]);
+        g({ ...t }), O([...n]), T([...o]);
       } else {
-        const { map: t, list: n, keys: o } = Y(
+        const { map: t, list: n, keys: o } = _(
           e,
           a,
           N,
-          w
+          j
         );
         x({ ...t }), D([...n]), E([...o]);
       }
     }, P = (e, s) => {
       if (s === "left") {
-        const { map: t, list: n, keys: o } = Z(
+        const { map: t, list: n, keys: o } = H(
           e,
           h,
-          b,
+          K,
           M
         );
         p({ ...t }), z([...n]), v([...o]);
       } else if (s === "center") {
-        const { map: t, list: n, keys: o } = Z(
+        const { map: t, list: n, keys: o } = H(
           e,
           d,
           R,
-          L
+          w
         );
-        g({ ...t }), A([...n]), T([...o]);
+        g({ ...t }), O([...n]), T([...o]);
       } else {
-        const { map: t, list: n, keys: o } = X(
+        const { map: t, list: n, keys: o } = Z(
           e,
           a,
           N,
-          w
+          j
         );
         x({ ...t }), D([...n]), E([...o]);
       }
     }, ae = ({ target: e }) => {
-      e.checked ? (p(j(h, "show", !0)), g(j(d, "show", !0)), x(j(a, "show", !0))) : (p(j(h, "show", !1)), g(j(d, "show", !1)), x(j(a, "show", !1)));
-    }, B = k(() => [...M, ...L, ...w], [M, L, w]), S = k(() => {
+      e.checked ? (p(S(h, "show", !0)), g(S(d, "show", !0)), x(S(a, "show", !0))) : (p(S(h, "show", !1)), g(S(d, "show", !1)), x(S(a, "show", !1)));
+    }, A = k(() => [...M, ...w, ...j], [M, w, j]), L = k(() => {
       var s, t, n;
       const e = [];
       for (const o in h)
@@ -175,23 +176,23 @@ const Re = ye(
       for (const o in a)
         (n = a[o]) != null && n.show && e.push(o);
       return e;
-    }, [h, d, a]), de = k(() => B.length === S.length, [B, S]), fe = k(() => S.length > 0 && S.length < B.length, [S, B]), ue = () => {
-      V({ ...se });
+    }, [h, d, a]), de = k(() => A.length === L.length, [A, L]), fe = k(() => L.length > 0 && L.length < A.length, [L, A]), ue = () => {
+      X({ ...U });
     };
-    return we(H, () => ({
+    return je(te, () => ({
       getLeftSortColumns: () => h,
       getCenterSortColumns: () => d,
       getRightSortColumns: () => a,
-      getCheckedKeys: () => S
-    })), /* @__PURE__ */ r.jsxs(F, { vertical: !0, gap: 16, style: te, children: [
+      getCheckedKeys: () => L
+    })), /* @__PURE__ */ r.jsxs(B, { vertical: !0, gap: 16, style: oe, children: [
       /* @__PURE__ */ r.jsxs("div", { className: "sortContent", children: [
-        /* @__PURE__ */ r.jsxs(F, { vertical: !0, className: "sortCard", style: O, children: [
+        /* @__PURE__ */ r.jsxs(B, { vertical: !0, className: "sortCard", style: F, children: [
           /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
           /* @__PURE__ */ r.jsx(
             J,
             {
               placement: "left",
-              dataList: b,
+              dataList: K,
               keys: M,
               columnsMap: h,
               onLeftClick: $,
@@ -201,14 +202,14 @@ const Re = ye(
             }
           )
         ] }),
-        /* @__PURE__ */ r.jsxs(F, { vertical: !0, className: "sortCard", style: O, children: [
+        /* @__PURE__ */ r.jsxs(B, { vertical: !0, className: "sortCard", style: F, children: [
           /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
           /* @__PURE__ */ r.jsx(
             J,
             {
               placement: "center",
               dataList: R,
-              keys: L,
+              keys: w,
               columnsMap: d,
               onLeftClick: $,
               onRightClick: P,
@@ -217,14 +218,14 @@ const Re = ye(
             }
           )
         ] }),
-        /* @__PURE__ */ r.jsxs(F, { vertical: !0, className: "sortCard", style: O, children: [
+        /* @__PURE__ */ r.jsxs(B, { vertical: !0, className: "sortCard", style: F, children: [
           /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
           /* @__PURE__ */ r.jsx(
             J,
             {
               placement: "right",
               dataList: N,
-              keys: w,
+              keys: j,
               columnsMap: a,
               onLeftClick: $,
               onRightClick: P,
@@ -253,7 +254,7 @@ const Re = ye(
             onClick: ue,
             className: me`
               &:hover {
-                color: ${ee.colorPrimary} !important;
+                color: ${se.colorPrimary} !important;
               }
             `,
             children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置" })
@@ -262,7 +263,7 @@ const Re = ye(
       ] })
     ] });
   }
-), Ue = Le(Re);
+), Ue = we(Re);
 export {
   Ue as default
 };

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

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