bitz-react-admin-ui 2.6.0 → 2.6.2

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

@@ -1,151 +1,223 @@
 import { j as e } from "../../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import H from "../../../../../assets/iconfont/IconKuansongde.mjs";
-import C from "../../../../../assets/iconfont/IconTekuansong.mjs";
-import S from "../../../../../assets/iconfont/IconJincoude.mjs";
-import k from "../../../../../assets/iconfont/IconZhongdengde.mjs";
-import T from "../../../../../assets/iconfont/IconTejincou.mjs";
-import R from "../../../../../assets/iconfont/IconWufengexian.mjs";
-import w from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
-import B from "../../../../../assets/iconfont/IconHangfengexian.mjs";
-import G from "../../../../../assets/iconfont/IconLiefengexian.mjs";
-import F from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
-import N from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
-import { BitzConfigContext as W } from "../../../../BitzConfigProvider/context.mjs";
-import { BitzTableContext as E } from "../../../Store/index.mjs";
-import $ from "../../../../BitzTheme/index.mjs";
-import { Form as i, Radio as u, Checkbox as A } from "antd";
-import D from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import { forwardRef as J, useMemo as K, useContext as p, useEffect as L, useImperativeHandle as M, memo as V } from "react";
-import { BitzToolBarContext as Y } from "../../Wrapper/context.mjs";
-import l from "./RadioCard.mjs";
-const Z = ({ defaultSize: n, items: c }) => c.map((o) => o.key === n ? {
-  ...o,
-  label: `${o.label}(默认)`
-} : o), q = J(({ display: n }, c) => {
-  var x, b, f;
-  const { token: o } = $.useToken(), h = K(() => ({
-    width: "100%",
-    display: n ? "flex" : "none"
-  }), [n]), z = {
+import F from "../../../../../assets/iconfont/IconKuansongde.mjs";
+import G from "../../../../../assets/iconfont/IconTekuansong.mjs";
+import W from "../../../../../assets/iconfont/IconJincoude.mjs";
+import E from "../../../../../assets/iconfont/IconZhongdengde.mjs";
+import A from "../../../../../assets/iconfont/IconTejincou.mjs";
+import V from "../../../../../assets/iconfont/IconWufengexian.mjs";
+import $ from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
+import D from "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import J from "../../../../../assets/iconfont/IconLiefengexian.mjs";
+import K from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
+import L from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
+import { BitzConfigContext as M } from "../../../../BitzConfigProvider/context.mjs";
+import { BitzTableContext as O } from "../../../Store/index.mjs";
+import Y from "../../../../BitzTheme/index.mjs";
+import { Form as s, Radio as f, InputNumber as Z, Segmented as q, Row as Q, Col as v, Button as U } from "antd";
+import X from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { forwardRef as _, useRef as S, useEffect as x, useMemo as ee, useContext as b, useImperativeHandle as oe, useState as re, memo as le } from "react";
+import { BitzToolBarContext as se } from "../../Wrapper/context.mjs";
+import i from "./RadioCard.mjs";
+import ie from "./ScopeSwitch.mjs";
+import te from "../../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
+const ne = ({ defaultSize: l, items: d }) => d.map((t) => t.key === l ? {
+  ...t,
+  label: `${t.label}(默认)`
+} : t), ae = _(({ display: l, postHeight: d }, t) => {
+  var j, g;
+  const { token: o } = Y.useToken(), h = S(null);
+  x(() => {
+    var r;
+    d((r = h.current) == null ? void 0 : r.clientHeight);
+  }, []);
+  const C = ee(() => ({
+    display: "flex",
+    width: l ? "100%" : 0,
+    pointerEvents: l ? "auto" : "none",
+    opacity: l ? 1 : 0,
+    overflow: l ? "inherit" : "hidden",
+    ...l ? {} : {
+      position: "absolute",
+      left: 0,
+      right: 0
+    }
+  }), [l]), P = {
     size: 26,
     color: o.colorPrimary
-  }, [m] = i.useForm(), g = (x = p(W).Table) == null ? void 0 : x.stylesScope, { defaultTableSize: P, stylesConfig: I } = p(E), r = (b = p(Y).config) == null ? void 0 : b.stylesConfig, d = (s, a) => {
-    var y, j;
-    let t = a;
-    return (y = r == null ? void 0 : r[s]) != null && y.disabled && (t = D(a, "disabledControl")), {
-      disabled: (j = r == null ? void 0 : r[s]) == null ? void 0 : j.disabled,
-      className: t
+  }, [a] = s.useForm(), w = (j = b(M).Table) == null ? void 0 : j.stylesScope, { defaultTableSize: H, stylesConfig: R, defaultTableStylesConfig: y } = b(O), n = (g = b(se).config) == null ? void 0 : g.stylesConfig, u = (r, c) => {
+    var z, I;
+    let m = c;
+    return (z = n == null ? void 0 : n[r]) != null && z.disabled && (m = X(c, "disabledControl")), {
+      disabled: (I = n == null ? void 0 : n[r]) == null ? void 0 : I.disabled,
+      className: m
     };
   };
-  L(() => {
-    m.setFieldsValue({
-      ...I,
-      stylesScope: g === "global"
+  x(() => {
+    a.setFieldsValue({
+      ...y,
+      ...R,
+      stylesScope: w === "global"
     });
   }, []);
-  const v = Z({
-    defaultSize: P,
+  const k = () => {
+    a.setFieldsValue({
+      ...y,
+      stylesScope: !1
+    });
+  }, B = ne({
+    defaultSize: H,
     items: [
       {
         key: "xs",
         label: "特紧凑",
-        icon: T
+        icon: A
       },
       {
         key: "sm",
         label: "紧凑",
-        icon: S
+        icon: W
       },
       {
         key: "md",
         label: "中等",
-        icon: k
+        icon: E
       },
       {
         key: "lg",
         label: "宽松",
-        icon: H
+        icon: F
       },
       {
         key: "xl",
         label: "特宽松",
-        icon: C
+        icon: G
       }
     ]
   });
-  return M(c, () => ({
-    getFormInstance: () => m
-  })), /* @__PURE__ */ e.jsxs(
-    i,
+  oe(t, () => ({
+    getFormInstance: () => a
+  }));
+  const p = S(null), [T, N] = re("auto");
+  return x(() => {
+    p && N(p.current.clientWidth + 10);
+  }, []), /* @__PURE__ */ e.jsx("div", { style: C, ref: h, children: /* @__PURE__ */ e.jsxs(
+    s,
     {
-      form: m,
-      style: h,
+      form: a,
+      style: { width: "100%" },
       labelCol: { span: 3 },
       labelAlign: "left",
       colon: !1,
       className: "stylesConfigFormContent",
       children: [
-        /* @__PURE__ */ e.jsx(i.Item, { label: "行高", name: "size", children: /* @__PURE__ */ e.jsx(u.Group, { ...d("size", "sizeRadioGroup"), children: v.map(({ key: s, label: a, icon: t }) => /* @__PURE__ */ e.jsx(l, { label: a, value: s, children: /* @__PURE__ */ e.jsx(t, { ...z }) }, s)) }) }),
-        /* @__PURE__ */ e.jsx(i.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ e.jsxs(u.Group, { ...d("bordered", "splitBorderRadioGroup"), children: [
-          /* @__PURE__ */ e.jsx(l, { label: "无分割线", value: "hide", children: /* @__PURE__ */ e.jsx(R, { size: 26, color: o.colorPrimaryHover }) }),
-          /* @__PURE__ */ e.jsx(l, { label: "行分割线", value: "row", children: /* @__PURE__ */ e.jsx(
-            B,
+        /* @__PURE__ */ e.jsx(s.Item, { label: "行高", name: "size", children: /* @__PURE__ */ e.jsx(f.Group, { ...u("size", "sizeRadioGroup"), children: B.map(({ key: r, label: c, icon: m }) => /* @__PURE__ */ e.jsx(i, { label: c, value: r, children: /* @__PURE__ */ e.jsx(m, { ...P }) }, r)) }) }),
+        /* @__PURE__ */ e.jsx(s.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ e.jsxs(
+          f.Group,
+          {
+            ...u("bordered", "splitBorderRadioGroup"),
+            children: [
+              /* @__PURE__ */ e.jsx(i, { label: "无分割线", value: "hide", children: /* @__PURE__ */ e.jsx(V, { size: 26, color: o.colorPrimaryHover }) }),
+              /* @__PURE__ */ e.jsx(i, { label: "行分割线", value: "row", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  size: 26,
+                  color: [
+                    o.colorPrimaryHover,
+                    o.colorPrimary,
+                    o.colorPrimary,
+                    o.colorPrimaryHover
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(i, { label: "列分割线", value: "column", children: /* @__PURE__ */ e.jsx(
+                J,
+                {
+                  size: 26,
+                  color: [
+                    o.colorPrimaryHover,
+                    o.colorPrimary,
+                    o.colorPrimary,
+                    o.colorPrimaryHover
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(i, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ e.jsx(
+                $,
+                {
+                  size: 26,
+                  color: [
+                    o.colorPrimaryHover,
+                    o.colorPrimary,
+                    o.colorPrimary,
+                    o.colorPrimaryHover
+                  ]
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(s.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ e.jsxs(f.Group, { ...u("zebra", "zebraRadioGroup"), children: [
+          /* @__PURE__ */ e.jsx(i, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ e.jsx(
+            K,
             {
               size: 26,
-              color: [
-                o.colorPrimaryHover,
-                o.colorPrimary,
-                o.colorPrimary,
-                o.colorPrimaryHover
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(l, { label: "列分割线", value: "column", children: /* @__PURE__ */ e.jsx(
-            G,
-            {
-              size: 26,
-              color: [
-                o.colorPrimaryHover,
-                o.colorPrimary,
-                o.colorPrimary,
-                o.colorPrimaryHover
-              ]
+              color: [o.colorPrimaryHover, o.colorPrimary]
             }
           ) }),
-          /* @__PURE__ */ e.jsx(l, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ e.jsx(
-            w,
+          /* @__PURE__ */ e.jsx(i, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ e.jsx(
+            L,
             {
               size: 26,
-              color: [
-                o.colorPrimaryHover,
-                o.colorPrimary,
-                o.colorPrimary,
-                o.colorPrimaryHover
-              ]
+              color: o.colorPrimaryHover
             }
           ) })
         ] }) }),
-        /* @__PURE__ */ e.jsx(i.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ e.jsxs(u.Group, { ...d("zebra", "zebraRadioGroup"), children: [
-          /* @__PURE__ */ e.jsx(l, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ e.jsx(
-            F,
+        /* @__PURE__ */ e.jsx(
+          s.Item,
+          {
+            label: "每页展示数据条数",
+            labelCol: { span: 6 },
+            name: "pageSize",
+            tooltip: "默认展示10条，可设置的展示条数范围：5-100条",
+            className: "pageSize",
+            children: /* @__PURE__ */ e.jsx(Z, { min: 5, max: 100, style: { width: 202 }, precision: 0 })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          s.Item,
+          {
+            label: "数据排序方式",
+            labelCol: { span: 6 },
+            name: "orderBy",
+            className: "orderBy",
+            children: /* @__PURE__ */ e.jsx(
+              q,
+              {
+                options: [
+                  { label: "时间升序", value: "asc" },
+                  { label: "时间倒序", value: "desc" }
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e.jsxs(Q, { gutter: 16, className: "scopeAndReset", children: [
+          /* @__PURE__ */ e.jsx(v, { ref: p, style: { width: T }, className: "scope", children: /* @__PURE__ */ e.jsx(s.Item, { name: "stylesScope", children: /* @__PURE__ */ e.jsx(ie, {}) }) }),
+          /* @__PURE__ */ e.jsx(v, { style: { alignSelf: "flex-end" }, className: "reset", children: /* @__PURE__ */ e.jsx(
+            U,
             {
-              size: 26,
-              color: [o.colorPrimaryHover, o.colorPrimary]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(l, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ e.jsx(
-            N,
-            {
-              size: 26,
-              color: o.colorPrimaryHover
+              type: "link",
+              icon: /* @__PURE__ */ e.jsx(te, {}),
+              size: "small",
+              onClick: k,
+              children: "重置"
             }
           ) })
-        ] }) }),
-        /* @__PURE__ */ e.jsx(i.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: /* @__PURE__ */ e.jsx(A, { disabled: (f = r == null ? void 0 : r.stylesScope) == null ? void 0 : f.disabled, children: "应用到全局表格" }) })
+        ] })
       ]
     }
-  );
-}), be = V(q);
+  ) });
+}), Be = le(ae);
 export {
-  be as default
+  Be as default
 };

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

@@ -1,39 +1,90 @@
 import { j as t } from "../../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import { useContext as C, useState as x, useMemo as d } from "react";
-import g from "./ColumnConfigModal.mjs";
-import j from "../style.mjs";
-import h from "../../../BitzButton/index.mjs";
-import { BitzTableContext as y } from "../../Store/index.mjs";
-import B from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
-const r = "表格设置", k = (e) => {
-  const { order: l, show: m = !0, icon: i = /* @__PURE__ */ t.jsx(B, {}) } = e, { fullscreen: o } = C(y), { toolbarItemClassName: a } = j(), [u, n] = x(!1), c = d(() => o ? !1 : void 0, [o]);
-  return m ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+import { useRef as y, useContext as S, useState as b, useEffect as w, useMemo as k } from "react";
+import { theme as z, Popconfirm as I, Statistic as R } from "antd";
+import B from "./ColumnConfigModal.mjs";
+import N from "../style.mjs";
+import E from "../../../BitzButton/index.mjs";
+import { BitzTableContext as M } from "../../Store/index.mjs";
+import { css as O } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import T from "../../../../node_modules/.store/@ant-design_icons@5.3.7/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
+const f = "表格设置", K = (e) => {
+  const { order: m, show: u = !0, icon: d = /* @__PURE__ */ t.jsx(T, {}) } = e, { token: p } = z.useToken(), s = y(), {
+    fullscreen: r,
+    isSaving: n,
+    countdown: o,
+    cancelAutoSave: x,
+    immediateSave: a,
+    setCountdown: C
+  } = S(M), { toolbarItemClassName: g } = N(), [h, l] = b(!1);
+  w(() => (n && o > 0 ? s.current = setInterval(() => {
+    C((i) => i - 1);
+  }, 1e3) : clearInterval(s.current), o === 0 && n && a(), () => clearInterval(s.current)), [n, o]);
+  const j = k(() => r ? !1 : void 0, [r]), v = O`
+    .ant-statistic {
+      display: inline-block;
+    }
+    .ant-statistic-content {
+      font-size: ${p.fontSize}px;
+    }
+    .ant-statistic-content-value-int {
+      font-weight: 600;
+    }
+    .ant-popconfirm-buttons {
+      width: 100%;
+      display: flex;
+      text-align: left;
+      justify-content: flex-end;
+      .ant-btn-primary {
+        order: 1;
+        margin-left: 0;
+      }
+      .ant-btn-default {
+        order: 2;
+      }
+    }
+  `;
+  return u ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      g,
+      B,
       {
-        open: u,
-        title: r,
-        onChange: async (...f) => {
-          var s;
-          return (s = e.onChange) == null ? void 0 : s.call(e, ...f);
+        open: h,
+        title: f,
+        onChange: async (...i) => {
+          var c;
+          return (c = e.onChange) == null ? void 0 : c.call(e, ...i);
         },
-        getContainer: c,
-        close: () => n(!1)
+        getContainer: j,
+        close: () => l(!1)
       }
     ),
     /* @__PURE__ */ t.jsx(
-      h,
+      I,
       {
-        type: "text",
-        className: a,
-        onClick: () => n(!0),
-        icon: i,
-        style: { order: l },
-        children: r
+        placement: "topRight",
+        title: "是否保存列宽设置",
+        open: n,
+        description: /* @__PURE__ */ t.jsxs("span", { children: [
+          /* @__PURE__ */ t.jsx(R, { value: o, suffix: "秒" }),
+          "后将自动保存"
+        ] }),
+        onConfirm: a,
+        onCancel: x,
+        overlayClassName: v,
+        children: /* @__PURE__ */ t.jsx(
+          E,
+          {
+            type: "text",
+            className: g,
+            onClick: () => l(!0),
+            icon: d,
+            style: { order: m },
+            children: f
+          }
+        )
       }
     )
   ] }) : null;
 };
 export {
-  k as default
+  K as default
 };