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

package/dist/components/BitzQRCode/index.mjs

@@ -1,11 +1,6 @@
 import { j as t } from "../../node_modules/react/jsx-runtime.mjs";
 import { QRCode as r } from "antd";
-const m = (o) => /* @__PURE__ */ t.jsx(
-  r,
-  {
-    ...o
-  }
-);
+const m = (o) => /* @__PURE__ */ t.jsx(r, { ...o });
 export {
   m as default
 };

package/dist/components/BitzQueryFilter/QueryFilterContent.mjs

@@ -30,7 +30,18 @@ const O = (s, i, f) => s == null ? void 0 : s.flatMap((n) => {
       value: s.collapsed,
       onChange: s.onCollapse
     }
-  ), { split: n, items: S, spanSize: p, showLength: d, searchGutter: N, showHiddenNum: j, form: u, baseClassName: E, onReset: g, onFinish: P } = s;
+  ), {
+    split: n,
+    items: S,
+    spanSize: p,
+    showLength: d,
+    searchGutter: N,
+    showHiddenNum: j,
+    form: u,
+    baseClassName: E,
+    onReset: g,
+    onFinish: P
+  } = s;
   let h = 0, F = 0, $ = !1, y = 0, a = 0;
   const V = O(S, s.ignoreRules, u).map((e, r) => {
     var m, C, M, I;
@@ -59,7 +70,10 @@ const O = (s, i, f) => s == null ? void 0 : s.flatMap((n) => {
     };
   }), G = V.map((e, r) => {
     var m, C;
-    const { itemDom: l, colSpan: t } = e;
+    const {
+      itemDom: l,
+      colSpan: t
+    } = e;
     if ((m = l == null ? void 0 : l.props) == null ? void 0 : m.hidden)
       return l;
     const b = c.isValidElement(l) && (l.key || `${(C = l.props) == null ? void 0 : C.name}`) || r;
@@ -78,24 +92,13 @@ const O = (s, i, f) => s == null ? void 0 : s.flatMap((n) => {
   };
   return /* @__PURE__ */ o.jsxs(H, { gutter: N, justify: "start", className: L(`${E}-row`), children: [
     G,
-    /* @__PURE__ */ o.jsx(
-      w,
-      {
-        span: p.span,
-        offset: Q,
-        className: L((v = s.submitterColSpanProps) == null ? void 0 : v.className),
-        ...s.submitterColSpanProps,
-        style: {
-          textAlign: "end"
-        },
-        children: /* @__PURE__ */ o.jsx(U.Item, { label: " ", colon: !1, shouldUpdate: !1, className: `${E}-actions`.trim(), children: /* @__PURE__ */ o.jsxs(q, { children: [
-          /* @__PURE__ */ o.jsx(x, { onClick: A, type: "primary", children: "搜索" }),
-          /* @__PURE__ */ o.jsx(x, { onClick: _, children: "重置" }),
-          K ? /* @__PURE__ */ o.jsx(x, { type: "text", onClick: () => f(!i), children: i ? "展开" : "收起" }) : null
-        ] }) })
-      },
-      "submitter"
-    )
+    /* @__PURE__ */ o.jsx(w, { span: p.span, offset: Q, className: L((v = s.submitterColSpanProps) == null ? void 0 : v.className), ...s.submitterColSpanProps, style: {
+      textAlign: "end"
+    }, children: /* @__PURE__ */ o.jsx(U.Item, { label: " ", colon: !1, shouldUpdate: !1, className: `${E}-actions`.trim(), children: /* @__PURE__ */ o.jsxs(q, { children: [
+      /* @__PURE__ */ o.jsx(x, { onClick: A, type: "primary", children: "搜索" }),
+      /* @__PURE__ */ o.jsx(x, { onClick: _, children: "重置" }),
+      K ? /* @__PURE__ */ o.jsx(x, { type: "text", onClick: () => f(!i), children: i ? "展开" : "收起" }) : null
+    ] }) }) }, "submitter")
   ] }, "resize-observer-row");
 }, se = B(T);
 export {

package/dist/components/BitzQueryFilter/QueryFilterDrawer.mjs

@@ -5,7 +5,13 @@ import { useMemo as j } from "react";
 import w from "../BitzFloatLayout/index.mjs";
 import "./index.less.mjs";
 const D = (n) => {
-  const { preserve: c, form: o, items: e, onReset: t, onFinish: l } = n, s = y(), m = () => {
+  const {
+    preserve: c,
+    form: o,
+    items: e,
+    onReset: t,
+    onFinish: l
+  } = n, s = y(), m = () => {
     o.resetFields(), t == null || t(), s.hide();
   }, d = () => {
     const i = o.getFieldsValue();

package/dist/components/BitzQueryFilter/QueryFilterMobile.mjs

@@ -6,7 +6,9 @@ import { useModal as u } from "@ebay/nice-modal-react";
 import d from "./QueryFilterDrawer.mjs";
 import "./index.less.mjs";
 const b = (r) => {
-  const { items: o } = r, l = u(d), m = i(() => {
+  const {
+    items: o
+  } = r, l = u(d), m = i(() => {
     if (o != null && o.length) {
       const t = o[0];
       if (s.isValidElement(t))

package/dist/components/BitzQueryFilter/index.mjs

@@ -3,9 +3,9 @@ import { useMemo as d } from "react";
 import A from "../../node_modules/rc-resize-observer/es/index.mjs";
 import { Form as x, Row as M, Col as j } from "antd";
 import O from "./QueryFilterContent.mjs";
-import P from "../../hooks/useMergedState.mjs";
-import B from "./QueryFilterMobile.mjs";
-import E from "../../node_modules/lodash-es/isArray.mjs";
+import { isArray as P } from "lodash-es";
+import B from "../../hooks/useMergedState.mjs";
+import E from "./QueryFilterMobile.mjs";
 const Q = {
   xs: 513,
   sm: 513,
@@ -21,13 +21,7 @@ const Q = {
     [1057, 3, "vertical"],
     [1 / 0, 4, "vertical"]
   ],
-  default: [
-    [513, 1, "vertical"],
-    [701, 2, "vertical"],
-    [1062, 3, "horizontal"],
-    [1352, 3, "horizontal"],
-    [1 / 0, 4, "horizontal"]
-  ]
+  default: [[513, 1, "vertical"], [701, 2, "vertical"], [1062, 3, "horizontal"], [1352, 3, "horizontal"], [1 / 0, 4, "horizontal"]]
 }, G = (n, m, r) => {
   if (r && typeof r == "number")
     return {
@@ -62,7 +56,7 @@ const K = (g = document == null ? void 0 : document.body) == null ? void 0 : g.c
     preserve: c = !0,
     onReset: f,
     onFinish: b
-  } = n, [a] = x.useForm(), [p, N] = P(() => typeof (o == null ? void 0 : o.width) == "number" ? o == null ? void 0 : o.width : K), i = d(() => G(v, p + 16, C), [v, p, C]), S = d(() => u !== void 0 ? u - 1 : Math.max(1, 24 / i.span - 1), [u, i.span]), W = d(() => {
+  } = n, [a] = x.useForm(), [p, N] = B(() => typeof (o == null ? void 0 : o.width) == "number" ? o == null ? void 0 : o.width : K), i = d(() => G(v, p + 16, C), [v, p, C]), S = d(() => u !== void 0 ? u - 1 : Math.max(1, 24 / i.span - 1), [u, i.span]), W = d(() => {
     if (l && i.layout !== "vertical" && l !== "auto")
       return {
         labelCol: {
@@ -77,39 +71,13 @@ const K = (g = document == null ? void 0 : document.body) == null ? void 0 : g.c
           flexWrap: "nowrap"
         }
       };
-  }, [i.layout, l]), w = d(() => E(t) ? t : [t], [t]);
-  return /* @__PURE__ */ e.jsx(
-    A,
-    {
-      onResize: (h) => {
-        p !== h.width && h.width > 17 && N(h.width);
-      },
-      children: /* @__PURE__ */ e.jsxs(M, { children: [
-        /* @__PURE__ */ e.jsx(j, { md: 24, sm: 0, xs: 0, children: /* @__PURE__ */ e.jsx(x, { preserve: c, form: a, layout: i.layout, ...W, children: /* @__PURE__ */ e.jsx(
-          O,
-          {
-            onFinish: b,
-            defaultCollapsed: y,
-            collapsed: m,
-            onCollapse: r,
-            searchGutter: s,
-            spanSize: i,
-            items: w,
-            split: I,
-            ignoreRules: F,
-            showLength: S,
-            showHiddenNum: R,
-            form: a,
-            baseClassName: "bitz",
-            preserve: c,
-            onReset: f
-          }
-        ) }) }),
-        /* @__PURE__ */ e.jsx(j, { md: 0, sm: 24, xs: 24, children: /* @__PURE__ */ e.jsx(x, { onReset: f, preserve: c, form: a, layout: "vertical", children: /* @__PURE__ */ e.jsx(B, { onFinish: b, form: a, items: w, onReset: f }) }) })
-      ] })
-    },
-    "resize-observer"
-  );
+  }, [i.layout, l]), w = d(() => P(t) ? t : [t], [t]);
+  return /* @__PURE__ */ e.jsx(A, { onResize: (h) => {
+    p !== h.width && h.width > 17 && N(h.width);
+  }, children: /* @__PURE__ */ e.jsxs(M, { children: [
+    /* @__PURE__ */ e.jsx(j, { md: 24, sm: 0, xs: 0, children: /* @__PURE__ */ e.jsx(x, { preserve: c, form: a, layout: i.layout, ...W, children: /* @__PURE__ */ e.jsx(O, { onFinish: b, defaultCollapsed: y, collapsed: m, onCollapse: r, searchGutter: s, spanSize: i, items: w, split: I, ignoreRules: F, showLength: S, showHiddenNum: R, form: a, baseClassName: "bitz", preserve: c, onReset: f }) }) }),
+    /* @__PURE__ */ e.jsx(j, { md: 0, sm: 24, xs: 24, children: /* @__PURE__ */ e.jsx(x, { onReset: f, preserve: c, form: a, layout: "vertical", children: /* @__PURE__ */ e.jsx(E, { onFinish: b, form: a, items: w, onReset: f }) }) })
+  ] }) }, "resize-observer");
 };
 export {
   J as default

package/dist/components/BitzRefresh/index.mjs

@@ -1,9 +1,18 @@
 import { j as s } from "../../node_modules/react/jsx-runtime.mjs";
 import "./index.less.mjs";
-const t = ({ showRefresh: a = !1, color: e = "#444791" }) => /* @__PURE__ */ s.jsx(s.Fragment, { children: a && /* @__PURE__ */ s.jsx("div", { className: "bitzRefreshBlock", children: /* @__PURE__ */ s.jsxs("div", { className: "loadingBox", children: [
-  /* @__PURE__ */ s.jsx("span", { style: { background: e } }),
-  /* @__PURE__ */ s.jsx("span", { style: { background: e } }),
-  /* @__PURE__ */ s.jsx("span", { style: { background: e } })
+const t = ({
+  showRefresh: a = !1,
+  color: e = "#444791"
+}) => /* @__PURE__ */ s.jsx(s.Fragment, { children: a && /* @__PURE__ */ s.jsx("div", { className: "bitzRefreshBlock", children: /* @__PURE__ */ s.jsxs("div", { className: "loadingBox", children: [
+  /* @__PURE__ */ s.jsx("span", { style: {
+    background: e
+  } }),
+  /* @__PURE__ */ s.jsx("span", { style: {
+    background: e
+  } }),
+  /* @__PURE__ */ s.jsx("span", { style: {
+    background: e
+  } })
 ] }) }) });
 export {
   t as default

package/dist/components/BitzRemark/index.mjs

@@ -1,7 +1,12 @@
 import { j as t } from "../../node_modules/react/jsx-runtime.mjs";
 import { Input as s } from "antd";
 import e from "./index.module.less.mjs";
-const { TextArea: m } = s, p = ({ maxLength: r = 50, ...o }) => /* @__PURE__ */ t.jsx("div", { className: e.bitzRemakBlock, children: /* @__PURE__ */ t.jsx(m, { showCount: !0, maxLength: r, ...o }) });
+const {
+  TextArea: m
+} = s, p = ({
+  maxLength: r = 50,
+  ...o
+}) => /* @__PURE__ */ t.jsx("div", { className: e.bitzRemakBlock, children: /* @__PURE__ */ t.jsx(m, { showCount: !0, maxLength: r, ...o }) });
 export {
   p as default
 };

package/dist/components/BitzSearch/index.mjs

@@ -1,7 +1,17 @@
 import { j as e } from "../../node_modules/react/jsx-runtime.mjs";
 import { Input as a } from "antd";
-const { Search: n } = a, i = ({ enterButton: t = "搜索", onSearch: r, ...o }) => {
-  const s = { ...o, onSearch: r, enterButton: t };
+const {
+  Search: n
+} = a, i = ({
+  enterButton: t = "搜索",
+  onSearch: r,
+  ...o
+}) => {
+  const s = {
+    ...o,
+    onSearch: r,
+    enterButton: t
+  };
   return /* @__PURE__ */ e.jsx(n, { ...s, allowClear: !0 });
 };
 export {

package/dist/components/BitzSelect/component/BitzSelectMobile.mjs

@@ -2,13 +2,17 @@ import { j as a } from "../../../node_modules/react/jsx-runtime.mjs";
 import { useState as w, useRef as P, useEffect as D } from "react";
 import { BitzPickDrawer as U } from "../../BitzDrawer/index.mjs";
 import { Tag as z, Input as W, Space as q } from "antd";
+import { DownOutlined as T } from "@ant-design/icons";
 import $ from "../../../node_modules/@better-scroll/core/dist/core.esm.mjs";
 import A from "../../../node_modules/@better-scroll/wheel/dist/wheel.esm.mjs";
 import n from "./index.module.less.mjs";
-import { useImmer as T } from "../../../node_modules/use-immer/dist/use-immer.module.mjs";
-import y from "../../../node_modules/@ant-design/icons/es/icons/DownOutlined.mjs";
+import { useImmer as y } from "../../../node_modules/use-immer/dist/use-immer.module.mjs";
 $.use(A);
-const { Search: G } = W, te = ({ ...e }) => {
+const {
+  Search: G
+} = W, te = ({
+  ...e
+}) => {
   var C, g, k;
   const u = e.mode === "multiple" || e.mode === "tags";
   let b = [];
@@ -23,10 +27,10 @@ const { Search: G } = W, te = ({ ...e }) => {
   const i = b, B = (l, t) => ((t == null ? void 0 : t.label) ?? "").toLowerCase().includes(l.toLowerCase()), m = e.value ?? e.defaultValue, S = e.filterOption || B, [N, E] = w(() => {
     const l = i == null ? void 0 : i.findIndex((t) => t.value === m);
     return l === -1 ? 0 : l;
-  }), [d, h] = T(() => {
+  }), [d, h] = y(() => {
     var l;
     return u ? m : ((l = i == null ? void 0 : i.find((t) => t.value === m)) == null ? void 0 : l.value) || "";
-  }), I = P(null), [j, x] = w(!1), [L, O] = w(""), [f, v] = T([]), V = () => {
+  }), I = P(null), [j, x] = w(!1), [L, O] = w(""), [f, v] = y([]), V = () => {
     x(!1);
   }, M = () => {
     const l = e.onChange;
@@ -72,118 +76,64 @@ const { Search: G } = W, te = ({ ...e }) => {
     return u ? /* @__PURE__ */ a.jsxs("div", { className: n.textarea, onClick: () => x(!0), children: [
       /* @__PURE__ */ a.jsx("div", { children: d == null ? void 0 : d.map((l, t) => {
         var r;
-        return /* @__PURE__ */ a.jsx(
-          z,
-          {
-            bordered: !1,
-            closable: !0,
-            onClose: (s) => {
-              s.preventDefault();
-              const c = d.findIndex((o) => o === l);
-              h((o) => {
-                o.splice(c, 1);
-              });
-            },
-            children: (r = i.find((s) => l === s.value)) == null ? void 0 : r.label
-          },
-          t
-        );
+        return /* @__PURE__ */ a.jsx(z, { bordered: !1, closable: !0, onClose: (s) => {
+          s.preventDefault();
+          const c = d.findIndex((o) => o === l);
+          h((o) => {
+            o.splice(c, 1);
+          });
+        }, children: (r = i.find((s) => l === s.value)) == null ? void 0 : r.label }, t);
       }) }),
-      /* @__PURE__ */ a.jsx(y, { style: { color: "#d9d9d9" } })
-    ] }) : /* @__PURE__ */ a.jsx(
-      W,
-      {
-        placeholder: e.placeholder,
-        onClick: () => x(!0),
-        value: d,
-        suffix: /* @__PURE__ */ a.jsx(y, { style: { color: "#d9d9d9" } })
-      }
-    );
+      /* @__PURE__ */ a.jsx(T, { style: {
+        color: "#d9d9d9"
+      } })
+    ] }) : /* @__PURE__ */ a.jsx(W, { placeholder: e.placeholder, onClick: () => x(!0), value: d, suffix: /* @__PURE__ */ a.jsx(T, { style: {
+      color: "#d9d9d9"
+    } }) });
   }
   function F() {
-    return e.showSearch ? /* @__PURE__ */ a.jsx("div", { className: n["search-input"], children: /* @__PURE__ */ a.jsx(
-      G,
-      {
-        onKeyUp: (l) => {
-          if (e.onSearch) {
-            e.onSearch(l.currentTarget.value);
-            return;
-          }
-          O(l.currentTarget.value);
-        }
+    return e.showSearch ? /* @__PURE__ */ a.jsx("div", { className: n["search-input"], children: /* @__PURE__ */ a.jsx(G, { onKeyUp: (l) => {
+      if (e.onSearch) {
+        e.onSearch(l.currentTarget.value);
+        return;
       }
-    ) }) : null;
+      O(l.currentTarget.value);
+    } }) }) : null;
   }
   function H() {
     return u ? /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       /* @__PURE__ */ a.jsx("div", { className: n["select-label"], children: "已选择:" }),
-      /* @__PURE__ */ a.jsx(q, { size: [0, "small"], wrap: !0, className: n["tag-list"], children: f.map((l, t) => /* @__PURE__ */ a.jsx(
-        z,
-        {
-          bordered: !1,
-          closable: !0,
-          onClose: (r) => {
-            r.preventDefault();
-            const s = f.findIndex((c) => l.value === c.value);
-            v((c) => {
-              c.splice(s, 1);
-            });
-          },
-          children: l.label
-        },
-        t
-      )) })
+      /* @__PURE__ */ a.jsx(q, { size: [0, "small"], wrap: !0, className: n["tag-list"], children: f.map((l, t) => /* @__PURE__ */ a.jsx(z, { bordered: !1, closable: !0, onClose: (r) => {
+        r.preventDefault();
+        const s = f.findIndex((c) => l.value === c.value);
+        v((c) => {
+          c.splice(s, 1);
+        });
+      }, children: l.label }, t)) })
     ] }) : null;
   }
   function K() {
-    return (S ? i.filter((t) => S(L, t)) : i).map((t, r) => /* @__PURE__ */ a.jsx(
-      "li",
-      {
-        className: n["wheel-item"],
-        onClick: () => {
-          u && v((s) => {
-            if (f.find((c) => c.value === t.value)) {
-              const c = f.findIndex((o) => t.value === o.value);
-              s.splice(c, 1);
-            } else
-              s.push(t);
-          });
-        },
-        children: t.label
-      },
-      r
-    ));
+    return (S ? i.filter((t) => S(L, t)) : i).map((t, r) => /* @__PURE__ */ a.jsx("li", { className: n["wheel-item"], onClick: () => {
+      u && v((s) => {
+        if (f.find((c) => c.value === t.value)) {
+          const c = f.findIndex((o) => t.value === o.value);
+          s.splice(c, 1);
+        } else
+          s.push(t);
+      });
+    }, children: t.label }, r));
   }
   return /* @__PURE__ */ a.jsxs("div", { className: `bitzSelectMobileBlock ${e.className}`, children: [
     R(),
-    /* @__PURE__ */ a.jsx(
-      U,
-      {
-        open: j,
-        handleCancel: V,
-        handleOk: M,
-        height: e.drawerHeight || 273,
-        children: /* @__PURE__ */ a.jsxs("div", { ref: I, className: n.bitzSelectWrapper, children: [
-          F(),
-          H(),
-          /* @__PURE__ */ a.jsxs("div", { className: n["picker-content"], children: [
-            /* @__PURE__ */ a.jsx(
-              "div",
-              {
-                className: `${n["mask-top"]} ${n["border-bottom-1px"]}`
-              }
-            ),
-            /* @__PURE__ */ a.jsx(
-              "div",
-              {
-                className: `${n["mask-bottom"]} ${n["border-top-1px"]}`
-              }
-            ),
-            /* @__PURE__ */ a.jsx("div", { className: n["wheel-wrapper"], children: /* @__PURE__ */ a.jsx("div", { className: n.wheel, children: /* @__PURE__ */ a.jsx("ul", { className: n["wheel-scroll"], children: K() }) }) })
-          ] })
-        ] })
-      }
-    )
+    /* @__PURE__ */ a.jsx(U, { open: j, handleCancel: V, handleOk: M, height: e.drawerHeight || 273, children: /* @__PURE__ */ a.jsxs("div", { ref: I, className: n.bitzSelectWrapper, children: [
+      F(),
+      H(),
+      /* @__PURE__ */ a.jsxs("div", { className: n["picker-content"], children: [
+        /* @__PURE__ */ a.jsx("div", { className: `${n["mask-top"]} ${n["border-bottom-1px"]}` }),
+        /* @__PURE__ */ a.jsx("div", { className: `${n["mask-bottom"]} ${n["border-top-1px"]}` }),
+        /* @__PURE__ */ a.jsx("div", { className: n["wheel-wrapper"], children: /* @__PURE__ */ a.jsx("div", { className: n.wheel, children: /* @__PURE__ */ a.jsx("ul", { className: n["wheel-scroll"], children: K() }) }) })
+      ] })
+    ] }) })
   ] });
 };
 export {

package/dist/components/BitzSelect/index.mjs

@@ -2,8 +2,16 @@ import { j as o } from "../../node_modules/react/jsx-runtime.mjs";
 import { Select as s } from "antd";
 import { isMobile as m } from "../../node_modules/react-device-detect/dist/lib.mjs";
 import p from "./component/BitzSelectMobile.mjs";
-const x = ({ placeholder: r = "请选择", options: e = [], ...i }) => {
-  const t = { placeholder: r, options: e, ...i };
+const x = ({
+  placeholder: r = "请选择",
+  options: e = [],
+  ...i
+}) => {
+  const t = {
+    placeholder: r,
+    options: e,
+    ...i
+  };
   return m ? /* @__PURE__ */ o.jsx(p, { ...t }) : /* @__PURE__ */ o.jsx(s, { ...t });
 };
 export {

package/dist/components/BitzSkeleton/index.mjs

@@ -1,36 +1,6 @@
 import { j as e } from "../../node_modules/react/jsx-runtime.mjs";
 import { Skeleton as n } from "antd";
-const o = (t) => /* @__PURE__ */ e.jsx(
-  n,
-  {
-    ...t
-  }
-), r = (t) => /* @__PURE__ */ e.jsx(
-  n.Button,
-  {
-    ...t
-  }
-), s = (t) => /* @__PURE__ */ e.jsx(
-  n.Avatar,
-  {
-    ...t
-  }
-), a = (t) => /* @__PURE__ */ e.jsx(
-  n.Input,
-  {
-    ...t
-  }
-), u = (t) => /* @__PURE__ */ e.jsx(
-  n.Image,
-  {
-    ...t
-  }
-), l = (t) => /* @__PURE__ */ e.jsx(
-  n.Node,
-  {
-    ...t
-  }
-);
+const o = (t) => /* @__PURE__ */ e.jsx(n, { ...t }), r = (t) => /* @__PURE__ */ e.jsx(n.Button, { ...t }), s = (t) => /* @__PURE__ */ e.jsx(n.Avatar, { ...t }), a = (t) => /* @__PURE__ */ e.jsx(n.Input, { ...t }), u = (t) => /* @__PURE__ */ e.jsx(n.Image, { ...t }), l = (t) => /* @__PURE__ */ e.jsx(n.Node, { ...t });
 o.Button = r;
 o.Avatar = s;
 o.Input = a;

package/dist/components/BitzTabbar/BitzTabbar.mjs

@@ -19,19 +19,13 @@ const k = r.forwardRef((t, o) => {
       b(e);
     }
   }, u = (e) => r.cloneElement(e, m);
-  return /* @__PURE__ */ f.jsx(
-    "div",
-    {
-      ref: o,
-      className: p("bitzTabbarBlock", {
-        bitzTabbarFixedBlock: s,
-        bitzTabbarBlockBorder: c,
-        bitzTabbarBlockBottomSafe: l
-      }),
-      style: { zIndex: n },
-      children: r.Children.map(d, u)
-    }
-  );
+  return /* @__PURE__ */ f.jsx("div", { ref: o, className: p("bitzTabbarBlock", {
+    bitzTabbarFixedBlock: s,
+    bitzTabbarBlockBorder: c,
+    bitzTabbarBlockBottomSafe: l
+  }), style: {
+    zIndex: n
+  }, children: r.Children.map(d, u) });
 });
 export {
   k as default

package/dist/components/BitzTabbar/BitzTabbarItem.mjs

@@ -3,11 +3,23 @@ import { useMemo as c } from "react";
 import { theme as s, Badge as C } from "antd";
 import j from "../../assets/iconfont/index.mjs";
 import "./index.less.mjs";
-const y = ({ name: o, config: t, title: n, children: l, badgeProps: m, ...v }) => {
-  const { onClick: I, currentName: e } = v, a = s.useToken().token.colorPrimary, i = s.useToken().token.colorText, x = c(() => t[o === e ? "activeIcon" : "inactiveIcon"], [t, e, o]), d = c(() => o === e ? t.activeColor : t.inactiveColor, [t.activeColor, t.inactiveColor, e, o]), u = c(() => o === e ? a : i, [a, e, o, i]), b = c(() => t[o === e ? "activeImage" : "inactiveImage"], [t, e, o]);
+const y = ({
+  name: o,
+  config: t,
+  title: n,
+  children: l,
+  badgeProps: m,
+  ...v
+}) => {
+  const {
+    onClick: I,
+    currentName: e
+  } = v, a = s.useToken().token.colorPrimary, i = s.useToken().token.colorText, x = c(() => t[o === e ? "activeIcon" : "inactiveIcon"], [t, e, o]), d = c(() => o === e ? t.activeColor : t.inactiveColor, [t.activeColor, t.inactiveColor, e, o]), u = c(() => o === e ? a : i, [a, e, o, i]), b = c(() => t[o === e ? "activeImage" : "inactiveImage"], [t, e, o]);
   return /* @__PURE__ */ r.jsxs("div", { className: "tabbarItem", onClick: () => I(o), children: [
     /* @__PURE__ */ r.jsx("div", { className: `${"activeIcon" in t ? "tabbarItemIcon" : "tabbarItemImage"}`, children: /* @__PURE__ */ r.jsx(C, { ...m, children: /* @__PURE__ */ r.jsx("div", { className: "activeIcon" in t ? "icon" : "image", children: "activeIcon" in t ? /* @__PURE__ */ r.jsx(j, { name: x, color: d, size: 22 }) : /* @__PURE__ */ r.jsx("img", { src: b }) }) }) }),
-    /* @__PURE__ */ r.jsx("div", { className: "tabbarItemText", style: { color: u }, children: n || l })
+    /* @__PURE__ */ r.jsx("div", { className: "tabbarItemText", style: {
+      color: u
+    }, children: n || l })
   ] });
 };
 export {