@unicom-cloud/ui 0.8.156 → 0.8.157

package/tabs/TabContent.js

@@ -1,38 +1,39 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import e from "../utils/className.js";
-import t from "../config-provider/context.js";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+import { isNull as e } from "../utils/is.js";
+import t from "../utils/className.js";
+import n from "../config-provider/context.js";
 import "../config-provider/index.js";
-import { TabContentContext as n, TabsContext as r } from "./context.js";
-import i, { useContext as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { TabContentContext as r, TabsContext as i } from "./context.js";
+import a, { useContext as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
 //#region components/pc/tabs/TabContent.tsx
-function s(s) {
-	let { animation: c, activeTab: l, prefixCls: u, paneChildren: d, direction: f, lazyload: p, destroyOnHide: m } = s, h = d.findIndex((e) => e.key === l), { rtl: g } = a(t), { getIdPrefix: _ } = a(r);
-	if (d.every((e) => e?.props && (!("children" in e.props) || e.props.children === null))) return null;
-	let v = e(`${u}-content-inner`, { [`${u}-animation`]: c });
-	return /* @__PURE__ */ o(n.Provider, {
-		value: { ...s },
-		children: /* @__PURE__ */ o("div", {
-			className: `${u}-content ${u}-content-${f}`,
-			children: /* @__PURE__ */ o("div", {
-				className: v,
-				style: g ? { marginRight: `-${h * 100}%` } : { marginLeft: `-${h * 100}%` },
-				children: d.map((t, n) => {
-					let { tabpane: r, tab: a } = _(n), s = "destroyOnHide" in t.props ? t.props.destroyOnHide : m, c = t.key === l;
-					return /* @__PURE__ */ o("div", {
-						className: e(`${u}-content-item`, { [`${u}-content-item-active`]: c }),
+function c(c) {
+	let { animation: l, activeTab: u, prefixCls: d, paneChildren: f, direction: p, lazyload: m, destroyOnHide: h } = c, g = f.findIndex((e) => e.key === u), { rtl: _ } = o(n), { getIdPrefix: v } = o(i);
+	if (f.every((t, n, r) => t?.props && (!("children" in t.props) || e(t.props.children)))) return null;
+	let y = t(`${d}-content-inner`, { [`${d}-animation`]: l });
+	return /* @__PURE__ */ s(r.Provider, {
+		value: { ...c },
+		children: /* @__PURE__ */ s("div", {
+			className: `${d}-content ${d}-content-${p}`,
+			children: /* @__PURE__ */ s("div", {
+				className: y,
+				style: _ ? { marginRight: `-${g * 100}%` } : { marginLeft: `-${g * 100}%` },
+				children: f.map((e, n) => {
+					let { tabpane: r, tab: i } = v(n), o = "destroyOnHide" in e.props ? e.props.destroyOnHide : h, c = e.key === u;
+					return /* @__PURE__ */ s("div", {
+						className: t(`${d}-content-item`, { [`${d}-content-item-active`]: c }),
 						role: "tabpanel",
 						id: r,
 						"aria-hidden": c ? void 0 : !0,
 						tabIndex: c ? 0 : -1,
-						"aria-labelledby": a,
-						children: h !== n && s ? null : i.cloneElement(t, { isActive: c })
-					}, t.key);
+						"aria-labelledby": i,
+						children: g !== n && o ? null : a.cloneElement(e, { isActive: c })
+					}, e.key);
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { s as default };
+export { c as default };
 /* 独立思考，明辨是非 */

package/tabs/TabPane.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import n from "../utils/omit.js";

package/tabs/Tabs.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isArrayAndNotEmpty as e, isFunction as t, isNullOrUndefined as n, isPlainObject as r } from "../utils/is.js";
 import i from "../hooks/use-merge-value/index.js";
 import a from "../utils/className.js";

package/tabs/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "react";
 //#region components/pc/tabs/context.ts
 var t = e.createContext({}), n = e.createContext({});

package/tabs/hook/useDomSize.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { useEffect as e, useRef as t, useState as n } from "react";
 //#region components/pc/tabs/hook/useDomSize.ts
 function r() {

package/tabs/hook/useHeaderScroll.js

@@ -1,74 +1,75 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { off as e, on as t } from "../../utils/dom.js";
-import { useEffect as n, useRef as r } from "react";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+import { isNullOrUndefined as e } from "../../utils/is.js";
+import { off as t, on as n } from "../../utils/dom.js";
+import { useEffect as r, useRef as i } from "react";
 //#region components/pc/tabs/hook/useHeaderScroll.ts
-function i(i) {
-	let { headerWrapperRef: a, headerOffset: o, align: s, isScrollable: c, direction: l, onScroll: u, onScrollStart: d, onScrollEnd: f } = i, p = r(o);
-	p.current = o;
-	let m = r(null), h = r(null), g = r(!1), _ = r(null), v = () => {
-		h.current != null && window.clearTimeout(h.current), h.current = window.setTimeout(() => {
-			g.current = !1, f && f(), h.current = null;
+function a(a) {
+	let { headerWrapperRef: o, headerOffset: s, align: c, isScrollable: l, direction: u, onScroll: d, onScrollStart: f, onScrollEnd: p } = a, m = i(s);
+	m.current = s;
+	let h = i(null), g = i(null), _ = i(!1), v = i(null), y = () => {
+		e(g.current) || window.clearTimeout(g.current), g.current = window.setTimeout(() => {
+			_.current = !1, p && p(), g.current = null;
 		}, 80);
 	};
-	function y(e, t) {
-		c && (_.current = {
-			x: e,
-			y: t
-		}, g.current || (g.current = !0, d && d()), m.current == null ? m.current = window.requestAnimationFrame(() => {
-			m.current = null;
-			let e = _.current;
+	function b(t, n) {
+		l && (v.current = {
+			x: t,
+			y: n
+		}, _.current || (_.current = !0, f && f()), e(h.current) ? h.current = window.requestAnimationFrame(() => {
+			h.current = null;
+			let e = v.current;
 			if (e) {
 				let t = 0;
-				t = l === "vertical" ? p.current + e.y : s === "left" ? p.current + e.x : p.current - e.x, u && u(t), _.current = null;
+				t = u === "vertical" ? m.current + e.y : c === "left" ? m.current + e.x : m.current - e.x, d && d(t), v.current = null;
 			}
-			v();
-		}) : v());
+			y();
+		}) : y());
 	}
-	function b(e, t) {
-		y(e, t);
+	function x(e, t) {
+		b(e, t);
 	}
-	let x = r("x");
-	function S(e) {
-		if (!c) return;
+	let S = i("x");
+	function C(e) {
+		if (!l) return;
 		e.preventDefault();
 		let { deltaX: t, deltaY: n } = e, r = 0, i = Math.abs(t), a = Math.abs(n);
-		i === a ? r = x.current === "x" ? t : n : i > a ? (r = t, x.current = "x") : (r = n, x.current = "y"), b(r, r);
+		i === a ? r = S.current === "x" ? t : n : i > a ? (r = t, S.current = "x") : (r = n, S.current = "y"), x(r, r);
 	}
-	let C = r({
+	let w = i({
 		clientX: 0,
 		clientY: 0
-	}), w = (e) => e && e.touches && e.touches.length && e.touches[0], T = (e) => {
+	}), T = (e) => e?.touches?.[0], E = (e) => {
 		e.cancelable && e.preventDefault();
-		let t = w(e);
+		let t = T(e);
 		if (!t) return;
-		let { clientX: n, clientY: r } = C.current, i = t.clientX - n, a = t.clientY - r;
-		b(-i, -a);
-	}, E = () => {
-		e(document.documentElement, "touchmove", T), e(window, "touchend", E), v();
-	}, D = (e) => {
-		if (!c) return;
-		let n = w(e);
-		n && (C.current = {
-			clientX: n.clientX,
-			clientY: n.clientY
-		}, t(document.documentElement, "touchmove", T, { passive: !1 }), t(window, "touchend", E, { passive: !1 }), g.current || (g.current = !0, d && d()));
-	}, O = r(null);
-	O.current = {
-		onWheel: S,
-		onTouchStart: D
-	}, n(() => {
-		let n = a.current;
-		if (!n) return;
-		let r = (e) => {
-			O.current.onWheel(e);
-		}, i = (e) => {
-			O.current.onTouchStart(e);
+		let { clientX: n, clientY: r } = w.current, i = t.clientX - n, a = t.clientY - r;
+		x(-i, -a);
+	}, D = () => {
+		t(document.documentElement, "touchmove", E), t(window, "touchend", D), y();
+	}, O = (e) => {
+		if (!l) return;
+		let t = T(e);
+		t && (w.current = {
+			clientX: t.clientX,
+			clientY: t.clientY
+		}, n(document.documentElement, "touchmove", E, { passive: !1 }), n(window, "touchend", D, { passive: !1 }), _.current || (_.current = !0, f && f()));
+	}, k = i(null);
+	k.current = {
+		onWheel: C,
+		onTouchStart: O
+	}, r(() => {
+		let r = o.current;
+		if (!r) return;
+		let i = (e) => {
+			k.current.onWheel(e);
+		}, a = (e) => {
+			k.current.onTouchStart(e);
 		};
-		return t(n, "wheel", r, { passive: !1 }), t(n, "touchstart", i, { passive: !0 }), () => {
-			e(n, "wheel", r), e(n, "touchstart", i), e(document.documentElement, "touchmove", T), e(window, "touchend", E), m.current != null && (window.cancelAnimationFrame(m.current), m.current = null), h.current != null && (window.clearTimeout(h.current), h.current = null), _.current = null, g.current = !1;
+		return n(r, "wheel", i, { passive: !1 }), n(r, "touchstart", a, { passive: !0 }), () => {
+			t(r, "wheel", i), t(r, "touchstart", a), t(document.documentElement, "touchmove", E), t(window, "touchend", D), e(h.current) || (window.cancelAnimationFrame(h.current), h.current = null), e(g.current) || (window.clearTimeout(g.current), g.current = null), v.current = null, _.current = !1;
 		};
-	}, [a.current, c]);
+	}, [o.current, l]);
 }
 //#endregion
-export { i as default };
+export { a as default };
 /* 独立思考，明辨是非 */

package/tabs/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { TabContentContext as e, TabsContext as t } from "./context.js";
 import n from "./hook/useDomSize.js";
 import r from "./hook/useHeaderScroll.js";

package/tabs/interface.d.ts

@@ -6,7 +6,7 @@ import TabHeader from './tab-header';
  */
 export interface TabsProps extends Size {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     children?: ReactNode;
     /**
      * @zh 默认选中的标签选项卡，如不指定默认选择第一个
@@ -193,7 +193,7 @@ export type TabPaneType = ForwardRefExoticComponent<PropsWithChildren<TabPanePro
  */
 export interface TabPaneProps {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 当前选项卡组件的的唯一标识
      * @en Unique identifier key of the current tab item

package/tabs/tab-header/DropdownIcon.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isNull as e } from "../../utils/is.js";
 import t from "../../icon-hover/index.js";
 import n from "../../dropdown/index.js";

package/tabs/tab-header/TabInk.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isEqualWith as e } from "../../utils/is.js";
 import t from "../../utils/className.js";
 import n from "../../utils/throttleByRaf.js";

package/tabs/tab-header/TabNavIcon.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isNull as e } from "../../utils/is.js";
 import t from "../../utils/className.js";
 import n from "../../icon-hover/index.js";

package/tabs/tab-header/TabTitle.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isFunction as e } from "../../utils/is.js";
 import { Enter as t } from "../../utils/keyboardCode.js";
 import n from "../../utils/className.js";

package/tabs/tab-header/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isNumber as e, isPlainObject as t } from "../../utils/is.js";
 import n from "../../utils/className.js";
 import r from "../../config-provider/context.js";

package/tabs/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { Enter as e } from "../utils/keyboardCode.js";
 //#region components/pc/tabs/utils.ts
 var t = (e, t) => {

package/tag/Tag.js

@@ -1,25 +1,25 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isPlainObject as e } from "../utils/is.js";
-import t from "../utils/className.js";
-import n from "../hooks/use-merge-props/index.js";
-import r from "../config-provider/context.js";
-import i from "../utils/omit.js";
-import a from "../icon-hover/index.js";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+import { isNull as e, isPlainObject as t, isUndefined as n } from "../utils/is.js";
+import ee from "../utils/className.js";
+import r from "../hooks/use-merge-props/index.js";
+import i from "../config-provider/context.js";
+import a from "../utils/omit.js";
+import o from "../icon-hover/index.js";
 import "../config-provider/index.js";
-import ee from "../hooks/use-keyboard-event/index.js";
-import o from "../popconfirm/index.js";
-import { COLORS as s } from "./utils.js";
-import { forwardRef as c, useContext as l, useImperativeHandle as u, useRef as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import te from "@unicom-cloud/icons/IconUiClose";
-import ne from "@unicom-cloud/icons/IconUiLoading";
+import te from "../hooks/use-keyboard-event/index.js";
+import s from "../popconfirm/index.js";
+import { COLORS as c } from "./utils.js";
+import { forwardRef as l, useContext as u, useImperativeHandle as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import _ from "@unicom-cloud/icons/IconUiClose";
+import v from "@unicom-cloud/icons/IconUiLoading";
 //#region components/pc/tag/Tag.tsx
-var g = { size: "default" };
-function _(c, _) {
-	let { getPrefixCls: v, componentConfig: y, rtl: b } = l(r), x = ee(), S = n(c, g, y?.Tag), { className: C, style: re, children: w, color: T, closable: E, checkable: D, defaultChecked: O, size: k, onClose: A, onCheck: j, icon: M, closeIcon: N, bordered: P, __closeIconProps: F, ...I } = S, L = v?.("tag"), [R, z] = f("visible" in S ? S.visible : !0), [B, V] = f("checked" in S ? S.checked : O), [H, U] = f(), W = "checked" in S ? S.checked : B, G = "visible" in S ? S.visible : R;
+var y = { size: "default" };
+function b(l, b) {
+	let { getPrefixCls: x, componentConfig: S, rtl: ne } = u(i), re = te(), C = r(l, y, S?.Tag), { className: ie, style: ae, children: w, color: T, closable: E, checkable: D, defaultChecked: O, size: k, onClose: A, onCheck: j, icon: M, closeIcon: N, bordered: P, __closeIconProps: F, ...I } = C, L = x?.("tag"), [R, z] = p("visible" in C ? C.visible : !0), [B, V] = p("checked" in C ? C.checked : O), [H, U] = p(), W = "checked" in C ? C.checked : B, G = "visible" in C ? C.visible : R;
 	function K(e) {
 		let t = A?.(e);
-		t && t.then ? (U(!0), t.then(() => {
+		t?.then ? (U(!0), t.then(() => {
 			U(!1), z(!1);
 		}).catch(() => {
 			U(!1);
@@ -27,9 +27,9 @@ function _(c, _) {
 	}
 	function q() {
 		let e = !W;
-		"checked" in S || V(e), j?.(e);
+		"checked" in C || V(e), j?.(e);
 	}
-	let J = T && s.includes(T) ? T : "", Y = D ? W : !0, ie = t(L, {
+	let J = T && c.includes(T) ? T : "", Y = D ? W : !0, oe = ee(L, {
 		[`${L}-loading`]: H,
 		[`${L}-hide`]: !G,
 		[`${L}-${J}`]: J,
@@ -38,29 +38,29 @@ function _(c, _) {
 		[`${L}-size-${k}`]: k,
 		[`${L}-bordered`]: P,
 		[`${L}-custom-color`]: Y && T && !J,
-		[`${L}-rtl`]: b
-	}, C), X = { ...re };
+		[`${L}-rtl`]: ne
+	}, ie), X = { ...ae };
 	T && !J && Y && (X.backgroundColor ||= T, X.borderColor ||= T);
-	let Z = i(I, ["visible"]);
+	let Z = a(I, ["visible"]);
 	D && (Z.onClick = q);
-	let Q = /* @__PURE__ */ m(a, {
+	let Q = /* @__PURE__ */ h(o, {
 		prefix: L,
 		className: `${L}-close-btn`,
-		onClick: (t) => {
-			e(E?.popconfirm) || K(t);
+		onClick: (e) => {
+			t(E?.popconfirm) || K(e);
 		},
 		role: "button",
 		tabIndex: 0,
-		...x({ onPressEnter(t) {
-			e(E?.popconfirm) || K(t);
+		...re({ onPressEnter(e) {
+			t(E?.popconfirm) || K(e);
 		} }),
 		"aria-label": "Close",
 		...F,
-		children: N === void 0 ? /* @__PURE__ */ m(te, {}) : N
+		children: n(N) ? /* @__PURE__ */ h(_, {}) : N
 	});
-	e(E?.popconfirm) && (Q = /* @__PURE__ */ m(o, {
+	t(E?.popconfirm) && (Q = /* @__PURE__ */ h(s, {
 		...E?.popconfirm,
-		title: E?.popconfirm?.title || /* @__PURE__ */ h(p, { children: ["确定要关闭 ", w] }),
+		title: E?.popconfirm?.title || /* @__PURE__ */ g(m, { children: ["确定要关闭 ", w] }),
 		onCancel: (e) => {
 			E?.popconfirm?.onCancel?.(e);
 		},
@@ -69,33 +69,33 @@ function _(c, _) {
 		},
 		children: Q
 	}));
-	let $ = d(null);
-	return u(_, () => ({ getRootElement() {
+	let $ = f(null);
+	return d(b, () => ({ getRootElement() {
 		return $.current;
-	} })), /* @__PURE__ */ h("div", {
+	} })), /* @__PURE__ */ g("div", {
 		ref: $,
 		style: X,
-		className: ie,
+		className: oe,
 		...Z,
 		children: [
-			M && /* @__PURE__ */ m("span", {
+			M && /* @__PURE__ */ h("span", {
 				className: `${L}-icon`,
 				children: M
 			}),
-			/* @__PURE__ */ m("span", {
+			/* @__PURE__ */ h("span", {
 				className: `${L}-content`,
 				children: w
 			}),
-			!!E && !H && N !== null && Q,
-			H && /* @__PURE__ */ m("span", {
+			!!E && !H && !e(N) && Q,
+			H && /* @__PURE__ */ h("span", {
 				className: `${L}-loading-icon`,
-				children: /* @__PURE__ */ m(ne, {})
+				children: /* @__PURE__ */ h(v, {})
 			})
 		]
 	});
 }
-var v = c(_);
-v.displayName = "Tag";
+var x = l(b);
+x.displayName = "Tag";
 //#endregion
-export { v as default };
+export { x as default };
 /* 独立思考，明辨是非 */

package/tag/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { COLORS as e } from "./utils.js";
 import t from "./Tag.js";
 //#region components/pc/tag/index.tsx

package/tag/interface.d.ts

@@ -6,7 +6,7 @@ import type { PopconfirmProps } from '../popconfirm';
  */
 export interface TagProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'ref'>, Size {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 设置标签背景颜色
      * @en The background color of Tag

package/tag/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 //#region components/pc/tag/utils.ts
 var e = [
 	"red",