bitz-react-admin-ui 2.6.4 → 2.6.6

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

@@ -1,132 +1,155 @@
-import { j as l } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
-import I from "../../../node_modules/.store/ahooks@3.8.0/node_modules/ahooks/es/useSize/index.mjs";
-import { Space as R, Skeleton as P, theme as E } from "antd";
-import { forwardRef as L, useContext as M, useMemo as g, Fragment as D, useRef as w } from "react";
-import f from "../../BitzButton/index.mjs";
-import F, { actionColBtnGap as H } from "./style.mjs";
+import { j as n } from "../../../node_modules/.store/react@18.3.1/node_modules/react/jsx-runtime.mjs";
+import P from "../../../node_modules/.store/ahooks@3.8.0/node_modules/ahooks/es/useSize/index.mjs";
+import { Space as E, Skeleton as L, theme as D } from "antd";
+import { forwardRef as F, useContext as H, useMemo as k, useState as M, Fragment as O, useRef as S } from "react";
+import x from "../../BitzButton/index.mjs";
+import _, { actionColBtnGap as q } from "./style.mjs";
 import "../index.mjs";
-import z from "../Dropdown/index.mjs";
-import { tablePaddingInline as O } from "../../BitzConfigProvider/context.mjs";
-import { BitzTableContext as W } from "../Store/index.mjs";
-const b = ({
-  skeletonCls: p,
+import T from "../Dropdown/index.mjs";
+import { tablePaddingInline as G } from "../../BitzConfigProvider/context.mjs";
+import { BitzTableContext as J } from "../Store/index.mjs";
+const j = ({
+  skeletonCls: h,
   ...s
-}) => /* @__PURE__ */ l.jsxs(f, { type: "text", ...s, children: [
-  /* @__PURE__ */ l.jsx("span", { children: s.children }),
-  /* @__PURE__ */ l.jsx(
-    P,
+}) => /* @__PURE__ */ n.jsxs(x, { type: "text", ...s, children: [
+  /* @__PURE__ */ n.jsx("span", { children: s.children }),
+  /* @__PURE__ */ n.jsx(
+    L,
     {
       active: !0,
       title: !1,
-      className: p,
+      className: h,
       paragraph: {
         rows: 1,
         width: "100%"
       }
     }
   )
-] }), _ = L(
-  ({ loading: p, actionGroup: s, customActions: r }, u) => {
-    const { loading: C, fullscreen: y } = M(W), o = g(() => p ?? C, [p, C]), {
-      primaryBtnClassName: c,
-      dangerBtnClassName: n,
-      secondaryBtnClassName: m,
-      maskClassName: j,
-      skeletonBtnClassName: k,
-      skeletonClassName: x
-    } = F(), B = g(() => {
-      const a = s.length >= 4 ? 2 : s.length, d = s.slice(0, a), t = [];
-      if (d != null && d.length && d.forEach((e, i) => {
+] }), K = F(
+  ({ loading: h, useMaxWidth: s, actionGroup: a, customActions: r }, N) => {
+    const { loading: f, fullscreen: b } = H(J), o = k(() => h ?? f, [h, f]), {
+      primaryBtnClassName: l,
+      dangerBtnClassName: c,
+      secondaryBtnClassName: C,
+      maskClassName: z,
+      skeletonBtnClassName: d,
+      skeletonClassName: p
+    } = _(), [g] = M([
+      /* @__PURE__ */ n.jsx(
+        j,
+        {
+          className: d,
+          skeletonCls: p,
+          children: "占位"
+        },
+        1
+      ),
+      /* @__PURE__ */ n.jsx(
+        j,
+        {
+          className: d,
+          skeletonCls: p,
+          children: "占位"
+        },
+        2
+      )
+    ]), y = k(() => {
+      if (o && s)
+        return g;
+      const m = a.length >= 4 ? 2 : a.length, i = a.slice(0, m), t = [];
+      if (i != null && i.length && i.forEach((e, u) => {
         t.push(
-          o ? /* @__PURE__ */ l.jsx(
-            b,
+          o ? /* @__PURE__ */ n.jsx(
+            j,
             {
-              className: k,
-              skeletonCls: x,
+              className: d,
+              skeletonCls: p,
               children: e == null ? void 0 : e.label
             },
-            i
-          ) : e.children ? /* @__PURE__ */ l.jsx(z, { menu: { items: e.children }, children: /* @__PURE__ */ l.jsx(
-            f,
+            u
+          ) : e.children ? /* @__PURE__ */ n.jsx(T, { menu: { items: e.children }, children: /* @__PURE__ */ n.jsx(
+            x,
             {
               type: "text",
-              className: e.danger ? n : c,
+              className: e.danger ? c : l,
               children: e == null ? void 0 : e.label
             }
-          ) }, i) : /* @__PURE__ */ l.jsx(
-            f,
+          ) }, u) : /* @__PURE__ */ n.jsx(
+            x,
             {
               type: "text",
-              className: e.danger ? n : c,
+              className: e.danger ? c : l,
               onClick: e == null ? void 0 : e.onClick,
               children: e == null ? void 0 : e.label
             },
-            i
+            u
           )
         );
-      }), a === 2 && s.length >= 4) {
-        const e = s.slice(2, s.length);
+      }), m === 2 && a.length >= 4) {
+        const e = a.slice(2, a.length);
         t.push(
-          o ? /* @__PURE__ */ l.jsx(
-            b,
+          o ? /* @__PURE__ */ n.jsx(
+            j,
             {
-              className: k,
-              skeletonCls: x,
+              className: d,
+              skeletonCls: p,
               children: "更多"
             },
             5
-          ) : /* @__PURE__ */ l.jsx(z, { menu: { items: e }, children: /* @__PURE__ */ l.jsx(f, { type: "text", className: m, children: "更多" }) }, 5)
+          ) : /* @__PURE__ */ n.jsx(T, { menu: { items: e }, children: /* @__PURE__ */ n.jsx(x, { type: "text", className: C, children: "更多" }) }, 5)
         );
       }
       return t;
-    }, [o, s]), N = g(() => {
+    }, [o, s, a]), B = k(() => {
       if (!(r != null && r.length))
         return;
-      const a = r.map((t, e) => /* @__PURE__ */ l.jsx(
-        b,
+      if (o && s)
+        return g;
+      const m = r.map((t, e) => /* @__PURE__ */ n.jsx(
+        j,
         {
-          className: k,
-          skeletonCls: x,
+          className: d,
+          skeletonCls: p,
           children: t == null ? void 0 : t.label
         },
         e
-      )), d = r.map((t, e) => {
-        let i = /* @__PURE__ */ l.jsx(
-          f,
+      )), i = r.map((t, e) => {
+        let u = /* @__PURE__ */ n.jsx(
+          x,
           {
             type: "text",
-            className: t.danger ? n : c,
+            className: t.danger ? c : l,
             onClick: t.onClick,
             children: t == null ? void 0 : t.label
           },
           e
         );
-        t.type === "secondary" && (i = /* @__PURE__ */ l.jsx(
-          f,
+        t.type === "secondary" && (u = /* @__PURE__ */ n.jsx(
+          x,
           {
             type: "text",
-            className: m,
+            className: C,
             onClick: t.onClick,
             children: t == null ? void 0 : t.label
           },
           e
         ));
-        const h = t.render ?? ((S, T) => /* @__PURE__ */ l.jsx(D, { children: S }, T));
-        return h == null ? void 0 : h(i, e);
+        const w = t.render ?? ((I, R) => /* @__PURE__ */ n.jsx(O, { children: I }, R));
+        return w == null ? void 0 : w(u, e);
       });
-      return o ? a : d;
-    }, [o, r]);
-    return /* @__PURE__ */ l.jsxs("div", { onClick: (a) => a.stopPropagation(), style: { overflow: "hidden" }, children: [
-      /* @__PURE__ */ l.jsx(R, { size: H, ref: u, className: "actionGroup", children: N ?? B }),
-      /* @__PURE__ */ l.jsx("div", { className: j })
+      return o ? m : i;
+    }, [o, s, r]);
+    return /* @__PURE__ */ n.jsxs("div", { onClick: (m) => m.stopPropagation(), style: { overflow: "hidden" }, children: [
+      /* @__PURE__ */ n.jsx(E, { size: q, ref: N, className: "actionGroup", children: B ?? y }),
+      /* @__PURE__ */ n.jsx("div", { className: z })
     ] });
   }
 );
-function $(p) {
-  var x;
-  const { actionGroup: s, loading: r, customActions: u, defaultWidth: C, ...y } = p, o = ((x = E.useToken().token.Table) == null ? void 0 : x.cellPaddingInline) ?? O, c = w(null), n = I(c), m = w(0), j = g(() => (n != null && n.width && !m.current && (m.current = n == null ? void 0 : n.width), !(n != null && n.width) && m.current ? m.current + o * 2 + 1 : n != null && n.width ? n.width + o * 2 + 1 : C ?? 141), [n, o, C]);
-  return g(() => ({
-    width: Math.floor(j),
+function ee(h) {
+  var d;
+  const { actionGroup: s, loading: a, customActions: r, defaultWidth: N, ...f } = h, b = ((d = D.useToken().token.Table) == null ? void 0 : d.cellPaddingInline) ?? G, o = S(null), l = P(o), c = S(0), C = k(() => (l != null && l.width && !c.current && (c.current = l == null ? void 0 : l.width), !(l != null && l.width) && c.current ? c.current + b * 2 + 1 : l != null && l.width ? l.width + b * 2 + 1 : N ?? 141), [l, b, N]);
+  return k(() => ({
+    width: Math.floor(C),
     mobileHide: !0,
     isOperationCol: !0,
     title: "操作",
@@ -135,23 +158,24 @@ function $(p) {
     dataIndex: "operationCol",
     className: "operationCol",
     disabled: !0,
-    render: (B, N, a) => {
-      var e, i;
-      const d = ((e = u == null ? void 0 : u(N, a)) == null ? void 0 : e.filter((h) => h.type != "detail")) ?? [], t = ((i = s == null ? void 0 : s(N, a)) == null ? void 0 : i.filter((h) => h.type != "detail")) ?? [];
-      return /* @__PURE__ */ l.jsx(
-        _,
+    render: (p, g, y) => {
+      var i, t;
+      const B = ((i = r == null ? void 0 : r(g, y)) == null ? void 0 : i.filter((e) => e.type != "detail")) ?? [], m = ((t = s == null ? void 0 : s(g, y)) == null ? void 0 : t.filter((e) => e.type != "detail")) ?? [];
+      return /* @__PURE__ */ n.jsx(
+        K,
         {
-          actionGroup: t,
-          customActions: d,
-          loading: r,
-          ref: c
+          actionGroup: m,
+          customActions: B,
+          loading: a,
+          useMaxWidth: f.useMaxWidth,
+          ref: o
         }
       );
     },
-    ...y
-  }), [j, c.current, r, s, u]);
+    ...f
+  }), [C, o.current, a, s, r]);
 }
 export {
-  _ as BitzTableAction,
-  $ as default
+  K as BitzTableAction,
+  ee as default
 };