@unicom-cloud/ui 0.8.157 → 0.8.159

package/tabs/tab-header/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isNumber as e, isPlainObject as t } from "../../utils/is.js";
 import n from "../../utils/className.js";
 import r from "../../config-provider/context.js";
@@ -14,30 +14,31 @@ 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 u, useEffect as d, useRef as le, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import ue from "lodash/throttle";
-import de from "@unicom-cloud/icons/IconUiPlus";
+import { forwardRef as se, useCallback as ce, useContext as le, useEffect as ue, useRef as de, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import fe from "lodash/throttle";
+import pe from "@unicom-cloud/icons/IconUiPlus";
 //#region components/pc/tabs/tab-header/index.tsx
-var h = "vertical", g = "right", _ = "left", fe = 1, pe = {
+var p = "vertical", m = "right", h = "left", me = 1, g = {
 	delete: !0,
 	add: !0
-}, me = ({ direction: e, align: t = _, headerOffset: n }) => {
+}, he = ({ direction: e, align: t = h, headerOffset: n }) => {
 	let r = `translateX(${-n}px)`;
-	return t === g && (r = `translateX(${n}px)`), e === h && (r = `translateY(${-n}px)`), a(r);
-}, he = ({ direction: e, align: t = _, headerDom: n, headerWrapperDom: r }) => {
+	return t === m && (r = `translateX(${n}px)`), e === p && (r = `translateY(${-n}px)`), a(r);
+}, ge = ({ direction: e, align: t = h, headerDom: n, headerWrapperDom: r }) => {
 	let i = l(n, r);
-	return e === h ? -i.top : t === g ? i.right : -i.left;
-}, v = se.forwardRef((a, se) => {
-	let { rtl: v } = u(r), ge = u(s), { tabHeaderProps: _e, getIdPrefix: ve } = ge, y = {
+	return e === p ? -i.top : t === m ? i.right : -i.left;
+};
+function _(a, se) {
+	let { rtl: _ } = le(r), v = le(s), { tabHeaderProps: _e, getIdPrefix: ve } = v, y = {
 		...a,
 		..._e
-	}, [b, x, ye] = c(), [S, C, be] = c(), [w, T, xe] = c(), [E, D, Se] = c(), [O, k, Ce] = c(), A = le({}), [j, M] = f(0), [we, N] = f(!0), [Te, P] = f(!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: U, scrollPosition: W = "auto", inkBarSize: Le, headerScrollable: Re } = y, ze = !!(F.find((e, t, n) => e?.props?.disabled && e.key === B) || ge.disabled), Be = t(U) ? {
-		...pe,
-		...U
-	} : pe, [Ve, He] = v ? [g, _] : [_, g], G = R === "capsule" ? He : Ve;
+	}, [b, x, ye] = c(), [S, C, be] = c(), [w, T, xe] = c(), [E, D, Se] = c(), [O, k, Ce] = c(), A = de({}), [j, M] = u(0), [we, N] = u(!0), [Te, P] = u(!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) || v.disabled), Ve = t(Le) ? {
+		...g,
+		...Le
+	} : g, [He, Ue] = _ ? [m, h] : [h, m], W = R === "capsule" ? Ue : He;
 	T.height - D.height - k.height, T.width - D.width - k.width;
-	let K = Re !== !1 && (y.direction === h ? C.height - x.height : C.width - x.width) > fe, Ue = () => {
+	let G = ze !== !1 && (y.direction === p ? C.height - x.height : C.width - x.width) > me, We = () => {
 		if (w.current) {
 			let e = w.current;
 			xe({
@@ -45,106 +46,106 @@ var h = "vertical", g = "right", _ = "left", fe = 1, pe = {
 				width: e.offsetWidth
 			});
 		}
-	}, q = (e) => ue((t) => {
-		Ue();
+	}, K = (e) => fe((t) => {
+		We();
 		let n = t?.[0]?.target;
 		n && e({
 			height: n.offsetHeight,
 			width: n.offsetWidth,
 			domRect: n.getBoundingClientRect()
 		});
-	}, 200), We = q(ye), Ge = q(be), Ke = q(Se), J = q(Ce), Y = ce((e) => {
-		let t = L === h ? C.height - x.height : C.width - x.width, n = e;
+	}, 200), Ge = K(ye), Ke = K(be), qe = K(Se), q = K(Ce), J = ce((e) => {
+		let t = L === p ? 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);
+	]), Y = (e) => {
+		let t = J(e);
 		t !== j && M(t);
 	};
-	d(() => () => {
-		Ge?.cancel?.(), We?.cancel?.(), Ke?.cancel?.(), J?.cancel?.();
-	}, []), d(() => {
+	ue(() => () => {
+		Ke?.cancel?.(), Ge?.cancel?.(), qe?.cancel?.(), q?.cancel?.();
+	}, []), ue(() => {
 		if (!we) {
 			N(!0);
 			return;
 		}
 		let t = () => {
 			let t = A.current[B];
-			if (!t || !K) return 0;
-			let n = l(t, b.current), r = he({
+			if (!t || !G) return 0;
+			let n = l(t, b.current), r = ge({
 				direction: L,
-				align: G,
+				align: W,
 				headerDom: S.current,
 				headerWrapperDom: b.current
 			});
-			if (L === h) {
-				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 (L === p) {
+				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;
 			}
-			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;
+			if (W === "right") {
+				let t = r - n.left, i = r - n.right, a = U, o = r;
+				return U === "auto" && (a = n.left < 0 ? "start" : n.right > 0 ? "end" : U), 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;
+			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;
 		};
 		ne(b.current, L);
 		let n = t();
-		n = Y(n), M(n);
+		n = J(n), M(n);
 	}, [
 		B,
 		L,
 		z,
-		K,
+		G,
 		R,
-		Y,
-		W
+		J,
+		U
 	]);
-	let qe = me({
+	let Je = he({
 		direction: L,
-		align: G,
+		align: W,
 		headerOffset: j
-	}), Z = K && z === "dropdown" && L !== h, Q = K && !Z, $ = Ee && (R === "card" || R === "card-gutter" || R === "line"), Je = (e) => {
-		y.onDeleteTab?.(e.key), N(Be.delete);
-	}, Ye = () => {
-		De?.(), N(Be.add);
+	}), X = G && z === "dropdown" && L !== p, 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);
 	};
 	o((e) => {
-		J(e);
+		q(e);
 	}, [O.current]), o((e) => {
-		We(e);
-	}, [b.current]), o((e) => {
 		Ge(e);
-	}, [S.current]), o((e) => {
+	}, [b.current]), o((e) => {
 		Ke(e);
+	}, [S.current]), o((e) => {
+		qe(e);
 	}, [E.current]);
-	let Xe = (e) => e && Oe && /* @__PURE__ */ p("div", {
+	let $ = (e) => e && Oe && /* @__PURE__ */ d("div", {
 		className: `${I}-add-icon`,
 		"aria-label": "add tab",
 		tabIndex: 0,
 		role: "button",
 		ref: O,
-		onClick: Ye,
-		...te({ onPressEnter: Ye }),
-		children: Fe || /* @__PURE__ */ p(i, {
+		onClick: Xe,
+		...te({ onPressEnter: Xe }),
+		children: Fe || /* @__PURE__ */ d(i, {
 			prefix: `${I}-add`,
-			children: /* @__PURE__ */ p("span", {
+			children: /* @__PURE__ */ d("span", {
 				className: `${I}-add`,
-				children: H?.add || /* @__PURE__ */ p(de, {})
+				children: H?.add || /* @__PURE__ */ d(pe, {})
 			})
 		})
 	});
 	return ee({
 		headerWrapperRef: b,
 		headerOffset: j,
-		align: G,
+		align: W,
 		direction: L,
-		isScrollable: K,
+		isScrollable: G,
 		onScroll(e) {
-			X(e);
+			Y(e);
 		},
 		onScrollStart() {
 			P(!0);
@@ -152,82 +153,82 @@ var h = "vertical", g = "right", _ = "left", fe = 1, pe = {
 		onScrollEnd() {
 			P(!1);
 		}
-	}), /* @__PURE__ */ p("div", {
+	}), /* @__PURE__ */ d("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 },
 		ref: se,
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: n(`${I}-header-scroll`, {
-				[`${I}-header-overflow-scroll`]: Q,
-				[`${I}-header-overflow-dropdown`]: Z
+				[`${I}-header-overflow-scroll`]: Z,
+				[`${I}-header-overflow-dropdown`]: X
 			}),
 			ref: w,
 			children: [
-				Q && /* @__PURE__ */ p(ae, {
+				Z && /* @__PURE__ */ d(ae, {
 					iconPos: "prev",
-					rtl: v,
+					rtl: _,
 					icon: H?.prev,
 					prefixCls: I,
 					currentOffset: j,
 					headerSize: C,
 					headerWrapperSize: x,
 					direction: L,
-					align: G,
-					onChange: X
+					align: W,
+					onChange: Y
 				}),
-				/* @__PURE__ */ m("div", {
+				/* @__PURE__ */ f("div", {
 					className: `${I}-header-wrapper`,
 					ref: b,
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: n(`${I}-header`, {
 							[`${I}-header-no-padding`]: !a.headerPadding && L === "horizontal" && ["line", "text"].includes(R),
 							[`${I}-header-scrolling`]: Te
 						}),
 						ref: S,
-						style: qe,
-						children: [F.map((e, t) => /* @__PURE__ */ p(oe, {
+						style: Je,
+						children: [F.map((e, t) => /* @__PURE__ */ d(oe, {
 							ref: (t) => {
 								A.current[e.key] = t;
 							},
 							tabKey: e.key,
 							...e.props,
 							prefixCls: I,
-							onDeleteTab: () => Je(e),
+							onDeleteTab: () => Ye(e),
 							renderTitle: a.children || Ie,
 							onClickTab: () => {
 								y.onClickTab?.(e.key);
 							},
 							isActive: B === e.key,
-							editable: $ && e.props.closable !== !1,
+							editable: Q && e.props.closable !== !1,
 							deleteIcon: H?.delete,
 							deleteButton: Pe,
 							getIdPrefix: ve,
 							index: t
-						}, t)), R === "line" && /* @__PURE__ */ p(ie, {
-							disabled: ze,
+						}, t)), R === "line" && /* @__PURE__ */ d(ie, {
+							disabled: Be,
 							prefixCls: I,
 							animation: Ne,
 							direction: L,
 							getTitleRef: (e) => A.current[e],
 							activeTab: B,
 							getHeaderRef: () => S,
-							inkBarSize: Le
+							inkBarSize: Re
 						})]
-					}), !K && Xe($)]
+					}), !G && $(Q)]
 				}),
-				Q && /* @__PURE__ */ p(ae, {
+				Z && /* @__PURE__ */ d(ae, {
 					prefixCls: I,
-					rtl: v,
+					rtl: _,
 					iconPos: "next",
 					icon: H?.next,
 					currentOffset: j,
 					headerSize: C,
 					headerWrapperSize: x,
 					direction: L,
-					align: G,
-					onChange: X
+					align: W,
+					onChange: Y
 				}),
-				Z && /* @__PURE__ */ p(re, {
+				X && /* @__PURE__ */ d(re, {
 					onClickTab: y.onClickTab,
 					paneChildren: F,
 					prefixCls: I,
@@ -238,15 +239,16 @@ var h = "vertical", g = "right", _ = "left", fe = 1, pe = {
 					getTitleRef: (e) => A.current[e],
 					direction: L
 				}),
-				($ && K || V) && /* @__PURE__ */ m("div", {
+				(Q && G || V) && /* @__PURE__ */ f("div", {
 					className: `${I}-header-extra`,
 					ref: E,
-					children: [K && Xe($), V]
+					children: [G && $(Q), V]
 				})
 			]
 		})
 	});
-});
+}
+var v = se(_);
 v.displayName = "TabHeader";
 //#endregion
 export { v as default };

package/tabs/utils.js

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

package/tag/Tag.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 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";

package/tag/index.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { COLORS as e } from "./utils.js";
 import t from "./Tag.js";
-//#region components/pc/tag/index.tsx
+//#region components/pc/tag/index.ts
 var n = Object.assign(t, {});
 //#endregion
 export { e as TAG_COLORS, n as default };

package/tag/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 //#region components/pc/tag/utils.ts
 var e = [
 	"red",

package/time-picker/Picker.js

@@ -1,24 +1,24 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import { isArray as e, isArrayAndNotEmpty as t, isNull as n, isUndefined as r } from "../utils/is.js";
 import ee from "../utils/className.js";
 import { pickDataAttributes as te } from "../utils/pick.js";
 import ne from "../hooks/use-merge-props/index.js";
 import re from "../config-provider/context.js";
-import { FormContext as i, FormItemContext as ie } from "../form/context.js";
+import i from "../hooks/use-previous/index.js";
+import { FormContext as ie, FormItemContext as ae } from "../form/context.js";
 import "../config-provider/index.js";
-import { dayjs_getDayjsValue as a, dayjs_getSortedDayjsArray as ae, dayjs_isDayjsArrayChange as oe, dayjs_isDayjsChange as se, dayjs_isValidTimeString as o, dayjs_toLocal as s, dayjs_toTimezone as c } from "../utils/dayjs.js";
-import { HYPHEN as ce } from "../utils/string.js";
-import le from "../hooks/use-update-effect/index.js";
-import ue from "../trigger/index.js";
-import l from "../hooks/use-previous/index.js";
+import { dayjs_getDayjsValue as a, dayjs_getSortedDayjsArray as oe, dayjs_isDayjsArrayChange as se, dayjs_isDayjsChange as ce, dayjs_isValidTimeString as o, dayjs_toLocal as s, dayjs_toTimezone as c } from "../utils/dayjs.js";
+import { HYPHEN as le } from "../utils/string.js";
+import ue from "../hooks/use-update-effect/index.js";
+import l from "../trigger/index.js";
 import de from "../picker/InputRange.js";
 import { TimePickerTimezoneContext as fe } from "./context.js";
 import { getFormatTime as pe } from "./utils.js";
 import me from "../picker/Input.js";
-import he, { useContext as u, useRef as ge, useState as d } from "react";
+import { useContext as u, useRef as he, useState as d } from "react";
 import { jsx as f } from "react/jsx-runtime";
-import { isDayjs as _e } from "dayjs";
-import ve from "@unicom-cloud/icons/IconUiClockCircle";
+import { isDayjs as ge } from "dayjs";
+import _e from "@unicom-cloud/icons/IconUiClockCircle";
 //#region components/pc/time-picker/Picker.tsx
 var p = {
 	allowClear: !0,
@@ -26,16 +26,16 @@ var p = {
 	format: "HH:mm:ss",
 	editable: !0,
 	order: !0
-}, ye = { bottom: 4 }, m = (m) => {
-	let { locale: h, prefixCls: be, getPrefixCls: xe, componentConfig: Se, rtl: Ce } = u(re), we = u(i), Te = u(ie);
-	Ce && (p.position = "br");
-	let g = ne(m, p, Se?.TimePicker), { allowClear: Ee = !0, className: _, disableConfirm: De, style: v, placeholder: Oe, getPopupContainer: ke, disabled: y, position: Ae, isPickerRange: b, picker: x, error: S, status: C, triggerElement: w, triggerProps: je, value: Me, onChange: T, icons: Ne, size: Pe, editable: Fe, unmountOnExit: Ie, order: Le, utcOffset: E, timezone: D, readOnly: O = Te?.readOnly ?? we?.readOnly, format: k = "HH:mm:ss" } = g, A = O ? ce : Oe, Re = xe?.("time-picker");
-	function ze() {
+}, ve = { bottom: 4 }, m = (m) => {
+	let { locale: h, prefixCls: ye, getPrefixCls: be, componentConfig: xe, rtl: Se } = u(re), Ce = u(ie), we = u(ae);
+	Se && (p.position = "br");
+	let g = ne(m, p, xe?.TimePicker), { allowClear: Te = !0, className: _, disableConfirm: Ee, style: v, placeholder: De, getPopupContainer: Oe, disabled: y, position: ke, isPickerRange: b, picker: Ae, error: x, status: S, triggerElement: C, triggerProps: w, value: je, onChange: T, icons: Me, size: Ne, editable: Pe, unmountOnExit: Fe, order: Ie, utcOffset: E, timezone: D, readOnly: O = we?.readOnly ?? Ce?.readOnly, format: k = "HH:mm:ss" } = g, A = O ? le : De, Le = be?.("time-picker");
+	function Re() {
 		let e;
 		return g.value ? e = a(g.value, k, E, D) : g.defaultValue && (e = a(g.defaultValue, k, E, D)), e;
 	}
-	let [j, M] = d(!1), [N, P] = d(ze()), [F, I] = d(), [L, R] = d(), [z, Be] = d(0), B = "value" in g ? a(Me, k, E, D) : N, V = "popupVisible" in g ? g.popupVisible : j, H = l(E), U = l(D);
-	le(() => {
+	let [j, M] = d(!1), [N, P] = d(Re()), [F, I] = d(), [L, R] = d(), [z, ze] = d(0), B = "value" in g ? a(je, k, E, D) : N, V = "popupVisible" in g ? g.popupVisible : j, H = i(E), U = i(D);
+	ue(() => {
 		if (N && (H !== E || D !== U)) {
 			let t = e(N) ? N.map((e, t, n) => s(e, H, U)) : s(N, H, U);
 			P(e(t) ? t.map((e, t, n) => c(e, E, D)) : c(t, E, D));
@@ -46,14 +46,14 @@ var p = {
 		D,
 		U
 	]);
-	let W = ge(null);
+	let W = he(null);
 	function G(e) {
 		W.current?.focus?.(e);
 	}
 	function K(e) {
-		Be(e), setTimeout(() => G(e));
+		ze(e), setTimeout(() => G(e));
 	}
-	function Ve(e) {
+	function Be(e) {
 		e ? q(e, () => {
 			setTimeout(() => G());
 		}) : q(!1);
@@ -62,19 +62,19 @@ var p = {
 		M(e), R(void 0), t?.(), e || I(void 0);
 	}
 	function J(t) {
-		let n = b && Le && e(t) ? ae(t.map((e, t, n) => pe(e))) : t;
-		P(n), I(void 0), R(void 0), He(n), De || q(!1);
+		let n = b && Ie && e(t) ? oe(t.map((e, t, n) => pe(e))) : t;
+		P(n), I(void 0), R(void 0), Ve(n), Ee || q(!1);
 	}
-	function He(t) {
-		e(t) && oe(B, t) && T?.(t.map((e) => s(e, E, D).format(k)), t.map((e) => s(e, E, D))), _e(t) && se(B, t) && T?.(s(t, E, D).format(k), s(t, E, D));
+	function Ve(t) {
+		e(t) && se(B, t) && T?.(t.map((e) => s(e, E, D).format(k)), t.map((e) => s(e, E, D))), ge(t) && ce(B, t) && T?.(s(t, E, D).format(k), s(t, E, D));
 	}
 	function Y(e) {
 		let n = b ? t(F) ? F : B : F || B;
 		return /* @__PURE__ */ f("div", {
-			className: ee(`${Re}-container`, e ? _ : ""),
+			className: ee(`${Le}-container`, e ? _ : ""),
 			style: e ? v : {},
 			onClick: () => G(),
-			children: he.cloneElement(x, {
+			children: /* @__PURE__ */ f(Ae, {
 				...g,
 				format: k,
 				inputValue: L,
@@ -91,9 +91,9 @@ var p = {
 	}
 	function X(e) {
 		let t = e.target.value;
-		j || M(!0), R(t), Ue(t);
+		j || M(!0), R(t), He(t);
 	}
-	function Ue(t) {
+	function He(t) {
 		let n = a(t, k);
 		if (b) {
 			let r = [...e(F) ? F : N || []];
@@ -107,33 +107,33 @@ var p = {
 			g.onSelect?.(e.format(k), e), I(n), R(void 0);
 		}
 	}
-	function We() {
+	function Ue() {
 		b ? t(F) ? L && !o(L, k) ? q(!1) : r(F[0]) || r(F[1]) ? K(+(z === 0)) : F.length === 2 && J(F) : q(!1) : J(F || B);
 	}
-	function Ge(e) {
+	function We(e) {
 		e.stopPropagation(), J(void 0), T?.(void 0, void 0), g.onClear?.();
 	}
-	let Ke = b && e(A) ? A : h?.TimePicker?.placeholders, qe = A || h?.TimePicker?.placeholder, Z = {
+	let Ge = b && e(A) ? A : h?.TimePicker?.placeholders, Ke = A || h?.TimePicker?.placeholder, Z = {
 		style: v,
 		className: _,
 		popupVisible: V,
 		format: k,
 		disabled: y,
-		error: S,
-		status: C,
-		size: Pe,
-		onPressEnter: We,
-		onClear: Ge,
-		suffix: Ne?.inputSuffix || /* @__PURE__ */ f(ve, {}),
-		editable: Fe,
-		allowClear: Ee,
+		error: x,
+		status: S,
+		size: Ne,
+		onPressEnter: Ue,
+		onClear: We,
+		suffix: Me?.inputSuffix || /* @__PURE__ */ f(_e, {}),
+		editable: Pe,
+		allowClear: Te,
 		prefix: g.prefix,
 		readOnly: O,
 		...te(g)
 	}, Q = b ? /* @__PURE__ */ f(de, {
 		...Z,
 		ref: W,
-		placeholder: Ke,
+		placeholder: Ge,
 		value: t(F) ? F : B,
 		onChange: X,
 		inputValue: L,
@@ -142,25 +142,25 @@ var p = {
 	}) : /* @__PURE__ */ f(me, {
 		...Z,
 		ref: W,
-		placeholder: qe,
+		placeholder: Ke,
 		value: F || B,
 		inputValue: L,
 		onChange: X
 	}), $ = Q;
-	return $ = O ? Q : n(w) ? Y(!0) : /* @__PURE__ */ f(ue, {
+	return $ = O ? Q : n(C) ? Y(!0) : /* @__PURE__ */ f(l, {
 		popup: () => Y(),
 		trigger: "click",
 		clickToClose: !1,
-		position: Ae,
+		position: ke,
 		disabled: y,
-		popupAlign: ye,
-		getPopupContainer: ke,
-		onVisibleChange: Ve,
+		popupAlign: ve,
+		getPopupContainer: Oe,
+		onVisibleChange: Be,
 		popupVisible: V,
-		classNames: `${be}-slide-dynamic-origin`,
-		unmountOnExit: !!Ie,
-		...je,
-		children: w || Q
+		classNames: `${ye}-slide-dynamic-origin`,
+		unmountOnExit: !!Fe,
+		...w,
+		children: C || Q
 	}), /* @__PURE__ */ f(fe.Provider, {
 		value: {
 			utcOffset: E,

package/time-picker/TimeColumn.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "../utils/className.js";
 import t from "../hooks/use-is-first-render/index.js";
 import { useEffect as n, useRef as r } from "react";
@@ -6,7 +6,7 @@ import { jsx as i } from "react/jsx-runtime";
 import a from "@unicom-cloud/utils/dom-helpers/reflow";
 //#region components/pc/time-picker/TimeColumn.tsx
 function o(o) {
-	let { prefixCls: s, list: c, value: l, onHandleSelect: u, onHandleClick: d, unit: f, popupVisible: p } = o, m = t(), h = r(void 0), g = r(void 0), _ = r(/* @__PURE__ */ new Map());
+	let { prefixCls: s, list: c, value: l, onHandleSelect: u, onHandleClick: d, unit: f, popupVisible: p } = o, m = t(), h = r(null), g = r(null), _ = r(/* @__PURE__ */ new Map());
 	return n(() => {
 		let e = _.current.get(l);
 		if (!e) return;

package/time-picker/TimePicker.d.ts

@@ -1,3 +1,8 @@
-import type { InnerTimePickerProps } from './interface';
+import type { InnerTimePickerProps, TimePickerProps } from './interface';
 declare function TimePicker(props: InnerTimePickerProps): import("react/jsx-runtime").JSX.Element;
+declare const TimePickerWithWrapper: {
+    (props: TimePickerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { TimePickerWithWrapper };
 export default TimePicker;