@baishuyun/ui-base 6.10.0 → 6.11.0

package/dist/Tabs/Tabs-B1RsYb2W.js

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

package/dist/Tooltip/Tooltip-DWWWYn1a.js

@@ -1,168 +0,0 @@
-import { n as e } from "../vendors/mergeRefs-Bai1cIzv.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Fragment as i, cloneElement as ee, createContext as a, isValidElement as te, useCallback as ne, useEffect as re, useMemo as o, useRef as ie, useState as s } from "react";
-import { useControllableValue as c } from "ahooks";
-import { FloatingArrow as l, FloatingPortal as u, arrow as d, autoUpdate as f, flip as p, offset as m, safePolygon as h, shift as g, size as _, useClick as v, useDismiss as y, useFloating as ae, useHover as oe, useInteractions as se, useRole as ce, useTransitionStyles as le } from "@floating-ui/react";
-//#region src/components/Tooltip/context/TooltipFloatingContext.ts
-var b = a(null), x = {
-	"bsy-tooltip": "_bsy-tooltip_bqmfs_1",
-	"bsy-tooltip__trigger": "_bsy-tooltip__trigger_bqmfs_4",
-	"bsy-tooltip__content": "_bsy-tooltip__content_bqmfs_8"
-}, ue = "M0 14C0 14 1.44834 13.9879 4.14272 10.7864C5.24990 9.46652 6.28557 8.66663 7.0002 8.66663C7.71415 8.66663 8.73670 9.55158 9.85697 10.8831C12.5664 14.1005 14 14 14 14H0Z", de = "#525867", S = (e, t) => e ? t ? (n) => {
-	e(n), t(n);
-} : e : t, C = (e) => {
-	if (!(e === "auto" || e === void 0)) return typeof e == "number" ? `${e}px` : e;
-}, fe = (e) => e.type === i || (e.type?.toString().includes("Fragment") ?? !1), w = ({ children: i, content: a, trigger: w = "hover", style: T, zIndex: E, showArrow: D = !0, placement: O = "bottom", onClose: k, hoverDelay: A = 500, getPopupContainer: j, moveToFloatingKeepOpen: M = !1, widthMode: N = "content", width: P, minWidth: F = 60, maxWidth: I = 340, offset: L = 10, fallbackPlacements: R, virtualReference: z, flipBoundary: B, animated: V = !1, animationConfig: H, ...pe }) => {
-	let U = ie(null), [me, he] = s(null), [W, G] = c(pe, {
-		valuePropName: "visible",
-		trigger: "onVisibleChange",
-		defaultValue: !1
-	}), ge = ne((e) => {
-		!e && W && k && k(), G(e);
-	}, [
-		W,
-		k,
-		G
-	]), _e = o(() => {
-		let e = R ? { fallbackPlacements: R } : {};
-		B && (e.boundary = B);
-		let t = [
-			m(L),
-			p(e),
-			g({ padding: 8 })
-		];
-		return D && t.push(d({ element: U })), N === "reference" && t.push(_({ apply({ rects: e, elements: t }) {
-			t.floating.style.width = `${e.reference.width}px`;
-			let n = C(F);
-			n && (t.floating.style.minWidth = n);
-			let r = C(I);
-			r && (t.floating.style.maxWidth = r);
-		} })), t;
-	}, [
-		N,
-		F,
-		I,
-		L,
-		R,
-		B,
-		D
-	]), { refs: K, floatingStyles: q, context: J } = ae({
-		open: W,
-		onOpenChange: ge,
-		whileElementsMounted: W ? (e, t, n) => f(e, t, n, {
-			animationFrame: !1,
-			ancestorScroll: !0,
-			ancestorResize: !0,
-			elementResize: !0,
-			layoutShift: !1
-		}) : void 0,
-		placement: O,
-		middleware: _e,
-		transform: !1
-	}), { isMounted: Y, styles: ve } = le(J, V && H ? H : { duration: 0 }), ye = V ? Y : W, X = o(() => {
-		let e = {
-			...q,
-			...T,
-			...E === void 0 ? null : { "--bsy-tooltip-z-index": E }
-		};
-		switch (N) {
-			case "content":
-				e.width = "auto";
-				break;
-			case "manual":
-				P !== void 0 && (e.width = C(P));
-				break;
-			case "reference": break;
-			default: e.width = "max-content";
-		}
-		return N !== "reference" && (F !== void 0 && (e.minWidth = C(F)), I !== void 0 && (e.maxWidth = C(I))), e;
-	}, [
-		q,
-		T,
-		E,
-		N,
-		P,
-		F,
-		I
-	]);
-	re(() => {
-		z && K.setPositionReference(z);
-	}, [z, K]);
-	let { getReferenceProps: be, getFloatingProps: xe } = se([
-		oe(J, {
-			enabled: w === "hover",
-			delay: { open: A },
-			handleClose: M ? h() : void 0
-		}),
-		v(J, { enabled: w === "click" }),
-		y(J),
-		ce(J, { role: "tooltip" })
-	]), Z = be(), Q = {
-		...Z,
-		onClick: (e) => {
-			w === "click" && e.stopPropagation(), Z.onClick?.(e);
-		},
-		onMouseEnter: (e) => {
-			w === "hover" && e.stopPropagation(), Z.onMouseEnter?.(e);
-		},
-		onMouseLeave: (e) => {
-			w === "hover" && e.stopPropagation(), Z.onMouseLeave?.(e);
-		},
-		onMouseMove: (e) => {
-			Z.onMouseMove?.(e);
-		}
-	}, Se = j?.(), Ce = typeof T?.background == "string" ? T.background : de, we = e(K.setFloating, he), $ = ye ? /* @__PURE__ */ n(u, {
-		root: Se ?? void 0,
-		children: /* @__PURE__ */ r("div", {
-			ref: we,
-			style: V ? {
-				...X,
-				...ve
-			} : X,
-			...xe(),
-			className: x["bsy-tooltip__content"],
-			onClick: (e) => e.stopPropagation(),
-			children: [D ? /* @__PURE__ */ n(l, {
-				ref: U,
-				context: J,
-				width: 14,
-				height: 14,
-				tipRadius: 2,
-				fill: Ce,
-				d: ue
-			}) : null, /* @__PURE__ */ n(b.Provider, {
-				value: me,
-				children: a
-			})]
-		})
-	}) : null;
-	if (te(i) && !fe(i)) {
-		let n = i.props, a = i.ref;
-		return /* @__PURE__ */ r(t, { children: [ee(i, {
-			...n,
-			...Q,
-			ref: a ? e(K.setReference, a) : K.setReference,
-			style: n.style,
-			onClick: S(n.onClick, Q.onClick),
-			onMouseEnter: S(n.onMouseEnter, Q.onMouseEnter),
-			onMouseLeave: S(n.onMouseLeave, Q.onMouseLeave),
-			onMouseMove: S(n.onMouseMove, Q.onMouseMove)
-		}), $] });
-	}
-	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("div", {
-		className: x["bsy-tooltip"],
-		children: /* @__PURE__ */ n("div", {
-			ref: K.setReference,
-			...Q,
-			className: x["bsy-tooltip__trigger"],
-			children: i
-		})
-	}), $] });
-}, T = ({ content: e, children: r, ...i }) => e ? /* @__PURE__ */ n(w, {
-	content: e,
-	...i,
-	children: r
-}) : /* @__PURE__ */ n(t, { children: r });
-T.displayName = "BsyTooltip";
-//#endregion
-export { b as n, T as t };