bitz-react-admin-ui 2.2.6 → 2.2.8

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

@@ -1,268 +1,160 @@
-import { j as c } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+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 Se, 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 { theme as pe, Flex as z, 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 Le, useEffect as G, useState as m, useImperativeHandle as Me, memo as we } 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 "../../../index.mjs";
 import { columnSort as Ke, genColumnKey as be, updateNestedObject as j } from "../../../Store/utils/index.mjs";
 import J from "./DndList.mjs";
-import { BitzTableContext as Ne } from "../../../Store/index.mjs";
-import ve 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: display ? 'flex' : 'none'
-      width: K ? "100%" : 0,
-      height: "100%",
-      pointerEvents: K ? "auto" : "none",
-      opacity: K ? 1 : 0,
-      overflow: "hidden",
-      ...K ? {} : {
-        position: "absolute",
-        left: 0,
-        right: 0
-      }
-    }), [K]), O = {
-      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(Ne), [i, V] = Le({});
-    G(() => {
-      V({ ...oe });
-    }, []);
-    const W = k(() => ((o, t) => o.map((s) => {
-      var _;
-      const { key: n, dataIndex: r, children: l, ...C } = s, y = be(
-        s,
-        [t == null ? void 0 : t.columnKey, C.index].join("-")
-      ), u = i[y || "null"] || {
+import { BitzTableContext as Ee } from "../../../Store/index.mjs";
+import Re from "../../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+import ve from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
+const Ne = ye(({ display: K, parentHeight: F }, H) => {
+  const { token: ee } = pe.useToken(), Q = ke(null), d = je(Q), te = k(() => ({
+    // display: display ? 'flex' : 'none'
+    width: K ? "100%" : 0,
+    height: "100%",
+    pointerEvents: K ? "auto" : "none",
+    opacity: K ? 1 : 0,
+    overflow: "hidden",
+    ...K ? {} : {
+      position: "absolute",
+      left: 0,
+      right: 0
+    }
+  }), [K]), O = {
+    height: k(() => typeof F == "number" && F && (d != null && d.height) ? F - (d == null ? void 0 : d.height) - 16 : "auto", [F, d == null ? void 0 : d.height]),
+    overflow: "hidden auto",
+    gap: 6
+  }, { defaultColumnKeyMap: se, columns: U, columnsMap: oe } = Le(Ee), [i, V] = Se({});
+  G(() => {
+    V({ ...oe });
+  }, []);
+  const W = k(() => ((s, t) => s.map((n) => {
+    var _;
+    const { key: o, dataIndex: c, children: l, ...C } = n, y = be(n, [t == null ? void 0 : t.columnKey, C.index].join("-")), f = i[y || "null"] || {
+      show: !0
+    };
+    return {
+      key: y,
+      ...ve(C, ["className"]),
+      selectable: !1,
+      disabled: f.disabled === !0,
+      disableCheckbox: typeof f.disabled == "boolean" ? f == null ? void 0 : f.disabled : (_ = f == null ? void 0 : f.disabled) == null ? void 0 : _.checkbox,
+      isLeaf: t ? !0 : void 0,
+      ...f
+    };
+  }))(U ?? []).sort(Ke(i)), [i, U]);
+  G(() => {
+    var n, o;
+    const e = {}, s = {}, t = {};
+    for (const c in i)
+      ((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, T] = m([]), [L, E] = m([]), [h, p] = m({}), [R, D] = m([]), [M, v] = m([]), [a, x] = m({}), [N, I] = m([]), [w, A] = m([]), [u, g] = m({});
+  G(() => {
+    const e = [], s = [], t = [], n = [], o = [], c = [];
+    W.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));
+    }), T(e), E(s), D(t), v(n), I(o), A(c);
+  }, [W]);
+  const ne = (e) => {
+    p(e);
+  }, ce = (e, s) => {
+    p(e), E(s);
+  }, re = (e) => {
+    x(e);
+  }, le = (e, s) => {
+    x(e), v(s);
+  }, ie = (e) => {
+    g(e);
+  }, he = (e, s) => {
+    g(e), A(s);
+  }, X = (e, s, t, n) => {
+    const o = { ...s[e] };
+    delete s[e], g({
+      ...u,
+      [e]: { ...o, fixed: void 0, order: N.length }
+    });
+    const c = t.findIndex((y) => y.key === e), l = t.splice(c, 1)[0];
+    I([...N, { ...l, fixed: void 0 }]);
+    const C = n.splice(c, 1);
+    return A([...w, ...C]), { map: s, list: t, keys: n };
+  }, Y = (e, s, t, n) => {
+    const o = { ...s[e] };
+    delete s[e], p({
+      ...h,
+      [e]: { ...o, fixed: "left", order: b.length, show: !0 }
+    });
+    const c = t.findIndex((y) => y.key === e), l = t.splice(c, 1)[0];
+    T([...b, { ...l, fixed: "left" }]);
+    const C = n.splice(c, 1);
+    return E([...L, ...C]), { map: s, list: t, keys: n };
+  }, Z = (e, s, t, n) => {
+    const o = { ...s[e] };
+    delete s[e], x({
+      ...a,
+      [e]: {
+        ...o,
+        fixed: "right",
+        order: R.length,
         show: !0
-      };
-      return {
-        key: y,
-        ...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,
-        isLeaf: t ? !0 : void 0,
-        ...u
-      };
-    }).filter((s) => !(s != null && s.isDragSortCol)))(U ?? []).sort(Ke(i)), [i, U]);
-    G(() => {
-      var s, n;
-      const e = {}, o = {}, t = {};
-      for (const r in i)
-        ((s = i[r]) == null ? void 0 : s.fixed) === "left" ? e[r] = i[r] : ((n = i[r]) == null ? void 0 : n.fixed) === "right" ? o[r] = i[r] : t[r] = i[r];
-      p(e), x(o), g(t);
-    }, [i]);
-    const [b, z] = m([]), [M, N] = m([]), [h, p] = m({}), [v, D] = m([]), [S, E] = m([]), [a, x] = m({}), [R, A] = m([]), [w, T] = m([]), [d, g] = m({});
-    G(() => {
-      const e = [], o = [], t = [], s = [], n = [], r = [];
-      W.forEach((l) => {
-        l.fixed === "left" ? (e.push(l), o.push(l.key)) : l.fixed === "right" ? (t.push(l), s.push(l.key)) : (n.push(l), r.push(l.key));
-      }), z(e), N(o), D(t), E(s), A(n), T(r);
-    }, [W]);
-    const ne = (e) => {
-      p(e);
-    }, re = (e, o) => {
-      p(e), N(o);
-    }, ce = (e) => {
-      x(e);
-    }, le = (e, o) => {
-      x(e), E(o);
-    }, ie = (e) => {
-      g(e);
-    }, he = (e, o) => {
-      g(e), T(o);
-    }, X = (e, o, t, s) => {
-      const n = { ...o[e] };
-      delete o[e], g({
-        ...d,
-        [e]: { ...n, fixed: void 0, order: R.length }
-      });
-      const r = t.findIndex((y) => y.key === e), l = t.splice(r, 1)[0];
-      A([...R, { ...l, fixed: void 0 }]);
-      const C = s.splice(r, 1);
-      return T([...w, ...C]), { map: o, list: t, keys: s };
-    }, Y = (e, o, t, s) => {
-      const n = { ...o[e] };
-      delete o[e], p({
-        ...h,
-        [e]: { ...n, fixed: "left", order: b.length, show: !0 }
-      });
-      const r = t.findIndex((y) => y.key === e), l = t.splice(r, 1)[0];
-      z([...b, { ...l, fixed: "left" }]);
-      const C = s.splice(r, 1);
-      return N([...M, ...C]), { map: o, list: t, keys: s };
-    }, Z = (e, o, t, s) => {
-      const n = { ...o[e] };
-      delete o[e], x({
-        ...a,
-        [e]: {
-          ...n,
-          fixed: "right",
-          order: v.length,
-          show: !0
-        }
-      });
-      const r = t.findIndex((y) => y.key === e), l = t.splice(r, 1)[0];
-      D([...v, { ...l, fixed: "right" }]);
-      const C = s.splice(r, 1);
-      return E([...S, ...C]), { map: o, list: t, keys: s };
-    }, $ = (e, o) => {
-      if (o === "left") {
-        const { map: t, list: s, keys: n } = X(
-          e,
-          h,
-          b,
-          M
-        );
-        p({ ...t }), z([...s]), N([...n]);
-      } else if (o === "center") {
-        const { map: t, list: s, keys: n } = Y(
-          e,
-          d,
-          R,
-          w
-        );
-        g({ ...t }), A([...s]), T([...n]);
-      } else {
-        const { map: t, list: s, keys: n } = Y(
-          e,
-          a,
-          v,
-          S
-        );
-        x({ ...t }), D([...s]), E([...n]);
       }
-    }, P = (e, o) => {
-      if (o === "left") {
-        const { map: t, list: s, keys: n } = Z(
-          e,
-          h,
-          b,
-          M
-        );
-        p({ ...t }), z([...s]), N([...n]);
-      } else if (o === "center") {
-        const { map: t, list: s, keys: n } = Z(
-          e,
-          d,
-          R,
-          w
-        );
-        g({ ...t }), A([...s]), T([...n]);
-      } else {
-        const { map: t, list: s, keys: n } = X(
-          e,
-          a,
-          v,
-          S
-        );
-        x({ ...t }), D([...s]), E([...n]);
-      }
-    }, 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, ...w, ...S], [M, w, S]), L = k(() => {
-      var o, t, s;
-      const e = [];
-      for (const n in h)
-        (o = h[n]) != null && o.show && e.push(n);
-      for (const n in d)
-        (t = d[n]) != null && t.show && e.push(n);
-      for (const n in a)
-        (s = a[n]) != null && s.show && e.push(n);
-      return e;
-    }, [h, d, a]), de = k(() => B.length === L.length, [B, L]), fe = k(() => L.length > 0 && L.length < B.length, [L, B]), ue = () => {
-      V({ ...se });
-    };
-    return Se(H, () => ({
-      getLeftSortColumns: () => h,
-      getCenterSortColumns: () => d,
-      getRightSortColumns: () => a,
-      getCheckedKeys: () => L
-    })), /* @__PURE__ */ c.jsxs(F, { vertical: !0, gap: 16, style: te, children: [
-      /* @__PURE__ */ c.jsxs("div", { className: "sortContent", children: [
-        /* @__PURE__ */ c.jsxs(F, { vertical: !0, className: "sortCard", style: O, children: [
-          /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
-          /* @__PURE__ */ c.jsx(
-            J,
-            {
-              placement: "left",
-              dataList: b,
-              keys: M,
-              columnsMap: h,
-              onLeftClick: $,
-              onRightClick: P,
-              onChange: ne,
-              onMoveEnd: re
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c.jsxs(F, { vertical: !0, className: "sortCard", style: O, children: [
-          /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
-          /* @__PURE__ */ c.jsx(
-            J,
-            {
-              placement: "center",
-              dataList: R,
-              keys: w,
-              columnsMap: d,
-              onLeftClick: $,
-              onRightClick: P,
-              onChange: ie,
-              onMoveEnd: he
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c.jsxs(F, { vertical: !0, className: "sortCard", style: O, children: [
-          /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
-          /* @__PURE__ */ c.jsx(
-            J,
-            {
-              placement: "right",
-              dataList: v,
-              keys: S,
-              columnsMap: a,
-              onLeftClick: $,
-              onRightClick: P,
-              onChange: ce,
-              onMoveEnd: le
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ c.jsxs(xe, { size: 16, className: "scope", ref: Q, children: [
-        /* @__PURE__ */ c.jsx(
-          ge,
-          {
-            indeterminate: fe,
-            checked: de,
-            onChange: ae,
-            children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
-          }
-        ),
-        /* @__PURE__ */ c.jsx(
-          Ce,
-          {
-            type: "link",
-            icon: /* @__PURE__ */ c.jsx(ve, {}),
-            size: "small",
-            onClick: ue,
-            className: me`
+    });
+    const c = t.findIndex((y) => y.key === e), l = t.splice(c, 1)[0];
+    D([...R, { ...l, fixed: "right" }]);
+    const C = n.splice(c, 1);
+    return v([...M, ...C]), { map: s, list: t, keys: n };
+  }, $ = (e, s) => {
+    if (s === "left") {
+      const { map: t, list: n, keys: o } = X(e, h, b, L);
+      p({ ...t }), T([...n]), E([...o]);
+    } else if (s === "center") {
+      const { map: t, list: n, keys: o } = Y(e, u, N, w);
+      g({ ...t }), I([...n]), A([...o]);
+    } else {
+      const { map: t, list: n, keys: o } = Y(e, a, R, M);
+      x({ ...t }), D([...n]), v([...o]);
+    }
+  }, P = (e, s) => {
+    if (s === "left") {
+      const { map: t, list: n, keys: o } = Z(e, h, b, L);
+      p({ ...t }), T([...n]), E([...o]);
+    } else if (s === "center") {
+      const { map: t, list: n, keys: o } = Z(e, u, N, w);
+      g({ ...t }), I([...n]), A([...o]);
+    } else {
+      const { map: t, list: n, keys: o } = X(e, a, R, M);
+      x({ ...t }), D([...n]), v([...o]);
+    }
+  }, ae = ({ target: e }) => {
+    e.checked ? (p(j(h, "show", !0)), g(j(u, "show", !0)), x(j(a, "show", !0))) : (p(j(h, "show", !1)), g(j(u, "show", !1)), x(j(a, "show", !1)));
+  }, B = k(() => [...L, ...w, ...M], [L, w, M]), S = k(() => {
+    var s, t, n;
+    const e = [];
+    for (const o in h)
+      (s = h[o]) != null && s.show && e.push(o);
+    for (const o in u)
+      (t = u[o]) != null && t.show && e.push(o);
+    for (const o in a)
+      (n = a[o]) != null && n.show && e.push(o);
+    return e;
+  }, [h, u, a]), ue = k(() => B.length === S.length, [B, S]), de = k(() => S.length > 0 && S.length < B.length, [S, B]), fe = () => {
+    V({ ...se });
+  };
+  return Me(H, () => ({
+    getLeftSortColumns: () => h,
+    getCenterSortColumns: () => u,
+    getRightSortColumns: () => a,
+    getCheckedKeys: () => S
+  })), r.jsxs(z, { vertical: !0, gap: 16, style: te, children: [r.jsxs("div", { className: "sortContent", children: [r.jsxs(z, { vertical: !0, className: "sortCard", style: O, children: [r.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }), r.jsx(J, { placement: "left", dataList: b, keys: L, columnsMap: h, onLeftClick: $, onRightClick: P, onChange: ne, onMoveEnd: ce })] }), r.jsxs(z, { vertical: !0, className: "sortCard", style: O, children: [r.jsx(q.Title, { level: 5, className: "title", children: "不固定" }), r.jsx(J, { placement: "center", dataList: N, keys: w, columnsMap: u, onLeftClick: $, onRightClick: P, onChange: ie, onMoveEnd: he })] }), r.jsxs(z, { vertical: !0, className: "sortCard", style: O, children: [r.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }), r.jsx(J, { placement: "right", dataList: R, keys: M, columnsMap: a, onLeftClick: $, onRightClick: P, onChange: re, onMoveEnd: le })] })] }), r.jsxs(xe, { size: 16, className: "scope", ref: Q, children: [r.jsx(ge, { indeterminate: de, checked: ue, onChange: ae, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" }) }), r.jsx(Ce, { type: "link", icon: r.jsx(Re, {}), size: "small", onClick: fe, className: me`
               &:hover {
                 color: ${ee.colorPrimary} !important;
               }
-            `,
-            children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置" })
-          }
-        )
-      ] })
-    ] });
-  }
-), Ue = we(Re);
+            `, children: r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置" }) })] })] });
+}), Ue = we(Ne);
 export {
   Ue as default
 };

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

@@ -37,19 +37,8 @@ import "../../../../../assets/iconfont/IconFabu.mjs";
 import "../../../../../assets/iconfont/IconShanchu1.mjs";
 import "../../../../../assets/iconfont/IconShanchu.mjs";
 import "../../../../../assets/iconfont/IconTuodong.mjs";
-const R = ({
-  item: r,
-  onCheckboxChange: o,
-  isDragOverlay: s
-}) => {
-  const {
-    attributes: e,
-    isDragging: i,
-    setNodeRef: n,
-    listeners: a,
-    transform: l,
-    transition: c
-  } = j({
+const y = ({ item: r, onCheckboxChange: o, isDragOverlay: e }) => {
+  const { attributes: s, isDragging: i, setNodeRef: n, listeners: a, transform: l, transition: c } = j({
     id: r == null ? void 0 : r.field
     // disabled: item?.disabled,
   }), { token: m } = x.useToken(), f = {
@@ -59,36 +48,21 @@ const R = ({
     ...i && {
       opacity: 0.6
     },
-    ...s && {
+    ...e && {
       backgroundColor: m.colorBgContainer
     }
   }, d = ({ target: g }) => {
     o == null || o(r.field, g.checked);
   };
-  return /* @__PURE__ */ t.jsxs(
-    p,
-    {
-      align: "center",
-      className: S({ sortItemDragging: i }, "sortItem"),
-      style: f,
-      ref: n,
-      ...e,
-      children: [
-        /* @__PURE__ */ t.jsx(p, { align: "center", className: "dragIcon", ...a, children: /* @__PURE__ */ t.jsx(N, { size: m.fontSize + 4 }) }),
-        /* @__PURE__ */ t.jsx(
-          D,
-          {
-            value: r.field,
-            checked: r.show,
-            onChange: d,
-            title: r.title,
-            children: r.title
-          }
-        )
-      ]
-    }
-  );
-}, nr = u.memo(R);
+  return t.jsxs(p, { align: "center", className: S({ sortItemDragging: i }, "sortItem"), style: f, ref: n, ...s, children: [t.jsx(p, { align: "center", className: "dragIcon", ...a, children: t.jsx(N, { size: m.fontSize + 4 }) }), t.jsx(D, {
+    value: r.field,
+    checked: r.show,
+    onChange: d,
+    // className={checkboxCls}
+    title: r.title,
+    children: r.title
+  })] });
+}, nr = u.memo(y);
 export {
   nr as default
 };

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

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