bitz-react-admin-ui 2.6.0 → 2.6.1

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

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

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

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