@vavt/react-ui 1.0.0

package/dist/RadioGroup-q2Aa50NV.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs"),t=require("./id-CF0zOP1G.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=(0,n.createContext)(null),a=i.Provider,o=()=>(0,n.useContext)(i),s=(0,n.forwardRef)((t,n)=>{let{checked:i,defaultChecked:a=!1,value:s,label:c,disabled:l,bordered:u,name:d,size:f,className:p,style:m,children:h,onChange:g,..._}=t,v=o(),y=e.t(t,`checked`),[b,x]=e.n({value:!!i,defaultValue:a,controlled:y}),S=v!==null&&s!==void 0,C=S?Object.is(v.value,s):b,w=l??v?.disabled??!1,T=u??v?.bordered??!1,E=d??(S?v.name:void 0),D=f??v?.size??`md`,O=[`vl-radio`,D?`size-${D}`:``,w?`is-disabled`:``,T?`is-bordered`:``,C?`is-checked`:``,p||``].filter(Boolean).join(` `),k=c!=null||h!=null;return(0,r.jsxs)(`label`,{className:O,style:m,children:[(0,r.jsx)(`input`,{ref:n,className:`vl-radio__input`,type:`radio`,name:E,value:typeof s==`boolean`?String(s):s,checked:C,disabled:w,"aria-checked":C?`true`:`false`,onChange:()=>{if(!(w||C)){if(S){v.selectValue(s),g?.(s,!0);return}x(!0),g?.(s,!0)}},..._}),(0,r.jsx)(`span`,{className:`vl-radio__control`,"aria-hidden":`true`,children:(0,r.jsx)(`span`,{className:`vl-radio__icon`})}),k?(0,r.jsx)(`span`,{className:`vl-radio__label`,children:h??c}):null]})});s.displayName=`VlRadio`;var c=(0,n.forwardRef)((i,o)=>{let{value:s,defaultValue:c=null,disabled:l,bordered:u,name:d,size:f,children:p,className:m,onChange:h,...g}=i,_=t.t(`vl-radio-group`),v=e.t(i,`value`),[y,b]=e.n({value:s??null,defaultValue:c,controlled:v,onChange:e=>{e!==null&&h?.(e)}}),x=(0,n.useCallback)(e=>{Object.is(y,e)||b(e)},[b,y]),S=(0,n.useMemo)(()=>({value:y,disabled:l,bordered:u,name:d??_,size:f,selectValue:x}),[y,l,u,d,_,f,x]),C=[`vl-radio-group`,m||``].filter(Boolean).join(` `);return(0,r.jsx)(a,{value:S,children:(0,r.jsx)(`div`,{ref:o,className:C,role:`radiogroup`,"aria-disabled":l||void 0,...g,children:p})})});c.displayName=`VlRadioGroup`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/Row-BJZtEKxG.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.createContext)({gutter:0}),r=(0,e.forwardRef)((e,r)=>{let{tag:i=`div`,gutter:a=0,justify:o=`start`,align:s=`top`,className:c,style:l,children:u,...d}=e,f=Number.isFinite(a)?Math.max(0,a):0,p=[`vl-row`,`is-justify-${o}`,`is-align-${s}`,c||``].filter(Boolean).join(` `),m={...l};return f&&(m.marginLeft=`-${f/2}px`,m.marginRight=`-${f/2}px`),(0,t.jsx)(n.Provider,{value:{gutter:f},children:(0,t.jsx)(i,{ref:r,className:p,style:m,...d,children:u})})});r.displayName=`VlRow`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/dist/Row-DpEse7PJ.js

@@ -0,0 +1,24 @@
+import { createContext as e, forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region components/Row/Row.tsx
+var r = e({ gutter: 0 }), i = t((e, t) => {
+	let { tag: i = "div", gutter: a = 0, justify: o = "start", align: s = "top", className: c, style: l, children: u, ...d } = e, f = Number.isFinite(a) ? Math.max(0, a) : 0, p = [
+		"vl-row",
+		`is-justify-${o}`,
+		`is-align-${s}`,
+		c || ""
+	].filter(Boolean).join(" "), m = { ...l };
+	return f && (m.marginLeft = `-${f / 2}px`, m.marginRight = `-${f / 2}px`), /* @__PURE__ */ n(r.Provider, {
+		value: { gutter: f },
+		children: /* @__PURE__ */ n(i, {
+			ref: t,
+			className: p,
+			style: m,
+			...d,
+			children: u
+		})
+	});
+});
+i.displayName = "VlRow";
+//#endregion
+export { r as n, i as t };

package/dist/Scrollbar-BdMGZrYi.js

@@ -0,0 +1,235 @@
+import { t as e } from "./effect-nifYL_rH.js";
+import { t } from "./number-BN2jHM6Z.js";
+import { forwardRef as n, useCallback as r, useEffect as i, useImperativeHandle as a, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region components/Scrollbar/Scrollbar.tsx
+var d = (e) => typeof e == "number" ? `${Number.isFinite(e) ? Math.max(2, e) : 8}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e, f = n((n, f) => {
+	let { orientation: p = "vertical", size: m = "md", alwaysVisible: h = !1, autoHideDelay: ee = 1200, minThumbSize: te = 24, thickness: g, trackColor: _, thumbColor: v, viewportLabel: ne = "可滚动区域", viewportTabIndex: y = 0, className: b, style: x, children: re, onScroll: ie, onMouseEnter: ae, onMouseLeave: oe, onFocus: se, onBlur: ce, ...le } = n, S = s(null), C = s(null), w = s(null), T = s(null), [E, D] = c(!1), [O, ue] = c(!1), [k, de] = c(0), [A, fe] = c(0), [pe, me] = c(0), [j, M] = c(0), [he, ge] = c(!1), [_e, N] = c(!1), [ve, P] = c(!1), [F, I] = c(null), L = s(null), R = s(0), z = s(0), B = s(null), V = s(null), H = s(null), U = s(null), W = s(null), G = o(() => p === "vertical" || p === "both", [p]), K = o(() => p === "horizontal" || p === "both", [p]), ye = h || he || _e || ve || !!F, be = E && O, xe = o(() => [
+		"vl-scrollbar",
+		`vl-scrollbar--${m}`,
+		`is-${p}`,
+		ye ? "is-active" : "",
+		h ? "is-always-visible" : "",
+		E ? "has-vertical" : "",
+		O ? "has-horizontal" : "",
+		b || ""
+	].filter(Boolean).join(" "), [
+		m,
+		p,
+		ye,
+		h,
+		E,
+		O,
+		b
+	]), Se = o(() => {
+		let e = {};
+		return g !== void 0 && (e["--vl-scrollbar-thickness"] = d(g)), _ && (e["--vl-scrollbar-track-color"] = _), v && (e["--vl-scrollbar-thumb-color"] = v), e;
+	}, [
+		g,
+		_,
+		v
+	]), Ce = o(() => ({
+		...Se,
+		...x
+	}), [Se, x]), we = o(() => ({
+		height: `${k}px`,
+		transform: `translateY(${pe}px)`
+	}), [k, pe]), Te = o(() => ({
+		width: `${A}px`,
+		transform: `translateX(${j}px)`
+	}), [A, j]), q = Number.isFinite(te) ? Math.max(8, te) : 24, J = Number.isFinite(ee) ? Math.max(0, ee) : 1200, Ee = Number.isFinite(y) ? Math.trunc(y) : 0, Y = r(() => {
+		let e = S.current;
+		if (!e) return;
+		let { clientHeight: t, scrollHeight: n, scrollTop: r, clientWidth: i, scrollWidth: a, scrollLeft: o } = e;
+		if (G && n - t > 1) {
+			let e = w.current?.clientHeight ?? t, i = t / n, a = Math.max(q, i * e), o = Math.min(e, a), s = Math.max(e - o, 0), c = n - t, l = c > 0 && s > 0 ? r / c * s : 0;
+			D(!0), de(o), me(l);
+		} else D(!1), de(0), me(0);
+		if (K && a - i > 1) {
+			let e = T.current?.clientWidth ?? i, t = i / a, n = Math.max(q, t * e), r = Math.min(e, n), s = Math.max(e - r, 0), c = a - i, l = c > 0 && s > 0 ? o / c * s : 0;
+			ue(!0), fe(r), M(l);
+		} else ue(!1), fe(0), M(0);
+	}, [
+		q,
+		K,
+		G
+	]), X = r(() => {
+		typeof window > "u" || (V.current !== null && window.cancelAnimationFrame(V.current), V.current = window.requestAnimationFrame(() => {
+			V.current = null, Y();
+		}));
+	}, [Y]), Z = r(() => {
+		if (!h) {
+			if (P(!0), B.current !== null && window.clearTimeout(B.current), J <= 0) {
+				P(!1), B.current = null;
+				return;
+			}
+			B.current = window.setTimeout(() => {
+				P(!1), B.current = null;
+			}, J);
+		}
+	}, [h, J]), De = () => {
+		Y();
+		let e = S.current;
+		if (!e) return;
+		let t = Math.max(0, e.scrollHeight - e.clientHeight), n = Math.max(0, e.scrollWidth - e.clientWidth), r = {
+			scrollTop: e.scrollTop,
+			scrollLeft: e.scrollLeft,
+			maxScrollTop: t,
+			maxScrollLeft: n,
+			ratioY: t > 0 ? e.scrollTop / t : 0,
+			ratioX: n > 0 ? e.scrollLeft / n : 0
+		};
+		ie?.(r), Z();
+	}, Oe = (e, n) => {
+		n.preventDefault();
+		let r = S.current;
+		if (!r) return;
+		let i = e === "vertical" ? w.current : T.current;
+		if (!i) return;
+		let a = i.getBoundingClientRect(), o = e === "vertical" ? n.clientY - a.top : n.clientX - a.left, s = e === "vertical" ? a.height : a.width, c = e === "vertical" ? k : A, l = Math.max(s - c, 0), u = e === "vertical" ? r.scrollHeight - r.clientHeight : r.scrollWidth - r.clientWidth;
+		if (s <= 0 || u <= 0) return;
+		let d = t(o - c / 2, 0, l), f = (l > 0 ? d / l : 0) * u;
+		e === "vertical" ? r.scrollTop = f : r.scrollLeft = f, X(), Z();
+	}, Q = r(() => {
+		let e = W.current;
+		e && (window.removeEventListener("pointermove", e.move), window.removeEventListener("pointerup", e.up), window.removeEventListener("pointercancel", e.up), W.current = null);
+	}, []), $ = r((e) => {
+		let n = L.current, r = S.current;
+		if (!n || !r) return;
+		let i = n === "vertical" ? w.current : T.current;
+		if (!i) return;
+		let a = n === "vertical" ? i.clientHeight : i.clientWidth, o = n === "vertical" ? k : A, s = n === "vertical" ? r.scrollHeight - r.clientHeight : r.scrollWidth - r.clientWidth, c = Math.max(a - o, 0);
+		if (a <= 0 || s <= 0 || c <= 0) return;
+		let l = (n === "vertical" ? e.clientY : e.clientX) - R.current, u = s / c, d = t(z.current + l * u, 0, s);
+		n === "vertical" ? r.scrollTop = d : r.scrollLeft = d, X();
+	}, [
+		A,
+		X,
+		k
+	]), ke = s($);
+	e(() => {
+		ke.current = $;
+	}, [$]);
+	let Ae = r(() => {
+		let e = {
+			move: (e) => ke.current(e),
+			up: () => {
+				L.current = null, I(null), Q();
+			}
+		};
+		W.current = e, window.addEventListener("pointermove", e.move), window.addEventListener("pointerup", e.up), window.addEventListener("pointercancel", e.up);
+	}, [Q]), je = (e, t) => {
+		t.preventDefault(), t.stopPropagation();
+		let n = S.current;
+		n && (L.current = e, I(e), R.current = e === "vertical" ? t.clientY : t.clientX, z.current = e === "vertical" ? n.scrollTop : n.scrollLeft, Ae(), Z());
+	}, Me = (e) => {
+		h || ge(e);
+	};
+	return a(f, () => ({
+		update: () => X(),
+		scrollTo: (e, t) => {
+			let n = S.current;
+			if (n) {
+				if (typeof e == "number") {
+					n.scrollTo(e, t ?? 0);
+					return;
+				}
+				n.scrollTo(e);
+			}
+		},
+		getViewport: () => S.current ?? null
+	}), [X]), i(() => {
+		X();
+	}, [
+		X,
+		p,
+		q
+	]), i(() => {
+		h && B.current !== null && (window.clearTimeout(B.current), B.current = null, P(!1));
+	}, [h]), i(() => {
+		if (typeof window > "u") return;
+		if (X(), typeof ResizeObserver < "u") {
+			let e = new ResizeObserver(() => X()), t = new ResizeObserver(() => X());
+			return S.current && e.observe(S.current), C.current && t.observe(C.current), H.current = e, U.current = t, () => {
+				e.disconnect(), t.disconnect(), H.current = null, U.current = null;
+			};
+		}
+		let e = () => X();
+		return window.addEventListener("resize", e), () => {
+			window.removeEventListener("resize", e);
+		};
+	}, [X]), i(() => () => {
+		B.current !== null && (window.clearTimeout(B.current), B.current = null), V.current !== null && (window.cancelAnimationFrame(V.current), V.current = null), H.current?.disconnect(), U.current?.disconnect(), Q();
+	}, [Q]), /* @__PURE__ */ u("div", {
+		className: xe,
+		style: Ce,
+		...le,
+		onMouseEnter: (e) => {
+			Me(!0), ae?.(e);
+		},
+		onMouseLeave: (e) => {
+			Me(!1), oe?.(e);
+		},
+		onFocus: (e) => {
+			N(!0), se?.(e);
+		},
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || N(!1), ce?.(e);
+		},
+		children: [
+			/* @__PURE__ */ l("div", {
+				ref: S,
+				className: "vl-scrollbar__viewport",
+				role: "region",
+				"aria-label": ne,
+				tabIndex: Ee,
+				onScroll: De,
+				children: /* @__PURE__ */ l("div", {
+					ref: C,
+					className: "vl-scrollbar__content",
+					children: re
+				})
+			}),
+			G && E ? /* @__PURE__ */ l("div", {
+				ref: w,
+				className: "vl-scrollbar__track is-vertical",
+				"aria-hidden": "true",
+				onPointerDown: (e) => Oe("vertical", e),
+				children: /* @__PURE__ */ l("div", {
+					className: [
+						"vl-scrollbar__thumb",
+						"is-vertical",
+						F === "vertical" ? "is-dragging" : ""
+					].filter(Boolean).join(" "),
+					style: we,
+					onPointerDown: (e) => je("vertical", e)
+				})
+			}) : null,
+			K && O ? /* @__PURE__ */ l("div", {
+				ref: T,
+				className: "vl-scrollbar__track is-horizontal",
+				"aria-hidden": "true",
+				onPointerDown: (e) => Oe("horizontal", e),
+				children: /* @__PURE__ */ l("div", {
+					className: [
+						"vl-scrollbar__thumb",
+						"is-horizontal",
+						F === "horizontal" ? "is-dragging" : ""
+					].filter(Boolean).join(" "),
+					style: Te,
+					onPointerDown: (e) => je("horizontal", e)
+				})
+			}) : null,
+			be ? /* @__PURE__ */ l("div", {
+				className: "vl-scrollbar__corner",
+				"aria-hidden": "true"
+			}) : null
+		]
+	});
+});
+f.displayName = "VlScrollbar";
+//#endregion
+//#region components/Scrollbar/index.ts
+var p = f, m = f;
+//#endregion
+export { p as n, m as t };

package/dist/Scrollbar-CEQT6Ao_.cjs

@@ -0,0 +1 @@
+const e=require("./effect-BpNxm_06.cjs"),t=require("./number-B7qJF_ZY.cjs");let n=require("react"),r=require("react/jsx-runtime");var i=e=>typeof e==`number`?`${Number.isFinite(e)?Math.max(2,e):8}px`:/^\d+(\.\d+)?$/.test(e)?`${e}px`:e,a=(0,n.forwardRef)((a,o)=>{let{orientation:s=`vertical`,size:c=`md`,alwaysVisible:l=!1,autoHideDelay:u=1200,minThumbSize:d=24,thickness:f,trackColor:p,thumbColor:m,viewportLabel:ee=`可滚动区域`,viewportTabIndex:h=0,className:g,style:_,children:te,onScroll:ne,onMouseEnter:re,onMouseLeave:ie,onFocus:ae,onBlur:oe,...se}=a,v=(0,n.useRef)(null),y=(0,n.useRef)(null),b=(0,n.useRef)(null),x=(0,n.useRef)(null),[S,C]=(0,n.useState)(!1),[w,T]=(0,n.useState)(!1),[E,D]=(0,n.useState)(0),[O,ce]=(0,n.useState)(0),[le,ue]=(0,n.useState)(0),[de,fe]=(0,n.useState)(0),[pe,me]=(0,n.useState)(!1),[he,k]=(0,n.useState)(!1),[ge,A]=(0,n.useState)(!1),[j,M]=(0,n.useState)(null),N=(0,n.useRef)(null),P=(0,n.useRef)(0),F=(0,n.useRef)(0),I=(0,n.useRef)(null),L=(0,n.useRef)(null),R=(0,n.useRef)(null),z=(0,n.useRef)(null),B=(0,n.useRef)(null),V=(0,n.useMemo)(()=>s===`vertical`||s===`both`,[s]),H=(0,n.useMemo)(()=>s===`horizontal`||s===`both`,[s]),U=l||pe||he||ge||!!j,_e=S&&w,ve=(0,n.useMemo)(()=>[`vl-scrollbar`,`vl-scrollbar--${c}`,`is-${s}`,U?`is-active`:``,l?`is-always-visible`:``,S?`has-vertical`:``,w?`has-horizontal`:``,g||``].filter(Boolean).join(` `),[c,s,U,l,S,w,g]),W=(0,n.useMemo)(()=>{let e={};return f!==void 0&&(e[`--vl-scrollbar-thickness`]=i(f)),p&&(e[`--vl-scrollbar-track-color`]=p),m&&(e[`--vl-scrollbar-thumb-color`]=m),e},[f,p,m]),ye=(0,n.useMemo)(()=>({...W,..._}),[W,_]),be=(0,n.useMemo)(()=>({height:`${E}px`,transform:`translateY(${le}px)`}),[E,le]),xe=(0,n.useMemo)(()=>({width:`${O}px`,transform:`translateX(${de}px)`}),[O,de]),G=Number.isFinite(d)?Math.max(8,d):24,K=Number.isFinite(u)?Math.max(0,u):1200,Se=Number.isFinite(h)?Math.trunc(h):0,q=(0,n.useCallback)(()=>{let e=v.current;if(!e)return;let{clientHeight:t,scrollHeight:n,scrollTop:r,clientWidth:i,scrollWidth:a,scrollLeft:o}=e;if(V&&n-t>1){let e=b.current?.clientHeight??t,i=t/n,a=Math.max(G,i*e),o=Math.min(e,a),s=Math.max(e-o,0),c=n-t,l=c>0&&s>0?r/c*s:0;C(!0),D(o),ue(l)}else C(!1),D(0),ue(0);if(H&&a-i>1){let e=x.current?.clientWidth??i,t=i/a,n=Math.max(G,t*e),r=Math.min(e,n),s=Math.max(e-r,0),c=a-i,l=c>0&&s>0?o/c*s:0;T(!0),ce(r),fe(l)}else T(!1),ce(0),fe(0)},[G,H,V]),J=(0,n.useCallback)(()=>{typeof window>`u`||(L.current!==null&&window.cancelAnimationFrame(L.current),L.current=window.requestAnimationFrame(()=>{L.current=null,q()}))},[q]),Y=(0,n.useCallback)(()=>{if(!l){if(A(!0),I.current!==null&&window.clearTimeout(I.current),K<=0){A(!1),I.current=null;return}I.current=window.setTimeout(()=>{A(!1),I.current=null},K)}},[l,K]),Ce=()=>{q();let e=v.current;if(!e)return;let t=Math.max(0,e.scrollHeight-e.clientHeight),n=Math.max(0,e.scrollWidth-e.clientWidth),r={scrollTop:e.scrollTop,scrollLeft:e.scrollLeft,maxScrollTop:t,maxScrollLeft:n,ratioY:t>0?e.scrollTop/t:0,ratioX:n>0?e.scrollLeft/n:0};ne?.(r),Y()},we=(e,n)=>{n.preventDefault();let r=v.current;if(!r)return;let i=e===`vertical`?b.current:x.current;if(!i)return;let a=i.getBoundingClientRect(),o=e===`vertical`?n.clientY-a.top:n.clientX-a.left,s=e===`vertical`?a.height:a.width,c=e===`vertical`?E:O,l=Math.max(s-c,0),u=e===`vertical`?r.scrollHeight-r.clientHeight:r.scrollWidth-r.clientWidth;if(s<=0||u<=0)return;let d=t.t(o-c/2,0,l),f=(l>0?d/l:0)*u;e===`vertical`?r.scrollTop=f:r.scrollLeft=f,J(),Y()},X=(0,n.useCallback)(()=>{let e=B.current;e&&(window.removeEventListener(`pointermove`,e.move),window.removeEventListener(`pointerup`,e.up),window.removeEventListener(`pointercancel`,e.up),B.current=null)},[]),Z=(0,n.useCallback)(e=>{let n=N.current,r=v.current;if(!n||!r)return;let i=n===`vertical`?b.current:x.current;if(!i)return;let a=n===`vertical`?i.clientHeight:i.clientWidth,o=n===`vertical`?E:O,s=n===`vertical`?r.scrollHeight-r.clientHeight:r.scrollWidth-r.clientWidth,c=Math.max(a-o,0);if(a<=0||s<=0||c<=0)return;let l=(n===`vertical`?e.clientY:e.clientX)-P.current,u=s/c,d=t.t(F.current+l*u,0,s);n===`vertical`?r.scrollTop=d:r.scrollLeft=d,J()},[O,J,E]),Q=(0,n.useRef)(Z);e.t(()=>{Q.current=Z},[Z]);let Te=(0,n.useCallback)(()=>{let e={move:e=>Q.current(e),up:()=>{N.current=null,M(null),X()}};B.current=e,window.addEventListener(`pointermove`,e.move),window.addEventListener(`pointerup`,e.up),window.addEventListener(`pointercancel`,e.up)},[X]),Ee=(e,t)=>{t.preventDefault(),t.stopPropagation();let n=v.current;n&&(N.current=e,M(e),P.current=e===`vertical`?t.clientY:t.clientX,F.current=e===`vertical`?n.scrollTop:n.scrollLeft,Te(),Y())},$=e=>{l||me(e)};return(0,n.useImperativeHandle)(o,()=>({update:()=>J(),scrollTo:(e,t)=>{let n=v.current;if(n){if(typeof e==`number`){n.scrollTo(e,t??0);return}n.scrollTo(e)}},getViewport:()=>v.current??null}),[J]),(0,n.useEffect)(()=>{J()},[J,s,G]),(0,n.useEffect)(()=>{l&&I.current!==null&&(window.clearTimeout(I.current),I.current=null,A(!1))},[l]),(0,n.useEffect)(()=>{if(typeof window>`u`)return;if(J(),typeof ResizeObserver<`u`){let e=new ResizeObserver(()=>J()),t=new ResizeObserver(()=>J());return v.current&&e.observe(v.current),y.current&&t.observe(y.current),R.current=e,z.current=t,()=>{e.disconnect(),t.disconnect(),R.current=null,z.current=null}}let e=()=>J();return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[J]),(0,n.useEffect)(()=>()=>{I.current!==null&&(window.clearTimeout(I.current),I.current=null),L.current!==null&&(window.cancelAnimationFrame(L.current),L.current=null),R.current?.disconnect(),z.current?.disconnect(),X()},[X]),(0,r.jsxs)(`div`,{className:ve,style:ye,...se,onMouseEnter:e=>{$(!0),re?.(e)},onMouseLeave:e=>{$(!1),ie?.(e)},onFocus:e=>{k(!0),ae?.(e)},onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||k(!1),oe?.(e)},children:[(0,r.jsx)(`div`,{ref:v,className:`vl-scrollbar__viewport`,role:`region`,"aria-label":ee,tabIndex:Se,onScroll:Ce,children:(0,r.jsx)(`div`,{ref:y,className:`vl-scrollbar__content`,children:te})}),V&&S?(0,r.jsx)(`div`,{ref:b,className:`vl-scrollbar__track is-vertical`,"aria-hidden":`true`,onPointerDown:e=>we(`vertical`,e),children:(0,r.jsx)(`div`,{className:[`vl-scrollbar__thumb`,`is-vertical`,j===`vertical`?`is-dragging`:``].filter(Boolean).join(` `),style:be,onPointerDown:e=>Ee(`vertical`,e)})}):null,H&&w?(0,r.jsx)(`div`,{ref:x,className:`vl-scrollbar__track is-horizontal`,"aria-hidden":`true`,onPointerDown:e=>we(`horizontal`,e),children:(0,r.jsx)(`div`,{className:[`vl-scrollbar__thumb`,`is-horizontal`,j===`horizontal`?`is-dragging`:``].filter(Boolean).join(` `),style:xe,onPointerDown:e=>Ee(`horizontal`,e)})}):null,_e?(0,r.jsx)(`div`,{className:`vl-scrollbar__corner`,"aria-hidden":`true`}):null]})});a.displayName=`VlScrollbar`;var o=a,s=a;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return s}});

package/dist/Select-DQLup8Y-.cjs

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