@baishuyun/ui-base 6.4.2 → 6.5.0

package/dist/InputTag/InputTag-CGQ5dXyf.js

@@ -0,0 +1,143 @@
+import { t as e } from "../ScrollBar/ScrollBar-CSGBOE3e.js";
+import { t } from "../Icon/Icon-SQ5tu-yG.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useCallback as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import l from "clsx";
+import { useControllableValue as u } from "ahooks";
+import { motion as d } from "motion/react";
+//#region src/components/InputTag/input-tag.module.scss
+var f = {
+	"bsy-inputTag": "_bsy-inputTag_46spj_11",
+	"bsy-inputTag__container": "_bsy-inputTag__container_46spj_22",
+	"bsy-inputTag__inputContainer": "_bsy-inputTag__inputContainer_46spj_27",
+	"bsy-inputTag__inputContainer--zeroMargin": "_bsy-inputTag__inputContainer--zeroMargin_46spj_37",
+	"bsy-inputTag__input": "_bsy-inputTag__input_46spj_27",
+	"scale-in": "_scale-in_46spj_1"
+}, p = {
+	GAP: 4,
+	OFFSET: 3,
+	INPUT_MIN_WIDTH: 80,
+	CONTAINER_PADDING: 10,
+	INPUT_MARGIN: 4
+}, m = (e, t) => {
+	let [n, r] = c(0);
+	return o(() => {
+		let t = e.current;
+		if (!t) return;
+		let n = () => {
+			let e = t.children, n = 0;
+			for (let t = 0; t < e.length; t++) n += e[t].clientWidth;
+			let i = Math.max(0, e.length - 1) * p.GAP, a = Math.max(0, n + i + p.OFFSET);
+			r((e) => e === a ? e : a);
+		};
+		n();
+		let i = new ResizeObserver(n);
+		return i.observe(t), () => {
+			i.disconnect();
+		};
+	}, [t, e]), n;
+}, h = { overflow: {
+	x: "scroll",
+	y: "hidden"
+} }, g = (g) => {
+	let { defaultValue: _, enableActive: v = !1, defaultActiveIndex: y, onActiveIndexChange: b } = g, [x, S] = u(g, { defaultValue: _ || [] }), [C, w] = u(g, {
+		valuePropName: "activeIndex",
+		trigger: "onActiveIndexChange",
+		defaultValue: y
+	}), [T, E] = c(""), D = s(null), O = s(null), k = s(null), A = s(!1), j = () => {
+		if (O.current && O.current.children.length > 0) {
+			let e = O.current.children.length - 1;
+			O.current.children[e].scrollIntoView({
+				behavior: "smooth",
+				block: "nearest",
+				inline: "end"
+			});
+		}
+	};
+	a(() => {
+		A.current && x.length > 0 && (j(), A.current = !1);
+	}, [x.length]);
+	let M = (e) => {
+		E(e.currentTarget.value);
+	}, N = () => {
+		let e = T.trim();
+		if (e !== "") {
+			let t = e;
+			A.current = !0, S([...x, t]), E("");
+		}
+	}, P = (e, t) => {
+		if (!v) return;
+		let n = C === e ? void 0 : e;
+		w(n), b?.(n ?? -1, t);
+	}, F = (e) => {
+		e.key === "Enter" || e.key === "NumpadEnter" ? N() : e.key === "Backspace" && T === "" && x.length > 0 && S(x.slice(0, -1));
+	}, I = (e) => {
+		S(x.filter((t, n) => n !== e));
+	}, [L, R] = c(0), z = m(O, x.length), B = i(() => {
+		if (!D.current || !k.current) return;
+		let e = D.current.clientWidth - k.current.clientWidth - p.INPUT_MARGIN - p.CONTAINER_PADDING, t = Math.max(0, e);
+		R((e) => e === t ? e : t);
+	}, []);
+	o(() => {
+		if (!D.current || !k.current) return;
+		B();
+		let e = new ResizeObserver(() => {
+			B();
+		});
+		return e.observe(D.current), e.observe(k.current), () => {
+			e.disconnect();
+		};
+	}, [B]);
+	let V = Math.min(z, L);
+	return /* @__PURE__ */ r("div", {
+		className: f["bsy-inputTag"],
+		ref: D,
+		children: [/* @__PURE__ */ n("div", {
+			className: f["bsy-inputTag__container"],
+			children: x.length ? /* @__PURE__ */ n(e, {
+				style: { width: `${V}px` },
+				options: h,
+				children: /* @__PURE__ */ n("div", {
+					className: "flex gap-1 py-[3px]",
+					ref: O,
+					children: x.map((e, i) => /* @__PURE__ */ r(d.div, {
+						className: l("rounded-[2px] gap-1 px-[6px] h-[26px] flex items-center flex-shrink-0", {
+							"cursor-pointer": v,
+							"hover:bg-[#e0e0e0]": v && C !== i,
+							"bg-[#0265ff] text-white": v && C === i,
+							"bg-[#eee] text-black": !v || C !== i
+						}),
+						onClick: () => P(i, e),
+						children: [/* @__PURE__ */ n("span", { children: e }), /* @__PURE__ */ n("div", {
+							className: l("cursor-pointer", v && C === i ? "text-white hover:text-gray-200" : "text-[#666] hover:text-[#0265ff]"),
+							onClick: (e) => {
+								e.stopPropagation(), I(i);
+							},
+							children: /* @__PURE__ */ n(t, {
+								name: "close",
+								size: 12
+							})
+						})]
+					}, i))
+				})
+			}) : null
+		}), /* @__PURE__ */ n("div", {
+			ref: k,
+			className: l(f["bsy-inputTag__inputContainer"], { [f["bsy-inputTag__inputContainer--zeroMargin"]]: x.length === 0 }, "py-[3px]"),
+			children: /* @__PURE__ */ n("input", {
+				value: T,
+				onChange: M,
+				onKeyDown: F,
+				onBlur: N,
+				className: l(f["bsy-inputTag__input"], "placeholder:text-[#999]"),
+				placeholder: "输入标签"
+			})
+		})]
+	});
+};
+g.displayName = "BsyInputTag";
+//#endregion
+//#region src/components/InputTag/index.ts
+var _ = g;
+//#endregion
+export { _ as t };

package/dist/InputTag/index.js

@@ -1,3 +1,4 @@
-import "../Icon/Icon-BQ3Whub2.js";
-import { t as e } from "./InputTag-zP5QdId7.js";
+import "../ScrollBar/ScrollBar-CSGBOE3e.js";
+import "../Icon/Icon-SQ5tu-yG.js";
+import { t as e } from "./InputTag-CGQ5dXyf.js";
 export { e as default };

package/dist/Loading/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Loading-WjmzBabh.js";
+import { t as e } from "./Loading-ho-6d72M.js";
 export { e as default };

package/dist/Modal/{Modal-D3LFqIV4.js → Modal-GGHNlZv3.js}

@@ -1,4 +1,4 @@
-import { t as e } from "../Icon/Icon-BQ3Whub2.js";
+import { t as e } from "../Icon/Icon-SQ5tu-yG.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useState as r } from "react";
 import { Modal as i } from "antd";

package/dist/Modal/index.js

@@ -1,3 +1,3 @@
-import "../Icon/Icon-BQ3Whub2.js";
-import { t as e } from "./Modal-D3LFqIV4.js";
+import "../Icon/Icon-SQ5tu-yG.js";
+import { t as e } from "./Modal-GGHNlZv3.js";
 export { e as default };

package/dist/NotFoundContent/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "./NotFoundContent-7xV-zOG2.js";
+import { t as e } from "./NotFoundContent-CV9fTylQ.js";
 export { e as NotFoundContent };

package/dist/Radio/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Radio-DkrZHoG1.js";
+import { t as e } from "./Radio-C2zJzZc3.js";
 export { e as default };

package/dist/ScrollBar/ScrollBar-CSGBOE3e.js

@@ -0,0 +1,68 @@
+import { t as e } from "../vendors/mergeRefs-TiJ0xjUN.js";
+import "overlayscrollbars/overlayscrollbars.css";
+import { jsx as t } from "react/jsx-runtime";
+import { useCallback as n, useMemo as r, useRef as i } from "react";
+import a from "clsx";
+import { OverlayScrollbarsComponent as o } from "overlayscrollbars-react";
+//#region src/components/ScrollBar/ScrollBar.module.scss
+var s = { "bsy-scrollbar": "_bsy-scrollbar_1mgws_1" }, c = { scrollbars: {
+	theme: "os-theme-bsy",
+	autoHide: "leave",
+	autoHideDelay: 400
+} };
+function l(e) {
+	return e ? {
+		...c,
+		...e,
+		scrollbars: {
+			...c.scrollbars,
+			...e.scrollbars
+		}
+	} : c;
+}
+function u(e, ...t) {
+	typeof e == "function" ? e(...t) : Array.isArray(e) && e.forEach((e) => e?.(...t));
+}
+var d = ({ children: c, className: d, style: f, contentClassName: p, viewportRef: m, onScroll: h, options: g, events: _, defer: v = !m }) => {
+	let y = r(() => l(g), [g]), b = i(h);
+	b.current = h;
+	let x = n((t) => {
+		e(m, t?.elements().viewport ?? null);
+	}, [m]), S = r(() => {
+		let t = _ && typeof _ == "object" ? _ : {};
+		return {
+			...t,
+			initialized: (e, ...n) => {
+				x(e), u(t.initialized, e, ...n);
+			},
+			destroyed: (...n) => {
+				e(m, null), u(t.destroyed, ...n);
+			},
+			scroll: (e, n) => {
+				u(t.scroll, e, n), b.current?.(n);
+			}
+		};
+	}, [
+		_,
+		x,
+		m
+	]);
+	return /* @__PURE__ */ t(o, {
+		ref: n((e) => {
+			x(e?.osInstance() ?? null);
+		}, [x]),
+		className: a(s["bsy-scrollbar"], d),
+		style: f,
+		options: y,
+		events: S,
+		defer: v,
+		"data-overlayscrollbars-initialize": "",
+		children: p ? /* @__PURE__ */ t("div", {
+			className: p,
+			children: c
+		}) : c
+	});
+};
+d.displayName = "BsyScrollBar";
+//#endregion
+export { d as t };

package/dist/ScrollBar/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "./ScrollBar-CSGBOE3e.js";
+export { e as ScrollBar, e as default };

package/dist/Segmented/{Segmented-BTW445jc.js → Segmented-CzVKrL6o.js}

@@ -1,4 +1,4 @@
-import { t as e } from "../vendors/cssVars-C4BlzyxA.js";
+import { t as e } from "../vendors/cssVars-DoQgQ2CM.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";

package/dist/Segmented/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Segmented-BTW445jc.js";
+import { t as e } from "./Segmented-CzVKrL6o.js";
 export { e as default };