@cyberpunk-vue/components 1.9.23 → 1.9.25

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createStaticVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, getCurrentInstance as f, h as p, inject as m, isVNode as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, provide as C, reactive as w, ref as T, render as E, renderList as D, renderSlot as O, resolveComponent as k, resolveDynamicComponent as A, toDisplayString as j, toRef as M, unref as N, useAttrs as P, useSlots as F, vModelText as I, vShow as L, watch as R, watchEffect as z, withCtx as B, withDirectives as V, withKeys as H, withModifiers as U } from "vue";
 import { isPresetSize as W, normalizeDuration as G, normalizeSize as K, parseSizeNumber as q, useImageSrc as J, useNamespace as Y } from "@cyberpunk-vue/hooks";
-import { COMPONENT_PREFIX as X, CSS_NAMESPACE as Z, DEFAULTS_KEY as ee, DESCRIPTIONS_CONTEXT_KEY as te, DIALOG_CONTEXT_KEY as ne, TABLE_CONTEXT_KEY as Q, THEME_KEY as re } from "@cyberpunk-vue/constants";
+import { COMPONENT_PREFIX as X, CSS_NAMESPACE as Z, DEFAULTS_KEY as Q, DESCRIPTIONS_CONTEXT_KEY as ee, DIALOG_CONTEXT_KEY as te, TABLE_CONTEXT_KEY as ne, THEME_KEY as re } from "@cyberpunk-vue/constants";
 //#region utils/install.ts
 function $(e) {
 	return e.install = (t) => {
@@ -426,7 +426,7 @@ var ae = {
 	props: we,
 	setup(e) {
 		let t = e;
-		return C(ee, t.defaults), C(re, M(t, "theme")), z(() => {
+		return C(Q, t.defaults), C(re, M(t, "theme")), z(() => {
 			typeof document < "u" && document.documentElement.setAttribute("data-theme", t.theme);
 		}), (e, t) => O(e.$slots, "default");
 	}
@@ -1082,18 +1082,18 @@ var ae = {
 			let t = U(e.clientX, e.clientY);
 			q(t), G(t, !0);
 		}, X = (e, t) => {
-			f.value || (e.preventDefault(), e.stopPropagation(), _.value = t, g.value = !0, w.value = A.value[0], E.value = A.value[1], t === "start" ? x.value = !0 : C.value = !0, document.addEventListener("mousemove", Z), document.addEventListener("mouseup", ee));
+			f.value || (e.preventDefault(), e.stopPropagation(), _.value = t, g.value = !0, w.value = A.value[0], E.value = A.value[1], t === "start" ? x.value = !0 : C.value = !0, document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q));
 		}, Z = (e) => {
 			if (!g.value || f.value) return;
 			let t = U(e.clientX, e.clientY);
 			c.range ? _.value === "start" ? w.value = Math.min(t, E.value ?? A.value[1]) : E.value = Math.max(t, w.value ?? A.value[0]) : E.value = t, G(t);
-		}, ee = () => {
+		}, Q = () => {
 			if (g.value) {
 				let e = w.value ?? A.value[0], t = E.value ?? A.value[1], n = c.range ? [e, t] : t;
 				l("update:modelValue", n), l("input", n), l("change", n), g.value = !1, _.value = null, x.value = !1, C.value = !1, w.value = null, E.value = null;
 			}
-			document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", ee);
-		}, te = (e, t) => {
+			document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q);
+		}, ee = (e, t) => {
 			if (f.value) return;
 			let n = 0;
 			switch (e.key) {
@@ -1114,13 +1114,13 @@ var ae = {
 				default: return;
 			}
 			e.preventDefault(), _.value = t, G((t === "start" ? A.value[0] : A.value[1]) + n, !0);
-		}, ne = (e) => {
+		}, te = (e) => {
 			!c.showTooltip || f.value || (e === "start" ? x.value = !0 : C.value = !0);
-		}, Q = (e) => {
+		}, ne = (e) => {
 			g.value || (e === "start" ? x.value = !1 : C.value = !1);
 		};
 		return b(() => {
-			document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", ee);
+			document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q);
 		}), n({ sliderRef: h }), (t, n) => (S(), o("div", {
 			ref_key: "sliderRef",
 			ref: h,
@@ -1153,9 +1153,9 @@ var ae = {
 				style: y(L.value),
 				tabindex: "0",
 				onMousedown: n[0] ||= (e) => X(e, "start"),
-				onMouseenter: n[1] ||= (e) => ne("start"),
-				onMouseleave: n[2] ||= (e) => Q("start"),
-				onKeydown: n[3] ||= (e) => te(e, "start")
+				onMouseenter: n[1] ||= (e) => te("start"),
+				onMouseleave: n[2] ||= (e) => ne("start"),
+				onKeydown: n[3] ||= (e) => ee(e, "start")
 			}, [t.showTooltip && x.value ? (S(), o("div", {
 				key: 0,
 				class: v(N(u).e("tooltip"))
@@ -1165,9 +1165,9 @@ var ae = {
 				style: y(R.value),
 				tabindex: "0",
 				onMousedown: n[4] ||= (e) => X(e, "end"),
-				onMouseenter: n[5] ||= (e) => ne("end"),
-				onMouseleave: n[6] ||= (e) => Q("end"),
-				onKeydown: n[7] ||= (e) => te(e, "end")
+				onMouseenter: n[5] ||= (e) => te("end"),
+				onMouseleave: n[6] ||= (e) => ne("end"),
+				onKeydown: n[7] ||= (e) => ee(e, "end")
 			}, [t.showTooltip && C.value ? (S(), o("div", {
 				key: 0,
 				class: v(N(u).e("tooltip"))
@@ -1889,19 +1889,19 @@ var ae = {
 			f.is("half-collapsed", D.value && i.halfCollapse),
 			f.is("loading", i.loading),
 			f.is("disabled", i.disabled)
-		]), X = r(() => [f.e("container"), i.backgroundClass]), Z = r(() => i.color ? i.color : i.type && i.type !== "default" ? `var(--cp-color-${i.type})` : null), ee = r(() => i.color ? `color-mix(in srgb, ${i.color} 30%, transparent)` : i.type && i.type !== "default" ? `var(--cp-color-${i.type}-light)` : null), te = r(() => {
+		]), X = r(() => [f.e("container"), i.backgroundClass]), Z = r(() => i.color ? i.color : i.type && i.type !== "default" ? `var(--cp-color-${i.type})` : null), Q = r(() => i.color ? `color-mix(in srgb, ${i.color} 30%, transparent)` : i.type && i.type !== "default" ? `var(--cp-color-${i.type}-light)` : null), ee = r(() => {
 			let e = {};
-			Z.value && (e["--cp-card-color"] = Z.value), ee.value && (e["--cp-card-color-light"] = ee.value), i.bgColor && (e["--cp-card-bg"] = i.bgColor), i.borderColor && (e["--cp-card-border-color"] = i.borderColor), i.dividerColor && (e["--cp-card-divider-color"] = i.dividerColor), i.headerDividerColor && (e["--cp-card-header-divider-color"] = i.headerDividerColor), i.footerDividerColor && (e["--cp-card-footer-divider-color"] = i.footerDividerColor), i.shadowColor ? e["--cp-card-shadow-color"] = i.shadowColor : Z.value && (e["--cp-card-shadow-color"] = `color-mix(in srgb, ${Z.value} 40%, black)`);
+			Z.value && (e["--cp-card-color"] = Z.value), Q.value && (e["--cp-card-color-light"] = Q.value), i.bgColor && (e["--cp-card-bg"] = i.bgColor), i.borderColor && (e["--cp-card-border-color"] = i.borderColor), i.dividerColor && (e["--cp-card-divider-color"] = i.dividerColor), i.headerDividerColor && (e["--cp-card-header-divider-color"] = i.headerDividerColor), i.footerDividerColor && (e["--cp-card-footer-divider-color"] = i.footerDividerColor), i.shadowColor ? e["--cp-card-shadow-color"] = i.shadowColor : Z.value && (e["--cp-card-shadow-color"] = `color-mix(in srgb, ${Z.value} 40%, black)`);
 			let t = G(i.dimmedDuration);
 			if (t && (e["--cp-card-dimmed-duration"] = t), i.halfCollapse) {
 				let t = i.peekHeight;
 				e["--cp-card-peek-height"] = typeof t == "number" ? `${t}px` : t, P.value !== null && (e["--cp-card-expanded-height"] = `${P.value}px`);
 			}
 			return e;
-		}), ne = r(() => {
+		}), te = r(() => {
 			let e = typeof i.bodyStyle == "string" ? {} : { ...i.bodyStyle };
 			return i.bodyPadding && (e.padding = i.bodyPadding), e;
-		}), Q = r(() => !!(i.title || d.header || d.title || d.extra)), re = r(() => !D.value || Q.value), $ = r(() => !!d.footer), ie = r(() => !!d.overlay), ae = r(() => [
+		}), ne = r(() => !!(i.title || d.header || d.title || d.extra)), re = r(() => !D.value || ne.value), $ = r(() => !!d.footer), ie = r(() => !!d.overlay), ae = r(() => [
 			f.e("header"),
 			f.is("bordered", i.headerBorder),
 			i.headerClass
@@ -1919,7 +1919,7 @@ var ae = {
 		})), me = r(() => [f.e("loading-overlay"), i.loadingClass]);
 		return (e, t) => V((S(), o("div", {
 			class: v(J.value),
-			style: y(te.value)
+			style: y(ee.value)
 		}, [s("div", {
 			class: v(X.value),
 			style: y(e.backgroundStyle)
@@ -1929,7 +1929,7 @@ var ae = {
 				class: v(N(f).e("collapse-transition")),
 				onTransitionend: A
 			}, [s("div", { class: v(N(f).e("collapse-inner")) }, [s("div", { class: v(N(f).e("cover")) }, [O(e.$slots, "cover")], 2)], 2)], 34)) : a("", !0),
-			Q.value ? (S(), o("div", {
+			ne.value ? (S(), o("div", {
 				key: 1,
 				class: v(ae.value),
 				style: y(e.headerStyle)
@@ -1946,7 +1946,7 @@ var ae = {
 				class: v(N(f).e("collapse-inner"))
 			}, [s("div", {
 				class: v([N(f).e("body"), e.bodyClass]),
-				style: y(ne.value)
+				style: y(te.value)
 			}, [O(e.$slots, "default")], 6), $.value ? (S(), o("div", {
 				key: 0,
 				class: v(oe.value)
@@ -2491,13 +2491,13 @@ var ae = {
 			C.value = Math.max(C.value - jt, kt);
 		}, Z = () => {
 			w.value -= 90;
-		}, ee = () => {
+		}, Q = () => {
 			w.value += 90;
-		}, te = () => {
+		}, ee = () => {
 			z.value || (f.infinite ? g.value = (g.value - 1 + f.urlList.length) % f.urlList.length : g.value > 0 && g.value--, q(), p("switch", g.value));
-		}, ne = () => {
+		}, te = () => {
 			z.value || (f.infinite ? g.value = (g.value + 1) % f.urlList.length : g.value < f.urlList.length - 1 && g.value++, q(), p("switch", g.value));
-		}, Q = () => {
+		}, ne = () => {
 			h.value = !1, p("update:modelValue", !1), p("close");
 		}, re = () => {
 			E.value = !1;
@@ -2525,13 +2525,13 @@ var ae = {
 		}, ce = (e) => {
 			if (h.value) switch (e.key) {
 				case "Escape":
-					Q();
+					ne();
 					break;
 				case "ArrowLeft":
-					te();
+					ee();
 					break;
 				case "ArrowRight":
-					ne();
+					te();
 					break;
 				case "ArrowUp":
 				case "+":
@@ -2546,7 +2546,7 @@ var ae = {
 		}, le = (e) => {
 			e.preventDefault(), e.deltaY < 0 ? J() : X();
 		}, ue = (e) => {
-			e.target === e.currentTarget && Q();
+			e.target === e.currentTarget && ne();
 		};
 		return R(() => f.modelValue, (e) => {
 			h.value = e, e ? (g.value = f.initialIndex, q(), E.value = !0, _(() => {
@@ -2559,13 +2559,13 @@ var ae = {
 		}), b(() => {
 			document.removeEventListener("keydown", ce), document.removeEventListener("mousemove", ae), document.removeEventListener("mouseup", oe);
 		}), l({
-			close: Q,
-			prev: te,
-			next: ne,
+			close: ne,
+			prev: ee,
+			next: te,
 			zoomIn: J,
 			zoomOut: X,
 			rotateLeft: Z,
-			rotateRight: ee,
+			rotateRight: Q,
 			resetTransform: q
 		}), (r, c) => (S(), i(t, {
 			to: r.teleportTo,
@@ -2587,7 +2587,7 @@ var ae = {
 					type: f.type,
 					color: f.color,
 					title: "关闭预览 (ESC)",
-					onClick: Q
+					onClick: ne
 				}, {
 					default: B(() => [...c[2] ||= [s("svg", {
 						viewBox: "0 0 24 24",
@@ -2614,7 +2614,7 @@ var ae = {
 					color: f.color,
 					title: "上一张 (←)",
 					disabled: !H.value,
-					onClick: U(te, ["stop"])
+					onClick: U(ee, ["stop"])
 				}, {
 					default: B(() => [...c[3] ||= [s("svg", {
 						viewBox: "0 0 24 24",
@@ -2642,7 +2642,7 @@ var ae = {
 					color: f.color,
 					title: "下一张 (→)",
 					disabled: !W.value,
-					onClick: U(ne, ["stop"])
+					onClick: U(te, ["stop"])
 				}, {
 					default: B(() => [...c[4] ||= [s("svg", {
 						viewBox: "0 0 24 24",
@@ -2765,7 +2765,7 @@ var ae = {
 						type: f.type,
 						color: f.color,
 						title: "向右旋转",
-						onClick: ee
+						onClick: Q
 					}, {
 						default: B(() => [...c[8] ||= [s("svg", {
 							viewBox: "0 0 24 24",
@@ -3401,7 +3401,7 @@ var ae = {
 				width: e === "auto" ? void 0 : e,
 				maxWidth: t
 			};
-		}), ee = r(() => [
+		}), Q = r(() => [
 			h.e("content"),
 			`${h.e("content")}--${H.value.split("-")[0]}`,
 			`${h.e("content")}--${p.variant}`,
@@ -3412,16 +3412,16 @@ var ae = {
 			h.is("has-arrow", p.showArrow),
 			h.is("flipped", p.flipArrow),
 			h.is("no-transition", p.transition === "none")
-		]), te = {
+		]), ee = {
 			top: "bottom",
 			bottom: "top",
 			left: "right",
 			right: "left"
-		}, ne = r(() => {
+		}, te = r(() => {
 			if (p.transition === "none") return "";
 			let e = H.value.split("-")[0];
-			return p.transition === "slide" ? `${h.namespace}-popover-slide-${e}` : p.transition === "slide-reverse" ? `${h.namespace}-popover-slide-${te[e] ?? e}` : `${h.namespace}-popover-fade`;
-		}), Q = r(() => [h.e("arrow"), `${h.e("arrow")}--${H.value.split("-")[0]}`]), re = () => {
+			return p.transition === "slide" ? `${h.namespace}-popover-slide-${e}` : p.transition === "slide-reverse" ? `${h.namespace}-popover-slide-${ee[e] ?? e}` : `${h.namespace}-popover-fade`;
+		}), ne = r(() => [h.e("arrow"), `${h.e("arrow")}--${H.value.split("-")[0]}`]), re = () => {
 			C.value.has("hover") && M("hover");
 		}, $ = () => {
 			C.value.has("hover") && P("hover");
@@ -3462,12 +3462,12 @@ var ae = {
 			onClick: ie,
 			onFocus: ae,
 			onBlur: oe
-		}, [O(r.$slots, "default")], 34), (S(), i(t, { to: r.teleportTo }, [u(n, { name: ne.value }, {
+		}, [O(r.$slots, "default")], 34), (S(), i(t, { to: r.teleportTo }, [u(n, { name: te.value }, {
 			default: B(() => [I.value ? (S(), o("div", {
 				key: 0,
 				ref_key: "popoverRef",
 				ref: z,
-				class: v(ee.value),
+				class: v(Q.value),
 				style: y(Z.value),
 				onMouseenter: se,
 				onMouseleave: ce
@@ -3475,7 +3475,7 @@ var ae = {
 				s("div", { class: v(N(h).e("background")) }, null, 2),
 				r.showArrow ? (S(), o("div", {
 					key: 0,
-					class: v(Q.value)
+					class: v(ne.value)
 				}, null, 2)) : a("", !0),
 				N(g).popover ? O(r.$slots, "popover", { key: 1 }) : (S(), o(e, { key: 2 }, [r.title && !r.tooltip ? (S(), o("div", {
 					key: 0,
@@ -3701,16 +3701,16 @@ var ae = {
 			sm: 28,
 			md: 36,
 			lg: 44
-		}, A = T(null), M = T(null), P = T(null), L = T(null), z = T(!1), H = T(""), G = T(-1), q = T(!1), J = T(p.placement), X = T(p.maxHeight), Z = r(() => p.inline && p.filterable), ee = r({
-			get: () => z.value ? H.value : Q.value,
+		}, A = T(null), M = T(null), P = T(null), L = T(null), z = T(!1), H = T(""), G = T(-1), q = T(!1), J = T(p.placement), X = T(p.maxHeight), Z = r(() => p.inline && p.filterable), Q = r({
+			get: () => z.value ? H.value : ne.value,
 			set: (e) => {
 				H.value = e;
 			}
-		}), te = T({
+		}), ee = T({
 			top: 0,
 			left: 0,
 			width: 0
-		}), ne = r(() => p.options.find((e) => e.value === p.modelValue)), Q = r(() => ne.value?.label || ""), re = r(() => {
+		}), te = r(() => p.options.find((e) => e.value === p.modelValue)), ne = r(() => te.value?.label || ""), re = r(() => {
 			if (!p.filterable || !H.value) return p.options;
 			let e = H.value.toLowerCase();
 			return p.options.filter((t) => t.label.toLowerCase().includes(e));
@@ -3730,9 +3730,9 @@ var ae = {
 			let e = {};
 			return p.color && (e["--cp-dropdown-custom-color"] = p.color, e["--cp-dropdown-custom-color-light"] = `color-mix(in srgb, ${p.color} 20%, transparent)`), p.inactiveColor && (e["--cp-dropdown-inactive-color"] = p.inactiveColor), p.placeholderColor && (e["--cp-dropdown-placeholder-color"] = p.placeholderColor), W(p.size) || (e["--cp-dropdown-height"] = K(p.size, k)), p.clearDuration !== 150 && (e["--cp-dropdown-clear-duration"] = `${p.clearDuration}ms`), p.width && (e["--cp-dropdown-width"] = typeof p.width == "number" ? `${p.width}px` : p.width), e;
 		}), se = r(() => ({
-			top: `${te.value.top}px`,
-			left: `${te.value.left}px`,
-			width: `${te.value.width}px`,
+			top: `${ee.value.top}px`,
+			left: `${ee.value.left}px`,
+			width: `${ee.value.width}px`,
 			maxHeight: `${X.value}px`
 		})), ce = r(() => [
 			C.e("popper"),
@@ -3755,7 +3755,7 @@ var ae = {
 					l = e.top - t - 4 + window.scrollY;
 				}
 				let u = p.placement.split("-")[1] || "";
-				J.value = u ? `${s}-${u}` : s, te.value = {
+				J.value = u ? `${s}-${u}` : s, ee.value = {
 					top: l,
 					left: n,
 					width: r
@@ -3834,18 +3834,18 @@ var ae = {
 				key: 1,
 				ref_key: "inlineInputRef",
 				ref: L,
-				"onUpdate:modelValue": c[0] ||= (e) => ee.value = e,
+				"onUpdate:modelValue": c[0] ||= (e) => Q.value = e,
 				class: v([N(C).e("inline-input"), N(C).is("active", z.value)]),
-				placeholder: z.value ? "" : $.value ? Q.value : p.placeholder,
+				placeholder: z.value ? "" : $.value ? ne.value : p.placeholder,
 				autocomplete: "off",
 				disabled: E.value,
 				onClick: c[1] ||= U(() => {}, ["stop"]),
 				onFocus: de,
 				onKeydown: ve
-			}, null, 42, sn)), [[I, ee.value]]) : (S(), o("span", {
+			}, null, 42, sn)), [[I, Q.value]]) : (S(), o("span", {
 				key: 2,
 				class: v([N(C).e("value"), { [N(C).is("placeholder")]: !$.value }])
-			}, j($.value ? Q.value : p.placeholder), 3)),
+			}, j($.value ? ne.value : p.placeholder), 3)),
 			ie.value ? (S(), o("span", {
 				key: 3,
 				class: v(N(C).e("clear")),
@@ -5107,6 +5107,26 @@ var ae = {
 		type: [String, Object],
 		default: void 0
 	},
+	loading: {
+		type: Boolean,
+		default: !1
+	},
+	loadingText: {
+		type: String,
+		default: "加载中..."
+	},
+	loadingClass: {
+		type: [
+			String,
+			Object,
+			Array
+		],
+		default: void 0
+	},
+	loadingStyle: {
+		type: [String, Object],
+		default: void 0
+	},
 	zIndex: {
 		type: Number,
 		default: 2e3
@@ -5148,7 +5168,7 @@ var ae = {
 			stroke: "currentColor",
 			"stroke-width": "2"
 		}, [p("path", { d: "M18 6L6 18M6 6l12 12" })]), m = e, h = d, w = F(), E = P(), D = Y("dialog");
-		C(ne, {
+		C(te, {
 			type: M(m, "type"),
 			color: M(m, "color")
 		});
@@ -5169,9 +5189,9 @@ var ae = {
 			q.offsetX = e, q.offsetY = t, z.value.style.transform = `translate(${e}px, ${t}px)`;
 		}, Z = () => {
 			q.offsetX = 0, q.offsetY = 0, z.value && (z.value.style.transform = "");
-		}, ee = () => {
+		}, Q = () => {
 			X(q.offsetX, q.offsetY);
-		}, te = (e) => {
+		}, ee = (e) => {
 			if (!m.draggable || !z.value) return;
 			let t = e.clientX, n = e.clientY, { offsetX: r, offsetY: i } = q, a = (e) => {
 				K.value ||= !0, X(r + e.clientX - t, i + e.clientY - n);
@@ -5179,9 +5199,9 @@ var ae = {
 				K.value = !1, document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", o);
 			};
 			document.addEventListener("mousemove", a), document.addEventListener("mouseup", o);
-		}, Q = r(() => m.color ? m.color : m.type && m.type !== "default" ? `var(--cp-color-${m.type})` : null), re = r(() => m.color ? `color-mix(in srgb, ${m.color} 30%, transparent)` : m.type && m.type !== "default" ? `var(--cp-color-${m.type}-light)` : null), $ = r(() => {
+		}, ne = r(() => m.color ? m.color : m.type && m.type !== "default" ? `var(--cp-color-${m.type})` : null), re = r(() => m.color ? `color-mix(in srgb, ${m.color} 30%, transparent)` : m.type && m.type !== "default" ? `var(--cp-color-${m.type}-light)` : null), $ = r(() => {
 			let e = {};
-			return Q.value && (e["--cp-dialog-color"] = Q.value), re.value && (e["--cp-dialog-color-light"] = re.value), m.bgColor && (e["--cp-dialog-bg"] = m.bgColor), m.borderColor && (e["--cp-dialog-border-color"] = m.borderColor), m.titleColor && (e["--cp-dialog-title-color"] = m.titleColor), m.textColor && (e["--cp-dialog-text-color"] = m.textColor), m.closeColor && (e["--cp-dialog-close-color"] = m.closeColor), m.headerDividerColor && (e["--cp-dialog-header-divider-color"] = m.headerDividerColor), m.footerDividerColor && (e["--cp-dialog-footer-divider-color"] = m.footerDividerColor), e;
+			return ne.value && (e["--cp-dialog-color"] = ne.value), re.value && (e["--cp-dialog-color-light"] = re.value), m.bgColor && (e["--cp-dialog-bg"] = m.bgColor), m.borderColor && (e["--cp-dialog-border-color"] = m.borderColor), m.titleColor && (e["--cp-dialog-title-color"] = m.titleColor), m.textColor && (e["--cp-dialog-text-color"] = m.textColor), m.closeColor && (e["--cp-dialog-close-color"] = m.closeColor), m.headerDividerColor && (e["--cp-dialog-header-divider-color"] = m.headerDividerColor), m.footerDividerColor && (e["--cp-dialog-footer-divider-color"] = m.footerDividerColor), e;
 		}), ie = r(() => {
 			let e = typeof m.width == "number" ? `${m.width}px` : m.width, t = {
 				...$.value,
@@ -5204,6 +5224,7 @@ var ae = {
 			D.is("center", m.center),
 			D.is("draggable", m.draggable),
 			D.is("dragging", K.value),
+			D.is("loading", m.loading),
 			D.is("shaking", I.value),
 			m.dialogClass
 		]), ce = r(() => [
@@ -5221,52 +5242,52 @@ var ae = {
 			D.e("overlay"),
 			m.overlayClass,
 			m.modalClass
-		]), fe = r(() => m.title || w.header || w.title || m.showClose), pe = r(() => !!w.footer || m.showConfirmButton || m.showCancelButton), me = r(() => m.type && m.type !== "default" ? m.type : "primary"), he = r(() => m.color || ""), ge = r(() => {
+		]), fe = r(() => [D.e("loading-overlay"), m.loadingClass]), pe = r(() => m.title || w.header || w.title || m.showClose), me = r(() => !!w.footer || m.showConfirmButton || m.showCancelButton), ge = r(() => m.type && m.type !== "default" ? m.type : "primary"), _e = r(() => m.color || ""), ve = r(() => {
 			if (m.beforeClose) return m.beforeClose;
 			let e = E["before-close"] ?? E.beforeClose;
 			return typeof e == "function" ? e : void 0;
-		}), _e = () => {
+		}), ye = () => {
 			k.value = !1;
-		}, ve = () => {
+		}, be = () => {
 			let e = (e) => {
-				e || _e();
+				e || ye();
 			};
-			ge.value ? ge.value(e) : e();
-		}, ye = () => {
-			m.closeOnClickModal ? ve() : W();
-		}, be = () => {
-			h("confirm"), ve();
+			ve.value ? ve.value(e) : e();
 		}, xe = () => {
-			h("cancel"), ve();
-		}, Se = (e) => {
-			e.key === "Escape" && k.value && (m.closeOnEscape ? ve() : W());
-		}, we = (e) => {
+			m.closeOnClickModal ? be() : W();
+		}, Se = () => {
+			h("confirm"), be();
+		}, we = () => {
+			h("cancel"), be();
+		}, Te = (e) => {
+			e.key === "Escape" && k.value && (m.closeOnEscape ? be() : W());
+		}, Ee = (e) => {
 			e.stopPropagation();
-		}, Te = () => {
+		}, De = () => {
 			h("opened");
-		}, Ee = () => {
-			h("closed"), ke(), m.destroyOnClose && (A.value = !1);
-		}, De = "", Oe = () => {
-			m.lockScroll && (De = document.body.style.overflow, document.body.style.overflow = "hidden");
-		}, ke = () => {
-			m.lockScroll && (document.body.style.overflow = De);
+		}, Oe = () => {
+			h("closed"), je(), m.destroyOnClose && (A.value = !1);
+		}, ke = "", Ae = () => {
+			m.lockScroll && (ke = document.body.style.overflow, document.body.style.overflow = "hidden");
+		}, je = () => {
+			m.lockScroll && (document.body.style.overflow = ke);
 		};
 		return R(() => m.modelValue, (e) => {
 			e ? (A.value = !0, k.value = !0, h("open"), _(() => {
-				Z(), Oe(), document.addEventListener("keydown", Se), m.draggable && window.addEventListener("resize", ee);
-			})) : k.value && _e();
+				Z(), Ae(), document.addEventListener("keydown", Te), m.draggable && window.addEventListener("resize", Q);
+			})) : k.value && ye();
 		}), R(k, (e) => {
-			!e && m.modelValue && (h("close"), h("update:modelValue", !1), document.removeEventListener("keydown", Se), window.removeEventListener("resize", ee));
+			!e && m.modelValue && (h("close"), h("update:modelValue", !1), document.removeEventListener("keydown", Te), window.removeEventListener("resize", Q));
 		}), R(() => m.fullscreen, (e) => {
 			z.value && (e ? (J = z.value.style.transform, z.value.style.transform = "") : z.value.style.transform = J);
 		}), x(() => {
 			m.modelValue && (A.value = !0, k.value = !0, _(() => {
-				Oe(), document.addEventListener("keydown", Se), m.draggable && window.addEventListener("resize", ee);
+				Ae(), document.addEventListener("keydown", Te), m.draggable && window.addEventListener("resize", Q);
 			}));
 		}), b(() => {
-			ke(), document.removeEventListener("keydown", Se), window.removeEventListener("resize", ee);
+			je(), document.removeEventListener("keydown", Te), window.removeEventListener("resize", Q);
 		}), c({
-			close: ve,
+			close: be,
 			resetPosition: Z,
 			visible: k
 		}), (e, r) => (S(), i(t, {
@@ -5274,17 +5295,17 @@ var ae = {
 			disabled: !e.appendToBody
 		}, [u(n, {
 			name: N(D).namespace + "-dialog-fade",
-			onAfterEnter: Te,
-			onAfterLeave: Ee
+			onAfterEnter: De,
+			onAfterLeave: Oe
 		}, {
 			default: B(() => [(e.destroyOnClose ? k.value : A.value || k.value) ? V((S(), o("div", {
 				key: 0,
 				class: v(de.value),
 				style: y(ae.value),
-				onClick: U(ye, ["self"])
+				onClick: U(xe, ["self"])
 			}, [s("div", {
 				class: v(oe.value),
-				onClick: U(ye, ["self"])
+				onClick: U(xe, ["self"])
 			}, [s("div", g({
 				ref_key: "panelRef",
 				ref: z
@@ -5293,7 +5314,7 @@ var ae = {
 				style: ie.value,
 				role: "dialog",
 				"aria-modal": "true",
-				onClick: we,
+				onClick: Ee,
 				onAnimationend: G
 			}), [
 				s("div", { class: v(N(D).e("decor")) }, null, 2),
@@ -5301,13 +5322,13 @@ var ae = {
 					key: 0,
 					class: v(N(D).e("cover"))
 				}, [O(e.$slots, "cover")], 2)) : a("", !0),
-				fe.value ? (S(), o("div", {
+				pe.value ? (S(), o("div", {
 					key: 1,
 					ref_key: "headerRef",
 					ref: H,
 					class: v(ce.value),
 					style: y(e.headerStyle),
-					onMousedown: te
+					onMousedown: ee
 				}, [O(e.$slots, "header", {}, () => [s("div", { class: v(N(D).e("title")) }, [O(e.$slots, "title", {}, () => [l(j(e.title), 1)])], 2), e.showClose ? (S(), i(N(Ce), {
 					key: 0,
 					class: v(N(D).e("close")),
@@ -5318,7 +5339,7 @@ var ae = {
 					variant: "ghost",
 					size: "sm",
 					"aria-label": "Close",
-					onClick: ve
+					onClick: be
 				}, null, 8, [
 					"class",
 					"shape",
@@ -5329,26 +5350,26 @@ var ae = {
 					class: v(le.value),
 					style: y(e.bodyStyle)
 				}, [O(e.$slots, "default")], 6),
-				pe.value ? (S(), o("div", {
+				me.value ? (S(), o("div", {
 					key: 2,
 					class: v(ue.value),
 					style: y(e.footerStyle)
 				}, [O(e.$slots, "footer", {
-					close: ve,
-					confirm: be
+					close: be,
+					confirm: Se
 				}, () => [e.showCancelButton ? (S(), i(N(Ce), {
 					key: 0,
 					class: v(N(D).e("cancel-btn")),
-					onClick: xe
+					onClick: we
 				}, {
 					default: B(() => [l(j(e.cancelText || "取消"), 1)]),
 					_: 1
 				}, 8, ["class"])) : a("", !0), e.showConfirmButton ? (S(), i(N(Ce), {
 					key: 1,
 					class: v(N(D).e("confirm-btn")),
-					type: me.value,
-					color: he.value,
-					onClick: be
+					type: ge.value,
+					color: _e.value,
+					onClick: Se
 				}, {
 					default: B(() => [l(j(e.confirmText || "确认"), 1)]),
 					_: 1
@@ -5356,7 +5377,18 @@ var ae = {
 					"class",
 					"type",
 					"color"
-				])) : a("", !0)])], 6)) : a("", !0)
+				])) : a("", !0)])], 6)) : a("", !0),
+				u(n, { name: "cp-dialog-loading" }, {
+					default: B(() => [e.loading ? (S(), o("div", {
+						key: 0,
+						class: v(fe.value),
+						style: y(e.loadingStyle)
+					}, [O(e.$slots, "loading", {}, () => [u(N(he), { color: ne.value || void 0 }, null, 8, ["color"]), e.loadingText ? (S(), o("span", {
+						key: 0,
+						class: v(N(D).e("loading-text"))
+					}, j(e.loadingText), 3)) : a("", !0)])], 6)) : a("", !0)]),
+					_: 3
+				})
 			], 16)], 2)], 6)), [[L, k.value]]) : a("", !0)]),
 			_: 3
 		}, 8, ["name"])], 8, ["disabled"]));
@@ -5668,6 +5700,10 @@ var ae = {
 		type: String,
 		default: "solid"
 	},
+	size: {
+		type: [String, Number],
+		default: "md"
+	},
 	defaultActive: {
 		type: String,
 		default: ""
@@ -5706,77 +5742,87 @@ var ae = {
 	props: mr,
 	emits: hr,
 	setup(e, { emit: t }) {
-		let n = e, i = t, a = Y("menu"), s = f()?.appContext.config.globalProperties.$router, c = T(n.defaultActive), l = T([]), u = T(new Set(n.defaultOpeneds)), d = T(new Set(n.defaultOpeneds)), p = T(!1), m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = (e, t) => {
-			m.set(e, [...t]);
-		}, b = (e) => {
-			m.delete(e);
-		}, w = (e, t) => {
+		let n = e, i = t, a = Y("menu"), s = f()?.appContext.config.globalProperties.$router, c = {
+			sm: 13,
+			md: 14,
+			lg: 16
+		}, l = T(n.defaultActive), u = T([]), d = T(new Set(n.defaultOpeneds)), p = T(new Set(n.defaultOpeneds)), m = T(!1), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), b = (e, t) => {
 			h.set(e, [...t]);
-		}, E = (e) => {
+		}, w = (e) => {
 			h.delete(e);
+		}, E = (e, t) => {
+			g.set(e, [...t]);
 		}, D = (e) => {
-			if (m.has(e)) return {
+			g.delete(e);
+		}, k = (e) => {
+			if (h.has(e)) return {
 				index: e,
-				indexPath: m.get(e)
+				indexPath: h.get(e)
 			};
 			let t = null;
-			for (let [n, r] of m) n !== "/" && (e.startsWith(n + "/") || e.startsWith(n + "?")) && (!t || n.length > t.index.length) && (t = {
+			for (let [n, r] of h) n !== "/" && (e.startsWith(n + "/") || e.startsWith(n + "?")) && (!t || n.length > t.index.length) && (t = {
 				index: n,
 				indexPath: r
 			});
 			return t;
-		}, k = (e) => {
+		}, A = (e) => {
 			if (!e) return;
-			let t = D(e);
+			let t = k(e);
 			if (t) {
-				c.value = t.index, l.value = t.indexPath;
-				let e = new Set(u.value);
-				for (let n of t.indexPath) n !== t.index && h.has(n) && e.add(n);
-				u.value = e, n.collapse || (d.value = new Set(e));
+				l.value = t.index, u.value = t.indexPath;
+				let e = new Set(d.value);
+				for (let n of t.indexPath) n !== t.index && g.has(n) && e.add(n);
+				d.value = e, n.collapse || (p.value = new Set(e));
 			}
 		};
 		R(() => n.defaultActive, (e) => {
-			k(e);
+			A(e);
 		}), R(() => n.collapse, (e) => {
-			e ? (p.value = !0, d.value = new Set(u.value), u.value = /* @__PURE__ */ new Set(), setTimeout(() => {
-				p.value = !1;
-			}, 350)) : u.value = new Set(d.value);
+			e ? (m.value = !0, p.value = new Set(d.value), d.value = /* @__PURE__ */ new Set(), setTimeout(() => {
+				m.value = !1;
+			}, 350)) : d.value = new Set(p.value);
 		}, { flush: "sync" });
-		let A = (e, t) => {
-			n.router || (c.value = e, l.value = t), i("select", e, t);
-		}, j = (e, t) => {
-			let r = new Set(u.value);
-			r.has(e) || (n.uniqueOpened && r.clear(), r.add(e), u.value = r, i("open", e, t), n.collapse || (d.value = new Set(r)));
+		let j = (e, t) => {
+			n.router || (l.value = e, u.value = t), i("select", e, t);
 		}, N = (e, t) => {
-			let r = new Set(u.value);
-			r.has(e) && (r.delete(e), u.value = r, i("close", e, t), n.collapse || (d.value = new Set(r)));
+			let r = new Set(d.value);
+			r.has(e) || (n.uniqueOpened && r.clear(), r.add(e), d.value = r, i("open", e, t), n.collapse || (p.value = new Set(r)));
 		}, P = (e, t) => {
-			u.value.has(e) ? N(e, t) : j(e, t);
+			let r = new Set(d.value);
+			r.has(e) && (r.delete(e), d.value = r, i("close", e, t), n.collapse || (p.value = new Set(r)));
+		}, F = (e, t) => {
+			d.value.has(e) ? P(e, t) : N(e, t);
 		};
 		x(() => {
 			_(() => {
-				k(c.value);
+				A(l.value);
 			}), n.router && s && R(() => s.currentRoute.value.path, (e) => {
-				k(e);
+				A(e);
 			});
 		});
-		let F = 0, I = () => `__cp_auto_${++F}`, L = r(() => [
+		let I = 0, L = () => `__cp_auto_${++I}`, z = r(() => [
 			a.b(),
 			a.m(n.mode),
 			a.m(`shape-${n.shape}`),
 			a.m(n.variant),
+			W(n.size) && a.m(n.size),
 			a.is("collapse", n.collapse && n.mode === "vertical"),
+			a.is("custom-size", !W(n.size)),
 			n.type === "default" ? "" : a.m(n.type),
 			n.color ? a.is("custom-color") : ""
-		]), z = r(() => {
+		]), B = r(() => {
 			let e = {};
+			if (!W(n.size)) {
+				let t = K(n.size, c);
+				e["--cp-menu-font-size"] = t, e["--cp-menu-item-height"] = `calc(${t} * 3.25)`, e["--cp-menu-icon-size"] = `calc(${t} * 1.15)`, e["--cp-menu-group-title-font-size"] = `calc(${t} * 0.8)`;
+			}
 			return n.color && (e["--cp-menu-active-color"] = n.color, e["--cp-menu-active-color-light"] = `color-mix(in srgb, ${n.color} 20%, transparent)`), e;
 		});
 		return C(gr, {
-			generateIndex: I,
-			activeIndex: c,
-			activeIndexPath: l,
-			openedMenus: u,
+			generateIndex: L,
+			activeIndex: l,
+			activeIndexPath: u,
+			openedMenus: d,
 			mode: n.mode,
 			collapse: M(n, "collapse"),
 			type: n.type,
@@ -5784,18 +5830,18 @@ var ae = {
 			variant: n.variant,
 			router: n.router,
 			color: n.color,
-			handleSelect: A,
-			handleSubMenuClick: P,
-			openMenu: j,
-			closeMenu: N,
-			addItem: g,
-			removeItem: b,
-			addSubMenu: w,
-			removeSubMenu: E,
-			suppressTransition: p
+			handleSelect: j,
+			handleSubMenuClick: F,
+			openMenu: N,
+			closeMenu: P,
+			addItem: b,
+			removeItem: w,
+			addSubMenu: E,
+			removeSubMenu: D,
+			suppressTransition: m
 		}), (e, t) => (S(), o("ul", {
-			class: v(L.value),
-			style: y(z.value),
+			class: v(z.value),
+			style: y(B.value),
 			role: "menubar"
 		}, [O(e.$slots, "default")], 6));
 	}
@@ -6154,7 +6200,7 @@ var ae = {
 	setup(e, { expose: c, emit: d }) {
 		let f = e, p = d, m = F(), _ = Y("notification"), y = T(!1), C = r(() => !!f.id), w = null, E = 0, D = 0, k = () => {
 			f.duration <= 0 || (D <= 0 && (D = f.duration), E = Date.now(), w = setTimeout(() => {
-				te();
+				ee();
 			}, D));
 		}, M = () => {
 			w && (clearTimeout(w), w = null, D -= Date.now() - E, D < 0 && (D = 0));
@@ -6185,11 +6231,11 @@ var ae = {
 			_.is("has-icon", f.type !== "default" || !!m.icon),
 			_.is("closable", f.showClose),
 			_.is("selectable", f.selectable)
-		]), Z = r(() => h(f.message) ? f.message : typeof f.message == "function" ? f.message() : null), ee = r(() => typeof f.message == "string"), te = () => {
+		]), Z = r(() => h(f.message) ? f.message : typeof f.message == "function" ? f.message() : null), Q = r(() => typeof f.message == "string"), ee = () => {
 			y.value = !1;
-		}, ne = () => {
+		}, te = () => {
 			p("click");
-		}, Q = r(() => H.value ? `${_.namespace}-notification-right` : `${_.namespace}-notification-left`), re = () => {
+		}, ne = r(() => H.value ? `${_.namespace}-notification-right` : `${_.namespace}-notification-left`), re = () => {
 			f.onClose?.();
 		}, $ = () => {
 			p("destroy");
@@ -6200,7 +6246,7 @@ var ae = {
 			info: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 		}, ae = r(() => f.type === "default" || f.type === "primary" ? null : ie[f.type] || null);
 		return R(() => f.modelValue, (e) => {
-			e ? (y.value = !0, D = f.duration, k()) : te();
+			e ? (y.value = !0, D = f.duration, k()) : ee();
 		}), R(y, (e) => {
 			!e && f.modelValue && (P(), p("close"), p("update:modelValue", !1));
 		}), x(() => {
@@ -6208,11 +6254,11 @@ var ae = {
 		}), b(() => {
 			P();
 		}), c({
-			close: te,
+			close: ee,
 			visible: y
 		}), (e, r) => C.value ? (S(), i(n, {
 			key: 1,
-			name: Q.value,
+			name: ne.value,
 			onBeforeLeave: re,
 			onAfterLeave: $
 		}, {
@@ -6222,7 +6268,7 @@ var ae = {
 				role: "alert",
 				onMouseenter: I,
 				onMouseleave: z,
-				onClick: ne
+				onClick: te
 			}), [
 				s("div", { class: v(N(_).e("decor")) }, null, 2),
 				ae.value || N(m).icon ? (S(), o("div", {
@@ -6234,10 +6280,10 @@ var ae = {
 						key: 0,
 						class: v(N(_).e("title"))
 					}, [O(e.$slots, "title", {}, () => [l(j(e.title), 1)])], 2)) : a("", !0),
-					s("div", { class: v(N(_).e("content")) }, [O(e.$slots, "default", {}, () => [e.dangerouslyUseHTMLString && ee.value ? (S(), o("p", {
+					s("div", { class: v(N(_).e("content")) }, [O(e.$slots, "default", {}, () => [e.dangerouslyUseHTMLString && Q.value ? (S(), o("p", {
 						key: 0,
 						innerHTML: e.message
-					}, null, 8, zr)) : ee.value ? (S(), o("p", Br, j(e.message), 1)) : Z.value ? (S(), i(A(() => Z.value), { key: 2 })) : a("", !0)])], 2),
+					}, null, 8, zr)) : Q.value ? (S(), o("p", Br, j(e.message), 1)) : Z.value ? (S(), i(A(() => Z.value), { key: 2 })) : a("", !0)])], 2),
 					N(m).actions ? (S(), o("div", {
 						key: 1,
 						class: v(N(_).e("actions")),
@@ -6248,7 +6294,7 @@ var ae = {
 					key: 1,
 					class: v(N(_).e("close")),
 					"aria-label": "Close",
-					onClick: U(te, ["stop"])
+					onClick: U(ee, ["stop"])
 				}, [...r[3] ||= [s("svg", {
 					viewBox: "0 0 24 24",
 					width: "14",
@@ -6267,7 +6313,7 @@ var ae = {
 			key: 0,
 			to: "body"
 		}, [u(n, {
-			name: Q.value,
+			name: ne.value,
 			onBeforeLeave: re,
 			onAfterLeave: $
 		}, {
@@ -6277,7 +6323,7 @@ var ae = {
 				role: "alert",
 				onMouseenter: I,
 				onMouseleave: z,
-				onClick: ne
+				onClick: te
 			}), [
 				s("div", { class: v(N(_).e("decor")) }, null, 2),
 				ae.value || N(m).icon ? (S(), o("div", {
@@ -6289,10 +6335,10 @@ var ae = {
 						key: 0,
 						class: v(N(_).e("title"))
 					}, [O(e.$slots, "title", {}, () => [l(j(e.title), 1)])], 2)) : a("", !0),
-					s("div", { class: v(N(_).e("content")) }, [O(e.$slots, "default", {}, () => [e.dangerouslyUseHTMLString && ee.value ? (S(), o("p", {
+					s("div", { class: v(N(_).e("content")) }, [O(e.$slots, "default", {}, () => [e.dangerouslyUseHTMLString && Q.value ? (S(), o("p", {
 						key: 0,
 						innerHTML: e.message
-					}, null, 8, Fr)) : ee.value ? (S(), o("p", Ir, j(e.message), 1)) : Z.value ? (S(), i(A(() => Z.value), { key: 2 })) : a("", !0)])], 2),
+					}, null, 8, Fr)) : Q.value ? (S(), o("p", Ir, j(e.message), 1)) : Z.value ? (S(), i(A(() => Z.value), { key: 2 })) : a("", !0)])], 2),
 					N(m).actions ? (S(), o("div", {
 						key: 1,
 						class: v(N(_).e("actions")),
@@ -6303,7 +6349,7 @@ var ae = {
 					key: 1,
 					class: v(N(_).e("close")),
 					"aria-label": "Close",
-					onClick: U(te, ["stop"])
+					onClick: U(ee, ["stop"])
 				}, [...r[2] ||= [s("svg", {
 					viewBox: "0 0 24 24",
 					width: "14",
@@ -6475,6 +6521,10 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 		type: String,
 		default: "vertical"
 	},
+	size: {
+		type: [String, Number],
+		default: "md"
+	},
 	defaultActive: {
 		type: String,
 		default: ""
@@ -6530,6 +6580,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 		}, d = (e) => !!e.group;
 		return (t, n) => (S(), i(N(vr), {
 			mode: t.mode,
+			size: t.size,
 			"default-active": t.defaultActive,
 			"default-openeds": t.defaultOpeneds,
 			"unique-opened": t.uniqueOpened,
@@ -6607,6 +6658,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			_: 1
 		}, 8, [
 			"mode",
+			"size",
 			"default-active",
 			"default-openeds",
 			"unique-opened",
@@ -6769,7 +6821,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			if (i.disabled) return;
 			let t = i.pagerCount - 2;
 			U(e === "left-ellipsis" ? Math.max(1, f.value - t) : Math.min(m.value, f.value + t));
-		}, Z = T(""), ee = () => {
+		}, Z = T(""), Q = () => {
 			if (i.disabled) return;
 			let e = parseInt(Z.value, 10);
 			!isNaN(e) && e >= 1 && e <= m.value && U(e), Z.value = "";
@@ -7007,7 +7059,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				min: 1,
 				max: m.value,
 				disabled: t.disabled,
-				onKeydown: H(ee, ["enter"])
+				onKeydown: H(Q, ["enter"])
 			}, null, 42, ai), [[I, Z.value]]),
 			n[5] ||= l(" 页 ", -1)
 		], 2)]) : a("", !0)], 64))), 128))], 6));
@@ -7228,7 +7280,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 	emits: fi,
 	setup(t, { expose: d, emit: f }) {
 		let p = t, m = f, h = Y("table"), g = T([]), _ = 0;
-		C(Q, {
+		C(ne, {
 			registerColumn: (e) => {
 				let t = `cp-col-${_++}`, n = {
 					...e,
@@ -7298,10 +7350,10 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			if (q.value && e[q.value]) return !0;
 			let t = e[K.value];
 			return Array.isArray(t) && t.length > 0;
-		}, ee = (e, t) => {
+		}, Q = (e, t) => {
 			let n = H(e, -1), r = new Set(J.value), i = r.has(n), a = t === void 0 ? !i : t;
 			a ? r.add(n) : r.delete(n), J.value = r, m("expand-change", e, a);
-		}, te = () => {
+		}, ee = () => {
 			let e = /* @__PURE__ */ new Set(), t = (n) => {
 				for (let r of n) {
 					let n = H(r, -1);
@@ -7313,7 +7365,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				}
 			};
 			t(p.data), J.value = e;
-		}, ne = () => {
+		}, te = () => {
 			J.value = /* @__PURE__ */ new Set();
 		}, re = r(() => {
 			if (!G.value) return [];
@@ -7385,9 +7437,9 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				let t = z.value;
 				z.value = e, m("current-change", e, t);
 			},
-			toggleRowExpansion: ee,
-			expandAll: te,
-			collapseAll: ne,
+			toggleRowExpansion: Q,
+			expandAll: ee,
+			collapseAll: te,
 			toggleRowExpand: ue
 		}), (t, r) => (S(), o("div", {
 			class: v(de.value),
@@ -7502,7 +7554,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				ie(n)?.hasChildren ? (S(), o("span", {
 					key: 1,
 					class: v([N(h).e("expand-icon"), N(h).is("expanded", ie(n)?.expanded)]),
-					onClick: U((e) => ee(n), ["stop"])
+					onClick: U((e) => Q(n), ["stop"])
 				}, [...r[5] ||= [s("svg", {
 					viewBox: "0 0 16 16",
 					width: "14",
@@ -7589,7 +7641,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 	__name: "table-column",
 	props: xi,
 	setup(e) {
-		let t = e, n = F(), r = m(Q, null), i = "";
+		let t = e, n = F(), r = m(ne, null), i = "";
 		return x(() => {
 			r && (i = r.registerColumn({
 				prop: t.prop,
@@ -8243,35 +8295,78 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				z(e);
 			} else for (let e of r) G(e);
 		}
-		function q() {
+		function q(e) {
+			return new Promise((t) => {
+				if (e.isFile) e.file((e) => t([e]), () => t([]));
+				else if (e.isDirectory) {
+					let n = e.createReader(), r = [], i = () => {
+						n.readEntries(async (e) => {
+							if (e.length === 0) {
+								t(r);
+								return;
+							}
+							let n = await Promise.all(e.map(q));
+							r.push(...n.flat()), i();
+						}, () => t(r));
+					};
+					i();
+				} else t([]);
+			});
+		}
+		async function J(e) {
+			let t = (await Promise.all(e.map(q))).flat();
+			if (d.accept) {
+				let e = d.accept.split(",").map((e) => e.trim().toLowerCase());
+				return t.filter((t) => {
+					let n = t.type.toLowerCase(), r = "." + t.name.split(".").pop()?.toLowerCase();
+					return e.some((e) => e.startsWith(".") ? r === e : e.endsWith("/*") ? n.startsWith(e.replace("/*", "/")) : n === e);
+				});
+			}
+			return t;
+		}
+		function X() {
 			x.value || _.value?.click();
 		}
-		function J(e) {
+		function Z(e) {
 			let t = e.target;
 			t.files && K(t.files), t.value = "";
 		}
-		let X = T(0);
-		function Z(e) {
-			e.preventDefault(), !x.value && (X.value++, y.value = !0);
-		}
+		let Q = T(0);
 		function ee(e) {
-			e.preventDefault();
+			e.preventDefault(), !x.value && (Q.value++, y.value = !0);
 		}
 		function te(e) {
-			e.preventDefault(), X.value--, X.value <= 0 && (y.value = !1, X.value = 0);
+			e.preventDefault();
 		}
 		function ne(e) {
-			e.preventDefault(), y.value = !1, X.value = 0, !x.value && e.dataTransfer?.files && K(e.dataTransfer.files);
+			e.preventDefault(), Q.value--, Q.value <= 0 && (y.value = !1, Q.value = 0);
+		}
+		async function re(e) {
+			if (e.preventDefault(), y.value = !1, Q.value = 0, x.value) return;
+			let t = e.dataTransfer?.items;
+			if (t) {
+				let e = [], n = !1;
+				for (let r = 0; r < t.length; r++) {
+					let i = t[r].webkitGetAsEntry?.();
+					i && (e.push(i), i.isDirectory && (n = !0));
+				}
+				if (n) {
+					let t = await J(e);
+					t.length > 0 && K(t);
+					return;
+				}
+			}
+			e.dataTransfer?.files && K(e.dataTransfer.files);
 		}
-		function Q(e) {
+		function $(e) {
 			let t = d.modelValue.filter((t) => t.uid !== e.uid);
 			e.url && e.raw && URL.revokeObjectURL(e.url), f("remove", e, t), f("change", e, t), z(t);
 		}
-		function re() {
+		function ie() {
 			d.modelValue.filter((e) => e.status === "ready").forEach((e) => G(e));
 		}
-		let $ = T(!1), ie = T([]), ae = T(0);
-		function oe(e) {
+		let ae = T(!1), oe = T([]), se = T(0);
+		function ce(e) {
 			if (!d.preview || !H(e)) return;
 			let t = [], n = 0;
 			(I.value && L.value ? [L.value] : d.modelValue).forEach((r) => {
@@ -8279,13 +8374,13 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 					let i = W(r);
 					i && (r.uid === e.uid && (n = t.length), t.push(i));
 				}
-			}), t.length > 0 && (ie.value = t, ae.value = n, $.value = !0);
+			}), t.length > 0 && (oe.value = t, se.value = n, ae.value = !0);
 		}
 		n({
-			submit: re,
+			submit: ie,
 			clearFiles: () => z([])
 		});
-		function se(e) {
+		function le(e) {
 			if (e === 0) return "0 B";
 			let t = 1024, n = [
 				"B",
@@ -8307,14 +8402,14 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				accept: t.accept,
 				multiple: t.multiple || t.directory,
 				disabled: x.value
-			}, t.directory ? { webkitdirectory: "" } : {}, { onChange: J }), null, 16, Ii),
+			}, t.directory ? { webkitdirectory: "" } : {}, { onChange: Z }), null, 16, Ii),
 			s("div", {
 				class: v([N(p).e("trigger"), t.drag && N(p).e("dragger")]),
-				onClick: q,
-				onDragenter: Z,
-				onDragover: ee,
-				onDragleave: te,
-				onDrop: ne
+				onClick: X,
+				onDragenter: ee,
+				onDragover: te,
+				onDragleave: ne,
+				onDrop: re
 			}, [O(t.$slots, "default", {}, () => [t.drag ? (S(), o("div", {
 				key: 0,
 				class: v(N(p).e("drag-content"))
@@ -8385,9 +8480,9 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				])], 2)) : a("", !0),
 				s("div", { class: v(N(p).e("card-actions")) }, [O(t.$slots, "card-actions", {
 					file: L.value,
-					handleRemove: Q,
-					handlePreview: oe,
-					handleReplace: q
+					handleRemove: $,
+					handlePreview: ce,
+					handleReplace: X
 				}, () => [
 					d.preview ? (S(), i(N(Ce), {
 						key: 0,
@@ -8398,7 +8493,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 						type: d.type,
 						color: w.value,
 						title: "预览图片",
-						onClick: n[0] ||= U((e) => oe(L.value), ["stop"])
+						onClick: n[0] ||= U((e) => ce(L.value), ["stop"])
 					}, {
 						default: B(() => [...n[6] ||= [s("svg", {
 							viewBox: "0 0 24 24",
@@ -8442,7 +8537,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 						type: d.type,
 						color: w.value,
 						title: "替换图片",
-						onClick: U(q, ["stop"])
+						onClick: U(X, ["stop"])
 					}, {
 						default: B(() => [...n[7] ||= [s("svg", {
 							viewBox: "0 0 24 24",
@@ -8462,7 +8557,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 						type: d.type,
 						color: w.value,
 						title: "删除图片",
-						onClick: n[1] ||= U((e) => Q(L.value), ["stop"])
+						onClick: n[1] ||= U((e) => $(L.value), ["stop"])
 					}, {
 						default: B(() => [...n[8] ||= [s("svg", {
 							viewBox: "0 0 24 24",
@@ -8575,9 +8670,9 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				])], 2)) : a("", !0),
 				s("div", { class: v(N(p).e("card-actions")) }, [O(t.$slots, "card-actions", {
 					file: e,
-					handleRemove: Q,
-					handlePreview: oe,
-					handleReplace: q
+					handleRemove: $,
+					handlePreview: ce,
+					handleReplace: X
 				}, () => [d.preview && H(e) ? (S(), i(N(Ce), {
 					key: 0,
 					variant: "semi",
@@ -8587,7 +8682,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 					type: d.type,
 					color: w.value,
 					title: "预览图片",
-					onClick: U((t) => oe(e), ["stop"])
+					onClick: U((t) => ce(e), ["stop"])
 				}, {
 					default: B(() => [...n[12] ||= [s("svg", {
 						viewBox: "0 0 24 24",
@@ -8634,7 +8729,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 					type: d.type,
 					color: w.value,
 					title: "删除图片",
-					onClick: U((t) => Q(e), ["stop"])
+					onClick: U((t) => $(e), ["stop"])
 				}, {
 					default: B(() => [...n[13] ||= [s("svg", {
 						viewBox: "0 0 24 24",
@@ -8666,7 +8761,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 					"stroke-width": "1.5"
 				}, [...n[14] ||= [s("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }, null, -1), s("polyline", { points: "14 2 14 8 20 8" }, null, -1)]], 2)),
 				s("span", { class: v(N(p).e("file-name")) }, j(e.name), 3),
-				s("span", { class: v(N(p).e("file-size")) }, j(se(e.size)), 3),
+				s("span", { class: v(N(p).e("file-size")) }, j(le(e.size)), 3),
 				e.status === "success" ? (S(), o("svg", {
 					key: 0,
 					class: v([N(p).e("status-icon"), N(p).e("status-icon--success")]),
@@ -8694,7 +8789,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 				}, null, -1)]], 2)) : a("", !0),
 				s("span", {
 					class: v(N(p).e("remove")),
-					onClick: U((t) => Q(e), ["stop"])
+					onClick: U((t) => $(e), ["stop"])
 				}, [...n[17] ||= [s("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -8750,7 +8845,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 					stroke: "currentColor",
 					"stroke-width": "1.5"
 				}, [s("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), s("polyline", { points: "14 2 14 8 20 8" })], -1)]], 2))], 2),
-				s("div", { class: v(N(p).e("item-info")) }, [s("span", { class: v(N(p).e("file-name")) }, j(e.name), 3), s("span", { class: v(N(p).e("file-size")) }, j(se(e.size)), 3)], 2),
+				s("div", { class: v(N(p).e("item-info")) }, [s("span", { class: v(N(p).e("file-name")) }, j(e.name), 3), s("span", { class: v(N(p).e("file-size")) }, j(le(e.size)), 3)], 2),
 				e.status === "uploading" ? (S(), i(N(et), {
 					key: 0,
 					percentage: e.percentage,
@@ -8792,7 +8887,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 					y2: "18"
 				}, null, -1)]], 2)) : a("", !0), s("span", {
 					class: v(N(p).e("remove")),
-					onClick: U((t) => Q(e), ["stop"])
+					onClick: U((t) => $(e), ["stop"])
 				}, [...n[21] ||= [s("svg", {
 					viewBox: "0 0 24 24",
 					fill: "none",
@@ -8812,10 +8907,10 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			], 2))), 128)) : a("", !0)], 2)) : a("", !0)
 		], 16), d.preview ? (S(), i(N(Ft), {
 			key: 0,
-			modelValue: $.value,
-			"onUpdate:modelValue": n[2] ||= (e) => $.value = e,
-			"url-list": ie.value,
-			"initial-index": ae.value,
+			modelValue: ae.value,
+			"onUpdate:modelValue": n[2] ||= (e) => ae.value = e,
+			"url-list": oe.value,
+			"initial-index": se.value,
 			type: d.type,
 			color: w.value,
 			download: d.download
@@ -9139,7 +9234,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 			error: "var(--cp-color-error)",
 			info: "var(--cp-color-info)"
 		}, d = T([]), f = 0;
-		C(te, {
+		C(ee, {
 			registerItem: (e) => {
 				let t = `cp-desc-item-${f++}`, n = {
 					...e,
@@ -9351,7 +9446,7 @@ var Zr = $(Vr), Qr = ie(Jr, "$notify"), $r = /* @__PURE__ */ d({
 	__name: "descriptions-item",
 	props: ra,
 	setup(e) {
-		let t = e, n = F(), r = m(te, void 0), i = "";
+		let t = e, n = F(), r = m(ee, void 0), i = "";
 		return x(() => {
 			r && (i = r.registerItem({
 				label: t.label,