bitz-react-admin-ui 2.2.6 → 2.2.8

package/dist/components/BitzTable/Table/style.mjs

@@ -1,14 +1,4 @@
-const j = ({
-  height: v,
-  fontFamily: w,
-  evenRowBgColor: e,
-  colorBgContainer: I,
-  table: o,
-  gap: R,
-  borderColor: u,
-  scrollbarWidth: y,
-  other: V
-}) => {
+const j = ({ height: v, fontFamily: w, evenRowBgColor: e, colorBgContainer: I, table: o, gap: R, borderColor: u, scrollbarWidth: y, other: V }) => {
   var i, h, g, x, r, n, T, p, s, d, $, H, m, S, C, f, k, z, B, c;
   return {
     height: v,

package/dist/components/BitzTable/Table/utils.d.ts

@@ -1,5 +1,5 @@
 import { BitzTableColumnsType } from '..';
 /** build skeleton */
-export declare function loopBuildSkeleton<T>(columns: BitzTableColumnsType<T>, toolCols: any): BitzTableColumnsType<T>;
+export declare function loopBuildSkeleton<T>(columns: BitzTableColumnsType<T>): BitzTableColumnsType<T>;
 /** 设置复选框列、展开列的位置 */
-export declare function getColumnsWithTool<T>(sortCols: any, cols: any, showRowSelection: any, expandable: any): BitzTableColumnsType<T>;
+export declare function getColumnsWithTool<T>(cols: any, sortCols: any, enabledRowDragSort: any, showRowSelection: any, showExpandable: any): BitzTableColumnsType<T>;

package/dist/components/BitzTable/Table/utils.mjs

@@ -1,41 +1,40 @@
-import { j as f } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { Skeleton as x, Table as d } from "antd";
-function a(i, r) {
-  return i == null ? void 0 : i.map((e) => {
-    const n = { ...e };
-    return e != null && e.isOperationCol || e != null && e.isDragSortCol || e != null && e.isCheckboxCol || e != null && e.isExpandIconCol || r.includes(e) ? e : (n != null && n.children && (n.children = a(n == null ? void 0 : n.children, r)), {
-      ...n,
+import { j as p } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { Skeleton as a, Table as s } from "antd";
+import { toolCols as I, SORTER_COLUMN as x } from "../Store/index.mjs";
+function O(l) {
+  return l == null ? void 0 : l.map((o) => {
+    const e = { ...o };
+    return o != null && o.isOperationCol || o != null && o.isCheckboxCol || o != null && o.isExpandIconCol || I.includes(o) ? o : (e != null && e.children && (e.children = O(e == null ? void 0 : e.children)), {
+      ...e,
       sorter: !1,
-      render: (t, l, o) => /* @__PURE__ */ f.jsx(
-        x,
-        {
-          active: !0,
-          title: !1,
-          paragraph: {
-            rows: 1,
-            width: (o + 1) % 2 === 0 ? "100%" : "60%"
-          }
-        }
-      )
+      render: (c, d, t) => p.jsx(a, { active: !0, title: !1, paragraph: {
+        rows: 1,
+        width: (t + 1) % 2 === 0 ? "100%" : "60%"
+      } })
     });
   });
 }
-const C = 0, p = 1;
-function u(i, r, e, n) {
-  const t = [...r];
-  let l = C;
+const u = 0, E = 1, h = 2;
+function k(l, o, e, c, d) {
+  const t = [...l ?? []], i = [...o];
+  let r = u;
   if (e) {
-    const o = (i ?? []).indexOf(d.SELECTION_COLUMN);
-    o >= 0 && (l = o), t.splice(l, 0, d.SELECTION_COLUMN);
+    const n = t.indexOf(x);
+    n >= 0 && (r = n), i.splice(r, 0, x);
   }
-  if (n) {
-    let o = 0;
-    const c = (i ?? []).indexOf(d.EXPAND_COLUMN);
-    c >= 0 && (o = c), e && l === 0 && c === -1 && (o = p), t.splice(o, 0, d.EXPAND_COLUMN);
+  let f = 0;
+  if (c) {
+    const n = t.indexOf(s.SELECTION_COLUMN);
+    n >= 0 && (f = n), e && r === 0 && n === -1 && (f = E), i.splice(f, 0, s.SELECTION_COLUMN);
   }
-  return t;
+  if (d) {
+    let n = 0;
+    const C = t.indexOf(s.EXPAND_COLUMN);
+    C >= 0 && (n = C), e && r === 0 && C === -1 && (n = 1), c && f === 1 && C === -1 && (n = h), i.splice(n, 0, s.EXPAND_COLUMN);
+  }
+  return i;
 }
 export {
-  u as getColumnsWithTool,
-  a as loopBuildSkeleton
+  k as getColumnsWithTool,
+  O as loopBuildSkeleton
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ColumnConfigModal.mjs

@@ -1,8 +1,8 @@
 import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { Segmented as _, message as w } from "antd";
-import { useState as m, useContext as H, useRef as j, useMemo as $ } from "react";
+import { Segmented as _, message as V } from "antd";
+import { useState as m, useContext as w, useRef as j, useMemo as $ } from "react";
 import { BitzTableContext as ee } from "../../Store/index.mjs";
-import L from "../../../BitzButton/index.mjs";
+import A from "../../../BitzButton/index.mjs";
 import te from "../../../BitzTheme/index.mjs";
 import oe from "./StylesConfig/index.mjs";
 import re from "./ColumnsSort/index.mjs";
@@ -11,49 +11,29 @@ import { BitzConfigContext as ne } from "../../../BitzConfigProvider/context.mjs
 import le from "../Modal/index.mjs";
 import ie from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
 import ae from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-const fe = "导出设置", he = ({
-  open: A,
-  title: D,
-  onChange: n,
-  close: l,
-  getContainer: I
-}) => {
+const fe = "导出设置", he = ({ open: H, title: L, onChange: n, close: l, getContainer: I }) => {
   const { token: T } = te.useToken(), [i, a] = m(1), [q, c] = m(!1);
   m(!1);
-  const [G, o] = m(!1), {
-    persistenceType: J,
-    persistenceKey: R,
-    onlineChange: u,
-    setColumnsMap: N,
-    stylesStorageType: P,
-    stylesStorageKey: b,
-    setTableStylesConfig: p,
-    onlineStylesConfigChange: d,
-    defaultTableExportConfig: Q,
-    exportStorageType: U,
-    exportStorageKey: h,
-    setTableExportConfig: W,
-    onlineExportConfigChange: g
-  } = H(ee), r = H(ne).Table, s = j(null), k = j(null), x = j(null), X = async () => {
-    var v, z, B, E, F, K, M, O, V;
+  const [G, o] = m(!1), { persistenceType: J, persistenceKey: R, onlineChange: u, setColumnsMap: N, stylesStorageType: P, stylesStorageKey: b, setTableStylesConfig: p, onlineStylesConfigChange: g, defaultTableExportConfig: Q, exportStorageType: U, exportStorageKey: h, setTableExportConfig: W, onlineExportConfigChange: d } = w(ee), r = w(ne).Table, s = j(null), k = j(null), x = j(null), X = async () => {
+    var B, v, z, D, E, F, K, M, O;
     if (G)
       return;
     o(!0);
-    const t = (v = s.current) == null ? void 0 : v.getCheckedKeys();
+    const t = (B = s.current) == null ? void 0 : B.getCheckedKeys();
     if (!(t != null && t.length)) {
-      a(2), w.error("表格至少需要显示一列"), o(!1);
+      a(2), V.error("表格至少需要显示一列"), o(!1);
       return;
     }
-    if (!((z = x.current) == null ? void 0 : z.hasOne())) {
-      a(3), w.error("导出设置至少需要一个字段"), o(!1);
+    if (!((v = x.current) == null ? void 0 : v.hasOne())) {
+      a(3), V.error("导出设置至少需要一个字段"), o(!1);
       return;
     }
-    const y = (B = k.current) == null ? void 0 : B.getFormInstance(), f = await (y == null ? void 0 : y.getFieldsValue()), Z = ae(f, "stylesScope"), C = {
-      ...(E = s.current) == null ? void 0 : E.getLeftSortColumns(),
-      ...(F = s.current) == null ? void 0 : F.getCenterSortColumns(),
-      ...(K = s.current) == null ? void 0 : K.getRightSortColumns()
-    }, S = ((M = x.current) == null ? void 0 : M.getExportConfig()) ?? Q;
-    p == null || p(Z), (O = r == null ? void 0 : r.setStylesScope) == null || O.call(r, f.stylesScope ? "global" : "current"), N(C), W(S), P === "online" && b && (d == null || d(b, f)), J === "online" && R && (u == null || u(R, C)), U === "online" && h && (g == null || g(h, S)), o(!1), n ? (c(!0), (V = n == null ? void 0 : n(f, C, S)) == null || V.finally(() => {
+    const y = (z = k.current) == null ? void 0 : z.getFormInstance(), f = await (y == null ? void 0 : y.getFieldsValue()), Z = ae(f, "stylesScope"), C = {
+      ...(D = s.current) == null ? void 0 : D.getLeftSortColumns(),
+      ...(E = s.current) == null ? void 0 : E.getCenterSortColumns(),
+      ...(F = s.current) == null ? void 0 : F.getRightSortColumns()
+    }, S = ((K = x.current) == null ? void 0 : K.getExportConfig()) ?? Q;
+    p == null || p(Z), (M = r == null ? void 0 : r.setStylesScope) == null || M.call(r, f.stylesScope ? "global" : "current"), N(C), W(S), P === "online" && b && (g == null || g(b, f)), J === "online" && R && (u == null || u(R, C)), U === "online" && h && (d == null || d(h, S)), o(!1), n ? (c(!0), (O = n == null ? void 0 : n(f, C, S)) == null || O.finally(() => {
       c(!1), l();
     })) : l();
   };
@@ -61,62 +41,18 @@ const fe = "导出设置", he = ({
   const Y = () => {
     a(1), c(!1), o(!1);
   };
-  return /* @__PURE__ */ e.jsx(
-    le,
-    {
-      open: A,
-      title: D,
-      close: l,
-      closeAfter: Y,
-      getContainer: I,
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          L,
-          {
-            type: "primary",
-            icon: /* @__PURE__ */ e.jsx(ie, {}),
-            onClick: X,
-            loading: q,
-            children: "保存"
-          }
-        ),
-        /* @__PURE__ */ e.jsx(L, { onClick: l, children: "取消" })
-      ] }),
-      extra: /* @__PURE__ */ e.jsx(
-        _,
-        {
-          size: "large",
-          options: [
-            { label: "外观设置", value: 1 },
-            { label: "列设置", value: 2 },
-            { label: fe, value: 3 }
-          ],
-          value: i,
-          onChange: a
-        }
-      ),
-      children: (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(oe, { ref: k, display: i === 1 }),
-        /* @__PURE__ */ e.jsx(
-          re,
-          {
-            parentHeight: t,
-            ref: s,
-            display: i === 2
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          se,
-          {
-            parentHeight: t,
-            refInstance: x,
-            display: i === 3,
-            showSelectRadio: !1
-          }
-        )
-      ] })
-    }
-  );
+  return e.jsx(le, { open: H, title: L, close: l, closeAfter: Y, getContainer: I, footer: e.jsxs(e.Fragment, { children: [e.jsx(A, {
+    type: "primary",
+    icon: e.jsx(ie, {}),
+    onClick: X,
+    // disabled={!isEdit}
+    loading: q,
+    children: "保存"
+  }), e.jsx(A, { onClick: l, children: "取消" })] }), extra: e.jsx(_, { size: "large", options: [
+    { label: "外观设置", value: 1 },
+    { label: "列设置", value: 2 },
+    { label: fe, value: 3 }
+  ], value: i, onChange: a }), children: (t) => e.jsxs(e.Fragment, { children: [e.jsx(oe, { ref: k, display: i === 1 }), e.jsx(re, { parentHeight: t, ref: s, display: i === 2 }), e.jsx(se, { parentHeight: t, refInstance: x, display: i === 3, showSelectRadio: !1 })] }) });
 };
 export {
   he as default,

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

@@ -1,8 +1,8 @@
 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 { 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 F, { useState as M, useMemo as O } from "react";
+import { useSortable as k } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.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 I, Flex as d, Checkbox as _, 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";
@@ -39,51 +39,22 @@ 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();
-  return /* @__PURE__ */ o.jsx(
-    $,
-    {
-      getTooltipContainer: (p) => p.parentElement,
-      title: e,
-      open: r ? !1 : void 0,
-      children: /* @__PURE__ */ o.jsx(
-        t,
-        {
-          size: s.fontSize + 4,
-          className: n,
-          onClick: i
-        }
-      )
-    }
-  );
-}, B = ({
-  item: t,
-  isDragOverlay: n,
-  placement: r,
-  onLeftClick: e,
-  onRightClick: i,
-  onCheckboxChange: s
-}) => {
-  const {
-    attributes: p,
-    isDragging: m,
-    setNodeRef: S,
-    listeners: y,
-    transform: N,
-    transition: T
-  } = O({
+  return o.jsx($, { getTooltipContainer: (p) => p.parentElement, title: e, open: r ? !1 : void 0, children: o.jsx(t, { size: s.fontSize + 4, className: n, onClick: i }) });
+}, B = ({ item: t, isDragOverlay: n, placement: r, onLeftClick: e, onRightClick: i, onCheckboxChange: s }) => {
+  const { attributes: p, isDragging: m, setNodeRef: S, listeners: y, transform: N, transition: T } = k({
     id: t == null ? void 0 : t.key
     // disabled: item?.disabled,
   }), { token: w } = I.useToken(), z = {
     transition: T,
-    transform: _.Transform.toString(N),
+    transform: v.Transform.toString(N),
     ...m && {
       opacity: 0.6
     }
   }, D = ({ target: l }) => {
     s == null || s(t.key, l.checked);
-  }, [a, E] = v(!1), c = (l) => {
+  }, [a, E] = M(!1), c = (l) => {
     E(l);
-  }, { text: f, icon: u } = M(() => r === "left" ? {
+  }, { text: f, icon: u } = O(() => r === "left" ? {
     text: {
       left: "取消固定",
       right: "固定在右侧"
@@ -111,64 +82,18 @@ const j = ({ icon: t, className: n, open: r, title: e, onClick: i }) => {
       right: h
     }
   }, [r]);
-  return /* @__PURE__ */ o.jsxs(
-    "div",
-    {
-      className: q({ sortItemDragging: m }, "sortItem", {
-        showSortItemOperat: a && !n
-      }),
-      style: z,
-      ref: S,
-      onMouseEnter: () => c(!0),
-      onMouseLeave: () => c(!1),
-      ...p,
-      children: [
-        /* @__PURE__ */ o.jsx(d, { align: "center", className: "dragIcon", ...y, children: /* @__PURE__ */ o.jsx(A, { size: w.fontSize + 4 }) }),
-        /* @__PURE__ */ o.jsx(
-          k,
-          {
-            checked: t.show,
-            onChange: D,
-            title: t.title,
-            children: t.title
-          }
-        ),
-        /* @__PURE__ */ o.jsxs(
-          d,
-          {
-            style: {
-              height: "100%",
-              display: a && !n ? "flex" : "none"
-            },
-            align: "center",
-            className: "operation pointerCursor",
-            children: [
-              /* @__PURE__ */ o.jsx(
-                j,
-                {
-                  className: "leftOperation",
-                  title: f.left,
-                  open: m,
-                  icon: u.left,
-                  onClick: () => e == null ? void 0 : e(t.key, r)
-                }
-              ),
-              /* @__PURE__ */ o.jsx(
-                j,
-                {
-                  className: "rightOperation",
-                  title: f.right,
-                  open: m,
-                  icon: u.right,
-                  onClick: () => i == null ? void 0 : i(t.key, r)
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
+  return o.jsxs("div", { className: q({ sortItemDragging: m }, "sortItem", {
+    showSortItemOperat: a && !n
+  }), style: z, ref: S, onMouseEnter: () => c(!0), onMouseLeave: () => c(!1), ...p, children: [o.jsx(d, { align: "center", className: "dragIcon", ...y, children: o.jsx(A, { size: w.fontSize + 4 }) }), o.jsx(_, {
+    checked: t.show,
+    // className={checkboxCls}
+    onChange: D,
+    title: t.title,
+    children: t.title
+  }), o.jsxs(d, { style: {
+    height: "100%",
+    display: a && !n ? "flex" : "none"
+  }, align: "center", className: "operation pointerCursor", children: [o.jsx(j, { className: "leftOperation", title: f.left, open: m, icon: u.left, onClick: () => e == null ? void 0 : e(t.key, r) }), o.jsx(j, { className: "rightOperation", title: f.right, open: m, icon: u.right, onClick: () => i == null ? void 0 : i(t.key, r) })] })] });
 }, Tt = F.memo(B);
 export {
   Tt as default

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

@@ -1,26 +1,17 @@
 import { j as s } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { genColumnKey as w, columnSort as S } from "../../../Store/utils/index.mjs";
-import { DndContext as I, closestCenter as E, DragOverlay as K } from "../../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
-import { restrictToVerticalAxis as k, restrictToWindowEdges as A } from "../../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
-import { SortableContext as N, verticalListSortingStrategy as O, arrayMove as T } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { Flex as F } from "antd";
-import { useMemo as R, useState as V } from "react";
-import u from "./DndItem.mjs";
+import { genColumnKey as S, columnSort as w } from "../../../Store/utils/index.mjs";
+import { DndContext as k, closestCenter as E, DragOverlay as I } from "../../../../../node_modules/.store/@dnd-kit_core@6.1.0/node_modules/@dnd-kit/core/dist/core.esm.mjs";
+import { restrictToVerticalAxis as K, restrictToWindowEdges as A } from "../../../../../node_modules/.store/@dnd-kit_modifiers@6.0.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
+import { SortableContext as N, verticalListSortingStrategy as O, arrayMove as R } from "../../../../../node_modules/.store/@dnd-kit_sortable@7.0.2/node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { Flex as T } from "antd";
+import { useMemo as F, useState as V } from "react";
+import g from "./DndItem.mjs";
 import W from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-const U = ({
-  placement: g,
-  dataList: t,
-  keys: d,
-  columnsMap: c,
-  onLeftClick: h,
-  onRightClick: p,
-  onChange: j,
-  onMoveEnd: v
-}) => {
-  const x = R(() => {
+const U = ({ placement: h, dataList: t, keys: d, columnsMap: c, onLeftClick: u, onRightClick: p, onChange: C, onMoveEnd: D }) => {
+  const x = F(() => {
     const e = [];
-    return t != null && t.length && (t == null || t.map((r) => {
-      const { key: o, dataIndex: l, ...m } = r, a = w(r, [o || l].join("-")), n = c[a || "null"];
+    return t != null && t.length && (t == null || t.map((o) => {
+      const { key: r, dataIndex: l, ...m } = o, a = S(o, [r || l].join("-")), n = c[a || "null"];
       return e.push({
         key: a,
         ...W(m, ["className"]),
@@ -28,59 +19,29 @@ const U = ({
         disabled: (n == null ? void 0 : n.disabled) === !0,
         show: n == null ? void 0 : n.show
       }), n;
-    })), e.sort(S(c));
-  }, [c, t]), [i, f] = V(-1), y = (e) => {
-    const { active: r } = e;
-    r && f(r.data.current.sortable.index);
-  }, D = (e) => {
-    const { over: r } = e;
-    if (r) {
-      const o = r.data.current.sortable.index;
-      i !== o && (C(i, o), f(-1));
+    })), e.sort(w(c));
+  }, [c, t]), [i, f] = V(-1), j = (e) => {
+    const { active: o } = e;
+    o && f(o.data.current.sortable.index);
+  }, v = (e) => {
+    const { over: o } = e;
+    if (o) {
+      const r = o.data.current.sortable.index;
+      i !== r && (y(i, r), f(-1));
     }
-  }, C = (e, r) => {
-    const o = {}, l = T(d, e, r);
+  }, y = (e, o) => {
+    const r = {}, l = R(d, e, o);
     l.forEach((m, a) => {
-      o[m] = { ...c[m], order: a };
-    }), v(o, l);
-  }, b = (e, r) => {
-    const o = { ...c };
-    o[e] = { ...o[e], show: r }, j(
-      o
+      r[m] = { ...c[m], order: a };
+    }), D(r, l);
+  }, b = (e, o) => {
+    const r = { ...c };
+    r[e] = { ...r[e], show: o }, C(
+      r
       /*, newCheckedKeys*/
     );
   };
-  return /* @__PURE__ */ s.jsx(
-    I,
-    {
-      modifiers: [k, A],
-      collisionDetection: E,
-      onDragStart: y,
-      onDragEnd: D,
-      onDragCancel: () => f(-1),
-      children: /* @__PURE__ */ s.jsx(N, { items: d, strategy: O, children: /* @__PURE__ */ s.jsxs(F, { vertical: !0, className: "sortList", children: [
-        x.map((e) => /* @__PURE__ */ s.jsx(
-          u,
-          {
-            item: e,
-            placement: g,
-            onLeftClick: h,
-            onRightClick: p,
-            onCheckboxChange: b
-          },
-          e.key
-        )),
-        /* @__PURE__ */ s.jsx(K, { children: i !== -1 && /* @__PURE__ */ s.jsx(
-          u,
-          {
-            item: x[i],
-            isDragOverlay: !0
-          },
-          x[i].key
-        ) })
-      ] }) })
-    }
-  );
+  return s.jsx(k, { modifiers: [K, A], collisionDetection: E, onDragStart: j, onDragEnd: v, onDragCancel: () => f(-1), children: s.jsx(N, { items: d, strategy: O, children: s.jsxs(T, { vertical: !0, className: "sortList", children: [x.map((e) => s.jsx(g, { item: e, placement: h, onLeftClick: u, onRightClick: p, onCheckboxChange: b }, e.key)), s.jsx(I, { children: i !== -1 && s.jsx(g, { item: x[i], isDragOverlay: !0 }, x[i].key) })] }) }) });
 };
 export {
   U as default