@baishuyun/ui-base 6.20.1 → 6.21.0

package/dist/Amap/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../vendors/ConfigProvider-gZYvcwIQ.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";

package/dist/Calendar/{Calendar-qL5eoYtX.js → Calendar-DYI9CWYE.js}

@@ -3,7 +3,7 @@ import { t } from "../vendors/useLocale-Be4e7Xfn.js";
 import { t as n } from "../vendors/cssVars-UpriQzph.js";
 import { t as r } from "../Segmented/Segmented-BkTy5v9V.js";
 import { t as i } from "../Tooltip/Tooltip-DBrt3t2r.js";
-import { t as a } from "../DatePicker/DatePicker-zoV0C8jf.js";
+import { t as a } from "../DatePicker/DatePicker-CopVj7KA.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { memo as c, useCallback as l, useEffect as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
 import h from "clsx";

package/dist/Calendar/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
@@ -7,7 +7,7 @@ import "../vendors/useLocale-Be4e7Xfn.js";
 import "../vendors/useLatchedPopupPortalRoot-CC6af8t-.js";
 import "../Segmented/Segmented-BkTy5v9V.js";
 import "../Tooltip/Tooltip-DBrt3t2r.js";
-import { n as e, r as t, t as n } from "./Calendar-qL5eoYtX.js";
-import "../DatePicker/DatePicker-zoV0C8jf.js";
+import { n as e, r as t, t as n } from "./Calendar-DYI9CWYE.js";
+import "../DatePicker/DatePicker-CopVj7KA.js";
 import "../DatePicker/pickerLocale-Brf7_Tnd.js";
 export { n as Calendar, n as default, t as resolveCalendarThemeVars, e as resolvePlatformCalendarTheme };

package/dist/Card/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import { t as e } from "./Card-DAz0dvA3.js";
 export { e as default };

package/dist/CheckBox/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "./CheckBox-CcHskTz_.js";
 import { t as e } from "./CheckBox-CM24-quL.js";

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";

package/dist/ConfigProvider/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import { n as e, t } from "../vendors/ConfigProvider-gZYvcwIQ.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";

package/dist/DatePicker/{DatePicker-zoV0C8jf.js → DatePicker-CopVj7KA.js}

@@ -48,7 +48,7 @@ var w = {
 	"bsy-date-picker__content": "_bsy-date-picker__content_1i2le_33",
 	"bsy-date-picker__divider": "_bsy-date-picker__divider_1i2le_43",
 	"bsy-date-picker__panel-loading": "_bsy-date-picker__panel-loading_1i2le_49"
-}, j = m(() => import("./DatePickerPanel-BZJJDbjG.js")), M = (o) => {
+}, j = m(() => import("./DatePickerPanel-CLCEPUcL.js")), M = (o) => {
 	let { children: m, picker: S = "date", theme: w, getPopupContainer: D, triggerActiveClassName: O, zIndex: M } = o, { locale: N } = r(), P = e(M), [F, I] = v(o, {
 		defaultValuePropName: "defaultValue",
 		valuePropName: "value",

package/dist/DatePicker/{DatePickerPanel-BZJJDbjG.js → DatePickerPanel-CLCEPUcL.js}

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import { t as e } from "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import { t } from "../vendors/useLocale-Be4e7Xfn.js";

package/dist/DatePicker/index.js

@@ -1,9 +1,9 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
 import "../vendors/useFloatingOverlay-B66lOL8v.js";
 import "../vendors/useLocale-Be4e7Xfn.js";
 import "../vendors/useLatchedPopupPortalRoot-CC6af8t-.js";
-import { t as e } from "./DatePicker-zoV0C8jf.js";
+import { t as e } from "./DatePicker-CopVj7KA.js";
 import "./pickerLocale-Brf7_Tnd.js";
 export { e as default };

package/dist/DropDown/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../ScrollBar/style-D26azwz6.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";

package/dist/Editor/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../ScrollBar/style-D26azwz6.js";
 import { t as e } from "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";

package/dist/Gantt/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../ScrollBar/style-D26azwz6.js";
 import { t as e } from "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";

package/dist/Icon/index.js

@@ -1,3 +1,3 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import { t as e } from "./Icon-DrdQOEJE.js";
 export { e as default };

package/dist/InputTag/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../ScrollBar/style-D26azwz6.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";

package/dist/Loading/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../vendors/useLocale-Be4e7Xfn.js";
 import { t as e } from "./Loading-Cherk9Ax.js";

package/dist/Modal/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
 import { t as e } from "./Modal-eZijJ7CB.js";

package/dist/NotFoundContent/index.js

@@ -1,3 +1,3 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import { t as e } from "./NotFoundContent-DJUQ0_2D.js";
 export { e as NotFoundContent };

package/dist/Overlay/index.js

@@ -1,3 +1,3 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import { a as e, i as t, n, t as r } from "./OverlayContext-CVSFoyqN.js";
 export { r as OVERLAY_Z_BASE, n as OVERLAY_Z_STEP, t as OverlayProvider, e as useOverlayZIndex };

package/dist/Radio/index.js

@@ -1,3 +1,3 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import { t as e } from "./Radio-D9jhW7K6.js";
 export { e as default };

package/dist/ScrollBar/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "./style-D26azwz6.js";
 import { t as e } from "./ScrollBar-IMTuAOF5.js";
 export { e as ScrollBar, e as default };

package/dist/Segmented/index.js

@@ -1,3 +1,3 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import { t as e } from "./Segmented-BkTy5v9V.js";
 export { e as default };

package/dist/Select/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../ScrollBar/style-D26azwz6.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";

package/dist/Table/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../ScrollBar/style-D26azwz6.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../vendors/useLocale-Be4e7Xfn.js";

package/dist/Tabs/Tabs-Imowx4vq.js

@@ -0,0 +1,401 @@
+import { t as e } from "../Icon/Icon-DrdQOEJE.js";
+import { a as t, i as n } from "../Overlay/OverlayContext-CVSFoyqN.js";
+import { t as r } from "../vendors/useLocale-Be4e7Xfn.js";
+import { r as i } from "../vendors/animations-ISccYUE3.js";
+import { t as a } from "../vendors/cssVars-UpriQzph.js";
+import { t as o } from "../vendors/useFloatingPortal-DJ1iKmW-.js";
+import { isString as s } from "lodash-es";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { createContext as u, useCallback as d, useContext as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import _ from "clsx";
+import { useControllableValue as v, useEventListener as y, useMutationObserver as b, useToggle as x } from "ahooks";
+import { AnimatePresence as S, motion as C } from "motion/react";
+import { FloatingPortal as w } from "@floating-ui/react";
+//#region src/components/Tabs/constants.ts
+var T = {
+	LINE: "line",
+	CARD: "card",
+	FILLED_CARD: "filled-card",
+	BADGE_CARD: "badge-card"
+}, E = u({ type: T.LINE }), D = "_active_nxjon_18", O = "_disabled_nxjon_26", k = "_line_nxjon_44", A = "_card_nxjon_53", j = {
+	"bsy-tab": "_bsy-tab_nxjon_1",
+	"badge-card": "_badge-card_nxjon_9",
+	active: D,
+	disabled: O,
+	line: k,
+	card: A,
+	"filled-card": "_filled-card_nxjon_78"
+}, M = (e, t = 24) => e.length <= t ? e : e.slice(0, t) + "...", N = (e) => typeof e == "string" ? M(e) : e, P = ({ label: e, active: t = !1, onClick: n, tabKey: r }) => {
+	let { type: i = T.LINE, disabled: a } = f(E), o = s(e) ? e : "", l = () => {
+		a || n?.(r);
+	}, u = {
+		"data-tab-item": !0,
+		"data-tab-key": r,
+		role: "tab",
+		"aria-selected": t,
+		"aria-controls": `panel-${r}`,
+		onClick: l
+	};
+	return i === T.LINE ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j.line, {
+			[j.disabled]: a,
+			[j.active]: t
+		}),
+		title: o,
+		children: N(e)
+	}) : i === T.CARD ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j.card, {
+			[j.active]: t,
+			[j.disabled]: a
+		}),
+		title: o,
+		children: /* @__PURE__ */ c("span", { children: N(e) })
+	}) : i === T.FILLED_CARD ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j["filled-card"], {
+			[j.active]: t,
+			[j.disabled]: a
+		}),
+		title: o,
+		children: N(e)
+	}) : i === T.BADGE_CARD ? /* @__PURE__ */ c("div", {
+		...u,
+		className: _(j["bsy-tab"], j["badge-card"], {
+			[j.active]: t,
+			[j.disabled]: a
+		}),
+		title: o,
+		children: /* @__PURE__ */ c("span", { children: N(e) })
+	}) : null;
+};
+P.displayName = "BsyTab";
+//#endregion
+//#region src/components/Tabs/TabList/useTabScroll.ts
+var F = ({ disabled: e, children: t }) => {
+	let n = h(null), r = h(null), [i, a] = g(!1), [o, s] = g(!1), [c, l] = g(!1), [u, f] = g(0), m = d(() => {
+		let e = n.current, t = r.current;
+		if (!e || !t) return;
+		let i = e.clientWidth, o = t.scrollWidth, c = o > i;
+		a(c), c ? (s(u < 0), l(u > -(o - i))) : (s(!1), l(!1), f(0));
+	}, [u]);
+	return y("resize", () => m()), p(() => {
+		m();
+	}, [
+		u,
+		t,
+		m
+	]), {
+		listRef: n,
+		wrapperRef: r,
+		showControls: i,
+		canScrollLeft: o,
+		canScrollRight: c,
+		translateX: u,
+		scrollLeft: () => {
+			if (!o || e) return;
+			let t = n.current;
+			if (!t) return;
+			let r = t.clientWidth * .6;
+			f(Math.min(0, u + r));
+		},
+		scrollRight: () => {
+			if (!c || e) return;
+			let t = n.current, i = r.current;
+			if (!t || !i) return;
+			let a = t.clientWidth * .6, o = t.clientWidth, s = -(i.scrollWidth - o);
+			f(Math.max(s, u - a));
+		}
+	};
+}, I = ({ activeKey: e, type: t, showIndicator: n, wrapperRef: r, items: i }) => {
+	let [a, o] = g({
+		width: 0,
+		left: 0,
+		ready: !1
+	}), s = d((e) => {
+		if (!n || !r.current) return;
+		let t = r.current.getBoundingClientRect(), i = e.getBoundingClientRect(), a = i.left - t.left, s = i.width;
+		o({
+			width: s,
+			left: a,
+			ready: !0
+		});
+	}, [n, r]);
+	return p(() => {
+		if (!e || !r.current) return;
+		let t = r.current.querySelector(`[data-tab-key="${e}"]`);
+		t && n && s(t);
+	}, [
+		e,
+		n,
+		r,
+		s,
+		t,
+		i
+	]), b(() => {
+		if (!n) return;
+		let e = r.current?.querySelector("[aria-selected=\"true\"]");
+		e && s(e);
+	}, r, {
+		subtree: !0,
+		characterData: !0
+	}), {
+		indicatorStyle: a,
+		handleTabClick: (e) => {
+			s(e);
+		}
+	};
+}, L = ({ children: e, activeKey: t, className: n, style: i, items: a }) => {
+	let { t: o } = r(), { type: s = T.LINE, disabled: u } = f(E), d = [T.LINE, T.CARD].includes(s), { listRef: p, wrapperRef: m, showControls: h, canScrollLeft: g, canScrollRight: v, translateX: y, scrollLeft: b, scrollRight: x } = F({
+		disabled: u,
+		children: e
+	}), { indicatorStyle: S, handleTabClick: C } = I({
+		activeKey: t,
+		type: s,
+		showIndicator: d,
+		wrapperRef: m,
+		items: a
+	}), w = S.ready, D = (e) => {
+		if (u) return;
+		let t = e.target.closest("[data-tab-item]");
+		t && C(t);
+	};
+	return /* @__PURE__ */ l("div", {
+		className: _("relative max-h-[36px]", n),
+		style: i,
+		children: [
+			h && /* @__PURE__ */ c("button", {
+				className: _("absolute left-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center", { "cursor-not-allowed": !g || u }),
+				style: { color: g && !u ? "var(--bsy-tabs-color-icon, #4b5563)" : "var(--bsy-tabs-color-icon-disabled, #9ca3af)" },
+				onClick: b,
+				disabled: !g || u,
+				"aria-label": o("tabs.scrollPrev"),
+				children: /* @__PURE__ */ c("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M15 19l-7-7 7-7"
+					})
+				})
+			}),
+			/* @__PURE__ */ c("div", {
+				className: _({
+					"pl-8": h,
+					"pr-8": h
+				}),
+				children: /* @__PURE__ */ c("div", {
+					ref: p,
+					className: _("overflow-hidden", {
+						"border-b": s === T.LINE,
+						"border-b-2": s === T.FILLED_CARD || s === T.BADGE_CARD,
+						"pb-[2px]": s === T.BADGE_CARD
+					}),
+					style: { borderColor: s === T.LINE ? "var(--bsy-tabs-color-border, #e0e0e0)" : s === T.FILLED_CARD || s === T.BADGE_CARD ? "var(--bsy-tabs-color-primary, #0265ff)" : void 0 },
+					children: /* @__PURE__ */ l("div", {
+						ref: m,
+						role: "tablist",
+						className: _("relative text-sm flex flex-nowrap", {
+							"gap-x-[26px]": s === T.LINE,
+							"gap-x-[10px]": s === T.FILLED_CARD || s === T.BADGE_CARD
+						}),
+						onClick: D,
+						style: {
+							backgroundColor: s === T.CARD ? "var(--bsy-tabs-item-bg, #f0f0f0)" : void 0,
+							transform: `translateX(${y}px)`,
+							transition: "transform 0.3s ease-in-out"
+						},
+						children: [e, d && S.ready && /* @__PURE__ */ c("div", {
+							className: _("absolute h-0.5", {
+								"bottom-0": s === T.LINE,
+								"top-0": s === T.CARD,
+								"transition-all duration-300 ease-in-out": w
+							}),
+							style: {
+								backgroundColor: "var(--bsy-tabs-ink-bar, var(--bsy-tabs-color-primary, #0265ff))",
+								width: `${S.width}px`,
+								left: `${S.left}px`
+							}
+						})]
+					})
+				})
+			}),
+			h && /* @__PURE__ */ c("button", {
+				className: _("absolute right-0 top-0 bottom-0 z-10 w-8 flex items-center justify-center", { "cursor-not-allowed": !v || u }),
+				style: { color: v && !u ? "var(--bsy-tabs-color-icon, #4b5563)" : "var(--bsy-tabs-color-icon-disabled, #9ca3af)" },
+				onClick: x,
+				disabled: !v || u,
+				"aria-label": o("tabs.scrollNext"),
+				children: /* @__PURE__ */ c("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ c("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 5l7 7-7 7"
+					})
+				})
+			})
+		]
+	});
+};
+L.displayName = "BsyTabList";
+//#endregion
+//#region src/components/Tabs/TabPanel/TabPanel.tsx
+var R = ({ items: e, activeKey: t, className: n }) => {
+	let r = e.find((e) => e.key === t);
+	return !r || !r.children ? null : /* @__PURE__ */ c("div", {
+		className: n,
+		role: "tabpanel",
+		"aria-labelledby": `tab-${t}`,
+		children: r.children
+	});
+};
+R.displayName = "BsyTabPanel";
+//#endregion
+//#region src/components/Tabs/style/resolveTabsThemeVars.ts
+var z = (e, t) => {
+	let n = {};
+	return a(n, "--bsy-tabs-color-primary", e?.colorPrimary ?? t), a(n, "--bsy-tabs-ink-bar", e?.inkBarColor), a(n, "--bsy-tabs-color-text", e?.colorText), a(n, "--bsy-tabs-item-active-color", e?.itemActiveColor), a(n, "--bsy-tabs-item-bg", e?.itemBg), a(n, "--bsy-tabs-item-hover-bg", e?.itemHoverBg), a(n, "--bsy-tabs-item-active-bg", e?.itemActiveBg), a(n, "--bsy-tabs-item-active-gradient-from", e?.itemActiveGradientFrom), a(n, "--bsy-tabs-item-active-gradient-to", e?.itemActiveGradientTo), a(n, "--bsy-tabs-color-border", e?.colorBorder), a(n, "--bsy-tabs-color-icon", e?.colorIcon), a(n, "--bsy-tabs-color-icon-disabled", e?.colorIconDisabled), n;
+}, B = (e) => {
+	let [t, n] = v(e, {
+		defaultValuePropName: "defaultActiveKey",
+		valuePropName: "activeKey",
+		trigger: "onChange"
+	}), r = e.items?.some((e) => e.children), i = m(() => z(e.theme, e.color), [e.theme, e.color]);
+	return /* @__PURE__ */ c(E.Provider, {
+		value: {
+			type: e.type,
+			disabled: e.disabled
+		},
+		children: /* @__PURE__ */ l("div", {
+			className: _("bsy-tabs", e.className),
+			style: {
+				...i,
+				...e.style
+			},
+			children: [/* @__PURE__ */ c(L, {
+				items: e.items,
+				activeKey: t,
+				children: e.items?.map((e) => /* @__PURE__ */ c(P, {
+					tabKey: e.key,
+					label: e.label,
+					active: t === e.key,
+					onClick: (e) => n(e)
+				}, e.key))
+			}), r && e.items && /* @__PURE__ */ c(R, {
+				items: e.items,
+				activeKey: t,
+				className: "bsy-tabs__content"
+			})]
+		})
+	});
+};
+B.displayName = "BsyTabs";
+//#endregion
+//#region src/components/Tabs/TabSelect/tabSelect.module.scss
+var V = "_active_5a1wn_11", H = "_icon_5a1wn_45", U = {
+	"bsy-tabs-select__trigger": "_bsy-tabs-select__trigger_5a1wn_1",
+	active: V,
+	"bsy-tabs-select__trigger-icon": "_bsy-tabs-select__trigger-icon_5a1wn_14",
+	"bsy-tabs-select__trigger-input": "_bsy-tabs-select__trigger-input_5a1wn_17",
+	"bsy-tabs-select__panel": "_bsy-tabs-select__panel_5a1wn_21",
+	"bsy-tabs-select__panel-item": "_bsy-tabs-select__panel-item_5a1wn_32",
+	icon: H
+}, W = (a) => {
+	let { color: s, theme: u } = a, { t: d } = r(), f = t(), [p, { toggle: h, setLeft: g }] = x(!1), { refs: y, floatingStyles: b, getFloatingProps: E, getReferenceProps: D, referenceStyle: O } = o({
+		isOpen: p,
+		close: g,
+		offset: {
+			x: 0,
+			y: 4
+		},
+		zIndex: f
+	}), [k, A] = v(a, {
+		trigger: "onChange",
+		defaultValuePropName: "defaultValue",
+		valuePropName: "value",
+		defaultValue: T.LINE
+	}), j = Object.values(T).map((e) => ({
+		label: e,
+		value: e
+	})), M = m(() => [
+		{
+			label: d("tabs.previewTab1"),
+			key: "1"
+		},
+		{
+			label: d("tabs.previewTab2"),
+			key: "2"
+		},
+		{
+			label: d("tabs.previewTab3"),
+			key: "3"
+		}
+	], [d]);
+	return /* @__PURE__ */ l("div", {
+		className: U["bsy-tabs-select"],
+		children: [/* @__PURE__ */ l("div", {
+			className: _(U["bsy-tabs-select__trigger"], { [U.active]: p }),
+			ref: y.setReference,
+			...D(),
+			style: O,
+			onClick: () => h(),
+			children: [/* @__PURE__ */ c("div", {
+				className: _(U["bsy-tabs-select__trigger-input"], { [U.active]: k }),
+				children: k && /* @__PURE__ */ c(B, {
+					activeKey: "1",
+					type: k,
+					color: s,
+					theme: u,
+					disabled: !0,
+					items: M
+				}, k)
+			}), /* @__PURE__ */ c("div", {
+				className: U["bsy-tabs-select__trigger-icon"],
+				children: /* @__PURE__ */ c(e, {
+					name: "arrow-down",
+					className: _(U.icon, { active: p })
+				})
+			})]
+		}), /* @__PURE__ */ c(w, { children: /* @__PURE__ */ c(n, {
+			zIndex: f,
+			children: /* @__PURE__ */ c(S, { children: p && /* @__PURE__ */ c("div", {
+				ref: y.setFloating,
+				style: b,
+				...E(),
+				children: /* @__PURE__ */ c(C.div, {
+					...i,
+					children: /* @__PURE__ */ c("div", {
+						className: U["bsy-tabs-select__panel"],
+						children: j.map((e) => /* @__PURE__ */ c("div", {
+							className: _(U["bsy-tabs-select__panel-item"], { [U.active]: k === e.value }),
+							onClick: () => {
+								A(e.value), g();
+							},
+							children: /* @__PURE__ */ c(B, {
+								activeKey: "1",
+								type: e.value,
+								disabled: !0,
+								color: s,
+								theme: u,
+								items: M
+							}, e.value)
+						}, e.value))
+					})
+				})
+			}) })
+		}) })]
+	});
+};
+W.displayName = "BsyTabSelect";
+//#endregion
+export { T as i, B as n, R as r, W as t };

package/dist/Tabs/index.js

@@ -1,8 +1,8 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import "../vendors/LocaleContext-DXQoOKM2.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
 import "../vendors/useLocale-Be4e7Xfn.js";
 import "../vendors/useFloatingPortal-DJ1iKmW-.js";
-import { i as e, n as t, r as n, t as r } from "./Tabs-DnoZ8BO0.js";
+import { i as e, n as t, r as n, t as r } from "./Tabs-Imowx4vq.js";
 export { e as TABS_TYPE, n as TabPanel, r as TabSelect, t as default };

package/dist/Tooltip/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Overlay/OverlayContext-CVSFoyqN.js";
 import "../vendors/useLatchedPopupPortalRoot-CC6af8t-.js";
 import { n as e, t } from "./Tooltip-DBrt3t2r.js";

package/dist/Tree/index.js

@@ -1,4 +1,4 @@
-import "../vendors/version-CkTjB1Kb.js";
+import "../vendors/version-BVdbN53a.js";
 import "../Icon/Icon-DrdQOEJE.js";
 import { t as e } from "../vendors/Tree-D0Q1IZ2D.js";
 import "../CheckBox/CheckBox-CcHskTz_.js";

package/dist/components/Tabs/Tab/Tab.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
-import { TabsProps } from '../interface';
-interface TabProps extends Pick<TabsProps, 'color' | 'type'> {
+interface TabProps {
     label: React.ReactNode;
     active?: boolean;
     onClick?: (key: string) => void;

package/dist/components/Tabs/TabSelect/interface.d.ts

@@ -1,4 +1,5 @@
 import { TabType } from '../constants';
+import { TabsTheme } from '../interface';
 type TabSelectProps = {
   /**
    * @description 下拉选中的 tab 类型
@@ -16,9 +17,15 @@ type TabSelectProps = {
   defaultValue?: TabType;
 
   /**
-   * @description 主题色
+   * @deprecated 请使用 `theme.colorPrimary`
+   * @description 主题色，等价于 `theme.colorPrimary`
    */
   color?: string;
+
+  /**
+   * @description 预览页签的颜色 token
+   */
+  theme?: TabsTheme;
 };
 
 export type { TabSelectProps };

package/dist/components/Tabs/context/TabContext.d.ts

@@ -1,6 +1,5 @@
 import { TabType } from '../constants';
 declare const TabContext: import('react').Context<{
-    color?: string;
     type?: TabType;
     disabled?: boolean;
 }>;

package/dist/components/Tabs/index.d.ts

@@ -2,3 +2,4 @@ export { default } from './Tabs';
 export { default as TabSelect } from './TabSelect/TabSelect';
 export { default as TabPanel } from './TabPanel/TabPanel';
 export { TABS_TYPE, type TabType } from './constants';
+export type { TabsProps, TabsTheme } from './interface';