bitz-react-admin-ui 1.6.6 → 1.6.8

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

@@ -1,104 +1,116 @@
-import { j as t } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useState as v, useRef as B, useEffect as V } from "react";
-import { BitzPickDrawer as M } from "../../BitzDrawer/index.mjs";
-import { Tag as S, Input as k, Space as R } from "antd";
-import C from "../../../node_modules/.store/@better-scroll_core@2.5.1/node_modules/@better-scroll/core/dist/core.esm.mjs";
-import F from "../../../node_modules/.store/@better-scroll_wheel@2.5.1/node_modules/@better-scroll/wheel/dist/wheel.esm.mjs";
-import s from "./index.module.less.mjs";
-import { useImmer as N } from "../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
-import I from "../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/DownOutlined.mjs";
-C.use(F);
-const { Search: H } = k, X = ({ ...n }) => {
-  const o = n.mode === "multiple" || n.mode === "tags", u = n.options || [], j = n.filterOption, [b, g] = v(() => {
+import { j as a } from "../../../node_modules/.store/react@18.2.0/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 E, Space as q } from "antd";
+import O from "../../../node_modules/.store/@better-scroll_core@2.5.1/node_modules/@better-scroll/core/dist/core.esm.mjs";
+import A from "../../../node_modules/.store/@better-scroll_wheel@2.5.1/node_modules/@better-scroll/wheel/dist/wheel.esm.mjs";
+import n from "./index.module.less.mjs";
+import { useImmer as T } from "../../../node_modules/.store/use-immer@0.9.0/node_modules/use-immer/dist/use-immer.module.mjs";
+import y from "../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/DownOutlined.mjs";
+O.use(A);
+const { Search: G } = E, te = ({ ...e }) => {
+  var C, k, g;
+  const u = e.mode === "multiple" || e.mode === "tags";
+  let b = [];
+  if (e != null && e.options && ((C = e == null ? void 0 : e.options) != null && C.length) && (e != null && e.fieldNames)) {
+    const l = (k = e == null ? void 0 : e.fieldNames) == null ? void 0 : k.label, t = (g = e == null ? void 0 : e.fieldNames) == null ? void 0 : g.value;
+    (e == null ? void 0 : e.options).map((s) => {
+      const c = {};
+      c.label = s[l], c.value = s[t], b.push(c);
+    });
+  } else
+    b = (e == null ? void 0 : e.options) || [];
+  const i = b, W = (l, t) => ((t == null ? void 0 : t.label) ?? "").toLowerCase().includes(l.toLowerCase()), m = e.value ?? e.defaultValue, S = e.filterOption || W, [N, $] = w(() => {
+    const l = i == null ? void 0 : i.findIndex((t) => t.value === m);
+    return l === -1 ? 0 : l;
+  }), [r, h] = T(() => {
     var l;
-    const e = (l = n.options) == null ? void 0 : l.findIndex((r) => r.value === n.defaultValue);
-    return e === -1 ? 0 : e;
-  }), [c, x] = N(() => {
-    var e, l;
-    return o ? n.defaultValue : ((l = (e = n.options) == null ? void 0 : e.find((r) => r.value === n.defaultValue)) == null ? void 0 : l.value) || "";
-  }), w = B(null), [p, m] = v(!1), [D, z] = v(""), [d, h] = N([]), O = () => {
-    m(!1);
-  }, T = () => {
-    const e = n.onChange;
-    if (o)
-      x(d.map((l) => l.value)), e == null || e(d.map((l) => l.value));
+    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), [B, L] = w(""), [f, v] = T([]), V = () => {
+    x(!1);
+  }, F = () => {
+    const l = e.onChange;
+    if (u)
+      h(f.map((t) => t.value)), l == null || l(f.map((t) => t.value));
     else {
-      const l = u[b || 0];
-      x(l.label), e == null || e(l.value, l);
+      const t = i[N || 0];
+      h(t.label), l == null || l(t.value, t);
     }
-    m(!1);
+    x(!1);
   };
-  V(() => {
-    if (w.current)
-      if (p) {
-        let e = new C("." + s.wheel, {
+  D(() => {
+    if (I.current)
+      if (j) {
+        let l = new O("." + n.wheel, {
           click: !0,
           probeType: 3,
           preventDefaultException: {
             className: /wheel-item/
           },
           wheel: {
-            selectedIndex: b,
-            wheelWrapperClass: s["wheel-scroll"],
-            wheelItemClass: s["wheel-item"],
-            wheelDisabledItemClass: s["wheel-disabled-item"]
+            selectedIndex: N,
+            wheelWrapperClass: n["wheel-scroll"],
+            wheelItemClass: n["wheel-item"],
+            wheelDisabledItemClass: n["wheel-disabled-item"]
           },
           useTransition: !1
         });
-        if (e.on("scrollEnd", () => {
-          g(e.getSelectedIndex());
-        }), o) {
-          const l = u.filter((r) => c == null ? void 0 : c.find((a) => a === r.value));
-          h(l);
+        if (l.on("scrollEnd", () => {
+          $(l.getSelectedIndex());
+        }), u) {
+          const t = i.filter((d) => r == null ? void 0 : r.find((s) => s === d.value));
+          v(t);
         }
       } else
-        h((e) => {
-          e.splice(0);
+        v((l) => {
+          l.splice(0);
         });
-  }, [p]);
-  function y() {
-    return o ? t.jsxs("div", { className: s.textarea, onClick: () => m(!0), children: [t.jsx("div", { children: c == null ? void 0 : c.map((e, l) => {
-      var r;
-      return t.jsx(S, { bordered: !1, closable: !0, onClose: (a) => {
-        a.preventDefault();
-        const i = c.findIndex((f) => f === e);
-        x((f) => {
-          f.splice(i, 1);
+  }, [j]), D(() => {
+    h(m);
+  }, [m]);
+  function M() {
+    return u ? a.jsxs("div", { className: n.textarea, onClick: () => x(!0), children: [a.jsx("div", { children: r == null ? void 0 : r.map((l, t) => {
+      var d;
+      return a.jsx(z, { bordered: !1, closable: !0, onClose: (s) => {
+        s.preventDefault();
+        const c = r.findIndex((o) => o === l);
+        h((o) => {
+          o.splice(c, 1);
         });
-      }, children: (r = u.find((a) => e === a.value)) == null ? void 0 : r.label }, l);
-    }) }), t.jsx(I, { style: { color: "#d9d9d9" } })] }) : t.jsx(k, { placeholder: n.placeholder, onClick: () => m(!0), value: c, suffix: t.jsx(I, { style: { color: "#d9d9d9" } }) });
+      }, children: (d = i.find((s) => l === s.value)) == null ? void 0 : d.label }, t);
+    }) }), a.jsx(y, { style: { color: "#d9d9d9" } })] }) : a.jsx(E, { placeholder: e.placeholder, onClick: () => x(!0), value: r, suffix: a.jsx(y, { style: { color: "#d9d9d9" } }) });
   }
-  function E() {
-    return n.showSearch ? t.jsx("div", { className: s["search-input"], children: t.jsx(H, { onKeyUp: (e) => {
-      if (n.onSearch) {
-        n.onSearch(e.currentTarget.value);
+  function R() {
+    return e.showSearch ? a.jsx("div", { className: n["search-input"], children: a.jsx(G, { onKeyUp: (l) => {
+      if (e.onSearch) {
+        e.onSearch(l.currentTarget.value);
         return;
       }
-      z(e.currentTarget.value);
+      L(l.currentTarget.value);
     } }) }) : null;
   }
-  function W() {
-    return o ? t.jsxs(t.Fragment, { children: [t.jsx("div", { className: s["select-label"], children: "已选择:" }), t.jsx(R, { size: [0, "small"], wrap: !0, className: s["tag-list"], children: d.map((e, l) => t.jsx(S, { bordered: !1, closable: !0, onClose: (r) => {
-      r.preventDefault();
-      const a = d.findIndex((i) => e.value === i.value);
-      h((i) => {
-        i.splice(a, 1);
+  function H() {
+    return u ? a.jsxs(a.Fragment, { children: [a.jsx("div", { className: n["select-label"], children: "已选择:" }), a.jsx(q, { size: [0, "small"], wrap: !0, className: n["tag-list"], children: f.map((l, t) => a.jsx(z, { bordered: !1, closable: !0, onClose: (d) => {
+      d.preventDefault();
+      const s = f.findIndex((c) => l.value === c.value);
+      v((c) => {
+        c.splice(s, 1);
       });
-    }, children: e.label }, l)) })] }) : null;
+    }, children: l.label }, t)) })] }) : null;
   }
-  function $() {
-    return (j ? u.filter((l) => j(D, l)) : u).map((l, r) => t.jsx("li", { className: s["wheel-item"], onClick: () => {
-      o && h((a) => {
-        if (d.find((i) => i.value === l.value)) {
-          const i = d.findIndex((f) => l.value === f.value);
-          a.splice(i, 1);
+  function K() {
+    return (S ? i.filter((t) => S(B, t)) : i).map((t, d) => 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
-          a.push(l);
+          s.push(t);
       });
-    }, children: l.label }, r));
+    }, children: t.label }, d));
   }
-  return t.jsxs("div", { className: `bitzSelectMobileBlock ${n.className}`, children: [y(), t.jsx(M, { open: p, handleCancel: O, handleOk: T, height: n.drawerHeight || 273, children: t.jsxs("div", { ref: w, className: s.bitzSelectWrapper, children: [E(), W(), t.jsxs("div", { className: s["picker-content"], children: [t.jsx("div", { className: `${s["mask-top"]} ${s["border-bottom-1px"]}` }), t.jsx("div", { className: `${s["mask-bottom"]} ${s["border-top-1px"]}` }), t.jsx("div", { className: s["wheel-wrapper"], children: t.jsx("div", { className: s.wheel, children: t.jsx("ul", { className: s["wheel-scroll"], children: $() }) }) })] })] }) })] });
+  return a.jsxs("div", { className: `bitzSelectMobileBlock ${e.className}`, children: [M(), a.jsx(U, { open: j, handleCancel: V, handleOk: F, height: e.drawerHeight || 273, children: a.jsxs("div", { ref: I, className: n.bitzSelectWrapper, children: [R(), H(), a.jsxs("div", { className: n["picker-content"], children: [a.jsx("div", { className: `${n["mask-top"]} ${n["border-bottom-1px"]}` }), a.jsx("div", { className: `${n["mask-bottom"]} ${n["border-top-1px"]}` }), a.jsx("div", { className: n["wheel-wrapper"], children: a.jsx("div", { className: n.wheel, children: a.jsx("ul", { className: n["wheel-scroll"], children: K() }) }) })] })] }) })] });
 };
 export {
-  X as default
+  te as default
 };

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

@@ -0,0 +1,36 @@
+import { j as s } 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 w from "../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/PlusCircleFilled.mjs";
+import B from "../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
+const F = ({ size: d, add: i, excel: t, children: f }) => {
+  const { blockCls: j, addBtnClassName: k, btnClassName: C } = g(d), y = b(() => {
+    var r, o, n, m, a, l, p, e;
+    return [
+      {
+        key: ((o = (r = t.menu) == null ? void 0 : r[0]) == null ? void 0 : o.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 }} />
+        // ),
+      },
+      {
+        key: ((l = (a = t.menu) == null ? void 0 : a[1]) == null ? void 0 : l.key) || "import",
+        label: ((e = (p = t.menu) == null ? void 0 : p[1]) == null ? void 0 : e.label) || "Excel数据导入"
+        // icon: excel.menu?.[1]?.icon || (
+        //   <CloudUploadOutlined style={{ fontSize: 14 }} />
+        // ),
+      },
+      ...(t == null ? void 0 : t.otherMenu) ?? []
+    ];
+  }, [t]);
+  return s.jsxs(u.Compact, { className: j, style: { height: "100%" }, children: [i.show !== !1 && s.jsx(h, { type: "primary", icon: s.jsx(w, {}), onClick: i.onClick, className: k, children: i.text }), f, t.show !== !1 && s.jsx(c, { menu: { items: y, onClick: ({ key: r }) => {
+    var o;
+    return (o = t.onClick) == null ? void 0 : o.call(t, r);
+  } }, trigger: (t == null ? void 0 : t.trigger) || ["click"], children: s.jsx(h, { className: C, type: "text", children: s.jsxs(u, { size: 6, children: [s.jsx("span", { children: t.text ?? "Excel文档导入" }), s.jsx(B, {})] }) }) })] });
+};
+export {
+  F as default
+};

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

@@ -0,0 +1,10 @@
+import { j as s } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
+import e from "../../BitzButton/index.mjs";
+import r from "./style.mjs";
+const i = ({ ...t }) => {
+  const { btnClassName: o } = r();
+  return s.jsx(e, { className: o, type: "text", ...t });
+};
+export {
+  i as default
+};

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

@@ -1,36 +1,8 @@
-import { j as o } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
-import { useMemo as y } from "react";
-import { Space as u, Dropdown as b } from "antd";
-import d from "../../BitzButton/index.mjs";
-import c from "./style.mjs";
-import w from "../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/PlusCircleFilled.mjs";
-import B from "../../../node_modules/.store/@ant-design_icons@5.3.1/node_modules/@ant-design/icons/es/icons/CaretDownOutlined.mjs";
-const A = ({ size: h, add: n, excel: t }) => {
-  const { blockCls: f, addBtnClassName: j, dropdownBtnClassName: k } = c(h), C = y(() => {
-    var s, r, i, m, a, l, p, e;
-    return [
-      {
-        key: ((r = (s = t.menu) == null ? void 0 : s[0]) == null ? void 0 : r.key) || "download",
-        label: ((m = (i = t.menu) == null ? void 0 : i[0]) == null ? void 0 : m.label) || "Excel模板下载"
-        // icon: excel.menu?.[0]?.icon || (
-        //   <CloudDownloadOutlined style={{ fontSize: 14 }} />
-        // ),
-      },
-      {
-        key: ((l = (a = t.menu) == null ? void 0 : a[1]) == null ? void 0 : l.key) || "import",
-        label: ((e = (p = t.menu) == null ? void 0 : p[1]) == null ? void 0 : e.label) || "Excel数据导入"
-        // icon: excel.menu?.[1]?.icon || (
-        //   <CloudUploadOutlined style={{ fontSize: 14 }} />
-        // ),
-      },
-      ...(t == null ? void 0 : t.otherMenu) ?? []
-    ];
-  }, [t]);
-  return o.jsxs(u.Compact, { className: f, style: { height: "100%" }, children: [n.show !== !1 && o.jsx(d, { type: "primary", icon: o.jsx(w, {}), onClick: n.onClick, className: j, children: n.text }), t.show !== !1 && o.jsx(b, { menu: { items: C, 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: o.jsx(d, { className: k, type: "text", children: o.jsxs(u, { size: 8, children: [o.jsx("span", { children: t.text ?? "Excel文档导入" }), o.jsx(B, {})] }) }) })] });
-};
+import o from "./ActionBar.mjs";
+import i from "./Button.mjs";
+const t = o;
+process.env.NODE_ENV !== "production" && (t.displayName = "BitzTableActionBar");
+t.Button = i;
 export {
-  A as default
+  t as default
 };

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

@@ -1,5 +1,5 @@
-import { useContext as f, useMemo as z } from "react";
-import { theme as y } from "antd";
+import { useContext as b, useMemo as z } from "react";
+import { theme as B } from "antd";
 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";
@@ -9,49 +9,58 @@ 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 w from "../../../node_modules/.store/@ant-design_cssinjs@1.18.4/node_modules/@ant-design/cssinjs/es/hooks/useStyleRegister.mjs";
+import T 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 A } from "../Store/index.mjs";
-import d from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
-const E = (i) => {
-  const { theme: l, hashId: r, token: a } = y.useToken(), { tableSize: p } = f(A), h = z(() => i ?? p ?? "lg", [i, p]), e = "bitzTableActionBarBlock", n = "actionBtn", s = "ActionBtn", c = "dropdownBtn", S = (t, m, o) => [
+import { TableContext as x } from "../Store/index.mjs";
+import $ from "../../../node_modules/.store/classnames@2.5.1/node_modules/classnames/index.mjs";
+const F = (m) => {
+  const { theme: d, hashId: n, token: a } = B.useToken(), { tableSize: s } = b(x), h = z(() => m ?? s ?? "lg", [m, s]), e = "bitzTableActionBarBlock", r = "actionBtn", c = "ActionBtn", l = "dropdownBtn", S = (o, i, t) => [
     {
-      [`.${t} .${m}`]: {
+      [`.${o} .${i}`]: {
         height: "100%",
         borderRadius: 0,
-        paddingBlock: 0
+        paddingBlock: 0,
+        lineHeight: "normal",
+        ".ant-btn-icon .anticon": {
+          verticalAlign: "-0.14em"
+        }
       }
     },
-    { [`.${t} .xl${o}`]: { fontSize: 14 } },
-    { [`.${t} .lg${o}`]: { fontSize: 12 } },
-    { [`.${t} .md${o}`]: { fontSize: 12 } },
-    { [`.${t} .sm${o}`]: { fontSize: 12 } },
-    { [`.${t} .xs${o}`]: { fontSize: 12 } }
-  ], u = (t, m, o) => [
+    { [`.${o} .xl${t}`]: { fontSize: 14 } },
+    { [`.${o} .lg${t}`]: { fontSize: 12 } },
+    { [`.${o} .md${t}`]: { fontSize: 12 } },
+    { [`.${o} .sm${t}`]: { fontSize: 12 } },
+    { [`.${o} .xs${t}`]: { fontSize: 12 } }
+  ], g = (o, i, t) => [
     {
-      [`.${t} .${m}`]: {
+      [`.${o} .${i}`]: {
         "&:hover": {
-          color: `${o.colorPrimary} !important`,
-          background: "inherit !important"
+          color: `${t.colorText} !important`
         },
         "&:focus": {
-          color: `${o.colorPrimaryActive} !important`
+          color: `${t.colorText} !important`
+        },
+        "&:disabled:hover": {
+          color: `${t.colorTextDisabled} !important`
+        },
+        "&:disabled:focus": {
+          color: `${t.colorTextDisabled} !important`
         }
       }
     }
   ];
-  w({
-    theme: l,
+  T({
+    theme: d,
     token: a,
-    hashId: r,
+    hashId: n,
     path: [e]
   }, () => [
-    S(e, n, s),
-    u(e, c, a)
+    S(e, r, c),
+    g(e, l, a)
   ]);
-  const $ = `${h}${s}`, B = d(n, $, r), g = d(n, c, $, r);
-  return { blockCls: e, addBtnClassName: B, dropdownBtnClassName: g };
+  const p = `${h}${c}`, u = $(r, p, n), f = $(r, l, p, n);
+  return { blockCls: e, addBtnClassName: u, btnClassName: f };
 };
 export {
-  E as default
+  F as default
 };

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

@@ -1,45 +1,46 @@
 import { j as t } from "../../../node_modules/.store/react@18.2.0/node_modules/react/jsx-runtime.mjs";
 import b from "../../../node_modules/.store/ahooks@3.7.10/node_modules/ahooks/es/useSize/index.mjs";
-import { Dropdown as g, Space as B, Skeleton as w } from "antd";
+import { Dropdown as N, Space as B, Skeleton as w } from "antd";
 import { useRef as y, useMemo as C } from "react";
 import h from "../../BitzButton/index.mjs";
 import k from "./style.mjs";
-const N = ({ skeletonCls: n, ...s }) => t.jsxs(h, { type: "text", ...s, children: [t.jsx("span", { children: s.children }), t.jsx(w, { active: !0, title: !1, className: n, paragraph: {
+const g = ({ skeletonCls: n, ...s }) => t.jsxs(h, { type: "text", ...s, children: [t.jsx("span", { children: s.children }), t.jsx(w, { active: !0, title: !1, className: n, paragraph: {
   rows: 1,
   width: "100%"
 } })] });
 function z({ loading: n, actionGroup: s, refInstance: d }) {
-  const { gap: p, primaryBtnClassName: i, dangerBtnClassName: r, dropdownBtnClassName: l, maskClassName: m, skeletonBtnClassName: u, skeletonClassName: x } = k(), f = C(() => {
-    const o = s.length >= 4 ? 2 : s.length, a = s.slice(0, o), c = [];
+  const { gap: p, primaryBtnClassName: i, dangerBtnClassName: o, dropdownBtnClassName: l, maskClassName: m, skeletonBtnClassName: u, skeletonClassName: x } = k(), f = C(() => {
+    const r = s.length >= 4 ? 2 : s.length, a = s.slice(0, r), c = [];
     if (a != null && a.length && a.forEach((e, j) => {
-      c.push(n ? t.jsx(N, { className: u, skeletonCls: x, children: e == null ? void 0 : e.label }, j) : e.children ? t.jsx(g, { menu: { items: e.children }, children: t.jsx(h, { type: "text", className: e.danger ? r : i, children: e == null ? void 0 : e.label }) }, j) : t.jsx(h, { type: "text", className: e.danger ? r : i, onClick: e == null ? void 0 : e.onClick, children: e == null ? void 0 : e.label }, j));
-    }), o === 2 && s.length >= 4) {
+      c.push(n ? t.jsx(g, { className: u, skeletonCls: x, children: e == null ? void 0 : e.label }, j) : e.children ? t.jsx(N, { menu: { items: e.children }, children: t.jsx(h, { type: "text", className: e.danger ? o : i, children: e == null ? void 0 : e.label }) }, j) : t.jsx(h, { type: "text", className: e.danger ? o : i, onClick: e == null ? void 0 : e.onClick, children: e == null ? void 0 : e.label }, j));
+    }), r === 2 && s.length >= 4) {
       const e = s.slice(2, s.length);
-      c.push(n ? t.jsx(N, { className: u, skeletonCls: x, children: "更多" }, 5) : t.jsx(g, { menu: { items: e }, children: t.jsx(h, { type: "text", className: l, children: "更多" }) }, 5));
+      c.push(n ? t.jsx(g, { className: u, skeletonCls: x, children: "更多" }, 5) : t.jsx(N, { menu: { items: e }, children: t.jsx(h, { type: "text", className: l, children: "更多" }) }, 5));
     }
     return c;
   }, [n, s]);
-  return t.jsxs("div", { onClick: (o) => o.stopPropagation(), children: [t.jsx(B, { size: p, ref: d, children: f }), t.jsx("div", { className: m })] });
+  return t.jsxs("div", { onClick: (r) => r.stopPropagation(), children: [t.jsx(B, { size: p, ref: d, className: "actionGroup", children: f }), t.jsx("div", { className: m })] });
 }
-function T(n) {
-  const { actionGroup: s, loading: d, ...p } = n, { gap: i } = k(), r = y(null), l = b(r), m = C(() => l != null && l.width ? l.width + i * 2 + 1 : 181, [l, i]);
+function M(n) {
+  const { actionGroup: s, loading: d, ...p } = n, { gap: i } = k(), o = y(null), l = b(o), m = C(() => l != null && l.width ? l.width + i * 2 + 1 : 181, [l, i]);
   return C(() => ({
-    width: m,
-    mobileHideRow: !0,
+    width: Math.floor(m),
+    mobileHide: !0,
     isOperationCol: !0,
     title: "操作",
     fixed: "right",
     key: "operationCol",
     dataIndex: "operationCol",
+    className: "operationCol",
     disable: !0,
-    render: (x, f, o) => {
-      const a = s(f, o).filter((c) => c.type != "detail");
-      return t.jsx(z, { loading: d, actionGroup: a, refInstance: r });
+    render: (x, f, r) => {
+      const a = s(f, r).filter((c) => c.type != "detail");
+      return t.jsx(z, { loading: d, actionGroup: a, refInstance: o });
     },
     ...p
-  }), [m, r, d, s]);
+  }), [m, o, d, s]);
 }
 export {
   z as BitzTableAction,
-  T as default
+  M as default
 };