bitz-react-admin-ui 2.7.8 → 2.7.9

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

@@ -1,32 +1,32 @@
-import { j as c } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import { css as we } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { theme as Me, Flex as O, Typography as q, Space as je, Checkbox as Se, Button as se } from "antd";
-import { forwardRef as Le, useRef as oe, useState as f, useEffect as T, useMemo as S, useContext as be, useImperativeHandle as Ke, memo as Re } from "react";
-import { useImmer as ve } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
+import { j as r } from "../../../../../node_modules/react/jsx-runtime.mjs";
+import { css as Me } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import { theme as Se, Flex as F, Alert as Le, Typography as q, Space as be, Checkbox as ve, Button as ne } from "antd";
+import { forwardRef as Ke, useRef as oe, useState as f, useEffect as T, useMemo as b, useContext as Re, useImperativeHandle as Ne, memo as Ee } from "react";
+import { useImmer as Te } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
 import "../../../index.mjs";
-import { columnSort as Ne, genColumnKey as Ee, updateNestedObject as L, removePropertiesWithoutMutation as Te } from "../../../Store/utils/index.mjs";
+import { columnSort as Ie, genColumnKey as ze, updateNestedObject as v, removePropertiesWithoutMutation as Ae } from "../../../Store/utils/index.mjs";
 import G from "./DndList.mjs";
 import { BitzTableContext as He } from "../../../Store/index.mjs";
-import Ie from "../../../../../node_modules/lodash-es/omit.mjs";
-import Ae from "../../../../../node_modules/lodash-es/merge.mjs";
-import ne from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const ze = Le(
-  ({ display: y, height: B, postHeight: re }, ce) => {
-    const { token: le } = Me.useToken(), D = oe(null), J = oe(null), [W, ie] = f("auto"), Q = we`
+import Fe from "../../../../../node_modules/lodash-es/omit.mjs";
+import Oe from "../../../../../node_modules/lodash-es/merge.mjs";
+import re from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const We = Ke(
+  ({ display: y, height: O, postHeight: ce }, ie) => {
+    const { token: le } = Se.useToken(), W = oe(null), J = oe(null), [B, ae] = f("auto"), Q = Me`
       &:hover {
         color: ${le.colorPrimary} !important;
       }
     `;
     T(() => {
-      D.current && re();
-    }, [D.current]), T(() => {
+      W.current && ce();
+    }, [W.current]), T(() => {
       var e;
-      if (typeof B == "number") {
+      if (typeof O == "number") {
         const s = (e = J.current) == null ? void 0 : e.clientHeight;
-        ie(B - s - 16 - 8);
+        ae(O - s - 16 - 8);
       }
-    }, [B]);
-    const ae = S(() => ({
+    }, [O]);
+    const he = b(() => ({
       // display: display ? 'flex' : 'none'
       width: y ? "100%" : 0,
       pointerEvents: y ? "auto" : "none",
@@ -37,254 +37,275 @@ const ze = Le(
         left: 0,
         right: 0
       }
-    }), [y]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = be(He), [i, F] = ve({});
+    }), [y]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = Re(He), [l, D] = Te({});
     T(() => {
       const e = Object.keys(X).length ? X : U;
-      F(e);
+      D(e);
     }, []);
-    const Y = S(() => ((s, t) => s.map((n) => {
-      var te;
-      const { key: o, dataIndex: r, children: l, ...x } = n, C = Ee(
-        n,
-        [t == null ? void 0 : t.columnKey, x.index].join("-")
-      ), u = i[C || "null"] || {
+    const Y = b(() => ((s, t) => s.map((o) => {
+      var se;
+      const { key: n, dataIndex: c, children: i, ...g } = o, C = ze(
+        o,
+        [t == null ? void 0 : t.columnKey, g.index].join("-")
+      ), m = l[C || "null"] || {
         show: !0
       };
       return {
         key: C,
-        ...Ie(x, ["className"]),
+        ...Fe(g, ["className"]),
         selectable: !1,
-        disabled: u.disabled === !0,
-        disableCheckbox: typeof u.disabled == "boolean" ? u == null ? void 0 : u.disabled : (te = u == null ? void 0 : u.disabled) == null ? void 0 : te.checkbox,
+        disabled: m.disabled === !0,
+        disableCheckbox: typeof m.disabled == "boolean" ? m == null ? void 0 : m.disabled : (se = m == null ? void 0 : m.disabled) == null ? void 0 : se.checkbox,
         isLeaf: t ? !0 : void 0,
-        ...u
+        ...m
       };
-    }))(V ?? []).sort(Ne(i)), [i, V]);
+    }))(V ?? []).sort(Ie(l)), [l, V]);
     T(() => {
-      var n, o;
+      var o, n;
       const e = {}, s = {}, t = {};
-      for (const r in i)
-        ((n = i[r]) == null ? void 0 : n.fixed) === "left" ? e[r] = i[r] : ((o = i[r]) == null ? void 0 : o.fixed) === "right" ? s[r] = i[r] : t[r] = i[r];
-      m(e), p(s), g(t);
-    }, [i]);
-    const [b, H] = f([]), [k, K] = f([]), [a, m] = f({}), [R, I] = f([]), [w, v] = f([]), [h, p] = f({}), [N, A] = f([]), [M, E] = f([]), [d, g] = f({});
+      for (const c in l)
+        ((o = l[c]) == null ? void 0 : o.fixed) === "left" ? e[c] = l[c] : ((n = l[c]) == null ? void 0 : n.fixed) === "right" ? s[c] = l[c] : t[c] = l[c];
+      u(e), p(s), x(t);
+    }, [l]);
+    const [j, I] = f([]), [w, K] = f([]), [a, u] = f({}), [k, z] = f([]), [M, R] = f([]), [h, p] = f({}), [N, A] = f([]), [S, E] = f([]), [d, x] = f({});
     T(() => {
-      const e = [], s = [], t = [], n = [], o = [], r = [];
-      Y.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), r.push(l.key));
-      }), H(e), K(s), I(t), v(n), A(o), E(r);
+      const e = [], s = [], t = [], o = [], n = [], c = [];
+      Y.forEach((i) => {
+        i.fixed === "left" ? (e.push(i), s.push(i.key)) : i.fixed === "right" ? (t.push(i), o.push(i.key)) : (n.push(i), c.push(i.key));
+      }), I(e), K(s), z(t), R(o), A(n), E(c);
     }, [Y]);
-    const he = (e) => {
-      m(e);
-    }, de = (e, s) => {
-      m(e), K(s);
-    }, fe = (e) => {
+    const Z = [...j, ...k], de = Z.length < 8, fe = (e) => {
+      u(e);
+    }, me = (e, s) => {
+      u(e), K(s);
+    }, ue = (e) => {
       p(e);
-    }, ue = (e, s) => {
-      p(e), v(s);
-    }, me = (e) => {
-      g(e);
     }, pe = (e, s) => {
-      g(e), E(s);
-    }, Z = (e, s, t, n) => {
-      const o = { ...s[e] };
-      delete s[e], g({
+      p(e), R(s);
+    }, xe = (e) => {
+      x(e);
+    }, ge = (e, s) => {
+      x(e), E(s);
+    }, _ = (e, s, t, o) => {
+      const n = { ...s[e] };
+      delete s[e], x({
         ...d,
-        [e]: { ...o, fixed: void 0, order: N.length }
+        [e]: { ...n, fixed: void 0, order: N.length }
       });
-      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
-      A([...N, { ...l, fixed: void 0 }]);
-      const x = n.splice(r, 1);
-      return E([...M, ...x]), { map: s, list: t, keys: n };
-    }, _ = (e, s, t, n) => {
-      const o = { ...s[e] };
-      delete s[e], m({
+      const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+      A([...N, { ...i, fixed: void 0 }]);
+      const g = o.splice(c, 1);
+      return E([...S, ...g]), { map: s, list: t, keys: o };
+    }, ee = (e, s, t, o) => {
+      const n = { ...s[e] };
+      delete s[e], u({
         ...a,
-        [e]: { ...o, fixed: "left", order: b.length, show: !0 }
+        [e]: { ...n, fixed: "left", order: j.length, show: !0 }
       });
-      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
-      H([...b, { ...l, fixed: "left" }]);
-      const x = n.splice(r, 1);
-      return K([...k, ...x]), { map: s, list: t, keys: n };
-    }, ee = (e, s, t, n) => {
-      const o = { ...s[e] };
+      const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+      I([...j, { ...i, fixed: "left" }]);
+      const g = o.splice(c, 1);
+      return K([...w, ...g]), { map: s, list: t, keys: o };
+    }, te = (e, s, t, o) => {
+      const n = { ...s[e] };
       delete s[e], p({
         ...h,
         [e]: {
-          ...o,
+          ...n,
           fixed: "right",
-          order: R.length,
+          order: k.length,
           show: !0
         }
       });
-      const r = t.findIndex((C) => C.key === e), l = t.splice(r, 1)[0];
-      I([...R, { ...l, fixed: "right" }]);
-      const x = n.splice(r, 1);
-      return v([...w, ...x]), { map: s, list: t, keys: n };
+      const c = t.findIndex((C) => C.key === e), i = t.splice(c, 1)[0];
+      z([...k, { ...i, fixed: "right" }]);
+      const g = o.splice(c, 1);
+      return R([...M, ...g]), { map: s, list: t, keys: o };
     }, P = (e, s) => {
       if (s === "left") {
-        const { map: t, list: n, keys: o } = Z(
+        const { map: t, list: o, keys: n } = _(
           e,
           a,
-          b,
-          k
+          j,
+          w
         );
-        m({ ...t }), H([...n]), K([...o]);
+        u({ ...t }), I([...o]), K([...n]);
       } else if (s === "center") {
-        const { map: t, list: n, keys: o } = _(
+        const { map: t, list: o, keys: n } = ee(
           e,
           d,
           N,
-          M
+          S
         );
-        g({ ...t }), A([...n]), E([...o]);
+        x({ ...t }), A([...o]), E([...n]);
       } else {
-        const { map: t, list: n, keys: o } = _(
+        const { map: t, list: o, keys: n } = ee(
           e,
           h,
-          R,
-          w
+          k,
+          M
         );
-        p({ ...t }), I([...n]), v([...o]);
+        p({ ...t }), z([...o]), R([...n]);
       }
     }, $ = (e, s) => {
       if (s === "left") {
-        const { map: t, list: n, keys: o } = ee(
+        const { map: t, list: o, keys: n } = te(
           e,
           a,
-          b,
-          k
+          j,
+          w
         );
-        m({ ...t }), H([...n]), K([...o]);
+        u({ ...t }), I([...o]), K([...n]);
       } else if (s === "center") {
-        const { map: t, list: n, keys: o } = ee(
+        const { map: t, list: o, keys: n } = te(
           e,
           d,
           N,
-          M
+          S
         );
-        g({ ...t }), A([...n]), E([...o]);
+        x({ ...t }), A([...o]), E([...n]);
       } else {
-        const { map: t, list: n, keys: o } = Z(
+        const { map: t, list: o, keys: n } = _(
           e,
           h,
-          R,
-          w
+          k,
+          M
         );
-        p({ ...t }), I([...n]), v([...o]);
+        p({ ...t }), z([...o]), R([...n]);
       }
-    }, ge = ({ target: e }) => {
-      e.checked ? (m(L(a, "show", !0)), g(L(d, "show", !0)), p(L(h, "show", !0))) : (m(L(a, "show", !1)), g(L(d, "show", !1)), p(L(h, "show", !1)));
-    }, z = S(() => [...k, ...M, ...w], [k, M, w]), j = S(() => {
-      var s, t, n;
+    }, Ce = ({ target: e }) => {
+      e.checked ? (u(v(a, "show", !0)), x(v(d, "show", !0)), p(v(h, "show", !0))) : (u(v(a, "show", !1)), x(v(d, "show", !1)), p(v(h, "show", !1)));
+    }, H = b(() => [...w, ...S, ...M], [w, S, M]), L = b(() => {
+      var s, t, o;
       const e = [];
-      for (const o in a)
-        (s = a[o]) != null && s.show && e.push(o);
-      for (const o in d)
-        (t = d[o]) != null && t.show && e.push(o);
-      for (const o in h)
-        (n = h[o]) != null && n.show && e.push(o);
+      for (const n in a)
+        (s = a[n]) != null && s.show && e.push(n);
+      for (const n in d)
+        (t = d[n]) != null && t.show && e.push(n);
+      for (const n in h)
+        (o = h[n]) != null && o.show && e.push(n);
       return e;
-    }, [a, d, h]), xe = S(() => z.length === j.length, [z, j]), Ce = S(() => j.length > 0 && j.length < z.length, [j, z]), ye = () => {
-      const e = Ae({ ...i }, U);
-      F(e);
+    }, [a, d, h]), ye = b(() => H.length === L.length, [H, L]), je = b(() => L.length > 0 && L.length < H.length, [L, H]), we = () => {
+      const e = Oe({ ...l }, U);
+      D(e);
     }, ke = () => {
-      const e = Te(i, ["width"]);
-      F(e);
+      const e = Ae(l, ["width"]);
+      D(e);
     };
-    return Ke(ce, () => ({
+    return Ne(ie, () => ({
       getLeftSortColumns: () => a,
       getCenterSortColumns: () => d,
       getRightSortColumns: () => h,
-      getCheckedKeys: () => j
-    })), /* @__PURE__ */ c.jsxs(
-      O,
+      getCheckedKeys: () => L
+    })), /* @__PURE__ */ r.jsxs(
+      F,
       {
         vertical: !0,
         gap: 8,
-        style: ae,
-        ref: D,
+        style: he,
+        ref: W,
         className: "columnsSortWrapper",
         children: [
-          /* @__PURE__ */ c.jsxs("div", { className: "sortContent", children: [
-            /* @__PURE__ */ c.jsxs(
-              O,
+          !de && /* @__PURE__ */ r.jsx(
+            Le,
+            {
+              showIcon: !0,
+              type: "error",
+              message: "固定列过多，将影响表格显示效果",
+              description: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                /* @__PURE__ */ r.jsxs("div", { children: [
+                  "当前总固定",
+                  /* @__PURE__ */ r.jsx("em", { style: { fontSize: 18, color: "red" }, children: Z.length }),
+                  "列"
+                ] }),
+                /* @__PURE__ */ r.jsxs("div", { children: [
+                  "左右总固定项建议不超过",
+                  /* @__PURE__ */ r.jsx("em", { style: { fontWeight: 600, fontSize: 16 }, children: "7" }),
+                  "列，且不建议单侧固定项过多"
+                ] }),
+                /* @__PURE__ */ r.jsx("div", { children: "固定项过多会造成表格显示异常，如部分列不可见或滚动条异常等现象" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ r.jsxs("div", { className: "sortContent", children: [
+            /* @__PURE__ */ r.jsxs(
+              F,
               {
                 vertical: !0,
                 className: "sortCard",
                 gap: 6,
-                style: { height: W },
+                style: { height: B },
                 children: [
-                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
-                  /* @__PURE__ */ c.jsx(
+                  /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
+                  /* @__PURE__ */ r.jsx(
                     G,
                     {
                       placement: "left",
-                      dataList: b,
-                      keys: k,
+                      dataList: j,
+                      keys: w,
                       columnsMap: a,
                       onLeftClick: P,
                       onRightClick: $,
-                      onChange: he,
-                      onMoveEnd: de
+                      onChange: fe,
+                      onMoveEnd: me
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ c.jsxs(
-              O,
+            /* @__PURE__ */ r.jsxs(
+              F,
               {
                 vertical: !0,
                 className: "sortCard",
                 gap: 6,
-                style: { height: W },
+                style: { height: B },
                 children: [
-                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
-                  /* @__PURE__ */ c.jsx(
+                  /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
+                  /* @__PURE__ */ r.jsx(
                     G,
                     {
                       placement: "center",
                       dataList: N,
-                      keys: M,
+                      keys: S,
                       columnsMap: d,
                       onLeftClick: P,
                       onRightClick: $,
-                      onChange: me,
-                      onMoveEnd: pe
+                      onChange: xe,
+                      onMoveEnd: ge
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ c.jsxs(
-              O,
+            /* @__PURE__ */ r.jsxs(
+              F,
               {
                 vertical: !0,
                 className: "sortCard",
                 gap: 6,
-                style: { height: W },
+                style: { height: B },
                 children: [
-                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
-                  /* @__PURE__ */ c.jsx(
+                  /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
+                  /* @__PURE__ */ r.jsx(
                     G,
                     {
                       placement: "right",
-                      dataList: R,
-                      keys: w,
+                      dataList: k,
+                      keys: M,
                       columnsMap: h,
                       onLeftClick: P,
                       onRightClick: $,
-                      onChange: fe,
-                      onMoveEnd: ue
+                      onChange: ue,
+                      onMoveEnd: pe
                     }
                   )
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ c.jsxs(
-            je,
+          /* @__PURE__ */ r.jsxs(
+            be,
             {
               size: 16,
               align: "end",
@@ -292,35 +313,35 @@ const ze = Le(
               className: "checkAllAndReset",
               style: { paddingBottom: 8 },
               children: [
-                /* @__PURE__ */ c.jsx(
-                  Se,
+                /* @__PURE__ */ r.jsx(
+                  ve,
                   {
-                    indeterminate: Ce,
-                    checked: xe,
-                    onChange: ge,
-                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
+                    indeterminate: je,
+                    checked: ye,
+                    onChange: Ce,
+                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
                   }
                 ),
-                /* @__PURE__ */ c.jsx(
-                  se,
+                /* @__PURE__ */ r.jsx(
+                  ne,
                   {
                     type: "link",
-                    icon: /* @__PURE__ */ c.jsx(ne, {}),
+                    icon: /* @__PURE__ */ r.jsx(re, {}),
                     size: "small",
-                    onClick: ye,
+                    onClick: we,
                     className: Q,
-                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" })
+                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" })
                   }
                 ),
-                /* @__PURE__ */ c.jsx(
-                  se,
+                /* @__PURE__ */ r.jsx(
+                  ne,
                   {
                     type: "link",
-                    icon: /* @__PURE__ */ c.jsx(ne, {}),
+                    icon: /* @__PURE__ */ r.jsx(re, {}),
                     size: "small",
                     onClick: ke,
                     className: Q,
-                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" })
+                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" })
                   }
                 )
               ]
@@ -330,7 +351,7 @@ const ze = Le(
       }
     );
   }
-), Xe = Re(ze);
+), _e = Ee(We);
 export {
-  Xe as default
+  _e as default
 };