bitz-react-admin-ui 2.2.0 → 2.2.2

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

@@ -52,7 +52,15 @@ const q = ({
         ),
         /* @__PURE__ */ e.jsx(c, { onClick: o, children: "取消" })
       ] }),
-      children: (a) => /* @__PURE__ */ e.jsx(z, { parentHeight: a, refInstance: n, display: !0, showSelectRadio: !0 })
+      children: (a) => /* @__PURE__ */ e.jsx(
+        z,
+        {
+          parentHeight: a,
+          refInstance: n,
+          display: !0,
+          showSelectRadio: !0
+        }
+      )
     }
   );
 };

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

@@ -46,7 +46,33 @@ const D = ({
         children: "导出"
       }
     )
-  ] }) : null;
+  ] }) : (
+    // <Dropdown
+    //   open={open}
+    //   onOpenChange={setOpen}
+    //   overlayClassName={overlayStyles}
+    //   trigger={['click']}
+    //   disabled={loading}
+    //   destroyPopupOnHide
+    //   getPopupContainer={(node) =>
+    //     node.parentElement!.parentElement!.parentElement!
+    //   }
+    //   menu={{
+    //     items,
+    //     onClick: ({ key }) => onClick?.(key as any, exportConfig),
+    //   }}
+    // >
+    //   <BitzButton
+    //     type="text"
+    //     className={toolbarItemClassName}
+    //     icon={icon}
+    //     style={{ order }}
+    //   >
+    //     下载
+    //   </BitzButton>
+    // </Dropdown>
+    null
+  );
 }, F = b(D);
 export {
   F as default

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/Modal/index.mjs

@@ -38,10 +38,20 @@ function $({
       },
       width: 700,
       footer: y,
-      children: /* @__PURE__ */ e.jsx(N, { className: "container", bordered: !1, children: /* @__PURE__ */ e.jsxs(f, { ref: r, vertical: !0, align: "center", gap: 24, style: { height: "100%" }, children: [
-        o && /* @__PURE__ */ e.jsx("div", { className: "extraContent", ref: i, children: o }),
-        t ? /* @__PURE__ */ e.jsx(f, { className: "containerBody", style: { height: c }, children: p(c) }, l) : /* @__PURE__ */ e.jsx(e.Fragment, {})
-      ] }) })
+      children: /* @__PURE__ */ e.jsx(N, { className: "container", bordered: !1, children: /* @__PURE__ */ e.jsxs(
+        f,
+        {
+          ref: r,
+          vertical: !0,
+          align: "center",
+          gap: 24,
+          style: { height: "100%" },
+          children: [
+            o && /* @__PURE__ */ e.jsx("div", { className: "extraContent", ref: i, children: o }),
+            t ? /* @__PURE__ */ e.jsx(f, { className: "containerBody", style: { height: c }, children: p(c) }, l) : /* @__PURE__ */ e.jsx(e.Fragment, {})
+          ]
+        }
+      ) })
     }
   );
 }

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

@@ -39,7 +39,6 @@ const i = (o) => {
     }
 
     .container {
-
       .containerBody {
         width: 100%;
         position: relative;

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

@@ -1,30 +1,25 @@
 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) => {
-  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,
+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(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,72 +1,76 @@
 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: [
-    /* @__PURE__ */ s.jsx(
-      j,
-      {
-        order: o.export.order,
-        show: o.export.show,
-        loading: i,
-        onClick: c
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      x,
-      {
-        order: o.refresh.order,
-        show: o.refresh.show,
-        loading: i,
-        onClick: p
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      C,
-      {
-        order: o.fullscreen.order,
-        show: o.fullscreen.show
-      }
-    ),
-    /* @__PURE__ */ s.jsx(
-      g,
-      {
-        order: o.config.order,
-        show: o.config.show,
-        onChange: d
-      }
-    )
-  ] }) });
+  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,
+            onClick: h
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          u,
+          {
+            order: o.refresh.order,
+            show: o.refresh.show,
+            onClick: p
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          C,
+          {
+            order: o.fullscreen.order,
+            show: o.fullscreen.show
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          g,
+          {
+            order: o.config.order,
+            show: o.config.show,
+            onChange: d
+          }
+        )
+      ]
+    }
+  ) });
 };
 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,75 @@ 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;