@cyberpunk-vue/components 1.7.8 → 1.7.10

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as ae, computed as i, openBlock as n, createElementBlock as f, normalizeStyle as G, normalizeClass as r, unref as a, createElementVNode as p, Fragment as de, renderList as Ce, createCommentVNode as V, createBlock as Q, resolveDynamicComponent as $e, withCtx as ie, renderSlot as H, useSlots as Be, inject as we, createVNode as me, Transition as Ae, provide as Me, toRef as ge, watchEffect as Kt, ref as F, onMounted as Pe, createTextVNode as pe, toDisplayString as J, nextTick as Le, watch as he, onBeforeUnmount as Ve, withModifiers as ke, withDirectives as Ne, vShow as De, withKeys as at, Teleport as Ye, vModelText as ct, resolveComponent as kt, useAttrs as jt, mergeProps as Oe, getCurrentInstance as wt, isVNode as Qe, render as vt, createStaticVNode as St, reactive as Ft } from "vue";
+import { defineComponent as ae, computed as i, openBlock as n, createElementBlock as f, normalizeStyle as G, normalizeClass as r, unref as a, createElementVNode as p, Fragment as de, renderList as Ce, createCommentVNode as V, createBlock as Q, resolveDynamicComponent as $e, withCtx as ie, renderSlot as F, useSlots as Be, inject as we, createVNode as me, Transition as Ae, provide as Me, toRef as ge, watchEffect as Kt, ref as H, onMounted as Pe, createTextVNode as pe, toDisplayString as J, nextTick as Le, watch as he, onBeforeUnmount as Ve, withModifiers as ke, withDirectives as Ne, vShow as De, withKeys as at, Teleport as Ye, vModelText as ct, resolveComponent as kt, useAttrs as jt, mergeProps as Oe, getCurrentInstance as wt, isVNode as Qe, render as vt, createStaticVNode as St, reactive as Ft } from "vue";
 import { useNamespace as ue, parseSizeNumber as st, isPresetSize as re, normalizeSize as xe, normalizeDuration as Te, useImageSrc as Ct } from "@cyberpunk-vue/hooks";
 import { COMPONENT_PREFIX as ne, DEFAULTS_KEY as Ht, THEME_KEY as Wt, DIALOG_CONTEXT_KEY as _t, CSS_NAMESPACE as $t, TABLE_CONTEXT_KEY as xt } from "@cyberpunk-vue/constants";
 function se(u) {
@@ -505,7 +505,7 @@ const Ut = {
       "aria-hidden": "true"
     }, {
       default: ie(() => [
-        s.value === "slot" ? H(v.$slots, "default", { key: 0 }) : s.value === "component" ? (n(), Q($e(v.icon), { key: 1 })) : s.value === "svg" ? (n(), f("span", {
+        s.value === "slot" ? F(v.$slots, "default", { key: 0 }) : s.value === "component" ? (n(), Q($e(v.icon), { key: 1 })) : s.value === "svg" ? (n(), f("span", {
           key: 2,
           class: r(a(t).e("svg")),
           innerHTML: v.icon
@@ -543,7 +543,7 @@ const Ut = {
       l.is("small-size", z.value)
     ]), h = i(() => {
       const _ = {};
-      if (t.color && (_["--cp-button-custom-color"] = t.color, _["--cp-button-custom-color-light"] = `${t.color}33`), t.textColor && (_.color = t.textColor), !re(t.size)) {
+      if (t.color && (_["--cp-button-custom-color"] = t.color, _["--cp-button-custom-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`), t.textColor && (_.color = t.textColor), !re(t.size)) {
         _["--cp-button-height"] = xe(t.size, v);
         let E = 0;
         if (typeof t.size == "number")
@@ -616,7 +616,7 @@ const Ut = {
           key: 2,
           class: r(a(l).e("prefix"))
         }, [
-          H(_.$slots, "prefix", {}, () => [
+          F(_.$slots, "prefix", {}, () => [
             _.prefixIcon ? (n(), Q(a(Re), {
               key: 0,
               icon: _.prefixIcon,
@@ -628,13 +628,13 @@ const Ut = {
         p("span", {
           class: r(a(l).e("content"))
         }, [
-          H(_.$slots, "default")
+          F(_.$slots, "default")
         ], 2),
         A.value ? (n(), f("span", {
           key: 3,
           class: r(a(l).e("suffix"))
         }, [
-          H(_.$slots, "suffix", {}, () => [
+          F(_.$slots, "suffix", {}, () => [
             _.suffixIcon ? (n(), Q(a(Re), {
               key: 0,
               icon: _.suffixIcon,
@@ -692,7 +692,7 @@ const Ut = {
     const o = u;
     return Me(Ht, o.defaults), Me(Wt, ge(o, "theme")), Kt(() => {
       typeof document < "u" && document.documentElement.setAttribute("data-theme", o.theme);
-    }), (t, e) => H(t.$slots, "default");
+    }), (t, e) => F(t.$slots, "default");
   }
 }), js = se(co), po = {
   /**
@@ -919,7 +919,7 @@ const Ut = {
   props: po,
   emits: fo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = Be(), d = ue("input"), c = we(Ee, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = F(), w = F(!1), z = F(!1), N = F(!1), A = i(() => e.type === "password" && e.showPassword ? N.value ? "text" : "password" : e.type), x = i(() => [
+    const e = u, s = t, l = Be(), d = ue("input"), c = we(Ee, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = H(), w = H(!1), z = H(!1), N = H(!1), A = i(() => e.type === "password" && e.showPassword ? N.value ? "text" : "password" : e.type), x = i(() => [
       d.b(),
       re(e.size) && d.m(e.size),
       d.m(e.variant),
@@ -933,7 +933,7 @@ const Ut = {
       d.is("custom-size", !re(e.size))
     ]), C = i(() => {
       const m = {};
-      return e.color && (m["--cp-input-custom-color"] = e.color, m["--cp-input-custom-color-light"] = `${e.color}33`), e.inactiveBorderColor && (m["--cp-input-inactive-border-color"] = e.inactiveBorderColor), e.placeholderColor && (m["--cp-input-placeholder-color"] = e.placeholderColor), e.textColor && (m["--cp-input-text-color"] = e.textColor), re(e.size) || (m["--cp-input-height"] = xe(e.size, b)), e.clearDuration !== 150 && (m["--cp-input-clear-duration"] = `${e.clearDuration}ms`), m;
+      return e.color && (m["--cp-input-custom-color"] = e.color, m["--cp-input-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), e.inactiveBorderColor && (m["--cp-input-inactive-border-color"] = e.inactiveBorderColor), e.placeholderColor && (m["--cp-input-placeholder-color"] = e.placeholderColor), e.textColor && (m["--cp-input-text-color"] = e.textColor), re(e.size) || (m["--cp-input-height"] = xe(e.size, b)), e.clearDuration !== 150 && (m["--cp-input-clear-duration"] = `${e.clearDuration}ms`), m;
     }), D = i(() => e.clearable && !v.value && !e.readonly && !!e.modelValue), I = i(() => e.type === "password" && e.showPassword && !v.value), R = i(() => String(e.modelValue || "").length), P = i(() => e.showWordLimit), L = i(() => !!l.prefix), U = (m) => {
       const K = m.target, oe = e.type === "number" ? Number(K.value) : K.value;
       s("update:modelValue", oe), s("input", oe, m);
@@ -975,7 +975,7 @@ const Ut = {
         key: 0,
         class: r(a(d).e("prefix"))
       }, [
-        H(m.$slots, "prefix")
+        F(m.$slots, "prefix")
       ], 2)) : V("", !0),
       p("input", {
         ref_key: "inputRef",
@@ -1019,7 +1019,7 @@ const Ut = {
         key: 3,
         class: r(a(d).e("suffix"))
       }, [
-        H(m.$slots, "suffix")
+        F(m.$slots, "suffix")
       ], 2)) : V("", !0),
       P.value ? (n(), f("span", {
         key: 4,
@@ -1105,7 +1105,7 @@ const Ut = {
   props: ho,
   emits: bo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("textarea"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = F(), h = F(!1), w = i(() => [
+    const e = u, s = t, l = ue("textarea"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = H(), h = H(!1), w = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.m(e.variant),
@@ -1116,7 +1116,7 @@ const Ut = {
       l.is("custom-size", !re(e.size))
     ]), z = i(() => {
       const T = {};
-      return e.color && (T["--cp-textarea-custom-color"] = e.color, T["--cp-textarea-custom-color-light"] = `${e.color}33`), e.textColor && (T["--cp-textarea-text-color"] = e.textColor), re(e.size) || (T["--cp-textarea-font-size"] = xe(e.size, v)), T;
+      return e.color && (T["--cp-textarea-custom-color"] = e.color, T["--cp-textarea-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), e.textColor && (T["--cp-textarea-text-color"] = e.textColor), re(e.size) || (T["--cp-textarea-font-size"] = xe(e.size, v)), T;
     }), N = i(() => {
       var T;
       return ((T = e.modelValue) == null ? void 0 : T.length) || 0;
@@ -1257,7 +1257,7 @@ const Ut = {
   props: So,
   emits: Co,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("input-number"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = F(), h = F(!1), w = F(null), z = i(() => w.value !== null ? w.value : e.modelValue === void 0 || e.modelValue === null ? "" : e.precision !== void 0 ? e.modelValue.toFixed(e.precision) : String(e.modelValue)), N = i(() => [
+    const e = u, s = t, l = ue("input-number"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = H(), h = H(!1), w = H(null), z = i(() => w.value !== null ? w.value : e.modelValue === void 0 || e.modelValue === null ? "" : e.precision !== void 0 ? e.modelValue.toFixed(e.precision) : String(e.modelValue)), N = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.m(`controls-${e.controlsPosition}`),
@@ -1269,7 +1269,7 @@ const Ut = {
       l.is("custom-size", !re(e.size))
     ]), A = i(() => {
       const Z = {};
-      return e.color && (Z["--cp-input-number-custom-color"] = e.color, Z["--cp-input-number-custom-color-light"] = `${e.color}33`), re(e.size) || (Z["--cp-input-number-height"] = xe(e.size, v)), Z;
+      return e.color && (Z["--cp-input-number-custom-color"] = e.color, Z["--cp-input-number-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), re(e.size) || (Z["--cp-input-number-height"] = xe(e.size, v)), Z;
     }), x = i(() => e.modelValue <= e.min), C = i(() => e.modelValue >= e.max), D = (Z) => e.precision === void 0 ? Z : parseFloat(Z.toFixed(e.precision)), I = (Z) => {
       const _ = e.modelValue;
       let E = Z;
@@ -1536,7 +1536,7 @@ const Ut = {
   props: Eo,
   emits: Vo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("slider"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 4, md: 6, lg: 8 }, b = F(), h = F(!1), w = F(null), z = F(!1), N = F(!1), A = F(null), x = F(null), C = i(() => [
+    const e = u, s = t, l = ue("slider"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 4, md: 6, lg: 8 }, b = H(), h = H(!1), w = H(null), z = H(!1), N = H(!1), A = H(null), x = H(null), C = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.m(`shape-${e.shape}`),
@@ -2112,7 +2112,7 @@ const Ut = {
             key: 0,
             class: r(a(t).e("text"))
           }, [
-            H($.$slots, "default", {}, () => [
+            F($.$slots, "default", {}, () => [
               pe(J(P.value), 1)
             ])
           ], 2)) : V("", !0)
@@ -2132,7 +2132,7 @@ const Ut = {
                   key: 0,
                   class: r(a(t).e("innerText"))
                 }, [
-                  H($.$slots, "default", {}, () => [
+                  F($.$slots, "default", {}, () => [
                     pe(J(P.value), 1)
                   ])
                 ], 2)) : V("", !0)
@@ -2143,7 +2143,7 @@ const Ut = {
             key: 0,
             class: r(a(t).e("text"))
           }, [
-            H($.$slots, "default", {}, () => [
+            F($.$slots, "default", {}, () => [
               pe(J(P.value), 1)
             ])
           ], 2)) : V("", !0)
@@ -2196,7 +2196,7 @@ const Ut = {
           key: 0,
           class: r(a(t).e("text"))
         }, [
-          H($.$slots, "default", {}, () => [
+          F($.$slots, "default", {}, () => [
             pe(J(P.value), 1)
           ])
         ], 2)) : V("", !0)
@@ -2346,7 +2346,7 @@ const Ut = {
   props: jo,
   emits: Fo,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("switch"), d = we(Ee, void 0), c = { sm: 16, md: 20, lg: 24 }, v = F(), b = F(!1), h = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || e.loading || b.value), w = i(() => [
+    const e = u, s = t, l = ue("switch"), d = we(Ee, void 0), c = { sm: 16, md: 20, lg: 24 }, v = H(), b = H(!1), h = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || e.loading || b.value), w = i(() => [
       l.b(),
       re(e.size) && l.m(e.size),
       l.is("checked", e.modelValue),
@@ -2747,7 +2747,7 @@ const Ut = {
   __name: "card",
   props: Zo,
   setup(u) {
-    const o = u, t = Be(), e = ue("card"), s = F(!1);
+    const o = u, t = Be(), e = ue("card"), s = H(!1);
     let l = null;
     const d = () => {
       l !== null && (clearTimeout(l), l = null);
@@ -2844,7 +2844,7 @@ const Ut = {
             p("div", {
               class: r(a(e).e("cover"))
             }, [
-              H(E.$slots, "cover")
+              F(E.$slots, "cover")
             ], 2)
           ], 2)
         ], 34)) : V("", !0),
@@ -2853,11 +2853,11 @@ const Ut = {
           class: r(R.value),
           style: G(E.headerStyle)
         }, [
-          H(E.$slots, "header", {}, () => [
+          F(E.$slots, "header", {}, () => [
             p("div", {
               class: r(a(e).e("title"))
             }, [
-              H(E.$slots, "title", {}, () => [
+              F(E.$slots, "title", {}, () => [
                 pe(J(E.title), 1)
               ])
             ], 2),
@@ -2865,7 +2865,7 @@ const Ut = {
               key: 0,
               class: r(a(e).e("extra"))
             }, [
-              H(E.$slots, "extra")
+              F(E.$slots, "extra")
             ], 2)) : V("", !0)
           ])
         ], 6)) : V("", !0),
@@ -2880,13 +2880,13 @@ const Ut = {
               class: r([a(e).e("body"), E.bodyClass]),
               style: G(A.value)
             }, [
-              H(E.$slots, "default")
+              F(E.$slots, "default")
             ], 6),
             D.value ? (n(), f("div", {
               key: 0,
               class: r(P.value)
             }, [
-              H(E.$slots, "footer")
+              F(E.$slots, "footer")
             ], 2)) : V("", !0)
           ], 2)
         ], 34),
@@ -2900,7 +2900,7 @@ const Ut = {
           class: r($.value),
           style: G(Z.value)
         }, [
-          H(E.$slots, "overlay")
+          F(E.$slots, "overlay")
         ], 6)) : V("", !0),
         me(Ae, { name: "cp-card-loading" }, {
           default: ie(() => [
@@ -2909,7 +2909,7 @@ const Ut = {
               class: r(_.value),
               style: G(E.loadingStyle)
             }, [
-              H(E.$slots, "loading", {}, () => [
+              F(E.$slots, "loading", {}, () => [
                 me(a(_e), {
                   color: w.value || void 0
                 }, null, 8, ["color"]),
@@ -3083,18 +3083,18 @@ const Ut = {
         key: 0,
         class: r(a(s).e("prefix"))
       }, [
-        H(z.$slots, "prefix")
+        F(z.$slots, "prefix")
       ], 2)) : V("", !0),
       p("span", {
         class: r(a(s).e("content"))
       }, [
-        H(z.$slots, "default")
+        F(z.$slots, "default")
       ], 2),
       z.$slots.suffix ? (n(), f("span", {
         key: 1,
         class: r(a(s).e("suffix"))
       }, [
-        H(z.$slots, "suffix")
+        F(z.$slots, "suffix")
       ], 2)) : V("", !0),
       t.closable ? (n(), f("span", {
         key: 2,
@@ -3378,19 +3378,19 @@ const Ut = {
           key: 0,
           class: r(a(t).e("prefix"))
         }, [
-          H(c.$slots, "prefix")
+          F(c.$slots, "prefix")
         ], 2)) : V("", !0),
         p("span", {
           class: r(a(t).e("content")),
           style: G(o.glowPulse && o.lightWave ? { animation: "inherit" } : {})
         }, [
-          H(c.$slots, "default")
+          F(c.$slots, "default")
         ], 6),
         c.$slots.suffix ? (n(), f("span", {
           key: 1,
           class: r(a(t).e("suffix"))
         }, [
-          H(c.$slots, "suffix")
+          F(c.$slots, "suffix")
         ], 2)) : V("", !0)
       ], 14, sl);
     };
@@ -3520,7 +3520,7 @@ const Ut = {
         key: 0,
         class: r(a(e).e("label"))
       }, [
-        H(v.$slots, "default", {}, () => [
+        F(v.$slots, "default", {}, () => [
           pe(J(v.label), 1)
         ])
       ], 2)) : V("", !0)
@@ -3840,7 +3840,7 @@ const Ut = {
   props: pl,
   emits: fl,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("image-preview"), d = F(!1), c = F(0), v = F(1), b = F(0), h = F(!0), w = F(0), z = F(0), N = F(!1);
+    const e = u, s = t, l = ue("image-preview"), d = H(!1), c = H(0), v = H(1), b = H(0), h = H(!0), w = H(0), z = H(0), N = H(!1);
     let A = 0, x = 0, C = 0, D = 0;
     const I = i(() => e.urlList.length === 0 ? "" : e.urlList[c.value] || ""), R = i(() => e.urlList.length <= 1), P = i(() => e.infinite ? !0 : c.value > 0), L = i(() => e.infinite ? !0 : c.value < e.urlList.length - 1), U = i(() => ({
       transform: `translate(${w.value}px, ${z.value}px) scale(${v.value}) rotate(${b.value}deg)`,
@@ -4264,7 +4264,7 @@ const Ut = {
   props: cl,
   emits: dl,
   setup(u, { emit: o }) {
-    const t = u, e = o, s = ue("image"), l = F(!0), d = F(!1), c = F(""), v = F(null), b = F(null), h = F(!t.lazy), w = F(!1), z = i(() => t.preview || t.previewSrcList.length > 0), N = i(() => {
+    const t = u, e = o, s = ue("image"), l = H(!0), d = H(!1), c = H(""), v = H(null), b = H(null), h = H(!t.lazy), w = H(!1), z = i(() => t.preview || t.previewSrcList.length > 0), N = i(() => {
       if (t.previewSrcList.length > 0) return t.previewSrcList;
       const $ = t.previewSrc || c.value;
       return $ ? [$] : [];
@@ -4351,7 +4351,7 @@ const Ut = {
           key: 0,
           class: r(a(s).e("placeholder"))
         }, [
-          H($.$slots, "placeholder", {}, () => [
+          F($.$slots, "placeholder", {}, () => [
             p("div", {
               class: r(a(s).e("skeleton"))
             }, [
@@ -4384,7 +4384,7 @@ const Ut = {
           key: 1,
           class: r(a(s).e("error"))
         }, [
-          H($.$slots, "error", {}, () => [
+          F($.$slots, "error", {}, () => [
             (n(), f("svg", {
               class: r(a(s).e("error-icon")),
               viewBox: "0 0 24 24",
@@ -4635,7 +4635,7 @@ const Ut = {
       src: ge(t, "src"),
       processor: ge(t, "srcProcessor"),
       params: ge(t, "processorParams")
-    }), v = F(!0), b = F(!1), h = F(c.value), w = i(() => t.size !== "md" ? t.size : (d == null ? void 0 : d.size) ?? t.size), z = i(() => t.shape !== "circle" ? t.shape : (d == null ? void 0 : d.shape) ?? t.shape), N = i(() => st(w.value, et, et.md)), A = i(() => [
+    }), v = H(!0), b = H(!1), h = H(c.value), w = i(() => t.size !== "md" ? t.size : (d == null ? void 0 : d.size) ?? t.size), z = i(() => t.shape !== "circle" ? t.shape : (d == null ? void 0 : d.shape) ?? t.shape), N = i(() => st(w.value, et, et.md)), A = i(() => [
       l.b(),
       l.m(`shape-${z.value}`),
       l.is("loading", v.value),
@@ -4677,7 +4677,7 @@ const Ut = {
         key: 2,
         class: r(a(l).e("text"))
       }, [
-        H(L.$slots, "default")
+        F(L.$slots, "default")
       ], 2)) : I.value ? (n(), f("svg", {
         key: 3,
         class: r(a(l).e("placeholder")),
@@ -4949,12 +4949,12 @@ const Ut = {
   props: Bl,
   emits: Ml,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("popover"), d = Be(), c = F(!1), v = i({
+    const e = u, s = t, l = ue("popover"), d = Be(), c = H(!1), v = i({
       get: () => e.modelValue !== void 0 ? e.modelValue : c.value,
       set: (B) => {
         e.modelValue !== void 0 ? s("update:modelValue", B) : c.value = B, s(B ? "open" : "close");
       }
-    }), b = F(null), h = F(null), w = F({ top: 0, left: 0 });
+    }), b = H(null), h = H(null), w = H({ top: 0, left: 0 });
     let z = null, N = null;
     const A = () => {
       z && (clearTimeout(z), z = null), N && (clearTimeout(N), N = null);
@@ -5089,7 +5089,7 @@ const Ut = {
         onFocus: _,
         onBlur: E
       }, [
-        H(B.$slots, "default")
+        F(B.$slots, "default")
       ], 34),
       (n(), Q(Ye, { to: B.teleportTo }, [
         me(Ae, {
@@ -5112,7 +5112,7 @@ const Ut = {
                 key: 0,
                 class: r($.value)
               }, null, 2)) : V("", !0),
-              a(d).popover ? H(B.$slots, "popover", { key: 1 }) : (n(), f(de, { key: 2 }, [
+              a(d).popover ? F(B.$slots, "popover", { key: 1 }) : (n(), f(de, { key: 2 }, [
                 B.title && !B.tooltip ? (n(), f("div", {
                   key: 0,
                   class: r(a(l).e("title"))
@@ -5120,7 +5120,7 @@ const Ut = {
                 p("div", {
                   class: r(a(l).e("body"))
                 }, [
-                  H(B.$slots, "content", {}, () => [
+                  F(B.$slots, "content", {}, () => [
                     pe(J(B.content), 1)
                   ])
                 ], 2)
@@ -5513,12 +5513,12 @@ const Ut = {
   props: Vl,
   emits: Ll,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = Be(), d = ue("dropdown"), c = we(Ee, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = F(null), w = F(null), z = F(null), N = F(null), A = F(!1), x = F(""), C = F(-1), D = F(!1), I = i(() => e.inline && e.filterable), R = i({
+    const e = u, s = t, l = Be(), d = ue("dropdown"), c = we(Ee, void 0), v = i(() => e.disabled || (c == null ? void 0 : c.disabled.value) || !1), b = { sm: 28, md: 36, lg: 44 }, h = H(null), w = H(null), z = H(null), N = H(null), A = H(!1), x = H(""), C = H(-1), D = H(!1), I = i(() => e.inline && e.filterable), R = i({
       get: () => A.value ? x.value : U.value,
       set: (g) => {
         x.value = g;
       }
-    }), P = F({ top: 0, left: 0, width: 0 }), L = i(() => e.options.find((g) => g.value === e.modelValue)), U = i(() => {
+    }), P = H({ top: 0, left: 0, width: 0 }), L = i(() => e.options.find((g) => g.value === e.modelValue)), U = i(() => {
       var g;
       return ((g = L.value) == null ? void 0 : g.label) || "";
     }), T = i(() => {
@@ -5542,7 +5542,7 @@ const Ut = {
       d.is("custom-size", !re(e.size))
     ]), Z = i(() => {
       const g = {};
-      return e.color && (g["--cp-dropdown-custom-color"] = e.color, g["--cp-dropdown-custom-color-light"] = `${e.color}33`), e.inactiveColor && (g["--cp-dropdown-inactive-color"] = e.inactiveColor), e.placeholderColor && (g["--cp-dropdown-placeholder-color"] = e.placeholderColor), re(e.size) || (g["--cp-dropdown-height"] = xe(e.size, b)), e.clearDuration !== 150 && (g["--cp-dropdown-clear-duration"] = `${e.clearDuration}ms`), e.width && (g["--cp-dropdown-width"] = typeof e.width == "number" ? `${e.width}px` : e.width), g;
+      return e.color && (g["--cp-dropdown-custom-color"] = e.color, g["--cp-dropdown-custom-color-light"] = `color-mix(in srgb, ${e.color} 20%, transparent)`), e.inactiveColor && (g["--cp-dropdown-inactive-color"] = e.inactiveColor), e.placeholderColor && (g["--cp-dropdown-placeholder-color"] = e.placeholderColor), re(e.size) || (g["--cp-dropdown-height"] = xe(e.size, b)), e.clearDuration !== 150 && (g["--cp-dropdown-clear-duration"] = `${e.clearDuration}ms`), e.width && (g["--cp-dropdown-width"] = typeof e.width == "number" ? `${e.width}px` : e.width), g;
     }), _ = i(() => ({
       top: `${P.value.top}px`,
       left: `${P.value.left}px`,
@@ -5643,7 +5643,7 @@ const Ut = {
           key: 0,
           class: r(a(d).e("prefix"))
         }, [
-          H(g.$slots, "prefix")
+          F(g.$slots, "prefix")
         ], 2)) : V("", !0),
         I.value ? Ne((n(), f("input", {
           key: 1,
@@ -5723,7 +5723,7 @@ const Ut = {
                   key: 0,
                   class: r(a(d).e("empty"))
                 }, [
-                  H(g.$slots, "empty", {}, () => [
+                  F(g.$slots, "empty", {}, () => [
                     pe(J(g.noDataText), 1)
                   ])
                 ], 2)) : T.value.length === 0 ? (n(), f("li", {
@@ -5741,7 +5741,7 @@ const Ut = {
                   onClick: (X) => W(M),
                   onMouseenter: (X) => C.value = Y
                 }, [
-                  H(g.$slots, "default", { option: M }, () => [
+                  F(g.$slots, "default", { option: M }, () => [
                     pe(J(M.label), 1)
                   ]),
                   le(M) ? (n(), f("span", {
@@ -5940,7 +5940,7 @@ const Ut = {
           const L = A.value ? e.falseValue : e.trueValue;
           s("update:modelValue", L), s("change", L);
         }
-    }, P = F();
+    }, P = H();
     return o({
       /** @description input 元素引用 */
       inputRef: P,
@@ -5992,7 +5992,7 @@ const Ut = {
       p("span", {
         class: r(a(l).e("label"))
       }, [
-        H(L.$slots, "default", {}, () => [
+        F(L.$slots, "default", {}, () => [
           pe(J(e.label), 1)
         ])
       ], 2)
@@ -6107,7 +6107,7 @@ const Ut = {
       class: r(d.value),
       role: "group"
     }, [
-      H(b.$slots, "default")
+      F(b.$slots, "default")
     ], 2));
   }
 }), ar = se(Fl), Hl = {
@@ -6253,7 +6253,7 @@ const Ut = {
       if (h.value || N.value) return;
       const P = e.value;
       b.value && c ? c.handleChange(P) : (s("update:modelValue", P), s("change", P));
-    }, R = F();
+    }, R = H();
     return o({
       /** @description input 元素引用 */
       inputRef: R,
@@ -6289,7 +6289,7 @@ const Ut = {
       p("span", {
         class: r(a(l).e("label"))
       }, [
-        H(P.$slots, "default", {}, () => [
+        F(P.$slots, "default", {}, () => [
           pe(J(e.label), 1)
         ])
       ], 2)
@@ -6369,7 +6369,7 @@ const Ut = {
       class: r(d.value),
       role: "radiogroup"
     }, [
-      H(b.$slots, "default")
+      F(b.$slots, "default")
     ], 2));
   }
 }), rr = se(Xl), Gl = {
@@ -6512,7 +6512,7 @@ const Ut = {
       ]),
       style: G(c.value)
     }, [
-      H(v.$slots, "default"),
+      F(v.$slots, "default"),
       me(Ae, {
         name: a(t).namespace + "-badge-fade"
       }, {
@@ -6807,7 +6807,7 @@ const Ut = {
       L.stopPropagation(), e.toggleCheck(o.node);
     }, R = () => {
       e.handleNodeClick(o.node), !o.node.isLeaf && !e.showCheckbox && e.toggleExpand(o.node);
-    }, P = F();
+    }, P = H();
     return (L, U) => {
       const T = kt("CpTreeNode");
       return Ne((n(), f("div", {
@@ -6957,11 +6957,11 @@ const Ut = {
         loaded: !1
       };
       return z.set(ye, Se), ve && ve.length > 0 && (Se.children = N(ve, Se, Y + 1)), Se;
-    }), A = F([]);
+    }), A = H([]);
     he(() => e.data, () => {
       z.clear(), A.value = N(e.data);
     }, { immediate: !0, deep: !0 });
-    const C = F(/* @__PURE__ */ new Set());
+    const C = H(/* @__PURE__ */ new Set());
     he(A, () => {
       if (e.defaultExpandAll) {
         const k = /* @__PURE__ */ new Set(), M = (Y) => {
@@ -6971,7 +6971,7 @@ const Ut = {
         M(A.value), C.value = k;
       } else e.defaultExpandedKeys.length > 0 && (C.value = new Set(e.defaultExpandedKeys));
     }, { immediate: !0 });
-    const I = i(() => e.expandedKeys !== void 0 ? new Set(e.expandedKeys) : C.value), R = F(/* @__PURE__ */ new Set()), P = i(() => e.checkedKeys !== void 0 ? new Set(e.checkedKeys) : R.value);
+    const I = i(() => e.expandedKeys !== void 0 ? new Set(e.expandedKeys) : C.value), R = H(/* @__PURE__ */ new Set()), P = i(() => e.checkedKeys !== void 0 ? new Set(e.checkedKeys) : R.value);
     he(
       () => e.checkedKeys,
       (k) => {
@@ -6979,7 +6979,7 @@ const Ut = {
       },
       { immediate: !0 }
     );
-    const L = F(/* @__PURE__ */ new Set());
+    const L = H(/* @__PURE__ */ new Set());
     he(P, () => {
       if (e.checkStrictly) {
         L.value = /* @__PURE__ */ new Set();
@@ -6999,7 +6999,7 @@ const Ut = {
       };
       Y(A.value), L.value = k;
     }, { immediate: !0 });
-    const T = F(null), $ = F(""), O = F(null);
+    const T = H(null), $ = H(""), O = H(null);
     he($, () => {
       if (!$.value || !e.filterMethod) {
         O.value = null;
@@ -7119,7 +7119,7 @@ const Ut = {
         key: 1,
         class: r(a(d).e("empty"))
       }, [
-        H(k.$slots, "empty", {}, () => [
+        F(k.$slots, "empty", {}, () => [
           p("span", {
             class: r(a(d).e("empty-text"))
           }, "NO DATA", 2)
@@ -7245,7 +7245,7 @@ const Ut = {
         key: 0,
         class: r(a(e).e("text"))
       }, [
-        H(w.$slots, "default")
+        F(w.$slots, "default")
       ], 2)) : V("", !0)
     ], 6));
   }
@@ -7641,11 +7641,11 @@ const Ut = {
       type: ge(e, "type"),
       color: ge(e, "color")
     });
-    const v = F(!1), b = F(!1), h = F(!1), w = F(null), z = F(null), N = () => {
+    const v = H(!1), b = H(!1), h = H(!1), w = H(null), z = H(null), N = () => {
       w.value && (w.value.classList.remove("is-shaking"), w.value.offsetWidth, w.value.classList.add("is-shaking")), h.value = !0;
     }, A = () => {
       h.value = !1;
-    }, x = F(!1), C = { offsetX: 0, offsetY: 0 };
+    }, x = H(!1), C = { offsetX: 0, offsetY: 0 };
     let D = "";
     const I = (te, be) => {
       if (!w.value) return;
@@ -7821,11 +7821,11 @@ const Ut = {
                   style: G(te.headerStyle),
                   onMousedown: L
                 }, [
-                  H(te.$slots, "header", {}, () => [
+                  F(te.$slots, "header", {}, () => [
                     p("div", {
                       class: r(a(c).e("title"))
                     }, [
-                      H(te.$slots, "title", {}, () => [
+                      F(te.$slots, "title", {}, () => [
                         pe(J(te.title), 1)
                       ])
                     ], 2),
@@ -7852,14 +7852,14 @@ const Ut = {
                   class: r(m.value),
                   style: G(te.bodyStyle)
                 }, [
-                  H(te.$slots, "default")
+                  F(te.$slots, "default")
                 ], 6),
                 B.value ? (n(), f("div", {
                   key: 1,
                   class: r(K.value),
                   style: G(te.footerStyle)
                 }, [
-                  H(te.$slots, "footer", {}, () => [
+                  F(te.$slots, "footer", {}, () => [
                     te.showCancelButton ? (n(), Q(a(ze), {
                       key: 0,
                       class: r(a(c).e("cancel-btn")),
@@ -7971,7 +7971,7 @@ const Ut = {
       style: G(d.value)
     }, {
       default: ie(() => [
-        H(c.$slots, "default")
+        F(c.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -8038,7 +8038,7 @@ const Ut = {
       style: G(l.value)
     }, {
       default: ie(() => [
-        H(d.$slots, "default")
+        F(d.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));
@@ -8165,7 +8165,7 @@ const Ut = {
     return (d, c) => (n(), f("section", {
       class: r(l.value)
     }, [
-      H(d.$slots, "default")
+      F(d.$slots, "default")
     ], 2));
   }
 }), ha = /* @__PURE__ */ ae({
@@ -8173,7 +8173,7 @@ const Ut = {
   __name: "header",
   props: fa,
   setup(u, { expose: o }) {
-    const t = u, e = ue("header"), s = F(), l = i(() => ({
+    const t = u, e = ue("header"), s = H(), l = i(() => ({
       "--cp-header-height": t.height,
       "--cp-layout-header-height": t.height
     })), d = i(() => ({
@@ -8201,7 +8201,7 @@ const Ut = {
       class: r([a(e).b(), a(e).is("no-divider", !t.divider)]),
       style: G(l.value)
     }, [
-      H(b.$slots, "default"),
+      F(b.$slots, "default"),
       t.divider ? (n(), Q(Ue, Oe({ key: 0 }, d.value, {
         class: a(e).e("divider")
       }), null, 16, ["class"])) : V("", !0)
@@ -8212,7 +8212,7 @@ const Ut = {
   __name: "footer",
   props: va,
   setup(u, { expose: o }) {
-    const t = u, e = ue("footer"), s = F(), l = i(() => ({
+    const t = u, e = ue("footer"), s = H(), l = i(() => ({
       "--cp-footer-height": t.height,
       "--cp-layout-footer-height": t.height
     })), d = i(() => ({
@@ -8243,7 +8243,7 @@ const Ut = {
       t.divider ? (n(), Q(Ue, Oe({ key: 0 }, d.value, {
         class: a(e).e("divider")
       }), null, 16, ["class"])) : V("", !0),
-      H(b.$slots, "default")
+      F(b.$slots, "default")
     ], 6));
   }
 }), ka = /* @__PURE__ */ ae({
@@ -8251,7 +8251,7 @@ const Ut = {
   __name: "main",
   props: ya,
   setup(u, { expose: o }) {
-    const t = u, e = ue("main"), s = F(), l = i(() => [
+    const t = u, e = ue("main"), s = H(), l = i(() => [
       e.b(),
       e.is("scroll-under-header", t.scrollUnderHeader),
       e.is("scroll-under-footer", t.scrollUnderFooter)
@@ -8272,7 +8272,7 @@ const Ut = {
       ref: s,
       class: r(l.value)
     }, [
-      H(c.$slots, "default")
+      F(c.$slots, "default")
     ], 2));
   }
 }), wa = ["data-position"], Sa = /* @__PURE__ */ ae({
@@ -8280,7 +8280,7 @@ const Ut = {
   __name: "aside",
   props: ma,
   setup(u, { expose: o }) {
-    const t = u, e = ue("aside"), s = F(), l = i(() => [
+    const t = u, e = ue("aside"), s = H(), l = i(() => [
       e.b(),
       e.is(t.position),
       e.is("scroll-under-header", t.scrollUnderHeader),
@@ -8321,7 +8321,7 @@ const Ut = {
         p("div", {
           class: r(a(e).e("inner"))
         }, [
-          H(h.$slots, "default")
+          F(h.$slots, "default")
         ], 2)
       ], 2),
       !v.value && t.divider ? (n(), Q(Ue, Oe({ key: 1 }, c.value, {
@@ -8429,7 +8429,7 @@ const Ut = {
   props: Ca,
   emits: $a,
   setup(u, { emit: o }) {
-    const t = u, e = o, s = ue("menu"), l = F(t.defaultActive), d = F([]), c = F(new Set(t.defaultOpeneds));
+    const t = u, e = o, s = ue("menu"), l = H(t.defaultActive), d = H([]), c = H(new Set(t.defaultOpeneds));
     he(
       () => t.defaultActive,
       (D) => {
@@ -8458,7 +8458,7 @@ const Ut = {
       t.color ? s.is("custom-color") : ""
     ]), x = i(() => {
       const D = {};
-      return t.color && (D["--cp-menu-active-color"] = t.color, D["--cp-menu-active-color-light"] = `${t.color}33`), D;
+      return t.color && (D["--cp-menu-active-color"] = t.color, D["--cp-menu-active-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`), D;
     }), C = {
       generateIndex: N,
       activeIndex: l,
@@ -8481,7 +8481,7 @@ const Ut = {
       style: G(x.value),
       role: "menubar"
     }, [
-      H(D.$slots, "default")
+      F(D.$slots, "default")
     ], 6));
   }
 }), za = se(xa), Ba = {
@@ -8554,12 +8554,12 @@ const Ut = {
           key: 0,
           icon: N.icon,
           size: "sm"
-        }, null, 8, ["icon"])) : H(N.$slots, "icon", { key: 1 })
+        }, null, 8, ["icon"])) : F(N.$slots, "icon", { key: 1 })
       ], 2)) : V("", !0),
       p("span", {
         class: r(a(s).e("content"))
       }, [
-        H(N.$slots, "default")
+        F(N.$slots, "default")
       ], 2)
     ], 46, Pa));
   }
@@ -8600,7 +8600,7 @@ const Ut = {
   __name: "sub-menu",
   props: Va,
   setup(u) {
-    const o = u, t = ue("sub-menu"), e = we(rt, void 0), s = we(tt, void 0), l = o.index ?? (e == null ? void 0 : e.generateIndex()) ?? `__cp_sub_auto_${Math.random().toString(36).slice(2)}`, d = F(!1), c = i(() => (s == null ? void 0 : s.level) ?? 0), v = i(() => [...(s == null ? void 0 : s.indexPath) ?? [], l]), b = i(() => (e == null ? void 0 : e.openedMenus.value.has(l)) ?? !1), h = i(() => e ? e.activeIndexPath.value.includes(l) : !1), w = i(() => e ? e.mode === "horizontal" || e.collapse.value : !1), z = i(() => (e == null ? void 0 : e.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (c.value + 1)}px` }), N = i(() => [
+    const o = u, t = ue("sub-menu"), e = we(rt, void 0), s = we(tt, void 0), l = o.index ?? (e == null ? void 0 : e.generateIndex()) ?? `__cp_sub_auto_${Math.random().toString(36).slice(2)}`, d = H(!1), c = i(() => (s == null ? void 0 : s.level) ?? 0), v = i(() => [...(s == null ? void 0 : s.indexPath) ?? [], l]), b = i(() => (e == null ? void 0 : e.openedMenus.value.has(l)) ?? !1), h = i(() => e ? e.activeIndexPath.value.includes(l) : !1), w = i(() => e ? e.mode === "horizontal" || e.collapse.value : !1), z = i(() => (e == null ? void 0 : e.mode) === "horizontal" ? {} : { paddingLeft: `${20 * (c.value + 1)}px` }), N = i(() => [
       t.b(),
       t.is("opened", b.value),
       t.is("active", h.value),
@@ -8656,12 +8656,12 @@ const Ut = {
             key: 0,
             icon: T.icon,
             size: "sm"
-          }, null, 8, ["icon"])) : H(T.$slots, "icon", { key: 1 })
+          }, null, 8, ["icon"])) : F(T.$slots, "icon", { key: 1 })
         ], 2)) : V("", !0),
         p("span", {
           class: r(a(t).e("title-content"))
         }, [
-          H(T.$slots, "title", {}, () => [
+          F(T.$slots, "title", {}, () => [
             pe(J(T.title), 1)
           ])
         ], 2),
@@ -8691,7 +8691,7 @@ const Ut = {
               class: r(a(t).e("content")),
               role: "menu"
             }, [
-              H(T.$slots, "default")
+              F(T.$slots, "default")
             ], 2)
           ], 34), [
             [De, b.value]
@@ -8724,7 +8724,7 @@ const Ut = {
         class: r(a(o).e("title")),
         style: G(s.value)
       }, [
-        H(l.$slots, "title", {}, () => [
+        F(l.$slots, "title", {}, () => [
           pe(J(l.title), 1)
         ])
       ], 6),
@@ -8732,7 +8732,7 @@ const Ut = {
         class: r(a(o).e("content")),
         role: "group"
       }, [
-        H(l.$slots, "default")
+        F(l.$slots, "default")
       ], 2)
     ], 2));
   }
@@ -8951,7 +8951,7 @@ const Ut = {
   props: Ra,
   emits: Ka,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = Be(), d = ue("notification"), c = F(!1), v = i(() => !!e.id);
+    const e = u, s = t, l = Be(), d = ue("notification"), c = H(!1), v = i(() => !!e.id);
     let b = null, h = 0, w = 0;
     const z = () => {
       e.duration <= 0 || (w <= 0 && (w = e.duration), h = Date.now(), b = setTimeout(() => {
@@ -9039,7 +9039,7 @@ const Ut = {
             key: 0,
             class: r(a(d).e("icon"))
           }, [
-            H(S.$slots, "icon", {}, () => [
+            F(S.$slots, "icon", {}, () => [
               (n(), f("svg", _a, [
                 p("path", {
                   d: oe.value
@@ -9054,14 +9054,14 @@ const Ut = {
               key: 0,
               class: r(a(d).e("title"))
             }, [
-              H(S.$slots, "title", {}, () => [
+              F(S.$slots, "title", {}, () => [
                 pe(J(S.title), 1)
               ])
             ], 2)) : V("", !0),
             p("div", {
               class: r(a(d).e("content"))
             }, [
-              H(S.$slots, "default", {}, () => [
+              F(S.$slots, "default", {}, () => [
                 S.dangerouslyUseHTMLString && O.value ? (n(), f("p", {
                   key: 0,
                   innerHTML: S.message
@@ -9074,7 +9074,7 @@ const Ut = {
               onClick: B[1] || (B[1] = ke(() => {
               }, ["stop"]))
             }, [
-              H(S.$slots, "actions")
+              F(S.$slots, "actions")
             ], 2)) : V("", !0)
           ], 2),
           S.showClose ? (n(), f("button", {
@@ -9128,7 +9128,7 @@ const Ut = {
               key: 0,
               class: r(a(d).e("icon"))
             }, [
-              H(S.$slots, "icon", {}, () => [
+              F(S.$slots, "icon", {}, () => [
                 (n(), f("svg", ja, [
                   p("path", {
                     d: oe.value
@@ -9143,14 +9143,14 @@ const Ut = {
                 key: 0,
                 class: r(a(d).e("title"))
               }, [
-                H(S.$slots, "title", {}, () => [
+                F(S.$slots, "title", {}, () => [
                   pe(J(S.title), 1)
                 ])
               ], 2)) : V("", !0),
               p("div", {
                 class: r(a(d).e("content"))
               }, [
-                H(S.$slots, "default", {}, () => [
+                F(S.$slots, "default", {}, () => [
                   S.dangerouslyUseHTMLString && O.value ? (n(), f("p", {
                     key: 0,
                     innerHTML: S.message
@@ -9163,7 +9163,7 @@ const Ut = {
                 onClick: B[0] || (B[0] = ke(() => {
                 }, ["stop"]))
               }, [
-                H(S.$slots, "actions")
+                F(S.$slots, "actions")
               ], 2)) : V("", !0)
             ], 2),
             S.showClose ? (n(), f("button", {
@@ -9702,7 +9702,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   props: ts,
   emits: os,
   setup(u, { emit: o }) {
-    const t = u, e = o, s = ue("pagination"), l = F(t.currentPage), d = F(t.pageSize);
+    const t = u, e = o, s = ue("pagination"), l = H(t.currentPage), d = H(t.pageSize);
     he(() => t.currentPage, (m) => {
       l.value = m;
     }), he(() => t.pageSize, (m) => {
@@ -9718,7 +9718,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       s.is("custom-color", !!t.color)
     ]), C = i(() => {
       const m = {};
-      return re(t.size) || (m["--cp-pagination-height"] = xe(t.size, z)), t.color && (m["--cp-pagination-color"] = t.color, m["--cp-pagination-color-light"] = `${t.color}33`), m;
+      return re(t.size) || (m["--cp-pagination-height"] = xe(t.size, z)), t.color && (m["--cp-pagination-color"] = t.color, m["--cp-pagination-color-light"] = `color-mix(in srgb, ${t.color} 20%, transparent)`), m;
     }), D = i(() => t.pageSizes.map((m) => ({
       label: t.sizeTemplate.replace("{size}", String(m)),
       value: m
@@ -9772,7 +9772,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       if (t.disabled) return;
       const K = t.pagerCount - 2;
       T(m === "left-ellipsis" ? Math.max(1, l.value - K) : Math.min(c.value, l.value + K));
-    }, _ = F(""), E = () => {
+    }, _ = H(""), E = () => {
       if (t.disabled) return;
       const m = parseInt(_.value, 10);
       !isNaN(m) && m >= 1 && m <= c.value && T(m), _.value = "";
@@ -9797,7 +9797,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             class: r(a(s).e("total-count"))
           }, J(m.total), 3),
           pe(J(L.value.after), 1)
-        ], 2)) : oe === "sizes" ? H(m.$slots, "sizes", {
+        ], 2)) : oe === "sizes" ? F(m.$slots, "sizes", {
           key: 2,
           pageSize: d.value,
           pageSizes: m.pageSizes,
@@ -9823,7 +9823,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               onChange: ee
             }, null, 8, ["model-value", "options", "disabled", "shape", "size", "color"])
           ], 2)
-        ]) : oe === "prev" ? H(m.$slots, "prev", {
+        ]) : oe === "prev" ? F(m.$slots, "prev", {
           key: 3,
           disabled: v.value || m.disabled,
           onClick: $,
@@ -9861,7 +9861,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             ])]),
             _: 1
           }, 8, ["class", "variant", "shape", "size", "disabled"])
-        ]) : oe === "pager" ? H(m.$slots, "pager", {
+        ]) : oe === "pager" ? F(m.$slots, "pager", {
           key: 4,
           pages: U.value,
           currentPage: l.value,
@@ -9887,7 +9887,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 a(s).is("disabled", m.disabled)
               ])
             }, [
-              typeof S == "string" ? H(m.$slots, "ellipsis", {
+              typeof S == "string" ? F(m.$slots, "ellipsis", {
                 key: 0,
                 disabled: m.disabled,
                 onClick: () => Z(S),
@@ -9931,7 +9931,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                   ])]),
                   _: 1
                 }, 8, ["shape", "size", "disabled", "class", "onClick"])
-              ]) : H(m.$slots, "pager-item", {
+              ]) : F(m.$slots, "pager-item", {
                 key: 1,
                 page: S,
                 active: S === l.value,
@@ -9959,7 +9959,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               ])
             ], 2))), 128))
           ], 2)
-        ]) : oe === "next" ? H(m.$slots, "next", {
+        ]) : oe === "next" ? F(m.$slots, "next", {
           key: 5,
           disabled: b.value || m.disabled,
           onClick: O,
@@ -9997,7 +9997,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             ])]),
             _: 1
           }, 8, ["class", "variant", "shape", "size", "disabled"])
-        ]) : oe === "jumper" ? H(m.$slots, "jumper", {
+        ]) : oe === "jumper" ? F(m.$slots, "jumper", {
           key: 6,
           pageCount: c.value,
           disabled: m.disabled,
@@ -10116,7 +10116,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   props: ss,
   emits: rs,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("segmented"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = i(() => e.options.map((P) => typeof P == "string" || typeof P == "number" ? { label: String(P), value: P } : P)), h = F(), w = F([]), z = F({}), N = (P, L) => {
+    const e = u, s = t, l = ue("segmented"), d = we(Ee, void 0), c = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), v = { sm: 28, md: 36, lg: 44 }, b = i(() => e.options.map((P) => typeof P == "string" || typeof P == "number" ? { label: String(P), value: P } : P)), h = H(), w = H([]), z = H({}), N = (P, L) => {
       P && (w.value[L] = P);
     }, A = () => {
       const P = b.value.findIndex(
@@ -10324,7 +10324,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     var K, oe;
     const e = u, s = t;
     Be();
-    const l = ue("table"), d = F([]);
+    const l = ue("table"), d = H([]);
     let c = 0;
     Me(xt, { registerColumn: (S) => {
       const B = `cp-col-${c++}`, W = { ...S, id: B };
@@ -10333,7 +10333,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       const B = d.value.findIndex((W) => W.id === S);
       B > -1 && d.value.splice(B, 1);
     } });
-    const h = F({
+    const h = H({
       prop: ((K = e.defaultSort) == null ? void 0 : K.prop) || "",
       order: ((oe = e.defaultSort) == null ? void 0 : oe.order) || null
     }), w = i(() => {
@@ -10353,7 +10353,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       const B = h.value.prop === S.prop ? h.value.order : null;
       let W = null;
       B === null ? W = "ascending" : B === "ascending" ? W = "descending" : W = null, h.value = { prop: S.prop, order: W }, s("sort-change", h.value);
-    }, N = (S) => !S.sortable || h.value.prop !== S.prop ? "" : h.value.order === "ascending" ? "is-ascending" : h.value.order === "descending" ? "is-descending" : "", A = (S, B) => h.value.prop === S.prop && h.value.order === B, x = F(/* @__PURE__ */ new Set());
+    }, N = (S) => !S.sortable || h.value.prop !== S.prop ? "" : h.value.order === "ascending" ? "is-ascending" : h.value.order === "descending" ? "is-descending" : "", A = (S, B) => h.value.prop === S.prop && h.value.order === B, x = H(/* @__PURE__ */ new Set());
     i(() => d.value.some((S) => S.columnType === "selection"));
     const C = i(() => w.value.length === 0 ? !1 : w.value.every((S) => x.value.has(S))), D = i(() => {
       const S = w.value.filter((B) => x.value.has(B)).length;
@@ -10368,7 +10368,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       C.value ? S = /* @__PURE__ */ new Set() : S = new Set(w.value), x.value = S;
       const B = Array.from(S);
       s("select-all", B), s("selection-change", B);
-    }, P = F(null), L = (S, B, W) => {
+    }, P = H(null), L = (S, B, W) => {
       if (s("row-click", S, B, W), e.highlightCurrentRow) {
         const ce = P.value;
         P.value = S, s("current-change", S, ce);
@@ -10424,7 +10424,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       style: G($.value)
     }, [
       p("div", ds, [
-        H(S.$slots, "default")
+        F(S.$slots, "default")
       ]),
       p("div", {
         class: r(a(l).e("wrapper"))
@@ -10536,7 +10536,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 colspan: d.value.length,
                 class: r(a(l).e("empty-cell"))
               }, [
-                H(S.$slots, "empty", {}, () => [
+                F(S.$slots, "empty", {}, () => [
                   p("div", {
                     class: r(a(l).e("empty"))
                   }, [
@@ -10792,7 +10792,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       onSubmit: C[0] || (C[0] = ke(() => {
       }, ["prevent"]))
     }, [
-      H(x.$slots, "default")
+      F(x.$slots, "default")
     ], 38));
   }
 }), xr = se(bs), ks = {
@@ -10866,7 +10866,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   __name: "form-item",
   props: ks,
   setup(u, { expose: o }) {
-    const t = u, e = ue("form-item"), s = we(Ee, void 0), l = F(""), d = F("");
+    const t = u, e = ue("form-item"), s = we(Ee, void 0), l = H(""), d = H("");
     let c;
     Pe(() => {
       t.prop && s && (s.model.value && (c = v(s.model.value[t.prop])), s.addField(P));
@@ -10968,21 +10968,21 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         class: r(U.value),
         style: G(T.value)
       }, [
-        H(O.$slots, "label", {}, () => [
+        F(O.$slots, "label", {}, () => [
           pe(J(O.label) + J($.value), 1)
         ])
       ], 6)) : V("", !0),
       p("div", {
         class: r(a(e).e("content"))
       }, [
-        H(O.$slots, "default"),
+        F(O.$slots, "default"),
         p("div", {
           class: r([
             a(e).e("error"),
             C.value && h.value ? "is-active" : ""
           ])
         }, [
-          H(O.$slots, "error", { error: x.value }, () => [
+          F(O.$slots, "error", { error: x.value }, () => [
             C.value && h.value ? (n(), f("span", ws, J(x.value), 1)) : V("", !0)
           ])
         ], 2)
@@ -11063,7 +11063,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       p("ol", {
         class: r(a(t).e("list"))
       }, [
-        H(d.$slots, "default")
+        F(d.$slots, "default")
       ], 2)
     ], 6));
   }
@@ -11104,13 +11104,13 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         role: "link",
         onClick: d
       }, [
-        H(c.$slots, "default")
+        F(c.$slots, "default")
       ], 2),
       p("span", {
         class: r(a(t).e("separator")),
         "aria-hidden": "true"
       }, [
-        H(c.$slots, "separator", {}, () => [
+        F(c.$slots, "separator", {}, () => [
           a(e).separatorIcon ? (n(), Q($e(a(e).separatorIcon), {
             key: 0,
             class: r(a(t).e("separator-icon"))
@@ -11411,7 +11411,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
   props: Bs,
   emits: Ms,
   setup(u, { expose: o, emit: t }) {
-    const e = u, s = t, l = ue("upload"), d = we(Ee, void 0), c = F(), v = F(!1);
+    const e = u, s = t, l = ue("upload"), d = we(Ee, void 0), c = H(), v = H(!1);
     let b = 0;
     const h = i(() => e.disabled || (d == null ? void 0 : d.disabled.value) || !1), w = {
       default: "",
@@ -11561,7 +11561,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
       const g = y.target;
       g.files && ee(g.files), g.value = "";
     }
-    const E = F(0);
+    const E = H(0);
     function m(y) {
       y.preventDefault(), !h.value && (E.value++, v.value = !0);
     }
@@ -11582,7 +11582,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
     function W() {
       e.modelValue.filter((y) => y.status === "ready").forEach((y) => O(y));
     }
-    const ce = F(!1), le = F([]), fe = F(0);
+    const ce = H(!1), le = H([]), fe = H(0);
     function j(y) {
       if (!e.preview || !T(y)) return;
       const g = [];
@@ -11627,12 +11627,12 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           onDragleave: oe,
           onDrop: S
         }, [
-          H(y.$slots, "default", {}, () => [
+          F(y.$slots, "default", {}, () => [
             y.drag ? (n(), f("div", {
               key: 0,
               class: r(a(l).e("drag-content"))
             }, [
-              H(y.$slots, "placeholder", { mode: "drag" }, () => [
+              F(y.$slots, "placeholder", { mode: "drag" }, () => [
                 y.placeholderIcon ? (n(), Q($e(y.placeholderIcon), {
                   key: 0,
                   class: r(a(l).e("drag-icon"))
@@ -11704,108 +11704,115 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
                 p("div", {
                   class: r(a(l).e("card-actions"))
                 }, [
-                  e.preview ? (n(), Q(a(ze), {
-                    key: 0,
-                    variant: "semi",
-                    dimmed: "",
-                    square: "",
-                    size: "sm",
-                    type: e.type,
-                    color: z.value,
-                    title: "预览图片",
-                    onClick: g[0] || (g[0] = ke((k) => j(R.value), ["stop"]))
-                  }, {
-                    default: ie(() => [...g[6] || (g[6] = [
-                      p("svg", {
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        width: "16",
-                        height: "16"
-                      }, [
-                        p("circle", {
-                          cx: "11",
-                          cy: "11",
-                          r: "8"
-                        }),
-                        p("line", {
-                          x1: "21",
-                          y1: "21",
-                          x2: "16.65",
-                          y2: "16.65"
-                        }),
-                        p("line", {
-                          x1: "11",
-                          y1: "8",
-                          x2: "11",
-                          y2: "14"
-                        }),
-                        p("line", {
-                          x1: "8",
-                          y1: "11",
-                          x2: "14",
-                          y2: "11"
-                        })
-                      ], -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["type", "color"])) : V("", !0),
-                  me(a(ze), {
-                    variant: "semi",
-                    dimmed: "",
-                    square: "",
-                    size: "sm",
-                    type: e.type,
-                    color: z.value,
-                    title: "替换图片",
-                    onClick: ke(Z, ["stop"])
-                  }, {
-                    default: ie(() => [...g[7] || (g[7] = [
-                      p("svg", {
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        width: "16",
-                        height: "16"
-                      }, [
-                        p("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
-                      ], -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["type", "color"]),
-                  me(a(ze), {
-                    variant: "semi",
-                    dimmed: "",
-                    square: "",
-                    size: "sm",
-                    type: e.type,
-                    color: z.value,
-                    title: "删除图片",
-                    onClick: g[1] || (g[1] = ke((k) => B(R.value), ["stop"]))
-                  }, {
-                    default: ie(() => [...g[8] || (g[8] = [
-                      p("svg", {
-                        viewBox: "0 0 24 24",
-                        fill: "none",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        width: "16",
-                        height: "16"
-                      }, [
-                        p("polyline", { points: "3 6 5 6 21 6" }),
-                        p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                      ], -1)
-                    ])]),
-                    _: 1
-                  }, 8, ["type", "color"])
+                  F(y.$slots, "card-actions", {
+                    file: R.value,
+                    handleRemove: B,
+                    handlePreview: j,
+                    handleReplace: Z
+                  }, () => [
+                    e.preview ? (n(), Q(a(ze), {
+                      key: 0,
+                      variant: "semi",
+                      dimmed: "",
+                      square: "",
+                      size: "sm",
+                      type: e.type,
+                      color: z.value,
+                      title: "预览图片",
+                      onClick: g[0] || (g[0] = ke((k) => j(R.value), ["stop"]))
+                    }, {
+                      default: ie(() => [...g[6] || (g[6] = [
+                        p("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          width: "16",
+                          height: "16"
+                        }, [
+                          p("circle", {
+                            cx: "11",
+                            cy: "11",
+                            r: "8"
+                          }),
+                          p("line", {
+                            x1: "21",
+                            y1: "21",
+                            x2: "16.65",
+                            y2: "16.65"
+                          }),
+                          p("line", {
+                            x1: "11",
+                            y1: "8",
+                            x2: "11",
+                            y2: "14"
+                          }),
+                          p("line", {
+                            x1: "8",
+                            y1: "11",
+                            x2: "14",
+                            y2: "11"
+                          })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["type", "color"])) : V("", !0),
+                    me(a(ze), {
+                      variant: "semi",
+                      dimmed: "",
+                      square: "",
+                      size: "sm",
+                      type: e.type,
+                      color: z.value,
+                      title: "替换图片",
+                      onClick: ke(Z, ["stop"])
+                    }, {
+                      default: ie(() => [...g[7] || (g[7] = [
+                        p("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          width: "16",
+                          height: "16"
+                        }, [
+                          p("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["type", "color"]),
+                    me(a(ze), {
+                      variant: "semi",
+                      dimmed: "",
+                      square: "",
+                      size: "sm",
+                      type: e.type,
+                      color: z.value,
+                      title: "删除图片",
+                      onClick: g[1] || (g[1] = ke((k) => B(R.value), ["stop"]))
+                    }, {
+                      default: ie(() => [...g[8] || (g[8] = [
+                        p("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2",
+                          width: "16",
+                          height: "16"
+                        }, [
+                          p("polyline", { points: "3 6 5 6 21 6" }),
+                          p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                        ], -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["type", "color"])
+                  ])
                 ], 2)
               ], 2)) : (n(), f("div", {
                 key: 1,
                 class: r(a(l).e("card-trigger"))
               }, [
-                H(y.$slots, "placeholder", { mode: "picture-card" }, () => [
+                F(y.$slots, "placeholder", { mode: "picture-card" }, () => [
                   y.placeholderIcon ? (n(), Q($e(y.placeholderIcon), {
                     key: 0,
                     style: { width: "28px", height: "28px" }
@@ -11841,7 +11848,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
               dimmed: e.dimmed
             }, {
               default: ie(() => [
-                H(y.$slots, "placeholder", { mode: "button" }, () => [
+                F(y.$slots, "placeholder", { mode: "button" }, () => [
                   y.placeholderIcon ? (n(), Q($e(y.placeholderIcon), {
                     key: 0,
                     style: { width: "14px", height: "14px", "margin-right": "4px" }
@@ -12106,78 +12113,85 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
             p("div", {
               class: r(a(l).e("card-actions"))
             }, [
-              e.preview && T(k) ? (n(), Q(a(ze), {
-                key: 0,
-                variant: "semi",
-                dimmed: "",
-                square: "",
-                size: "sm",
-                type: e.type,
-                color: z.value,
-                title: "预览图片",
-                onClick: ke((M) => j(k), ["stop"])
-              }, {
-                default: ie(() => [...g[20] || (g[20] = [
-                  p("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    width: "16",
-                    height: "16"
-                  }, [
-                    p("circle", {
-                      cx: "11",
-                      cy: "11",
-                      r: "8"
-                    }),
-                    p("line", {
-                      x1: "21",
-                      y1: "21",
-                      x2: "16.65",
-                      y2: "16.65"
-                    }),
-                    p("line", {
-                      x1: "11",
-                      y1: "8",
-                      x2: "11",
-                      y2: "14"
-                    }),
-                    p("line", {
-                      x1: "8",
-                      y1: "11",
-                      x2: "14",
-                      y2: "11"
-                    })
-                  ], -1)
-                ])]),
-                _: 1
-              }, 8, ["type", "color", "onClick"])) : V("", !0),
-              me(a(ze), {
-                variant: "semi",
-                dimmed: "",
-                square: "",
-                size: "sm",
-                type: e.type,
-                color: z.value,
-                title: "删除图片",
-                onClick: ke((M) => B(k), ["stop"])
-              }, {
-                default: ie(() => [...g[21] || (g[21] = [
-                  p("svg", {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    "stroke-width": "2",
-                    width: "16",
-                    height: "16"
-                  }, [
-                    p("polyline", { points: "3 6 5 6 21 6" }),
-                    p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-                  ], -1)
-                ])]),
-                _: 1
-              }, 8, ["type", "color", "onClick"])
+              F(y.$slots, "card-actions", {
+                file: k,
+                handleRemove: B,
+                handlePreview: j,
+                handleReplace: Z
+              }, () => [
+                e.preview && T(k) ? (n(), Q(a(ze), {
+                  key: 0,
+                  variant: "semi",
+                  dimmed: "",
+                  square: "",
+                  size: "sm",
+                  type: e.type,
+                  color: z.value,
+                  title: "预览图片",
+                  onClick: ke((M) => j(k), ["stop"])
+                }, {
+                  default: ie(() => [...g[20] || (g[20] = [
+                    p("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      width: "16",
+                      height: "16"
+                    }, [
+                      p("circle", {
+                        cx: "11",
+                        cy: "11",
+                        r: "8"
+                      }),
+                      p("line", {
+                        x1: "21",
+                        y1: "21",
+                        x2: "16.65",
+                        y2: "16.65"
+                      }),
+                      p("line", {
+                        x1: "11",
+                        y1: "8",
+                        x2: "11",
+                        y2: "14"
+                      }),
+                      p("line", {
+                        x1: "8",
+                        y1: "11",
+                        x2: "14",
+                        y2: "11"
+                      })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["type", "color", "onClick"])) : V("", !0),
+                me(a(ze), {
+                  variant: "semi",
+                  dimmed: "",
+                  square: "",
+                  size: "sm",
+                  type: e.type,
+                  color: z.value,
+                  title: "删除图片",
+                  onClick: ke((M) => B(k), ["stop"])
+                }, {
+                  default: ie(() => [...g[21] || (g[21] = [
+                    p("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2",
+                      width: "16",
+                      height: "16"
+                    }, [
+                      p("polyline", { points: "3 6 5 6 21 6" }),
+                      p("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                    ], -1)
+                  ])]),
+                  _: 1
+                }, 8, ["type", "color", "onClick"])
+              ])
             ], 2)
           ], 2))), 128)) : V("", !0)
         ], 2)) : V("", !0)
@@ -12271,7 +12285,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         p("div", {
           class: r(a(e).e("image"))
         }, [
-          H(v.$slots, "icon", {}, () => [
+          F(v.$slots, "icon", {}, () => [
             v.icon ? (n(), Q(a(Re), {
               key: 0,
               icon: v.icon,
@@ -12285,7 +12299,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
         p("div", {
           class: r(a(e).e("title"))
         }, [
-          H(v.$slots, "title", {}, () => [
+          F(v.$slots, "title", {}, () => [
             pe(J(v.title), 1)
           ])
         ], 2),
@@ -12293,7 +12307,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           key: 0,
           class: r(a(e).e("description"))
         }, [
-          H(v.$slots, "description", {}, () => [
+          F(v.$slots, "description", {}, () => [
             pe(J(v.description), 1)
           ])
         ], 2)) : V("", !0),
@@ -12301,7 +12315,7 @@ const hr = se(Tt), br = qt(Fe, "$notify"), bt = /* @__PURE__ */ ae({
           key: 1,
           class: r(a(e).e("bottom"))
         }, [
-          H(v.$slots, "default")
+          F(v.$slots, "default")
         ], 2)) : V("", !0)
       ], 2)
     ], 6));