bitz-react-admin-ui 2.8.0 → 2.8.2

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

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

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

@@ -1,6 +1,13 @@
 import { j as r } from "../../../../../node_modules/react/jsx-runtime.mjs";
 import { Radio as i, Flex as o, Typography as s } from "antd";
-const x = ({ label: e, value: t, children: a }) => r.jsx(i, { value: t, children: r.jsxs(o, { vertical: !0, align: "center", gap: 8, children: [a, r.jsx(s.Text, { children: e })] }) });
+const d = ({
+  label: e,
+  value: t,
+  children: a
+}) => /* @__PURE__ */ r.jsx(i, { value: t, children: /* @__PURE__ */ r.jsxs(o, { vertical: !0, align: "center", gap: 8, children: [
+  a,
+  /* @__PURE__ */ r.jsx(s.Text, { children: e })
+] }) });
 export {
-  x as default
+  d as default
 };

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

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

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

@@ -1,36 +1,36 @@
 import { j as e } from "../../../../../node_modules/react/jsx-runtime.mjs";
-import T from "../../../../../assets/iconfont/IconKuansongde.mjs";
-import A from "../../../../../assets/iconfont/IconTekuansong.mjs";
-import G from "../../../../../assets/iconfont/IconJincoude.mjs";
-import N from "../../../../../assets/iconfont/IconZhongdengde.mjs";
-import W from "../../../../../assets/iconfont/IconTejincou.mjs";
-import D from "../../../../../assets/iconfont/IconWufengexian.mjs";
-import V from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
-import $ from "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import G from "../../../../../assets/iconfont/IconKuansongde.mjs";
+import N 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 n, Radio as p, Row as Z, Col as I, Button as q } from "antd";
+import { Form as n, Radio as p, Row as Z, Col as P, Button as q } from "antd";
 import Q from "../../../../../node_modules/classnames/index.mjs";
-import { forwardRef as U, useRef as P, useEffect as x, useMemo as X, useContext as h, useImperativeHandle as _, useState as ee, memo as oe } from "react";
+import { forwardRef as U, useRef as v, useEffect as x, useMemo as X, useContext as h, useImperativeHandle as _, useState as ee, memo as oe } from "react";
 import { BitzToolBarContext as re } from "../../Wrapper/context.mjs";
 import s from "./RadioCard.mjs";
 import le from "./ScopeSwitch.mjs";
 import se from "../../../../../node_modules/@ant-design/icons/es/icons/RedoOutlined.mjs";
-const te = ({ defaultSize: l, items: u }) => u.map((t) => t.key === l ? {
+const te = ({ defaultSize: l, items: d }) => d.map((t) => t.key === l ? {
   ...t,
   label: `${t.label}(默认)`
-} : t), ie = U(({ display: l, postHeight: u }, t) => {
+} : t), ie = U(({ display: l, postHeight: d }, t) => {
   var j, g;
-  const { token: o } = Y.useToken(), y = P(null);
+  const { token: o } = Y.useToken(), y = v(null);
   x(() => {
     var r;
-    u((r = y.current) == null ? void 0 : r.clientHeight);
+    d((r = y.current) == null ? void 0 : r.clientHeight);
   }, []);
-  const v = X(() => ({
+  const C = X(() => ({
     display: "flex",
     width: l ? "100%" : 0,
     pointerEvents: l ? "auto" : "none",
@@ -44,79 +44,151 @@ const te = ({ defaultSize: l, items: u }) => u.map((t) => t.key === l ? {
   }), [l]), S = {
     size: 26,
     color: o.colorPrimary
-  }, [a] = n.useForm(), B = (j = h(M).Table) == null ? void 0 : j.stylesScope, { defaultTableSize: w, stylesConfig: E, defaultTableStylesConfig: b } = h(O), i = (g = h(re).config) == null ? void 0 : g.stylesConfig, d = (r, c) => {
-    var C, z;
+  }, [a] = n.useForm(), w = (j = h(M).Table) == null ? void 0 : j.stylesScope, { defaultTableSize: H, stylesConfig: R, defaultTableStylesConfig: b } = h(O), i = (g = h(re).config) == null ? void 0 : g.stylesConfig, u = (r, c) => {
+    var z, I;
     let m = c;
-    return (C = i == null ? void 0 : i[r]) != null && C.disabled && (m = Q(c, "disabledControl")), {
-      disabled: (z = i == null ? void 0 : i[r]) == null ? void 0 : z.disabled,
+    return (z = i == null ? void 0 : i[r]) != null && z.disabled && (m = Q(c, "disabledControl")), {
+      disabled: (I = i == null ? void 0 : i[r]) == null ? void 0 : I.disabled,
       className: m
     };
   };
   x(() => {
     a.setFieldsValue({
       ...b,
-      ...E,
-      stylesScope: B === "global"
+      ...R,
+      stylesScope: w === "global"
     });
   }, []);
-  const H = () => {
+  const k = () => {
     a.setFieldsValue({
       ...b,
       stylesScope: !1
     });
-  }, R = te({
-    defaultSize: w,
+  }, T = te({
+    defaultSize: H,
     items: [
       {
         key: "xs",
         label: "特紧凑",
-        icon: W
+        icon: A
       },
       {
         key: "sm",
         label: "紧凑",
-        icon: G
+        icon: W
       },
       {
         key: "md",
         label: "中等",
-        icon: N
+        icon: E
       },
       {
         key: "lg",
         label: "宽松",
-        icon: T
+        icon: G
       },
       {
         key: "xl",
         label: "特宽松",
-        icon: A
+        icon: N
       }
     ]
   });
   _(t, () => ({
     getFormInstance: () => a
   }));
-  const f = P(null), [F, k] = ee("auto");
+  const f = v(null), [B, F] = ee("auto");
   return x(() => {
-    f && k(f.current.clientWidth + 10);
-  }, []), e.jsx("div", { style: v, ref: y, children: e.jsxs(n, { form: a, style: { width: "100%" }, labelCol: { span: 3 }, labelAlign: "left", colon: !1, className: "stylesConfigFormContent", children: [e.jsx(n.Item, { label: "行高", name: "size", children: e.jsx(p.Group, { ...d("size", "sizeRadioGroup"), children: R.map(({ key: r, label: c, icon: m }) => e.jsx(s, { label: c, value: r, children: e.jsx(m, { ...S }) }, r)) }) }), e.jsx(n.Item, { label: "分割线", name: "bordered", children: e.jsxs(p.Group, { ...d("bordered", "splitBorderRadioGroup"), children: [e.jsx(s, { label: "无分割线", value: "hide", children: e.jsx(D, { size: 26, color: o.colorPrimaryHover }) }), e.jsx(s, { label: "行分割线", value: "row", children: e.jsx($, { size: 26, color: [
-    o.colorPrimaryHover,
-    o.colorPrimary,
-    o.colorPrimary,
-    o.colorPrimaryHover
-  ] }) }), e.jsx(s, { label: "列分割线", value: "column", children: e.jsx(J, { size: 26, color: [
-    o.colorPrimaryHover,
-    o.colorPrimary,
-    o.colorPrimary,
-    o.colorPrimaryHover
-  ] }) }), e.jsx(s, { label: "行列分割线", value: "row-column", children: e.jsx(V, { size: 26, color: [
-    o.colorPrimaryHover,
-    o.colorPrimary,
-    o.colorPrimary,
-    o.colorPrimaryHover
-  ] }) })] }) }), e.jsx(n.Item, { label: "斑马纹", name: "zebra", children: e.jsxs(p.Group, { ...d("zebra", "zebraRadioGroup"), children: [e.jsx(s, { label: "有斑马纹", value: !0, children: e.jsx(K, { size: 26, color: [o.colorPrimaryHover, o.colorPrimary] }) }), e.jsx(s, { label: "无斑马纹", value: !1, children: e.jsx(L, { size: 26, color: o.colorPrimaryHover }) })] }) }), e.jsxs(Z, { gutter: 16, className: "scopeAndReset", children: [e.jsx(I, { ref: f, style: { width: F }, className: "scope", children: e.jsx(n.Item, { name: "stylesScope", children: e.jsx(le, {}) }) }), e.jsx(I, { style: { alignSelf: "flex-end" }, className: "reset", children: e.jsx(q, { type: "link", icon: e.jsx(se, {}), size: "small", onClick: H, children: "重置" }) })] })] }) });
-}), Ee = oe(ie);
+    f && F(f.current.clientWidth + 10);
+  }, []), /* @__PURE__ */ e.jsx("div", { style: C, ref: y, children: /* @__PURE__ */ e.jsxs(
+    n,
+    {
+      form: a,
+      style: { width: "100%" },
+      labelCol: { span: 3 },
+      labelAlign: "left",
+      colon: !1,
+      className: "stylesConfigFormContent",
+      children: [
+        /* @__PURE__ */ e.jsx(n.Item, { label: "行高", name: "size", children: /* @__PURE__ */ e.jsx(p.Group, { ...u("size", "sizeRadioGroup"), children: T.map(({ key: r, label: c, icon: m }) => /* @__PURE__ */ e.jsx(s, { label: c, value: r, children: /* @__PURE__ */ e.jsx(m, { ...S }) }, r)) }) }),
+        /* @__PURE__ */ e.jsx(n.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ e.jsxs(
+          p.Group,
+          {
+            ...u("bordered", "splitBorderRadioGroup"),
+            children: [
+              /* @__PURE__ */ e.jsx(s, { label: "无分割线", value: "hide", children: /* @__PURE__ */ e.jsx(V, { size: 26, color: o.colorPrimaryHover }) }),
+              /* @__PURE__ */ e.jsx(s, { label: "行分割线", value: "row", children: /* @__PURE__ */ e.jsx(
+                D,
+                {
+                  size: 26,
+                  color: [
+                    o.colorPrimaryHover,
+                    o.colorPrimary,
+                    o.colorPrimary,
+                    o.colorPrimaryHover
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(s, { label: "列分割线", value: "column", children: /* @__PURE__ */ e.jsx(
+                J,
+                {
+                  size: 26,
+                  color: [
+                    o.colorPrimaryHover,
+                    o.colorPrimary,
+                    o.colorPrimary,
+                    o.colorPrimaryHover
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(s, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ e.jsx(
+                $,
+                {
+                  size: 26,
+                  color: [
+                    o.colorPrimaryHover,
+                    o.colorPrimary,
+                    o.colorPrimary,
+                    o.colorPrimaryHover
+                  ]
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e.jsx(n.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ e.jsxs(p.Group, { ...u("zebra", "zebraRadioGroup"), children: [
+          /* @__PURE__ */ e.jsx(s, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ e.jsx(
+            K,
+            {
+              size: 26,
+              color: [o.colorPrimaryHover, o.colorPrimary]
+            }
+          ) }),
+          /* @__PURE__ */ e.jsx(s, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ e.jsx(
+            L,
+            {
+              size: 26,
+              color: o.colorPrimaryHover
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ e.jsxs(Z, { gutter: 16, className: "scopeAndReset", children: [
+          /* @__PURE__ */ e.jsx(P, { ref: f, style: { width: B }, className: "scope", children: /* @__PURE__ */ e.jsx(n.Item, { name: "stylesScope", children: /* @__PURE__ */ e.jsx(le, {}) }) }),
+          /* @__PURE__ */ e.jsx(P, { style: { alignSelf: "flex-end" }, className: "reset", children: /* @__PURE__ */ e.jsx(
+            q,
+            {
+              type: "link",
+              icon: /* @__PURE__ */ e.jsx(se, {}),
+              size: "small",
+              onClick: k,
+              children: "重置"
+            }
+          ) })
+        ] })
+      ]
+    }
+  ) });
+}), Re = oe(ie);
 export {
-  Ee as default
+  Re as default
 };

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

@@ -1,18 +1,25 @@
 import { j as t } from "../../../../node_modules/react/jsx-runtime.mjs";
-import { useRef as v, useContext as B, useState as S, useEffect as b, useMemo as w } from "react";
-import { theme as D, Popconfirm as E, Statistic as F } from "antd";
-import k from "./ColumnConfigModal.mjs";
-import z from "../style.mjs";
-import I from "../../../BitzButton/index.mjs";
-import { BitzTableContext as R } from "../../Store/index.mjs";
-import { css as A } from "../../../../node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import N from "../../../../node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
-const c = "表格设置", K = (e) => {
-  const { order: f, show: m = !0, icon: d = t.jsx(N, {}) } = e, { token: p } = D.useToken(), i = v(), { fullscreen: r, isSaving: n, countdown: o, cancelAutoSave: x, immediateSave: a, setCountdown: C } = B(R), { toolbarItemClassName: g } = z(), [h, l] = S(!1);
-  b(() => (n && o > 0 ? i.current = setInterval(() => {
-    C((s) => s - 1);
-  }, 1e3) : clearInterval(i.current), o === 0 && n && a(), () => clearInterval(i.current)), [n, o]);
-  const j = w(() => r ? !1 : void 0, [r]), y = A`
+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/@emotion/css/dist/emotion-css.esm.mjs";
+import T from "../../../../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;
     }
@@ -36,10 +43,47 @@ const c = "表格设置", K = (e) => {
       }
     }
   `;
-  return m ? t.jsxs(t.Fragment, { children: [t.jsx(k, { open: h, title: c, onChange: async (...s) => {
-    var u;
-    return (u = e.onChange) == null ? void 0 : u.call(e, ...s);
-  }, getContainer: j, close: () => l(!1) }), t.jsx(E, { placement: "topRight", title: "是否保存列宽设置", open: n, description: t.jsxs("span", { children: [t.jsx(F, { value: o, suffix: "秒" }), "后将自动保存"] }), onConfirm: a, onCancel: x, overlayClassName: y, children: t.jsx(I, { type: "text", className: g, onClick: () => l(!0), icon: d, style: { order: f }, children: c }) })] }) : null;
+  return u ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsx(
+      B,
+      {
+        open: h,
+        title: f,
+        onChange: async (...i) => {
+          var c;
+          return (c = e.onChange) == null ? void 0 : c.call(e, ...i);
+        },
+        getContainer: j,
+        close: () => l(!1)
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      I,
+      {
+        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