@vavt/react-ui 1.0.0

package/dist/Modal-B_VqN16m.js

@@ -0,0 +1,201 @@
+import { t as e } from "./effect-nifYL_rH.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 { n as a, t as o } from "./number-BN2jHM6Z.js";
+import { t as s } from "./id-CHixuHb7.js";
+import { n as ee, r as te, t as ne } from "./dialog-shell-DehX3PNh.js";
+import { X as re } from "lucide-react";
+import { forwardRef as c, useCallback as l, useEffect as u, useMemo as ie, useRef as d, useState as ae } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region components/Modal/Modal.tsx
+var oe = -24, m = c((c, m) => {
+	let { open: h, defaultOpen: g = !1, title: _, width: se = 520, offsetY: v = oe, center: ce = !1, mask: le = !0, closeOnClickOverlay: ue = !0, closeOnPressEscape: de = !0, showClose: y = !0, lockScroll: fe = !0, destroyOnClose: b = !1, draggable: x = !0, fullscreen: S = !1, zIndex: C, header: w, footer: T, className: pe, style: me, children: he, onClick: ge, onChange: _e, onOpen: E, onClose: D, onAfterClose: ve, "aria-label": ye, "aria-labelledby": be, "aria-describedby": xe, ...Se } = c, O = r(), k = d(null), Ce = ie(() => i(k, m), [m]), we = n(c, "open"), [A, j] = t({
+		value: !!h,
+		defaultValue: g,
+		controlled: we,
+		onChange: _e
+	}), [Te, M] = ae(!1), N = d({
+		x: 0,
+		y: 0
+	}), P = d(!1), F = d(!1), I = d({
+		x: 0,
+		y: 0
+	}), L = d(null), R = d(!1), z = s("vl-modal-title"), B = l(() => j(!1), [j]), { isTopLayer: V } = te({
+		active: O && A,
+		containerRef: k,
+		closeOnPressEscape: de,
+		lockScroll: fe,
+		onRequestClose: B
+	}), H = l((e) => {
+		k.current && (k.current.style.visibility = e ? "visible" : "hidden");
+	}, []), U = l((e, t) => {
+		N.current = {
+			x: e,
+			y: t
+		}, k.current && (k.current.style.left = `${e}px`, k.current.style.top = `${t}px`);
+	}, []), W = l((e, t) => {
+		let n = e.getBoundingClientRect();
+		return {
+			rect: n,
+			maxX: Math.max(t, window.innerWidth - n.width - t),
+			maxY: Math.max(t, window.innerHeight - n.height - t)
+		};
+	}, []), G = l(() => {
+		let e = k.current;
+		if (!e) return;
+		if (S) {
+			U(0, 0);
+			return;
+		}
+		let { rect: t, maxX: n, maxY: r } = W(e, 16), i = (window.innerHeight - t.height) / 2 + v;
+		U(Math.round(o((window.innerWidth - t.width) / 2, 16, n)), Math.round(o(i, 16, r)));
+	}, [
+		S,
+		W,
+		v,
+		U
+	]), K = l(() => {
+		let e = k.current;
+		if (!e) return;
+		let { maxX: t, maxY: n } = W(e, 8);
+		U(Math.round(o(N.current.x, 8, t)), Math.round(o(N.current.y, 8, n)));
+	}, [W, U]), q = l((e, t) => {
+		let n = k.current;
+		if (!n || S) return;
+		let { maxX: r, maxY: i } = W(n, 8), a = o(e - I.current.x, 8, r), s = o(t - I.current.y, 8, i);
+		U(Math.round(a), Math.round(s)), P.current = !0;
+	}, [
+		S,
+		W,
+		U
+	]), J = d(q);
+	e(() => {
+		J.current = q;
+	}, [q]);
+	let Y = l((e) => {
+		F.current && J.current(e.clientX, e.clientY);
+	}, []), X = l(() => {
+		window.removeEventListener("pointermove", Y), L.current?.(), L.current = null;
+	}, [Y]), Z = l(() => {
+		F.current && (F.current = !1, M(!1), X());
+	}, [X]), Ee = (e) => {
+		if (!x || S || !A || !V() || e.button !== 0 || e.target.closest(".vl-modal__close")) return;
+		let t = k.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect();
+		I.current = {
+			x: e.clientX - n.left,
+			y: e.clientY - n.top
+		}, F.current = !0, M(!0), L.current = ee(), window.addEventListener("pointermove", Y), window.addEventListener("pointerup", Z, { once: !0 });
+	};
+	u(() => {
+		let e = R.current;
+		A && !e ? E?.() : !A && e && D?.(), R.current = A;
+	}, [
+		A,
+		E,
+		D
+	]), e(() => {
+		!A || !O || (H(!1), S ? U(0, 0) : !b && P.current ? K() : G(), H(!0));
+	}, [
+		A,
+		O,
+		S,
+		b,
+		G,
+		K,
+		U,
+		H
+	]), u(() => {
+		A || Z();
+	}, [A, Z]), u(() => {
+		if (!A) return;
+		let e = () => {
+			F.current || (P.current ? K() : G());
+		};
+		return window.addEventListener("resize", e, { passive: !0 }), () => window.removeEventListener("resize", e);
+	}, [
+		A,
+		G,
+		K
+	]), u(() => () => {
+		window.removeEventListener("pointerup", Z), X();
+	}, [Z, X]);
+	let De = () => {
+		ue && V() && B();
+	}, Oe = (e) => {
+		e.stopPropagation(), ge?.(e);
+	}, ke = [
+		"vl-modal",
+		Te ? "is-dragging" : "",
+		ce ? "is-center" : "",
+		S ? "is-fullscreen" : "",
+		pe || ""
+	].filter(Boolean).join(" "), Ae = ["vl-modal__header", x && !S ? "is-draggable" : ""].filter(Boolean).join(" "), Q = { ...me };
+	C !== void 0 && (Q.zIndex = C), S ? (Q.width = "100vw", Q.height = "100vh") : Q.width = a(se) ?? "520px";
+	let $ = w ?? (_ ? /* @__PURE__ */ f("div", {
+		id: z,
+		className: "vl-modal__title",
+		children: _
+	}) : null), je = be ?? (!w && _ ? z : void 0), Me = ye ?? (je ? void 0 : typeof _ == "string" ? _ : "对话框");
+	return /* @__PURE__ */ p(ne, {
+		clientReady: O,
+		open: A,
+		mask: le,
+		destroyOnClose: b,
+		maskTransitionName: "vl-modal-mask",
+		transitionName: "vl-modal",
+		maskClassName: "vl-modal__mask",
+		panelClassName: ke,
+		panelStyle: Q,
+		maskStyle: C === void 0 ? void 0 : { zIndex: C - 1 },
+		panelRef: Ce,
+		role: "dialog",
+		ariaLabel: Me,
+		ariaLabelledBy: je,
+		ariaDescribedBy: xe,
+		onMaskClick: De,
+		onPanelClick: Oe,
+		onAfterLeave: () => {
+			Z(), b && (P.current = !1), ve?.();
+		},
+		panelProps: Se,
+		children: [
+			$ || y ? /* @__PURE__ */ f("div", {
+				className: Ae,
+				onPointerDown: Ee,
+				children: /* @__PURE__ */ p("div", {
+					className: "vl-modal__headerInner",
+					children: [/* @__PURE__ */ f("div", {
+						className: "vl-modal__headerMain",
+						children: $
+					}), y ? /* @__PURE__ */ f("button", {
+						type: "button",
+						className: "vl-modal__close",
+						"aria-label": "关闭对话框",
+						onClick: B,
+						children: /* @__PURE__ */ f(re, {
+							size: 20,
+							"aria-hidden": "true"
+						})
+					}) : null]
+				})
+			}) : null,
+			/* @__PURE__ */ f("div", {
+				className: "vl-modal__body",
+				children: he
+			}),
+			T ? /* @__PURE__ */ f("div", {
+				className: "vl-modal__footer",
+				children: T
+			}) : null
+		]
+	});
+});
+m.displayName = "VlModal";
+//#endregion
+//#region components/Modal/index.ts
+var h = m, g = m;
+//#endregion
+export { h as n, g as t };

package/dist/Modal-Dm48HmGu.cjs

@@ -0,0 +1 @@
+const e=require("./effect-BpNxm_06.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./client-BkoqeUs3.cjs"),r=require("./refs-DCqd87V8.cjs"),i=require("./number-B7qJF_ZY.cjs"),a=require("./id-CF0zOP1G.cjs"),o=require("./dialog-shell-DT1EoKQG.cjs");let s=require("lucide-react"),c=require("react"),l=require("react/jsx-runtime");var ee=-24,u=(0,c.forwardRef)((u,d)=>{let{open:f,defaultOpen:te=!1,title:p,width:ne=520,offsetY:m=ee,center:re=!1,mask:ie=!0,closeOnClickOverlay:h=!0,closeOnPressEscape:g=!0,showClose:_=!0,lockScroll:ae=!0,destroyOnClose:v=!1,draggable:y=!0,fullscreen:b=!1,zIndex:x,header:S,footer:C,className:oe,style:se,children:ce,onClick:le,onChange:ue,onOpen:w,onClose:T,onAfterClose:de,"aria-label":fe,"aria-labelledby":pe,"aria-describedby":me,...he}=u,E=n.t(),D=(0,c.useRef)(null),ge=(0,c.useMemo)(()=>r.n(D,d),[d]),_e=t.t(u,`open`),[O,k]=t.n({value:!!f,defaultValue:te,controlled:_e,onChange:ue}),[ve,A]=(0,c.useState)(!1),j=(0,c.useRef)({x:0,y:0}),M=(0,c.useRef)(!1),N=(0,c.useRef)(!1),P=(0,c.useRef)({x:0,y:0}),F=(0,c.useRef)(null),I=(0,c.useRef)(!1),L=a.t(`vl-modal-title`),R=(0,c.useCallback)(()=>k(!1),[k]),{isTopLayer:z}=o.r({active:E&&O,containerRef:D,closeOnPressEscape:g,lockScroll:ae,onRequestClose:R}),B=(0,c.useCallback)(e=>{D.current&&(D.current.style.visibility=e?`visible`:`hidden`)},[]),V=(0,c.useCallback)((e,t)=>{j.current={x:e,y:t},D.current&&(D.current.style.left=`${e}px`,D.current.style.top=`${t}px`)},[]),H=(0,c.useCallback)((e,t)=>{let n=e.getBoundingClientRect();return{rect:n,maxX:Math.max(t,window.innerWidth-n.width-t),maxY:Math.max(t,window.innerHeight-n.height-t)}},[]),U=(0,c.useCallback)(()=>{let e=D.current;if(!e)return;if(b){V(0,0);return}let{rect:t,maxX:n,maxY:r}=H(e,16),a=(window.innerHeight-t.height)/2+m;V(Math.round(i.t((window.innerWidth-t.width)/2,16,n)),Math.round(i.t(a,16,r)))},[b,H,m,V]),W=(0,c.useCallback)(()=>{let e=D.current;if(!e)return;let{maxX:t,maxY:n}=H(e,8);V(Math.round(i.t(j.current.x,8,t)),Math.round(i.t(j.current.y,8,n)))},[H,V]),G=(0,c.useCallback)((e,t)=>{let n=D.current;if(!n||b)return;let{maxX:r,maxY:a}=H(n,8),o=i.t(e-P.current.x,8,r),s=i.t(t-P.current.y,8,a);V(Math.round(o),Math.round(s)),M.current=!0},[b,H,V]),K=(0,c.useRef)(G);e.t(()=>{K.current=G},[G]);let q=(0,c.useCallback)(e=>{N.current&&K.current(e.clientX,e.clientY)},[]),J=(0,c.useCallback)(()=>{window.removeEventListener(`pointermove`,q),F.current?.(),F.current=null},[q]),Y=(0,c.useCallback)(()=>{N.current&&(N.current=!1,A(!1),J())},[J]),ye=e=>{if(!y||b||!O||!z()||e.button!==0||e.target.closest(`.vl-modal__close`))return;let t=D.current;if(!t)return;let n=t.getBoundingClientRect();P.current={x:e.clientX-n.left,y:e.clientY-n.top},N.current=!0,A(!0),F.current=o.n(),window.addEventListener(`pointermove`,q),window.addEventListener(`pointerup`,Y,{once:!0})};(0,c.useEffect)(()=>{let e=I.current;O&&!e?w?.():!O&&e&&T?.(),I.current=O},[O,w,T]),e.t(()=>{!O||!E||(B(!1),b?V(0,0):!v&&M.current?W():U(),B(!0))},[O,E,b,v,U,W,V,B]),(0,c.useEffect)(()=>{O||Y()},[O,Y]),(0,c.useEffect)(()=>{if(!O)return;let e=()=>{N.current||(M.current?W():U())};return window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)},[O,U,W]),(0,c.useEffect)(()=>()=>{window.removeEventListener(`pointerup`,Y),J()},[Y,J]);let X=()=>{h&&z()&&R()},be=e=>{e.stopPropagation(),le?.(e)},xe=[`vl-modal`,ve?`is-dragging`:``,re?`is-center`:``,b?`is-fullscreen`:``,oe||``].filter(Boolean).join(` `),Se=[`vl-modal__header`,y&&!b?`is-draggable`:``].filter(Boolean).join(` `),Z={...se};x!==void 0&&(Z.zIndex=x),b?(Z.width=`100vw`,Z.height=`100vh`):Z.width=i.n(ne)??`520px`;let Q=S??(p?(0,l.jsx)(`div`,{id:L,className:`vl-modal__title`,children:p}):null),$=pe??(!S&&p?L:void 0),Ce=fe??($?void 0:typeof p==`string`?p:`对话框`);return(0,l.jsxs)(o.t,{clientReady:E,open:O,mask:ie,destroyOnClose:v,maskTransitionName:`vl-modal-mask`,transitionName:`vl-modal`,maskClassName:`vl-modal__mask`,panelClassName:xe,panelStyle:Z,maskStyle:x===void 0?void 0:{zIndex:x-1},panelRef:ge,role:`dialog`,ariaLabel:Ce,ariaLabelledBy:$,ariaDescribedBy:me,onMaskClick:X,onPanelClick:be,onAfterLeave:()=>{Y(),v&&(M.current=!1),de?.()},panelProps:he,children:[Q||_?(0,l.jsx)(`div`,{className:Se,onPointerDown:ye,children:(0,l.jsxs)(`div`,{className:`vl-modal__headerInner`,children:[(0,l.jsx)(`div`,{className:`vl-modal__headerMain`,children:Q}),_?(0,l.jsx)(`button`,{type:`button`,className:`vl-modal__close`,"aria-label":`关闭对话框`,onClick:R,children:(0,l.jsx)(s.X,{size:20,"aria-hidden":`true`})}):null]})}):null,(0,l.jsx)(`div`,{className:`vl-modal__body`,children:ce}),C?(0,l.jsx)(`div`,{className:`vl-modal__footer`,children:C}):null]})});u.displayName=`VlModal`;var d=u,f=u;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/NumberInput-CYVj89_s.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs"),t=require("./refs-DCqd87V8.cjs"),n=require("./number-B7qJF_ZY.cjs");let r=require("react"),i=require("react/jsx-runtime");var a=(0,r.forwardRef)((a,o)=>{let{value:s,defaultValue:c=null,min:l=-1/0,max:u=1/0,step:d=1,precision:f,placeholder:p,disabled:m=!1,readonly:h=!1,controls:g=!0,size:_=`md`,inputmode:ee=`decimal`,className:v,style:y,onChange:b,onFocus:x,onBlur:S,onKeyDown:C,...w}=a,T=(0,r.useRef)(null),E=(0,r.useMemo)(()=>t.n(T,o),[o]),D=e.t(a,`value`),[O,k]=(0,r.useState)(c),[A,j]=(0,r.useState)(``),[M,N]=(0,r.useState)(!1),P=D?s??null:O,[F,I]=(0,r.useMemo)(()=>{let e=Number.isNaN(l)?-1/0:l,t=Number.isNaN(u)?1/0:u;return[Math.min(e,t),Math.max(e,t)]},[l,u]),L=(0,r.useCallback)(e=>n.t(e,F,I),[F,I]),R=(0,r.useCallback)(e=>{if(typeof f==`number`&&f>=0){let t=Math.min(20,Math.floor(f));return Number(e.toFixed(t))}return e},[f]),z=(0,r.useCallback)(e=>e==null||Number.isNaN(e)?``:`${R(L(e))}`,[R,L]),B=(0,r.useMemo)(()=>P==null||!Number.isFinite(P)?null:R(L(P)),[P,R,L]),V=(0,r.useRef)(B??null);(0,r.useEffect)(()=>{D&&(V.current=B??null)},[D,B]);let H=(0,r.useMemo)(()=>z(B),[z,B]),U=D?H:M?A:H,W=(0,r.useCallback)(e=>{V.current!==e&&(V.current=e,b?.(e))},[b]),G=(e,t=!0)=>{let n=e===null?null:R(L(e));D||k(n),W(n),t&&j(z(n))},K=(e,t=!0)=>{let n=e.trim();if(!n)return null;if(t&&/^[+-]?(?:\.|\d+\.?\d*[eE][+-]?)?$/.test(n))return;let r=Number(n);if(Number.isFinite(r))return R(L(r))},q=e=>{if(m||h)return;let t=e.target.value;M||N(!0),j(t);let n=K(t);if(n===void 0){t.trim()||G(null,!1);return}G(n,!1)},J=e=>{if(h){S?.(e);return}let t=K(A,!1);t===void 0?j(H):G(t),N(!1),S?.(e)},Y=e=>{M||(j(H),N(!0)),x?.(e)},X=(0,r.useMemo)(()=>Number.isFinite(d)&&d>0?d:1,[d]),Z=e=>{if(m||h)return;let t=(B??L(0))+e*X;T.current?.focus(),G(t)},Q=()=>Z(1),$=()=>Z(-1),te=e=>{e.key===`ArrowUp`?(e.preventDefault(),Q()):e.key===`ArrowDown`&&(e.preventDefault(),$()),C?.(e)},ne=[`vl-number-input`,_?`size-${_}`:``,g?`has-controls`:``,m?`is-disabled`:``,h?`is-readonly`:``,v||``].filter(Boolean).join(` `),re=(0,r.useMemo)(()=>m||h?!1:B===null||B<I,[m,h,B,I]),ie=(0,r.useMemo)(()=>m||h?!1:B===null||B>F,[m,h,B,F]);return(0,i.jsxs)(`div`,{className:ne,style:y,children:[g?(0,i.jsx)(`button`,{className:`control-btn is-decrease`,type:`button`,disabled:!ie,"aria-label":`减少数值`,onMouseDown:e=>e.preventDefault(),onClick:$,children:(0,i.jsx)(`span`,{"aria-hidden":`true`,children:`-`})}):null,(0,i.jsx)(`input`,{ref:E,type:`text`,value:U,placeholder:p,disabled:m,readOnly:h,inputMode:ee,role:`spinbutton`,"aria-valuenow":B??void 0,"aria-valuemin":Number.isFinite(F)?F:void 0,"aria-valuemax":Number.isFinite(I)?I:void 0,autoComplete:`off`,onInput:q,onBlur:J,onFocus:Y,onKeyDown:te,...w}),g?(0,i.jsx)(`button`,{className:`control-btn is-increase`,type:`button`,disabled:!re,"aria-label":`增加数值`,onMouseDown:e=>e.preventDefault(),onClick:Q,children:(0,i.jsx)(`span`,{"aria-hidden":`true`,children:`+`})}):null]})});a.displayName=`VlNumberInput`;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/NumberInput-C_vLULbX.js

@@ -0,0 +1,134 @@
+import { t as e } from "./state-oH-YwB7_.js";
+import { n as t } from "./refs-D5IYOBaf.js";
+import { t as n } from "./number-BN2jHM6Z.js";
+import { forwardRef as r, useCallback as i, useEffect as ee, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as te } from "react/jsx-runtime";
+//#region components/NumberInput/NumberInput.tsx
+var l = r((r, l) => {
+	let { value: u, defaultValue: d = null, min: f = -Infinity, max: p = Infinity, step: m = 1, precision: h, placeholder: g, disabled: _ = !1, readonly: v = !1, controls: y = !0, size: b = "md", inputmode: ne = "decimal", className: x, style: S, onChange: C, onFocus: w, onBlur: T, onKeyDown: E, ...D } = r, O = o(null), k = a(() => t(O, l), [l]), A = e(r, "value"), [j, M] = s(d), [N, P] = s(""), [F, I] = s(!1), L = A ? u ?? null : j, [R, z] = a(() => {
+		let e = Number.isNaN(f) ? -Infinity : f, t = Number.isNaN(p) ? Infinity : p;
+		return [Math.min(e, t), Math.max(e, t)];
+	}, [f, p]), B = i((e) => n(e, R, z), [R, z]), V = i((e) => {
+		if (typeof h == "number" && h >= 0) {
+			let t = Math.min(20, Math.floor(h));
+			return Number(e.toFixed(t));
+		}
+		return e;
+	}, [h]), H = i((e) => e == null || Number.isNaN(e) ? "" : `${V(B(e))}`, [V, B]), U = a(() => L == null || !Number.isFinite(L) ? null : V(B(L)), [
+		L,
+		V,
+		B
+	]), W = o(U ?? null);
+	ee(() => {
+		A && (W.current = U ?? null);
+	}, [A, U]);
+	let G = a(() => H(U), [H, U]), K = A ? G : F ? N : G, q = i((e) => {
+		W.current !== e && (W.current = e, C?.(e));
+	}, [C]), J = (e, t = !0) => {
+		let n = e === null ? null : V(B(e));
+		A || M(n), q(n), t && P(H(n));
+	}, Y = (e, t = !0) => {
+		let n = e.trim();
+		if (!n) return null;
+		if (t && /^[+-]?(?:\.|\d+\.?\d*[eE][+-]?)?$/.test(n)) return;
+		let r = Number(n);
+		if (Number.isFinite(r)) return V(B(r));
+	}, X = (e) => {
+		if (_ || v) return;
+		let t = e.target.value;
+		F || I(!0), P(t);
+		let n = Y(t);
+		if (n === void 0) {
+			t.trim() || J(null, !1);
+			return;
+		}
+		J(n, !1);
+	}, re = (e) => {
+		if (v) {
+			T?.(e);
+			return;
+		}
+		let t = Y(N, !1);
+		t === void 0 ? P(G) : J(t), I(!1), T?.(e);
+	}, ie = (e) => {
+		F || (P(G), I(!0)), w?.(e);
+	}, ae = a(() => Number.isFinite(m) && m > 0 ? m : 1, [m]), Z = (e) => {
+		if (_ || v) return;
+		let t = (U ?? B(0)) + e * ae;
+		O.current?.focus(), J(t);
+	}, Q = () => Z(1), $ = () => Z(-1), oe = (e) => {
+		e.key === "ArrowUp" ? (e.preventDefault(), Q()) : e.key === "ArrowDown" && (e.preventDefault(), $()), E?.(e);
+	}, se = [
+		"vl-number-input",
+		b ? `size-${b}` : "",
+		y ? "has-controls" : "",
+		_ ? "is-disabled" : "",
+		v ? "is-readonly" : "",
+		x || ""
+	].filter(Boolean).join(" "), ce = a(() => _ || v ? !1 : U === null || U < z, [
+		_,
+		v,
+		U,
+		z
+	]), le = a(() => _ || v ? !1 : U === null || U > R, [
+		_,
+		v,
+		U,
+		R
+	]);
+	return /* @__PURE__ */ te("div", {
+		className: se,
+		style: S,
+		children: [
+			y ? /* @__PURE__ */ c("button", {
+				className: "control-btn is-decrease",
+				type: "button",
+				disabled: !le,
+				"aria-label": "减少数值",
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: $,
+				children: /* @__PURE__ */ c("span", {
+					"aria-hidden": "true",
+					children: "-"
+				})
+			}) : null,
+			/* @__PURE__ */ c("input", {
+				ref: k,
+				type: "text",
+				value: K,
+				placeholder: g,
+				disabled: _,
+				readOnly: v,
+				inputMode: ne,
+				role: "spinbutton",
+				"aria-valuenow": U ?? void 0,
+				"aria-valuemin": Number.isFinite(R) ? R : void 0,
+				"aria-valuemax": Number.isFinite(z) ? z : void 0,
+				autoComplete: "off",
+				onInput: X,
+				onBlur: re,
+				onFocus: ie,
+				onKeyDown: oe,
+				...D
+			}),
+			y ? /* @__PURE__ */ c("button", {
+				className: "control-btn is-increase",
+				type: "button",
+				disabled: !ce,
+				"aria-label": "增加数值",
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: Q,
+				children: /* @__PURE__ */ c("span", {
+					"aria-hidden": "true",
+					children: "+"
+				})
+			}) : null
+		]
+	});
+});
+l.displayName = "VlNumberInput";
+//#endregion
+//#region components/NumberInput/index.ts
+var u = l, d = l;
+//#endregion
+export { u as n, d as t };

package/dist/Pagination-B7a9v6BU.js

@@ -0,0 +1,167 @@
+import { t as e } from "./state-oH-YwB7_.js";
+import { t } from "./number-BN2jHM6Z.js";
+import { ChevronLeft as n, ChevronRight as r, ChevronsLeft as i, ChevronsRight as a } from "lucide-react";
+import { createElement as o, forwardRef as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region components/Pagination/Pagination.tsx
+var p = [
+	10,
+	20,
+	50,
+	100
+], m = (e, t) => typeof e != "number" || !Number.isFinite(e) ? t : Math.max(1, Math.floor(e)), h = (e) => typeof e != "number" || !Number.isFinite(e) ? 0 : Math.max(0, Math.floor(e)), g = (e, t) => {
+	let n = [...e ?? p].filter((e) => typeof e == "number" && Number.isFinite(e) && e > 0).map((e) => Math.floor(e)).filter((e) => e > 0).filter((e, t, n) => n.indexOf(e) === t).sort((e, t) => e - t);
+	return n.length ? n : [t];
+}, _ = (e, t) => {
+	if (e <= 7) return Array.from({ length: e }, (e, t) => t + 1);
+	let n = Math.max(2, t - 1), r = Math.min(e - 1, t + 1), i = n > 2, a = r < e - 1;
+	return i ? a ? [
+		1,
+		"ellipsis-start",
+		n,
+		t,
+		r,
+		"ellipsis-end",
+		e
+	] : [
+		1,
+		"ellipsis-start",
+		e - 4,
+		e - 3,
+		e - 2,
+		e - 1,
+		e
+	] : [
+		1,
+		2,
+		3,
+		4,
+		5,
+		"ellipsis-end",
+		e
+	];
+}, v = s((s, p) => {
+	let { current: v, defaultCurrent: y = 1, total: b = 0, pageSize: x, defaultPageSize: S = 10, pageSizeOptions: C, showTotal: w = !1, showSizeChanger: T = !1, showQuickJumper: ee = !1, size: E = "md", disabled: D = !1, className: te, id: O, "aria-label": k = "分页导航", onChange: A, onPageSizeChange: j, ...M } = s, N = e(s, "current"), P = e(s, "pageSize"), F = m(S, 10), [I, L] = u(() => m(y, 1)), [R, z] = u(F), [B, V] = u(""), H = h(b), U = m(P ? x : R, F), W = Math.max(1, Math.ceil(H / U)), G = t(m(N ? v : I, 1), 1, W), K = l(() => g(C, U), [C, U]), q = l(() => _(W, G), [W, G]), J = H === 0 ? [0, 0] : [(G - 1) * U + 1, Math.min(G * U, H)];
+	c(() => {
+		V(String(G));
+	}, [G]), c(() => {
+		!N && I !== G && L(G);
+	}, [
+		G,
+		N,
+		I
+	]);
+	let Y = [
+		"vl-pagination",
+		`size-${E}`,
+		D ? "is-disabled" : "",
+		te || ""
+	].filter(Boolean).join(" "), X = (e, t = U) => {
+		N || L(e), A?.(e, t);
+	}, Z = (e) => {
+		if (D) return;
+		let n = t(e, 1, W);
+		n !== G && X(n);
+	}, ne = (e) => {
+		if (D) return;
+		let n = m(Number(e.target.value), U);
+		if (n === U) return;
+		let r = Math.max(1, Math.ceil(H / n)), i = t(G, 1, r);
+		P || z(n), N || L(i), j?.(n, i), A?.(i, n);
+	}, Q = () => {
+		if (D) return;
+		let e = B.trim();
+		if (!/^\d+$/.test(e)) return;
+		let t = Number(e);
+		!Number.isSafeInteger(t) || t < 1 || t > W || Z(t);
+	}, re = (e) => {
+		e.key === "Enter" && (e.preventDefault(), Q());
+	}, $ = (e, t, n, r) => /* @__PURE__ */ d("button", {
+		type: "button",
+		className: "vl-pagination__button vl-pagination__nav-button",
+		"aria-label": t,
+		disabled: D || (e === "first" || e === "previous" ? G <= 1 : G >= W),
+		onClick: () => Z(n),
+		children: o(r, {
+			"aria-hidden": !0,
+			focusable: !1
+		})
+	});
+	return /* @__PURE__ */ f("nav", {
+		ref: p,
+		id: O,
+		className: Y,
+		"aria-label": k,
+		"aria-disabled": D || void 0,
+		...M,
+		children: [w ? /* @__PURE__ */ d("span", {
+			className: "vl-pagination__total",
+			children: typeof w == "function" ? w(H, J) : `第 ${J[0]}-${J[1]} 条，共 ${H} 条`
+		}) : null, /* @__PURE__ */ f("div", {
+			className: "vl-pagination__controls",
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: "vl-pagination__pages",
+					children: [
+						$("first", "第一页", 1, i),
+						$("previous", "上一页", G - 1, n),
+						q.map((e) => typeof e == "number" ? /* @__PURE__ */ d("button", {
+							type: "button",
+							className: `vl-pagination__button ${e === G ? "is-active" : ""}`,
+							"aria-label": `第 ${e} 页`,
+							"aria-current": e === G ? "page" : void 0,
+							disabled: D,
+							onClick: () => Z(e),
+							children: e
+						}, e) : /* @__PURE__ */ d("span", {
+							className: "vl-pagination__ellipsis",
+							"aria-hidden": "true",
+							children: "…"
+						}, e)),
+						$("next", "下一页", G + 1, r),
+						$("last", "最后一页", W, a)
+					]
+				}),
+				T ? /* @__PURE__ */ f("label", {
+					className: "vl-pagination__size-changer",
+					children: [/* @__PURE__ */ d("span", {
+						className: "vl-pagination__visually-hidden",
+						children: "每页条数"
+					}), /* @__PURE__ */ d("select", {
+						value: U,
+						disabled: D,
+						"aria-label": "每页条数",
+						onChange: ne,
+						children: K.map((e) => /* @__PURE__ */ f("option", {
+							value: e,
+							children: [e, " 条/页"]
+						}, e))
+					})]
+				}) : null,
+				ee ? /* @__PURE__ */ f("label", {
+					className: "vl-pagination__quick-jumper",
+					children: [
+						/* @__PURE__ */ d("span", { children: "跳至" }),
+						/* @__PURE__ */ d("input", {
+							value: B,
+							type: "text",
+							inputMode: "numeric",
+							"aria-label": "跳转到页码",
+							disabled: D,
+							onChange: (e) => V(e.target.value),
+							onKeyDown: re,
+							onBlur: Q
+						}),
+						/* @__PURE__ */ d("span", { children: "页" })
+					]
+				}) : null
+			]
+		})]
+	});
+});
+v.displayName = "VlPagination";
+//#endregion
+//#region components/Pagination/index.ts
+var y = v, b = v;
+//#endregion
+export { y as n, b as t };

package/dist/Pagination-mj-pO6ql.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs"),t=require("./number-B7qJF_ZY.cjs");let n=require("lucide-react"),r=require("react"),i=require("react/jsx-runtime");var a=[10,20,50,100],o=(e,t)=>typeof e!=`number`||!Number.isFinite(e)?t:Math.max(1,Math.floor(e)),s=e=>typeof e!=`number`||!Number.isFinite(e)?0:Math.max(0,Math.floor(e)),c=(e,t)=>{let n=[...e??a].filter(e=>typeof e==`number`&&Number.isFinite(e)&&e>0).map(e=>Math.floor(e)).filter(e=>e>0).filter((e,t,n)=>n.indexOf(e)===t).sort((e,t)=>e-t);return n.length?n:[t]},l=(e,t)=>{if(e<=7)return Array.from({length:e},(e,t)=>t+1);let n=Math.max(2,t-1),r=Math.min(e-1,t+1),i=n>2,a=r<e-1;return i?a?[1,`ellipsis-start`,n,t,r,`ellipsis-end`,e]:[1,`ellipsis-start`,e-4,e-3,e-2,e-1,e]:[1,2,3,4,5,`ellipsis-end`,e]},u=(0,r.forwardRef)((a,u)=>{let{current:d,defaultCurrent:f=1,total:p=0,pageSize:m,defaultPageSize:h=10,pageSizeOptions:g,showTotal:_=!1,showSizeChanger:v=!1,showQuickJumper:y=!1,size:b=`md`,disabled:x=!1,className:S,id:C,"aria-label":w=`分页导航`,onChange:T,onPageSizeChange:E,...D}=a,O=e.t(a,`current`),k=e.t(a,`pageSize`),A=o(h,10),[j,M]=(0,r.useState)(()=>o(f,1)),[N,P]=(0,r.useState)(A),[F,I]=(0,r.useState)(``),L=s(p),R=o(k?m:N,A),z=Math.max(1,Math.ceil(L/R)),B=t.t(o(O?d:j,1),1,z),V=(0,r.useMemo)(()=>c(g,R),[g,R]),H=(0,r.useMemo)(()=>l(z,B),[z,B]),U=L===0?[0,0]:[(B-1)*R+1,Math.min(B*R,L)];(0,r.useEffect)(()=>{I(String(B))},[B]),(0,r.useEffect)(()=>{!O&&j!==B&&M(B)},[B,O,j]);let W=[`vl-pagination`,`size-${b}`,x?`is-disabled`:``,S||``].filter(Boolean).join(` `),G=(e,t=R)=>{O||M(e),T?.(e,t)},K=e=>{if(x)return;let n=t.t(e,1,z);n!==B&&G(n)},q=e=>{if(x)return;let n=o(Number(e.target.value),R);if(n===R)return;let r=Math.max(1,Math.ceil(L/n)),i=t.t(B,1,r);k||P(n),O||M(i),E?.(n,i),T?.(i,n)},J=()=>{if(x)return;let e=F.trim();if(!/^\d+$/.test(e))return;let t=Number(e);!Number.isSafeInteger(t)||t<1||t>z||K(t)},Y=e=>{e.key===`Enter`&&(e.preventDefault(),J())},X=(e,t,n,a)=>{let o=e===`first`||e===`previous`?B<=1:B>=z;return(0,i.jsx)(`button`,{type:`button`,className:`vl-pagination__button vl-pagination__nav-button`,"aria-label":t,disabled:x||o,onClick:()=>K(n),children:(0,r.createElement)(a,{"aria-hidden":!0,focusable:!1})})};return(0,i.jsxs)(`nav`,{ref:u,id:C,className:W,"aria-label":w,"aria-disabled":x||void 0,...D,children:[_?(0,i.jsx)(`span`,{className:`vl-pagination__total`,children:typeof _==`function`?_(L,U):`第 ${U[0]}-${U[1]} 条，共 ${L} 条`}):null,(0,i.jsxs)(`div`,{className:`vl-pagination__controls`,children:[(0,i.jsxs)(`div`,{className:`vl-pagination__pages`,children:[X(`first`,`第一页`,1,n.ChevronsLeft),X(`previous`,`上一页`,B-1,n.ChevronLeft),H.map(e=>typeof e==`number`?(0,i.jsx)(`button`,{type:`button`,className:`vl-pagination__button ${e===B?`is-active`:``}`,"aria-label":`第 ${e} 页`,"aria-current":e===B?`page`:void 0,disabled:x,onClick:()=>K(e),children:e},e):(0,i.jsx)(`span`,{className:`vl-pagination__ellipsis`,"aria-hidden":`true`,children:`…`},e)),X(`next`,`下一页`,B+1,n.ChevronRight),X(`last`,`最后一页`,z,n.ChevronsRight)]}),v?(0,i.jsxs)(`label`,{className:`vl-pagination__size-changer`,children:[(0,i.jsx)(`span`,{className:`vl-pagination__visually-hidden`,children:`每页条数`}),(0,i.jsx)(`select`,{value:R,disabled:x,"aria-label":`每页条数`,onChange:q,children:V.map(e=>(0,i.jsxs)(`option`,{value:e,children:[e,` 条/页`]},e))})]}):null,y?(0,i.jsxs)(`label`,{className:`vl-pagination__quick-jumper`,children:[(0,i.jsx)(`span`,{children:`跳至`}),(0,i.jsx)(`input`,{value:F,type:`text`,inputMode:`numeric`,"aria-label":`跳转到页码`,disabled:x,onChange:e=>I(e.target.value),onKeyDown:Y,onBlur:J}),(0,i.jsx)(`span`,{children:`页`})]}):null]})]})});u.displayName=`VlPagination`;var d=u,f=u;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});

package/dist/Progress-D2C6LCml.js

@@ -0,0 +1,40 @@
+import { forwardRef as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region components/Progress/Progress.tsx
+var r = 100, i = (e) => typeof e == "number" && Number.isFinite(e) && e > 0 ? e : r, a = (e, t) => typeof e != "number" || !Number.isFinite(e) ? 0 : Math.min(t, Math.max(0, e)), o = (e, t) => Number((e / t * 100).toFixed(3)), s = e((e, s) => {
+	let { value: c = 0, max: l = r, indeterminate: u = !1, status: d = "primary", size: f = "md", showText: p = !1, format: m, className: h, style: g, "aria-label": _, "aria-valuenow": v, "aria-valuemin": y, "aria-valuemax": b, role: x, ...S } = e, C = i(l), w = a(c, C), T = o(w, C), E = [
+		"vl-progress",
+		`size-${f}`,
+		`is-${d}`,
+		u ? "is-indeterminate" : "",
+		h || ""
+	].filter(Boolean).join(" "), D = u ? void 0 : { width: `${T}%` }, O = p ? m ? m(w, C) : `${T}%` : null;
+	return /* @__PURE__ */ n("div", {
+		ref: s,
+		...S,
+		className: E,
+		style: g,
+		role: "progressbar",
+		"aria-label": _ ?? "进度",
+		"aria-valuemin": 0,
+		"aria-valuemax": C,
+		...u ? {} : { "aria-valuenow": w },
+		children: [/* @__PURE__ */ t("div", {
+			className: "vl-progress__track",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ t("div", {
+				className: "vl-progress__fill",
+				style: D
+			})
+		}), O === null ? null : /* @__PURE__ */ t("span", {
+			className: "vl-progress__text",
+			children: O
+		})]
+	});
+});
+s.displayName = "VlProgress";
+//#endregion
+//#region components/Progress/index.ts
+var c = s, l = s;
+//#endregion
+export { c as n, l as t };

package/dist/Progress-DTAjlgwZ.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("react/jsx-runtime");var n=100,r=e=>typeof e==`number`&&Number.isFinite(e)&&e>0?e:n,i=(e,t)=>typeof e!=`number`||!Number.isFinite(e)?0:Math.min(t,Math.max(0,e)),a=(e,t)=>Number((e/t*100).toFixed(3)),o=(0,e.forwardRef)((e,o)=>{let{value:s=0,max:c=n,indeterminate:l=!1,status:u=`primary`,size:d=`md`,showText:f=!1,format:p,className:m,style:h,"aria-label":g,"aria-valuenow":_,"aria-valuemin":v,"aria-valuemax":y,role:b,...x}=e,S=r(c),C=i(s,S),w=a(C,S),T=[`vl-progress`,`size-${d}`,`is-${u}`,l?`is-indeterminate`:``,m||``].filter(Boolean).join(` `),E=l?void 0:{width:`${w}%`},D=f?p?p(C,S):`${w}%`:null;return(0,t.jsxs)(`div`,{ref:o,...x,className:T,style:h,role:`progressbar`,"aria-label":g??`进度`,"aria-valuemin":0,"aria-valuemax":S,...l?{}:{"aria-valuenow":C},children:[(0,t.jsx)(`div`,{className:`vl-progress__track`,"aria-hidden":`true`,children:(0,t.jsx)(`div`,{className:`vl-progress__fill`,style:E})}),D===null?null:(0,t.jsx)(`span`,{className:`vl-progress__text`,children:D})]})});o.displayName=`VlProgress`;var s=o,c=o;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/RadioGroup-BRcNi5Oc.js

@@ -0,0 +1,98 @@
+import { n as e, t } from "./state-oH-YwB7_.js";
+import { t as n } from "./id-CHixuHb7.js";
+import { createContext as r, forwardRef as i, useCallback as a, useContext as o, useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region components/Radio/context.ts
+var u = r(null), d = u.Provider, f = () => o(u), p = i((n, r) => {
+	let { checked: i, defaultChecked: a = !1, value: o, label: s, disabled: u, bordered: d, name: p, size: m, className: h, style: g, children: _, onChange: v, ...y } = n, b = f(), x = t(n, "checked"), [S, C] = e({
+		value: !!i,
+		defaultValue: a,
+		controlled: x
+	}), w = b !== null && o !== void 0, T = w ? Object.is(b.value, o) : S, E = u ?? b?.disabled ?? !1, D = d ?? b?.bordered ?? !1, O = p ?? (w ? b.name : void 0), k = m ?? b?.size ?? "md", A = [
+		"vl-radio",
+		k ? `size-${k}` : "",
+		E ? "is-disabled" : "",
+		D ? "is-bordered" : "",
+		T ? "is-checked" : "",
+		h || ""
+	].filter(Boolean).join(" "), j = s != null || _ != null;
+	return /* @__PURE__ */ l("label", {
+		className: A,
+		style: g,
+		children: [
+			/* @__PURE__ */ c("input", {
+				ref: r,
+				className: "vl-radio__input",
+				type: "radio",
+				name: O,
+				value: typeof o == "boolean" ? String(o) : o,
+				checked: T,
+				disabled: E,
+				"aria-checked": T ? "true" : "false",
+				onChange: () => {
+					if (!(E || T)) {
+						if (w) {
+							b.selectValue(o), v?.(o, !0);
+							return;
+						}
+						C(!0), v?.(o, !0);
+					}
+				},
+				...y
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "vl-radio__control",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ c("span", { className: "vl-radio__icon" })
+			}),
+			j ? /* @__PURE__ */ c("span", {
+				className: "vl-radio__label",
+				children: _ ?? s
+			}) : null
+		]
+	});
+});
+p.displayName = "VlRadio";
+//#endregion
+//#region components/Radio/RadioGroup.tsx
+var m = i((r, i) => {
+	let { value: o, defaultValue: l = null, disabled: u, bordered: f, name: p, size: m, children: h, className: g, onChange: _, ...v } = r, y = n("vl-radio-group"), b = t(r, "value"), [x, S] = e({
+		value: o ?? null,
+		defaultValue: l,
+		controlled: b,
+		onChange: (e) => {
+			e !== null && _?.(e);
+		}
+	}), C = a((e) => {
+		Object.is(x, e) || S(e);
+	}, [S, x]), w = s(() => ({
+		value: x,
+		disabled: u,
+		bordered: f,
+		name: p ?? y,
+		size: m,
+		selectValue: C
+	}), [
+		x,
+		u,
+		f,
+		p,
+		y,
+		m,
+		C
+	]), T = ["vl-radio-group", g || ""].filter(Boolean).join(" ");
+	return /* @__PURE__ */ c(d, {
+		value: w,
+		children: /* @__PURE__ */ c("div", {
+			ref: i,
+			className: T,
+			role: "radiogroup",
+			"aria-disabled": u || void 0,
+			...v,
+			children: h
+		})
+	});
+});
+m.displayName = "VlRadioGroup";
+//#endregion
+export { p as n, m as t };