bitz-react-admin-ui 2.0.9 → 2.1.0

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

@@ -1,17 +1,17 @@
 import { j as o } from "../../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import "../../../../../assets/iconfont/IconMore.mjs";
 import "../../../../../assets/iconfont/IconIcFluentHomeRegular.mjs";
-import j from "../../../../../assets/iconfont/IconKuansongde.mjs";
-import g from "../../../../../assets/iconfont/IconTekuansong.mjs";
-import I from "../../../../../assets/iconfont/IconJincoude.mjs";
-import P from "../../../../../assets/iconfont/IconZhongdengde.mjs";
-import z from "../../../../../assets/iconfont/IconTejincou.mjs";
-import v from "../../../../../assets/iconfont/IconWufengexian.mjs";
-import H from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
-import k from "../../../../../assets/iconfont/IconHangfengexian.mjs";
-import C from "../../../../../assets/iconfont/IconLiefengexian.mjs";
-import S from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
-import w from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
+import v from "../../../../../assets/iconfont/IconKuansongde.mjs";
+import B from "../../../../../assets/iconfont/IconTekuansong.mjs";
+import E from "../../../../../assets/iconfont/IconJincoude.mjs";
+import H from "../../../../../assets/iconfont/IconZhongdengde.mjs";
+import S from "../../../../../assets/iconfont/IconTejincou.mjs";
+import k from "../../../../../assets/iconfont/IconWufengexian.mjs";
+import F from "../../../../../assets/iconfont/IconHangliefengexian.mjs";
+import w from "../../../../../assets/iconfont/IconHangfengexian.mjs";
+import T from "../../../../../assets/iconfont/IconLiefengexian.mjs";
+import R from "../../../../../assets/iconfont/IconYoubanmawentianchong.mjs";
+import G from "../../../../../assets/iconfont/IconWubanmawentianchong.mjs";
 import "../../../../../assets/iconfont/IconZhongzhi.mjs";
 import "../../../../../assets/iconfont/IconGaojisousuo.mjs";
 import "../../../../../assets/iconfont/IconSousuo.mjs";
@@ -28,136 +28,88 @@ import "../../../../../assets/iconfont/IconFabu.mjs";
 import "../../../../../assets/iconfont/IconShanchu1.mjs";
 import "../../../../../assets/iconfont/IconShanchu.mjs";
 import "../../../../../assets/iconfont/IconTuodong.mjs";
-import { BitzConfigContext as R } from "../../../../BitzConfigProvider/context.mjs";
-import { BitzTableContext as T } from "../../../Store/index.mjs";
-import G from "../../../../BitzTheme/index.mjs";
-import { Form as l, Radio as t, Checkbox as N } from "antd";
-import { forwardRef as F, useMemo as B, useContext as c, useEffect as W, useImperativeHandle as E } from "react";
-import r from "./RadioCard.mjs";
-const A = ({ defaultSize: i, items: a }) => a.map((e) => e.key === i ? {
+import { BitzConfigContext as A } from "../../../../BitzConfigProvider/context.mjs";
+import { BitzTableContext as N } from "../../../Store/index.mjs";
+import W from "../../../../BitzTheme/index.mjs";
+import { Form as t, Radio as p, Checkbox as D } from "antd";
+import $ from "../../../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import { forwardRef as J, useMemo as K, useContext as d, 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: s, items: m }) => m.map((e) => e.key === s ? {
   ...e,
   label: `${e.label}(默认)`
-} : e), Po = F(
-  ({ display: i }, a) => {
-    var s;
-    const { token: e } = G.useToken(), p = B(() => ({
-      width: "100%",
-      ...{ display: i ? "flex" : "none" }
-    }), [i]), u = {
-      size: 26,
-      color: e.colorPrimary
-    }, [m] = l.useForm(), d = (s = c(R).Table) == null ? void 0 : s.stylesScope, { defaultTableSize: f, stylesConfig: x } = c(T);
-    W(() => {
-      m.setFieldsValue({
-        ...x,
-        stylesScope: d === "global"
-      });
-    }, []);
-    const y = A({
-      defaultSize: f,
-      items: [
-        {
-          key: "xs",
-          label: "特紧凑",
-          icon: z
-        },
-        {
-          key: "sm",
-          label: "紧凑",
-          icon: I
-        },
-        {
-          key: "md",
-          label: "中等",
-          icon: P
-        },
-        {
-          key: "lg",
-          label: "宽松",
-          icon: j
-        },
-        {
-          key: "xl",
-          label: "特宽松",
-          icon: g
-        }
-      ]
+} : e), q = J(({ display: s }, m) => {
+  var x, b, f;
+  const { token: e } = W.useToken(), j = K(() => ({
+    width: "100%",
+    ...{ display: s ? "flex" : "none" }
+  }), [s]), z = {
+    size: 26,
+    color: e.colorPrimary
+  }, [c] = t.useForm(), g = (x = d(A).Table) == null ? void 0 : x.stylesScope, { defaultTableSize: C, stylesConfig: P } = d(N), r = (b = d(Y).config) == null ? void 0 : b.stylesConfig, u = (i, n) => {
+    var y, h;
+    let a = n;
+    return (y = r == null ? void 0 : r[i]) != null && y.disabled && (a = $(n, "disabledControl")), {
+      disabled: (h = r == null ? void 0 : r[i]) == null ? void 0 : h.disabled,
+      className: a
+    };
+  };
+  L(() => {
+    c.setFieldsValue({
+      ...P,
+      stylesScope: g === "global"
     });
-    return E(a, () => ({
-      getFormInstance: () => m
-    })), /* @__PURE__ */ o.jsxs(
-      l,
+  }, []);
+  const I = Z({
+    defaultSize: C,
+    items: [
       {
-        form: m,
-        style: p,
-        labelCol: { span: 3 },
-        labelAlign: "left",
-        colon: !1,
-        className: "appearanceFormContent",
-        layout: "inline",
-        children: [
-          /* @__PURE__ */ o.jsx(l.Item, { label: "行高", name: "size", children: /* @__PURE__ */ o.jsx(t.Group, { className: "sizeRadioGroup", children: y.map(({ key: n, label: b, icon: h }) => /* @__PURE__ */ o.jsx(r, { label: b, value: n, children: /* @__PURE__ */ o.jsx(h, { ...u }) }, n)) }) }),
-          /* @__PURE__ */ o.jsx(l.Item, { label: "分割线", name: "bordered", children: /* @__PURE__ */ o.jsxs(t.Group, { disabled: !0, className: "splitBorderRadioGroup", children: [
-            /* @__PURE__ */ o.jsx(r, { label: "无分割线", value: "hide", children: /* @__PURE__ */ o.jsx(v, { size: 26, color: e.colorPrimaryHover }) }),
-            /* @__PURE__ */ o.jsx(r, { label: "行分割线", value: "row", children: /* @__PURE__ */ o.jsx(
-              k,
-              {
-                size: 26,
-                color: [
-                  e.colorPrimaryHover,
-                  e.colorPrimary,
-                  e.colorPrimary,
-                  e.colorPrimaryHover
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ o.jsx(r, { label: "列分割线", value: "column", children: /* @__PURE__ */ o.jsx(
-              C,
-              {
-                size: 26,
-                color: [
-                  e.colorPrimaryHover,
-                  e.colorPrimary,
-                  e.colorPrimary,
-                  e.colorPrimaryHover
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ o.jsx(r, { label: "行列分割线", value: "row-column", children: /* @__PURE__ */ o.jsx(
-              H,
-              {
-                size: 26,
-                color: [
-                  e.colorPrimaryHover,
-                  e.colorPrimary,
-                  e.colorPrimary,
-                  e.colorPrimaryHover
-                ]
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ o.jsx(l.Item, { label: "斑马纹", name: "zebra", children: /* @__PURE__ */ o.jsxs(t.Group, { className: "zebraRadioGroup", children: [
-            /* @__PURE__ */ o.jsx(r, { label: "有斑马纹", value: !0, children: /* @__PURE__ */ o.jsx(
-              S,
-              {
-                size: 26,
-                color: [e.colorPrimaryHover, e.colorPrimary]
-              }
-            ) }),
-            /* @__PURE__ */ o.jsx(r, { label: "无斑马纹", value: !1, children: /* @__PURE__ */ o.jsx(
-              w,
-              {
-                size: 26,
-                color: e.colorPrimaryHover
-              }
-            ) })
-          ] }) }),
-          /* @__PURE__ */ o.jsx(l.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: /* @__PURE__ */ o.jsx(N, { disabled: !0, children: "应用到全局表格" }) })
-        ]
+        key: "xs",
+        label: "特紧凑",
+        icon: S
+      },
+      {
+        key: "sm",
+        label: "紧凑",
+        icon: E
+      },
+      {
+        key: "md",
+        label: "中等",
+        icon: H
+      },
+      {
+        key: "lg",
+        label: "宽松",
+        icon: v
+      },
+      {
+        key: "xl",
+        label: "特宽松",
+        icon: B
       }
-    );
-  }
-);
+    ]
+  });
+  return M(m, () => ({
+    getFormInstance: () => c
+  })), o.jsxs(t, { form: c, style: j, labelCol: { span: 3 }, labelAlign: "left", colon: !1, className: "stylesConfigFormContent", layout: "inline", children: [o.jsx(t.Item, { label: "行高", name: "size", children: o.jsx(p.Group, { ...u("size", "sizeRadioGroup"), children: I.map(({ key: i, label: n, icon: a }) => o.jsx(l, { label: n, value: i, children: o.jsx(a, { ...z }) }, i)) }) }), o.jsx(t.Item, { label: "分割线", name: "bordered", children: o.jsxs(p.Group, { ...u("bordered", "splitBorderRadioGroup"), children: [o.jsx(l, { label: "无分割线", value: "hide", children: o.jsx(k, { size: 26, color: e.colorPrimaryHover }) }), o.jsx(l, { label: "行分割线", value: "row", children: o.jsx(w, { size: 26, color: [
+    e.colorPrimaryHover,
+    e.colorPrimary,
+    e.colorPrimary,
+    e.colorPrimaryHover
+  ] }) }), o.jsx(l, { label: "列分割线", value: "column", children: o.jsx(T, { size: 26, color: [
+    e.colorPrimaryHover,
+    e.colorPrimary,
+    e.colorPrimary,
+    e.colorPrimaryHover
+  ] }) }), o.jsx(l, { label: "行列分割线", value: "row-column", children: o.jsx(F, { size: 26, color: [
+    e.colorPrimaryHover,
+    e.colorPrimary,
+    e.colorPrimary,
+    e.colorPrimaryHover
+  ] }) })] }) }), o.jsx(t.Item, { label: "斑马纹", name: "zebra", children: o.jsxs(p.Group, { ...u("zebra", "zebraRadioGroup"), children: [o.jsx(l, { label: "有斑马纹", value: !0, children: o.jsx(R, { size: 26, color: [e.colorPrimaryHover, e.colorPrimary] }) }), o.jsx(l, { label: "无斑马纹", value: !1, children: o.jsx(G, { size: 26, color: e.colorPrimaryHover }) })] }) }), o.jsx(t.Item, { name: "stylesScope", valuePropName: "checked", className: "scope", children: o.jsx(D, { disabled: (f = r == null ? void 0 : r.stylesScope) == null ? void 0 : f.disabled, children: "应用到全局表格" }) })] });
+}), Ro = V(q);
 export {
-  Po as default
+  Ro as default
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { FC } from 'react';
 import { BitzTableToolBarProps } from '..';
 interface ColumnsConfigProps {
     order?: number;
@@ -7,5 +7,5 @@ interface ColumnsConfigProps {
     onChange?: BitzTableToolBarProps['onColumnChange'];
 }
 /** 表格头部右侧列配置icon按钮 */
-declare const ColumnsConfig: (props: ColumnsConfigProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ColumnsConfig: FC<ColumnsConfigProps>;
 export default ColumnsConfig;

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

@@ -4,40 +4,19 @@ import { Tooltip as b } from "antd";
 import { show as E } from "@ebay/nice-modal-react";
 import B from "./ColumnConfigModal.mjs";
 import p from "../style.mjs";
-import v from "../../../BitzButton/index.mjs";
-import { BitzTableContext as y } from "../../Store/index.mjs";
-import z from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
+import y from "../../../BitzButton/index.mjs";
+import { BitzTableContext as z } from "../../Store/index.mjs";
+import L from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/SettingOutlined.mjs";
 const s = "表格设置", N = (n) => {
-  const { order: a, show: u = !0, icon: f = /* @__PURE__ */ e.jsx(z, {}) } = n, { toolbarItemClassName: d } = p(), { uuid: l } = g(y), [i, r] = x(!1), C = h(() => i ? !1 : void 0, [i]);
+  const { order: a, show: u = !0, icon: f = e.jsx(L, {}) } = n, { toolbarItemClassName: d } = p(), { uuid: l } = g(z), [i, r] = x(!1), C = h(() => i ? !1 : void 0, [i]);
   return j(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
     var t, m, c;
     (t = o.target) != null && t.classList.contains("bitzTableBlock") && (r(!!document.fullscreenElement), (c = (m = document.fullscreenElement) == null ? void 0 : m.classList) != null && c.contains("bitzTableBlock") || r(!1));
   }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
-  })), []), u ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      B,
-      {
-        id: `ColumnConfigModal-${l}`,
-        title: s,
-        onChange: async (o) => {
-          var t;
-          return (t = n.onChange) == null ? void 0 : t.call(n, o);
-        },
-        getContainer: C
-      }
-    ),
-    /* @__PURE__ */ e.jsx(b, { title: s, open: !1, children: /* @__PURE__ */ e.jsx(
-      v,
-      {
-        type: "text",
-        className: d,
-        onClick: () => E(`ColumnConfigModal-${l}`),
-        icon: f,
-        style: { order: a },
-        children: s
-      }
-    ) })
-  ] }) : null;
+  })), []), u ? e.jsxs(e.Fragment, { children: [e.jsx(B, { id: `ColumnConfigModal-${l}`, title: s, onChange: async (o) => {
+    var t;
+    return (t = n.onChange) == null ? void 0 : t.call(n, o);
+  }, getContainer: C }), e.jsx(b, { title: s, open: !1, children: e.jsx(y, { type: "text", className: d, onClick: () => E(`ColumnConfigModal-${l}`), icon: f, style: { order: a }, children: s }) })] }) : null;
 };
 export {
   N as default

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

@@ -12,15 +12,15 @@ import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
 import { css as r } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
 const n = (o) => {
-  var t, i, e;
+  var i, e, t;
   return r`
   .ant-modal-content {
-    background-color: ${(t = o.Modal) == null ? void 0 : t.contentBg};
+    background-color: ${(i = o.Modal) == null ? void 0 : i.contentBg};
 
     .ant-modal-header {
       font-size: 16px;
       font-weight: 700;
-      background-color: ${(i = o.Modal) == null ? void 0 : i.headerBg};
+      background-color: ${(e = o.Modal) == null ? void 0 : e.headerBg};
     }
 
     .ant-modal-body {
@@ -31,7 +31,7 @@ const n = (o) => {
       text-align: left;
       margin: 0;
       padding: 20px;
-      background-color: ${(e = o.Modal) == null ? void 0 : e.footerBg};
+      background-color: ${(t = o.Modal) == null ? void 0 : t.footerBg};
     }
   }
 `;
@@ -135,7 +135,7 @@ const n = (o) => {
     }
   }
 `, l = (o) => r`
-  .appearanceFormContent {
+  .stylesConfigFormContent {
 
     .ant-form-item {
       width: 100%;
@@ -203,8 +203,19 @@ const n = (o) => {
         box-shadow: ${o.boxShadowSecondary};
       }
     }
+
+    .disabledControl {
+      .ant-radio-wrapper-checked {
+        box-shadow: none;
+        background-color: ${o.colorBgContainerDisabled};
+      }
+      .ant-radio-wrapper {
+        box-shadow: none;
+        background-color: ${o.colorBgContainerDisabled};
+      }
+    }
   }
-`, C = (o) => r`
+`, y = (o) => r`
   &.tableConfigModal {
 
     ${n(o)}
@@ -245,5 +256,5 @@ const n = (o) => {
   }
 `;
 export {
-  C as styles
+  y as styles
 };

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

@@ -1,45 +1,18 @@
 import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as u, useMemo as x } from "react";
+import { memo as a, useMemo as x } from "react";
 import c from "../style.mjs";
 import f from "../../../BitzButton/index.mjs";
 import d from "../../../BitzConvert/index.mjs";
 import j from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
-const y = ({
-  show: r = !0,
-  order: s,
-  loading: m,
-  onClick: t,
-  icon: n = /* @__PURE__ */ e.jsx(j, {}),
-  menu: o,
-  tipText: i
-}) => {
+const B = ({ show: r = !0, order: s, loading: m, onClick: t, icon: n = e.jsx(j, {}), menu: o, tipText: i }) => {
   const { toolbarItemClassName: l } = c(), p = x(() => o || {
     items: [
       { key: "excel", label: "导出查询结果为Excel" }
     ],
-    onClick: ({ key: a }) => t == null ? void 0 : t(a)
+    onClick: ({ key: u }) => t == null ? void 0 : t(u)
   }, [o, t]);
-  return r ? /* @__PURE__ */ e.jsx(
-    d.DropdownToButton,
-    {
-      menu: p,
-      trigger: ["click"],
-      showTootip: !1,
-      tipText: i || "导出",
-      children: /* @__PURE__ */ e.jsx(
-        f,
-        {
-          type: "text",
-          className: l,
-          disabled: m,
-          icon: n,
-          style: { order: s },
-          children: "下载"
-        }
-      )
-    }
-  ) : null;
-}, g = u(y);
+  return r ? e.jsx(d.DropdownToButton, { menu: p, trigger: ["click"], showTootip: !1, tipText: i || "导出", children: e.jsx(f, { type: "text", className: l, disabled: m, icon: n, style: { order: s }, children: "下载" }) }) : null;
+}, T = a(B);
 export {
-  g as default
+  T as default
 };

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

@@ -8,16 +8,13 @@ import j from "../../../BitzToast/index.mjs";
 import { findParentFirstNodeByClass as h } from "../../../../utils/findNode.mjs";
 import z from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
 import T from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
-const g = ({
-  order: m,
-  show: u = !0
-}) => {
+const g = ({ order: m, show: u = !0 }) => {
   const { toolbarItemClassName: a } = B(), [l, s] = p(!1), n = x(() => l ? {
     title: "退出全屏",
-    icon: /* @__PURE__ */ t.jsx(z, {})
+    icon: t.jsx(z, {})
   } : {
     title: "全屏",
-    icon: /* @__PURE__ */ t.jsx(T, {})
+    icon: t.jsx(T, {})
   }, [l]);
   b(() => (document == null || document.addEventListener("fullscreenchange", (o) => {
     var e, i, c;
@@ -29,17 +26,7 @@ const g = ({
     const e = h(o.target, "bitzTableBlock");
     l ? r.exit() : r.request(e);
   };
-  return u ? /* @__PURE__ */ t.jsx(E, { title: n.title, open: !1, children: /* @__PURE__ */ t.jsx(
-    F,
-    {
-      type: "text",
-      className: a,
-      onClick: f,
-      icon: n.icon,
-      style: { order: m },
-      children: n.title
-    }
-  ) }) : null;
+  return u ? t.jsx(E, { title: n.title, open: !1, children: t.jsx(F, { type: "text", className: a, onClick: f, icon: n.icon, style: { order: m }, children: n.title }) }) : null;
 }, G = d(g);
 export {
   G as default

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

@@ -1,30 +1,13 @@
 import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as i } from "react";
-import { Tooltip as a } from "antd";
-import c from "../style.mjs";
-import p from "../../../BitzButton/index.mjs";
-import f from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
-const d = (t) => {
-  const {
-    loading: e,
-    onClick: r,
-    order: s,
-    show: l = !0,
-    icon: m = /* @__PURE__ */ o.jsx(f, {})
-  } = t, { toolbarItemClassName: n } = c();
-  return l ? /* @__PURE__ */ o.jsx(a, { title: "刷新", open: !1, children: /* @__PURE__ */ o.jsx(
-    p,
-    {
-      type: "text",
-      className: n,
-      disabled: e,
-      onClick: r,
-      icon: m,
-      style: { order: s },
-      children: "刷新"
-    }
-  ) }) : null;
-}, I = i(d);
+import { memo as m } from "react";
+import { Tooltip as c } from "antd";
+import a from "../style.mjs";
+import u from "../../../BitzButton/index.mjs";
+import p from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/ReloadOutlined.mjs";
+const f = (t) => {
+  const { loading: e, onClick: r, order: s, show: n = !0, icon: i = o.jsx(p, {}) } = t, { toolbarItemClassName: l } = a();
+  return n ? o.jsx(c, { title: "刷新", open: !1, children: o.jsx(u, { type: "text", className: l, disabled: e, onClick: r, icon: i, style: { order: s }, children: "刷新" }) }) : null;
+}, y = m(f);
 export {
-  I as default
+  y as default
 };

package/dist/components/BitzTable/ToolBar/Wrapper/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ToolsConfigType } from '..';
+declare const BitzToolBarContext: import("react").Context<ToolsConfigType>;
+export { BitzToolBarContext };

package/dist/components/BitzTable/ToolBar/Wrapper/context.mjs

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t({});
+export {
+  e as BitzToolBarContext
+};

package/dist/components/BitzTable/ToolBar/Wrapper/index.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import { FC } from 'react';
 import { BitzTableToolBarProps } from '..';
-declare const _default: import("react").NamedExoticComponent<BitzTableToolBarProps>;
-export default _default;
+/** 表格头部右侧icon按钮组 -- 导出、刷新、布局配置，列配置 */
+declare const BitzTableToolBar: FC<BitzTableToolBarProps>;
+export default BitzTableToolBar;

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

@@ -1,71 +1,29 @@
-import { j as n } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as a, useContext as d, useMemo as c } from "react";
-import { Space as w } from "antd";
+import { j as s } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { useContext as w, useMemo as l } from "react";
+import { Space as g } from "antd";
 import u from "../RefreshIcon/index.mjs";
-import C from "../ColConfigIcon/index.mjs";
-import x from "../FullscreenIcon/index.mjs";
+import x from "../ColConfigIcon/index.mjs";
+import C from "../FullscreenIcon/index.mjs";
 import j from "../ExportIcon/index.mjs";
 import { BitzConfigContext as B } from "../../../BitzConfigProvider/context.mjs";
-const z = ["export", "refresh", "fullscreen", "config"], E = ({
-  size: I,
-  tools: i,
-  toolsConfig: T,
-  exclude: t,
-  loading: l,
-  onExport: m,
-  onRefresh: h,
-  onColumnChange: p
-}) => {
-  const { Table: s } = d(B), f = c(() => {
-    const r = i || (s == null ? void 0 : s.toolbar) || z;
-    return t != null && t.length ? r.filter((e) => !t.includes(e)) : (console.log({ mergedTools: r }), r);
-  }, [s == null ? void 0 : s.toolbar, t]), o = c(() => {
-    const r = {
+import { BitzToolBarContext as z } from "./context.mjs";
+const E = ["export", "refresh", "fullscreen", "config"], q = ({ size: I, tools: h, toolsConfig: m, exclude: t, loading: i, onExport: c, onRefresh: p, onColumnChange: d }) => {
+  const { Table: r } = w(B), f = l(() => {
+    const e = h || (r == null ? void 0 : r.toolbar) || E;
+    return t != null && t.length ? e.filter((n) => !t.includes(n)) : e;
+  }, [r == null ? void 0 : r.toolbar, t]), o = l(() => {
+    const e = {
       export: { order: 1, show: !1 },
       refresh: { order: 2, show: !1 },
       fullscreen: { order: 3, show: !1 },
       config: { order: 4, show: !1 }
     };
-    return f.forEach((e, g) => {
-      console.log({ v: e }), r[e].order = g + 1, r[e].show = f.includes(e);
-    }), console.log({ orders: r }), r;
+    return f.forEach((n, a) => {
+      e[n].order = a + 1, e[n].show = f.includes(n);
+    }), e;
   }, [f]);
-  return /* @__PURE__ */ n.jsxs(w.Compact, { style: { height: "100%" }, children: [
-    /* @__PURE__ */ n.jsx(
-      j,
-      {
-        order: o.export.order,
-        show: o.export.show,
-        loading: l,
-        onClick: m
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      u,
-      {
-        order: o.refresh.order,
-        show: o.refresh.show,
-        loading: l,
-        onClick: h
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      x,
-      {
-        order: o.fullscreen.order,
-        show: o.fullscreen.show
-      }
-    ),
-    /* @__PURE__ */ n.jsx(
-      C,
-      {
-        order: o.config.order,
-        show: o.config.show,
-        onChange: p
-      }
-    )
-  ] });
-}, A = a(E);
+  return s.jsx(z.Provider, { value: m ?? {}, children: s.jsxs(g.Compact, { style: { height: "100%" }, children: [s.jsx(j, { order: o.export.order, show: o.export.show, loading: i, onClick: c }), s.jsx(u, { order: o.refresh.order, show: o.refresh.show, loading: i, onClick: p }), s.jsx(C, { order: o.fullscreen.order, show: o.fullscreen.show }), s.jsx(x, { order: o.config.order, show: o.config.show, onChange: d })] }) });
+};
 export {
-  A as default
+  q as default
 };

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

@@ -8,6 +8,10 @@ import { ToolEnum } from '../../../components/BitzConfigProvider/context';
 import { ColumnsConfigProps } from '..';
 export type MenuKeysType = 'excel';
 export type ExportEvent = (key: MenuKeysType) => void;
+export type ToolsConfigType = {
+    /** 表格设置按钮 */
+    config?: ConfigType;
+};
 export type ConfigType = {
     /** 外观设置 */
     stylesConfig?: {
@@ -20,7 +24,7 @@ export type ConfigType = {
         zebra?: {
             disabled?: boolean;
         };
-        scope?: {
+        stylesScope?: {
             disabled?: boolean;
         };
     };
@@ -32,9 +36,7 @@ export interface BitzTableToolBarProps {
     /** 控制tool按钮的排序和显隐，根据索引排序，不在tools数组中的不显示 */
     tools?: ToolEnum[];
     /** 设置每个按钮的属性 */
-    toolsConfig?: {
-        config?: ConfigType;
-    };
+    toolsConfig?: ToolsConfigType;
     /** 需要隐藏的tool按钮 */
     exclude?: ToolEnum[];
     loading?: boolean;