@baishuyun/ui-base 6.9.0 → 6.10.0

package/dist/Tabs/Tabs-BiKW70CL.js

@@ -1,398 +0,0 @@
-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/vendors/color-D6XBXROa.js

@@ -1,12 +0,0 @@
-import { isEmpty as e } from "lodash-es";
-import t from "tinycolor2";
-//#region src/utils/color.ts
-function n(e, t) {
-	if (t < 0 || t > 1) return console.error("Alpha value must be between 0 and 1."), null;
-	e = e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (e, t, n, r) => t + t + n + n + r + r);
-	let n = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
-	return n ? `rgba(${parseInt(n[1], 16)}, ${parseInt(n[2], 16)}, ${parseInt(n[3], 16)}, ${t})` : (console.error("Invalid HEX color format."), null);
-}
-var r = (n, r) => e(n) || e(r) ? !1 : t(n).toRgbString() === t(r).toRgbString();
-//#endregion
-export { n, r as t };