@vavt/react-ui 1.0.0

package/dist/DatePicker-DAxv2h-d.cjs

@@ -0,0 +1 @@
+const e=require("./date-picker-DyGLrw5H.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)((t,r)=>(0,n.jsx)(e.t,{...t,ref:r,componentName:`date-picker`}));r.displayName=`VlDatePicker`;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/DatePicker-M-MwejjV.js

@@ -0,0 +1,15 @@
+import { t as e } from "./date-picker-DkRwNu2m.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region components/DatePicker/DatePicker.tsx
+var r = t((t, r) => /* @__PURE__ */ n(e, {
+	...t,
+	ref: r,
+	componentName: "date-picker"
+}));
+r.displayName = "VlDatePicker";
+//#endregion
+//#region components/DatePicker/index.ts
+var i = r, a = r;
+//#endregion
+export { i as n, a as t };

package/dist/DateTimePicker-B3C3v99L.cjs

@@ -0,0 +1 @@
+const e=require("./date-picker-DyGLrw5H.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)((t,r)=>(0,n.jsx)(e.t,{...t,ref:r,componentName:`date-time-picker`,withTime:!0}));r.displayName=`VlDateTimePicker`;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/DateTimePicker-BcT3FtN-.js

@@ -0,0 +1,16 @@
+import { t as e } from "./date-picker-DkRwNu2m.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region components/DateTimePicker/DateTimePicker.tsx
+var r = t((t, r) => /* @__PURE__ */ n(e, {
+	...t,
+	ref: r,
+	componentName: "date-time-picker",
+	withTime: !0
+}));
+r.displayName = "VlDateTimePicker";
+//#endregion
+//#region components/DateTimePicker/index.ts
+var i = r, a = r;
+//#endregion
+export { i as n, a as t };

package/dist/Divider-BfvQ6BVP.cjs

@@ -0,0 +1 @@
+let e=require("react"),t=require("react/jsx-runtime");var n=(0,e.forwardRef)((e,n)=>{let{direction:r=`horizontal`,contentPosition:i=`center`,dashed:a=!1,inset:o=!1,className:s,children:c,...l}=e,u=c!=null&&c!==!1,d=[`vl-divider`,`is-${r}`,a?`is-dashed`:``,o?`is-inset`:``,u&&r===`horizontal`?`content-${i}`:``,u?``:`is-empty`,s||``].filter(Boolean).join(` `);return(0,t.jsx)(`div`,{ref:n,className:d,role:`separator`,"aria-orientation":r===`vertical`?`vertical`:`horizontal`,...l,children:r===`horizontal`?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(`span`,{className:`vl-divider__line`,"aria-hidden":`true`}),u?(0,t.jsx)(`span`,{className:`vl-divider__content`,children:c}):null,(0,t.jsx)(`span`,{className:`vl-divider__line`,"aria-hidden":`true`})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(`span`,{className:`vl-divider__vertical`,"aria-hidden":`true`}),u?(0,t.jsx)(`span`,{className:`vl-divider__content`,children:c}):null]})})});n.displayName=`VlDivider`;var r=n,i=n;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return i}});

package/dist/Divider-vyftxh3F.js

@@ -0,0 +1,47 @@
+import { forwardRef as e } from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region components/Divider/Divider.tsx
+var i = e((e, i) => {
+	let { direction: a = "horizontal", contentPosition: o = "center", dashed: s = !1, inset: c = !1, className: l, children: u, ...d } = e, f = u != null && u !== !1, p = [
+		"vl-divider",
+		`is-${a}`,
+		s ? "is-dashed" : "",
+		c ? "is-inset" : "",
+		f && a === "horizontal" ? `content-${o}` : "",
+		f ? "" : "is-empty",
+		l || ""
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ n("div", {
+		ref: i,
+		className: p,
+		role: "separator",
+		"aria-orientation": a === "vertical" ? "vertical" : "horizontal",
+		...d,
+		children: a === "horizontal" ? /* @__PURE__ */ r(t, { children: [
+			/* @__PURE__ */ n("span", {
+				className: "vl-divider__line",
+				"aria-hidden": "true"
+			}),
+			f ? /* @__PURE__ */ n("span", {
+				className: "vl-divider__content",
+				children: u
+			}) : null,
+			/* @__PURE__ */ n("span", {
+				className: "vl-divider__line",
+				"aria-hidden": "true"
+			})
+		] }) : /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n("span", {
+			className: "vl-divider__vertical",
+			"aria-hidden": "true"
+		}), f ? /* @__PURE__ */ n("span", {
+			className: "vl-divider__content",
+			children: u
+		}) : null] })
+	});
+});
+i.displayName = "VlDivider";
+//#endregion
+//#region components/Divider/index.ts
+var a = i, o = i;
+//#endregion
+export { a as n, o as t };

package/dist/Drawer-D28QbyA3.js

@@ -0,0 +1,103 @@
+import { n as e, t } from "./state-oH-YwB7_.js";
+import { t as n } from "./client-pj_wzx28.js";
+import { n as ee } from "./refs-D5IYOBaf.js";
+import { n as r } from "./number-BN2jHM6Z.js";
+import { t as i } from "./id-CHixuHb7.js";
+import { r as a, t as o } from "./dialog-shell-DehX3PNh.js";
+import { X as s } from "lucide-react";
+import { forwardRef as c, useCallback as l, useEffect as te, useMemo as u, useRef as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+//#region components/Drawer/Drawer.tsx
+var m = c((c, m) => {
+	let { open: h, defaultOpen: g = !1, title: _, header: v, footer: y, placement: b = "right", width: x = 360, height: S = 320, mask: C = !0, closeOnClickOverlay: w = !0, closeOnPressEscape: T = !0, showClose: E = !0, lockScroll: ne = !0, destroyOnClose: D = !1, zIndex: O, className: k, style: A, children: j, onClick: M, onChange: N, onOpen: P, onClose: F, "aria-label": I, "aria-labelledby": L, "aria-describedby": R, ...z } = c, B = n(), V = d(null), H = u(() => ee(V, m), [m]), U = d(!1), W = t(c, "open"), [G, K] = e({
+		value: !!h,
+		defaultValue: g,
+		controlled: W,
+		onChange: N
+	}), q = l(() => K(!1), [K]), { isTopLayer: J } = a({
+		active: B && G,
+		containerRef: V,
+		closeOnPressEscape: T,
+		lockScroll: ne,
+		onRequestClose: q
+	}), Y = i("vl-drawer-title");
+	te(() => {
+		let e = U.current;
+		G && !e ? P?.() : !G && e && F?.(), U.current = G;
+	}, [
+		G,
+		P,
+		F
+	]);
+	let X = () => {
+		w && J() && q();
+	}, re = (e) => {
+		e.stopPropagation(), M?.(e);
+	}, ie = [
+		"vl-drawer",
+		`is-${b}`,
+		k || ""
+	].filter(Boolean).join(" "), Z = { ...A };
+	O !== void 0 && (Z.zIndex = O), b === "left" || b === "right" ? (Z.width = r(x) ?? "360px", Z.height = "100vh") : (Z.height = r(S) ?? "320px", Z.width = "100vw");
+	let Q = v ?? (_ ? /* @__PURE__ */ f("div", {
+		id: Y,
+		className: "vl-drawer__title",
+		children: _
+	}) : null), $ = L ?? (!v && _ ? Y : void 0), ae = I ?? ($ ? void 0 : typeof _ == "string" ? _ : "抽屉");
+	return /* @__PURE__ */ p(o, {
+		clientReady: B,
+		open: G,
+		mask: C,
+		destroyOnClose: D,
+		maskUnmountOnExit: D,
+		maskTransitionName: "vl-drawer-mask",
+		transitionName: `vl-drawer-${b}`,
+		maskClassName: "vl-drawer__mask",
+		panelClassName: ie,
+		panelStyle: Z,
+		maskStyle: O === void 0 ? void 0 : { zIndex: O - 1 },
+		panelRef: H,
+		role: "dialog",
+		ariaLabel: ae,
+		ariaLabelledBy: $,
+		ariaDescribedBy: R,
+		onMaskClick: X,
+		onPanelClick: re,
+		panelProps: z,
+		children: [
+			Q || E ? /* @__PURE__ */ f("div", {
+				className: "vl-drawer__header",
+				children: /* @__PURE__ */ p("div", {
+					className: "vl-drawer__headerInner",
+					children: [/* @__PURE__ */ f("div", {
+						className: "vl-drawer__headerMain",
+						children: Q
+					}), E ? /* @__PURE__ */ f("button", {
+						type: "button",
+						className: "vl-drawer__close",
+						"aria-label": "关闭抽屉",
+						onClick: q,
+						children: /* @__PURE__ */ f(s, {
+							size: 20,
+							"aria-hidden": "true"
+						})
+					}) : null]
+				})
+			}) : null,
+			/* @__PURE__ */ f("div", {
+				className: "vl-drawer__body",
+				children: j
+			}),
+			y ? /* @__PURE__ */ f("div", {
+				className: "vl-drawer__footer",
+				children: y
+			}) : null
+		]
+	});
+});
+m.displayName = "VlDrawer";
+//#endregion
+//#region components/Drawer/index.ts
+var h = m, g = m;
+//#endregion
+export { h as n, g as t };

package/dist/Drawer-OmMfdgKN.cjs

@@ -0,0 +1 @@
+const e=require("./state-ZBA75xZ_.cjs"),t=require("./client-BkoqeUs3.cjs"),n=require("./refs-DCqd87V8.cjs"),r=require("./number-B7qJF_ZY.cjs"),i=require("./id-CF0zOP1G.cjs"),a=require("./dialog-shell-DT1EoKQG.cjs");let o=require("lucide-react"),s=require("react"),c=require("react/jsx-runtime");var l=(0,s.forwardRef)((l,u)=>{let{open:d,defaultOpen:f=!1,title:p,header:m,footer:h,placement:g=`right`,width:_=360,height:v=320,mask:y=!0,closeOnClickOverlay:b=!0,closeOnPressEscape:x=!0,showClose:S=!0,lockScroll:C=!0,destroyOnClose:w=!1,zIndex:T,className:E,style:D,children:O,onClick:k,onChange:A,onOpen:j,onClose:M,"aria-label":N,"aria-labelledby":P,"aria-describedby":F,...I}=l,L=t.t(),R=(0,s.useRef)(null),z=(0,s.useMemo)(()=>n.n(R,u),[u]),B=(0,s.useRef)(!1),V=e.t(l,`open`),[H,U]=e.n({value:!!d,defaultValue:f,controlled:V,onChange:A}),W=(0,s.useCallback)(()=>U(!1),[U]),{isTopLayer:G}=a.r({active:L&&H,containerRef:R,closeOnPressEscape:x,lockScroll:C,onRequestClose:W}),K=i.t(`vl-drawer-title`);(0,s.useEffect)(()=>{let e=B.current;H&&!e?j?.():!H&&e&&M?.(),B.current=H},[H,j,M]);let q=()=>{b&&G()&&W()},J=e=>{e.stopPropagation(),k?.(e)},Y=[`vl-drawer`,`is-${g}`,E||``].filter(Boolean).join(` `),X={...D};T!==void 0&&(X.zIndex=T),g===`left`||g===`right`?(X.width=r.n(_)??`360px`,X.height=`100vh`):(X.height=r.n(v)??`320px`,X.width=`100vw`);let Z=m??(p?(0,c.jsx)(`div`,{id:K,className:`vl-drawer__title`,children:p}):null),Q=P??(!m&&p?K:void 0),$=N??(Q?void 0:typeof p==`string`?p:`抽屉`);return(0,c.jsxs)(a.t,{clientReady:L,open:H,mask:y,destroyOnClose:w,maskUnmountOnExit:w,maskTransitionName:`vl-drawer-mask`,transitionName:`vl-drawer-${g}`,maskClassName:`vl-drawer__mask`,panelClassName:Y,panelStyle:X,maskStyle:T===void 0?void 0:{zIndex:T-1},panelRef:z,role:`dialog`,ariaLabel:$,ariaLabelledBy:Q,ariaDescribedBy:F,onMaskClick:q,onPanelClick:J,panelProps:I,children:[Z||S?(0,c.jsx)(`div`,{className:`vl-drawer__header`,children:(0,c.jsxs)(`div`,{className:`vl-drawer__headerInner`,children:[(0,c.jsx)(`div`,{className:`vl-drawer__headerMain`,children:Z}),S?(0,c.jsx)(`button`,{type:`button`,className:`vl-drawer__close`,"aria-label":`关闭抽屉`,onClick:W,children:(0,c.jsx)(o.X,{size:20,"aria-hidden":`true`})}):null]})}):null,(0,c.jsx)(`div`,{className:`vl-drawer__body`,children:O}),h?(0,c.jsx)(`div`,{className:`vl-drawer__footer`,children:h}):null]})});l.displayName=`VlDrawer`;var u=l,d=l;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/dist/Dropdown-CYx6RxVv.js

@@ -0,0 +1,311 @@
+import { t as e } from "./icon-Cbvuv4yF.js";
+import { t } from "./effect-nifYL_rH.js";
+import { n, t as r } from "./state-oH-YwB7_.js";
+import { t as ee } from "./client-pj_wzx28.js";
+import { n as te } from "./refs-D5IYOBaf.js";
+import { r as ne, t as re } from "./floating-DBAmeQIq.js";
+import { t as ie } from "./id-CHixuHb7.js";
+import { t as ae } from "./Transition-DiO4GsP3.js";
+import { i as oe } from "./focus-BDDJyKk3.js";
+import { Fragment as se, cloneElement as ce, forwardRef as i, isValidElement as le, useCallback as a, useEffect as ue, useMemo as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as de } from "react/jsx-runtime";
+import { createPortal as fe } from "react-dom";
+//#region components/Dropdown/Dropdown.tsx
+var pe = [], u = (e) => !!(e && !e.disabled && !e.divider), d = i((i, d) => {
+	let { open: f, defaultOpen: me = !1, disabled: p = !1, placement: m = "bottom-start", offset: h = 8, closeOnContentClick: g = !0, trigger: _ = "hover", options: v = pe, closeOnOutsideClick: he = !0, triggerContent: y, menuLabel: ge = "菜单", className: b, style: x, children: _e, onChange: ve, onOpen: S, onClose: ye, onSelect: be, onCommand: xe, "aria-label": Se, "aria-labelledby": Ce, ...we } = i, Te = s(null), C = s(null), w = s(null), T = s([]), E = s(null), D = s(null), O = s(null), k = s(null), Ee = o(() => te(Te, d), [d]), A = ee(), De = r(i, "open"), [j, M] = n({
+		value: !!f,
+		defaultValue: me,
+		controlled: De,
+		onChange: ve
+	}), N = j && !p, [P, Oe] = c(-1), [ke, F] = c({}), [Ae, I] = c(m), [L, R] = c(!1), [z, B] = c(N), [je, V] = c(!1), H = ie("vl-dropdown-menu"), Me = a((e) => `${H}-option-${e}`, [H]), U = o(() => v.flatMap((e, t) => u(e) ? [t] : []), [v]), Ne = U.length > 0, Pe = v.some((e) => !e.divider), W = U.includes(P) ? P : U[0] ?? -1, Fe = o(() => [
+		"vl-dropdown",
+		N ? "is-open" : "",
+		p ? "is-disabled" : "",
+		b || ""
+	].filter(Boolean).join(" "), [
+		N,
+		p,
+		b
+	]), Ie = o(() => ({
+		"--vl-dropdown-offset": `${h}px`,
+		...x
+	}), [h, x]), G = a(() => {
+		let e = E.current;
+		if (e && e.isConnected) {
+			e.focus();
+			return;
+		}
+		(C.current?.querySelector(oe))?.focus();
+	}, []), K = a(() => {
+		let e = document.activeElement;
+		if (e && C.current?.contains(e)) {
+			E.current = e;
+			return;
+		}
+		E.current = C.current?.querySelector("button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex=\"-1\"])") ?? null;
+	}, []), q = a((e, t = !1) => {
+		if (!(e && p)) {
+			if (j === e) {
+				t && G();
+				return;
+			}
+			e && (K(), R(!1), F({}), I(m)), M(e), e ? S?.() : (ye?.(), t && window.requestAnimationFrame(G));
+		}
+	}, [
+		p,
+		j,
+		m,
+		G,
+		K,
+		M,
+		S,
+		ye
+	]), J = a(() => {
+		O.current !== null && (window.clearTimeout(O.current), O.current = null);
+	}, []), Y = a(() => {
+		J(), O.current = window.setTimeout(() => {
+			let e = document.activeElement;
+			e && (C.current?.contains(e) || w.current?.contains(e)) || q(!1);
+		}, 160);
+	}, [J, q]), X = a((e) => {
+		u(v[e]) && (Oe(e), T.current[e]?.focus());
+	}, [v]), Z = a(() => {
+		let e = U[0];
+		e !== void 0 && X(e);
+	}, [U, X]), Q = a(() => {
+		let e = U.at(-1);
+		e !== void 0 && X(e);
+	}, [U, X]), Le = a((e) => {
+		if (!U.length) return;
+		let t = U.indexOf(P), n = t < 0 ? e > 0 ? 0 : U.length - 1 : (t + e + U.length) % U.length;
+		X(U[n]);
+	}, [
+		U,
+		P,
+		X
+	]), $ = a(() => {
+		if (!N) return;
+		let e = w.current;
+		if (!e) return;
+		let t = D.current, n = t ? {
+			left: t.x,
+			right: t.x,
+			top: t.y,
+			bottom: t.y,
+			width: 0,
+			height: 0
+		} : C.current?.getBoundingClientRect();
+		if (!n) return;
+		let r = re({
+			anchorRect: n,
+			floatingRect: e.getBoundingClientRect(),
+			placement: m,
+			offset: h
+		});
+		I(r.placement), F({
+			left: `${Math.round(r.x)}px`,
+			top: `${Math.round(r.y)}px`
+		}), R(!0);
+	}, [
+		N,
+		m,
+		h
+	]), Re = (e) => {
+		p || _ !== "click" || (e.stopPropagation(), D.current = null, q(!N));
+	}, ze = () => {
+		p || _ !== "hover" || (D.current = null, J(), q(!0));
+	}, Be = () => {
+		p || _ !== "hover" || Y();
+	}, Ve = () => {
+		p || _ !== "hover" || (D.current = null, J(), q(!0));
+	}, He = (e) => {
+		e.currentTarget.contains(e.relatedTarget) || _ === "hover" && Y();
+	}, Ue = (e) => {
+		p || _ !== "context-menu" || (e.preventDefault(), e.stopPropagation(), D.current = {
+			x: e.clientX,
+			y: e.clientY
+		}, q(!0));
+	}, We = () => {
+		_ === "hover" && J();
+	}, Ge = () => {
+		_ === "hover" && Y();
+	}, Ke = () => J(), qe = (e) => {
+		u(e) && (e.onClick?.(e), be?.(e), xe?.(e.value, e), g && q(!1, !0));
+	}, Je = () => {
+		v.length || !g || q(!1, !0);
+	}, Ye = (e) => {
+		if (!p) {
+			if (D.current = null, e.key === "Escape" && N) {
+				e.preventDefault(), q(!1, !0);
+				return;
+			}
+			e.key === "ArrowDown" || e.key === "Enter" || e.key === " " ? (e.preventDefault(), K(), N ? Z() : (k.current = "first", q(!0))) : e.key === "ArrowUp" && (e.preventDefault(), K(), N ? Q() : (k.current = "last", q(!0)));
+		}
+	}, Xe = (e) => {
+		if (N) {
+			if (e.key === "Escape") {
+				e.preventDefault(), q(!1, !0);
+				return;
+			}
+			if (e.key === "Tab") {
+				q(!1);
+				return;
+			}
+			if (Ne) {
+				if (e.key === "ArrowDown") e.preventDefault(), Le(1);
+				else if (e.key === "ArrowUp") e.preventDefault(), Le(-1);
+				else if (e.key === "Home") e.preventDefault(), Z();
+				else if (e.key === "End") e.preventDefault(), Q();
+				else if (e.key === "Enter" || e.key === " ") {
+					e.preventDefault();
+					let t = v[P];
+					t && qe(t);
+				}
+			}
+		}
+	};
+	ue(() => {
+		p && j && q(!1);
+	}, [
+		p,
+		j,
+		q
+	]), t(() => {
+		if (!A) return;
+		if (!N) {
+			V(!1);
+			return;
+		}
+		if (!z) {
+			B(!0);
+			return;
+		}
+		$(), V(!0);
+		let e = k.current;
+		k.current = null;
+		let t = window.requestAnimationFrame(() => {
+			$(), e === "first" ? Z() : e === "last" && Q();
+		});
+		return () => window.cancelAnimationFrame(t);
+	}, [
+		N,
+		A,
+		z,
+		Z,
+		Q,
+		$
+	]);
+	let Ze = a(() => {
+		R(!1), F({}), I(m);
+	}, [m]), Qe = a(() => {
+		N || (B(!1), Ze());
+	}, [N, Ze]), $e = a(() => q(!1), [q]), et = a(() => q(!1, !0), [q]);
+	ne({
+		active: N && A,
+		rootRef: Te,
+		floatingRef: w,
+		closeOnOutsideClick: he && _ !== "hover",
+		ignoreEscapeInsideFloating: !0,
+		onOutsideClick: $e,
+		onEscape: et,
+		onViewportChange: $
+	}), ue(() => () => J(), [J]);
+	let tt = {
+		"aria-haspopup": "menu",
+		"aria-expanded": N,
+		"aria-controls": H,
+		"aria-disabled": p || void 0,
+		...Se ? { "aria-label": Se } : {},
+		...Ce ? { "aria-labelledby": Ce } : {},
+		tabIndex: p ? -1 : void 0
+	}, nt = le(y) && y.type !== se ? ce(y, tt) : /* @__PURE__ */ l("button", {
+		type: "button",
+		className: "vl-dropdown__defaultTrigger",
+		disabled: p,
+		...tt,
+		children: y ?? "Menu"
+	}), rt = [
+		"vl-dropdown__panel",
+		`is-${Ae}`,
+		L ? "is-positioned" : ""
+	].filter(Boolean).join(" "), it = /* @__PURE__ */ l(ae, {
+		show: A ? je : N,
+		name: "vl-dropdown",
+		forceMount: A,
+		deferEffects: !A,
+		onAfterLeave: Qe,
+		children: /* @__PURE__ */ l("div", {
+			ref: w,
+			id: H,
+			className: rt,
+			style: {
+				...ke,
+				visibility: A && !L ? "hidden" : "visible"
+			},
+			role: "menu",
+			"aria-label": ge,
+			"aria-hidden": !N || void 0,
+			onClick: Je,
+			onMouseEnter: We,
+			onMouseLeave: Ge,
+			onFocus: Ke,
+			onKeyDown: Xe,
+			children: /* @__PURE__ */ l("div", {
+				className: "vl-dropdown__content",
+				children: Pe ? v.map((t, n) => t.divider ? /* @__PURE__ */ l("div", {
+					className: "vl-dropdown__divider",
+					role: "separator"
+				}, `divider-${n}`) : /* @__PURE__ */ de("div", {
+					ref: (e) => {
+						T.current[n] = e;
+					},
+					id: Me(n),
+					className: [
+						"vl-dropdown__option",
+						t.status ? `is-${t.status}` : "",
+						t.disabled ? "is-disabled" : "",
+						W === n ? "is-active" : ""
+					].filter(Boolean).join(" "),
+					role: "menuitem",
+					tabIndex: W === n && !t.disabled ? 0 : -1,
+					"aria-disabled": t.disabled || void 0,
+					onPointerDown: (e) => e.preventDefault(),
+					onMouseEnter: () => {
+						u(t) && Oe(n);
+					},
+					onClick: (e) => {
+						e.stopPropagation(), qe(t);
+					},
+					children: [t.icon ? e(t.icon, "vl-dropdown__option-icon") : null, /* @__PURE__ */ l("span", {
+						className: "vl-dropdown__option-label",
+						children: t.label ?? ""
+					})]
+				}, t.value ?? n)) : _e
+			})
+		})
+	});
+	return /* @__PURE__ */ de("div", {
+		ref: Ee,
+		className: Fe,
+		style: Ie,
+		...we,
+		onMouseEnter: ze,
+		onMouseLeave: Be,
+		onFocus: Ve,
+		onBlur: He,
+		children: [/* @__PURE__ */ l("div", {
+			ref: C,
+			className: "vl-dropdown__trigger",
+			onClick: Re,
+			onContextMenu: Ue,
+			onKeyDown: Ye,
+			children: nt
+		}), z ? A ? fe(it, document.body) : it : null]
+	});
+});
+d.displayName = "VlDropdown";
+//#endregion
+//#region components/Dropdown/index.ts
+var f = d, me = d;
+//#endregion
+export { f as n, me as t };

package/dist/Dropdown-swfND4yK.cjs

@@ -0,0 +1 @@
+const e=require("./icon-DRLyKu8p.cjs"),t=require("./effect-BpNxm_06.cjs"),n=require("./state-ZBA75xZ_.cjs"),r=require("./client-BkoqeUs3.cjs"),ee=require("./refs-DCqd87V8.cjs"),i=require("./floating-DXRnx48N.cjs"),te=require("./id-CF0zOP1G.cjs"),ne=require("./Transition-X_89ga-e.cjs"),re=require("./focus-D-h8CbGr.cjs");let a=require("react"),o=require("react/jsx-runtime"),ie=require("react-dom");var ae=[],s=e=>!!(e&&!e.disabled&&!e.divider),c=(0,a.forwardRef)((c,l)=>{let{open:u,defaultOpen:oe=!1,disabled:d=!1,placement:f=`bottom-start`,offset:p=8,closeOnContentClick:se=!0,trigger:m=`hover`,options:h=ae,closeOnOutsideClick:ce=!0,triggerContent:g,menuLabel:le=`菜单`,className:_,style:v,children:ue,onChange:de,onOpen:y,onClose:b,onSelect:fe,onCommand:pe,"aria-label":me,"aria-labelledby":x,...he}=c,S=(0,a.useRef)(null),C=(0,a.useRef)(null),w=(0,a.useRef)(null),T=(0,a.useRef)([]),E=(0,a.useRef)(null),D=(0,a.useRef)(null),O=(0,a.useRef)(null),k=(0,a.useRef)(null),ge=(0,a.useMemo)(()=>ee.n(S,l),[l]),A=r.t(),_e=n.t(c,`open`),[j,ve]=n.n({value:!!u,defaultValue:oe,controlled:_e,onChange:de}),M=j&&!d,[N,P]=(0,a.useState)(-1),[ye,F]=(0,a.useState)({}),[be,I]=(0,a.useState)(f),[L,R]=(0,a.useState)(!1),[z,B]=(0,a.useState)(M),[xe,V]=(0,a.useState)(!1),H=te.t(`vl-dropdown-menu`),Se=(0,a.useCallback)(e=>`${H}-option-${e}`,[H]),U=(0,a.useMemo)(()=>h.flatMap((e,t)=>s(e)?[t]:[]),[h]),Ce=U.length>0,we=h.some(e=>!e.divider),W=U.includes(N)?N:U[0]??-1,Te=(0,a.useMemo)(()=>[`vl-dropdown`,M?`is-open`:``,d?`is-disabled`:``,_||``].filter(Boolean).join(` `),[M,d,_]),Ee=(0,a.useMemo)(()=>({"--vl-dropdown-offset":`${p}px`,...v}),[p,v]),G=(0,a.useCallback)(()=>{let e=E.current;if(e&&e.isConnected){e.focus();return}(C.current?.querySelector(re.i))?.focus()},[]),K=(0,a.useCallback)(()=>{let e=document.activeElement;if(e&&C.current?.contains(e)){E.current=e;return}E.current=C.current?.querySelector(`button:not(:disabled), [href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"])`)??null},[]),q=(0,a.useCallback)((e,t=!1)=>{if(!(e&&d)){if(j===e){t&&G();return}e&&(K(),R(!1),F({}),I(f)),ve(e),e?y?.():(b?.(),t&&window.requestAnimationFrame(G))}},[d,j,f,G,K,ve,y,b]),J=(0,a.useCallback)(()=>{O.current!==null&&(window.clearTimeout(O.current),O.current=null)},[]),Y=(0,a.useCallback)(()=>{J(),O.current=window.setTimeout(()=>{let e=document.activeElement;e&&(C.current?.contains(e)||w.current?.contains(e))||q(!1)},160)},[J,q]),X=(0,a.useCallback)(e=>{s(h[e])&&(P(e),T.current[e]?.focus())},[h]),Z=(0,a.useCallback)(()=>{let e=U[0];e!==void 0&&X(e)},[U,X]),Q=(0,a.useCallback)(()=>{let e=U.at(-1);e!==void 0&&X(e)},[U,X]),De=(0,a.useCallback)(e=>{if(!U.length)return;let t=U.indexOf(N),n=t<0?e>0?0:U.length-1:(t+e+U.length)%U.length;X(U[n])},[U,N,X]),$=(0,a.useCallback)(()=>{if(!M)return;let e=w.current;if(!e)return;let t=D.current,n=t?{left:t.x,right:t.x,top:t.y,bottom:t.y,width:0,height:0}:C.current?.getBoundingClientRect();if(!n)return;let r=i.t({anchorRect:n,floatingRect:e.getBoundingClientRect(),placement:f,offset:p});I(r.placement),F({left:`${Math.round(r.x)}px`,top:`${Math.round(r.y)}px`}),R(!0)},[M,f,p]),Oe=e=>{d||m!==`click`||(e.stopPropagation(),D.current=null,q(!M))},ke=()=>{d||m!==`hover`||(D.current=null,J(),q(!0))},Ae=()=>{d||m!==`hover`||Y()},je=()=>{d||m!==`hover`||(D.current=null,J(),q(!0))},Me=e=>{e.currentTarget.contains(e.relatedTarget)||m===`hover`&&Y()},Ne=e=>{d||m!==`context-menu`||(e.preventDefault(),e.stopPropagation(),D.current={x:e.clientX,y:e.clientY},q(!0))},Pe=()=>{m===`hover`&&J()},Fe=()=>{m===`hover`&&Y()},Ie=()=>J(),Le=e=>{s(e)&&(e.onClick?.(e),fe?.(e),pe?.(e.value,e),se&&q(!1,!0))},Re=()=>{h.length||!se||q(!1,!0)},ze=e=>{if(!d){if(D.current=null,e.key===`Escape`&&M){e.preventDefault(),q(!1,!0);return}e.key===`ArrowDown`||e.key===`Enter`||e.key===` `?(e.preventDefault(),K(),M?Z():(k.current=`first`,q(!0))):e.key===`ArrowUp`&&(e.preventDefault(),K(),M?Q():(k.current=`last`,q(!0)))}},Be=e=>{if(M){if(e.key===`Escape`){e.preventDefault(),q(!1,!0);return}if(e.key===`Tab`){q(!1);return}if(Ce){if(e.key===`ArrowDown`)e.preventDefault(),De(1);else if(e.key===`ArrowUp`)e.preventDefault(),De(-1);else if(e.key===`Home`)e.preventDefault(),Z();else if(e.key===`End`)e.preventDefault(),Q();else if(e.key===`Enter`||e.key===` `){e.preventDefault();let t=h[N];t&&Le(t)}}}};(0,a.useEffect)(()=>{d&&j&&q(!1)},[d,j,q]),t.t(()=>{if(!A)return;if(!M){V(!1);return}if(!z){B(!0);return}$(),V(!0);let e=k.current;k.current=null;let t=window.requestAnimationFrame(()=>{$(),e===`first`?Z():e===`last`&&Q()});return()=>window.cancelAnimationFrame(t)},[M,A,z,Z,Q,$]);let Ve=(0,a.useCallback)(()=>{R(!1),F({}),I(f)},[f]),He=(0,a.useCallback)(()=>{M||(B(!1),Ve())},[M,Ve]),Ue=(0,a.useCallback)(()=>q(!1),[q]),We=(0,a.useCallback)(()=>q(!1,!0),[q]);i.r({active:M&&A,rootRef:S,floatingRef:w,closeOnOutsideClick:ce&&m!==`hover`,ignoreEscapeInsideFloating:!0,onOutsideClick:Ue,onEscape:We,onViewportChange:$}),(0,a.useEffect)(()=>()=>J(),[J]);let Ge={"aria-haspopup":`menu`,"aria-expanded":M,"aria-controls":H,"aria-disabled":d||void 0,...me?{"aria-label":me}:{},...x?{"aria-labelledby":x}:{},tabIndex:d?-1:void 0},Ke=(0,a.isValidElement)(g)&&g.type!==a.Fragment?(0,a.cloneElement)(g,Ge):(0,o.jsx)(`button`,{type:`button`,className:`vl-dropdown__defaultTrigger`,disabled:d,...Ge,children:g??`Menu`}),qe=[`vl-dropdown__panel`,`is-${be}`,L?`is-positioned`:``].filter(Boolean).join(` `),Je=(0,o.jsx)(ne.t,{show:A?xe:M,name:`vl-dropdown`,forceMount:A,deferEffects:!A,onAfterLeave:He,children:(0,o.jsx)(`div`,{ref:w,id:H,className:qe,style:{...ye,visibility:A&&!L?`hidden`:`visible`},role:`menu`,"aria-label":le,"aria-hidden":!M||void 0,onClick:Re,onMouseEnter:Pe,onMouseLeave:Fe,onFocus:Ie,onKeyDown:Be,children:(0,o.jsx)(`div`,{className:`vl-dropdown__content`,children:we?h.map((t,n)=>t.divider?(0,o.jsx)(`div`,{className:`vl-dropdown__divider`,role:`separator`},`divider-${n}`):(0,o.jsxs)(`div`,{ref:e=>{T.current[n]=e},id:Se(n),className:[`vl-dropdown__option`,t.status?`is-${t.status}`:``,t.disabled?`is-disabled`:``,W===n?`is-active`:``].filter(Boolean).join(` `),role:`menuitem`,tabIndex:W===n&&!t.disabled?0:-1,"aria-disabled":t.disabled||void 0,onPointerDown:e=>e.preventDefault(),onMouseEnter:()=>{s(t)&&P(n)},onClick:e=>{e.stopPropagation(),Le(t)},children:[t.icon?e.t(t.icon,`vl-dropdown__option-icon`):null,(0,o.jsx)(`span`,{className:`vl-dropdown__option-label`,children:t.label??``})]},t.value??n)):ue})})});return(0,o.jsxs)(`div`,{ref:ge,className:Te,style:Ee,...he,onMouseEnter:ke,onMouseLeave:Ae,onFocus:je,onBlur:Me,children:[(0,o.jsx)(`div`,{ref:C,className:`vl-dropdown__trigger`,onClick:Oe,onContextMenu:Ne,onKeyDown:ze,children:Ke}),z?A?(0,ie.createPortal)(Je,document.body):Je:null]})});c.displayName=`VlDropdown`;var l=c,u=c;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});

package/dist/Form-7un_DeDk.cjs

@@ -0,0 +1 @@
+const e=require("./effect-BpNxm_06.cjs"),t=require("./state-ZBA75xZ_.cjs"),n=require("./refs-DCqd87V8.cjs"),r=require("./id-CF0zOP1G.cjs"),i=require("./focus-D-h8CbGr.cjs");let a=require("react"),o=require("react/jsx-runtime");var s=(0,a.createContext)(null),c=s.Provider,l=()=>(0,a.useContext)(s),u=[`blur`,`submit`],d=/^[^\s@]+@[^\s@]+\.[^\s@]+$/,f=e=>e?Array.isArray(e)?e:[e]:u,p=e=>e==null?!0:typeof e==`string`?e.trim()===``:Array.isArray(e)&&e.length===0,m=(e,t,n,r)=>{let i=t??e;if(n.required&&p(r))return n.message??`请输入${i}`;if(p(r))return;if(n.type&&!(n.type===`array`?Array.isArray(r):n.type===`email`?typeof r==`string`&&d.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}`},h=(0,a.forwardRef)((n,r)=>{let{values:s,defaultValues:l={},layout:u=`vertical`,labelWidth:d,labelAlign:p=u===`horizontal`?`right`:`left`,validateTrigger:h,className:g,style:_,children:v,onValuesChange:y,onFinish:b,onFinishError:x,onFinishFailed:S,noValidate:C=!0,...w}=n,T=t.t(n,`values`),[E,D]=(0,a.useState)(l),O=(0,a.useMemo)(()=>T?s??{}:E,[T,E,s]),k=(0,a.useRef)(O);e.t(()=>{k.current=O},[O]);let[A,j]=(0,a.useState)({}),M=(0,a.useRef)(A),[N,P]=(0,a.useState)({}),[F,I]=(0,a.useState)(!1),L=(0,a.useRef)(!1),R=(0,a.useRef)(null),z=(0,a.useRef)(new Map),B=(0,a.useRef)(new Map),V=(0,a.useMemo)(()=>f(h),[h]),H=(0,a.useCallback)(e=>{M.current=e,j(e)},[]),U=(0,a.useCallback)(e=>(z.current.set(e.name,e),()=>{if(z.current.get(e.name)?.token===e.token){if(z.current.delete(e.name),B.current.delete(e.name),Object.prototype.hasOwnProperty.call(M.current,e.name)){let t={...M.current};delete t[e.name],H(t)}P(t=>{if(!Object.prototype.hasOwnProperty.call(t,e.name))return t;let n={...t};return delete n[e.name],n})}}),[H]),W=(0,a.useCallback)((e,t)=>{let n={...k.current,[e]:t};return k.current=n,T||D(n),y?.({[e]:t},n),n},[T,y]),G=(0,a.useCallback)(async(e,t)=>{let n=z.current.get(e);if(!n)return[];let r=t??k.current,i=r[e],a=Symbol(e);B.current.set(e,a),P(t=>({...t,[e]:!0}));let o=[],{rules:s,label:c}=n.metaRef.current;for(let t of s){let n=m(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(z.current.get(e)?.token!==n.token||B.current.get(e)!==a)return o;let l={...M.current};return o.length?l[e]=o:delete l[e],H(l),P(t=>({...t,[e]:!1})),o},[H]),K=(0,a.useCallback)(async()=>{let e=k.current,t=[...z.current.values()],n=await Promise.all(t.map(async t=>{let n=G(t.name,e);return[t,B.current.get(t.name),await n]})),r={...M.current};return n.forEach(([e,t,n])=>{z.current.get(e.name)?.token===e.token&&B.current.get(e.name)===t&&(n.length?r[e.name]=n:delete r[e.name])}),H(r),{valid:Object.keys(r).length===0,values:e,errors:r}},[H,G]),q=(0,a.useCallback)(()=>{if(R.current)return R.current;let e=(async()=>{L.current=!0,I(!0);try{let e=await K();if(e.valid)try{await b?.(e.values)}catch(t){x?.(t,e.values)}else{S?.(e.errors,e.values);let t=[...z.current.keys()].find(t=>e.errors[t]);t&&i.n(z.current.get(t)?.metaRef.current.element??null)}return e}finally{L.current=!1,I(!1)}})();return R.current=e,e.then(()=>{R.current===e&&(R.current=null)},()=>{R.current===e&&(R.current=null)}),e},[b,x,S,K]),J=(0,a.useCallback)(e=>{let t={...k.current,...e};k.current=t,T||D(t),y?.(e,t)},[T,y]),Y=(0,a.useCallback)(()=>{let e={...l},t=k.current;k.current=e,T||D(e);let n=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&&y?.(r,e),H({}),B.current.clear(),P({})},[H,T,l,y]);(0,a.useImperativeHandle)(r,()=>({getValues:()=>k.current,setValues:J,reset:Y,validate:K,submit:q,isSubmitting:()=>L.current,getErrors:()=>M.current}),[Y,J,q,K]);let X=(0,a.useMemo)(()=>({values:O,errors:A,validating:N,defaultValidateTrigger:V,registerField:U,updateField:W,validateField:G}),[V,A,U,W,G,N,O]),Z={..._,...d===void 0?null:{"--vl-form-label-width":typeof d==`number`?`${d}px`:d}},Q=[`vl-form`,`vl-form--${u}`,`vl-form--label-${p}`,F?`is-submitting`:``,g||``].filter(Boolean).join(` `),$=e=>{e.preventDefault(),q()},ee=e=>{e.preventDefault(),Y()};return(0,o.jsx)(c,{value:X,children:(0,o.jsx)(`form`,{...w,className:Q,style:Z,"aria-busy":F||void 0,noValidate:C,onSubmit:$,onReset:ee,children:v})})});h.displayName=`VlForm`;var g=[],_=[],v=[],y=(e,t)=>e?Array.isArray(e)?e:[e]:t,b=(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},x=(0,a.forwardRef)((t,i)=>{let{name:s,label:c,required:u=!1,rules:d=g,help:f,valuePropName:p=`value`,trigger:m=`onChange`,getValueFromEvent:h,validateTrigger:x,className:S,children:C,...w}=t,T=l(),E=T?.registerField,D=C,O=D.props,k=r.t(`vl-form-control`,O.id),A=r.t(`vl-form-label`),j=r.t(`vl-form-help`),M=r.t(`vl-form-error`),N=(0,a.useRef)(null),P=(0,a.useRef)(null),F=(0,a.useRef)(null),I=T?.defaultValidateTrigger??_,L=(0,a.useMemo)(()=>y(x,I),[I,x]),R=(0,a.useMemo)(()=>u&&!d.some(e=>e.required)?[{required:!0},...d]:d,[u,d]),z=u||R.some(e=>e.required),B=s?T?.errors[s]??v:v,V=s?!!T?.validating[s]:!1,H=L.includes(`change`)||B.length>0,[U]=(0,a.useState)(()=>Symbol(`form-field`)),W=(0,a.useRef)({label:void 0,rules:g,element:null});e.t(()=>{W.current.label=typeof c==`string`?c:void 0,W.current.rules=R},[R,c]),(0,a.useEffect)(()=>{if(!(!s||!E))return E({name:s,token:U,metaRef:W})},[U,s,E]),(0,a.useEffect)(()=>{let e=P.current,t=F.current;if(F.current=B,e){if(!B.length){e.classList.remove(`is-shaking`);return}t!==B&&(e.classList.remove(`is-shaking`),e.offsetWidth,e.classList.add(`is-shaking`))}},[B]);let G={id:k,"aria-describedby":[O[`aria-describedby`],B.length?M:void 0,f===void 0?void 0:j].filter(Boolean).join(` `)||void 0,"aria-labelledby":[O[`aria-labelledby`],c===void 0?void 0:A].filter(Boolean).join(` `)||void 0,"aria-invalid":B.length>0||void 0,"aria-busy":V||void 0,ref:e=>{N.current=e,W.current.element=e,n.t(O.ref,e)}};if(s&&T){G[p]=T.values[s];let e=O[m];if(G[m]=(...t)=>{typeof e==`function`&&e(...t);let n=h?h(...t):b(p,t),r=T.updateField(s,n);(H||m===`onBlur`&&L.includes(`blur`))&&T.validateField(s,r)},m!==`onBlur`){let e=O.onBlur;G.onBlur=t=>{typeof e==`function`&&e(t),L.includes(`blur`)&&T.validateField(s)}}}let K=[`vl-form-item`,B.length?`is-error`:``,V?`is-validating`:``,z?`is-required`:``,S||``].filter(Boolean).join(` `),q=V||B.length>0;return(0,o.jsxs)(`div`,{...w,ref:i,className:K,children:[c===void 0?null:(0,o.jsxs)(`label`,{id:A,className:`vl-form-item__label`,htmlFor:k,children:[z?(0,o.jsx)(`span`,{className:`vl-form-item__required`,"aria-hidden":`true`,children:`*`}):null,c]}),(0,o.jsxs)(`div`,{className:`vl-form-item__control`,children:[(0,o.jsxs)(`div`,{className:`vl-form-item__field`,children:[(0,o.jsx)(`div`,{ref:P,className:`vl-form-item__control-input`,children:(0,a.cloneElement)(D,G)}),(0,o.jsxs)(`div`,{className:`vl-form-item__validation${q?``:` is-empty`}`,"aria-hidden":!q||void 0,children:[V?(0,o.jsxs)(`div`,{className:`vl-form-item__status`,role:`status`,"aria-label":`校验中`,children:[(0,o.jsx)(`span`,{className:`vl-form-item__spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{children:`校验中`})]}):null,B.length?(0,o.jsx)(`div`,{id:M,className:`vl-form-item__error`,role:`alert`,children:B.map(e=>(0,o.jsx)(`div`,{children:e},e))}):null]})]}),f===void 0?null:(0,o.jsx)(`div`,{className:`vl-form-item__feedback`,children:(0,o.jsx)(`div`,{id:j,className:`vl-form-item__help`,children:f})})]})]})});x.displayName=`VlFormItem`;var S=Object.assign(h,{Item:x}),C=x;Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});