bitz-react-admin-ui 2.1.3 → 2.1.6

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,11 @@
+import { FC } from 'react';
+import { MenuKeysType } from '..';
+interface AnyDataTotalLabelProps {
+    onClick: (key: MenuKeysType, info: {
+        value: number;
+        type: 'page' | 'pieces';
+    }) => void;
+    onClose: () => void;
+}
+declare const AnyDataTotalLabel: FC<AnyDataTotalLabelProps>;
+export default AnyDataTotalLabel;

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

@@ -0,0 +1,97 @@
+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,
+  onClose: c
+}) => {
+  const [m, o] = a(!1), [d, i] = a(!1), [r, f] = a("page"), [t, h] = a(1), x = () => {
+    if (!d) {
+      if (!t && typeof t != "number" || t <= 0) {
+        i(!0), o(!0), setTimeout(() => {
+          o(!1), i(!1);
+        }, 2e3);
+        return;
+      }
+      i(!0), u("any", { value: t, type: r }), c();
+    }
+  };
+  return /* @__PURE__ */ e.jsx(
+    g,
+    {
+      open: m,
+      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,
+              {
+                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: "条" })
+                ]
+              }
+            ),
+            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: "下载"
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  E as default
+};

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

@@ -1,16 +1,11 @@
 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;
     /** 是否显示导出icon */
     show?: boolean;
-    /**
-     * 导出按钮下拉菜单的点击事件，通过key值判断是导出为excel或其他格式的文件
-     * @Key1 导出查询结果为excel: excel
-     */
     onClick?: ExportEvent;
 }
 declare const _default: import("react").NamedExoticComponent<ExportIconProps>;

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

@@ -1,45 +1,76 @@
-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,
+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,
   loading: m,
-  onClick: t,
-  icon: n = /* @__PURE__ */ e.jsx(j, {}),
-  menu: o,
-  tipText: i
+  onClick: e,
+  icon: l = /* @__PURE__ */ o.jsx(g, {})
 }) => {
-  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: s } = f(), [p, r] = u(!1);
+  return a ? /* @__PURE__ */ o.jsx(
+    y,
     {
-      menu: p,
+      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;
+            }
+          }
+        }
+      `,
       trigger: ["click"],
-      showTootip: !1,
-      tipText: i || "导出",
-      children: /* @__PURE__ */ e.jsx(
-        f,
+      disabled: m,
+      destroyPopupOnHide: !0,
+      getPopupContainer: (t) => t.parentElement.parentElement.parentElement,
+      children: /* @__PURE__ */ o.jsx(
+        x,
         {
           type: "text",
-          className: l,
-          disabled: m,
-          icon: n,
-          style: { order: s },
+          className: s,
+          icon: l,
+          style: { order: n },
           children: "下载"
         }
       )
     }
   ) : null;
-}, g = u(y);
+}, T = d(j);
 export {
-  g as default
+  T as default
 };

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

@@ -2,8 +2,11 @@ import { DensitySize } from '../Store';
 import { MouseEventHandler } from 'react';
 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;
@@ -38,7 +41,10 @@ export interface BitzTableToolBarProps {
     loading?: boolean;
     /**
      * 导出按钮下拉菜单的点击事件，通过key值判断是导出为excel或其他格式的文件
-     * @Key1 导出选中数据为excel: excel
+     * @Key1 仅导出当前页数据: current
+     * @Key2 导出所有数据: all
+     * @Key3 导出 xx页/条 数据: any
+     * @note key为any时，会返回第二个参数，info: {value: number, type: 'page' | 'pieces'}
      */
     onExport?: ExportEvent;
     /** 表格刷新 */