bitz-react-admin-ui 2.13.0 → 2.13.1

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

@@ -1,343 +1,343 @@
-import { j as r } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { RedoOutlined as te } from "@ant-design/icons";
-import { css as ke } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { theme as Se, Flex as D, Alert as Le, Typography as P, Space as ve, Checkbox as be, Button as se } from "antd";
-import { mapValues as oe, uniq as Re, omit as Ke, merge as Ne } from "lodash-es";
-import { forwardRef as Ee, useRef as ne, useState as u, useEffect as T, useMemo as v, useContext as Te, useImperativeHandle as He, memo as ze } from "react";
-import { useImmer as Ae } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
+import { jsxs as b, jsx as i } from "react/jsx-runtime";
+import { RedoOutlined as oe } from "@ant-design/icons";
+import { css as Le } from "@emotion/css";
+import { theme as ve, Flex as F, Alert as be, Typography as V, Space as Ke, Checkbox as Re, Button as ne } from "antd";
+import { mapValues as se, uniq as Ne, omit as Ee, merge as Te } from "lodash-es";
+import { forwardRef as He, useRef as re, useState as u, useEffect as z, useMemo as K, useContext as ze, useImperativeHandle as Ae, memo as Ie } from "react";
+import { useImmer as De } from "use-immer";
 import "../../../index.mjs";
-import { columnSort as Ie, genColumnKey as De, updateNestedObject as b, removePropertiesWithoutMutation as Fe } from "../../../Store/utils/index.mjs";
-import V from "./DndList.mjs";
-import { useLingui as We, Trans as $e } from "@lingui/react";
-import { BitzTableContext as Be } from "../../../Store/index.mjs";
-const Oe = Ee(({
-  display: C,
-  height: F,
-  postHeight: re
-}, ce) => {
+import { columnSort as je, genColumnKey as Fe, updateNestedObject as R, removePropertiesWithoutMutation as We } from "../../../Store/utils/index.mjs";
+import Z from "./DndList.mjs";
+import { useLingui as $e, Trans as Be } from "@lingui/react";
+import { BitzTableContext as Oe } from "../../../Store/index.mjs";
+const Je = He(({
+  display: y,
+  height: W,
+  postHeight: ce
+}, ie) => {
   const {
-    _: g
-  } = We(), {
-    token: ie
-  } = Se.useToken(), W = ne(null), Z = ne(null), [$, le] = u("auto"), _ = ke`
+    _: C
+  } = $e(), {
+    token: le
+  } = ve.useToken(), $ = re(null), _ = re(null), [B, ae] = u("auto"), q = Le`
       &:hover {
-        color: ${ie.colorPrimary} !important;
+        color: ${le.colorPrimary} !important;
       }
     `;
-  T(() => {
-    W.current && re();
-  }, [W.current]), T(() => {
+  z(() => {
+    $.current && ce();
+  }, [$.current]), z(() => {
     var e;
-    if (typeof F == "number") {
-      const s = (e = Z.current) == null ? void 0 : e.clientHeight;
-      le(F - s - 16 - 8);
+    if (typeof W == "number") {
+      const o = (e = _.current) == null ? void 0 : e.clientHeight;
+      ae(W - o - 16 - 8);
     }
-  }, [F]);
-  const ae = v(() => ({
+  }, [W]);
+  const de = K(() => ({
     // display: display ? 'flex' : 'none'
-    width: C ? "100%" : 0,
-    pointerEvents: C ? "auto" : "none",
-    opacity: C ? 1 : 0,
-    overflow: C ? "inherit" : "hidden",
-    ...C ? {} : {
+    width: y ? "100%" : 0,
+    pointerEvents: y ? "auto" : "none",
+    opacity: y ? 1 : 0,
+    overflow: y ? "inherit" : "hidden",
+    ...y ? {} : {
       position: "absolute",
       left: 0,
       right: 0
     }
-  }), [C]), {
-    defaultColumnKeyMap: q,
-    baseColumns: G,
-    columnsMap: de
-  } = Te(Be), [l, B] = Ae({});
-  T(() => {
-    const e = oe(q, (s, t) => ({
-      ...s,
-      ...de[t]
+  }), [y]), {
+    defaultColumnKeyMap: G,
+    baseColumns: Q,
+    columnsMap: he
+  } = ze(Oe), [l, O] = De({});
+  z(() => {
+    const e = se(G, (o, t) => ({
+      ...o,
+      ...he[t]
     }));
-    B(e);
+    O(e);
   }, []);
-  const Q = v(() => ((s, t) => s.map((n) => {
-    var x;
+  const X = K(() => ((o, t) => o.map((s) => {
+    var g;
     const {
-      ...o
-    } = n, i = De(n, [t == null ? void 0 : t.columnKey, o.index].join("-")), c = l[i || "null"] || {
+      ...n
+    } = s, c = Fe(s, [t == null ? void 0 : t.columnKey, n.index].join("-")), r = l[c || "null"] || {
       show: !0
     };
     return {
-      key: i,
-      ...Ke(o, ["className"]),
+      key: c,
+      ...Ee(n, ["className"]),
       selectable: !1,
-      disabled: c.disabled === !0,
-      disableCheckbox: typeof c.disabled == "boolean" ? c == null ? void 0 : c.disabled : (x = c == null ? void 0 : c.disabled) == null ? void 0 : x.checkbox,
+      disabled: r.disabled === !0,
+      disableCheckbox: typeof r.disabled == "boolean" ? r == null ? void 0 : r.disabled : (g = r == null ? void 0 : r.disabled) == null ? void 0 : g.checkbox,
       isLeaf: t ? !0 : void 0,
-      ...c
+      ...r
     };
-  }))(G ?? []).sort(Ie(l)), [l, G]);
-  T(() => {
-    var n, o;
-    const e = {}, s = {}, t = {};
-    for (const i in l)
-      ((n = l[i]) == null ? void 0 : n.fixed) === "left" ? e[i] = l[i] : ((o = l[i]) == null ? void 0 : o.fixed) === "right" ? s[i] = l[i] : t[i] = l[i];
-    f(e), m(s), p(t);
+  }))(Q ?? []).sort(je(l)), [l, Q]);
+  z(() => {
+    var s, n;
+    const e = {}, o = {}, t = {};
+    for (const c in l)
+      ((s = l[c]) == null ? void 0 : s.fixed) === "left" ? e[c] = l[c] : ((n = l[c]) == null ? void 0 : n.fixed) === "right" ? o[c] = l[c] : t[c] = l[c];
+    f(e), m(o), p(t);
   }, [l]);
-  const [y, H] = u([]), [w, R] = u([]), [a, f] = u({}), [j, z] = u([]), [M, K] = u([]), [d, m] = u({}), [N, A] = u([]), [k, E] = u([]), [h, p] = u({});
-  T(() => {
-    const e = [], s = [], t = [], n = [], o = [], i = [];
-    Q.forEach((c) => {
-      c.fixed === "left" ? (e.push(c), s.push(c.key)) : c.fixed === "right" ? (t.push(c), n.push(c.key)) : (o.push(c), i.push(c.key));
-    }), H(e), R(s), z(t), K(n), A(o), E(i);
-  }, [Q]);
-  const X = [...y, ...j], he = X.length < 8, ue = (e) => {
+  const [w, A] = u([]), [x, N] = u([]), [a, f] = u({}), [M, I] = u([]), [k, E] = u([]), [d, m] = u({}), [T, D] = u([]), [S, H] = u([]), [h, p] = u({});
+  z(() => {
+    const e = [], o = [], t = [], s = [], n = [], c = [];
+    X.forEach((r) => {
+      r.fixed === "left" ? (e.push(r), o.push(r.key)) : r.fixed === "right" ? (t.push(r), s.push(r.key)) : (n.push(r), c.push(r.key));
+    }), A(e), N(o), I(t), E(s), D(n), H(c);
+  }, [X]);
+  const U = [...w, ...M], ue = U.length < 8, fe = (e) => {
     f(e);
-  }, fe = (e, s) => {
-    f(e), R(s);
-  }, me = (e) => {
+  }, me = (e, o) => {
+    f(e), N(o);
+  }, pe = (e) => {
     m(e);
-  }, pe = (e, s) => {
-    m(e), K(s);
-  }, xe = (e) => {
+  }, ge = (e, o) => {
+    m(e), E(o);
+  }, Ce = (e) => {
     p(e);
-  }, ge = (e, s) => {
-    p(e), E(s);
-  }, U = (e, s, t, n) => {
-    const o = {
-      ...s[e]
+  }, ye = (e, o) => {
+    p(e), H(o);
+  }, Y = (e, o, t, s) => {
+    const n = {
+      ...o[e]
     };
-    delete s[e], p({
+    delete o[e], p({
       ...h,
       [e]: {
-        ...o,
+        ...n,
         fixed: void 0,
-        order: N.length
+        order: T.length
       }
     });
-    const i = t.findIndex((x) => x.key === e), c = t.splice(i, 1)[0];
-    A([...N, {
-      ...c,
+    const c = t.findIndex((g) => g.key === e), r = t.splice(c, 1)[0];
+    D([...T, {
+      ...r,
       fixed: void 0
     }]);
-    const L = n.splice(i, 1);
-    return E([...k, ...L]), {
-      map: s,
+    const v = s.splice(c, 1);
+    return H([...S, ...v]), {
+      map: o,
       list: t,
-      keys: n
+      keys: s
     };
-  }, Y = (e, s, t, n) => {
-    const o = {
-      ...s[e]
+  }, ee = (e, o, t, s) => {
+    const n = {
+      ...o[e]
     };
-    delete s[e], f({
+    delete o[e], f({
       ...a,
       [e]: {
-        ...o,
+        ...n,
         fixed: "left",
-        order: y.length,
+        order: w.length,
         show: !0
       }
     });
-    const i = t.findIndex((x) => x.key === e), c = t.splice(i, 1)[0];
-    H([...y, {
-      ...c,
+    const c = t.findIndex((g) => g.key === e), r = t.splice(c, 1)[0];
+    A([...w, {
+      ...r,
       fixed: "left"
     }]);
-    const L = n.splice(i, 1);
-    return R([...w, ...L]), {
-      map: s,
+    const v = s.splice(c, 1);
+    return N([...x, ...v]), {
+      map: o,
       list: t,
-      keys: n
+      keys: s
     };
-  }, ee = (e, s, t, n) => {
-    const o = {
-      ...s[e]
+  }, te = (e, o, t, s) => {
+    const n = {
+      ...o[e]
     };
-    delete s[e], m({
+    delete o[e], m({
       ...d,
       [e]: {
-        ...o,
+        ...n,
         fixed: "right",
-        order: j.length,
+        order: M.length,
         show: !0
       }
     });
-    const i = t.findIndex((x) => x.key === e), c = t.splice(i, 1)[0];
-    z([...j, {
-      ...c,
+    const c = t.findIndex((g) => g.key === e), r = t.splice(c, 1)[0];
+    I([...M, {
+      ...r,
       fixed: "right"
     }]);
-    const L = n.splice(i, 1);
-    return K([...M, ...L]), {
-      map: s,
+    const v = s.splice(c, 1);
+    return E([...k, ...v]), {
+      map: o,
       list: t,
-      keys: n
+      keys: s
     };
-  }, O = (e, s) => {
-    if (s === "left") {
+  }, J = (e, o) => {
+    if (o === "left") {
       const {
         map: t,
-        list: n,
-        keys: o
-      } = U(e, a, y, w);
+        list: s,
+        keys: n
+      } = Y(e, a, w, x);
       f({
         ...t
-      }), H([...n]), R([...o]);
-    } else if (s === "center") {
+      }), A([...s]), N([...n]);
+    } else if (o === "center") {
       const {
         map: t,
-        list: n,
-        keys: o
-      } = Y(e, h, N, k);
+        list: s,
+        keys: n
+      } = ee(e, h, T, S);
       p({
         ...t
-      }), A([...n]), E([...o]);
+      }), D([...s]), H([...n]);
     } else {
       const {
         map: t,
-        list: n,
-        keys: o
-      } = Y(e, d, j, M);
+        list: s,
+        keys: n
+      } = ee(e, d, M, k);
       m({
         ...t
-      }), z([...n]), K([...o]);
+      }), I([...s]), E([...n]);
     }
-  }, J = (e, s) => {
-    if (s === "left") {
+  }, P = (e, o) => {
+    if (o === "left") {
       const {
         map: t,
-        list: n,
-        keys: o
-      } = ee(e, a, y, w);
+        list: s,
+        keys: n
+      } = te(e, a, w, x);
       f({
         ...t
-      }), H([...n]), R([...o]);
-    } else if (s === "center") {
+      }), A([...s]), N([...n]);
+    } else if (o === "center") {
       const {
         map: t,
-        list: n,
-        keys: o
-      } = ee(e, h, N, k);
+        list: s,
+        keys: n
+      } = te(e, h, T, S);
       p({
         ...t
-      }), A([...n]), E([...o]);
+      }), D([...s]), H([...n]);
     } else {
       const {
         map: t,
-        list: n,
-        keys: o
-      } = U(e, d, j, M);
+        list: s,
+        keys: n
+      } = Y(e, d, M, k);
       m({
         ...t
-      }), z([...n]), K([...o]);
+      }), I([...s]), E([...n]);
     }
-  }, Ce = ({
+  }, we = ({
     target: e
   }) => {
-    e.checked ? (f(b(a, "show", !0)), p(b(h, "show", !0)), m(b(d, "show", !0))) : (f(b(a, "show", !1)), p(b(h, "show", !1)), m(b(d, "show", !1)));
-  }, I = v(() => [...w, ...k, ...M], [w, k, M]), S = v(() => {
-    var s, t, n;
+    e.checked ? (f(R(a, "show", !0)), p(R(h, "show", !0)), m(R(d, "show", !0))) : (f(R(a, "show", !1)), p(R(h, "show", !1)), m(R(d, "show", !1)));
+  }, j = K(() => [...x, ...S, ...k], [x, S, k]), L = K(() => {
+    var o, t, s;
     const e = [];
-    for (const o in a)
-      (s = a[o]) != null && s.show && e.push(o);
-    for (const o in h)
-      (t = h[o]) != null && t.show && e.push(o);
-    for (const o in d)
-      (n = d[o]) != null && n.show && e.push(o);
-    return Re(e);
-  }, [a, h, d]), ye = v(() => I.length === S.length, [I, S]), we = v(() => S.length > 0 && S.length < I.length, [S, I]), je = () => {
-    const e = Ne({
+    for (const n in a)
+      (o = a[n]) != null && o.show && e.push(n);
+    for (const n in h)
+      (t = h[n]) != null && t.show && e.push(n);
+    for (const n in d)
+      (s = d[n]) != null && s.show && e.push(n);
+    return Ne(e);
+  }, [a, h, d]), xe = K(() => j.length === L.length, [j, L]), Me = K(() => L.length > 0 && L.length < j.length, [L, j]), ke = () => {
+    const e = Te({
       ...l
-    }, q), s = oe(e, (t) => ({
+    }, G), o = se(e, (t) => ({
       ...t,
       show: !0,
       fixed: void 0
     }));
-    B(s);
-  }, Me = () => {
-    const e = Fe(l, ["width"]);
-    B(e);
+    O(o);
+  }, Se = () => {
+    const e = We(l, ["width"]);
+    O(e);
   };
-  return He(ce, () => ({
+  return Ae(ie, () => ({
     getLeftSortColumns: () => a,
     getCenterSortColumns: () => h,
     getRightSortColumns: () => d,
-    getCheckedKeys: () => S
-  })), /* @__PURE__ */ r.jsxs(D, { vertical: !0, gap: 8, style: ae, ref: W, className: "columnsSortWrapper", children: [
-    !he && /* @__PURE__ */ r.jsx(Le, { showIcon: !0, type: "warning", message: g(
+    getCheckedKeys: () => L
+  })), /* @__PURE__ */ b(F, { vertical: !0, gap: 8, style: de, ref: $, className: "columnsSortWrapper", children: [
+    !ue && /* @__PURE__ */ i(be, { showIcon: !0, type: "warning", message: C(
       /*i18n*/
       {
         id: "RNDkHy"
       }
-    ), description: /* @__PURE__ */ r.jsx($e, { id: "l143rJ", values: {
-      0: X.length
+    ), description: /* @__PURE__ */ i(Be, { id: "l143rJ", values: {
+      0: U.length
     }, components: {
-      0: /* @__PURE__ */ r.jsx("div", {}),
-      1: /* @__PURE__ */ r.jsx("em", { style: {
+      0: /* @__PURE__ */ i("div", {}),
+      1: /* @__PURE__ */ i("em", { style: {
         fontSize: 18,
         color: "red"
       } }),
-      2: /* @__PURE__ */ r.jsx("div", {}),
-      3: /* @__PURE__ */ r.jsx("em", { style: {
+      2: /* @__PURE__ */ i("div", {}),
+      3: /* @__PURE__ */ i("em", { style: {
         fontWeight: 600,
         fontSize: 16
       } }),
-      4: /* @__PURE__ */ r.jsx("div", {})
+      4: /* @__PURE__ */ i("div", {})
     } }) }),
-    /* @__PURE__ */ r.jsxs("div", { className: "sortContent", children: [
-      /* @__PURE__ */ r.jsxs(D, { vertical: !0, className: "sortCard", gap: 6, style: {
-        height: $
+    /* @__PURE__ */ b("div", { className: "sortContent", children: [
+      /* @__PURE__ */ b(F, { vertical: !0, className: "sortCard", gap: 6, style: {
+        height: B
       }, children: [
-        /* @__PURE__ */ r.jsx(P.Title, { level: 5, className: "title", children: g(
+        /* @__PURE__ */ i(V.Title, { level: 5, className: "title", children: C(
           /*i18n*/
           {
             id: "gyn62c"
           }
         ) }),
-        /* @__PURE__ */ r.jsx(V, { placement: "left", dataList: y, keys: w, columnsMap: a, onLeftClick: O, onRightClick: J, onChange: ue, onMoveEnd: fe })
+        /* @__PURE__ */ i(Z, { placement: "left", dataList: w, keys: x, columnsMap: a, onLeftClick: J, onRightClick: P, onChange: fe, onMoveEnd: me })
       ] }),
-      /* @__PURE__ */ r.jsxs(D, { vertical: !0, className: "sortCard", gap: 6, style: {
-        height: $
+      /* @__PURE__ */ b(F, { vertical: !0, className: "sortCard", gap: 6, style: {
+        height: B
       }, children: [
-        /* @__PURE__ */ r.jsx(P.Title, { level: 5, className: "title", children: g(
+        /* @__PURE__ */ i(V.Title, { level: 5, className: "title", children: C(
           /*i18n*/
           {
             id: "dtD+nc"
           }
         ) }),
-        /* @__PURE__ */ r.jsx(V, { placement: "center", dataList: N, keys: k, columnsMap: h, onLeftClick: O, onRightClick: J, onChange: xe, onMoveEnd: ge })
+        /* @__PURE__ */ i(Z, { placement: "center", dataList: T, keys: S, columnsMap: h, onLeftClick: J, onRightClick: P, onChange: Ce, onMoveEnd: ye })
       ] }),
-      /* @__PURE__ */ r.jsxs(D, { vertical: !0, className: "sortCard", gap: 6, style: {
-        height: $
+      /* @__PURE__ */ b(F, { vertical: !0, className: "sortCard", gap: 6, style: {
+        height: B
       }, children: [
-        /* @__PURE__ */ r.jsx(P.Title, { level: 5, className: "title", children: g(
+        /* @__PURE__ */ i(V.Title, { level: 5, className: "title", children: C(
           /*i18n*/
           {
             id: "byQE0X"
           }
         ) }),
-        /* @__PURE__ */ r.jsx(V, { placement: "right", dataList: j, keys: M, columnsMap: d, onLeftClick: O, onRightClick: J, onChange: me, onMoveEnd: pe })
+        /* @__PURE__ */ i(Z, { placement: "right", dataList: M, keys: k, columnsMap: d, onLeftClick: J, onRightClick: P, onChange: pe, onMoveEnd: ge })
       ] })
     ] }),
-    /* @__PURE__ */ r.jsxs(ve, { size: 16, align: "end", ref: Z, className: "checkAllAndReset", style: {
+    /* @__PURE__ */ b(Ke, { size: 16, align: "end", ref: _, className: "checkAllAndReset", style: {
       paddingBottom: 8
     }, children: [
-      /* @__PURE__ */ r.jsx(be, { indeterminate: we, checked: ye, onChange: Ce, children: /* @__PURE__ */ r.jsx("span", { style: {
+      /* @__PURE__ */ i(Re, { indeterminate: Me, checked: xe, onChange: we, children: /* @__PURE__ */ i("span", { style: {
         whiteSpace: "nowrap"
-      }, children: g(
+      }, children: C(
         /*i18n*/
         {
           id: "pJZZth"
         }
       ) }) }),
-      /* @__PURE__ */ r.jsx(se, { type: "link", icon: /* @__PURE__ */ r.jsx(te, {}), size: "small", onClick: je, className: _, children: /* @__PURE__ */ r.jsx("span", { style: {
+      /* @__PURE__ */ i(ne, { type: "link", icon: /* @__PURE__ */ i(oe, {}), size: "small", onClick: ke, className: q, children: /* @__PURE__ */ i("span", { style: {
         whiteSpace: "nowrap"
-      }, children: g(
+      }, children: C(
         /*i18n*/
         {
           id: "/m5CmG"
         }
       ) }) }),
-      /* @__PURE__ */ r.jsx(se, { type: "link", icon: /* @__PURE__ */ r.jsx(te, {}), size: "small", onClick: Me, className: _, children: /* @__PURE__ */ r.jsx("span", { style: {
+      /* @__PURE__ */ i(ne, { type: "link", icon: /* @__PURE__ */ i(oe, {}), size: "small", onClick: Se, className: q, children: /* @__PURE__ */ i("span", { style: {
         whiteSpace: "nowrap"
-      }, children: g(
+      }, children: C(
         /*i18n*/
         {
           id: "d3Vcg6"
@@ -345,7 +345,7 @@ const Oe = Ee(({
       ) }) })
     ] })
   ] });
-}), tt = ze(Oe);
+}), ot = Ie(Je);
 export {
-  tt as default
+  ot as default
 };

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

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