bitz-react-admin-ui 2.1.9 → 2.2.1

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

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

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ColumnsSort/index.d.ts

@@ -1,14 +1,12 @@
 /// <reference types="react" />
 interface ColumnsSortProps {
     display: boolean;
+    parentHeight?: any;
 }
 export interface ColumnsSortImperativeProps {
     getLeftSortColumns: () => any;
-    getLeftSortKeys: () => any[];
     getCenterSortColumns: () => any;
-    getCenterSortKeys: () => any[];
     getRightSortColumns: () => any;
-    getRightSortKeys: () => any[];
     getCheckedKeys: () => any[];
 }
 declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ColumnsSortProps & import("react").RefAttributes<ColumnsSortImperativeProps>>>;