bitz-react-admin-ui 1.8.3 → 1.9.0

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

@@ -8,6 +8,16 @@ interface TableConfigBySize {
     fontSize?: number;
     height?: number;
     lineHeight?: number;
+    skeletonHeight?: number;
+}
+/** BitzTableSelect组件token */
+export interface BitzTableSelectComponentToken {
+    /** table与分页组件的纵向间隙距离 */
+    tableSpaceBetweenPage?: number;
+    /** list背景颜色 移动端 */
+    mobileListBgColor?: string;
+    /** listItem背景颜色 移动端 */
+    listItemBgColor?: string;
 }
 /** 给ant table组件添加design token */
 export interface BitzTableComponentToken extends TableComponentToken {
@@ -19,6 +29,8 @@ export interface BitzTableComponentToken extends TableComponentToken {
     radioCheckboxBorderColor?: string;
     /** 展开按钮border颜色 */
     expandIconBorderColor?: string;
+    /** table与分页组件的纵向间隙距离 */
+    tableSpaceBetweenPage?: number;
     /** xl */
     xlTable?: TableConfigBySize;
     /** lg */
@@ -37,6 +49,7 @@ export interface BitzTableComponentToken extends TableComponentToken {
 /** 增强ComponentTokenMap Table属性的类型 */
 export interface BitzComponentTokenMap extends Omit<ComponentTokenMap, 'Table'> {
     Table: BitzTableComponentToken;
+    BitzTableSelect: BitzTableSelectComponentToken;
 }
 type OverrideToken = {
     [key in keyof BitzComponentTokenMap]: Partial<BitzComponentTokenMap[key]> & Partial<AliasToken>;

package/dist/components/BitzConfigProvider/index.mjs

@@ -1,28 +1,11 @@
-import { j as a } from "../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { ConfigProvider as u } from "antd";
-import { useMemo as v } from "react";
-import { BitzConfigContext as b } from "./context.mjs";
-const w = ({
-  children: s,
-  context: r,
-  ...o
-}) => {
-  const m = v(() => {
-    var e, f;
-    let i = !0;
-    ((e = r == null ? void 0 : r.Table) == null ? void 0 : e.fillEvenRow) === !1 && (i = !1);
-    let l = !0;
-    return ((f = r == null ? void 0 : r.Table) == null ? void 0 : f.rowHoverable) === !1 && (l = !1), {
-      ...r,
-      Table: {
-        ...r == null ? void 0 : r.Table,
-        fillEvenRow: i,
-        rowHoverable: l
-      }
-    };
-  }, [r]);
-  return /* @__PURE__ */ a.jsx(u, { ...o, children: /* @__PURE__ */ a.jsx(b.Provider, { value: m, children: s }) });
-};
+import { j as r } from "../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { ConfigProvider as e } from "antd";
+import { BitzConfigContext as n } from "./context.mjs";
+const x = ({
+  children: o,
+  context: i,
+  ...t
+}) => /* @__PURE__ */ r.jsx(e, { ...t, children: /* @__PURE__ */ r.jsx(n.Provider, { value: i ?? {}, children: o }) });
 export {
-  w as default
+  x as default
 };

package/dist/components/BitzTable/ActionBar/ActionBar.mjs

@@ -1,21 +1,22 @@
-import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import { j as o } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import { useMemo as b } from "react";
-import { Space as u, Dropdown as c } from "antd";
-import h from "../../BitzButton/index.mjs";
-import g from "./style.mjs";
+import { Space as u } from "antd";
+import f from "../../BitzButton/index.mjs";
+import c from "./style.mjs";
+import g from "../Dropdown/index.mjs";
 import w from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/PlusCircleFilled.mjs";
 import B from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
-const F = ({
-  size: d,
+const G = ({
+  size: h,
   add: i,
   excel: t,
-  children: f
+  children: d
 }) => {
-  const { blockCls: j, addBtnClassName: k, btnClassName: C } = g(d), y = b(() => {
-    var r, o, n, m, a, l, p, e;
+  const { blockCls: j, addBtnClassName: k, btnClassName: C } = c(h), y = b(() => {
+    var s, r, n, m, a, l, p, e;
     return [
       {
-        key: ((o = (r = t.menu) == null ? void 0 : r[0]) == null ? void 0 : o.key) || "download",
+        key: ((r = (s = t.menu) == null ? void 0 : s[0]) == null ? void 0 : r.key) || "download",
         label: ((m = (n = t.menu) == null ? void 0 : n[0]) == null ? void 0 : m.label) || "Excel模板下载"
         // icon: excel.menu?.[0]?.icon || (
         //   <CloudDownloadOutlined style={{ fontSize: 14 }} />
@@ -31,34 +32,34 @@ const F = ({
       ...(t == null ? void 0 : t.otherMenu) ?? []
     ];
   }, [t]);
-  return /* @__PURE__ */ s.jsxs(u.Compact, { className: j, style: { height: "100%" }, children: [
-    i.show !== !1 && /* @__PURE__ */ s.jsx(
-      h,
+  return /* @__PURE__ */ o.jsxs(u.Compact, { className: j, style: { height: "100%" }, children: [
+    i.show !== !1 && /* @__PURE__ */ o.jsx(
+      f,
       {
         type: "primary",
-        icon: /* @__PURE__ */ s.jsx(w, {}),
+        icon: /* @__PURE__ */ o.jsx(w, {}),
         onClick: i.onClick,
         className: k,
         children: i.text
       }
     ),
-    f,
-    t.show !== !1 && /* @__PURE__ */ s.jsx(
-      c,
+    d,
+    t.show !== !1 && /* @__PURE__ */ o.jsx(
+      g,
       {
-        menu: { items: y, onClick: ({ key: r }) => {
-          var o;
-          return (o = t.onClick) == null ? void 0 : o.call(t, r);
+        menu: { items: y, onClick: ({ key: s }) => {
+          var r;
+          return (r = t.onClick) == null ? void 0 : r.call(t, s);
         } },
         trigger: (t == null ? void 0 : t.trigger) || ["click"],
-        children: /* @__PURE__ */ s.jsx(h, { className: C, type: "text", children: /* @__PURE__ */ s.jsxs(u, { size: 6, children: [
-          /* @__PURE__ */ s.jsx("span", { children: t.text ?? "Excel文档导入" }),
-          /* @__PURE__ */ s.jsx(B, {})
+        children: /* @__PURE__ */ o.jsx(f, { className: C, type: "text", children: /* @__PURE__ */ o.jsxs(u, { size: 6, children: [
+          /* @__PURE__ */ o.jsx("span", { children: t.text ?? "Excel文档导入" }),
+          /* @__PURE__ */ o.jsx(B, {})
         ] }) })
       }
     )
   ] });
 };
 export {
-  F as default
+  G as default
 };

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

@@ -14,7 +14,7 @@ import { TableContext as N } from "../Store/index.mjs";
 import z from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import w from "../../BitzTheme/index.mjs";
 const Q = (m) => {
-  const { theme: g, hashId: n, token: i } = w.useToken(), { tableSize: s } = D(N), h = v(() => m ?? s ?? "lg", [m, s]), r = "bitzTableActionBarBlock", a = "actionBtn", c = "ActionBtn", p = "dropdownBtn", u = (o, l, t, e) => {
+  const { theme: g, hashId: n, token: i } = w.useToken(), { tableSize: s } = D(N), u = v(() => m ?? s ?? "lg", [m, s]), r = "bitzTableActionBarBlock", a = "actionBtn", c = "ActionBtn", p = "dropdownBtn", h = (o, l, t, e) => {
     var $, b, T, S, f;
     return [
       {
@@ -23,7 +23,6 @@ const Q = (m) => {
           borderRadius: 0,
           paddingBlock: 0,
           borderColor: "transparent",
-          lineHeight: "normal",
           ".ant-btn-icon .anticon": {
             verticalAlign: "-0.14em"
           }
@@ -81,11 +80,11 @@ const Q = (m) => {
       path: [r]
     },
     () => [
-      u(r, a, c, i),
+      h(r, a, c, i),
       B(r, p, i)
     ]
   );
-  const d = `${h}${c}`, x = z(a, d, n), y = z(a, p, d, n);
+  const d = `${u}${c}`, x = z(a, d, n), y = z(a, p, d, n);
   return { blockCls: r, addBtnClassName: x, btnClassName: y };
 };
 export {

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

@@ -1,7 +1,6 @@
 declare const useGenStyle: () => {
     gap: number;
     defaultCls: string;
-    sizeCls: string;
     primaryBtnClassName: string;
     dangerBtnClassName: string;
     dropdownBtnClassName: string;

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

@@ -1,4 +1,4 @@
-import { useContext as G, useMemo as R } from "react";
+import { useContext as N, useMemo as T } from "react";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/extractStyle.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useCacheToken.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/StyleContext.mjs";
@@ -8,46 +8,41 @@ import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@an
 import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useCompatibleInsertionEffect.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useEffectCleanupRegister.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useHMR.mjs";
-import j from "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
+import z from "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
 import "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/transformers/legacyLogicalProperties.mjs";
-import { TableContext as q } from "../Store/index.mjs";
+import { TableContext as E } from "../Store/index.mjs";
 import n from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-import F from "../../BitzTheme/index.mjs";
-const eo = () => {
-  const { tableSize: a } = G(q), f = R(() => a ?? "lg", [a]), { theme: h, hashId: e, token: s } = F.useToken(), c = "ActionTextBtn", r = "actionTextBtn", m = "primaryBtn", p = "delBtn", d = "dropdownBtn", $ = "skeletonBtn", B = "skeleton", S = "actionColMask", u = 24, y = (t, o, A, i) => {
-    var T, b, g, z, v;
-    return [
-      {
-        [`.${t}`]: {
-          padding: 0,
-          margin: 0,
-          background: "inherit",
-          border: "none",
-          height: "auto",
-          zIndex: 2,
-          "&:hover": {
-            background: "inherit !important"
-          },
-          "&:active": {
-            background: "inherit !important"
-          }
-        }
-      },
-      { [`.xl${o}`]: { fontSize: (T = i.Table.xlTable) == null ? void 0 : T.fontSize } },
-      { [`.lg${o}`]: { fontSize: (b = i.Table.lgTable) == null ? void 0 : b.fontSize } },
-      { [`.md${o}`]: { fontSize: (g = i.Table.mdTable) == null ? void 0 : g.fontSize } },
-      { [`.sm${o}`]: { fontSize: (z = i.Table.smTable) == null ? void 0 : z.fontSize } },
-      { [`.xs${o}`]: { fontSize: (v = i.Table.xsTable) == null ? void 0 : v.fontSize } },
-      {
-        [`.${A}`]: {
-          position: "absolute",
-          insetBlock: -1,
-          insetInline: 0,
-          zIndex: 1
+import w from "../../BitzTheme/index.mjs";
+const Q = () => {
+  const { tableSize: i } = N(E);
+  T(() => i ?? "lg", [i]);
+  const { theme: h, hashId: r, token: s } = w.useToken(), e = "actionTextBtn", a = "primaryBtn", l = "delBtn", c = "dropdownBtn", m = "skeletonBtn", p = "skeleton", d = "actionColMask", B = 24, g = (t, o) => [
+    {
+      [`.${t}`]: {
+        fontSize: "inherit",
+        padding: 0,
+        margin: 0,
+        background: "inherit",
+        border: "none",
+        height: "auto",
+        zIndex: 2,
+        "&:hover": {
+          background: "inherit !important"
+        },
+        "&:active": {
+          background: "inherit !important"
         }
       }
-    ];
-  }, C = (t, o) => [
+    },
+    {
+      [`.${o}`]: {
+        position: "absolute",
+        insetBlock: -1,
+        insetInline: 0,
+        zIndex: 1
+      }
+    }
+  ], u = (t, o) => [
     {
       [`.${t}`]: {
         color: o.colorPrimary,
@@ -59,7 +54,7 @@ const eo = () => {
         }
       }
     }
-  ], x = (t, o) => [
+  ], v = (t, o) => [
     {
       [`.${t}`]: {
         color: o.colorError,
@@ -71,7 +66,7 @@ const eo = () => {
         }
       }
     }
-  ], N = (t, o) => [
+  ], C = (t, o) => [
     {
       [`.${t}`]: {
         color: o.colorText,
@@ -83,65 +78,53 @@ const eo = () => {
         }
       }
     }
-  ], H = (t, o) => [
+  ], y = (t, o) => [
     {
       [`.${t}`]: {
+        fontSize: "inherit",
         pointerEvents: "none",
         position: "relative",
+        lineHeight: "normal",
         span: {
           opacity: 0
         }
       },
       [`.${t} .${o}`]: {
         position: "absolute",
-        top: -1,
-        left: 0
+        inset: 0,
+        ".ant-skeleton-paragraph": {
+          height: "auto !important"
+        }
       }
     }
   ];
-  j(
+  z(
     {
       theme: h,
       token: s,
-      hashId: e,
-      path: [r]
+      hashId: r,
+      path: [e]
     },
     () => [
-      y(r, c, S, s),
-      C(m, s),
-      x(p, s),
-      N(d, s),
-      H($, B)
+      g(e, d),
+      u(a, s),
+      v(l, s),
+      C(c, s),
+      y(m, p)
     ]
   );
-  const l = `${f}${c}`, E = n(
-    r,
-    m,
-    l,
-    e
-  ), w = n(r, p, l, e), I = n(
-    r,
-    d,
-    l,
-    e
-  ), D = n(
-    r,
-    $,
-    l,
-    e
-  ), P = n(B, e), M = n(S, e);
+  const $ = n(e, a, r), f = n(e, l, r), S = n(e, c, r), x = n(e, m, r), b = n(p, r), H = n(d, r);
   return {
-    gap: u,
-    defaultCls: r,
-    sizeCls: l,
-    primaryBtnClassName: E,
-    dangerBtnClassName: w,
-    dropdownBtnClassName: I,
-    skeletonBtnClassName: D,
-    skeletonClassName: P,
-    maskClassName: M
+    gap: B,
+    defaultCls: e,
+    primaryBtnClassName: $,
+    dangerBtnClassName: f,
+    dropdownBtnClassName: S,
+    skeletonBtnClassName: x,
+    skeletonClassName: b,
+    maskClassName: H
   };
 };
 export {
-  eo as default
+  Q as default
 };

package/dist/components/BitzTable/SelectionBar/Button.mjs

@@ -1,27 +1,33 @@
 import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import o from "../../BitzButton/index.mjs";
-import a from "../../BitzConvert/index.mjs";
-import { Space as c } from "antd";
-import i from "./style.mjs";
-import p from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
-const f = ({
+import a from "../../BitzButton/index.mjs";
+import d from "../../BitzConvert/index.mjs";
+import { Space as x } from "antd";
+import { useMemo as h } from "react";
+import c from "./style.mjs";
+import j from "../Dropdown/style.mjs";
+import m from "../../../node_modules/.store/@ant-design_icons@5.3.3/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
+const l = (t, o) => t == null ? void 0 : t.map((e) => {
+  const r = { ...e };
+  return r != null && r.children && (r.children = l(r == null ? void 0 : r.children, o), r.popupClassName = o), r;
+}), b = ({
   ...t
 }) => {
-  const { btnClassName: r } = i();
-  return /* @__PURE__ */ s.jsx(o, { className: r, type: "text", ...t });
-}, g = ({ menu: t, children: r, showTootip: e, tipText: l }) => {
-  const { btnClassName: n } = i();
+  const { btnClassName: o } = c();
+  return /* @__PURE__ */ s.jsx(a, { className: o, type: "text", ...t });
+}, w = ({ menu: t, children: o, showTootip: e, tipText: r }) => {
+  const { btnClassName: p } = c(), { popupClassName: i } = j(), n = h(() => l(t == null ? void 0 : t.items, i), [t == null ? void 0 : t.items]);
   return /* @__PURE__ */ s.jsx(
-    a.DropdownToButton,
+    d.DropdownToButton,
     {
-      menu: t,
+      menu: { ...t, items: n },
+      overlayClassName: i,
       trigger: ["click"],
       showTootip: e,
-      tipText: l,
-      children: /* @__PURE__ */ s.jsx(o, { className: n, type: "text", children: /* @__PURE__ */ s.jsxs(c, { size: 2, children: [
+      tipText: r,
+      children: /* @__PURE__ */ s.jsx(a, { className: p, type: "text", children: /* @__PURE__ */ s.jsxs(x, { size: 2, children: [
         (t == null ? void 0 : t.items) && t.items.length > 1 && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          /* @__PURE__ */ s.jsx("span", { children: r }),
-          /* @__PURE__ */ s.jsx(p, {})
+          /* @__PURE__ */ s.jsx("span", { children: o }),
+          /* @__PURE__ */ s.jsx(m, {})
         ] }),
         (t == null ? void 0 : t.items) && t.items.length === 1 && /* @__PURE__ */ s.jsx("span", { children: t.items[0].label })
       ] }) })
@@ -29,6 +35,6 @@ const f = ({
   );
 };
 export {
-  f as BitzSelectionBarButton,
-  g as BitzSelectionBarDropdownButton
+  b as BitzSelectionBarButton,
+  w as BitzSelectionBarDropdownButton
 };

package/dist/components/BitzTable/SelectionBar/SelectionBar.mjs

@@ -1,32 +1,38 @@
 import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import x from "../../BitzButton/index.mjs";
-import { Space as t, Flex as r } from "antd";
+import j from "../../BitzButton/index.mjs";
+import { Space as t, Flex as a } from "antd";
 import d from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
 import { useMemo as h } from "react";
-import j from "./style.mjs";
-const y = ({
+import C from "./style.mjs";
+const k = ({
   show: e,
-  num: l,
-  onClear: a,
-  children: o
+  num: r,
+  onClear: l,
+  children: n
 }) => {
-  const { blockClassName: i, showCls: n, btnClassName: c, batchOperationClassName: m } = j(), p = h(() => d(i, {
-    [`${n}`]: e
+  const {
+    blockClassName: o,
+    showCls: c,
+    btnClassName: i,
+    batchOperationClassName: m,
+    alertContentClassName: p
+  } = C(), x = h(() => d(o, {
+    [`${c}`]: e
   }), [e]);
-  return /* @__PURE__ */ s.jsxs("div", { className: p, children: [
-    /* @__PURE__ */ s.jsx(t.Compact, { className: m, children: o }),
-    /* @__PURE__ */ s.jsxs(r, { gap: 7, style: { height: "100%" }, children: [
-      /* @__PURE__ */ s.jsxs(r, { gap: 20, align: "center", children: [
-        /* @__PURE__ */ s.jsxs(t, { size: 10, style: { wordBreak: "keep-all" }, children: [
+  return /* @__PURE__ */ s.jsxs("div", { className: x, children: [
+    /* @__PURE__ */ s.jsx(t.Compact, { className: m, children: n }),
+    /* @__PURE__ */ s.jsxs(a, { gap: 7, className: p, children: [
+      /* @__PURE__ */ s.jsxs(a, { gap: 20, align: "center", children: [
+        /* @__PURE__ */ s.jsxs(t, { size: 10, children: [
           /* @__PURE__ */ s.jsx("span", { children: "已选中" }),
-          /* @__PURE__ */ s.jsx("strong", { children: l ?? 0 })
+          /* @__PURE__ */ s.jsx("strong", { children: r ?? 0 })
         ] }),
         /* @__PURE__ */ s.jsx("span", { style: { verticalAlign: "-0.14em" }, children: "/" })
       ] }),
-      /* @__PURE__ */ s.jsx(x, { type: "text", className: c, onClick: a, children: "取消选中" })
+      /* @__PURE__ */ s.jsx(j, { type: "text", className: i, onClick: l, children: "取消选中" })
     ] })
   ] });
 };
 export {
-  y as default
+  k as default
 };

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

@@ -3,5 +3,6 @@ declare const useGenStyle: () => {
     showCls: string;
     btnClassName: string;
     batchOperationClassName: string;
+    alertContentClassName: string;
 };
 export default useGenStyle;