@baishuyun/ui-base 6.22.0 → 6.23.0

package/dist/Segmented/Segmented-BkTy5v9V.js

@@ -1,87 +0,0 @@
-import { t as e } from "../vendors/cssVars-UpriQzph.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useCallback as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import c from "clsx";
-import { useControllableValue as l } from "ahooks";
-import { motion as u } from "motion/react";
-//#region src/components/Segmented/Segmented.module.scss
-var d = {
-	"bsy-segmented": "_bsy-segmented_1yc4d_1",
-	"bsy-segmented--block": "_bsy-segmented--block_1yc4d_12",
-	"bsy-segmented__item": "_bsy-segmented__item_1yc4d_17",
-	"bsy-segmented__item--disabled": "_bsy-segmented__item--disabled_1yc4d_31",
-	"bsy-segmented__item--block": "_bsy-segmented__item--block_1yc4d_36",
-	"bsy-segmented__item--active": "_bsy-segmented__item--active_1yc4d_44",
-	"bsy-segmented__item--inactive": "_bsy-segmented__item--inactive_1yc4d_48",
-	"bsy-segmented__slider": "_bsy-segmented__slider_1yc4d_56"
-}, f = {
-	duration: .32,
-	ease: [
-		.34,
-		1.2,
-		.64,
-		1
-	]
-}, p = { duration: 0 }, m = "#fff", h = (h) => {
-	let { options: g, block: _ = !1, disabled: v = !1, enableAnimation: y = !1, theme: b } = h, [x, S] = l(h), [C, w] = s({
-		width: 0,
-		left: 0
-	}), T = o(null), E = o(/* @__PURE__ */ new Map()), D = o(!1), O = x != null && g.some((e) => e.value === x), k = r(() => {
-		if (!O) return;
-		let e = E.current.get(x), t = T.current;
-		if (e && t) {
-			let n = t.getBoundingClientRect(), r = e.getBoundingClientRect();
-			w({
-				width: r.width,
-				left: r.left - n.left
-			});
-		}
-	}, [x, O]);
-	i(() => {
-		if (y && D.current) {
-			let e = requestAnimationFrame(() => {
-				k();
-			});
-			return () => cancelAnimationFrame(e);
-		}
-		k();
-	}, [
-		x,
-		y,
-		k
-	]), i(() => {
-		let e = new ResizeObserver(k);
-		return T.current && e.observe(T.current), () => {
-			e.disconnect();
-		};
-	}, [k]);
-	let A = a(() => {
-		let t = {};
-		return e(t, "--bsy-segmented-color", b?.colorText), e(t, "--bsy-segmented-background", b?.trackBg), b?.itemSelectedBg && (t["--bsy-segmented-active-color"] = m, t["--bsy-segmented-slider-background"] = b.itemSelectedBg, t["--bsy-segmented-slider-border"] = b.itemSelectedBg), e(t, "--bsy-segmented-hover-background", b?.itemHoverBg), e(t, "--bsy-segmented-hover-border", b?.itemHoverBorder), t;
-	}, [b]);
-	return /* @__PURE__ */ n("div", {
-		ref: T,
-		className: c(d["bsy-segmented"], _ && d["bsy-segmented--block"]),
-		style: {
-			...A,
-			..._ ? { gridTemplateColumns: `repeat(${g.length}, 1fr)` } : null
-		},
-		children: [O ? /* @__PURE__ */ t(u.div, {
-			className: d["bsy-segmented__slider"],
-			animate: C,
-			transition: y && D.current ? f : p
-		}) : null, g.map((e) => /* @__PURE__ */ t("button", {
-			ref: (t) => {
-				t ? E.current.set(e.value, t) : E.current.delete(e.value);
-			},
-			onClick: () => {
-				v || (y && e.value !== x && (D.current = !0), S(e.value));
-			},
-			className: c(d["bsy-segmented__item"], _ && d["bsy-segmented__item--block"], x === e.value ? d["bsy-segmented__item--active"] : d["bsy-segmented__item--inactive"], { [d["bsy-segmented__item--disabled"]]: v }),
-			children: e.label
-		}, e.value))]
-	});
-};
-h.displayName = "BsySegmented";
-//#endregion
-export { h as t };