@vavt/react-ui 1.0.0

package/dist/Form-CwgaAZWr.js

@@ -0,0 +1,323 @@
+import { t as e } from "./effect-nifYL_rH.js";
+import { t } from "./state-oH-YwB7_.js";
+import { t as n } from "./refs-D5IYOBaf.js";
+import { t as r } from "./id-CHixuHb7.js";
+import { n as i } from "./focus-BDDJyKk3.js";
+import { cloneElement as a, createContext as o, forwardRef as s, useCallback as c, useContext as l, useEffect as u, useImperativeHandle as d, useMemo as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region components/Form/context.ts
+var _ = o(null), v = _.Provider, y = () => l(_), b = ["blur", "submit"], x = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, S = (e) => e ? Array.isArray(e) ? e : [e] : b, C = (e) => e == null ? !0 : typeof e == "string" ? e.trim() === "" : Array.isArray(e) && e.length === 0, w = (e, t, n, r) => {
+	let i = t ?? e;
+	if (n.required && C(r)) return n.message ?? `请输入${i}`;
+	if (C(r)) return;
+	if (n.type && !(n.type === "array" ? Array.isArray(r) : n.type === "email" ? typeof r == "string" && x.test(r) : typeof r === n.type) || (n.pattern && (n.pattern.lastIndex = 0), n.pattern && (typeof r != "string" || !n.pattern.test(r)))) return n.message ?? `${i}格式不正确`;
+	let a = typeof r == "number" ? r : typeof r == "string" || Array.isArray(r) ? r.length : null;
+	if (n.len !== void 0 && a !== null && a !== n.len) return n.message ?? `${i}长度必须为 ${n.len}`;
+	if (n.min !== void 0 && a !== null && a < n.min) return n.message ?? `${i}不能小于 ${n.min}`;
+	if (n.max !== void 0 && a !== null && a > n.max) return n.message ?? `${i}不能大于 ${n.max}`;
+}, T = s((n, r) => {
+	let { values: a, defaultValues: o = {}, layout: s = "vertical", labelWidth: l, labelAlign: u = s === "horizontal" ? "right" : "left", validateTrigger: g, className: _, style: y, children: b, onValuesChange: x, onFinish: C, onFinishError: T, onFinishFailed: E, noValidate: D = !0, ...O } = n, k = t(n, "values"), [A, j] = m(o), M = f(() => k ? a ?? {} : A, [
+		k,
+		A,
+		a
+	]), N = p(M);
+	e(() => {
+		N.current = M;
+	}, [M]);
+	let [P, F] = m({}), I = p(P), [L, R] = m({}), [z, B] = m(!1), V = p(!1), H = p(null), U = p(/* @__PURE__ */ new Map()), W = p(/* @__PURE__ */ new Map()), G = f(() => S(g), [g]), K = c((e) => {
+		I.current = e, F(e);
+	}, []), q = c((e) => (U.current.set(e.name, e), () => {
+		if (U.current.get(e.name)?.token === e.token) {
+			if (U.current.delete(e.name), W.current.delete(e.name), Object.prototype.hasOwnProperty.call(I.current, e.name)) {
+				let t = { ...I.current };
+				delete t[e.name], K(t);
+			}
+			R((t) => {
+				if (!Object.prototype.hasOwnProperty.call(t, e.name)) return t;
+				let n = { ...t };
+				return delete n[e.name], n;
+			});
+		}
+	}), [K]), J = c((e, t) => {
+		let n = {
+			...N.current,
+			[e]: t
+		};
+		return N.current = n, k || j(n), x?.({ [e]: t }, n), n;
+	}, [k, x]), Y = c(async (e, t) => {
+		let n = U.current.get(e);
+		if (!n) return [];
+		let r = t ?? N.current, i = r[e], a = Symbol(e);
+		W.current.set(e, a), R((t) => ({
+			...t,
+			[e]: !0
+		}));
+		let o = [], { rules: s, label: c } = n.metaRef.current;
+		for (let t of s) {
+			let n = w(e, c, t, i);
+			if (n && o.push(n), t.validator) try {
+				let e = await t.validator(i, r);
+				e && o.push(t.message ?? e);
+			} catch (e) {
+				let n = e instanceof Error ? e.message : "校验失败";
+				o.push(t.message ?? n);
+			}
+		}
+		if (U.current.get(e)?.token !== n.token || W.current.get(e) !== a) return o;
+		let l = { ...I.current };
+		return o.length ? l[e] = o : delete l[e], K(l), R((t) => ({
+			...t,
+			[e]: !1
+		})), o;
+	}, [K]), X = c(async () => {
+		let e = N.current, t = [...U.current.values()], n = await Promise.all(t.map(async (t) => {
+			let n = Y(t.name, e);
+			return [
+				t,
+				W.current.get(t.name),
+				await n
+			];
+		})), r = { ...I.current };
+		return n.forEach(([e, t, n]) => {
+			U.current.get(e.name)?.token === e.token && W.current.get(e.name) === t && (n.length ? r[e.name] = n : delete r[e.name]);
+		}), K(r), {
+			valid: Object.keys(r).length === 0,
+			values: e,
+			errors: r
+		};
+	}, [K, Y]), Z = c(() => {
+		if (H.current) return H.current;
+		let e = (async () => {
+			V.current = !0, B(!0);
+			try {
+				let e = await X();
+				if (e.valid) try {
+					await C?.(e.values);
+				} catch (t) {
+					T?.(t, e.values);
+				}
+				else {
+					E?.(e.errors, e.values);
+					let t = [...U.current.keys()].find((t) => e.errors[t]);
+					t && i(U.current.get(t)?.metaRef.current.element ?? null);
+				}
+				return e;
+			} finally {
+				V.current = !1, B(!1);
+			}
+		})();
+		return H.current = e, e.then(() => {
+			H.current === e && (H.current = null);
+		}, () => {
+			H.current === e && (H.current = null);
+		}), e;
+	}, [
+		C,
+		T,
+		E,
+		X
+	]), Q = c((e) => {
+		let t = {
+			...N.current,
+			...e
+		};
+		N.current = t, k || j(t), x?.(e, t);
+	}, [k, x]), $ = c(() => {
+		let e = { ...o }, t = N.current;
+		N.current = e, k || j(e);
+		let n = /* @__PURE__ */ new Set([...Object.keys(t), ...Object.keys(e)]), r = Object.fromEntries([...n].filter((n) => !Object.is(t[n], e[n])).map((t) => [t, e[t]]));
+		Object.keys(r).length && x?.(r, e), K({}), W.current.clear(), R({});
+	}, [
+		K,
+		k,
+		o,
+		x
+	]);
+	d(r, () => ({
+		getValues: () => N.current,
+		setValues: Q,
+		reset: $,
+		validate: X,
+		submit: Z,
+		isSubmitting: () => V.current,
+		getErrors: () => I.current
+	}), [
+		$,
+		Q,
+		Z,
+		X
+	]);
+	let ee = f(() => ({
+		values: M,
+		errors: P,
+		validating: L,
+		defaultValidateTrigger: G,
+		registerField: q,
+		updateField: J,
+		validateField: Y
+	}), [
+		G,
+		P,
+		q,
+		J,
+		Y,
+		L,
+		M
+	]), te = {
+		...y,
+		...l === void 0 ? null : { "--vl-form-label-width": typeof l == "number" ? `${l}px` : l }
+	}, ne = [
+		"vl-form",
+		`vl-form--${s}`,
+		`vl-form--label-${u}`,
+		z ? "is-submitting" : "",
+		_ || ""
+	].filter(Boolean).join(" "), re = (e) => {
+		e.preventDefault(), Z();
+	}, ie = (e) => {
+		e.preventDefault(), $();
+	};
+	return /* @__PURE__ */ h(v, {
+		value: ee,
+		children: /* @__PURE__ */ h("form", {
+			...O,
+			className: ne,
+			style: te,
+			"aria-busy": z || void 0,
+			noValidate: D,
+			onSubmit: re,
+			onReset: ie,
+			children: b
+		})
+	});
+});
+T.displayName = "VlForm";
+//#endregion
+//#region components/Form/FormItem.tsx
+var E = [], D = [], O = [], k = (e, t) => e ? Array.isArray(e) ? e : [e] : t, A = (e, t) => {
+	if (e === "checked" && typeof t[1] == "boolean") return t[1];
+	let n = t[0];
+	if (n && typeof n == "object" && "target" in n) {
+		let t = n.target;
+		if (t) return e === "checked" ? t.checked : t.value;
+	}
+	return n;
+}, j = s((t, i) => {
+	let { name: o, label: s, required: c = !1, rules: l = E, help: d, valuePropName: _ = "value", trigger: v = "onChange", getValueFromEvent: b, validateTrigger: x, className: S, children: C, ...w } = t, T = y(), j = T?.registerField, M = C, N = M.props, P = r("vl-form-control", N.id), F = r("vl-form-label"), I = r("vl-form-help"), L = r("vl-form-error"), R = p(null), z = p(null), B = p(null), V = T?.defaultValidateTrigger ?? D, H = f(() => k(x, V), [V, x]), U = f(() => c && !l.some((e) => e.required) ? [{ required: !0 }, ...l] : l, [c, l]), W = c || U.some((e) => e.required), G = o ? T?.errors[o] ?? O : O, K = o ? !!T?.validating[o] : !1, q = H.includes("change") || G.length > 0, [J] = m(() => Symbol("form-field")), Y = p({
+		label: void 0,
+		rules: E,
+		element: null
+	});
+	e(() => {
+		Y.current.label = typeof s == "string" ? s : void 0, Y.current.rules = U;
+	}, [U, s]), u(() => {
+		if (!(!o || !j)) return j({
+			name: o,
+			token: J,
+			metaRef: Y
+		});
+	}, [
+		J,
+		o,
+		j
+	]), u(() => {
+		let e = z.current, t = B.current;
+		if (B.current = G, e) {
+			if (!G.length) {
+				e.classList.remove("is-shaking");
+				return;
+			}
+			t !== G && (e.classList.remove("is-shaking"), e.offsetWidth, e.classList.add("is-shaking"));
+		}
+	}, [G]);
+	let X = {
+		id: P,
+		"aria-describedby": [
+			N["aria-describedby"],
+			G.length ? L : void 0,
+			d === void 0 ? void 0 : I
+		].filter(Boolean).join(" ") || void 0,
+		"aria-labelledby": [N["aria-labelledby"], s === void 0 ? void 0 : F].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": G.length > 0 || void 0,
+		"aria-busy": K || void 0,
+		ref: (e) => {
+			R.current = e, Y.current.element = e, n(N.ref, e);
+		}
+	};
+	if (o && T) {
+		X[_] = T.values[o];
+		let e = N[v];
+		if (X[v] = (...t) => {
+			typeof e == "function" && e(...t);
+			let n = b ? b(...t) : A(_, t), r = T.updateField(o, n);
+			(q || v === "onBlur" && H.includes("blur")) && T.validateField(o, r);
+		}, v !== "onBlur") {
+			let e = N.onBlur;
+			X.onBlur = (t) => {
+				typeof e == "function" && e(t), H.includes("blur") && T.validateField(o);
+			};
+		}
+	}
+	let Z = [
+		"vl-form-item",
+		G.length ? "is-error" : "",
+		K ? "is-validating" : "",
+		W ? "is-required" : "",
+		S || ""
+	].filter(Boolean).join(" "), Q = K || G.length > 0;
+	return /* @__PURE__ */ g("div", {
+		...w,
+		ref: i,
+		className: Z,
+		children: [s === void 0 ? null : /* @__PURE__ */ g("label", {
+			id: F,
+			className: "vl-form-item__label",
+			htmlFor: P,
+			children: [W ? /* @__PURE__ */ h("span", {
+				className: "vl-form-item__required",
+				"aria-hidden": "true",
+				children: "*"
+			}) : null, s]
+		}), /* @__PURE__ */ g("div", {
+			className: "vl-form-item__control",
+			children: [/* @__PURE__ */ g("div", {
+				className: "vl-form-item__field",
+				children: [/* @__PURE__ */ h("div", {
+					ref: z,
+					className: "vl-form-item__control-input",
+					children: a(M, X)
+				}), /* @__PURE__ */ g("div", {
+					className: `vl-form-item__validation${Q ? "" : " is-empty"}`,
+					"aria-hidden": !Q || void 0,
+					children: [K ? /* @__PURE__ */ g("div", {
+						className: "vl-form-item__status",
+						role: "status",
+						"aria-label": "校验中",
+						children: [/* @__PURE__ */ h("span", {
+							className: "vl-form-item__spinner",
+							"aria-hidden": "true"
+						}), /* @__PURE__ */ h("span", { children: "校验中" })]
+					}) : null, G.length ? /* @__PURE__ */ h("div", {
+						id: L,
+						className: "vl-form-item__error",
+						role: "alert",
+						children: G.map((e) => /* @__PURE__ */ h("div", { children: e }, e))
+					}) : null]
+				})]
+			}), d === void 0 ? null : /* @__PURE__ */ h("div", {
+				className: "vl-form-item__feedback",
+				children: /* @__PURE__ */ h("div", {
+					id: I,
+					className: "vl-form-item__help",
+					children: d
+				})
+			})]
+		})]
+	});
+});
+j.displayName = "VlFormItem";
+//#endregion
+//#region components/Form/index.ts
+var M = Object.assign(T, { Item: j }), N = j;
+//#endregion
+export { N as n, M as t };

package/dist/Input-CIB_TY2n.js

@@ -0,0 +1,113 @@
+import { n as e } from "./icon-Cbvuv4yF.js";
+import { n as t, t as n } from "./state-oH-YwB7_.js";
+import { n as r } from "./refs-D5IYOBaf.js";
+import { t as i } from "./id-CHixuHb7.js";
+import { X as a } from "lucide-react";
+import { forwardRef as o, useMemo as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region components/Input/Input.tsx
+var f = o((o, f) => {
+	let { value: p, defaultValue: m = "", placeholder: h, disabled: g = !1, loading: _ = !1, size: v = "md", type: y = "text", clearable: b = !1, prefixIcon: x, suffixIcon: S, tips: C, prefix: w, suffix: T, id: E, "aria-describedby": D, className: O, style: k, onClear: A, onInput: j, onChange: M, onFocus: N, onBlur: P, onKeyDown: F, ...I } = o, L = c(null), R = s(() => r(L, f), [f]), [z, B] = l(!1), [V, H] = l(!1), U = n(o, "value"), [W, G] = t({
+		value: p == null ? "" : String(p),
+		defaultValue: m == null ? "" : String(m),
+		controlled: U,
+		onChange: M
+	}), K = i("vl-input", E), q = i("vl-input-tips"), J = [D, C ? q : void 0].filter(Boolean).join(" ") || void 0, Y = [
+		"vl-input-wrapper",
+		C ? "has-tips" : "",
+		O || ""
+	].filter(Boolean).join(" "), X = [
+		"vl-input",
+		v ? `size-${v}` : "",
+		g ? "is-disabled" : "",
+		_ ? "is-loading" : "",
+		z ? "is-focused" : ""
+	].filter(Boolean).join(" "), Z = s(() => b && !g && !_ && W !== "" && W != null && (z || V), [
+		b,
+		g,
+		_,
+		W,
+		z,
+		V
+	]), Q = (e) => {
+		j?.(e);
+	}, $ = (e) => {
+		let t = e.target;
+		G(t.value);
+	}, ee = (e) => {
+		B(!0), N?.(e);
+	}, te = (e) => {
+		B(!1), P?.(e);
+	}, ne = (e) => {
+		F?.(e);
+	}, re = () => {
+		G(""), A?.(), L.current?.focus();
+	};
+	return /* @__PURE__ */ d("div", {
+		className: Y,
+		style: k,
+		children: [/* @__PURE__ */ d("div", {
+			className: X,
+			onMouseEnter: () => H(!0),
+			onMouseLeave: () => H(!1),
+			children: [
+				w ? /* @__PURE__ */ u("div", {
+					className: "vl-input__prefix",
+					children: w
+				}) : null,
+				x ? /* @__PURE__ */ u("div", {
+					className: "vl-input__prefix-icon",
+					children: e(x)
+				}) : null,
+				/* @__PURE__ */ u("input", {
+					ref: R,
+					id: K,
+					className: "vl-input__inner",
+					type: y,
+					value: W,
+					placeholder: h,
+					disabled: g || _,
+					"aria-busy": _ || void 0,
+					"aria-describedby": J,
+					onInput: Q,
+					onChange: $,
+					onFocus: ee,
+					onBlur: te,
+					onKeyDown: ne,
+					...I
+				}),
+				b && !g && !_ ? /* @__PURE__ */ u("button", {
+					type: "button",
+					className: `vl-input__clear${Z ? " is-visible" : ""}`,
+					"aria-label": "清空输入",
+					"aria-hidden": !Z || void 0,
+					tabIndex: Z ? 0 : -1,
+					onClick: re,
+					onMouseDown: (e) => e.preventDefault(),
+					children: /* @__PURE__ */ u(a, {
+						size: 16,
+						"aria-hidden": "true"
+					})
+				}) : null,
+				S ? /* @__PURE__ */ u("div", {
+					className: "vl-input__suffix-icon",
+					children: e(S)
+				}) : null,
+				T ? /* @__PURE__ */ u("div", {
+					className: "vl-input__suffix",
+					children: T
+				}) : null
+			]
+		}), C ? /* @__PURE__ */ u("div", {
+			id: q,
+			className: "vl-input__tips",
+			children: C
+		}) : null]
+	});
+});
+f.displayName = "VlInput";
+//#endregion
+//#region components/Input/index.ts
+var p = f, m = f;
+//#endregion
+export { p as n, m as t };

package/dist/Input-CoDZggqc.cjs

@@ -0,0 +1 @@
+const e=require("./icon-DRLyKu8p.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./refs-DCqd87V8.cjs"),r=require("./id-CF0zOP1G.cjs");let i=require("lucide-react"),a=require("react"),o=require("react/jsx-runtime");var s=(0,a.forwardRef)((s,c)=>{let{value:l,defaultValue:u=``,placeholder:d,disabled:f=!1,loading:p=!1,size:m=`md`,type:h=`text`,clearable:g=!1,prefixIcon:_,suffixIcon:v,tips:y,prefix:b,suffix:x,id:S,"aria-describedby":C,className:w,style:T,onClear:E,onInput:D,onChange:O,onFocus:k,onBlur:A,onKeyDown:j,...M}=s,N=(0,a.useRef)(null),P=(0,a.useMemo)(()=>n.n(N,c),[c]),[F,I]=(0,a.useState)(!1),[L,R]=(0,a.useState)(!1),z=t.t(s,`value`),[B,V]=t.n({value:l==null?``:String(l),defaultValue:u==null?``:String(u),controlled:z,onChange:O}),H=r.t(`vl-input`,S),U=r.t(`vl-input-tips`),W=[C,y?U:void 0].filter(Boolean).join(` `)||void 0,G=[`vl-input-wrapper`,y?`has-tips`:``,w||``].filter(Boolean).join(` `),K=[`vl-input`,m?`size-${m}`:``,f?`is-disabled`:``,p?`is-loading`:``,F?`is-focused`:``].filter(Boolean).join(` `),q=(0,a.useMemo)(()=>g&&!f&&!p&&B!==``&&B!=null&&(F||L),[g,f,p,B,F,L]),J=e=>{D?.(e)},Y=e=>{let t=e.target;V(t.value)},X=e=>{I(!0),k?.(e)},Z=e=>{I(!1),A?.(e)},Q=e=>{j?.(e)},$=()=>{V(``),E?.(),N.current?.focus()};return(0,o.jsxs)(`div`,{className:G,style:T,children:[(0,o.jsxs)(`div`,{className:K,onMouseEnter:()=>R(!0),onMouseLeave:()=>R(!1),children:[b?(0,o.jsx)(`div`,{className:`vl-input__prefix`,children:b}):null,_?(0,o.jsx)(`div`,{className:`vl-input__prefix-icon`,children:e.n(_)}):null,(0,o.jsx)(`input`,{ref:P,id:H,className:`vl-input__inner`,type:h,value:B,placeholder:d,disabled:f||p,"aria-busy":p||void 0,"aria-describedby":W,onInput:J,onChange:Y,onFocus:X,onBlur:Z,onKeyDown:Q,...M}),g&&!f&&!p?(0,o.jsx)(`button`,{type:`button`,className:`vl-input__clear${q?` is-visible`:``}`,"aria-label":`清空输入`,"aria-hidden":!q||void 0,tabIndex:q?0:-1,onClick:$,onMouseDown:e=>e.preventDefault(),children:(0,o.jsx)(i.X,{size:16,"aria-hidden":`true`})}):null,v?(0,o.jsx)(`div`,{className:`vl-input__suffix-icon`,children:e.n(v)}):null,x?(0,o.jsx)(`div`,{className:`vl-input__suffix`,children:x}):null]}),y?(0,o.jsx)(`div`,{id:U,className:`vl-input__tips`,children:y}):null]})});s.displayName=`VlInput`;var c=s,l=s;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return l}});

package/dist/Loading-C2pY-4fA.cjs

@@ -0,0 +1 @@
+const e=require("./client-BkoqeUs3.cjs"),t=require("./Transition-X_89ga-e.cjs");let n=require("react"),r=require("react/jsx-runtime"),i=require("react-dom");var a=(0,n.forwardRef)((n,a)=>{let{visible:o=!1,text:s,spinner:c,background:l,fullscreen:u=!1,className:d,style:f,role:p=`status`,"aria-label":m,"aria-live":h=`polite`,...g}=n,_=e.t(),v=[`vl-loading-mask`,u?`vl-loading-fullscreen`:``,d||``].filter(Boolean).join(` `),y={...l?{backgroundColor:l}:{},...f},b=(0,r.jsx)(t.t,{show:o,name:`vl-loading-fade`,deferEffects:!_,children:(0,r.jsxs)(`div`,{ref:a,className:v,style:y,role:p,"aria-label":m??(s?void 0:`加载中`),"aria-live":h,"aria-busy":`true`,...g,children:[(0,r.jsx)(`div`,{className:`vl-loading-spinner`,"aria-hidden":`true`,children:c??(0,r.jsx)(`div`,{className:`vl-loading-spinner-icon`})}),s?(0,r.jsx)(`div`,{className:`vl-loading-text`,children:s}):null]})});return u&&_?(0,i.createPortal)(b,document.body):b});a.displayName=`VlLoading`;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/Loading-CL0wUgYK.js

@@ -0,0 +1,45 @@
+import { t as e } from "./client-pj_wzx28.js";
+import { t } from "./Transition-DiO4GsP3.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { createPortal as a } from "react-dom";
+//#region components/Loading/Loading.tsx
+var o = n((n, o) => {
+	let { visible: s = !1, text: c, spinner: l, background: u, fullscreen: d = !1, className: f, style: p, role: m = "status", "aria-label": h, "aria-live": g = "polite", ..._ } = n, v = e(), y = [
+		"vl-loading-mask",
+		d ? "vl-loading-fullscreen" : "",
+		f || ""
+	].filter(Boolean).join(" "), b = {
+		...u ? { backgroundColor: u } : {},
+		...p
+	}, x = /* @__PURE__ */ r(t, {
+		show: s,
+		name: "vl-loading-fade",
+		deferEffects: !v,
+		children: /* @__PURE__ */ i("div", {
+			ref: o,
+			className: y,
+			style: b,
+			role: m,
+			"aria-label": h ?? (c ? void 0 : "加载中"),
+			"aria-live": g,
+			"aria-busy": "true",
+			..._,
+			children: [/* @__PURE__ */ r("div", {
+				className: "vl-loading-spinner",
+				"aria-hidden": "true",
+				children: l ?? /* @__PURE__ */ r("div", { className: "vl-loading-spinner-icon" })
+			}), c ? /* @__PURE__ */ r("div", {
+				className: "vl-loading-text",
+				children: c
+			}) : null]
+		})
+	});
+	return d && v ? a(x, document.body) : x;
+});
+o.displayName = "VlLoading";
+//#endregion
+//#region components/Loading/index.ts
+var s = o, c = o;
+//#endregion
+export { s as n, c as t };

package/dist/MessageBox-CrIifoig.js

@@ -0,0 +1,141 @@
+import { n as e, t } from "./state-oH-YwB7_.js";
+import { t as n } from "./Button-CwkWSWau.js";
+import { t as r } from "./focus-BDDJyKk3.js";
+import { t as i } from "./Modal-B_VqN16m.js";
+import { CircleAlert as a, CircleCheck as o, CircleX as s, Info as c, X as l } from "lucide-react";
+import { forwardRef as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createRoot as h } from "react-dom/client";
+//#region components/MessageBox/MessageBox.tsx
+var g = {
+	info: c,
+	success: o,
+	warning: a,
+	error: s
+}, _ = {
+	info: "primary",
+	success: "success",
+	warning: "warning",
+	error: "error"
+}, v = { [r]: !0 }, y = (e) => (typeof e == "object" || typeof e == "function") && e !== null && "then" in e && typeof e.then == "function", b = u((r, a) => {
+	let { open: o, defaultOpen: s = !1, title: c = "提示", type: u = "info", showCancelButton: h = !1, confirmButtonText: b = "确定", confirmButtonLoadingText: x, cancelButtonText: S = "取消", width: C = 420, closeOnClickOverlay: w = !1, closeOnPressEscape: T = !0, showClose: E = !0, draggable: D = !1, className: O, children: k, onChange: A, onConfirm: j, onCancel: M, onClose: N, onConfirmError: P, ...F } = r, I = t(r, "open"), [L, R] = e({
+		value: !!o,
+		defaultValue: s,
+		controlled: I,
+		onChange: A
+	}), [z, B] = f(!1), V = d(!1), H = (e) => {
+		V.current || (e === "cancel" ? M?.() : N?.(), R(!1));
+	}, U = async () => {
+		if (!V.current) try {
+			let e = j?.();
+			y(e) && (V.current = !0, B(!0), await e), R(!1);
+		} catch (e) {
+			P?.(e);
+		} finally {
+			V.current = !1, B(!1);
+		}
+	}, W = g[u], G = [
+		"vl-message-box",
+		`is-${u}`,
+		O || ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ p(i, {
+		...F,
+		ref: a,
+		open: L,
+		title: c,
+		width: C,
+		draggable: D,
+		closeOnClickOverlay: !z && w,
+		closeOnPressEscape: !z && T,
+		showClose: !1,
+		className: G,
+		header: /* @__PURE__ */ m("div", {
+			className: "vl-message-box__header",
+			children: [/* @__PURE__ */ p("div", {
+				className: "vl-message-box__title",
+				children: c
+			}), E ? /* @__PURE__ */ p("button", {
+				type: "button",
+				className: "vl-modal__close",
+				"aria-label": "关闭消息框",
+				disabled: z,
+				onClick: () => H("close"),
+				children: /* @__PURE__ */ p(l, {
+					size: 20,
+					"aria-hidden": "true"
+				})
+			}) : null]
+		}),
+		footer: /* @__PURE__ */ m("div", {
+			className: "vl-message-box__actions",
+			children: [h ? /* @__PURE__ */ p(n, {
+				disabled: z,
+				onClick: () => H("cancel"),
+				children: S
+			}) : null, /* @__PURE__ */ p(n, {
+				...v,
+				status: _[u],
+				variant: "solid",
+				loading: z,
+				loadingText: x,
+				onClick: U,
+				children: b
+			})]
+		}),
+		onChange: (e) => {
+			e || H("close");
+		},
+		children: /* @__PURE__ */ m("div", {
+			className: "vl-message-box__content",
+			children: [/* @__PURE__ */ p(W, {
+				className: "vl-message-box__icon",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ p("div", {
+				className: "vl-message-box__message",
+				children: k
+			})]
+		})
+	});
+});
+b.displayName = "VlMessageBox";
+//#endregion
+//#region components/MessageBox/service.tsx
+var x = (e, t = {}, n) => typeof document > "u" ? Promise.reject(/* @__PURE__ */ Error("VlMessageBox imperative APIs are only available in a browser environment.")) : new Promise((r, i) => {
+	let a = document.createElement("div");
+	a.className = "vl-message-box-container", document.body.appendChild(a);
+	let o = h(a);
+	o.render(/* @__PURE__ */ p(() => {
+		let [s, c] = f(!0);
+		return /* @__PURE__ */ p(b, {
+			...t,
+			open: s,
+			showCancelButton: n,
+			onChange: c,
+			onConfirm: async () => {
+				await t.onConfirm?.(), r("confirm");
+			},
+			onCancel: () => {
+				t.onCancel?.(), i("cancel");
+			},
+			onClose: () => {
+				t.onClose?.(), i("close");
+			},
+			onAfterClose: () => {
+				try {
+					t.onAfterClose?.();
+				} finally {
+					queueMicrotask(() => {
+						o.unmount(), a.remove();
+					});
+				}
+			},
+			children: e
+		});
+	}, {}));
+}), S = Object.assign(b, {
+	alert: (e, t) => x(e, t, !1),
+	confirm: (e, t) => x(e, t, !0)
+});
+//#endregion
+export { S as t };

package/dist/MessageBox-Ddn-R2MS.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs"),t=require("./Button-qURrKHQ0.cjs"),n=require("./focus-D-h8CbGr.cjs"),r=require("./Modal-Dm48HmGu.cjs");let i=require("lucide-react"),a=require("react"),o=require("react/jsx-runtime"),s=require("react-dom/client");var c={info:i.Info,success:i.CircleCheck,warning:i.CircleAlert,error:i.CircleX},l={info:`primary`,success:`success`,warning:`warning`,error:`error`},u={[n.t]:!0},d=e=>(typeof e==`object`||typeof e==`function`)&&e!==null&&`then`in e&&typeof e.then==`function`,f=(0,a.forwardRef)((n,s)=>{let{open:f,defaultOpen:p=!1,title:m=`提示`,type:h=`info`,showCancelButton:g=!1,confirmButtonText:_=`确定`,confirmButtonLoadingText:v,cancelButtonText:y=`取消`,width:b=420,closeOnClickOverlay:x=!1,closeOnPressEscape:S=!0,showClose:C=!0,draggable:w=!1,className:T,children:E,onChange:D,onConfirm:O,onCancel:k,onClose:A,onConfirmError:j,...M}=n,N=e.t(n,`open`),[P,F]=e.n({value:!!f,defaultValue:p,controlled:N,onChange:D}),[I,L]=(0,a.useState)(!1),R=(0,a.useRef)(!1),z=e=>{R.current||(e===`cancel`?k?.():A?.(),F(!1))},B=async()=>{if(!R.current)try{let e=O?.();d(e)&&(R.current=!0,L(!0),await e),F(!1)}catch(e){j?.(e)}finally{R.current=!1,L(!1)}},V=c[h],H=[`vl-message-box`,`is-${h}`,T||``].filter(Boolean).join(` `);return(0,o.jsx)(r.t,{...M,ref:s,open:P,title:m,width:b,draggable:w,closeOnClickOverlay:!I&&x,closeOnPressEscape:!I&&S,showClose:!1,className:H,header:(0,o.jsxs)(`div`,{className:`vl-message-box__header`,children:[(0,o.jsx)(`div`,{className:`vl-message-box__title`,children:m}),C?(0,o.jsx)(`button`,{type:`button`,className:`vl-modal__close`,"aria-label":`关闭消息框`,disabled:I,onClick:()=>z(`close`),children:(0,o.jsx)(i.X,{size:20,"aria-hidden":`true`})}):null]}),footer:(0,o.jsxs)(`div`,{className:`vl-message-box__actions`,children:[g?(0,o.jsx)(t.t,{disabled:I,onClick:()=>z(`cancel`),children:y}):null,(0,o.jsx)(t.t,{...u,status:l[h],variant:`solid`,loading:I,loadingText:v,onClick:B,children:_})]}),onChange:e=>{e||z(`close`)},children:(0,o.jsxs)(`div`,{className:`vl-message-box__content`,children:[(0,o.jsx)(V,{className:`vl-message-box__icon`,"aria-hidden":`true`}),(0,o.jsx)(`div`,{className:`vl-message-box__message`,children:E})]})})});f.displayName=`VlMessageBox`;var p=(e,t={},n)=>typeof document>`u`?Promise.reject(Error(`VlMessageBox imperative APIs are only available in a browser environment.`)):new Promise((r,i)=>{let c=document.createElement(`div`);c.className=`vl-message-box-container`,document.body.appendChild(c);let l=(0,s.createRoot)(c);l.render((0,o.jsx)(()=>{let[s,u]=(0,a.useState)(!0);return(0,o.jsx)(f,{...t,open:s,showCancelButton:n,onChange:u,onConfirm:async()=>{await t.onConfirm?.(),r(`confirm`)},onCancel:()=>{t.onCancel?.(),i(`cancel`)},onClose:()=>{t.onClose?.(),i(`close`)},onAfterClose:()=>{try{t.onAfterClose?.()}finally{queueMicrotask(()=>{l.unmount(),c.remove()})}},children:e})},{}))}),m=Object.assign(f,{alert:(e,t)=>p(e,t,!1),confirm:(e,t)=>p(e,t,!0)});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});