miao-design 1.0.0

package/dist/miao-design.js

@@ -0,0 +1,4103 @@
+import { Fragment as e, Teleport as t, Transition as n, TransitionGroup as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, inject as f, mergeDefaults as p, nextTick as m, normalizeClass as h, normalizeStyle as g, onBeforeUnmount as _, openBlock as v, provide as y, reactive as b, ref as x, render as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, vShow as D, watch as O, watchEffect as k, withCtx as A, withDirectives as j, withModifiers as M } from "vue";
+//#region packages/miao-ui/src/alert/types.ts
+var N = {
+	severity: "info",
+	variant: "standard",
+	closable: !1,
+	showIcon: !0
+}, P = {
+	key: 0,
+	class: "m-alert__icon",
+	"aria-hidden": "true"
+}, F = {
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
+}, I = ["d"], L = { class: "m-alert__content" }, ee = {
+	key: 0,
+	class: "m-alert__title"
+}, R = {
+	key: 1,
+	class: "m-alert__message"
+}, z = /* @__PURE__ */ d({
+	__name: "Alert",
+	props: /*@__PURE__*/ p({
+		severity: {},
+		variant: {},
+		closable: { type: Boolean },
+		showIcon: { type: Boolean },
+		title: {}
+	}, N),
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let r = e, u = t, d = x(!1), f = i(() => [
+			"m-alert",
+			`m-alert--${r.severity}`,
+			`m-alert--${r.variant}`,
+			d.value && "is-closed"
+		]), p = {
+			success: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm4.3 7.3L10 15.6l-2.3-2.3a1 1 0 1 0-1.4 1.4l3 3a1 1 0 0 0 1.4 0l7-7a1 1 0 1 0-1.4-1.4z",
+			info: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 9a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0-4a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 12 7z",
+			warning: "M11.5 2.6a1.4 1.4 0 0 1 2.4 0l8.5 14.6a1.4 1.4 0 0 1-1.2 2.1H4.8a1.4 1.4 0 0 1-1.2-2.1L11.5 2.6zM12 9a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0 7.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z",
+			error: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 6.5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z"
+		};
+		function m() {
+			d.value = !0, u("close");
+		}
+		return (t, r) => (v(), a(n, { name: "m-alert" }, {
+			default: A(() => [d.value ? o("", !0) : (v(), s("div", {
+				key: 0,
+				class: h(f.value),
+				role: "alert"
+			}, [
+				e.showIcon && !t.$slots.icon ? (v(), s("span", P, [(v(), s("svg", F, [c("path", { d: p[e.severity] }, null, 8, I)]))])) : o("", !0),
+				w(t.$slots, "icon"),
+				c("div", L, [e.title || t.$slots.title ? (v(), s("div", ee, [w(t.$slots, "title", {}, () => [l(T(e.title), 1)])])) : o("", !0), t.$slots.default ? (v(), s("div", R, [w(t.$slots, "default")])) : o("", !0)]),
+				e.closable ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-alert__close",
+					"aria-label": "关闭提示",
+					onClick: m
+				}, [...r[0] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.4",
+					"stroke-linecap": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]])) : o("", !0)
+			], 2))]),
+			_: 3
+		}));
+	}
+}), B = {
+	size: 40,
+	shape: "circle",
+	color: "primary"
+}, V = ["src", "alt"], te = {
+	key: 1,
+	class: "m-avatar__content"
+}, H = {
+	key: 2,
+	class: "m-avatar__text"
+}, U = {
+	key: 3,
+	class: "m-avatar__fallback",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "1.6",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+}, W = /* @__PURE__ */ d({
+	__name: "Avatar",
+	props: /*@__PURE__*/ p({
+		src: {},
+		alt: {},
+		size: {},
+		shape: {},
+		color: {}
+	}, B),
+	setup(e) {
+		let t = e, n = x(!1);
+		O(() => t.src, () => n.value = !1);
+		let r = i(() => typeof t.size == "string" ? `m-avatar--${t.size}` : ""), a = i(() => typeof t.size == "number" ? `${t.size}px` : void 0), o = i(() => [
+			"m-avatar",
+			`m-avatar--${t.shape}`,
+			`m-avatar--${t.color}`,
+			r.value
+		]), l = i(() => !!t.src && !n.value), u = i(() => (t.alt ?? "").trim().slice(0, 1).toUpperCase());
+		return (t, r) => (v(), s("div", {
+			class: h(o.value),
+			style: g(a.value ? {
+				width: a.value,
+				height: a.value,
+				fontSize: `calc(${a.value} * 0.42)`
+			} : void 0)
+		}, [l.value ? (v(), s("img", {
+			key: 0,
+			class: "m-avatar__img",
+			src: e.src,
+			alt: e.alt,
+			onError: r[0] ||= (e) => n.value = !0
+		}, null, 40, V)) : t.$slots.default ? (v(), s("span", te, [w(t.$slots, "default")])) : u.value ? (v(), s("span", H, T(u.value), 1)) : (v(), s("svg", U, [...r[1] ||= [c("circle", {
+			cx: "12",
+			cy: "8",
+			r: "4"
+		}, null, -1), c("path", { d: "M4 21c0-4 3.6-6.5 8-6.5s8 2.5 8 6.5" }, null, -1)]]))], 6));
+	}
+}), ne = {
+	type: "button",
+	disabled: !1,
+	loading: !1,
+	size: "default",
+	variant: "text",
+	throttle: 200,
+	shape: ""
+};
+//#endregion
+//#region packages/miao-ui/src/utils/throttle.ts
+function G(e, t) {
+	let n = 0;
+	return function(...r) {
+		let i = Date.now();
+		i - n >= t && (e.apply(this, r), n = i);
+	};
+}
+//#endregion
+//#region packages/miao-ui/src/directives/ripple.ts
+var K = 550, q = 80, J = "keyboard";
+function re(e, t) {
+	return t === !1 || t && typeof t == "object" && t.disabled ? !0 : e.disabled || e.getAttribute("aria-disabled") === "true";
+}
+function ie(e) {
+	try {
+		return e.matches(":focus-visible");
+	} catch {
+		return !1;
+	}
+}
+function Y(e, t, n, r) {
+	let i = e.getBoundingClientRect();
+	if (r) {
+		let e = Math.round(i.width / 2), t = Math.round(i.height / 2), n = Math.sqrt((2 * i.width ** 2 + i.height ** 2) / 3);
+		return n % 2 == 0 && (n += 1), {
+			rippleX: e,
+			rippleY: t,
+			rippleSize: n
+		};
+	}
+	let a = Math.round(t), o = Math.round(n), s = Math.max(Math.abs(e.clientWidth - a), a) * 2 + 2, c = Math.max(Math.abs(e.clientHeight - o), o) * 2 + 2;
+	return {
+		rippleX: a,
+		rippleY: o,
+		rippleSize: Math.sqrt(s ** 2 + c ** 2)
+	};
+}
+function X(e, t) {
+	let n = e.__rippleContainer, r = e.__rippleState, i = t.pending;
+	if (!n || !i || t.wave || t.leaving) return;
+	t.pending = void 0;
+	let { rippleX: a, rippleY: o, rippleSize: s } = Y(e, i.x, i.y, i.center), c = r?.value && typeof r.value == "object" ? r.value : void 0, l = c?.color, u = c?.duration, d = c?.initialScale, f = document.createElement("span");
+	f.className = i.pulsate ? "m-ripple-wave m-ripple-wave--pulsate" : "m-ripple-wave m-ripple-wave--active", f.style.width = `${s}px`, f.style.height = `${s}px`, f.style.left = `${a - s / 2}px`, f.style.top = `${o - s / 2}px`, u && f.style.setProperty("--m-ripple-duration", `${u}ms`), t.duration = u, d != null && f.style.setProperty("--m-ripple-initial-scale", `${d}`);
+	let p = document.createElement("span");
+	p.className = i.pulsate ? "m-ripple-child m-ripple-child--pulsate" : "m-ripple-child", l && (f.style.backgroundColor = l, p.style.backgroundColor = l), f.appendChild(p), n.appendChild(f), t.wave = f, t.child = p;
+}
+function ae(e) {
+	!e.wave || e.leaving || (e.leaving = !0, e.child?.classList.add("m-ripple-child--leaving"), window.setTimeout(() => e.wave?.remove(), (e.duration ?? K) + 50));
+}
+function Z(e, t) {
+	let n = e.__rippleWaves?.get(t);
+	n && (n.timer !== void 0 && window.clearTimeout(n.timer), e.__rippleWaves?.delete(t), ae(n));
+}
+function oe(e, t) {
+	if (re(e, e.__rippleState?.value) || t.pointerType === "mouse" && t.button !== 0 || e.__rippleWaves?.has(t.pointerId)) return;
+	let n = e.getBoundingClientRect(), r = {
+		x: t.clientX - n.left,
+		y: t.clientY - n.top,
+		center: !!(e.__rippleState?.value && typeof e.__rippleState.value == "object" ? e.__rippleState.value : void 0)?.center,
+		pulsate: !1
+	};
+	if (t.pointerType === "mouse") {
+		let n = {
+			leaving: !1,
+			pending: r
+		};
+		e.__rippleWaves.set(t.pointerId, n), X(e, n);
+	} else {
+		let n = {
+			leaving: !1,
+			pending: r
+		};
+		e.__rippleWaves.set(t.pointerId, n), n.timer = window.setTimeout(() => {
+			n.timer = void 0, n.pending && X(e, n);
+		}, q);
+	}
+}
+function se(e, t) {
+	if (t.pointerType === "mouse") return;
+	let n = e.__rippleWaves?.get(t.pointerId);
+	n && (n.timer === void 0 ? n.wave && Z(e, t.pointerId) : (window.clearTimeout(n.timer), n.timer = void 0, e.__rippleWaves?.delete(t.pointerId)));
+}
+function ce(e, t) {
+	let n = e.__rippleWaves?.get(t.pointerId);
+	if (n) {
+		if (n.timer !== void 0 && (window.clearTimeout(n.timer), n.timer = void 0, n.pending)) {
+			e.__rippleWaves?.delete(t.pointerId), X(e, n), ae(n);
+			return;
+		}
+		Z(e, t.pointerId);
+	}
+}
+function le(e, t) {
+	Z(e, t.pointerId);
+}
+function ue(e, t) {
+	t.pointerType === "mouse" && Z(e, t.pointerId);
+}
+function de(e) {
+	if (!ie(e) || e.__rippleWaves?.has(J) || re(e, e.__rippleState?.value)) return;
+	let t = {
+		leaving: !1,
+		pending: {
+			x: 0,
+			y: 0,
+			center: !0,
+			pulsate: !0
+		}
+	};
+	e.__rippleWaves.set(J, t), X(e, t);
+}
+function fe(e, t) {
+	if (!re(e, e.__rippleState?.value) && (t.key === "Enter" || t.key === " ") && !t.repeat && !e.__rippleWaves?.has(J)) {
+		let t = {
+			leaving: !1,
+			pending: {
+				x: 0,
+				y: 0,
+				center: !0,
+				pulsate: !0
+			}
+		};
+		e.__rippleWaves.set(J, t), X(e, t);
+	}
+}
+function pe(e) {
+	Z(e, J);
+}
+var Q = {
+	mounted(e, t) {
+		getComputedStyle(e).position === "static" && (e.style.position = "relative");
+		let n = document.createElement("span");
+		n.className = "m-ripple", e.appendChild(n), e.__rippleContainer = n, e.__rippleWaves = /* @__PURE__ */ new Map(), e.__rippleState = { value: t.value };
+		let r = [
+			["pointerdown", (t) => oe(e, t)],
+			["pointermove", (t) => se(e, t)],
+			["pointerup", (t) => ce(e, t)],
+			["pointercancel", (t) => le(e, t)],
+			["pointerleave", (t) => ue(e, t)],
+			["focus", () => de(e)],
+			["keydown", (t) => fe(e, t)],
+			["blur", () => pe(e)]
+		];
+		for (let [t, n] of r) e.addEventListener(t, n);
+		e.__rippleHandlers = r;
+	},
+	updated(e, t) {
+		e.__rippleState && (e.__rippleState.value = t.value);
+	},
+	beforeUnmount(e) {
+		e.__rippleHandlers?.forEach(([t, n]) => {
+			e.removeEventListener(t, n);
+		}), e.__rippleWaves?.forEach((e) => {
+			e.timer !== void 0 && window.clearTimeout(e.timer), e.wave?.remove();
+		}), e.__rippleContainer?.remove(), e.__rippleContainer = void 0, e.__rippleWaves = void 0, e.__rippleHandlers = void 0, e.__rippleState = void 0;
+	}
+}, me = Symbol("m-button-group-context"), he = ["type", "disabled"], ge = {
+	key: 0,
+	class: "m-button__spinner",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	"aria-hidden": "true"
+}, _e = { class: "m-button__content" }, ve = /* @__PURE__ */ d({
+	__name: "Button",
+	props: /*@__PURE__*/ p({
+		color: {},
+		disabled: { type: Boolean },
+		variant: {},
+		loading: { type: Boolean },
+		type: {},
+		size: {},
+		throttle: {},
+		shape: {}
+	}, ne),
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = f(me, null), l = i(() => n.color ?? a?.color), u = i(() => a?.variant ?? n.variant), d = i(() => a?.size ?? n.size), p = i(() => n.disabled || !!a?.disabled), m = i(() => [
+			"m-button",
+			l.value && `m-button--${l.value}`,
+			p.value && "is-disabled",
+			n.loading && "is-loading",
+			d.value && `m-button--${d.value}`,
+			u.value && `m-button--${u.value}`,
+			n.shape && `m-button--${n.shape}`,
+			a && "m-button--in-group"
+		].filter(Boolean)), g = G((e) => {
+			r("click", e);
+		}, n.throttle || 0);
+		function _(e) {
+			p.value || g(e);
+		}
+		return (t, n) => j((v(), s("button", {
+			type: e.type,
+			"aria-role": "button",
+			class: h(m.value),
+			disabled: p.value || e.loading,
+			onClick: _
+		}, [e.loading ? (v(), s("svg", ge, [...n[0] ||= [c("circle", {
+			class: "m-button__spinner-track",
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}, null, -1), c("circle", {
+			class: "m-button__spinner-indicator",
+			cx: "12",
+			cy: "12",
+			r: "10"
+		}, null, -1)]])) : o("", !0), c("span", _e, [w(t.$slots, "default")])], 10, he)), [[E(Q)]]);
+	}
+}), ye = /* @__PURE__ */ d({
+	__name: "ButtonGroup",
+	props: /*@__PURE__*/ p({
+		variant: {},
+		color: {},
+		size: {},
+		disabled: { type: Boolean }
+	}, {
+		variant: "outlined",
+		disabled: !1
+	}),
+	setup(e) {
+		let t = e, n = {
+			color: t.color,
+			variant: t.variant,
+			size: t.size ?? "default",
+			disabled: t.disabled
+		};
+		y(me, n);
+		let r = i(() => [
+			"m-button-group",
+			`m-button-group--${t.variant}`,
+			t.disabled && "is-disabled"
+		]);
+		return (e, t) => (v(), s("div", {
+			class: h(r.value),
+			role: "group",
+			"aria-label": "按钮组"
+		}, [w(e.$slots, "default")], 2));
+	}
+}), be = {
+	disabled: !1,
+	indeterminate: !1
+}, xe = {
+	disabled: !1,
+	vertical: !1
+}, Se = Symbol("m-checkbox-group-context"), Ce = [
+	"name",
+	"value",
+	"checked",
+	"disabled"
+], we = {
+	class: "m-checkbox__hit",
+	"aria-hidden": "true"
+}, Te = { class: "m-checkbox__label" }, Ee = /* @__PURE__ */ d({
+	__name: "Checkbox",
+	props: /*@__PURE__*/ p({
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		modelValue: { type: Boolean },
+		indeterminate: { type: Boolean },
+		name: {},
+		disabled: { type: Boolean },
+		color: {},
+		size: {}
+	}, be),
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = f(Se, null), o = i(() => n.color ?? a?.color ?? "primary"), l = i(() => n.size ?? a?.size ?? "default"), u = i(() => n.disabled || !!a?.disabled), d = i(() => a ? a.modelValue.value.includes(n.value) : !!n.modelValue), p = i(() => [
+			"m-checkbox",
+			`m-checkbox--${l.value}`,
+			`m-checkbox--${o.value}`,
+			d.value && "is-checked",
+			n.indeterminate && "is-indeterminate",
+			u.value && "is-disabled"
+		]);
+		function m(e) {
+			if (u.value) return;
+			let t = e.target;
+			a ? a.toggleValue(n.value, t.checked) : (r("update:modelValue", t.checked), r("change", t.checked));
+		}
+		return (t, n) => (v(), s("label", { class: h(p.value) }, [
+			c("input", {
+				type: "checkbox",
+				class: "m-checkbox__input",
+				name: e.name,
+				value: e.value,
+				checked: d.value,
+				disabled: u.value,
+				onChange: m
+			}, null, 40, Ce),
+			j((v(), s("span", we, [...n[0] ||= [c("span", { class: "m-checkbox__box" }, [c("svg", {
+				class: "m-checkbox__check",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "3",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [c("path", { d: "M5 13l4 4L19 7" })]), c("span", { class: "m-checkbox__minus" })], -1)]])), [[E(Q), {
+				center: !0,
+				disabled: u.value
+			}]]),
+			c("span", Te, [w(t.$slots, "default")])
+		], 2));
+	}
+}), De = /* @__PURE__ */ d({
+	__name: "CheckboxGroup",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		disabled: { type: Boolean },
+		color: {},
+		size: {},
+		vertical: { type: Boolean }
+	}, xe),
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = i(() => n.modelValue ?? []), o = {
+			modelValue: a,
+			color: n.color ?? "primary",
+			size: n.size ?? "default",
+			disabled: n.disabled,
+			toggleValue(e, t) {
+				if (n.disabled) return;
+				let i = [...a.value], o = i.indexOf(e);
+				t && o < 0 && i.push(e), !t && o >= 0 && i.splice(o, 1), r("update:modelValue", i), r("change", i);
+			}
+		};
+		y(Se, o);
+		let c = i(() => [
+			"m-checkbox-group",
+			n.vertical && "is-vertical",
+			n.disabled && "is-disabled"
+		]);
+		return (e, t) => (v(), s("div", {
+			class: h(c.value),
+			role: "group",
+			"aria-label": "复选组"
+		}, [w(e.$slots, "default")], 2));
+	}
+}), Oe = {
+	format: "YYYY-MM-DD",
+	disabled: !1,
+	clearable: !1,
+	size: "default",
+	appendToBody: !0,
+	popupPlacement: "bottom"
+};
+//#endregion
+//#region packages/miao-ui/src/date-picker/date-utils.ts
+function ke(e) {
+	return e < 10 ? `0${e}` : String(e);
+}
+function Ae(e, t) {
+	let n = {
+		YYYY: String(e.getFullYear()),
+		MM: ke(e.getMonth() + 1),
+		DD: ke(e.getDate()),
+		HH: ke(e.getHours()),
+		mm: ke(e.getMinutes()),
+		ss: ke(e.getSeconds())
+	};
+	return t.replace(/YYYY|MM|DD|HH|mm|ss/g, (e) => n[e] ?? e);
+}
+function $(e) {
+	if (!e) return null;
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? null : new Date(e);
+	let t = /^(\d{4})-(\d{1,2})-(\d{1,2})(?:[T ](\d{1,2}):(\d{1,2})(?::(\d{1,2}))?)?/.exec(e);
+	if (t) {
+		let e = new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]), Number(t[4] ?? 0), Number(t[5] ?? 0), Number(t[6] ?? 0));
+		return Number.isNaN(e.getTime()) ? null : e;
+	}
+	let n = new Date(e);
+	return Number.isNaN(n.getTime()) ? null : n;
+}
+function je(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
+}
+function Me(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function Ne(e, t) {
+	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth();
+}
+function Pe(e) {
+	let t = e.getFullYear(), n = e.getMonth(), r = new Date(t, n, 1).getDay(), i = new Date(t, n, 1 - r);
+	return Array.from({ length: 42 }, (e, t) => new Date(i.getFullYear(), i.getMonth(), i.getDate() + t));
+}
+var Fe = [
+	"日",
+	"一",
+	"二",
+	"三",
+	"四",
+	"五",
+	"六"
+], Ie = {
+	key: 0,
+	class: "m-time-spinner__sep",
+	"aria-hidden": "true"
+}, Le = { class: "m-time-spinner__unit" }, Re = [
+	"value",
+	"disabled",
+	"aria-label",
+	"onKeydown",
+	"onBlur"
+], ze = { class: "m-time-spinner__arrows" }, Be = ["disabled", "onClick"], Ve = ["disabled", "onClick"], He = /* @__PURE__ */ d({
+	__name: "TimeSpinner",
+	props: {
+		hour: {},
+		minute: {},
+		second: {},
+		disabled: { type: Boolean }
+	},
+	emits: [
+		"update:hour",
+		"update:minute",
+		"update:second"
+	],
+	setup(t, { emit: n }) {
+		let r = t, i = n, a = [
+			{
+				key: "hour",
+				max: 23
+			},
+			{
+				key: "minute",
+				max: 59
+			},
+			{
+				key: "second",
+				max: 59
+			}
+		];
+		function l(e) {
+			return e === "hour" ? r.hour : e === "minute" ? r.minute : r.second;
+		}
+		function u(e, t) {
+			i(e === "hour" ? "update:hour" : e === "minute" ? "update:minute" : "update:second", t);
+		}
+		function d(e, t) {
+			if (r.disabled) return;
+			let n = e === "hour" ? 23 : 59;
+			u(e, (l(e) + t + n + 1) % (n + 1));
+		}
+		function f(e, t) {
+			r.disabled || (t.key === "ArrowUp" ? (t.preventDefault(), d(e, 1)) : t.key === "ArrowDown" && (t.preventDefault(), d(e, -1)));
+		}
+		function p(e, t) {
+			let n = e === "hour" ? 23 : 59, r = t.target.value.trim(), i = parseInt(r, 10);
+			u(e, Number.isNaN(i) ? 0 : Math.min(n, Math.max(0, i)));
+		}
+		return (n, r) => (v(), s("div", { class: h(["m-time-spinner", { "is-disabled": t.disabled }]) }, [(v(), s(e, null, C(a, (n, i) => (v(), s(e, { key: n.key }, [i > 0 ? (v(), s("span", Ie, ":")) : o("", !0), c("span", Le, [c("input", {
+			class: "m-time-spinner__input",
+			type: "text",
+			inputmode: "numeric",
+			value: E(ke)(l(n.key)),
+			disabled: t.disabled,
+			"aria-label": n.key,
+			onKeydown: (e) => f(n.key, e),
+			onBlur: (e) => p(n.key, e)
+		}, null, 40, Re), c("span", ze, [c("button", {
+			type: "button",
+			class: "m-time-spinner__step",
+			disabled: t.disabled,
+			"aria-label": "增加",
+			onClick: (e) => d(n.key, 1)
+		}, [...r[0] ||= [c("svg", {
+			viewBox: "0 0 24 24",
+			width: "11",
+			height: "11",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "3.4",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"aria-hidden": "true"
+		}, [c("path", { d: "M6 14l6-6 6 6" })], -1)]], 8, Be), c("button", {
+			type: "button",
+			class: "m-time-spinner__step",
+			disabled: t.disabled,
+			"aria-label": "减少",
+			onClick: (e) => d(n.key, -1)
+		}, [...r[1] ||= [c("svg", {
+			viewBox: "0 0 24 24",
+			width: "11",
+			height: "11",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "3.4",
+			"stroke-linecap": "round",
+			"stroke-linejoin": "round",
+			"aria-hidden": "true"
+		}, [c("path", { d: "M6 10l6 6 6-6" })], -1)]], 8, Ve)])])], 64))), 64))], 2));
+	}
+}), Ue = 0, We = "";
+function Ge() {
+	Ue === 0 && (We = document.body.style.overflow, document.body.style.overflow = "hidden"), Ue++;
+}
+function Ke() {
+	Ue = Math.max(0, Ue - 1), Ue === 0 && document.body.style.overflow === "hidden" && (document.body.style.overflow = We);
+}
+//#endregion
+//#region packages/miao-ui/src/date-picker/DatePicker.vue?vue&type=script&setup=true&lang.ts
+var qe = [
+	"value",
+	"placeholder",
+	"disabled",
+	"name"
+], Je = { class: "m-datepicker-popup__content" }, Ye = { class: "m-datepicker-popup__header" }, Xe = ["disabled"], Ze = { class: "m-datepicker-popup__label" }, Qe = ["disabled"], $e = {
+	key: 0,
+	class: "m-datepicker-popup__ym"
+}, et = { class: "m-datepicker-popup__ym-head" }, tt = { class: "m-datepicker-popup__ym-title" }, nt = { class: "m-datepicker-popup__ym-grid" }, rt = ["disabled", "onClick"], it = {
+	key: 1,
+	class: "m-datepicker-popup__ym"
+}, at = { class: "m-datepicker-popup__ym-head" }, ot = { class: "m-datepicker-popup__ym-title" }, st = { class: "m-datepicker-popup__ym-grid" }, ct = ["disabled", "onClick"], lt = { class: "m-datepicker-popup__calendar" }, ut = { class: "m-datepicker-popup__weekdays" }, dt = { class: "m-datepicker-popup__grid" }, ft = ["disabled", "onClick"], pt = { class: "m-datepicker-popup__time-panel" }, mt = { class: "m-datepicker-popup__time-head" }, ht = { class: "m-datepicker-popup__time-body" }, gt = { class: "m-datepicker-popup__time-foot" }, _t = { class: "m-datepicker-popup__footer" }, vt = ["disabled"], yt = {
+	key: 3,
+	class: "m-datepicker-popup__grow"
+}, bt = ["disabled"], xt = 4, St = /* @__PURE__ */ d({
+	__name: "DatePicker",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		placeholder: {},
+		format: {},
+		disabled: { type: Boolean },
+		clearable: { type: Boolean },
+		size: {},
+		min: {},
+		max: {},
+		appendToBody: { type: Boolean },
+		popupPlacement: {},
+		width: {},
+		name: {}
+	}, Oe),
+	emits: [
+		"update:modelValue",
+		"change",
+		"open",
+		"close"
+	],
+	setup(r, { emit: d }) {
+		let f = r, p = d, y = x(null), b = x(null), S = x(!1), w = x(!1), D = x(null), k = i(() => /H|mm|ss/.test(f.format)), j = x({
+			hour: 0,
+			minute: 0,
+			second: 0
+		}), N = x(!1);
+		function P(e) {
+			return e ? {
+				hour: e.getHours(),
+				minute: e.getMinutes(),
+				second: e.getSeconds()
+			} : {
+				hour: 0,
+				minute: 0,
+				second: 0
+			};
+		}
+		function F(e) {
+			return new Date(e.getFullYear(), e.getMonth(), 1);
+		}
+		let I = x(F(/* @__PURE__ */ new Date())), L = x({
+			top: 0,
+			left: 0,
+			side: "bottom"
+		}), ee = i(() => {
+			if (!f.modelValue) return "";
+			let e = $(f.modelValue);
+			return e ? Ae(e, f.format) : "";
+		}), R = i(() => !!f.modelValue), z = i(() => f.clearable && !f.disabled && R.value);
+		O(() => f.modelValue, (e) => {
+			D.value = $(e);
+		}, { immediate: !0 }), O(D, (e) => {
+			j.value = P(e);
+		}, { immediate: !0 });
+		let B = i(() => Pe(I.value)), V = i(() => I.value.getFullYear()), te = i(() => I.value.getMonth() + 1), H = je(/* @__PURE__ */ new Date()), U = x("date"), W = x(0), ne = i(() => Array.from({ length: 12 }, (e, t) => W.value + t));
+		function G() {
+			W.value = Math.floor(I.value.getFullYear() / 12) * 12, U.value = "year", N.value = !1;
+		}
+		function K() {
+			U.value = "month", N.value = !1;
+		}
+		function q(e) {
+			W.value += e * 12;
+		}
+		function J(e) {
+			let t = $(f.min), n = $(f.max), r = new Date(e, 0, 1), i = new Date(e, 11, 1);
+			return !!(t && i < F(t) || n && r > F(n));
+		}
+		function re(e) {
+			I.value = new Date(e, I.value.getMonth(), 1), U.value = "month";
+		}
+		function ie(e) {
+			let t = new Date(I.value.getFullYear(), e - 1, 1), n = $(f.min), r = $(f.max);
+			return !!(n && t < F(n) || r && t > F(r));
+		}
+		function Y(e) {
+			I.value = new Date(I.value.getFullYear(), e - 1, 1), U.value = "date";
+		}
+		function X(e) {
+			let t = $(f.min), n = $(f.max);
+			return !!(t && e < je(t) || n && e > je(n));
+		}
+		function ae(e) {
+			return {
+				"is-outside": !Ne(e, I.value),
+				"is-today": Me(e, H),
+				"is-selected": !!D.value && Me(e, D.value)
+			};
+		}
+		function Z() {
+			I.value = new Date(I.value.getFullYear(), I.value.getMonth() - 1, 1);
+		}
+		function oe() {
+			I.value = new Date(I.value.getFullYear(), I.value.getMonth() + 1, 1);
+		}
+		function se(e) {
+			let t = F(new Date(I.value.getFullYear(), I.value.getMonth() + e, 1)), n = $(f.min), r = $(f.max);
+			if (n) {
+				let e = F(n);
+				if (t.getTime() < e.getTime()) return !0;
+			}
+			if (r) {
+				let e = F(r);
+				if (t.getTime() > e.getTime()) return !0;
+			}
+			return !1;
+		}
+		function ce(e) {
+			D.value = e;
+			let t = Ae(e, f.format);
+			p("update:modelValue", t), p("change", t);
+		}
+		function le(e) {
+			X(e) || (ce(new Date(e.getFullYear(), e.getMonth(), e.getDate(), j.value.hour, j.value.minute, j.value.second)), k.value || me());
+		}
+		function ue() {
+			let e = je(/* @__PURE__ */ new Date());
+			I.value = new Date(e.getFullYear(), e.getMonth(), 1), le(e);
+		}
+		function de() {
+			let e = /* @__PURE__ */ new Date();
+			j.value = P(e), I.value = new Date(e.getFullYear(), e.getMonth(), 1), ce(e);
+		}
+		function fe() {
+			let e = D.value;
+			e && ce(new Date(e.getFullYear(), e.getMonth(), e.getDate(), j.value.hour, j.value.minute, j.value.second));
+		}
+		function pe() {
+			D.value && me();
+		}
+		function Q() {
+			if (f.disabled || S.value) return;
+			let e = D.value ?? /* @__PURE__ */ new Date();
+			I.value = new Date(e.getFullYear(), e.getMonth(), 1), U.value = "date", S.value = !0, p("open"), Ge(), document.addEventListener("pointerdown", ye), window.addEventListener("scroll", Ce, !0), window.addEventListener("resize", Ce), m(() => {
+				he(), b.value?.focus({ preventScroll: !0 });
+			});
+		}
+		function me() {
+			S.value && (S.value = !1, p("close"), Se(), Ke(), document.removeEventListener("pointerdown", ye), window.removeEventListener("scroll", Ce, !0), window.removeEventListener("resize", Ce));
+		}
+		function he() {
+			let e = y.value, t = b.value;
+			if (!e || !t) return;
+			let n = e.getBoundingClientRect(), r = t.offsetWidth, i = t.offsetHeight, a = window.innerWidth, o = window.innerHeight, s = Math.min(Math.max(0, n.left), Math.max(0, a - r - 8));
+			s + r > a - 8 && (s = a - r - 8), s = Math.max(0, s);
+			let c = Math.max(0, n.top - xt), l = Math.max(0, o - n.bottom - xt), u = f.popupPlacement === "top", d = u ? c : l, p = u ? l : c, m;
+			m = d >= i ? u : p >= i || p > d ? !u : u;
+			let h = m ? Math.max(0, n.top - xt - i) : n.bottom + xt;
+			L.value = {
+				top: h,
+				left: s,
+				side: m ? "top" : "bottom"
+			};
+		}
+		function ge() {
+			f.disabled || (S.value ? me() : Q());
+		}
+		function _e() {
+			ge(), (y.value?.querySelector("input"))?.focus();
+		}
+		function ve(e) {
+			f.disabled || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), S.value || Q()) : e.key === "Escape" && S.value && (e.preventDefault(), me()));
+		}
+		function ye(e) {
+			let t = e.target;
+			!y.value?.contains(t) && !b.value?.contains(t) && me();
+		}
+		function be() {
+			p("update:modelValue", ""), p("change", ""), D.value = null;
+		}
+		let xe = null;
+		function Se() {
+			xe !== null && (cancelAnimationFrame(xe), xe = null);
+		}
+		function Ce(e) {
+			let t = e.target;
+			t instanceof Node && b.value?.contains(t) || xe === null && (xe = requestAnimationFrame(() => {
+				if (xe = null, !S.value) return;
+				let e = y.value?.getBoundingClientRect();
+				e && (e.bottom > 0 && e.top < window.innerHeight && e.right > 0 && e.left < window.innerWidth ? he() : me());
+			}));
+		}
+		function we(e, t) {
+			let n = getComputedStyle(document.documentElement).getPropertyValue(e).trim(), r = parseFloat(n);
+			return Number.isFinite(r) ? r : t;
+		}
+		function Te(e, t, n) {
+			let r = e.getBoundingClientRect();
+			if (t) {
+				let e = t.getBoundingClientRect(), i = n === "top" ? e.top - r.top : e.bottom - r.top;
+				return `${e.left - r.left}px ${i}px`;
+			}
+			return "center";
+		}
+		function Ee(e, t) {
+			for (let t of e) t && (t.style.transition = "", t.style.opacity = "", t.style.transform = "", t.style.transformOrigin = "");
+			t();
+		}
+		let De = 0;
+		function Oe(e, t, n) {
+			let r = e[0];
+			if (!r) return;
+			let i = ++De, a = !1, o = e.filter((e) => !!e && e !== r), s = /* @__PURE__ */ new Set(), c = () => {
+				a || (a = !0, window.clearTimeout(u), r.removeEventListener("transitionend", l), i === De ? Ee(e, n) : n());
+			}, l = (e) => {
+				let t = e.target;
+				!t || !o.includes(t) || (s.add(t), s.size >= o.length && c());
+			}, u = window.setTimeout(c, t + 80);
+			o.length > 0 ? r.addEventListener("transitionend", l) : c();
+		}
+		function ke(e, t) {
+			let n = e, r = n.querySelector(".m-datepicker-popup__surface"), i = n.querySelector(".m-datepicker-popup__content"), a = we("--m-dur-entering", 225), o = "var(--m-ease-in-out, ease)";
+			he(), m(() => {
+				r && (r.style.transformOrigin = Te(r, y.value, L.value.side), r.style.transform = "scale(1, 0)"), i && (i.style.opacity = "0"), n.offsetWidth, requestAnimationFrame(() => {
+					let e = Math.round(a * 1.4), s = e;
+					if (r && (r.style.transition = `transform ${e}ms ${o}`, r.style.transform = ""), i) {
+						let t = Math.round(a * .7), n = Math.round(e * .85);
+						i.style.transition = `opacity ${t}ms ${o} ${n}ms`, i.style.opacity = "1", s = Math.max(s, n + t);
+					}
+					Oe([
+						n,
+						r,
+						i
+					], s, t);
+				});
+			});
+		}
+		function Ie(e, t) {
+			let n = e, r = n.querySelector(".m-datepicker-popup__surface"), i = n.querySelector(".m-datepicker-popup__content"), a = we("--m-dur-leaving", 195), o = "var(--m-ease-in-out, ease)", s = Math.round(a * 1), c = s;
+			if (r && (r.style.transformOrigin = Te(r, y.value, L.value.side), r.style.transition = `opacity ${s}ms ${o}, transform ${s}ms ${o}`, r.style.transform = "scale(0.96)", r.style.opacity = "0"), i) {
+				let e = Math.round(a * .6);
+				i.style.transition = `opacity ${e}ms ${o}`, i.style.opacity = "0", c = Math.max(c, e);
+			}
+			Oe([
+				n,
+				r,
+				i
+			], c, t);
+		}
+		return _(() => {
+			Ke(), Se(), document.removeEventListener("pointerdown", ye), window.removeEventListener("scroll", Ce, !0), window.removeEventListener("resize", Ce);
+		}), (i, d) => (v(), s(e, null, [c("div", {
+			ref_key: "triggerRef",
+			ref: y,
+			class: h(["m-datepicker", [
+				`m-datepicker--${r.size}`,
+				w.value && "is-focused",
+				r.disabled && "is-disabled",
+				S.value && "is-open"
+			]]),
+			style: g(r.width ? { width: r.width } : void 0)
+		}, [
+			c("span", {
+				class: "m-datepicker__icon",
+				"aria-hidden": "true",
+				onClick: _e
+			}, [...d[14] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "18",
+				height: "18",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "1.8",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [c("rect", {
+				x: "3",
+				y: "5",
+				width: "18",
+				height: "16",
+				rx: "2"
+			}), c("path", { d: "M3 9h18M8 3v4m8-4v4" })], -1)]]),
+			c("input", {
+				class: "m-datepicker__input",
+				type: "text",
+				readonly: "",
+				value: ee.value,
+				placeholder: r.placeholder,
+				disabled: r.disabled,
+				name: r.name,
+				onClick: ge,
+				onFocus: d[0] ||= (e) => w.value = !0,
+				onBlur: d[1] ||= (e) => w.value = !1,
+				onKeydown: ve
+			}, null, 40, qe),
+			z.value ? (v(), s("button", {
+				key: 0,
+				type: "button",
+				class: "m-datepicker__clear",
+				tabindex: "-1",
+				"aria-label": "清除日期",
+				onMousedown: d[2] ||= M(() => {}, ["prevent"]),
+				onClick: be
+			}, [...d[15] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "13",
+				height: "13",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.4",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]], 32)) : o("", !0)
+		], 6), (v(), a(t, {
+			to: "body",
+			disabled: !r.appendToBody
+		}, [u(n, {
+			css: !1,
+			onEnter: ke,
+			onLeave: Ie
+		}, {
+			default: A(() => [S.value ? (v(), s("div", {
+				key: 0,
+				ref_key: "panelRef",
+				ref: b,
+				class: "m-datepicker-popup",
+				tabindex: "-1",
+				style: g({
+					top: L.value.top + "px",
+					left: L.value.left + "px"
+				})
+			}, [d[26] ||= c("div", {
+				class: "m-datepicker-popup__surface",
+				"aria-hidden": "true"
+			}, null, -1), c("div", Je, [c("div", Ye, [
+				U.value === "date" ? (v(), s("button", {
+					key: 0,
+					type: "button",
+					class: "m-datepicker-popup__nav",
+					"aria-label": "上个月",
+					disabled: se(-1),
+					onClick: Z
+				}, [...d[16] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "18",
+					height: "18",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M15 6l-6 6 6 6" })], -1)]], 8, Xe)) : o("", !0),
+				c("div", Ze, [c("button", {
+					type: "button",
+					class: "m-datepicker-popup__label-btn",
+					onClick: G
+				}, T(V.value) + " 年 ", 1), c("button", {
+					type: "button",
+					class: "m-datepicker-popup__label-btn",
+					onClick: K
+				}, T(te.value) + " 月 ", 1)]),
+				U.value === "date" ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-datepicker-popup__nav",
+					"aria-label": "下个月",
+					disabled: se(1),
+					onClick: oe
+				}, [...d[17] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "18",
+					height: "18",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M9 6l6 6-6 6" })], -1)]], 8, Qe)) : o("", !0)
+			]), U.value === "year" ? (v(), s("div", $e, [c("div", et, [
+				c("button", {
+					type: "button",
+					class: "m-datepicker-popup__ym-nav",
+					"aria-label": "返回日期视图",
+					onClick: d[3] ||= (e) => U.value = "date"
+				}, [...d[18] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M15 6l-6 6 6 6" })], -1)]]),
+				c("button", {
+					type: "button",
+					class: "m-datepicker-popup__ym-nav",
+					"aria-label": "前 12 年",
+					onClick: d[4] ||= (e) => q(-1)
+				}, [...d[19] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M11 6l-6 6 6 6M19 6l-6 6 6 6" })], -1)]]),
+				c("span", tt, T(W.value) + " – " + T(W.value + 11), 1),
+				c("button", {
+					type: "button",
+					class: "m-datepicker-popup__ym-nav",
+					"aria-label": "后 12 年",
+					onClick: d[5] ||= (e) => q(1)
+				}, [...d[20] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M13 6l6 6-6 6M5 6l6 6-6 6" })], -1)]])
+			]), c("div", nt, [(v(!0), s(e, null, C(ne.value, (e) => (v(), s("button", {
+				key: e,
+				type: "button",
+				class: h(["m-datepicker-popup__ym-cell", { "is-active": e === V.value }]),
+				disabled: J(e),
+				onClick: (t) => re(e)
+			}, T(e), 11, rt))), 128))])])) : U.value === "month" ? (v(), s("div", it, [c("div", at, [
+				c("button", {
+					type: "button",
+					class: "m-datepicker-popup__ym-nav",
+					"aria-label": "返回日期视图",
+					onClick: d[6] ||= (e) => U.value = "date"
+				}, [...d[21] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M15 6l-6 6 6 6" })], -1)]]),
+				c("span", ot, T(V.value) + " 年", 1),
+				d[22] ||= c("span", { class: "m-datepicker-popup__ym-head-spacer" }, null, -1)
+			]), c("div", st, [(v(), s(e, null, C(12, (e) => c("button", {
+				key: e,
+				type: "button",
+				class: h(["m-datepicker-popup__ym-cell", { "is-active": e === te.value }]),
+				disabled: ie(e),
+				onClick: (t) => Y(e)
+			}, T(e) + " 月 ", 11, ct)), 64))])])) : (v(), s(e, { key: 2 }, [c("div", lt, [
+				c("div", ut, [(v(!0), s(e, null, C(E(Fe), (e) => (v(), s("span", {
+					key: e,
+					class: "m-datepicker-popup__weekday"
+				}, T(e), 1))), 128))]),
+				c("div", dt, [(v(!0), s(e, null, C(B.value, (e) => (v(), s("button", {
+					key: e.getTime(),
+					type: "button",
+					class: h(["m-datepicker-popup__day", ae(e)]),
+					disabled: X(e),
+					onClick: (t) => le(e)
+				}, T(e.getDate()), 11, ft))), 128))]),
+				u(n, { name: "m-datepicker-time" }, {
+					default: A(() => [N.value ? (v(), s("div", {
+						key: 0,
+						class: "m-datepicker-popup__time",
+						onClick: d[12] ||= M((e) => N.value = !1, ["self"])
+					}, [c("div", pt, [
+						c("div", mt, [d[24] ||= c("span", { class: "m-datepicker-popup__time-title" }, [c("svg", {
+							viewBox: "0 0 24 24",
+							width: "13",
+							height: "13",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2",
+							"stroke-linecap": "round",
+							"stroke-linejoin": "round",
+							"aria-hidden": "true"
+						}, [c("circle", {
+							cx: "12",
+							cy: "12",
+							r: "9"
+						}), c("path", { d: "M12 7v5l3 2" })]), l(" 选择时间 ")], -1), c("button", {
+							type: "button",
+							class: "m-datepicker-popup__time-close",
+							"aria-label": "收起时间选择",
+							onClick: d[7] ||= (e) => N.value = !1
+						}, [...d[23] ||= [c("svg", {
+							viewBox: "0 0 24 24",
+							width: "12",
+							height: "12",
+							fill: "none",
+							stroke: "currentColor",
+							"stroke-width": "2.6",
+							"stroke-linecap": "round",
+							"aria-hidden": "true"
+						}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]])]),
+						c("div", ht, [u(He, {
+							hour: j.value.hour,
+							"onUpdate:hour": [d[8] ||= (e) => j.value.hour = e, fe],
+							minute: j.value.minute,
+							"onUpdate:minute": [d[9] ||= (e) => j.value.minute = e, fe],
+							second: j.value.second,
+							"onUpdate:second": [d[10] ||= (e) => j.value.second = e, fe]
+						}, null, 8, [
+							"hour",
+							"minute",
+							"second"
+						])]),
+						c("div", gt, [c("button", {
+							type: "button",
+							class: "m-datepicker-popup__time-done",
+							onClick: d[11] ||= (e) => N.value = !1
+						}, " 完成 ")])
+					])])) : o("", !0)]),
+					_: 1
+				})
+			]), c("div", _t, [
+				k.value ? (v(), s("button", {
+					key: 0,
+					type: "button",
+					class: h(["m-datepicker-popup__clock", { "is-active": N.value }]),
+					"aria-label": "选择时间",
+					onClick: d[13] ||= (e) => N.value = !N.value
+				}, [...d[25] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "15",
+					height: "15",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("circle", {
+					cx: "12",
+					cy: "12",
+					r: "9"
+				}), c("path", { d: "M12 7v5l3 2" })], -1)]], 2)) : o("", !0),
+				k.value ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-datepicker-popup__today",
+					onClick: de
+				}, " 此刻 ")) : (v(), s("button", {
+					key: 2,
+					type: "button",
+					class: "m-datepicker-popup__today",
+					disabled: X(E(H)),
+					onClick: ue
+				}, " 今天 ", 8, vt)),
+				k.value ? (v(), s("span", yt)) : o("", !0),
+				k.value ? (v(), s("button", {
+					key: 4,
+					type: "button",
+					class: "m-datepicker-popup__confirm",
+					disabled: !D.value,
+					onClick: pe
+				}, " 确定 ", 8, bt)) : o("", !0)
+			])], 64))])], 4)) : o("", !0)]),
+			_: 1
+		})], 8, ["disabled"]))], 64));
+	}
+}), Ct = {
+	placeholder: "开始日期 ~ 结束日期",
+	format: "YYYY-MM-DD",
+	disabled: !1,
+	clearable: !1,
+	size: "default",
+	appendToBody: !0,
+	popupPlacement: "bottom"
+}, wt = [
+	"value",
+	"placeholder",
+	"disabled",
+	"name"
+], Tt = { class: "m-daterangepicker-popup__content" }, Et = {
+	key: 0,
+	class: "m-drp__ym"
+}, Dt = { class: "m-drp__ym-head" }, Ot = { class: "m-drp__ym-title" }, kt = {
+	key: 2,
+	class: "m-drp__ym-head-spacer"
+}, At = { class: "m-drp__ym-grid" }, jt = ["disabled", "onClick"], Mt = ["disabled", "onClick"], Nt = {
+	key: 1,
+	class: "m-drp__calendar m-drp__months"
+}, Pt = { class: "m-drp__header" }, Ft = ["disabled"], It = { class: "m-drp__label" }, Lt = ["disabled"], Rt = { class: "m-drp__weekdays" }, zt = { class: "m-drp__grid" }, Bt = [
+	"disabled",
+	"onClick",
+	"onMouseenter"
+], Vt = { class: "m-drp__day-circle" }, Ht = { class: "m-drp__time-panel" }, Ut = { class: "m-drp__time-head" }, Wt = { class: "m-drp__time-body" }, Gt = { class: "m-drp__time-item" }, Kt = { class: "m-drp__time-item" }, qt = { class: "m-drp__time-foot" }, Jt = { class: "m-drp__footer" }, Yt = ["disabled"], Xt = 4, Zt = /* @__PURE__ */ d({
+	__name: "DateRangePicker",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		placeholder: {},
+		format: {},
+		disabled: { type: Boolean },
+		clearable: { type: Boolean },
+		size: {},
+		min: {},
+		max: {},
+		appendToBody: { type: Boolean },
+		popupPlacement: {},
+		width: {},
+		name: {}
+	}, Ct),
+	emits: [
+		"update:modelValue",
+		"change",
+		"open",
+		"close"
+	],
+	setup(r, { emit: d }) {
+		let f = r, p = d, y = x(null), b = x(null), S = x(!1), w = x(!1), D = x(null), k = x([null, null]), j = i(() => /H|mm|ss/.test(f.format)), N = x({
+			hour: 0,
+			minute: 0,
+			second: 0
+		}), P = x({
+			hour: 0,
+			minute: 0,
+			second: 0
+		}), F = x(!1);
+		function I(e) {
+			return e ? {
+				hour: e.getHours(),
+				minute: e.getMinutes(),
+				second: e.getSeconds()
+			} : {
+				hour: 0,
+				minute: 0,
+				second: 0
+			};
+		}
+		let L = x({
+			top: 0,
+			left: 0,
+			side: "bottom"
+		}), ee = je(/* @__PURE__ */ new Date());
+		function R(e) {
+			return new Date(e.getFullYear(), e.getMonth(), 1);
+		}
+		function z(e, t) {
+			return new Date(e.getFullYear(), e.getMonth() + t, 1);
+		}
+		let B = x(R(/* @__PURE__ */ new Date())), V = i(() => z(B.value, 1)), te = i(() => [B.value, V.value]), H = x("date"), U = x(0), W = i(() => Array.from({ length: 12 }, (e, t) => U.value + t));
+		function ne() {
+			U.value = Math.floor(B.value.getFullYear() / 12) * 12, H.value = "year", F.value = !1;
+		}
+		function G() {
+			H.value = "month", F.value = !1;
+		}
+		function K(e) {
+			U.value += e * 12;
+		}
+		function q(e) {
+			let t = $(f.min), n = $(f.max), r = new Date(e, 0, 1), i = new Date(e, 11, 1);
+			return !!(t && i < R(t) || n && r > R(n));
+		}
+		function J(e) {
+			B.value = new Date(e, B.value.getMonth(), 1), H.value = "month";
+		}
+		function re(e) {
+			let t = new Date(B.value.getFullYear(), e - 1, 1), n = $(f.min), r = $(f.max);
+			return !!(n && t < R(n) || r && t > R(r));
+		}
+		function ie(e) {
+			B.value = new Date(B.value.getFullYear(), e - 1, 1), H.value = "date";
+		}
+		let Y = i(() => k.value[0]), X = i(() => k.value[1]), ae = i(() => !!Y.value && !!X.value), Z = i(() => f.clearable && !f.disabled && ae.value), oe = i(() => {
+			let e = (e) => e ? Ae(e, f.format) : "", t = Y.value, n = X.value;
+			return t && n ? `${e(t)} ~ ${e(n)}` : t ? e(t) : "";
+		}), se = i(() => Array.isArray(f.placeholder) ? f.placeholder[0] : f.placeholder), ce = i(() => Array.isArray(f.placeholder) ? f.placeholder[1] : f.placeholder), le = i(() => Y.value ? ce.value : se.value);
+		O(() => f.modelValue, (e) => {
+			k.value = [$(e?.[0] ?? null), $(e?.[1] ?? null)];
+		}, { immediate: !0 }), O(k, (e) => {
+			N.value = I(e[0]), P.value = I(e[1]);
+		}, { immediate: !0 });
+		function ue(e) {
+			let t = $(f.min), n = $(f.max);
+			return !!(t && e < je(t) || n && e > je(n));
+		}
+		function de(e) {
+			let t = R(B.value);
+			if (e < t) {
+				B.value = R(e);
+				return;
+			}
+			e >= z(t, 1) && (B.value = R(e));
+		}
+		function fe(e) {
+			if (ue(e)) return;
+			de(e);
+			let t = Y.value, n = X.value;
+			!t || t && n ? k.value = [e, null] : e < t ? k.value = [e, t] : k.value = [t, e], pe();
+		}
+		function pe() {
+			let e = (e) => e ? Ae(e, f.format) : null, t = [e(Y.value), e(X.value)];
+			p("update:modelValue", t), p("change", t);
+		}
+		function Q() {
+			k.value = [null, null], D.value = null, p("update:modelValue", null), p("change", null);
+		}
+		function me() {
+			ae.value && we();
+		}
+		function he(e) {
+			let t = e === "start" ? 0 : 1, n = k.value[t], r = e === "start" ? N.value : P.value;
+			if (!n) return;
+			let i = [k.value[0], k.value[1]];
+			i[t] = new Date(n.getFullYear(), n.getMonth(), n.getDate(), r.hour, r.minute, r.second), k.value = i, pe();
+		}
+		function ge(e) {
+			let t = Y.value, n = X.value, r = D.value, i = Ne(e, B.value) || Ne(e, V.value), a = !!(t && n && e >= t && e <= n), o = !!(t && !n && r && (e >= t && e <= r || e <= t && e >= r));
+			return {
+				"is-outside": !i,
+				"is-today": Me(e, ee),
+				"is-in-range": a,
+				"is-hover-range": o,
+				"is-start": !!t && Me(e, t),
+				"is-end": !!n && Me(e, n),
+				"is-hover-end": !!o && Me(e, r)
+			};
+		}
+		function _e(e) {
+			D.value = e;
+		}
+		function ve() {
+			D.value = null;
+		}
+		function ye() {
+			let e = z(B.value, -1), t = $(f.min);
+			return !t || e.getTime() >= R(t).getTime();
+		}
+		function be() {
+			let e = z(V.value, 1), t = $(f.max);
+			return !t || e.getTime() <= R(t).getTime();
+		}
+		function xe() {
+			ye() && (B.value = z(B.value, -1));
+		}
+		function Se() {
+			be() && (B.value = z(B.value, 1));
+		}
+		function Ce() {
+			if (f.disabled || S.value) return;
+			let e = Y.value ?? /* @__PURE__ */ new Date();
+			B.value = R(e), H.value = "date", F.value = !1, S.value = !0, p("open"), Ge(), document.addEventListener("pointerdown", ke), window.addEventListener("scroll", Re, !0), window.addEventListener("resize", Re), m(() => {
+				Te(), b.value?.focus({ preventScroll: !0 });
+			});
+		}
+		function we() {
+			S.value && (S.value = !1, p("close"), Le(), Ke(), document.removeEventListener("pointerdown", ke), window.removeEventListener("scroll", Re, !0), window.removeEventListener("resize", Re));
+		}
+		function Te() {
+			let e = y.value, t = b.value;
+			if (!e || !t) return;
+			let n = e.getBoundingClientRect(), r = t.offsetWidth, i = t.offsetHeight, a = window.innerWidth, o = window.innerHeight, s = Math.min(Math.max(0, n.left), Math.max(0, a - r - 8));
+			s + r > a - 8 && (s = a - r - 8), s = Math.max(0, s);
+			let c = Math.max(0, n.top - Xt), l = Math.max(0, o - n.bottom - Xt), u = f.popupPlacement === "top", d = u ? c : l, p = u ? l : c, m;
+			m = d >= i ? u : p >= i || p > d ? !u : u;
+			let h = m ? Math.max(0, n.top - Xt - i) : n.bottom + Xt;
+			L.value = {
+				top: h,
+				left: s,
+				side: m ? "top" : "bottom"
+			};
+		}
+		function Ee() {
+			f.disabled || (S.value ? we() : Ce());
+		}
+		function De() {
+			Ee(), (y.value?.querySelector("input"))?.focus();
+		}
+		function Oe(e) {
+			f.disabled || (e.key === "Enter" || e.key === " " ? (e.preventDefault(), S.value || Ce()) : e.key === "Escape" && S.value && (e.preventDefault(), we()));
+		}
+		function ke(e) {
+			let t = e.target;
+			!y.value?.contains(t) && !b.value?.contains(t) && we();
+		}
+		let Ie = null;
+		function Le() {
+			Ie !== null && (cancelAnimationFrame(Ie), Ie = null);
+		}
+		function Re(e) {
+			let t = e.target;
+			t instanceof Node && b.value?.contains(t) || Ie === null && (Ie = requestAnimationFrame(() => {
+				if (Ie = null, !S.value) return;
+				let e = y.value?.getBoundingClientRect();
+				e && (e.bottom > 0 && e.top < window.innerHeight && e.right > 0 && e.left < window.innerWidth ? Te() : we());
+			}));
+		}
+		function ze(e, t) {
+			let n = getComputedStyle(document.documentElement).getPropertyValue(e).trim(), r = parseFloat(n);
+			return Number.isFinite(r) ? r : t;
+		}
+		function Be(e, t, n) {
+			let r = e.getBoundingClientRect();
+			if (t) {
+				let e = t.getBoundingClientRect(), i = n === "top" ? e.top - r.top : e.bottom - r.top;
+				return `${e.left - r.left}px ${i}px`;
+			}
+			return "center";
+		}
+		function Ve(e, t) {
+			for (let t of e) t && (t.style.transition = "", t.style.opacity = "", t.style.transform = "", t.style.transformOrigin = "");
+			t();
+		}
+		let Ue = 0;
+		function We(e, t, n) {
+			let r = e[0];
+			if (!r) return;
+			let i = ++Ue, a = !1, o = e.filter((e) => !!e && e !== r), s = /* @__PURE__ */ new Set(), c = () => {
+				a || (a = !0, window.clearTimeout(u), r.removeEventListener("transitionend", l), i === Ue ? Ve(e, n) : n());
+			}, l = (e) => {
+				let t = e.target;
+				!t || !o.includes(t) || (s.add(t), s.size >= o.length && c());
+			}, u = window.setTimeout(c, t + 80);
+			o.length > 0 ? r.addEventListener("transitionend", l) : c();
+		}
+		function qe(e, t) {
+			let n = e, r = n.querySelector(".m-daterangepicker-popup__surface"), i = n.querySelector(".m-daterangepicker-popup__content"), a = ze("--m-dur-entering", 225), o = "var(--m-ease-in-out, ease)";
+			Te(), m(() => {
+				r && (r.style.transformOrigin = Be(r, y.value, L.value.side), r.style.transform = "scale(1, 0)"), i && (i.style.opacity = "0"), n.offsetWidth, requestAnimationFrame(() => {
+					let e = Math.round(a * 1.4), s = e;
+					if (r && (r.style.transition = `transform ${e}ms ${o}`, r.style.transform = ""), i) {
+						let t = Math.round(a * .7), n = Math.round(e * .85);
+						i.style.transition = `opacity ${t}ms ${o} ${n}ms`, i.style.opacity = "1", s = Math.max(s, n + t);
+					}
+					We([
+						n,
+						r,
+						i
+					], s, t);
+				});
+			});
+		}
+		function Je(e, t) {
+			let n = e, r = n.querySelector(".m-daterangepicker-popup__surface"), i = n.querySelector(".m-daterangepicker-popup__content"), a = ze("--m-dur-leaving", 195), o = "var(--m-ease-in-out, ease)", s = Math.round(a * 1), c = s;
+			if (r && (r.style.transformOrigin = Be(r, y.value, L.value.side), r.style.transition = `opacity ${s}ms ${o}, transform ${s}ms ${o}`, r.style.transform = "scale(0.96)", r.style.opacity = "0"), i) {
+				let e = Math.round(a * .6);
+				i.style.transition = `opacity ${e}ms ${o}`, i.style.opacity = "0", c = Math.max(c, e);
+			}
+			We([
+				n,
+				r,
+				i
+			], c, t);
+		}
+		return _(() => {
+			Ke(), Le(), document.removeEventListener("pointerdown", ke), window.removeEventListener("scroll", Re, !0), window.removeEventListener("resize", Re);
+		}), (i, d) => (v(), s(e, null, [c("div", {
+			ref_key: "triggerRef",
+			ref: y,
+			class: h(["m-daterangepicker", [
+				`m-daterangepicker--${r.size}`,
+				w.value && "is-focused",
+				r.disabled && "is-disabled",
+				S.value && "is-open"
+			]]),
+			style: g(r.width ? { width: r.width } : void 0)
+		}, [
+			c("span", {
+				class: "m-daterangepicker__icon",
+				"aria-hidden": "true",
+				onClick: De
+			}, [...d[22] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "18",
+				height: "18",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "1.8",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [c("rect", {
+				x: "3",
+				y: "5",
+				width: "18",
+				height: "16",
+				rx: "2"
+			}), c("path", { d: "M3 9h18M8 3v4m8-4v4" })], -1)]]),
+			c("input", {
+				class: "m-daterangepicker__input",
+				type: "text",
+				readonly: "",
+				value: oe.value,
+				placeholder: le.value,
+				disabled: r.disabled,
+				name: r.name,
+				onClick: Ee,
+				onFocus: d[0] ||= (e) => w.value = !0,
+				onBlur: d[1] ||= (e) => w.value = !1,
+				onKeydown: Oe
+			}, null, 40, wt),
+			Z.value ? (v(), s("button", {
+				key: 0,
+				type: "button",
+				class: "m-daterangepicker__clear",
+				tabindex: "-1",
+				"aria-label": "清除日期范围",
+				onMousedown: d[2] ||= M(() => {}, ["prevent"]),
+				onClick: Q
+			}, [...d[23] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "13",
+				height: "13",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.4",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]], 32)) : o("", !0)
+		], 6), (v(), a(t, {
+			to: "body",
+			disabled: !r.appendToBody
+		}, [u(n, {
+			css: !1,
+			onEnter: qe,
+			onLeave: Je
+		}, {
+			default: A(() => [S.value ? (v(), s("div", {
+				key: 0,
+				ref_key: "panelRef",
+				ref: b,
+				class: "m-daterangepicker-popup",
+				tabindex: "-1",
+				style: g({
+					top: L.value.top + "px",
+					left: L.value.left + "px"
+				})
+			}, [d[35] ||= c("div", {
+				class: "m-daterangepicker-popup__surface",
+				"aria-hidden": "true"
+			}, null, -1), c("div", Tt, [H.value === "date" ? (v(), s("div", Nt, [(v(!0), s(e, null, C(te.value, (t, n) => (v(), s("section", {
+				key: t.getTime(),
+				class: "m-drp__month"
+			}, [
+				c("div", Pt, [
+					n === 0 ? (v(), s("button", {
+						key: 0,
+						type: "button",
+						class: "m-drp__nav",
+						"aria-label": "上一个月",
+						disabled: !ye(),
+						onClick: xe
+					}, [...d[27] ||= [c("svg", {
+						viewBox: "0 0 24 24",
+						width: "18",
+						height: "18",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2.2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"aria-hidden": "true"
+					}, [c("path", { d: "M15 6l-6 6 6 6" })], -1)]], 8, Ft)) : o("", !0),
+					c("div", It, [c("button", {
+						type: "button",
+						class: "m-drp__label-btn",
+						onClick: ne
+					}, T(t.getFullYear()) + " 年 ", 1), c("button", {
+						type: "button",
+						class: "m-drp__label-btn",
+						onClick: G
+					}, T(t.getMonth() + 1) + " 月 ", 1)]),
+					n === 1 ? (v(), s("button", {
+						key: 1,
+						type: "button",
+						class: "m-drp__nav",
+						"aria-label": "下一个月",
+						disabled: !be(),
+						onClick: Se
+					}, [...d[28] ||= [c("svg", {
+						viewBox: "0 0 24 24",
+						width: "18",
+						height: "18",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2.2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"aria-hidden": "true"
+					}, [c("path", { d: "M9 6l6 6-6 6" })], -1)]], 8, Lt)) : o("", !0)
+				]),
+				c("div", Rt, [(v(!0), s(e, null, C(E(Fe), (e) => (v(), s("span", {
+					key: e,
+					class: "m-drp__weekday"
+				}, T(e), 1))), 128))]),
+				c("div", zt, [(v(!0), s(e, null, C(E(Pe)(t), (e) => (v(), s("button", {
+					key: e.getTime(),
+					type: "button",
+					class: h(["m-drp__day", ge(e)]),
+					disabled: ue(e),
+					onClick: (t) => fe(e),
+					onMouseenter: (t) => _e(e),
+					onMouseleave: ve
+				}, [c("span", Vt, T(e.getDate()), 1)], 42, Bt))), 128))])
+			]))), 128)), u(n, { name: "m-datepicker-time" }, {
+				default: A(() => [F.value ? (v(), s("div", {
+					key: 0,
+					class: "m-drp__time",
+					onClick: d[20] ||= M((e) => F.value = !1, ["self"])
+				}, [c("div", Ht, [
+					c("div", Ut, [d[30] ||= c("span", { class: "m-drp__time-title" }, [c("svg", {
+						viewBox: "0 0 24 24",
+						width: "13",
+						height: "13",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2",
+						"stroke-linecap": "round",
+						"stroke-linejoin": "round",
+						"aria-hidden": "true"
+					}, [c("circle", {
+						cx: "12",
+						cy: "12",
+						r: "9"
+					}), c("path", { d: "M12 7v5l3 2" })]), l(" 选择时间 ")], -1), c("button", {
+						type: "button",
+						class: "m-drp__time-close",
+						"aria-label": "收起时间选择",
+						onClick: d[6] ||= (e) => F.value = !1
+					}, [...d[29] ||= [c("svg", {
+						viewBox: "0 0 24 24",
+						width: "12",
+						height: "12",
+						fill: "none",
+						stroke: "currentColor",
+						"stroke-width": "2.6",
+						"stroke-linecap": "round",
+						"aria-hidden": "true"
+					}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]])]),
+					c("div", Wt, [c("div", Gt, [d[31] ||= c("span", { class: "m-drp__time-label" }, "开始", -1), u(He, {
+						disabled: !Y.value,
+						hour: N.value.hour,
+						"onUpdate:hour": [d[7] ||= (e) => N.value.hour = e, d[10] ||= (e) => he("start")],
+						minute: N.value.minute,
+						"onUpdate:minute": [d[8] ||= (e) => N.value.minute = e, d[11] ||= (e) => he("start")],
+						second: N.value.second,
+						"onUpdate:second": [d[9] ||= (e) => N.value.second = e, d[12] ||= (e) => he("start")]
+					}, null, 8, [
+						"disabled",
+						"hour",
+						"minute",
+						"second"
+					])]), c("div", Kt, [d[32] ||= c("span", { class: "m-drp__time-label" }, "结束", -1), u(He, {
+						disabled: !X.value,
+						hour: P.value.hour,
+						"onUpdate:hour": [d[13] ||= (e) => P.value.hour = e, d[16] ||= (e) => he("end")],
+						minute: P.value.minute,
+						"onUpdate:minute": [d[14] ||= (e) => P.value.minute = e, d[17] ||= (e) => he("end")],
+						second: P.value.second,
+						"onUpdate:second": [d[15] ||= (e) => P.value.second = e, d[18] ||= (e) => he("end")]
+					}, null, 8, [
+						"disabled",
+						"hour",
+						"minute",
+						"second"
+					])])]),
+					c("div", qt, [c("button", {
+						type: "button",
+						class: "m-drp__time-done",
+						onClick: d[19] ||= (e) => F.value = !1
+					}, " 完成 ")])
+				])])) : o("", !0)]),
+				_: 1
+			})])) : (v(), s("div", Et, [c("div", Dt, [
+				c("button", {
+					type: "button",
+					class: "m-drp__ym-nav",
+					"aria-label": "返回日期视图",
+					onClick: d[3] ||= (e) => H.value = "date"
+				}, [...d[24] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M15 6l-6 6 6 6" })], -1)]]),
+				H.value === "year" ? (v(), s("button", {
+					key: 0,
+					type: "button",
+					class: "m-drp__ym-nav",
+					"aria-label": "前 12 年",
+					onClick: d[4] ||= (e) => K(-1)
+				}, [...d[25] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M11 6l-6 6 6 6M19 6l-6 6 6 6" })], -1)]])) : o("", !0),
+				c("span", Ot, T(H.value === "year" ? `${U.value} – ${U.value + 11}` : `${B.value.getFullYear()} 年`), 1),
+				H.value === "year" ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-drp__ym-nav",
+					"aria-label": "后 12 年",
+					onClick: d[5] ||= (e) => K(1)
+				}, [...d[26] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M13 6l6 6-6 6M5 6l6 6-6 6" })], -1)]])) : (v(), s("span", kt))
+			]), c("div", At, [H.value === "year" ? (v(!0), s(e, { key: 0 }, C(W.value, (e) => (v(), s("button", {
+				key: e,
+				type: "button",
+				class: h(["m-drp__ym-cell", { "is-active": e === B.value.getFullYear() }]),
+				disabled: q(e),
+				onClick: (t) => J(e)
+			}, T(e), 11, jt))), 128)) : (v(), s(e, { key: 1 }, C(12, (e) => c("button", {
+				key: e,
+				type: "button",
+				class: h(["m-drp__ym-cell", { "is-active": e === B.value.getMonth() + 1 }]),
+				disabled: re(e),
+				onClick: (t) => ie(e)
+			}, T(e) + " 月 ", 11, Mt)), 64))])])), c("div", Jt, [
+				j.value ? (v(), s("button", {
+					key: 0,
+					type: "button",
+					class: h(["m-drp__clock", { "is-active": F.value }]),
+					"aria-label": "选择时间",
+					onClick: d[21] ||= (e) => F.value = !F.value
+				}, [...d[33] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "15",
+					height: "15",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2",
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					"aria-hidden": "true"
+				}, [c("circle", {
+					cx: "12",
+					cy: "12",
+					r: "9"
+				}), c("path", { d: "M12 7v5l3 2" })], -1)]], 2)) : o("", !0),
+				ae.value ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-drp__clear-all",
+					onClick: Q
+				}, " 清除 ")) : o("", !0),
+				d[34] ||= c("span", { class: "m-drp__footer-grow" }, null, -1),
+				c("button", {
+					type: "button",
+					class: "m-drp__confirm",
+					disabled: !ae.value,
+					onClick: me
+				}, " 确定 ", 8, Yt)
+			])])], 4)) : o("", !0)]),
+			_: 1
+		})], 8, ["disabled"]))], 64));
+	}
+}), Qt = {
+	closeOnClickOverlay: !0,
+	closeOnPressEscape: !0,
+	appendToBody: !0,
+	showClose: !0,
+	width: 420,
+	fullscreen: !1,
+	anchor: null
+}, $t = { class: "m-dialog__content" }, en = {
+	key: 0,
+	class: "m-dialog__header"
+}, tn = {
+	key: 0,
+	class: "m-dialog__title"
+}, nn = { class: "m-dialog__body" }, rn = {
+	key: 1,
+	class: "m-dialog__footer"
+}, an = /* @__PURE__ */ d({
+	__name: "Dialog",
+	props: /*@__PURE__*/ p({
+		modelValue: { type: Boolean },
+		title: {},
+		width: {},
+		closeOnClickOverlay: { type: Boolean },
+		closeOnPressEscape: { type: Boolean },
+		appendToBody: { type: Boolean },
+		showClose: { type: Boolean },
+		fullscreen: { type: Boolean },
+		anchor: {}
+	}, Qt),
+	emits: [
+		"update:modelValue",
+		"open",
+		"close"
+	],
+	setup(r, { emit: d }) {
+		let f = r, p = d, m = x(!!f.modelValue), y = x(null), b = i(() => f.anchor ?? y.value);
+		function S(e) {
+			y.value = e.currentTarget, p("update:modelValue", !0);
+		}
+		let C = i(() => {
+			if (f.fullscreen) return;
+			let e = f.width, t;
+			return t = typeof e == "number" || typeof e == "string" && /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e || void 0, t ? `width: ${t};` : void 0;
+		});
+		function E(e, t) {
+			let n = getComputedStyle(document.documentElement).getPropertyValue(e).trim(), r = parseFloat(n);
+			return Number.isFinite(r) ? r : t;
+		}
+		function D(e, t) {
+			let n = e.getBoundingClientRect();
+			if (t) {
+				let e = t.getBoundingClientRect();
+				return `${e.left + e.width / 2 - n.left}px ${e.top + e.height / 2 - n.top}px`;
+			}
+			return "center";
+		}
+		function k(e, t) {
+			for (let t of e) t && (t.style.transition = "", t.style.opacity = "", t.style.transform = "", t.style.transformOrigin = "");
+			t();
+		}
+		let j = 0;
+		function M(e, t, n) {
+			let r = e[0];
+			if (!r) return;
+			let i = ++j, a = !1, o = () => {
+				a || (a = !0, window.clearTimeout(s), r.removeEventListener("transitionend", o), i === j ? k(e, n) : n());
+			}, s = window.setTimeout(o, t + 80);
+			r.addEventListener("transitionend", o);
+		}
+		function N(e, t) {
+			let n = e, r = n.querySelector(".m-dialog__surface"), i = n.querySelector(".m-dialog__content"), a = n.querySelector(".m-dialog"), o = E("--m-dur-entering", 225), s = "var(--m-ease-in-out, ease)";
+			if (f.fullscreen) {
+				n.style.opacity = "0", a && (a.style.transform = "translateY(100%)"), n.offsetWidth, requestAnimationFrame(() => {
+					n.style.transition = `opacity ${o}ms ${s}`, n.style.opacity = "1", a && (a.style.transition = `transform ${o}ms ${s}`, a.style.transform = ""), M([n, a], o, t);
+				});
+				return;
+			}
+			n.style.opacity = "0", r && (r.style.transformOrigin = D(r, b.value), r.style.transform = "scale(0)"), i && (i.style.opacity = "0"), n.offsetWidth, requestAnimationFrame(() => {
+				let e = Math.round(o * 1.4);
+				n.style.transition = `opacity ${e}ms ${s}`, n.style.opacity = "1";
+				let a = e;
+				if (r && (r.style.transition = `transform ${e}ms ${s}`, r.style.transform = ""), i) {
+					let t = Math.round(o * .7), n = Math.round(e * .85);
+					i.style.transition = `opacity ${t}ms ${s} ${n}ms`, i.style.opacity = "1", a = Math.max(a, n + t);
+				}
+				M([
+					n,
+					r,
+					i
+				], a, t);
+			});
+		}
+		function P(e, t) {
+			let n = e, r = n.querySelector(".m-dialog__surface"), i = n.querySelector(".m-dialog__content"), a = n.querySelector(".m-dialog"), o = E("--m-dur-leaving", 195), s = "var(--m-ease-in-out, ease)";
+			if (f.fullscreen) {
+				n.style.transition = `opacity ${o}ms ${s}`, n.style.opacity = "0", a && (a.style.transition = `transform ${o}ms ${s}`, a.style.transform = "translateY(100%)"), M([n, a], o, t);
+				return;
+			}
+			let c = Math.round(o * 1);
+			n.style.transition = `opacity ${c}ms ${s}`, n.style.opacity = "0";
+			let l = c;
+			if (r && (r.style.transformOrigin = D(r, b.value), r.style.transition = `transform ${c}ms ${s}`, r.style.transform = "scale(0)"), i) {
+				let e = Math.round(o * .6);
+				i.style.transition = `opacity ${e}ms ${s}`, i.style.opacity = "0", l = Math.max(l, e);
+			}
+			M([
+				n,
+				r,
+				i
+			], l, t);
+		}
+		O(() => f.modelValue, (e) => {
+			m.value = !!e, e ? (p("open"), document.body.style.overflow = "hidden", document.addEventListener("keydown", F)) : (p("close"), document.body.style.overflow = "", document.removeEventListener("keydown", F));
+		});
+		function F(e) {
+			e.key === "Escape" && f.closeOnPressEscape && L();
+		}
+		function I() {
+			f.closeOnClickOverlay && L();
+		}
+		function L() {
+			p("update:modelValue", !1);
+		}
+		return _(() => {
+			document.removeEventListener("keydown", F), document.body.style.overflow = "";
+		}), (i, d) => (v(), s(e, null, [i.$slots.trigger ? (v(), s("span", {
+			key: 0,
+			class: "m-dialog__trigger",
+			onClick: S
+		}, [w(i.$slots, "trigger")])) : o("", !0), (v(), a(t, {
+			to: "body",
+			disabled: !r.appendToBody
+		}, [u(n, {
+			css: !1,
+			onEnter: N,
+			onLeave: P
+		}, {
+			default: A(() => [m.value ? (v(), s("div", {
+				key: 0,
+				class: h(["m-dialog-overlay", { "m-dialog-overlay--fullscreen": r.fullscreen }])
+			}, [c("div", {
+				class: "m-dialog-overlay__backdrop",
+				onClick: I
+			}), c("div", {
+				class: h(["m-dialog", { "m-dialog--fullscreen": r.fullscreen }]),
+				role: "dialog",
+				"aria-modal": "true",
+				style: g(C.value)
+			}, [d[1] ||= c("div", {
+				class: "m-dialog__surface",
+				"aria-hidden": "true"
+			}, null, -1), c("div", $t, [
+				r.showClose || r.title || i.$slots.title ? (v(), s("header", en, [r.title || i.$slots.title ? (v(), s("h3", tn, [w(i.$slots, "title", {}, () => [l(T(r.title), 1)])])) : o("", !0), r.showClose ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-dialog__close",
+					"aria-label": "关闭对话框",
+					onClick: L
+				}, [...d[0] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]])) : o("", !0)])) : o("", !0),
+				c("div", nn, [w(i.$slots, "default")]),
+				i.$slots.footer ? (v(), s("footer", rn, [w(i.$slots, "footer")])) : o("", !0)
+			])], 6)], 2)) : o("", !0)]),
+			_: 3
+		})], 8, ["disabled"]))], 64));
+	}
+}), on = {
+	placement: "right",
+	size: 320,
+	showClose: !0,
+	closeOnClickOverlay: !0,
+	closeOnPressEscape: !0,
+	appendToBody: !0
+}, sn = {
+	key: 0,
+	class: "m-drawer__header"
+}, cn = {
+	key: 0,
+	class: "m-drawer__title"
+}, ln = { class: "m-drawer__body" }, un = {
+	key: 1,
+	class: "m-drawer__footer"
+}, dn = /* @__PURE__ */ d({
+	__name: "Drawer",
+	props: /*@__PURE__*/ p({
+		modelValue: { type: Boolean },
+		placement: {},
+		size: {},
+		title: {},
+		showClose: { type: Boolean },
+		closeOnClickOverlay: { type: Boolean },
+		closeOnPressEscape: { type: Boolean },
+		appendToBody: { type: Boolean }
+	}, on),
+	emits: [
+		"update:modelValue",
+		"open",
+		"close"
+	],
+	setup(r, { emit: d }) {
+		let f = r, p = d, m = x(!!f.modelValue), y = i(() => {
+			let e = f.size;
+			return (typeof e == "number" || typeof e == "string" && /^\d+(\.\d+)?$/.test(e)) && (e = `${e}px`), f.placement === "left" || f.placement === "right" ? `width: ${e};` : `height: ${e};`;
+		});
+		function b(e) {
+			e.key === "Escape" && f.closeOnPressEscape && C();
+		}
+		function S() {
+			f.closeOnClickOverlay && C();
+		}
+		function C() {
+			p("update:modelValue", !1);
+		}
+		return O(() => f.modelValue, (e) => {
+			m.value = !!e, e ? (p("open"), Ge(), document.addEventListener("keydown", b)) : (p("close"), Ke(), document.removeEventListener("keydown", b));
+		}, { immediate: !0 }), _(() => {
+			document.removeEventListener("keydown", b), Ke();
+		}), (i, d) => (v(), s(e, null, [i.$slots.trigger ? (v(), s("span", {
+			key: 0,
+			class: "m-drawer__trigger",
+			onClick: d[0] ||= (e) => p("update:modelValue", !0)
+		}, [w(i.$slots, "trigger")])) : o("", !0), (v(), a(t, {
+			to: "body",
+			disabled: !r.appendToBody
+		}, [u(n, { name: "m-drawer" }, {
+			default: A(() => [m.value ? (v(), s("div", {
+				key: 0,
+				class: h(["m-drawer-overlay", `m-drawer-overlay--${r.placement}`]),
+				role: "presentation"
+			}, [c("div", {
+				class: "m-drawer-overlay__backdrop",
+				onClick: S
+			}), c("div", {
+				class: h(["m-drawer", `m-drawer--${r.placement}`]),
+				role: "dialog",
+				"aria-modal": "true",
+				style: g(y.value)
+			}, [
+				r.showClose || r.title || i.$slots.title ? (v(), s("header", sn, [r.title || i.$slots.title ? (v(), s("h3", cn, [w(i.$slots, "title", {}, () => [l(T(r.title), 1)])])) : o("", !0), r.showClose ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-drawer__close",
+					"aria-label": "关闭抽屉",
+					onClick: C
+				}, [...d[1] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "16",
+					height: "16",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.2",
+					"stroke-linecap": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]])) : o("", !0)])) : o("", !0),
+				c("div", ln, [w(i.$slots, "default")]),
+				i.$slots.footer ? (v(), s("footer", un, [w(i.$slots, "footer")])) : o("", !0)
+			], 6)], 2)) : o("", !0)]),
+			_: 3
+		})], 8, ["disabled"]))], 64));
+	}
+}), fn = {
+	placement: "bottom-start",
+	trigger: "click",
+	disabled: !1,
+	offset: 4,
+	appendToBody: !0
+}, pn = {
+	disabled: !1,
+	divider: !1
+}, mn = Symbol("m-dropdown-context"), hn = ["aria-expanded", "aria-disabled"], gn = 320, _n = 150, vn = /* @__PURE__ */ d({
+	__name: "Dropdown",
+	props: /*@__PURE__*/ p({
+		placement: {},
+		trigger: {},
+		disabled: { type: Boolean },
+		width: {},
+		offset: {},
+		appendToBody: { type: Boolean }
+	}, fn),
+	emits: [
+		"open",
+		"close",
+		"command"
+	],
+	setup(e, { emit: r }) {
+		let l = e, d = r, f = x(null), p = x(null), b = x(null), S = x(null), C = x(!1), T = x(!1), E = x(null), D = x(-1), k = i(() => [
+			"m-dropdown",
+			C.value && "is-open",
+			T.value && "is-focused",
+			l.disabled && "is-disabled"
+		]);
+		function j(e) {
+			return e.startsWith("top") ? "top" : "bottom";
+		}
+		function M(e) {
+			return e.split("-")[1] ?? "start";
+		}
+		function N(e, t) {
+			let n = M(l.placement), r = window.innerWidth, i;
+			return i = n === "start" ? e.left : n === "center" ? e.left + e.width / 2 - t / 2 : e.left + e.width - t, Math.min(Math.max(0, i), Math.max(0, r - t));
+		}
+		function P() {
+			let e = b.value, t = S.value;
+			if (!e || !t) return;
+			let n = f.value.getBoundingClientRect(), r = E.value?.width ?? n.width, i = Math.min(e.getBoundingClientRect().width, window.innerWidth - 8), a = t.scrollHeight, o = window.innerHeight, s = l.offset, c = N(n, i), u = Math.max(0, n.top - s), d = Math.max(0, o - n.bottom - s - 4), p = Math.min(a, gn), m = j(l.placement) === "top", h = m ? u : d, g = m ? d : u, _;
+			_ = h >= p ? m : g >= p || g > h ? !m : m;
+			let v, y;
+			if (_) y = Math.max(1, Math.min(a, gn, u)), v = Math.max(0, n.top - s - y);
+			else {
+				y = Math.max(1, Math.min(a, gn, d));
+				let e = n.bottom + s;
+				v = Math.min(e, Math.max(0, o - y - 4));
+			}
+			E.value = {
+				top: v,
+				left: c,
+				width: r,
+				maxHeight: y,
+				side: _ ? "top" : "bottom"
+			};
+		}
+		function F() {
+			if (l.disabled || C.value) return;
+			let e = f.value.getBoundingClientRect(), t = j(l.placement);
+			E.value = {
+				top: t === "top" ? Math.max(0, e.top - l.offset - gn) : e.bottom + l.offset,
+				left: N(e, e.width),
+				width: e.width,
+				maxHeight: Math.max(1, t === "top" ? Math.max(0, e.top - l.offset) : Math.max(0, window.innerHeight - e.bottom - l.offset)),
+				side: t
+			}, C.value = !0, D.value = -1, d("open"), m(() => {
+				P(), b.value?.focus({ preventScroll: !0 });
+			});
+		}
+		function I(e = !1) {
+			C.value && (C.value = !1, D.value = -1, d("close"), e && p.value?.focus({ preventScroll: !0 }));
+		}
+		function L() {
+			C.value ? I(!0) : F();
+		}
+		function ee() {
+			l.disabled || l.trigger !== "click" || L();
+		}
+		function R() {
+			T.value = !0, l.trigger === "hover" && !l.disabled && !C.value && F();
+		}
+		function z() {
+			T.value = !1, l.trigger === "hover" && te();
+		}
+		let B = null;
+		function V() {
+			B !== null && (window.clearTimeout(B), B = null);
+		}
+		function te() {
+			V(), B = window.setTimeout(() => I(!1), _n);
+		}
+		function H() {
+			l.trigger !== "hover" || l.disabled || (V(), C.value || F());
+		}
+		function U() {
+			l.trigger === "hover" && te();
+		}
+		function W() {
+			let e = S.value;
+			return e ? Array.from(e.querySelectorAll(".m-dropdown__item:not(.is-disabled)")) : [];
+		}
+		function ne() {
+			S.value?.querySelector(".m-dropdown__item.is-active")?.classList.remove("is-active");
+		}
+		function G(e) {
+			let t = S.value;
+			if (!t) return;
+			let n = e.offsetTop, r = n + e.offsetHeight, i = t.scrollTop, a = i + t.clientHeight;
+			n < i ? t.scrollTop = n : r > a && (t.scrollTop = r - t.clientHeight);
+		}
+		function K(e) {
+			let t = W();
+			if (t.length === 0) return;
+			let n = (e % t.length + t.length) % t.length;
+			ne();
+			let r = t[n];
+			r.classList.add("is-active"), D.value = n, G(r);
+		}
+		function q(e) {
+			let t = W();
+			t.length !== 0 && K(D.value < 0 ? e > 0 ? 0 : t.length - 1 : (D.value + e + t.length) % t.length);
+		}
+		function J(e) {
+			let t = e.target.closest(".m-dropdown__item");
+			if (!t || t.classList.contains("is-disabled")) return;
+			let n = W().indexOf(t);
+			n !== D.value && (ne(), t.classList.add("is-active"), D.value = n);
+		}
+		function re(e) {
+			if (!l.disabled && !C.value) {
+				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), F());
+				return;
+			}
+		}
+		function ie(e) {
+			let t = W();
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), q(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), q(-1);
+					break;
+				case "Home":
+					e.preventDefault(), K(0);
+					break;
+				case "End":
+					e.preventDefault(), K(t.length - 1);
+					break;
+				case "Enter":
+				case " ":
+					e.preventDefault(), t[D.value]?.click();
+					break;
+				case "Escape":
+					e.preventDefault(), I(!0);
+					break;
+				case "Tab": I(!1);
+			}
+		}
+		function Y(e) {
+			let t = e.target;
+			!f.value?.contains(t) && !b.value?.contains(t) && I(!1);
+		}
+		let X = null;
+		function ae() {
+			X !== null && (cancelAnimationFrame(X), X = null);
+		}
+		function Z(e) {
+			let t = e.target;
+			t instanceof Node && b.value?.contains(t) || X === null && (X = requestAnimationFrame(() => {
+				if (X = null, !C.value) return;
+				let e = f.value?.getBoundingClientRect();
+				e && (e.bottom > 0 && e.top < window.innerHeight && e.right > 0 && e.left < window.innerWidth ? P() : I(!1));
+			}));
+		}
+		y(mn, {
+			onItemClick: (e) => d("command", e),
+			close: () => I(!1)
+		});
+		function oe(e, t) {
+			let n = getComputedStyle(document.documentElement).getPropertyValue(e).trim(), r = parseFloat(n);
+			return Number.isFinite(r) ? r : t;
+		}
+		function se(e, t, n, r) {
+			let i = e.getBoundingClientRect();
+			if (t) {
+				let e = t.getBoundingClientRect(), a = n === "top" ? e.top - i.top : e.top + e.height - i.top, o = M(r), s;
+				return s = o === "start" ? e.left - i.left : o === "center" ? e.left + e.width / 2 - i.left : e.left + e.width - i.left, `${s}px ${a}px`;
+			}
+			return "center";
+		}
+		function ce(e, t) {
+			for (let t of e) t && (t.style.transition = "", t.style.opacity = "", t.style.transform = "", t.style.transformOrigin = "");
+			t();
+		}
+		let le = 0;
+		function ue(e, t, n) {
+			let r = e[0];
+			if (!r) return;
+			let i = ++le, a = !1, o = e.filter((e) => !!e && e !== r), s = /* @__PURE__ */ new Set(), c = () => {
+				a || (a = !0, window.clearTimeout(u), r.removeEventListener("transitionend", l), i === le ? ce(e, n) : n());
+			}, l = (e) => {
+				let t = e.target;
+				!t || !o.includes(t) || (s.add(t), s.size >= o.length && c());
+			}, u = window.setTimeout(c, t + 80);
+			o.length > 0 ? r.addEventListener("transitionend", l) : c();
+		}
+		function de(e, t) {
+			let n = e, r = n.querySelector(".m-dropdown__panel-surface"), i = n.querySelector(".m-dropdown__panel-content"), a = oe("--m-dur-entering", 225), o = "var(--m-ease-in-out, ease)";
+			P(), m(() => {
+				let e = E.value?.side ?? j(l.placement);
+				r && (r.style.transformOrigin = se(r, p.value, e, l.placement), r.style.transform = "scale(1, 0)"), i && (i.style.opacity = "0"), n.offsetWidth, requestAnimationFrame(() => {
+					let e = Math.round(a * 1.4), s = e;
+					if (r && (r.style.transition = `transform ${e}ms ${o}`, r.style.transform = ""), i) {
+						let t = Math.round(a * .7), n = Math.round(e * .85);
+						i.style.transition = `opacity ${t}ms ${o} ${n}ms`, i.style.opacity = "1", s = Math.max(s, n + t);
+					}
+					ue([
+						n,
+						r,
+						i
+					], s, t);
+				});
+			});
+		}
+		function fe(e, t) {
+			let n = e, r = n.querySelector(".m-dropdown__panel-surface"), i = n.querySelector(".m-dropdown__panel-content"), a = oe("--m-dur-leaving", 195), o = "var(--m-ease-in-out, ease)", s = Math.round(a * 1), c = s;
+			if (r) {
+				let e = E.value?.side ?? j(l.placement);
+				r.style.transformOrigin = se(r, p.value, e, l.placement), r.style.transition = `opacity ${s}ms ${o}, transform ${s}ms ${o}`, r.style.transform = "scale(0.96)", r.style.opacity = "0";
+			}
+			if (i) {
+				let e = Math.round(a * .6);
+				i.style.transition = `opacity ${e}ms ${o}`, i.style.opacity = "0", c = Math.max(c, e);
+			}
+			ue([
+				n,
+				r,
+				i
+			], c, t);
+		}
+		return O(C, (e) => {
+			e ? (Ge(), document.addEventListener("pointerdown", Y, !0), window.addEventListener("scroll", Z, !0), window.addEventListener("resize", Z)) : (Ke(), ae(), V(), document.removeEventListener("pointerdown", Y, !0), window.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z));
+		}), _(() => {
+			Ke(), ae(), V(), document.removeEventListener("pointerdown", Y, !0), window.removeEventListener("scroll", Z, !0), window.removeEventListener("resize", Z);
+		}), (r, i) => (v(), s("span", {
+			ref_key: "rootRef",
+			ref: f,
+			class: h(k.value),
+			onMouseenter: H,
+			onMouseleave: U
+		}, [c("span", {
+			ref_key: "triggerRef",
+			ref: p,
+			class: "m-dropdown__trigger",
+			role: "button",
+			"aria-haspopup": "menu",
+			"aria-expanded": C.value,
+			"aria-disabled": e.disabled || void 0,
+			tabindex: "0",
+			onClick: ee,
+			onFocus: R,
+			onBlur: z,
+			onKeydown: re
+		}, [w(r.$slots, "trigger", {}, () => [w(r.$slots, "default")])], 40, hn), (v(), a(t, {
+			to: "body",
+			disabled: !e.appendToBody
+		}, [u(n, {
+			css: !1,
+			onEnter: de,
+			onLeave: fe
+		}, {
+			default: A(() => [C.value ? (v(), s("div", {
+				key: 0,
+				ref_key: "panelRef",
+				ref: b,
+				class: "m-dropdown__panel",
+				role: "menu",
+				tabindex: "-1",
+				style: g(E.value ? {
+					top: E.value.top + "px",
+					left: E.value.left + "px",
+					width: e.width || "max-content",
+					minWidth: e.width ? void 0 : E.value.width + "px",
+					maxWidth: "calc(100vw - 8px)"
+				} : void 0),
+				onKeydown: ie,
+				onMouseenter: H,
+				onMouseleave: U
+			}, [i[0] ||= c("div", {
+				class: "m-dropdown__panel-surface",
+				"aria-hidden": "true"
+			}, null, -1), c("div", {
+				ref_key: "contentRef",
+				ref: S,
+				class: "m-dropdown__panel-content",
+				style: g(E.value ? { maxHeight: E.value.maxHeight + "px" } : void 0),
+				onMouseover: J
+			}, [w(r.$slots, "menu")], 36)], 36)) : o("", !0)]),
+			_: 3
+		})], 8, ["disabled"]))], 34));
+	}
+}), yn = {
+	key: 0,
+	class: "m-dropdown__divider",
+	role: "separator",
+	"aria-orientation": "horizontal"
+}, bn = ["aria-disabled"], xn = { class: "m-dropdown__item-content" }, Sn = /* @__PURE__ */ d({
+	__name: "DropdownItem",
+	props: /*@__PURE__*/ p({
+		command: {},
+		disabled: { type: Boolean },
+		divider: { type: Boolean }
+	}, pn),
+	emits: ["command"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = f(mn, null);
+		function a() {
+			n.disabled || (r("command", n.command), i?.onItemClick(n.command), i?.close());
+		}
+		return (t, n) => e.divider ? (v(), s("div", yn)) : j((v(), s("div", {
+			key: 1,
+			class: h(["m-dropdown__item", { "is-disabled": e.disabled }]),
+			role: "menuitem",
+			"aria-disabled": e.disabled || void 0,
+			tabindex: "-1",
+			onClick: a
+		}, [c("span", xn, [w(t.$slots, "default")])], 10, bn)), [[E(Q), {
+			duration: 200,
+			initialScale: .7
+		}]]);
+	}
+}), Cn = {
+	color: "primary",
+	size: "medium",
+	position: "",
+	extended: !1,
+	disabled: !1
+}, wn = ["aria-label", "disabled"], Tn = {
+	class: "m-fab__icon",
+	"aria-hidden": "true"
+}, En = {
+	key: 0,
+	class: "m-fab__label"
+}, Dn = /* @__PURE__ */ d({
+	__name: "Fab",
+	props: /*@__PURE__*/ p({
+		color: {},
+		size: {},
+		position: {},
+		extended: { type: Boolean },
+		disabled: { type: Boolean },
+		ariaLabel: {}
+	}, Cn),
+	emits: ["click"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = i(() => [
+			"m-fab",
+			`m-fab--${n.size}`,
+			`m-fab--${n.color}`,
+			n.extended && "m-fab--extended",
+			n.position && `m-fab--pos-${n.position}`,
+			n.disabled && "is-disabled"
+		]);
+		function l(e) {
+			n.disabled || r("click", e);
+		}
+		return (t, n) => j((v(), s("button", {
+			type: "button",
+			class: h(a.value),
+			"aria-label": e.ariaLabel,
+			disabled: e.disabled,
+			onClick: l
+		}, [c("span", Tn, [w(t.$slots, "icon", {}, () => [n[0] ||= c("svg", {
+			viewBox: "0 0 24 24",
+			width: "24",
+			height: "24",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2.4",
+			"stroke-linecap": "round",
+			"aria-hidden": "true"
+		}, [c("path", { d: "M12 5v14M5 12h14" })], -1)])]), e.extended || t.$slots.default ? (v(), s("span", En, [w(t.$slots, "default")])) : o("", !0)], 10, wn)), [[E(Q)]]);
+	}
+}), On = {
+	type: "text",
+	disabled: !1,
+	readonly: !1,
+	clearable: !1,
+	size: "default"
+}, kn = {
+	key: 0,
+	class: "m-input__affix m-input__affix--prefix"
+}, An = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"name",
+	"autofocus"
+], jn = {
+	key: 2,
+	class: "m-input__affix m-input__affix--suffix"
+}, Mn = /* @__PURE__ */ d({
+	__name: "Input",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		type: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		clearable: { type: Boolean },
+		size: {},
+		maxlength: {},
+		name: {},
+		autofocus: { type: Boolean },
+		width: {}
+	}, On),
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"change",
+		"clear"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = x(null), l = x(!1), u = i(() => String(n.modelValue ?? "")), d = i(() => [
+			"m-input",
+			`m-input--${n.size}`,
+			l.value && "is-focused",
+			n.disabled && "is-disabled",
+			n.readonly && "is-readonly"
+		]), f = i(() => n.clearable && !n.disabled && !n.readonly && u.value.length > 0);
+		function p(e) {
+			r("update:modelValue", e.target.value);
+		}
+		function m(e) {
+			l.value = !0, r("focus", e);
+		}
+		function _(e) {
+			l.value = !1, r("blur", e), r("change", u.value);
+		}
+		function y() {
+			r("update:modelValue", ""), r("clear"), a.value?.focus();
+		}
+		return (t, n) => (v(), s("div", {
+			class: h(d.value),
+			style: g(e.width ? { width: e.width } : void 0)
+		}, [
+			t.$slots.prefix ? (v(), s("span", kn, [w(t.$slots, "prefix")])) : o("", !0),
+			c("input", {
+				ref_key: "controlRef",
+				ref: a,
+				class: "m-input__control",
+				type: e.type,
+				value: u.value,
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				maxlength: e.maxlength,
+				name: e.name,
+				autofocus: e.autofocus,
+				onInput: p,
+				onFocus: m,
+				onBlur: _
+			}, null, 40, An),
+			f.value ? (v(), s("button", {
+				key: 1,
+				type: "button",
+				class: "m-input__clear",
+				tabindex: "-1",
+				"aria-label": "清除内容",
+				onMousedown: n[0] ||= M(() => {}, ["prevent"]),
+				onClick: y
+			}, [...n[1] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "12",
+				height: "12",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.4",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]], 32)) : o("", !0),
+			t.$slots.suffix ? (v(), s("span", jn, [w(t.$slots, "suffix")])) : o("", !0)
+		], 6));
+	}
+}), Nn = {
+	disabled: !1,
+	readonly: !1,
+	clearable: !1,
+	size: "default",
+	controls: "right",
+	step: 1
+}, Pn = ["disabled"], Fn = [
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly"
+], In = ["disabled"], Ln = {
+	key: 3,
+	class: "m-input-number__stepper"
+}, Rn = ["disabled"], zn = ["disabled"], Bn = /* @__PURE__ */ d({
+	__name: "InputNumber",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		clearable: { type: Boolean },
+		size: {},
+		controls: {},
+		min: {},
+		max: {},
+		step: {},
+		precision: {},
+		width: {}
+	}, Nn),
+	emits: [
+		"update:modelValue",
+		"focus",
+		"blur",
+		"change",
+		"clear"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = x(null), l = x(!1), u = x("");
+		O(() => n.modelValue, (e) => {
+			l.value || (u.value = e == null ? "" : String(e));
+		}, { immediate: !0 });
+		let d = i(() => n.min ?? -Infinity), f = i(() => n.max ?? Infinity), p = i(() => !n.disabled && !n.readonly), m = i(() => p.value && (n.modelValue ?? 0) > d.value), _ = i(() => p.value && (n.modelValue ?? 0) < f.value), y = i(() => [
+			"m-input-number",
+			`m-input-number--${n.size}`,
+			n.controls === "right" ? "m-input-number--controls-right" : "m-input-number--controls-both",
+			l.value && "is-focused",
+			n.disabled && "is-disabled",
+			n.readonly && "is-readonly"
+		]);
+		function b(e) {
+			if (e.trim() === "") return null;
+			let t = Number(e);
+			return Number.isNaN(t) ? null : t;
+		}
+		function S(e) {
+			return e < d.value ? d.value : e > f.value ? f.value : e;
+		}
+		function C(e) {
+			if (e === null) return null;
+			let t = S(e);
+			return n.precision == null ? t : Number(t.toFixed(n.precision));
+		}
+		function w(e) {
+			let t = C(e);
+			t !== n.modelValue && (r("update:modelValue", t), r("change", t)), u.value = t == null ? "" : String(t);
+		}
+		function T(e) {
+			p.value && w((n.modelValue ?? 0) + n.step * e);
+		}
+		function E(e) {
+			u.value = e.target.value;
+		}
+		function D(e) {
+			l.value = !0, r("focus", e);
+		}
+		function k(e) {
+			l.value = !1, r("blur", e), w(b(u.value));
+		}
+		function A(e) {
+			p.value && (e.key === "ArrowUp" ? (e.preventDefault(), T(1)) : e.key === "ArrowDown" && (e.preventDefault(), T(-1)));
+		}
+		function j() {
+			w(null), r("clear"), a.value?.focus();
+		}
+		return (t, n) => (v(), s("div", {
+			class: h(y.value),
+			style: g(e.width ? { width: e.width } : void 0)
+		}, [
+			e.controls === "both" ? (v(), s("button", {
+				key: 0,
+				type: "button",
+				class: "m-input-number__btn m-input-number__btn--dec",
+				tabindex: "-1",
+				"aria-label": "减少",
+				disabled: !m.value,
+				onClick: n[0] ||= (e) => T(-1)
+			}, [...n[5] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "1em",
+				height: "1em",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.2",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 12h12" })], -1)]], 8, Pn)) : o("", !0),
+			c("input", {
+				ref_key: "controlRef",
+				ref: a,
+				class: "m-input-number__control",
+				type: "text",
+				inputmode: "decimal",
+				value: u.value,
+				placeholder: e.placeholder,
+				disabled: e.disabled,
+				readonly: e.readonly,
+				onInput: E,
+				onFocus: D,
+				onBlur: k,
+				onKeydown: A
+			}, null, 40, Fn),
+			e.clearable && p.value && u.value !== "" ? (v(), s("button", {
+				key: 1,
+				type: "button",
+				class: "m-input-number__clear",
+				tabindex: "-1",
+				"aria-label": "清除内容",
+				onMousedown: n[1] ||= M(() => {}, ["prevent"]),
+				onClick: j
+			}, [...n[6] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "12",
+				height: "12",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.4",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]], 32)) : o("", !0),
+			e.controls === "both" ? (v(), s("button", {
+				key: 2,
+				type: "button",
+				class: "m-input-number__btn m-input-number__btn--inc",
+				tabindex: "-1",
+				"aria-label": "增加",
+				disabled: !_.value,
+				onClick: n[2] ||= (e) => T(1)
+			}, [...n[7] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "1em",
+				height: "1em",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.2",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M12 6v12M6 12h12" })], -1)]], 8, In)) : (v(), s("span", Ln, [c("button", {
+				type: "button",
+				class: "m-input-number__btn m-input-number__btn--dec",
+				tabindex: "-1",
+				"aria-label": "减少",
+				disabled: !m.value,
+				onClick: n[3] ||= (e) => T(-1)
+			}, [...n[8] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "1em",
+				height: "1em",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.2",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 9l6 6 6-6" })], -1)]], 8, Rn), c("button", {
+				type: "button",
+				class: "m-input-number__btn m-input-number__btn--inc",
+				tabindex: "-1",
+				"aria-label": "增加",
+				disabled: !_.value,
+				onClick: n[4] ||= (e) => T(1)
+			}, [...n[9] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "1em",
+				height: "1em",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.2",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 15l6-6 6 6" })], -1)]], 8, zn)]))
+		], 6));
+	}
+}), Vn = { disabled: !1 }, Hn = {
+	disabled: !1,
+	vertical: !1
+}, Un = Symbol("m-radio-group-context"), Wn = [
+	"name",
+	"value",
+	"checked",
+	"disabled"
+], Gn = {
+	class: "m-radio__hit",
+	"aria-hidden": "true"
+}, Kn = { class: "m-radio__label" }, qn = /* @__PURE__ */ d({
+	__name: "Radio",
+	props: /*@__PURE__*/ p({
+		value: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		modelValue: { type: Boolean },
+		name: {},
+		disabled: { type: Boolean },
+		color: {},
+		size: {}
+	}, Vn),
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = f(Un, null), o = i(() => n.color ?? a?.color ?? "primary"), l = i(() => n.size ?? a?.size ?? "default"), u = i(() => n.disabled || !!a?.disabled), d = i(() => n.name ?? a?.name), p = i(() => a ? a.modelValue.value === n.value : !!n.modelValue), m = i(() => [
+			"m-radio",
+			`m-radio--${l.value}`,
+			`m-radio--${o.value}`,
+			p.value && "is-checked",
+			u.value && "is-disabled"
+		]);
+		function g(e) {
+			u.value || e.target.checked && (a ? a.updateValue(n.value) : (r("update:modelValue", !0), r("change", !0)));
+		}
+		return (t, n) => (v(), s("label", { class: h(m.value) }, [
+			c("input", {
+				type: "radio",
+				class: "m-radio__input",
+				name: d.value,
+				value: e.value,
+				checked: p.value,
+				disabled: u.value,
+				onChange: g
+			}, null, 40, Wn),
+			j((v(), s("span", Gn, [...n[0] ||= [c("span", { class: "m-radio__control" }, [c("span", { class: "m-radio__dot" })], -1)]])), [[E(Q), {
+				center: !0,
+				disabled: u.value
+			}]]),
+			c("span", Kn, [w(t.$slots, "default")])
+		], 2));
+	}
+}), Jn = /* @__PURE__ */ d({
+	__name: "RadioGroup",
+	props: /*@__PURE__*/ p({
+		modelValue: { type: [
+			String,
+			Number,
+			Boolean
+		] },
+		name: {},
+		disabled: { type: Boolean },
+		color: {},
+		size: {},
+		vertical: { type: Boolean }
+	}, Hn),
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = {
+			modelValue: i(() => n.modelValue),
+			color: n.color ?? "primary",
+			size: n.size ?? "default",
+			disabled: n.disabled,
+			name: n.name,
+			updateValue(e) {
+				n.disabled || e === n.modelValue || (r("update:modelValue", e), r("change", e));
+			}
+		};
+		y(Un, a);
+		let o = i(() => [
+			"m-radio-group",
+			n.vertical && "is-vertical",
+			n.disabled && "is-disabled"
+		]);
+		return (e, t) => (v(), s("div", {
+			class: h(o.value),
+			role: "radiogroup"
+		}, [w(e.$slots, "default")], 2));
+	}
+}), Yn = {
+	options: () => [],
+	disabled: !1,
+	clearable: !1,
+	multiple: !1,
+	size: "default"
+}, Xn = ["aria-expanded", "aria-disabled"], Zn = {
+	key: 0,
+	class: "m-select__empty"
+}, Qn = [
+	"aria-selected",
+	"onMouseenter",
+	"onClick"
+], $n = { class: "m-select__option-label" }, er = {
+	key: 0,
+	class: "m-select__check",
+	viewBox: "0 0 24 24",
+	width: "16",
+	height: "16",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2.2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	"aria-hidden": "true"
+}, tr = 4, nr = 280, rr = /* @__PURE__ */ d({
+	__name: "Select",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		options: {},
+		placeholder: {},
+		disabled: { type: Boolean },
+		clearable: { type: Boolean },
+		multiple: { type: Boolean },
+		size: {},
+		width: {}
+	}, Yn),
+	emits: ["update:modelValue", "change"],
+	setup(r, { emit: l }) {
+		let d = r, f = l, p = x(null), y = x(null), b = x(null), S = x(null), w = x(!1), D = x(!1), k = x(null), N = x(-1), P = i(() => d.multiple ? Array.isArray(d.modelValue) ? [...d.modelValue] : [] : d.modelValue == null ? [] : [d.modelValue]), F = i(() => d.options.filter((e) => P.value.includes(e.value)).map((e) => e.label).join(", ")), I = (e) => P.value.includes(e.value), L = i(() => d.clearable && !d.disabled && P.value.length > 0), ee = i(() => [
+			"m-select",
+			`m-select--${d.size}`,
+			w.value && "is-open",
+			D.value && "is-focused",
+			d.disabled && "is-disabled",
+			!F.value && "is-empty"
+		]);
+		function R() {
+			if (d.disabled || w.value) return;
+			let e = p.value.getBoundingClientRect(), t = window.innerHeight - e.bottom - tr;
+			k.value = {
+				top: e.bottom + tr,
+				left: e.left,
+				width: e.width,
+				maxHeight: Math.max(1, Math.min(nr, t)),
+				placement: "bottom"
+			}, w.value = !0;
+			let n = d.options.findIndex((e) => !e.disabled && P.value.includes(e.value));
+			N.value = n >= 0 ? n : d.options.findIndex((e) => !e.disabled), m(() => {
+				z(), U(), b.value?.focus({ preventScroll: !0 });
+			});
+		}
+		function z() {
+			let e = S.value, t = k.value;
+			if (!e || !t) return;
+			let n = window.innerHeight, r = window.innerWidth, i = p.value.getBoundingClientRect(), a = tr, o = n - i.bottom - a, s = i.top - a, c = e.scrollHeight, l = Math.min(c, nr), u = b.value?.getBoundingClientRect().width ?? t.width, d = r - i.left - 4, f = u > d ? Math.max(t.width, d) : void 0;
+			if (o >= l) {
+				let e = Math.max(0, i.bottom + a);
+				k.value = {
+					...t,
+					top: e,
+					maxHeight: Math.min(l, n - e),
+					placement: "bottom",
+					forcedWidth: f
+				};
+				return;
+			}
+			if (s >= l) {
+				let e = Math.max(0, Math.min(i.top - a - l, n - l));
+				k.value = {
+					...t,
+					top: e,
+					maxHeight: l,
+					placement: "top",
+					forcedWidth: f
+				};
+				return;
+			}
+			if (o >= s) {
+				let e = Math.max(0, i.bottom + a), r = Math.max(1, Math.min(n - e, o));
+				k.value = {
+					...t,
+					top: e,
+					maxHeight: r,
+					placement: "bottom",
+					forcedWidth: f
+				};
+			} else {
+				let e = Math.max(1, Math.min(n, s)), r = Math.max(0, Math.min(i.top - a - e, n - e));
+				k.value = {
+					...t,
+					top: r,
+					maxHeight: e,
+					placement: "top",
+					forcedWidth: f
+				};
+			}
+		}
+		function B(e = !1) {
+			w.value = !1, e && y.value?.focus();
+		}
+		function V() {
+			w.value ? B(!0) : R();
+		}
+		function te(e) {
+			if (!e.disabled) {
+				if (d.multiple) {
+					let t = P.value.slice(), n = t.indexOf(e.value);
+					n >= 0 ? t.splice(n, 1) : t.push(e.value);
+					let r = t;
+					f("update:modelValue", r), f("change", r), N.value = d.options.indexOf(e);
+				} else f("update:modelValue", e.value), f("change", e.value), B(!0);
+			}
+		}
+		function H() {
+			let e = d.multiple ? [] : void 0;
+			f("update:modelValue", e), f("change", e);
+		}
+		function U() {
+			m(() => {
+				let e = S.value, t = e?.querySelector(".is-active");
+				if (!e || !t) return;
+				let n = t.offsetTop, r = n + t.offsetHeight, i = e.scrollTop, a = i + e.clientHeight;
+				n < i ? e.scrollTop = n : r > a && (e.scrollTop = r - e.clientHeight);
+			});
+		}
+		function W(e) {
+			let t = d.options;
+			if (t.length === 0) return;
+			let n = N.value;
+			for (let r = 0; r < t.length && (n = (n + e + t.length) % t.length, t[n].disabled); r++);
+			n !== N.value && (N.value = n, U());
+		}
+		function ne(e) {
+			e && (N.value = d.options.indexOf(e), U());
+		}
+		function G(e) {
+			if (!d.disabled) {
+				if (!w.value) {
+					(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), R());
+					return;
+				}
+				switch (e.key) {
+					case "ArrowDown":
+						e.preventDefault(), W(1);
+						break;
+					case "ArrowUp":
+						e.preventDefault(), W(-1);
+						break;
+					case "Home":
+						e.preventDefault(), ne(d.options.find((e) => !e.disabled));
+						break;
+					case "End": {
+						e.preventDefault();
+						let t;
+						for (let e = d.options.length - 1; e >= 0; e--) if (!d.options[e].disabled) {
+							t = d.options[e];
+							break;
+						}
+						ne(t);
+						break;
+					}
+					case "Enter": {
+						let e = d.options[N.value];
+						e && te(e);
+						break;
+					}
+					case "Escape":
+						e.preventDefault(), B(!0);
+						break;
+					case "Tab": B(!1);
+				}
+			}
+		}
+		function K(e) {
+			let t = e.target;
+			!p.value?.contains(t) && !b.value?.contains(t) && B(!1);
+		}
+		function q(e) {
+			let t = e.target;
+			t instanceof Node && b.value?.contains(t) || B(!1);
+		}
+		function J(e, t) {
+			let n = getComputedStyle(document.documentElement).getPropertyValue(e).trim(), r = parseFloat(n);
+			return Number.isFinite(r) ? r : t;
+		}
+		function re(e, t, n) {
+			let r = e.getBoundingClientRect();
+			if (t) {
+				let e = t.getBoundingClientRect(), i = n === "top" ? e.top - r.top : e.top + e.height - r.top;
+				return `${e.left + e.width / 2 - r.left}px ${i}px`;
+			}
+			return "center";
+		}
+		function ie(e, t) {
+			for (let t of e) t && (t.style.transition = "", t.style.opacity = "", t.style.transform = "", t.style.transformOrigin = "");
+			t();
+		}
+		let Y = 0;
+		function X(e, t, n) {
+			let r = e[0];
+			if (!r) return;
+			let i = ++Y, a = !1, o = e.filter((e) => !!e && e !== r), s = /* @__PURE__ */ new Set(), c = () => {
+				a || (a = !0, window.clearTimeout(u), r.removeEventListener("transitionend", l), i === Y ? ie(e, n) : n());
+			}, l = (e) => {
+				let t = e.target;
+				!t || !o.includes(t) || (s.add(t), s.size >= o.length && c());
+			}, u = window.setTimeout(c, t + 80);
+			o.length > 0 ? r.addEventListener("transitionend", l) : c();
+		}
+		function ae(e, t) {
+			let n = e, r = n.querySelector(".m-select__panel-surface"), i = n.querySelector(".m-select__panel-content"), a = J("--m-dur-entering", 225), o = "var(--m-ease-in-out, ease)";
+			z(), m(() => {
+				r && (r.style.transformOrigin = re(r, y.value, k.value?.placement ?? "bottom"), r.style.transform = "scale(1, 0)"), i && (i.style.opacity = "0"), n.offsetWidth, requestAnimationFrame(() => {
+					let e = Math.round(a * 1.4), s = e;
+					if (r && (r.style.transition = `transform ${e}ms ${o}`, r.style.transform = ""), i) {
+						let t = Math.round(a * .7), n = Math.round(e * .85);
+						i.style.transition = `opacity ${t}ms ${o} ${n}ms`, i.style.opacity = "1", s = Math.max(s, n + t);
+					}
+					X([
+						n,
+						r,
+						i
+					], s, t);
+				});
+			});
+		}
+		function Z(e, t) {
+			let n = e, r = n.querySelector(".m-select__panel-surface"), i = n.querySelector(".m-select__panel-content"), a = J("--m-dur-leaving", 195), o = "var(--m-ease-in-out, ease)", s = Math.round(a * 1), c = s;
+			if (r && (r.style.transformOrigin = re(r, y.value, k.value?.placement ?? "bottom"), r.style.transition = `opacity ${s}ms ${o}, transform ${s}ms ${o}`, r.style.transform = "scale(0.96)", r.style.opacity = "0"), i) {
+				let e = Math.round(a * .6);
+				i.style.transition = `opacity ${e}ms ${o}`, i.style.opacity = "0", c = Math.max(c, e);
+			}
+			X([
+				n,
+				r,
+				i
+			], c, t);
+		}
+		return O(w, (e) => {
+			e ? (Ge(), document.addEventListener("pointerdown", K, !0), window.addEventListener("scroll", q, !0), window.addEventListener("resize", q)) : (Ke(), document.removeEventListener("pointerdown", K, !0), window.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q));
+		}), _(() => {
+			Ke(), document.removeEventListener("pointerdown", K, !0), window.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q);
+		}), (i, l) => (v(), s("div", {
+			ref_key: "rootRef",
+			ref: p,
+			class: h(ee.value),
+			style: g(r.width ? { width: r.width } : void 0)
+		}, [c("div", {
+			ref_key: "triggerRef",
+			ref: y,
+			class: "m-select__trigger",
+			role: "combobox",
+			"aria-haspopup": "listbox",
+			"aria-expanded": w.value,
+			"aria-disabled": r.disabled || void 0,
+			tabindex: "0",
+			onClick: V,
+			onFocus: l[1] ||= (e) => D.value = !0,
+			onBlur: l[2] ||= (e) => D.value = !1,
+			onKeydown: G
+		}, [
+			c("span", { class: h(["m-select__value", { "is-placeholder": !F.value }]) }, T(F.value || r.placeholder), 3),
+			L.value ? (v(), s("button", {
+				key: 0,
+				type: "button",
+				class: "m-select__clear",
+				tabindex: "-1",
+				"aria-label": "清除选择",
+				onMousedown: l[0] ||= M(() => {}, ["prevent"]),
+				onClick: M(H, ["stop"])
+			}, [...l[3] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "12",
+				height: "12",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.4",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]], 32)) : o("", !0),
+			l[4] ||= c("span", {
+				class: "m-select__arrow",
+				"aria-hidden": "true"
+			}, [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "16",
+				height: "16",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			}, [c("path", { d: "m6 9 6 6 6-6" })])], -1)
+		], 40, Xn), (v(), a(t, { to: "body" }, [u(n, {
+			css: !1,
+			onEnter: ae,
+			onLeave: Z
+		}, {
+			default: A(() => [w.value ? (v(), s("div", {
+				key: 0,
+				ref_key: "panelRef",
+				ref: b,
+				class: "m-select__panel",
+				role: "listbox",
+				tabindex: "-1",
+				style: g(k.value ? {
+					top: k.value.top + "px",
+					left: k.value.left + "px",
+					width: k.value.forcedWidth ? k.value.forcedWidth + "px" : "max-content",
+					minWidth: k.value.width + "px",
+					maxWidth: "calc(100vw - 8px)"
+				} : void 0),
+				onKeydown: G
+			}, [l[6] ||= c("div", {
+				class: "m-select__panel-surface",
+				"aria-hidden": "true"
+			}, null, -1), c("div", {
+				ref_key: "contentRef",
+				ref: S,
+				class: "m-select__panel-content",
+				style: g(k.value ? { maxHeight: k.value.maxHeight + "px" } : void 0)
+			}, [r.options.length === 0 ? (v(), s("div", Zn, "无匹配选项")) : o("", !0), (v(!0), s(e, null, C(r.options, (e, t) => j((v(), s("div", {
+				key: e.value,
+				class: h(["m-select__option", {
+					"is-selected": I(e),
+					"is-disabled": e.disabled,
+					"is-active": N.value === t
+				}]),
+				role: "option",
+				"aria-selected": I(e),
+				onMouseenter: (e) => N.value = t,
+				onClick: (t) => te(e)
+			}, [c("span", $n, T(e.label), 1), I(e) ? (v(), s("svg", er, [...l[5] ||= [c("path", { d: "M5 13l4 4L19 7" }, null, -1)]])) : o("", !0)], 42, Qn)), [[E(Q), {
+				duration: 200,
+				initialScale: .7
+			}]])), 128))], 4)], 36)) : o("", !0)]),
+			_: 1
+		})]))], 6));
+	}
+}), ir = {
+	min: 0,
+	max: 100,
+	step: 1,
+	disabled: !1,
+	showLabel: !0,
+	vertical: !1,
+	color: "primary"
+}, ar = {
+	key: 0,
+	class: "m-slider__tooltip"
+}, or = [
+	"aria-orientation",
+	"aria-valuemin",
+	"aria-valuemax",
+	"aria-valuenow",
+	"aria-disabled"
+], sr = /* @__PURE__ */ d({
+	__name: "Slider",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		min: {},
+		max: {},
+		step: {},
+		disabled: { type: Boolean },
+		showLabel: { type: Boolean },
+		vertical: { type: Boolean },
+		color: {}
+	}, ir),
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let r = e, a = t, l = x(null), d = x(null), f = x(!1), p = x(!1), m = x(0), y = x({
+			x: 0,
+			y: 0,
+			value: 0
+		}), b = x(!1), S, C = i(() => r.min), w = i(() => r.max), E = i(() => w.value - C.value), D = i(() => r.step), O = i(() => {
+			let e = N(k.value);
+			return E.value <= 0 ? 0 : (e - C.value) / E.value * 100;
+		}), k = i(() => r.modelValue ?? C.value), j = i(() => r.vertical ? { height: `${O.value}%` } : { width: `${O.value}%` }), M = i(() => r.vertical ? { bottom: `${O.value}%` } : { left: `${O.value}%` });
+		function N(e) {
+			return e < C.value ? C.value : e > w.value ? w.value : e;
+		}
+		function P(e) {
+			let t = N(e);
+			return Math.round((t - C.value) / D.value) * D.value + C.value;
+		}
+		function F(e, t) {
+			let n = l.value?.getBoundingClientRect();
+			if (!n) return k.value;
+			if (r.vertical) {
+				if (n.height <= 0) return k.value;
+				let e = (n.bottom - t) / n.height;
+				return P(C.value + e * E.value);
+			}
+			if (n.width <= 0) return k.value;
+			let i = (e - n.left) / n.width;
+			return P(C.value + i * E.value);
+		}
+		function I(e) {
+			let t = d.value;
+			if (!t) return !1;
+			let n = t.getBoundingClientRect();
+			return e.clientX >= n.left - 8 && e.clientX <= n.right + 8 && e.clientY >= n.top - 8 && e.clientY <= n.bottom + 8;
+		}
+		function L() {
+			window.addEventListener("pointermove", z), window.addEventListener("pointerup", V);
+		}
+		function ee(e) {
+			f.value = !0, y.value = {
+				x: e.clientX,
+				y: e.clientY,
+				value: k.value
+			}, r.showLabel && (p.value = !0, m.value = k.value), L();
+		}
+		function R(e) {
+			if (r.disabled || e.button !== 0) return;
+			if (e.preventDefault(), I(e)) {
+				d.value?.focus(), ee(e);
+				return;
+			}
+			let t = F(e.clientX, e.clientY);
+			m.value = t, r.showLabel && (p.value = !0), a("update:modelValue", t), b.value = !0, L();
+		}
+		function z(e) {
+			if (b.value) {
+				b.value = !1, f.value = !0, y.value = {
+					x: e.clientX,
+					y: e.clientY,
+					value: k.value
+				}, r.showLabel && (m.value = k.value);
+				return;
+			}
+			if (!f.value) return;
+			let t = l.value?.getBoundingClientRect();
+			if (!t) return;
+			let n = e.clientX - y.value.x, i = y.value.y - e.clientY, o = 0;
+			o = r.vertical ? t.height > 0 ? i / t.height : 0 : t.width > 0 ? n / t.width : 0;
+			let s = P(y.value.value + o * E.value);
+			m.value = s, a("update:modelValue", s);
+		}
+		function B() {
+			f.value = !1, b.value = !1, p.value = !1, window.removeEventListener("pointermove", z), window.removeEventListener("pointerup", V), a("change", k.value);
+		}
+		function V() {
+			!f.value && !b.value || B();
+		}
+		function te(e) {
+			if (r.disabled) return;
+			let t;
+			switch (e.key) {
+				case "ArrowRight":
+				case "ArrowUp":
+					t = P(k.value + D.value);
+					break;
+				case "ArrowLeft":
+				case "ArrowDown":
+					t = P(k.value - D.value);
+					break;
+				case "Home":
+					t = C.value;
+					break;
+				case "End":
+					t = w.value;
+					break;
+				default: return;
+			}
+			e.preventDefault(), r.showLabel && (p.value = !0, m.value = t, window.clearTimeout(S), S = window.setTimeout(() => p.value = !1, 1200)), a("update:modelValue", t), a("change", t);
+		}
+		return _(() => {
+			window.clearTimeout(S), window.removeEventListener("pointermove", z), window.removeEventListener("pointerup", V);
+		}), (t, r) => (v(), s("div", { class: h(["m-slider", [`m-slider--${e.color}`, {
+			"is-disabled": e.disabled,
+			"is-vertical": e.vertical,
+			"is-dragging": f.value
+		}]]) }, [c("div", {
+			ref_key: "trackRef",
+			ref: l,
+			class: "m-slider__track",
+			onPointerdown: R
+		}, [
+			r[0] ||= c("div", { class: "m-slider__rail" }, null, -1),
+			c("div", {
+				class: "m-slider__fill",
+				style: g(j.value)
+			}, null, 4),
+			c("div", {
+				class: "m-slider__thumb-wrap",
+				style: g(M.value)
+			}, [u(n, { name: "m-slider-tip" }, {
+				default: A(() => [p.value ? (v(), s("span", ar, T(m.value), 1)) : o("", !0)]),
+				_: 1
+			}), c("div", {
+				ref_key: "thumbEl",
+				ref: d,
+				class: h(["m-slider__thumb", { "is-dragging": f.value }]),
+				role: "slider",
+				tabindex: "0",
+				"aria-orientation": e.vertical ? "vertical" : "horizontal",
+				"aria-valuemin": C.value,
+				"aria-valuemax": w.value,
+				"aria-valuenow": k.value,
+				"aria-disabled": e.disabled || void 0,
+				onKeydown: te
+			}, null, 42, or)], 4)
+		], 544)], 2));
+	}
+}), cr = {
+	disabled: !1,
+	loading: !1,
+	size: "default",
+	color: "primary"
+}, lr = [
+	"name",
+	"checked",
+	"disabled"
+], ur = { class: "m-switch__track" }, dr = { class: "m-switch__thumb" }, fr = {
+	key: 0,
+	class: "m-switch__spinner",
+	"aria-hidden": "true"
+}, pr = {
+	key: 0,
+	class: "m-switch__label"
+}, mr = /* @__PURE__ */ d({
+	__name: "Switch",
+	props: /*@__PURE__*/ p({
+		modelValue: { type: Boolean },
+		color: {},
+		size: {},
+		disabled: { type: Boolean },
+		loading: { type: Boolean },
+		name: {}
+	}, cr),
+	emits: ["update:modelValue", "change"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, a = i(() => !!n.modelValue), l = i(() => [
+			"m-switch",
+			`m-switch--${n.size}`,
+			`m-switch--${n.color}`,
+			a.value && "is-checked",
+			n.disabled && "is-disabled",
+			n.loading && "is-loading"
+		]);
+		function u(e) {
+			if (n.disabled || n.loading) return;
+			let t = e.target.checked;
+			r("update:modelValue", t), r("change", t);
+		}
+		return (t, n) => (v(), s("label", { class: h(l.value) }, [
+			c("input", {
+				type: "checkbox",
+				class: "m-switch__input",
+				name: e.name,
+				checked: a.value,
+				disabled: e.disabled || e.loading,
+				onChange: u
+			}, null, 40, lr),
+			j((v(), s("span", ur, [c("span", dr, [e.loading ? (v(), s("span", fr)) : o("", !0)])])), [[E(Q), {
+				center: !0,
+				disabled: e.disabled || e.loading
+			}]]),
+			t.$slots.default ? (v(), s("span", pr, [w(t.$slots, "default")])) : o("", !0)
+		], 2));
+	}
+}), hr = {
+	type: "line",
+	size: "default",
+	disabled: !1,
+	closable: !1,
+	addable: !1
+}, gr = { disabled: !1 }, _r = Symbol("m-tabs-context"), vr = { class: "m-tabs__tab-row" }, yr = [
+	"data-name",
+	"aria-selected",
+	"aria-disabled",
+	"tabindex",
+	"onClick"
+], br = { class: "m-tabs__tab-label" }, xr = ["aria-label", "onClick"], Sr = { class: "m-tabs__panes" }, Cr = /* @__PURE__ */ d({
+	__name: "Tabs",
+	props: /*@__PURE__*/ p({
+		modelValue: {},
+		type: {},
+		color: {},
+		size: {},
+		disabled: { type: Boolean },
+		closable: { type: Boolean },
+		addable: { type: Boolean }
+	}, hr),
+	emits: [
+		"update:modelValue",
+		"change",
+		"close",
+		"add"
+	],
+	setup(t, { emit: n }) {
+		let r = t, a = n, l = x(null), u = x(null), d = x(null), f = x(0), p = b([]), g = i(() => p.filter((e) => !e.disabled)), S = i(() => r.modelValue != null && g.value.some((e) => e.name === r.modelValue) ? r.modelValue : g.value[0]?.name);
+		k(() => {
+			r.modelValue != null && S.value !== r.modelValue && p.length > 0 && g.value.length > 0 && (f.value = 0, a("update:modelValue", S.value));
+		});
+		let D = (e) => S.value === e, A = {
+			activeName: S,
+			switchDirection: f,
+			registerPane(e) {
+				let t = e.name ?? `pane-${p.length}`;
+				return p.push({
+					...e,
+					name: t
+				}), t;
+			},
+			unregisterPane(e) {
+				let t = p.findIndex((t) => t.name === e);
+				if (t >= 0 && p.splice(t, 1), r.modelValue === e) {
+					let e = g.value[t] ?? g.value[t - 1];
+					e && a("update:modelValue", e.name);
+				}
+			},
+			setActive(e) {
+				let t = p.find((t) => t.name === e);
+				if (!t || t.disabled || r.disabled || e === S.value) return;
+				let n = p.findIndex((e) => e.name === S.value), i = p.findIndex((t) => t.name === e);
+				f.value = i >= n ? 1 : -1, a("update:modelValue", e), a("change", e);
+			},
+			closePane(e) {
+				a("close", e);
+			},
+			emitAdd() {
+				r.disabled || a("add");
+			}
+		};
+		y(_r, A);
+		let N = (e) => e.closable || r.closable;
+		async function P() {
+			if (r.type !== "line" || !d.value || !u.value) return;
+			await m();
+			let e = l.value;
+			if (!e) return;
+			let t = e.querySelector(".m-tabs__tab.is-active"), n = u.value;
+			if (!t) {
+				d.value.style.opacity = "0";
+				return;
+			}
+			d.value.style.opacity = "1", d.value.style.left = `${t.offsetLeft}px`, d.value.style.width = `${t.offsetWidth}px`;
+			let i = t.offsetLeft, a = i + t.offsetWidth, o = n.scrollLeft, s = o + n.clientWidth;
+			i < o ? n.scrollLeft = i : a > s && (n.scrollLeft = a - n.clientWidth);
+		}
+		O([S, () => p.length], () => P(), { flush: "post" }), _(() => p.splice(0));
+		function F(e, t) {
+			t.stopPropagation(), A.closePane(e.name), p.splice(p.indexOf(e), 1);
+		}
+		function I(e) {
+			let t = l.value;
+			t && t.querySelector(`.m-tabs__tab[data-name="${e}"]`)?.focus();
+		}
+		function L(e) {
+			if (r.disabled || p.length === 0) return;
+			let t = g.value;
+			if (t.length === 0) return;
+			let n = t.findIndex((e) => e.name === S.value), i = -1;
+			switch (e.key) {
+				case "ArrowRight":
+					i = (n + 1) % t.length;
+					break;
+				case "ArrowLeft":
+					i = (n - 1 + t.length) % t.length;
+					break;
+				case "Home":
+					i = 0;
+					break;
+				case "End":
+					i = t.length - 1;
+					break;
+				case "Enter":
+				case " ":
+					n >= 0 && (e.preventDefault(), A.setActive(t[n].name));
+					return;
+				default: return;
+			}
+			e.preventDefault();
+			let a = t[i];
+			A.setActive(a.name), I(a.name);
+		}
+		return (n, r) => (v(), s("div", { class: h(["m-tabs", [
+			`m-tabs--${t.type}`,
+			t.color && `m-tabs--${t.color}`,
+			`m-tabs--${t.size}`,
+			{ "is-disabled": t.disabled }
+		]]) }, [c("div", {
+			ref_key: "barRef",
+			ref: l,
+			class: "m-tabs__bar",
+			role: "tablist",
+			onKeydown: L
+		}, [c("div", {
+			ref_key: "scrollRef",
+			ref: u,
+			class: "m-tabs__scroll"
+		}, [c("div", vr, [(v(!0), s(e, null, C(p, (e) => j((v(), s("div", {
+			key: e.name,
+			class: h(["m-tabs__tab", {
+				"is-active": D(e.name),
+				"is-disabled": e.disabled || t.disabled
+			}]),
+			role: "tab",
+			"data-name": e.name,
+			"aria-selected": D(e.name),
+			"aria-disabled": e.disabled || t.disabled || void 0,
+			tabindex: D(e.name) && !e.disabled && !t.disabled ? 0 : -1,
+			onClick: (t) => A.setActive(e.name)
+		}, [c("span", br, T(e.label), 1), N(e) ? j((v(), s("button", {
+			key: 0,
+			type: "button",
+			class: "m-tabs__close",
+			"aria-label": `关闭标签：${e.label}`,
+			tabindex: "-1",
+			onPointerdown: r[0] ||= M(() => {}, ["stop"]),
+			onClick: (t) => F(e, t)
+		}, [...r[2] ||= [c("svg", {
+			viewBox: "0 0 24 24",
+			width: "12",
+			height: "12",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2.4",
+			"stroke-linecap": "round",
+			"aria-hidden": "true"
+		}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]], 40, xr)), [[E(Q), { duration: 300 }]]) : o("", !0)], 10, yr)), [[E(Q)]])), 128)), t.type === "line" ? (v(), s("span", {
+			key: 0,
+			ref_key: "indicatorRef",
+			ref: d,
+			class: "m-tabs__indicator",
+			"aria-hidden": "true"
+		}, null, 512)) : o("", !0)])], 512), t.addable && !t.disabled ? j((v(), s("button", {
+			key: 0,
+			type: "button",
+			class: "m-tabs__add",
+			"aria-label": "新增标签",
+			onClick: r[1] ||= (...e) => A.emitAdd && A.emitAdd(...e)
+		}, [...r[3] ||= [c("svg", {
+			viewBox: "0 0 24 24",
+			width: "16",
+			height: "16",
+			fill: "none",
+			stroke: "currentColor",
+			"stroke-width": "2",
+			"stroke-linecap": "round",
+			"aria-hidden": "true"
+		}, [c("path", { d: "M12 5v14M5 12h14" })], -1)]])), [[E(Q), { duration: 400 }]]) : o("", !0)], 544), c("div", Sr, [w(n.$slots, "default")])], 2));
+	}
+}), wr = {
+	class: "m-tab-pane",
+	role: "tabpanel"
+}, Tr = /* @__PURE__ */ d({
+	__name: "TabPane",
+	props: /*@__PURE__*/ p({
+		name: {},
+		label: {},
+		disabled: { type: Boolean },
+		closable: { type: Boolean }
+	}, gr),
+	setup(e) {
+		let t = e, r = f(_r, null), o = r ? r.registerPane({
+			name: t.name,
+			label: t.label,
+			disabled: t.disabled,
+			closable: t.closable
+		}) : t.name ?? 0, s = i(() => !r || r.activeName.value === o), l = i(() => {
+			let e = r?.switchDirection.value;
+			return e == null || e === 0 ? "up" : e === 1 ? "right" : "left";
+		});
+		return _(() => {
+			r?.unregisterPane(o);
+		}), (e, t) => (v(), a(n, { name: `m-tab-pane-${l.value}` }, {
+			default: A(() => [j(c("div", wr, [w(e.$slots, "default")], 512), [[D, s.value]])]),
+			_: 3
+		}, 8, ["name"]));
+	}
+}), Er = {
+	type: "default",
+	duration: 3e3,
+	closable: !1,
+	position: "top-right",
+	offset: 16
+}, Dr = ["aria-live"], Or = {
+	key: 0,
+	class: "m-toast-card__icon",
+	"aria-hidden": "true"
+}, kr = {
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
+}, Ar = ["d"], jr = { class: "m-toast-card__body" }, Mr = {
+	key: 0,
+	class: "m-toast-card__title"
+}, Nr = { class: "m-toast-card__message" }, Pr = /* @__PURE__ */ d({
+	__name: "MToast",
+	props: /*@__PURE__*/ p({
+		modelValue: { type: Boolean },
+		message: {},
+		title: {},
+		type: {},
+		duration: {},
+		closable: { type: Boolean },
+		position: {},
+		offset: {}
+	}, Er),
+	emits: ["update:modelValue", "close"],
+	setup(e, { emit: r }) {
+		let d = e, f = r, p = x(!!d.modelValue), m = null;
+		function y() {
+			m !== null && (window.clearTimeout(m), m = null);
+		}
+		function b() {
+			y(), d.duration > 0 && (m = window.setTimeout(S, d.duration));
+		}
+		function S() {
+			y(), p.value && (p.value = !1, f("update:modelValue", !1), f("close"));
+		}
+		O(p, (e) => {
+			e ? b() : y();
+		}), O(() => d.modelValue, (e) => {
+			p.value = !!e;
+		}), _(y);
+		let C = i(() => {
+			let e = `${d.offset}px`, t = {};
+			return d.position.startsWith("top") ? t.top = e : t.bottom = e, d.position.endsWith("left") ? t.left = e : d.position.endsWith("right") ? t.right = e : (t.left = "50%", t.transform = "translateX(-50%)"), t;
+		}), E = {
+			success: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm4.3 7.3L10 15.6l-2.3-2.3a1 1 0 1 0-1.4 1.4l3 3a1 1 0 0 0 1.4 0l7-7a1 1 0 1 0-1.4-1.4z",
+			info: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 9a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0-4a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 12 7z",
+			warning: "M11.5 2.6a1.4 1.4 0 0 1 2.4 0l8.5 14.6a1.4 1.4 0 0 1-1.2 2.1H4.8a1.4 1.4 0 0 1-1.2-2.1L11.5 2.6zM12 9a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0 7.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z",
+			error: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 6.5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z"
+		};
+		return (r, i) => (v(), a(t, { to: "body" }, [u(n, { name: "m-toast" }, {
+			default: A(() => [p.value ? (v(), s("div", {
+				key: 0,
+				class: h(["m-toast-card", `m-toast-card--${e.type}`]),
+				role: "status",
+				style: g(C.value),
+				"aria-live": e.type === "error" ? "assertive" : "polite"
+			}, [
+				e.type === "default" ? o("", !0) : (v(), s("span", Or, [(v(), s("svg", kr, [c("path", { d: E[e.type] }, null, 8, Ar)]))])),
+				c("div", jr, [e.title ? (v(), s("div", Mr, T(e.title), 1)) : o("", !0), c("div", Nr, [w(r.$slots, "default", {}, () => [l(T(e.message), 1)])])]),
+				e.closable ? (v(), s("button", {
+					key: 1,
+					type: "button",
+					class: "m-toast-card__close",
+					"aria-label": "关闭提示",
+					onClick: S
+				}, [...i[0] ||= [c("svg", {
+					viewBox: "0 0 24 24",
+					width: "14",
+					height: "14",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": "2.4",
+					"stroke-linecap": "round",
+					"aria-hidden": "true"
+				}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]])) : o("", !0)
+			], 14, Dr)) : o("", !0)]),
+			_: 3
+		})]));
+	}
+}), Fr = b([]), Ir = 0;
+function Lr(e) {
+	let t = ++Ir;
+	return Fr.push({
+		...e,
+		id: t
+	}), t;
+}
+function Rr(e) {
+	let t = Fr.findIndex((t) => t.id === e);
+	t !== -1 && Fr.splice(t, 1);
+}
+function zr() {
+	Fr.splice(0, Fr.length);
+}
+//#endregion
+//#region packages/miao-ui/src/toast/ToastCard.vue?vue&type=script&setup=true&lang.ts
+var Br = ["aria-live"], Vr = {
+	key: 0,
+	class: "m-toast-card__icon",
+	"aria-hidden": "true"
+}, Hr = {
+	viewBox: "0 0 24 24",
+	fill: "currentColor"
+}, Ur = ["d"], Wr = { class: "m-toast-card__body" }, Gr = {
+	key: 0,
+	class: "m-toast-card__title"
+}, Kr = { class: "m-toast-card__message" }, qr = /* @__PURE__ */ d({
+	__name: "ToastCard",
+	props: { item: {} },
+	emits: ["close"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = null;
+		n.item.duration > 0 && (i = window.setTimeout(a, n.item.duration));
+		function a() {
+			i !== null && (window.clearTimeout(i), i = null), r("close");
+		}
+		_(() => {
+			i !== null && window.clearTimeout(i);
+		});
+		let l = {
+			success: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm4.3 7.3L10 15.6l-2.3-2.3a1 1 0 1 0-1.4 1.4l3 3a1 1 0 0 0 1.4 0l7-7a1 1 0 1 0-1.4-1.4z",
+			info: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 9a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0-4a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 12 7z",
+			warning: "M11.5 2.6a1.4 1.4 0 0 1 2.4 0l8.5 14.6a1.4 1.4 0 0 1-1.2 2.1H4.8a1.4 1.4 0 0 1-1.2-2.1L11.5 2.6zM12 9a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0 7.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z",
+			error: "M12 2a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 6.5a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0v-4a1 1 0 0 0-1-1zm0 6.5a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5z"
+		};
+		return (t, n) => (v(), s("div", {
+			class: h(["m-toast-card", `m-toast-card--${e.item.type}`]),
+			role: "status",
+			"aria-live": e.item.type === "error" ? "assertive" : "polite"
+		}, [
+			e.item.type === "default" ? o("", !0) : (v(), s("span", Vr, [(v(), s("svg", Hr, [c("path", { d: l[e.item.type] }, null, 8, Ur)]))])),
+			c("div", Wr, [e.item.title ? (v(), s("div", Gr, T(e.item.title), 1)) : o("", !0), c("div", Kr, T(e.item.message), 1)]),
+			e.item.closable ? (v(), s("button", {
+				key: 1,
+				type: "button",
+				class: "m-toast-card__close",
+				"aria-label": "关闭提示",
+				onClick: a
+			}, [...n[0] ||= [c("svg", {
+				viewBox: "0 0 24 24",
+				width: "14",
+				height: "14",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.4",
+				"stroke-linecap": "round",
+				"aria-hidden": "true"
+			}, [c("path", { d: "M6 6l12 12M18 6L6 18" })], -1)]])) : o("", !0)
+		], 10, Br));
+	}
+}), Jr = { class: "m-toast-host" }, Yr = /* @__PURE__ */ d({
+	__name: "ToastContainer",
+	setup(t) {
+		let n = [
+			"top-left",
+			"top-center",
+			"top-right",
+			"bottom-left",
+			"bottom-center",
+			"bottom-right"
+		], o = i(() => {
+			let e = /* @__PURE__ */ new Set();
+			for (let t of Fr) e.add(t.position);
+			return n.filter((t) => e.has(t));
+		});
+		function c(e) {
+			return Fr.filter((t) => t.position === e);
+		}
+		function l(e) {
+			let t = c(e);
+			return { "--m-toast-offset": `${t.length ? t[0].offset : 16}px` };
+		}
+		return (t, n) => (v(), s("div", Jr, [(v(!0), s(e, null, C(o.value, (t) => (v(), s("div", {
+			key: t,
+			class: h(["m-toast-stack", `m-toast-stack--${t}`]),
+			style: g(l(t))
+		}, [u(r, { name: "m-toast" }, {
+			default: A(() => [(v(!0), s(e, null, C(c(t), (e) => (v(), a(qr, {
+				key: e.id,
+				item: e,
+				onClose: (t) => E(Rr)(e.id)
+			}, null, 8, ["item", "onClose"]))), 128))]),
+			_: 2
+		}, 1024)], 6))), 128))]));
+	}
+}), Xr = null, Zr = null;
+function Qr() {
+	Xr && Zr || (Xr = document.createElement("div"), Xr.className = "m-toast-host-root", document.body.appendChild(Xr), Zr = u(Yr), S(Zr, Xr));
+}
+function $r(e, t = {}) {
+	Qr(), Lr({
+		message: e,
+		title: t.title,
+		type: t.type ?? "default",
+		position: t.position ?? "top-right",
+		duration: t.duration ?? 3e3,
+		closable: t.closable ?? !1,
+		offset: t.offset ?? 16
+	});
+}
+var ei = {
+	show: $r,
+	success: (e, t) => $r(e, {
+		...t,
+		type: "success"
+	}),
+	error: (e, t) => $r(e, {
+		...t,
+		type: "error"
+	}),
+	warning: (e, t) => $r(e, {
+		...t,
+		type: "warning"
+	}),
+	info: (e, t) => $r(e, {
+		...t,
+		type: "info"
+	}),
+	close: Rr,
+	clearAll: zr
+}, ti = {
+	placement: "top",
+	trigger: "hover",
+	disabled: !1,
+	openDelay: 0,
+	closeDelay: 0,
+	arrow: !0,
+	appendToBody: !0
+}, ni = 8, ri = /* @__PURE__ */ d({
+	__name: "Tooltip",
+	props: /*@__PURE__*/ p({
+		content: {},
+		placement: {},
+		trigger: {},
+		disabled: { type: Boolean },
+		openDelay: {},
+		closeDelay: {},
+		arrow: { type: Boolean },
+		modelValue: { type: Boolean },
+		appendToBody: { type: Boolean }
+	}, ti),
+	emits: [
+		"update:modelValue",
+		"open",
+		"close"
+	],
+	setup(r, { emit: d }) {
+		let f = r, p = d, y = x(null), b = x(null), S = x(!!f.modelValue), C = x({
+			top: 0,
+			left: 0
+		}), E = x("top");
+		function D(e) {
+			return e.split("-")[0];
+		}
+		function k(e) {
+			return e.split("-")[1] ?? "center";
+		}
+		function j() {
+			let e = y.value, t = b.value;
+			if (!e || !t) return {
+				top: 0,
+				left: 0,
+				side: "top"
+			};
+			let n = e.getBoundingClientRect(), r = t.offsetWidth, i = t.offsetHeight, a = window.innerWidth, o = window.innerHeight, s = D(f.placement), c = k(f.placement), l = 0, u = 0, d = s;
+			return s === "top" ? l = n.top - i - ni : s === "bottom" ? l = n.bottom + ni : u = s === "left" ? n.left - r - ni : n.right + ni, s === "top" || s === "bottom" ? u = c === "start" ? n.left : c === "end" ? n.right - r : n.left + n.width / 2 - r / 2 : l = c === "start" ? n.top : c === "end" ? n.bottom - i : n.top + n.height / 2 - i / 2, s === "top" && l < 0 ? (l = n.bottom + ni, d = "bottom") : s === "bottom" && n.bottom + ni + i > o && (l = n.top - i - ni, d = "top"), s === "left" && u < 0 ? (u = n.right + ni, d = "right") : s === "right" && n.right + ni + r > a && (u = n.left - r - ni, d = "left"), u = Math.min(Math.max(0, u), Math.max(0, a - r)), l = Math.min(Math.max(0, l), Math.max(0, o - i)), {
+				top: l,
+				left: u,
+				side: d
+			};
+		}
+		function M() {
+			let e = j();
+			C.value = {
+				top: e.top,
+				left: e.left
+			}, E.value = e.side;
+		}
+		let N = null, P = null;
+		function F() {
+			N !== null && window.clearTimeout(N), P !== null && window.clearTimeout(P), N = null, P = null;
+		}
+		function I() {
+			f.disabled || (F(), S.value ||= !0);
+		}
+		function L() {
+			F(), S.value &&= !1;
+		}
+		function ee() {
+			f.disabled || S.value || (f.openDelay > 0 ? N = window.setTimeout(I, f.openDelay) : I());
+		}
+		function R() {
+			S.value && (f.closeDelay > 0 ? P = window.setTimeout(L, f.closeDelay) : L());
+		}
+		function z() {
+			f.trigger === "hover" && ee();
+		}
+		function B() {
+			f.trigger === "hover" && R();
+		}
+		function V() {
+			f.trigger === "hover" && F();
+		}
+		function te() {
+			f.trigger === "hover" && R();
+		}
+		function H() {
+			f.trigger === "click" && (S.value ? L() : I());
+		}
+		function U() {
+			f.trigger === "focus" && I();
+		}
+		function W() {
+			f.trigger === "focus" && L();
+		}
+		function ne(e) {
+			if (f.trigger !== "click") return;
+			let t = e.target;
+			!y.value?.contains(t) && !b.value?.contains(t) && L();
+		}
+		let G = null;
+		function K() {
+			G !== null && (cancelAnimationFrame(G), G = null);
+		}
+		function q() {
+			G === null && (G = requestAnimationFrame(() => {
+				if (G = null, !S.value) return;
+				let e = y.value;
+				if (!e) return;
+				let t = e.getBoundingClientRect();
+				t.bottom > 0 && t.top < window.innerHeight && t.right > 0 && t.left < window.innerWidth ? M() : L();
+			}));
+		}
+		O(S, async (e) => {
+			e ? (p("open"), document.addEventListener("pointerdown", ne), window.addEventListener("scroll", q, !0), window.addEventListener("resize", q), await m(), M()) : (p("close"), F(), K(), document.removeEventListener("pointerdown", ne), window.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q));
+		}), O(() => f.modelValue, (e) => {
+			e && !S.value ? I() : !e && S.value && L();
+		}), O(() => f.disabled, (e) => {
+			e && S.value && L();
+		}), O(() => f.placement, () => {
+			S.value && m(M);
+		}), _(() => {
+			F(), K(), document.removeEventListener("pointerdown", ne), window.removeEventListener("scroll", q, !0), window.removeEventListener("resize", q);
+		});
+		let J = i(() => {
+			switch (E.value) {
+				case "top": return "50% 100%";
+				case "bottom": return "50% 0%";
+				case "left": return "100% 50%";
+				case "right": return "0% 50%";
+			}
+		}), re = i(() => {
+			switch (E.value) {
+				case "top": return {
+					"--m-tooltip-dx": "0px",
+					"--m-tooltip-dy": "6px"
+				};
+				case "bottom": return {
+					"--m-tooltip-dx": "0px",
+					"--m-tooltip-dy": "-6px"
+				};
+				case "left": return {
+					"--m-tooltip-dx": "6px",
+					"--m-tooltip-dy": "0px"
+				};
+				case "right": return {
+					"--m-tooltip-dx": "-6px",
+					"--m-tooltip-dy": "0px"
+				};
+			}
+		});
+		return (i, d) => (v(), s(e, null, [c("span", {
+			ref_key: "triggerRef",
+			ref: y,
+			class: "m-tooltip__trigger",
+			onMouseenter: z,
+			onMouseleave: B,
+			onClick: H,
+			onFocusin: U,
+			onFocusout: W
+		}, [w(i.$slots, "default")], 544), (v(), a(t, {
+			to: "body",
+			disabled: !r.appendToBody
+		}, [u(n, { name: "m-tooltip" }, {
+			default: A(() => [S.value ? (v(), s("div", {
+				key: 0,
+				ref_key: "tooltipRef",
+				ref: b,
+				class: h(["m-tooltip", [`m-tooltip--${E.value}`, r.arrow && "m-tooltip--arrow"]]),
+				style: g({
+					top: C.value.top + "px",
+					left: C.value.left + "px",
+					transformOrigin: J.value,
+					...re.value
+				}),
+				role: "tooltip",
+				onMouseenter: V,
+				onMouseleave: te
+			}, [w(i.$slots, "content", {}, () => [l(T(r.content), 1)])], 38)) : o("", !0)]),
+			_: 3
+		})], 8, ["disabled"]))], 64));
+	}
+}), ii = {
+	MAlert: z,
+	MAvatar: W,
+	MButton: ve,
+	MButtonGroup: ye,
+	MCheckbox: Ee,
+	MCheckboxGroup: De,
+	MDatePicker: St,
+	MDateRangePicker: Zt,
+	MDialog: an,
+	MDrawer: dn,
+	MDropdown: vn,
+	MDropdownItem: Sn,
+	MFab: Dn,
+	MInput: Mn,
+	MInputNumber: Bn,
+	MRadio: qn,
+	MRadioGroup: Jn,
+	MSelect: rr,
+	MSlider: sr,
+	MSwitch: mr,
+	MTabs: Cr,
+	MTabPane: Tr,
+	MToast: Pr,
+	MTooltip: ri
+}, ai = { install(e) {
+	for (let [t, n] of Object.entries(ii)) e.component(t, n);
+	e.directive("ripple", Q);
+} };
+//#endregion
+export { z as MAlert, W as MAvatar, ve as MButton, ye as MButtonGroup, Ee as MCheckbox, De as MCheckboxGroup, St as MDatePicker, Zt as MDateRangePicker, an as MDialog, dn as MDrawer, vn as MDropdown, Sn as MDropdownItem, Dn as MFab, Mn as MInput, Bn as MInputNumber, qn as MRadio, Jn as MRadioGroup, rr as MSelect, sr as MSlider, mr as MSwitch, Tr as MTabPane, Cr as MTabs, Pr as MToast, ri as MTooltip, ai as MiaoUI, ai as default, Ae as formatDate, $ as parseDate, $r as showToast, ei as toast, Fr as toastItems, Q as vRipple };