@unicom-cloud/ui 0.8.150 → 0.8.152

package/tabs/tab-header/index.js

@@ -1,321 +1,251 @@
-/* 2026-03-04 15:09:50 */
-import { jsx as l, jsxs as W } from "react/jsx-runtime";
-import Fe from "@unicom-cloud/icons/IconUiPlus";
-import Ue from "lodash/throttle";
-import Ye, { useContext as pe, useRef as qe, useState as me, useCallback as Je, useEffect as ue } from "react";
-import "../../config-provider/ConfigProvider.js";
-import D from "@unicom-cloud/ui-common/hooks/use-resize-observers";
-import Qe from "../../icon-hover/index.js";
-import F from "@unicom-cloud/ui-common/utils/className";
-import { isPlainObject as Ze, isNumber as U } from "@unicom-cloud/ui-common/utils/is";
-import { setTransformStyle as et } from "@unicom-cloud/ui-common/utils/style";
-import { TabsContext as tt } from "../context.js";
-import k from "../hook/useDomSize.js";
-import rt from "../hook/useHeaderScroll.js";
-import { updateScrollOffset as ot, getRectDiff as Se, getKeyDownEvent as nt } from "../utils.js";
-import st from "./DropdownIcon.js";
-import at from "./TabInk.js";
-import ge from "./TabNavIcon.js";
-import it from "./TabTitle.js";
-import lt from "../../config-provider/context.js";
-const Y = "vertical", E = "right", B = "left", be = {
-  delete: !0,
-  add: !0
-}, ct = ({
-  direction: S,
-  align: R = B,
-  headerOffset: c
-}) => {
-  let p = `translateX(${-c}px)`;
-  return R === E && (p = `translateX(${c}px)`), S === Y && (p = `translateY(${-c}px)`), et(p);
-}, dt = ({
-  direction: S,
-  align: R = B,
-  headerDom: c,
-  headerWrapperDom: p
-}) => {
-  const z = Se(c, p);
-  return S === Y ? -z.top : R === E ? z.right : -z.left;
-}, ft = Ye.forwardRef((S, R) => {
-  const { rtl: c } = pe(lt), p = pe(tt), { tabHeaderProps: z, getIdPrefix: xe } = p, x = {
-    ...S,
-    ...z
-  }, [v, T, ve] = k(), [N, m, Te] = k(), [L, q, Oe] = k(), [J, Q, $e] = k(), [Z, ee, Ce] = k(), A = qe({}), [O, te] = me(0), [Re, M] = me(!0), {
-    paneChildren: _,
-    editable: ze,
-    prefixCls: t,
-    onAddTab: we,
-    direction: n,
-    type: u = "line",
-    overflow: re = "scroll",
-    activeTab: w,
-    showAddButton: ye,
-    size: He = "default",
-    style: ke,
-    tabPosition: Ne,
-    className: Ae,
-    extra: oe,
-    animation: Ie,
-    icons: y,
-    deleteButton: Pe,
-    addButton: We,
-    renderTabTitle: De,
-    scrollAfterEdit: ne,
-    scrollPosition: d = "auto",
-    inkBarSize: Ee,
-    headerScrollable: Be
-  } = x, Le = !!(_.find((e, s, o) => e?.props?.disabled && e.key === w) || p.disabled), se = Ze(ne) ? { ...be, ...ne } : be, [Me, _e] = c ? [E, B] : [B, E], $ = u === "capsule" ? _e : Me, je = q.height - Q.height - ee.height, Ge = q.width - Q.width - ee.width, g = Be !== !1 && (x.direction === "vertical" ? je < m.height : Ge < m.width), Ke = () => {
-    if (L.current) {
-      const e = L.current;
-      Oe({
-        height: e.offsetHeight,
-        width: e.offsetWidth
-      });
-    }
-  }, I = (e) => Ue((s) => {
-    Ke();
-    const o = s?.[0]?.target;
-    o && e({
-      height: o.offsetHeight,
-      width: o.offsetWidth,
-      domRect: o.getBoundingClientRect()
-    });
-  }, 200), ae = I(ve), ie = I(Te), le = I($e), ce = I(Ce), j = Je(
-    (e) => {
-      const s = n === Y ? m.height - T.height : m.width - T.width;
-      let o = e;
-      return o = Math.min(s, o), o = Math.max(o, 0), o;
-    },
-    [n, m, T]
-  ), G = (e) => {
-    const s = j(e);
-    s !== O && te(s);
-  };
-  ue(() => () => {
-    ie?.cancel?.(), ae?.cancel?.(), le?.cancel?.(), ce?.cancel?.();
-  }, []), ue(() => {
-    if (!Re) {
-      M(!0);
-      return;
-    }
-    const e = () => {
-      const o = A.current[w];
-      if (!o || !g)
-        return 0;
-      const r = Se(o, v.current), f = dt({
-        direction: n,
-        align: $,
-        headerDom: N.current,
-        headerWrapperDom: v.current
-      });
-      if (n === "vertical") {
-        let h = f, a = d;
-        const i = f + r.top, b = f + r.bottom;
-        return a === "auto" && (a = r.top < 0 ? "start" : r.bottom > 0 ? "end" : d), a === "start" ? h = i : a === "end" ? h = b : a === "center" ? h = i - (r.top - r.bottom) / 2 : U(a) && (h = Math.max(i - a, b)), h;
-      }
-      if ($ === "right") {
-        const h = f - r.left, a = f - r.right;
-        let i = d, b = f;
-        return d === "auto" && (i = r.left < 0 ? "start" : r.right > 0 ? "end" : d), i === "start" ? b = h : i === "end" ? b = a : i === "center" ? b = h + (r.left - r.right) / 2 : U(i) && (b = Math.min(h + i, a)), b;
-      }
-      let H = f, C = d;
-      const X = f + r.left, he = f + r.right;
-      return d === "auto" && (C = r.left < 0 ? "start" : r.right > 0 ? "end" : d), C === "start" ? H = X : C === "end" ? H = he : C === "center" ? H = X - (r.left - r.right) / 2 : U(C) && (H = Math.max(X - C, he)), H;
-    };
-    ot(v.current, n);
-    let s = e();
-    s = j(s), te(s);
-  }, [
-    w,
-    n,
-    re,
-    g,
-    u,
-    j,
-    d
-  ]);
-  const Ve = ct({
-    direction: n,
-    align: $,
-    headerOffset: O
-  }), K = g && re === "dropdown" && n !== "vertical", V = g && !K, P = ze && (u === "card" || u === "card-gutter" || u === "line"), Xe = (e) => {
-    x.onDeleteTab?.(e.key), M(se.delete);
-  }, de = () => {
-    we?.(), M(se.add);
-  };
-  D(
-    (e) => {
-      ce(e);
-    },
-    [Z.current]
-  ), D(
-    (e) => {
-      ae(e);
-    },
-    [v.current]
-  ), D(
-    (e) => {
-      ie(e);
-    },
-    [N.current]
-  ), D(
-    (e) => {
-      le(e);
-    },
-    [J.current]
-  );
-  const fe = (e) => e && ye && /* @__PURE__ */ l(
-    "div",
-    {
-      className: `${t}-add-icon`,
-      "aria-label": "add tab",
-      tabIndex: 0,
-      role: "button",
-      ref: Z,
-      onClick: de,
-      ...nt({ onPressEnter: de }),
-      children: We || /* @__PURE__ */ l(Qe, { prefix: `${t}-add`, children: /* @__PURE__ */ l("span", { className: `${t}-add`, children: y?.add || /* @__PURE__ */ l(Fe, {}) }) })
-    }
-  );
-  return rt({
-    headerWrapperRef: v,
-    headerOffset: O,
-    align: $,
-    direction: n,
-    isScrollable: g,
-    onScroll(e) {
-      G(e);
-    }
-  }), /* @__PURE__ */ l(
-    "div",
-    {
-      className: F(
-        `${t}-header-nav`,
-        `${t}-header-nav-${n}`,
-        `${t}-header-nav-${Ne}`,
-        `${t}-header-size-${He}`,
-        `${t}-header-nav-${u}`,
-        { [`${t}-header-nav-sticky`]: x.headerSticky },
-        // 潘启宝添加
-        Ae
-      ),
-      style: { ...ke },
-      ref: R,
-      children: /* @__PURE__ */ W(
-        "div",
-        {
-          className: F(`${t}-header-scroll`, {
-            [`${t}-header-overflow-scroll`]: V,
-            [`${t}-header-overflow-dropdown`]: K
-          }),
-          ref: L,
-          children: [
-            V && /* @__PURE__ */ l(
-              ge,
-              {
-                iconPos: "prev",
-                rtl: c,
-                icon: y?.prev,
-                prefixCls: t,
-                currentOffset: O,
-                headerSize: m,
-                headerWrapperSize: T,
-                direction: n,
-                align: $,
-                onChange: G
-              }
-            ),
-            /* @__PURE__ */ W("div", { className: `${t}-header-wrapper`, ref: v, children: [
-              /* @__PURE__ */ W(
-                "div",
-                {
-                  className: F(`${t}-header`, {
-                    [`${t}-header-no-padding`]: !S.headerPadding && n === "horizontal" && ["line", "text"].includes(u)
-                  }),
-                  ref: N,
-                  style: Ve,
-                  children: [
-                    _.map((e, s) => /* @__PURE__ */ l(
-                      it,
-                      {
-                        ref: (o) => {
-                          A.current[e.key] = o;
-                        },
-                        tabKey: e.key,
-                        ...e.props,
-                        prefixCls: t,
-                        onDeleteTab: () => Xe(e),
-                        renderTitle: S.children || De,
-                        onClickTab: () => {
-                          x.onClickTab?.(e.key);
-                        },
-                        isActive: w === e.key,
-                        editable: P && e.props.closable !== !1,
-                        deleteIcon: y?.delete,
-                        deleteButton: Pe,
-                        getIdPrefix: xe,
-                        index: s
-                      },
-                      s
-                    )),
-                    u === "line" && /* @__PURE__ */ l(
-                      at,
-                      {
-                        disabled: Le,
-                        prefixCls: t,
-                        animation: Ie,
-                        direction: n,
-                        getTitleRef: (e) => A.current[e],
-                        activeTab: w,
-                        getHeaderRef: () => N,
-                        inkBarSize: Ee
-                      }
-                    )
-                  ]
-                }
-              ),
-              !g && fe(P)
-            ] }),
-            V && /* @__PURE__ */ l(
-              ge,
-              {
-                prefixCls: t,
-                rtl: c,
-                iconPos: "next",
-                icon: y?.next,
-                currentOffset: O,
-                headerSize: m,
-                headerWrapperSize: T,
-                direction: n,
-                align: $,
-                onChange: G
-              }
-            ),
-            K && /* @__PURE__ */ l(
-              st,
-              {
-                onClickTab: x.onClickTab,
-                paneChildren: _,
-                prefixCls: t,
-                currentOffset: O,
-                headerSize: m,
-                icon: y?.dropdown,
-                headerWrapperSize: T,
-                getTitleRef: (e) => A.current[e],
-                direction: n
-              }
-            ),
-            (P && g || oe) && /* @__PURE__ */ W("div", { className: `${t}-header-extra`, ref: J, children: [
-              g && fe(P),
-              oe
-            ] })
-          ]
-        }
-      )
-    }
-  );
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { isNumber as e, isPlainObject as t } from "../../utils/is.js";
+import n from "../../utils/className.js";
+import r from "../../config-provider/context.js";
+import i from "../../icon-hover/index.js";
+import "../../config-provider/index.js";
+import { setTransformStyle as a } from "../../utils/style.js";
+import o from "../../hooks/use-resize-observers/index.js";
+import { TabsContext as s } from "../context.js";
+import c from "../hook/useDomSize.js";
+import ee from "../hook/useHeaderScroll.js";
+import { getKeyDownEvent as te, getRectDiff as l, updateScrollOffset as ne } from "../utils.js";
+import re from "./DropdownIcon.js";
+import ie from "./TabInk.js";
+import ae from "./TabNavIcon.js";
+import oe from "./TabTitle.js";
+import se, { useCallback as ce, useContext as le, useEffect as u, useRef as ue, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import de from "lodash/throttle";
+import fe from "@unicom-cloud/icons/IconUiPlus";
+//#region components/pc/tabs/tab-header/index.tsx
+var m = "vertical", h = "right", g = "left", _ = {
+	delete: !0,
+	add: !0
+}, pe = ({ direction: e, align: t = g, headerOffset: n }) => {
+	let r = `translateX(${-n}px)`;
+	return t === h && (r = `translateX(${n}px)`), e === m && (r = `translateY(${-n}px)`), a(r);
+}, me = ({ direction: e, align: t = g, headerDom: n, headerWrapperDom: r }) => {
+	let i = l(n, r);
+	return e === m ? -i.top : t === h ? i.right : -i.left;
+}, v = se.forwardRef((a, se) => {
+	let { rtl: v } = le(r), he = le(s), { tabHeaderProps: ge, getIdPrefix: _e } = he, y = {
+		...a,
+		...ge
+	}, [b, x, ve] = c(), [S, C, ye] = c(), [w, T, be] = c(), [E, D, xe] = c(), [O, k, Se] = c(), A = ue({}), [j, M] = d(0), [Ce, N] = d(!0), [we, P] = d(!1), { paneChildren: F, editable: Te, prefixCls: I, onAddTab: Ee, direction: L, type: R = "line", overflow: z = "scroll", activeTab: B, showAddButton: De, size: Oe = "default", style: ke, tabPosition: Ae, className: je, extra: V, animation: Me, icons: H, deleteButton: Ne, addButton: Pe, renderTabTitle: Fe, scrollAfterEdit: U, scrollPosition: W = "auto", inkBarSize: Ie, headerScrollable: Le } = y, Re = !!(F.find((e, t, n) => e?.props?.disabled && e.key === B) || he.disabled), ze = t(U) ? {
+		..._,
+		...U
+	} : _, [Be, Ve] = v ? [h, g] : [g, h], G = R === "capsule" ? Ve : Be, He = T.height - D.height - k.height, Ue = T.width - D.width - k.width, K = Le !== !1 && (y.direction === "vertical" ? He < C.height : Ue < C.width), We = () => {
+		if (w.current) {
+			let e = w.current;
+			be({
+				height: e.offsetHeight,
+				width: e.offsetWidth
+			});
+		}
+	}, q = (e) => de((t) => {
+		We();
+		let n = t?.[0]?.target;
+		n && e({
+			height: n.offsetHeight,
+			width: n.offsetWidth,
+			domRect: n.getBoundingClientRect()
+		});
+	}, 200), Ge = q(ve), Ke = q(ye), J = q(xe), qe = q(Se), Y = ce((e) => {
+		let t = L === m ? C.height - x.height : C.width - x.width, n = e;
+		return n = Math.min(t, n), n = Math.max(n, 0), n;
+	}, [
+		L,
+		C,
+		x
+	]), X = (e) => {
+		let t = Y(e);
+		t !== j && M(t);
+	};
+	u(() => () => {
+		Ke?.cancel?.(), Ge?.cancel?.(), J?.cancel?.(), qe?.cancel?.();
+	}, []), u(() => {
+		if (!Ce) {
+			N(!0);
+			return;
+		}
+		let t = () => {
+			let t = A.current[B];
+			if (!t || !K) return 0;
+			let n = l(t, b.current), r = me({
+				direction: L,
+				align: G,
+				headerDom: S.current,
+				headerWrapperDom: b.current
+			});
+			if (L === "vertical") {
+				let t = r, i = W, a = r + n.top, o = r + n.bottom;
+				return i === "auto" && (i = n.top < 0 ? "start" : n.bottom > 0 ? "end" : W), i === "start" ? t = a : i === "end" ? t = o : i === "center" ? t = a - (n.top - n.bottom) / 2 : e(i) && (t = Math.max(a - i, o)), t;
+			}
+			if (G === "right") {
+				let t = r - n.left, i = r - n.right, a = W, o = r;
+				return W === "auto" && (a = n.left < 0 ? "start" : n.right > 0 ? "end" : W), a === "start" ? o = t : a === "end" ? o = i : a === "center" ? o = t + (n.left - n.right) / 2 : e(a) && (o = Math.min(t + a, i)), o;
+			}
+			let i = r, a = W, o = r + n.left, s = r + n.right;
+			return W === "auto" && (a = n.left < 0 ? "start" : n.right > 0 ? "end" : W), a === "start" ? i = o : a === "end" ? i = s : a === "center" ? i = o - (n.left - n.right) / 2 : e(a) && (i = Math.max(o - a, s)), i;
+		};
+		ne(b.current, L);
+		let n = t();
+		n = Y(n), M(n);
+	}, [
+		B,
+		L,
+		z,
+		K,
+		R,
+		Y,
+		W
+	]);
+	let Je = pe({
+		direction: L,
+		align: G,
+		headerOffset: j
+	}), Z = K && z === "dropdown" && L !== "vertical", Q = K && !Z, $ = Te && (R === "card" || R === "card-gutter" || R === "line"), Ye = (e) => {
+		y.onDeleteTab?.(e.key), N(ze.delete);
+	}, Xe = () => {
+		Ee?.(), N(ze.add);
+	};
+	o((e) => {
+		qe(e);
+	}, [O.current]), o((e) => {
+		Ge(e);
+	}, [b.current]), o((e) => {
+		Ke(e);
+	}, [S.current]), o((e) => {
+		J(e);
+	}, [E.current]);
+	let Ze = (e) => e && De && /* @__PURE__ */ f("div", {
+		className: `${I}-add-icon`,
+		"aria-label": "add tab",
+		tabIndex: 0,
+		role: "button",
+		ref: O,
+		onClick: Xe,
+		...te({ onPressEnter: Xe }),
+		children: Pe || /* @__PURE__ */ f(i, {
+			prefix: `${I}-add`,
+			children: /* @__PURE__ */ f("span", {
+				className: `${I}-add`,
+				children: H?.add || /* @__PURE__ */ f(fe, {})
+			})
+		})
+	});
+	return ee({
+		headerWrapperRef: b,
+		headerOffset: j,
+		align: G,
+		direction: L,
+		isScrollable: K,
+		onScroll(e) {
+			X(e);
+		},
+		onScrollStart() {
+			P(!0);
+		},
+		onScrollEnd() {
+			P(!1);
+		}
+	}), /* @__PURE__ */ f("div", {
+		className: n(`${I}-header-nav`, `${I}-header-nav-${L}`, `${I}-header-nav-${Ae}`, `${I}-header-size-${Oe}`, `${I}-header-nav-${R}`, { [`${I}-header-nav-sticky`]: y.headerSticky }, je),
+		style: { ...ke },
+		ref: se,
+		children: /* @__PURE__ */ p("div", {
+			className: n(`${I}-header-scroll`, {
+				[`${I}-header-overflow-scroll`]: Q,
+				[`${I}-header-overflow-dropdown`]: Z
+			}),
+			ref: w,
+			children: [
+				Q && /* @__PURE__ */ f(ae, {
+					iconPos: "prev",
+					rtl: v,
+					icon: H?.prev,
+					prefixCls: I,
+					currentOffset: j,
+					headerSize: C,
+					headerWrapperSize: x,
+					direction: L,
+					align: G,
+					onChange: X
+				}),
+				/* @__PURE__ */ p("div", {
+					className: `${I}-header-wrapper`,
+					ref: b,
+					children: [/* @__PURE__ */ p("div", {
+						className: n(`${I}-header`, {
+							[`${I}-header-no-padding`]: !a.headerPadding && L === "horizontal" && ["line", "text"].includes(R),
+							[`${I}-header-scrolling`]: we
+						}),
+						ref: S,
+						style: Je,
+						children: [F.map((e, t) => /* @__PURE__ */ f(oe, {
+							ref: (t) => {
+								A.current[e.key] = t;
+							},
+							tabKey: e.key,
+							...e.props,
+							prefixCls: I,
+							onDeleteTab: () => Ye(e),
+							renderTitle: a.children || Fe,
+							onClickTab: () => {
+								y.onClickTab?.(e.key);
+							},
+							isActive: B === e.key,
+							editable: $ && e.props.closable !== !1,
+							deleteIcon: H?.delete,
+							deleteButton: Ne,
+							getIdPrefix: _e,
+							index: t
+						}, t)), R === "line" && /* @__PURE__ */ f(ie, {
+							disabled: Re,
+							prefixCls: I,
+							animation: Me,
+							direction: L,
+							getTitleRef: (e) => A.current[e],
+							activeTab: B,
+							getHeaderRef: () => S,
+							inkBarSize: Ie
+						})]
+					}), !K && Ze($)]
+				}),
+				Q && /* @__PURE__ */ f(ae, {
+					prefixCls: I,
+					rtl: v,
+					iconPos: "next",
+					icon: H?.next,
+					currentOffset: j,
+					headerSize: C,
+					headerWrapperSize: x,
+					direction: L,
+					align: G,
+					onChange: X
+				}),
+				Z && /* @__PURE__ */ f(re, {
+					onClickTab: y.onClickTab,
+					paneChildren: F,
+					prefixCls: I,
+					currentOffset: j,
+					headerSize: C,
+					icon: H?.dropdown,
+					headerWrapperSize: x,
+					getTitleRef: (e) => A.current[e],
+					direction: L
+				}),
+				($ && K || V) && /* @__PURE__ */ p("div", {
+					className: `${I}-header-extra`,
+					ref: E,
+					children: [K && Ze($), V]
+				})
+			]
+		})
+	});
 });
-ft.displayName = "TabHeader";
-export {
-  ft as default
-};
+v.displayName = "TabHeader";
+//#endregion
+export { v as default };
+/* 独立思考，明辨是非 */

package/tabs/utils.js

@@ -1,23 +1,20 @@
-/* 2026-03-04 15:09:50 */
-import { Enter as n } from "@unicom-cloud/utils/constant/keyboardCode";
-const i = (e, t) => {
-  const c = e.getBoundingClientRect(), o = t.getBoundingClientRect(), l = t.offsetWidth / o.width, s = t.offsetHeight / o.height;
-  return {
-    left: (c.left - o.left) * l,
-    top: (c.top - o.top) * s,
-    right: (c.right - o.right) * l,
-    bottom: (c.bottom - o.bottom) * s
-  };
-}, r = (e, t) => {
-  const c = e.scrollLeft, o = e.scrollTop;
-  t === "horizontal" && c && e.scrollTo({ left: -1 * c }), t === "vertical" && o && e.scrollTo({ top: -1 * o });
-}, g = ({ onPressEnter: e }) => ({
-  onKeyDown: (t) => {
-    t.key === n.key && e(t);
-  }
-});
-export {
-  g as getKeyDownEvent,
-  i as getRectDiff,
-  r as updateScrollOffset
-};
+/* 潘启宝 2026-03-24 16:29:04 星期二 */
+import { Enter as e } from "../utils/keyboardCode.js";
+//#region components/pc/tabs/utils.ts
+var t = (e, t) => {
+	let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = t.offsetWidth / r.width, a = t.offsetHeight / r.height;
+	return {
+		left: (n.left - r.left) * i,
+		top: (n.top - r.top) * a,
+		right: (n.right - r.right) * i,
+		bottom: (n.bottom - r.bottom) * a
+	};
+}, n = (e, t) => {
+	let n = e.scrollLeft, r = e.scrollTop;
+	t === "horizontal" && n && e.scrollTo({ left: -1 * n }), t === "vertical" && r && e.scrollTo({ top: -1 * r });
+}, r = ({ onPressEnter: t }) => ({ onKeyDown: (n) => {
+	n.key === e.key && t(n);
+} });
+//#endregion
+export { r as getKeyDownEvent, t as getRectDiff, n as updateScrollOffset };
+/* 独立思考，明辨是非 */

package/tag/Tag.d.ts

@@ -0,0 +1,4 @@
+import type { TagProps } from './interface';
+declare const TagComponent: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<unknown>>;
+export default TagComponent;
+export type { TagProps };