@unicom-cloud/ui 0.8.168 → 0.8.170

package/tabs/tab-header/index.js

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

package/tabs/utils.d.ts

@@ -1,12 +1,16 @@
+import type { TabsProps } from './interface';
 export declare const getRectDiff: (node: HTMLElement, parentNode: HTMLElement) => {
     left: number;
     top: number;
     right: number;
     bottom: number;
 };
-export declare const updateScrollOffset: (parentNode: HTMLElement, direction: "horizontal" | "vertical") => void;
+export declare const updateScrollOffset: (parentNode: HTMLElement, tabPosition: TabsProps["tabPosition"]) => void;
 export declare const getKeyDownEvent: ({ onPressEnter }: {
     onPressEnter: any;
 }) => {
     onKeyDown: (e: any) => void;
 };
+export declare function isVertical(tabPosition: TabsProps['tabPosition']): boolean;
+export declare function isHorizontal(tabPosition: TabsProps['tabPosition']): boolean;
+export declare function getDirectionKey(tabPosition: TabsProps['tabPosition']): "vertical" | "horizontal";

package/tabs/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:36:33 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
 import { Enter as e } from "../utils/keyboardCode.js";
 //#region components/pc/tabs/utils.ts
 var t = (e, t) => {
@@ -11,10 +11,19 @@ var t = (e, t) => {
 	};
 }, 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 });
+	a(t) && n && e.scrollTo({ left: -1 * n }), i(t) && r && e.scrollTo({ top: -1 * r });
 }, r = ({ onPressEnter: t }) => ({ onKeyDown: (n) => {
 	n.key === e.key && t(n);
 } });
+function i(e) {
+	return ["left", "right"].includes(e);
+}
+function a(e) {
+	return ["top", "bottom"].includes(e);
+}
+function o(e) {
+	return i(e) ? "vertical" : "horizontal";
+}
 //#endregion
-export { r as getKeyDownEvent, t as getRectDiff, n as updateScrollOffset };
+export { o as getDirectionKey, r as getKeyDownEvent, t as getRectDiff, a as isHorizontal, i as isVertical, n as updateScrollOffset };
 /* 独立思考，明辨是非 */

package/tag/Tag.js

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

package/tag/constants.js

@@ -0,0 +1,2 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+/* 独立思考，明辨是非 */

package/tag/context.d.ts

@@ -0,0 +1,3 @@
+import type { TagProps } from './interface';
+export declare const defaultProps: Partial<TagProps>;
+export declare const PropsContext: import("react").Context<Partial<TagProps>>;

package/tag/context.js

@@ -0,0 +1,7 @@
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
+import { createContext as e } from "react";
+//#region components/pc/tag/context.ts
+var t = { size: "default" }, n = e({});
+//#endregion
+export { n as PropsContext, t as defaultProps };
+/* 独立思考，明辨是非 */

package/tag/index.d.ts

@@ -1,6 +1,8 @@
+import './style';
 import type { TagProps } from './interface';
 import { COLORS } from './utils';
 declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<unknown>> & {
+    PropsContext: import("react").Context<Partial<TagProps>>;
     zh: string;
     en: string;
     displayName: string;

package/tag/index.js

@@ -1,9 +1,14 @@
-/* 潘启宝 2026-06-17 16:36:33 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 17:54:57 星期四 山东省济南市 */
 import { TAG_COMPONENT_INFO as e } from "../utils/names.js";
-import { COLORS as t } from "./utils.js";
-import n from "./Tag.js";
+import "./style/index.js";
+import { PropsContext as t } from "./context.js";
+import { COLORS as n } from "./utils.js";
+import r from "./Tag.js";
 //#region components/pc/tag/index.ts
-var r = Object.assign(n, { ...e });
+var i = Object.assign(r, {
+	...e,
+	PropsContext: t
+});
 //#endregion
-export { t as TAG_COLORS, r as default };
+export { n as TAG_COLORS, i as default };
 /* 独立思考，明辨是非 */