bitz-react-admin-ui 2.1.7 → 2.1.8

package/dist/_virtual/dayjs.min.mjs

@@ -1,4 +1,7 @@
-var a = { exports: {} };
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.mjs";
+import { __require as o } from "../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+var t = o();
+const s = /* @__PURE__ */ r(t);
 export {
-  a as __module
+  s as default
 };

package/dist/_virtual/dayjs.min2.mjs

@@ -0,0 +1,4 @@
+var a = { exports: {} };
+export {
+  a as __module
+};

package/dist/components/BitzCalendar/index.mjs

@@ -1,7 +1,7 @@
 import { j as n } from "../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { useRef as O, useEffect as R } from "react";
 import { Calendar as k, Select as a, Row as w, Col as y } from "antd";
-import N from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import N from "../../_virtual/dayjs.min.mjs";
 import B from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/weekOfYear.mjs";
 import "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.mjs";
 N.extend(B);

package/dist/components/BitzConfigProvider/context.d.ts

@@ -26,7 +26,13 @@ export interface TableComponentContextProps {
     /** 外观配置的作用域 */
     setStylesScope?: (value: StylesConfigScopeType) => void;
 }
+/** 控制tableSelect的全局行为 */
+export interface TableSelectComponentContextProps {
+    /** 默认size */
+    defaultSize?: DensitySize;
+}
 export interface BitzConfigProviderContextProps {
     Table?: TableComponentContextProps;
+    TableSelect?: TableSelectComponentContextProps;
 }
 export declare const BitzConfigContext: import("react").Context<BitzConfigProviderContextProps>;

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

@@ -14,6 +14,8 @@ interface TableConfigBySize {
 export interface BitzTableSelectComponentToken {
     /** table与分页组件的纵向间隙距离 */
     tableSpaceBetweenPage?: number;
+    /** 控制padding-block */
+    paddingBlock?: number;
     /** list背景颜色 移动端 */
     mobileListBgColor?: string;
     /** listItem背景颜色 移动端 */

package/dist/components/BitzDayJs/index.mjs

@@ -1,4 +1,4 @@
-import t from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import t from "../../_virtual/dayjs.min.mjs";
 import "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.mjs";
 const m = {
   dayjs() {

package/dist/components/BitzFuiCalendar/BitzFuiCalendarStore.mjs

@@ -1,5 +1,5 @@
 import { create as a } from "../../node_modules/.store/zustand@4.5.2/node_modules/zustand/esm/index.mjs";
-import o from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import o from "../../_virtual/dayjs.min.mjs";
 var d = /* @__PURE__ */ ((e) => (e.day = "day", e.workWeek = "workWeek", e.week = "week", e.agendum = "agendum", e))(d || {});
 const i = a((e, k) => ({
   colHeight: 0,

package/dist/components/BitzFuiCalendar/CalendarAgendum.mjs

@@ -1,7 +1,7 @@
 import { j as d } from "../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { useState as y, useEffect as j, useMemo as D } from "react";
 import M from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/isToday.mjs";
-import n from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import n from "../../_virtual/dayjs.min.mjs";
 import { useBitzFuiCalendarStore as S, CalendarTypeEnum as C } from "./BitzFuiCalendarStore.mjs";
 import N from "./CalendarAgendumItem.mjs";
 import x from "./CalendarAgendum.module.less.mjs";

package/dist/components/BitzFuiCalendar/CalendarAgendumItem.mjs

@@ -1,7 +1,7 @@
 import { j as i } from "../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { useMemo as a } from "react";
 import e from "./CalendarAgendum.module.less.mjs";
-import l from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import l from "../../_virtual/dayjs.min.mjs";
 import { Button as c } from "antd";
 const d = (_, s) => {
   let t = s.diff(_, "minute"), m;

package/dist/components/BitzFuiCalendar/CalendarHeadItem.mjs

@@ -1,6 +1,6 @@
 import { j as a } from "../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { memo as m, useMemo as r } from "react";
-import d from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import d from "../../_virtual/dayjs.min.mjs";
 import i from "../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 const n = (t) => {
   const { time: e } = t, s = r(() => e.isSame(d(), "day"), [e]);

package/dist/components/BitzFuiCalendar/CalendarToolbar.mjs

@@ -2,7 +2,7 @@ import { j as e } from "../../node_modules/.store/react@18.2.0/node_modules/reac
 import { memo as C, useMemo as i } from "react";
 import { Space as c, Button as o, DatePicker as b, Dropdown as h } from "antd";
 import { useBitzFuiCalendarStore as w, CalendarTypeEnum as a } from "./BitzFuiCalendarStore.mjs";
-import g from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import g from "../../_virtual/dayjs.min.mjs";
 import T from "../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/AppstoreOutlined.mjs";
 import v from "../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/LeftOutlined.mjs";
 import _ from "../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/RightOutlined.mjs";

package/dist/components/BitzFuiCalendar/ColumnData.mjs

@@ -4,7 +4,7 @@ import E from "./FuiCalendarItem.mjs";
 import b from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/isSameOrAfter.mjs";
 import F from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/isSameOrBefore.mjs";
 import M from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/utc.mjs";
-import r from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import r from "../../_virtual/dayjs.min.mjs";
 import { useBitzFuiCalendarStore as z } from "./BitzFuiCalendarStore.mjs";
 r.extend(M);
 r.extend(F);

package/dist/components/BitzMeetingTime/BitzMeetingTimeItem.mjs

@@ -3,7 +3,7 @@ import { useState as w, useMemo as x, useEffect as E } from "react";
 import A from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/objectSupport.mjs";
 import H from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/isSameOrAfter.mjs";
 import D from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/utc.mjs";
-import e from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import e from "../../_virtual/dayjs.min.mjs";
 import "./index.less.mjs";
 e.extend(A);
 e.extend(H);

package/dist/components/BitzMeetingTime/index.mjs

@@ -2,7 +2,7 @@ import { j as e } from "../../node_modules/.store/react@18.2.0/node_modules/reac
 import { useMemo as d } from "react";
 import p from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/plugin/objectSupport.mjs";
 import T from "./BitzMeetingTimeItem.mjs";
-import m from "../../node_modules/.store/dayjs@1.11.10/node_modules/dayjs/dayjs.min.mjs";
+import m from "../../_virtual/dayjs.min.mjs";
 import "./index.less.mjs";
 m.extend(p);
 const x = (a) => {

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

@@ -13,9 +13,9 @@ const G = T(
     R(() => {
       g(n.map((e) => e.field)), a(n.filter((e) => e.show).map((e) => e.field));
     }, [n]);
-    const j = p(() => s.length === l.length, [s, l]), C = p(() => l.length > 0 && l.length < s.length, [l, s]), v = (e) => {
+    const j = p(() => s.length === l.length, [s, l]), C = p(() => l.length > 0 && l.length < s.length, [l, s]), b = (e) => {
       a(e.target.checked ? s : []);
-    }, [b, w] = r("page"), [k, y] = r(1);
+    }, [v, w] = r("page"), [k, y] = r(1);
     return z(f, () => ({
       getExportConfig: () => {
         const e = [];
@@ -40,11 +40,11 @@ const G = T(
               {
                 checked: j,
                 indeterminate: C,
-                onChange: v,
+                onChange: b,
                 children: "全选"
               }
             ),
-            /* @__PURE__ */ t.jsx(h.Group, { value: l, onChange: a, children: n.map((e) => /* @__PURE__ */ t.jsx(h, { value: e.field, children: e.title }, e.field)) })
+            /* @__PURE__ */ t.jsx(h.Group, { value: l, onChange: a, children: n.map((e) => /* @__PURE__ */ t.jsx(h, { title: e.title, value: e.field, children: e.title }, e.field)) })
           ] }) }),
           /* @__PURE__ */ t.jsx(i.Item, { label: "导出设置", className: "exportTotal", children: /* @__PURE__ */ t.jsx(o.Group, { children: /* @__PURE__ */ t.jsxs(c, { vertical: !0, gap: 8, children: [
             /* @__PURE__ */ t.jsx(o, { value: "current", children: "仅导出当前页" }),
@@ -61,7 +61,7 @@ const G = T(
                   addonAfter: /* @__PURE__ */ t.jsx(
                     I,
                     {
-                      value: b,
+                      value: v,
                       onChange: w,
                       options: [
                         { label: "页", value: "page" },

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

@@ -12,7 +12,7 @@ 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 a, t, i;
+  var a, i, t;
   return r`
   .ant-modal-content {
     background-color: ${(a = o.Modal) == null ? void 0 : a.contentBg};
@@ -20,7 +20,7 @@ const n = (o) => {
     .ant-modal-header {
       font-size: 16px;
       font-weight: 700;
-      background-color: ${(t = o.Modal) == null ? void 0 : t.headerBg};
+      background-color: ${(i = o.Modal) == null ? void 0 : i.headerBg};
     }
 
     .ant-modal-body {
@@ -31,11 +31,11 @@ const n = (o) => {
       text-align: left;
       margin: 0;
       padding: 20px;
-      background-color: ${(i = o.Modal) == null ? void 0 : i.footerBg};
+      background-color: ${(t = o.Modal) == null ? void 0 : t.footerBg};
     }
   }
 `;
-}, d = (o) => r`
+}, l = (o) => r`
   .sortContent {
     width: 100%;
     height: 100%;
@@ -135,11 +135,11 @@ const n = (o) => {
       }
     }
   }
-`, l = (o) => r`
+`, d = (o) => r`
   .stylesConfigFormContent {
     display: flex;
     flex-direction: column;
-    
+
     .ant-form-item {
       width: 100%;
 
@@ -220,7 +220,7 @@ const n = (o) => {
       }
     }
   }
-`, c = (o) => r`
+`, p = (o) => r`
   .exportConfigFormContent {
     display: flex;
     flex-direction: column;
@@ -239,6 +239,14 @@ const n = (o) => {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 8px;
+
+      .ant-checkbox-wrapper span:last-child {
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
     }
   }
 `, v = (o) => r`
@@ -272,11 +280,11 @@ const n = (o) => {
         min-height: 450px;
         max-height: 100%;
 
-        ${d(o)}
-
         ${l(o)}
 
-        ${c()}
+        ${d(o)}
+
+        ${p()}
       }
     }
   }

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

@@ -1,97 +1,78 @@
 import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { css as s } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import { Tooltip as g, Flex as b, Typography as l, InputNumber as S, Select as j } from "antd";
-import { useState as a } from "react";
-import y from "../../Select/index.mjs";
-const { Option: p } = j, E = ({
-  onClick: u,
+import { Tooltip as h, Flex as y, Typography as i, InputNumber as S, Select as g } from "antd";
+import { useState as s } from "react";
+import j from "../../Select/index.mjs";
+import { selectStyles as b, inputNumberStyles as T } from "./styles.mjs";
+const { Option: r } = g, V = ({
+  onClick: p,
   onClose: c
 }) => {
-  const [m, o] = a(!1), [d, i] = a(!1), [r, f] = a("page"), [t, h] = a(1), x = () => {
-    if (!d) {
+  const [u, a] = s(!1), [f, l] = s(!1), [o, m] = s("page"), [t, d] = s(1), x = () => {
+    if (!f) {
       if (!t && typeof t != "number" || t <= 0) {
-        i(!0), o(!0), setTimeout(() => {
-          o(!1), i(!1);
+        l(!0), a(!0), setTimeout(() => {
+          a(!1), l(!1);
         }, 2e3);
         return;
       }
-      i(!0), u("any", { value: t, type: r }), c();
+      l(!0), p("any", { value: t, type: o }), c();
     }
   };
   return /* @__PURE__ */ e.jsx(
-    g,
+    h,
     {
-      open: m,
+      open: u,
       title: "数字必须大于等于1",
       getTooltipContainer: (n) => n.parentElement.parentElement.parentElement,
-      children: /* @__PURE__ */ e.jsxs(b, { align: "center", gap: 8, onClick: (n) => n.stopPropagation(), children: [
-        /* @__PURE__ */ e.jsx(l.Text, { style: { fontSize: "var(--fontSize)" }, children: "导出" }),
-        /* @__PURE__ */ e.jsx(
-          S,
-          {
-            controls: !1,
-            min: 1,
-            value: t,
-            onChange: (n) => h(n),
-            style: { width: 100 },
-            size: "small",
-            addonAfter: /* @__PURE__ */ e.jsxs(
-              y,
+      children: /* @__PURE__ */ e.jsxs(
+        y,
+        {
+          align: "center",
+          gap: 8,
+          onClick: (n) => n.stopPropagation(),
+          style: { padding: "5px 12px" },
+          children: [
+            /* @__PURE__ */ e.jsx(i.Text, { style: { fontSize: "var(--fontSize)" }, children: "导出" }),
+            /* @__PURE__ */ e.jsx(
+              S,
               {
-                value: r,
-                onChange: f,
-                className: s`
-                width: auto;
-                height: calc(var(--fontSize) + 12px);
-
-                .ant-select-selection-item {
-                  padding-right: 0 !important;
-                }
-
-                .ant-select-selector {
-                  width: auto !important;
-                  padding-inline: 8px !important;
-                }
-              `,
-                popupMatchSelectWidth: !1,
-                suffixIcon: !1,
-                children: [
-                  /* @__PURE__ */ e.jsx(p, { value: "page", children: "页" }),
-                  /* @__PURE__ */ e.jsx(p, { value: "pieces", children: "条" })
-                ]
+                controls: !1,
+                min: 1,
+                value: t,
+                onChange: (n) => d(n),
+                style: { width: 100 },
+                size: "small",
+                addonAfter: /* @__PURE__ */ e.jsxs(
+                  j,
+                  {
+                    value: o,
+                    onChange: m,
+                    className: b,
+                    popupMatchSelectWidth: !1,
+                    suffixIcon: !1,
+                    children: [
+                      /* @__PURE__ */ e.jsx(r, { value: "page", children: "页" }),
+                      /* @__PURE__ */ e.jsx(r, { value: "pieces", children: "条" })
+                    ]
+                  }
+                ),
+                className: T
               }
             ),
-            className: s`
-            .ant-input-number-group-wrapper {
-              height: calc(var(--fontSize) + 12px);
-            }
-            .ant-input-number-wrapper,
-            .ant-input-number,
-            .ant-input-number-input-wrap,
-            .ant-input-number-input {
-              height: 100% !important;
-            }
-            .ant-input-number {
-              box-shadow: none;
-            }
-            .ant-input-number-group-addon {
-              width: auto;
-            }
-          `
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          l.Link,
-          {
-            style: { userSelect: "none", fontSize: "var(--fontSize)" },
-            onClick: x,
-            children: "下载"
-          }
-        )
-      ] })
+            /* @__PURE__ */ e.jsx(
+              i.Link,
+              {
+                style: { userSelect: "none", fontSize: "var(--fontSize)" },
+                onClick: x,
+                children: "下载"
+              }
+            )
+          ]
+        }
+      )
     }
   );
 };
 export {
-  E as default
+  V as default
 };

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

@@ -1,76 +1,62 @@
 import { j as o } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { memo as d, useState as u } from "react";
-import f from "../style.mjs";
-import x from "../../../BitzButton/index.mjs";
-import y from "../../Dropdown/index.mjs";
-import c from "./AnyDataTotalLabel.mjs";
-import { css as b } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
-import g from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
-const j = ({
-  show: a = !0,
-  order: n,
+import { memo as x, useState as y, useContext as d } from "react";
+import c from "../style.mjs";
+import b from "../../../BitzButton/index.mjs";
+import g from "../../Dropdown/index.mjs";
+import j from "./AnyDataTotalLabel.mjs";
+import { BitzTableContext as E } from "../../Store/index.mjs";
+import { overlayStyles as N } from "./styles.mjs";
+import O from "../../../../node_modules/.store/@ant-design_icons@5.3.6/node_modules/@ant-design/icons/es/icons/DownloadOutlined.mjs";
+const h = ({
+  show: n = !0,
+  order: s,
   loading: m,
   onClick: e,
-  icon: l = /* @__PURE__ */ o.jsx(g, {})
+  icon: l = /* @__PURE__ */ o.jsx(O, {})
 }) => {
-  const { toolbarItemClassName: s } = f(), [p, r] = u(!1);
-  return a ? /* @__PURE__ */ o.jsx(
-    y,
+  const { toolbarItemClassName: p } = c(), [i, r] = y(!1), a = d(E).exportConfig, u = [
+    { key: "current", label: "仅导出当前页" },
+    { key: "all", label: "导出全部数据" },
+    { type: "divider" },
     {
-      open: p,
-      onOpenChange: r,
-      menu: {
-        items: [
-          { key: "current", label: "仅导出当前页" },
-          { key: "all", label: "导出全部数据" },
-          { type: "divider" },
-          {
-            key: "any",
-            label: /* @__PURE__ */ o.jsx(
-              c,
-              {
-                onClick: (t, i) => e == null ? void 0 : e(t, i),
-                onClose: () => r(!1)
-              }
-            ),
-            className: "anyTotal"
-          }
-        ],
-        onClick: ({ key: t }) => e == null ? void 0 : e(t)
-      },
-      overlayClassName: b`
-        .ant-dropdown-menu.ant-dropdown-menu-root {
-          display: flex;
-          flex-direction: column;
-
-          .anyTotal {
-            cursor: default !important;
-            margin: 5px 12px;
-            padding: 0;
-
-            &:hover {
-              background-color: inherit !important;
-            }
-          }
+      key: "any",
+      label: /* @__PURE__ */ o.jsx(
+        j,
+        {
+          onClick: (t, f) => e == null ? void 0 : e(t, a, f),
+          onClose: () => r(!1)
         }
-      `,
+      ),
+      className: "anyTotal"
+    }
+  ];
+  return n ? /* @__PURE__ */ o.jsx(
+    g,
+    {
+      open: i,
+      onOpenChange: r,
+      overlayClassName: N,
       trigger: ["click"],
       disabled: m,
       destroyPopupOnHide: !0,
       getPopupContainer: (t) => t.parentElement.parentElement.parentElement,
+      menu: {
+        items: u,
+        onClick: ({ key: t }) => e == null ? void 0 : e(t, a)
+      },
       children: /* @__PURE__ */ o.jsx(
-        x,
+        b,
         {
           type: "text",
-          className: s,
+          className: p,
           icon: l,
-          style: { order: n },
+          style: { order: s },
           children: "下载"
         }
       )
     }
   ) : null;
-}, T = d(j);
+}, P = x(h);
 export {
-  T as default
+  P as default
 };

package/dist/components/BitzTable/ToolBar/ExportIcon/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const overlayStyles: string;
+export declare const selectStyles: string;
+export declare const inputNumberStyles: string;

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

@@ -0,0 +1,47 @@
+import { css as t } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+const a = t`
+  .anyTotal {
+    cursor: default !important;
+    padding: 0 !important;
+
+    &:hover {
+      background-color: inherit !important;
+    }
+  }
+`, e = t`
+  width: auto;
+  height: calc(var(--fontSize) + 12px);
+
+  .ant-select-selection-item {
+    padding-right: 0 !important;
+  }
+
+  .ant-select-selector {
+    width: auto !important;
+    padding-inline: 8px !important;
+  }
+`, i = t`
+  .ant-input-number-group-wrapper {
+    height: calc(var(--fontSize) + 12px);
+  }
+
+  .ant-input-number-wrapper,
+  .ant-input-number,
+  .ant-input-number-input-wrap,
+  .ant-input-number-input {
+    height: 100% !important;
+  }
+
+  .ant-input-number {
+    box-shadow: none;
+  }
+
+  .ant-input-number-group-addon {
+    width: auto;
+  }
+`;
+export {
+  i as inputNumberStyles,
+  a as overlayStyles,
+  e as selectStyles
+};

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

@@ -3,7 +3,7 @@ import { MouseEventHandler } from 'react';
 import { ToolEnum } from '../../../components/BitzConfigProvider/context';
 import { ColumnsConfigProps } from '..';
 export type MenuKeysType = 'current' | 'all' | 'any';
-export type ExportEvent = (key: MenuKeysType, info?: {
+export type ExportEvent = (key: MenuKeysType, exportConfig: ExportConfigProps[], info?: {
     value: number;
     type: 'page' | 'pieces';
 }) => void;