@unicom-cloud/ui 0.8.167 → 0.8.169

package/tabs/hooks/useHeaderScroll.js

@@ -0,0 +1,76 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import { isNullOrUndefined as e } from "../../utils/is.js";
+import { off as t, on as n } from "../../utils/dom.js";
+import { isVertical as r } from "../utils.js";
+import { useEffect as i, useRef as a } from "react";
+//#region components/pc/tabs/hooks/useHeaderScroll.ts
+function o(o) {
+	let { headerWrapperRef: s, headerOffset: c, align: l, isScrollable: u, tabPosition: d, onScroll: f, onScrollStart: p, onScrollEnd: m } = o, h = a(c);
+	h.current = c;
+	let g = a(null), _ = a(null), v = a(!1), y = a(null), b = () => {
+		e(_.current) || window.clearTimeout(_.current), _.current = window.setTimeout(() => {
+			v.current = !1, m && m(), _.current = null;
+		}, 80);
+	};
+	function x(t, n) {
+		u && (y.current = {
+			x: t,
+			y: n
+		}, v.current || (v.current = !0, p && p()), e(g.current) ? g.current = window.requestAnimationFrame(() => {
+			g.current = null;
+			let e = y.current;
+			if (e) {
+				let t = 0;
+				t = r(d) ? h.current + e.y : l === "left" ? h.current + e.x : h.current - e.x, f && f(t), y.current = null;
+			}
+			b();
+		}) : b());
+	}
+	function S(e, t) {
+		x(e, t);
+	}
+	let C = a("x");
+	function w(e) {
+		if (!u) return;
+		e.preventDefault();
+		let { deltaX: t, deltaY: n } = e, r = 0, i = Math.abs(t), a = Math.abs(n);
+		i === a ? r = C.current === "x" ? t : n : i > a ? (r = t, C.current = "x") : (r = n, C.current = "y"), S(r, r);
+	}
+	let T = a({
+		clientX: 0,
+		clientY: 0
+	}), E = (e) => e?.touches?.[0], D = (e) => {
+		e.cancelable && e.preventDefault();
+		let t = E(e);
+		if (!t) return;
+		let { clientX: n, clientY: r } = T.current, i = t.clientX - n, a = t.clientY - r;
+		S(-i, -a);
+	}, O = () => {
+		t(document.documentElement, "touchmove", D), t(window, "touchend", O), b();
+	}, k = (e) => {
+		if (!u) return;
+		let t = E(e);
+		t && (T.current = {
+			clientX: t.clientX,
+			clientY: t.clientY
+		}, n(document.documentElement, "touchmove", D, { passive: !1 }), n(window, "touchend", O, { passive: !1 }), v.current || (v.current = !0, p && p()));
+	}, A = a(null);
+	A.current = {
+		onWheel: w,
+		onTouchStart: k
+	}, i(() => {
+		let r = s.current;
+		if (!r) return;
+		let i = (e) => {
+			A.current.onWheel(e);
+		}, a = (e) => {
+			A.current.onTouchStart(e);
+		};
+		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", D), t(window, "touchend", O), e(g.current) || (window.cancelAnimationFrame(g.current), g.current = null), e(_.current) || (window.clearTimeout(_.current), _.current = null), y.current = null, v.current = !1;
+		};
+	}, [s.current, u]);
+}
+//#endregion
+export { o as default };
+/* 独立思考，明辨是非 */

package/tabs/index.d.ts

@@ -1,10 +1,12 @@
+import './style';
 import { TabContentContext, TabsContext } from './context';
-import useTabsDomSize from './hook/useDomSize';
-import useHeaderScroll from './hook/useHeaderScroll';
+import useTabsDomSize from './hooks/useDomSize';
+import useHeaderScroll from './hooks/useHeaderScroll';
 import TabPane from './TabPane';
 declare const Tabs: import("react").ForwardRefExoticComponent<import("./interface").TabsProps & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<unknown>> & {
+    PropsContext: import("react").Context<Partial<import("./interface").TabsProps>>;
     TabPane: import("./interface").TabPaneType;
     TabsContext: import("react").Context<import("./interface").TabsProps & {
         getIdPrefix?: (suffix?: number | string) => {

package/tabs/index.js

@@ -1,17 +1,19 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { TABS_COMPONENT_INFO as e } from "../utils/names.js";
-import { TabContentContext as t, TabsContext as n } from "./context.js";
-import r from "./hook/useDomSize.js";
-import i from "./hook/useHeaderScroll.js";
-import a from "./TabPane.js";
-import o from "./Tabs.js";
+import "./style/index.js";
+import { PropsContext as t, TabContentContext as n, TabsContext as r } from "./context.js";
+import i from "./hooks/useDomSize.js";
+import a from "./hooks/useHeaderScroll.js";
+import o from "./TabPane.js";
+import s from "./Tabs.js";
 //#region components/pc/tabs/index.ts
-var s = Object.assign(o, {
+var c = Object.assign(s, {
 	...e,
-	TabPane: a,
-	TabsContext: n,
-	TabContentContext: t
+	PropsContext: t,
+	TabPane: o,
+	TabsContext: r,
+	TabContentContext: n
 });
 //#endregion
-export { t as TabContentContext, a as TabPane, a as TabsTabPane, n as TabsContext, s as default, i as useHeaderScroll, r as useTabsDomSize };
+export { n as TabContentContext, o as TabPane, o as TabsTabPane, r as TabsContext, c as default, a as useHeaderScroll, i as useTabsDomSize };
 /* 独立思考，明辨是非 */

package/tabs/interface.d.ts

@@ -32,11 +32,6 @@ export interface TabsProps extends Size {
      * @defaultValue top
      */
     tabPosition?: 'left' | 'right' | 'top' | 'bottom';
-    /**
-     * @zh 标签选项卡的方向是水平还是竖直，分别对应 `horizontal `和 `vertical`。** 注意：已废弃，使用 tabPosition 替代。**
-     * @en The Direction of tabs. ** Warn: Please use `tabPosition` instead.**
-     */
-    direction?: 'horizontal' | 'vertical';
     /**
      * @zh 标签选项卡的类型
      * @en Type of tabs
@@ -181,7 +176,7 @@ export interface TabsProps extends Size {
     disabled?: boolean;
     items?: TabPaneProps[];
 }
-export interface TabContentProps extends Pick<TabsProps, 'animation' | 'activeTab' | 'direction' | 'lazyload' | 'destroyOnHide'> {
+export interface TabContentProps extends Pick<TabsProps, 'animation' | 'activeTab' | 'tabPosition' | 'lazyload' | 'destroyOnHide'> {
     prefixCls: string | undefined;
     paneChildren: ReactElement<TabPaneProps, TabPaneType>[];
 }

package/tabs/style/index.css

@@ -0,0 +1 @@
+.pqb-icon-hover.pqb-tabs-icon-hover:before{width:var(--pqb-size-4);height:var(--pqb-size-4)}.pqb-tabs .pqb-tabs-icon-hover{font-size:var(--pqb-size-3);color:var(--pqb-color-text-2);user-select:none}.pqb-tabs-dropdown-icon{font-size:var(--pqb-size-3);user-select:none;margin-inline-start:var(--pqb-spacing-3)}.pqb-tabs-close-icon{user-select:none;align-items:center;margin-inline-start:var(--pqb-spacing-4);display:inline-flex}.pqb-tabs-close-icon:focus-visible .pqb-icon-hover:before{box-shadow:0 0 0 2px var(--pqb-color-primary-3)}.pqb-tabs-add-icon{font-size:var(--pqb-size-3);user-select:none;padding:0 var(--pqb-spacing-4);justify-content:center;align-items:center;display:inline-flex}.pqb-tabs-add-icon:focus-visible .pqb-icon-hover:before{box-shadow:0 0 0 2px var(--pqb-color-primary-3)}.pqb-tabs-add{position:relative}.pqb-tabs-left-icon{margin-inline-start:var(--pqb-spacing-5);margin-inline-end:var(--pqb-spacing-3)}.pqb-tabs-right-icon{margin-inline-start:var(--pqb-spacing-3);margin-inline-end:var(--pqb-spacing-5)}.pqb-tabs-up-icon{margin-block-end:var(--pqb-spacing-5)}.pqb-tabs-down-icon{margin-block-start:var(--pqb-spacing-5)}.pqb-tabs .pqb-tabs-nav-icon-disabled{cursor:not-allowed;color:var(--pqb-color-text-4)}.pqb-tabs{position:relative;overflow:hidden}.pqb-tabs.pqb-tabs-sticky{overflow:unset}.pqb-tabs-header-nav{position:relative}.pqb-tabs-header-nav.pqb-tabs-header-nav-sticky{z-index:1;background-color:var(--pqb-color-bg-2);position:sticky;top:0}.pqb-tabs-header-nav:before{content:"";clear:both;height:var(--pqb-border-1);background-color:var(--pqb-color-neutral-3);display:block;position:absolute;bottom:0;left:0;right:0}.pqb-tabs-header-nav-bottom:before,.pqb-tabs-header-nav-bottom .pqb-tabs-header-ink{top:0}.pqb-tabs-header-nav-bottom .pqb-tabs-header-ink .pqb-tabs-header-ink-inner{bottom:unset;top:0}.pqb-tabs-header-wrapper{flex:1;display:flex;overflow:hidden}.pqb-tabs-header{transition:transform var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard);will-change:transform;white-space:nowrap;display:inline-block;position:relative}.pqb-tabs-header-scrolling{transition:none}.pqb-tabs-header-extra{width:auto;line-height:var(--pqb-size-8);flex-shrink:0;align-items:center;display:flex}.pqb-tabs-header-extra .pqb-tabs-add-icon{padding-inline-start:0}.pqb-tabs-header-title{box-sizing:border-box;font-size:var(--pqb-font-size-body-3);cursor:pointer;color:var(--pqb-color-text-2);transition:color var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear);padding:max(0px, calc(var(--pqb-size-8) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 1px)) 0;align-items:center;line-height:1.5715;display:inline-flex}.pqb-tabs-header-title-text{display:inline-block}.pqb-tabs-header-title:hover{color:var(--pqb-color-text-2);font-weight:var(--pqb-font-weight-400)}.pqb-tabs-header-title-disabled,.pqb-tabs-header-title-disabled:hover{color:var(--pqb-color-text-4);cursor:not-allowed}.pqb-tabs-header-title-active,.pqb-tabs-header-title-active:hover{color:rgb(var(--pqb-primary-6));font-weight:var(--pqb-font-weight-500)}.pqb-tabs-header-title-active.pqb-tabs-header-title-disabled,.pqb-tabs-header-title-active:hover.pqb-tabs-header-title-disabled{color:var(--pqb-color-primary-3)}.pqb-tabs-header-ink{bottom:0;right:initial;top:initial;background-color:rgb(var(--pqb-primary-6));height:2px;transition:left var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard), width var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard);position:absolute}.pqb-tabs-header-ink.pqb-tabs-header-ink-no-animation{transition:none}.pqb-tabs-header-ink.pqb-tabs-header-ink-custom{background-color:#0000}.pqb-tabs-header-ink.pqb-tabs-header-ink-custom .pqb-tabs-header-ink-inner{background-color:rgb(var(--pqb-primary-6));width:100%;height:100%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pqb-tabs-header-ink-disabled{background-color:var(--pqb-color-primary-3)}.pqb-tabs-header-nav-line .pqb-tabs-header-extra{line-height:var(--pqb-size-10)}.pqb-tabs-header-nav-line .pqb-tabs-header-title{margin:0 calc(var(--pqb-spacing-10) / 2);padding:max(0px, calc(var(--pqb-size-10) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 1px)) 0;line-height:1.5715}.pqb-tabs-header-nav-line .pqb-tabs-header-title-text{padding:1px 0;display:inline-block;position:relative}.pqb-tabs-header-nav-line .pqb-tabs-header-title-text:before{content:"";z-index:-1;opacity:1;transition:all var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear);border-radius:var(--pqb-border-radius-small);top:0;bottom:0;inset-inline:calc(var(--pqb-spacing-4) * -1);background-color:var(--pqb-color-transparent);position:absolute}.pqb-tabs-header-nav-line .pqb-tabs-header-title:hover .pqb-tabs-header-title-text:before{background-color:var(--pqb-color-fill-2)}.pqb-tabs-header-nav-line .pqb-tabs-header-title:focus-visible .pqb-tabs-header-title-text:before{box-shadow:inset 0 0 0 2px var(--pqb-color-primary-3)}.pqb-tabs-header-nav-line .pqb-tabs-header-title-active .pqb-tabs-header-title-text:before,.pqb-tabs-header-nav-line .pqb-tabs-header-title-active:hover .pqb-tabs-header-title-text:before{background-color:var(--pqb-color-transparent)}.pqb-tabs-header-nav-line .pqb-tabs-header-title-disabled .pqb-tabs-header-title-text:before,.pqb-tabs-header-nav-line .pqb-tabs-header-title-disabled:hover .pqb-tabs-header-title-text:before{opacity:0}.pqb-tabs-header-nav-line.pqb-tabs-header-nav-horizontal>.pqb-tabs-header-scroll .pqb-tabs-header-title:first-of-type{margin-inline-start:var(--pqb-spacing-7)}.pqb-tabs-header-nav-line.pqb-tabs-header-nav-horizontal .pqb-tabs-header-no-padding>.pqb-tabs-header-title:first-of-type,.pqb-tabs-header-nav-text.pqb-tabs-header-nav-horizontal .pqb-tabs-header-no-padding>.pqb-tabs-header-title:first-of-type{margin-inline-start:0}.pqb-tabs-header-nav-card .pqb-tabs-header-title,.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);border:var(--pqb-border-1) solid var(--pqb-color-neutral-3);transition:padding var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear), color var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear);padding:max(0px, calc(calc(var(--pqb-size-8) - var(--pqb-border-1) * 2) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 0px)) var(--pqb-spacing-7)}.pqb-tabs-header-nav-card .pqb-tabs-header-title:focus-visible,.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title:focus-visible{box-shadow:inset 0 0 0 2px var(--pqb-color-primary-3)}.pqb-tabs-header-nav-card .pqb-tabs-header-title-editable,.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-editable{padding-inline-end:var(--pqb-spacing-6)}.pqb-tabs-header-nav-card .pqb-tabs-header-title-editable:not(.pqb-tabs-header-title-active):hover .pqb-icon-hover:hover:before,.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-editable:not(.pqb-tabs-header-title-active):hover .pqb-icon-hover:hover:before{background-color:var(--pqb-color-fill-4)}.pqb-tabs-header-nav-card .pqb-tabs-add-icon,.pqb-tabs-header-nav-card-gutter .pqb-tabs-add-icon{color:var(--pqb-color-text-2);height:var(--pqb-size-8)}.pqb-tabs-header-nav-card .pqb-tabs-header-title{background-color:var(--pqb-color-transparent);border-inline-end:none}.pqb-tabs-header-nav-card .pqb-tabs-header-title:last-child{border-inline-end:var(--pqb-border-1) solid var(--pqb-color-neutral-3);border-start-end-radius:var(--pqb-border-radius-small)}.pqb-tabs-header-nav-card .pqb-tabs-header-title:first-child{border-start-start-radius:var(--pqb-border-radius-small)}.pqb-tabs-header-nav-card .pqb-tabs-header-title:hover{background-color:var(--pqb-color-fill-3)}.pqb-tabs-header-nav-card .pqb-tabs-header-title-disabled,.pqb-tabs-header-nav-card .pqb-tabs-header-title-disabled:hover{background-color:var(--pqb-color-transparent)}.pqb-tabs-header-nav-card .pqb-tabs-header-title-active,.pqb-tabs-header-nav-card .pqb-tabs-header-title-active:hover{border-block-end-color:var(--pqb-color-bg-2);background-color:var(--pqb-color-transparent)}.pqb-tabs-header-nav-card.pqb-tabs-header-nav-bottom .pqb-tabs-header-title-active,.pqb-tabs-header-nav-card.pqb-tabs-header-nav-bottom .pqb-tabs-header-title-active:hover{border-block-start-color:var(--pqb-color-bg-2);border-block-end-color:var(--pqb-color-neutral-3)}.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title{border-inline-end:var(--pqb-border-1) solid var(--pqb-color-neutral-3);background-color:var(--pqb-color-fill-1);border-start-start-radius:var(--pqb-border-radius-small);border-start-end-radius:var(--pqb-border-radius-small);border-end-end-radius:0;border-end-start-radius:0;margin-inline-start:var(--pqb-spacing-2)}.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title:hover{background-color:var(--pqb-color-fill-3)}.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-disabled,.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-disabled:hover{background-color:var(--pqb-color-fill-1)}.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-active,.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-active:hover{border-block-end-color:var(--pqb-color-bg-2);background-color:var(--pqb-color-transparent)}.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title:first-child{margin-inline-start:0}.pqb-tabs-header-nav-card-gutter.pqb-tabs-header-nav-bottom .pqb-tabs-header-title-active,.pqb-tabs-header-nav-card-gutter.pqb-tabs-header-nav-bottom .pqb-tabs-header-title-active:hover{border-block-color:var(--pqb-color-bg-2) var(--pqb-color-neutral-3)}.pqb-tabs-header-nav-text:before{display:none}.pqb-tabs-header-nav-text .pqb-tabs-header-title{margin:0 calc(var(--pqb-spacing-4) + 2px / 2);line-height:1.5715;font-size:var(--pqb-font-size-body-3);padding:max(0px, calc(var(--pqb-size-8) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 0px)) 0;position:relative}.pqb-tabs-header-nav-text .pqb-tabs-header-title:not(:first-of-type):before{height:var(--pqb-size-3);background-color:var(--pqb-color-fill-3);content:"";width:2px;top:50%;left:calc((var(--pqb-spacing-4) + 2px / 2) * -1);display:block;position:absolute;transform:translateY(-50%)}.pqb-tabs-header-nav-text .pqb-tabs-header-title-text{background-color:var(--pqb-color-transparent);padding-inline-start:var(--pqb-spacing-4);padding-inline-end:var(--pqb-spacing-4)}.pqb-tabs-header-nav-text .pqb-tabs-header-title-text:hover{background-color:var(--pqb-color-fill-2)}.pqb-tabs-header-nav-text .pqb-tabs-header-title:focus-visible .pqb-tabs-header-title-text{box-shadow:inset 0 0 0 2px var(--pqb-color-primary-3)}.pqb-tabs-header-nav-text .pqb-tabs-header-title-active .pqb-tabs-header-title-text,.pqb-tabs-header-nav-text .pqb-tabs-header-title-active .pqb-tabs-header-title-text:hover,.pqb-tabs-header-nav-text .pqb-tabs-header-title-disabled .pqb-tabs-header-title-text,.pqb-tabs-header-nav-text .pqb-tabs-header-title-disabled .pqb-tabs-header-title-text:hover{background-color:var(--pqb-color-transparent)}.pqb-tabs-header-nav-text .pqb-tabs-header-title-active.pqb-tabs-header-nav-text .pqb-tabs-header-title-disabled .pqb-tabs-header-title-text,.pqb-tabs-header-nav-text .pqb-tabs-header-title-active.pqb-tabs-header-nav-text .pqb-tabs-header-title-disabled .pqb-tabs-header-title-text:hover{background-color:var(--pqb-color-primary-3)}.pqb-tabs-header-nav-rounded:before{display:none}.pqb-tabs-header-nav-rounded .pqb-tabs-header-title{padding:max(0px, calc(var(--pqb-size-8) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 0px)) 0;margin:0 calc(var(--pqb-spacing-6) / 2);font-size:var(--pqb-font-size-body-3);background-color:var(--pqb-color-transparent);border-radius:var(--pqb-size-8);padding-inline-start:var(--pqb-spacing-7);padding-inline-end:var(--pqb-spacing-7)}.pqb-tabs-header-nav-rounded .pqb-tabs-header-title:hover{background-color:var(--pqb-color-fill-2)}.pqb-tabs-header-nav-rounded .pqb-tabs-header-title:focus-visible{box-shadow:inset 0 0 0 2px var(--pqb-color-primary-3)}.pqb-tabs-header-nav-rounded .pqb-tabs-header-title-disabled:hover{background-color:var(--pqb-color-transparent)}.pqb-tabs-header-nav-rounded .pqb-tabs-header-title-active,.pqb-tabs-header-nav-rounded .pqb-tabs-header-title-active:hover{background-color:var(--pqb-color-fill-2)}.pqb-tabs-header-nav-capsule:before{display:none}.pqb-tabs-header-nav-capsule .pqb-tabs-header-wrapper{justify-content:flex-end}.pqb-tabs-header-nav-capsule .pqb-tabs-header{background-color:var(--pqb-color-fill-2);border-radius:var(--pqb-border-radius-small);padding:3px;line-height:1}.pqb-tabs-header-nav-capsule .pqb-tabs-header-title{line-height:calc(var(--pqb-size-8) - 3px * 2);padding:0 var(--pqb-spacing-6);background-color:var(--pqb-color-transparent);font-size:var(--pqb-font-size-body-3);border-radius:var(--pqb-border-radius-small);position:relative}.pqb-tabs-header-nav-capsule .pqb-tabs-header-title:focus-visible{box-shadow:inset 0 0 0 2px var(--pqb-color-primary-3)}.pqb-tabs-header-nav-capsule .pqb-tabs-header-title:hover{background-color:var(--pqb-color-bg-2)}.pqb-tabs-header-nav-capsule .pqb-tabs-header-title-disabled:hover{background-color:unset}.pqb-tabs-header-nav-capsule .pqb-tabs-header-title-active,.pqb-tabs-header-nav-capsule .pqb-tabs-header-title-active:hover{background-color:var(--pqb-color-bg-2)}.pqb-tabs-header-nav-capsule .pqb-tabs-header-title-active:before,.pqb-tabs-header-nav-capsule .pqb-tabs-header-title-active:hover:before,.pqb-tabs-header-nav-capsule .pqb-tabs-header-title-active+.pqb-tabs-header-title:before,.pqb-tabs-header-nav-capsule .pqb-tabs-header-title-active:hover+.pqb-tabs-header-title:before{opacity:0}.pqb-tabs-header-nav-capsule.pqb-tabs-header-nav-horizontal .pqb-tabs-header-title:not(:first-of-type){margin-inline-start:3px}.pqb-tabs-header-nav-capsule.pqb-tabs-header-nav-horizontal .pqb-tabs-header-title:not(:first-of-type):before{background-color:var(--pqb-color-fill-3);content:"";width:1px;height:14px;transition:all var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-linear);display:block;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.pqb-tabs-header-scroll{align-items:center;display:flex;position:relative;overflow:hidden}.pqb-tabs-content{box-sizing:border-box;width:100%;overflow:hidden}.pqb-tabs-content-inner{width:100%;transform:translateX(calc(var(--pqb-tabs-active-index) * 100% * -1));display:flex}.pqb-tabs-content-item{flex-shrink:0;width:100%;height:0;overflow:hidden}.pqb-tabs-content-item.pqb-tabs-content-item-active{height:auto}.pqb-tabs-bottom .pqb-tabs-content{padding-block-end:var(--pqb-spacing-7)}.pqb-tabs-top .pqb-tabs-content{padding-block-start:var(--pqb-spacing-7)}.pqb-tabs-card>.pqb-tabs-content,.pqb-tabs-card-gutter>.pqb-tabs-content{border:var(--pqb-border-1) solid var(--pqb-color-neutral-3);border-block-start:none}.pqb-tabs-card.pqb-tabs-bottom>.pqb-tabs-content,.pqb-tabs-card-gutter.pqb-tabs-bottom>.pqb-tabs-content{border-block-start:var(--pqb-border-1) solid var(--pqb-color-neutral-3);border-block-end:none}.pqb-tabs-animation.pqb-tabs-content-inner{transition:transform var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard);will-change:transform}.pqb-tabs-horizontal.pqb-tabs-justify{flex-direction:column;height:100%;display:flex}.pqb-tabs-horizontal.pqb-tabs-justify .pqb-tabs-content,.pqb-tabs-horizontal.pqb-tabs-justify .pqb-tabs-content-inner,.pqb-tabs-horizontal.pqb-tabs-justify .pqb-tabs-pane{height:100%}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-line .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-1);padding-block-start:max(0px, calc(var(--pqb-size-8) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-1) / 2 - 1px));padding-block-end:max(0px, calc(var(--pqb-size-8) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-1) / 2 - 1px))}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-line .pqb-tabs-header-extra{line-height:var(--pqb-size-8);font-size:var(--pqb-font-size-body-1)}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-card .pqb-tabs-header-title,.pqb-tabs-header-size-mini.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-1);padding-block:max(0px, calc(calc(var(--pqb-size-6) - var(--pqb-border-1) * 2) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-1) / 2 - 0px))}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-card .pqb-tabs-header-extra,.pqb-tabs-header-size-mini.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-extra{line-height:var(--pqb-size-6);font-size:var(--pqb-font-size-body-1)}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-card .pqb-tabs-add-icon,.pqb-tabs-header-size-mini.pqb-tabs-header-nav-card-gutter .pqb-tabs-add-icon{height:var(--pqb-size-6)}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-capsule .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-1);line-height:calc(var(--pqb-size-6) - 3px * 2)}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-capsule .pqb-tabs-header-extra{line-height:var(--pqb-size-6);font-size:var(--pqb-font-size-body-1)}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-rounded .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-1);padding-block:max(0px, calc(var(--pqb-size-6) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-1) / 2 - 0px))}.pqb-tabs-header-size-mini.pqb-tabs-header-nav-rounded .pqb-tabs-header-extra{line-height:var(--pqb-size-6);font-size:var(--pqb-font-size-body-1)}.pqb-tabs-header-size-small.pqb-tabs-header-nav-line .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);padding-block-start:max(0px, calc(var(--pqb-size-9) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 1px));padding-block-end:max(0px, calc(var(--pqb-size-9) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 1px))}.pqb-tabs-header-size-small.pqb-tabs-header-nav-line .pqb-tabs-header-extra{line-height:var(--pqb-size-9);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-header-size-small.pqb-tabs-header-nav-card .pqb-tabs-header-title,.pqb-tabs-header-size-small.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);padding-block:max(0px, calc(calc(var(--pqb-size-7) - var(--pqb-border-1) * 2) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 0px))}.pqb-tabs-header-size-small.pqb-tabs-header-nav-card .pqb-tabs-header-extra,.pqb-tabs-header-size-small.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-extra{line-height:var(--pqb-size-7);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-header-size-small.pqb-tabs-header-nav-card .pqb-tabs-add-icon,.pqb-tabs-header-size-small.pqb-tabs-header-nav-card-gutter .pqb-tabs-add-icon{height:var(--pqb-size-7)}.pqb-tabs-header-size-small.pqb-tabs-header-nav-capsule .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);line-height:calc(var(--pqb-size-7) - 3px * 2)}.pqb-tabs-header-size-small.pqb-tabs-header-nav-capsule .pqb-tabs-header-extra{line-height:var(--pqb-size-7);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-header-size-small.pqb-tabs-header-nav-rounded .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);padding-block:max(0px, calc(var(--pqb-size-7) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 0px))}.pqb-tabs-header-size-small.pqb-tabs-header-nav-rounded .pqb-tabs-header-extra{line-height:var(--pqb-size-7);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-header-size-large.pqb-tabs-header-nav-line .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);padding-block-start:max(0px, calc(var(--pqb-size-11) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 1px));padding-block-end:max(0px, calc(var(--pqb-size-11) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 1px))}.pqb-tabs-header-size-large.pqb-tabs-header-nav-line .pqb-tabs-header-extra{line-height:var(--pqb-size-11);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-header-size-large.pqb-tabs-header-nav-card .pqb-tabs-header-title,.pqb-tabs-header-size-large.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);padding-block:max(0px, calc(calc(var(--pqb-size-9) - var(--pqb-border-1) * 2) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 0px))}.pqb-tabs-header-size-large.pqb-tabs-header-nav-card .pqb-tabs-header-extra,.pqb-tabs-header-size-large.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-extra{line-height:var(--pqb-size-9);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-header-size-large.pqb-tabs-header-nav-card .pqb-tabs-add-icon,.pqb-tabs-header-size-large.pqb-tabs-header-nav-card-gutter .pqb-tabs-add-icon{height:var(--pqb-size-9)}.pqb-tabs-header-size-large.pqb-tabs-header-nav-capsule .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);line-height:calc(var(--pqb-size-9) - 3px * 2)}.pqb-tabs-header-size-large.pqb-tabs-header-nav-capsule .pqb-tabs-header-extra{line-height:var(--pqb-size-9);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-header-size-large.pqb-tabs-header-nav-rounded .pqb-tabs-header-title{font-size:var(--pqb-font-size-body-3);padding-block:max(0px, calc(var(--pqb-size-9) / 2 - var(--pqb-line-height-base) * var(--pqb-font-size-body-3) / 2 - 0px))}.pqb-tabs-header-size-large.pqb-tabs-header-nav-rounded .pqb-tabs-header-extra{line-height:var(--pqb-size-9);font-size:var(--pqb-font-size-body-3)}.pqb-tabs-right{flex-direction:row-reverse}.pqb-tabs-vertical{flex-wrap:nowrap;display:flex}.pqb-tabs-header-nav-vertical{flex-grow:0;flex-shrink:0}.pqb-tabs-header-nav-vertical:before{width:var(--pqb-border-1);clear:both;height:100%;position:absolute;inset-block:0;inset-inline-start:initial;inset-inline-end:0}.pqb-tabs-header-nav-vertical .pqb-tabs-add-icon{padding:0 var(--pqb-spacing-7);height:auto;margin-block-start:var(--pqb-spacing-4);margin-inline-start:0}.pqb-tabs-header-nav-vertical .pqb-tabs-header{height:auto}.pqb-tabs-header-nav-vertical .pqb-tabs-header-scroll{flex-direction:column}.pqb-tabs-header-nav-vertical .pqb-tabs-header-overflow-scroll{padding:var(--pqb-spacing-3) 0}.pqb-tabs-header-nav-vertical .pqb-tabs-header-wrapper{flex-direction:column;height:100%}.pqb-tabs-header-nav-vertical .pqb-tabs-header-ink{inset-inline-start:initial;inset-inline-end:0;bottom:initial;width:2px;transition:top var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard), height var(--pqb-transition-duration-2) var(--pqb-transition-timing-function-standard);position:absolute}.pqb-tabs-header-nav-vertical .pqb-tabs-header-ink.pqb-tabs-header-ink-custom .pqb-tabs-header-ink-inner{inset-block-end:unset;inset-inline-start:unset;inset-inline-end:0;top:50%;transform:translateY(-50%)}.pqb-tabs-header-nav-vertical .pqb-tabs-header-title{white-space:nowrap;margin:0;margin-block-start:var(--pqb-spacing-6);display:block}.pqb-tabs-header-nav-vertical .pqb-tabs-header-title:first-of-type{margin-block-start:0}.pqb-tabs-header-nav-right:before,.pqb-tabs-header-nav-right .pqb-tabs-header-ink,.pqb-tabs-header-nav-right .pqb-tabs-header-ink .pqb-tabs-header-ink-inner{inset-inline-start:0;inset-inline-end:unset}.pqb-tabs-header-nav-vertical .pqb-tabs-header-scroll{box-sizing:border-box;height:100%;position:relative}.pqb-tabs-header-nav-line.pqb-tabs-header-nav-vertical .pqb-tabs-header-title{padding:0 var(--pqb-spacing-8)}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card .pqb-tabs-header-title{border:var(--pqb-border-1) solid var(--pqb-color-neutral-3);border-block-end-color:var(--pqb-color-transparent);margin:0;position:relative}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card .pqb-tabs-header-title:first-child{border-start-start-radius:var(--pqb-border-radius-small)}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card .pqb-tabs-header-title-active,.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card .pqb-tabs-header-title-active:hover{border-block-end-color:var(--pqb-color-transparent);border-inline-end-color:var(--pqb-color-bg-2)}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card .pqb-tabs-header-title:last-child{border-block-end:var(--pqb-border-1) solid var(--pqb-color-neutral-3);border-end-start-radius:var(--pqb-border-radius-small)}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card.pqb-tabs-header-nav-right .pqb-tabs-header-title-active,.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card.pqb-tabs-header-nav-right .pqb-tabs-header-title-active:hover{border-inline-end-color:var(--pqb-color-neutral-3);border-inline-start-color:var(--pqb-color-bg-2)}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title{border-start-start-radius:var(--pqb-border-radius-small);border-start-end-radius:0;border-end-end-radius:0;border-end-start-radius:var(--pqb-border-radius-small);margin-inline-start:0;position:relative}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title:not(:first-of-type){margin-block-start:4px}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-active,.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card-gutter .pqb-tabs-header-title-active:hover{border-inline-end-color:var(--pqb-color-bg-2);border-block-end-color:var(--pqb-color-neutral-3)}.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card-gutter.pqb-tabs-header-nav-right .pqb-tabs-header-title-active,.pqb-tabs-header-nav-vertical.pqb-tabs-header-nav-card-gutter.pqb-tabs-header-nav-right .pqb-tabs-header-title-active:hover{border-inline-end-color:var(--pqb-color-neutral-3);border-inline-start-color:var(--pqb-color-bg-2)}.pqb-tabs-content-vertical{flex:auto;width:auto;height:100%;padding:0}.pqb-tabs-right .pqb-tabs-content-vertical{padding-inline-end:var(--pqb-spacing-7)}.pqb-tabs-left .pqb-tabs-content-vertical{padding-inline-start:var(--pqb-spacing-7)}.pqb-tabs-card>.pqb-tabs-content-vertical,.pqb-tabs-card-gutter>.pqb-tabs-content-vertical{border:var(--pqb-border-1) solid var(--pqb-color-neutral-3);border-inline-start:none}.pqb-tabs-card.pqb-tabs-right>.pqb-tabs-content-vertical,.pqb-tabs-card-gutter.pqb-tabs-right>.pqb-tabs-content-vertical{border-inline-start:var(--pqb-border-1) solid var(--pqb-color-neutral-3);border-inline-end:none}.pqb-tabs-rtl{direction:rtl}.pqb-theme-dark .pqb-tabs-header-nav-capsule .pqb-tabs-header-title-active,.pqb-theme-dark .pqb-tabs-header-nav-capsule .pqb-tabs-header-title:not(.pqb-theme-dark .pqb-tabs-header-nav-capsule .pqb-tabs-header-title-disabled):hover{background-color:var(--pqb-color-fill-3)}

package/tabs/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../menu/style';
+import './index.less';

package/tabs/style/index.js

@@ -0,0 +1,4 @@
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
+import "../../menu/style/index.js";
+/* empty css           */
+/* 独立思考，明辨是非 */

package/tabs/tab-header/DropdownIcon.js

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

package/tabs/tab-header/TabInk.js

@@ -1,13 +1,13 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isEqualWith as e } from "../../utils/is.js";
 import t from "../../utils/className.js";
 import n from "../../utils/throttleByRequestAnimationFrame.js";
 import { TabsContext as r } from "../context.js";
-import { getRectDiff as i } from "../utils.js";
-import { useContext as a, useEffect as o, useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
+import { getRectDiff as i, isVertical as a } from "../utils.js";
+import { useContext as o, useEffect as s, useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region components/pc/tabs/tab-header/TabInk.tsx
-var l = (e, t, n) => {
+var u = (e, t, n) => {
 	let r = {
 		left: "",
 		width: "",
@@ -15,25 +15,25 @@ var l = (e, t, n) => {
 		height: ""
 	};
 	if (t) {
-		let a = i(t, n);
-		r = e === "vertical" ? {
-			top: `${a.top}px`,
+		let o = i(t, n);
+		r = a(e) ? {
+			top: `${o.top}px`,
 			height: `${t.offsetHeight}px`,
 			left: "",
 			width: ""
 		} : {
-			left: `${a.left}px`,
+			left: `${o.left}px`,
 			width: `${t.offsetWidth}px`,
 			top: "",
 			height: ""
 		};
 	}
 	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(null), x = s(null);
-	return o(() => {
+}, d = (i) => {
+	let a = o(r), { prefixCls: d, animation: f, disabled: p, tabPosition: m, getTitleRef: h, activeTab: g, getHeaderRef: _, inkBarSize: v } = i, y = p || !!a.disabled, b = c(null), x = c(null);
+	return s(() => {
 		let t = n(() => {
-			let t = l(m, h(g), _("headerRef").current);
+			let t = u(m, h(g), _("headerRef").current);
 			t && !e(x.current, t) && (x.current = t, b.current?.style && Object.entries(t).forEach(([e, t], n, r) => {
 				b.current.style[e] = t;
 			}));
@@ -41,19 +41,19 @@ var l = (e, t, n) => {
 		return t(), () => {
 			t.cancel?.();
 		};
-	}), /* @__PURE__ */ c("div", {
+	}), /* @__PURE__ */ l("div", {
 		className: t(`${d}-header-ink`, {
 			[`${d}-header-ink-no-animation`]: !f,
 			[`${d}-header-ink-disabled`]: y,
 			[`${d}-header-ink-custom`]: v
 		}),
 		ref: b,
-		children: v && /* @__PURE__ */ c("div", {
+		children: v && /* @__PURE__ */ l("div", {
 			style: v,
 			className: `${d}-header-ink-inner`
 		})
 	});
 };
 //#endregion
-export { u as default };
+export { d as default };
 /* 独立思考，明辨是非 */

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

@@ -1,8 +1,7 @@
 import React from 'react';
-import type { ReturnType } from '../hook/useDomSize';
+import type { ReturnType } from '../hooks/useDomSize';
 import type { TabsProps } from '../interface';
 interface TabNavIconProps {
-    direction: TabsProps['direction'];
     align: 'left' | 'right';
     headerSize: ReturnType;
     headerWrapperSize: ReturnType;
@@ -11,6 +10,7 @@ interface TabNavIconProps {
     icon?: React.ReactNode;
     iconPos?: 'prev' | 'next';
     rtl?: boolean;
+    tabPosition?: TabsProps['tabPosition'];
     onChange?: (offset: number) => void;
 }
 declare const TabNavIcon: (props: TabNavIconProps) => React.JSX.Element | null;

package/tabs/tab-header/TabNavIcon.js

@@ -1,62 +1,63 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isNull as e } from "../../utils/is.js";
 import t from "../../utils/className.js";
 import n from "../../icon-hover/index.js";
 import { TabsContext as r } from "../context.js";
-import { useContext as i, useMemo as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-import s from "@unicom-cloud/icons/IconUiDown";
-import c from "@unicom-cloud/icons/IconUiUp";
-import l from "@unicom-cloud/icons/IconUiLeft";
-import u from "@unicom-cloud/icons/IconUiRight";
+import { isHorizontal as i, isVertical as a } from "../utils.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";
+import u from "@unicom-cloud/icons/IconUiUp";
+import d from "@unicom-cloud/icons/IconUiLeft";
+import f from "@unicom-cloud/icons/IconUiRight";
 //#region components/pc/tabs/tab-header/TabNavIcon.tsx
-var d = {
+var p = {
 	prev: "left",
 	next: "right"
-}, f = {
+}, m = {
 	prev: "up",
 	next: "down"
-}, p = (p) => {
-	let m = i(r), { direction: h, headerSize: g, headerWrapperSize: _, prefixCls: v, iconPos: y, currentOffset: b, align: x, rtl: S, icon: C } = p, { height: w, width: T } = _, { height: E, width: D } = g, O = E - w, k = D - T, A = {
-		up: /* @__PURE__ */ o(c, {}),
-		down: /* @__PURE__ */ o(s, {}),
-		left: o(S ? u : l, {}),
-		right: o(S ? l : u, {})
-	}, j = (e) => {
-		e !== p.currentOffset && p.onChange?.(e);
-	}, M = (e, t) => {
+}, h = (h) => {
+	let g = o(r), { tabPosition: _, headerSize: v, headerWrapperSize: y, prefixCls: b, iconPos: x, currentOffset: S, align: C, rtl: w, icon: T } = h, { height: E, width: D } = y, { height: O, width: k } = v, A = O - E, j = k - D, M = {
+		up: /* @__PURE__ */ c(u, {}),
+		down: /* @__PURE__ */ c(l, {}),
+		left: c(w ? f : d, {}),
+		right: c(w ? d : f, {})
+	}, N = (e) => {
+		e !== h.currentOffset && h.onChange?.(e);
+	}, P = (e, t) => {
 		e.preventDefault();
 		let n;
-		n = x === "left" ? t === "left" ? b - T : b + T : t === "left" ? b + T : b - T, j(n);
-	}, N = (e, t) => {
+		n = C === "left" ? t === "left" ? S - D : S + D : t === "left" ? S + D : S - D, N(n);
+	}, F = (e, t) => {
 		e.preventDefault();
 		let n;
-		if (t === "up") n = b - w;
-		else if (n = b + w, n >= E) return;
-		j(n);
-	}, P = a(() => x === "left" ? b <= 0 : h === "vertical" ? b >= O : b >= k, [
-		x,
-		h,
-		b,
-		k,
-		b
-	]), F = a(() => x === "left" ? h === "vertical" ? b >= O : b >= k : b <= 0, [
-		x,
-		h,
-		O,
-		k,
-		b
+		if (t === "up") n = S - E;
+		else if (n = S + E, n >= O) return;
+		N(n);
+	}, I = s(() => C === "left" ? S <= 0 : a(_) ? S >= A : S >= j, [
+		C,
+		_,
+		S,
+		j,
+		S
+	]), L = s(() => C === "left" ? a(_) ? S >= A : S >= j : S <= 0, [
+		C,
+		_,
+		A,
+		j,
+		S
 	]);
-	if (e(C)) return null;
-	let I = h === "horizontal" ? d[y] : f[y], L = (y === "prev" ? P : F) || !!m?.disabled, R = t(`${v}-${I}-icon`, { [`${v}-nav-icon-disabled`]: L }), z = h === "vertical" ? N : M;
-	return /* @__PURE__ */ o(n, {
-		disabled: L,
-		className: R,
-		prefix: v,
-		onClick: (e) => z(e, I),
-		children: C || A[I]
+	if (e(T)) return null;
+	let R = i(_) ? p[x] : m[x], z = (x === "prev" ? I : L) || !!g?.disabled, B = t(`${b}-${R}-icon`, { [`${b}-nav-icon-disabled`]: z }), V = a(_) ? F : P;
+	return /* @__PURE__ */ c(n, {
+		disabled: z,
+		className: B,
+		prefix: b,
+		onClick: (e) => V(e, R),
+		children: T || M[R]
 	});
 };
 //#endregion
-export { p as default };
+export { h as default };
 /* 独立思考，明辨是非 */

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

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

package/tabs/tab-header/TabTitle.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-17 16:03:05 星期三 山东省济南市 */
+/* 潘启宝 2026-06-25 08:58:50 星期四 山东省济南市 */
 import { isFunction as e } from "../../utils/is.js";
 import { Enter as t } from "../../utils/keyboardCode.js";
 import n from "../../utils/className.js";