@vavt/react-ui 1.0.0

package/dist/Slider-BzlZc0p4.js

@@ -0,0 +1,256 @@
+import { t as e } from "./effect-nifYL_rH.js";
+import { t } from "./state-oH-YwB7_.js";
+import { t as n } from "./number-BN2jHM6Z.js";
+import { forwardRef as r, useCallback as i, useEffect 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/Slider/Slider.tsx
+var ee = 1e3, d = r((r, d) => {
+	let { value: f, defaultValue: p = null, min: m = 0, max: h = 100, step: te = 1, disabled: g = !1, status: _ = "primary", showTooltip: v = !0, tooltipAlways: y = !1, tooltipFormatter: b, showStops: x = !1, marks: S = [], ariaLabel: ne, className: re, style: ie, onChange: C, ...ae } = r, w = s(null), T = s(null), E = s(null), D = s(!1), O = s(null), k = s(null), [A, j] = c(!1), [M, N] = c(!1), [P, F] = c(!1), I = t(r, "value"), [oe, se] = c(p), L = I ? f : oe, R = (e) => {
+		if (e == null || e === "") return;
+		let t = Number(e);
+		return Number.isFinite(t) ? t : void 0;
+	}, z = o(() => R(m) ?? 0, [m]), B = o(() => R(h), [h]), V = o(() => {
+		let e = R(te);
+		return !e || e <= 0 ? 1 : e;
+	}, [te]), H = o(() => B !== void 0 && B > z ? B : z + Math.max(V, 100), [
+		B,
+		z,
+		V
+	]), ce = (e) => {
+		if (!Number.isFinite(e)) return 0;
+		let t = e.toString();
+		if (t.includes("e-")) {
+			let [, e] = t.split("e-");
+			return Number(e) || 0;
+		}
+		let n = t.split(".")[1];
+		return n ? n.length : 0;
+	}, U = o(() => Math.min(Math.max(ce(V), 0), 10), [V]), W = i((e) => Number.isFinite(e) ? n(e, z, H) : z, [z, H]), G = i((e) => {
+		let t = W(e), n = z;
+		if (!Number.isFinite(V) || V <= 0) return t;
+		let r = Math.round((t - n) / V) * V + n;
+		return Number(r.toFixed(U));
+	}, [
+		W,
+		z,
+		V,
+		U
+	]), K = o(() => {
+		let e = R(L ?? void 0);
+		return G(e === void 0 ? z : e);
+	}, [
+		L,
+		z,
+		G
+	]);
+	a(() => {
+		O.current = K;
+	}, [K]);
+	let q = o(() => {
+		let e = H - z;
+		if (e <= 0) return 0;
+		let t = (K - z) / e * 100;
+		return Math.min(100, Math.max(0, Number(t.toFixed(3))));
+	}, [
+		K,
+		z,
+		H
+	]), le = o(() => ({ width: `${q}%` }), [q]), ue = o(() => ({ left: `${q}%` }), [q]), J = o(() => b ? b(K) : `${K}`, [b, K]), de = o(() => v ? y ? !0 : A || M || P : !1, [
+		v,
+		y,
+		A,
+		M,
+		P
+	]), fe = [
+		"vl-slider",
+		_ ? `is-${_}` : "",
+		g ? "is-disabled" : "",
+		A ? "is-dragging" : "",
+		re || ""
+	].filter(Boolean).join(" "), Y = i((e) => {
+		let t = G(e);
+		O.current !== t && (O.current = t, I || se(t), C?.(t));
+	}, [
+		G,
+		I,
+		C
+	]), X = i((e) => {
+		let t = w.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect();
+		if (!n.width) return;
+		let r = (e - n.left) / n.width;
+		return z + Math.min(1, Math.max(0, r)) * (H - z);
+	}, [z, H]), Z = i((e) => {
+		let t = X(e);
+		t !== void 0 && Y(t);
+	}, [X, Y]), Q = s(Z);
+	e(() => {
+		Q.current = Z;
+	}, [Z]);
+	let $ = i(() => {
+		let e = k.current;
+		e && (window.removeEventListener("pointermove", e.move), window.removeEventListener("pointerup", e.up), window.removeEventListener("pointercancel", e.up), k.current = null);
+	}, []), pe = i(() => {
+		let e = {
+			move: (e) => {
+				!D.current || e.pointerId !== E.current || (e.preventDefault(), Q.current(e.clientX));
+			},
+			up: (e) => {
+				E.current === e.pointerId && (e.preventDefault(), Q.current(e.clientX), D.current = !1, j(!1), E.current = null, $());
+			}
+		};
+		k.current = e, window.addEventListener("pointermove", e.move), window.addEventListener("pointerup", e.up), window.addEventListener("pointercancel", e.up);
+	}, [$]), me = i((e) => {
+		g || (e.preventDefault(), D.current = !0, j(!0), E.current = e.pointerId, T.current?.focus({ preventScroll: !0 }), Z(e.clientX), pe());
+	}, [
+		g,
+		Z,
+		pe
+	]), he = (e) => {
+		g || e.target?.closest(".vl-slider__thumb") || me(e.nativeEvent);
+	}, ge = (e) => {
+		g || me(e.nativeEvent);
+	}, _e = (e) => {
+		if (g) return;
+		let t;
+		switch (e.key) {
+			case "ArrowLeft":
+			case "ArrowDown":
+				t = K - V;
+				break;
+			case "ArrowRight":
+			case "ArrowUp":
+				t = K + V;
+				break;
+			case "PageDown":
+				t = K - V * 10;
+				break;
+			case "PageUp":
+				t = K + V * 10;
+				break;
+			case "Home":
+				t = z;
+				break;
+			case "End":
+				t = H;
+				break;
+			default: return;
+		}
+		e.preventDefault(), Y(t);
+	}, ve = () => N(!0), ye = () => {
+		N(!1), F(!1);
+	}, be = (e) => {
+		F(e);
+	}, xe = o(() => {
+		if (!x) return [];
+		let e = H - z;
+		if (e <= 0 || !Number.isFinite(V) || V <= 0) return [];
+		let t = Math.floor(e / V);
+		if (t > ee) return [];
+		let n = [];
+		for (let r = 1; r < t; r += 1) {
+			let t = G(z + V * r), i = (t - z) / e * 100;
+			n.push({
+				value: t,
+				percent: i
+			});
+		}
+		return n;
+	}, [
+		x,
+		H,
+		z,
+		V,
+		G
+	]), Se = xe.length > 0, Ce = o(() => {
+		if (!S || S.length === 0) return [];
+		let e = H - z;
+		if (e <= 0) return [];
+		let t = /* @__PURE__ */ new Map();
+		return S.forEach((n) => {
+			let r = R(n.value);
+			if (r === void 0) return;
+			let i = W(r), a = (i - z) / e * 100;
+			t.set(i, {
+				value: i,
+				percent: a,
+				label: n.label
+			});
+		}), Array.from(t.values()).sort((e, t) => e.value - t.value);
+	}, [
+		S,
+		H,
+		z,
+		W
+	]), we = Ce.length > 0;
+	return a(() => () => {
+		$();
+	}, [$]), /* @__PURE__ */ l("div", {
+		ref: d,
+		className: fe,
+		style: ie,
+		...ae,
+		children: /* @__PURE__ */ u("div", {
+			ref: w,
+			className: "vl-slider__track",
+			onPointerDown: he,
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "vl-slider__fill",
+					style: le,
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ l("button", {
+					ref: T,
+					type: "button",
+					className: "vl-slider__thumb",
+					style: ue,
+					disabled: g,
+					role: "slider",
+					"aria-orientation": "horizontal",
+					"aria-valuemin": z,
+					"aria-valuemax": H,
+					"aria-valuenow": K,
+					"aria-valuetext": J,
+					"aria-label": ne ?? "滑块",
+					onPointerDown: ge,
+					onKeyDown: _e,
+					onFocus: ve,
+					onBlur: ye,
+					onMouseEnter: () => be(!0),
+					onMouseLeave: () => be(!1),
+					children: v ? /* @__PURE__ */ l("span", {
+						className: "vl-slider__tooltip",
+						"data-visible": de,
+						children: J
+					}) : null
+				}),
+				Se ? /* @__PURE__ */ l("div", {
+					className: "vl-slider__stops",
+					children: xe.map((e) => /* @__PURE__ */ l("span", {
+						className: "vl-slider__stop",
+						style: { left: `${e.percent}%` }
+					}, e.value))
+				}) : null,
+				we ? /* @__PURE__ */ l("div", {
+					className: "vl-slider__marks",
+					children: Ce.map((e) => /* @__PURE__ */ u("div", {
+						className: "vl-slider__mark",
+						style: { left: `${e.percent}%` },
+						children: [/* @__PURE__ */ l("span", { className: "vl-slider__mark-dot" }), e.label ? /* @__PURE__ */ l("span", {
+							className: "vl-slider__mark-label",
+							children: e.label
+						}) : null]
+					}, e.value))
+				}) : null
+			]
+		})
+	});
+});
+d.displayName = "VlSlider";
+//#endregion
+//#region components/Slider/index.ts
+var f = d, p = d;
+//#endregion
+export { f as n, p as t };

package/dist/Slider-DCIUxcBa.cjs

@@ -0,0 +1 @@
+const e=require("./effect-BpNxm_06.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./number-B7qJF_ZY.cjs");let r=require("react"),i=require("react/jsx-runtime");var ee=1e3,a=(0,r.forwardRef)((a,o)=>{let{value:s,defaultValue:te=null,min:c=0,max:l=100,step:u=1,disabled:d=!1,status:f=`primary`,showTooltip:p=!0,tooltipAlways:m=!1,tooltipFormatter:h,showStops:g=!1,marks:_=[],ariaLabel:ne,className:re,style:ie,onChange:v,...ae}=a,y=(0,r.useRef)(null),b=(0,r.useRef)(null),x=(0,r.useRef)(null),S=(0,r.useRef)(!1),C=(0,r.useRef)(null),w=(0,r.useRef)(null),[T,E]=(0,r.useState)(!1),[D,O]=(0,r.useState)(!1),[k,A]=(0,r.useState)(!1),j=t.t(a,`value`),[oe,se]=(0,r.useState)(te),M=j?s:oe,N=e=>{if(e==null||e===``)return;let t=Number(e);return Number.isFinite(t)?t:void 0},P=(0,r.useMemo)(()=>N(c)??0,[c]),F=(0,r.useMemo)(()=>N(l),[l]),I=(0,r.useMemo)(()=>{let e=N(u);return!e||e<=0?1:e},[u]),L=(0,r.useMemo)(()=>F!==void 0&&F>P?F:P+Math.max(I,100),[F,P,I]),ce=e=>{if(!Number.isFinite(e))return 0;let t=e.toString();if(t.includes(`e-`)){let[,e]=t.split(`e-`);return Number(e)||0}let n=t.split(`.`)[1];return n?n.length:0},R=(0,r.useMemo)(()=>Math.min(Math.max(ce(I),0),10),[I]),z=(0,r.useCallback)(e=>Number.isFinite(e)?n.t(e,P,L):P,[P,L]),B=(0,r.useCallback)(e=>{let t=z(e),n=P;if(!Number.isFinite(I)||I<=0)return t;let r=Math.round((t-n)/I)*I+n;return Number(r.toFixed(R))},[z,P,I,R]),V=(0,r.useMemo)(()=>{let e=N(M??void 0);return B(e===void 0?P:e)},[M,P,B]);(0,r.useEffect)(()=>{C.current=V},[V]);let H=(0,r.useMemo)(()=>{let e=L-P;if(e<=0)return 0;let t=(V-P)/e*100;return Math.min(100,Math.max(0,Number(t.toFixed(3))))},[V,P,L]),le=(0,r.useMemo)(()=>({width:`${H}%`}),[H]),ue=(0,r.useMemo)(()=>({left:`${H}%`}),[H]),U=(0,r.useMemo)(()=>h?h(V):`${V}`,[h,V]),de=(0,r.useMemo)(()=>p?m?!0:T||D||k:!1,[p,m,T,D,k]),fe=[`vl-slider`,f?`is-${f}`:``,d?`is-disabled`:``,T?`is-dragging`:``,re||``].filter(Boolean).join(` `),W=(0,r.useCallback)(e=>{let t=B(e);C.current!==t&&(C.current=t,j||se(t),v?.(t))},[B,j,v]),G=(0,r.useCallback)(e=>{let t=y.current;if(!t)return;let n=t.getBoundingClientRect();if(!n.width)return;let r=(e-n.left)/n.width;return P+Math.min(1,Math.max(0,r))*(L-P)},[P,L]),K=(0,r.useCallback)(e=>{let t=G(e);t!==void 0&&W(t)},[G,W]),q=(0,r.useRef)(K);e.t(()=>{q.current=K},[K]);let J=(0,r.useCallback)(()=>{let e=w.current;e&&(window.removeEventListener(`pointermove`,e.move),window.removeEventListener(`pointerup`,e.up),window.removeEventListener(`pointercancel`,e.up),w.current=null)},[]),Y=(0,r.useCallback)(()=>{let e={move:e=>{!S.current||e.pointerId!==x.current||(e.preventDefault(),q.current(e.clientX))},up:e=>{x.current===e.pointerId&&(e.preventDefault(),q.current(e.clientX),S.current=!1,E(!1),x.current=null,J())}};w.current=e,window.addEventListener(`pointermove`,e.move),window.addEventListener(`pointerup`,e.up),window.addEventListener(`pointercancel`,e.up)},[J]),X=(0,r.useCallback)(e=>{d||(e.preventDefault(),S.current=!0,E(!0),x.current=e.pointerId,b.current?.focus({preventScroll:!0}),K(e.clientX),Y())},[d,K,Y]),pe=e=>{d||e.target?.closest(`.vl-slider__thumb`)||X(e.nativeEvent)},me=e=>{d||X(e.nativeEvent)},he=e=>{if(d)return;let t;switch(e.key){case`ArrowLeft`:case`ArrowDown`:t=V-I;break;case`ArrowRight`:case`ArrowUp`:t=V+I;break;case`PageDown`:t=V-I*10;break;case`PageUp`:t=V+I*10;break;case`Home`:t=P;break;case`End`:t=L;break;default:return}e.preventDefault(),W(t)},ge=()=>O(!0),_e=()=>{O(!1),A(!1)},Z=e=>{A(e)},Q=(0,r.useMemo)(()=>{if(!g)return[];let e=L-P;if(e<=0||!Number.isFinite(I)||I<=0)return[];let t=Math.floor(e/I);if(t>ee)return[];let n=[];for(let r=1;r<t;r+=1){let t=B(P+I*r),i=(t-P)/e*100;n.push({value:t,percent:i})}return n},[g,L,P,I,B]),ve=Q.length>0,$=(0,r.useMemo)(()=>{if(!_||_.length===0)return[];let e=L-P;if(e<=0)return[];let t=new Map;return _.forEach(n=>{let r=N(n.value);if(r===void 0)return;let i=z(r),ee=(i-P)/e*100;t.set(i,{value:i,percent:ee,label:n.label})}),Array.from(t.values()).sort((e,t)=>e.value-t.value)},[_,L,P,z]),ye=$.length>0;return(0,r.useEffect)(()=>()=>{J()},[J]),(0,i.jsx)(`div`,{ref:o,className:fe,style:ie,...ae,children:(0,i.jsxs)(`div`,{ref:y,className:`vl-slider__track`,onPointerDown:pe,children:[(0,i.jsx)(`div`,{className:`vl-slider__fill`,style:le,"aria-hidden":`true`}),(0,i.jsx)(`button`,{ref:b,type:`button`,className:`vl-slider__thumb`,style:ue,disabled:d,role:`slider`,"aria-orientation":`horizontal`,"aria-valuemin":P,"aria-valuemax":L,"aria-valuenow":V,"aria-valuetext":U,"aria-label":ne??`滑块`,onPointerDown:me,onKeyDown:he,onFocus:ge,onBlur:_e,onMouseEnter:()=>Z(!0),onMouseLeave:()=>Z(!1),children:p?(0,i.jsx)(`span`,{className:`vl-slider__tooltip`,"data-visible":de,children:U}):null}),ve?(0,i.jsx)(`div`,{className:`vl-slider__stops`,children:Q.map(e=>(0,i.jsx)(`span`,{className:`vl-slider__stop`,style:{left:`${e.percent}%`}},e.value))}):null,ye?(0,i.jsx)(`div`,{className:`vl-slider__marks`,children:$.map(e=>(0,i.jsxs)(`div`,{className:`vl-slider__mark`,style:{left:`${e.percent}%`},children:[(0,i.jsx)(`span`,{className:`vl-slider__mark-dot`}),e.label?(0,i.jsx)(`span`,{className:`vl-slider__mark-label`,children:e.label}):null]},e.value))}):null]})})});a.displayName=`VlSlider`;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/Space-DJGRG2rt.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("react/jsx-runtime");var n={xs:`var(--vl-space-1)`,sm:`var(--vl-space-2)`,md:`var(--vl-space-3)`,lg:`var(--vl-space-4)`,xl:`var(--vl-space-6)`},r=e=>typeof e==`number`?`${Number.isFinite(e)?Math.max(0,e):0}px`:n[e]||n.md,i=(0,e.forwardRef)((e,n)=>{let{size:i=`md`,direction:a=`horizontal`,wrap:o=!0,tag:s=`div`,align:c=`start`,justify:l=`start`,className:u,style:d,children:f,...p}=e,m=[`vl-space`,a?`is-${a}`:``,o?`is-wrap`:``,c?`is-align-${c}`:``,l?`is-justify-${l}`:``,u||``].filter(Boolean).join(` `),h={gap:r(i)};return(0,t.jsx)(s,{ref:n,className:m,style:{...h,...d},...p,children:f})});i.displayName=`VlSpace`;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/Space-gnVH7rEt.js

@@ -0,0 +1,35 @@
+import { forwardRef as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region components/Space/Space.tsx
+var n = {
+	xs: "var(--vl-space-1)",
+	sm: "var(--vl-space-2)",
+	md: "var(--vl-space-3)",
+	lg: "var(--vl-space-4)",
+	xl: "var(--vl-space-6)"
+}, r = (e) => typeof e == "number" ? `${Number.isFinite(e) ? Math.max(0, e) : 0}px` : n[e] || n.md, i = e((e, n) => {
+	let { size: i = "md", direction: a = "horizontal", wrap: o = !0, tag: s = "div", align: c = "start", justify: l = "start", className: u, style: d, children: f, ...p } = e, m = [
+		"vl-space",
+		a ? `is-${a}` : "",
+		o ? "is-wrap" : "",
+		c ? `is-align-${c}` : "",
+		l ? `is-justify-${l}` : "",
+		u || ""
+	].filter(Boolean).join(" "), h = { gap: r(i) };
+	return /* @__PURE__ */ t(s, {
+		ref: n,
+		className: m,
+		style: {
+			...h,
+			...d
+		},
+		...p,
+		children: f
+	});
+});
+i.displayName = "VlSpace";
+//#endregion
+//#region components/Space/index.ts
+var a = i, o = i;
+//#endregion
+export { a as n, o as t };

package/dist/Switch-7yJ-Q_o_.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)((t,r)=>{let{checked:i,defaultChecked:a=!1,disabled:o=!1,loading:s=!1,size:c=`md`,checkedText:l=``,uncheckedText:u=``,name:d,className:f,style:p,onChange:m,...h}=t,g=e.t(t,`checked`),[_,v]=e.n({value:!!i,defaultValue:a,controlled:g,onChange:m}),y=!!(l||u),b=[`vl-switch`,c?`size-${c}`:``,o?`is-disabled`:``,s?`is-loading`:``,_?`is-checked`:``,f||``].filter(Boolean).join(` `);return(0,n.jsxs)(`label`,{className:b,style:p,children:[(0,n.jsx)(`input`,{ref:r,className:`vl-switch__input`,type:`checkbox`,role:`switch`,name:d,checked:_,disabled:o||s,"aria-checked":_,"aria-busy":s||void 0,onChange:()=>{o||s||v(e=>!e)},...h}),(0,n.jsx)(`span`,{className:`vl-switch__track`,"aria-hidden":`true`,children:(0,n.jsx)(`span`,{className:`vl-switch__thumb`,children:s?(0,n.jsx)(`span`,{className:`vl-switch__loading`}):null})}),y?(0,n.jsx)(`span`,{className:`vl-switch__text`,children:_?l:u}):null]})});r.displayName=`VlSwitch`;var i=r,a=r;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/Switch-DOO2tiYR.js

@@ -0,0 +1,58 @@
+import { n as e, t } from "./state-oH-YwB7_.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region components/Switch/Switch.tsx
+var a = n((n, a) => {
+	let { checked: o, defaultChecked: s = !1, disabled: c = !1, loading: l = !1, size: u = "md", checkedText: d = "", uncheckedText: f = "", name: p, className: m, style: h, onChange: g, ..._ } = n, v = t(n, "checked"), [y, b] = e({
+		value: !!o,
+		defaultValue: s,
+		controlled: v,
+		onChange: g
+	}), x = !!(d || f), S = [
+		"vl-switch",
+		u ? `size-${u}` : "",
+		c ? "is-disabled" : "",
+		l ? "is-loading" : "",
+		y ? "is-checked" : "",
+		m || ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ i("label", {
+		className: S,
+		style: h,
+		children: [
+			/* @__PURE__ */ r("input", {
+				ref: a,
+				className: "vl-switch__input",
+				type: "checkbox",
+				role: "switch",
+				name: p,
+				checked: y,
+				disabled: c || l,
+				"aria-checked": y,
+				"aria-busy": l || void 0,
+				onChange: () => {
+					c || l || b((e) => !e);
+				},
+				..._
+			}),
+			/* @__PURE__ */ r("span", {
+				className: "vl-switch__track",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ r("span", {
+					className: "vl-switch__thumb",
+					children: l ? /* @__PURE__ */ r("span", { className: "vl-switch__loading" }) : null
+				})
+			}),
+			x ? /* @__PURE__ */ r("span", {
+				className: "vl-switch__text",
+				children: y ? d : f
+			}) : null
+		]
+	});
+});
+a.displayName = "VlSwitch";
+//#endregion
+//#region components/Switch/index.ts
+var o = a, s = a;
+//#endregion
+export { o as n, s as t };