bitz-react-admin-ui 2.10.8 → 2.11.0-beta.2

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

@@ -18,106 +18,92 @@ import { BitzTableContext as T } from "../Store/index.mjs";
 import n from "../../../node_modules/classnames/index.mjs";
 import E from "../../BitzTheme/index.mjs";
 const W = () => {
-  const { tableSize: s } = z(T);
+  const {
+    tableSize: s
+  } = z(T);
   H(() => s ?? "lg", [s]);
-  const { theme: h, hashId: r, token: i } = E.useToken(), e = "actionTextBtn", a = "primaryBtn", l = "dangerBtn", c = "secondaryBtn", m = "skeletonBtn", p = "skeleton", B = "actionColMask", u = (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"
-        }
-      }
-    },
-    {
-      [`.${o}`]: {
-        cursor: "default",
-        position: "absolute",
-        insetBlock: -1,
-        insetInline: 0,
-        zIndex: 1
+  const {
+    theme: h,
+    hashId: r,
+    token: i
+  } = E.useToken(), e = "actionTextBtn", a = "primaryBtn", l = "dangerBtn", c = "secondaryBtn", m = "skeletonBtn", p = "skeleton", B = "actionColMask", u = (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"
       }
     }
-  ], d = (t, o) => [
-    {
-      [`.${t}`]: {
-        color: o.colorPrimary,
-        "&:hover": {
-          color: `${o.colorPrimaryHover} !important`
-        },
-        "&:active": {
-          color: `${o.colorPrimaryHover} !important`
-        }
-      }
+  }, {
+    [`.${o}`]: {
+      cursor: "default",
+      position: "absolute",
+      insetBlock: -1,
+      insetInline: 0,
+      zIndex: 1
     }
-  ], g = (t, o) => [
-    {
-      [`.${t}`]: {
-        color: o.colorError,
-        "&:hover": {
-          color: `${o.colorErrorHover} !important`
-        },
-        "&:active": {
-          color: `${o.colorErrorHover} !important`
-        }
+  }], d = (t, o) => [{
+    [`.${t}`]: {
+      color: o.colorPrimary,
+      "&:hover": {
+        color: `${o.colorPrimaryHover} !important`
+      },
+      "&:active": {
+        color: `${o.colorPrimaryHover} !important`
       }
     }
-  ], y = (t, o) => [
-    {
-      [`.${t}`]: {
-        color: o.colorText,
-        "&:hover": {
-          color: `${o == null ? void 0 : o.colorTextHover} !important`
-        },
-        "&:focus": {
-          color: `${o == null ? void 0 : o.colorTextHover} !important`
-        }
+  }], g = (t, o) => [{
+    [`.${t}`]: {
+      color: o.colorError,
+      "&:hover": {
+        color: `${o.colorErrorHover} !important`
+      },
+      "&:active": {
+        color: `${o.colorErrorHover} !important`
       }
     }
-  ], C = (t, o) => [
-    {
-      [`.${t}`]: {
-        fontSize: "inherit",
-        pointerEvents: "none",
-        position: "relative",
-        lineHeight: "normal",
-        span: {
-          opacity: 0
-        }
+  }], y = (t, o) => [{
+    [`.${t}`]: {
+      color: o.colorText,
+      "&:hover": {
+        color: `${o == null ? void 0 : o.colorTextHover} !important`
       },
-      [`.${t} .${o}`]: {
-        position: "absolute",
-        inset: 0,
-        ".ant-skeleton-paragraph": {
-          height: "auto !important"
-        }
+      "&:focus": {
+        color: `${o == null ? void 0 : o.colorTextHover} !important`
       }
     }
-  ];
-  N(
-    {
-      theme: h,
-      token: i,
-      hashId: r,
-      path: [e]
+  }], C = (t, o) => [{
+    [`.${t}`]: {
+      fontSize: "inherit",
+      pointerEvents: "none",
+      position: "relative",
+      lineHeight: "normal",
+      span: {
+        opacity: 0
+      }
     },
-    () => [
-      u(e, B),
-      d(a, i),
-      g(l, i),
-      y(c, i),
-      C(m, p)
-    ]
-  );
+    [`.${t} .${o}`]: {
+      position: "absolute",
+      inset: 0,
+      ".ant-skeleton-paragraph": {
+        height: "auto !important"
+      }
+    }
+  }];
+  N({
+    theme: h,
+    token: i,
+    hashId: r,
+    path: [e]
+  }, () => [u(e, B), d(a, i), g(l, i), y(c, i), C(m, p)]);
   const v = n(e, a, r), $ = n(e, l, r), f = n(e, c, r), S = n(e, m, r), x = n(p, r), b = n(B, r);
   return {
     defaultCls: e,

package/dist/components/BitzTable/Dropdown/index.mjs

@@ -4,18 +4,22 @@ import d from "../../../node_modules/classnames/index.mjs";
 import { useMemo as m } from "react";
 import n from "./style.mjs";
 const p = (r, s) => r == null ? void 0 : r.map((t) => {
-  const o = { ...t };
+  const o = {
+    ...t
+  };
   return o != null && o.children && (o.children = p(o == null ? void 0 : o.children, s), o.popupClassName = s), o;
-}), j = ({ menu: r, overlayClassName: s, ...t }) => {
-  const { popupClassName: o } = n(), a = m(() => p(r == null ? void 0 : r.items, o), [r == null ? void 0 : r.items]);
-  return /* @__PURE__ */ e.jsx(
-    c,
-    {
-      ...t,
-      menu: { ...r, items: a },
-      overlayClassName: d(o, s)
-    }
-  );
+}), j = ({
+  menu: r,
+  overlayClassName: s,
+  ...t
+}) => {
+  const {
+    popupClassName: o
+  } = n(), a = m(() => p(r == null ? void 0 : r.items, o), [r == null ? void 0 : r.items]);
+  return /* @__PURE__ */ e.jsx(c, { ...t, menu: {
+    ...r,
+    items: a
+  }, overlayClassName: d(o, s) });
 };
 export {
   j as default

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

@@ -18,90 +18,86 @@ import { BitzTableContext as q } from "../Store/index.mjs";
 import v from "../../../node_modules/classnames/index.mjs";
 import A from "../../BitzTheme/index.mjs";
 const ie = () => {
-  const { tableSize: t } = O(q), D = R(() => t ?? "lg", [t]), { theme: N, hashId: i, token: m } = A.useToken(), a = "OperationColDropdownBtn", o = "operationColDropdownBtn", G = (M, n, e) => {
+  const {
+    tableSize: t
+  } = O(q), D = R(() => t ?? "lg", [t]), {
+    theme: N,
+    hashId: i,
+    token: m
+  } = A.useToken(), a = "OperationColDropdownBtn", o = "operationColDropdownBtn", G = (M, n, e) => {
     var r, p, d, l, u, z, s, S, f, b, T, c, w, h, x, $, g, C, B, y;
-    return [
-      {
-        [`.${M}`]: {
-          ".ant-dropdown-menu": {
+    return [{
+      [`.${M}`]: {
+        ".ant-dropdown-menu": {
+          fontSize: "inherit",
+          // 普通菜单
+          ".ant-dropdown-menu-submenu, .ant-dropdown-menu-item": {
             fontSize: "inherit",
-            // 普通菜单
-            ".ant-dropdown-menu-submenu, .ant-dropdown-menu-item": {
+            ".ant-dropdown-menu-submenu-title": {
               fontSize: "inherit",
-              ".ant-dropdown-menu-submenu-title": {
-                fontSize: "inherit",
-                // 下一级icon字号
-                ".ant-dropdown-menu-submenu-expand-icon .anticon": {
-                  fontSize: "inherit"
-                }
+              // 下一级icon字号
+              ".ant-dropdown-menu-submenu-expand-icon .anticon": {
+                fontSize: "inherit"
               }
-            },
-            // 危险菜单
-            ".ant-dropdown-menu-item-danger": {
-              fontSize: "inherit"
-            },
-            // 自定义icon字号
-            ".ant-dropdown-menu-item-icon": {
-              fontSize: "inherit"
-            },
-            // 文本字号
-            ".ant-dropdown-menu-title-conntent": {
-              fontSize: "inherit"
             }
+          },
+          // 危险菜单
+          ".ant-dropdown-menu-item-danger": {
+            fontSize: "inherit"
+          },
+          // 自定义icon字号
+          ".ant-dropdown-menu-item-icon": {
+            fontSize: "inherit"
+          },
+          // 文本字号
+          ".ant-dropdown-menu-title-conntent": {
+            fontSize: "inherit"
           }
         }
-      },
-      {
-        [`.xl${n}`]: {
-          fontSize: (p = (r = e.Table) == null ? void 0 : r.xlTable) == null ? void 0 : p.fontSize,
-          ".ant-dropdown-menu-submenu-expand-icon": {
-            fontSize: (((l = (d = e.Table) == null ? void 0 : d.xlTable) == null ? void 0 : l.fontSize) || e.fontSize) - 2
-          }
+      }
+    }, {
+      [`.xl${n}`]: {
+        fontSize: (p = (r = e.Table) == null ? void 0 : r.xlTable) == null ? void 0 : p.fontSize,
+        ".ant-dropdown-menu-submenu-expand-icon": {
+          fontSize: (((l = (d = e.Table) == null ? void 0 : d.xlTable) == null ? void 0 : l.fontSize) || e.fontSize) - 2
         }
-      },
-      {
-        [`.lg${n}`]: {
-          fontSize: (z = (u = e.Table) == null ? void 0 : u.lgTable) == null ? void 0 : z.fontSize,
-          ".ant-dropdown-menu-submenu-expand-icon": {
-            fontSize: (((S = (s = e.Table) == null ? void 0 : s.lgTable) == null ? void 0 : S.fontSize) || e.fontSize) - 2
-          }
+      }
+    }, {
+      [`.lg${n}`]: {
+        fontSize: (z = (u = e.Table) == null ? void 0 : u.lgTable) == null ? void 0 : z.fontSize,
+        ".ant-dropdown-menu-submenu-expand-icon": {
+          fontSize: (((S = (s = e.Table) == null ? void 0 : s.lgTable) == null ? void 0 : S.fontSize) || e.fontSize) - 2
         }
-      },
-      {
-        [`.md${n}`]: {
-          fontSize: (b = (f = e.Table) == null ? void 0 : f.mdTable) == null ? void 0 : b.fontSize,
-          ".ant-dropdown-menu-submenu-expand-icon": {
-            fontSize: (((c = (T = e.Table) == null ? void 0 : T.mdTable) == null ? void 0 : c.fontSize) || e.fontSize) - 2
-          }
+      }
+    }, {
+      [`.md${n}`]: {
+        fontSize: (b = (f = e.Table) == null ? void 0 : f.mdTable) == null ? void 0 : b.fontSize,
+        ".ant-dropdown-menu-submenu-expand-icon": {
+          fontSize: (((c = (T = e.Table) == null ? void 0 : T.mdTable) == null ? void 0 : c.fontSize) || e.fontSize) - 2
         }
-      },
-      {
-        [`.sm${n}`]: {
-          fontSize: (h = (w = e.Table) == null ? void 0 : w.smTable) == null ? void 0 : h.fontSize,
-          ".ant-dropdown-menu-submenu-expand-icon": {
-            fontSize: ((($ = (x = e.Table) == null ? void 0 : x.smTable) == null ? void 0 : $.fontSize) || e.fontSize) - 2
-          }
+      }
+    }, {
+      [`.sm${n}`]: {
+        fontSize: (h = (w = e.Table) == null ? void 0 : w.smTable) == null ? void 0 : h.fontSize,
+        ".ant-dropdown-menu-submenu-expand-icon": {
+          fontSize: ((($ = (x = e.Table) == null ? void 0 : x.smTable) == null ? void 0 : $.fontSize) || e.fontSize) - 2
         }
-      },
-      {
-        [`.xs${n}`]: {
-          fontSize: (C = (g = e.Table) == null ? void 0 : g.xsTable) == null ? void 0 : C.fontSize,
-          ".ant-dropdown-menu-submenu-expand-icon": {
-            fontSize: (((y = (B = e.Table) == null ? void 0 : B.xsTable) == null ? void 0 : y.fontSize) || e.fontSize) - 2
-          }
+      }
+    }, {
+      [`.xs${n}`]: {
+        fontSize: (C = (g = e.Table) == null ? void 0 : g.xsTable) == null ? void 0 : C.fontSize,
+        ".ant-dropdown-menu-submenu-expand-icon": {
+          fontSize: (((y = (B = e.Table) == null ? void 0 : B.xsTable) == null ? void 0 : y.fontSize) || e.fontSize) - 2
         }
       }
-    ];
+    }];
   };
-  j(
-    {
-      theme: N,
-      token: m,
-      hashId: i,
-      path: [o]
-    },
-    () => [G(o, a, m)]
-  );
+  j({
+    theme: N,
+    token: m,
+    hashId: i,
+    path: [o]
+  }, () => [G(o, a, m)]);
   const I = `${D}${a}`;
   return {
     popupClassName: v(o, I, i)

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

@@ -1,32 +1,38 @@
 import { j as s } from "../../../node_modules/react/jsx-runtime.mjs";
 import n from "../../BitzButton/index.mjs";
-import { Dropdown as p, Space as l } from "antd";
-import { useMemo as m } from "react";
+import { CaretDownOutlined as p } from "@ant-design/icons";
+import { Dropdown as l, Space as m } from "antd";
+import { useMemo as d } from "react";
 import c from "./style.mjs";
-import d from "../Dropdown/style.mjs";
-import x from "../../../node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
+import x from "../Dropdown/style.mjs";
 const a = (t, o) => t == null ? void 0 : t.map((e) => {
-  const r = { ...e };
+  const r = {
+    ...e
+  };
   return r != null && r.children && (r.children = a(r == null ? void 0 : r.children, o), r.popupClassName = o), r;
 }), y = ({
   ...t
 }) => {
-  const { btnClassName: o } = c();
+  const {
+    btnClassName: o
+  } = c();
   return /* @__PURE__ */ s.jsx(n, { className: o, type: "text", ...t });
-}, S = ({ menu: t, children: o }) => {
-  const { btnClassName: e } = c(), { popupClassName: r } = d(), i = m(() => a(t == null ? void 0 : t.items, r), [t == null ? void 0 : t.items]);
-  return /* @__PURE__ */ s.jsx(
-    p,
-    {
-      menu: { ...t, items: i },
-      overlayClassName: r,
-      trigger: ["click"],
-      children: /* @__PURE__ */ s.jsx(n, { className: e, type: "text", children: /* @__PURE__ */ s.jsxs(l, { size: 2, children: [
-        /* @__PURE__ */ s.jsx("span", { children: o }),
-        /* @__PURE__ */ s.jsx(x, {})
-      ] }) })
-    }
-  );
+}, S = ({
+  menu: t,
+  children: o
+}) => {
+  const {
+    btnClassName: e
+  } = c(), {
+    popupClassName: r
+  } = x(), i = d(() => a(t == null ? void 0 : t.items, r), [t == null ? void 0 : t.items]);
+  return /* @__PURE__ */ s.jsx(l, { menu: {
+    ...t,
+    items: i
+  }, overlayClassName: r, trigger: ["click"], children: /* @__PURE__ */ s.jsx(n, { className: e, type: "text", children: /* @__PURE__ */ s.jsxs(m, { size: 2, children: [
+    /* @__PURE__ */ s.jsx("span", { children: o }),
+    /* @__PURE__ */ s.jsx(p, {})
+  ] }) }) });
 };
 export {
   y as BitzSelectionBarButton,

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

@@ -4,22 +4,24 @@ import i from "../../../node_modules/classnames/index.mjs";
 import { useContext as n, useMemo as p } from "react";
 import { BitzTableContext as x } from "../Store/index.mjs";
 import d from "./style.mjs";
-const N = ({ children: o }) => {
-  const { blockClassName: r, showCls: a, batchOperationClassName: m } = d(), { selected: s, toolbarWidth: e } = n(x), l = p(() => i(r, {
+const N = ({
+  children: o
+}) => {
+  const {
+    blockClassName: r,
+    showCls: a,
+    batchOperationClassName: m
+  } = d(), {
+    selected: s,
+    toolbarWidth: e
+  } = n(x), l = p(() => i(r, {
     [`${a}`]: s
   }), [s]);
-  return /* @__PURE__ */ t.jsx("div", { className: l, children: /* @__PURE__ */ t.jsx(
-    c.Compact,
-    {
-      className: m,
-      style: {
-        ...e && {
-          width: `calc(100% - 50px - ${e}px)`
-        }
-      },
-      children: o || /* @__PURE__ */ t.jsx("div", {})
+  return /* @__PURE__ */ t.jsx("div", { className: l, children: /* @__PURE__ */ t.jsx(c.Compact, { className: m, style: {
+    ...e && {
+      width: `calc(100% - 50px - ${e}px)`
     }
-  ) });
+  }, children: o || /* @__PURE__ */ t.jsx("div", {}) }) });
 };
 export {
   N as default

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

@@ -18,108 +18,91 @@ import i from "../../../node_modules/classnames/index.mjs";
 import { BitzTableContext as A } from "../Store/index.mjs";
 import D from "../../BitzTheme/index.mjs";
 const ot = () => {
-  const { tableSize: n } = R(A), d = Y(() => n ?? "lg", [n]), { theme: T, hashId: o, token: a } = D.useToken(), r = "bitzTableSelectionBar", s = "batchOperation", m = "selectionAction", f = "alertContent", l = "show", x = (t, C, O, G, I, e) => {
+  const {
+    tableSize: n
+  } = R(A), d = Y(() => n ?? "lg", [n]), {
+    theme: T,
+    hashId: o,
+    token: a
+  } = D.useToken(), r = "bitzTableSelectionBar", s = "batchOperation", m = "selectionAction", f = "alertContent", l = "show", x = (t, C, O, G, I, e) => {
     var p, h, c, $, z, S, b, g, u;
-    return [
-      {
-        [`.${t}`]: {
-          height: "var(--toolbar-height)",
-          display: "flex",
-          justifyContent: "space-between",
-          columnGap: 50,
-          alignItems: "center",
-          color: "#fff",
-          backgroundColor: e.colorPrimary,
-          position: "absolute",
-          inset: 0,
-          transform: "translateY(100%)",
-          transition: "transform 0.2s"
-        }
-      },
-      {
-        [`.${t}.${C}`]: {
-          transform: "translateY(0%)"
-        }
-      },
-      {
-        [`.${t} .${O}`]: {
-          fontSize: "inherit",
-          height: "100%",
-          overflow: "auto hidden",
-          "::-webkit-scrollbar": {
-            height: 4
-          }
-        }
-      },
-      {
-        [`.${t} .${I}`]: {
-          height: "100%",
-          "span, strong": {
-            wordBreak: "keep-all"
-          }
-        }
-      },
-      {
-        [`.${t} .${G}`]: {
-          fontSize: "inherit",
-          color: "#fff",
-          height: "100%",
-          borderRadius: 0,
-          paddingBlock: 0,
-          borderColor: "transparent",
-          "&:hover": {
-            color: "#fff !important"
-          },
-          "&:active": {
-            color: "#fff !important"
-          }
-        }
-      },
-      {
-        [`.${t}.xl${t}`]: {
-          fontSize: (p = e.Table.xlTable) == null ? void 0 : p.fontSize
-        }
-      },
-      {
-        [`.${t}.lg${t}`]: {
-          fontSize: (c = (h = e.Table) == null ? void 0 : h.lgTable) == null ? void 0 : c.fontSize
-        }
-      },
-      {
-        [`.${t}.md${t}`]: {
-          fontSize: (z = ($ = e.Table) == null ? void 0 : $.mdTable) == null ? void 0 : z.fontSize
+    return [{
+      [`.${t}`]: {
+        height: "var(--toolbar-height)",
+        display: "flex",
+        justifyContent: "space-between",
+        columnGap: 50,
+        alignItems: "center",
+        color: "#fff",
+        backgroundColor: e.colorPrimary,
+        position: "absolute",
+        inset: 0,
+        transform: "translateY(100%)",
+        transition: "transform 0.2s"
+      }
+    }, {
+      [`.${t}.${C}`]: {
+        transform: "translateY(0%)"
+      }
+    }, {
+      [`.${t} .${O}`]: {
+        fontSize: "inherit",
+        height: "100%",
+        overflow: "auto hidden",
+        "::-webkit-scrollbar": {
+          height: 4
         }
-      },
-      {
-        [`.${t}.sm${t}`]: {
-          fontSize: (b = (S = e.Table) == null ? void 0 : S.smTable) == null ? void 0 : b.fontSize
+      }
+    }, {
+      [`.${t} .${I}`]: {
+        height: "100%",
+        "span, strong": {
+          wordBreak: "keep-all"
         }
-      },
-      {
-        [`.${t}.xs${t}`]: {
-          fontSize: (u = (g = e.Table) == null ? void 0 : g.xsTable) == null ? void 0 : u.fontSize
+      }
+    }, {
+      [`.${t} .${G}`]: {
+        fontSize: "inherit",
+        color: "#fff",
+        height: "100%",
+        borderRadius: 0,
+        paddingBlock: 0,
+        borderColor: "transparent",
+        "&:hover": {
+          color: "#fff !important"
+        },
+        "&:active": {
+          color: "#fff !important"
         }
       }
-    ];
+    }, {
+      [`.${t}.xl${t}`]: {
+        fontSize: (p = e.Table.xlTable) == null ? void 0 : p.fontSize
+      }
+    }, {
+      [`.${t}.lg${t}`]: {
+        fontSize: (c = (h = e.Table) == null ? void 0 : h.lgTable) == null ? void 0 : c.fontSize
+      }
+    }, {
+      [`.${t}.md${t}`]: {
+        fontSize: (z = ($ = e.Table) == null ? void 0 : $.mdTable) == null ? void 0 : z.fontSize
+      }
+    }, {
+      [`.${t}.sm${t}`]: {
+        fontSize: (b = (S = e.Table) == null ? void 0 : S.smTable) == null ? void 0 : b.fontSize
+      }
+    }, {
+      [`.${t}.xs${t}`]: {
+        fontSize: (u = (g = e.Table) == null ? void 0 : g.xsTable) == null ? void 0 : u.fontSize
+      }
+    }];
   };
-  j(
-    {
-      theme: T,
-      token: a,
-      hashId: o,
-      path: [r]
-    },
-    () => [
-      x(
-        r,
-        l,
-        s,
-        m,
-        f,
-        a
-      )
-    ]
-  );
+  j({
+    theme: T,
+    token: a,
+    hashId: o,
+    path: [r]
+  }, () => [x(r, l, s, m, f, a)]);
   const w = `${d}${r}`, y = i(r, w, o), B = i(m, o), N = i(f, o), v = i(s, o);
   return {
     blockClassName: y,