@unicom-cloud/ui 0.8.156 → 0.8.158

package/tabs/TabPane.js

@@ -1,15 +1,15 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/className.js";
 import t from "../config-provider/context.js";
 import n from "../utils/omit.js";
 import "../config-provider/index.js";
 import { TabContentContext as r, TabsContext as i } from "./context.js";
-import a, { useContext as o, useRef as s } from "react";
+import { forwardRef as a, useContext as o, useRef as s } from "react";
 import { jsx as c } from "react/jsx-runtime";
 //#region components/pc/tabs/TabPane.tsx
 function l(a, l) {
 	let u = s(!1), { getPrefixCls: d } = o(t), f = o(i), p = o(r), m = d?.("tabs"), { children: h, className: g, style: _, lazyload: v = f.lazyload ?? p.lazyload, isActive: y, ...b } = a;
-	return u.current = v ? u.current || y : !0, u.current && /* @__PURE__ */ c("div", {
+	return u.current = !!(!v || u.current || y), u.current && /* @__PURE__ */ c("div", {
 		ref: l,
 		...n(b, [
 			"destroyOnHide",
@@ -21,7 +21,7 @@ function l(a, l) {
 		children: h
 	});
 }
-var u = a.forwardRef(l);
+var u = a(l);
 u.displayName = "TabPane", u.isTabPane = !0;
 //#endregion
 export { u as default };

package/tabs/Tabs.d.ts

@@ -1,11 +1,7 @@
 import React from 'react';
-import TabPane from './TabPane';
 import type { TabsProps } from './interface';
-declare const ForwardRefTabs: React.ForwardRefExoticComponent<TabsProps & {
+declare const TabsComponent: React.ForwardRefExoticComponent<TabsProps & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<unknown>>;
-declare const TabsComponent: typeof ForwardRefTabs & {
-    TabPane: typeof TabPane;
-};
 export default TabsComponent;
 export type { TabsProps };

package/tabs/Tabs.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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 i from "../hooks/use-controllable-value/index.js";
 import a from "../utils/className.js";
 import o from "../hooks/use-merge-props/index.js";
 import s from "../config-provider/context.js";
@@ -11,15 +11,15 @@ import { TabsContext as u } from "./context.js";
 import d from "./TabPane.js";
 import f from "./TabContent.js";
 import p from "./tab-header/index.js";
-import m, { createElement as h, useContext as g, useImperativeHandle as _, useRef as v } from "react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import m, { createElement as h, forwardRef as g, useContext as _, useImperativeHandle as v, useRef as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region components/pc/tabs/Tabs.tsx
-var x = [
+var S = [
 	"mini",
 	"small",
 	"default",
 	"large"
-], S = (t) => {
+], C = (t) => {
 	let { items: r, children: i } = t, a = [];
 	return e(r) ? a = r.map((e, t, n) => {
 		let { key: r, title: i, children: a } = e ?? {};
@@ -30,10 +30,10 @@ var x = [
 	}) : m.Children.forEach(i, (e) => {
 		n(e) || e?.type?.isTabPane && a.push(e);
 	}), a;
-}, C = (e) => {
+}, w = (e) => {
 	let { direction: t, tabPosition: n, animation: i } = e;
 	return t === "vertical" || n === "left" || n === "right" ? !1 : r(i) ? "tabPane" in i ? i.tabPane : !1 : i;
-}, w = {
+}, T = {
 	tabPosition: "top",
 	type: "line",
 	overflow: "scroll",
@@ -42,11 +42,14 @@ var x = [
 	headerPadding: !0,
 	scrollPosition: "auto"
 };
-function T(e, n) {
-	let { getPrefixCls: d, size: m, componentConfig: h, rtl: T } = g(s), E = o(e, w, h?.Tabs), D = S(E), O = v(null), [k, A] = i(D[0]?.key, {
+function E(e, n) {
+	let { getPrefixCls: d, size: m, componentConfig: h, rtl: g } = _(s), E = o(e, T, h?.Tabs), D = C(E), O = y(null), [k, A] = i({
 		defaultValue: "defaultActiveTab" in E ? E.defaultActiveTab : void 0,
 		value: "activeTab" in E ? E.activeTab : void 0
-	}), j = d?.("tabs"), M = E.size || (x.includes(m) ? m : "default"), { animation: N, className: P, direction: F, style: I, type: L, justify: R, destroyOnHide: z, lazyload: B, headerSticky: V, items: H, onChange: U, onClickTab: W, onDeleteTab: G, renderTabHeader: K, ...q } = E, J = l(`${j}`), Y = F === "vertical" ? "left" : E.tabPosition, X = {
+	}, {
+		defaultValue: D[0]?.key,
+		triggerPropName: !1
+	}), j = d?.("tabs"), M = E.size || (S.includes(m) ? m : "default"), { animation: N, className: P, direction: F, style: I, type: L, justify: R, destroyOnHide: z, lazyload: B, headerSticky: V, items: H, onChange: U, onClickTab: W, onDeleteTab: G, renderTabHeader: K, ...q } = E, J = l(`${j}`), Y = F === "vertical" ? "left" : E.tabPosition, X = {
 		animation: r(N) && "inkBar" in N ? N.inkBar : !0,
 		activeTab: k,
 		tabPosition: Y,
@@ -58,19 +61,19 @@ function T(e, n) {
 		onDeleteTab: G,
 		prefixCls: j
 	};
-	_(n, () => ({ getRootElement() {
+	v(n, () => ({ getRootElement() {
 		return O.current;
 	} }));
-	let Z = /* @__PURE__ */ y(f, {
+	let Z = /* @__PURE__ */ b(f, {
 		direction: ["left", "right"].includes(Y) ? "vertical" : "horizontal",
-		animation: C(E),
+		animation: w(E),
 		activeTab: k,
 		paneChildren: D,
 		prefixCls: j,
 		destroyOnHide: z,
 		lazyload: B
 	});
-	return /* @__PURE__ */ y(u.Provider, {
+	return /* @__PURE__ */ b(u.Provider, {
 		value: {
 			...E,
 			tabHeaderProps: X,
@@ -81,7 +84,7 @@ function T(e, n) {
 				};
 			}
 		},
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ x("div", {
 			...c(q, [
 				"headerPadding",
 				"tabPosition",
@@ -106,7 +109,7 @@ function T(e, n) {
 			style: I,
 			className: a(j, `${j}-${["left", "right"].includes(Y) ? "vertical" : "horizontal"}`, `${j}-${L}`, !!V && `${j}-sticky`, `${j}-${Y}`, `${j}-size-${M}`, {
 				[`${j}-justify`]: R,
-				[`${j}-rtl`]: T
+				[`${j}-rtl`]: g
 			}, P),
 			ref: O,
 			children: [
@@ -119,7 +122,7 @@ function T(e, n) {
 					]),
 					size: M,
 					...X
-				}, p) : /* @__PURE__ */ y(p, {
+				}, p) : /* @__PURE__ */ b(p, {
 					...c(E, [
 						"children",
 						"style",
@@ -132,8 +135,8 @@ function T(e, n) {
 		})
 	});
 }
-var E = m.forwardRef(T);
-E.displayName = "Tabs";
+var D = g(E);
+D.displayName = "Tabs";
 //#endregion
-export { E as default };
+export { D as default };
 /* 独立思考，明辨是非 */

package/tabs/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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-05-08 09:13:14 星期五 */
 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-05-08 09:13:14 星期五 */
+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.d.ts

@@ -5,8 +5,6 @@ import TabPane from './TabPane';
 declare const Tabs: import("react").ForwardRefExoticComponent<import("./interface").TabsProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<unknown>> & {
-    TabPane: typeof TabPane;
-} & {
     TabPane: import("./interface").TabPaneType;
     TabsContext: import("react").Context<import("./interface").TabsProps & {
         getIdPrefix?: (suffix?: number | string) => {

package/tabs/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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,18 +1,19 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isNull as e } from "../../utils/is.js";
 import t from "../../icon-hover/index.js";
-import n from "../../dropdown/index.js";
-import r from "../../menu/index.js";
-import { TabsContext as i } from "../context.js";
-import { useContext as a, useMemo as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import c from "@unicom-cloud/icons/IconUiDown";
+import n from "../../menu/Item.js";
+import r from "../../dropdown/index.js";
+import i from "../../menu/index.js";
+import { TabsContext as a } from "../context.js";
+import { useContext as o, useMemo as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import l from "@unicom-cloud/icons/IconUiDown";
 //#region components/pc/tabs/tab-header/DropdownIcon.tsx
-function l(l) {
-	let u = a(i), { prefixCls: d, currentOffset: f, headerSize: p, headerWrapperSize: m, getTitleRef: h, paneChildren: g, direction: _, icon: v } = l, y = g.map((e) => e.key), b = _ === "vertical" ? p.height : p.width, x = _ === "vertical" ? m.height : m.width, S = o(() => {
-		let e = {}, t = m.domRect;
-		return y.map((n) => {
-			let r = h(n);
+function u(u) {
+	let d = o(a), { prefixCls: f, currentOffset: p, headerSize: m, headerWrapperSize: h, getTitleRef: g, paneChildren: _, direction: v, icon: y } = u, b = _.map((e) => e.key), x = v === "vertical" ? m.height : m.width, S = v === "vertical" ? h.height : h.width, C = s(() => {
+		let e = {}, t = h.domRect;
+		return b.map((n) => {
+			let r = g(n);
 			if (!r) return;
 			let i = r.getBoundingClientRect();
 			e[n] = {
@@ -23,44 +24,44 @@ function l(l) {
 			};
 		}), e;
 	}, [
-		y.join(","),
-		b,
-		x
-	]), C = o(() => {
+		b.join(","),
+		x,
+		S
+	]), w = s(() => {
 		let e = -1, t = -1;
-		for (let n in S) {
-			let { left: r, right: i } = S[n];
-			if (r >= f && i - f <= x && e === -1 && (e = y.indexOf(n), t = e), r >= f && i - f > x) {
-				t = y.indexOf(n);
+		for (let n in C) {
+			let { left: r, right: i } = C[n];
+			if (r >= p && i - p <= S && e === -1 && (e = b.indexOf(n), t = e), r >= p && i - p > S) {
+				t = b.indexOf(n);
 				break;
 			}
 		}
 		return [e, t];
 	}, [
-		S,
-		y.join(","),
-		f
+		C,
+		b.join(","),
+		p
 	]);
-	return e(v) ? null : /* @__PURE__ */ s(n, {
+	return e(y) ? null : /* @__PURE__ */ c(r, {
 		trigger: "click",
-		droplist: /* @__PURE__ */ s(r, {
-			onClickMenuItem: l.onClickTab,
-			children: g.map((e, t) => {
-				if (t < C[0] || t >= C[1]) return /* @__PURE__ */ s(r.Item, {
-					disabled: e.disabled || !!u.disabled,
+		droplist: /* @__PURE__ */ c(i, {
+			onClickMenuItem: u.onClickTab,
+			children: _.map((e, t) => {
+				if (t < w[0] || t >= w[1]) return /* @__PURE__ */ c(n, {
+					disabled: e.disabled || !!d.disabled,
 					children: e.props.title
 				}, e.key);
 			})
 		}),
-		children: /* @__PURE__ */ s(t, {
+		children: /* @__PURE__ */ c(t, {
 			role: "button",
 			"aria-label": "expand tabs",
-			prefix: `${d}-dropdown`,
-			className: `${d}-dropdown-icon`,
-			children: v || /* @__PURE__ */ s(c, {})
+			prefix: `${f}-dropdown`,
+			className: `${f}-dropdown-icon`,
+			children: y || /* @__PURE__ */ c(l, {})
 		})
 	});
 }
 //#endregion
-export { l as default };
+export { u as default };
 /* 独立思考，明辨是非 */

package/tabs/tab-header/TabInk.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isEqualWith as e } from "../../utils/is.js";
 import t from "../../utils/className.js";
 import n from "../../utils/throttleByRaf.js";
@@ -30,7 +30,7 @@ var l = (e, t, n) => {
 	}
 	return r;
 }, u = (i) => {
-	let u = a(r), { prefixCls: d, animation: f, disabled: p, direction: m, getTitleRef: h, activeTab: g, getHeaderRef: _, inkBarSize: v } = i, y = p || !!u.disabled, b = s(void 0), x = s(void 0);
+	let u = a(r), { prefixCls: d, animation: f, disabled: p, direction: m, getTitleRef: h, activeTab: g, getHeaderRef: _, inkBarSize: v } = i, y = p || !!u.disabled, b = s(null), x = s(null);
 	return o(() => {
 		let t = n(() => {
 			let t = l(m, h(g), _("headerRef").current);

package/tabs/tab-header/TabNavIcon.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 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.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const _default: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+declare const _default: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<unknown>>;
 export default _default;

package/tabs/tab-header/TabTitle.js

@@ -1,14 +1,14 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isFunction as e } from "../../utils/is.js";
 import { Enter as t } from "../../utils/keyboardCode.js";
 import n from "../../utils/className.js";
 import r from "../../icon-hover/index.js";
 import { TabsContext as i } from "../context.js";
 import { getKeyDownEvent as a } from "../utils.js";
-import o, { useContext as s } from "react";
+import { forwardRef as o, useContext as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import u from "@unicom-cloud/icons/IconUiClose";
-var d = o.forwardRef((o, d) => {
+var d = o((o, d) => {
 	let f = s(i), { prefixCls: p, onDeleteTab: m, tabKey: h, isActive: g, onClickTab: _, disabled: v, title: y, editable: b, renderTitle: x, deleteIcon: S, deleteButton: C, getIdPrefix: w, index: T } = o, E = v || !!f.disabled, D = e(x) ? x : (e) => e, O = (e) => {
 		e.stopPropagation(), !E && m();
 	}, k = (e) => {

package/tabs/tab-header/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { TabsProps } from '../interface';
-declare const TabHeader: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabHeader: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
 export default TabHeader;