@vavt/react-ui 1.0.0

package/dist/Select-DccM9YpB.js

@@ -0,0 +1,458 @@
+import { t as e } from "./icon-Cbvuv4yF.js";
+import { n as t, t as n } from "./state-oH-YwB7_.js";
+import { t as r } from "./client-pj_wzx28.js";
+import { n as i } from "./refs-D5IYOBaf.js";
+import { r as ee, t as te } from "./floating-DBAmeQIq.js";
+import { t as ne } from "./id-CHixuHb7.js";
+import { t as re } from "./Transition-DiO4GsP3.js";
+import { ChevronDown as ie, LoaderCircle as ae, X as oe } from "lucide-react";
+import { forwardRef as a, useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as se, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as ce } from "react-dom";
+//#region components/Select/Select.tsx
+var p = (e) => !!(e && !e.disabled && !e.divider), m = a((a, m) => {
+	let { value: le, defaultValue: ue, options: h = [], placeholder: g = "请选择", filterable: de = !1, filterPlaceholder: fe = "搜索", multiple: pe = !1, taggable: _ = !1, maxTagCount: v, disabled: y = !1, loading: b = !1, size: me = "md", clearable: he = !1, placement: x = "bottom-start", offset: ge = 8, emptyText: _e = "暂无数据", renderOption: ve, emptyContent: ye, className: be, style: xe, onChange: Se, onClear: Ce, onOpen: we, onClose: Te, onFocus: Ee, onBlur: De, id: Oe, "aria-label": ke, "aria-labelledby": Ae, "aria-describedby": je, tabIndex: Me, ...Ne } = a, Pe = l(null), S = l(null), C = l(null), Fe = l(null), Ie = l([]), Le = c(() => i(Pe, m), [m]), w = r(), T = de || _, E = pe || _, Re = c(() => E ? [] : null, [E]), ze = n(a, "value"), D = l(void 0), [O, Be] = t({
+		value: le ?? Re,
+		defaultValue: ue ?? Re,
+		controlled: ze,
+		onChange: (e) => {
+			let t = D.current;
+			D.current = void 0, Se?.(e, t);
+		}
+	}), [k, Ve] = u(!1), [He, Ue] = u(!1), [We, Ge] = u(!1), [A, j] = u(""), [Ke, M] = u([]), [qe, Je] = u({}), [Ye, Xe] = u(x), [N, P] = u(-1), Ze = ne("vl-select-control", Oe), F = ne("vl-select-listbox"), Qe = o((e) => `${F}-option-${e}`, [F]), $e = c(() => ["vl-select-wrapper", be || ""].filter(Boolean).join(" "), [be]), et = c(() => [
+		"vl-select",
+		`size-${me}`,
+		E ? "is-multiple" : "",
+		k ? "is-open" : "",
+		We ? "is-focus-within" : "",
+		y ? "is-disabled" : "",
+		b ? "is-loading" : ""
+	].filter(Boolean).join(" "), [
+		me,
+		E,
+		k,
+		We,
+		y,
+		b
+	]), I = c(() => {
+		if (!_) return h;
+		let e = Ke.filter((e) => !h.some((t) => t.value === e.value));
+		return [...h, ...e];
+	}, [
+		h,
+		Ke,
+		_
+	]), L = c(() => {
+		if (!T || !k) return I;
+		let e = A.trim().toLocaleLowerCase();
+		return e ? I.filter((t) => !t.divider && t.label.toLocaleLowerCase().includes(e)) : I;
+	}, [
+		I,
+		T,
+		k,
+		A
+	]), R = c(() => L.flatMap((e, t) => p(e) ? [t] : []), [L]), tt = L.some((e) => !e.divider), z = c(() => E && Array.isArray(O) ? O : [], [E, O]), B = c(() => {
+		if (!(E || Array.isArray(O))) return I.find((e) => e.value === O);
+	}, [
+		I,
+		E,
+		O
+	]), V = c(() => E ? "" : B ? B.label : O === null || O === "" || Array.isArray(O) ? "" : String(O), [
+		E,
+		B,
+		O
+	]), H = c(() => z.map((e) => ({
+		value: e,
+		label: I.find((t) => t.value === e)?.label ?? String(e)
+	})), [z, I]), nt = c(() => !E || v === void 0 || !Number.isFinite(v) ? Infinity : Math.max(0, Math.floor(v)), [E, v]), rt = nt === Infinity ? H : H.slice(0, nt), U = Math.max(0, H.length - rt.length), it = E ? z.length > 0 : O !== null && O !== "" && !Array.isArray(O), at = he && !y && !b && it && (He || We || k), ot = N >= 0 && p(L[N]) ? Qe(N) : void 0, st = c(() => ["vl-select__panel", `is-${Ye}`].join(" "), [Ye]), W = o((e) => {
+		e && (y || b) || k !== e && (Ve(e), e ? we?.() : Te?.());
+	}, [
+		y,
+		b,
+		we,
+		Te,
+		k
+	]), G = o((e) => E ? z.includes(e.value) : e.value === O, [
+		E,
+		z,
+		O
+	]), K = o((e, t) => {
+		D.current = t, Be(e), D.current = void 0;
+	}, [Be]), q = o((e) => {
+		_ && M((t) => t.filter((t) => e.includes(t.value)));
+	}, [_]), J = o((e) => {
+		if (p(e)) {
+			if (E) {
+				let t = z.includes(e.value) ? z.filter((t) => t !== e.value) : [...z, e.value];
+				K(t, e), q(t), j("");
+				return;
+			}
+			K(e.value, e), j(e.label), W(!1);
+		}
+	}, [
+		E,
+		z,
+		K,
+		q,
+		W
+	]), ct = o((e) => {
+		if (!_) return !1;
+		let t = e.trim();
+		if (!t) return !1;
+		let n = t.toLocaleLowerCase(), r = I.find((e) => e.label.toLocaleLowerCase() === n || String(e.value).toLocaleLowerCase() === n);
+		if (r) return G(r) ? j("") : J(r), !0;
+		let i = {
+			label: t,
+			value: t
+		};
+		return M((e) => [...e, i]), J(i), !0;
+	}, [
+		_,
+		I,
+		G,
+		J
+	]), Y = o(() => {
+		let e = L.findIndex((e) => p(e) && G(e));
+		return e >= 0 ? e : R[0] ?? -1;
+	}, [
+		L,
+		R,
+		G
+	]), X = o((e) => {
+		p(L[e]) && (P(e), Ie.current[e]?.scrollIntoView?.({ block: "nearest" }));
+	}, [L]), lt = o((e) => {
+		if (!R.length) return;
+		let t = R.indexOf(N), n = (t >= 0 ? t + e : (e > 0 ? -1 : 0) + e + R.length) % R.length;
+		X(R[n]);
+	}, [
+		R,
+		N,
+		X
+	]), ut = o(() => {
+		let e = R[0];
+		e !== void 0 && X(e);
+	}, [R, X]), dt = o(() => {
+		let e = R.at(-1);
+		e !== void 0 && X(e);
+	}, [R, X]), Z = o(() => {
+		if (!k) return;
+		let e = S.current, t = C.current;
+		if (!e || !t) return;
+		let n = e.getBoundingClientRect(), r = te({
+			anchorRect: n,
+			floatingRect: t.getBoundingClientRect(),
+			placement: x,
+			offset: ge
+		});
+		Xe(r.placement), Je({
+			left: `${Math.round(r.x)}px`,
+			top: `${Math.round(r.y)}px`,
+			minWidth: `${Math.round(n.width)}px`
+		});
+	}, [
+		k,
+		x,
+		ge
+	]), Q = o(() => {
+		T ? Fe.current?.focus() : S.current?.focus();
+	}, [T]), $ = o((e = "first") => {
+		if (y || b) return;
+		k || (T && j(""), W(!0));
+		let t = e === "last" ? R.at(-1) : Y();
+		t !== void 0 && t >= 0 && P(t), window.requestAnimationFrame(() => {
+			Q(), Z();
+		});
+	}, [
+		y,
+		b,
+		k,
+		T,
+		W,
+		R,
+		Y,
+		Q,
+		Z
+	]), ft = o(() => {
+		W(!1), window.requestAnimationFrame(Q);
+	}, [W, Q]), pt = o(() => {
+		let e = L[N];
+		return p(e) ? (J(e), !0) : !1;
+	}, [
+		L,
+		N,
+		J
+	]), mt = (e) => {
+		if (!(y || b) && !e.target.closest("button")) {
+			if (T) {
+				$();
+				return;
+			}
+			k ? W(!1) : $();
+		}
+	}, ht = (e) => {
+		if (!(y || b)) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), k ? lt(1) : $("first");
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), k ? lt(-1) : $("last");
+				return;
+			}
+			if (e.key === "Home" && k && !T) {
+				e.preventDefault(), ut();
+				return;
+			}
+			if (e.key === "End" && k && !T) {
+				e.preventDefault(), dt();
+				return;
+			}
+			if (e.key === "Escape" && k) {
+				e.preventDefault(), ft();
+				return;
+			}
+			if (e.key === "Tab" && k) {
+				W(!1);
+				return;
+			}
+			if (e.key === "Enter") {
+				if (!k) {
+					e.preventDefault(), $();
+					return;
+				}
+				e.preventDefault(), !pt() && T && ct(A);
+				return;
+			}
+			if (e.key === " " && !T) {
+				e.preventDefault(), k ? pt() : $();
+				return;
+			}
+			if (e.key === "Backspace" && T && E && !A && z.length) {
+				let e = z.slice(0, -1);
+				K(e), q(e);
+			}
+		}
+	}, gt = () => {
+		y || b || (K(E ? [] : null), Ce?.(), j(""), q([]), W(!1), Q());
+	}, _t = (e) => {
+		if (y || b) return;
+		let t = z.filter((t) => t !== e);
+		K(t), q(t);
+	}, vt = (e) => {
+		e.currentTarget.contains(e.relatedTarget) || (Ge(!0), Ee?.(e));
+	}, yt = (e) => {
+		e.currentTarget.contains(e.relatedTarget) || (Ge(!1), De?.(e));
+	};
+	s(() => {
+		k || (j(E ? "" : V), P(-1));
+	}, [
+		k,
+		E,
+		V
+	]), s(() => {
+		if (!k || !w) return;
+		P(Y());
+		let e = window.requestAnimationFrame(Z);
+		return () => window.cancelAnimationFrame(e);
+	}, [
+		k,
+		w,
+		L,
+		Y,
+		Z
+	]), s(() => {
+		if (!_ || !E) return;
+		let e = new Set(I.map((e) => e.value)), t = z.filter((t) => !e.has(t));
+		t.length && M((e) => [...e, ...t.map((e) => ({
+			label: String(e),
+			value: e
+		}))]);
+	}, [
+		_,
+		E,
+		I,
+		z
+	]), s(() => {
+		(y || b) && k && W(!1);
+	}, [
+		y,
+		b,
+		k,
+		W
+	]), ee({
+		active: k && w,
+		rootRef: Pe,
+		floatingRef: C,
+		onOutsideClick: () => W(!1),
+		onViewportChange: Z
+	});
+	let bt = {
+		role: "combobox",
+		"aria-controls": F,
+		"aria-expanded": k,
+		"aria-haspopup": "listbox",
+		"aria-activedescendant": k ? ot : void 0,
+		"aria-disabled": y || b || void 0,
+		"aria-busy": b || void 0,
+		"aria-label": ke ?? (Ae ? void 0 : g),
+		"aria-labelledby": Ae,
+		"aria-describedby": je
+	}, xt = T ? /* @__PURE__ */ d("input", {
+		ref: Fe,
+		id: Ze,
+		className: "vl-select__input",
+		type: "text",
+		value: A,
+		placeholder: k ? fe : E && z.length ? "" : g,
+		disabled: y || b,
+		autoComplete: "off",
+		"aria-autocomplete": "list",
+		...bt,
+		tabIndex: Me,
+		onChange: (e) => {
+			j(e.target.value), k || W(!0);
+		},
+		onFocus: () => {
+			k || $();
+		},
+		onKeyDown: ht
+	}) : null, St = /* @__PURE__ */ d(re, {
+		show: k,
+		name: "vl-select",
+		deferEffects: !w,
+		children: /* @__PURE__ */ d("div", {
+			ref: C,
+			id: F,
+			className: st,
+			style: qe,
+			role: "listbox",
+			"aria-hidden": !k || void 0,
+			"aria-multiselectable": E || void 0,
+			children: tt ? /* @__PURE__ */ d("div", {
+				className: "vl-select__list",
+				children: L.map((t, n) => {
+					if (t.divider) return /* @__PURE__ */ d("div", {
+						className: "vl-select__divider",
+						role: "separator"
+					}, `divider-${n}`);
+					let r = G(t), i = [
+						"vl-select__option",
+						t.disabled ? "is-disabled" : "",
+						r ? "is-selected" : "",
+						N === n ? "is-active" : ""
+					].filter(Boolean).join(" ");
+					return /* @__PURE__ */ d("div", {
+						ref: (e) => {
+							Ie.current[n] = e;
+						},
+						id: Qe(n),
+						className: i,
+						role: "option",
+						"aria-disabled": t.disabled || void 0,
+						"aria-selected": r,
+						onPointerDown: (e) => e.preventDefault(),
+						onMouseEnter: () => {
+							p(t) && P(n);
+						},
+						onClick: () => J(t),
+						children: ve ? ve(t, n, r) : /* @__PURE__ */ f(se, { children: [t.icon ? e(t.icon, "vl-select__option-icon") : null, /* @__PURE__ */ d("span", {
+							className: "vl-select__option-label",
+							children: t.label
+						})] })
+					}, `${String(t.value)}-${n}`);
+				})
+			}) : /* @__PURE__ */ d("div", {
+				className: "vl-select__empty",
+				role: "status",
+				children: ye ?? _e
+			})
+		})
+	});
+	return /* @__PURE__ */ f("div", {
+		ref: Le,
+		className: $e,
+		style: xe,
+		...Ne,
+		onMouseEnter: () => Ue(!0),
+		onMouseLeave: () => Ue(!1),
+		children: [/* @__PURE__ */ f("div", {
+			ref: S,
+			id: T ? void 0 : Ze,
+			className: et,
+			...T ? {} : bt,
+			tabIndex: y || b || T ? -1 : Me ?? 0,
+			onClick: mt,
+			onKeyDown: T ? void 0 : ht,
+			onFocus: vt,
+			onBlur: yt,
+			children: [/* @__PURE__ */ d("div", {
+				className: "vl-select__value",
+				children: E ? /* @__PURE__ */ f("div", {
+					className: "vl-select__tags",
+					children: [
+						rt.map((e) => /* @__PURE__ */ f("span", {
+							className: "vl-select__tag",
+							children: [/* @__PURE__ */ d("span", {
+								className: "vl-select__tag-label",
+								children: e.label
+							}), /* @__PURE__ */ d("button", {
+								type: "button",
+								className: "vl-select__tag-remove",
+								"aria-label": `移除 ${e.label}`,
+								disabled: y || b,
+								onClick: () => _t(e.value),
+								onPointerDown: (e) => e.stopPropagation(),
+								children: /* @__PURE__ */ d(oe, {
+									size: 12,
+									"aria-hidden": "true"
+								})
+							})]
+						}, e.value)),
+						U > 0 ? /* @__PURE__ */ f("span", {
+							className: "vl-select__tag is-collapsed",
+							"aria-label": `另有 ${U} 项`,
+							children: ["+", U]
+						}) : null,
+						T ? xt : H.length ? null : /* @__PURE__ */ d("span", {
+							className: "vl-select__placeholder",
+							children: g
+						})
+					]
+				}) : T ? xt : V ? /* @__PURE__ */ d("span", {
+					className: "vl-select__label",
+					children: V
+				}) : /* @__PURE__ */ d("span", {
+					className: "vl-select__placeholder",
+					children: g
+				})
+			}), /* @__PURE__ */ f("div", {
+				className: "vl-select__suffix",
+				children: [at ? /* @__PURE__ */ d("button", {
+					type: "button",
+					className: "vl-select__clear",
+					"aria-label": "清除已选",
+					onClick: gt,
+					onPointerDown: (e) => e.stopPropagation(),
+					children: /* @__PURE__ */ d(oe, {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				}) : null, b ? /* @__PURE__ */ d(ae, {
+					className: "vl-select__loading",
+					size: 16,
+					"aria-hidden": "true"
+				}) : /* @__PURE__ */ d("span", {
+					className: "vl-select__arrow",
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ d(ie, { size: 16 })
+				})]
+			})]
+		}), w ? ce(St, document.body) : St]
+	});
+});
+m.displayName = "VlSelect";
+//#endregion
+//#region components/Select/index.ts
+var le = m, ue = m;
+//#endregion
+export { le as n, ue as t };

package/dist/Sidebar-BPXVnP7y.cjs

@@ -0,0 +1 @@
+const e=require("./icon-DRLyKu8p.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=e=>{if(e!==void 0)return typeof e==`number`||/^\d+(\.\d+)?$/.test(e)?`${e}px`:e},i=(0,t.forwardRef)((i,a)=>{let{items:o=[],position:s=`right`,offset:c=`var(--vl-space-6)`,top:l,bottom:u,size:d=`md`,shape:f=`square`,gap:p=`var(--vl-space-2)`,zIndex:m,className:h,style:g,role:_=`navigation`,"aria-label":v=`快捷操作`,onItemClick:y,...b}=i,x=(0,t.useMemo)(()=>[`vl-sidebar`,`size-${d}`,`is-${s}`,`is-${f}`,h||``].filter(Boolean).join(` `),[d,s,f,h]),S=(0,t.useMemo)(()=>{let e={"--vl-sidebar-gap":r(p)};m!==void 0&&(e.zIndex=m);let t=r(c);return t&&(e[s]=t),l===void 0?e.bottom=u===void 0?`var(--vl-space-6)`:r(u):e.top=r(l),{...e,...g}},[g,m,p,c,s,l,u]),C=(e,t)=>{e.disabled||e.divider||(e.onClick?.(e),y?.(e,t))};return(0,n.jsx)(`div`,{ref:a,className:x,style:S,role:_,"aria-label":v,...b,children:(0,n.jsx)(`div`,{className:`vl-sidebar__list`,children:o.map((t,r)=>{if(t.divider)return(0,n.jsx)(`div`,{className:`vl-sidebar__divider`,role:`separator`},t.key??`divider-${r}`);let i=[`vl-sidebar__item`,t.active?`is-active`:``,t.disabled?`is-disabled`:``].filter(Boolean).join(` `),a=t.label??(t.key===void 0?void 0:String(t.key));return(0,n.jsx)(`button`,{type:`button`,className:i,disabled:t.disabled,"aria-pressed":t.active?`true`:`false`,"aria-label":a,title:a,onClick:()=>C(t,r),children:t.icon?e.n(t.icon,`vl-sidebar__icon`):null},t.key??r)})})})});i.displayName=`VlSidebar`;var a=i,o=i;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/Sidebar-u980T-QB.js

@@ -0,0 +1,76 @@
+import { n as e } from "./icon-Cbvuv4yF.js";
+import { forwardRef as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region components/Sidebar/Sidebar.tsx
+var i = (e) => {
+	if (e !== void 0) return typeof e == "number" || /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e;
+}, a = t((t, a) => {
+	let { items: o = [], position: s = "right", offset: c = "var(--vl-space-6)", top: l, bottom: u, size: d = "md", shape: f = "square", gap: p = "var(--vl-space-2)", zIndex: m, className: h, style: g, role: _ = "navigation", "aria-label": v = "快捷操作", onItemClick: y, ...b } = t, x = n(() => [
+		"vl-sidebar",
+		`size-${d}`,
+		`is-${s}`,
+		`is-${f}`,
+		h || ""
+	].filter(Boolean).join(" "), [
+		d,
+		s,
+		f,
+		h
+	]), S = n(() => {
+		let e = { "--vl-sidebar-gap": i(p) };
+		m !== void 0 && (e.zIndex = m);
+		let t = i(c);
+		return t && (e[s] = t), l === void 0 ? e.bottom = u === void 0 ? "var(--vl-space-6)" : i(u) : e.top = i(l), {
+			...e,
+			...g
+		};
+	}, [
+		g,
+		m,
+		p,
+		c,
+		s,
+		l,
+		u
+	]), C = (e, t) => {
+		e.disabled || e.divider || (e.onClick?.(e), y?.(e, t));
+	};
+	return /* @__PURE__ */ r("div", {
+		ref: a,
+		className: x,
+		style: S,
+		role: _,
+		"aria-label": v,
+		...b,
+		children: /* @__PURE__ */ r("div", {
+			className: "vl-sidebar__list",
+			children: o.map((t, n) => {
+				if (t.divider) return /* @__PURE__ */ r("div", {
+					className: "vl-sidebar__divider",
+					role: "separator"
+				}, t.key ?? `divider-${n}`);
+				let i = [
+					"vl-sidebar__item",
+					t.active ? "is-active" : "",
+					t.disabled ? "is-disabled" : ""
+				].filter(Boolean).join(" "), a = t.label ?? (t.key === void 0 ? void 0 : String(t.key));
+				return /* @__PURE__ */ r("button", {
+					type: "button",
+					className: i,
+					disabled: t.disabled,
+					"aria-pressed": t.active ? "true" : "false",
+					"aria-label": a,
+					title: a,
+					onClick: () => C(t, n),
+					children: t.icon ? e(t.icon, "vl-sidebar__icon") : null
+				}, t.key ?? n);
+			})
+		})
+	});
+});
+a.displayName = "VlSidebar";
+//#endregion
+//#region components/Sidebar/index.ts
+var o = a, s = a;
+//#endregion
+export { o as n, s as t };