bitz-react-admin-ui 2.6.1 → 2.6.3

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

@@ -1,174 +1,181 @@
 import { j as c } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { css as _ } from "../../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { theme as xe, Flex as D, Typography as H, Space as ge, Checkbox as Ce, Button as ee } from "antd";
-import { forwardRef as ye, useRef as ke, useEffect as P, useMemo as w, useContext as Me, useState as u, useImperativeHandle as je, memo as we } from "react";
-import { useImmer as Le } from "../../../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
+import { css as we } from "../../../../../node_modules/.store/@emotion_css@11.11.2/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/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
 import "../../../index.mjs";
-import { columnSort as Se, genColumnKey as be, updateNestedObject as L, removePropertiesWithoutMutation as Ke } from "../../../Store/utils/index.mjs";
-import W from "./DndList.mjs";
-import { BitzTableContext as ve } from "../../../Store/index.mjs";
-import te from "../../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-import Re from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-import Ne from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
-const Ee = ye(
-  ({ display: S, postHeight: se }, oe) => {
-    const { token: q } = xe.useToken(), T = ke(null);
-    P(() => {
-      if (T.current) {
-        const e = T.current.querySelector(".sortContent"), s = e == null ? void 0 : e.clientHeight;
-        se(s + 40);
+import { columnSort as Ne, genColumnKey as Ee, updateNestedObject as L, removePropertiesWithoutMutation as Te } from "../../../Store/utils/index.mjs";
+import G from "./DndList.mjs";
+import { BitzTableContext as He } from "../../../Store/index.mjs";
+import Ie from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
+import Ae from "../../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/merge.mjs";
+import ne from "../../../../../node_modules/.store/@ant-design_icons@5.3.7/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`
+      &:hover {
+        color: ${le.colorPrimary} !important;
       }
-    }, [T.current]);
-    const ne = w(() => ({
+    `;
+    T(() => {
+      D.current && re();
+    }, [D.current]), T(() => {
+      var e;
+      if (typeof B == "number") {
+        const s = (e = J.current) == null ? void 0 : e.clientHeight;
+        ie(B - s - 16 - 8);
+      }
+    }, [B]);
+    const ae = S(() => ({
       // display: display ? 'flex' : 'none'
-      width: S ? "100%" : 0,
-      pointerEvents: S ? "auto" : "none",
-      opacity: S ? 1 : 0,
-      overflow: "hidden",
-      ...S ? {} : {
+      width: y ? "100%" : 0,
+      pointerEvents: y ? "auto" : "none",
+      opacity: y ? 1 : 0,
+      overflow: y ? "inherit" : "hidden",
+      ...y ? {} : {
         position: "absolute",
         left: 0,
         right: 0
       }
-    }), [S]), { defaultColumnKeyMap: G, baseColumns: J, columnsMap: Q } = Me(ve), [l, $] = Le({});
-    P(() => {
-      const e = Object.keys(Q).length ? Q : G;
-      $(e);
+    }), [y]), { defaultColumnKeyMap: U, baseColumns: V, columnsMap: X } = be(He), [i, F] = ve({});
+    T(() => {
+      const e = Object.keys(X).length ? X : U;
+      F(e);
     }, []);
-    const U = w(() => ((s, t) => s.map((n) => {
-      var Z;
-      const { key: o, dataIndex: r, children: i, ...g } = n, C = be(
+    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, g.index].join("-")
-      ), f = l[C || "null"] || {
+        [t == null ? void 0 : t.columnKey, x.index].join("-")
+      ), u = i[C || "null"] || {
         show: !0
       };
       return {
         key: C,
-        ...Re(g, ["className"]),
+        ...Ie(x, ["className"]),
         selectable: !1,
-        disabled: f.disabled === !0,
-        disableCheckbox: typeof f.disabled == "boolean" ? f == null ? void 0 : f.disabled : (Z = f == null ? void 0 : f.disabled) == null ? void 0 : Z.checkbox,
+        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,
         isLeaf: t ? !0 : void 0,
-        ...f
+        ...u
       };
-    }))(J ?? []).sort(Se(l)), [l, J]);
-    P(() => {
+    }))(V ?? []).sort(Ne(i)), [i, V]);
+    T(() => {
       var n, o;
       const e = {}, s = {}, t = {};
-      for (const r in l)
-        ((n = l[r]) == null ? void 0 : n.fixed) === "left" ? e[r] = l[r] : ((o = l[r]) == null ? void 0 : o.fixed) === "right" ? s[r] = l[r] : t[r] = l[r];
-      m(e), p(s), x(t);
-    }, [l]);
-    const [b, I] = u([]), [y, K] = u([]), [a, m] = u({}), [v, z] = u([]), [k, R] = u([]), [h, p] = u({}), [N, O] = u([]), [M, E] = u([]), [d, x] = u({});
-    P(() => {
+      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({});
+    T(() => {
       const e = [], s = [], t = [], n = [], o = [], r = [];
-      U.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), r.push(i.key));
-      }), I(e), K(s), z(t), R(n), O(o), E(r);
-    }, [U]);
-    const re = (e) => {
+      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);
+    }, [Y]);
+    const he = (e) => {
       m(e);
-    }, ce = (e, s) => {
+    }, de = (e, s) => {
       m(e), K(s);
-    }, ie = (e) => {
+    }, fe = (e) => {
       p(e);
-    }, le = (e, s) => {
-      p(e), R(s);
-    }, ae = (e) => {
-      x(e);
-    }, he = (e, s) => {
-      x(e), E(s);
-    }, V = (e, s, t, n) => {
+    }, 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], x({
+      delete s[e], g({
         ...d,
         [e]: { ...o, fixed: void 0, order: N.length }
       });
-      const r = t.findIndex((C) => C.key === e), i = t.splice(r, 1)[0];
-      O([...N, { ...i, fixed: void 0 }]);
-      const g = n.splice(r, 1);
-      return E([...M, ...g]), { map: s, list: t, keys: n };
-    }, X = (e, s, t, n) => {
+      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({
         ...a,
         [e]: { ...o, fixed: "left", order: b.length, show: !0 }
       });
-      const r = t.findIndex((C) => C.key === e), i = t.splice(r, 1)[0];
-      I([...b, { ...i, fixed: "left" }]);
-      const g = n.splice(r, 1);
-      return K([...y, ...g]), { map: s, list: t, keys: n };
-    }, Y = (e, s, t, n) => {
+      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] };
       delete s[e], p({
         ...h,
         [e]: {
           ...o,
           fixed: "right",
-          order: v.length,
+          order: R.length,
           show: !0
         }
       });
-      const r = t.findIndex((C) => C.key === e), i = t.splice(r, 1)[0];
-      z([...v, { ...i, fixed: "right" }]);
-      const g = n.splice(r, 1);
-      return R([...k, ...g]), { map: s, list: t, keys: n };
-    }, B = (e, s) => {
+      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 };
+    }, P = (e, s) => {
       if (s === "left") {
-        const { map: t, list: n, keys: o } = V(
+        const { map: t, list: n, keys: o } = Z(
           e,
           a,
           b,
-          y
+          k
         );
-        m({ ...t }), I([...n]), K([...o]);
+        m({ ...t }), H([...n]), K([...o]);
       } else if (s === "center") {
-        const { map: t, list: n, keys: o } = X(
+        const { map: t, list: n, keys: o } = _(
           e,
           d,
           N,
           M
         );
-        x({ ...t }), O([...n]), E([...o]);
+        g({ ...t }), A([...n]), E([...o]);
       } else {
-        const { map: t, list: n, keys: o } = X(
+        const { map: t, list: n, keys: o } = _(
           e,
           h,
-          v,
-          k
+          R,
+          w
         );
-        p({ ...t }), z([...n]), R([...o]);
+        p({ ...t }), I([...n]), v([...o]);
       }
-    }, F = (e, s) => {
+    }, $ = (e, s) => {
       if (s === "left") {
-        const { map: t, list: n, keys: o } = Y(
+        const { map: t, list: n, keys: o } = ee(
           e,
           a,
           b,
-          y
+          k
         );
-        m({ ...t }), I([...n]), K([...o]);
+        m({ ...t }), H([...n]), K([...o]);
       } else if (s === "center") {
-        const { map: t, list: n, keys: o } = Y(
+        const { map: t, list: n, keys: o } = ee(
           e,
           d,
           N,
           M
         );
-        x({ ...t }), O([...n]), E([...o]);
+        g({ ...t }), A([...n]), E([...o]);
       } else {
-        const { map: t, list: n, keys: o } = V(
+        const { map: t, list: n, keys: o } = Z(
           e,
           h,
-          v,
-          k
+          R,
+          w
         );
-        p({ ...t }), z([...n]), R([...o]);
+        p({ ...t }), I([...n]), v([...o]);
       }
-    }, de = ({ target: e }) => {
-      e.checked ? (m(L(a, "show", !0)), x(L(d, "show", !0)), p(L(h, "show", !0))) : (m(L(a, "show", !1)), x(L(d, "show", !1)), p(L(h, "show", !1)));
-    }, A = w(() => [...y, ...M, ...k], [y, M, k]), j = w(() => {
+    }, 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;
       const e = [];
       for (const o in a)
@@ -178,113 +185,152 @@ const Ee = ye(
       for (const o in h)
         (n = h[o]) != null && n.show && e.push(o);
       return e;
-    }, [a, d, h]), fe = w(() => A.length === j.length, [A, j]), ue = w(() => j.length > 0 && j.length < A.length, [j, A]), me = () => {
-      const e = Ne({ ...l }, G);
-      $(e);
-    }, pe = () => {
-      const e = Ke(l, ["width"]);
-      $(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);
+    }, ke = () => {
+      const e = Te(i, ["width"]);
+      F(e);
     };
-    return je(oe, () => ({
+    return Ke(ce, () => ({
       getLeftSortColumns: () => a,
       getCenterSortColumns: () => d,
       getRightSortColumns: () => h,
       getCheckedKeys: () => j
-    })), /* @__PURE__ */ c.jsxs(D, { vertical: !0, gap: 16, style: ne, ref: T, children: [
-      /* @__PURE__ */ c.jsxs("div", { className: "sortContent", children: [
-        /* @__PURE__ */ c.jsxs(D, { vertical: !0, className: "sortCard", gap: 6, children: [
-          /* @__PURE__ */ c.jsx(H.Title, { level: 5, className: "title", children: "固定在左侧" }),
-          /* @__PURE__ */ c.jsx(
-            W,
-            {
-              placement: "left",
-              dataList: b,
-              keys: y,
-              columnsMap: a,
-              onLeftClick: B,
-              onRightClick: F,
-              onChange: re,
-              onMoveEnd: ce
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c.jsxs(D, { vertical: !0, className: "sortCard", gap: 6, children: [
-          /* @__PURE__ */ c.jsx(H.Title, { level: 5, className: "title", children: "不固定" }),
-          /* @__PURE__ */ c.jsx(
-            W,
-            {
-              placement: "center",
-              dataList: N,
-              keys: M,
-              columnsMap: d,
-              onLeftClick: B,
-              onRightClick: F,
-              onChange: ae,
-              onMoveEnd: he
-            }
-          )
-        ] }),
-        /* @__PURE__ */ c.jsxs(D, { vertical: !0, className: "sortCard", gap: 6, children: [
-          /* @__PURE__ */ c.jsx(H.Title, { level: 5, className: "title", children: "固定在右侧" }),
-          /* @__PURE__ */ c.jsx(
-            W,
+    })), /* @__PURE__ */ c.jsxs(
+      O,
+      {
+        vertical: !0,
+        gap: 8,
+        style: ae,
+        ref: D,
+        className: "columnsSortWrapper",
+        children: [
+          /* @__PURE__ */ c.jsxs("div", { className: "sortContent", children: [
+            /* @__PURE__ */ c.jsxs(
+              O,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: W },
+                children: [
+                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在左侧" }),
+                  /* @__PURE__ */ c.jsx(
+                    G,
+                    {
+                      placement: "left",
+                      dataList: b,
+                      keys: k,
+                      columnsMap: a,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: he,
+                      onMoveEnd: de
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ c.jsxs(
+              O,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: W },
+                children: [
+                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "不固定" }),
+                  /* @__PURE__ */ c.jsx(
+                    G,
+                    {
+                      placement: "center",
+                      dataList: N,
+                      keys: M,
+                      columnsMap: d,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: me,
+                      onMoveEnd: pe
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ c.jsxs(
+              O,
+              {
+                vertical: !0,
+                className: "sortCard",
+                gap: 6,
+                style: { height: W },
+                children: [
+                  /* @__PURE__ */ c.jsx(q.Title, { level: 5, className: "title", children: "固定在右侧" }),
+                  /* @__PURE__ */ c.jsx(
+                    G,
+                    {
+                      placement: "right",
+                      dataList: R,
+                      keys: w,
+                      columnsMap: h,
+                      onLeftClick: P,
+                      onRightClick: $,
+                      onChange: fe,
+                      onMoveEnd: ue
+                    }
+                  )
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c.jsxs(
+            je,
             {
-              placement: "right",
-              dataList: v,
-              keys: k,
-              columnsMap: h,
-              onLeftClick: B,
-              onRightClick: F,
-              onChange: ie,
-              onMoveEnd: le
+              size: 16,
+              align: "end",
+              ref: J,
+              className: "checkAllAndReset",
+              style: { paddingBottom: 8 },
+              children: [
+                /* @__PURE__ */ c.jsx(
+                  Se,
+                  {
+                    indeterminate: Ce,
+                    checked: xe,
+                    onChange: ge,
+                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
+                  }
+                ),
+                /* @__PURE__ */ c.jsx(
+                  se,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ c.jsx(ne, {}),
+                    size: "small",
+                    onClick: ye,
+                    className: Q,
+                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置排序和显隐" })
+                  }
+                ),
+                /* @__PURE__ */ c.jsx(
+                  se,
+                  {
+                    type: "link",
+                    icon: /* @__PURE__ */ c.jsx(ne, {}),
+                    size: "small",
+                    onClick: ke,
+                    className: Q,
+                    children: /* @__PURE__ */ c.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置列宽" })
+                  }
+                )
+              ]
             }
           )
-        ] })
-      ] }),
-      /* @__PURE__ */ c.jsxs(ge, { size: 16, align: "end", children: [
-        /* @__PURE__ */ c.jsx(
-          Ce,
-          {
-            indeterminate: ue,
-            checked: fe,
-            onChange: de,
-            children: "全选"
-          }
-        ),
-        /* @__PURE__ */ c.jsx(
-          ee,
-          {
-            type: "link",
-            icon: /* @__PURE__ */ c.jsx(te, {}),
-            size: "small",
-            onClick: me,
-            className: _`
-              &:hover {
-                color: ${q.colorPrimary} !important;
-              }
-            `,
-            children: "重置列排序和显隐"
-          }
-        ),
-        /* @__PURE__ */ c.jsx(
-          ee,
-          {
-            type: "link",
-            icon: /* @__PURE__ */ c.jsx(te, {}),
-            size: "small",
-            onClick: pe,
-            className: _`
-              &:hover {
-                color: ${q.colorPrimary} !important;
-              }
-            `,
-            children: "重置列宽度"
-          }
-        )
-      ] })
-    ] });
+        ]
+      }
+    );
   }
-), Ge = we(Ee);
+), Xe = Re(ze);
 export {
-  Ge as default
+  Xe as default
 };