bitz-react-admin-ui 2.6.1 → 2.6.2

package/dist/components/BitzTable/ToolBar/ColConfigIcon/ColumnConfigModal.mjs

@@ -1,138 +1,146 @@
 import { j as t } from "../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { Card as ne, Flex as I, Segmented as le, message as $ } from "antd";
-import { useState as p, useContext as q, useRef as s, useMemo as ie, useEffect as G } from "react";
-import { BitzTableContext as ce } from "../../Store/index.mjs";
-import J from "../../../BitzButton/index.mjs";
-import ae from "../../../BitzTheme/index.mjs";
-import fe from "./StylesConfig/index.mjs";
-import me from "./ColumnsSort/index.mjs";
-import ue from "./ExportConfig/index.mjs";
-import { BitzConfigContext as pe } from "../../../BitzConfigProvider/context.mjs";
-import de from "../Modal/index.mjs";
-import ge from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
-import xe from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
-const ye = "导出设置", Fe = ({
-  open: d,
-  title: P,
-  onChange: a,
-  close: f,
-  getContainer: Q
+import { Card as ue, Flex as G, Segmented as ge, message as I } from "antd";
+import { useState as f, useContext as W, useRef as l, useMemo as pe, useEffect as $ } from "react";
+import { BitzTableContext as de } from "../../Store/index.mjs";
+import q from "../../../BitzButton/index.mjs";
+import he from "../../../BitzTheme/index.mjs";
+import xe from "./StylesConfig/index.mjs";
+import ye from "./ColumnsSort/index.mjs";
+import Ce from "./ExportConfig/index.mjs";
+import { BitzConfigContext as Se } from "../../../BitzConfigProvider/context.mjs";
+import He from "../Modal/index.mjs";
+import { blockGap as J, modalHeaderHeight as P, modalFooterHeight as Q } from "../Modal/style.mjs";
+import je from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/CheckCircleOutlined.mjs";
+import Ee from "../../../../node_modules/.store/lodash-es@4.17.21/node_modules/lodash-es/omit.mjs";
+const Te = "导出设置", Ae = ({
+  open: p,
+  title: U,
+  onChange: u,
+  close: g,
+  getContainer: X
 }) => {
-  const { token: v } = ae.useToken(), [r, o] = p(-1), [U, g] = p(!1);
-  p(!1);
-  const [W, n] = p(!1), {
-    persistenceType: X,
-    persistenceKey: H,
-    onlineChange: x,
-    setColumnsMap: Y,
-    stylesStorageType: Z,
-    stylesStorageKey: k,
-    setTableStylesConfig: y,
-    onlineStylesConfigChange: h,
-    defaultTableExportConfig: _,
-    exportStorageType: ee,
-    exportStorageKey: B,
-    setTableExportConfig: te,
+  const { token: b } = he.useToken(), [n, i] = f(-1), [Y, d] = f(!1);
+  f(!1);
+  const [Z, c] = f(!1), {
+    persistenceType: _,
+    persistenceKey: k,
+    onlineChange: h,
+    setColumnsMap: ee,
+    stylesStorageType: te,
+    stylesStorageKey: v,
+    setTableStylesConfig: x,
+    onlineStylesConfigChange: y,
+    defaultTableExportConfig: oe,
+    exportStorageType: re,
+    exportStorageKey: w,
+    setTableExportConfig: se,
     onlineExportConfigChange: C
-  } = q(ce), l = q(pe).Table, i = s(null), E = s(null), S = s(null), re = async () => {
-    var K, M, O, V, w, L, N, A, D;
-    if (W)
+  } = W(de), a = W(Se).Table, m = l(null), B = l(null), S = l(null), ne = async () => {
+    var F, K, M, O, V, N, L, A, D;
+    if (Z)
       return;
-    n(!0);
-    const e = (K = i.current) == null ? void 0 : K.getCheckedKeys();
+    c(!0);
+    const e = (F = m.current) == null ? void 0 : F.getCheckedKeys();
     if (!(e != null && e.length)) {
-      o(2), $.error("表格至少需要显示一列"), n(!1);
+      i(2), I.error("表格至少需要显示一列"), c(!1);
       return;
     }
-    if (!((M = S.current) == null ? void 0 : M.hasOne())) {
-      o(3), $.error("导出设置至少需要一个字段"), n(!1);
+    if (!((K = S.current) == null ? void 0 : K.hasOne())) {
+      i(3), I.error("导出设置至少需要一个字段"), c(!1);
       return;
     }
-    const c = (O = E.current) == null ? void 0 : O.getFormInstance(), u = await (c == null ? void 0 : c.getFieldsValue()), oe = xe(u, "stylesScope"), T = {
-      ...(V = i.current) == null ? void 0 : V.getLeftSortColumns(),
-      ...(w = i.current) == null ? void 0 : w.getCenterSortColumns(),
-      ...(L = i.current) == null ? void 0 : L.getRightSortColumns()
-    }, b = ((N = S.current) == null ? void 0 : N.getExportConfig()) ?? _;
-    y == null || y(oe), (A = l == null ? void 0 : l.setStylesScope) == null || A.call(l, u.stylesScope ? "global" : "current"), Y(T), te(b), Z === "online" && k && (h == null || h(k, u)), X === "online" && H && (x == null || x(H, T)), ee === "online" && B && (C == null || C(B, b)), n(!1), a ? (g(!0), (D = a == null ? void 0 : a(u, T, b)) == null || D.finally(() => {
-      g(!1), f();
-    })) : f();
+    const o = (M = B.current) == null ? void 0 : M.getFormInstance(), s = await (o == null ? void 0 : o.getFieldsValue()), fe = Ee(s, "stylesScope"), T = {
+      ...(O = m.current) == null ? void 0 : O.getLeftSortColumns(),
+      ...(V = m.current) == null ? void 0 : V.getCenterSortColumns(),
+      ...(N = m.current) == null ? void 0 : N.getRightSortColumns()
+    }, R = ((L = S.current) == null ? void 0 : L.getExportConfig()) ?? oe;
+    x == null || x(fe), (A = a == null ? void 0 : a.setStylesScope) == null || A.call(a, s.stylesScope ? "global" : "current"), ee(T), se(R), te === "online" && v && (y == null || y(v, s)), _ === "online" && k && (h == null || h(k, T)), re === "online" && w && (C == null || C(w, R)), c(!1), u ? (d(!0), (D = u == null ? void 0 : u(s, T, R)) == null || D.finally(() => {
+      d(!1), g();
+    })) : g();
   };
-  ie(() => v.mode === "dark", [v.mode]);
-  const se = () => {
-    o(-1), g(!1), n(!1);
-  }, j = s(null), z = s(null), F = s({
+  pe(() => b.mode === "dark", [b.mode]);
+  const le = () => {
+    i(-1), d(!1), c(!1);
+  }, ie = (e) => {
+    i(e), H.current.parentElement.scrollTop = 0;
+  }, H = l(null), j = l(null), [ce, ae] = f("auto"), E = l({
     1: 0,
     2: 0,
     3: 0
-  }), R = (e, m) => {
-    F.current[m] = e;
+  }), me = () => {
+    var o;
+    const e = (o = j.current) == null ? void 0 : o.clientHeight, r = window.innerHeight - J - P - Q - 48 - e - 32;
+    E.current[2] = window.innerHeight - J, ae(r);
+  }, z = (e, r) => {
+    var s;
+    const o = (s = j.current) == null ? void 0 : s.clientHeight;
+    E.current[r] = P + Q + 48 + 32 + o + e;
   };
-  return G(() => {
-    var e;
-    if (j.current) {
-      const m = (e = z.current) == null ? void 0 : e.clientHeight, c = F.current[r] + m + 24 + 48;
-      j.current.style.height = `${c}px`;
-    }
-  }, [r]), G(() => {
-    d && o(1);
-  }, [d]), /* @__PURE__ */ t.jsx(
-    de,
+  return $(() => {
+    var r, o;
+    const e = (o = (r = H.current) == null ? void 0 : r.parentElement) == null ? void 0 : o.parentElement;
+    e && (e.style.height = `${E.current[n]}px`);
+  }, [n]), $(() => {
+    p && i(1);
+  }, [p]), /* @__PURE__ */ t.jsx(
+    He,
     {
-      open: d,
-      title: P,
-      close: f,
-      closeAfter: se,
-      getContainer: Q,
+      open: p,
+      title: U,
+      close: g,
+      closeAfter: le,
+      getContainer: X,
       footer: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(
-          J,
+          q,
           {
             type: "primary",
-            icon: /* @__PURE__ */ t.jsx(ge, {}),
-            onClick: re,
-            loading: U,
+            icon: /* @__PURE__ */ t.jsx(je, {}),
+            onClick: ne,
+            loading: Y,
             children: "保存"
           }
         ),
-        /* @__PURE__ */ t.jsx(J, { onClick: f, children: "取消" })
+        /* @__PURE__ */ t.jsx(q, { onClick: g, children: "取消" })
       ] }),
-      children: /* @__PURE__ */ t.jsx(ne, { className: "container", bordered: !1, ref: j, children: /* @__PURE__ */ t.jsxs(I, { vertical: !0, align: "center", gap: 24, children: [
-        /* @__PURE__ */ t.jsx("div", { ref: z, children: /* @__PURE__ */ t.jsx(
-          le,
+      children: /* @__PURE__ */ t.jsx(ue, { className: "container", bordered: !1, ref: H, children: /* @__PURE__ */ t.jsxs(G, { vertical: !0, align: "center", children: [
+        /* @__PURE__ */ t.jsx("div", { className: "segmentedWrapper", ref: j, children: /* @__PURE__ */ t.jsx(
+          ge,
           {
             size: "large",
             options: [
               { label: "外观设置", value: 1 },
               { label: "列设置", value: 2 },
-              { label: ye, value: 3 }
+              { label: Te, value: 3 }
             ],
-            value: r,
-            onChange: o
+            value: n,
+            onChange: ie
           }
         ) }),
-        /* @__PURE__ */ t.jsxs(I, { className: "containerBody", children: [
+        /* @__PURE__ */ t.jsxs(G, { className: "containerBody", children: [
           /* @__PURE__ */ t.jsx(
-            fe,
+            xe,
             {
-              ref: E,
-              postHeight: (e) => R(e, 1),
-              display: r === 1
+              ref: B,
+              postHeight: (e) => z(e, 1),
+              display: n === 1
             }
           ),
           /* @__PURE__ */ t.jsx(
-            me,
+            ye,
             {
-              ref: i,
-              postHeight: (e) => R(e, 2),
-              display: r === 2
+              ref: m,
+              postHeight: me,
+              height: ce,
+              display: n === 2
             }
           ),
           /* @__PURE__ */ t.jsx(
-            ue,
+            Ce,
             {
               refInstance: S,
-              postHeight: (e) => R(e, 3),
-              display: r === 3,
+              postHeight: (e) => z(e, 3),
+              display: n === 3,
               showSelectRadio: !1
             }
           )
@@ -142,6 +150,6 @@ const ye = "导出设置", Fe = ({
   );
 };
 export {
-  Fe as default,
-  ye as exportConfigTitle
+  Ae as default,
+  Te as exportConfigTitle
 };

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 interface ColumnsSortProps {
     display: boolean;
-    postHeight: (number: any) => void;
+    height: number | 'auto';
+    postHeight: () => void;
     parentHeight?: any;
 }
 export interface ColumnsSortImperativeProps {