bitz-react-admin-ui 2.6.0 → 2.6.2

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

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

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

@@ -7,11 +7,11 @@ export interface ExportConfigImperativeProps<T extends ExportResultConfigType> {
 }
 interface ExportConfigComponentProps<T extends boolean> {
     display: boolean;
+    postHeight?: (number: any) => void;
     parentHeight?: any;
     showSelectRadio: T;
-    fromExportIcon?: boolean;
     refInstance: Ref<ExportConfigImperativeProps<BooleanConvertType<T>>>;
 }
-declare function ExportConfig<T extends boolean>({ display, showSelectRadio, fromExportIcon, refInstance, }: ExportConfigComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ExportConfig<T extends boolean>({ display, postHeight, showSelectRadio, refInstance, }: ExportConfigComponentProps<T>): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof ExportConfig>;
 export default _default;