bitz-react-admin-ui 2.9.0 → 2.10.0

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

@@ -1,32 +1,34 @@
 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 { css as Le } from "../../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import { theme as ve, Flex as F, Alert as be, Typography as q, Space as Ke, Checkbox as Re, Button as se } from "antd";
+import { forwardRef as Ne, useRef as oe, useState as f, useEffect as T, useMemo as v, useContext as Ee, useImperativeHandle as Te, memo as Ie } from "react";
+import { useImmer as ze } from "../../../../../node_modules/use-immer/dist/use-immer.module.mjs";
 import "../../../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 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`
+import { columnSort as Ae, genColumnKey as He, updateNestedObject as b, removePropertiesWithoutMutation as Fe } from "../../../Store/utils/index.mjs";
+import V from "./DndList.mjs";
+import { BitzTableContext as We } from "../../../Store/index.mjs";
+import ne from "../../../../../node_modules/lodash-es/mapValues.mjs";
+import $e from "../../../../../node_modules/lodash-es/uniq.mjs";
+import Be from "../../../../../node_modules/lodash-es/omit.mjs";
+import re from "../../../../../node_modules/lodash-es/merge.mjs";
+import ce from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const De = Ne(
+  ({ display: y, height: W, postHeight: ie }, le) => {
+    const { token: ae } = ve.useToken(), $ = oe(null), G = oe(null), [B, he] = f("auto"), J = Le`
       &:hover {
-        color: ${le.colorPrimary} !important;
+        color: ${ae.colorPrimary} !important;
       }
     `;
     T(() => {
-      W.current && ce();
-    }, [W.current]), T(() => {
+      $.current && ie();
+    }, [$.current]), T(() => {
       var e;
-      if (typeof O == "number") {
-        const s = (e = J.current) == null ? void 0 : e.clientHeight;
-        ae(O - s - 16 - 8);
+      if (typeof W == "number") {
+        const s = (e = G.current) == null ? void 0 : e.clientHeight;
+        he(W - s - 16 - 8);
       }
-    }, [O]);
-    const he = b(() => ({
+    }, [W]);
+    const de = v(() => ({
       // display: display ? 'flex' : 'none'
       width: y ? "100%" : 0,
       pointerEvents: y ? "auto" : "none",
@@ -37,162 +39,162 @@ const We = Ke(
         left: 0,
         right: 0
       }
-    }), [y]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = Re(He), [l, D] = Te({});
+    }), [y]), { defaultColumnKeyMap: Q, baseColumns: U, columnsMap: fe } = Ee(We), [l, D] = ze({});
     T(() => {
-      const e = Object.keys(X).length ? X : U;
+      const e = ne(Q, (s, t) => re({}, s, fe[t]));
       D(e);
     }, []);
-    const Y = b(() => ((s, t) => s.map((o) => {
-      var se;
-      const { key: n, dataIndex: c, children: i, ...g } = o, C = ze(
-        o,
+    const X = v(() => ((s, t) => s.map((n) => {
+      var te;
+      const { key: o, dataIndex: c, children: i, ...g } = n, C = He(
+        n,
         [t == null ? void 0 : t.columnKey, g.index].join("-")
       ), m = l[C || "null"] || {
         show: !0
       };
       return {
         key: C,
-        ...Fe(g, ["className"]),
+        ...Be(g, ["className"]),
         selectable: !1,
         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,
+        disableCheckbox: typeof m.disabled == "boolean" ? m == null ? void 0 : m.disabled : (te = m == null ? void 0 : m.disabled) == null ? void 0 : te.checkbox,
         isLeaf: t ? !0 : void 0,
         ...m
       };
-    }))(V ?? []).sort(Ie(l)), [l, V]);
+    }))(U ?? []).sort(Ae(l)), [l, U]);
     T(() => {
-      var o, n;
+      var n, o;
       const e = {}, s = {}, t = {};
       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];
+        ((n = l[c]) == null ? void 0 : n.fixed) === "left" ? e[c] = l[c] : ((o = l[c]) == null ? void 0 : o.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({});
+    const [w, I] = f([]), [j, K] = f([]), [a, u] = f({}), [M, z] = f([]), [k, R] = f([]), [h, p] = f({}), [N, A] = f([]), [S, E] = f([]), [d, x] = f({});
     T(() => {
-      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 Z = [...j, ...k], de = Z.length < 8, fe = (e) => {
+      const e = [], s = [], t = [], n = [], o = [], c = [];
+      X.forEach((i) => {
+        i.fixed === "left" ? (e.push(i), s.push(i.key)) : i.fixed === "right" ? (t.push(i), n.push(i.key)) : (o.push(i), c.push(i.key));
+      }), I(e), K(s), z(t), R(n), A(o), E(c);
+    }, [X]);
+    const Y = [...w, ...M], me = Y.length < 8, ue = (e) => {
       u(e);
-    }, me = (e, s) => {
+    }, pe = (e, s) => {
       u(e), K(s);
-    }, ue = (e) => {
+    }, xe = (e) => {
       p(e);
-    }, pe = (e, s) => {
+    }, ge = (e, s) => {
       p(e), R(s);
-    }, xe = (e) => {
+    }, Ce = (e) => {
       x(e);
-    }, ge = (e, s) => {
+    }, ye = (e, s) => {
       x(e), E(s);
-    }, _ = (e, s, t, o) => {
-      const n = { ...s[e] };
+    }, Z = (e, s, t, n) => {
+      const o = { ...s[e] };
       delete s[e], x({
         ...d,
-        [e]: { ...n, fixed: void 0, order: N.length }
+        [e]: { ...o, fixed: void 0, order: N.length }
       });
       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] };
+      const g = n.splice(c, 1);
+      return E([...S, ...g]), { map: s, list: t, keys: n };
+    }, _ = (e, s, t, n) => {
+      const o = { ...s[e] };
       delete s[e], u({
         ...a,
-        [e]: { ...n, fixed: "left", order: j.length, show: !0 }
+        [e]: { ...o, fixed: "left", order: w.length, show: !0 }
       });
       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] };
+      I([...w, { ...i, fixed: "left" }]);
+      const g = n.splice(c, 1);
+      return K([...j, ...g]), { map: s, list: t, keys: n };
+    }, ee = (e, s, t, n) => {
+      const o = { ...s[e] };
       delete s[e], p({
         ...h,
         [e]: {
-          ...n,
+          ...o,
           fixed: "right",
-          order: k.length,
+          order: M.length,
           show: !0
         }
       });
       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) => {
+      z([...M, { ...i, fixed: "right" }]);
+      const g = n.splice(c, 1);
+      return R([...k, ...g]), { map: s, list: t, keys: n };
+    }, O = (e, s) => {
       if (s === "left") {
-        const { map: t, list: o, keys: n } = _(
+        const { map: t, list: n, keys: o } = Z(
           e,
           a,
-          j,
-          w
+          w,
+          j
         );
-        u({ ...t }), I([...o]), K([...n]);
+        u({ ...t }), I([...n]), K([...o]);
       } else if (s === "center") {
-        const { map: t, list: o, keys: n } = ee(
+        const { map: t, list: n, keys: o } = _(
           e,
           d,
           N,
           S
         );
-        x({ ...t }), A([...o]), E([...n]);
+        x({ ...t }), A([...n]), E([...o]);
       } else {
-        const { map: t, list: o, keys: n } = ee(
+        const { map: t, list: n, keys: o } = _(
           e,
           h,
-          k,
-          M
+          M,
+          k
         );
-        p({ ...t }), z([...o]), R([...n]);
+        p({ ...t }), z([...n]), R([...o]);
       }
-    }, $ = (e, s) => {
+    }, P = (e, s) => {
       if (s === "left") {
-        const { map: t, list: o, keys: n } = te(
+        const { map: t, list: n, keys: o } = ee(
           e,
           a,
-          j,
-          w
+          w,
+          j
         );
-        u({ ...t }), I([...o]), K([...n]);
+        u({ ...t }), I([...n]), K([...o]);
       } else if (s === "center") {
-        const { map: t, list: o, keys: n } = te(
+        const { map: t, list: n, keys: o } = ee(
           e,
           d,
           N,
           S
         );
-        x({ ...t }), A([...o]), E([...n]);
+        x({ ...t }), A([...n]), E([...o]);
       } else {
-        const { map: t, list: o, keys: n } = _(
+        const { map: t, list: n, keys: o } = Z(
           e,
           h,
-          k,
-          M
+          M,
+          k
         );
-        p({ ...t }), z([...o]), R([...n]);
+        p({ ...t }), z([...n]), R([...o]);
       }
-    }, 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;
+    }, we = ({ target: e }) => {
+      e.checked ? (u(b(a, "show", !0)), x(b(d, "show", !0)), p(b(h, "show", !0))) : (u(b(a, "show", !1)), x(b(d, "show", !1)), p(b(h, "show", !1)));
+    }, H = v(() => [...j, ...S, ...k], [j, S, k]), L = v(() => {
+      var s, t, n;
       const e = [];
-      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]), 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 = Ae(l, ["width"]);
+      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);
+      return $e(e);
+    }, [a, d, h]), je = v(() => H.length === L.length, [H, L]), Me = v(() => L.length > 0 && L.length < H.length, [L, H]), ke = () => {
+      const e = re({ ...l }, Q), s = ne(e, (t) => ({ ...t, show: !0, fixed: void 0 }));
+      D(s);
+    }, Se = () => {
+      const e = Fe(l, ["width"]);
       D(e);
     };
-    return Ne(ie, () => ({
+    return Te(le, () => ({
       getLeftSortColumns: () => a,
       getCenterSortColumns: () => d,
       getRightSortColumns: () => h,
@@ -202,12 +204,12 @@ const We = Ke(
       {
         vertical: !0,
         gap: 8,
-        style: he,
-        ref: W,
+        style: de,
+        ref: $,
         className: "columnsSortWrapper",
         children: [
-          !de && /* @__PURE__ */ r.jsx(
-            Le,
+          !me && /* @__PURE__ */ r.jsx(
+            be,
             {
               showIcon: !0,
               type: "warning",
@@ -215,7 +217,7 @@ const We = Ke(
               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.jsx("em", { style: { fontSize: 18, color: "red" }, children: Y.length }),
                   "列"
                 ] }),
                 /* @__PURE__ */ r.jsxs("div", { children: [
@@ -238,16 +240,16 @@ const We = Ke(
                 children: [
                   /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
                   /* @__PURE__ */ r.jsx(
-                    G,
+                    V,
                     {
                       placement: "left",
-                      dataList: j,
-                      keys: w,
+                      dataList: w,
+                      keys: j,
                       columnsMap: a,
-                      onLeftClick: P,
-                      onRightClick: $,
-                      onChange: fe,
-                      onMoveEnd: me
+                      onLeftClick: O,
+                      onRightClick: P,
+                      onChange: ue,
+                      onMoveEnd: pe
                     }
                   )
                 ]
@@ -263,16 +265,16 @@ const We = Ke(
                 children: [
                   /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
                   /* @__PURE__ */ r.jsx(
-                    G,
+                    V,
                     {
                       placement: "center",
                       dataList: N,
                       keys: S,
                       columnsMap: d,
-                      onLeftClick: P,
-                      onRightClick: $,
-                      onChange: xe,
-                      onMoveEnd: ge
+                      onLeftClick: O,
+                      onRightClick: P,
+                      onChange: Ce,
+                      onMoveEnd: ye
                     }
                   )
                 ]
@@ -288,16 +290,16 @@ const We = Ke(
                 children: [
                   /* @__PURE__ */ r.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
                   /* @__PURE__ */ r.jsx(
-                    G,
+                    V,
                     {
                       placement: "right",
-                      dataList: k,
-                      keys: M,
+                      dataList: M,
+                      keys: k,
                       columnsMap: h,
-                      onLeftClick: P,
-                      onRightClick: $,
-                      onChange: ue,
-                      onMoveEnd: pe
+                      onLeftClick: O,
+                      onRightClick: P,
+                      onChange: xe,
+                      onMoveEnd: ge
                     }
                   )
                 ]
@@ -305,42 +307,42 @@ const We = Ke(
             )
           ] }),
           /* @__PURE__ */ r.jsxs(
-            be,
+            Ke,
             {
               size: 16,
               align: "end",
-              ref: J,
+              ref: G,
               className: "checkAllAndReset",
               style: { paddingBottom: 8 },
               children: [
                 /* @__PURE__ */ r.jsx(
-                  ve,
+                  Re,
                   {
-                    indeterminate: je,
-                    checked: ye,
-                    onChange: Ce,
-                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
+                    indeterminate: Me,
+                    checked: je,
+                    onChange: we,
+                    children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全部显示" })
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
-                  ne,
+                  se,
                   {
                     type: "link",
-                    icon: /* @__PURE__ */ r.jsx(re, {}),
+                    icon: /* @__PURE__ */ r.jsx(ce, {}),
                     size: "small",
-                    onClick: we,
-                    className: Q,
+                    onClick: ke,
+                    className: J,
                     children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" })
                   }
                 ),
                 /* @__PURE__ */ r.jsx(
-                  ne,
+                  se,
                   {
                     type: "link",
-                    icon: /* @__PURE__ */ r.jsx(re, {}),
+                    icon: /* @__PURE__ */ r.jsx(ce, {}),
                     size: "small",
-                    onClick: ke,
-                    className: Q,
+                    onClick: Se,
+                    className: J,
                     children: /* @__PURE__ */ r.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" })
                   }
                 )
@@ -351,7 +353,7 @@ const We = Ke(
       }
     );
   }
-), _e = Ee(We);
+), ot = Ie(De);
 export {
-  _e as default
+  ot as default
 };