bitz-react-admin-ui 2.10.8 → 2.11.0-beta.2

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

@@ -1,150 +1,144 @@
 import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import F, { useState as E, useMemo as M } from "react";
-import { useSortable as O } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
-import { CSS as v } from "../../../../../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/classnames/index.mjs";
-import q from "../../../../../assets/iconfont/IconDragOrder.mjs";
-import u from "../../../../../assets/iconfont/IconColumnFixedLeft.mjs";
+import D, { useState as F, useMemo as _ } from "react";
+import { useSortable as M } from "../../../../../node_modules/@dnd-kit/sortable/dist/sortable.esm.mjs";
+import { CSS as O } from "../../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.mjs";
+import { theme as j, Flex as u, Checkbox as v, Tooltip as Q } from "antd";
+import X from "../../../../../node_modules/classnames/index.mjs";
+import k from "../../../../../assets/iconfont/IconDragOrder.mjs";
+import g from "../../../../../assets/iconfont/IconColumnFixedLeft.mjs";
 import x from "../../../../../assets/iconfont/IconColumnFixedRight.mjs";
-import g from "../../../../../assets/iconfont/IconColumnCancelFixed.mjs";
-const h = ({ icon: t, className: i, open: o, title: r, onClick: s }) => {
-  const { token: n } = j.useToken();
-  return /* @__PURE__ */ e.jsx(
-    k,
-    {
-      getTooltipContainer: (a) => a.parentElement,
-      title: r,
-      open: o ? !1 : void 0,
-      children: /* @__PURE__ */ e.jsx(
-        t,
-        {
-          size: n.fontSize + 4,
-          className: i,
-          onClick: s
-        }
-      )
-    }
-  );
-}, A = ({
+import h from "../../../../../assets/iconfont/IconColumnCancelFixed.mjs";
+import { useLingui as $ } from "@lingui/react";
+const y = ({
+  icon: t,
+  className: l,
+  open: o,
+  title: s,
+  onClick: n
+}) => {
+  const {
+    token: i
+  } = j.useToken();
+  return /* @__PURE__ */ e.jsx(Q, { getTooltipContainer: (c) => c.parentElement, title: s, open: o ? !1 : void 0, children: /* @__PURE__ */ e.jsx(t, { size: i.fontSize + 4, className: l, onClick: n }) });
+}, q = ({
   item: t,
-  isDragOverlay: i,
+  isDragOverlay: l,
   placement: o,
-  onLeftClick: r,
-  onRightClick: s,
-  onCheckboxChange: n
+  onLeftClick: s,
+  onRightClick: n,
+  onCheckboxChange: i
 }) => {
   const {
-    attributes: a,
-    isDragging: l,
+    attributes: c,
+    isDragging: a,
     setNodeRef: I,
-    listeners: y,
-    transform: S,
-    transition: N
-  } = O({
+    listeners: S,
+    transform: N,
+    transition: b
+  } = M({
     id: t == null ? void 0 : t.key
     // disabled: item?.disabled,
-  }), { token: T } = j.useToken(), w = {
-    transition: N,
-    transform: v.Transform.toString(S),
-    ...l && {
+  }), {
+    _: r
+  } = $(), {
+    token: E
+  } = j.useToken(), T = {
+    transition: b,
+    transform: O.Transform.toString(N),
+    ...a && {
       opacity: 0.6
     }
-  }, z = ({ target: D }) => {
-    n == null || n(t.key, D.checked);
-  }, [c, f] = E(!1), { text: m, icon: p } = M(() => o === "left" ? {
+  }, w = ({
+    target: z
+  }) => {
+    i == null || i(t.key, z.checked);
+  }, [f, m] = F(!1), {
+    text: d,
+    icon: p
+  } = _(() => o === "left" ? {
     text: {
-      left: "取消固定",
-      right: "固定在右侧"
+      left: r(
+        /*i18n*/
+        {
+          id: "bbdi6l"
+        }
+      ),
+      right: r(
+        /*i18n*/
+        {
+          id: "byQE0X"
+        }
+      )
     },
     icon: {
-      left: g,
+      left: h,
       right: x
     }
   } : o === "center" ? {
     text: {
-      left: "固定在左侧",
-      right: "固定在右侧"
+      left: r(
+        /*i18n*/
+        {
+          id: "gyn62c"
+        }
+      ),
+      right: r(
+        /*i18n*/
+        {
+          id: "byQE0X"
+        }
+      )
     },
     icon: {
-      left: u,
+      left: g,
       right: x
     }
   } : {
     text: {
-      left: "固定在左侧",
-      right: "取消固定"
+      left: r(
+        /*i18n*/
+        {
+          id: "gyn62c"
+        }
+      ),
+      right: r(
+        /*i18n*/
+        {
+          id: "bbdi6l"
+        }
+      )
     },
     icon: {
-      left: u,
-      right: g
+      left: g,
+      right: h
     }
   }, [o]);
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: $({ sortItemDragging: l }, "sortItem", {
-        showSortItemOperat: c && !i
-      }),
-      style: w,
-      ref: I,
-      onMouseEnter: () => f(!0),
-      onMouseLeave: () => f(!1),
-      ...a,
-      children: [
-        /* @__PURE__ */ e.jsx(d, { align: "center", className: "dragIcon", ...y, children: /* @__PURE__ */ e.jsx(
-          q,
-          {
-            size: T.fontSize + 4,
-            style: { opacity: c ? 1 : 0.3 }
-          }
-        ) }),
-        /* @__PURE__ */ e.jsx(
-          _,
-          {
-            checked: t.show,
-            onChange: z,
-            title: t.title,
-            children: t.title
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          d,
-          {
-            style: {
-              height: "100%",
-              display: c && !i ? "flex" : "none"
-            },
-            align: "center",
-            className: "operation pointerCursor",
-            children: [
-              /* @__PURE__ */ e.jsx(
-                h,
-                {
-                  className: "leftOperation",
-                  title: m.left,
-                  open: l,
-                  icon: p.left,
-                  onClick: () => r == null ? void 0 : r(t.key, o)
-                }
-              ),
-              /* @__PURE__ */ e.jsx(
-                h,
-                {
-                  className: "rightOperation",
-                  title: m.right,
-                  open: l,
-                  icon: p.right,
-                  onClick: () => s == null ? void 0 : s(t.key, o)
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  );
-}, W = F.memo(A);
+  return /* @__PURE__ */ e.jsxs("div", { className: X({
+    sortItemDragging: a
+  }, "sortItem", {
+    showSortItemOperat: f && !l
+  }), style: T, ref: I, onMouseEnter: () => m(!0), onMouseLeave: () => m(!1), ...c, children: [
+    /* @__PURE__ */ e.jsx(u, { align: "center", className: "dragIcon", ...S, children: /* @__PURE__ */ e.jsx(k, { size: E.fontSize + 4, style: {
+      opacity: f ? 1 : 0.3
+    } }) }),
+    /* @__PURE__ */ e.jsx(
+      v,
+      {
+        checked: t.show,
+        onChange: w,
+        title: t.title,
+        children: t.title
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(u, { style: {
+      height: "100%",
+      display: f && !l ? "flex" : "none"
+    }, align: "center", className: "operation pointerCursor", children: [
+      /* @__PURE__ */ e.jsx(y, { className: "leftOperation", title: d.left, open: a, icon: p.left, onClick: () => s == null ? void 0 : s(t.key, o) }),
+      /* @__PURE__ */ e.jsx(y, { className: "rightOperation", title: d.right, open: a, icon: p.right, onClick: () => n == null ? void 0 : n(t.key, o) })
+    ] })
+  ] });
+}, Y = D.memo(q);
 export {
-  W as default
+  Y as default
 };

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

@@ -4,9 +4,9 @@ import { DndContext as I, closestCenter as E, DragOverlay as K } from "../../../
 import { restrictToVerticalAxis as k, restrictToWindowEdges as A } from "../../../../../node_modules/@dnd-kit/modifiers/dist/modifiers.esm.mjs";
 import { SortableContext as N, verticalListSortingStrategy as O, arrayMove as T } from "../../../../../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 { omit as R } from "lodash-es";
+import { useMemo as V, useState as W } from "react";
 import u from "./DndItem.mjs";
-import W from "../../../../../node_modules/lodash-es/omit.mjs";
 const U = ({
   placement: g,
   dataList: t,
@@ -17,23 +17,31 @@ const U = ({
   onChange: j,
   onMoveEnd: v
 }) => {
-  const x = R(() => {
+  const x = V(() => {
     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"];
+      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"]),
+        ...R(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;
+  }, [c, t]), [i, f] = W(-1), y = (e) => {
+    const {
+      active: r
+    } = e;
     r && f(r.data.current.sortable.index);
   }, D = (e) => {
-    const { over: r } = e;
+    const {
+      over: r
+    } = e;
     if (r) {
       const o = r.data.current.sortable.index;
       i !== o && (C(i, o), f(-1));
@@ -41,46 +49,27 @@ const U = ({
   }, C = (e, r) => {
     const o = {}, l = T(d, e, r);
     l.forEach((m, a) => {
-      o[m] = { ...c[m], order: a };
+      o[m] = {
+        ...c[m],
+        order: a
+      };
     }), v(o, l);
   }, b = (e, r) => {
-    const o = { ...c };
-    o[e] = { ...o[e], show: r }, j(
+    const o = {
+      ...c
+    };
+    o[e] = {
+      ...o[e],
+      show: r
+    }, j(
       o
       /*, 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 /* @__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) })
+  ] }) }) });
 };
 export {
   U as default