bitz-react-admin-ui 2.2.0 → 2.2.1

package/dist/components/BitzTable/Table/style.d.ts

@@ -1,5 +1,6 @@
-export declare const getCssVar: ({ height, evenRowBgColor, colorBgContainer, table, gap, borderColor, scrollbarWidth, other, }: {
+export declare const getCssVar: ({ height, fontFamily, evenRowBgColor, colorBgContainer, table, gap, borderColor, scrollbarWidth, other, }: {
     height: any;
+    fontFamily: any;
     evenRowBgColor: any;
     colorBgContainer: any;
     table: any;

package/dist/components/BitzTable/Table/style.mjs

@@ -1,29 +1,31 @@
 const j = ({
   height: v,
-  evenRowBgColor: w,
-  colorBgContainer: e,
+  fontFamily: w,
+  evenRowBgColor: e,
+  colorBgContainer: I,
   table: o,
-  gap: I,
-  borderColor: R,
-  scrollbarWidth: u,
+  gap: R,
+  borderColor: u,
+  scrollbarWidth: y,
   other: V
 }) => {
-  var h, i, g, x, r, n, T, p, s, d, $, H, m, S, C, k, f, z, B, c;
+  var i, h, g, x, r, n, T, p, s, d, $, H, m, S, C, f, k, z, B, c;
   return {
     height: v,
+    "--font-family": w,
     "--toolbar-bgColor": o == null ? void 0 : o.toolbarBgColor,
     "--thead-bgColor": o == null ? void 0 : o.headerBg,
     "--thead-hoverBgColor": o == null ? void 0 : o.headerSortHoverBg,
-    "--evenRow-BgColor": w,
-    "--oddRow-BgColor": e,
+    "--evenRow-BgColor": e,
+    "--oddRow-BgColor": I,
     "--radioCheckbox-borderColor": o == null ? void 0 : o.radioCheckboxBorderColor,
     "--expandIcon-borderColor": o == null ? void 0 : o.expandIconBorderColor,
     "--rowHover-bgColor": o == null ? void 0 : o.rowHoverBg,
-    "--borderColor": R,
-    "--container-gap": `${I}px`,
-    "--scrollbar-width": `${u || 0}px`,
-    "--xlTable-fontSize": `${(h = o == null ? void 0 : o.xlTable) == null ? void 0 : h.fontSize}px`,
-    "--lgTable-fontSize": `${(i = o == null ? void 0 : o.lgTable) == null ? void 0 : i.fontSize}px`,
+    "--borderColor": u,
+    "--container-gap": `${R}px`,
+    "--scrollbar-width": `${y || 0}px`,
+    "--xlTable-fontSize": `${(i = o == null ? void 0 : o.xlTable) == null ? void 0 : i.fontSize}px`,
+    "--lgTable-fontSize": `${(h = o == null ? void 0 : o.lgTable) == null ? void 0 : h.fontSize}px`,
     "--mdTable-fontSize": `${(g = o == null ? void 0 : o.mdTable) == null ? void 0 : g.fontSize}px`,
     "--smTable-fontSize": `${(x = o == null ? void 0 : o.smTable) == null ? void 0 : x.fontSize}px`,
     "--xsTable-fontSize": `${(r = o == null ? void 0 : o.xsTable) == null ? void 0 : r.fontSize}px`,
@@ -37,8 +39,8 @@ const j = ({
     "--mdTable-lineHeight": `${(m = o == null ? void 0 : o.mdTable) == null ? void 0 : m.lineHeight}px`,
     "--smTable-lineHeight": `${(S = o == null ? void 0 : o.smTable) == null ? void 0 : S.lineHeight}px`,
     "--xsTable-lineHeight": `${(C = o == null ? void 0 : o.xsTable) == null ? void 0 : C.lineHeight}px`,
-    "--xlSkeleton-height": `${(k = o == null ? void 0 : o.xlTable) == null ? void 0 : k.skeletonHeight}px`,
-    "--lgSkeleton-height": `${(f = o == null ? void 0 : o.lgTable) == null ? void 0 : f.skeletonHeight}px`,
+    "--xlSkeleton-height": `${(f = o == null ? void 0 : o.xlTable) == null ? void 0 : f.skeletonHeight}px`,
+    "--lgSkeleton-height": `${(k = o == null ? void 0 : o.lgTable) == null ? void 0 : k.skeletonHeight}px`,
     "--mdSkeleton-height": `${(z = o == null ? void 0 : o.mdTable) == null ? void 0 : z.skeletonHeight}px`,
     "--smSkeleton-height": `${(B = o == null ? void 0 : o.smTable) == null ? void 0 : B.skeletonHeight}px`,
     "--xsSkeleton-height": `${(c = o == null ? void 0 : o.xsTable) == null ? void 0 : c.skeletonHeight}px`,

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

@@ -1,41 +1,45 @@
 import { j as t } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as u, useContext as f, useMemo as a } from "react";
-import { Tooltip as p } from "antd";
-import x from "../style.mjs";
-import d from "../../../BitzButton/index.mjs";
+import { memo as d, useContext as p, useMemo as x, useEffect as b } from "react";
+import { Tooltip as B } from "antd";
+import E from "../style.mjs";
+import F from "../../../BitzButton/index.mjs";
 import r from "../../../../node_modules/.store/screenfull@6.0.2/node_modules/screenfull/index.mjs";
-import b from "../../../BitzToast/index.mjs";
-import { findParentFirstNodeByClass as j } from "../../../../utils/findNode.mjs";
-import { BitzTableContext as B } from "../../Store/index.mjs";
-import F from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
+import j from "../../../BitzToast/index.mjs";
+import { findParentFirstNodeByClass as z } from "../../../../utils/findNode.mjs";
+import { BitzTableContext as T } from "../../Store/index.mjs";
+import h from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenExitOutlined.mjs";
 import C from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/FullscreenOutlined.mjs";
-const y = ({
-  order: l,
-  show: n = !0
+const g = ({
+  order: m,
+  show: u = !0
 }) => {
-  const { toolbarItemClassName: i } = x(), { fullscreen: e } = f(B), o = a(() => e ? {
+  const { toolbarItemClassName: a } = E(), { fullscreen: n, setFullscreen: s } = p(T), o = x(() => n ? {
     title: "退出全屏",
-    icon: /* @__PURE__ */ t.jsx(F, {})
+    icon: /* @__PURE__ */ t.jsx(h, {})
   } : {
     title: "全屏",
     icon: /* @__PURE__ */ t.jsx(C, {})
-  }, [e]), s = (m) => {
-    r.isEnabled || b.error("您的浏览器不支持全屏");
-    const c = j(m.target, "bitzTableBlock");
-    e ? r.exit() : r.request(c);
+  }, [n]), f = (l) => {
+    r.isEnabled || j.error("您的浏览器不支持全屏");
+    const e = z(l.target, "bitzTableBlock");
+    n ? r.exit() : r.request(e);
   };
-  return n ? /* @__PURE__ */ t.jsx(p, { title: o.title, open: !1, children: /* @__PURE__ */ t.jsx(
-    d,
+  return b(() => (document == null || document.addEventListener("fullscreenchange", (l) => {
+    var e, i, c;
+    (e = l.target) != null && e.classList.contains("bitzTableBlock") && (s(!!document.fullscreenElement), (c = (i = document.fullscreenElement) == null ? void 0 : i.classList) != null && c.contains("bitzTableBlock") || s(!1));
+  }), document == null ? void 0 : document.removeEventListener("fullscreenchange", () => {
+  })), []), u ? /* @__PURE__ */ t.jsx(B, { title: o.title, open: !1, children: /* @__PURE__ */ t.jsx(
+    F,
     {
       type: "text",
-      className: i,
-      onClick: s,
+      className: a,
+      onClick: f,
       icon: o.icon,
-      style: { order: l },
+      style: { order: m },
       children: o.title
     }
   ) }) : null;
-}, G = u(y);
+}, P = d(g);
 export {
-  G as default
+  P as default
 };

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

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

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

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

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

@@ -1,7 +1,7 @@
-import { BitzTableContext as $ } from "../Store/index.mjs";
+import { BitzTableContext as h } from "../Store/index.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
-import { useContext as f, useMemo as g } from "react";
+import { useContext as u, useMemo as x } from "react";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/theme/createTheme.mjs";
 import "../../../node_modules/.store/rc-util@5.39.1/node_modules/rc-util/es/warning.mjs";
@@ -9,75 +9,70 @@ import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@an
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
-import h from "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
+import y from "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
-import u from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import x from "../../BitzTheme/index.mjs";
-const J = () => {
-  const { theme: T, token: i, hashId: n } = x.useToken(), { tableSize: a } = f($), d = g(() => a ?? "lg", [a]), r = "toolbarItem", m = "ToolbarItemBtn", z = (o, t, e) => {
-    var l, s, p, b, c;
+import B from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+import N from "../../BitzTheme/index.mjs";
+const O = () => {
+  const { theme: S, token: i, hashId: n } = N.useToken(), { tableSize: a, selected: T } = u(h), $ = x(() => a ?? "lg", [a]), r = "toolbarItem", l = "rowSelecting", m = "ToolbarItemBtn", f = (e, g, t, o) => {
+    var s, c, p, b, d;
     return [
       {
-        [`.${o}`]: {
+        [`.${e}`]: {
           height: "100%",
           paddingBlock: 0,
           borderRadius: 0,
           borderColor: "transparent",
           display: "block",
           "&:not(&:disabled):hover": {
-            color: e.colorText
+            color: o.colorText
           },
           "&:not(&:disabled):focus": {
-            color: e.colorText
+            color: o.colorText
           },
           ".ant-btn-icon": {
             marginInlineEnd: "6px !important"
           }
         }
       },
-      [
-        {
-          [`.${o}.xl${t}`]: {
-            fontSize: (l = e.Table.xlTable) == null ? void 0 : l.fontSize
-          }
+      {
+        [`.${e}.${g}`]: {
+          color: "#fff !important"
         }
-      ],
-      [
-        {
-          [`.${o}.lg${t}`]: {
-            fontSize: (s = e.Table.lgTable) == null ? void 0 : s.fontSize
-          }
+      },
+      {
+        [`.${e}.xl${t}`]: {
+          fontSize: (s = o.Table.xlTable) == null ? void 0 : s.fontSize
         }
-      ],
-      [
-        {
-          [`.${o}.md${t}`]: {
-            fontSize: (p = e.Table.mdTable) == null ? void 0 : p.fontSize
-          }
+      },
+      {
+        [`.${e}.lg${t}`]: {
+          fontSize: (c = o.Table.lgTable) == null ? void 0 : c.fontSize
         }
-      ],
-      [
-        {
-          [`.${o}.sm${t}`]: {
-            fontSize: (b = e.Table.smTable) == null ? void 0 : b.fontSize
-          }
+      },
+      {
+        [`.${e}.md${t}`]: {
+          fontSize: (p = o.Table.mdTable) == null ? void 0 : p.fontSize
         }
-      ],
-      [
-        {
-          [`.${o}.xs${t}`]: {
-            fontSize: (c = e.Table.xsTable) == null ? void 0 : c.fontSize
-          }
+      },
+      {
+        [`.${e}.sm${t}`]: {
+          fontSize: (b = o.Table.smTable) == null ? void 0 : b.fontSize
+        }
+      },
+      {
+        [`.${e}.xs${t}`]: {
+          fontSize: (d = o.Table.xsTable) == null ? void 0 : d.fontSize
         }
-      ]
+      }
     ];
   };
-  h({ theme: T, token: i, hashId: n, path: [r] }, () => [
-    z(r, m, i)
+  y({ theme: S, token: i, hashId: n, path: [r] }, () => [
+    f(r, l, m, i)
   ]);
-  const S = `${d}${m}`;
-  return { toolbarItemClassName: u(r, S, n) };
+  const z = `${$}${m}`;
+  return { toolbarItemClassName: B(r, { [`${l}`]: T }, z, n) };
 };
 export {
-  J as default
+  O as default
 };

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

@@ -1,4 +1,4 @@
-import { BitzTableProps } from './Table';
+import { BitzTableProps, BitzTableRowSelectionProps } from './Table';
 import BitzTableProvider, { BitzTableContext, DensitySize as BitzTableSizeType, StylesStateType, ColumnStateType, ExportColumnStateType } from './Store';
 import SubTable from './SubTable';
 import ActionBar from './ActionBar';
@@ -70,6 +70,6 @@ type CompoundedComponent = React.ForwardRefExoticComponent<BitzTableProps> & {
     ActionCol: typeof ActionCol;
 };
 declare const BitzTable: CompoundedComponent;
-export type { BitzTableProps, BitzTableSizeType, ColumnsConfigProps, StylesStateType, ColumnStateType, ExportColumnStateType, BitzTableColumnType, BitzTableColumnGroupType, BitzTableColumnsType, ActionsFunType, Action, BitzTableActionProps, BitzTableActionColProps, };
+export type { BitzTableProps, BitzTableRowSelectionProps, BitzTableSizeType, ColumnsConfigProps, StylesStateType, ColumnStateType, ExportColumnStateType, BitzTableColumnType, BitzTableColumnGroupType, BitzTableColumnsType, ActionsFunType, Action, BitzTableActionProps, BitzTableActionColProps, };
 export { BitzTableProvider, BitzTableContext };
 export default BitzTable;

package/dist/node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as u } from "../../../../../_virtual/_commonjsHelpers.mjs";
-import { __module as i } from "../../../../../_virtual/index.mjs";
+import { __module as i } from "../../../../../_virtual/index2.mjs";
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see

package/dist/node_modules/.store/prop-types@15.8.1/node_modules/prop-types/index.mjs

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as e } from "../../../../../_virtual/_commonjsHelpers.mjs";
-import { __module as r } from "../../../../../_virtual/index2.mjs";
+import { __module as r } from "../../../../../_virtual/index.mjs";
 import { __require as o } from "../../../react-is@16.13.1/node_modules/react-is/index.mjs";
 import { __require as t } from "./factoryWithTypeCheckers.mjs";
 import { __require as p } from "./factoryWithThrowingShims.mjs";