bitz-react-admin-ui 2.1.2 → 2.1.5

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

@@ -2,7 +2,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/hooks/useCacheToken.mjs";
 import "react";
 import "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
-import { unit as a } from "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/util/index.mjs";
+import { unit as e } from "../../../../node_modules/.store/@ant-design_cssinjs@1.19.1/node_modules/@ant-design/cssinjs/es/util/index.mjs";
 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";
@@ -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 i, e, t;
+  var a, t, i;
   return r`
   .ant-modal-content {
-    background-color: ${(i = o.Modal) == null ? void 0 : i.contentBg};
+    background-color: ${(a = o.Modal) == null ? void 0 : a.contentBg};
 
     .ant-modal-header {
       font-size: 16px;
       font-weight: 700;
-      background-color: ${(e = o.Modal) == null ? void 0 : e.headerBg};
+      background-color: ${(t = o.Modal) == null ? void 0 : t.headerBg};
     }
 
     .ant-modal-body {
@@ -31,7 +31,7 @@ const n = (o) => {
       text-align: left;
       margin: 0;
       padding: 20px;
-      background-color: ${(t = o.Modal) == null ? void 0 : t.footerBg};
+      background-color: ${(i = o.Modal) == null ? void 0 : i.footerBg};
     }
   }
 `;
@@ -47,7 +47,7 @@ const n = (o) => {
       width: 100%;
       height: 100%;
       background-color: var(--sortCard-bgColor);
-      border-radius: ${a(o.borderRadius)};
+      border-radius: ${e(o.borderRadius)};
       padding: 6px;
       padding-block-end: 10px;
       box-sizing: border-box;
@@ -71,27 +71,28 @@ const n = (o) => {
         }
 
         .sortItem {
-          border-radius: ${a(o.borderRadius)};
+          border-radius: ${e(o.borderRadius)};
 
           &:hover {
             background-color: ${o.colorBgContainer};
           }
-          
+
           .dragIcon {
             height: 100%;
             padding-inline: 8px;
-            
-            &, & span {
+
+            &,
+            & span {
               cursor: inherit;
             }
           }
-          
+
           .ant-checkbox-wrapper {
             /* width: calc(100% - 66px); */
             flex: 1;
             padding-block: 6px;
             padding-inline-end: 8px;
-            
+
             & > span:last-child {
               flex: 1;
               padding-right: 0;
@@ -136,11 +137,13 @@ const n = (o) => {
   }
 `, l = (o) => r`
   .stylesConfigFormContent {
-
+    display: flex;
+    flex-direction: column;
+    
     .ant-form-item {
       width: 100%;
 
-      & label {
+      .ant-form-item-label > label {
         height: auto;
         font-weight: 600;
       }
@@ -164,8 +167,10 @@ const n = (o) => {
       grid-template-columns: repeat(5, 2fr);
     }
 
-    .scope label {
-      font-weight: normal;
+    .scope {
+      flex: 1;
+      display: flex;
+      align-items: flex-end;
     }
 
     .ant-radio-wrapper {
@@ -175,7 +180,7 @@ const n = (o) => {
       font-weight: normal !important;
       background-color: ${o.colorBgLayout};
       background-color: var(--radioCard-bgColor);
-      border-radius: ${a(o.borderRadiusLG)};
+      border-radius: ${e(o.borderRadiusLG)};
       margin-inline-end: 0;
       box-sizing: border-box;
       position: relative;
@@ -215,9 +220,29 @@ const n = (o) => {
       }
     }
   }
-`, y = (o) => r`
-  &.tableConfigModal {
+`, c = (o) => r`
+  .exportConfigFormContent {
+    display: flex;
+    flex-direction: column;
+    row-gap: 10px;
+
+    .ant-form-item {
+      width: 100%;
+
+      .ant-form-item-label > label {
+        height: auto;
+        font-weight: 600;
+      }
+    }
 
+    .exportFields .ant-checkbox-group {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 8px;
+    }
+  }
+`, v = (o) => r`
+  &.tableConfigModal {
     ${n(o)}
 
     .pointerCursor {
@@ -240,7 +265,6 @@ const n = (o) => {
       }
 
       .segmentedWrapper {
-
       }
 
       .containerBody {
@@ -251,10 +275,12 @@ const n = (o) => {
         ${d(o)}
 
         ${l(o)}
+
+        ${c()}
       }
     }
   }
 `;
 export {
-  y as styles
+  v as styles
 };

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

@@ -0,0 +1,5 @@
+declare const AnyDataTotalLabel: ({ onClick, hide }: {
+    onClick: any;
+    hide: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default AnyDataTotalLabel;

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

@@ -0,0 +1,89 @@
+import { j as e } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { css as u } from "../../../../node_modules/.store/@emotion_css@11.11.2/node_modules/@emotion/css/dist/emotion-css.esm.mjs";
+import { Tooltip as x, Flex as b, Typography as c, InputNumber as S, Select as j } from "antd";
+import { useState as a } from "react";
+import y from "../../Select/index.mjs";
+const { Option: m } = j, V = ({
+  onClick: i,
+  hide: d
+}) => {
+  const [f, s] = a(!1), [h, r] = a(!1), [o, p] = a("page"), [t, l] = a(1), g = () => {
+    if (!h) {
+      if (!t && typeof t != "number" || t <= 0) {
+        s(!0), setTimeout(() => {
+          s(!1), r(!1);
+        }, 2e3);
+        return;
+      }
+      r(!0), i == null || i("any", { value: t, type: o }), d(), setTimeout(() => {
+        r(!1), p("page"), l(1);
+      }, 200);
+    }
+  };
+  return /* @__PURE__ */ e.jsx(x, { open: f, 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(c.Text, { style: { fontSize: "var(--fontSize)" }, children: "导出" }),
+    /* @__PURE__ */ e.jsx(
+      S,
+      {
+        controls: !1,
+        min: 1,
+        value: t,
+        onChange: (n) => l(n),
+        style: { width: 100 },
+        size: "small",
+        addonAfter: /* @__PURE__ */ e.jsxs(
+          y,
+          {
+            value: o,
+            onChange: p,
+            className: u`
+                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(m, { value: "page", children: "页" }),
+              /* @__PURE__ */ e.jsx(m, { value: "pieces", children: "条" })
+            ]
+          }
+        ),
+        className: u`
+            .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-group-addon {
+              width: auto;
+            }
+          `
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      c.Link,
+      {
+        style: { userSelect: "none", fontSize: "var(--fontSize)" },
+        onClick: g,
+        children: "下载"
+      }
+    )
+  ] }) });
+};
+export {
+  V as default
+};

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

@@ -1,7 +1,6 @@
 import { ReactNode } from 'react';
-import { BitzDropdownToButtonProps } from '@/components/BitzConvert';
 import { ExportEvent } from '..';
-interface ExportIconProps extends Pick<BitzDropdownToButtonProps, 'menu' | 'tipText'> {
+interface ExportIconProps {
     order?: number;
     icon?: ReactNode;
     loading?: boolean;

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

@@ -1,45 +1,59 @@
-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 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
+import { j as r } from "../../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { memo as u, useState as d } from "react";
+import f from "../style.mjs";
+import c from "../../../BitzButton/index.mjs";
+import x from "../../Dropdown/index.mjs";
+import y 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 h 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: m,
+  loading: n,
+  onClick: e,
+  icon: s = /* @__PURE__ */ r.jsx(h, {})
 }) => {
-  const { toolbarItemClassName: l } = c(), p = x(() => o || {
-    items: [
-      { key: "excel", label: "导出查询结果为Excel" }
-    ],
-    onClick: ({ key: a }) => t == null ? void 0 : t(a)
-  }, [o, t]);
-  return r ? /* @__PURE__ */ e.jsx(
-    d.DropdownToButton,
+  const { toolbarItemClassName: l } = f(), [p, o] = d(!1);
+  return a ? /* @__PURE__ */ r.jsx(
+    x,
     {
-      menu: p,
+      open: p,
+      onOpenChange: o,
+      menu: {
+        items: [
+          { key: "current", label: "仅导出当前页" },
+          { key: "all", label: "导出全部数据" },
+          { type: "divider" },
+          {
+            key: "any",
+            label: /* @__PURE__ */ r.jsx(y, { onClick: (t, i) => e == null ? void 0 : e(t, i), hide: () => o(!1) }),
+            className: b`
+              cursor: default !important;
+
+              &:hover {
+                background-color: inherit !important;
+              }
+            `
+          }
+        ],
+        onClick: ({ key: t }) => e == null ? void 0 : e(t)
+      },
       trigger: ["click"],
-      showTootip: !1,
-      tipText: i || "导出",
-      children: /* @__PURE__ */ e.jsx(
-        f,
+      disabled: n,
+      getPopupContainer: (t) => t.parentElement.parentElement.parentElement,
+      children: /* @__PURE__ */ r.jsx(
+        c,
         {
           type: "text",
           className: l,
-          disabled: m,
-          icon: n,
-          style: { order: s },
+          icon: s,
+          style: { order: m },
           children: "下载"
         }
       )
     }
   ) : null;
-}, g = u(y);
+}, B = u(j);
 export {
-  g as default
+  B as default
 };

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

@@ -1,13 +1,12 @@
-import ExportIcon from './ExportIcon';
-import RefreshIcon from './RefreshIcon';
-import ColConfigIcon from './ColConfigIcon';
 import { DensitySize } from '../Store';
 import { MouseEventHandler } from 'react';
-import FullscreenIcon from './FullscreenIcon';
 import { ToolEnum } from '../../../components/BitzConfigProvider/context';
 import { ColumnsConfigProps } from '..';
-export type MenuKeysType = 'excel';
-export type ExportEvent = (key: MenuKeysType) => void;
+export type MenuKeysType = 'current' | 'all' | 'any';
+export type ExportEvent = (key: MenuKeysType, info?: {
+    value: number;
+    type: 'page' | 'pieces';
+}) => void;
 export type ToolsConfigType = {
     /** 表格设置按钮 */
     config?: ConfigType;
@@ -50,11 +49,3 @@ export interface BitzTableToolBarProps {
     /** 列配置更改 */
     onColumnChange?: (columns: Record<string, ColumnsConfigProps>) => Promise<void>;
 }
-type CompoundedComponent = React.ForwardRefExoticComponent<BitzTableToolBarProps> & {
-    ExportIcon: typeof ExportIcon;
-    RefreshIcon: typeof RefreshIcon;
-    FullscreenIcon: typeof FullscreenIcon;
-    ColConfigIcon: typeof ColConfigIcon;
-};
-declare const Toolbar: CompoundedComponent;
-export default Toolbar;

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

@@ -1,7 +1,7 @@
 import { BitzTableProps } from './Table';
 import BitzTableProvider, { BitzTableContext, DensitySize as BitzTableSizeType, StylesStateType, ColumnStateType } from './Store';
 import ActionBar from './ActionBar';
-import Toolbar from './ToolBar';
+import ToolBar from './ToolBar/Wrapper';
 import ActionCol from './ActionCol';
 import SelectionBar from './SelectionBar';
 import { ReactNode, Ref } from 'react';
@@ -61,7 +61,7 @@ interface BitzTableColumnGroupType<RecordType> extends Omit<BitzTableColumnType<
 type BitzTableColumnsType<RecordType> = (BitzTableColumnType<RecordType> | BitzTableColumnGroupType<RecordType>)[];
 type CompoundedComponent = React.ForwardRefExoticComponent<BitzTableProps> & {
     ActionBar: typeof ActionBar;
-    ToolBar: typeof Toolbar;
+    ToolBar: typeof ToolBar;
     SelectionBar: typeof SelectionBar;
     ActionCol: typeof ActionCol;
 };

package/dist/components/BitzTable/index.mjs

@@ -1,7 +1,7 @@
 import t from "./Table/index.mjs";
-import { BitzTableContext as T, default as b } from "./Store/index.mjs";
+import { BitzTableContext as f, default as b } from "./Store/index.mjs";
 import r from "./ActionBar/index.mjs";
-import i from "./ToolBar/index.mjs";
+import i from "./ToolBar/Wrapper/index.mjs";
 import e from "./ActionCol/index.mjs";
 import a from "./SelectionBar/index.mjs";
 const o = t;
@@ -11,7 +11,7 @@ o.ToolBar = i;
 o.SelectionBar = a;
 o.ActionCol = e;
 export {
-  T as BitzTableContext,
+  f as BitzTableContext,
   b as BitzTableProvider,
   o as default
 };