@cyberpunk-vue/components 1.0.2 → 1.0.4

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as Q, computed as n, openBlock as u, createElementBlock as f, normalizeStyle as j, normalizeClass as c, unref as a, createElementVNode as k, createBlock as ee, resolveDynamicComponent as $e, withCtx as fe, renderSlot as F, useSlots as Se, Fragment as de, createVNode as be, Transition as Ie, createCommentVNode as O, provide as ze, toRef as ve, watchEffect as ht, ref as W, onMounted as Ve, toDisplayString as Z, nextTick as Be, watch as ge, onBeforeUnmount as Ae, renderList as ke, createTextVNode as pe, withModifiers as Pe, withKeys as Ge, withDirectives as Te, vShow as Re, inject as xe, Teleport as Ue, vModelText as tt, resolveComponent as st, useAttrs as bt, mergeProps as Le, getCurrentInstance as kt, createStaticVNode as St } from "vue";
-import { useNamespace as le, isPresetSize as U, normalizeSize as we, normalizeDuration as Ne, useImageSrc as rt } from "@cyberpunk-vue/hooks";
+import { defineComponent as Q, computed as n, openBlock as u, createElementBlock as f, normalizeStyle as j, normalizeClass as c, unref as a, createElementVNode as k, createBlock as ee, resolveDynamicComponent as $e, withCtx as fe, renderSlot as F, useSlots as Se, Fragment as de, createVNode as be, Transition as Te, createCommentVNode as O, provide as ze, toRef as ve, watchEffect as ht, ref as H, onMounted as Ve, toDisplayString as J, nextTick as Be, watch as ge, onBeforeUnmount as Ae, renderList as ke, createTextVNode as pe, withModifiers as Pe, withKeys as Ge, withDirectives as Ie, vShow as Re, inject as xe, Teleport as Ue, vModelText as tt, resolveComponent as st, useAttrs as bt, mergeProps as Le, getCurrentInstance as kt, createStaticVNode as St } from "vue";
+import { useNamespace as le, isPresetSize as Z, normalizeSize as we, normalizeDuration as Ne, useImageSrc as rt } from "@cyberpunk-vue/hooks";
 import { COMPONENT_PREFIX as oe, DEFAULTS_KEY as Ct, THEME_KEY as wt, DIALOG_CONTEXT_KEY as $t, TABLE_CONTEXT_KEY as it } from "@cyberpunk-vue/constants";
 function te(s) {
   return s.install = (t) => {
@@ -295,12 +295,12 @@ const xt = {
     }), l = n(() => (r.value - t.strokeWidth) / 2), d = n(() => [
       o.b(),
       o.m(t.type),
-      U(t.size) && o.m(t.size),
+      Z(t.size) && o.m(t.size),
       o.is("custom-color", !!t.color),
-      o.is("custom-size", !U(t.size))
+      o.is("custom-size", !Z(t.size))
     ]), i = n(() => {
       const p = {};
-      return t.color && (p["--cp-loading-color"] = t.color), U(t.size) || (p["--cp-loading-size"] = we(t.size, e)), p;
+      return t.color && (p["--cp-loading-color"] = t.color), Z(t.size) || (p["--cp-loading-size"] = we(t.size, e)), p;
     });
     return (p, m) => (u(), f("div", {
       class: c(d.value),
@@ -408,7 +408,7 @@ const xt = {
     type: Boolean,
     default: !1
   }
-}, Tt = ["innerHTML"], ut = /* @__PURE__ */ Q({
+}, It = ["innerHTML"], ut = /* @__PURE__ */ Q({
   name: `${oe}Icon`,
   __name: "icon",
   props: At,
@@ -439,7 +439,7 @@ const xt = {
           key: 2,
           class: c(a(o).e("svg")),
           innerHTML: p.icon
-        }, null, 10, Tt)) : (u(), f("i", {
+        }, null, 10, It)) : (u(), f("i", {
           key: 3,
           class: c(p.icon)
         }, null, 2))
@@ -447,7 +447,7 @@ const xt = {
       _: 3
     }, 8, ["class", "style"]));
   }
-}), Ee = te(ut), It = ["type", "disabled"], Oe = /* @__PURE__ */ Q({
+}), Ee = te(ut), Tt = ["type", "disabled"], Oe = /* @__PURE__ */ Q({
   name: `${oe}Button`,
   __name: "button",
   props: xt,
@@ -457,7 +457,7 @@ const xt = {
       l.b(),
       l.m(o.type),
       // 只有预设值才添加 size 类名
-      U(o.size) && l.m(o.size),
+      Z(o.size) && l.m(o.size),
       l.m(o.variant),
       l.m(`shape-${o.shape}`),
       l.is("disabled", o.disabled || o.loading && o.loadingDisabled),
@@ -466,91 +466,91 @@ const xt = {
       l.is("dashed", o.dashed),
       l.is("custom-color", !!o.color),
       l.is("loading-placeholder", o.loadingPlaceholder),
-      l.is("icon-only", w.value || o.square),
-      l.is("custom-size", !U(o.size))
+      l.is("icon-only", B.value || o.square),
+      l.is("custom-size", !Z(o.size))
     ]), p = n(() => {
-      const I = {};
-      return o.color && (I["--cp-button-custom-color"] = o.color, I["--cp-button-custom-color-light"] = `${o.color}33`), o.textColor && (I.color = o.textColor), U(o.size) || (I["--cp-button-height"] = we(o.size, d)), I;
-    }), m = (I) => {
-      o.disabled || o.loading || e("click", I);
-    }, v = n(() => !!r.prefix || !!o.prefixIcon), S = n(() => !!r.suffix || !!o.suffixIcon), w = n(() => !!o.icon && !r.default), x = n(() => o.iconColor || o.textColor || ""), T = n(() => o.prefixIconColor || o.iconColor || o.textColor || ""), B = n(() => o.suffixIconColor || o.iconColor || o.textColor || ""), g = n(() => x.value ? { color: x.value } : {}), _ = n(() => T.value ? { color: T.value } : {}), N = n(() => B.value ? { color: B.value } : {}), E = n(() => (U(o.size), o.size)), M = n(() => o.iconSize || E.value), b = n(() => o.prefixIconSize || o.iconSize || E.value), y = n(() => o.suffixIconSize || o.iconSize || E.value), H = { sm: 18, md: 20, lg: 24 }, J = n(() => U(o.size) && H[o.size] || 16);
-    return (I, ae) => (u(), f("button", {
+      const T = {};
+      return o.color && (T["--cp-button-custom-color"] = o.color, T["--cp-button-custom-color-light"] = `${o.color}33`), o.textColor && (T.color = o.textColor), Z(o.size) || (T["--cp-button-height"] = we(o.size, d)), T;
+    }), m = (T) => {
+      o.disabled || o.loading || e("click", T);
+    }, v = n(() => !!r.prefix || !!o.prefixIcon), S = n(() => !!r.suffix || !!o.suffixIcon), B = n(() => !!o.icon && !r.default), w = n(() => o.iconColor || o.textColor || ""), P = n(() => o.prefixIconColor || o.iconColor || o.textColor || ""), _ = n(() => o.suffixIconColor || o.iconColor || o.textColor || ""), g = n(() => w.value ? { color: w.value } : {}), E = n(() => P.value ? { color: P.value } : {}), z = n(() => _.value ? { color: _.value } : {}), M = n(() => (Z(o.size), o.size)), N = n(() => o.iconSize || M.value), b = n(() => o.prefixIconSize || o.iconSize || M.value), y = n(() => o.suffixIconSize || o.iconSize || M.value), W = { sm: 18, md: 20, lg: 24 }, G = n(() => Z(o.size) && W[o.size] || 16);
+    return (T, ae) => (u(), f("button", {
       class: c(i.value),
       style: j(p.value),
-      type: I.nativeType,
-      disabled: I.disabled || I.loading,
+      type: T.nativeType,
+      disabled: T.disabled || T.loading,
       onClick: m
     }, [
-      w.value ? (u(), f(de, { key: 0 }, [
-        I.loading ? (u(), ee(a(et), {
+      B.value ? (u(), f(de, { key: 0 }, [
+        T.loading ? (u(), ee(a(et), {
           key: 0,
-          size: J.value,
+          size: G.value,
           "stroke-width": 3
         }, null, 8, ["size"])) : (u(), ee(a(Ee), {
           key: 1,
-          icon: I.icon,
-          size: M.value,
+          icon: T.icon,
+          size: N.value,
           style: j(g.value)
         }, null, 8, ["icon", "size", "style"]))
       ], 64)) : (u(), f(de, { key: 1 }, [
-        I.loadingPlaceholder ? (u(), f("span", {
+        T.loadingPlaceholder ? (u(), f("span", {
           key: 0,
           class: c(a(l).e("loader"))
         }, [
           be(a(et), {
-            size: J.value,
+            size: G.value,
             "stroke-width": 3
           }, null, 8, ["size"])
-        ], 2)) : (u(), ee(Ie, {
+        ], 2)) : (u(), ee(Te, {
           key: 1,
           name: "cp-loader"
         }, {
           default: fe(() => [
-            I.loading ? (u(), f("span", {
+            T.loading ? (u(), f("span", {
               key: 0,
               class: c(a(l).e("loader"))
             }, [
               be(a(et), {
-                size: J.value,
+                size: G.value,
                 "stroke-width": 3
               }, null, 8, ["size"])
             ], 2)) : O("", !0)
           ]),
           _: 1
         })),
-        v.value && !I.loading ? (u(), f("span", {
+        v.value && !T.loading ? (u(), f("span", {
           key: 2,
           class: c(a(l).e("prefix"))
         }, [
-          F(I.$slots, "prefix", {}, () => [
-            I.prefixIcon ? (u(), ee(a(Ee), {
+          F(T.$slots, "prefix", {}, () => [
+            T.prefixIcon ? (u(), ee(a(Ee), {
               key: 0,
-              icon: I.prefixIcon,
+              icon: T.prefixIcon,
               size: b.value,
-              style: j(_.value)
+              style: j(E.value)
             }, null, 8, ["icon", "size", "style"])) : O("", !0)
           ])
         ], 2)) : O("", !0),
         k("span", {
           class: c(a(l).e("content"))
         }, [
-          F(I.$slots, "default")
+          F(T.$slots, "default")
         ], 2),
         S.value ? (u(), f("span", {
           key: 3,
           class: c(a(l).e("suffix"))
         }, [
-          F(I.$slots, "suffix", {}, () => [
-            I.suffixIcon ? (u(), ee(a(Ee), {
+          F(T.$slots, "suffix", {}, () => [
+            T.suffixIcon ? (u(), ee(a(Ee), {
               key: 0,
-              icon: I.suffixIcon,
+              icon: T.suffixIcon,
               size: y.value,
-              style: j(N.value)
+              style: j(z.value)
             }, null, 8, ["icon", "size", "style"])) : O("", !0)
           ])
         ], 2)) : O("", !0)
       ], 64))
-    ], 14, It));
+    ], 14, Tt));
   }
 }), at = te(Oe), Et = {
   /**
@@ -810,11 +810,11 @@ const xt = {
    * @example `<CpInput clearable @clear="onClear" />`
    */
   clear: () => !0
-}, Rt = ["type", "value", "placeholder", "disabled", "readonly", "maxlength"], Kt = {
+}, Rt = ["type", "value", "placeholder", "disabled", "readonly", "maxlength"], _t = {
   key: 0,
   viewBox: "0 0 24 24",
   fill: "currentColor"
-}, _t = {
+}, Kt = {
   key: 1,
   viewBox: "0 0 24 24",
   fill: "currentColor"
@@ -824,9 +824,9 @@ const xt = {
   props: Dt,
   emits: Ot,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = Se(), d = le("input"), i = { sm: 28, md: 36, lg: 44 }, p = W(), m = W(!1), v = W(!1), S = W(!1), w = n(() => e.type === "password" && e.showPassword ? S.value ? "text" : "password" : e.type), x = n(() => [
+    const e = s, r = o, l = Se(), d = le("input"), i = { sm: 28, md: 36, lg: 44 }, p = H(), m = H(!1), v = H(!1), S = H(!1), B = n(() => e.type === "password" && e.showPassword ? S.value ? "text" : "password" : e.type), w = n(() => [
       d.b(),
-      U(e.size) && d.m(e.size),
+      Z(e.size) && d.m(e.size),
       d.m(e.variant),
       d.m(`shape-${e.shape}`),
       d.is("disabled", e.disabled),
@@ -835,72 +835,72 @@ const xt = {
       d.is("clearable", e.clearable && !!e.modelValue),
       d.is("custom-color", !!e.color),
       d.is("clearing", v.value),
-      d.is("custom-size", !U(e.size))
-    ]), T = n(() => {
-      const P = {};
-      return e.color && (P["--cp-input-custom-color"] = e.color, P["--cp-input-custom-color-light"] = `${e.color}33`), e.inactiveBorderColor && (P["--cp-input-inactive-border-color"] = e.inactiveBorderColor), e.placeholderColor && (P["--cp-input-placeholder-color"] = e.placeholderColor), e.textColor && (P["--cp-input-text-color"] = e.textColor), U(e.size) || (P["--cp-input-height"] = we(e.size, i)), e.clearDuration !== 150 && (P["--cp-input-clear-duration"] = `${e.clearDuration}ms`), P;
-    }), B = n(() => e.clearable && !e.disabled && !e.readonly && !!e.modelValue), g = n(() => e.type === "password" && e.showPassword && !e.disabled), _ = n(() => String(e.modelValue || "").length), N = n(() => e.showWordLimit && e.maxlength !== void 0), E = n(() => !!l.prefix), M = (P) => {
-      const Y = P.target, h = e.type === "number" ? Number(Y.value) : Y.value;
-      r("update:modelValue", h), r("input", h, P);
-    }, b = (P) => {
-      const Y = P.target, h = e.type === "number" ? Number(Y.value) : Y.value;
+      d.is("custom-size", !Z(e.size))
+    ]), P = n(() => {
+      const V = {};
+      return e.color && (V["--cp-input-custom-color"] = e.color, V["--cp-input-custom-color-light"] = `${e.color}33`), e.inactiveBorderColor && (V["--cp-input-inactive-border-color"] = e.inactiveBorderColor), e.placeholderColor && (V["--cp-input-placeholder-color"] = e.placeholderColor), e.textColor && (V["--cp-input-text-color"] = e.textColor), Z(e.size) || (V["--cp-input-height"] = we(e.size, i)), e.clearDuration !== 150 && (V["--cp-input-clear-duration"] = `${e.clearDuration}ms`), V;
+    }), _ = n(() => e.clearable && !e.disabled && !e.readonly && !!e.modelValue), g = n(() => e.type === "password" && e.showPassword && !e.disabled), E = n(() => String(e.modelValue || "").length), z = n(() => e.showWordLimit && e.maxlength !== void 0), M = n(() => !!l.prefix), N = (V) => {
+      const Y = V.target, h = e.type === "number" ? Number(Y.value) : Y.value;
+      r("update:modelValue", h), r("input", h, V);
+    }, b = (V) => {
+      const Y = V.target, h = e.type === "number" ? Number(Y.value) : Y.value;
       r("change", h);
-    }, y = (P) => {
-      m.value = !0, r("focus", P);
-    }, H = (P) => {
-      m.value = !1, r("blur", P);
-    }, J = () => {
+    }, y = (V) => {
+      m.value = !0, r("focus", V);
+    }, W = (V) => {
+      m.value = !1, r("blur", V);
+    }, G = () => {
       v.value = !0, setTimeout(() => {
         r("update:modelValue", ""), r("clear"), v.value = !1, Be(() => {
-          var P;
-          (P = p.value) == null || P.focus();
+          var V;
+          (V = p.value) == null || V.focus();
         });
       }, e.clearDuration);
-    }, I = () => {
+    }, T = () => {
       S.value = !S.value;
     };
     return t({
       focus: () => {
-        var P;
-        return (P = p.value) == null ? void 0 : P.focus();
+        var V;
+        return (V = p.value) == null ? void 0 : V.focus();
       },
       blur: () => {
-        var P;
-        return (P = p.value) == null ? void 0 : P.blur();
+        var V;
+        return (V = p.value) == null ? void 0 : V.blur();
       },
       inputRef: p
     }), Ve(() => {
-      var P;
-      e.autofocus && ((P = p.value) == null || P.focus());
-    }), (P, Y) => (u(), f("div", {
-      class: c(x.value),
-      style: j(T.value)
+      var V;
+      e.autofocus && ((V = p.value) == null || V.focus());
+    }), (V, Y) => (u(), f("div", {
+      class: c(w.value),
+      style: j(P.value)
     }, [
-      E.value ? (u(), f("span", {
+      M.value ? (u(), f("span", {
         key: 0,
         class: c(a(d).e("prefix"))
       }, [
-        F(P.$slots, "prefix")
+        F(V.$slots, "prefix")
       ], 2)) : O("", !0),
       k("input", {
         ref_key: "inputRef",
         ref: p,
         class: c(a(d).e("inner")),
-        type: w.value,
-        value: P.modelValue,
-        placeholder: P.placeholder,
-        disabled: P.disabled,
-        readonly: P.readonly,
-        maxlength: P.maxlength,
-        onInput: M,
+        type: B.value,
+        value: V.modelValue,
+        placeholder: V.placeholder,
+        disabled: V.disabled,
+        readonly: V.readonly,
+        maxlength: V.maxlength,
+        onInput: N,
         onChange: b,
         onFocus: y,
-        onBlur: H
+        onBlur: W
       }, null, 42, Rt),
-      B.value ? (u(), f("span", {
+      _.value ? (u(), f("span", {
         key: 1,
         class: c(a(d).e("clear")),
-        onClick: J
+        onClick: G
       }, [...Y[0] || (Y[0] = [
         k("svg", {
           viewBox: "0 0 24 24",
@@ -912,11 +912,11 @@ const xt = {
       g.value ? (u(), f("span", {
         key: 2,
         class: c(a(d).e("password")),
-        onClick: I
+        onClick: T
       }, [
-        S.value ? (u(), f("svg", Kt, [...Y[1] || (Y[1] = [
+        S.value ? (u(), f("svg", _t, [...Y[1] || (Y[1] = [
           k("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z" }, null, -1)
-        ])])) : (u(), f("svg", _t, [...Y[2] || (Y[2] = [
+        ])])) : (u(), f("svg", Kt, [...Y[2] || (Y[2] = [
           k("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)) : O("", !0),
@@ -924,15 +924,15 @@ const xt = {
         key: 3,
         class: c(a(d).e("suffix"))
       }, [
-        F(P.$slots, "suffix")
+        F(V.$slots, "suffix")
       ], 2)) : O("", !0),
-      N.value ? (u(), f("span", {
+      z.value ? (u(), f("span", {
         key: 4,
         class: c(a(d).e("count"))
-      }, Z(_.value) + " / " + Z(P.maxlength), 3)) : O("", !0)
+      }, J(E.value) + " / " + J(V.maxlength), 3)) : O("", !0)
     ], 6));
   }
-}), Ta = te(jt), Ft = {
+}), Ia = te(jt), Ft = {
   /** 绑定值 (v-model) */
   modelValue: {
     type: String,
@@ -1005,43 +1005,43 @@ const xt = {
   props: Ft,
   emits: Wt,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = le("textarea"), d = { sm: 28, md: 36, lg: 44 }, i = W(), p = W(!1), m = n(() => [
+    const e = s, r = o, l = le("textarea"), d = { sm: 28, md: 36, lg: 44 }, i = H(), p = H(!1), m = n(() => [
       l.b(),
-      U(e.size) && l.m(e.size),
+      Z(e.size) && l.m(e.size),
       l.m(e.variant),
       l.is("disabled", e.disabled),
       l.is("readonly", e.readonly),
       l.is("focused", p.value),
       l.is("custom-color", !!e.color),
-      l.is("custom-size", !U(e.size))
+      l.is("custom-size", !Z(e.size))
     ]), v = n(() => {
       const b = {};
-      return e.color && (b["--cp-textarea-custom-color"] = e.color, b["--cp-textarea-custom-color-light"] = `${e.color}33`), e.textColor && (b["--cp-textarea-text-color"] = e.textColor), U(e.size) || (b["--cp-textarea-font-size"] = we(e.size, d)), b;
+      return e.color && (b["--cp-textarea-custom-color"] = e.color, b["--cp-textarea-custom-color-light"] = `${e.color}33`), e.textColor && (b["--cp-textarea-text-color"] = e.textColor), Z(e.size) || (b["--cp-textarea-font-size"] = we(e.size, d)), b;
     }), S = n(() => {
       var b;
       return ((b = e.modelValue) == null ? void 0 : b.length) || 0;
-    }), w = n(() => e.showWordLimit && e.maxlength !== void 0), x = n(() => {
+    }), B = n(() => e.showWordLimit && e.maxlength !== void 0), w = n(() => {
       const b = {};
       return typeof e.autosize == "object" && (e.autosize.minRows && (b.minHeight = `${e.autosize.minRows * 1.5}em`), e.autosize.maxRows && (b.maxHeight = `${e.autosize.maxRows * 1.5}em`)), b;
-    }), T = () => {
+    }), P = () => {
       if (!e.autosize || !i.value) return;
       const b = i.value;
       b.style.height = "auto", b.style.height = `${b.scrollHeight}px`;
     };
     ge(() => e.modelValue, () => {
-      Be(T);
+      Be(P);
     }), Ve(() => {
-      e.autosize && T();
+      e.autosize && P();
     });
-    const B = (b) => {
+    const _ = (b) => {
       const y = b.target;
-      r("update:modelValue", y.value), r("input", y.value, b), e.autosize && T();
+      r("update:modelValue", y.value), r("input", y.value, b), e.autosize && P();
     }, g = (b) => {
       const y = b.target;
       r("change", y.value);
-    }, _ = (b) => {
+    }, E = (b) => {
       p.value = !0, r("focus", b);
-    }, N = (b) => {
+    }, z = (b) => {
       p.value = !1, r("blur", b);
     };
     return t({
@@ -1068,19 +1068,19 @@ const xt = {
         readonly: b.readonly,
         rows: b.rows,
         maxlength: b.maxlength,
-        style: j(x.value),
-        onInput: B,
+        style: j(w.value),
+        onInput: _,
         onChange: g,
-        onFocus: _,
-        onBlur: N
+        onFocus: E,
+        onBlur: z
       }, null, 46, Ht),
-      w.value ? (u(), f("span", {
+      B.value ? (u(), f("span", {
         key: 0,
         class: c(a(l).e("count"))
-      }, Z(S.value) + " / " + Z(b.maxlength), 3)) : O("", !0)
+      }, J(S.value) + " / " + J(b.maxlength), 3)) : O("", !0)
     ], 6));
   }
-}), Ia = te(Yt), Xt = {
+}), Ta = te(Yt), Xt = {
   /** 绑定值 (v-model) */
   modelValue: {
     type: Number,
@@ -1152,63 +1152,63 @@ const xt = {
   props: Xt,
   emits: qt,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = le("input-number"), d = { sm: 28, md: 36, lg: 44 }, i = W(), p = W(!1), m = W(null), v = n(() => m.value !== null ? m.value : e.modelValue === void 0 || e.modelValue === null ? "" : e.precision !== void 0 ? e.modelValue.toFixed(e.precision) : String(e.modelValue)), S = n(() => [
+    const e = s, r = o, l = le("input-number"), d = { sm: 28, md: 36, lg: 44 }, i = H(), p = H(!1), m = H(null), v = n(() => m.value !== null ? m.value : e.modelValue === void 0 || e.modelValue === null ? "" : e.precision !== void 0 ? e.modelValue.toFixed(e.precision) : String(e.modelValue)), S = n(() => [
       l.b(),
-      U(e.size) && l.m(e.size),
+      Z(e.size) && l.m(e.size),
       l.m(`controls-${e.controlsPosition}`),
       l.is("disabled", e.disabled),
       l.is("readonly", e.readonly),
       l.is("focused", p.value),
       l.is("custom-color", !!e.color),
       l.is("without-controls", !e.controls),
-      l.is("custom-size", !U(e.size))
-    ]), w = n(() => {
-      const I = {};
-      return e.color && (I["--cp-input-number-custom-color"] = e.color, I["--cp-input-number-custom-color-light"] = `${e.color}33`), U(e.size) || (I["--cp-input-number-height"] = we(e.size, d)), I;
-    }), x = n(() => e.modelValue <= e.min), T = n(() => e.modelValue >= e.max), B = (I) => e.precision === void 0 ? I : parseFloat(I.toFixed(e.precision)), g = (I) => {
+      l.is("custom-size", !Z(e.size))
+    ]), B = n(() => {
+      const T = {};
+      return e.color && (T["--cp-input-number-custom-color"] = e.color, T["--cp-input-number-custom-color-light"] = `${e.color}33`), Z(e.size) || (T["--cp-input-number-height"] = we(e.size, d)), T;
+    }), w = n(() => e.modelValue <= e.min), P = n(() => e.modelValue >= e.max), _ = (T) => e.precision === void 0 ? T : parseFloat(T.toFixed(e.precision)), g = (T) => {
       const ae = e.modelValue;
-      let ne = I;
-      ne < e.min && (ne = e.min), ne > e.max && (ne = e.max), ne = B(ne), ae !== ne && (r("update:modelValue", ne), r("change", ne, ae));
-    }, _ = () => {
-      e.disabled || e.readonly || T.value || g(e.modelValue + e.step);
-    }, N = () => {
-      e.disabled || e.readonly || x.value || g(e.modelValue - e.step);
-    }, E = (I) => {
-      const ae = I.target;
+      let ne = T;
+      ne < e.min && (ne = e.min), ne > e.max && (ne = e.max), ne = _(ne), ae !== ne && (r("update:modelValue", ne), r("change", ne, ae));
+    }, E = () => {
+      e.disabled || e.readonly || P.value || g(e.modelValue + e.step);
+    }, z = () => {
+      e.disabled || e.readonly || w.value || g(e.modelValue - e.step);
+    }, M = (T) => {
+      const ae = T.target;
       m.value = ae.value;
-    }, M = (I) => {
-      const ne = I.target.value;
+    }, N = (T) => {
+      const ne = T.target.value;
       if (m.value = null, ne === "" || ne === "-") {
         g(e.min > -1 / 0 ? e.min : 0);
         return;
       }
-      const P = parseFloat(ne);
-      isNaN(P) || g(P);
-    }, b = (I) => {
-      p.value = !0, r("focus", I);
-    }, y = (I) => {
-      p.value = !1, m.value = null, r("blur", I);
+      const V = parseFloat(ne);
+      isNaN(V) || g(V);
+    }, b = (T) => {
+      p.value = !0, r("focus", T);
+    }, y = (T) => {
+      p.value = !1, m.value = null, r("blur", T);
     };
     return t({
       focus: () => {
-        var I;
-        return (I = i.value) == null ? void 0 : I.focus();
+        var T;
+        return (T = i.value) == null ? void 0 : T.focus();
       },
       blur: () => {
-        var I;
-        return (I = i.value) == null ? void 0 : I.blur();
+        var T;
+        return (T = i.value) == null ? void 0 : T.blur();
       },
       inputRef: i
-    }), (I, ae) => (u(), f("div", {
+    }), (T, ae) => (u(), f("div", {
       class: c(S.value),
-      style: j(w.value)
+      style: j(B.value)
     }, [
-      I.controls && I.controlsPosition === "both" ? (u(), f("button", {
+      T.controls && T.controlsPosition === "both" ? (u(), f("button", {
         key: 0,
         type: "button",
-        class: c([a(l).e("decrease"), { "is-disabled": x.value || I.disabled }]),
-        disabled: x.value || I.disabled,
-        onClick: N
+        class: c([a(l).e("decrease"), { "is-disabled": w.value || T.disabled }]),
+        disabled: w.value || T.disabled,
+        onClick: z
       }, [...ae[0] || (ae[0] = [
         k("svg", {
           viewBox: "0 0 24 24",
@@ -1224,20 +1224,20 @@ const xt = {
         type: "text",
         inputmode: "decimal",
         value: v.value,
-        placeholder: I.placeholder,
-        disabled: I.disabled,
-        readonly: I.readonly,
-        onInput: E,
-        onChange: M,
+        placeholder: T.placeholder,
+        disabled: T.disabled,
+        readonly: T.readonly,
+        onInput: M,
+        onChange: N,
         onFocus: b,
         onBlur: y
       }, null, 42, Ut),
-      I.controls && I.controlsPosition === "both" ? (u(), f("button", {
+      T.controls && T.controlsPosition === "both" ? (u(), f("button", {
         key: 1,
         type: "button",
-        class: c([a(l).e("increase"), { "is-disabled": T.value || I.disabled }]),
-        disabled: T.value || I.disabled,
-        onClick: _
+        class: c([a(l).e("increase"), { "is-disabled": P.value || T.disabled }]),
+        disabled: P.value || T.disabled,
+        onClick: E
       }, [...ae[1] || (ae[1] = [
         k("svg", {
           viewBox: "0 0 24 24",
@@ -1246,15 +1246,15 @@ const xt = {
           k("path", { d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" })
         ], -1)
       ])], 10, Zt)) : O("", !0),
-      I.controls && I.controlsPosition === "right" ? (u(), f("div", {
+      T.controls && T.controlsPosition === "right" ? (u(), f("div", {
         key: 2,
         class: c(a(l).e("controls"))
       }, [
         k("button", {
           type: "button",
-          class: c([a(l).e("increase"), { "is-disabled": T.value || I.disabled }]),
-          disabled: T.value || I.disabled,
-          onClick: _
+          class: c([a(l).e("increase"), { "is-disabled": P.value || T.disabled }]),
+          disabled: P.value || T.disabled,
+          onClick: E
         }, [...ae[2] || (ae[2] = [
           k("svg", {
             viewBox: "0 0 24 24",
@@ -1265,9 +1265,9 @@ const xt = {
         ])], 10, Jt),
         k("button", {
           type: "button",
-          class: c([a(l).e("decrease"), { "is-disabled": x.value || I.disabled }]),
-          disabled: x.value || I.disabled,
-          onClick: N
+          class: c([a(l).e("decrease"), { "is-disabled": w.value || T.disabled }]),
+          disabled: w.value || T.disabled,
+          onClick: z
         }, [...ae[3] || (ae[3] = [
           k("svg", {
             viewBox: "0 0 24 24",
@@ -1431,98 +1431,98 @@ const xt = {
   props: to,
   emits: oo,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = le("slider"), d = { sm: 4, md: 6, lg: 8 }, i = W(), p = W(!1), m = W(null), v = W(!1), S = W(!1), w = W(null), x = W(null), T = n(() => [
+    const e = s, r = o, l = le("slider"), d = { sm: 4, md: 6, lg: 8 }, i = H(), p = H(!1), m = H(null), v = H(!1), S = H(!1), B = H(null), w = H(null), P = n(() => [
       l.b(),
-      U(e.size) && l.m(e.size),
+      Z(e.size) && l.m(e.size),
       l.m(`shape-${e.shape}`),
       l.is("disabled", e.disabled),
       l.is("vertical", e.vertical),
       l.is("range", e.range),
       l.is("dragging", p.value),
       l.is("custom-color", !!e.color),
-      l.is("custom-size", !U(e.size))
-    ]), B = n(() => {
-      const z = {}, L = U(e.size) ? e.size : "md", R = U(e.size) ? d[L] : parseInt(we(e.size, d)), V = U(e.size) ? L === "sm" ? 14 : L === "lg" ? 22 : 18 : Math.max(R + 8, R * 2.5);
-      z["--cp-slider-track-height"] = `${R}px`, z["--cp-slider-thumb-size"] = `${V}px`;
-      const G = Math.max(2, Math.floor(V / 10));
-      z["--cp-slider-thumb-border-width"] = `${G}px`;
-      const ue = Math.max(2, Math.floor(V / 4.5));
-      z["--cp-slider-inner-dot-size"] = `${ue}px`;
-      const A = Math.max(1, Math.floor(ue / 3));
-      z["--cp-slider-inner-clip-size"] = `${A}px`;
-      const D = U(e.size) ? L === "sm" ? 3 : L === "lg" ? 5 : 4 : Math.max(2, Math.floor(R * 0.6));
-      return z["--cp-slider-clip-size"] = `${D}px`, e.color && (z["--cp-slider-custom-color"] = e.color, z["--cp-slider-custom-color-light"] = `color-mix(in srgb, ${e.color}, transparent 60%)`), e.vertical && e.height && (z.height = e.height), z;
-    }), g = n(() => e.range && Array.isArray(e.modelValue) ? e.modelValue : [e.min, typeof e.modelValue == "number" ? e.modelValue : e.min]), _ = n(() => {
+      l.is("custom-size", !Z(e.size))
+    ]), _ = n(() => {
+      const x = {}, L = Z(e.size) ? e.size : "md", R = Z(e.size) ? d[L] : parseInt(we(e.size, d)), A = Z(e.size) ? L === "sm" ? 14 : L === "lg" ? 22 : 18 : Math.max(R + 8, R * 2.5);
+      x["--cp-slider-track-height"] = `${R}px`, x["--cp-slider-thumb-size"] = `${A}px`;
+      const U = Math.max(2, Math.floor(A / 10));
+      x["--cp-slider-thumb-border-width"] = `${U}px`;
+      const ue = Math.max(2, Math.floor(A / 4.5));
+      x["--cp-slider-inner-dot-size"] = `${ue}px`;
+      const I = Math.max(1, Math.floor(ue / 3));
+      x["--cp-slider-inner-clip-size"] = `${I}px`;
+      const D = Z(e.size) ? L === "sm" ? 3 : L === "lg" ? 5 : 4 : Math.max(2, Math.floor(R * 0.6));
+      return x["--cp-slider-clip-size"] = `${D}px`, e.color && (x["--cp-slider-custom-color"] = e.color, x["--cp-slider-custom-color-light"] = `color-mix(in srgb, ${e.color}, transparent 60%)`), e.vertical && e.height && (x.height = e.height), x;
+    }), g = n(() => e.range && Array.isArray(e.modelValue) ? e.modelValue : [e.min, typeof e.modelValue == "number" ? e.modelValue : e.min]), E = n(() => {
       if (p.value) {
-        const z = w.value ?? g.value[0], L = x.value ?? g.value[1];
-        return [z, L];
+        const x = B.value ?? g.value[0], L = w.value ?? g.value[1];
+        return [x, L];
       }
       return g.value;
-    }), N = n(() => {
-      const z = Number(e.min), R = Number(e.max) - z;
-      return R === 0 ? 0 : (_.value[0] - z) / R * 100;
-    }), E = n(() => {
-      const z = Number(e.min), R = Number(e.max) - z;
-      return R === 0 ? 0 : (_.value[1] - z) / R * 100;
-    }), M = n(() => e.vertical ? e.range ? { bottom: `${N.value}%`, height: `${E.value - N.value}%` } : { bottom: "0%", height: `${E.value}%` } : e.range ? { left: `${N.value}%`, width: `${E.value - N.value}%` } : { left: "0%", width: `${E.value}%` }), b = n(() => e.vertical ? { bottom: `${N.value}%` } : { left: `${N.value}%` }), y = n(() => e.vertical ? { bottom: `${E.value}%` } : { left: `${E.value}%` }), H = n(() => {
-      const z = Number(e.min), L = Number(e.max), R = Number(e.step);
+    }), z = n(() => {
+      const x = Number(e.min), R = Number(e.max) - x;
+      return R === 0 ? 0 : (E.value[0] - x) / R * 100;
+    }), M = n(() => {
+      const x = Number(e.min), R = Number(e.max) - x;
+      return R === 0 ? 0 : (E.value[1] - x) / R * 100;
+    }), N = n(() => e.vertical ? e.range ? { bottom: `${z.value}%`, height: `${M.value - z.value}%` } : { bottom: "0%", height: `${M.value}%` } : e.range ? { left: `${z.value}%`, width: `${M.value - z.value}%` } : { left: "0%", width: `${M.value}%` }), b = n(() => e.vertical ? { bottom: `${z.value}%` } : { left: `${z.value}%` }), y = n(() => e.vertical ? { bottom: `${M.value}%` } : { left: `${M.value}%` }), W = n(() => {
+      const x = Number(e.min), L = Number(e.max), R = Number(e.step);
       if (!e.showStops || R <= 0) return [];
-      const V = Math.floor((L - z) / R), G = [];
-      for (let ue = 1; ue < V; ue++) {
-        const D = (z + ue * R - z) / (L - z) * 100;
-        G.push(D);
+      const A = Math.floor((L - x) / R), U = [];
+      for (let ue = 1; ue < A; ue++) {
+        const D = (x + ue * R - x) / (L - x) * 100;
+        U.push(D);
       }
-      return G;
-    }), J = n(() => H.value.filter((L) => e.range && L < N.value - 0.01 || L > E.value + 0.01)), I = n(() => {
-      const z = Number(e.min), L = Number(e.max);
-      return e.marks ? Object.entries(e.marks).map(([R, V]) => {
-        const G = Number(R), ue = (G - z) / (L - z) * 100, A = typeof V == "string" ? V : V.label || "", D = typeof V == "object" ? V.style : void 0;
-        return { value: G, percent: ue, label: A, style: D };
+      return U;
+    }), G = n(() => W.value.filter((L) => e.range && L < z.value - 0.01 || L > M.value + 0.01)), T = n(() => {
+      const x = Number(e.min), L = Number(e.max);
+      return e.marks ? Object.entries(e.marks).map(([R, A]) => {
+        const U = Number(R), ue = (U - x) / (L - x) * 100, I = typeof A == "string" ? A : A.label || "", D = typeof A == "object" ? A.style : void 0;
+        return { value: U, percent: ue, label: I, style: D };
       }) : [];
-    }), ae = (z) => e.formatTooltip ? e.formatTooltip(z) : String(z), ne = (z, L) => {
+    }), ae = (x) => e.formatTooltip ? e.formatTooltip(x) : String(x), ne = (x, L) => {
       if (!i.value) return Number(e.min);
       const R = i.value.getBoundingClientRect();
-      let V;
-      e.vertical ? V = (R.bottom - L) / R.height : V = (z - R.left) / R.width, V = Math.max(0, Math.min(1, V));
-      const G = Number(e.min), ue = Number(e.max), A = Number(e.step);
-      let D = G + V * (ue - G);
-      return A > 0 && (D = Math.round(D / A) * A), D = Math.max(G, Math.min(ue, D)), D;
-    }, P = (z, L = !1) => {
+      let A;
+      e.vertical ? A = (R.bottom - L) / R.height : A = (x - R.left) / R.width, A = Math.max(0, Math.min(1, A));
+      const U = Number(e.min), ue = Number(e.max), I = Number(e.step);
+      let D = U + A * (ue - U);
+      return I > 0 && (D = Math.round(D / I) * I), D = Math.max(U, Math.min(ue, D)), D;
+    }, V = (x, L = !1) => {
       if (e.disabled) return;
       let R;
       if (e.range) {
-        const [V, G] = g.value;
-        m.value === "start" ? R = [Math.min(z, G), G] : R = [V, Math.max(z, V)];
+        const [A, U] = g.value;
+        m.value === "start" ? R = [Math.min(x, U), U] : R = [A, Math.max(x, A)];
       } else
-        R = z;
+        R = x;
       r("update:modelValue", R), r("input", R), L && r("change", R);
-    }, Y = (z) => {
+    }, Y = (x) => {
       if (!e.range) {
         m.value = "end";
         return;
       }
-      const [L, R] = g.value, V = Math.abs(z - L), G = Math.abs(z - R);
-      m.value = V <= G ? "start" : "end";
-    }, h = (z) => {
+      const [L, R] = g.value, A = Math.abs(x - L), U = Math.abs(x - R);
+      m.value = A <= U ? "start" : "end";
+    }, h = (x) => {
       if (e.disabled) return;
-      const L = ne(z.clientX, z.clientY);
-      Y(L), P(L, !0);
-    }, q = (z, L) => {
-      e.disabled || (z.preventDefault(), z.stopPropagation(), m.value = L, p.value = !0, w.value = g.value[0], x.value = g.value[1], L === "start" ? v.value = !0 : S.value = !0, document.addEventListener("mousemove", re), document.addEventListener("mouseup", $));
-    }, re = (z) => {
+      const L = ne(x.clientX, x.clientY);
+      Y(L), V(L, !0);
+    }, q = (x, L) => {
+      e.disabled || (x.preventDefault(), x.stopPropagation(), m.value = L, p.value = !0, B.value = g.value[0], w.value = g.value[1], L === "start" ? v.value = !0 : S.value = !0, document.addEventListener("mousemove", re), document.addEventListener("mouseup", $));
+    }, re = (x) => {
       if (!p.value || e.disabled) return;
-      const L = ne(z.clientX, z.clientY);
-      e.range ? m.value === "start" ? w.value = Math.min(L, x.value ?? g.value[1]) : x.value = Math.max(L, w.value ?? g.value[0]) : x.value = L, P(L);
+      const L = ne(x.clientX, x.clientY);
+      e.range ? m.value === "start" ? B.value = Math.min(L, w.value ?? g.value[1]) : w.value = Math.max(L, B.value ?? g.value[0]) : w.value = L, V(L);
     }, $ = () => {
       if (p.value) {
-        const z = w.value ?? g.value[0], L = x.value ?? g.value[1], R = e.range ? [z, L] : L;
-        r("update:modelValue", R), r("input", R), r("change", R), p.value = !1, m.value = null, v.value = !1, S.value = !1, w.value = null, x.value = null;
+        const x = B.value ?? g.value[0], L = w.value ?? g.value[1], R = e.range ? [x, L] : L;
+        r("update:modelValue", R), r("input", R), r("change", R), p.value = !1, m.value = null, v.value = !1, S.value = !1, B.value = null, w.value = null;
       }
       document.removeEventListener("mousemove", re), document.removeEventListener("mouseup", $);
-    }, C = (z, L) => {
+    }, C = (x, L) => {
       if (e.disabled) return;
       let R = 0;
-      switch (z.key) {
+      switch (x.key) {
         case "ArrowLeft":
         case "ArrowDown":
           R = -e.step;
@@ -1540,23 +1540,23 @@ const xt = {
         default:
           return;
       }
-      z.preventDefault(), m.value = L;
-      const V = L === "start" ? g.value[0] : g.value[1];
-      P(V + R, !0);
-    }, K = (z) => {
-      !e.showTooltip || e.disabled || (z === "start" ? v.value = !0 : S.value = !0);
-    }, ie = (z) => {
-      p.value || (z === "start" ? v.value = !1 : S.value = !1);
+      x.preventDefault(), m.value = L;
+      const A = L === "start" ? g.value[0] : g.value[1];
+      V(A + R, !0);
+    }, K = (x) => {
+      !e.showTooltip || e.disabled || (x === "start" ? v.value = !0 : S.value = !0);
+    }, ie = (x) => {
+      p.value || (x === "start" ? v.value = !1 : S.value = !1);
     };
     return Ae(() => {
       document.removeEventListener("mousemove", re), document.removeEventListener("mouseup", $);
     }), t({
       sliderRef: i
-    }), (z, L) => (u(), f("div", {
+    }), (x, L) => (u(), f("div", {
       ref_key: "sliderRef",
       ref: i,
-      class: c(T.value),
-      style: j(B.value)
+      class: c(P.value),
+      style: j(_.value)
     }, [
       k("div", {
         class: c(a(l).e("runway")),
@@ -1564,32 +1564,32 @@ const xt = {
       }, [
         k("div", {
           class: c(a(l).e("bar")),
-          style: j(M.value)
+          style: j(N.value)
         }, null, 6)
       ], 2),
-      (u(!0), f(de, null, ke(J.value, (R, V) => (u(), f("div", {
-        key: V,
+      (u(!0), f(de, null, ke(G.value, (R, A) => (u(), f("div", {
+        key: A,
         class: c(a(l).e("stop")),
-        style: j(z.vertical ? { bottom: `${R}%` } : { left: `${R}%` })
+        style: j(x.vertical ? { bottom: `${R}%` } : { left: `${R}%` })
       }, null, 6))), 128)),
-      z.marks ? (u(), f("div", {
+      x.marks ? (u(), f("div", {
         key: 0,
         class: c(a(l).e("marks"))
       }, [
-        (u(!0), f(de, null, ke(I.value, (R) => (u(), f("div", {
+        (u(!0), f(de, null, ke(T.value, (R) => (u(), f("div", {
           key: R.value,
           class: c(a(l).e("mark")),
           style: j([
-            z.vertical ? { bottom: `${R.percent}%` } : { left: `${R.percent}%` },
+            x.vertical ? { bottom: `${R.percent}%` } : { left: `${R.percent}%` },
             R.style
           ])
         }, [
           k("span", {
             class: c(a(l).e("mark-text"))
-          }, Z(R.label), 3)
+          }, J(R.label), 3)
         ], 6))), 128))
       ], 2)) : O("", !0),
-      z.range ? (u(), f("div", {
+      x.range ? (u(), f("div", {
         key: 1,
         class: c([a(l).e("thumb"), a(l).is("active", m.value === "start")]),
         style: j(b.value),
@@ -1599,10 +1599,10 @@ const xt = {
         onMouseleave: L[2] || (L[2] = (R) => ie("start")),
         onKeydown: L[3] || (L[3] = (R) => C(R, "start"))
       }, [
-        z.showTooltip && v.value ? (u(), f("div", {
+        x.showTooltip && v.value ? (u(), f("div", {
           key: 0,
           class: c(a(l).e("tooltip"))
-        }, Z(ae(_.value[0])), 3)) : O("", !0)
+        }, J(ae(E.value[0])), 3)) : O("", !0)
       ], 38)) : O("", !0),
       k("div", {
         class: c([a(l).e("thumb"), a(l).is("active", m.value === "end")]),
@@ -1613,10 +1613,10 @@ const xt = {
         onMouseleave: L[6] || (L[6] = (R) => ie("end")),
         onKeydown: L[7] || (L[7] = (R) => C(R, "end"))
       }, [
-        z.showTooltip && S.value ? (u(), f("div", {
+        x.showTooltip && S.value ? (u(), f("div", {
           key: 0,
           class: c(a(l).e("tooltip"))
-        }, Z(ae(_.value[1])), 3)) : O("", !0)
+        }, J(ae(E.value[1])), 3)) : O("", !0)
       ], 38)
     ], 6));
   }
@@ -1847,13 +1847,13 @@ const xt = {
       if (typeof t.color == "function")
         return t.color(t.percentage);
       if (Array.isArray(t.color)) {
-        const y = t.color, H = Math.floor(l.value / 100 * (y.length - 1));
-        return y[Math.min(H, y.length - 1)];
+        const y = t.color, W = Math.floor(l.value / 100 * (y.length - 1));
+        return y[Math.min(W, y.length - 1)];
       }
       return t.color || void 0;
     }), i = n(() => {
       if (t.strokeWidth !== void 0) return t.strokeWidth;
-      if (U(t.size, e))
+      if (Z(t.size, e))
         return r[t.size] || 8;
       const y = typeof t.size == "number" ? t.size : parseInt(t.size, 10);
       return isNaN(y) ? 8 : y;
@@ -1865,14 +1865,14 @@ const xt = {
     }), m = n(() => ({
       "--cp-progress-duration": Ne(t.duration)
     })), v = n(() => {
-      const y = t.width, H = i.value, J = (y - H) / 2, I = 2 * Math.PI * J, ae = y / 2, ne = t.type === "dashboard" ? 0.75 : 1, P = I * ne, Y = I, h = P * (1 - l.value / 100), q = J - H - 4, re = 2 * Math.PI * q, $ = re * ne, C = re * (1 - ne), K = $;
+      const y = t.width, W = i.value, G = (y - W) / 2, T = 2 * Math.PI * G, ae = y / 2, ne = t.type === "dashboard" ? 0.75 : 1, V = T * ne, Y = T, h = V * (1 - l.value / 100), q = G - W - 4, re = 2 * Math.PI * q, $ = re * ne, C = re * (1 - ne), K = $;
       return {
         size: y,
-        stroke: H,
-        radius: J,
-        circumference: I,
+        stroke: W,
+        radius: G,
+        circumference: T,
         center: ae,
-        dashLength: P,
+        dashLength: V,
         gapLength: Y,
         offset: h,
         innerRadius: Math.max(0, q),
@@ -1883,67 +1883,67 @@ const xt = {
         innerOffset: K
       };
     }), S = n(() => {
-      const { dashLength: y, gapLength: H } = v.value;
+      const { dashLength: y, gapLength: W } = v.value;
       return {
-        strokeDasharray: `${y} ${H}`,
+        strokeDasharray: `${y} ${W}`,
         strokeWidth: `${i.value - 2}`
         // 轨道稍微细一点，更有层次感
       };
-    }), w = n(() => t.showInnerStripe !== void 0 ? t.showInnerStripe : t.type === "circle"), x = n(() => ({
+    }), B = n(() => t.showInnerStripe !== void 0 ? t.showInnerStripe : t.type === "circle"), w = n(() => ({
       strokeDasharray: "4 8",
       strokeDashoffset: "0",
       strokeWidth: "2",
       // 固定细线
       opacity: 0.5
-    })), T = n(() => {
+    })), P = n(() => {
       const y = {};
       return d.value && (y["--cp-progress-color"] = d.value), y;
-    }), B = n(() => {
-      const { center: y, radius: H } = v.value, J = i.value, I = l.value / 100, ne = 360 * (t.type === "dashboard" ? 0.75 : 1) * I;
+    }), _ = n(() => {
+      const { center: y, radius: W } = v.value, G = i.value, T = l.value / 100, ne = 360 * (t.type === "dashboard" ? 0.75 : 1) * T;
       if (ne <= 0 || t.percentage <= 0)
-        return `M ${y + H} ${y} L ${y + H + 0.01} ${y}`;
+        return `M ${y + W} ${y} L ${y + W + 0.01} ${y}`;
       if (t.shape === "round") return "";
-      const P = (D) => D * Math.PI / 180, Y = H - J / 2, h = H + J / 2, q = 0, re = Math.min(ne, 359.99), $ = P(q), C = P(re), K = y + h * Math.cos($), ie = y + h * Math.sin($), z = y + h * Math.cos(C), L = y + h * Math.sin(C), R = y + Y * Math.cos($), V = y + Y * Math.sin($), G = y + Y * Math.cos(C), ue = y + Y * Math.sin(C), A = re > 180 ? 1 : 0;
+      const V = (D) => D * Math.PI / 180, Y = W - G / 2, h = W + G / 2, q = 0, re = Math.min(ne, 359.99), $ = V(q), C = V(re), K = y + h * Math.cos($), ie = y + h * Math.sin($), x = y + h * Math.cos(C), L = y + h * Math.sin(C), R = y + Y * Math.cos($), A = y + Y * Math.sin($), U = y + Y * Math.cos(C), ue = y + Y * Math.sin(C), I = re > 180 ? 1 : 0;
       if (l.value >= 100 && t.type !== "dashboard") {
-        const se = P(180), ce = y + h * Math.cos(se), ye = y + h * Math.sin(se), he = y + Y * Math.cos(se), Ce = y + Y * Math.sin(se);
+        const se = V(180), ce = y + h * Math.cos(se), ye = y + h * Math.sin(se), he = y + Y * Math.cos(se), Ce = y + Y * Math.sin(se);
         return [
           `M ${K} ${ie}`,
           `A ${h} ${h} 0 0 1 ${ce} ${ye}`,
           `A ${h} ${h} 0 0 1 ${K} ${ie + 0.01}`,
-          `L ${R} ${V + 0.01}`,
+          `L ${R} ${A + 0.01}`,
           `A ${Y} ${Y} 0 0 0 ${he} ${Ce}`,
-          `A ${Y} ${Y} 0 0 0 ${R} ${V}`,
+          `A ${Y} ${Y} 0 0 0 ${R} ${A}`,
           "Z"
         ].join(" ");
       }
       if (t.shape === "clip") {
-        const D = J / 2 / H * (180 / Math.PI), se = P(q + D), ce = P(re - D), ye = y + Y * Math.cos(se), he = y + Y * Math.sin(se), Ce = y + Y * Math.cos(ce), X = y + Y * Math.sin(ce);
+        const D = G / 2 / W * (180 / Math.PI), se = V(q + D), ce = V(re - D), ye = y + Y * Math.cos(se), he = y + Y * Math.sin(se), Ce = y + Y * Math.cos(ce), X = y + Y * Math.sin(ce);
         return [
           `M ${K} ${ie}`,
-          `A ${h} ${h} 0 ${A} 1 ${z} ${L}`,
+          `A ${h} ${h} 0 ${I} 1 ${x} ${L}`,
           `L ${Ce} ${X}`,
-          `A ${Y} ${Y} 0 ${A} 0 ${ye} ${he}`,
+          `A ${Y} ${Y} 0 ${I} 0 ${ye} ${he}`,
           "Z"
         ].join(" ");
       } else
         return [
           `M ${K} ${ie}`,
-          `A ${h} ${h} 0 ${A} 1 ${z} ${L}`,
-          `L ${G} ${ue}`,
-          `A ${Y} ${Y} 0 ${A} 0 ${R} ${V}`,
+          `A ${h} ${h} 0 ${I} 1 ${x} ${L}`,
+          `L ${U} ${ue}`,
+          `A ${Y} ${Y} 0 ${I} 0 ${R} ${A}`,
           "Z"
         ].join(" ");
-    }), g = n(() => t.shape !== "round"), _ = n(() => {
+    }), g = n(() => t.shape !== "round"), E = n(() => {
       const y = t.type === "dashboard" ? "rotate(135deg)" : "rotate(-90deg)";
       return {
         width: `${t.width}px`,
         height: `${t.width}px`,
         transform: y
       };
-    }), N = n(() => t.format ? t.format(t.percentage) : t.steps ? `${t.percentage}/${t.max}` : `${Math.round(l.value)}%`), E = n(() => [
+    }), z = n(() => t.format ? t.format(t.percentage) : t.steps ? `${t.percentage}/${t.max}` : `${Math.round(l.value)}%`), M = n(() => [
       o.b(),
       o.m(t.type),
-      U(t.size, e) && o.m(t.size),
+      Z(t.size, e) && o.m(t.size),
       o.is("status", !!t.status),
       o.is(t.status, !!t.status),
       o.is("text-inside", t.textInside && t.type === "line"),
@@ -1953,26 +1953,26 @@ const xt = {
       o.is("loading", t.loading),
       o.is("custom-color", !!d.value),
       o.m(`shape-${t.shape}`),
-      o.is("custom-size", !U(t.size, e))
-    ]), M = n(() => t.steps && t.type === "line"), b = n(() => {
+      o.is("custom-size", !Z(t.size, e))
+    ]), N = n(() => t.steps && t.type === "line"), b = n(() => {
       if (!t.steps) return [];
       const y = Math.max(1, Math.floor(t.max));
-      return Array.from({ length: y }, (H, J) => {
-        const I = J + 1;
+      return Array.from({ length: y }, (W, G) => {
+        const T = G + 1;
         let ae;
-        return t.percentage >= I ? ae = "full" : t.percentage > J ? ae = "current" : ae = "empty", {
-          index: J,
+        return t.percentage >= T ? ae = "full" : t.percentage > G ? ae = "current" : ae = "empty", {
+          index: G,
           state: ae,
-          color: t.stepColors[J] || void 0
+          color: t.stepColors[G] || void 0
         };
       });
     });
-    return (y, H) => (u(), f("div", {
-      class: c(E.value),
+    return (y, W) => (u(), f("div", {
+      class: c(M.value),
       style: j(y.indeterminate ? m.value : void 0)
     }, [
       y.type === "line" ? (u(), f(de, { key: 0 }, [
-        M.value ? (u(), f(de, { key: 0 }, [
+        N.value ? (u(), f(de, { key: 0 }, [
           k("div", {
             class: c(a(o).e("outer"))
           }, [
@@ -1980,14 +1980,14 @@ const xt = {
               class: c([a(o).e("inner"), a(o).e("steps")]),
               style: j({ height: `${i.value}px`, gap: `${y.stepGap}px` })
             }, [
-              (u(!0), f(de, null, ke(b.value, (J) => (u(), f("div", {
-                key: J.index,
+              (u(!0), f(de, null, ke(b.value, (G) => (u(), f("div", {
+                key: G.index,
                 class: c([
                   a(o).e("step"),
-                  a(o).is("full", J.state === "full"),
-                  a(o).is("current", J.state === "current")
+                  a(o).is("full", G.state === "full"),
+                  a(o).is("current", G.state === "current")
                 ]),
-                style: j(J.color ? { "--cp-progress-color": J.color } : void 0)
+                style: j(G.color ? { "--cp-progress-color": G.color } : void 0)
               }, null, 6))), 128))
             ], 6)
           ], 2),
@@ -1996,7 +1996,7 @@ const xt = {
             class: c(a(o).e("text"))
           }, [
             F(y.$slots, "default", {}, () => [
-              pe(Z(N.value), 1)
+              pe(J(z.value), 1)
             ])
           ], 2)) : O("", !0)
         ], 64)) : (u(), f(de, { key: 1 }, [
@@ -2016,7 +2016,7 @@ const xt = {
                   class: c(a(o).e("innerText"))
                 }, [
                   F(y.$slots, "default", {}, () => [
-                    pe(Z(N.value), 1)
+                    pe(J(z.value), 1)
                   ])
                 ], 2)) : O("", !0)
               ], 6)
@@ -2027,14 +2027,14 @@ const xt = {
             class: c(a(o).e("text"))
           }, [
             F(y.$slots, "default", {}, () => [
-              pe(Z(N.value), 1)
+              pe(J(z.value), 1)
             ])
           ], 2)) : O("", !0)
         ], 64))
       ], 64)) : (u(), f(de, { key: 1 }, [
         (u(), f("svg", {
           class: c(a(o).e("circle")),
-          style: j(_.value),
+          style: j(E.value),
           viewBox: `0 0 ${v.value.size} ${v.value.size}`
         }, [
           k("circle", {
@@ -2045,20 +2045,20 @@ const xt = {
             fill: "none",
             style: j(S.value)
           }, null, 14, so),
-          w.value ? (u(), f("circle", {
+          B.value ? (u(), f("circle", {
             key: 0,
             class: c(a(o).e("inner-track")),
             cx: v.value.center,
             cy: v.value.center,
             r: v.value.innerRadius,
             fill: "none",
-            style: j(x.value)
+            style: j(w.value)
           }, null, 14, ro)) : O("", !0),
           g.value ? (u(), f("path", {
             key: 1,
             class: c(a(o).e("path")),
-            d: B.value,
-            style: j(T.value)
+            d: _.value,
+            style: j(P.value)
           }, null, 14, io)) : (u(), f("circle", {
             key: 2,
             class: c(a(o).e("path")),
@@ -2069,7 +2069,7 @@ const xt = {
             "stroke-width": i.value,
             "stroke-linecap": "round",
             style: j({
-              ...T.value,
+              ...P.value,
               strokeDasharray: `${v.value.dashLength} ${v.value.gapLength}`,
               strokeDashoffset: v.value.offset
             })
@@ -2080,7 +2080,7 @@ const xt = {
           class: c(a(o).e("text"))
         }, [
           F(y.$slots, "default", {}, () => [
-            pe(Z(N.value), 1)
+            pe(J(z.value), 1)
           ])
         ], 2)) : O("", !0)
       ], 64))
@@ -2229,26 +2229,26 @@ const xt = {
   props: po,
   emits: fo,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = le("switch"), d = { sm: 16, md: 20, lg: 24 }, i = W(), p = W(!1), m = n(() => e.disabled || e.loading || p.value), v = n(() => [
+    const e = s, r = o, l = le("switch"), d = { sm: 16, md: 20, lg: 24 }, i = H(), p = H(!1), m = n(() => e.disabled || e.loading || p.value), v = n(() => [
       l.b(),
-      U(e.size) && l.m(e.size),
+      Z(e.size) && l.m(e.size),
       l.is("checked", e.modelValue),
       l.is("disabled", e.disabled),
       l.is("loading", e.loading),
       l.is("fit-text", e.fitText),
-      l.is("custom-size", !U(e.size))
+      l.is("custom-size", !Z(e.size))
     ]), S = {
       primary: "var(--cp-color-primary)",
       success: "var(--cp-color-success)",
       warning: "var(--cp-color-warning)",
       error: "var(--cp-color-error)",
       info: "var(--cp-color-info)"
-    }, w = n(() => {
-      const T = {};
-      return e.color ? (T["--cp-switch-active-color"] = e.color, T["--cp-switch-active-color-light"] = `${e.color}40`) : e.type && S[e.type] && (T["--cp-switch-active-color"] = S[e.type], T["--cp-switch-active-color-light"] = `var(--cp-color-${e.type}-light)`), e.inactiveColor && (T["--cp-switch-inactive-color"] = e.inactiveColor), e.width && (T.width = typeof e.width == "string" ? e.width : `${e.width}px`), U(e.size) || (T["--cp-switch-height"] = we(e.size, d)), T;
-    }), x = async () => {
+    }, B = n(() => {
+      const P = {};
+      return e.color ? (P["--cp-switch-active-color"] = e.color, P["--cp-switch-active-color-light"] = `${e.color}40`) : e.type && S[e.type] && (P["--cp-switch-active-color"] = S[e.type], P["--cp-switch-active-color-light"] = `var(--cp-color-${e.type}-light)`), e.inactiveColor && (P["--cp-switch-inactive-color"] = e.inactiveColor), e.width && (P.width = typeof e.width == "string" ? e.width : `${e.width}px`), Z(e.size) || (P["--cp-switch-height"] = we(e.size, d)), P;
+    }), w = async () => {
       if (m.value) return;
-      const T = !e.modelValue;
+      const P = !e.modelValue;
       if (e.beforeChange) {
         p.value = !0;
         try {
@@ -2262,17 +2262,17 @@ const xt = {
         }
         p.value = !1;
       }
-      r("update:modelValue", T), r("change", T);
+      r("update:modelValue", P), r("change", P);
     };
     return t({
       inputRef: i
-    }), (T, B) => (u(), f("div", {
+    }), (P, _) => (u(), f("div", {
       class: c(v.value),
-      style: j(w.value),
+      style: j(B.value),
       role: "switch",
       "aria-checked": e.modelValue,
       "aria-disabled": m.value,
-      onClick: x
+      onClick: w
     }, [
       k("input", {
         ref_key: "inputRef",
@@ -2282,7 +2282,7 @@ const xt = {
         name: e.name,
         checked: e.modelValue,
         disabled: m.value,
-        onChange: B[0] || (B[0] = Pe(() => {
+        onChange: _[0] || (_[0] = Pe(() => {
         }, ["stop"]))
       }, null, 42, vo),
       k("div", {
@@ -2292,19 +2292,19 @@ const xt = {
           key: 0,
           class: c(a(l).e("wrapper"))
         }, [
-          k("span", mo, Z(e.activeText), 1),
-          k("span", go, Z(e.inactiveText), 1)
+          k("span", mo, J(e.activeText), 1),
+          k("span", go, J(e.inactiveText), 1)
         ], 2)) : O("", !0),
         e.inactiveText ? (u(), f("span", {
           key: 1,
           class: c(a(l).e("inactive-text"))
         }, [
-          k("span", ho, Z(e.inactiveText), 1)
+          k("span", ho, J(e.inactiveText), 1)
         ], 2)) : O("", !0),
         k("div", {
           class: c(a(l).e("thumb"))
         }, [
-          e.loading ? (u(), f("div", bo, [...B[1] || (B[1] = [
+          e.loading ? (u(), f("div", bo, [..._[1] || (_[1] = [
             k("svg", {
               viewBox: "0 0 24 24",
               class: "loading-svg"
@@ -2332,7 +2332,7 @@ const xt = {
           key: 2,
           class: c(a(l).e("active-text"))
         }, [
-          k("span", ko, Z(e.activeText), 1)
+          k("span", ko, J(e.activeText), 1)
         ], 2)) : O("", !0)
       ], 2)
     ], 14, yo));
@@ -2605,36 +2605,36 @@ const xt = {
     ]), d = n(() => t.color ? t.color : t.type && t.type !== "default" ? `var(--cp-color-${t.type})` : null), i = n(() => t.color ? `color-mix(in srgb, ${t.color} 30%, transparent)` : t.type && t.type !== "default" ? `var(--cp-color-${t.type}-light)` : null), p = n(() => {
       const y = {};
       d.value && (y["--cp-card-color"] = d.value), i.value && (y["--cp-card-color-light"] = i.value), t.bgColor && (y["--cp-card-bg"] = t.bgColor), t.borderColor && (y["--cp-card-border-color"] = t.borderColor), t.dividerColor && (y["--cp-card-divider-color"] = t.dividerColor), t.headerDividerColor && (y["--cp-card-header-divider-color"] = t.headerDividerColor), t.footerDividerColor && (y["--cp-card-footer-divider-color"] = t.footerDividerColor), t.shadowColor ? y["--cp-card-shadow-color"] = t.shadowColor : d.value && (y["--cp-card-shadow-color"] = `color-mix(in srgb, ${d.value} 40%, black)`);
-      const H = Ne(t.dimmedDuration);
-      return H && (y["--cp-card-dimmed-duration"] = H), y;
+      const W = Ne(t.dimmedDuration);
+      return W && (y["--cp-card-dimmed-duration"] = W), y;
     }), m = n(() => {
       const y = typeof t.bodyStyle == "string" ? {} : { ...t.bodyStyle };
       return t.bodyPadding && (y.padding = t.bodyPadding), y;
     }), v = n(
       () => t.title || o.header || o.title || o.extra
-    ), S = n(() => !!o.footer), w = n(() => !!o.overlay), x = n(() => [
+    ), S = n(() => !!o.footer), B = n(() => !!o.overlay), w = n(() => [
       e.e("header"),
       e.is("bordered", t.headerBorder),
       t.headerClass
-    ]), T = n(() => [
+    ]), P = n(() => [
       e.e("footer"),
       e.is("bordered", t.footerBorder)
-    ]), B = n(() => t.actionEffect ?? t.overlayEffect), g = n(() => t.actionColor ?? t.overlayColor), _ = n(() => t.actionBlur ?? t.overlayBlur), N = n(() => [
+    ]), _ = n(() => t.actionEffect ?? t.overlayEffect), g = n(() => t.actionColor ?? t.overlayColor), E = n(() => t.actionBlur ?? t.overlayBlur), z = n(() => [
       e.e("overlay"),
       e.bem("", "overlay", t.overlayAnimation),
       e.bem("", "overlay", t.overlayPosition),
-      e.bem("", "overlay", `effect-${B.value}`)
-    ]), E = n(() => [
+      e.bem("", "overlay", `effect-${_.value}`)
+    ]), M = n(() => [
       e.e("overlay-backdrop"),
       e.bem("", "overlay-backdrop", `effect-${t.overlayEffect}`)
-    ]), M = (y) => y === void 0 ? "10px" : typeof y == "number" ? `${y}px` : y, b = n(() => ({
+    ]), N = (y) => y === void 0 ? "10px" : typeof y == "number" ? `${y}px` : y, b = n(() => ({
       "--cp-card-overlay-duration": Ne(t.overlayDuration),
       "--cp-card-overlay-color": t.overlayColor,
-      "--cp-card-overlay-blur": M(t.overlayBlur),
+      "--cp-card-overlay-blur": N(t.overlayBlur),
       "--cp-card-action-color": g.value,
-      "--cp-card-action-blur": M(_.value)
+      "--cp-card-action-blur": N(E.value)
     }));
-    return (y, H) => (u(), f("div", {
+    return (y, W) => (u(), f("div", {
       class: c(r.value),
       style: j(p.value)
     }, [
@@ -2650,7 +2650,7 @@ const xt = {
         ], 2)) : O("", !0),
         v.value ? (u(), f("div", {
           key: 1,
-          class: c(x.value),
+          class: c(w.value),
           style: j(y.headerStyle)
         }, [
           F(y.$slots, "header", {}, () => [
@@ -2658,7 +2658,7 @@ const xt = {
               class: c(a(e).e("title"))
             }, [
               F(y.$slots, "title", {}, () => [
-                pe(Z(y.title), 1)
+                pe(J(y.title), 1)
               ])
             ], 2),
             a(o).extra ? (u(), f("div", {
@@ -2677,18 +2677,18 @@ const xt = {
         ], 6),
         S.value ? (u(), f("div", {
           key: 2,
-          class: c(T.value)
+          class: c(P.value)
         }, [
           F(y.$slots, "footer")
         ], 2)) : O("", !0),
-        w.value ? (u(), f("div", {
+        B.value ? (u(), f("div", {
           key: 3,
-          class: c(E.value),
+          class: c(M.value),
           style: j(b.value)
         }, null, 6)) : O("", !0),
-        w.value ? (u(), f("div", {
+        B.value ? (u(), f("div", {
           key: 4,
-          class: c(N.value),
+          class: c(z.value),
           style: j(b.value)
         }, [
           F(y.$slots, "overlay")
@@ -2819,7 +2819,7 @@ const xt = {
       info: "var(--cp-color-info)"
     }, d = { sm: 20, md: 24, lg: 28 }, i = n(() => [
       r.b(),
-      U(o.size) && r.m(o.size),
+      Z(o.size) && r.m(o.size),
       r.m(`variant-${o.variant}`),
       r.m(`shape-${o.shape}`),
       r.m(`type-${o.type}`),
@@ -2831,38 +2831,38 @@ const xt = {
       r.is("typed", o.type !== "default" && !o.color),
       r.is("selectable", o.selectable),
       r.is("selected", o.selected),
-      r.is("custom-size", !U(o.size))
+      r.is("custom-size", !Z(o.size))
     ]), p = n(() => {
-      const w = {};
-      return o.color ? (w["--cp-tag-color"] = o.color, w["--cp-tag-color-light"] = `${o.color}33`) : o.type && o.type !== "default" && l[o.type] && (w["--cp-tag-color"] = l[o.type], w["--cp-tag-color-light"] = `var(--cp-color-${o.type}-light)`), U(o.size) || (w["--cp-tag-height"] = we(o.size, d)), w;
-    }), m = (w) => {
-      o.disabled || (e("click", w), o.selectable && e("update:selected", !o.selected));
-    }, v = (w) => {
-      w.stopPropagation(), !o.disabled && e("close", w);
-    }, S = (w) => {
-      w.stopPropagation(), !o.disabled && e("close", new MouseEvent("click"));
+      const B = {};
+      return o.color ? (B["--cp-tag-color"] = o.color, B["--cp-tag-color-light"] = `${o.color}33`) : o.type && o.type !== "default" && l[o.type] && (B["--cp-tag-color"] = l[o.type], B["--cp-tag-color-light"] = `var(--cp-color-${o.type}-light)`), Z(o.size) || (B["--cp-tag-height"] = we(o.size, d)), B;
+    }), m = (B) => {
+      o.disabled || (e("click", B), o.selectable && e("update:selected", !o.selected));
+    }, v = (B) => {
+      B.stopPropagation(), !o.disabled && e("close", B);
+    }, S = (B) => {
+      B.stopPropagation(), !o.disabled && e("close", new MouseEvent("click"));
     };
-    return (w, x) => (u(), f("span", {
+    return (B, w) => (u(), f("span", {
       class: c(i.value),
       style: j(p.value),
       onClick: m
     }, [
-      w.$slots.prefix ? (u(), f("span", {
+      B.$slots.prefix ? (u(), f("span", {
         key: 0,
         class: c(a(r).e("prefix"))
       }, [
-        F(w.$slots, "prefix")
+        F(B.$slots, "prefix")
       ], 2)) : O("", !0),
       k("span", {
         class: c(a(r).e("content"))
       }, [
-        F(w.$slots, "default")
+        F(B.$slots, "default")
       ], 2),
-      w.$slots.suffix ? (u(), f("span", {
+      B.$slots.suffix ? (u(), f("span", {
         key: 1,
         class: c(a(r).e("suffix"))
       }, [
-        F(w.$slots, "suffix")
+        F(B.$slots, "suffix")
       ], 2)) : O("", !0),
       o.closable ? (u(), f("span", {
         key: 2,
@@ -2871,7 +2871,7 @@ const xt = {
         tabindex: "0",
         onClick: v,
         onKeydown: Ge(Pe(S, ["prevent"]), ["enter"])
-      }, [...x[0] || (x[0] = [
+      }, [...w[0] || (w[0] = [
         k("svg", {
           viewBox: "0 0 24 24",
           fill: "none",
@@ -2888,7 +2888,7 @@ const xt = {
       }, null, 2)) : O("", !0)
     ], 6));
   }
-}), Ka = te(Bo), Mo = {
+}), _a = te(Bo), Mo = {
   /**
    * 文字类型（颜色预设）
    * @default 'default'
@@ -3161,7 +3161,7 @@ const xt = {
       ], 14, No);
     };
   }
-}), _a = te(Po), Vo = {
+}), Ka = te(Po), Vo = {
   /**
    * 状态指示器颜色类型
    * @default 'default'
@@ -3256,19 +3256,19 @@ const xt = {
     const t = s, o = Se(), e = le("status-indicator"), r = { sm: 8, md: 12, lg: 16 }, l = n(() => !!t.label || !!o.default), d = n(() => [
       e.b(),
       e.m(t.type),
-      U(t.size) && e.m(t.size),
+      Z(t.size) && e.m(t.size),
       e.m(`shape-${t.shape}`),
       e.m(`animation-${t.animation}`),
       e.is("custom-color", !!t.color),
       e.is("with-label", l.value),
-      e.is("custom-size", !U(t.size))
+      e.is("custom-size", !Z(t.size))
     ]), i = n(() => {
       const p = {};
       if (t.color && (p["--cp-status-indicator-color"] = t.color), t.duration) {
         const m = Ne(t.duration);
         m && (p["--cp-status-indicator-duration"] = m);
       }
-      return t.intensity !== 1 && (p["--cp-status-indicator-intensity"] = String(t.intensity)), t.gap !== "" && (p["--cp-status-indicator-gap"] = typeof t.gap == "number" ? `${t.gap}px` : t.gap), U(t.size) || (p["--cp-status-indicator-size"] = we(t.size, r)), p;
+      return t.intensity !== 1 && (p["--cp-status-indicator-intensity"] = String(t.intensity)), t.gap !== "" && (p["--cp-status-indicator-gap"] = typeof t.gap == "number" ? `${t.gap}px` : t.gap), Z(t.size) || (p["--cp-status-indicator-size"] = we(t.size, r)), p;
     });
     return (p, m) => (u(), f("span", {
       class: c(d.value),
@@ -3287,12 +3287,12 @@ const xt = {
         class: c(a(e).e("label"))
       }, [
         F(p.$slots, "default", {}, () => [
-          pe(Z(p.label), 1)
+          pe(J(p.label), 1)
         ])
       ], 2)) : O("", !0)
     ], 6));
   }
-}), ja = te(Ao), To = {
+}), ja = te(Ao), Io = {
   /**
    * 图片源地址
    * @default ''
@@ -3462,7 +3462,7 @@ const xt = {
     type: Boolean,
     default: !1
   }
-}, Io = {
+}, To = {
   /**
    * 图片加载成功时触发
    * @param event - 原生加载事件
@@ -3476,23 +3476,23 @@ const xt = {
 }, Eo = ["src", "alt", "draggable"], Lo = /* @__PURE__ */ Q({
   name: `${oe}Image`,
   __name: "image",
-  props: To,
-  emits: Io,
+  props: Io,
+  emits: To,
   setup(s, { emit: t }) {
-    const o = s, e = t, r = le("image"), l = W(!0), d = W(!1), i = W(""), p = W(null), m = W(null), v = W(!o.lazy);
+    const o = s, e = t, r = le("image"), l = H(!0), d = H(!1), i = H(""), p = H(null), m = H(null), v = H(!o.lazy);
     let S = null;
-    const { processedSrc: w } = rt({
+    const { processedSrc: B } = rt({
       src: ve(o, "src"),
       processor: ve(o, "srcProcessor"),
       params: ve(o, "processorParams")
-    }), x = {
+    }), w = {
       default: "var(--cp-text-muted)",
       primary: "var(--cp-color-primary)",
       success: "var(--cp-color-success)",
       warning: "var(--cp-color-warning)",
       error: "var(--cp-color-error)",
       info: "var(--cp-color-info)"
-    }, T = n(() => [
+    }, P = n(() => [
       r.b(),
       r.m(`shape-${o.shape}`),
       r.m(`fit-${o.fit}`),
@@ -3500,31 +3500,31 @@ const xt = {
       r.is("error", d.value),
       r.is("hoverable", o.hoverable),
       o.hoverable && r.m(`hover-${o.hoverMode}`)
-    ]), B = n(() => {
-      const M = {};
-      if (o.width && (M.width = typeof o.width == "number" ? `${o.width}px` : o.width), o.height && (M.height = typeof o.height == "number" ? `${o.height}px` : o.height), o.color ? M["--cp-image-decor-color"] = o.color : o.type && x[o.type] && (M["--cp-image-decor-color"] = x[o.type]), o.hoverable && o.hoverDuration) {
+    ]), _ = n(() => {
+      const N = {};
+      if (o.width && (N.width = typeof o.width == "number" ? `${o.width}px` : o.width), o.height && (N.height = typeof o.height == "number" ? `${o.height}px` : o.height), o.color ? N["--cp-image-decor-color"] = o.color : o.type && w[o.type] && (N["--cp-image-decor-color"] = w[o.type]), o.hoverable && o.hoverDuration) {
         const b = Ne(o.hoverDuration);
-        b && (M["--cp-image-hover-duration"] = b);
+        b && (N["--cp-image-hover-duration"] = b);
       }
-      return M;
+      return N;
     }), g = () => {
       if (!i.value) {
         l.value = !1;
         return;
       }
       l.value = !0, d.value = !1;
-    }, _ = (M) => {
-      l.value = !1, d.value = !1, e("load", M);
-    }, N = (M) => {
+    }, E = (N) => {
+      l.value = !1, d.value = !1, e("load", N);
+    }, z = (N) => {
       if (l.value = !1, o.fallbackSrc && i.value !== o.fallbackSrc) {
         i.value = o.fallbackSrc;
         return;
       }
-      d.value = !0, e("error", M);
-    }, E = () => {
+      d.value = !0, e("error", N);
+    }, M = () => {
       !o.lazy || !m.value || (S = new IntersectionObserver(
-        (M) => {
-          M[0].isIntersecting && (v.value = !0, S == null || S.disconnect());
+        (N) => {
+          N[0].isIntersecting && (v.value = !0, S == null || S.disconnect());
         },
         {
           rootMargin: "50px"
@@ -3533,28 +3533,28 @@ const xt = {
       ), S.observe(m.value));
     };
     return ge(
-      w,
-      (M) => {
-        v.value && (i.value = M, g());
+      B,
+      (N) => {
+        v.value && (i.value = N, g());
       },
       { immediate: !0 }
-    ), ge(v, (M) => {
-      M && w.value && (i.value = w.value, g());
+    ), ge(v, (N) => {
+      N && B.value && (i.value = B.value, g());
     }), Ve(() => {
-      o.lazy ? E() : (i.value = w.value, g());
+      o.lazy ? M() : (i.value = B.value, g());
     }), Ae(() => {
       S == null || S.disconnect();
-    }), (M, b) => (u(), f("div", {
+    }), (N, b) => (u(), f("div", {
       ref_key: "containerRef",
       ref: m,
-      class: c(T.value),
-      style: j(B.value)
+      class: c(P.value),
+      style: j(_.value)
     }, [
       l.value ? (u(), f("div", {
         key: 0,
         class: c(a(r).e("placeholder"))
       }, [
-        F(M.$slots, "placeholder", {}, () => [
+        F(N.$slots, "placeholder", {}, () => [
           k("div", {
             class: c(a(r).e("skeleton"))
           }, [
@@ -3587,7 +3587,7 @@ const xt = {
         key: 1,
         class: c(a(r).e("error"))
       }, [
-        F(M.$slots, "error", {}, () => [
+        F(N.$slots, "error", {}, () => [
           (u(), f("svg", {
             class: c(a(r).e("error-icon")),
             viewBox: "0 0 24 24",
@@ -3609,15 +3609,15 @@ const xt = {
           }, "加载失败", 2)
         ])
       ], 2)) : O("", !0),
-      Te(k("img", {
+      Ie(k("img", {
         ref_key: "imageRef",
         ref: p,
         class: c(a(r).e("inner")),
         src: i.value,
-        alt: M.alt,
+        alt: N.alt,
         draggable: o.draggable,
-        onLoad: _,
-        onError: N
+        onLoad: E,
+        onError: z
       }, null, 42, Eo), [
         [Re, !l.value && !d.value]
       ]),
@@ -3817,7 +3817,7 @@ const xt = {
     type: String,
     default: void 0
   }
-}, ct = Symbol("avatarGroup"), Ko = ["src", "alt", "draggable"], _o = /* @__PURE__ */ Q({
+}, ct = Symbol("avatarGroup"), _o = ["src", "alt", "draggable"], Ko = /* @__PURE__ */ Q({
   name: `${oe}Avatar`,
   __name: "avatar",
   props: Do,
@@ -3827,19 +3827,19 @@ const xt = {
       src: ve(o, "src"),
       processor: ve(o, "srcProcessor"),
       params: ve(o, "processorParams")
-    }), p = W(!0), m = W(!1), v = W(i.value), S = n(() => o.size !== "md" ? o.size : (d == null ? void 0 : d.size) ?? o.size), w = n(() => o.shape !== "circle" ? o.shape : (d == null ? void 0 : d.shape) ?? o.shape), x = n(() => {
+    }), p = H(!0), m = H(!1), v = H(i.value), S = n(() => o.size !== "md" ? o.size : (d == null ? void 0 : d.size) ?? o.size), B = n(() => o.shape !== "circle" ? o.shape : (d == null ? void 0 : d.shape) ?? o.shape), w = n(() => {
       const b = S.value;
       return typeof b == "number" ? b : He[b] ?? He.md;
-    }), T = n(() => [
+    }), P = n(() => [
       l.b(),
-      l.m(`shape-${w.value}`),
+      l.m(`shape-${B.value}`),
       l.is("loading", p.value),
       l.is("error", m.value)
-    ]), B = n(() => ({
-      "--cp-avatar-size": `${x.value}px`
-    })), g = n(() => !!v.value && !m.value), _ = n(() => !g.value && o.icon && !r.default), N = n(() => !g.value && !_.value && !r.default), E = (b) => {
+    ]), _ = n(() => ({
+      "--cp-avatar-size": `${w.value}px`
+    })), g = n(() => !!v.value && !m.value), E = n(() => !g.value && o.icon && !r.default), z = n(() => !g.value && !E.value && !r.default), M = (b) => {
       p.value = !1, m.value = !1, e("load", b);
-    }, M = (b) => {
+    }, N = (b) => {
       if (p.value = !1, o.fallbackSrc && v.value !== o.fallbackSrc) {
         v.value = o.fallbackSrc;
         return;
@@ -3852,8 +3852,8 @@ const xt = {
         v.value = b, p.value = !0, m.value = !1;
       }
     ), (b, y) => (u(), f("span", {
-      class: c(T.value),
-      style: j(B.value)
+      class: c(P.value),
+      style: j(_.value)
     }, [
       g.value ? (u(), f("img", {
         key: 0,
@@ -3862,9 +3862,9 @@ const xt = {
         alt: b.alt,
         style: j({ objectFit: b.fit }),
         draggable: o.draggable,
-        onLoad: E,
-        onError: M
-      }, null, 46, Ko)) : _.value ? (u(), ee(a(Ee), {
+        onLoad: M,
+        onError: N
+      }, null, 46, _o)) : E.value ? (u(), ee(a(Ee), {
         key: 1,
         class: c(a(l).e("icon")),
         icon: b.icon
@@ -3873,7 +3873,7 @@ const xt = {
         class: c(a(l).e("text"))
       }, [
         F(b.$slots, "default")
-      ], 2)) : N.value ? (u(), f("svg", {
+      ], 2)) : z.value ? (u(), f("svg", {
         key: 3,
         class: c(a(l).e("placeholder")),
         viewBox: "0 0 24 24",
@@ -3894,11 +3894,11 @@ const xt = {
   props: Ro,
   setup(s) {
     const t = s, o = Se(), e = le("avatar-group"), r = n(() => {
-      const x = t.size;
-      return typeof x == "number" ? x : He[x] ?? He.md;
+      const w = t.size;
+      return typeof w == "number" ? w : He[w] ?? He.md;
     }), l = n(() => {
-      const x = t.spacing;
-      return typeof x == "number" ? `${x}px` : x;
+      const w = t.spacing;
+      return typeof w == "number" ? `${w}px` : w;
     });
     ze(ct, {
       size: t.size,
@@ -3911,43 +3911,43 @@ const xt = {
       "--cp-avatar-size": `${r.value}px`,
       "--cp-avatar-group-spacing": l.value
     })), p = () => {
-      const x = o.default;
-      if (!x) return [];
-      const T = x();
-      if (!T) return [];
-      const B = [], g = (_) => {
-        _.forEach((N) => {
-          Array.isArray(N.children) ? g(N.children) : B.push(N);
+      const w = o.default;
+      if (!w) return [];
+      const P = w();
+      if (!P) return [];
+      const _ = [], g = (E) => {
+        E.forEach((z) => {
+          Array.isArray(z.children) ? g(z.children) : _.push(z);
         });
       };
-      return g(T), B;
+      return g(P), _;
     }, m = n(() => {
-      const x = p();
-      return t.max === void 0 || t.max >= x.length ? x.length : t.max;
+      const w = p();
+      return t.max === void 0 || t.max >= w.length ? w.length : t.max;
     }), v = n(() => {
-      const x = p();
-      return t.max === void 0 || t.max >= x.length ? 0 : x.length - t.max;
-    }), S = n(() => t.collapseShape ?? t.shape), w = n(() => [
+      const w = p();
+      return t.max === void 0 || t.max >= w.length ? 0 : w.length - t.max;
+    }), S = n(() => t.collapseShape ?? t.shape), B = n(() => [
       e.e("counter"),
       e.bem("", "counter", `shape-${S.value}`),
       t.collapseClass
     ]);
-    return (x, T) => (u(), f("div", {
+    return (w, P) => (u(), f("div", {
       class: c(d.value),
       style: j(i.value)
     }, [
-      (u(!0), f(de, null, ke(p(), (B, g) => (u(), f(de, { key: g }, [
-        g < m.value ? (u(), ee($e(B), { key: 0 })) : O("", !0)
+      (u(!0), f(de, null, ke(p(), (_, g) => (u(), f(de, { key: g }, [
+        g < m.value ? (u(), ee($e(_), { key: 0 })) : O("", !0)
       ], 64))), 128)),
       v.value > 0 ? (u(), f("span", {
         key: 0,
-        class: c(w.value),
+        class: c(B.value),
         style: j(t.collapseStyle),
         title: t.collapseAvatarsTooltip
-      }, " +" + Z(v.value), 15, jo)) : O("", !0)
+      }, " +" + J(v.value), 15, jo)) : O("", !0)
     ], 6));
   }
-}), Wa = te(_o), Ha = te(Fo), Wo = { style: { "flex-grow": "1" } }, Ho = /* @__PURE__ */ Q({
+}), Wa = te(Ko), Ha = te(Fo), Wo = { style: { "flex-grow": "1" } }, Ho = /* @__PURE__ */ Q({
   name: `${oe}Spacer`,
   __name: "spacer",
   setup(s) {
@@ -4147,39 +4147,39 @@ const xt = {
   props: Yo,
   emits: Xo,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = le("popover"), d = Se(), i = W(!1), p = n({
+    const e = s, r = o, l = le("popover"), d = Se(), i = H(!1), p = n({
       get: () => e.modelValue !== void 0 ? e.modelValue : i.value,
       set: (C) => {
         e.modelValue !== void 0 ? r("update:modelValue", C) : i.value = C, r(C ? "open" : "close");
       }
-    }), m = W(null), v = W(null), S = W({ top: 0, left: 0 });
-    let w = null, x = null;
-    const T = () => {
-      w && (clearTimeout(w), w = null), x && (clearTimeout(x), x = null);
-    }, B = () => {
-      e.disabled || (T(), e.trigger === "hover" && e.openDelay > 0 ? w = setTimeout(() => {
+    }), m = H(null), v = H(null), S = H({ top: 0, left: 0 });
+    let B = null, w = null;
+    const P = () => {
+      B && (clearTimeout(B), B = null), w && (clearTimeout(w), w = null);
+    }, _ = () => {
+      e.disabled || (P(), e.trigger === "hover" && e.openDelay > 0 ? B = setTimeout(() => {
         p.value = !0;
       }, e.openDelay) : p.value = !0);
     }, g = () => {
-      T(), e.trigger === "hover" && e.closeDelay > 0 ? x = setTimeout(() => {
+      P(), e.trigger === "hover" && e.closeDelay > 0 ? w = setTimeout(() => {
         p.value = !1;
       }, e.closeDelay) : p.value = !1;
-    }, _ = () => {
-      p.value ? g() : B();
+    }, E = () => {
+      p.value ? g() : _();
     };
-    let N = !1;
-    const E = () => {
-      !p.value || !m.value || !v.value || N || (N = !0, requestAnimationFrame(() => {
+    let z = !1;
+    const M = () => {
+      !p.value || !m.value || !v.value || z || (z = !0, requestAnimationFrame(() => {
         if (!m.value || !v.value) {
-          N = !1;
+          z = !1;
           return;
         }
-        const C = m.value.getBoundingClientRect(), K = e.showArrow && !e.flipArrow && e.offset === 8 ? 12 : e.offset, ie = v.value.offsetWidth, z = v.value.offsetHeight;
+        const C = m.value.getBoundingClientRect(), K = e.showArrow && !e.flipArrow && e.offset === 8 ? 12 : e.offset, ie = v.value.offsetWidth, x = v.value.offsetHeight;
         let L = 0, R = 0;
-        const [V, G] = e.placement.includes("-") ? e.placement.split("-") : [e.placement, "center"];
-        switch (V) {
+        const [A, U] = e.placement.includes("-") ? e.placement.split("-") : [e.placement, "center"];
+        switch (A) {
           case "top":
-            L = C.top - z - K + window.scrollY;
+            L = C.top - x - K + window.scrollY;
             break;
           case "bottom":
             L = C.bottom + K + window.scrollY;
@@ -4191,8 +4191,8 @@ const xt = {
             R = C.right + K + window.scrollX;
             break;
         }
-        if (V === "top" || V === "bottom")
-          switch (G) {
+        if (A === "top" || A === "bottom")
+          switch (U) {
             case "start":
               R = C.right - ie + window.scrollX;
               break;
@@ -4202,29 +4202,29 @@ const xt = {
             default:
               R = C.left + (C.width - ie) / 2 + window.scrollX;
           }
-        else if (V === "left" || V === "right")
-          switch (G) {
+        else if (A === "left" || A === "right")
+          switch (U) {
             case "start":
               L = C.top + window.scrollY;
               break;
             case "end":
-              L = C.bottom - z + window.scrollY;
+              L = C.bottom - x + window.scrollY;
               break;
             default:
-              L = C.top + (C.height - z) / 2 + window.scrollY;
+              L = C.top + (C.height - x) / 2 + window.scrollY;
           }
-        S.value = { top: L, left: R }, N = !1;
+        S.value = { top: L, left: R }, z = !1;
       }));
-    }, M = n(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), b = n(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), y = n(() => {
+    }, N = n(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), b = n(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), y = n(() => {
       const C = typeof e.width == "number" ? `${e.width}px` : e.width, K = typeof e.maxWidth == "number" ? `${e.maxWidth}px` : e.maxWidth, ie = {};
-      return M.value && (ie["--cp-popover-color"] = M.value), b.value && (ie["--cp-popover-color-light"] = b.value), {
+      return N.value && (ie["--cp-popover-color"] = N.value), b.value && (ie["--cp-popover-color-light"] = b.value), {
         ...ie,
         top: `${S.value.top}px`,
         left: `${S.value.left}px`,
         width: C === "auto" ? void 0 : C,
         maxWidth: K
       };
-    }), H = n(() => [
+    }), W = n(() => [
       l.e("content"),
       `${l.e("content")}--${e.placement.split("-")[0]}`,
       `${l.e("content")}--${e.variant}`,
@@ -4234,46 +4234,46 @@ const xt = {
       l.is("has-title", !!e.title && !e.tooltip),
       l.is("has-arrow", e.showArrow),
       l.is("flipped", e.flipArrow)
-    ]), J = n(() => [
+    ]), G = n(() => [
       l.e("arrow"),
       `${l.e("arrow")}--${e.placement.split("-")[0]}`
-    ]), I = () => {
-      e.trigger === "hover" && B();
+    ]), T = () => {
+      e.trigger === "hover" && _();
     }, ae = () => {
       e.trigger === "hover" && g();
     }, ne = () => {
-      e.trigger === "click" && _();
-    }, P = () => {
-      e.trigger === "focus" && B();
+      e.trigger === "click" && E();
+    }, V = () => {
+      e.trigger === "focus" && _();
     }, Y = () => {
       e.trigger === "focus" && g();
     }, h = () => {
-      e.trigger === "hover" && T();
+      e.trigger === "hover" && P();
     }, q = () => {
       e.trigger === "hover" && g();
     }, re = (C) => {
-      var z, L;
+      var x, L;
       if (!e.closeOnClickOutside || e.trigger !== "click" && e.trigger !== "manual" || !p.value) return;
       const K = C.target;
-      ((z = m.value) == null ? void 0 : z.contains(K)) || ((L = v.value) == null ? void 0 : L.contains(K)) || g();
+      ((x = m.value) == null ? void 0 : x.contains(K)) || ((L = v.value) == null ? void 0 : L.contains(K)) || g();
     }, $ = (C) => {
       e.closeOnEscape && C.key === "Escape" && p.value && g();
     };
     return ge(p, async (C) => {
-      C && (await Be(), E());
+      C && (await Be(), M());
     }), t({
       /** @description 打开弹层 */
-      open: B,
+      open: _,
       /** @description 关闭弹层 */
       close: g,
       /** @description 切换弹层 */
-      toggle: _,
+      toggle: E,
       /** @description 更新位置 */
-      updatePosition: E
+      updatePosition: M
     }), Ve(() => {
-      document.addEventListener("click", re), document.addEventListener("keydown", $), window.addEventListener("resize", E), window.addEventListener("scroll", E, !0);
+      document.addEventListener("click", re), document.addEventListener("keydown", $), window.addEventListener("resize", M), window.addEventListener("scroll", M, !0);
     }), Ae(() => {
-      T(), document.removeEventListener("click", re), document.removeEventListener("keydown", $), window.removeEventListener("resize", E), window.removeEventListener("scroll", E, !0);
+      P(), document.removeEventListener("click", re), document.removeEventListener("keydown", $), window.removeEventListener("resize", M), window.removeEventListener("scroll", M, !0);
     }), (C, K) => (u(), f("div", {
       class: c(a(l).b())
     }, [
@@ -4281,16 +4281,16 @@ const xt = {
         ref_key: "triggerRef",
         ref: m,
         class: c(a(l).e("trigger")),
-        onMouseenter: I,
+        onMouseenter: T,
         onMouseleave: ae,
         onClick: ne,
-        onFocus: P,
+        onFocus: V,
         onBlur: Y
       }, [
         F(C.$slots, "default")
       ], 34),
       (u(), ee(Ue, { to: C.teleportTo }, [
-        be(Ie, {
+        be(Te, {
           name: a(l).namespace + "-popover-fade"
         }, {
           default: fe(() => [
@@ -4298,7 +4298,7 @@ const xt = {
               key: 0,
               ref_key: "popoverRef",
               ref: v,
-              class: c(H.value),
+              class: c(W.value),
               style: j(y.value),
               onMouseenter: h,
               onMouseleave: q
@@ -4308,18 +4308,18 @@ const xt = {
               }, null, 2),
               C.showArrow ? (u(), f("div", {
                 key: 0,
-                class: c(J.value)
+                class: c(G.value)
               }, null, 2)) : O("", !0),
               a(d).popover ? F(C.$slots, "popover", { key: 1 }) : (u(), f(de, { key: 2 }, [
                 C.title && !C.tooltip ? (u(), f("div", {
                   key: 0,
                   class: c(a(l).e("title"))
-                }, Z(C.title), 3)) : O("", !0),
+                }, J(C.title), 3)) : O("", !0),
                 k("div", {
                   class: c(a(l).e("body"))
                 }, [
                   F(C.$slots, "content", {}, () => [
-                    pe(Z(C.content), 1)
+                    pe(J(C.content), 1)
                   ])
                 ], 2)
               ], 64))
@@ -4421,8 +4421,8 @@ const xt = {
   setup(s) {
     const t = s, o = le("pattern-background"), e = (g) => typeof g == "number" ? `${g}px` : g, r = (g) => {
       if (typeof g == "number") return g;
-      const _ = parseFloat(g);
-      return isNaN(_) ? 20 : _;
+      const E = parseFloat(g);
+      return isNaN(E) ? 20 : E;
     }, l = (g) => {
       switch (g) {
         case "horizontal":
@@ -4437,20 +4437,20 @@ const xt = {
           return 45;
       }
     }, d = () => {
-      const g = e(t.lineWidth), _ = t.color;
-      return `linear-gradient(${_} ${g}, transparent 0), linear-gradient(90deg, ${_} ${g}, transparent 0)`;
+      const g = e(t.lineWidth), E = t.color;
+      return `linear-gradient(${E} ${g}, transparent 0), linear-gradient(90deg, ${E} ${g}, transparent 0)`;
     }, i = () => {
       const g = t.color;
       return `linear-gradient(45deg, ${g} 25%, transparent 25%), linear-gradient(-45deg, ${g} 25%, transparent 25%), linear-gradient(45deg, transparent 75%, ${g} 75%), linear-gradient(-45deg, transparent 75%, ${g} 75%)`;
     }, p = () => {
-      const g = t.color, N = r(t.size) * t.dotScale / 2;
-      return `radial-gradient(circle at center, ${g} ${N}px, transparent 0)`;
+      const g = t.color, z = r(t.size) * t.dotScale / 2;
+      return `radial-gradient(circle at center, ${g} ${z}px, transparent 0)`;
     }, m = () => {
-      const g = l(t.direction), _ = r(t.lineWidth), N = t.color, E = r(t.size);
-      return `repeating-linear-gradient(${g}deg, ${N}, ${N} ${_}px, transparent ${_}px, transparent ${E}px)`;
+      const g = l(t.direction), E = r(t.lineWidth), z = t.color, M = r(t.size);
+      return `repeating-linear-gradient(${g}deg, ${z}, ${z} ${E}px, transparent ${E}px, transparent ${M}px)`;
     }, v = () => {
-      const g = e(t.lineWidth), _ = t.color;
-      return `linear-gradient(${_} ${g}, transparent 0), linear-gradient(90deg, ${_} ${g}, transparent 0)`;
+      const g = e(t.lineWidth), E = t.color;
+      return `linear-gradient(${E} ${g}, transparent 0), linear-gradient(90deg, ${E} ${g}, transparent 0)`;
     }, S = n(() => {
       const g = e(t.size);
       switch (t.pattern) {
@@ -4463,20 +4463,20 @@ const xt = {
         default:
           return `${g} ${g}`;
       }
-    }), w = n(() => {
-      const g = r(t.size), N = r(t.lineWidth) / 2;
+    }), B = n(() => {
+      const g = r(t.size), z = r(t.lineWidth) / 2;
       switch (t.pattern) {
         case "checkerboard": {
-          const E = g / 2;
-          return `0 0, 0 ${E}px, ${E}px -${E}px, -${E}px 0`;
+          const M = g / 2;
+          return `0 0, 0 ${M}px, ${M}px -${M}px, -${M}px 0`;
         }
         case "grid":
         case "cross":
-          return `0 -${N}px, -${N}px 0`;
+          return `0 -${z}px, -${z}px 0`;
         default:
           return "0 0";
       }
-    }), x = n(() => {
+    }), w = n(() => {
       switch (t.pattern) {
         case "grid":
           return d();
@@ -4491,20 +4491,20 @@ const xt = {
         default:
           return d();
       }
-    }), T = n(() => ({
-      backgroundImage: x.value,
+    }), P = n(() => ({
+      backgroundImage: w.value,
       backgroundSize: S.value,
-      backgroundPosition: w.value,
+      backgroundPosition: B.value,
       backgroundColor: t.backgroundColor,
       opacity: t.opacity
-    })), B = n(() => [
+    })), _ = n(() => [
       o.b(),
       o.is("cover", t.cover),
       o.is("decorative", t.decorative)
     ]);
-    return (g, _) => (u(), f("div", {
-      class: c(B.value),
-      style: j(T.value)
+    return (g, E) => (u(), f("div", {
+      class: c(_.value),
+      style: j(P.value)
     }, null, 6));
   }
 }), Ga = te(Go), Uo = {
@@ -4701,105 +4701,105 @@ const xt = {
   props: Uo,
   emits: Zo,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = Se(), d = le("dropdown"), i = { sm: 28, md: 36, lg: 44 }, p = W(null), m = W(null), v = W(null), S = W(null), w = W(!1), x = W(""), T = W(-1), B = W(!1), g = n(() => e.inline && e.filterable), _ = n({
-      get: () => w.value ? x.value : M.value,
-      set: (V) => {
-        x.value = V;
+    const e = s, r = o, l = Se(), d = le("dropdown"), i = { sm: 28, md: 36, lg: 44 }, p = H(null), m = H(null), v = H(null), S = H(null), B = H(!1), w = H(""), P = H(-1), _ = H(!1), g = n(() => e.inline && e.filterable), E = n({
+      get: () => B.value ? w.value : N.value,
+      set: (A) => {
+        w.value = A;
       }
-    }), N = W({ top: 0, left: 0, width: 0 }), E = n(() => e.options.find((V) => V.value === e.modelValue)), M = n(() => {
-      var V;
-      return ((V = E.value) == null ? void 0 : V.label) || "";
+    }), z = H({ top: 0, left: 0, width: 0 }), M = n(() => e.options.find((A) => A.value === e.modelValue)), N = n(() => {
+      var A;
+      return ((A = M.value) == null ? void 0 : A.label) || "";
     }), b = n(() => {
-      if (!e.filterable || !x.value)
+      if (!e.filterable || !w.value)
         return e.options;
-      const V = x.value.toLowerCase();
+      const A = w.value.toLowerCase();
       return e.options.filter(
-        (G) => G.label.toLowerCase().includes(V)
+        (U) => U.label.toLowerCase().includes(A)
       );
-    }), y = n(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), H = n(() => e.clearable && !e.disabled && y.value), J = n(() => [
+    }), y = n(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), W = n(() => e.clearable && !e.disabled && y.value), G = n(() => [
       d.b(),
-      U(e.size) && d.m(e.size),
+      Z(e.size) && d.m(e.size),
       d.m(e.variant),
       d.m(`shape-${e.shape}`),
       d.is("disabled", e.disabled),
-      d.is("active", w.value),
-      d.is("clearable", H.value),
-      d.is("clearing", B.value),
+      d.is("active", B.value),
+      d.is("clearable", W.value),
+      d.is("clearing", _.value),
       d.is("inline", g.value),
       d.is("custom-color", !!e.color),
-      d.is("custom-size", !U(e.size))
-    ]), I = n(() => {
-      const V = {};
-      return e.color && (V["--cp-dropdown-custom-color"] = e.color, V["--cp-dropdown-custom-color-light"] = `${e.color}33`), e.inactiveColor && (V["--cp-dropdown-inactive-color"] = e.inactiveColor), e.placeholderColor && (V["--cp-dropdown-placeholder-color"] = e.placeholderColor), U(e.size) || (V["--cp-dropdown-height"] = we(e.size, i)), e.clearDuration !== 150 && (V["--cp-dropdown-clear-duration"] = `${e.clearDuration}ms`), V;
+      d.is("custom-size", !Z(e.size))
+    ]), T = n(() => {
+      const A = {};
+      return e.color && (A["--cp-dropdown-custom-color"] = e.color, A["--cp-dropdown-custom-color-light"] = `${e.color}33`), e.inactiveColor && (A["--cp-dropdown-inactive-color"] = e.inactiveColor), e.placeholderColor && (A["--cp-dropdown-placeholder-color"] = e.placeholderColor), Z(e.size) || (A["--cp-dropdown-height"] = we(e.size, i)), e.clearDuration !== 150 && (A["--cp-dropdown-clear-duration"] = `${e.clearDuration}ms`), A;
     }), ae = n(() => ({
-      top: `${N.value.top}px`,
-      left: `${N.value.left}px`,
-      width: `${N.value.width}px`,
+      top: `${z.value.top}px`,
+      left: `${z.value.left}px`,
+      width: `${z.value.width}px`,
       maxHeight: `${e.maxHeight}px`
     })), ne = n(() => [
       d.e("popper"),
       `${d.e("popper")}--${e.placement.split("-")[0]}`,
       d.m(`shape-${e.shape}`)
     ]);
-    let P = !1;
+    let V = !1;
     const Y = () => {
-      !w.value || !p.value || P || (P = !0, requestAnimationFrame(() => {
+      !B.value || !p.value || V || (V = !0, requestAnimationFrame(() => {
         if (!p.value) {
-          P = !1;
+          V = !1;
           return;
         }
-        const V = p.value.getBoundingClientRect(), G = 4;
-        let ue = 0, A = V.left + window.scrollX;
-        const D = V.width;
-        e.placement.split("-")[0] === "bottom" ? ue = V.bottom + G + window.scrollY : ue = V.top - e.maxHeight - G + window.scrollY, N.value = { top: ue, left: A, width: D }, P = !1;
+        const A = p.value.getBoundingClientRect(), U = 4;
+        let ue = 0, I = A.left + window.scrollX;
+        const D = A.width;
+        e.placement.split("-")[0] === "bottom" ? ue = A.bottom + U + window.scrollY : ue = A.top - e.maxHeight - U + window.scrollY, z.value = { top: ue, left: I, width: D }, V = !1;
       }));
     }, h = () => {
-      e.disabled || (w.value = !0, r("visibleChange", !0), r("focus"), Be(() => {
+      e.disabled || (B.value = !0, r("visibleChange", !0), r("focus"), Be(() => {
         Y(), g.value && S.value ? S.value.focus() : e.filterable && v.value && v.value.focus();
       }));
     }, q = () => {
-      w.value = !1, x.value = "", T.value = -1, r("visibleChange", !1), r("blur");
+      B.value = !1, w.value = "", P.value = -1, r("visibleChange", !1), r("blur");
     }, re = () => {
-      w.value ? q() : h();
-    }, $ = (V) => {
-      V.disabled || (r("update:modelValue", V.value), r("change", V.value), q());
-    }, C = (V) => {
-      V.stopPropagation(), B.value = !0, setTimeout(() => {
-        r("update:modelValue", ""), r("clear"), B.value = !1;
+      B.value ? q() : h();
+    }, $ = (A) => {
+      A.disabled || (r("update:modelValue", A.value), r("change", A.value), q());
+    }, C = (A) => {
+      A.stopPropagation(), _.value = !0, setTimeout(() => {
+        r("update:modelValue", ""), r("clear"), _.value = !1;
       }, e.clearDuration);
-    }, K = (V) => V.value === e.modelValue, ie = (V) => {
-      var A, D;
-      if (!w.value) return;
-      const G = V.target;
-      ((A = p.value) == null ? void 0 : A.contains(G)) || ((D = m.value) == null ? void 0 : D.contains(G)) || q();
-    }, z = (V) => {
-      if (!w.value) {
-        (V.key === "Enter" || V.key === " " || V.key === "ArrowDown") && (V.preventDefault(), h());
+    }, K = (A) => A.value === e.modelValue, ie = (A) => {
+      var I, D;
+      if (!B.value) return;
+      const U = A.target;
+      ((I = p.value) == null ? void 0 : I.contains(U)) || ((D = m.value) == null ? void 0 : D.contains(U)) || q();
+    }, x = (A) => {
+      if (!B.value) {
+        (A.key === "Enter" || A.key === " " || A.key === "ArrowDown") && (A.preventDefault(), h());
         return;
       }
-      switch (V.key) {
+      switch (A.key) {
         case "Escape":
-          V.preventDefault(), q();
+          A.preventDefault(), q();
           break;
         case "ArrowDown":
-          V.preventDefault(), T.value = Math.min(T.value + 1, b.value.length - 1);
+          A.preventDefault(), P.value = Math.min(P.value + 1, b.value.length - 1);
           break;
         case "ArrowUp":
-          V.preventDefault(), T.value = Math.max(T.value - 1, 0);
+          A.preventDefault(), P.value = Math.max(P.value - 1, 0);
           break;
         case "Enter":
-          V.preventDefault(), T.value >= 0 && T.value < b.value.length && $(b.value[T.value]);
+          A.preventDefault(), P.value >= 0 && P.value < b.value.length && $(b.value[P.value]);
           break;
       }
     }, L = () => {
-      var V;
-      (V = p.value) == null || V.focus();
+      var A;
+      (A = p.value) == null || A.focus();
     }, R = () => {
-      var V;
-      (V = p.value) == null || V.blur();
+      var A;
+      (A = p.value) == null || A.blur();
     };
-    return ge(w, async (V) => {
-      V && (await Be(), Y());
+    return ge(B, async (A) => {
+      A && (await Be(), Y());
     }), t({
       /** @description 打开下拉面板 */
       open: h,
@@ -4815,48 +4815,48 @@ const xt = {
       document.addEventListener("click", ie), window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0);
     }), Ae(() => {
       document.removeEventListener("click", ie), window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0);
-    }), (V, G) => (u(), f("div", {
-      class: c(J.value),
-      style: j(I.value)
+    }), (A, U) => (u(), f("div", {
+      class: c(G.value),
+      style: j(T.value)
     }, [
       k("div", {
         ref_key: "triggerRef",
         ref: p,
         class: c(a(d).e("trigger")),
         tabindex: g.value ? -1 : 0,
-        onClick: G[2] || (G[2] = (ue) => !g.value && re()),
-        onKeydown: G[3] || (G[3] = (ue) => !g.value && z(ue))
+        onClick: U[2] || (U[2] = (ue) => !g.value && re()),
+        onKeydown: U[3] || (U[3] = (ue) => !g.value && x(ue))
       }, [
         a(l).prefix ? (u(), f("span", {
           key: 0,
           class: c(a(d).e("prefix"))
         }, [
-          F(V.$slots, "prefix")
+          F(A.$slots, "prefix")
         ], 2)) : O("", !0),
-        g.value ? Te((u(), f("input", {
+        g.value ? Ie((u(), f("input", {
           key: 1,
           ref_key: "inlineInputRef",
           ref: S,
-          "onUpdate:modelValue": G[0] || (G[0] = (ue) => _.value = ue),
-          class: c([a(d).e("inline-input"), a(d).is("active", w.value)]),
-          placeholder: w.value ? "" : y.value ? M.value : e.placeholder,
+          "onUpdate:modelValue": U[0] || (U[0] = (ue) => E.value = ue),
+          class: c([a(d).e("inline-input"), a(d).is("active", B.value)]),
+          placeholder: B.value ? "" : y.value ? N.value : e.placeholder,
           autocomplete: "off",
           disabled: e.disabled,
-          onClick: G[1] || (G[1] = Pe(() => {
+          onClick: U[1] || (U[1] = Pe(() => {
           }, ["stop"])),
           onFocus: h,
-          onKeydown: z
+          onKeydown: x
         }, null, 42, Qo)), [
-          [tt, _.value]
+          [tt, E.value]
         ]) : (u(), f("span", {
           key: 2,
           class: c([a(d).e("value"), { [a(d).is("placeholder")]: !y.value }])
-        }, Z(y.value ? M.value : e.placeholder), 3)),
-        H.value ? (u(), f("span", {
+        }, J(y.value ? N.value : e.placeholder), 3)),
+        W.value ? (u(), f("span", {
           key: 3,
           class: c(a(d).e("clear")),
           onClick: C
-        }, [...G[6] || (G[6] = [
+        }, [...U[6] || (U[6] = [
           k("svg", {
             viewBox: "0 0 24 24",
             fill: "currentColor"
@@ -4865,8 +4865,8 @@ const xt = {
           ], -1)
         ])], 2)) : O("", !0),
         k("span", {
-          class: c([a(d).e("arrow"), { [a(d).is("reverse")]: w.value }])
-        }, [...G[7] || (G[7] = [
+          class: c([a(d).e("arrow"), { [a(d).is("reverse")]: B.value }])
+        }, [...U[7] || (U[7] = [
           k("svg", {
             viewBox: "0 0 24 24",
             fill: "currentColor"
@@ -4875,12 +4875,12 @@ const xt = {
           ], -1)
         ])], 2)
       ], 42, Jo),
-      (u(), ee(Ue, { to: V.teleportTo }, [
-        be(Ie, {
+      (u(), ee(Ue, { to: A.teleportTo }, [
+        be(Te, {
           name: a(d).namespace + "-dropdown-fade"
         }, {
           default: fe(() => [
-            w.value ? (u(), f("div", {
+            B.value ? (u(), f("div", {
               key: 0,
               ref_key: "popperRef",
               ref: m,
@@ -4891,51 +4891,51 @@ const xt = {
                 key: 0,
                 class: c(a(d).e("filter"))
               }, [
-                Te(k("input", {
+                Ie(k("input", {
                   ref_key: "filterInputRef",
                   ref: v,
-                  "onUpdate:modelValue": G[4] || (G[4] = (ue) => x.value = ue),
+                  "onUpdate:modelValue": U[4] || (U[4] = (ue) => w.value = ue),
                   class: c(a(d).e("filter-input")),
                   type: "text",
                   placeholder: e.filterPlaceholder,
-                  onClick: G[5] || (G[5] = Pe(() => {
+                  onClick: U[5] || (U[5] = Pe(() => {
                   }, ["stop"]))
                 }, null, 10, el), [
-                  [tt, x.value]
+                  [tt, w.value]
                 ])
               ], 2)) : O("", !0),
               k("ul", {
                 class: c(a(d).e("options"))
               }, [
-                V.options.length === 0 ? (u(), f("li", {
+                A.options.length === 0 ? (u(), f("li", {
                   key: 0,
                   class: c(a(d).e("empty"))
                 }, [
-                  F(V.$slots, "empty", {}, () => [
-                    pe(Z(V.noDataText), 1)
+                  F(A.$slots, "empty", {}, () => [
+                    pe(J(A.noDataText), 1)
                   ])
                 ], 2)) : b.value.length === 0 ? (u(), f("li", {
                   key: 1,
                   class: c(a(d).e("empty"))
-                }, Z(V.noMatchText), 3)) : O("", !0),
-                (u(!0), f(de, null, ke(b.value, (ue, A) => (u(), f("li", {
+                }, J(A.noMatchText), 3)) : O("", !0),
+                (u(!0), f(de, null, ke(b.value, (ue, I) => (u(), f("li", {
                   key: ue.value,
                   class: c([
                     a(d).e("option"),
                     a(d).is("selected", K(ue)),
                     a(d).is("disabled", !!ue.disabled),
-                    a(d).is("hover", T.value === A)
+                    a(d).is("hover", P.value === I)
                   ]),
                   onClick: (D) => $(ue),
-                  onMouseenter: (D) => T.value = A
+                  onMouseenter: (D) => P.value = I
                 }, [
-                  F(V.$slots, "default", { option: ue }, () => [
-                    pe(Z(ue.label), 1)
+                  F(A.$slots, "default", { option: ue }, () => [
+                    pe(J(ue.label), 1)
                   ]),
                   K(ue) ? (u(), f("span", {
                     key: 0,
                     class: c(a(d).e("check"))
-                  }, [...G[8] || (G[8] = [
+                  }, [...U[8] || (U[8] = [
                     k("svg", {
                       viewBox: "0 0 24 24",
                       fill: "currentColor"
@@ -5078,31 +5078,31 @@ const xt = {
   emits: ll,
   setup(s, { expose: t, emit: o }) {
     const e = s, r = o, l = le("checkbox"), d = { sm: 14, md: 18, lg: 22 }, i = xe(pt, void 0), p = n(() => !!i), m = n(() => {
-      var M;
-      return e.disabled || ((M = i == null ? void 0 : i.disabled) == null ? void 0 : M.value) || !1;
+      var N;
+      return e.disabled || ((N = i == null ? void 0 : i.disabled) == null ? void 0 : N.value) || !1;
     }), v = n(() => {
-      var M;
-      return ((M = i == null ? void 0 : i.size) == null ? void 0 : M.value) || e.size;
+      var N;
+      return ((N = i == null ? void 0 : i.size) == null ? void 0 : N.value) || e.size;
     }), S = n(() => {
-      var M;
-      return ((M = i == null ? void 0 : i.type) == null ? void 0 : M.value) || e.type;
+      var N;
+      return ((N = i == null ? void 0 : i.type) == null ? void 0 : N.value) || e.type;
+    }), B = n(() => {
+      var N;
+      return ((N = i == null ? void 0 : i.shape) == null ? void 0 : N.value) || e.shape;
     }), w = n(() => {
-      var M;
-      return ((M = i == null ? void 0 : i.shape) == null ? void 0 : M.value) || e.shape;
-    }), x = n(() => {
-      var M;
+      var N;
       if (p.value && i) {
-        const b = (M = i.modelValue) == null ? void 0 : M.value;
+        const b = (N = i.modelValue) == null ? void 0 : N.value;
         return Array.isArray(b) && e.label !== void 0 ? b.includes(e.label) : !1;
       }
       return typeof e.modelValue == "boolean" ? e.modelValue : e.modelValue === e.trueValue;
-    }), T = {
+    }), P = {
       primary: "var(--cp-color-primary)",
       success: "var(--cp-color-success)",
       warning: "var(--cp-color-warning)",
       error: "var(--cp-color-error)",
       info: "var(--cp-color-info)"
-    }, B = {
+    }, _ = {
       primary: "var(--cp-color-primary-text)",
       success: "var(--cp-color-success-text)",
       warning: "var(--cp-color-warning-text)",
@@ -5110,48 +5110,48 @@ const xt = {
       info: "var(--cp-color-info-text)"
     }, g = n(() => [
       l.b(),
-      U(v.value) && l.m(v.value),
-      l.m(`shape-${w.value}`),
-      l.is("checked", x.value),
+      Z(v.value) && l.m(v.value),
+      l.m(`shape-${B.value}`),
+      l.is("checked", w.value),
       l.is("disabled", m.value),
       l.is("indeterminate", e.indeterminate),
       l.is("border", e.border),
-      l.is("custom-size", !U(v.value))
-    ]), _ = n(() => {
-      const M = {};
-      return e.color ? (M["--cp-checkbox-active-color"] = e.color, M["--cp-checkbox-active-color-light"] = `${e.color}40`) : S.value && T[S.value] && (M["--cp-checkbox-active-color"] = T[S.value], M["--cp-checkbox-active-color-light"] = `var(--cp-color-${S.value}-light)`), e.checkColor ? M["--cp-checkbox-check-color"] = e.checkColor : S.value && B[S.value] && (M["--cp-checkbox-check-color"] = B[S.value]), U(v.value) || (M["--cp-checkbox-size"] = we(v.value, d)), M;
-    }), N = () => {
+      l.is("custom-size", !Z(v.value))
+    ]), E = n(() => {
+      const N = {};
+      return e.color ? (N["--cp-checkbox-active-color"] = e.color, N["--cp-checkbox-active-color-light"] = `${e.color}40`) : S.value && P[S.value] && (N["--cp-checkbox-active-color"] = P[S.value], N["--cp-checkbox-active-color-light"] = `var(--cp-color-${S.value}-light)`), e.checkColor ? N["--cp-checkbox-check-color"] = e.checkColor : S.value && _[S.value] && (N["--cp-checkbox-check-color"] = _[S.value]), Z(v.value) || (N["--cp-checkbox-size"] = we(v.value, d)), N;
+    }), z = () => {
       if (!m.value)
         if (p.value && i && e.label !== void 0)
           i.handleChange(e.label);
         else {
-          const M = x.value ? e.falseValue : e.trueValue;
-          r("update:modelValue", M), r("change", M);
+          const N = w.value ? e.falseValue : e.trueValue;
+          r("update:modelValue", N), r("change", N);
         }
-    }, E = W();
+    }, M = H();
     return t({
       /** @description input 元素引用 */
-      inputRef: E,
+      inputRef: M,
       /** @description 是否选中 */
-      checked: x
-    }), (M, b) => (u(), f("label", {
+      checked: w
+    }), (N, b) => (u(), f("label", {
       class: c(g.value),
-      style: j(_.value)
+      style: j(E.value)
     }, [
       k("input", {
         ref_key: "inputRef",
-        ref: E,
+        ref: M,
         type: "checkbox",
         class: c(a(l).e("input")),
         name: e.name,
-        checked: x.value,
+        checked: w.value,
         disabled: m.value,
-        onChange: N
+        onChange: z
       }, null, 42, al),
       k("span", {
         class: c(a(l).e("indicator"))
       }, [
-        x.value && !e.indeterminate ? (u(), f("svg", {
+        w.value && !e.indeterminate ? (u(), f("svg", {
           key: 0,
           class: c(a(l).e("icon")),
           viewBox: "0 0 24 24",
@@ -5180,8 +5180,8 @@ const xt = {
       k("span", {
         class: c(a(l).e("label"))
       }, [
-        F(M.$slots, "default", {}, () => [
-          pe(Z(e.label), 1)
+        F(N.$slots, "default", {}, () => [
+          pe(J(e.label), 1)
         ])
       ], 2)
     ], 6));
@@ -5403,64 +5403,64 @@ const xt = {
   emits: ul,
   setup(s, { expose: t, emit: o }) {
     const e = s, r = o, l = le("radio"), d = { sm: 14, md: 18, lg: 22 }, i = xe(ft, void 0), p = n(() => !!i), m = n(() => {
-      var E;
-      return e.disabled || ((E = i == null ? void 0 : i.disabled) == null ? void 0 : E.value) || !1;
+      var M;
+      return e.disabled || ((M = i == null ? void 0 : i.disabled) == null ? void 0 : M.value) || !1;
     }), v = n(() => {
-      var E;
-      return ((E = i == null ? void 0 : i.size) == null ? void 0 : E.value) || e.size;
+      var M;
+      return ((M = i == null ? void 0 : i.size) == null ? void 0 : M.value) || e.size;
     }), S = n(() => {
-      var E;
-      return ((E = i == null ? void 0 : i.type) == null ? void 0 : E.value) || e.type;
-    }), w = n(() => {
-      var E;
-      return p.value && i ? ((E = i.modelValue) == null ? void 0 : E.value) === e.value : e.modelValue === e.value;
-    }), x = {
+      var M;
+      return ((M = i == null ? void 0 : i.type) == null ? void 0 : M.value) || e.type;
+    }), B = n(() => {
+      var M;
+      return p.value && i ? ((M = i.modelValue) == null ? void 0 : M.value) === e.value : e.modelValue === e.value;
+    }), w = {
       primary: "var(--cp-color-primary)",
       success: "var(--cp-color-success)",
       warning: "var(--cp-color-warning)",
       error: "var(--cp-color-error)",
       info: "var(--cp-color-info)"
-    }, T = {
+    }, P = {
       primary: "var(--cp-color-primary-text)",
       success: "var(--cp-color-success-text)",
       warning: "var(--cp-color-warning-text)",
       error: "var(--cp-color-error-text)",
       info: "var(--cp-color-info-text)"
-    }, B = n(() => [
+    }, _ = n(() => [
       l.b(),
-      U(v.value) && l.m(v.value),
-      l.is("checked", w.value),
+      Z(v.value) && l.m(v.value),
+      l.is("checked", B.value),
       l.is("disabled", m.value),
       l.is("border", e.border),
       l.is("glow", e.glow),
-      l.is("custom-size", !U(v.value))
+      l.is("custom-size", !Z(v.value))
     ]), g = n(() => {
-      const E = {};
-      return e.color ? (E["--cp-radio-active-color"] = e.color, E["--cp-radio-active-color-light"] = `${e.color}40`) : S.value && x[S.value] && (E["--cp-radio-active-color"] = x[S.value], E["--cp-radio-active-color-light"] = `var(--cp-color-${S.value}-light)`), e.dotColor ? E["--cp-radio-dot-color"] = e.dotColor : S.value && T[S.value] && (E["--cp-radio-dot-color"] = T[S.value]), U(v.value) || (E["--cp-radio-size"] = we(v.value, d)), E;
-    }), _ = () => {
-      if (m.value || w.value) return;
-      const E = e.value;
-      p.value && i ? i.handleChange(E) : (r("update:modelValue", E), r("change", E));
-    }, N = W();
+      const M = {};
+      return e.color ? (M["--cp-radio-active-color"] = e.color, M["--cp-radio-active-color-light"] = `${e.color}40`) : S.value && w[S.value] && (M["--cp-radio-active-color"] = w[S.value], M["--cp-radio-active-color-light"] = `var(--cp-color-${S.value}-light)`), e.dotColor ? M["--cp-radio-dot-color"] = e.dotColor : S.value && P[S.value] && (M["--cp-radio-dot-color"] = P[S.value]), Z(v.value) || (M["--cp-radio-size"] = we(v.value, d)), M;
+    }), E = () => {
+      if (m.value || B.value) return;
+      const M = e.value;
+      p.value && i ? i.handleChange(M) : (r("update:modelValue", M), r("change", M));
+    }, z = H();
     return t({
       /** @description input 元素引用 */
-      inputRef: N,
+      inputRef: z,
       /** @description 是否选中 */
-      checked: w
-    }), (E, M) => (u(), f("label", {
-      class: c(B.value),
+      checked: B
+    }), (M, N) => (u(), f("label", {
+      class: c(_.value),
       style: j(g.value)
     }, [
       k("input", {
         ref_key: "inputRef",
-        ref: N,
+        ref: z,
         type: "radio",
         class: c(a(l).e("input")),
         name: e.name,
         value: e.value,
-        checked: w.value,
+        checked: B.value,
         disabled: m.value,
-        onChange: _
+        onChange: E
       }, null, 42, cl),
       k("span", {
         class: c(a(l).e("indicator-wrap"))
@@ -5468,7 +5468,7 @@ const xt = {
         k("span", {
           class: c(a(l).e("indicator"))
         }, [
-          w.value ? (u(), f("span", {
+          B.value ? (u(), f("span", {
             key: 0,
             class: c(a(l).e("dot"))
           }, null, 2)) : O("", !0)
@@ -5477,8 +5477,8 @@ const xt = {
       k("span", {
         class: c(a(l).e("label"))
       }, [
-        F(E.$slots, "default", {}, () => [
-          pe(Z(e.label), 1)
+        F(M.$slots, "default", {}, () => [
+          pe(J(e.label), 1)
         ])
       ], 2)
     ], 6));
@@ -5701,14 +5701,14 @@ const xt = {
       style: j(i.value)
     }, [
       F(p.$slots, "default"),
-      be(Ie, {
+      be(Te, {
         name: a(o).namespace + "-badge-fade"
       }, {
         default: fe(() => [
           r.value ? O("", !0) : (u(), f("sup", {
             key: 0,
             class: c(d.value)
-          }, Z(l.value), 3))
+          }, J(l.value), 3))
         ]),
         _: 1
       }, 8, ["name"])
@@ -5967,7 +5967,7 @@ const xt = {
       o.is("current", p.value),
       o.is("disabled", t.node.disabled),
       o.is("leaf", t.node.isLeaf)
-    ]), w = n(() => t.node.isLeaf ? null : l.value && e.collapseIcon ? r(e.collapseIcon) : !l.value && e.expandIcon || e.expandIcon ? r(e.expandIcon) : null), x = n(() => t.node.isLeaf ? r(e.leafIcon) : null), T = n(() => !!e.expandIcon && !e.collapseIcon), B = n(() => {
+    ]), B = n(() => t.node.isLeaf ? null : l.value && e.collapseIcon ? r(e.collapseIcon) : !l.value && e.expandIcon || e.expandIcon ? r(e.expandIcon) : null), w = n(() => t.node.isLeaf ? r(e.leafIcon) : null), P = n(() => !!e.expandIcon && !e.collapseIcon), _ = n(() => {
       var b;
       if (e.nodeIcon) {
         if (typeof e.nodeIcon == "function")
@@ -5988,41 +5988,41 @@ const xt = {
       }
       return { component: null, iconString: null };
     }), g = n(
-      () => B.value.component !== null || B.value.iconString !== null
-    ), _ = (b) => {
+      () => _.value.component !== null || _.value.iconString !== null
+    ), E = (b) => {
       b.stopPropagation(), t.node.isLeaf || e.toggleExpand(t.node);
-    }, N = (b) => {
+    }, z = (b) => {
       b.stopPropagation(), e.toggleCheck(t.node);
-    }, E = () => {
+    }, M = () => {
       e.handleNodeClick(t.node), !t.node.isLeaf && !e.showCheckbox && e.toggleExpand(t.node);
-    }, M = W();
+    }, N = H();
     return (b, y) => {
-      const H = st("CpTreeNode");
-      return Te((u(), f("div", {
+      const W = st("CpTreeNode");
+      return Ie((u(), f("div", {
         class: c(a(o).e("node")),
         role: "treeitem"
       }, [
         k("div", {
           class: c(S.value),
           style: j(v.value),
-          onClick: E
+          onClick: M
         }, [
           k("span", {
             class: c([
               a(o).e("expand-icon"),
               a(o).is("expanded", l.value),
               a(o).is("leaf", b.node.isLeaf),
-              a(o).is("custom-icon", !!w.value || !!x.value),
-              a(o).is("rotate-expand", T.value && l.value)
+              a(o).is("custom-icon", !!B.value || !!w.value),
+              a(o).is("rotate-expand", P.value && l.value)
             ]),
-            onClick: _
+            onClick: E
           }, [
             a(e).slots.icon ? (u(), ee($e(a(e).slots.icon), {
               key: 0,
               node: b.node,
               data: b.node.data,
               expanded: l.value
-            }, null, 8, ["node", "data", "expanded"])) : w.value ? (u(), ee($e(w.value), { key: 1 })) : x.value ? (u(), ee($e(x.value), { key: 2 })) : (u(), f(de, { key: 3 }, [
+            }, null, 8, ["node", "data", "expanded"])) : B.value ? (u(), ee($e(B.value), { key: 1 })) : w.value ? (u(), ee($e(w.value), { key: 2 })) : (u(), f(de, { key: 3 }, [
               b.node.isLeaf ? (u(), f("span", {
                 key: 1,
                 class: c(a(o).e("leaf-dot"))
@@ -6035,9 +6035,9 @@ const xt = {
             key: 0,
             class: c(a(o).e("node-icon"))
           }, [
-            B.value.component ? (u(), ee($e(B.value.component), { key: 0 })) : B.value.iconString ? (u(), ee(ut, {
+            _.value.component ? (u(), ee($e(_.value.component), { key: 0 })) : _.value.iconString ? (u(), ee(ut, {
               key: 1,
-              icon: B.value.iconString,
+              icon: _.value.iconString,
               size: "sm"
             }, null, 8, ["icon"])) : O("", !0)
           ], 2)) : O("", !0),
@@ -6049,7 +6049,7 @@ const xt = {
               a(o).is("indeterminate", i.value),
               a(o).is("disabled", b.node.disabled)
             ]),
-            onClick: Pe(N, ["stop"])
+            onClick: Pe(z, ["stop"])
           }, [
             d.value && !i.value ? (u(), f("svg", {
               key: 0,
@@ -6087,20 +6087,20 @@ const xt = {
               node: b.node,
               data: b.node.data
             }, null, 8, ["node", "data"])) : (u(), f(de, { key: 1 }, [
-              pe(Z(b.node.label), 1)
+              pe(J(b.node.label), 1)
             ], 64))
           ], 2)
         ], 6),
-        b.node.children.length > 0 ? Te((u(), f("div", {
+        b.node.children.length > 0 ? Ie((u(), f("div", {
           key: 0,
           ref_key: "childrenRef",
-          ref: M,
+          ref: N,
           class: c(a(o).e("children"))
         }, [
-          (u(!0), f(de, null, ke(b.node.children, (J, I) => (u(), ee(H, {
-            key: J.key,
-            node: J,
-            "is-last": I === b.node.children.length - 1
+          (u(!0), f(de, null, ke(b.node.children, (G, T) => (u(), ee(W, {
+            key: G.key,
+            node: G,
+            "is-last": T === b.node.children.length - 1
           }, null, 8, ["node", "is-last"]))), 128))
         ], 2)), [
           [Re, l.value]
@@ -6116,22 +6116,22 @@ const xt = {
   props: gl,
   emits: hl,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = Se(), d = le("tree"), i = (A) => {
+    const e = s, r = o, l = Se(), d = le("tree"), i = (I) => {
       var D;
-      return A[((D = e.props) == null ? void 0 : D.label) || "label"];
-    }, p = (A) => {
+      return I[((D = e.props) == null ? void 0 : D.label) || "label"];
+    }, p = (I) => {
       var D;
-      return A[((D = e.props) == null ? void 0 : D.children) || "children"];
-    }, m = (A) => {
+      return I[((D = e.props) == null ? void 0 : D.children) || "children"];
+    }, m = (I) => {
       var D;
-      return A[((D = e.props) == null ? void 0 : D.disabled) || "disabled"];
-    }, v = (A) => {
+      return I[((D = e.props) == null ? void 0 : D.disabled) || "disabled"];
+    }, v = (I) => {
       var D;
-      return A[((D = e.props) == null ? void 0 : D.isLeaf) || "isLeaf"];
-    }, S = (A) => {
-      const D = A[e.nodeKey];
-      return typeof D == "string" || typeof D == "number" ? D : A.label;
-    }, w = /* @__PURE__ */ new Map(), x = (A, D = null, se = 0) => A.map((ce) => {
+      return I[((D = e.props) == null ? void 0 : D.isLeaf) || "isLeaf"];
+    }, S = (I) => {
+      const D = I[e.nodeKey];
+      return typeof D == "string" || typeof D == "number" ? D : I.label;
+    }, B = /* @__PURE__ */ new Map(), w = (I, D = null, se = 0) => I.map((ce) => {
       const ye = S(ce), he = p(ce), Ce = {
         key: ye,
         label: i(ce),
@@ -6144,102 +6144,102 @@ const xt = {
         loading: !1,
         loaded: !1
       };
-      return w.set(ye, Ce), he && he.length > 0 && (Ce.children = x(he, Ce, se + 1)), Ce;
-    }), T = W([]);
+      return B.set(ye, Ce), he && he.length > 0 && (Ce.children = w(he, Ce, se + 1)), Ce;
+    }), P = H([]);
     ge(() => e.data, () => {
-      w.clear(), T.value = x(e.data);
+      B.clear(), P.value = w(e.data);
     }, { immediate: !0, deep: !0 });
-    const g = W(/* @__PURE__ */ new Set());
-    ge(T, () => {
+    const g = H(/* @__PURE__ */ new Set());
+    ge(P, () => {
       if (e.defaultExpandAll) {
-        const A = /* @__PURE__ */ new Set(), D = (se) => {
+        const I = /* @__PURE__ */ new Set(), D = (se) => {
           for (const ce of se)
-            ce.isLeaf || A.add(ce.key), ce.children.length > 0 && D(ce.children);
+            ce.isLeaf || I.add(ce.key), ce.children.length > 0 && D(ce.children);
         };
-        D(T.value), g.value = A;
+        D(P.value), g.value = I;
       } else e.defaultExpandedKeys.length > 0 && (g.value = new Set(e.defaultExpandedKeys));
     }, { immediate: !0 });
-    const N = n(() => e.expandedKeys !== void 0 ? new Set(e.expandedKeys) : g.value), E = W(/* @__PURE__ */ new Set()), M = n(() => e.checkedKeys !== void 0 ? new Set(e.checkedKeys) : E.value);
+    const z = n(() => e.expandedKeys !== void 0 ? new Set(e.expandedKeys) : g.value), M = H(/* @__PURE__ */ new Set()), N = n(() => e.checkedKeys !== void 0 ? new Set(e.checkedKeys) : M.value);
     ge(
       () => e.checkedKeys,
-      (A) => {
-        A !== void 0 && (E.value = new Set(A), e.checkStrictly || y());
+      (I) => {
+        I !== void 0 && (M.value = new Set(I), e.checkStrictly || y());
       },
       { immediate: !0 }
     );
-    const b = W(/* @__PURE__ */ new Set()), y = () => {
+    const b = H(/* @__PURE__ */ new Set()), y = () => {
       if (e.checkStrictly) {
         b.value = /* @__PURE__ */ new Set();
         return;
       }
-      const A = /* @__PURE__ */ new Set(), D = M.value, se = (ce) => {
+      const I = /* @__PURE__ */ new Set(), D = N.value, se = (ce) => {
         for (const ye of ce)
           if (ye.children.length > 0) {
             se(ye.children);
             const he = ye.children.filter((me) => !me.disabled);
             if (he.length === 0) continue;
             const Ce = he.every((me) => D.has(me.key)), X = he.some(
-              (me) => D.has(me.key) || A.has(me.key)
+              (me) => D.has(me.key) || I.has(me.key)
             );
-            !Ce && X && A.add(ye.key);
+            !Ce && X && I.add(ye.key);
           }
       };
-      se(T.value), b.value = A;
+      se(P.value), b.value = I;
     };
-    ge(M, y, { immediate: !0 });
-    const H = W(null), J = W(""), I = W(null);
-    ge(J, () => {
-      if (!J.value || !e.filterMethod) {
-        I.value = null;
+    ge(N, y, { immediate: !0 });
+    const W = H(null), G = H(""), T = H(null);
+    ge(G, () => {
+      if (!G.value || !e.filterMethod) {
+        T.value = null;
         return;
       }
-      const A = /* @__PURE__ */ new Set(), D = (se) => {
+      const I = /* @__PURE__ */ new Set(), D = (se) => {
         let ce = !1;
         for (const ye of se) {
           let he = !1;
           ye.children.length > 0 && (he = D(ye.children)), (e.filterMethod(
-            J.value,
+            G.value,
             ye.data,
             ye
-          ) || he) && (A.add(ye.key), ce = !0);
+          ) || he) && (I.add(ye.key), ce = !0);
         }
         return ce;
       };
-      D(T.value), I.value = A;
+      D(P.value), T.value = I;
     });
-    const ne = (A) => {
-      const D = new Set(N.value);
-      if (D.has(A.key))
-        D.delete(A.key), r("node-collapse", A.data, A);
+    const ne = (I) => {
+      const D = new Set(z.value);
+      if (D.has(I.key))
+        D.delete(I.key), r("node-collapse", I.data, I);
       else {
-        if (e.accordion && A.parent)
-          for (const ce of A.parent.children)
+        if (e.accordion && I.parent)
+          for (const ce of I.parent.children)
             D.delete(ce.key);
-        else if (e.accordion && !A.parent)
-          for (const ce of T.value)
+        else if (e.accordion && !I.parent)
+          for (const ce of P.value)
             D.delete(ce.key);
-        D.add(A.key), r("node-expand", A.data, A);
+        D.add(I.key), r("node-expand", I.data, I);
       }
       e.expandedKeys !== void 0 ? r("update:expandedKeys", Array.from(D)) : g.value = D;
-    }, P = (A) => {
-      if (A.disabled) return;
-      const D = new Set(M.value), se = D.has(A.key);
-      e.checkStrictly ? se ? D.delete(A.key) : D.add(A.key) : (se ? (D.delete(A.key), h(A, D)) : (D.add(A.key), Y(A, D)), q(A.parent, D)), r("check-change", A.data, !se), e.checkedKeys !== void 0 ? r("update:checkedKeys", Array.from(D)) : E.value = D;
-    }, Y = (A, D) => {
-      for (const se of A.children)
+    }, V = (I) => {
+      if (I.disabled) return;
+      const D = new Set(N.value), se = D.has(I.key);
+      e.checkStrictly ? se ? D.delete(I.key) : D.add(I.key) : (se ? (D.delete(I.key), h(I, D)) : (D.add(I.key), Y(I, D)), q(I.parent, D)), r("check-change", I.data, !se), e.checkedKeys !== void 0 ? r("update:checkedKeys", Array.from(D)) : M.value = D;
+    }, Y = (I, D) => {
+      for (const se of I.children)
         se.disabled || D.add(se.key), Y(se, D);
-    }, h = (A, D) => {
-      for (const se of A.children)
+    }, h = (I, D) => {
+      for (const se of I.children)
         se.disabled || D.delete(se.key), h(se, D);
-    }, q = (A, D) => {
-      if (!A) return;
-      const se = A.children.filter((ye) => !ye.disabled);
+    }, q = (I, D) => {
+      if (!I) return;
+      const se = I.children.filter((ye) => !ye.disabled);
       if (se.length === 0) return;
-      se.every((ye) => D.has(ye.key)) ? D.add(A.key) : D.delete(A.key), q(A.parent, D);
-    }, re = (A) => {
-      e.highlightCurrent && (H.value = A.key);
-    }, $ = (A) => {
-      re(A), r("node-click", A.data, A);
+      se.every((ye) => D.has(ye.key)) ? D.add(I.key) : D.delete(I.key), q(I.parent, D);
+    }, re = (I) => {
+      e.highlightCurrent && (W.value = I.key);
+    }, $ = (I) => {
+      re(I), r("node-click", I.data, I);
     }, C = n(() => [
       d.b(),
       d.m(e.type),
@@ -6249,10 +6249,10 @@ const xt = {
       "--cp-tree-active-color": e.color,
       "--cp-tree-active-color-light": `${e.color}66`
     } : {}), ie = {
-      expandedKeys: N,
-      checkedKeys: M,
+      expandedKeys: z,
+      checkedKeys: N,
       indeterminateKeys: b,
-      currentNodeKey: H,
+      currentNodeKey: W,
       showCheckbox: e.showCheckbox,
       checkStrictly: e.checkStrictly,
       accordion: e.accordion,
@@ -6260,13 +6260,13 @@ const xt = {
       highlightCurrent: e.highlightCurrent,
       type: e.type,
       connectorLine: e.connectorLine,
-      filterText: J,
-      visibleKeys: I,
+      filterText: G,
+      visibleKeys: T,
       toggleExpand: ne,
-      toggleCheck: P,
+      toggleCheck: V,
       setCurrentNode: re,
       handleNodeClick: $,
-      nodeMap: w,
+      nodeMap: B,
       slots: l,
       expandIcon: e.expandIcon,
       collapseIcon: e.collapseIcon,
@@ -6275,39 +6275,39 @@ const xt = {
       showNodeIcon: e.showNodeIcon
     };
     return ze(yt, ie), t({
-      filter: (A) => {
-        J.value = A;
+      filter: (I) => {
+        G.value = I;
       },
-      getCheckedKeys: () => Array.from(M.value),
-      setCheckedKeys: (A) => {
-        e.checkedKeys !== void 0 ? r("update:checkedKeys", A) : E.value = new Set(A);
+      getCheckedKeys: () => Array.from(N.value),
+      setCheckedKeys: (I) => {
+        e.checkedKeys !== void 0 ? r("update:checkedKeys", I) : M.value = new Set(I);
       },
       getHalfCheckedKeys: () => Array.from(b.value),
       expandAll: () => {
-        const A = /* @__PURE__ */ new Set(), D = (se) => {
+        const I = /* @__PURE__ */ new Set(), D = (se) => {
           for (const ce of se)
-            ce.isLeaf || A.add(ce.key), ce.children.length && D(ce.children);
+            ce.isLeaf || I.add(ce.key), ce.children.length && D(ce.children);
         };
-        D(T.value), e.expandedKeys !== void 0 ? r("update:expandedKeys", Array.from(A)) : g.value = A;
+        D(P.value), e.expandedKeys !== void 0 ? r("update:expandedKeys", Array.from(I)) : g.value = I;
       },
       collapseAll: () => {
         e.expandedKeys !== void 0 ? r("update:expandedKeys", []) : g.value = /* @__PURE__ */ new Set();
       },
-      treeNodes: T
-    }), (A, D) => (u(), f("div", {
+      treeNodes: P
+    }), (I, D) => (u(), f("div", {
       class: c(C.value),
       style: j(K.value),
       role: "tree"
     }, [
-      T.value.length > 0 ? (u(!0), f(de, { key: 0 }, ke(T.value, (se, ce) => (u(), ee(Sl, {
+      P.value.length > 0 ? (u(!0), f(de, { key: 0 }, ke(P.value, (se, ce) => (u(), ee(Sl, {
         key: se.key,
         node: se,
-        "is-last": ce === T.value.length - 1
+        "is-last": ce === P.value.length - 1
       }, null, 8, ["node", "is-last"]))), 128)) : (u(), f("div", {
         key: 1,
         class: c(a(d).e("empty"))
       }, [
-        F(A.$slots, "empty", {}, () => [
+        F(I.$slots, "empty", {}, () => [
           k("span", {
             class: c(a(d).e("empty-text"))
           }, "NO DATA", 2)
@@ -6398,7 +6398,7 @@ const xt = {
     type: [Number, String],
     default: ""
   }
-}, Ke = /* @__PURE__ */ Q({
+}, _e = /* @__PURE__ */ Q({
   name: `${oe}Divider`,
   __name: "divider",
   props: wl,
@@ -6424,7 +6424,7 @@ const xt = {
       const S = {};
       return t.color ? S["--cp-divider-color"] = t.color : t.type !== "default" && r[t.type] && (S["--cp-divider-color"] = r[t.type]), t.thickness !== 1 && (S["--cp-divider-thickness"] = m(t.thickness)), t.margin !== void 0 && t.margin !== "" && (S["--cp-divider-margin"] = m(t.margin)), S;
     });
-    return (S, w) => (u(), f("div", {
+    return (S, B) => (u(), f("div", {
       role: "separator",
       class: c(p.value),
       style: j(v.value)
@@ -6437,7 +6437,7 @@ const xt = {
       ], 2)) : O("", !0)
     ], 6));
   }
-}), ln = te(Ke), $l = {
+}), ln = te(_e), $l = {
   /**
    * 是否显示对话框 (v-model)
    * @default false
@@ -6829,40 +6829,40 @@ const xt = {
       type: ve(e, "type"),
       color: ve(e, "color")
     });
-    const p = W(!1), m = W(!1), v = W(!1), S = W(null), w = W(null), x = () => {
+    const p = H(!1), m = H(!1), v = H(!1), S = H(null), B = H(null), w = () => {
       S.value && (S.value.classList.remove("is-shaking"), S.value.offsetWidth, S.value.classList.add("is-shaking")), v.value = !0;
-    }, T = () => {
+    }, P = () => {
       v.value = !1;
-    }, B = W(!1), g = { offsetX: 0, offsetY: 0 };
-    let _ = "";
-    const N = (X, me) => {
+    }, _ = H(!1), g = { offsetX: 0, offsetY: 0 };
+    let E = "";
+    const z = (X, me) => {
       if (!S.value) return;
-      const { offsetX: _e, offsetY: je } = g, Me = S.value.getBoundingClientRect(), Fe = document.documentElement.clientWidth, De = document.documentElement.clientHeight;
+      const { offsetX: Ke, offsetY: je } = g, Me = S.value.getBoundingClientRect(), Fe = document.documentElement.clientWidth, De = document.documentElement.clientHeight;
       if (!e.overflow) {
-        const We = -Me.left + _e, Je = -Me.top + je, Qe = Fe - Me.left - Me.width + _e, gt = De - Me.top - (Me.height < De ? Me.height : 0) + je;
+        const We = -Me.left + Ke, Je = -Me.top + je, Qe = Fe - Me.left - Me.width + Ke, gt = De - Me.top - (Me.height < De ? Me.height : 0) + je;
         X = Math.min(Math.max(X, We), Qe), me = Math.min(Math.max(me, Je), gt);
       }
       g.offsetX = X, g.offsetY = me, S.value.style.transform = `translate(${X}px, ${me}px)`;
-    }, E = () => {
-      g.offsetX = 0, g.offsetY = 0, S.value && (S.value.style.transform = "");
     }, M = () => {
-      N(g.offsetX, g.offsetY);
+      g.offsetX = 0, g.offsetY = 0, S.value && (S.value.style.transform = "");
+    }, N = () => {
+      z(g.offsetX, g.offsetY);
     }, b = (X) => {
       if (!e.draggable || !S.value) return;
-      const me = X.clientX, _e = X.clientY, { offsetX: je, offsetY: Me } = g, Fe = (We) => {
-        B.value || (B.value = !0);
-        const Je = je + We.clientX - me, Qe = Me + We.clientY - _e;
-        N(Je, Qe);
+      const me = X.clientX, Ke = X.clientY, { offsetX: je, offsetY: Me } = g, Fe = (We) => {
+        _.value || (_.value = !0);
+        const Je = je + We.clientX - me, Qe = Me + We.clientY - Ke;
+        z(Je, Qe);
       }, De = () => {
-        B.value = !1, document.removeEventListener("mousemove", Fe), document.removeEventListener("mouseup", De);
+        _.value = !1, document.removeEventListener("mousemove", Fe), document.removeEventListener("mouseup", De);
       };
       document.addEventListener("mousemove", Fe), document.addEventListener("mouseup", De);
-    }, y = n(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), H = n(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), J = n(() => {
+    }, y = n(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), W = n(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), G = n(() => {
       const X = {};
-      return y.value && (X["--cp-dialog-color"] = y.value), H.value && (X["--cp-dialog-color-light"] = H.value), e.bgColor && (X["--cp-dialog-bg"] = e.bgColor), e.borderColor && (X["--cp-dialog-border-color"] = e.borderColor), e.titleColor && (X["--cp-dialog-title-color"] = e.titleColor), e.textColor && (X["--cp-dialog-text-color"] = e.textColor), e.closeColor && (X["--cp-dialog-close-color"] = e.closeColor), e.headerDividerColor && (X["--cp-dialog-header-divider-color"] = e.headerDividerColor), e.footerDividerColor && (X["--cp-dialog-footer-divider-color"] = e.footerDividerColor), X;
-    }), I = n(() => {
+      return y.value && (X["--cp-dialog-color"] = y.value), W.value && (X["--cp-dialog-color-light"] = W.value), e.bgColor && (X["--cp-dialog-bg"] = e.bgColor), e.borderColor && (X["--cp-dialog-border-color"] = e.borderColor), e.titleColor && (X["--cp-dialog-title-color"] = e.titleColor), e.textColor && (X["--cp-dialog-text-color"] = e.textColor), e.closeColor && (X["--cp-dialog-close-color"] = e.closeColor), e.headerDividerColor && (X["--cp-dialog-header-divider-color"] = e.headerDividerColor), e.footerDividerColor && (X["--cp-dialog-footer-divider-color"] = e.footerDividerColor), X;
+    }), T = n(() => {
       const X = typeof e.width == "number" ? `${e.width}px` : e.width, me = {
-        ...J.value,
+        ...G.value,
         width: e.fullscreen ? void 0 : X
       };
       return !e.fullscreen && !e.alignCenter && (me.marginTop = e.top), e.dialogStyle && typeof e.dialogStyle != "string" && Object.assign(me, e.dialogStyle), me;
@@ -6875,7 +6875,7 @@ const xt = {
       i.e("wrapper"),
       e.fullscreen ? i.is("fullscreen") : "",
       i.is("align-center", e.alignCenter)
-    ]), P = n(() => [
+    ]), V = n(() => [
       i.e("panel"),
       i.m(e.variant),
       i.m(`shape-${e.shape}`),
@@ -6883,7 +6883,7 @@ const xt = {
       i.is("fullscreen", e.fullscreen),
       i.is("center", e.center),
       i.is("draggable", e.draggable),
-      i.is("dragging", B.value),
+      i.is("dragging", _.value),
       i.is("shaking", v.value),
       e.dialogClass
     ]), Y = n(() => [
@@ -6908,7 +6908,7 @@ const xt = {
       () => e.title || l.header || l.title || e.showClose
     ), C = n(
       () => !!l.footer || e.showConfirmButton || e.showCancelButton
-    ), K = n(() => e.type && e.type !== "default" ? e.type : "primary"), ie = n(() => e.color || ""), z = n(() => {
+    ), K = n(() => e.type && e.type !== "default" ? e.type : "primary"), ie = n(() => e.color || ""), x = n(() => {
       if (e.beforeClose) return e.beforeClose;
       const X = d["before-close"] ?? d.beforeClose;
       return typeof X == "function" ? X : void 0;
@@ -6918,15 +6918,15 @@ const xt = {
       const X = (me) => {
         me || L();
       };
-      z.value ? z.value(X) : X();
-    }, V = () => {
-      e.closeOnClickModal ? R() : x();
-    }, G = () => {
+      x.value ? x.value(X) : X();
+    }, A = () => {
+      e.closeOnClickModal ? R() : w();
+    }, U = () => {
       r("confirm"), R();
     }, ue = () => {
       r("cancel"), R();
-    }, A = (X) => {
-      X.key === "Escape" && p.value && (e.closeOnEscape ? R() : x());
+    }, I = (X) => {
+      X.key === "Escape" && p.value && (e.closeOnEscape ? R() : w());
     }, D = (X) => {
       X.stopPropagation();
     }, se = () => {
@@ -6944,59 +6944,59 @@ const xt = {
       () => e.modelValue,
       (X) => {
         X ? (m.value = !0, p.value = !0, r("open"), Be(() => {
-          E(), he(), document.addEventListener("keydown", A), e.draggable && window.addEventListener("resize", M);
+          M(), he(), document.addEventListener("keydown", I), e.draggable && window.addEventListener("resize", N);
         })) : p.value && L();
       }
     ), ge(p, (X) => {
-      !X && e.modelValue && (r("close"), r("update:modelValue", !1), Ce(), document.removeEventListener("keydown", A), window.removeEventListener("resize", M));
+      !X && e.modelValue && (r("close"), r("update:modelValue", !1), Ce(), document.removeEventListener("keydown", I), window.removeEventListener("resize", N));
     }), ge(
       () => e.fullscreen,
       (X) => {
-        S.value && (X ? (_ = S.value.style.transform, S.value.style.transform = "") : S.value.style.transform = _);
+        S.value && (X ? (E = S.value.style.transform, S.value.style.transform = "") : S.value.style.transform = E);
       }
     ), Ve(() => {
       e.modelValue && (m.value = !0, p.value = !0, Be(() => {
-        he(), document.addEventListener("keydown", A), e.draggable && window.addEventListener("resize", M);
+        he(), document.addEventListener("keydown", I), e.draggable && window.addEventListener("resize", N);
       }));
     }), Ae(() => {
-      Ce(), document.removeEventListener("keydown", A), window.removeEventListener("resize", M);
+      Ce(), document.removeEventListener("keydown", I), window.removeEventListener("resize", N);
     }), t({
       /** @description 关闭对话框 */
       close: R,
       /** @description 重置拖拽位置 */
-      resetPosition: E,
+      resetPosition: M,
       /** @description 当前是否可见 */
       visible: p
     }), (X, me) => (u(), ee(Ue, {
       to: "body",
       disabled: !X.appendToBody
     }, [
-      be(Ie, {
+      be(Te, {
         name: a(i).namespace + "-dialog-fade",
         onAfterEnter: se,
         onAfterLeave: ce
       }, {
         default: fe(() => [
-          (X.destroyOnClose ? p.value : m.value || p.value) ? Te((u(), f("div", {
+          (X.destroyOnClose ? p.value : m.value || p.value) ? Ie((u(), f("div", {
             key: 0,
             class: c(re.value),
             style: j(ae.value),
-            onClick: Pe(V, ["self"])
+            onClick: Pe(A, ["self"])
           }, [
             k("div", {
               class: c(ne.value),
-              onClick: Pe(V, ["self"])
+              onClick: Pe(A, ["self"])
             }, [
               k("div", Le({
                 ref_key: "panelRef",
                 ref: S
               }, X.$attrs, {
-                class: P.value,
-                style: I.value,
+                class: V.value,
+                style: T.value,
                 role: "dialog",
                 "aria-modal": "true",
                 onClick: D,
-                onAnimationend: T
+                onAnimationend: P
               }), [
                 k("div", {
                   class: c(a(i).e("decor"))
@@ -7004,7 +7004,7 @@ const xt = {
                 $.value ? (u(), f("div", {
                   key: 0,
                   ref_key: "headerRef",
-                  ref: w,
+                  ref: B,
                   class: c(Y.value),
                   style: j(X.headerStyle),
                   onMousedown: b
@@ -7014,7 +7014,7 @@ const xt = {
                       class: c(a(i).e("title"))
                     }, [
                       F(X.$slots, "title", {}, () => [
-                        pe(Z(X.title), 1)
+                        pe(J(X.title), 1)
                       ])
                     ], 2),
                     X.showClose ? (u(), f("button", {
@@ -7054,7 +7054,7 @@ const xt = {
                       onClick: ue
                     }, {
                       default: fe(() => [
-                        pe(Z(X.cancelText || "取消"), 1)
+                        pe(J(X.cancelText || "取消"), 1)
                       ]),
                       _: 1
                     }, 8, ["class"])) : O("", !0),
@@ -7063,10 +7063,10 @@ const xt = {
                       class: c(a(i).e("confirm-btn")),
                       type: K.value,
                       color: ie.value,
-                      onClick: G
+                      onClick: U
                     }, {
                       default: fe(() => [
-                        pe(Z(X.confirmText || "确认"), 1)
+                        pe(J(X.confirmText || "确认"), 1)
                       ]),
                       _: 1
                     }, 8, ["class", "type", "color"])) : O("", !0)
@@ -7275,7 +7275,7 @@ const xt = {
     default: "60px"
   },
   ...lt
-}, Tl = {
+}, Il = {
   /**
    * 底部高度
    * @default '60px'
@@ -7285,7 +7285,7 @@ const xt = {
     default: "60px"
   },
   ...lt
-}, Il = {
+}, Tl = {
   /**
    * 侧边栏宽度
    * @default '300px'
@@ -7346,7 +7346,7 @@ const xt = {
       style: j(e.value)
     }, [
       F(l.$slots, "default"),
-      be(Ke, Le(r.value, {
+      be(_e, Le(r.value, {
         class: a(o).e("divider")
       }), null, 16, ["class"])
     ], 6));
@@ -7354,7 +7354,7 @@ const xt = {
 }), Dl = /* @__PURE__ */ Q({
   name: `${oe}Footer`,
   __name: "footer",
-  props: Tl,
+  props: Il,
   setup(s) {
     const t = s, o = le("footer"), e = n(() => ({
       "--cp-footer-height": t.height
@@ -7368,7 +7368,7 @@ const xt = {
       class: c(a(o).b()),
       style: j(e.value)
     }, [
-      be(Ke, Le(r.value, {
+      be(_e, Le(r.value, {
         class: a(o).e("divider")
       }), null, 16, ["class"]),
       F(l.$slots, "default")
@@ -7385,10 +7385,10 @@ const xt = {
       F(o.$slots, "default")
     ], 2));
   }
-}), Rl = ["data-position"], Kl = /* @__PURE__ */ Q({
+}), Rl = ["data-position"], _l = /* @__PURE__ */ Q({
   name: `${oe}Aside`,
   __name: "aside",
-  props: Il,
+  props: Tl,
   setup(s) {
     const t = s, o = le("aside"), e = n(() => ({
       "--cp-aside-width": t.width
@@ -7404,7 +7404,7 @@ const xt = {
       style: j(e.value),
       "data-position": t.position
     }, [
-      l.value ? (u(), ee(Ke, Le({ key: 0 }, r.value, {
+      l.value ? (u(), ee(_e, Le({ key: 0 }, r.value, {
         class: a(o).e("divider")
       }), null, 16, ["class"])) : O("", !0),
       k("div", {
@@ -7412,12 +7412,12 @@ const xt = {
       }, [
         F(d.$slots, "default")
       ], 2),
-      l.value ? O("", !0) : (u(), ee(Ke, Le({ key: 1 }, r.value, {
+      l.value ? O("", !0) : (u(), ee(_e, Le({ key: 1 }, r.value, {
         class: a(o).e("divider")
       }), null, 16, ["class"]))
     ], 14, Rl));
   }
-}), rn = te(El), un = te(Ll), cn = te(Dl), dn = te(Ol), pn = te(Kl), _l = {
+}), rn = te(El), un = te(Ll), cn = te(Dl), dn = te(Ol), pn = te(_l), Kl = {
   /**
    * 菜单布局方向
    * @default 'vertical'
@@ -7516,36 +7516,39 @@ const xt = {
 }, Ze = Symbol("menuContext"), Ye = Symbol("subMenuContext"), Fl = /* @__PURE__ */ Q({
   name: "CpMenu",
   __name: "menu",
-  props: _l,
+  props: Kl,
   emits: jl,
   setup(s, { emit: t }) {
-    const o = s, e = t, r = le("menu"), l = W(o.defaultActive), d = W([]), i = W(new Set(o.defaultOpeneds));
+    const o = s, e = t, r = le("menu"), l = H(o.defaultActive), d = H([]), i = H(new Set(o.defaultOpeneds));
     ge(
       () => o.defaultActive,
-      (B) => {
-        l.value = B;
+      (E) => {
+        l.value = E;
       }
     );
-    const p = (B, g) => {
-      l.value = B, d.value = g, e("select", B, g);
-    }, m = (B, g) => {
-      const _ = new Set(i.value);
-      _.has(B) || (o.uniqueOpened && _.clear(), _.add(B), i.value = _, e("open", B, g));
-    }, v = (B, g) => {
-      const _ = new Set(i.value);
-      _.has(B) && (_.delete(B), i.value = _, e("close", B, g));
-    }, S = (B, g) => {
-      i.value.has(B) ? v(B, g) : m(B, g);
-    }, w = n(() => [
+    const p = (E, z) => {
+      l.value = E, d.value = z, e("select", E, z);
+    }, m = (E, z) => {
+      const M = new Set(i.value);
+      M.has(E) || (o.uniqueOpened && M.clear(), M.add(E), i.value = M, e("open", E, z));
+    }, v = (E, z) => {
+      const M = new Set(i.value);
+      M.has(E) && (M.delete(E), i.value = M, e("close", E, z));
+    }, S = (E, z) => {
+      i.value.has(E) ? v(E, z) : m(E, z);
+    };
+    let B = 0;
+    const w = () => `__cp_auto_${++B}`, P = n(() => [
       r.b(),
       r.m(o.mode),
       r.is("collapse", o.collapse && o.mode === "vertical"),
       o.type !== "default" ? r.m(o.type) : "",
       o.color ? r.is("custom-color") : ""
-    ]), x = n(() => {
-      const B = {};
-      return o.backgroundColor && (B["--cp-menu-bg"] = o.backgroundColor), o.textColor && (B["--cp-menu-text"] = o.textColor), o.activeTextColor && (B["--cp-menu-active-text"] = o.activeTextColor), o.color && (B["--cp-menu-active-color"] = o.color, B["--cp-menu-active-color-light"] = `${o.color}33`), B;
-    }), T = {
+    ]), _ = n(() => {
+      const E = {};
+      return o.backgroundColor && (E["--cp-menu-bg"] = o.backgroundColor), o.textColor && (E["--cp-menu-text"] = o.textColor), o.activeTextColor && (E["--cp-menu-active-text"] = o.activeTextColor), o.color && (E["--cp-menu-active-color"] = o.color, E["--cp-menu-active-color-light"] = `${o.color}33`), E;
+    }), g = {
+      generateIndex: w,
       activeIndex: l,
       activeIndexPath: d,
       openedMenus: i,
@@ -7562,21 +7565,21 @@ const xt = {
       openMenu: m,
       closeMenu: v
     };
-    return ze(Ze, T), (B, g) => (u(), f("ul", {
-      class: c(w.value),
-      style: j(x.value),
+    return ze(Ze, g), (E, z) => (u(), f("ul", {
+      class: c(P.value),
+      style: j(_.value),
       role: "menubar"
     }, [
-      F(B.$slots, "default")
+      F(E.$slots, "default")
     ], 6));
   }
 }), Wl = te(Fl), Hl = {
   /**
-   * 菜单项唯一标识
+   * 菜单项唯一标识（可选，不传时自动生成）
    */
   index: {
     type: String,
-    required: !0
+    default: void 0
   },
   /**
    * 是否禁用
@@ -7609,28 +7612,28 @@ const xt = {
   props: Hl,
   emits: Yl,
   setup(s, { emit: t }) {
-    const o = s, e = t, r = le("menu-item"), l = xe(Ze, void 0), d = xe(Ye, void 0), i = n(() => (l == null ? void 0 : l.activeIndex.value) === o.index), p = n(() => [...(d == null ? void 0 : d.indexPath) ?? [], o.index]), m = n(() => (l == null ? void 0 : l.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (((d == null ? void 0 : d.level) ?? 0) + 1)}px` }), v = n(() => [
+    const o = s, e = t, r = le("menu-item"), l = xe(Ze, void 0), d = xe(Ye, void 0), i = o.index ?? (l == null ? void 0 : l.generateIndex()) ?? `__cp_auto_fallback_${Math.random().toString(36).slice(2)}`, p = n(() => (l == null ? void 0 : l.activeIndex.value) === i), m = n(() => [...(d == null ? void 0 : d.indexPath) ?? [], i]), v = n(() => (l == null ? void 0 : l.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (((d == null ? void 0 : d.level) ?? 0) + 1)}px` }), S = n(() => [
       r.b(),
-      r.is("active", i.value),
+      r.is("active", p.value),
       r.is("disabled", o.disabled)
-    ]), S = () => {
-      if (!o.disabled && (l == null || l.handleSelect(o.index, p.value), e("click", o.index), l != null && l.router)) {
-        const w = kt(), x = w == null ? void 0 : w.appContext.config.globalProperties.$router;
-        if (x) {
-          const T = o.route ?? o.index;
-          x.push(T).catch((B) => {
-            B.name !== "NavigationDuplicated" && console.warn("[CpMenuItem] Router navigation failed:", B);
+    ]), B = () => {
+      if (!o.disabled && (l == null || l.handleSelect(i, m.value), e("click", i), l != null && l.router)) {
+        const w = kt(), P = w == null ? void 0 : w.appContext.config.globalProperties.$router;
+        if (P) {
+          const _ = o.route ?? i;
+          P.push(_).catch((g) => {
+            g.name !== "NavigationDuplicated" && console.warn("[CpMenuItem] Router navigation failed:", g);
           });
         }
       }
     };
-    return (w, x) => (u(), f("li", {
-      class: c(v.value),
-      style: j(m.value),
+    return (w, P) => (u(), f("li", {
+      class: c(S.value),
+      style: j(v.value),
       role: "menuitem",
       tabindex: w.disabled ? -1 : 0,
-      onClick: S,
-      onKeydown: Ge(S, ["enter"])
+      onClick: B,
+      onKeydown: Ge(B, ["enter"])
     }, [
       w.icon || w.$slots.icon ? (u(), f("span", {
         key: 0,
@@ -7655,7 +7658,7 @@ const xt = {
    */
   index: {
     type: String,
-    required: !0
+    default: void 0
   },
   /**
    * 是否禁用
@@ -7678,72 +7681,72 @@ const xt = {
   __name: "sub-menu",
   props: Gl,
   setup(s) {
-    const t = s, o = le("sub-menu"), e = xe(Ze, void 0), r = xe(Ye, void 0), l = W(!1), d = n(() => (r == null ? void 0 : r.level) ?? 0), i = n(() => [...(r == null ? void 0 : r.indexPath) ?? [], t.index]), p = n(() => (e == null ? void 0 : e.openedMenus.value.has(t.index)) ?? !1), m = n(() => e ? e.activeIndexPath.value.includes(t.index) : !1), v = n(() => e ? e.mode === "horizontal" || e.collapse.value : !1), S = n(() => (e == null ? void 0 : e.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (d.value + 1)}px` }), w = n(() => [
+    const t = s, o = le("sub-menu"), e = xe(Ze, void 0), r = xe(Ye, void 0), l = t.index ?? (e == null ? void 0 : e.generateIndex()) ?? `__cp_sub_auto_${Math.random().toString(36).slice(2)}`, d = H(!1), i = n(() => (r == null ? void 0 : r.level) ?? 0), p = n(() => [...(r == null ? void 0 : r.indexPath) ?? [], l]), m = n(() => (e == null ? void 0 : e.openedMenus.value.has(l)) ?? !1), v = n(() => e ? e.activeIndexPath.value.includes(l) : !1), S = n(() => e ? e.mode === "horizontal" || e.collapse.value : !1), B = n(() => (e == null ? void 0 : e.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (i.value + 1)}px` }), w = n(() => [
       o.b(),
-      o.is("opened", p.value),
-      o.is("active", m.value),
+      o.is("opened", m.value),
+      o.is("active", v.value),
       o.is("disabled", t.disabled)
     ]);
-    let x = null, T = null;
-    const B = () => {
-      x && (clearTimeout(x), x = null), T && (clearTimeout(T), T = null);
-    }, g = () => {
-      t.disabled || v.value || e == null || e.handleSubMenuClick(t.index, i.value);
-    }, _ = () => {
-      t.disabled || !v.value || (B(), x = setTimeout(() => {
-        e == null || e.openMenu(t.index, i.value);
-      }, Zl), r && (r.mouseInChild.value = !0));
-    }, N = (y = !1) => {
-      v.value && (B(), r && (r.mouseInChild.value = !1), T = setTimeout(() => {
-        l.value || e == null || e.closeMenu(t.index, i.value);
-      }, Jl), y && (r != null && r.handleMouseleave) && r.handleMouseleave(!0));
+    let P = null, _ = null;
+    const g = () => {
+      P && (clearTimeout(P), P = null), _ && (clearTimeout(_), _ = null);
     }, E = () => {
-      v.value && (B(), l.value = !0);
-    }, M = () => {
-      v.value && (l.value = !1, N(!0));
+      t.disabled || S.value || e == null || e.handleSubMenuClick(l, p.value);
+    }, z = () => {
+      t.disabled || !S.value || (g(), P = setTimeout(() => {
+        e == null || e.openMenu(l, p.value);
+      }, Zl), r && (r.mouseInChild.value = !0));
+    }, M = (W = !1) => {
+      S.value && (g(), r && (r.mouseInChild.value = !1), _ = setTimeout(() => {
+        d.value || e == null || e.closeMenu(l, p.value);
+      }, Jl), W && (r != null && r.handleMouseleave) && r.handleMouseleave(!0));
+    }, N = () => {
+      S.value && (g(), d.value = !0);
+    }, b = () => {
+      S.value && (d.value = !1, M(!0));
     };
     Ae(() => {
-      B();
+      g();
     });
-    const b = {
-      indexPath: i.value,
-      level: d.value + 1,
-      mouseInChild: l,
-      handleMouseleave: N
+    const y = {
+      indexPath: p.value,
+      level: i.value + 1,
+      mouseInChild: d,
+      handleMouseleave: M
     };
-    return ze(Ye, b), (y, H) => (u(), f("li", {
+    return ze(Ye, y), (W, G) => (u(), f("li", {
       class: c(w.value),
       role: "none",
-      onMouseenter: _,
-      onMouseleave: H[0] || (H[0] = (J) => N(!1))
+      onMouseenter: z,
+      onMouseleave: G[0] || (G[0] = (T) => M(!1))
     }, [
       k("div", {
         class: c(a(o).e("title")),
-        style: j(S.value),
+        style: j(B.value),
         role: "menuitem",
-        "aria-expanded": p.value,
-        tabindex: y.disabled ? -1 : 0,
-        onClick: g,
-        onKeydown: Ge(g, ["enter"])
+        "aria-expanded": m.value,
+        tabindex: W.disabled ? -1 : 0,
+        onClick: E,
+        onKeydown: Ge(E, ["enter"])
       }, [
-        y.icon || y.$slots.icon ? (u(), f("span", {
+        W.icon || W.$slots.icon ? (u(), f("span", {
           key: 0,
           class: c(a(o).e("icon"))
         }, [
-          y.icon ? (u(), ee(a(Ee), {
+          W.icon ? (u(), ee(a(Ee), {
             key: 0,
-            icon: y.icon,
+            icon: W.icon,
             size: "sm"
-          }, null, 8, ["icon"])) : F(y.$slots, "icon", { key: 1 })
+          }, null, 8, ["icon"])) : F(W.$slots, "icon", { key: 1 })
         ], 2)) : O("", !0),
         k("span", {
           class: c(a(o).e("title-content"))
         }, [
-          F(y.$slots, "title")
+          F(W.$slots, "title")
         ], 2),
         k("span", {
-          class: c([a(o).e("arrow"), p.value ? "is-open" : ""])
-        }, [...H[1] || (H[1] = [
+          class: c([a(o).e("arrow"), m.value ? "is-open" : ""])
+        }, [...G[1] || (G[1] = [
           k("svg", {
             viewBox: "0 0 1024 1024",
             width: "12",
@@ -7756,21 +7759,21 @@ const xt = {
           ], -1)
         ])], 2)
       ], 46, Ul),
-      be(Ie, { name: "cp-sub-menu" }, {
+      be(Te, { name: "cp-sub-menu" }, {
         default: fe(() => [
-          Te(k("div", {
+          Ie(k("div", {
             class: c(a(o).e("popup")),
-            onMouseenter: E,
-            onMouseleave: M
+            onMouseenter: N,
+            onMouseleave: b
           }, [
             k("ul", {
               class: c(a(o).e("content")),
               role: "menu"
             }, [
-              F(y.$slots, "default")
+              F(W.$slots, "default")
             ], 2)
           ], 34), [
-            [Re, p.value]
+            [Re, m.value]
           ])
         ]),
         _: 3
@@ -7801,7 +7804,7 @@ const xt = {
         style: j(r.value)
       }, [
         F(l.$slots, "title", {}, () => [
-          pe(Z(l.title), 1)
+          pe(J(l.title), 1)
         ])
       ], 6),
       k("ul", {
@@ -7984,30 +7987,30 @@ const xt = {
   props: oa,
   emits: la,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = Se(), d = le("notification"), i = W(!1);
+    const e = s, r = o, l = Se(), d = le("notification"), i = H(!1);
     let p = null, m = 0, v = 0;
     const S = () => {
       e.duration <= 0 || (v <= 0 && (v = e.duration), m = Date.now(), p = setTimeout(() => {
-        H();
+        W();
       }, v));
-    }, w = () => {
+    }, B = () => {
       p && (clearTimeout(p), p = null, v -= Date.now() - m, v < 0 && (v = 0));
-    }, x = () => {
+    }, w = () => {
       p && (clearTimeout(p), p = null), v = 0;
-    }, T = () => {
-      w();
-    }, B = () => {
+    }, P = () => {
+      B();
+    }, _ = () => {
       S();
-    }, g = n(() => e.position.includes("right")), _ = n(() => e.position.includes("top")), N = n(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), E = n(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), M = n(() => {
-      const P = {};
-      return N.value && (P["--cp-notification-color"] = N.value), E.value && (P["--cp-notification-color-light"] = E.value), e.bgColor && (P["--cp-notification-bg"] = e.bgColor), e.borderColor && (P["--cp-notification-border-color"] = e.borderColor), e.titleColor && (P["--cp-notification-title-color"] = e.titleColor), e.textColor && (P["--cp-notification-text-color"] = e.textColor), P["--cp-notification-animation-duration"] = `${e.animationDuration}ms`, e.duration > 0 && (P["--cp-notification-duration"] = `${e.duration}ms`), P;
+    }, g = n(() => e.position.includes("right")), E = n(() => e.position.includes("top")), z = n(() => e.color ? e.color : e.type && e.type !== "default" ? `var(--cp-color-${e.type})` : null), M = n(() => e.color ? `color-mix(in srgb, ${e.color} 30%, transparent)` : e.type && e.type !== "default" ? `var(--cp-color-${e.type}-light)` : null), N = n(() => {
+      const V = {};
+      return z.value && (V["--cp-notification-color"] = z.value), M.value && (V["--cp-notification-color-light"] = M.value), e.bgColor && (V["--cp-notification-bg"] = e.bgColor), e.borderColor && (V["--cp-notification-border-color"] = e.borderColor), e.titleColor && (V["--cp-notification-title-color"] = e.titleColor), e.textColor && (V["--cp-notification-text-color"] = e.textColor), V["--cp-notification-animation-duration"] = `${e.animationDuration}ms`, e.duration > 0 && (V["--cp-notification-duration"] = `${e.duration}ms`), V;
     }), b = n(() => {
-      const P = typeof e.width == "number" ? `${e.width}px` : e.width, Y = {
-        ...M.value,
-        width: P,
+      const V = typeof e.width == "number" ? `${e.width}px` : e.width, Y = {
+        ...N.value,
+        width: V,
         zIndex: e.zIndex
       };
-      return g.value ? Y.right = `${e.offset}px` : Y.left = `${e.offset}px`, _.value ? Y.top = `${e.offset}px` : Y.bottom = `${e.offset}px`, Y;
+      return g.value ? Y.right = `${e.offset}px` : Y.left = `${e.offset}px`, E.value ? Y.top = `${e.offset}px` : Y.bottom = `${e.offset}px`, Y;
     }), y = n(() => [
       d.b(),
       d.m(e.variant),
@@ -8016,9 +8019,9 @@ const xt = {
       d.m(e.position),
       d.is("has-icon", e.type !== "default" || !!l.icon),
       d.is("closable", e.showClose)
-    ]), H = () => {
+    ]), W = () => {
       i.value = !1;
-    }, J = n(() => g.value ? `${d.namespace}-notification-right` : `${d.namespace}-notification-left`), I = () => {
+    }, G = n(() => g.value ? `${d.namespace}-notification-right` : `${d.namespace}-notification-left`), T = () => {
       r("destroy");
     }, ae = {
       success: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",
@@ -8028,32 +8031,32 @@ const xt = {
     }, ne = n(() => e.type === "default" || e.type === "primary" ? null : ae[e.type] || null);
     return ge(
       () => e.modelValue,
-      (P) => {
-        P ? (i.value = !0, v = e.duration, S()) : H();
+      (V) => {
+        V ? (i.value = !0, v = e.duration, S()) : W();
       }
-    ), ge(i, (P) => {
-      !P && e.modelValue && (x(), r("close"), r("update:modelValue", !1));
+    ), ge(i, (V) => {
+      !V && e.modelValue && (w(), r("close"), r("update:modelValue", !1));
     }), Ve(() => {
       e.modelValue && (i.value = !0, v = e.duration, S());
     }), Ae(() => {
-      x();
+      w();
     }), t({
       /** @description 关闭通知 */
-      close: H,
+      close: W,
       /** @description 当前是否可见 */
       visible: i
-    }), (P, Y) => (u(), ee(Ue, { to: "body" }, [
-      be(Ie, {
-        name: J.value,
-        onAfterLeave: I
+    }), (V, Y) => (u(), ee(Ue, { to: "body" }, [
+      be(Te, {
+        name: G.value,
+        onAfterLeave: T
       }, {
         default: fe(() => [
-          i.value ? (u(), f("div", Le({ key: 0 }, P.$attrs, {
+          i.value ? (u(), f("div", Le({ key: 0 }, V.$attrs, {
             class: y.value,
             style: b.value,
             role: "alert",
-            onMouseenter: T,
-            onMouseleave: B
+            onMouseenter: P,
+            onMouseleave: _
           }), [
             k("div", {
               class: c(a(d).e("decor"))
@@ -8062,7 +8065,7 @@ const xt = {
               key: 0,
               class: c(a(d).e("icon"))
             }, [
-              F(P.$slots, "icon", {}, () => [
+              F(V.$slots, "icon", {}, () => [
                 (u(), f("svg", aa, [
                   k("path", {
                     d: ne.value
@@ -8073,30 +8076,30 @@ const xt = {
             k("div", {
               class: c(a(d).e("group"))
             }, [
-              P.title || a(l).title ? (u(), f("div", {
+              V.title || a(l).title ? (u(), f("div", {
                 key: 0,
                 class: c(a(d).e("title"))
               }, [
-                F(P.$slots, "title", {}, () => [
-                  pe(Z(P.title), 1)
+                F(V.$slots, "title", {}, () => [
+                  pe(J(V.title), 1)
                 ])
               ], 2)) : O("", !0),
               k("div", {
                 class: c(a(d).e("content"))
               }, [
-                F(P.$slots, "default", {}, () => [
-                  P.dangerouslyUseHTMLString ? (u(), f("p", {
+                F(V.$slots, "default", {}, () => [
+                  V.dangerouslyUseHTMLString ? (u(), f("p", {
                     key: 0,
-                    innerHTML: P.message
-                  }, null, 8, sa)) : (u(), f("p", ra, Z(P.message), 1))
+                    innerHTML: V.message
+                  }, null, 8, sa)) : (u(), f("p", ra, J(V.message), 1))
                 ])
               ], 2)
             ], 2),
-            P.showClose ? (u(), f("button", {
+            V.showClose ? (u(), f("button", {
               key: 1,
               class: c(a(d).e("close")),
               "aria-label": "Close",
-              onClick: H
+              onClick: W
             }, [...Y[0] || (Y[0] = [
               k("svg", {
                 viewBox: "0 0 24 24",
@@ -8109,7 +8112,7 @@ const xt = {
                 k("path", { d: "M18 6L6 18M6 6l12 12" })
               ], -1)
             ])], 2)) : O("", !0),
-            P.duration > 0 ? (u(), f("div", {
+            V.duration > 0 ? (u(), f("div", {
               key: 2,
               class: c(a(d).e("progress"))
             }, null, 2)) : O("", !0)
@@ -8147,7 +8150,7 @@ const xt = {
                 disabled: d.disabled
               }, {
                 title: fe(() => [
-                  pe(Z(d.label), 1)
+                  pe(J(d.label), 1)
                 ]),
                 default: fe(() => [
                   be(r, {
@@ -8163,7 +8166,7 @@ const xt = {
                 route: d.route
               }, {
                 default: fe(() => [
-                  pe(Z(d.label), 1)
+                  pe(J(d.label), 1)
                 ]),
                 _: 2
               }, 1032, ["index", "icon", "disabled", "route"]))
@@ -8177,7 +8180,7 @@ const xt = {
           disabled: l.disabled
         }, {
           title: fe(() => [
-            pe(Z(l.label), 1)
+            pe(J(l.label), 1)
           ]),
           default: fe(() => [
             be(r, {
@@ -8193,7 +8196,7 @@ const xt = {
           route: l.route
         }, {
           default: fe(() => [
-            pe(Z(l.label), 1)
+            pe(J(l.label), 1)
           ]),
           _: 2
         }, 1032, ["index", "icon", "disabled", "route"]))
@@ -8348,7 +8351,7 @@ const xt = {
                   disabled: v.disabled
                 }, {
                   title: fe(() => [
-                    pe(Z(v.label), 1)
+                    pe(J(v.label), 1)
                   ]),
                   default: fe(() => [
                     be(nt, {
@@ -8364,7 +8367,7 @@ const xt = {
                   route: v.route
                 }, {
                   default: fe(() => [
-                    pe(Z(v.label), 1)
+                    pe(J(v.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["index", "icon", "disabled", "route"]))
@@ -8378,7 +8381,7 @@ const xt = {
             disabled: m.disabled
           }, {
             title: fe(() => [
-              pe(Z(m.label), 1)
+              pe(J(m.label), 1)
             ]),
             default: fe(() => [
               be(nt, {
@@ -8394,7 +8397,7 @@ const xt = {
             route: m.route
           }, {
             default: fe(() => [
-              pe(Z(m.label), 1)
+              pe(J(m.label), 1)
             ]),
             _: 2
           }, 1032, ["index", "icon", "disabled", "route"]))
@@ -8545,33 +8548,33 @@ const xt = {
   props: pa,
   emits: fa,
   setup(s, { emit: t }) {
-    const o = s, e = t, r = le("pagination"), l = W(o.currentPage), d = W(o.pageSize);
+    const o = s, e = t, r = le("pagination"), l = H(o.currentPage), d = H(o.pageSize);
     ge(() => o.currentPage, (h) => {
       l.value = h;
     }), ge(() => o.pageSize, (h) => {
       d.value = h;
     });
-    const i = n(() => o.total <= 0 ? 1 : Math.ceil(o.total / d.value)), p = n(() => l.value <= 1), m = n(() => l.value >= i.value), v = n(() => o.layout.split(",").map((h) => h.trim()).filter(Boolean)), S = n(() => o.hideOnSinglePage && i.value <= 1), w = { sm: 24, md: 32, lg: 40 }, x = n(() => o.shape), T = n(() => o.color || ""), B = n(() => [
+    const i = n(() => o.total <= 0 ? 1 : Math.ceil(o.total / d.value)), p = n(() => l.value <= 1), m = n(() => l.value >= i.value), v = n(() => o.layout.split(",").map((h) => h.trim()).filter(Boolean)), S = n(() => o.hideOnSinglePage && i.value <= 1), B = { sm: 24, md: 32, lg: 40 }, w = n(() => o.shape), P = n(() => o.color || ""), _ = n(() => [
       r.b(),
-      U(o.size) && r.m(o.size),
+      Z(o.size) && r.m(o.size),
       r.m(`shape-${o.shape}`),
       r.m(`type-${o.type}`),
       r.is("disabled", o.disabled),
-      r.is("custom-size", !U(o.size)),
+      r.is("custom-size", !Z(o.size)),
       r.is("custom-color", !!o.color)
     ]), g = n(() => {
       const h = {};
-      return U(o.size) || (h["--cp-pagination-height"] = we(o.size, w)), o.color && (h["--cp-pagination-color"] = o.color, h["--cp-pagination-color-light"] = `${o.color}33`), h;
-    }), _ = n(() => o.pageSizes.map((h) => ({
+      return Z(o.size) || (h["--cp-pagination-height"] = we(o.size, B)), o.color && (h["--cp-pagination-color"] = o.color, h["--cp-pagination-color-light"] = `${o.color}33`), h;
+    }), E = n(() => o.pageSizes.map((h) => ({
       label: o.sizeTemplate.replace("{size}", String(h)),
       value: h
-    }))), N = {
+    }))), z = {
       primary: "var(--cp-color-primary)",
       success: "var(--cp-color-success)",
       warning: "var(--cp-color-warning)",
       error: "var(--cp-color-error)",
       info: "var(--cp-color-info)"
-    }, E = n(() => o.color ? o.color : o.type !== "default" && N[o.type] || ""), M = n(() => o.shape === "circle" ? "round" : o.shape), b = n(() => {
+    }, M = n(() => o.color ? o.color : o.type !== "default" && z[o.type] || ""), N = n(() => o.shape === "circle" ? "round" : o.shape), b = n(() => {
       const h = o.totalTemplate, q = h.indexOf("{total}");
       return q === -1 ? { before: h, after: "" } : {
         before: h.slice(0, q),
@@ -8580,33 +8583,33 @@ const xt = {
     }), y = n(() => {
       const h = i.value, q = l.value, re = o.pagerCount, $ = Math.floor(re / 2);
       if (h <= re)
-        return Array.from({ length: h }, (z, L) => L + 1);
+        return Array.from({ length: h }, (x, L) => L + 1);
       const C = [];
       C.push(1);
       const K = q - $ > 2, ie = q + $ < h - 1;
       if (K && ie) {
         C.push("left-ellipsis");
-        for (let z = q - $ + 2; z <= q + $ - 2; z++)
-          C.push(z);
+        for (let x = q - $ + 2; x <= q + $ - 2; x++)
+          C.push(x);
         C.push("right-ellipsis");
       } else if (K) {
         C.push("left-ellipsis");
-        for (let z = h - re + 3; z < h; z++)
-          C.push(z);
+        for (let x = h - re + 3; x < h; x++)
+          C.push(x);
       } else if (ie) {
-        for (let z = 2; z <= re - 2; z++)
-          C.push(z);
+        for (let x = 2; x <= re - 2; x++)
+          C.push(x);
         C.push("right-ellipsis");
       }
       return h > 1 && C.push(h), C;
-    }), H = (h) => {
+    }), W = (h) => {
       if (o.disabled) return;
       const q = Math.max(1, Math.min(h, i.value));
       q !== l.value && (l.value = q, e("update:currentPage", q), e("change", q));
-    }, J = () => {
-      p.value || H(l.value - 1);
-    }, I = () => {
-      m.value || H(l.value + 1);
+    }, G = () => {
+      p.value || W(l.value - 1);
+    }, T = () => {
+      m.value || W(l.value + 1);
     }, ae = (h) => {
       if (o.disabled) return;
       const q = Number(h);
@@ -8614,15 +8617,15 @@ const xt = {
     }, ne = (h) => {
       if (o.disabled) return;
       const q = o.pagerCount - 2;
-      H(h === "left-ellipsis" ? Math.max(1, l.value - q) : Math.min(i.value, l.value + q));
-    }, P = W(""), Y = () => {
+      W(h === "left-ellipsis" ? Math.max(1, l.value - q) : Math.min(i.value, l.value + q));
+    }, V = H(""), Y = () => {
       if (o.disabled) return;
-      const h = parseInt(P.value, 10);
-      !isNaN(h) && h >= 1 && h <= i.value && H(h), P.value = "";
+      const h = parseInt(V.value, 10);
+      !isNaN(h) && h >= 1 && h <= i.value && W(h), V.value = "";
     };
     return (h, q) => S.value ? O("", !0) : (u(), f("nav", {
       key: 0,
-      class: c(B.value),
+      class: c(_.value),
       style: j(g.value),
       role: "navigation",
       "aria-label": "分页"
@@ -8635,20 +8638,20 @@ const xt = {
           key: 1,
           class: c(a(r).e("total"))
         }, [
-          pe(Z(b.value.before), 1),
+          pe(J(b.value.before), 1),
           k("span", {
             class: c(a(r).e("total-count"))
-          }, Z(h.total), 3),
-          pe(Z(b.value.after), 1)
+          }, J(h.total), 3),
+          pe(J(b.value.after), 1)
         ], 2)) : re === "sizes" ? F(h.$slots, "sizes", {
           key: 2,
           pageSize: d.value,
           pageSizes: h.pageSizes,
-          options: _.value,
+          options: E.value,
           onChange: ae,
           disabled: h.disabled,
           type: h.type,
-          color: h.color || E.value,
+          color: h.color || M.value,
           shape: h.shape,
           size: h.size
         }, () => [
@@ -8657,19 +8660,19 @@ const xt = {
           }, [
             be(dt, {
               "model-value": d.value,
-              options: _.value,
+              options: E.value,
               disabled: h.disabled,
-              shape: M.value,
+              shape: N.value,
               size: h.size,
               variant: "filled",
-              color: E.value,
+              color: M.value,
               onChange: ae
             }, null, 8, ["model-value", "options", "disabled", "shape", "size", "color"])
           ], 2)
         ]) : re === "prev" ? F(h.$slots, "prev", {
           key: 3,
           disabled: p.value || h.disabled,
-          onClick: J,
+          onClick: G,
           currentPage: l.value,
           type: h.type,
           color: h.color,
@@ -8681,12 +8684,12 @@ const xt = {
             class: c(a(r).e("prev")),
             type: "default",
             variant: h.buttonVariant,
-            shape: x.value,
+            shape: w.value,
             size: h.size,
             square: "",
             disabled: p.value || h.disabled,
             "aria-label": "上一页",
-            onClick: J
+            onClick: G
           }, {
             default: fe(() => [...q[1] || (q[1] = [
               k("svg", {
@@ -8709,7 +8712,7 @@ const xt = {
           pages: y.value,
           currentPage: l.value,
           pageCount: i.value,
-          onPageClick: H,
+          onPageClick: W,
           onEllipsisClick: ne,
           disabled: h.disabled,
           type: h.type,
@@ -8741,7 +8744,7 @@ const xt = {
                 be(Oe, {
                   variant: "ghost",
                   type: "default",
-                  shape: x.value,
+                  shape: w.value,
                   size: h.size,
                   square: "",
                   disabled: h.disabled,
@@ -8779,7 +8782,7 @@ const xt = {
                 page: $,
                 active: $ === l.value,
                 disabled: h.disabled,
-                onClick: () => H($),
+                onClick: () => W($),
                 type: h.type,
                 color: h.color,
                 buttonVariant: h.buttonVariant
@@ -8787,15 +8790,15 @@ const xt = {
                 be(Oe, {
                   type: $ === l.value ? h.type === "default" ? "primary" : h.type : "default",
                   variant: $ === l.value ? "solid" : h.buttonVariant,
-                  shape: x.value,
+                  shape: w.value,
                   size: h.size,
                   square: "",
-                  color: $ === l.value ? T.value : "",
+                  color: $ === l.value ? P.value : "",
                   disabled: h.disabled,
-                  onClick: (C) => H($)
+                  onClick: (C) => W($)
                 }, {
                   default: fe(() => [
-                    pe(Z($), 1)
+                    pe(J($), 1)
                   ]),
                   _: 2
                 }, 1032, ["type", "variant", "shape", "size", "color", "disabled", "onClick"])
@@ -8805,7 +8808,7 @@ const xt = {
         ]) : re === "next" ? F(h.$slots, "next", {
           key: 5,
           disabled: m.value || h.disabled,
-          onClick: I,
+          onClick: T,
           currentPage: l.value,
           type: h.type,
           color: h.color,
@@ -8817,12 +8820,12 @@ const xt = {
             class: c(a(r).e("next")),
             type: "default",
             variant: h.buttonVariant,
-            shape: x.value,
+            shape: w.value,
             size: h.size,
             square: "",
             disabled: m.value || h.disabled,
             "aria-label": "下一页",
-            onClick: I
+            onClick: T
           }, {
             default: fe(() => [...q[3] || (q[3] = [
               k("svg", {
@@ -8844,7 +8847,7 @@ const xt = {
           key: 6,
           pageCount: i.value,
           disabled: h.disabled,
-          onJump: H,
+          onJump: W,
           type: h.type,
           color: h.color,
           shape: h.shape,
@@ -8854,8 +8857,8 @@ const xt = {
             class: c(a(r).e("jumper"))
           }, [
             q[4] || (q[4] = pe(" 前往 ", -1)),
-            Te(k("input", {
-              "onUpdate:modelValue": q[0] || (q[0] = ($) => P.value = $),
+            Ie(k("input", {
+              "onUpdate:modelValue": q[0] || (q[0] = ($) => V.value = $),
               class: c(a(r).e("jumper-input")),
               type: "number",
               min: 1,
@@ -8863,7 +8866,7 @@ const xt = {
               disabled: h.disabled,
               onKeydown: Ge(Y, ["enter"])
             }, null, 42, ya), [
-              [tt, P.value]
+              [tt, V.value]
             ]),
             q[5] || (q[5] = pe(" 页 ", -1))
           ], 2)
@@ -8959,17 +8962,17 @@ const xt = {
   props: ma,
   emits: ga,
   setup(s, { expose: t, emit: o }) {
-    const e = s, r = o, l = le("segmented"), d = { sm: 28, md: 36, lg: 44 }, i = n(() => e.options.map((N) => typeof N == "string" || typeof N == "number" ? { label: String(N), value: N } : N)), p = W(), m = W([]), v = W({}), S = (N, E) => {
-      N && (m.value[E] = N);
-    }, w = () => {
-      const N = i.value.findIndex(
-        (H) => H.value === e.modelValue
+    const e = s, r = o, l = le("segmented"), d = { sm: 28, md: 36, lg: 44 }, i = n(() => e.options.map((z) => typeof z == "string" || typeof z == "number" ? { label: String(z), value: z } : z)), p = H(), m = H([]), v = H({}), S = (z, M) => {
+      z && (m.value[M] = z);
+    }, B = () => {
+      const z = i.value.findIndex(
+        (W) => W.value === e.modelValue
       );
-      if (N < 0 || !m.value[N] || !p.value) {
+      if (z < 0 || !m.value[z] || !p.value) {
         v.value = { opacity: "0" };
         return;
       }
-      const E = m.value[N], b = p.value.getBoundingClientRect(), y = E.getBoundingClientRect();
+      const M = m.value[z], b = p.value.getBoundingClientRect(), y = M.getBoundingClientRect();
       v.value = {
         width: `${y.width}px`,
         transform: `translateX(calc(${y.left - b.left}px + var(--cp-segmented-indicator-offset, -2px)))`,
@@ -8978,72 +8981,72 @@ const xt = {
     };
     ge(
       () => e.modelValue,
-      () => Be(w)
+      () => Be(B)
     ), ge(
       () => e.options,
-      () => Be(w),
+      () => Be(B),
       { deep: !0 }
     );
-    let x = null;
+    let w = null;
     Ve(() => {
-      Be(w), p.value && (x = new ResizeObserver(() => {
-        w();
-      }), x.observe(p.value));
+      Be(B), p.value && (w = new ResizeObserver(() => {
+        B();
+      }), w.observe(p.value));
     }), Ae(() => {
-      x == null || x.disconnect();
+      w == null || w.disconnect();
     });
-    const T = n(() => [
+    const P = n(() => [
       l.b(),
       l.m(e.variant),
       l.m(e.type),
-      U(e.size) && l.m(e.size),
+      Z(e.size) && l.m(e.size),
       l.m(`shape-${e.shape}`),
       l.is("disabled", e.disabled),
       l.is("block", e.block),
       l.is("custom-color", !!e.color),
-      l.is("custom-size", !U(e.size))
-    ]), B = n(() => {
-      const N = {};
-      return e.color && (N["--cp-segmented-color"] = e.color, N["--cp-segmented-color-light"] = `${e.color}25`), U(e.size) || (N["--cp-segmented-height"] = we(e.size, d)), N;
-    }), g = (N) => {
-      e.disabled || N.disabled || N.value !== e.modelValue && (r("update:modelValue", N.value), r("change", N.value));
-    }, _ = (N) => [
+      l.is("custom-size", !Z(e.size))
+    ]), _ = n(() => {
+      const z = {};
+      return e.color && (z["--cp-segmented-color"] = e.color, z["--cp-segmented-color-light"] = `${e.color}25`), Z(e.size) || (z["--cp-segmented-height"] = we(e.size, d)), z;
+    }), g = (z) => {
+      e.disabled || z.disabled || z.value !== e.modelValue && (r("update:modelValue", z.value), r("change", z.value));
+    }, E = (z) => [
       l.e("item"),
-      l.is("active", N.value === e.modelValue),
-      l.is("disabled", !!N.disabled)
+      l.is("active", z.value === e.modelValue),
+      l.is("disabled", !!z.disabled)
     ];
     return t({
       /** @description 更新滑块位置 */
-      updateIndicator: w
-    }), (N, E) => (u(), f("div", {
+      updateIndicator: B
+    }), (z, M) => (u(), f("div", {
       ref_key: "trackRef",
       ref: p,
-      class: c(T.value),
-      style: j(B.value),
+      class: c(P.value),
+      style: j(_.value),
       role: "radiogroup"
     }, [
       k("div", {
         class: c(a(l).e("indicator")),
         style: j(v.value)
       }, null, 6),
-      (u(!0), f(de, null, ke(i.value, (M, b) => (u(), f("button", {
-        key: M.value,
+      (u(!0), f(de, null, ke(i.value, (N, b) => (u(), f("button", {
+        key: N.value,
         ref_for: !0,
         ref: (y) => S(y, b),
-        class: c(_(M)),
-        disabled: N.disabled || M.disabled,
+        class: c(E(N)),
+        disabled: z.disabled || N.disabled,
         type: "button",
         role: "radio",
-        "aria-checked": M.value === N.modelValue,
-        onClick: (y) => g(M)
+        "aria-checked": N.value === z.modelValue,
+        onClick: (y) => g(N)
       }, [
-        M.icon ? (u(), ee($e(M.icon), {
+        N.icon ? (u(), ee($e(N.icon), {
           key: 0,
           class: c(a(l).e("item-icon"))
         }, null, 8, ["class"])) : O("", !0),
         k("span", {
           class: c(a(l).e("item-label"))
-        }, Z(M.label), 3)
+        }, J(N.label), 3)
       ], 10, ha))), 128))
     ], 6));
   }
@@ -9167,7 +9170,7 @@ const xt = {
     var q, re;
     const e = s, r = o;
     Se();
-    const l = le("table"), d = W([]);
+    const l = le("table"), d = H([]);
     let i = 0;
     ze(it, { registerColumn: ($) => {
       const C = `cp-col-${i++}`, K = { ...$, id: C };
@@ -9176,62 +9179,62 @@ const xt = {
       const C = d.value.findIndex((K) => K.id === $);
       C > -1 && d.value.splice(C, 1);
     } });
-    const v = W({
+    const v = H({
       prop: ((q = e.defaultSort) == null ? void 0 : q.prop) || "",
       order: ((re = e.defaultSort) == null ? void 0 : re.order) || null
     }), S = n(() => {
       const { prop: $, order: C } = v.value;
       return !$ || !C ? [...e.data] : [...e.data].sort((K, ie) => {
-        const z = K[$], L = ie[$];
-        if (z == null && L == null) return 0;
-        if (z == null) return C === "ascending" ? -1 : 1;
+        const x = K[$], L = ie[$];
+        if (x == null && L == null) return 0;
+        if (x == null) return C === "ascending" ? -1 : 1;
         if (L == null) return C === "ascending" ? 1 : -1;
-        if (typeof z == "number" && typeof L == "number")
-          return C === "ascending" ? z - L : L - z;
-        const R = String(z), V = String(L);
-        return C === "ascending" ? R.localeCompare(V) : V.localeCompare(R);
+        if (typeof x == "number" && typeof L == "number")
+          return C === "ascending" ? x - L : L - x;
+        const R = String(x), A = String(L);
+        return C === "ascending" ? R.localeCompare(A) : A.localeCompare(R);
       });
-    }), w = ($) => {
+    }), B = ($) => {
       if (!$.sortable) return;
       const C = v.value.prop === $.prop ? v.value.order : null;
       let K = null;
       C === null ? K = "ascending" : C === "ascending" ? K = "descending" : K = null, v.value = { prop: $.prop, order: K }, r("sort-change", v.value);
-    }, x = ($) => !$.sortable || v.value.prop !== $.prop ? "" : v.value.order === "ascending" ? "is-ascending" : v.value.order === "descending" ? "is-descending" : "", T = ($, C) => v.value.prop === $.prop && v.value.order === C, B = W(/* @__PURE__ */ new Set());
+    }, w = ($) => !$.sortable || v.value.prop !== $.prop ? "" : v.value.order === "ascending" ? "is-ascending" : v.value.order === "descending" ? "is-descending" : "", P = ($, C) => v.value.prop === $.prop && v.value.order === C, _ = H(/* @__PURE__ */ new Set());
     n(() => d.value.some(($) => $.columnType === "selection"));
-    const g = n(() => S.value.length === 0 ? !1 : S.value.every(($) => B.value.has($))), _ = n(() => {
-      const $ = S.value.filter((C) => B.value.has(C)).length;
+    const g = n(() => S.value.length === 0 ? !1 : S.value.every(($) => _.value.has($))), E = n(() => {
+      const $ = S.value.filter((C) => _.value.has(C)).length;
       return $ > 0 && $ < S.value.length;
-    }), N = ($) => {
-      const C = new Set(B.value);
-      C.has($) ? C.delete($) : C.add($), B.value = C;
+    }), z = ($) => {
+      const C = new Set(_.value);
+      C.has($) ? C.delete($) : C.add($), _.value = C;
       const K = Array.from(C);
       r("select", K, $), r("selection-change", K);
-    }, E = () => {
+    }, M = () => {
       let $;
-      g.value ? $ = /* @__PURE__ */ new Set() : $ = new Set(S.value), B.value = $;
+      g.value ? $ = /* @__PURE__ */ new Set() : $ = new Set(S.value), _.value = $;
       const C = Array.from($);
       r("select-all", C), r("selection-change", C);
-    }, M = W(null), b = ($, C, K) => {
+    }, N = H(null), b = ($, C, K) => {
       if (r("row-click", $, C, K), e.highlightCurrentRow) {
-        const ie = M.value;
-        M.value = $, r("current-change", $, ie);
+        const ie = N.value;
+        N.value = $, r("current-change", $, ie);
       }
-    }, y = ($, C) => typeof e.rowKey == "function" ? e.rowKey($) : $[e.rowKey] ?? C, H = n(() => [
+    }, y = ($, C) => typeof e.rowKey == "function" ? e.rowKey($) : $[e.rowKey] ?? C, W = n(() => [
       l.b(),
-      U(e.size) && l.m(e.size),
+      Z(e.size) && l.m(e.size),
       l.m(`type-${e.type}`),
       l.is("stripe", e.stripe),
       l.is("border", e.border),
       l.is("highlight-current-row", e.highlightCurrentRow),
       l.is("scrollable", !!(e.height || e.maxHeight))
-    ]), J = n(() => e.color ? {
+    ]), G = n(() => e.color ? {
       "--cp-table-color": e.color,
       "--cp-table-header-bg": `linear-gradient(180deg, color-mix(in srgb, ${e.color} 18%, transparent) 0%, color-mix(in srgb, ${e.color} 6%, transparent) 100%)`,
       "--cp-table-header-border-color": `color-mix(in srgb, ${e.color} 40%, transparent)`,
       "--cp-table-row-hover-bg": `color-mix(in srgb, ${e.color} 6%, transparent)`,
       "--cp-table-row-current-bg": `color-mix(in srgb, ${e.color} 10%, transparent)`,
       "--cp-table-row-selected-bg": `color-mix(in srgb, ${e.color} 8%, transparent)`
-    } : {}), I = n(() => e.color || e.type === "default" ? void 0 : e.type), ae = n(() => e.color || void 0), ne = n(() => {
+    } : {}), T = n(() => e.color || e.type === "default" ? void 0 : e.type), ae = n(() => e.color || void 0), ne = n(() => {
       const $ = {};
       if (e.height) {
         const C = typeof e.height == "number" ? `${e.height}px` : e.height;
@@ -9242,29 +9245,29 @@ const xt = {
         $["max-height"] = C, $["overflow-y"] = "auto";
       }
       return $;
-    }), P = ($) => {
+    }), V = ($) => {
       const C = {};
       return $.width && (C.width = typeof $.width == "number" ? `${$.width}px` : $.width), $.minWidth && (C.minWidth = typeof $.minWidth == "number" ? `${$.minWidth}px` : $.minWidth), ($.columnType === "selection" || $.columnType === "index") && ($.width || (C.width = "50px")), C;
     }, Y = ($, C) => C.prop ? C.prop.split(".").reduce((K, ie) => K == null ? void 0 : K[ie], $) : "", h = ($) => $ === "center" ? l.m("align-center") : $ === "right" ? l.m("align-right") : "";
     return t({
       /** 清空选择 */
       clearSelection: () => {
-        B.value = /* @__PURE__ */ new Set(), r("selection-change", []);
+        _.value = /* @__PURE__ */ new Set(), r("selection-change", []);
       },
       /** 获取选中行 */
-      getSelectionRows: () => Array.from(B.value),
+      getSelectionRows: () => Array.from(_.value),
       /** 排序 */
       sort: ($, C) => {
         v.value = { prop: $, order: C }, r("sort-change", v.value);
       },
       /** 设置当前行 */
       setCurrentRow: ($) => {
-        const C = M.value;
-        M.value = $, r("current-change", $, C);
+        const C = N.value;
+        N.value = $, r("current-change", $, C);
       }
     }), ($, C) => (u(), f("div", {
-      class: c(H.value),
-      style: j(J.value)
+      class: c(W.value),
+      style: j(G.value)
     }, [
       k("div", Ca, [
         F($.$slots, "default")
@@ -9287,32 +9290,32 @@ const xt = {
                 class: c([
                   a(l).e("header-cell"),
                   K.sortable && a(l).is("sortable", !0),
-                  x(K),
+                  w(K),
                   h(K.headerAlign || K.align)
                 ]),
-                style: j(P(K)),
-                onClick: (ie) => K.sortable ? w(K) : void 0
+                style: j(V(K)),
+                onClick: (ie) => K.sortable ? B(K) : void 0
               }, [
                 K.columnType === "selection" ? (u(), ee(ot, {
                   key: 0,
                   "model-value": g.value,
-                  indeterminate: _.value,
-                  type: I.value,
+                  indeterminate: E.value,
+                  type: T.value,
                   color: ae.value,
-                  onChange: E,
+                  onChange: M,
                   onClick: C[0] || (C[0] = Pe(() => {
                   }, ["stop"]))
                 }, null, 8, ["model-value", "indeterminate", "type", "color"])) : (u(), f(de, { key: 1 }, [
                   K.slots.header ? (u(), ee($e({ render: () => K.slots.header({ column: K, $index: d.value.indexOf(K) }) }), { key: 0 })) : (u(), f("span", {
                     key: 1,
                     class: c(a(l).e("header-label"))
-                  }, Z(K.columnType === "index" ? K.label || "#" : K.label), 3)),
+                  }, J(K.columnType === "index" ? K.label || "#" : K.label), 3)),
                   K.sortable ? (u(), f("span", {
                     key: 2,
                     class: c(a(l).e("sort-icon"))
                   }, [
                     (u(), f("svg", {
-                      class: c([a(l).e("sort-caret"), a(l).is("ascending"), a(l).is("active", T(K, "ascending"))]),
+                      class: c([a(l).e("sort-caret"), a(l).is("ascending"), a(l).is("active", P(K, "ascending"))]),
                       viewBox: "0 0 8 5",
                       width: "8",
                       height: "5"
@@ -9323,7 +9326,7 @@ const xt = {
                       }, null, -1)
                     ])], 2)),
                     (u(), f("svg", {
-                      class: c([a(l).e("sort-caret"), a(l).is("descending"), a(l).is("active", T(K, "descending"))]),
+                      class: c([a(l).e("sort-caret"), a(l).is("descending"), a(l).is("active", P(K, "descending"))]),
                       viewBox: "0 0 8 5",
                       width: "8",
                       height: "5"
@@ -9347,28 +9350,28 @@ const xt = {
               class: c([
                 a(l).e("row"),
                 a(l).is("striped", $.stripe && ie % 2 === 1),
-                a(l).is("current", $.highlightCurrentRow && M.value === K),
-                a(l).is("selected", B.value.has(K))
+                a(l).is("current", $.highlightCurrentRow && N.value === K),
+                a(l).is("selected", _.value.has(K))
               ]),
-              onClick: (z) => b(K, ie, z)
+              onClick: (x) => b(K, ie, x)
             }, [
-              (u(!0), f(de, null, ke(d.value, (z) => (u(), f("td", {
-                key: z.id,
-                class: c([a(l).e("cell"), h(z.align)]),
-                style: j(P(z))
+              (u(!0), f(de, null, ke(d.value, (x) => (u(), f("td", {
+                key: x.id,
+                class: c([a(l).e("cell"), h(x.align)]),
+                style: j(V(x))
               }, [
-                z.columnType === "selection" ? (u(), ee(ot, {
+                x.columnType === "selection" ? (u(), ee(ot, {
                   key: 0,
-                  "model-value": B.value.has(K),
-                  type: I.value,
+                  "model-value": _.value.has(K),
+                  type: T.value,
                   color: ae.value,
-                  onChange: (L) => N(K),
+                  onChange: (L) => z(K),
                   onClick: C[1] || (C[1] = Pe(() => {
                   }, ["stop"]))
-                }, null, 8, ["model-value", "type", "color", "onChange"])) : z.columnType === "index" ? (u(), f(de, { key: 1 }, [
-                  pe(Z(ie + 1), 1)
-                ], 64)) : z.slots.default ? (u(), ee($e({ render: () => z.slots.default({ row: K, column: z, $index: ie }) }), { key: 2 })) : (u(), f(de, { key: 3 }, [
-                  pe(Z(Y(K, z)), 1)
+                }, null, 8, ["model-value", "type", "color", "onChange"])) : x.columnType === "index" ? (u(), f(de, { key: 1 }, [
+                  pe(J(ie + 1), 1)
+                ], 64)) : x.slots.default ? (u(), ee($e({ render: () => x.slots.default({ row: K, column: x, $index: ie }) }), { key: 2 })) : (u(), f(de, { key: 3 }, [
+                  pe(J(Y(K, x)), 1)
                 ], 64))
               ], 6))), 128))
             ], 10, $a))), 128)) : (u(), f("tr", {
@@ -9396,7 +9399,7 @@ const xt = {
                     ])], 2)),
                     k("span", {
                       class: c(a(l).e("empty-text"))
-                    }, Z($.emptyText), 3)
+                    }, J($.emptyText), 3)
                   ], 2)
                 ])
               ], 10, xa)
@@ -9513,7 +9516,7 @@ export {
   un as CpHeader,
   Ee as CpIcon,
   Fa as CpImage,
-  Ta as CpInput,
+  Ia as CpInput,
   Ea as CpInputNumber,
   et as CpLoading,
   dn as CpMain,
@@ -9537,11 +9540,11 @@ export {
   Oa as CpSwitch,
   gn as CpTable,
   hn as CpTableColumn,
-  Ka as CpTag,
-  _a as CpText,
-  Ia as CpTextarea,
+  _a as CpTag,
+  Ka as CpText,
+  Ta as CpTextarea,
   on as CpTree,
-  Il as asideProps,
+  Tl as asideProps,
   Oo as avatarEmits,
   Ro as avatarGroupProps,
   Do as avatarProps,
@@ -9563,11 +9566,11 @@ export {
   wl as dividerProps,
   Zo as dropdownEmits,
   Uo as dropdownProps,
-  Tl as footerProps,
+  Il as footerProps,
   Al as headerProps,
   At as iconProps,
-  Io as imageEmits,
-  To as imageProps,
+  To as imageEmits,
+  Io as imageProps,
   Ot as inputEmits,
   qt as inputNumberEmits,
   Xt as inputNumberProps,
@@ -9580,7 +9583,7 @@ export {
   Hl as menuItemProps,
   ca as menuNavEmits,
   ua as menuNavProps,
-  _l as menuProps,
+  Kl as menuProps,
   la as notificationEmits,
   oa as notificationProps,
   fa as paginationEmits,