@baishuyun/ui-base 6.7.3 → 6.8.2

package/dist/Select/{SelectInputSearch-Bikrj3FI.js → SelectInputSearch-COUzreau.js}

@@ -1,5 +1,5 @@
 import { t as e } from "../Icon/Icon-BBDcb-yw.js";
-import { t } from "../vendors/useLocale-BYtF5pxt.js";
+import { t } from "../vendors/useLocale-BKZX2_zw.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Select/SelectInputSearch/SelectInputSearch.tsx
 var i = (i) => {

package/dist/Select/index.js

@@ -1,15 +1,15 @@
-import "../vendors/version-Dkos5Cha.js";
+import "../vendors/version-4HBYLKDL.js";
 import "../ScrollBar/style-D26azwz6.js";
 import "../Icon/Icon-BBDcb-yw.js";
-import "../vendors/LocaleContext-B1HuhJc-.js";
-import "../vendors/useLocale-BYtF5pxt.js";
+import "../vendors/LocaleContext-Dcw6C1LX.js";
+import "../vendors/useLocale-BKZX2_zw.js";
 import "../vendors/useLatchedPopupPortalRoot-4fVhqVT4.js";
-import { n as e, r as t, t as n } from "./Select-DujgkkUp.js";
-import "./SelectInputSearch-Bikrj3FI.js";
-import "../vendors/Tree-DQkpLl6f.js";
+import { n as e, r as t, t as n } from "./Select-D6EK7whJ.js";
+import "./SelectInputSearch-COUzreau.js";
+import "../vendors/Tree-DXmVRDn0.js";
 import "../CheckBox/CheckBox-ByWSy9Yr.js";
 import "../CheckBox/CheckBox-nBm0u6zX.js";
-import "../Radio/Radio-DSoZotcs.js";
+import "../Radio/Radio-CX9cUqb7.js";
 import "../NotFoundContent/NotFoundContent-BLmzWNBi.js";
 import "../ScrollBar/ScrollBar-QhXVe8zd.js";
 import "../vendors/useFloatingPortal-CmVJbuRm.js";

package/dist/Table/{Table-k9wdWm6V.js → Table-yQXQEk6d.js}

@@ -1,4 +1,4 @@
-import { t as e } from "../vendors/useLocale-BYtF5pxt.js";
+import { t as e } from "../vendors/useLocale-BKZX2_zw.js";
 import { n as t, o as n, t as r } from "./constants-kRpjsoet.js";
 import { c as i, f as a, i as o, l as s, o as c, r as l, s as u, t as d, u as f } from "./processRowspan-B0WELhG2.js";
 import { n as p, t as m } from "./hooks-BceUZQQm.js";

package/dist/Table/hooks/index.js

@@ -1,3 +1,3 @@
-import "../../vendors/version-Dkos5Cha.js";
+import "../../vendors/version-4HBYLKDL.js";
 import { n as e, t } from "../hooks-BceUZQQm.js";
 export { t as useColumnResize, e as useTableVirtual };

package/dist/Table/index.js

@@ -1,10 +1,10 @@
-import "../vendors/version-Dkos5Cha.js";
+import "../vendors/version-4HBYLKDL.js";
 import "../ScrollBar/style-D26azwz6.js";
-import "../vendors/LocaleContext-B1HuhJc-.js";
-import "../vendors/useLocale-BYtF5pxt.js";
+import "../vendors/LocaleContext-Dcw6C1LX.js";
+import "../vendors/useLocale-BKZX2_zw.js";
 import { a as e, n as t, t as n } from "./constants-kRpjsoet.js";
 import { a as r, c as i, d as a, f as o, n as s, o as c, r as l, t as u, u as d } from "./processRowspan-B0WELhG2.js";
-import { n as f, t as p } from "./Table-k9wdWm6V.js";
+import { n as f, t as p } from "./Table-yQXQEk6d.js";
 import { n as m, t as h } from "./hooks-BceUZQQm.js";
 import { t as g } from "./style-DgiPEsSp.js";
 export { n as COLUMN_DEFAULTS, t as DEFAULT_CONFIG, e as TABLE_DOM, p as Table, p as default, f as TableBody, r as calculateFixedOffset, c as expandLeafColumns, u as getCellRowspan, i as getColumnsWidth, d as getRowKey, s as processRowspan, g as resolveTableThemeVars, l as shouldRenderCell, a as sortData, o as splitFixedColumns, h as useColumnResize, m as useTableVirtual };

package/dist/Table/style/index.js

@@ -1,3 +1,3 @@
-import "../../vendors/version-Dkos5Cha.js";
+import "../../vendors/version-4HBYLKDL.js";
 import { t as e } from "../style-DgiPEsSp.js";
 export { e as resolveTableThemeVars };

package/dist/Table/utils/index.js

@@ -1,3 +1,3 @@
-import "../../vendors/version-Dkos5Cha.js";
+import "../../vendors/version-4HBYLKDL.js";
 import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, r as c, s as l, t as u, u as d } from "../processRowspan-B0WELhG2.js";
 export { e as calculateFixedOffset, s as expandLeafColumns, l as findFlatColumnIndex, i as flattenColumns, u as getCellRowspan, t as getColumnsWidth, a as getFixedStickyStyle, d as getRowKey, o as processRowspan, c as shouldRenderCell, n as sortData, r as splitFixedColumns };

package/dist/Tabs/Tabs-BiKW70CL.js

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

package/dist/Tabs/index.js

@@ -1,6 +1,8 @@
-import "../vendors/version-Dkos5Cha.js";
+import "../vendors/version-4HBYLKDL.js";
 import "../Icon/Icon-BBDcb-yw.js";
+import "../vendors/LocaleContext-Dcw6C1LX.js";
+import "../vendors/useLocale-BKZX2_zw.js";
 import "../vendors/color-D6XBXROa.js";
 import "../vendors/useFloatingPortal-CmVJbuRm.js";
-import { i as e, n as t, r as n, t as r } from "./Tabs-Ctgg45Ox.js";
+import { i as e, n as t, r as n, t as r } from "./Tabs-BiKW70CL.js";
 export { e as TABS_TYPE, n as TabPanel, r as TabSelect, t as default };

package/dist/Tooltip/index.js

@@ -1,3 +1,3 @@
-import "../vendors/version-Dkos5Cha.js";
+import "../vendors/version-4HBYLKDL.js";
 import { n as e, t } from "./Tooltip-Ch9lti_7.js";
 export { e as TooltipFloatingContext, t as default };

package/dist/Tree/index.js

@@ -1,6 +1,6 @@
-import "../vendors/version-Dkos5Cha.js";
+import "../vendors/version-4HBYLKDL.js";
 import "../Icon/Icon-BBDcb-yw.js";
-import { t as e } from "../vendors/Tree-DQkpLl6f.js";
+import { t as e } from "../vendors/Tree-DXmVRDn0.js";
 import "../CheckBox/CheckBox-ByWSy9Yr.js";
-import "../Radio/Radio-DSoZotcs.js";
+import "../Radio/Radio-CX9cUqb7.js";
 export { e as Tree };

package/dist/Tree/utils/index.js

@@ -1,4 +1,4 @@
-import "../../vendors/version-Dkos5Cha.js";
+import "../../vendors/version-4HBYLKDL.js";
 import { isString as e } from "lodash-es";
 //#region src/components/Tree/utils/index.ts
 var t = (e, n, r, i = []) => {