bitz-react-admin-ui 2.6.0 → 2.6.2

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

@@ -1,53 +1,59 @@
-import { j as t } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { BitzTableContext as U } from "../../../Store/index.mjs";
-import W from "../../../../BitzTheme/index.mjs";
-import { findParentFirstNodeByClass as A } from "../../../../../utils/findNode.mjs";
-import { Form as H, Flex as E, Checkbox as X, Radio as u, InputNumber as Y, Select as Z } from "antd";
-import { memo as _, useRef as F, useState as a, useEffect as R, useMemo as f, useContext as ee, useImperativeHandle as te } from "react";
-import ne from "./DndList.mjs";
-function oe({
-  display: T,
-  showSelectRadio: C = !1,
-  fromExportIcon: B,
-  refInstance: V
+import { j as n } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { BitzTableContext as G } from "../../../Store/index.mjs";
+import q from "../../../../BitzTheme/index.mjs";
+import { findParentFirstNodeByClass as J } from "../../../../../utils/findNode.mjs";
+import { css as Q } from "../../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import { Form as E, Flex as C, Checkbox as U, Button as W, Radio as h, InputNumber as X, Select as Y } from "antd";
+import { memo as Z, useRef as B, useEffect as F, useMemo as m, useContext as _, useState as x, useImperativeHandle as H } from "react";
+import ee from "./DndList.mjs";
+import ne from "../../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+function te({
+  display: s,
+  postHeight: r,
+  showSelectRadio: y = !1,
+  refInstance: I
 }) {
-  W.useToken(), F(null);
-  const y = F(null), [K, M] = a("auto");
-  R(() => {
-    const e = A(y.current, "ant-card-body");
-    if (e) {
-      const { paddingBlockStart: n, paddingBlockEnd: l } = window.getComputedStyle(e), x = parseInt(n) + parseInt(l), k = e.clientHeight - x, d = e.firstElementChild;
-      if (d) {
-        const { rowGap: $ } = window.getComputedStyle(d), b = d == null ? void 0 : d.querySelector(".extraContent"), J = b == null ? void 0 : b.clientHeight, Q = k - J - parseInt($) - 20 - 120;
-        M(Q);
-      }
+  const { token: S } = q.useToken();
+  B(null);
+  const g = B(null);
+  F(() => {
+    g.current && (r == null || r(g.current.clientHeight));
+  }, [g.current]);
+  const V = m(() => ({
+    // display: display ? 'flex' : 'none'
+    width: s ? "100%" : 0,
+    pointerEvents: s ? "auto" : "none",
+    opacity: s ? 1 : 0,
+    overflow: s ? "inherit" : "hidden",
+    ...s ? {} : {
+      position: "absolute",
+      left: 0,
+      right: 0
     }
-  }, [y.current]);
-  const D = f(() => ({
-    display: T ? "flex" : "none",
-    width: "100%"
-  }), [T]), h = ee(U), r = h.exportConfig, j = h.selected, o = h.pagination, i = h.total, [c, I] = a([]), [p, g] = a([]), [w, S] = a("current"), [m, N] = a("page"), [v, z] = a(1);
-  R(() => {
-    var e, n, l, x;
-    g(r.fields), I(r.fields.map((k) => k.field)), S(
-      C && j ? "selectedRows" : r.config.key
-    ), N(((n = (e = r.config) == null ? void 0 : e.info) == null ? void 0 : n.type) ?? "page"), z(((x = (l = r.config) == null ? void 0 : l.info) == null ? void 0 : x.value) ?? 1);
-  }, [r, C, j]);
-  const s = f(() => p.filter((e) => e.show).map((e) => e.field), [p]), G = f(() => c.length === s.length, [c, s]), L = f(() => s.length > 0 && s.length < c.length, [s, c]), O = ({ target: e }) => {
-    g(p.map((n) => ({ ...n, show: e.checked })));
-  }, P = (e, n) => {
-    g(e), I(n);
-  }, q = f(() => {
-    if (m === "page") {
-      if (i && (o != null && o.size)) {
-        let e = Math.floor(i / (o == null ? void 0 : o.size));
-        return i % (o == null ? void 0 : o.size) && e++, e;
+  }), [s]), i = _(G), T = i.defaultTableExportConfig, a = i.exportConfig, v = i.selected, t = i.pagination, c = i.total, [f, N] = x([]), [d, u] = x([]), [w, k] = x("current"), [j, A] = x("page"), [b, R] = x(1);
+  F(() => {
+    var e, o, p, z;
+    u(a.fields), N(a.fields.map(($) => $.field)), k(
+      y && v ? "selectedRows" : a.config.key
+    ), A(((o = (e = a.config) == null ? void 0 : e.info) == null ? void 0 : o.type) ?? "page"), R(((z = (p = a.config) == null ? void 0 : p.info) == null ? void 0 : z.value) ?? 1);
+  }, [a, y, v]);
+  const l = m(() => d.filter((e) => e.show).map((e) => e.field), [d]), K = m(() => f.length === l.length, [f, l]), M = m(() => l.length > 0 && l.length < f.length, [l, f]), O = ({ target: e }) => {
+    u(d.map((o) => ({ ...o, show: e.checked })));
+  }, P = (e, o) => {
+    u(e), N(o);
+  }, D = m(() => {
+    if (j === "page") {
+      if (c && (t != null && t.size)) {
+        let e = Math.floor(c / (t == null ? void 0 : t.size));
+        return c % (t == null ? void 0 : t.size) && e++, e;
       }
       return 1;
     }
-    return i;
-  }, [m, o, i]);
-  return te(V, () => ({
+    return c;
+  }, [j, t, c]), L = () => {
+    u(T.fields), k(T.config.key);
+  };
+  return H(I, () => ({
     getExportConfig: () => {
       const e = {
         fields: [],
@@ -56,107 +62,111 @@ function oe({
           info: void 0
         }
       };
-      return p.forEach((n) => {
-        let l = !1;
-        s.includes(n.field) && (l = !0), e.fields.push({ ...n, show: l });
+      return d.forEach((o) => {
+        let p = !1;
+        l.includes(o.field) && (p = !0), e.fields.push({ ...o, show: p });
       }), w === "any" && (e.config.info = {
-        type: m,
-        value: (v || 0) < 1 ? 1 : v || 1
+        type: j,
+        value: (b || 0) < 1 ? 1 : b || 1
       }), e;
     },
-    hasOne: () => s.length > 0
-  })), /* @__PURE__ */ t.jsx("div", { ref: y, style: D, children: /* @__PURE__ */ t.jsxs(
-    H,
+    hasOne: () => l.length > 0
+  })), /* @__PURE__ */ n.jsx("div", { ref: g, style: V, children: /* @__PURE__ */ n.jsxs(
+    E,
     {
       style: { width: "100%" },
       labelCol: { span: 3 },
       labelAlign: "left",
       colon: !1,
       className: "exportConfigFormContent",
+      ...r && {
+        style: { paddingTop: 16 }
+      },
       children: [
-        /* @__PURE__ */ t.jsx(H.Item, { label: "导出字段", className: "exportFields", children: /* @__PURE__ */ t.jsxs(
-          E,
-          {
-            vertical: !0,
-            style: {
-              gap: 8,
-              ...!B && {
-                maxHeight: K
+        /* @__PURE__ */ n.jsx(E.Item, { label: "导出字段", className: "exportFields", children: /* @__PURE__ */ n.jsxs(C, { gap: 8, vertical: !0, children: [
+          /* @__PURE__ */ n.jsxs(C, { gap: 20, className: "checkAllAndReset", children: [
+            /* @__PURE__ */ n.jsx(
+              U,
+              {
+                checked: K,
+                indeterminate: M,
+                onChange: O,
+                style: { alignSelf: "flex-start" },
+                children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "全选" })
               }
-            },
-            children: [
-              /* @__PURE__ */ t.jsx(
-                X,
-                {
-                  checked: G,
-                  indeterminate: L,
-                  onChange: O,
-                  style: { alignSelf: "flex-start" },
-                  children: "全选"
-                }
-              ),
-              /* @__PURE__ */ t.jsx(
-                ne,
-                {
-                  dataList: p,
-                  keys: c,
-                  onChange: g,
-                  onMoveEnd: P
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ t.jsx(
-          H.Item,
+            ),
+            r && /* @__PURE__ */ n.jsx(
+              W,
+              {
+                type: "link",
+                icon: /* @__PURE__ */ n.jsx(ne, {}),
+                size: "small",
+                onClick: L,
+                className: Q`
+                    &:hover {
+                      color: ${S.colorPrimary} !important;
+                    }
+                  `,
+                children: /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "重置" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n.jsx(
+            ee,
+            {
+              dataList: d,
+              keys: f,
+              onChange: u,
+              onMoveEnd: P
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ n.jsx(
+          E.Item,
           {
             label: "导出设置",
             className: "exportTotal",
-            style: {
-              ...B ? {
-                marginTop: 20
-              } : {
-                height: 120,
-                marginTop: 20
-              }
+            ...r && {
+              style: { paddingBottom: 8 }
             },
-            children: /* @__PURE__ */ t.jsx(
-              u.Group,
+            children: /* @__PURE__ */ n.jsx(
+              h.Group,
               {
                 value: w,
-                onChange: ({ target: e }) => S(e.value),
-                children: /* @__PURE__ */ t.jsxs(E, { vertical: !0, gap: 8, align: "flex-start", children: [
-                  C && j && /* @__PURE__ */ t.jsx(u, { value: "selectedRows", children: "导出选中数据" }),
-                  /* @__PURE__ */ t.jsx(u, { value: "current", children: "仅导出当前页" }),
-                  /* @__PURE__ */ t.jsx(u, { value: "any", children: /* @__PURE__ */ t.jsxs(E, { align: "center", gap: 8, children: [
-                    /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }),
-                    /* @__PURE__ */ t.jsx(
-                      Y,
+                onChange: ({ target: e }) => k(e.value),
+                children: /* @__PURE__ */ n.jsxs(C, { vertical: !0, gap: 8, align: "flex-start", children: [
+                  y && v && /* @__PURE__ */ n.jsx(h, { value: "selectedRows", children: "导出选中数据" }),
+                  /* @__PURE__ */ n.jsx(h, { value: "current", children: "仅导出当前页" }),
+                  /* @__PURE__ */ n.jsx(h, { value: "any", children: /* @__PURE__ */ n.jsxs(C, { align: "center", gap: 8, children: [
+                    /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "导出" }),
+                    /* @__PURE__ */ n.jsx(
+                      X,
                       {
                         controls: !1,
+                        precision: 0,
                         min: 1,
-                        max: q,
-                        value: v,
-                        onChange: (e) => z(e),
+                        max: D,
+                        value: b,
+                        onChange: (e) => R(e),
                         style: { width: 120 },
-                        addonAfter: /* @__PURE__ */ t.jsx(
-                          Z,
+                        addonAfter: /* @__PURE__ */ n.jsx(
+                          Y,
                           {
-                            value: m,
-                            onChange: N,
+                            value: j,
+                            onChange: A,
                             options: [
                               { label: "页", value: "page" },
                               { label: "条", value: "pieces" }
                             ],
                             onClick: (e) => e.preventDefault(),
-                            getPopupContainer: (e) => A(e, "containerBody")
+                            getPopupContainer: (e) => J(e, "containerBody")
                           }
                         )
                       }
                     ),
-                    /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })
+                    /* @__PURE__ */ n.jsx("span", { style: { whiteSpace: "nowrap" }, children: "数据" })
                   ] }) }),
-                  /* @__PURE__ */ t.jsx(u, { value: "all", children: "导出全部数据" })
+                  /* @__PURE__ */ n.jsx(h, { value: "all", children: "导出全部数据" })
                 ] })
               }
             )
@@ -166,7 +176,7 @@ function oe({
     }
   ) });
 }
-const ue = _(oe);
+const ue = Z(te);
 export {
   ue as default
 };

package/dist/components/BitzTable/ToolBar/ColConfigIcon/StylesConfig/ScopeSwitch.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface ScopeSwitchProps {
+    value?: boolean;
+    disabled?: boolean;
+    onChange?: (val: boolean) => void;
+}
+declare const ScopeSwitch: FC<ScopeSwitchProps>;
+export default ScopeSwitch;

package/dist/components/BitzTable/ToolBar/ColConfigIcon/StylesConfig/ScopeSwitch.mjs

@@ -0,0 +1,23 @@
+import { j as e } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import { Flex as l, Switch as i } from "antd";
+import { useId as d } from "react";
+const r = "stylesScope", m = ({ value: o, disabled: t, onChange: c }) => {
+  const s = d();
+  return /* @__PURE__ */ e.jsxs(l, { gap: 10, children: [
+    /* @__PURE__ */ e.jsx("label", { htmlFor: `${r}${s}`, className: "stylesScopeLabel", children: "应用到全局表格" }),
+    /* @__PURE__ */ e.jsx(
+      i,
+      {
+        id: `${r}${s}`,
+        value: o,
+        onChange: c,
+        disabled: t,
+        checkedChildren: "是",
+        unCheckedChildren: "否"
+      }
+    )
+  ] });
+};
+export {
+  m as default
+};

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

@@ -2,6 +2,7 @@
 import { FormInstance } from 'antd';
 interface StylesConfigComponentProps {
     display: boolean;
+    postHeight: (number: any) => void;
 }
 export interface StylesConfigImperativeProps {
     getFormInstance: () => FormInstance<any>;