@cyberpunk-vue/components 1.7.7 → 1.7.9

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as ae, computed as i, openBlock as n, createElementBlock as f, normalizeStyle as X, normalizeClass as r, unref as a, createElementVNode as p, Fragment as de, renderList as Se, createCommentVNode as P, createBlock as Q, resolveDynamicComponent as Ce, withCtx as ie, renderSlot as H, useSlots as Be, inject as we, createVNode as ye, Transition as Ae, provide as Me, toRef as ge, watchEffect as Kt, ref as F, onMounted as Ee, createTextVNode as pe, toDisplayString as J, nextTick as Le, watch as he, onBeforeUnmount as Pe, withModifiers as ke, withDirectives as Ne, vShow as Oe, withKeys as at, Teleport as Ye, vModelText as ct, resolveComponent as kt, useAttrs as jt, mergeProps as De, getCurrentInstance as wt, isVNode as Qe, render as vt, createStaticVNode as St, reactive as Ft } from "vue";
-import { useNamespace as ue, parseSizeNumber as st, isPresetSize as re, normalizeSize as $e, normalizeDuration as Te, useImageSrc as Ct } from "@cyberpunk-vue/hooks";
+import { defineComponent as ae, computed as i, openBlock as n, createElementBlock as f, normalizeStyle as G, normalizeClass as r, unref as a, createElementVNode as p, Fragment as de, renderList as Ce, createCommentVNode as V, createBlock as Q, resolveDynamicComponent as $e, withCtx as ie, renderSlot as F, useSlots as Be, inject as we, createVNode as me, Transition as Ae, provide as Me, toRef as ge, watchEffect as Kt, ref as H, onMounted as Pe, createTextVNode as pe, toDisplayString as J, nextTick as Le, watch as he, onBeforeUnmount as Ve, withModifiers as ke, withDirectives as Ne, vShow as De, withKeys as at, Teleport as Ye, vModelText as ct, resolveComponent as kt, useAttrs as jt, mergeProps as Oe, getCurrentInstance as wt, isVNode as Qe, render as vt, createStaticVNode as St, reactive as Ft } from "vue";
+import { useNamespace as ue, parseSizeNumber as st, isPresetSize as re, normalizeSize as xe, normalizeDuration as Te, useImageSrc as Ct } from "@cyberpunk-vue/hooks";
 import { COMPONENT_PREFIX as ne, DEFAULTS_KEY as Ht, THEME_KEY as Wt, DIALOG_CONTEXT_KEY as _t, CSS_NAMESPACE as $t, TABLE_CONTEXT_KEY as xt } from "@cyberpunk-vue/constants";
 function se(u) {
   return u.install = (o) => {
@@ -327,11 +327,11 @@ const Ut = {
       t.is("custom-size", !re(o.size))
     ]), c = i(() => {
       const v = {};
-      return o.color && (v["--cp-loading-color"] = o.color), re(o.size) || (v["--cp-loading-size"] = $e(o.size, e)), v;
+      return o.color && (v["--cp-loading-color"] = o.color), re(o.size) || (v["--cp-loading-size"] = xe(o.size, e)), v;
     });
     return (v, b) => (n(), f("div", {
       class: r(d.value),
-      style: X(c.value)
+      style: G(c.value)
     }, [
       v.variant === "circular" ? (n(), f("svg", {
         key: 0,
@@ -368,7 +368,7 @@ const Ut = {
         p("g", {
           transform: `translate(${s.value / 2}, ${s.value / 2})`
         }, [
-          (n(), f(de, null, Se(12, (h) => p("line", {
+          (n(), f(de, null, Ce(12, (h) => p("line", {
             key: h,
             x1: "0",
             y1: -(s.value / 2) + v.strokeWidth / 2,
@@ -378,7 +378,7 @@ const Ut = {
             "stroke-width": v.strokeWidth,
             stroke: "currentColor",
             "stroke-linecap": "round",
-            style: X({ opacity: h === 1 ? 1 : (h - 1) / 12 })
+            style: G({ opacity: h === 1 ? 1 : (h - 1) / 12 })
           }, null, 12, to)), 64))
         ], 8, eo)
       ], 10, Qt)) : v.variant === "spinner-solid" ? (n(), f("svg", {
@@ -391,7 +391,7 @@ const Ut = {
         p("g", {
           transform: `translate(${s.value / 2}, ${s.value / 2})`
         }, [
-          (n(), f(de, null, Se(12, (h) => p("line", {
+          (n(), f(de, null, Ce(12, (h) => p("line", {
             key: h,
             x1: "0",
             y1: -(s.value / 2) + v.strokeWidth / 2,
@@ -403,7 +403,7 @@ const Ut = {
             "stroke-linecap": "round"
           }, null, 8, ao)), 64))
         ], 8, lo)
-      ], 10, oo)) : P("", !0)
+      ], 10, oo)) : V("", !0)
     ], 6));
   }
 }), _e = se(so), ro = {
@@ -490,7 +490,7 @@ const Ut = {
       sm: 16,
       md: 24,
       lg: 32
-    }, s = i(() => o.icon ? typeof o.icon == "object" ? "component" : typeof o.icon == "string" && o.icon.trim().startsWith("<svg") ? "svg" : "class" : "slot"), l = i(() => $e(o.size, e)), d = i(() => [
+    }, s = i(() => o.icon ? typeof o.icon == "object" ? "component" : typeof o.icon == "string" && o.icon.trim().startsWith("<svg") ? "svg" : "class" : "slot"), l = i(() => xe(o.size, e)), d = i(() => [
       t.b(),
       t.m(o.type),
       t.is("spin", o.spin),
@@ -499,13 +499,13 @@ const Ut = {
       const v = {};
       return o.color && (v["--cp-icon-color"] = o.color), l.value && (v["--cp-icon-size"] = l.value), v;
     });
-    return (v, b) => (n(), Q(Ce(v.tag), {
+    return (v, b) => (n(), Q($e(v.tag), {
       class: r(d.value),
-      style: X(c.value),
+      style: G(c.value),
       "aria-hidden": "true"
     }, {
       default: ie(() => [
-        s.value === "slot" ? H(v.$slots, "default", { key: 0 }) : s.value === "component" ? (n(), Q(Ce(v.icon), { key: 1 })) : s.value === "svg" ? (n(), f("span", {
+        s.value === "slot" ? F(v.$slots, "default", { key: 0 }) : s.value === "component" ? (n(), Q($e(v.icon), { key: 1 })) : s.value === "svg" ? (n(), f("span", {
           key: 2,
           class: r(a(t).e("svg")),
           innerHTML: v.icon
@@ -517,13 +517,13 @@ const Ut = {
       _: 3
     }, 8, ["class", "style"]));
   }
-}), Re = se(zt), Ve = Symbol("formContext"), io = ["type", "disabled"], We = /* @__PURE__ */ ae({
+}), Re = se(zt), Ee = Symbol("formContext"), io = ["type", "disabled"], We = /* @__PURE__ */ ae({
   name: `${ne}Button`,
   __name: "button",
   props: Ut,
   emits: Yt,
   setup(u, { emit: o }) {
-    const t = u, e = o, s = Be(), l = ue("button"), d = we(Ve, void 0), c = i(() => t.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 24, md: 32, lg: 40 }, b = i(() => [
+    const t = u, e = o, s = Be(), l = ue("button"), d = we(Ee, void 0), c = i(() => t.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 24, md: 32, lg: 40 }, b = i(() => [
       l.b(),
       l.m(t.type),
       // 只有预设值才添加 size 类名
@@ -543,17 +543,17 @@ const Ut = {
       l.is("small-size", z.value)
     ]), h = i(() => {
       const _ = {};
-      if (t.color && (_["--cp-button-custom-color"] = t.color, _["--cp-button-custom-color-light"] = `${t.color}33`), t.textColor && (_.color = t.textColor), !re(t.size)) {
-        _["--cp-button-height"] = $e(t.size, v);
-        let V = 0;
+      if (t.color && (_["--cp-button-custom-color"] = t.color, _["--cp-button-custom-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`), t.textColor && (_.color = t.textColor), !re(t.size)) {
+        _["--cp-button-height"] = xe(t.size, v);
+        let E = 0;
         if (typeof t.size == "number")
-          V = t.size;
+          E = t.size;
         else if (typeof t.size == "string") {
           const K = t.size.match(/^(\d+(?:\.\d+)?)px$/);
-          K && (V = parseFloat(K[1]));
+          K && (E = parseFloat(K[1]));
         }
-        if (V > 0) {
-          const m = Math.max(4, Math.round(V * 0.3));
+        if (E > 0) {
+          const m = Math.max(4, Math.round(E * 0.3));
           _["--cp-button-clip-size"] = `${m}px`;
         }
       }
@@ -563,14 +563,14 @@ const Ut = {
     }, z = i(() => {
       if (t.size === "sm" || typeof t.size == "number" && t.size <= 24) return !0;
       if (typeof t.size == "string") {
-        const V = t.size.match(/^(\d+(?:\.\d+)?)px$/);
-        if (V && parseFloat(V[1]) <= 24) return !0;
+        const E = t.size.match(/^(\d+(?:\.\d+)?)px$/);
+        if (E && parseFloat(E[1]) <= 24) return !0;
       }
       return !1;
-    }), N = i(() => !!s.prefix || !!t.prefixIcon), A = i(() => !!s.suffix || !!t.suffixIcon), x = i(() => !!t.icon && !s.default), C = i(() => t.iconColor || t.textColor || ""), D = i(() => t.prefixIconColor || t.iconColor || t.textColor || ""), I = i(() => t.suffixIconColor || t.iconColor || t.textColor || ""), R = i(() => C.value ? { color: C.value } : {}), E = i(() => D.value ? { color: D.value } : {}), L = i(() => I.value ? { color: I.value } : {}), U = i(() => (re(t.size), t.size)), T = i(() => t.iconSize || U.value), $ = i(() => t.prefixIconSize || t.iconSize || U.value), O = i(() => t.suffixIconSize || t.iconSize || U.value), ee = { sm: 18, md: 20, lg: 24 }, Z = i(() => re(t.size) && ee[t.size] || 16);
-    return (_, V) => (n(), f("button", {
+    }), N = i(() => !!s.prefix || !!t.prefixIcon), A = i(() => !!s.suffix || !!t.suffixIcon), x = i(() => !!t.icon && !s.default), C = i(() => t.iconColor || t.textColor || ""), D = i(() => t.prefixIconColor || t.iconColor || t.textColor || ""), I = i(() => t.suffixIconColor || t.iconColor || t.textColor || ""), R = i(() => C.value ? { color: C.value } : {}), P = i(() => D.value ? { color: D.value } : {}), L = i(() => I.value ? { color: I.value } : {}), U = i(() => (re(t.size), t.size)), T = i(() => t.iconSize || U.value), $ = i(() => t.prefixIconSize || t.iconSize || U.value), O = i(() => t.suffixIconSize || t.iconSize || U.value), ee = { sm: 18, md: 20, lg: 24 }, Z = i(() => re(t.size) && ee[t.size] || 16);
+    return (_, E) => (n(), f("button", {
       class: r(b.value),
-      style: X(h.value),
+      style: G(h.value),
       type: _.nativeType,
       disabled: c.value || _.loading,
       onClick: w
@@ -584,14 +584,14 @@ const Ut = {
           key: 1,
           icon: _.icon,
           size: T.value,
-          style: X(R.value)
+          style: G(R.value)
         }, null, 8, ["icon", "size", "style"]))
       ], 64)) : (n(), f(de, { key: 1 }, [
         _.loadingPlaceholder ? (n(), f("span", {
           key: 0,
           class: r(a(l).e("loader"))
         }, [
-          ye(a(_e), {
+          me(a(_e), {
             size: Z.value,
             "stroke-width": 3
           }, null, 8, ["size"])
@@ -604,11 +604,11 @@ const Ut = {
               key: 0,
               class: r(a(l).e("loader"))
             }, [
-              ye(a(_e), {
+              me(a(_e), {
                 size: Z.value,
                 "stroke-width": 3
               }, null, 8, ["size"])
-            ], 2)) : P("", !0)
+            ], 2)) : V("", !0)
           ]),
           _: 1
         })),
@@ -616,33 +616,33 @@ const Ut = {
           key: 2,
           class: r(a(l).e("prefix"))
         }, [
-          H(_.$slots, "prefix", {}, () => [
+          F(_.$slots, "prefix", {}, () => [
             _.prefixIcon ? (n(), Q(a(Re), {
               key: 0,
               icon: _.prefixIcon,
               size: $.value,
-              style: X(E.value)
-            }, null, 8, ["icon", "size", "style"])) : P("", !0)
+              style: G(P.value)
+            }, null, 8, ["icon", "size", "style"])) : V("", !0)
           ])
-        ], 2)) : P("", !0),
+        ], 2)) : V("", !0),
         p("span", {
           class: r(a(l).e("content"))
         }, [
-          H(_.$slots, "default")
+          F(_.$slots, "default")
         ], 2),
         A.value ? (n(), f("span", {
           key: 3,
           class: r(a(l).e("suffix"))
         }, [
-          H(_.$slots, "suffix", {}, () => [
+          F(_.$slots, "suffix", {}, () => [
             _.suffixIcon ? (n(), Q(a(Re), {
               key: 0,
               icon: _.suffixIcon,
               size: O.value,
-              style: X(L.value)
-            }, null, 8, ["icon", "size", "style"])) : P("", !0)
+              style: G(L.value)
+            }, null, 8, ["icon", "size", "style"])) : V("", !0)
           ])
-        ], 2)) : P("", !0)
+        ], 2)) : V("", !0)
       ], 64))
     ], 14, io));
   }
@@ -692,7 +692,7 @@ const Ut = {
     const o = u;
     return Me(Ht, o.defaults), Me(Wt, ge(o, "theme")), Kt(() => {
       typeof document < "u" && document.documentElement.setAttribute("data-theme", o.theme);
-    }), (t, e) => H(t.$slots, "default");
+    }), (t, e) => F(t.$slots, "default");
   }
 }), js = se(co), po = {
   /**
@@ -919,7 +919,7 @@ const Ut = {
   props: po,
   emits: fo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = Be(), d = ue("input"), c = we(Ve, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = F(), w = F(!1), z = F(!1), N = F(!1), A = i(() => e.type === "password" && e.showPassword ? N.value ? "text" : "password" : e.type), x = i(() => [
+    const e = u, s = t, l = Be(), d = ue("input"), c = we(Ee, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = H(), w = H(!1), z = H(!1), N = H(!1), A = i(() => e.type === "password" && e.showPassword ? N.value ? "text" : "password" : e.type), x = i(() => [
       d.b(),
       re(e.size) && d.m(e.size),
       d.m(e.variant),
@@ -933,8 +933,8 @@ const Ut = {
       d.is("custom-size", !re(e.size))
     ]), C = i(() => {
       const m = {};
-      return e.color && (m["--cp-input-custom-color"] = e.color, m["--cp-input-custom-color-light"] = `${e.color}33`), e.inactiveBorderColor && (m["--cp-input-inactive-border-color"] = e.inactiveBorderColor), e.placeholderColor && (m["--cp-input-placeholder-color"] = e.placeholderColor), e.textColor && (m["--cp-input-text-color"] = e.textColor), re(e.size) || (m["--cp-input-height"] = $e(e.size, b)), e.clearDuration !== 150 && (m["--cp-input-clear-duration"] = `${e.clearDuration}ms`), m;
-    }), D = i(() => e.clearable && !v.value && !e.readonly && !!e.modelValue), I = i(() => e.type === "password" && e.showPassword && !v.value), R = i(() => String(e.modelValue || "").length), E = i(() => e.showWordLimit), L = i(() => !!l.prefix), U = (m) => {
+      return e.color && (m["--cp-input-custom-color"] = e.color, m["--cp-input-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), e.inactiveBorderColor && (m["--cp-input-inactive-border-color"] = e.inactiveBorderColor), e.placeholderColor && (m["--cp-input-placeholder-color"] = e.placeholderColor), e.textColor && (m["--cp-input-text-color"] = e.textColor), re(e.size) || (m["--cp-input-height"] = xe(e.size, b)), e.clearDuration !== 150 && (m["--cp-input-clear-duration"] = `${e.clearDuration}ms`), m;
+    }), D = i(() => e.clearable && !v.value && !e.readonly && !!e.modelValue), I = i(() => e.type === "password" && e.showPassword && !v.value), R = i(() => String(e.modelValue || "").length), P = i(() => e.showWordLimit), L = i(() => !!l.prefix), U = (m) => {
       const K = m.target, oe = e.type === "number" ? Number(K.value) : K.value;
       s("update:modelValue", oe), s("input", oe, m);
     }, T = (m) => {
@@ -964,19 +964,19 @@ const Ut = {
         return (m = h.value) == null ? void 0 : m.blur();
       },
       inputRef: h
-    }), Ee(() => {
+    }), Pe(() => {
       var m;
       e.autofocus && ((m = h.value) == null || m.focus());
     }), (m, K) => (n(), f("div", {
       class: r(x.value),
-      style: X(C.value)
+      style: G(C.value)
     }, [
       L.value ? (n(), f("span", {
         key: 0,
         class: r(a(d).e("prefix"))
       }, [
-        H(m.$slots, "prefix")
-      ], 2)) : P("", !0),
+        F(m.$slots, "prefix")
+      ], 2)) : V("", !0),
       p("input", {
         ref_key: "inputRef",
         ref: h,
@@ -1003,7 +1003,7 @@ const Ut = {
         }, [
           p("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })
         ], -1)
-      ])], 2)) : P("", !0),
+      ])], 2)) : V("", !0),
       I.value ? (n(), f("span", {
         key: 2,
         class: r(a(d).e("password")),
@@ -1014,22 +1014,22 @@ const Ut = {
         ])])) : (n(), f("svg", mo, [...K[2] || (K[2] = [
           p("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z" }, null, -1)
         ])]))
-      ], 2)) : P("", !0),
+      ], 2)) : V("", !0),
       a(l).suffix ? (n(), f("span", {
         key: 3,
         class: r(a(d).e("suffix"))
       }, [
-        H(m.$slots, "suffix")
-      ], 2)) : P("", !0),
-      E.value ? (n(), f("span", {
+        F(m.$slots, "suffix")
+      ], 2)) : V("", !0),
+      P.value ? (n(), f("span", {
         key: 4,
         class: r(a(d).e("count"))
       }, [
         pe(J(R.value), 1),
         m.maxlength !== void 0 ? (n(), f(de, { key: 0 }, [
           pe(" / " + J(m.maxlength), 1)
-        ], 64)) : P("", !0)
-      ], 2)) : P("", !0)
+        ], 64)) : V("", !0)
+      ], 2)) : V("", !0)
     ], 6));
   }
 }), Fs = se(go), ho = {
@@ -1105,7 +1105,7 @@ const Ut = {
   props: ho,
   emits: bo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("textarea"), d = we(Ve, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = F(), h = F(!1), w = i(() => [
+    const e = u, s = t, l = ue("textarea"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = H(), h = H(!1), w = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.m(e.variant),
@@ -1116,7 +1116,7 @@ const Ut = {
       l.is("custom-size", !re(e.size))
     ]), z = i(() => {
       const T = {};
-      return e.color && (T["--cp-textarea-custom-color"] = e.color, T["--cp-textarea-custom-color-light"] = `${e.color}33`), e.textColor && (T["--cp-textarea-text-color"] = e.textColor), re(e.size) || (T["--cp-textarea-font-size"] = $e(e.size, v)), T;
+      return e.color && (T["--cp-textarea-custom-color"] = e.color, T["--cp-textarea-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), e.textColor && (T["--cp-textarea-text-color"] = e.textColor), re(e.size) || (T["--cp-textarea-font-size"] = xe(e.size, v)), T;
     }), N = i(() => {
       var T;
       return ((T = e.modelValue) == null ? void 0 : T.length) || 0;
@@ -1130,7 +1130,7 @@ const Ut = {
     };
     he(() => e.modelValue, () => {
       Le(C);
-    }), Ee(() => {
+    }), Pe(() => {
       e.autosize && C();
     });
     const D = (T) => {
@@ -1141,7 +1141,7 @@ const Ut = {
       s("change", $.value);
     }, R = (T) => {
       h.value = !0, s("focus", T);
-    }, E = (T) => {
+    }, P = (T) => {
       h.value = !1, s("blur", T);
     };
     return o({
@@ -1156,7 +1156,7 @@ const Ut = {
       textareaRef: b
     }), (T, $) => (n(), f("div", {
       class: r(w.value),
-      style: X(z.value)
+      style: G(z.value)
     }, [
       p("textarea", {
         ref_key: "textareaRef",
@@ -1168,11 +1168,11 @@ const Ut = {
         readonly: T.readonly,
         rows: T.rows,
         maxlength: T.maxlength,
-        style: X(x.value),
+        style: G(x.value),
         onInput: D,
         onChange: I,
         onFocus: R,
-        onBlur: E
+        onBlur: P
       }, null, 46, ko),
       A.value ? (n(), f("span", {
         key: 0,
@@ -1181,8 +1181,8 @@ const Ut = {
         pe(J(N.value), 1),
         T.maxlength !== void 0 ? (n(), f(de, { key: 0 }, [
           pe(" / " + J(T.maxlength), 1)
-        ], 64)) : P("", !0)
-      ], 2)) : P("", !0)
+        ], 64)) : V("", !0)
+      ], 2)) : V("", !0)
     ], 6));
   }
 }), Hs = se(wo), So = {
@@ -1251,13 +1251,13 @@ const Ut = {
   change: (u, o) => typeof u == "number" && typeof o == "number",
   focus: (u) => u instanceof FocusEvent,
   blur: (u) => u instanceof FocusEvent
-}, $o = ["disabled"], xo = ["value", "placeholder", "disabled", "readonly"], zo = ["disabled"], Bo = ["disabled"], Mo = ["disabled"], Eo = /* @__PURE__ */ ae({
+}, $o = ["disabled"], xo = ["value", "placeholder", "disabled", "readonly"], zo = ["disabled"], Bo = ["disabled"], Mo = ["disabled"], Po = /* @__PURE__ */ ae({
   name: `${ne}InputNumber`,
   __name: "input-number",
   props: So,
   emits: Co,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("input-number"), d = we(Ve, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = F(), h = F(!1), w = F(null), z = i(() => w.value !== null ? w.value : e.modelValue === void 0 || e.modelValue === null ? "" : e.precision !== void 0 ? e.modelValue.toFixed(e.precision) : String(e.modelValue)), N = i(() => [
+    const e = u, s = t, l = ue("input-number"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = H(), h = H(!1), w = H(null), z = i(() => w.value !== null ? w.value : e.modelValue === void 0 || e.modelValue === null ? "" : e.precision !== void 0 ? e.modelValue.toFixed(e.precision) : String(e.modelValue)), N = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.m(`controls-${e.controlsPosition}`),
@@ -1269,25 +1269,25 @@ const Ut = {
       l.is("custom-size", !re(e.size))
     ]), A = i(() => {
       const Z = {};
-      return e.color && (Z["--cp-input-number-custom-color"] = e.color, Z["--cp-input-number-custom-color-light"] = `${e.color}33`), re(e.size) || (Z["--cp-input-number-height"] = $e(e.size, v)), Z;
+      return e.color && (Z["--cp-input-number-custom-color"] = e.color, Z["--cp-input-number-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), re(e.size) || (Z["--cp-input-number-height"] = xe(e.size, v)), Z;
     }), x = i(() => e.modelValue <= e.min), C = i(() => e.modelValue >= e.max), D = (Z) => e.precision === void 0 ? Z : parseFloat(Z.toFixed(e.precision)), I = (Z) => {
       const _ = e.modelValue;
-      let V = Z;
-      V < e.min && (V = e.min), V > e.max && (V = e.max), V = D(V), _ !== V && (s("update:modelValue", V), s("change", V, _));
+      let E = Z;
+      E < e.min && (E = e.min), E > e.max && (E = e.max), E = D(E), _ !== E && (s("update:modelValue", E), s("change", E, _));
     }, R = () => {
       c.value || e.readonly || C.value || I(e.modelValue + e.step);
-    }, E = () => {
+    }, P = () => {
       c.value || e.readonly || x.value || I(e.modelValue - e.step);
     }, L = (Z) => {
       const _ = Z.target;
       w.value = _.value;
     }, U = (Z) => {
-      const V = Z.target.value;
-      if (w.value = null, V === "" || V === "-") {
+      const E = Z.target.value;
+      if (w.value = null, E === "" || E === "-") {
         I(e.min > -1 / 0 ? e.min : 0);
         return;
       }
-      const m = parseFloat(V);
+      const m = parseFloat(E);
       isNaN(m) || I(m);
     }, T = (Z) => {
       h.value = !0, s("focus", Z);
@@ -1306,14 +1306,14 @@ const Ut = {
       inputRef: b
     }), (Z, _) => (n(), f("div", {
       class: r(N.value),
-      style: X(A.value)
+      style: G(A.value)
     }, [
       Z.controls && Z.controlsPosition === "both" ? (n(), f("button", {
         key: 0,
         type: "button",
         class: r([a(l).e("decrease"), { "is-disabled": x.value || c.value }]),
         disabled: x.value || c.value,
-        onClick: E
+        onClick: P
       }, [..._[0] || (_[0] = [
         p("svg", {
           viewBox: "0 0 24 24",
@@ -1321,7 +1321,7 @@ const Ut = {
         }, [
           p("path", { d: "M19 13H5v-2h14v2z" })
         ], -1)
-      ])], 10, $o)) : P("", !0),
+      ])], 10, $o)) : V("", !0),
       p("input", {
         ref_key: "inputRef",
         ref: b,
@@ -1350,7 +1350,7 @@ const Ut = {
         }, [
           p("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" })
         ], -1)
-      ])], 10, zo)) : P("", !0),
+      ])], 10, zo)) : V("", !0),
       Z.controls && Z.controlsPosition === "right" ? (n(), f("div", {
         key: 2,
         class: r(a(l).e("controls"))
@@ -1372,7 +1372,7 @@ const Ut = {
           type: "button",
           class: r([a(l).e("decrease"), { "is-disabled": x.value || c.value }]),
           disabled: x.value || c.value,
-          onClick: E
+          onClick: P
         }, [..._[3] || (_[3] = [
           p("svg", {
             viewBox: "0 0 24 24",
@@ -1381,10 +1381,10 @@ const Ut = {
             p("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z" })
           ], -1)
         ])], 10, Mo)
-      ], 2)) : P("", !0)
+      ], 2)) : V("", !0)
     ], 6));
   }
-}), Ws = se(Eo), Vo = {
+}), Ws = se(Po), Eo = {
   /**
    * 绑定值 (v-model)
    * 普通模式为 number，范围模式为 [number, number]
@@ -1514,7 +1514,7 @@ const Ut = {
     type: Function,
     default: void 0
   }
-}, Po = {
+}, Vo = {
   /**
    * 值变化时触发 (v-model 绑定)
    * @param value - 新的值
@@ -1533,10 +1533,10 @@ const Ut = {
 }, Lo = /* @__PURE__ */ ae({
   name: `${ne}Slider`,
   __name: "slider",
-  props: Vo,
-  emits: Po,
+  props: Eo,
+  emits: Vo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("slider"), d = we(Ve, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 4, md: 6, lg: 8 }, b = F(), h = F(!1), w = F(null), z = F(!1), N = F(!1), A = F(null), x = F(null), C = i(() => [
+    const e = u, s = t, l = ue("slider"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 4, md: 6, lg: 8 }, b = H(), h = H(!1), w = H(null), z = H(!1), N = H(!1), A = H(null), x = H(null), C = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.m(`shape-${e.shape}`),
@@ -1547,51 +1547,51 @@ const Ut = {
       l.is("custom-color", !!e.color),
       l.is("custom-size", !re(e.size))
     ]), D = i(() => {
-      const j = {}, q = re(e.size) ? e.size : "md", y = re(e.size) ? v[q] : parseInt($e(e.size, v)), g = re(e.size) ? q === "sm" ? 14 : q === "lg" ? 22 : 18 : Math.max(y + 8, y * 2.5);
+      const j = {}, q = re(e.size) ? e.size : "md", y = re(e.size) ? v[q] : parseInt(xe(e.size, v)), g = re(e.size) ? q === "sm" ? 14 : q === "lg" ? 22 : 18 : Math.max(y + 8, y * 2.5);
       j["--cp-slider-track-height"] = `${y}px`, j["--cp-slider-thumb-size"] = `${g}px`;
       const k = Math.max(2, Math.floor(g / 10));
       j["--cp-slider-thumb-border-width"] = `${k}px`;
       const M = Math.max(2, Math.floor(g / 4.5));
       j["--cp-slider-inner-dot-size"] = `${M}px`;
-      const G = Math.max(1, Math.floor(M / 3));
-      j["--cp-slider-inner-clip-size"] = `${G}px`;
-      const Y = re(e.size) ? q === "sm" ? 3 : q === "lg" ? 5 : 4 : Math.max(2, Math.floor(y * 0.6));
-      return j["--cp-slider-clip-size"] = `${Y}px`, e.color && (j["--cp-slider-custom-color"] = e.color, j["--cp-slider-custom-color-light"] = `color-mix(in srgb, ${e.color}, transparent 60%)`), e.vertical && e.height && (j.height = e.height), j;
+      const Y = Math.max(1, Math.floor(M / 3));
+      j["--cp-slider-inner-clip-size"] = `${Y}px`;
+      const X = re(e.size) ? q === "sm" ? 3 : q === "lg" ? 5 : 4 : Math.max(2, Math.floor(y * 0.6));
+      return j["--cp-slider-clip-size"] = `${X}px`, e.color && (j["--cp-slider-custom-color"] = e.color, j["--cp-slider-custom-color-light"] = `color-mix(in srgb, ${e.color}, transparent 60%)`), e.vertical && e.height && (j.height = e.height), j;
     }), I = i(() => e.range && Array.isArray(e.modelValue) ? e.modelValue : [e.min, typeof e.modelValue == "number" ? e.modelValue : e.min]), R = i(() => {
       if (h.value) {
         const j = A.value ?? I.value[0], q = x.value ?? I.value[1];
         return [j, q];
       }
       return I.value;
-    }), E = i(() => {
+    }), P = i(() => {
       const j = Number(e.min), y = Number(e.max) - j;
       return y === 0 ? 0 : (R.value[0] - j) / y * 100;
     }), L = i(() => {
       const j = Number(e.min), y = Number(e.max) - j;
       return y === 0 ? 0 : (R.value[1] - j) / y * 100;
-    }), U = i(() => e.vertical ? e.range ? { bottom: `${E.value}%`, height: `${L.value - E.value}%` } : { bottom: "0%", height: `${L.value}%` } : e.range ? { left: `${E.value}%`, width: `${L.value - E.value}%` } : { left: "0%", width: `${L.value}%` }), T = i(() => e.vertical ? { bottom: `${E.value}%` } : { left: `${E.value}%` }), $ = i(() => e.vertical ? { bottom: `${L.value}%` } : { left: `${L.value}%` }), O = i(() => {
+    }), U = i(() => e.vertical ? e.range ? { bottom: `${P.value}%`, height: `${L.value - P.value}%` } : { bottom: "0%", height: `${L.value}%` } : e.range ? { left: `${P.value}%`, width: `${L.value - P.value}%` } : { left: "0%", width: `${L.value}%` }), T = i(() => e.vertical ? { bottom: `${P.value}%` } : { left: `${P.value}%` }), $ = i(() => e.vertical ? { bottom: `${L.value}%` } : { left: `${L.value}%` }), O = i(() => {
       const j = Number(e.min), q = Number(e.max), y = Number(e.step);
       if (!e.showStops || y <= 0) return [];
       const g = Math.floor((q - j) / y), k = [];
       for (let M = 1; M < g; M++) {
-        const Y = (j + M * y - j) / (q - j) * 100;
-        k.push(Y);
+        const X = (j + M * y - j) / (q - j) * 100;
+        k.push(X);
       }
       return k;
-    }), ee = i(() => O.value.filter((q) => e.range && q < E.value - 0.01 || q > L.value + 0.01)), Z = i(() => {
+    }), ee = i(() => O.value.filter((q) => e.range && q < P.value - 0.01 || q > L.value + 0.01)), Z = i(() => {
       const j = Number(e.min), q = Number(e.max);
       return e.marks ? Object.entries(e.marks).map(([y, g]) => {
-        const k = Number(y), M = (k - j) / (q - j) * 100, G = typeof g == "string" ? g : g.label || "", Y = typeof g == "object" ? g.style : void 0;
-        return { value: k, percent: M, label: G, style: Y };
+        const k = Number(y), M = (k - j) / (q - j) * 100, Y = typeof g == "string" ? g : g.label || "", X = typeof g == "object" ? g.style : void 0;
+        return { value: k, percent: M, label: Y, style: X };
       }) : [];
-    }), _ = (j) => e.formatTooltip ? e.formatTooltip(j) : String(j), V = (j, q) => {
+    }), _ = (j) => e.formatTooltip ? e.formatTooltip(j) : String(j), E = (j, q) => {
       if (!b.value) return Number(e.min);
       const y = b.value.getBoundingClientRect();
       let g;
       e.vertical ? g = (y.bottom - q) / y.height : g = (j - y.left) / y.width, g = Math.max(0, Math.min(1, g));
-      const k = Number(e.min), M = Number(e.max), G = Number(e.step);
-      let Y = k + g * (M - k);
-      return G > 0 && (Y = Math.round(Y / G) * G), Y = Math.max(k, Math.min(M, Y)), Y;
+      const k = Number(e.min), M = Number(e.max), Y = Number(e.step);
+      let X = k + g * (M - k);
+      return Y > 0 && (X = Math.round(X / Y) * Y), X = Math.max(k, Math.min(M, X)), X;
     }, m = (j, q = !1) => {
       if (c.value) return;
       let y;
@@ -1610,13 +1610,13 @@ const Ut = {
       w.value = g <= k ? "start" : "end";
     }, oe = (j) => {
       if (c.value) return;
-      const q = V(j.clientX, j.clientY);
+      const q = E(j.clientX, j.clientY);
       K(q), m(q, !0);
     }, S = (j, q) => {
       c.value || (j.preventDefault(), j.stopPropagation(), w.value = q, h.value = !0, A.value = I.value[0], x.value = I.value[1], q === "start" ? z.value = !0 : N.value = !0, document.addEventListener("mousemove", B), document.addEventListener("mouseup", W));
     }, B = (j) => {
       if (!h.value || c.value) return;
-      const q = V(j.clientX, j.clientY);
+      const q = E(j.clientX, j.clientY);
       e.range ? w.value === "start" ? A.value = Math.min(q, x.value ?? I.value[1]) : x.value = Math.max(q, A.value ?? I.value[0]) : x.value = q, m(q);
     }, W = () => {
       if (h.value) {
@@ -1653,7 +1653,7 @@ const Ut = {
     }, fe = (j) => {
       h.value || (j === "start" ? z.value = !1 : N.value = !1);
     };
-    return Pe(() => {
+    return Ve(() => {
       document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", W);
     }), o({
       sliderRef: b
@@ -1661,7 +1661,7 @@ const Ut = {
       ref_key: "sliderRef",
       ref: b,
       class: r(C.value),
-      style: X(D.value)
+      style: G(D.value)
     }, [
       p("div", {
         class: r(a(l).e("runway")),
@@ -1669,22 +1669,22 @@ const Ut = {
       }, [
         p("div", {
           class: r(a(l).e("bar")),
-          style: X(U.value)
+          style: G(U.value)
         }, null, 6)
       ], 2),
-      (n(!0), f(de, null, Se(ee.value, (y, g) => (n(), f("div", {
+      (n(!0), f(de, null, Ce(ee.value, (y, g) => (n(), f("div", {
         key: g,
         class: r(a(l).e("stop")),
-        style: X(j.vertical ? { bottom: `${y}%` } : { left: `${y}%` })
+        style: G(j.vertical ? { bottom: `${y}%` } : { left: `${y}%` })
       }, null, 6))), 128)),
       j.marks ? (n(), f("div", {
         key: 0,
         class: r(a(l).e("marks"))
       }, [
-        (n(!0), f(de, null, Se(Z.value, (y) => (n(), f("div", {
+        (n(!0), f(de, null, Ce(Z.value, (y) => (n(), f("div", {
           key: y.value,
           class: r(a(l).e("mark")),
-          style: X([
+          style: G([
             j.vertical ? { bottom: `${y.percent}%` } : { left: `${y.percent}%` },
             y.style
           ])
@@ -1693,11 +1693,11 @@ const Ut = {
             class: r(a(l).e("mark-text"))
           }, J(y.label), 3)
         ], 6))), 128))
-      ], 2)) : P("", !0),
+      ], 2)) : V("", !0),
       j.range ? (n(), f("div", {
         key: 1,
         class: r([a(l).e("thumb"), a(l).is("active", w.value === "start")]),
-        style: X(T.value),
+        style: G(T.value),
         tabindex: "0",
         onMousedown: q[0] || (q[0] = (y) => S(y, "start")),
         onMouseenter: q[1] || (q[1] = (y) => le("start")),
@@ -1707,11 +1707,11 @@ const Ut = {
         j.showTooltip && z.value ? (n(), f("div", {
           key: 0,
           class: r(a(l).e("tooltip"))
-        }, J(_(R.value[0])), 3)) : P("", !0)
-      ], 38)) : P("", !0),
+        }, J(_(R.value[0])), 3)) : V("", !0)
+      ], 38)) : V("", !0),
       p("div", {
         class: r([a(l).e("thumb"), a(l).is("active", w.value === "end")]),
-        style: X($.value),
+        style: G($.value),
         tabindex: "0",
         onMousedown: q[4] || (q[4] = (y) => S(y, "end")),
         onMouseenter: q[5] || (q[5] = (y) => le("end")),
@@ -1721,7 +1721,7 @@ const Ut = {
         j.showTooltip && N.value ? (n(), f("div", {
           key: 0,
           class: r(a(l).e("tooltip"))
-        }, J(_(R.value[1])), 3)) : P("", !0)
+        }, J(_(R.value[1])), 3)) : V("", !0)
       ], 38)
     ], 6));
   }
@@ -1975,7 +1975,7 @@ const Ut = {
     }), h = i(() => ({
       "--cp-progress-duration": Te(o.duration)
     })), w = i(() => {
-      const $ = o.width, O = v.value, ee = ($ - O) / 2, Z = 2 * Math.PI * ee, _ = $ / 2, V = o.type === "dashboard" ? 0.75 : 1, m = Z * V, K = Z, oe = m * (1 - l.value / 100), S = ee - O - 4, B = 2 * Math.PI * S, W = B * V, ce = B * (1 - V), le = W;
+      const $ = o.width, O = v.value, ee = ($ - O) / 2, Z = 2 * Math.PI * ee, _ = $ / 2, E = o.type === "dashboard" ? 0.75 : 1, m = Z * E, K = Z, oe = m * (1 - l.value / 100), S = ee - O - 4, B = 2 * Math.PI * S, W = B * E, ce = B * (1 - E), le = W;
       return {
         size: $,
         stroke: O,
@@ -2009,16 +2009,16 @@ const Ut = {
       const $ = {};
       return d.value && ($["--cp-progress-color"] = d.value), $;
     }), C = i(() => {
-      const { center: $, radius: O } = w.value, ee = v.value, Z = l.value / 100, V = 360 * (o.type === "dashboard" ? 0.75 : 1) * Z;
-      if (V <= 0 || o.percentage <= 0)
+      const { center: $, radius: O } = w.value, ee = v.value, Z = l.value / 100, E = 360 * (o.type === "dashboard" ? 0.75 : 1) * Z;
+      if (E <= 0 || o.percentage <= 0)
         return `M ${$ + O} ${$} L ${$ + O + 0.01} ${$}`;
       if (o.shape === "round") return "";
-      const m = (Y) => Y * Math.PI / 180, K = O - ee / 2, oe = O + ee / 2, S = 0, B = Math.min(V, 359.99), W = m(S), ce = m(B), le = $ + oe * Math.cos(W), fe = $ + oe * Math.sin(W), j = $ + oe * Math.cos(ce), q = $ + oe * Math.sin(ce), y = $ + K * Math.cos(W), g = $ + K * Math.sin(W), k = $ + K * Math.cos(ce), M = $ + K * Math.sin(ce), G = B > 180 ? 1 : 0;
+      const m = (X) => X * Math.PI / 180, K = O - ee / 2, oe = O + ee / 2, S = 0, B = Math.min(E, 359.99), W = m(S), ce = m(B), le = $ + oe * Math.cos(W), fe = $ + oe * Math.sin(W), j = $ + oe * Math.cos(ce), q = $ + oe * Math.sin(ce), y = $ + K * Math.cos(W), g = $ + K * Math.sin(W), k = $ + K * Math.cos(ce), M = $ + K * Math.sin(ce), Y = B > 180 ? 1 : 0;
       if (l.value >= 100 && o.type !== "dashboard") {
-        const ve = m(180), me = $ + oe * Math.cos(ve), xe = $ + oe * Math.sin(ve), te = $ + K * Math.cos(ve), be = $ + K * Math.sin(ve);
+        const ye = m(180), ve = $ + oe * Math.cos(ye), Se = $ + oe * Math.sin(ye), te = $ + K * Math.cos(ye), be = $ + K * Math.sin(ye);
         return [
           `M ${le} ${fe}`,
-          `A ${oe} ${oe} 0 0 1 ${me} ${xe}`,
+          `A ${oe} ${oe} 0 0 1 ${ve} ${Se}`,
           `A ${oe} ${oe} 0 0 1 ${le} ${fe + 0.01}`,
           `L ${y} ${g + 0.01}`,
           `A ${K} ${K} 0 0 0 ${te} ${be}`,
@@ -2027,20 +2027,20 @@ const Ut = {
         ].join(" ");
       }
       if (o.shape === "clip") {
-        const Y = ee / 2 / O * (180 / Math.PI), ve = m(S + Y), me = m(B - Y), xe = $ + K * Math.cos(ve), te = $ + K * Math.sin(ve), be = $ + K * Math.cos(me), Ke = $ + K * Math.sin(me);
+        const X = ee / 2 / O * (180 / Math.PI), ye = m(S + X), ve = m(B - X), Se = $ + K * Math.cos(ye), te = $ + K * Math.sin(ye), be = $ + K * Math.cos(ve), Ke = $ + K * Math.sin(ve);
         return [
           `M ${le} ${fe}`,
-          `A ${oe} ${oe} 0 ${G} 1 ${j} ${q}`,
+          `A ${oe} ${oe} 0 ${Y} 1 ${j} ${q}`,
           `L ${be} ${Ke}`,
-          `A ${K} ${K} 0 ${G} 0 ${xe} ${te}`,
+          `A ${K} ${K} 0 ${Y} 0 ${Se} ${te}`,
           "Z"
         ].join(" ");
       } else
         return [
           `M ${le} ${fe}`,
-          `A ${oe} ${oe} 0 ${G} 1 ${j} ${q}`,
+          `A ${oe} ${oe} 0 ${Y} 1 ${j} ${q}`,
           `L ${k} ${M}`,
-          `A ${K} ${K} 0 ${G} 0 ${y} ${g}`,
+          `A ${K} ${K} 0 ${Y} 0 ${y} ${g}`,
           "Z"
         ].join(" ");
     }), D = i(() => o.shape !== "round"), I = i(() => {
@@ -2054,7 +2054,7 @@ const Ut = {
       if (o.type === "line") return;
       const $ = Math.round(o.width * 0.15);
       return `${Math.max(10, Math.min($, 20))}px`;
-    }), E = i(() => o.format ? o.format(o.percentage) : o.steps ? `${o.percentage}/${o.max}` : `${Math.round(l.value)}%`), L = i(() => [
+    }), P = i(() => o.format ? o.format(o.percentage) : o.steps ? `${o.percentage}/${o.max}` : `${Math.round(l.value)}%`), L = i(() => [
       t.b(),
       t.m(o.type),
       re(o.size, e) && t.m(o.size),
@@ -2083,7 +2083,7 @@ const Ut = {
     });
     return ($, O) => (n(), f("div", {
       class: r(L.value),
-      style: X([
+      style: G([
         $.indeterminate ? h.value : void 0,
         R.value ? { "--cp-progress-circle-font-size": R.value } : void 0
       ])
@@ -2095,16 +2095,16 @@ const Ut = {
           }, [
             p("div", {
               class: r([a(t).e("inner"), a(t).e("steps")]),
-              style: X({ height: `${v.value}px`, gap: `${$.stepGap}px` })
+              style: G({ height: `${v.value}px`, gap: `${$.stepGap}px` })
             }, [
-              (n(!0), f(de, null, Se(T.value, (ee) => (n(), f("div", {
+              (n(!0), f(de, null, Ce(T.value, (ee) => (n(), f("div", {
                 key: ee.index,
                 class: r([
                   a(t).e("step"),
                   a(t).is("full", ee.state === "full"),
                   a(t).is("current", ee.state === "current")
                 ]),
-                style: X(ee.color ? { "--cp-progress-color": ee.color } : void 0)
+                style: G(ee.color ? { "--cp-progress-color": ee.color } : void 0)
               }, null, 6))), 128))
             ], 6)
           ], 2),
@@ -2112,30 +2112,30 @@ const Ut = {
             key: 0,
             class: r(a(t).e("text"))
           }, [
-            H($.$slots, "default", {}, () => [
-              pe(J(E.value), 1)
+            F($.$slots, "default", {}, () => [
+              pe(J(P.value), 1)
             ])
-          ], 2)) : P("", !0)
+          ], 2)) : V("", !0)
         ], 64)) : (n(), f(de, { key: 1 }, [
           p("div", {
             class: r(a(t).e("outer"))
           }, [
             p("div", {
               class: r(a(t).e("inner")),
-              style: X({ height: `${v.value}px` })
+              style: G({ height: `${v.value}px` })
             }, [
               p("div", {
                 class: r(a(t).e("bar")),
-                style: X(b.value)
+                style: G(b.value)
               }, [
                 $.showText && $.textInside && !$.indeterminate ? (n(), f("span", {
                   key: 0,
                   class: r(a(t).e("innerText"))
                 }, [
-                  H($.$slots, "default", {}, () => [
-                    pe(J(E.value), 1)
+                  F($.$slots, "default", {}, () => [
+                    pe(J(P.value), 1)
                   ])
-                ], 2)) : P("", !0)
+                ], 2)) : V("", !0)
               ], 6)
             ], 6)
           ], 2),
@@ -2143,15 +2143,15 @@ const Ut = {
             key: 0,
             class: r(a(t).e("text"))
           }, [
-            H($.$slots, "default", {}, () => [
-              pe(J(E.value), 1)
+            F($.$slots, "default", {}, () => [
+              pe(J(P.value), 1)
             ])
-          ], 2)) : P("", !0)
+          ], 2)) : V("", !0)
         ], 64))
       ], 64)) : (n(), f(de, { key: 1 }, [
         (n(), f("svg", {
           class: r(a(t).e("circle")),
-          style: X(I.value),
+          style: G(I.value),
           viewBox: `0 0 ${w.value.size} ${w.value.size}`
         }, [
           p("circle", {
@@ -2160,7 +2160,7 @@ const Ut = {
             cy: w.value.center,
             r: w.value.radius,
             fill: "none",
-            style: X(z.value)
+            style: G(z.value)
           }, null, 14, Io),
           N.value ? (n(), f("circle", {
             key: 0,
@@ -2169,13 +2169,13 @@ const Ut = {
             cy: w.value.center,
             r: w.value.innerRadius,
             fill: "none",
-            style: X(A.value)
-          }, null, 14, To)) : P("", !0),
+            style: G(A.value)
+          }, null, 14, To)) : V("", !0),
           D.value ? (n(), f("path", {
             key: 1,
             class: r(a(t).e("path")),
             d: C.value,
-            style: X(x.value)
+            style: G(x.value)
           }, null, 14, Oo)) : (n(), f("circle", {
             key: 2,
             class: r(a(t).e("path")),
@@ -2185,7 +2185,7 @@ const Ut = {
             fill: "none",
             "stroke-width": v.value,
             "stroke-linecap": "round",
-            style: X({
+            style: G({
               ...x.value,
               strokeDasharray: `${w.value.dashLength} ${w.value.gapLength}`,
               strokeDashoffset: w.value.offset
@@ -2196,10 +2196,10 @@ const Ut = {
           key: 0,
           class: r(a(t).e("text"))
         }, [
-          H($.$slots, "default", {}, () => [
-            pe(J(E.value), 1)
+          F($.$slots, "default", {}, () => [
+            pe(J(P.value), 1)
           ])
-        ], 2)) : P("", !0)
+        ], 2)) : V("", !0)
       ], 64))
     ], 6));
   }
@@ -2346,7 +2346,7 @@ const Ut = {
   props: jo,
   emits: Fo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("switch"), d = we(Ve, void 0), c = { sm: 16, md: 20, lg: 24 }, v = F(), b = F(!1), h = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || e.loading || b.value), w = i(() => [
+    const e = u, s = t, l = ue("switch"), d = we(Ee, void 0), c = { sm: 16, md: 20, lg: 24 }, v = H(), b = H(!1), h = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || e.loading || b.value), w = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.is("checked", e.modelValue),
@@ -2362,7 +2362,7 @@ const Ut = {
       info: "var(--cp-color-info)"
     }, N = i(() => {
       const x = {};
-      return e.color ? (x["--cp-switch-active-color"] = e.color, x["--cp-switch-active-color-light"] = `${e.color}40`) : e.type && z[e.type] && (x["--cp-switch-active-color"] = z[e.type], x["--cp-switch-active-color-light"] = `var(--cp-color-${e.type}-light)`), e.inactiveColor && (x["--cp-switch-inactive-color"] = e.inactiveColor), e.width && (x.width = typeof e.width == "string" ? e.width : `${e.width}px`), re(e.size) || (x["--cp-switch-height"] = $e(e.size, c)), x;
+      return e.color ? (x["--cp-switch-active-color"] = e.color, x["--cp-switch-active-color-light"] = `${e.color}40`) : e.type && z[e.type] && (x["--cp-switch-active-color"] = z[e.type], x["--cp-switch-active-color-light"] = `var(--cp-color-${e.type}-light)`), e.inactiveColor && (x["--cp-switch-inactive-color"] = e.inactiveColor), e.width && (x.width = typeof e.width == "string" ? e.width : `${e.width}px`), re(e.size) || (x["--cp-switch-height"] = xe(e.size, c)), x;
     }), A = async () => {
       if (h.value) return;
       const x = !e.modelValue;
@@ -2385,7 +2385,7 @@ const Ut = {
       inputRef: v
     }), (x, C) => (n(), f("div", {
       class: r(w.value),
-      style: X(N.value),
+      style: G(N.value),
       role: "switch",
       "aria-checked": e.modelValue,
       "aria-disabled": h.value,
@@ -2411,13 +2411,13 @@ const Ut = {
         }, [
           p("span", _o, J(e.activeText), 1),
           p("span", qo, J(e.inactiveText), 1)
-        ], 2)) : P("", !0),
+        ], 2)) : V("", !0),
         e.inactiveText ? (n(), f("span", {
           key: 1,
           class: r(a(l).e("inactive-text"))
         }, [
           p("span", Uo, J(e.inactiveText), 1)
-        ], 2)) : P("", !0),
+        ], 2)) : V("", !0),
         p("div", {
           class: r(a(l).e("thumb"))
         }, [
@@ -2443,14 +2443,14 @@ const Ut = {
                 fill: "currentColor"
               })
             ], -1)
-          ])])) : P("", !0)
+          ])])) : V("", !0)
         ], 2),
         e.activeText ? (n(), f("span", {
           key: 2,
           class: r(a(l).e("active-text"))
         }, [
           p("span", Xo, J(e.activeText), 1)
-        ], 2)) : P("", !0)
+        ], 2)) : V("", !0)
       ], 2)
     ], 14, Ho));
   }
@@ -2747,7 +2747,7 @@ const Ut = {
   __name: "card",
   props: Zo,
   setup(u) {
-    const o = u, t = Be(), e = ue("card"), s = F(!1);
+    const o = u, t = Be(), e = ue("card"), s = H(!1);
     let l = null;
     const d = () => {
       l !== null && (clearTimeout(l), l = null);
@@ -2758,18 +2758,18 @@ const Ut = {
     };
     he(
       () => o.collapse,
-      (V, m) => {
-        if (V) {
+      (E, m) => {
+        if (E) {
           s.value = !1, d();
           return;
         }
         m && (s.value = !0, c());
       }
     );
-    const v = (V) => {
-      o.collapse || !s.value || V.target === V.currentTarget && V.propertyName === "grid-template-rows" && (s.value = !1, d());
+    const v = (E) => {
+      o.collapse || !s.value || E.target === E.currentTarget && E.propertyName === "grid-template-rows" && (s.value = !1, d());
     };
-    Pe(() => {
+    Ve(() => {
       d();
     });
     const b = i(() => [
@@ -2791,20 +2791,20 @@ const Ut = {
       e.e("container"),
       o.backgroundClass
     ]), w = i(() => o.color ? o.color : o.type && o.type !== "default" ? `var(--cp-color-${o.type})` : null), z = i(() => o.color ? `color-mix(in srgb, ${o.color} 30%, transparent)` : o.type && o.type !== "default" ? `var(--cp-color-${o.type}-light)` : null), N = i(() => {
-      const V = {};
-      w.value && (V["--cp-card-color"] = w.value), z.value && (V["--cp-card-color-light"] = z.value), o.bgColor && (V["--cp-card-bg"] = o.bgColor), o.borderColor && (V["--cp-card-border-color"] = o.borderColor), o.dividerColor && (V["--cp-card-divider-color"] = o.dividerColor), o.headerDividerColor && (V["--cp-card-header-divider-color"] = o.headerDividerColor), o.footerDividerColor && (V["--cp-card-footer-divider-color"] = o.footerDividerColor), o.shadowColor ? V["--cp-card-shadow-color"] = o.shadowColor : w.value && (V["--cp-card-shadow-color"] = `color-mix(in srgb, ${w.value} 40%, black)`);
+      const E = {};
+      w.value && (E["--cp-card-color"] = w.value), z.value && (E["--cp-card-color-light"] = z.value), o.bgColor && (E["--cp-card-bg"] = o.bgColor), o.borderColor && (E["--cp-card-border-color"] = o.borderColor), o.dividerColor && (E["--cp-card-divider-color"] = o.dividerColor), o.headerDividerColor && (E["--cp-card-header-divider-color"] = o.headerDividerColor), o.footerDividerColor && (E["--cp-card-footer-divider-color"] = o.footerDividerColor), o.shadowColor ? E["--cp-card-shadow-color"] = o.shadowColor : w.value && (E["--cp-card-shadow-color"] = `color-mix(in srgb, ${w.value} 40%, black)`);
       const m = Te(o.dimmedDuration);
-      return m && (V["--cp-card-dimmed-duration"] = m), V;
+      return m && (E["--cp-card-dimmed-duration"] = m), E;
     }), A = i(() => {
-      const V = typeof o.bodyStyle == "string" ? {} : { ...o.bodyStyle };
-      return o.bodyPadding && (V.padding = o.bodyPadding), V;
+      const E = typeof o.bodyStyle == "string" ? {} : { ...o.bodyStyle };
+      return o.bodyPadding && (E.padding = o.bodyPadding), E;
     }), x = i(
       () => !!(o.title || t.header || t.title || t.extra)
     ), C = i(() => !o.collapse || x.value), D = i(() => !!t.footer), I = i(() => !!t.overlay), R = i(() => [
       e.e("header"),
       e.is("bordered", o.headerBorder),
       o.headerClass
-    ]), E = i(() => [
+    ]), P = i(() => [
       e.e("footer"),
       e.is("bordered", o.footerBorder)
     ]), L = i(() => o.actionEffect ?? o.overlayEffect), U = i(() => o.actionColor ?? o.overlayColor), T = i(() => o.actionBlur ?? o.overlayBlur), $ = i(() => [
@@ -2815,7 +2815,7 @@ const Ut = {
     ]), O = i(() => [
       e.e("overlay-backdrop"),
       e.bem("", "overlay-backdrop", `effect-${o.overlayEffect}`)
-    ]), ee = (V) => V === void 0 ? "10px" : typeof V == "number" ? `${V}px` : V, Z = i(() => ({
+    ]), ee = (E) => E === void 0 ? "10px" : typeof E == "number" ? `${E}px` : E, Z = i(() => ({
       "--cp-card-overlay-duration": Te(o.overlayDuration),
       "--cp-card-overlay-color": o.overlayColor,
       "--cp-card-overlay-blur": ee(o.overlayBlur),
@@ -2825,15 +2825,15 @@ const Ut = {
       e.e("loading-overlay"),
       o.loadingClass
     ]);
-    return (V, m) => Ne((n(), f("div", {
+    return (E, m) => Ne((n(), f("div", {
       class: r(b.value),
-      style: X(N.value)
+      style: G(N.value)
     }, [
       p("div", {
         class: r(h.value),
-        style: X(V.backgroundStyle)
+        style: G(E.backgroundStyle)
       }, [
-        V.$slots.cover ? (n(), f("div", {
+        E.$slots.cover ? (n(), f("div", {
           key: 0,
           class: r(a(e).e("collapse-transition")),
           onTransitionend: v
@@ -2844,31 +2844,31 @@ const Ut = {
             p("div", {
               class: r(a(e).e("cover"))
             }, [
-              H(V.$slots, "cover")
+              F(E.$slots, "cover")
             ], 2)
           ], 2)
-        ], 34)) : P("", !0),
+        ], 34)) : V("", !0),
         x.value ? (n(), f("div", {
           key: 1,
           class: r(R.value),
-          style: X(V.headerStyle)
+          style: G(E.headerStyle)
         }, [
-          H(V.$slots, "header", {}, () => [
+          F(E.$slots, "header", {}, () => [
             p("div", {
               class: r(a(e).e("title"))
             }, [
-              H(V.$slots, "title", {}, () => [
-                pe(J(V.title), 1)
+              F(E.$slots, "title", {}, () => [
+                pe(J(E.title), 1)
               ])
             ], 2),
             a(t).extra ? (n(), f("div", {
               key: 0,
               class: r(a(e).e("extra"))
             }, [
-              H(V.$slots, "extra")
-            ], 2)) : P("", !0)
+              F(E.$slots, "extra")
+            ], 2)) : V("", !0)
           ])
-        ], 6)) : P("", !0),
+        ], 6)) : V("", !0),
         p("div", {
           class: r(a(e).e("collapse-transition")),
           onTransitionend: v
@@ -2877,54 +2877,54 @@ const Ut = {
             class: r(a(e).e("collapse-inner"))
           }, [
             p("div", {
-              class: r([a(e).e("body"), V.bodyClass]),
-              style: X(A.value)
+              class: r([a(e).e("body"), E.bodyClass]),
+              style: G(A.value)
             }, [
-              H(V.$slots, "default")
+              F(E.$slots, "default")
             ], 6),
             D.value ? (n(), f("div", {
               key: 0,
-              class: r(E.value)
+              class: r(P.value)
             }, [
-              H(V.$slots, "footer")
-            ], 2)) : P("", !0)
+              F(E.$slots, "footer")
+            ], 2)) : V("", !0)
           ], 2)
         ], 34),
         I.value ? (n(), f("div", {
           key: 2,
           class: r(O.value),
-          style: X(Z.value)
-        }, null, 6)) : P("", !0),
+          style: G(Z.value)
+        }, null, 6)) : V("", !0),
         I.value ? (n(), f("div", {
           key: 3,
           class: r($.value),
-          style: X(Z.value)
+          style: G(Z.value)
         }, [
-          H(V.$slots, "overlay")
-        ], 6)) : P("", !0),
-        ye(Ae, { name: "cp-card-loading" }, {
+          F(E.$slots, "overlay")
+        ], 6)) : V("", !0),
+        me(Ae, { name: "cp-card-loading" }, {
           default: ie(() => [
-            V.loading ? (n(), f("div", {
+            E.loading ? (n(), f("div", {
               key: 0,
               class: r(_.value),
-              style: X(V.loadingStyle)
+              style: G(E.loadingStyle)
             }, [
-              H(V.$slots, "loading", {}, () => [
-                ye(a(_e), {
+              F(E.$slots, "loading", {}, () => [
+                me(a(_e), {
                   color: w.value || void 0
                 }, null, 8, ["color"]),
-                V.loadingText ? (n(), f("span", {
+                E.loadingText ? (n(), f("span", {
                   key: 0,
                   class: r(a(e).e("loading-text"))
-                }, J(V.loadingText), 3)) : P("", !0)
+                }, J(E.loadingText), 3)) : V("", !0)
               ])
-            ], 6)) : P("", !0)
+            ], 6)) : V("", !0)
           ]),
           _: 3
         })
       ], 6)
     ], 6)), [
-      [Oe, C.value]
+      [De, C.value]
     ]);
   }
 }), Us = se(Qo), el = {
@@ -3066,7 +3066,7 @@ const Ut = {
       s.is("custom-size", !re(t.size))
     ]), v = i(() => {
       const z = {};
-      return t.color ? (z["--cp-tag-color"] = t.color, z["--cp-tag-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`) : t.type && t.type !== "default" && l[t.type] && (z["--cp-tag-color"] = l[t.type], z["--cp-tag-color-light"] = "color-mix(in srgb, var(--cp-tag-color) 20%, transparent)"), re(t.size) || (z["--cp-tag-height"] = $e(t.size, d)), z;
+      return t.color ? (z["--cp-tag-color"] = t.color, z["--cp-tag-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`) : t.type && t.type !== "default" && l[t.type] && (z["--cp-tag-color"] = l[t.type], z["--cp-tag-color-light"] = "color-mix(in srgb, var(--cp-tag-color) 20%, transparent)"), re(t.size) || (z["--cp-tag-height"] = xe(t.size, d)), z;
     }), b = (z) => {
       t.disabled || (e("click", z), t.selectable && e("update:selected", !t.selected));
     }, h = (z) => {
@@ -3076,26 +3076,26 @@ const Ut = {
     };
     return (z, N) => (n(), f("span", {
       class: r(c.value),
-      style: X(v.value),
+      style: G(v.value),
       onClick: b
     }, [
       z.$slots.prefix ? (n(), f("span", {
         key: 0,
         class: r(a(s).e("prefix"))
       }, [
-        H(z.$slots, "prefix")
-      ], 2)) : P("", !0),
+        F(z.$slots, "prefix")
+      ], 2)) : V("", !0),
       p("span", {
         class: r(a(s).e("content"))
       }, [
-        H(z.$slots, "default")
+        F(z.$slots, "default")
       ], 2),
       z.$slots.suffix ? (n(), f("span", {
         key: 1,
         class: r(a(s).e("suffix"))
       }, [
-        H(z.$slots, "suffix")
-      ], 2)) : P("", !0),
+        F(z.$slots, "suffix")
+      ], 2)) : V("", !0),
       t.closable ? (n(), f("span", {
         key: 2,
         class: r(a(s).e("close")),
@@ -3113,11 +3113,11 @@ const Ut = {
         }, [
           p("path", { d: "M18 6L6 18M6 6l12 12" })
         ], -1)
-      ])], 42, ol)) : P("", !0),
+      ])], 42, ol)) : V("", !0),
       t.shape === "clip" ? (n(), f("span", {
         key: 3,
         class: r(a(s).e("decor"))
-      }, null, 2)) : P("", !0)
+      }, null, 2)) : V("", !0)
     ], 6));
   }
 }), Ys = se(ll), al = {
@@ -3360,7 +3360,7 @@ const Ut = {
     ]), d = i(() => {
       const c = {};
       o.color ? c["--cp-text-color"] = o.color : o.type && o.type !== "default" && e[o.type] && (c["--cp-text-color"] = e[o.type]);
-      const v = $e(o.size, s);
+      const v = xe(o.size, s);
       if (v && (c["--cp-text-size"] = v), o.glow && o.glowIntensity && (c["--cp-text-glow-intensity"] = `${o.glowIntensity}px`), o.marker && o.markerColor && (c["--cp-text-marker-color"] = o.markerColor), o.glowPulse && o.glowPulseDuration && (c["--cp-text-pulse-duration"] = Te(o.glowPulseDuration)), o.lightWave && o.lightWaveDuration && (c["--cp-text-wave-duration"] = Te(o.lightWaveDuration)), o.glowPulse && o.lightWave) {
         const b = Te(o.glowPulseDuration), h = Te(o.lightWaveDuration), w = `cp-text-glow-pulse ${b} ease-in-out infinite`, z = `cp-text-light-wave ${h} linear infinite`;
         c.animation = `${w}, ${z}`;
@@ -3371,27 +3371,27 @@ const Ut = {
       var b, h, w;
       return n(), f("span", {
         class: r(l.value),
-        style: X(d.value),
+        style: G(d.value),
         "data-text": ((w = (h = (b = c.$slots).default) == null ? void 0 : h.call(b, {})[0]) == null ? void 0 : w.children) || ""
       }, [
         c.$slots.prefix ? (n(), f("span", {
           key: 0,
           class: r(a(t).e("prefix"))
         }, [
-          H(c.$slots, "prefix")
-        ], 2)) : P("", !0),
+          F(c.$slots, "prefix")
+        ], 2)) : V("", !0),
         p("span", {
           class: r(a(t).e("content")),
-          style: X(o.glowPulse && o.lightWave ? { animation: "inherit" } : {})
+          style: G(o.glowPulse && o.lightWave ? { animation: "inherit" } : {})
         }, [
-          H(c.$slots, "default")
+          F(c.$slots, "default")
         ], 6),
         c.$slots.suffix ? (n(), f("span", {
           key: 1,
           class: r(a(t).e("suffix"))
         }, [
-          H(c.$slots, "suffix")
-        ], 2)) : P("", !0)
+          F(c.$slots, "suffix")
+        ], 2)) : V("", !0)
       ], 14, sl);
     };
   }
@@ -3502,11 +3502,11 @@ const Ut = {
         const b = Te(o.duration);
         b && (v["--cp-status-indicator-duration"] = b);
       }
-      return o.intensity !== 1 && (v["--cp-status-indicator-intensity"] = String(o.intensity)), o.gap !== "" && (v["--cp-status-indicator-gap"] = typeof o.gap == "number" ? `${o.gap}px` : o.gap), re(o.size) || (v["--cp-status-indicator-size"] = $e(o.size, s)), v;
+      return o.intensity !== 1 && (v["--cp-status-indicator-intensity"] = String(o.intensity)), o.gap !== "" && (v["--cp-status-indicator-gap"] = typeof o.gap == "number" ? `${o.gap}px` : o.gap), re(o.size) || (v["--cp-status-indicator-size"] = xe(o.size, s)), v;
     });
     return (v, b) => (n(), f("span", {
       class: r(d.value),
-      style: X(c.value)
+      style: G(c.value)
     }, [
       p("span", {
         class: r(a(e).e("dot"))
@@ -3514,16 +3514,16 @@ const Ut = {
         v.animation === "pulse" ? (n(), f("span", {
           key: 0,
           class: r(a(e).e("pulse"))
-        }, null, 2)) : P("", !0)
+        }, null, 2)) : V("", !0)
       ], 2),
       l.value ? (n(), f("span", {
         key: 0,
         class: r(a(e).e("label"))
       }, [
-        H(v.$slots, "default", {}, () => [
+        F(v.$slots, "default", {}, () => [
           pe(J(v.label), 1)
         ])
-      ], 2)) : P("", !0)
+      ], 2)) : V("", !0)
     ], 6));
   }
 }), Xs = se(ul), cl = {
@@ -3840,9 +3840,9 @@ const Ut = {
   props: pl,
   emits: fl,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("image-preview"), d = F(!1), c = F(0), v = F(1), b = F(0), h = F(!0), w = F(0), z = F(0), N = F(!1);
+    const e = u, s = t, l = ue("image-preview"), d = H(!1), c = H(0), v = H(1), b = H(0), h = H(!0), w = H(0), z = H(0), N = H(!1);
     let A = 0, x = 0, C = 0, D = 0;
-    const I = i(() => e.urlList.length === 0 ? "" : e.urlList[c.value] || ""), R = i(() => e.urlList.length <= 1), E = i(() => e.infinite ? !0 : c.value > 0), L = i(() => e.infinite ? !0 : c.value < e.urlList.length - 1), U = i(() => ({
+    const I = i(() => e.urlList.length === 0 ? "" : e.urlList[c.value] || ""), R = i(() => e.urlList.length <= 1), P = i(() => e.infinite ? !0 : c.value > 0), L = i(() => e.infinite ? !0 : c.value < e.urlList.length - 1), U = i(() => ({
       transform: `translate(${w.value}px, ${z.value}px) scale(${v.value}) rotate(${b.value}deg)`,
       cursor: N.value ? "grabbing" : "grab",
       userSelect: "none"
@@ -3858,7 +3858,7 @@ const Ut = {
       b.value -= 90;
     }, _ = () => {
       b.value += 90;
-    }, V = () => {
+    }, E = () => {
       R.value || (e.infinite ? c.value = (c.value - 1 + e.urlList.length) % e.urlList.length : c.value > 0 && c.value--, $(), s("switch", c.value));
     }, m = () => {
       R.value || (e.infinite ? c.value = (c.value + 1) % e.urlList.length : c.value < e.urlList.length - 1 && c.value++, $(), s("switch", c.value));
@@ -3881,8 +3881,8 @@ const Ut = {
           if (!y.ok) throw new Error("Network response was not ok");
           const g = await y.blob(), k = window.URL.createObjectURL(g), M = document.createElement("a");
           M.style.display = "none", M.href = k;
-          let G = I.value.split("/").pop() || "image.png";
-          G.includes("?") && (G = G.split("?")[0]), G.includes(".") || (G += ".png"), M.download = G, document.body.appendChild(M), M.click(), window.URL.revokeObjectURL(k), document.body.removeChild(M);
+          let Y = I.value.split("/").pop() || "image.png";
+          Y.includes("?") && (Y = Y.split("?")[0]), Y.includes(".") || (Y += ".png"), M.download = Y, document.body.appendChild(M), M.click(), window.URL.revokeObjectURL(k), document.body.removeChild(M);
         } catch (y) {
           console.error("Image download failed, falling back to window.open:", y);
           const g = document.createElement("a");
@@ -3895,7 +3895,7 @@ const Ut = {
             K();
             break;
           case "ArrowLeft":
-            V();
+            E();
             break;
           case "ArrowRight":
             m();
@@ -3925,15 +3925,15 @@ const Ut = {
       { immediate: !0 }
     ), he(I, () => {
       h.value = !0;
-    }), Ee(() => {
-      e.modelValue && document.addEventListener("keydown", fe);
     }), Pe(() => {
+      e.modelValue && document.addEventListener("keydown", fe);
+    }), Ve(() => {
       document.removeEventListener("keydown", fe), document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", ce);
     }), o({
       /** 关闭预览 */
       close: K,
       /** 上一张 */
-      prev: V,
+      prev: E,
       /** 下一张 */
       next: m,
       /** 放大 */
@@ -3950,16 +3950,16 @@ const Ut = {
       to: y.teleportTo,
       disabled: !y.teleportTo
     }, [
-      ye(Ae, { name: "cp-image-preview-fade" }, {
+      me(Ae, { name: "cp-image-preview-fade" }, {
         default: ie(() => [
           d.value ? (n(), f("div", {
             key: 0,
             class: r(a(l).b()),
-            style: X(T.value),
+            style: G(T.value),
             onClick: q,
             onWheel: ke(j, ["prevent"])
           }, [
-            ye(a(ze), {
+            me(a(ze), {
               class: r(a(l).e("close")),
               variant: "semi",
               dimmed: "",
@@ -3984,7 +3984,7 @@ const Ut = {
               ])]),
               _: 1
             }, 8, ["class", "type", "color"]),
-            R.value ? P("", !0) : (n(), Q(a(ze), {
+            R.value ? V("", !0) : (n(), Q(a(ze), {
               key: 0,
               class: r([a(l).e("arrow"), a(l).bem(void 0, "arrow", "left")]),
               variant: "ghost",
@@ -3994,8 +3994,8 @@ const Ut = {
               type: e.type,
               color: e.color,
               title: "上一张 (←)",
-              disabled: !E.value,
-              onClick: ke(V, ["stop"])
+              disabled: !P.value,
+              onClick: ke(E, ["stop"])
             }, {
               default: ie(() => [...g[3] || (g[3] = [
                 p("svg", {
@@ -4011,7 +4011,7 @@ const Ut = {
               ])]),
               _: 1
             }, 8, ["class", "type", "color", "disabled"])),
-            R.value ? P("", !0) : (n(), Q(a(ze), {
+            R.value ? V("", !0) : (n(), Q(a(ze), {
               key: 1,
               class: r([a(l).e("arrow"), a(l).bem(void 0, "arrow", "right")]),
               variant: "ghost",
@@ -4047,22 +4047,22 @@ const Ut = {
                 key: 0,
                 class: r(a(l).e("loading"))
               }, [
-                ye(a(_e), {
+                me(a(_e), {
                   size: "lg",
                   type: e.type,
                   color: e.color
                 }, null, 8, ["type", "color"])
-              ], 2)) : P("", !0),
+              ], 2)) : V("", !0),
               Ne(p("img", {
                 class: r([a(l).e("img"), { "is-dragging": N.value }]),
                 src: I.value,
-                style: X(U.value),
+                style: G(U.value),
                 draggable: "false",
                 onLoad: oe,
                 onError: S,
                 onMousedown: B
               }, null, 46, vl), [
-                [Oe, !h.value]
+                [De, !h.value]
               ])
             ], 2),
             p("div", {
@@ -4070,7 +4070,7 @@ const Ut = {
               onClick: g[1] || (g[1] = ke(() => {
               }, ["stop"]))
             }, [
-              ye(a(ze), {
+              me(a(ze), {
                 variant: "ghost",
                 dimmed: "",
                 square: "",
@@ -4099,7 +4099,7 @@ const Ut = {
                 ])]),
                 _: 1
               }, 8, ["type", "color", "disabled"]),
-              ye(a(ze), {
+              me(a(ze), {
                 variant: "ghost",
                 dimmed: "",
                 square: "",
@@ -4131,7 +4131,7 @@ const Ut = {
               p("span", {
                 class: r(a(l).e("divider"))
               }, null, 2),
-              ye(a(ze), {
+              me(a(ze), {
                 variant: "ghost",
                 dimmed: "",
                 square: "",
@@ -4155,7 +4155,7 @@ const Ut = {
                 ])]),
                 _: 1
               }, 8, ["type", "color"]),
-              ye(a(ze), {
+              me(a(ze), {
                 variant: "ghost",
                 dimmed: "",
                 square: "",
@@ -4182,7 +4182,7 @@ const Ut = {
               p("span", {
                 class: r(a(l).e("divider"))
               }, null, 2),
-              ye(a(ze), {
+              me(a(ze), {
                 variant: "ghost",
                 dimmed: "",
                 square: "",
@@ -4216,7 +4216,7 @@ const Ut = {
                 p("span", {
                   class: r(a(l).e("divider"))
                 }, null, 2),
-                ye(a(ze), {
+                me(a(ze), {
                   variant: "ghost",
                   dimmed: "",
                   square: "",
@@ -4246,13 +4246,13 @@ const Ut = {
                   ])]),
                   _: 1
                 }, 8, ["type", "color"])
-              ], 64)) : P("", !0)
+              ], 64)) : V("", !0)
             ], 2),
-            R.value ? P("", !0) : (n(), f("div", {
+            R.value ? V("", !0) : (n(), f("div", {
               key: 2,
               class: r(a(l).e("counter"))
             }, J(c.value + 1) + " / " + J(y.urlList.length), 3))
-          ], 38)) : P("", !0)
+          ], 38)) : V("", !0)
         ]),
         _: 1
       })
@@ -4264,7 +4264,7 @@ const Ut = {
   props: cl,
   emits: dl,
   setup(u, { emit: o }) {
-    const t = u, e = o, s = ue("image"), l = F(!0), d = F(!1), c = F(""), v = F(null), b = F(null), h = F(!t.lazy), w = F(!1), z = i(() => t.preview || t.previewSrcList.length > 0), N = i(() => {
+    const t = u, e = o, s = ue("image"), l = H(!0), d = H(!1), c = H(""), v = H(null), b = H(null), h = H(!t.lazy), w = H(!1), z = i(() => t.preview || t.previewSrcList.length > 0), N = i(() => {
       if (t.previewSrcList.length > 0) return t.previewSrcList;
       const $ = t.previewSrc || c.value;
       return $ ? [$] : [];
@@ -4295,12 +4295,12 @@ const Ut = {
       t.hoverable && s.m(`hover-${t.hoverMode}`)
     ]), R = i(() => {
       const $ = {};
-      if (t.width && ($.width = $e(t.width)), t.height && ($.height = $e(t.height)), t.color ? $["--cp-image-decor-color"] = t.color : t.type && D[t.type] && ($["--cp-image-decor-color"] = D[t.type]), t.hoverable && t.hoverDuration) {
+      if (t.width && ($.width = xe(t.width)), t.height && ($.height = xe(t.height)), t.color ? $["--cp-image-decor-color"] = t.color : t.type && D[t.type] && ($["--cp-image-decor-color"] = D[t.type]), t.hoverable && t.hoverDuration) {
         const O = Te(t.hoverDuration);
         O && ($["--cp-image-hover-duration"] = O);
       }
       return $;
-    }), E = () => {
+    }), P = () => {
       if (!c.value) {
         l.value = !1;
         return;
@@ -4328,20 +4328,20 @@ const Ut = {
     return he(
       C,
       ($) => {
-        h.value && (c.value = $, E());
+        h.value && (c.value = $, P());
       },
       { immediate: !0 }
     ), he(h, ($) => {
-      $ && C.value && (c.value = C.value, E());
-    }), Ee(() => {
-      t.lazy ? T() : (c.value = C.value, E());
+      $ && C.value && (c.value = C.value, P());
     }), Pe(() => {
+      t.lazy ? T() : (c.value = C.value, P());
+    }), Ve(() => {
       x == null || x.disconnect();
     }), ($, O) => (n(), f("div", {
       ref_key: "containerRef",
       ref: b,
       class: r(I.value),
-      style: X(R.value)
+      style: G(R.value)
     }, [
       p("div", {
         class: r(a(s).e("body")),
@@ -4351,7 +4351,7 @@ const Ut = {
           key: 0,
           class: r(a(s).e("placeholder"))
         }, [
-          H($.$slots, "placeholder", {}, () => [
+          F($.$slots, "placeholder", {}, () => [
             p("div", {
               class: r(a(s).e("skeleton"))
             }, [
@@ -4384,7 +4384,7 @@ const Ut = {
           key: 1,
           class: r(a(s).e("error"))
         }, [
-          H($.$slots, "error", {}, () => [
+          F($.$slots, "error", {}, () => [
             (n(), f("svg", {
               class: r(a(s).e("error-icon")),
               viewBox: "0 0 24 24",
@@ -4405,7 +4405,7 @@ const Ut = {
               class: r(a(s).e("error-text"))
             }, "加载失败", 2)
           ])
-        ], 2)) : P("", !0),
+        ], 2)) : V("", !0),
         Ne(p("img", {
           ref_key: "imageRef",
           ref: v,
@@ -4416,13 +4416,13 @@ const Ut = {
           onLoad: L,
           onError: U
         }, null, 42, yl), [
-          [Oe, !l.value && !d.value]
+          [De, !l.value && !d.value]
         ])
       ], 2),
       t.shape === "clip" && t.showDecor ? (n(), f("span", {
         key: 0,
         class: r(a(s).e("decor"))
-      }, null, 2)) : P("", !0),
+      }, null, 2)) : V("", !0),
       z.value ? (n(), Q(Bt, {
         key: 1,
         modelValue: w.value,
@@ -4432,7 +4432,7 @@ const Ut = {
         type: t.type,
         color: t.color,
         download: t.download
-      }, null, 8, ["modelValue", "url-list", "initial-index", "type", "color", "download"])) : P("", !0)
+      }, null, 8, ["modelValue", "url-list", "initial-index", "type", "color", "download"])) : V("", !0)
     ], 6));
   }
 }), ut = se(ml), gl = se(Bt), hl = {
@@ -4635,7 +4635,7 @@ const Ut = {
       src: ge(t, "src"),
       processor: ge(t, "srcProcessor"),
       params: ge(t, "processorParams")
-    }), v = F(!0), b = F(!1), h = F(c.value), w = i(() => t.size !== "md" ? t.size : (d == null ? void 0 : d.size) ?? t.size), z = i(() => t.shape !== "circle" ? t.shape : (d == null ? void 0 : d.shape) ?? t.shape), N = i(() => st(w.value, et, et.md)), A = i(() => [
+    }), v = H(!0), b = H(!1), h = H(c.value), w = i(() => t.size !== "md" ? t.size : (d == null ? void 0 : d.size) ?? t.size), z = i(() => t.shape !== "circle" ? t.shape : (d == null ? void 0 : d.shape) ?? t.shape), N = i(() => st(w.value, et, et.md)), A = i(() => [
       l.b(),
       l.m(`shape-${z.value}`),
       l.is("loading", v.value),
@@ -4644,7 +4644,7 @@ const Ut = {
       "--cp-avatar-size": `${N.value}px`
     })), C = i(() => !!h.value && !b.value), D = i(() => !C.value && t.icon && !s.default), I = i(() => !C.value && !D.value && !s.default), R = (L) => {
       v.value = !1, b.value = !1, e("load", L);
-    }, E = (L) => {
+    }, P = (L) => {
       if (v.value = !1, t.fallbackSrc && h.value !== t.fallbackSrc) {
         h.value = t.fallbackSrc;
         return;
@@ -4658,17 +4658,17 @@ const Ut = {
       }
     ), (L, U) => (n(), f("span", {
       class: r(A.value),
-      style: X(x.value)
+      style: G(x.value)
     }, [
       C.value ? (n(), f("img", {
         key: 0,
         class: r(a(l).e("image")),
         src: h.value,
         alt: L.alt,
-        style: X({ objectFit: L.fit }),
+        style: G({ objectFit: L.fit }),
         draggable: t.draggable,
         onLoad: R,
-        onError: E
+        onError: P
       }, null, 46, wl)) : D.value ? (n(), Q(a(Re), {
         key: 1,
         class: r(a(l).e("icon")),
@@ -4677,7 +4677,7 @@ const Ut = {
         key: 2,
         class: r(a(l).e("text"))
       }, [
-        H(L.$slots, "default")
+        F(L.$slots, "default")
       ], 2)) : I.value ? (n(), f("svg", {
         key: 3,
         class: r(a(l).e("placeholder")),
@@ -4690,7 +4690,7 @@ const Ut = {
           r: "4"
         }, null, -1),
         p("path", { d: "M12 14c-4.42 0-8 1.79-8 4v2h16v-2c0-2.21-3.58-4-8-4z" }, null, -1)
-      ])], 2)) : P("", !0)
+      ])], 2)) : V("", !0)
     ], 6));
   }
 }), Cl = ["title"], $l = /* @__PURE__ */ ae({
@@ -4736,17 +4736,17 @@ const Ut = {
     ]);
     return (N, A) => (n(), f("div", {
       class: r(d.value),
-      style: X(c.value)
+      style: G(c.value)
     }, [
-      (n(!0), f(de, null, Se(v(), (x, C) => (n(), f(de, { key: C }, [
-        C < b.value ? (n(), Q(Ce(x), { key: 0 })) : P("", !0)
+      (n(!0), f(de, null, Ce(v(), (x, C) => (n(), f(de, { key: C }, [
+        C < b.value ? (n(), Q($e(x), { key: 0 })) : V("", !0)
       ], 64))), 128)),
       h.value > 0 ? (n(), f("span", {
         key: 0,
         class: r(z.value),
-        style: X(o.collapseStyle),
+        style: G(o.collapseStyle),
         title: o.collapseAvatarsTooltip
-      }, " +" + J(h.value), 15, Cl)) : P("", !0)
+      }, " +" + J(h.value), 15, Cl)) : V("", !0)
     ], 6));
   }
 }), Gs = se(Sl), Zs = se($l), xl = { style: { "flex-grow": "1" } }, zl = /* @__PURE__ */ ae({
@@ -4949,12 +4949,12 @@ const Ut = {
   props: Bl,
   emits: Ml,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("popover"), d = Be(), c = F(!1), v = i({
+    const e = u, s = t, l = ue("popover"), d = Be(), c = H(!1), v = i({
       get: () => e.modelValue !== void 0 ? e.modelValue : c.value,
       set: (B) => {
         e.modelValue !== void 0 ? s("update:modelValue", B) : c.value = B, s(B ? "open" : "close");
       }
-    }), b = F(null), h = F(null), w = F({ top: 0, left: 0 });
+    }), b = H(null), h = H(null), w = H({ top: 0, left: 0 });
     let z = null, N = null;
     const A = () => {
       z && (clearTimeout(z), z = null), N && (clearTimeout(N), N = null);
@@ -5017,9 +5017,9 @@ const Ut = {
           }
         w.value = { top: fe, left: j }, I = !1;
       }));
-    }, E = i(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), L = i(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), U = i(() => {
+    }, P = i(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), L = i(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), U = i(() => {
       const B = typeof e.width == "number" ? `${e.width}px` : e.width, W = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth, ce = {};
-      return E.value && (ce["--cp-popover-color"] = E.value), L.value && (ce["--cp-popover-color-light"] = L.value), {
+      return P.value && (ce["--cp-popover-color"] = P.value), L.value && (ce["--cp-popover-color-light"] = L.value), {
         ...ce,
         top: `${w.value.top}px`,
         left: `${w.value.left}px`,
@@ -5047,7 +5047,7 @@ const Ut = {
       e.trigger === "click" && D();
     }, _ = () => {
       e.trigger === "focus" && x();
-    }, V = () => {
+    }, E = () => {
       e.trigger === "focus" && C();
     }, m = () => {
       e.trigger === "hover" && A();
@@ -5072,9 +5072,9 @@ const Ut = {
       toggle: D,
       /** @description 更新位置 */
       updatePosition: R
-    }), Ee(() => {
-      document.addEventListener("click", oe), document.addEventListener("keydown", S), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
     }), Pe(() => {
+      document.addEventListener("click", oe), document.addEventListener("keydown", S), window.addEventListener("resize", R), window.addEventListener("scroll", R, !0);
+    }), Ve(() => {
       A(), document.removeEventListener("click", oe), document.removeEventListener("keydown", S), window.removeEventListener("resize", R), window.removeEventListener("scroll", R, !0);
     }), (B, W) => (n(), f("div", {
       class: r(a(l).b())
@@ -5087,12 +5087,12 @@ const Ut = {
         onMouseleave: ee,
         onClick: Z,
         onFocus: _,
-        onBlur: V
+        onBlur: E
       }, [
-        H(B.$slots, "default")
+        F(B.$slots, "default")
       ], 34),
       (n(), Q(Ye, { to: B.teleportTo }, [
-        ye(Ae, {
+        me(Ae, {
           name: a(l).namespace + "-popover-fade"
         }, {
           default: ie(() => [
@@ -5101,7 +5101,7 @@ const Ut = {
               ref_key: "popoverRef",
               ref: h,
               class: r(T.value),
-              style: X(U.value),
+              style: G(U.value),
               onMouseenter: m,
               onMouseleave: K
             }, [
@@ -5111,28 +5111,28 @@ const Ut = {
               B.showArrow ? (n(), f("div", {
                 key: 0,
                 class: r($.value)
-              }, null, 2)) : P("", !0),
-              a(d).popover ? H(B.$slots, "popover", { key: 1 }) : (n(), f(de, { key: 2 }, [
+              }, null, 2)) : V("", !0),
+              a(d).popover ? F(B.$slots, "popover", { key: 1 }) : (n(), f(de, { key: 2 }, [
                 B.title && !B.tooltip ? (n(), f("div", {
                   key: 0,
                   class: r(a(l).e("title"))
-                }, J(B.title), 3)) : P("", !0),
+                }, J(B.title), 3)) : V("", !0),
                 p("div", {
                   class: r(a(l).e("body"))
                 }, [
-                  H(B.$slots, "content", {}, () => [
+                  F(B.$slots, "content", {}, () => [
                     pe(J(B.content), 1)
                   ])
                 ], 2)
               ], 64))
-            ], 38)) : P("", !0)
+            ], 38)) : V("", !0)
           ]),
           _: 3
         }, 8, ["name"])
       ], 8, ["to"]))
     ], 2));
   }
-}), El = {
+}), Pl = {
   /**
    * 图案类型
    * @default 'grid'
@@ -5216,10 +5216,10 @@ const Ut = {
     type: Boolean,
     default: !0
   }
-}, Vl = /* @__PURE__ */ ae({
+}, El = /* @__PURE__ */ ae({
   name: `${ne}PatternBackground`,
   __name: "pattern-background",
-  props: El,
+  props: Pl,
   setup(u) {
     const o = u, t = ue("pattern-background"), e = (C) => typeof C == "number" ? `${C}px` : C, s = (C) => {
       if (typeof C == "number") return C;
@@ -5306,10 +5306,10 @@ const Ut = {
     ]);
     return (C, D) => (n(), f("div", {
       class: r(x.value),
-      style: X(A.value)
+      style: G(A.value)
     }, null, 6));
   }
-}), tr = se(Vl), Pl = {
+}), tr = se(El), Vl = {
   /**
    * 绑定值 (v-model)
    * @default ''
@@ -5507,18 +5507,18 @@ const Ut = {
    * 下拉面板显示时触发
    */
   visibleChange: (u) => typeof u == "boolean"
-}, Nl = ["tabindex"], Al = ["placeholder", "disabled"], Il = ["placeholder"], Tl = ["onClick", "onMouseenter"], Et = /* @__PURE__ */ ae({
+}, Nl = ["tabindex"], Al = ["placeholder", "disabled"], Il = ["placeholder"], Tl = ["onClick", "onMouseenter"], Pt = /* @__PURE__ */ ae({
   name: `${ne}Dropdown`,
   __name: "dropdown",
-  props: Pl,
+  props: Vl,
   emits: Ll,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = Be(), d = ue("dropdown"), c = we(Ve, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = F(null), w = F(null), z = F(null), N = F(null), A = F(!1), x = F(""), C = F(-1), D = F(!1), I = i(() => e.inline && e.filterable), R = i({
+    const e = u, s = t, l = Be(), d = ue("dropdown"), c = we(Ee, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = H(null), w = H(null), z = H(null), N = H(null), A = H(!1), x = H(""), C = H(-1), D = H(!1), I = i(() => e.inline && e.filterable), R = i({
       get: () => A.value ? x.value : U.value,
       set: (g) => {
         x.value = g;
       }
-    }), E = F({ top: 0, left: 0, width: 0 }), L = i(() => e.options.find((g) => g.value === e.modelValue)), U = i(() => {
+    }), P = H({ top: 0, left: 0, width: 0 }), L = i(() => e.options.find((g) => g.value === e.modelValue)), U = i(() => {
       var g;
       return ((g = L.value) == null ? void 0 : g.label) || "";
     }), T = i(() => {
@@ -5542,13 +5542,13 @@ const Ut = {
       d.is("custom-size", !re(e.size))
     ]), Z = i(() => {
       const g = {};
-      return e.color && (g["--cp-dropdown-custom-color"] = e.color, g["--cp-dropdown-custom-color-light"] = `${e.color}33`), e.inactiveColor && (g["--cp-dropdown-inactive-color"] = e.inactiveColor), e.placeholderColor && (g["--cp-dropdown-placeholder-color"] = e.placeholderColor), re(e.size) || (g["--cp-dropdown-height"] = $e(e.size, b)), e.clearDuration !== 150 && (g["--cp-dropdown-clear-duration"] = `${e.clearDuration}ms`), e.width && (g["--cp-dropdown-width"] = typeof e.width == "number" ? `${e.width}px` : e.width), g;
+      return e.color && (g["--cp-dropdown-custom-color"] = e.color, g["--cp-dropdown-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), e.inactiveColor && (g["--cp-dropdown-inactive-color"] = e.inactiveColor), e.placeholderColor && (g["--cp-dropdown-placeholder-color"] = e.placeholderColor), re(e.size) || (g["--cp-dropdown-height"] = xe(e.size, b)), e.clearDuration !== 150 && (g["--cp-dropdown-clear-duration"] = `${e.clearDuration}ms`), e.width && (g["--cp-dropdown-width"] = typeof e.width == "number" ? `${e.width}px` : e.width), g;
     }), _ = i(() => ({
-      top: `${E.value.top}px`,
-      left: `${E.value.left}px`,
-      width: `${E.value.width}px`,
+      top: `${P.value.top}px`,
+      left: `${P.value.left}px`,
+      width: `${P.value.width}px`,
       maxHeight: `${e.maxHeight}px`
-    })), V = i(() => [
+    })), E = i(() => [
       d.e("popper"),
       `${d.e("popper")}--${e.placement.split("-")[0]}`,
       d.m(`shape-${e.shape}`)
@@ -5561,9 +5561,9 @@ const Ut = {
           return;
         }
         const g = h.value.getBoundingClientRect(), k = 4;
-        let M = 0, G = g.left + window.scrollX;
-        const Y = g.width;
-        e.placement.split("-")[0] === "bottom" ? M = g.bottom + k + window.scrollY : M = g.top - e.maxHeight - k + window.scrollY, E.value = { top: M, left: G, width: Y }, m = !1;
+        let M = 0, Y = g.left + window.scrollX;
+        const X = g.width;
+        e.placement.split("-")[0] === "bottom" ? M = g.bottom + k + window.scrollY : M = g.top - e.maxHeight - k + window.scrollY, P.value = { top: M, left: Y, width: X }, m = !1;
       }));
     }, oe = () => {
       v.value || (A.value = !0, s("visibleChange", !0), s("focus"), Le(() => {
@@ -5580,10 +5580,10 @@ const Ut = {
         s("update:modelValue", ""), s("clear"), D.value = !1;
       }, e.clearDuration);
     }, le = (g) => g.value === e.modelValue, fe = (g) => {
-      var G, Y;
+      var Y, X;
       if (!A.value) return;
       const k = g.target;
-      ((G = h.value) == null ? void 0 : G.contains(k)) || ((Y = w.value) == null ? void 0 : Y.contains(k)) || S();
+      ((Y = h.value) == null ? void 0 : Y.contains(k)) || ((X = w.value) == null ? void 0 : X.contains(k)) || S();
     }, j = (g) => {
       if (!A.value) {
         (g.key === "Enter" || g.key === " " || g.key === "ArrowDown") && (g.preventDefault(), oe());
@@ -5623,13 +5623,13 @@ const Ut = {
       focus: q,
       /** @description 使下拉框失去焦点 */
       blur: y
-    }), Ee(() => {
-      document.addEventListener("click", fe), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0);
     }), Pe(() => {
+      document.addEventListener("click", fe), window.addEventListener("resize", K), window.addEventListener("scroll", K, !0);
+    }), Ve(() => {
       document.removeEventListener("click", fe), window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
     }), (g, k) => (n(), f("div", {
       class: r(ee.value),
-      style: X(Z.value)
+      style: G(Z.value)
     }, [
       p("div", {
         ref_key: "triggerRef",
@@ -5643,8 +5643,8 @@ const Ut = {
           key: 0,
           class: r(a(d).e("prefix"))
         }, [
-          H(g.$slots, "prefix")
-        ], 2)) : P("", !0),
+          F(g.$slots, "prefix")
+        ], 2)) : V("", !0),
         I.value ? Ne((n(), f("input", {
           key: 1,
           ref_key: "inlineInputRef",
@@ -5675,7 +5675,7 @@ const Ut = {
           }, [
             p("path", { d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" })
           ], -1)
-        ])], 2)) : P("", !0),
+        ])], 2)) : V("", !0),
         p("span", {
           class: r([a(d).e("arrow"), { [a(d).is("reverse")]: A.value }])
         }, [...k[7] || (k[7] = [
@@ -5688,7 +5688,7 @@ const Ut = {
         ])], 2)
       ], 42, Nl),
       (n(), Q(Ye, { to: g.teleportTo }, [
-        ye(Ae, {
+        me(Ae, {
           name: a(d).namespace + "-dropdown-fade"
         }, {
           default: ie(() => [
@@ -5696,8 +5696,8 @@ const Ut = {
               key: 0,
               ref_key: "popperRef",
               ref: w,
-              class: r(V.value),
-              style: X(_.value)
+              class: r(E.value),
+              style: G(_.value)
             }, [
               e.filterable && !I.value ? (n(), f("div", {
                 key: 0,
@@ -5715,7 +5715,7 @@ const Ut = {
                 }, null, 10, Il), [
                   [ct, x.value]
                 ])
-              ], 2)) : P("", !0),
+              ], 2)) : V("", !0),
               p("ul", {
                 class: r(a(d).e("options"))
               }, [
@@ -5723,25 +5723,25 @@ const Ut = {
                   key: 0,
                   class: r(a(d).e("empty"))
                 }, [
-                  H(g.$slots, "empty", {}, () => [
+                  F(g.$slots, "empty", {}, () => [
                     pe(J(g.noDataText), 1)
                   ])
                 ], 2)) : T.value.length === 0 ? (n(), f("li", {
                   key: 1,
                   class: r(a(d).e("empty"))
-                }, J(g.noMatchText), 3)) : P("", !0),
-                (n(!0), f(de, null, Se(T.value, (M, G) => (n(), f("li", {
+                }, J(g.noMatchText), 3)) : V("", !0),
+                (n(!0), f(de, null, Ce(T.value, (M, Y) => (n(), f("li", {
                   key: M.value,
                   class: r([
                     a(d).e("option"),
                     a(d).is("selected", le(M)),
                     a(d).is("disabled", !!M.disabled),
-                    a(d).is("hover", C.value === G)
+                    a(d).is("hover", C.value === Y)
                   ]),
-                  onClick: (Y) => W(M),
-                  onMouseenter: (Y) => C.value = G
+                  onClick: (X) => W(M),
+                  onMouseenter: (X) => C.value = Y
                 }, [
-                  H(g.$slots, "default", { option: M }, () => [
+                  F(g.$slots, "default", { option: M }, () => [
                     pe(J(M.label), 1)
                   ]),
                   le(M) ? (n(), f("span", {
@@ -5754,17 +5754,17 @@ const Ut = {
                     }, [
                       p("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" })
                     ], -1)
-                  ])], 2)) : P("", !0)
+                  ])], 2)) : V("", !0)
                 ], 42, Tl))), 128))
               ], 2)
-            ], 6)) : P("", !0)
+            ], 6)) : V("", !0)
           ]),
           _: 3
         }, 8, ["name"])
       ], 8, ["to"]))
     ], 6));
   }
-}), or = se(Et), Ol = {
+}), or = se(Pt), Ol = {
   /**
    * 绑定值 (v-model)
    * 单独使用时为 boolean，在 Group 中使用时为数组
@@ -5883,13 +5883,13 @@ const Ut = {
    * 值变化时触发
    */
   change: (u) => typeof u == "string" || typeof u == "number" || typeof u == "boolean" || Array.isArray(u)
-}, Vt = Symbol("checkboxGroupContext"), Rl = ["name", "checked", "disabled"], dt = /* @__PURE__ */ ae({
+}, Et = Symbol("checkboxGroupContext"), Rl = ["name", "checked", "disabled"], dt = /* @__PURE__ */ ae({
   name: `${ne}Checkbox`,
   __name: "checkbox",
   props: Ol,
   emits: Dl,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("checkbox"), d = { sm: 14, md: 18, lg: 22 }, c = we(Vt, void 0), v = we(Ve, void 0), b = i(() => !!c), h = i(() => {
+    const e = u, s = t, l = ue("checkbox"), d = { sm: 14, md: 18, lg: 22 }, c = we(Et, void 0), v = we(Ee, void 0), b = i(() => !!c), h = i(() => {
       var L;
       return e.disabled || ((L = c == null ? void 0 : c.disabled) == null ? void 0 : L.value) || (v == null ? void 0 : v.disabled.value) || !1;
     }), w = i(() => {
@@ -5931,7 +5931,7 @@ const Ut = {
       l.is("custom-size", !re(w.value))
     ]), I = i(() => {
       const L = {};
-      return e.color ? (L["--cp-checkbox-active-color"] = e.color, L["--cp-checkbox-active-color-light"] = `${e.color}40`) : z.value && x[z.value] && (L["--cp-checkbox-active-color"] = x[z.value], L["--cp-checkbox-active-color-light"] = `var(--cp-color-${z.value}-light)`), e.checkColor ? L["--cp-checkbox-check-color"] = e.checkColor : z.value && C[z.value] && (L["--cp-checkbox-check-color"] = C[z.value]), re(w.value) || (L["--cp-checkbox-size"] = $e(w.value, d)), L;
+      return e.color ? (L["--cp-checkbox-active-color"] = e.color, L["--cp-checkbox-active-color-light"] = `${e.color}40`) : z.value && x[z.value] && (L["--cp-checkbox-active-color"] = x[z.value], L["--cp-checkbox-active-color-light"] = `var(--cp-color-${z.value}-light)`), e.checkColor ? L["--cp-checkbox-check-color"] = e.checkColor : z.value && C[z.value] && (L["--cp-checkbox-check-color"] = C[z.value]), re(w.value) || (L["--cp-checkbox-size"] = xe(w.value, d)), L;
     }), R = () => {
       if (!h.value)
         if (b.value && c && e.label !== void 0)
@@ -5940,19 +5940,19 @@ const Ut = {
           const L = A.value ? e.falseValue : e.trueValue;
           s("update:modelValue", L), s("change", L);
         }
-    }, E = F();
+    }, P = H();
     return o({
       /** @description input 元素引用 */
-      inputRef: E,
+      inputRef: P,
       /** @description 是否选中 */
       checked: A
     }), (L, U) => (n(), f("label", {
       class: r(D.value),
-      style: X(I.value)
+      style: G(I.value)
     }, [
       p("input", {
         ref_key: "inputRef",
-        ref: E,
+        ref: P,
         type: "checkbox",
         class: r(a(l).e("input")),
         name: e.name,
@@ -5972,7 +5972,7 @@ const Ut = {
           "stroke-linecap": "square"
         }, [...U[0] || (U[0] = [
           p("polyline", { points: "4,12 10,18 20,6" }, null, -1)
-        ])], 2)) : P("", !0),
+        ])], 2)) : V("", !0),
         e.indeterminate ? (n(), f("svg", {
           key: 1,
           class: r(a(l).e("icon")),
@@ -5987,12 +5987,12 @@ const Ut = {
             x2: "19",
             y2: "12"
           }, null, -1)
-        ])], 2)) : P("", !0)
+        ])], 2)) : V("", !0)
       ], 2),
       p("span", {
         class: r(a(l).e("label"))
       }, [
-        H(L.$slots, "default", {}, () => [
+        F(L.$slots, "default", {}, () => [
           pe(J(e.label), 1)
         ])
       ], 2)
@@ -6100,14 +6100,14 @@ const Ut = {
       max: ge(e, "max"),
       handleChange: c
     };
-    return Me(Vt, v), o({
+    return Me(Et, v), o({
       /** @description 当前选中的值 */
       modelValue: ge(e, "modelValue")
     }), (b, h) => (n(), f("div", {
       class: r(d.value),
       role: "group"
     }, [
-      H(b.$slots, "default")
+      F(b.$slots, "default")
     ], 2));
   }
 }), ar = se(Fl), Hl = {
@@ -6208,24 +6208,24 @@ const Ut = {
    * 值变化时触发
    */
   change: (u) => typeof u == "string" || typeof u == "number" || typeof u == "boolean"
-}, Pt = Symbol("radioGroupContext"), _l = ["name", "value", "checked", "disabled"], ql = /* @__PURE__ */ ae({
+}, Vt = Symbol("radioGroupContext"), _l = ["name", "value", "checked", "disabled"], ql = /* @__PURE__ */ ae({
   name: `${ne}Radio`,
   __name: "radio",
   props: Hl,
   emits: Wl,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("radio"), d = { sm: 14, md: 18, lg: 22 }, c = we(Pt, void 0), v = we(Ve, void 0), b = i(() => !!c), h = i(() => {
-      var E;
-      return e.disabled || ((E = c == null ? void 0 : c.disabled) == null ? void 0 : E.value) || (v == null ? void 0 : v.disabled.value) || !1;
+    const e = u, s = t, l = ue("radio"), d = { sm: 14, md: 18, lg: 22 }, c = we(Vt, void 0), v = we(Ee, void 0), b = i(() => !!c), h = i(() => {
+      var P;
+      return e.disabled || ((P = c == null ? void 0 : c.disabled) == null ? void 0 : P.value) || (v == null ? void 0 : v.disabled.value) || !1;
     }), w = i(() => {
-      var E;
-      return ((E = c == null ? void 0 : c.size) == null ? void 0 : E.value) || e.size;
+      var P;
+      return ((P = c == null ? void 0 : c.size) == null ? void 0 : P.value) || e.size;
     }), z = i(() => {
-      var E;
-      return ((E = c == null ? void 0 : c.type) == null ? void 0 : E.value) || e.type;
+      var P;
+      return ((P = c == null ? void 0 : c.type) == null ? void 0 : P.value) || e.type;
     }), N = i(() => {
-      var E;
-      return b.value && c ? ((E = c.modelValue) == null ? void 0 : E.value) === e.value : e.modelValue === e.value;
+      var P;
+      return b.value && c ? ((P = c.modelValue) == null ? void 0 : P.value) === e.value : e.modelValue === e.value;
     }), A = {
       primary: "var(--cp-color-primary)",
       success: "var(--cp-color-success)",
@@ -6247,21 +6247,21 @@ const Ut = {
       l.is("glow", e.glow),
       l.is("custom-size", !re(w.value))
     ]), D = i(() => {
-      const E = {};
-      return e.color ? (E["--cp-radio-active-color"] = e.color, E["--cp-radio-active-color-light"] = `${e.color}40`) : z.value && A[z.value] && (E["--cp-radio-active-color"] = A[z.value], E["--cp-radio-active-color-light"] = `var(--cp-color-${z.value}-light)`), e.dotColor ? E["--cp-radio-dot-color"] = e.dotColor : z.value && x[z.value] && (E["--cp-radio-dot-color"] = x[z.value]), re(w.value) || (E["--cp-radio-size"] = $e(w.value, d)), E;
+      const P = {};
+      return e.color ? (P["--cp-radio-active-color"] = e.color, P["--cp-radio-active-color-light"] = `${e.color}40`) : z.value && A[z.value] && (P["--cp-radio-active-color"] = A[z.value], P["--cp-radio-active-color-light"] = `var(--cp-color-${z.value}-light)`), e.dotColor ? P["--cp-radio-dot-color"] = e.dotColor : z.value && x[z.value] && (P["--cp-radio-dot-color"] = x[z.value]), re(w.value) || (P["--cp-radio-size"] = xe(w.value, d)), P;
     }), I = () => {
       if (h.value || N.value) return;
-      const E = e.value;
-      b.value && c ? c.handleChange(E) : (s("update:modelValue", E), s("change", E));
-    }, R = F();
+      const P = e.value;
+      b.value && c ? c.handleChange(P) : (s("update:modelValue", P), s("change", P));
+    }, R = H();
     return o({
       /** @description input 元素引用 */
       inputRef: R,
       /** @description 是否选中 */
       checked: N
-    }), (E, L) => (n(), f("label", {
+    }), (P, L) => (n(), f("label", {
       class: r(C.value),
-      style: X(D.value)
+      style: G(D.value)
     }, [
       p("input", {
         ref_key: "inputRef",
@@ -6283,13 +6283,13 @@ const Ut = {
           N.value ? (n(), f("span", {
             key: 0,
             class: r(a(l).e("dot"))
-          }, null, 2)) : P("", !0)
+          }, null, 2)) : V("", !0)
         ], 2)
       ], 2),
       p("span", {
         class: r(a(l).e("label"))
       }, [
-        H(E.$slots, "default", {}, () => [
+        F(P.$slots, "default", {}, () => [
           pe(J(e.label), 1)
         ])
       ], 2)
@@ -6362,14 +6362,14 @@ const Ut = {
       type: ge(e, "type"),
       handleChange: c
     };
-    return Me(Pt, v), o({
+    return Me(Vt, v), o({
       /** @description 当前选中的值 */
       modelValue: ge(e, "modelValue")
     }), (b, h) => (n(), f("div", {
       class: r(d.value),
       role: "radiogroup"
     }, [
-      H(b.$slots, "default")
+      F(b.$slots, "default")
     ], 2));
   }
 }), rr = se(Xl), Gl = {
@@ -6510,14 +6510,14 @@ const Ut = {
         a(t).is("custom-color", !!o.color),
         a(t).is("custom-text-color", !!o.textColor)
       ]),
-      style: X(c.value)
+      style: G(c.value)
     }, [
-      H(v.$slots, "default"),
-      ye(Ae, {
+      F(v.$slots, "default"),
+      me(Ae, {
         name: a(t).namespace + "-badge-fade"
       }, {
         default: ie(() => [
-          s.value ? P("", !0) : (n(), f("sup", {
+          s.value ? V("", !0) : (n(), f("sup", {
             key: 0,
             class: r(d.value)
           }, J(l.value), 3))
@@ -6807,7 +6807,7 @@ const Ut = {
       L.stopPropagation(), e.toggleCheck(o.node);
     }, R = () => {
       e.handleNodeClick(o.node), !o.node.isLeaf && !e.showCheckbox && e.toggleExpand(o.node);
-    }, E = F();
+    }, P = H();
     return (L, U) => {
       const T = kt("CpTreeNode");
       return Ne((n(), f("div", {
@@ -6816,7 +6816,7 @@ const Ut = {
       }, [
         p("div", {
           class: r(w.value),
-          style: X(h.value),
+          style: G(h.value),
           onClick: R
         }, [
           p("span", {
@@ -6829,12 +6829,12 @@ const Ut = {
             ]),
             onClick: D
           }, [
-            a(e).slots.icon ? (n(), Q(Ce(a(e).slots.icon), {
+            a(e).slots.icon ? (n(), Q($e(a(e).slots.icon), {
               key: 0,
               node: L.node,
               data: L.node.data,
               expanded: l.value
-            }, null, 8, ["node", "data", "expanded"])) : z.value ? (n(), Q(Ce(z.value), { key: 1 })) : N.value ? (n(), Q(Ce(N.value), { key: 2 })) : (n(), f(de, { key: 3 }, [
+            }, null, 8, ["node", "data", "expanded"])) : z.value ? (n(), Q($e(z.value), { key: 1 })) : N.value ? (n(), Q($e(N.value), { key: 2 })) : (n(), f(de, { key: 3 }, [
               L.node.isLeaf ? (n(), f("span", {
                 key: 1,
                 class: r(a(t).e("leaf-dot"))
@@ -6847,12 +6847,12 @@ const Ut = {
             key: 0,
             class: r(a(t).e("node-icon"))
           }, [
-            x.value.component ? (n(), Q(Ce(x.value.component), { key: 0 })) : x.value.iconString ? (n(), Q(zt, {
+            x.value.component ? (n(), Q($e(x.value.component), { key: 0 })) : x.value.iconString ? (n(), Q(zt, {
               key: 1,
               icon: x.value.iconString,
               size: "sm"
-            }, null, 8, ["icon"])) : P("", !0)
-          ], 2)) : P("", !0),
+            }, null, 8, ["icon"])) : V("", !0)
+          ], 2)) : V("", !0),
           a(e).showCheckbox ? (n(), f("span", {
             key: 1,
             class: r([
@@ -6873,7 +6873,7 @@ const Ut = {
               "stroke-linecap": "square"
             }, [...U[1] || (U[1] = [
               p("polyline", { points: "4,12 10,18 20,6" }, null, -1)
-            ])], 2)) : P("", !0),
+            ])], 2)) : V("", !0),
             c.value ? (n(), f("svg", {
               key: 1,
               class: r(a(t).e("checkbox-icon")),
@@ -6889,12 +6889,12 @@ const Ut = {
                 x2: "19",
                 y2: "12"
               }, null, -1)
-            ])], 2)) : P("", !0)
-          ], 2)) : P("", !0),
+            ])], 2)) : V("", !0)
+          ], 2)) : V("", !0),
           p("span", {
             class: r(a(t).e("label"))
           }, [
-            a(e).slots.default ? (n(), Q(Ce(a(e).slots.default), {
+            a(e).slots.default ? (n(), Q($e(a(e).slots.default), {
               key: 0,
               node: L.node,
               data: L.node.data
@@ -6906,19 +6906,19 @@ const Ut = {
         L.node.children.length > 0 ? Ne((n(), f("div", {
           key: 0,
           ref_key: "childrenRef",
-          ref: E,
+          ref: P,
           class: r(a(t).e("children"))
         }, [
-          (n(!0), f(de, null, Se(L.node.children, ($, O) => (n(), Q(T, {
+          (n(!0), f(de, null, Ce(L.node.children, ($, O) => (n(), Q(T, {
             key: $.key,
             node: $,
             "is-last": O === L.node.children.length - 1
           }, null, 8, ["node", "is-last"]))), 128))
         ], 2)), [
-          [Oe, l.value]
-        ]) : P("", !0)
+          [De, l.value]
+        ]) : V("", !0)
       ], 2)), [
-        [Oe, b.value]
+        [De, b.value]
       ]);
     };
   }
@@ -6943,35 +6943,35 @@ const Ut = {
     }, w = (k) => {
       const M = k[e.nodeKey];
       return typeof M == "string" || typeof M == "number" ? M : k.label;
-    }, z = /* @__PURE__ */ new Map(), N = (k, M = null, G = 0) => k.map((Y) => {
-      const ve = w(Y), me = v(Y), xe = {
-        key: ve,
-        label: c(Y),
-        level: G,
-        data: Y,
+    }, z = /* @__PURE__ */ new Map(), N = (k, M = null, Y = 0) => k.map((X) => {
+      const ye = w(X), ve = v(X), Se = {
+        key: ye,
+        label: c(X),
+        level: Y,
+        data: X,
         children: [],
         parent: M,
-        disabled: b(Y) ?? !1,
-        isLeaf: h(Y) ?? (!me || me.length === 0),
+        disabled: b(X) ?? !1,
+        isLeaf: h(X) ?? (!ve || ve.length === 0),
         loading: !1,
         loaded: !1
       };
-      return z.set(ve, xe), me && me.length > 0 && (xe.children = N(me, xe, G + 1)), xe;
-    }), A = F([]);
+      return z.set(ye, Se), ve && ve.length > 0 && (Se.children = N(ve, Se, Y + 1)), Se;
+    }), A = H([]);
     he(() => e.data, () => {
       z.clear(), A.value = N(e.data);
     }, { immediate: !0, deep: !0 });
-    const C = F(/* @__PURE__ */ new Set());
+    const C = H(/* @__PURE__ */ new Set());
     he(A, () => {
       if (e.defaultExpandAll) {
-        const k = /* @__PURE__ */ new Set(), M = (G) => {
-          for (const Y of G)
-            Y.isLeaf || k.add(Y.key), Y.children.length > 0 && M(Y.children);
+        const k = /* @__PURE__ */ new Set(), M = (Y) => {
+          for (const X of Y)
+            X.isLeaf || k.add(X.key), X.children.length > 0 && M(X.children);
         };
         M(A.value), C.value = k;
       } else e.defaultExpandedKeys.length > 0 && (C.value = new Set(e.defaultExpandedKeys));
     }, { immediate: !0 });
-    const I = i(() => e.expandedKeys !== void 0 ? new Set(e.expandedKeys) : C.value), R = F(/* @__PURE__ */ new Set()), E = i(() => e.checkedKeys !== void 0 ? new Set(e.checkedKeys) : R.value);
+    const I = i(() => e.expandedKeys !== void 0 ? new Set(e.expandedKeys) : C.value), R = H(/* @__PURE__ */ new Set()), P = i(() => e.checkedKeys !== void 0 ? new Set(e.checkedKeys) : R.value);
     he(
       () => e.checkedKeys,
       (k) => {
@@ -6979,43 +6979,43 @@ const Ut = {
       },
       { immediate: !0 }
     );
-    const L = F(/* @__PURE__ */ new Set());
-    he(E, () => {
+    const L = H(/* @__PURE__ */ new Set());
+    he(P, () => {
       if (e.checkStrictly) {
         L.value = /* @__PURE__ */ new Set();
         return;
       }
-      const k = /* @__PURE__ */ new Set(), M = E.value, G = (Y) => {
-        for (const ve of Y)
-          if (ve.children.length > 0) {
-            G(ve.children);
-            const me = ve.children.filter((be) => !be.disabled);
-            if (me.length === 0) continue;
-            const xe = me.every((be) => M.has(be.key)), te = me.some(
+      const k = /* @__PURE__ */ new Set(), M = P.value, Y = (X) => {
+        for (const ye of X)
+          if (ye.children.length > 0) {
+            Y(ye.children);
+            const ve = ye.children.filter((be) => !be.disabled);
+            if (ve.length === 0) continue;
+            const Se = ve.every((be) => M.has(be.key)), te = ve.some(
               (be) => M.has(be.key) || k.has(be.key)
             );
-            !xe && te && k.add(ve.key);
+            !Se && te && k.add(ye.key);
           }
       };
-      G(A.value), L.value = k;
+      Y(A.value), L.value = k;
     }, { immediate: !0 });
-    const T = F(null), $ = F(""), O = F(null);
+    const T = H(null), $ = H(""), O = H(null);
     he($, () => {
       if (!$.value || !e.filterMethod) {
         O.value = null;
         return;
       }
-      const k = /* @__PURE__ */ new Set(), M = (G) => {
-        let Y = !1;
-        for (const ve of G) {
-          let me = !1;
-          ve.children.length > 0 && (me = M(ve.children)), (e.filterMethod(
+      const k = /* @__PURE__ */ new Set(), M = (Y) => {
+        let X = !1;
+        for (const ye of Y) {
+          let ve = !1;
+          ye.children.length > 0 && (ve = M(ye.children)), (e.filterMethod(
             $.value,
-            ve.data,
-            ve
-          ) || me) && (k.add(ve.key), Y = !0);
+            ye.data,
+            ye
+          ) || ve) && (k.add(ye.key), X = !0);
         }
-        return Y;
+        return X;
       };
       M(A.value), O.value = k;
     });
@@ -7025,29 +7025,29 @@ const Ut = {
         M.delete(k.key), s("node-collapse", k.data, k);
       else {
         if (e.accordion && k.parent)
-          for (const Y of k.parent.children)
-            M.delete(Y.key);
+          for (const X of k.parent.children)
+            M.delete(X.key);
         else if (e.accordion && !k.parent)
-          for (const Y of A.value)
-            M.delete(Y.key);
+          for (const X of A.value)
+            M.delete(X.key);
         M.add(k.key), s("node-expand", k.data, k);
       }
       e.expandedKeys !== void 0 ? s("update:expandedKeys", Array.from(M)) : C.value = M;
     }, _ = (k) => {
       if (k.disabled) return;
-      const M = new Set(E.value), G = M.has(k.key);
-      e.checkStrictly ? G ? M.delete(k.key) : M.add(k.key) : (G ? (M.delete(k.key), m(k, M)) : (M.add(k.key), V(k, M)), K(k.parent, M)), s("check-change", k.data, !G), e.checkedKeys !== void 0 ? s("update:checkedKeys", Array.from(M)) : R.value = M;
-    }, V = (k, M) => {
-      for (const G of k.children)
-        G.disabled || M.add(G.key), V(G, M);
+      const M = new Set(P.value), Y = M.has(k.key);
+      e.checkStrictly ? Y ? M.delete(k.key) : M.add(k.key) : (Y ? (M.delete(k.key), m(k, M)) : (M.add(k.key), E(k, M)), K(k.parent, M)), s("check-change", k.data, !Y), e.checkedKeys !== void 0 ? s("update:checkedKeys", Array.from(M)) : R.value = M;
+    }, E = (k, M) => {
+      for (const Y of k.children)
+        Y.disabled || M.add(Y.key), E(Y, M);
     }, m = (k, M) => {
-      for (const G of k.children)
-        G.disabled || M.delete(G.key), m(G, M);
+      for (const Y of k.children)
+        Y.disabled || M.delete(Y.key), m(Y, M);
     }, K = (k, M) => {
       if (!k) return;
-      const G = k.children.filter((ve) => !ve.disabled);
-      if (G.length === 0) return;
-      G.every((ve) => M.has(ve.key)) ? M.add(k.key) : M.delete(k.key), K(k.parent, M);
+      const Y = k.children.filter((ye) => !ye.disabled);
+      if (Y.length === 0) return;
+      Y.every((ye) => M.has(ye.key)) ? M.add(k.key) : M.delete(k.key), K(k.parent, M);
     }, oe = (k) => {
       e.highlightCurrent && (T.value = k.key);
     }, S = (k) => {
@@ -7062,7 +7062,7 @@ const Ut = {
       "--cp-tree-active-color-light": `${e.color}66`
     } : {}), ce = {
       expandedKeys: I,
-      checkedKeys: E,
+      checkedKeys: P,
       indeterminateKeys: L,
       currentNodeKey: T,
       showCheckbox: e.showCheckbox,
@@ -7090,15 +7090,15 @@ const Ut = {
       filter: (k) => {
         $.value = k;
       },
-      getCheckedKeys: () => Array.from(E.value),
+      getCheckedKeys: () => Array.from(P.value),
       setCheckedKeys: (k) => {
         e.checkedKeys !== void 0 ? s("update:checkedKeys", k) : R.value = new Set(k);
       },
       getHalfCheckedKeys: () => Array.from(L.value),
       expandAll: () => {
-        const k = /* @__PURE__ */ new Set(), M = (G) => {
-          for (const Y of G)
-            Y.isLeaf || k.add(Y.key), Y.children.length && M(Y.children);
+        const k = /* @__PURE__ */ new Set(), M = (Y) => {
+          for (const X of Y)
+            X.isLeaf || k.add(X.key), X.children.length && M(X.children);
         };
         M(A.value), e.expandedKeys !== void 0 ? s("update:expandedKeys", Array.from(k)) : C.value = k;
       },
@@ -7108,18 +7108,18 @@ const Ut = {
       treeNodes: A
     }), (k, M) => (n(), f("div", {
       class: r(B.value),
-      style: X(W.value),
+      style: G(W.value),
       role: "tree"
     }, [
-      A.value.length > 0 ? (n(!0), f(de, { key: 0 }, Se(A.value, (G, Y) => (n(), Q(oa, {
-        key: G.key,
-        node: G,
-        "is-last": Y === A.value.length - 1
+      A.value.length > 0 ? (n(!0), f(de, { key: 0 }, Ce(A.value, (Y, X) => (n(), Q(oa, {
+        key: Y.key,
+        node: Y,
+        "is-last": X === A.value.length - 1
       }, null, 8, ["node", "is-last"]))), 128)) : (n(), f("div", {
         key: 1,
         class: r(a(d).e("empty"))
       }, [
-        H(k.$slots, "empty", {}, () => [
+        F(k.$slots, "empty", {}, () => [
           p("span", {
             class: r(a(d).e("empty-text"))
           }, "NO DATA", 2)
@@ -7239,14 +7239,14 @@ const Ut = {
     return (w, z) => (n(), f("div", {
       role: "separator",
       class: r(v.value),
-      style: X(h.value)
+      style: G(h.value)
     }, [
       l.value && o.direction === "horizontal" ? (n(), f("span", {
         key: 0,
         class: r(a(e).e("text"))
       }, [
-        H(w.$slots, "default")
-      ], 2)) : P("", !0)
+        F(w.$slots, "default")
+      ], 2)) : V("", !0)
     ], 6));
   }
 }), ur = se(Ue), sa = {
@@ -7641,11 +7641,11 @@ const Ut = {
       type: ge(e, "type"),
       color: ge(e, "color")
     });
-    const v = F(!1), b = F(!1), h = F(!1), w = F(null), z = F(null), N = () => {
+    const v = H(!1), b = H(!1), h = H(!1), w = H(null), z = H(null), N = () => {
       w.value && (w.value.classList.remove("is-shaking"), w.value.offsetWidth, w.value.classList.add("is-shaking")), h.value = !0;
     }, A = () => {
       h.value = !1;
-    }, x = F(!1), C = { offsetX: 0, offsetY: 0 };
+    }, x = H(!1), C = { offsetX: 0, offsetY: 0 };
     let D = "";
     const I = (te, be) => {
       if (!w.value) return;
@@ -7657,7 +7657,7 @@ const Ut = {
       C.offsetX = te, C.offsetY = be, w.value.style.transform = `translate(${te}px, ${be}px)`;
     }, R = () => {
       C.offsetX = 0, C.offsetY = 0, w.value && (w.value.style.transform = "");
-    }, E = () => {
+    }, P = () => {
       I(C.offsetX, C.offsetY);
     }, L = (te) => {
       if (!e.draggable || !w.value) return;
@@ -7698,7 +7698,7 @@ const Ut = {
       c.is("dragging", x.value),
       c.is("shaking", h.value),
       e.dialogClass
-    ]), V = i(() => [
+    ]), E = i(() => [
       c.e("header"),
       c.is("bordered", e.headerBorder),
       c.is("draggable", e.draggable),
@@ -7741,37 +7741,37 @@ const Ut = {
       te.key === "Escape" && v.value && (e.closeOnEscape ? j() : N());
     }, M = (te) => {
       te.stopPropagation();
-    }, G = () => {
-      s("opened");
     }, Y = () => {
+      s("opened");
+    }, X = () => {
       s("closed"), e.destroyOnClose && (b.value = !1);
     };
-    let ve = "";
-    const me = () => {
-      e.lockScroll && (ve = document.body.style.overflow, document.body.style.overflow = "hidden");
-    }, xe = () => {
-      e.lockScroll && (document.body.style.overflow = ve);
+    let ye = "";
+    const ve = () => {
+      e.lockScroll && (ye = document.body.style.overflow, document.body.style.overflow = "hidden");
+    }, Se = () => {
+      e.lockScroll && (document.body.style.overflow = ye);
     };
     return he(
       () => e.modelValue,
       (te) => {
         te ? (b.value = !0, v.value = !0, s("open"), Le(() => {
-          R(), me(), document.addEventListener("keydown", k), e.draggable && window.addEventListener("resize", E);
+          R(), ve(), document.addEventListener("keydown", k), e.draggable && window.addEventListener("resize", P);
         })) : v.value && fe();
       }
     ), he(v, (te) => {
-      !te && e.modelValue && (s("close"), s("update:modelValue", !1), xe(), document.removeEventListener("keydown", k), window.removeEventListener("resize", E));
+      !te && e.modelValue && (s("close"), s("update:modelValue", !1), Se(), document.removeEventListener("keydown", k), window.removeEventListener("resize", P));
     }), he(
       () => e.fullscreen,
       (te) => {
         w.value && (te ? (D = w.value.style.transform, w.value.style.transform = "") : w.value.style.transform = D);
       }
-    ), Ee(() => {
+    ), Pe(() => {
       e.modelValue && (b.value = !0, v.value = !0, Le(() => {
-        me(), document.addEventListener("keydown", k), e.draggable && window.addEventListener("resize", E);
+        ve(), document.addEventListener("keydown", k), e.draggable && window.addEventListener("resize", P);
       }));
-    }), Pe(() => {
-      xe(), document.removeEventListener("keydown", k), window.removeEventListener("resize", E);
+    }), Ve(() => {
+      Se(), document.removeEventListener("keydown", k), window.removeEventListener("resize", P);
     }), o({
       /** @description 关闭对话框 */
       close: j,
@@ -7783,23 +7783,23 @@ const Ut = {
       to: "body",
       disabled: !te.appendToBody
     }, [
-      ye(Ae, {
+      me(Ae, {
         name: a(c).namespace + "-dialog-fade",
-        onAfterEnter: G,
-        onAfterLeave: Y
+        onAfterEnter: Y,
+        onAfterLeave: X
       }, {
         default: ie(() => [
           (te.destroyOnClose ? v.value : b.value || v.value) ? Ne((n(), f("div", {
             key: 0,
             class: r(oe.value),
-            style: X(ee.value),
+            style: G(ee.value),
             onClick: ke(q, ["self"])
           }, [
             p("div", {
               class: r(Z.value),
               onClick: ke(q, ["self"])
             }, [
-              p("div", De({
+              p("div", Oe({
                 ref_key: "panelRef",
                 ref: w
               }, te.$attrs, {
@@ -7817,15 +7817,15 @@ const Ut = {
                   key: 0,
                   ref_key: "headerRef",
                   ref: z,
-                  class: r(V.value),
-                  style: X(te.headerStyle),
+                  class: r(E.value),
+                  style: G(te.headerStyle),
                   onMousedown: L
                 }, [
-                  H(te.$slots, "header", {}, () => [
+                  F(te.$slots, "header", {}, () => [
                     p("div", {
                       class: r(a(c).e("title"))
                     }, [
-                      H(te.$slots, "title", {}, () => [
+                      F(te.$slots, "title", {}, () => [
                         pe(J(te.title), 1)
                       ])
                     ], 2),
@@ -7845,21 +7845,21 @@ const Ut = {
                       }, [
                         p("path", { d: "M18 6L6 18M6 6l12 12" })
                       ], -1)
-                    ])], 2)) : P("", !0)
+                    ])], 2)) : V("", !0)
                   ])
-                ], 38)) : P("", !0),
+                ], 38)) : V("", !0),
                 p("div", {
                   class: r(m.value),
-                  style: X(te.bodyStyle)
+                  style: G(te.bodyStyle)
                 }, [
-                  H(te.$slots, "default")
+                  F(te.$slots, "default")
                 ], 6),
                 B.value ? (n(), f("div", {
                   key: 1,
                   class: r(K.value),
-                  style: X(te.footerStyle)
+                  style: G(te.footerStyle)
                 }, [
-                  H(te.$slots, "footer", {}, () => [
+                  F(te.$slots, "footer", {}, () => [
                     te.showCancelButton ? (n(), Q(a(ze), {
                       key: 0,
                       class: r(a(c).e("cancel-btn")),
@@ -7869,7 +7869,7 @@ const Ut = {
                         pe(J(te.cancelText || "取消"), 1)
                       ]),
                       _: 1
-                    }, 8, ["class"])) : P("", !0),
+                    }, 8, ["class"])) : V("", !0),
                     te.showConfirmButton ? (n(), Q(a(ze), {
                       key: 1,
                       class: r(a(c).e("confirm-btn")),
@@ -7881,14 +7881,14 @@ const Ut = {
                         pe(J(te.confirmText || "确认"), 1)
                       ]),
                       _: 1
-                    }, 8, ["class", "type", "color"])) : P("", !0)
+                    }, 8, ["class", "type", "color"])) : V("", !0)
                   ])
-                ], 6)) : P("", !0)
+                ], 6)) : V("", !0)
               ], 16)
             ], 2)
           ], 6)), [
-            [Oe, v.value]
-          ]) : P("", !0)
+            [De, v.value]
+          ]) : V("", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -7966,12 +7966,12 @@ const Ut = {
       }
       return c.justifyContent = e[o.justify] || "flex-start", c.alignItems = s[o.align] || "flex-start", c;
     });
-    return (c, v) => (n(), Q(Ce(c.tag), {
+    return (c, v) => (n(), Q($e(c.tag), {
       class: r(l.value),
-      style: X(d.value)
+      style: G(d.value)
     }, {
       default: ie(() => [
-        H(c.$slots, "default")
+        F(c.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -8033,12 +8033,12 @@ const Ut = {
       }
       return d;
     });
-    return (d, c) => (n(), Q(Ce(d.tag), {
+    return (d, c) => (n(), Q($e(d.tag), {
       class: r(s.value),
-      style: X(l.value)
+      style: G(l.value)
     }, {
       default: ie(() => [
-        H(d.$slots, "default")
+        F(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -8165,7 +8165,7 @@ const Ut = {
     return (d, c) => (n(), f("section", {
       class: r(l.value)
     }, [
-      H(d.$slots, "default")
+      F(d.$slots, "default")
     ], 2));
   }
 }), ha = /* @__PURE__ */ ae({
@@ -8173,7 +8173,7 @@ const Ut = {
   __name: "header",
   props: fa,
   setup(u, { expose: o }) {
-    const t = u, e = ue("header"), s = F(), l = i(() => ({
+    const t = u, e = ue("header"), s = H(), l = i(() => ({
       "--cp-header-height": t.height,
       "--cp-layout-header-height": t.height
     })), d = i(() => ({
@@ -8187,7 +8187,7 @@ const Ut = {
       const h = b.closest(`.${$t}-container`);
       h && h.style.setProperty("--cp-layout-header-height", t.height);
     };
-    return Ee(c), he(() => t.height, c), o({
+    return Pe(c), he(() => t.height, c), o({
       /** @description header 元素 */
       headerRef: s,
       /** @description 获取当前 header 高度(px) */
@@ -8199,12 +8199,12 @@ const Ut = {
       ref_key: "headerRef",
       ref: s,
       class: r([a(e).b(), a(e).is("no-divider", !t.divider)]),
-      style: X(l.value)
+      style: G(l.value)
     }, [
-      H(b.$slots, "default"),
-      t.divider ? (n(), Q(Ue, De({ key: 0 }, d.value, {
+      F(b.$slots, "default"),
+      t.divider ? (n(), Q(Ue, Oe({ key: 0 }, d.value, {
         class: a(e).e("divider")
-      }), null, 16, ["class"])) : P("", !0)
+      }), null, 16, ["class"])) : V("", !0)
     ], 6));
   }
 }), ba = /* @__PURE__ */ ae({
@@ -8212,7 +8212,7 @@ const Ut = {
   __name: "footer",
   props: va,
   setup(u, { expose: o }) {
-    const t = u, e = ue("footer"), s = F(), l = i(() => ({
+    const t = u, e = ue("footer"), s = H(), l = i(() => ({
       "--cp-footer-height": t.height,
       "--cp-layout-footer-height": t.height
     })), d = i(() => ({
@@ -8226,7 +8226,7 @@ const Ut = {
       const h = b.closest(`.${$t}-container`);
       h && h.style.setProperty("--cp-layout-footer-height", t.height);
     };
-    return Ee(c), he(() => t.height, c), o({
+    return Pe(c), he(() => t.height, c), o({
       /** @description footer 元素 */
       footerRef: s,
       /** @description 获取当前 footer 高度(px) */
@@ -8238,12 +8238,12 @@ const Ut = {
       ref_key: "footerRef",
       ref: s,
       class: r([a(e).b(), a(e).is("no-divider", !t.divider)]),
-      style: X(l.value)
+      style: G(l.value)
     }, [
-      t.divider ? (n(), Q(Ue, De({ key: 0 }, d.value, {
+      t.divider ? (n(), Q(Ue, Oe({ key: 0 }, d.value, {
         class: a(e).e("divider")
-      }), null, 16, ["class"])) : P("", !0),
-      H(b.$slots, "default")
+      }), null, 16, ["class"])) : V("", !0),
+      F(b.$slots, "default")
     ], 6));
   }
 }), ka = /* @__PURE__ */ ae({
@@ -8251,7 +8251,7 @@ const Ut = {
   __name: "main",
   props: ya,
   setup(u, { expose: o }) {
-    const t = u, e = ue("main"), s = F(), l = i(() => [
+    const t = u, e = ue("main"), s = H(), l = i(() => [
       e.b(),
       e.is("scroll-under-header", t.scrollUnderHeader),
       e.is("scroll-under-footer", t.scrollUnderFooter)
@@ -8272,7 +8272,7 @@ const Ut = {
       ref: s,
       class: r(l.value)
     }, [
-      H(c.$slots, "default")
+      F(c.$slots, "default")
     ], 2));
   }
 }), wa = ["data-position"], Sa = /* @__PURE__ */ ae({
@@ -8280,7 +8280,7 @@ const Ut = {
   __name: "aside",
   props: ma,
   setup(u, { expose: o }) {
-    const t = u, e = ue("aside"), s = F(), l = i(() => [
+    const t = u, e = ue("aside"), s = H(), l = i(() => [
       e.b(),
       e.is(t.position),
       e.is("scroll-under-header", t.scrollUnderHeader),
@@ -8307,12 +8307,12 @@ const Ut = {
       }
     }), (h, w) => (n(), f("aside", {
       class: r(l.value),
-      style: X(d.value),
+      style: G(d.value),
       "data-position": t.position
     }, [
-      v.value && t.divider ? (n(), Q(Ue, De({ key: 0 }, c.value, {
+      v.value && t.divider ? (n(), Q(Ue, Oe({ key: 0 }, c.value, {
         class: a(e).e("divider")
-      }), null, 16, ["class"])) : P("", !0),
+      }), null, 16, ["class"])) : V("", !0),
       p("div", {
         ref_key: "contentRef",
         ref: s,
@@ -8321,12 +8321,12 @@ const Ut = {
         p("div", {
           class: r(a(e).e("inner"))
         }, [
-          H(h.$slots, "default")
+          F(h.$slots, "default")
         ], 2)
       ], 2),
-      !v.value && t.divider ? (n(), Q(Ue, De({ key: 1 }, c.value, {
+      !v.value && t.divider ? (n(), Q(Ue, Oe({ key: 1 }, c.value, {
         class: a(e).e("divider")
-      }), null, 16, ["class"])) : P("", !0)
+      }), null, 16, ["class"])) : V("", !0)
     ], 14, wa));
   }
 }), fr = se(ga), vr = se(ha), yr = se(ba), mr = se(ka), gr = se(Sa), Ca = {
@@ -8429,7 +8429,7 @@ const Ut = {
   props: Ca,
   emits: $a,
   setup(u, { emit: o }) {
-    const t = u, e = o, s = ue("menu"), l = F(t.defaultActive), d = F([]), c = F(new Set(t.defaultOpeneds));
+    const t = u, e = o, s = ue("menu"), l = H(t.defaultActive), d = H([]), c = H(new Set(t.defaultOpeneds));
     he(
       () => t.defaultActive,
       (D) => {
@@ -8458,7 +8458,7 @@ const Ut = {
       t.color ? s.is("custom-color") : ""
     ]), x = i(() => {
       const D = {};
-      return t.color && (D["--cp-menu-active-color"] = t.color, D["--cp-menu-active-color-light"] = `${t.color}33`), D;
+      return t.color && (D["--cp-menu-active-color"] = t.color, D["--cp-menu-active-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`), D;
     }), C = {
       generateIndex: N,
       activeIndex: l,
@@ -8478,10 +8478,10 @@ const Ut = {
     };
     return Me(rt, C), (D, I) => (n(), f("ul", {
       class: r(A.value),
-      style: X(x.value),
+      style: G(x.value),
       role: "menubar"
     }, [
-      H(D.$slots, "default")
+      F(D.$slots, "default")
     ], 6));
   }
 }), za = se(xa), Ba = {
@@ -8517,7 +8517,7 @@ const Ut = {
   }
 }, Ma = {
   click: (u) => typeof u == "string"
-}, Ea = ["tabindex"], Va = /* @__PURE__ */ ae({
+}, Pa = ["tabindex"], Ea = /* @__PURE__ */ ae({
   name: "CpMenuItem",
   __name: "menu-item",
   props: Ba,
@@ -8540,7 +8540,7 @@ const Ut = {
     };
     return (N, A) => (n(), f("li", {
       class: r(w.value),
-      style: X(h.value),
+      style: G(h.value),
       role: "menuitem",
       tabindex: N.disabled ? -1 : 0,
       onClick: z,
@@ -8554,16 +8554,16 @@ const Ut = {
           key: 0,
           icon: N.icon,
           size: "sm"
-        }, null, 8, ["icon"])) : H(N.$slots, "icon", { key: 1 })
-      ], 2)) : P("", !0),
+        }, null, 8, ["icon"])) : F(N.$slots, "icon", { key: 1 })
+      ], 2)) : V("", !0),
       p("span", {
         class: r(a(s).e("content"))
       }, [
-        H(N.$slots, "default")
+        F(N.$slots, "default")
       ], 2)
-    ], 46, Ea));
+    ], 46, Pa));
   }
-}), ot = se(Va), Pa = {
+}), ot = se(Ea), Va = {
   /**
    * 子菜单唯一标识
    */
@@ -8598,9 +8598,9 @@ const Ut = {
 }, La = ["aria-expanded", "tabindex"], Na = 200, Aa = 200, Ia = /* @__PURE__ */ ae({
   name: "CpSubMenu",
   __name: "sub-menu",
-  props: Pa,
+  props: Va,
   setup(u) {
-    const o = u, t = ue("sub-menu"), e = we(rt, void 0), s = we(tt, void 0), l = o.index ?? (e == null ? void 0 : e.generateIndex()) ?? `__cp_sub_auto_${Math.random().toString(36).slice(2)}`, d = F(!1), c = i(() => (s == null ? void 0 : s.level) ?? 0), v = i(() => [...(s == null ? void 0 : s.indexPath) ?? [], l]), b = i(() => (e == null ? void 0 : e.openedMenus.value.has(l)) ?? !1), h = i(() => e ? e.activeIndexPath.value.includes(l) : !1), w = i(() => e ? e.mode === "horizontal" || e.collapse.value : !1), z = i(() => (e == null ? void 0 : e.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (c.value + 1)}px` }), N = i(() => [
+    const o = u, t = ue("sub-menu"), e = we(rt, void 0), s = we(tt, void 0), l = o.index ?? (e == null ? void 0 : e.generateIndex()) ?? `__cp_sub_auto_${Math.random().toString(36).slice(2)}`, d = H(!1), c = i(() => (s == null ? void 0 : s.level) ?? 0), v = i(() => [...(s == null ? void 0 : s.indexPath) ?? [], l]), b = i(() => (e == null ? void 0 : e.openedMenus.value.has(l)) ?? !1), h = i(() => e ? e.activeIndexPath.value.includes(l) : !1), w = i(() => e ? e.mode === "horizontal" || e.collapse.value : !1), z = i(() => (e == null ? void 0 : e.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (c.value + 1)}px` }), N = i(() => [
       t.b(),
       t.is("opened", b.value),
       t.is("active", h.value),
@@ -8619,12 +8619,12 @@ const Ut = {
       w.value && (C(), s && (s.mouseInChild.value = !1), x = setTimeout(() => {
         d.value || e == null || e.closeMenu(l, v.value);
       }, Aa), T && (s != null && s.handleMouseleave) && s.handleMouseleave(!0));
-    }, E = () => {
+    }, P = () => {
       w.value && (C(), d.value = !0);
     }, L = () => {
       w.value && (d.value = !1, R(!0));
     };
-    Pe(() => {
+    Ve(() => {
       C();
     });
     const U = {
@@ -8641,7 +8641,7 @@ const Ut = {
     }, [
       p("div", {
         class: r(a(t).e("title")),
-        style: X(z.value),
+        style: G(z.value),
         role: "menuitem",
         "aria-expanded": b.value,
         tabindex: T.disabled ? -1 : 0,
@@ -8656,12 +8656,12 @@ const Ut = {
             key: 0,
             icon: T.icon,
             size: "sm"
-          }, null, 8, ["icon"])) : H(T.$slots, "icon", { key: 1 })
-        ], 2)) : P("", !0),
+          }, null, 8, ["icon"])) : F(T.$slots, "icon", { key: 1 })
+        ], 2)) : V("", !0),
         p("span", {
           class: r(a(t).e("title-content"))
         }, [
-          H(T.$slots, "title", {}, () => [
+          F(T.$slots, "title", {}, () => [
             pe(J(T.title), 1)
           ])
         ], 2),
@@ -8680,21 +8680,21 @@ const Ut = {
           ], -1)
         ])], 2)
       ], 46, La),
-      ye(Ae, { name: "cp-sub-menu" }, {
+      me(Ae, { name: "cp-sub-menu" }, {
         default: ie(() => [
           Ne(p("div", {
             class: r(a(t).e("popup")),
-            onMouseenter: E,
+            onMouseenter: P,
             onMouseleave: L
           }, [
             p("ul", {
               class: r(a(t).e("content")),
               role: "menu"
             }, [
-              H(T.$slots, "default")
+              F(T.$slots, "default")
             ], 2)
           ], 34), [
-            [Oe, b.value]
+            [De, b.value]
           ])
         ]),
         _: 3
@@ -8722,9 +8722,9 @@ const Ut = {
     }, [
       p("div", {
         class: r(a(o).e("title")),
-        style: X(s.value)
+        style: G(s.value)
       }, [
-        H(l.$slots, "title", {}, () => [
+        F(l.$slots, "title", {}, () => [
           pe(J(l.title), 1)
         ])
       ], 6),
@@ -8732,7 +8732,7 @@ const Ut = {
         class: r(a(o).e("content")),
         role: "group"
       }, [
-        H(l.$slots, "default")
+        F(l.$slots, "default")
       ], 2)
     ], 2));
   }
@@ -8951,7 +8951,7 @@ const Ut = {
   props: Ra,
   emits: Ka,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = Be(), d = ue("notification"), c = F(!1), v = i(() => !!e.id);
+    const e = u, s = t, l = Be(), d = ue("notification"), c = H(!1), v = i(() => !!e.id);
     let b = null, h = 0, w = 0;
     const z = () => {
       e.duration <= 0 || (w <= 0 && (w = e.duration), h = Date.now(), b = setTimeout(() => {
@@ -8965,9 +8965,9 @@ const Ut = {
       N();
     }, C = () => {
       z();
-    }, D = i(() => e.position.includes("right")), I = i(() => e.position.includes("top")), R = i(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), E = i(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), L = i(() => {
+    }, D = i(() => e.position.includes("right")), I = i(() => e.position.includes("top")), R = i(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), P = i(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), L = i(() => {
       const S = {};
-      return R.value && (S["--cp-notification-color"] = R.value), E.value && (S["--cp-notification-color-light"] = E.value), e.bgColor && (S["--cp-notification-bg"] = e.bgColor), e.borderColor && (S["--cp-notification-border-color"] = e.borderColor), e.titleColor && (S["--cp-notification-title-color"] = e.titleColor), e.textColor && (S["--cp-notification-text-color"] = e.textColor), S["--cp-notification-animation-duration"] = `${e.animationDuration}ms`, e.duration > 0 && (S["--cp-notification-duration"] = `${e.duration}ms`), S;
+      return R.value && (S["--cp-notification-color"] = R.value), P.value && (S["--cp-notification-color-light"] = P.value), e.bgColor && (S["--cp-notification-bg"] = e.bgColor), e.borderColor && (S["--cp-notification-border-color"] = e.borderColor), e.titleColor && (S["--cp-notification-title-color"] = e.titleColor), e.textColor && (S["--cp-notification-text-color"] = e.textColor), S["--cp-notification-animation-duration"] = `${e.animationDuration}ms`, e.duration > 0 && (S["--cp-notification-duration"] = `${e.duration}ms`), S;
     }), U = i(() => {
       const S = typeof e.width == "number" ? `${e.width}px` : e.width, B = {
         ...L.value,
@@ -8990,7 +8990,7 @@ const Ut = {
       c.value = !1;
     }, Z = () => {
       s("click");
-    }, _ = i(() => D.value ? `${d.namespace}-notification-right` : `${d.namespace}-notification-left`), V = () => {
+    }, _ = i(() => D.value ? `${d.namespace}-notification-right` : `${d.namespace}-notification-left`), E = () => {
       var S;
       (S = e.onClose) == null || S.call(e);
     }, m = () => {
@@ -9008,9 +9008,9 @@ const Ut = {
       }
     ), he(c, (S) => {
       !S && e.modelValue && (A(), s("close"), s("update:modelValue", !1));
-    }), Ee(() => {
-      (v.value || e.modelValue) && (c.value = !0, w = e.duration, z());
     }), Pe(() => {
+      (v.value || e.modelValue) && (c.value = !0, w = e.duration, z());
+    }), Ve(() => {
       A();
     }), o({
       /** @description 关闭通知 */
@@ -9020,11 +9020,11 @@ const Ut = {
     }), (S, B) => v.value ? (n(), Q(Ae, {
       key: 1,
       name: _.value,
-      onBeforeLeave: V,
+      onBeforeLeave: E,
       onAfterLeave: m
     }, {
       default: ie(() => [
-        Ne(p("div", De(S.$attrs, {
+        Ne(p("div", Oe(S.$attrs, {
           class: T.value,
           style: U.value,
           role: "alert",
@@ -9039,14 +9039,14 @@ const Ut = {
             key: 0,
             class: r(a(d).e("icon"))
           }, [
-            H(S.$slots, "icon", {}, () => [
+            F(S.$slots, "icon", {}, () => [
               (n(), f("svg", _a, [
                 p("path", {
                   d: oe.value
                 }, null, 8, qa)
               ]))
             ])
-          ], 2)) : P("", !0),
+          ], 2)) : V("", !0),
           p("div", {
             class: r(a(d).e("group"))
           }, [
@@ -9054,18 +9054,18 @@ const Ut = {
               key: 0,
               class: r(a(d).e("title"))
             }, [
-              H(S.$slots, "title", {}, () => [
+              F(S.$slots, "title", {}, () => [
                 pe(J(S.title), 1)
               ])
-            ], 2)) : P("", !0),
+            ], 2)) : V("", !0),
             p("div", {
               class: r(a(d).e("content"))
             }, [
-              H(S.$slots, "default", {}, () => [
+              F(S.$slots, "default", {}, () => [
                 S.dangerouslyUseHTMLString && O.value ? (n(), f("p", {
                   key: 0,
                   innerHTML: S.message
-                }, null, 8, Ua)) : O.value ? (n(), f("p", Ya, J(S.message), 1)) : $.value ? (n(), Q(Ce(() => $.value), { key: 2 })) : P("", !0)
+                }, null, 8, Ua)) : O.value ? (n(), f("p", Ya, J(S.message), 1)) : $.value ? (n(), Q($e(() => $.value), { key: 2 })) : V("", !0)
               ])
             ], 2),
             a(l).actions ? (n(), f("div", {
@@ -9074,8 +9074,8 @@ const Ut = {
               onClick: B[1] || (B[1] = ke(() => {
               }, ["stop"]))
             }, [
-              H(S.$slots, "actions")
-            ], 2)) : P("", !0)
+              F(S.$slots, "actions")
+            ], 2)) : V("", !0)
           ], 2),
           S.showClose ? (n(), f("button", {
             key: 1,
@@ -9093,13 +9093,13 @@ const Ut = {
             }, [
               p("path", { d: "M18 6L6 18M6 6l12 12" })
             ], -1)
-          ])], 2)) : P("", !0),
+          ])], 2)) : V("", !0),
           S.duration > 0 ? (n(), f("div", {
             key: 2,
             class: r(a(d).e("progress"))
-          }, null, 2)) : P("", !0)
+          }, null, 2)) : V("", !0)
         ], 16), [
-          [Oe, c.value]
+          [De, c.value]
         ])
       ]),
       _: 3
@@ -9107,13 +9107,13 @@ const Ut = {
       key: 0,
       to: "body"
     }, [
-      ye(Ae, {
+      me(Ae, {
         name: _.value,
-        onBeforeLeave: V,
+        onBeforeLeave: E,
         onAfterLeave: m
       }, {
         default: ie(() => [
-          c.value ? (n(), f("div", De({ key: 0 }, S.$attrs, {
+          c.value ? (n(), f("div", Oe({ key: 0 }, S.$attrs, {
             class: T.value,
             style: U.value,
             role: "alert",
@@ -9128,14 +9128,14 @@ const Ut = {
               key: 0,
               class: r(a(d).e("icon"))
             }, [
-              H(S.$slots, "icon", {}, () => [
+              F(S.$slots, "icon", {}, () => [
                 (n(), f("svg", ja, [
                   p("path", {
                     d: oe.value
                   }, null, 8, Fa)
                 ]))
               ])
-            ], 2)) : P("", !0),
+            ], 2)) : V("", !0),
             p("div", {
               class: r(a(d).e("group"))
             }, [
@@ -9143,18 +9143,18 @@ const Ut = {
                 key: 0,
                 class: r(a(d).e("title"))
               }, [
-                H(S.$slots, "title", {}, () => [
+                F(S.$slots, "title", {}, () => [
                   pe(J(S.title), 1)
                 ])
-              ], 2)) : P("", !0),
+              ], 2)) : V("", !0),
               p("div", {
                 class: r(a(d).e("content"))
               }, [
-                H(S.$slots, "default", {}, () => [
+                F(S.$slots, "default", {}, () => [
                   S.dangerouslyUseHTMLString && O.value ? (n(), f("p", {
                     key: 0,
                     innerHTML: S.message
-                  }, null, 8, Ha)) : O.value ? (n(), f("p", Wa, J(S.message), 1)) : $.value ? (n(), Q(Ce(() => $.value), { key: 2 })) : P("", !0)
+                  }, null, 8, Ha)) : O.value ? (n(), f("p", Wa, J(S.message), 1)) : $.value ? (n(), Q($e(() => $.value), { key: 2 })) : V("", !0)
                 ])
               ], 2),
               a(l).actions ? (n(), f("div", {
@@ -9163,8 +9163,8 @@ const Ut = {
                 onClick: B[0] || (B[0] = ke(() => {
                 }, ["stop"]))
               }, [
-                H(S.$slots, "actions")
-              ], 2)) : P("", !0)
+                F(S.$slots, "actions")
+              ], 2)) : V("", !0)
             ], 2),
             S.showClose ? (n(), f("button", {
               key: 1,
@@ -9182,12 +9182,12 @@ const Ut = {
               }, [
                 p("path", { d: "M18 6L6 18M6 6l12 12" })
               ], -1)
-            ])], 2)) : P("", !0),
+            ])], 2)) : V("", !0),
             S.duration > 0 ? (n(), f("div", {
               key: 2,
               class: r(a(d).e("progress"))
-            }, null, 2)) : P("", !0)
-          ], 16)) : P("", !0)
+            }, null, 2)) : V("", !0)
+          ], 16)) : V("", !0)
         ]),
         _: 3
       }, 8, ["name"])
@@ -9230,7 +9230,7 @@ const pt = (u) => typeof u == "string", ht = (u) => typeof HTMLElement < "u" &&
   let b = document.body;
   const h = t.appendTo;
   ht(h) ? b = h : pt(h) && (b = document.querySelector(h)), ht(b) || (b = document.body);
-  const w = document.createElement("div"), z = v.message, N = ye(
+  const w = document.createElement("div"), z = v.message, N = me(
     Tt,
     v,
     typeof z == "function" ? z : Qe(z) ? () => z : null
@@ -9295,7 +9295,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     const o = (t) => !!t.group;
     return (t, e) => {
       const s = kt("menu-nav-tree", !0);
-      return n(!0), f(de, null, Se(u.items, (l) => (n(), f(de, {
+      return n(!0), f(de, null, Ce(u.items, (l) => (n(), f(de, {
         key: l.index || l.group
       }, [
         o(l) ? (n(), Q(a(It), {
@@ -9303,7 +9303,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           title: l.group
         }, {
           default: ie(() => [
-            (n(!0), f(de, null, Se(l.children, (d) => (n(), f(de, {
+            (n(!0), f(de, null, Ce(l.children, (d) => (n(), f(de, {
               key: d.index
             }, [
               d.children && d.children.length ? (n(), Q(a(lt), {
@@ -9316,7 +9316,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   pe(J(d.label), 1)
                 ]),
                 default: ie(() => [
-                  ye(s, {
+                  me(s, {
                     items: d.children
                   }, null, 8, ["items"])
                 ]),
@@ -9346,7 +9346,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             pe(J(l.label), 1)
           ]),
           default: ie(() => [
-            ye(s, {
+            me(s, {
               items: l.children
             }, null, 8, ["items"])
           ]),
@@ -9487,7 +9487,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       onClose: l
     }, {
       default: ie(() => [
-        (n(!0), f(de, null, Se(c.data, (b) => (n(), f(de, {
+        (n(!0), f(de, null, Ce(c.data, (b) => (n(), f(de, {
           key: b.index || b.group
         }, [
           d(b) ? (n(), Q(a(It), {
@@ -9495,7 +9495,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             title: b.group
           }, {
             default: ie(() => [
-              (n(!0), f(de, null, Se(b.children, (h) => (n(), f(de, {
+              (n(!0), f(de, null, Ce(b.children, (h) => (n(), f(de, {
                 key: h.index
               }, [
                 h.children && h.children.length ? (n(), Q(a(lt), {
@@ -9508,7 +9508,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                     pe(J(h.label), 1)
                   ]),
                   default: ie(() => [
-                    ye(bt, {
+                    me(bt, {
                       items: h.children
                     }, null, 8, ["items"])
                   ]),
@@ -9538,7 +9538,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               pe(J(b.label), 1)
             ]),
             default: ie(() => [
-              ye(bt, {
+              me(bt, {
                 items: b.children
               }, null, 8, ["items"])
             ]),
@@ -9702,7 +9702,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   props: ts,
   emits: os,
   setup(u, { emit: o }) {
-    const t = u, e = o, s = ue("pagination"), l = F(t.currentPage), d = F(t.pageSize);
+    const t = u, e = o, s = ue("pagination"), l = H(t.currentPage), d = H(t.pageSize);
     he(() => t.currentPage, (m) => {
       l.value = m;
     }), he(() => t.pageSize, (m) => {
@@ -9718,7 +9718,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       s.is("custom-color", !!t.color)
     ]), C = i(() => {
       const m = {};
-      return re(t.size) || (m["--cp-pagination-height"] = $e(t.size, z)), t.color && (m["--cp-pagination-color"] = t.color, m["--cp-pagination-color-light"] = `${t.color}33`), m;
+      return re(t.size) || (m["--cp-pagination-height"] = xe(t.size, z)), t.color && (m["--cp-pagination-color"] = t.color, m["--cp-pagination-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`), m;
     }), D = i(() => t.pageSizes.map((m) => ({
       label: t.sizeTemplate.replace("{size}", String(m)),
       value: m
@@ -9728,7 +9728,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       warning: "var(--cp-color-warning)",
       error: "var(--cp-color-error)",
       info: "var(--cp-color-info)"
-    }, R = i(() => t.color ? t.color : t.type !== "default" && I[t.type] || ""), E = i(() => t.shape === "circle" ? "round" : t.shape), L = i(() => {
+    }, R = i(() => t.color ? t.color : t.type !== "default" && I[t.type] || ""), P = i(() => t.shape === "circle" ? "round" : t.shape), L = i(() => {
       const m = t.totalTemplate, K = m.indexOf("{total}");
       return K === -1 ? { before: m, after: "" } : {
         before: m.slice(0, K),
@@ -9772,19 +9772,19 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       if (t.disabled) return;
       const K = t.pagerCount - 2;
       T(m === "left-ellipsis" ? Math.max(1, l.value - K) : Math.min(c.value, l.value + K));
-    }, _ = F(""), V = () => {
+    }, _ = H(""), E = () => {
       if (t.disabled) return;
       const m = parseInt(_.value, 10);
       !isNaN(m) && m >= 1 && m <= c.value && T(m), _.value = "";
     };
-    return (m, K) => w.value ? P("", !0) : (n(), f("nav", {
+    return (m, K) => w.value ? V("", !0) : (n(), f("nav", {
       key: 0,
       class: r(x.value),
-      style: X(C.value),
+      style: G(C.value),
       role: "navigation",
       "aria-label": "分页"
     }, [
-      (n(!0), f(de, null, Se(h.value, (oe) => (n(), f(de, { key: oe }, [
+      (n(!0), f(de, null, Ce(h.value, (oe) => (n(), f(de, { key: oe }, [
         oe === "spacer" ? (n(), f("div", {
           key: 0,
           class: r(a(s).e("spacer"))
@@ -9797,7 +9797,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             class: r(a(s).e("total-count"))
           }, J(m.total), 3),
           pe(J(L.value.after), 1)
-        ], 2)) : oe === "sizes" ? H(m.$slots, "sizes", {
+        ], 2)) : oe === "sizes" ? F(m.$slots, "sizes", {
           key: 2,
           pageSize: d.value,
           pageSizes: m.pageSizes,
@@ -9812,18 +9812,18 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           p("span", {
             class: r(a(s).e("sizes"))
           }, [
-            ye(Et, {
+            me(Pt, {
               "model-value": d.value,
               options: D.value,
               disabled: m.disabled,
-              shape: E.value,
+              shape: P.value,
               size: m.size,
               variant: "filled",
               color: R.value,
               onChange: ee
             }, null, 8, ["model-value", "options", "disabled", "shape", "size", "color"])
           ], 2)
-        ]) : oe === "prev" ? H(m.$slots, "prev", {
+        ]) : oe === "prev" ? F(m.$slots, "prev", {
           key: 3,
           disabled: v.value || m.disabled,
           onClick: $,
@@ -9834,7 +9834,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           size: m.size,
           buttonVariant: m.buttonVariant
         }, () => [
-          ye(We, {
+          me(We, {
             class: r(a(s).e("prev")),
             type: "default",
             variant: m.buttonVariant,
@@ -9861,7 +9861,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             ])]),
             _: 1
           }, 8, ["class", "variant", "shape", "size", "disabled"])
-        ]) : oe === "pager" ? H(m.$slots, "pager", {
+        ]) : oe === "pager" ? F(m.$slots, "pager", {
           key: 4,
           pages: U.value,
           currentPage: l.value,
@@ -9878,7 +9878,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           p("ul", {
             class: r(a(s).e("pager"))
           }, [
-            (n(!0), f(de, null, Se(U.value, (S) => (n(), f("li", {
+            (n(!0), f(de, null, Ce(U.value, (S) => (n(), f("li", {
               key: S,
               class: r([
                 a(s).e("pager-item"),
@@ -9887,7 +9887,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 a(s).is("disabled", m.disabled)
               ])
             }, [
-              typeof S == "string" ? H(m.$slots, "ellipsis", {
+              typeof S == "string" ? F(m.$slots, "ellipsis", {
                 key: 0,
                 disabled: m.disabled,
                 onClick: () => Z(S),
@@ -9895,7 +9895,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 color: m.color,
                 buttonVariant: m.buttonVariant
               }, () => [
-                ye(We, {
+                me(We, {
                   variant: "ghost",
                   type: "default",
                   shape: N.value,
@@ -9931,7 +9931,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   ])]),
                   _: 1
                 }, 8, ["shape", "size", "disabled", "class", "onClick"])
-              ]) : H(m.$slots, "pager-item", {
+              ]) : F(m.$slots, "pager-item", {
                 key: 1,
                 page: S,
                 active: S === l.value,
@@ -9941,7 +9941,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 color: m.color,
                 buttonVariant: m.buttonVariant
               }, () => [
-                ye(We, {
+                me(We, {
                   type: S === l.value ? m.type === "default" ? "primary" : m.type : "default",
                   variant: S === l.value ? "solid" : m.buttonVariant,
                   shape: N.value,
@@ -9959,7 +9959,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               ])
             ], 2))), 128))
           ], 2)
-        ]) : oe === "next" ? H(m.$slots, "next", {
+        ]) : oe === "next" ? F(m.$slots, "next", {
           key: 5,
           disabled: b.value || m.disabled,
           onClick: O,
@@ -9970,7 +9970,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           size: m.size,
           buttonVariant: m.buttonVariant
         }, () => [
-          ye(We, {
+          me(We, {
             class: r(a(s).e("next")),
             type: "default",
             variant: m.buttonVariant,
@@ -9997,7 +9997,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             ])]),
             _: 1
           }, 8, ["class", "variant", "shape", "size", "disabled"])
-        ]) : oe === "jumper" ? H(m.$slots, "jumper", {
+        ]) : oe === "jumper" ? F(m.$slots, "jumper", {
           key: 6,
           pageCount: c.value,
           disabled: m.disabled,
@@ -10018,13 +10018,13 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               min: 1,
               max: c.value,
               disabled: m.disabled,
-              onKeydown: at(V, ["enter"])
+              onKeydown: at(E, ["enter"])
             }, null, 42, ls), [
               [ct, _.value]
             ]),
             K[5] || (K[5] = pe(" 页 ", -1))
           ], 2)
-        ]) : P("", !0)
+        ]) : V("", !0)
       ], 64))), 128))
     ], 6));
   }
@@ -10116,17 +10116,17 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   props: ss,
   emits: rs,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("segmented"), d = we(Ve, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = i(() => e.options.map((E) => typeof E == "string" || typeof E == "number" ? { label: String(E), value: E } : E)), h = F(), w = F([]), z = F({}), N = (E, L) => {
-      E && (w.value[L] = E);
+    const e = u, s = t, l = ue("segmented"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = i(() => e.options.map((P) => typeof P == "string" || typeof P == "number" ? { label: String(P), value: P } : P)), h = H(), w = H([]), z = H({}), N = (P, L) => {
+      P && (w.value[L] = P);
     }, A = () => {
-      const E = b.value.findIndex(
+      const P = b.value.findIndex(
         (O) => O.value === e.modelValue
       );
-      if (E < 0 || !w.value[E] || !h.value) {
+      if (P < 0 || !w.value[P] || !h.value) {
         z.value = { opacity: "0" };
         return;
       }
-      const L = w.value[E], T = h.value.getBoundingClientRect(), $ = L.getBoundingClientRect();
+      const L = w.value[P], T = h.value.getBoundingClientRect(), $ = L.getBoundingClientRect();
       z.value = {
         width: `${$.width}px`,
         transform: `translateX(calc(${$.left - T.left}px + var(--cp-segmented-indicator-offset, -2px)))`,
@@ -10142,11 +10142,11 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       { deep: !0 }
     );
     let x = null;
-    Ee(() => {
+    Pe(() => {
       Le(A), h.value && (x = new ResizeObserver(() => {
         A();
       }), x.observe(h.value));
-    }), Pe(() => {
+    }), Ve(() => {
       x == null || x.disconnect();
     });
     const C = i(() => [
@@ -10160,30 +10160,30 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       l.is("custom-color", !!e.color),
       l.is("custom-size", !re(e.size))
     ]), D = i(() => {
-      const E = {};
-      return e.color && (E["--cp-segmented-color"] = e.color, E["--cp-segmented-color-light"] = `${e.color}25`), re(e.size) || (E["--cp-segmented-height"] = $e(e.size, v)), E;
-    }), I = (E) => {
-      c.value || E.disabled || E.value !== e.modelValue && (s("update:modelValue", E.value), s("change", E.value));
-    }, R = (E) => [
+      const P = {};
+      return e.color && (P["--cp-segmented-color"] = e.color, P["--cp-segmented-color-light"] = `${e.color}25`), re(e.size) || (P["--cp-segmented-height"] = xe(e.size, v)), P;
+    }), I = (P) => {
+      c.value || P.disabled || P.value !== e.modelValue && (s("update:modelValue", P.value), s("change", P.value));
+    }, R = (P) => [
       l.e("item"),
-      l.is("active", E.value === e.modelValue),
-      l.is("disabled", !!E.disabled)
+      l.is("active", P.value === e.modelValue),
+      l.is("disabled", !!P.disabled)
     ];
     return o({
       /** @description 更新滑块位置 */
       updateIndicator: A
-    }), (E, L) => (n(), f("div", {
+    }), (P, L) => (n(), f("div", {
       ref_key: "trackRef",
       ref: h,
       class: r(C.value),
-      style: X(D.value),
+      style: G(D.value),
       role: "radiogroup"
     }, [
       p("div", {
         class: r(a(l).e("indicator")),
-        style: X(z.value)
+        style: G(z.value)
       }, null, 6),
-      (n(!0), f(de, null, Se(b.value, (U, T) => (n(), f("button", {
+      (n(!0), f(de, null, Ce(b.value, (U, T) => (n(), f("button", {
         key: U.value,
         ref_for: !0,
         ref: ($) => N($, T),
@@ -10191,13 +10191,13 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         disabled: c.value || U.disabled,
         type: "button",
         role: "radio",
-        "aria-checked": U.value === E.modelValue,
+        "aria-checked": U.value === P.modelValue,
         onClick: ($) => I(U)
       }, [
-        U.icon ? (n(), Q(Ce(U.icon), {
+        U.icon ? (n(), Q($e(U.icon), {
           key: 0,
           class: r(a(l).e("item-icon"))
-        }, null, 8, ["class"])) : P("", !0),
+        }, null, 8, ["class"])) : V("", !0),
         p("span", {
           class: r(a(l).e("item-label"))
         }, J(U.label), 3)
@@ -10324,7 +10324,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     var K, oe;
     const e = u, s = t;
     Be();
-    const l = ue("table"), d = F([]);
+    const l = ue("table"), d = H([]);
     let c = 0;
     Me(xt, { registerColumn: (S) => {
       const B = `cp-col-${c++}`, W = { ...S, id: B };
@@ -10333,7 +10333,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       const B = d.value.findIndex((W) => W.id === S);
       B > -1 && d.value.splice(B, 1);
     } });
-    const h = F({
+    const h = H({
       prop: ((K = e.defaultSort) == null ? void 0 : K.prop) || "",
       order: ((oe = e.defaultSort) == null ? void 0 : oe.order) || null
     }), w = i(() => {
@@ -10353,7 +10353,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       const B = h.value.prop === S.prop ? h.value.order : null;
       let W = null;
       B === null ? W = "ascending" : B === "ascending" ? W = "descending" : W = null, h.value = { prop: S.prop, order: W }, s("sort-change", h.value);
-    }, N = (S) => !S.sortable || h.value.prop !== S.prop ? "" : h.value.order === "ascending" ? "is-ascending" : h.value.order === "descending" ? "is-descending" : "", A = (S, B) => h.value.prop === S.prop && h.value.order === B, x = F(/* @__PURE__ */ new Set());
+    }, N = (S) => !S.sortable || h.value.prop !== S.prop ? "" : h.value.order === "ascending" ? "is-ascending" : h.value.order === "descending" ? "is-descending" : "", A = (S, B) => h.value.prop === S.prop && h.value.order === B, x = H(/* @__PURE__ */ new Set());
     i(() => d.value.some((S) => S.columnType === "selection"));
     const C = i(() => w.value.length === 0 ? !1 : w.value.every((S) => x.value.has(S))), D = i(() => {
       const S = w.value.filter((B) => x.value.has(B)).length;
@@ -10368,10 +10368,10 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       C.value ? S = /* @__PURE__ */ new Set() : S = new Set(w.value), x.value = S;
       const B = Array.from(S);
       s("select-all", B), s("selection-change", B);
-    }, E = F(null), L = (S, B, W) => {
+    }, P = H(null), L = (S, B, W) => {
       if (s("row-click", S, B, W), e.highlightCurrentRow) {
-        const ce = E.value;
-        E.value = S, s("current-change", S, ce);
+        const ce = P.value;
+        P.value = S, s("current-change", S, ce);
       }
     }, U = (S, B) => typeof e.rowKey == "function" ? e.rowKey(S) : S[e.rowKey] ?? B, T = i(() => [
       l.b(),
@@ -10402,7 +10402,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     }), _ = (S) => {
       const B = {};
       return S.width && (B.width = typeof S.width == "number" ? `${S.width}px` : S.width), S.minWidth && (B.minWidth = typeof S.minWidth == "number" ? `${S.minWidth}px` : S.minWidth), (S.columnType === "selection" || S.columnType === "index") && (S.width || (B.width = "50px")), B;
-    }, V = (S, B) => B.prop ? B.prop.split(".").reduce((W, ce) => W == null ? void 0 : W[ce], S) : "", m = (S) => S === "center" ? l.m("align-center") : S === "right" ? l.m("align-right") : "";
+    }, E = (S, B) => B.prop ? B.prop.split(".").reduce((W, ce) => W == null ? void 0 : W[ce], S) : "", m = (S) => S === "center" ? l.m("align-center") : S === "right" ? l.m("align-right") : "";
     return o({
       /** 清空选择 */
       clearSelection: () => {
@@ -10416,15 +10416,15 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       },
       /** 设置当前行 */
       setCurrentRow: (S) => {
-        const B = E.value;
-        E.value = S, s("current-change", S, B);
+        const B = P.value;
+        P.value = S, s("current-change", S, B);
       }
     }), (S, B) => (n(), f("div", {
       class: r(T.value),
-      style: X($.value)
+      style: G($.value)
     }, [
       p("div", ds, [
-        H(S.$slots, "default")
+        F(S.$slots, "default")
       ]),
       p("div", {
         class: r(a(l).e("wrapper"))
@@ -10439,7 +10439,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             p("tr", {
               class: r(a(l).e("header-row"))
             }, [
-              (n(!0), f(de, null, Se(d.value, (W) => (n(), f("th", {
+              (n(!0), f(de, null, Ce(d.value, (W) => (n(), f("th", {
                 key: W.id,
                 class: r([
                   a(l).e("header-cell"),
@@ -10447,7 +10447,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   N(W),
                   m(W.headerAlign || W.align)
                 ]),
-                style: X(_(W)),
+                style: G(_(W)),
                 onClick: (ce) => W.sortable ? z(W) : void 0
               }, [
                 W.columnType === "selection" ? (n(), Q(dt, {
@@ -10460,7 +10460,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   onClick: B[0] || (B[0] = ke(() => {
                   }, ["stop"]))
                 }, null, 8, ["model-value", "indeterminate", "type", "color"])) : (n(), f(de, { key: 1 }, [
-                  W.slots.header ? (n(), Q(Ce({ render: () => W.slots.header({ column: W, $index: d.value.indexOf(W) }) }), { key: 0 })) : (n(), f("span", {
+                  W.slots.header ? (n(), Q($e({ render: () => W.slots.header({ column: W, $index: d.value.indexOf(W) }) }), { key: 0 })) : (n(), f("span", {
                     key: 1,
                     class: r(a(l).e("header-label"))
                   }, J(W.columnType === "index" ? W.label || "#" : W.label), 3)),
@@ -10490,29 +10490,29 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                         fill: "currentColor"
                       }, null, -1)
                     ])], 2))
-                  ], 2)) : P("", !0)
+                  ], 2)) : V("", !0)
                 ], 64))
               ], 14, ps))), 128))
             ], 2)
-          ], 2)) : P("", !0),
+          ], 2)) : V("", !0),
           p("tbody", {
             class: r(a(l).e("body")),
-            style: X(Z.value)
+            style: G(Z.value)
           }, [
-            w.value.length > 0 ? (n(!0), f(de, { key: 0 }, Se(w.value, (W, ce) => (n(), f("tr", {
+            w.value.length > 0 ? (n(!0), f(de, { key: 0 }, Ce(w.value, (W, ce) => (n(), f("tr", {
               key: U(W, ce),
               class: r([
                 a(l).e("row"),
                 a(l).is("striped", S.stripe && ce % 2 === 1),
-                a(l).is("current", S.highlightCurrentRow && E.value === W),
+                a(l).is("current", S.highlightCurrentRow && P.value === W),
                 a(l).is("selected", x.value.has(W))
               ]),
               onClick: (le) => L(W, ce, le)
             }, [
-              (n(!0), f(de, null, Se(d.value, (le) => (n(), f("td", {
+              (n(!0), f(de, null, Ce(d.value, (le) => (n(), f("td", {
                 key: le.id,
                 class: r([a(l).e("cell"), m(le.align)]),
-                style: X(_(le))
+                style: G(_(le))
               }, [
                 le.columnType === "selection" ? (n(), Q(dt, {
                   key: 0,
@@ -10524,8 +10524,8 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   }, ["stop"]))
                 }, null, 8, ["model-value", "type", "color", "onChange"])) : le.columnType === "index" ? (n(), f(de, { key: 1 }, [
                   pe(J(ce + 1), 1)
-                ], 64)) : le.slots.default ? (n(), Q(Ce({ render: () => le.slots.default({ row: W, column: le, $index: ce }) }), { key: 2 })) : (n(), f(de, { key: 3 }, [
-                  pe(J(V(W, le)), 1)
+                ], 64)) : le.slots.default ? (n(), Q($e({ render: () => le.slots.default({ row: W, column: le, $index: ce }) }), { key: 2 })) : (n(), f(de, { key: 3 }, [
+                  pe(J(E(W, le)), 1)
                 ], 64))
               ], 6))), 128))
             ], 10, fs))), 128)) : (n(), f("tr", {
@@ -10536,7 +10536,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 colspan: d.value.length,
                 class: r(a(l).e("empty-cell"))
               }, [
-                H(S.$slots, "empty", {}, () => [
+                F(S.$slots, "empty", {}, () => [
                   p("div", {
                     class: r(a(l).e("empty"))
                   }, [
@@ -10630,7 +10630,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   setup(u) {
     const o = u, t = Be(), e = we(xt, null);
     let s = "";
-    return Ee(() => {
+    return Pe(() => {
       e && (s = e.registerColumn({
         prop: o.prop,
         label: o.label,
@@ -10645,7 +10645,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           header: t.header
         }
       }));
-    }), Pe(() => {
+    }), Ve(() => {
       e && s && e.unregisterColumn(s);
     }), (l, d) => null;
   }
@@ -10768,7 +10768,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       addField: l,
       removeField: d
     };
-    return Me(Ve, h), o({
+    return Me(Ee, h), o({
       /** @description 校验全部字段 */
       validate: async () => (await Promise.all(
         s.filter((C) => C.prop).map((C) => C.validate())
@@ -10788,11 +10788,11 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       }
     }), (x, C) => (n(), f("form", {
       class: r(v.value),
-      style: X(b.value),
+      style: G(b.value),
       onSubmit: C[0] || (C[0] = ke(() => {
       }, ["prevent"]))
     }, [
-      H(x.$slots, "default")
+      F(x.$slots, "default")
     ], 38));
   }
 }), xr = se(bs), ks = {
@@ -10866,12 +10866,12 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   __name: "form-item",
   props: ks,
   setup(u, { expose: o }) {
-    const t = u, e = ue("form-item"), s = we(Ve, void 0), l = F(""), d = F("");
+    const t = u, e = ue("form-item"), s = we(Ee, void 0), l = H(""), d = H("");
     let c;
-    Ee(() => {
-      t.prop && s && (s.model.value && (c = v(s.model.value[t.prop])), s.addField(E));
-    }), Pe(() => {
-      s && s.removeField(E);
+    Pe(() => {
+      t.prop && s && (s.model.value && (c = v(s.model.value[t.prop])), s.addField(P));
+    }), Ve(() => {
+      s && s.removeField(P);
     });
     function v(O) {
       return Array.isArray(O) ? [...O] : O && typeof O == "object" ? { ...O } : O;
@@ -10895,27 +10895,27 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     }), x = i(() => t.error ? t.error : d.value), C = i(() => l.value === "error" || !!t.error), D = async (O) => {
       const ee = N.value;
       if (ee.length === 0) return !0;
-      const Z = O ? ee.filter((V) => !V.trigger || V.trigger === O) : ee;
+      const Z = O ? ee.filter((E) => !E.trigger || E.trigger === O) : ee;
       if (Z.length === 0) return !0;
       l.value = "validating";
       const _ = b.value;
-      for (const V of Z) {
-        if (V.required && (_ == null || _ === "" || Array.isArray(_) && _.length === 0))
-          return l.value = "error", d.value = V.message || "此项为必填项", !1;
-        if (V.min !== void 0 || V.max !== void 0) {
+      for (const E of Z) {
+        if (E.required && (_ == null || _ === "" || Array.isArray(_) && _.length === 0))
+          return l.value = "error", d.value = E.message || "此项为必填项", !1;
+        if (E.min !== void 0 || E.max !== void 0) {
           const m = typeof _ == "string" ? _.length : typeof _ == "number" ? _ : 0;
-          if (V.min !== void 0 && m < V.min)
-            return l.value = "error", d.value = V.message || `最少 ${V.min} 个字符`, !1;
-          if (V.max !== void 0 && m > V.max)
-            return l.value = "error", d.value = V.message || `最多 ${V.max} 个字符`, !1;
+          if (E.min !== void 0 && m < E.min)
+            return l.value = "error", d.value = E.message || `最少 ${E.min} 个字符`, !1;
+          if (E.max !== void 0 && m > E.max)
+            return l.value = "error", d.value = E.message || `最多 ${E.max} 个字符`, !1;
         }
-        if (V.pattern && !V.pattern.test(String(_ ?? "")))
-          return l.value = "error", d.value = V.message || "格式不正确", !1;
-        if (V.validator)
+        if (E.pattern && !E.pattern.test(String(_ ?? "")))
+          return l.value = "error", d.value = E.message || "格式不正确", !1;
+        if (E.validator)
           try {
-            const m = await V.validator(_, V);
+            const m = await E.validator(_, E);
             if (m === !1)
-              return l.value = "error", d.value = V.message || "验证失败", !1;
+              return l.value = "error", d.value = E.message || "验证失败", !1;
             if (typeof m == "string")
               return l.value = "error", d.value = m, !1;
           } catch (m) {
@@ -10927,7 +10927,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       t.prop && (s != null && s.model.value) && (s.model.value[t.prop] = v(c)), l.value = "", d.value = "";
     }, R = () => {
       l.value = "", d.value = "";
-    }, E = Ft({
+    }, P = Ft({
       prop: t.prop,
       validate: D,
       resetField: I,
@@ -10966,24 +10966,24 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       O.label || O.$slots.label ? (n(), f("label", {
         key: 0,
         class: r(U.value),
-        style: X(T.value)
+        style: G(T.value)
       }, [
-        H(O.$slots, "label", {}, () => [
+        F(O.$slots, "label", {}, () => [
           pe(J(O.label) + J($.value), 1)
         ])
-      ], 6)) : P("", !0),
+      ], 6)) : V("", !0),
       p("div", {
         class: r(a(e).e("content"))
       }, [
-        H(O.$slots, "default"),
+        F(O.$slots, "default"),
         p("div", {
           class: r([
             a(e).e("error"),
             C.value && h.value ? "is-active" : ""
           ])
         }, [
-          H(O.$slots, "error", { error: x.value }, () => [
-            C.value && h.value ? (n(), f("span", ws, J(x.value), 1)) : P("", !0)
+          F(O.$slots, "error", { error: x.value }, () => [
+            C.value && h.value ? (n(), f("span", ws, J(x.value), 1)) : V("", !0)
           ])
         ], 2)
       ], 2)
@@ -11057,13 +11057,13 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     });
     return (d, c) => (n(), f("nav", {
       class: r(s.value),
-      style: X(l.value),
+      style: G(l.value),
       "aria-label": "Breadcrumb"
     }, [
       p("ol", {
         class: r(a(t).e("list"))
       }, [
-        H(d.$slots, "default")
+        F(d.$slots, "default")
       ], 2)
     ], 6));
   }
@@ -11104,14 +11104,14 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         role: "link",
         onClick: d
       }, [
-        H(c.$slots, "default")
+        F(c.$slots, "default")
       ], 2),
       p("span", {
         class: r(a(t).e("separator")),
         "aria-hidden": "true"
       }, [
-        H(c.$slots, "separator", {}, () => [
-          a(e).separatorIcon ? (n(), Q(Ce(a(e).separatorIcon), {
+        F(c.$slots, "separator", {}, () => [
+          a(e).separatorIcon ? (n(), Q($e(a(e).separatorIcon), {
             key: 0,
             class: r(a(t).e("separator-icon"))
           }, null, 8, ["class"])) : (n(), f(de, { key: 1 }, [
@@ -11178,6 +11178,14 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     type: Boolean,
     default: !1
   },
+  /**
+   * 是否支持选择文件夹（webkitdirectory）
+   * @default false
+   */
+  directory: {
+    type: Boolean,
+    default: !1
+  },
   /**
    * 最大文件数 (0 = 无限制)
    * @default 0
@@ -11383,13 +11391,13 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   progress: (u, o) => typeof u == "number" && !!o,
   /** 文件移除 */
   remove: (u, o) => u && Array.isArray(o)
-}, Es = ["accept", "multiple", "disabled"], Vs = {
+}, Ps = ["accept", "multiple", "disabled"], Es = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
   stroke: "currentColor",
   "stroke-width": "1.5"
-}, Ps = {
+}, Vs = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "none",
@@ -11403,7 +11411,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   props: Bs,
   emits: Ms,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("upload"), d = we(Ve, void 0), c = F(), v = F(!1);
+    const e = u, s = t, l = ue("upload"), d = we(Ee, void 0), c = H(), v = H(!1);
     let b = 0;
     const h = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), w = {
       default: "",
@@ -11431,32 +11439,32 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       filled: "solid",
       ghost: "ghost"
     })[e.variant] || "outline"), D = i(() => e.variant === "dashed"), I = i(() => e.listType !== "picture-card" || e.limit !== 1 ? !1 : e.inlinePreview ?? !0), R = i(() => I.value && e.modelValue.length > 0 ? e.modelValue[0] : null);
-    function E(y) {
+    function P(y) {
       return new Promise((g, k) => {
-        const M = new XMLHttpRequest(), G = new FormData();
-        G.append(y.filename, y.file), Object.entries(y.data).forEach(([Y, ve]) => {
-          G.append(Y, ve);
-        }), M.upload.addEventListener("progress", (Y) => {
-          Y.lengthComputable && y.onProgress(Math.round(Y.loaded / Y.total * 100));
+        const M = new XMLHttpRequest(), Y = new FormData();
+        Y.append(y.filename, y.file), Object.entries(y.data).forEach(([X, ye]) => {
+          Y.append(X, ye);
+        }), M.upload.addEventListener("progress", (X) => {
+          X.lengthComputable && y.onProgress(Math.round(X.loaded / X.total * 100));
         }), M.addEventListener("load", () => {
           if (M.status >= 200 && M.status < 300) {
-            let Y;
+            let X;
             try {
-              Y = JSON.parse(M.responseText);
+              X = JSON.parse(M.responseText);
             } catch {
-              Y = M.responseText;
+              X = M.responseText;
             }
-            y.onSuccess(Y), g(Y);
+            y.onSuccess(X), g(X);
           } else {
-            const Y = new Error(`Upload failed with status ${M.status}`);
-            y.onError(Y), k(Y);
+            const X = new Error(`Upload failed with status ${M.status}`);
+            y.onError(X), k(X);
           }
         }), M.addEventListener("error", () => {
-          const Y = new Error("Upload request failed");
-          y.onError(Y), k(Y);
-        }), M.open("POST", y.action, !0), Object.entries(y.headers).forEach(([Y, ve]) => {
-          M.setRequestHeader(Y, ve);
-        }), M.send(G);
+          const X = new Error("Upload request failed");
+          y.onError(X), k(X);
+        }), M.open("POST", y.action, !0), Object.entries(y.headers).forEach(([X, ye]) => {
+          M.setRequestHeader(X, ye);
+        }), M.send(Y);
       });
     }
     function L(y) {
@@ -11474,7 +11482,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     async function O(y) {
       if (!e.action || !y.raw) return;
       y.status = "uploading", y.percentage = 0;
-      const g = e.httpRequest || E, k = {
+      const g = e.httpRequest || P, k = {
         action: e.action,
         file: y.raw,
         filename: e.name,
@@ -11485,13 +11493,13 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         },
         onSuccess: (M) => {
           y.status = "success", y.percentage = 100, y.response = M;
-          const G = [...e.modelValue];
-          s("success", M, y, G), s("change", y, G), L(G);
+          const Y = [...e.modelValue];
+          s("success", M, y, Y), s("change", y, Y), L(Y);
         },
         onError: (M) => {
           y.status = "error";
-          const G = [...e.modelValue];
-          s("error", M, y, G), s("change", y, G), L(G);
+          const Y = [...e.modelValue];
+          s("error", M, y, Y), s("change", y, Y), L(Y);
         }
       };
       try {
@@ -11500,41 +11508,50 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       }
     }
     async function ee(y) {
-      var Y, ve;
+      var X, ye;
       const g = Array.from(y), k = I.value ? g.slice(0, 1) : g;
       if (!I.value && e.limit && e.modelValue.length + k.length > e.limit) {
-        (Y = e.onExceed) == null || Y.call(e, k, e.modelValue);
+        (X = e.onExceed) == null || X.call(e, k, e.modelValue);
         return;
       }
-      I.value && g.length > 1 && ((ve = e.onExceed) == null || ve.call(e, g.slice(1), e.modelValue));
+      I.value && g.length > 1 && ((ye = e.onExceed) == null || ye.call(e, g.slice(1), e.modelValue));
       const M = [];
-      for (const me of k) {
-        if (e.maxSize && me.size > e.maxSize)
+      for (const ve of k) {
+        if (e.maxSize && ve.size > e.maxSize)
           continue;
         if (e.beforeUpload)
           try {
-            if (await e.beforeUpload(me) === !1) continue;
+            if (await e.beforeUpload(ve) === !1) continue;
           } catch {
             continue;
           }
-        const xe = {
+        const Se = {
           uid: U(),
-          name: me.name,
-          size: me.size,
+          name: ve.name,
+          size: ve.size,
           status: "ready",
           percentage: 0,
-          raw: me
+          raw: ve,
+          ...ve.webkitRelativePath ? { relativePath: ve.webkitRelativePath } : {}
         };
-        xe.url = URL.createObjectURL(me), M.push(xe);
+        Se.url = URL.createObjectURL(ve), M.push(Se);
       }
       if (M.length === 0) return;
-      const G = I.value ? [M[0]] : [...e.modelValue, ...M];
+      const Y = I.value ? [M[0]] : [...e.modelValue, ...M];
       if (I.value)
-        for (const me of e.modelValue)
-          me.url && me.raw && URL.revokeObjectURL(me.url);
-      if (L(G), e.autoUpload)
-        for (const me of M)
-          O(me);
+        for (const ve of e.modelValue)
+          ve.url && ve.raw && URL.revokeObjectURL(ve.url);
+      if (L(Y), e.autoUpload)
+        if (!e.action && !e.httpRequest) {
+          for (const Se of M)
+            Se.status = "success", Se.percentage = 100;
+          const ve = [...Y];
+          for (const Se of M)
+            s("success", null, Se, ve), s("change", Se, ve);
+          L(ve);
+        } else
+          for (const ve of M)
+            O(ve);
     }
     function Z() {
       var y;
@@ -11544,19 +11561,19 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       const g = y.target;
       g.files && ee(g.files), g.value = "";
     }
-    const V = F(0);
+    const E = H(0);
     function m(y) {
-      y.preventDefault(), !h.value && (V.value++, v.value = !0);
+      y.preventDefault(), !h.value && (E.value++, v.value = !0);
     }
     function K(y) {
       y.preventDefault();
     }
     function oe(y) {
-      y.preventDefault(), V.value--, V.value <= 0 && (v.value = !1, V.value = 0);
+      y.preventDefault(), E.value--, E.value <= 0 && (v.value = !1, E.value = 0);
     }
     function S(y) {
       var g;
-      y.preventDefault(), v.value = !1, V.value = 0, !h.value && (g = y.dataTransfer) != null && g.files && ee(y.dataTransfer.files);
+      y.preventDefault(), v.value = !1, E.value = 0, !h.value && (g = y.dataTransfer) != null && g.files && ee(y.dataTransfer.files);
     }
     function B(y) {
       const g = e.modelValue.filter((k) => k.uid !== y.uid);
@@ -11565,15 +11582,15 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     function W() {
       e.modelValue.filter((y) => y.status === "ready").forEach((y) => O(y));
     }
-    const ce = F(!1), le = F([]), fe = F(0);
+    const ce = H(!1), le = H([]), fe = H(0);
     function j(y) {
       if (!e.preview || !T(y)) return;
       const g = [];
       let k = 0;
-      (I.value && R.value ? [R.value] : e.modelValue).forEach((G) => {
-        if (T(G)) {
-          const Y = $(G);
-          Y && (G.uid === y.uid && (k = g.length), g.push(Y));
+      (I.value && R.value ? [R.value] : e.modelValue).forEach((Y) => {
+        if (T(Y)) {
+          const X = $(Y);
+          X && (Y.uid === y.uid && (k = g.length), g.push(X));
         }
       }), g.length > 0 && (le.value = g, fe.value = k, ce.value = !0);
     }
@@ -11589,20 +11606,19 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       return `${(y / Math.pow(g, M)).toFixed(1)} ${k[M]}`;
     }
     return (y, g) => (n(), f(de, null, [
-      p("div", De({
+      p("div", Oe({
         class: x.value,
         style: A.value
       }, y.$attrs), [
-        p("input", {
+        p("input", Oe({
           ref_key: "inputRef",
           ref: c,
           type: "file",
-          class: r(a(l).e("input")),
+          class: a(l).e("input"),
           accept: y.accept,
-          multiple: y.multiple,
-          disabled: h.value,
-          onChange: _
-        }, null, 42, Es),
+          multiple: y.multiple || y.directory,
+          disabled: h.value
+        }, y.directory ? { webkitdirectory: "" } : {}, { onChange: _ }), null, 16, Ps),
         p("div", {
           class: r([a(l).e("trigger"), y.drag && a(l).e("dragger")]),
           onClick: Z,
@@ -11611,13 +11627,13 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           onDragleave: oe,
           onDrop: S
         }, [
-          H(y.$slots, "default", {}, () => [
+          F(y.$slots, "default", {}, () => [
             y.drag ? (n(), f("div", {
               key: 0,
               class: r(a(l).e("drag-content"))
             }, [
-              H(y.$slots, "placeholder", { mode: "drag" }, () => [
-                y.placeholderIcon ? (n(), Q(Ce(y.placeholderIcon), {
+              F(y.$slots, "placeholder", { mode: "drag" }, () => [
+                y.placeholderIcon ? (n(), Q($e(y.placeholderIcon), {
                   key: 0,
                   class: r(a(l).e("drag-icon"))
                 }, null, 8, ["class"])) : (n(), f("svg", {
@@ -11645,7 +11661,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   class: r(a(l).e("drag-text"))
                 }, [
                   g[5] || (g[5] = pe("拖拽文件到此处，或 ", -1)),
-                  ye(a(nl), {
+                  me(a(nl), {
                     underline: "",
                     type: e.type !== "default" ? e.type : "primary",
                     color: e.color
@@ -11670,12 +11686,12 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   "show-decor": !1,
                   width: "100%",
                   height: "100%"
-                }, null, 8, ["src", "shape"])) : P("", !0),
+                }, null, 8, ["src", "shape"])) : V("", !0),
                 R.value.status === "uploading" ? (n(), f("div", {
                   key: 1,
                   class: r(a(l).e("card-progress"))
                 }, [
-                  ye(a(Je), {
+                  me(a(Je), {
                     type: "circle",
                     percentage: R.value.percentage,
                     width: 60,
@@ -11684,116 +11700,123 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                     color: z.value,
                     "show-inner-stripe": e.showInnerStripe === !0
                   }, null, 8, ["percentage", "color", "show-inner-stripe"])
-                ], 2)) : P("", !0),
+                ], 2)) : V("", !0),
                 p("div", {
                   class: r(a(l).e("card-actions"))
                 }, [
-                  e.preview ? (n(), Q(a(ze), {
-                    key: 0,
-                    variant: "semi",
-                    dimmed: "",
-                    square: "",
-                    size: "sm",
-                    type: e.type,
-                    color: z.value,
-                    title: "预览图片",
-                    onClick: g[0] || (g[0] = ke((k) => j(R.value), ["stop"]))
-                  }, {
-                    default: ie(() => [...g[6] || (g[6] = [
-                      p("svg", {
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        width: "16",
-                        height: "16"
-                      }, [
-                        p("circle", {
-                          cx: "11",
-                          cy: "11",
-                          r: "8"
-                        }),
-                        p("line", {
-                          x1: "21",
-                          y1: "21",
-                          x2: "16.65",
-                          y2: "16.65"
-                        }),
-                        p("line", {
-                          x1: "11",
-                          y1: "8",
-                          x2: "11",
-                          y2: "14"
-                        }),
-                        p("line", {
-                          x1: "8",
-                          y1: "11",
-                          x2: "14",
-                          y2: "11"
-                        })
-                      ], -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["type", "color"])) : P("", !0),
-                  ye(a(ze), {
-                    variant: "semi",
-                    dimmed: "",
-                    square: "",
-                    size: "sm",
-                    type: e.type,
-                    color: z.value,
-                    title: "替换图片",
-                    onClick: ke(Z, ["stop"])
-                  }, {
-                    default: ie(() => [...g[7] || (g[7] = [
-                      p("svg", {
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        width: "16",
-                        height: "16"
-                      }, [
-                        p("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
-                      ], -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["type", "color"]),
-                  ye(a(ze), {
-                    variant: "semi",
-                    dimmed: "",
-                    square: "",
-                    size: "sm",
-                    type: e.type,
-                    color: z.value,
-                    title: "删除图片",
-                    onClick: g[1] || (g[1] = ke((k) => B(R.value), ["stop"]))
-                  }, {
-                    default: ie(() => [...g[8] || (g[8] = [
-                      p("svg", {
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        width: "16",
-                        height: "16"
-                      }, [
-                        p("polyline", { points: "3 6 5 6 21 6" }),
-                        p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                      ], -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["type", "color"])
+                  F(y.$slots, "card-actions", {
+                    file: R.value,
+                    handleRemove: B,
+                    handlePreview: j,
+                    handleReplace: Z
+                  }, () => [
+                    e.preview ? (n(), Q(a(ze), {
+                      key: 0,
+                      variant: "semi",
+                      dimmed: "",
+                      square: "",
+                      size: "sm",
+                      type: e.type,
+                      color: z.value,
+                      title: "预览图片",
+                      onClick: g[0] || (g[0] = ke((k) => j(R.value), ["stop"]))
+                    }, {
+                      default: ie(() => [...g[6] || (g[6] = [
+                        p("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          width: "16",
+                          height: "16"
+                        }, [
+                          p("circle", {
+                            cx: "11",
+                            cy: "11",
+                            r: "8"
+                          }),
+                          p("line", {
+                            x1: "21",
+                            y1: "21",
+                            x2: "16.65",
+                            y2: "16.65"
+                          }),
+                          p("line", {
+                            x1: "11",
+                            y1: "8",
+                            x2: "11",
+                            y2: "14"
+                          }),
+                          p("line", {
+                            x1: "8",
+                            y1: "11",
+                            x2: "14",
+                            y2: "11"
+                          })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["type", "color"])) : V("", !0),
+                    me(a(ze), {
+                      variant: "semi",
+                      dimmed: "",
+                      square: "",
+                      size: "sm",
+                      type: e.type,
+                      color: z.value,
+                      title: "替换图片",
+                      onClick: ke(Z, ["stop"])
+                    }, {
+                      default: ie(() => [...g[7] || (g[7] = [
+                        p("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          width: "16",
+                          height: "16"
+                        }, [
+                          p("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["type", "color"]),
+                    me(a(ze), {
+                      variant: "semi",
+                      dimmed: "",
+                      square: "",
+                      size: "sm",
+                      type: e.type,
+                      color: z.value,
+                      title: "删除图片",
+                      onClick: g[1] || (g[1] = ke((k) => B(R.value), ["stop"]))
+                    }, {
+                      default: ie(() => [...g[8] || (g[8] = [
+                        p("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          width: "16",
+                          height: "16"
+                        }, [
+                          p("polyline", { points: "3 6 5 6 21 6" }),
+                          p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["type", "color"])
+                  ])
                 ], 2)
               ], 2)) : (n(), f("div", {
                 key: 1,
                 class: r(a(l).e("card-trigger"))
               }, [
-                H(y.$slots, "placeholder", { mode: "picture-card" }, () => [
-                  y.placeholderIcon ? (n(), Q(Ce(y.placeholderIcon), {
+                F(y.$slots, "placeholder", { mode: "picture-card" }, () => [
+                  y.placeholderIcon ? (n(), Q($e(y.placeholderIcon), {
                     key: 0,
                     style: { width: "28px", height: "28px" }
-                  })) : (n(), f("svg", Vs, [...g[9] || (g[9] = [
+                  })) : (n(), f("svg", Es, [...g[9] || (g[9] = [
                     p("line", {
                       x1: "12",
                       y1: "5",
@@ -11810,7 +11833,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   y.placeholder ? (n(), f("span", {
                     key: 2,
                     class: r(a(l).e("card-trigger-text"))
-                  }, J(y.placeholder), 3)) : P("", !0)
+                  }, J(y.placeholder), 3)) : V("", !0)
                 ])
               ], 2))
             ], 64)) : (n(), Q(a(ze), {
@@ -11825,11 +11848,11 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               dimmed: e.dimmed
             }, {
               default: ie(() => [
-                H(y.$slots, "placeholder", { mode: "button" }, () => [
-                  y.placeholderIcon ? (n(), Q(Ce(y.placeholderIcon), {
+                F(y.$slots, "placeholder", { mode: "button" }, () => [
+                  y.placeholderIcon ? (n(), Q($e(y.placeholderIcon), {
                     key: 0,
                     style: { width: "14px", height: "14px", "margin-right": "4px" }
-                  })) : (n(), f("svg", Ps, [...g[10] || (g[10] = [
+                  })) : (n(), f("svg", Vs, [...g[10] || (g[10] = [
                     p("polyline", { points: "16 16 12 12 8 16" }, null, -1),
                     p("line", {
                       x1: "12",
@@ -11850,7 +11873,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           key: 0,
           class: r(a(l).e("list"))
         }, [
-          y.listType === "text" ? (n(!0), f(de, { key: 0 }, Se(y.modelValue, (k) => (n(), f("div", {
+          y.listType === "text" ? (n(!0), f(de, { key: 0 }, Ce(y.modelValue, (k) => (n(), f("div", {
             key: k.uid,
             class: r([a(l).e("item"), a(l).is(k.status, !0)])
           }, [
@@ -11902,7 +11925,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   x2: "18",
                   y2: "18"
                 }, null, -1)
-              ])], 2)) : P("", !0),
+              ])], 2)) : V("", !0),
               p("span", {
                 class: r(a(l).e("remove")),
                 onClick: ke((M) => B(k), ["stop"])
@@ -11937,8 +11960,8 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               color: z.value,
               "show-inner-stripe": e.showInnerStripe === !0,
               class: r(a(l).e("progress"))
-            }, null, 8, ["percentage", "color", "show-inner-stripe", "class"])) : P("", !0)
-          ], 2))), 128)) : y.listType === "picture" ? (n(!0), f(de, { key: 1 }, Se(y.modelValue, (k) => (n(), f("div", {
+            }, null, 8, ["percentage", "color", "show-inner-stripe", "class"])) : V("", !0)
+          ], 2))), 128)) : y.listType === "picture" ? (n(!0), f(de, { key: 1 }, Ce(y.modelValue, (k) => (n(), f("div", {
             key: k.uid,
             class: r([a(l).e("item"), a(l).e("item--picture"), a(l).is(k.status, !0)])
           }, [
@@ -11987,7 +12010,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               color: z.value,
               "show-inner-stripe": e.showInnerStripe === !0,
               class: r(a(l).e("progress"))
-            }, null, 8, ["percentage", "color", "show-inner-stripe", "class"])) : P("", !0),
+            }, null, 8, ["percentage", "color", "show-inner-stripe", "class"])) : V("", !0),
             p("div", {
               class: r(a(l).e("actions"))
             }, [
@@ -12020,7 +12043,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   x2: "18",
                   y2: "18"
                 }, null, -1)
-              ])], 2)) : P("", !0),
+              ])], 2)) : V("", !0),
               p("span", {
                 class: r(a(l).e("remove")),
                 onClick: ke((M) => B(k), ["stop"])
@@ -12046,7 +12069,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 ], -1)
               ])], 10, Ns)
             ], 2)
-          ], 2))), 128)) : y.listType === "picture-card" ? (n(!0), f(de, { key: 2 }, Se(y.modelValue, (k) => (n(), f("div", {
+          ], 2))), 128)) : y.listType === "picture-card" ? (n(!0), f(de, { key: 2 }, Ce(y.modelValue, (k) => (n(), f("div", {
             key: k.uid,
             class: r([a(l).e("card"), a(l).is(k.status, !0)])
           }, [
@@ -12077,7 +12100,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               key: 2,
               class: r(a(l).e("card-progress"))
             }, [
-              ye(a(Je), {
+              me(a(Je), {
                 type: "circle",
                 percentage: k.percentage,
                 width: 60,
@@ -12086,85 +12109,92 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 color: z.value,
                 "show-inner-stripe": e.showInnerStripe === !0
               }, null, 8, ["percentage", "color", "show-inner-stripe"])
-            ], 2)) : P("", !0),
+            ], 2)) : V("", !0),
             p("div", {
               class: r(a(l).e("card-actions"))
             }, [
-              e.preview && T(k) ? (n(), Q(a(ze), {
-                key: 0,
-                variant: "semi",
-                dimmed: "",
-                square: "",
-                size: "sm",
-                type: e.type,
-                color: z.value,
-                title: "预览图片",
-                onClick: ke((M) => j(k), ["stop"])
-              }, {
-                default: ie(() => [...g[20] || (g[20] = [
-                  p("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    width: "16",
-                    height: "16"
-                  }, [
-                    p("circle", {
-                      cx: "11",
-                      cy: "11",
-                      r: "8"
-                    }),
-                    p("line", {
-                      x1: "21",
-                      y1: "21",
-                      x2: "16.65",
-                      y2: "16.65"
-                    }),
-                    p("line", {
-                      x1: "11",
-                      y1: "8",
-                      x2: "11",
-                      y2: "14"
-                    }),
-                    p("line", {
-                      x1: "8",
-                      y1: "11",
-                      x2: "14",
-                      y2: "11"
-                    })
-                  ], -1)
-                ])]),
-                _: 1
-              }, 8, ["type", "color", "onClick"])) : P("", !0),
-              ye(a(ze), {
-                variant: "semi",
-                dimmed: "",
-                square: "",
-                size: "sm",
-                type: e.type,
-                color: z.value,
-                title: "删除图片",
-                onClick: ke((M) => B(k), ["stop"])
-              }, {
-                default: ie(() => [...g[21] || (g[21] = [
-                  p("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    width: "16",
-                    height: "16"
-                  }, [
-                    p("polyline", { points: "3 6 5 6 21 6" }),
-                    p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                  ], -1)
-                ])]),
-                _: 1
-              }, 8, ["type", "color", "onClick"])
+              F(y.$slots, "card-actions", {
+                file: k,
+                handleRemove: B,
+                handlePreview: j,
+                handleReplace: Z
+              }, () => [
+                e.preview && T(k) ? (n(), Q(a(ze), {
+                  key: 0,
+                  variant: "semi",
+                  dimmed: "",
+                  square: "",
+                  size: "sm",
+                  type: e.type,
+                  color: z.value,
+                  title: "预览图片",
+                  onClick: ke((M) => j(k), ["stop"])
+                }, {
+                  default: ie(() => [...g[20] || (g[20] = [
+                    p("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      width: "16",
+                      height: "16"
+                    }, [
+                      p("circle", {
+                        cx: "11",
+                        cy: "11",
+                        r: "8"
+                      }),
+                      p("line", {
+                        x1: "21",
+                        y1: "21",
+                        x2: "16.65",
+                        y2: "16.65"
+                      }),
+                      p("line", {
+                        x1: "11",
+                        y1: "8",
+                        x2: "11",
+                        y2: "14"
+                      }),
+                      p("line", {
+                        x1: "8",
+                        y1: "11",
+                        x2: "14",
+                        y2: "11"
+                      })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["type", "color", "onClick"])) : V("", !0),
+                me(a(ze), {
+                  variant: "semi",
+                  dimmed: "",
+                  square: "",
+                  size: "sm",
+                  type: e.type,
+                  color: z.value,
+                  title: "删除图片",
+                  onClick: ke((M) => B(k), ["stop"])
+                }, {
+                  default: ie(() => [...g[21] || (g[21] = [
+                    p("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      width: "16",
+                      height: "16"
+                    }, [
+                      p("polyline", { points: "3 6 5 6 21 6" }),
+                      p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["type", "color", "onClick"])
+              ])
             ], 2)
-          ], 2))), 128)) : P("", !0)
-        ], 2)) : P("", !0)
+          ], 2))), 128)) : V("", !0)
+        ], 2)) : V("", !0)
       ], 16),
       e.preview ? (n(), Q(a(gl), {
         key: 0,
@@ -12175,10 +12205,10 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         type: e.type,
         color: z.value,
         download: e.download
-      }, null, 8, ["modelValue", "url-list", "initial-index", "type", "color", "download"])) : P("", !0)
+      }, null, 8, ["modelValue", "url-list", "initial-index", "type", "color", "download"])) : V("", !0)
     ], 64));
   }
-}), Er = se(As), Is = {
+}), Pr = se(As), Is = {
   /**
    * 标题文本（粗体大字）
    * @default '暂无数据'
@@ -12247,7 +12277,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     }), d = i(() => o.description || t.description), c = i(() => t.default);
     return (v, b) => (n(), f("div", {
       class: r(s.value),
-      style: X(l.value)
+      style: G(l.value)
     }, [
       p("div", {
         class: r(a(e).e("content"))
@@ -12255,7 +12285,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         p("div", {
           class: r(a(e).e("image"))
         }, [
-          H(v.$slots, "icon", {}, () => [
+          F(v.$slots, "icon", {}, () => [
             v.icon ? (n(), Q(a(Re), {
               key: 0,
               icon: v.icon,
@@ -12269,7 +12299,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         p("div", {
           class: r(a(e).e("title"))
         }, [
-          H(v.$slots, "title", {}, () => [
+          F(v.$slots, "title", {}, () => [
             pe(J(v.title), 1)
           ])
         ], 2),
@@ -12277,20 +12307,20 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           key: 0,
           class: r(a(e).e("description"))
         }, [
-          H(v.$slots, "description", {}, () => [
+          F(v.$slots, "description", {}, () => [
             pe(J(v.description), 1)
           ])
-        ], 2)) : P("", !0),
+        ], 2)) : V("", !0),
         c.value ? (n(), f("div", {
           key: 1,
           class: r(a(e).e("bottom"))
         }, [
-          H(v.$slots, "default")
-        ], 2)) : P("", !0)
+          F(v.$slots, "default")
+        ], 2)) : V("", !0)
       ], 2)
     ], 6));
   }
-}), Vr = se(Os);
+}), Er = se(Os);
 export {
   Mt as AVATAR_GROUP_INJECTION_KEY,
   Dt as BREADCRUMB_INJECTION_KEY,
@@ -12310,7 +12340,7 @@ export {
   cr as CpDialog,
   ur as CpDivider,
   or as CpDropdown,
-  Vr as CpEmpty,
+  Er as CpEmpty,
   yr as CpFooter,
   xr as CpForm,
   zr as CpFormItem,
@@ -12347,7 +12377,7 @@ export {
   nl as CpText,
   Hs as CpTextarea,
   ir as CpTree,
-  Er as CpUpload,
+  Pr as CpUpload,
   ma as asideProps,
   bl as avatarEmits,
   kl as avatarGroupProps,
@@ -12360,7 +12390,7 @@ export {
   Ut as buttonProps,
   Zo as cardProps,
   Dl as checkboxEmits,
-  Vt as checkboxGroupContextKey,
+  Et as checkboxGroupContextKey,
   jl as checkboxGroupEmits,
   Kl as checkboxGroupProps,
   Ol as checkboxProps,
@@ -12371,10 +12401,10 @@ export {
   sa as dialogProps,
   aa as dividerProps,
   Ll as dropdownEmits,
-  Pl as dropdownProps,
+  Vl as dropdownProps,
   Is as emptyProps,
   va as footerProps,
-  Ve as formContextKey,
+  Ee as formContextKey,
   ks as formItemProps,
   hs as formProps,
   fa as headerProps,
@@ -12402,12 +12432,12 @@ export {
   Da as notificationTypes,
   os as paginationEmits,
   ts as paginationProps,
-  El as patternBackgroundProps,
+  Pl as patternBackgroundProps,
   Ml as popoverEmits,
   Bl as popoverProps,
   No as progressProps,
   Wl as radioEmits,
-  Pt as radioGroupContextKey,
+  Vt as radioGroupContextKey,
   Yl as radioGroupEmits,
   Ul as radioGroupProps,
   Hl as radioProps,
@@ -12415,12 +12445,12 @@ export {
   ia as rowProps,
   rs as segmentedEmits,
   ss as segmentedProps,
-  Po as sliderEmits,
-  Vo as sliderProps,
+  Vo as sliderEmits,
+  Eo as sliderProps,
   Js as spacerProps,
   il as statusIndicatorProps,
   tt as subMenuContextKey,
-  Pa as subMenuProps,
+  Va as subMenuProps,
   Fo as switchEmits,
   jo as switchProps,
   ms as tableColumnProps,