@cyberpunk-vue/components 1.9.23 → 1.9.24

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")),
@@ -5148,7 +5148,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 +5169,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 +5179,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,
@@ -5253,18 +5253,18 @@ var ae = {
 		};
 		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);
+				Z(), Oe(), document.addEventListener("keydown", Se), m.draggable && window.addEventListener("resize", Q);
 			})) : k.value && _e();
 		}), 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", Se), 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);
+				Oe(), document.addEventListener("keydown", Se), m.draggable && window.addEventListener("resize", Q);
 			}));
 		}), b(() => {
-			ke(), document.removeEventListener("keydown", Se), window.removeEventListener("resize", ee);
+			ke(), document.removeEventListener("keydown", Se), window.removeEventListener("resize", Q);
 		}), c({
 			close: ve,
 			resetPosition: Z,
@@ -5307,7 +5307,7 @@ var ae = {
 					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")),
@@ -6154,7 +6154,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 +6185,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 +6200,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 +6208,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 +6222,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 +6234,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 +6248,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 +6267,7 @@ var ae = {
 			key: 0,
 			to: "body"
 		}, [u(n, {
-			name: Q.value,
+			name: ne.value,
 			onBeforeLeave: re,
 			onAfterLeave: $
 		}, {
@@ -6277,7 +6277,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 +6289,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 +6303,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",
@@ -6769,7 +6769,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 +7007,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 +7228,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 +7298,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 +7313,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 +7385,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 +7502,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 +7589,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 +8243,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);
 		}
-		function Q(e) {
+		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 $(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 +8322,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 +8350,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 +8428,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 +8441,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 +8485,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 +8505,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 +8618,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 +8630,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 +8677,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 +8709,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 +8737,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 +8793,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 +8835,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 +8855,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 +9182,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 +9394,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,