bitz-react-admin-ui 2.6.0 → 2.6.2

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

@@ -1,116 +1,155 @@
-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 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: 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: 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
+  } = 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;
-    t(!0);
-    const x = (v = r.current) == null ? void 0 : v.getCheckedKeys();
-    if (!(x != null && x.length)) {
-      i(2), F.error("表格至少需要显示一列"), t(!1);
+    c(!0);
+    const e = (F = m.current) == null ? void 0 : F.getCheckedKeys();
+    if (!(e != null && e.length)) {
+      i(2), I.error("表格至少需要显示一列"), c(!1);
       return;
     }
-    if (!((z = g.current) == null ? void 0 : z.hasOne())) {
-      i(3), F.error("导出设置至少需要一个字段"), t(!1);
+    if (!((K = S.current) == null ? void 0 : K.hasOne())) {
+      i(3), I.error("导出设置至少需要一个字段"), c(!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 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();
   };
-  $(() => T.mode === "dark", [T.mode]);
-  const Y = () => {
-    i(1), m(!1), t(!1);
+  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
+  }), 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 /* @__PURE__ */ e.jsxs(
-    le,
+  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: I,
-      close: n,
-      closeAfter: Y,
-      getContainer: q,
-      footer: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          A,
+      open: p,
+      title: U,
+      close: g,
+      closeAfter: le,
+      getContainer: X,
+      footer: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(
+          q,
           {
             type: "primary",
-            icon: /* @__PURE__ */ e.jsx(ie, {}),
-            onClick: X,
-            loading: G,
+            icon: /* @__PURE__ */ t.jsx(je, {}),
+            onClick: ne,
+            loading: Y,
             children: "保存"
           }
         ),
-        /* @__PURE__ */ e.jsx(A, { onClick: n, children: "取消" })
+        /* @__PURE__ */ t.jsx(q, { onClick: g, 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(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,
           {
-            refInstance: g,
-            display: l === 3,
-            showSelectRadio: !1
+            size: "large",
+            options: [
+              { label: "外观设置", value: 1 },
+              { label: "列设置", value: 2 },
+              { label: Te, value: 3 }
+            ],
+            value: n,
+            onChange: ie
           }
-        )
-      ]
+        ) }),
+        /* @__PURE__ */ t.jsxs(G, { className: "containerBody", children: [
+          /* @__PURE__ */ t.jsx(
+            xe,
+            {
+              ref: B,
+              postHeight: (e) => z(e, 1),
+              display: n === 1
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            ye,
+            {
+              ref: m,
+              postHeight: me,
+              height: ce,
+              display: n === 2
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            Ce,
+            {
+              refInstance: S,
+              postHeight: (e) => z(e, 3),
+              display: n === 3,
+              showSelectRadio: !1
+            }
+          )
+        ] })
+      ] }) })
     }
   );
 };
 export {
-  ke as default,
-  ae as exportConfigTitle
+  Ae as default,
+  Te as exportConfigTitle
 };

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

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