vft 0.0.149 → 0.0.151

package/es/components/menu/sub-menu.vue.d.ts

@@ -16,101 +16,22 @@ export interface SubMenuProps {
     teleported?: boolean;
     [key: string]: any;
 }
-declare const _default: import("vue").DefineComponent<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    popperClass: {
-        type: globalThis.PropType<ClassType>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    popperOffset: {
-        type: globalThis.PropType<number>;
-    };
-    expandIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    collapseIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    showArrow: {
-        type: globalThis.PropType<boolean>;
-    };
-    toolTipCfg: {
-        type: globalThis.PropType<ToolTipProps>;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<SubMenuProps>, {
     opened: globalThis.ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     mouseenter: (event: MouseEvent | FocusEvent) => void;
     mouseleave: (event: MouseEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    [x: string]: {
-        type: globalThis.PropType<any>;
-    };
-    index: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    showTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    hideTimeout: {
-        type: globalThis.PropType<number>;
-    };
-    popperClass: {
-        type: globalThis.PropType<ClassType>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    popperOffset: {
-        type: globalThis.PropType<number>;
-    };
-    expandIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    collapseIcon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    title: {
-        type: globalThis.PropType<string>;
-    };
-    icon: {
-        type: globalThis.PropType<string | IconProps>;
-    };
-    showArrow: {
-        type: globalThis.PropType<boolean>;
-    };
-    toolTipCfg: {
-        type: globalThis.PropType<ToolTipProps>;
-    };
-    teleported: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SubMenuProps>>> & {
     onMouseenter?: ((event: MouseEvent | FocusEvent) => any) | undefined;
     onMouseleave?: ((event: MouseEvent) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/components/menu/sub-menu.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as G, getCurrentInstance as ne, computed as n, inject as L, ref as g, reactive as ie, watch as le, provide as ue, onMounted as ae, onBeforeUnmount as se, useSlots as pe, h as s, Fragment as me, withDirectives as ce, vShow as de } from "vue";
-import { singleAttrToObj as I, renderTNode as ve, isMobile as fe } from "@vft/utils";
+import { defineComponent as G, getCurrentInstance as ie, computed as n, inject as L, ref as g, reactive as le, watch as ue, provide as ae, onMounted as se, onBeforeUnmount as pe, useSlots as me, h as s, Fragment as ce, withDirectives as de, vShow as ve } from "vue";
+import { singleAttrToObj as I, renderTNode as fe, isMobile as Me } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -10,7 +10,7 @@ import "../checkbox/index.js";
 import "../clamp/index.js";
 import "../clamp-toggle/index.js";
 import "../col/index.js";
-import { VftCollapseTransition as Me } from "../collapse-transition/index.js";
+import { VftCollapseTransition as be } from "../collapse-transition/index.js";
 import "../color-picker/index.js";
 import "../config-provider/index.js";
 import "../container/index.js";
@@ -64,7 +64,7 @@ import "../table/index.js";
 import "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
-import { VftTooltip as be } from "../tooltip/index.js";
+import { VftTooltip as he } from "../tooltip/index.js";
 import "../tree/index.js";
 import "../verify-code/index.js";
 import "../virtual-list/components/dynamic-size-grid.js";
@@ -94,16 +94,16 @@ import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import he from "./use-menu.js";
-import { useMenuCssVar as Te } from "./use-menu-css-var.js";
+import Te from "./use-menu.js";
+import { useMenuCssVar as Ce } from "./use-menu-css-var.js";
 const z = (
   /* hoist-static*/
   k("sub-menu")
-), Ce = G({
+), xe = G({
   name: z.b(),
   inheritAttrs: !1
-}), ct = /* @__PURE__ */ G({
-  ...Ce,
+}), dt = /* @__PURE__ */ G({
+  ...xe,
   props: {
     index: {},
     showTimeout: {
@@ -140,38 +140,38 @@ const z = (
   emits: ["mouseenter", "mouseleave"],
   setup(o, {
     expose: J,
-    emit: E
+    emit: K
   }) {
-    const f = ne(), {
+    const E = K, f = ie(), {
       indexPath: T,
       parentMenu: A
-    } = he(f, n(() => o.index)), p = k("menu"), a = k("sub-menu"), e = L("rootMenu");
+    } = Te(f, n(() => o.index)), p = k("menu"), a = k("sub-menu"), e = L("rootMenu");
     e || q(z.b(), "can not inject root menu");
     const u = L(`subMenu:${A.value.uid}`);
     u || q(z.b(), "can not inject sub menu");
     const w = g({});
     let m;
-    const B = g(!1), K = g(), P = g(null), j = n(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = n(() => u.level === 0), y = n(() => o.teleported === void 0 ? C.value : o.teleported), Q = n(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), W = n(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), M = n(() => {
+    const B = g(!1), Q = g(), P = g(null), j = n(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = n(() => u.level === 0), y = n(() => o.teleported === void 0 ? C.value : o.teleported), W = n(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), X = n(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), M = n(() => {
       let t = !1;
       return Object.values(w.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), F = n(() => e.props.backgroundColor || ""), $ = n(() => e.props.activeTextColor || ""), O = n(() => e.props.textColor || ""), d = n(() => e.props.mode), x = ie({
+    }), F = n(() => e.props.backgroundColor || ""), $ = n(() => e.props.activeTextColor || ""), O = n(() => e.props.textColor || ""), d = n(() => e.props.mode), x = le({
       index: o.index,
       indexPath: T,
       active: M
-    }), V = Te(e.props, u.level + 1), N = n(() => d.value !== "horizontal" ? {
+    }), V = Ce(e.props, u.level + 1), N = n(() => d.value !== "horizontal" ? {
       color: O.value
     } : {
       borderBottomColor: M.value ? e.props.activeTextColor ? $.value : "" : "transparent",
       color: M.value ? $.value : O.value
-    }), X = () => {
+    }), Y = () => {
       var t, l, i;
       return (i = (l = (t = P.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : i.destroy();
-    }, Y = (t) => {
-      t || X();
+    }, _ = (t) => {
+      t || Y();
     }, R = (t) => {
-      if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !fe() || e.props.collapse && e.props.mode === "vertical" || o.disabled)
+      if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !Me() || e.props.collapse && e.props.mode === "vertical" || o.disabled)
         return;
       const l = {
         e: t,
@@ -187,11 +187,11 @@ const z = (
       } = Z(() => {
         e.openMenu(o.index, T.value);
       }, l), y.value && ((i = A.value.vnode.el) == null || i.dispatchEvent(new MouseEvent("mouseenter"))), E("mouseenter", t)));
-    }, _ = () => {
+    }, ee = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
       }, o.showTimeout + 10);
-    }, ee = () => {
+    }, oe = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
@@ -203,14 +203,14 @@ const z = (
         !B.value && e.closeMenu(o.index, T.value);
       }, o.hideTimeout), y.value && l && ((i = f.parent) == null ? void 0 : i.type.name) === "vft-sub-menu" && ((r = u.handleMouseleave) == null || r.call(u, t, !0)), E("mouseleave", t));
     };
-    le(() => e.props.collapse, (t) => Y(!!t));
+    ue(() => e.props.collapse, (t) => _(!!t));
     {
       const t = (i) => {
         w.value[i.index] = i;
       }, l = (i) => {
         delete w.value[i.index];
       };
-      ue(`subMenu:${f.uid}`, {
+      ae(`subMenu:${f.uid}`, {
         addSubMenu: t,
         removeSubMenu: l,
         handleMouseleave: S,
@@ -220,20 +220,20 @@ const z = (
     }
     J({
       opened: c
-    }), ae(() => {
-      e.addSubMenu(x), u.addSubMenu(x);
     }), se(() => {
+      e.addSubMenu(x), u.addSubMenu(x);
+    }), pe(() => {
       u.removeSubMenu(x), e.removeSubMenu(x);
     });
-    const v = pe(), D = n(() => I(o.icon, "icon")), oe = n(() => I(o.expandIcon, "icon")), te = n(() => I(o.collapseIcon, "icon")), re = n(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
+    const v = me(), D = n(() => I(o.icon, "icon")), te = n(() => I(o.expandIcon, "icon")), re = n(() => I(o.collapseIcon, "icon")), ne = n(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
       icon: "icon-arrow-down",
       size: 20,
-      ...oe.value
+      ...te.value
     } : {
       icon: "icon-arrow-right",
       size: 18,
-      ...te.value
-    }), H = n(() => ve(f, "title"));
+      ...re.value
+    }), H = n(() => fe(f, "title"));
     return () => {
       var i;
       const t = [(i = D.value) != null && i.icon ? s(U, {
@@ -243,11 +243,11 @@ const z = (
         title: f.props.title
       }, H.value), o.showArrow ? s(U, {
         class: a.e("icon-arrow"),
-        ...re.value,
+        ...ne.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], l = e.isMenuPopup ? s(be, {
+      }) : !1], l = e.isMenuPopup ? s(he, {
         ref: P,
         visible: c.value,
         effect: "light",
@@ -258,8 +258,8 @@ const z = (
         popperClass: o.popperClass,
         placement: j.value,
         teleported: y.value,
-        fallbackPlacements: W.value,
-        transition: Q.value,
+        fallbackPlacements: X.value,
+        transition: W.value,
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
@@ -286,21 +286,21 @@ const z = (
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        s(me, {}, [H.value ? s("div", {
+        s(ce, {}, [H.value ? s("div", {
           class: a.e("title"),
           style: [N.value, {
             backgroundColor: F.value
           }],
-          ref: K,
+          ref: Q,
           onClick: R
-        }, t) : null, s(Me, {}, {
+        }, t) : null, s(be, {}, {
           default: () => {
             var r;
-            return ce(s("ul", {
+            return de(s("ul", {
               role: "menu",
               class: [p.b(), p.m("inline")],
               style: V.value
-            }, [(r = v.default) == null ? void 0 : r.call(v)]), [[de, c.value]]);
+            }, [(r = v.default) == null ? void 0 : r.call(v)]), [[ve, c.value]]);
           }
         })])
       );
@@ -309,13 +309,13 @@ const z = (
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,
-        onMouseenter: [_, (r) => b(r)],
-        onMouseleave: [ee, (r) => S(r, !0)],
+        onMouseenter: [ee, (r) => b(r)],
+        onMouseleave: [oe, (r) => S(r, !0)],
         onFocus: b
       }, [l]);
     };
   }
 });
 export {
-  ct as default
+  dt as default
 };

package/es/components/message/message.vue.d.ts

@@ -17,120 +17,27 @@ export interface MessageProps {
     repeatNum?: number;
 }
 declare function close(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    customClass: {
-        type: globalThis.PropType<string>;
-    };
-    center: {
-        type: globalThis.PropType<boolean>;
-    };
-    dangerouslyUseHTMLString: {
-        type: globalThis.PropType<boolean>;
-    };
-    duration: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    icon: {
-        type: globalThis.PropType<string>;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    message: {
-        type: globalThis.PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>)>;
-    };
-    onClose: {
-        type: globalThis.PropType<Function>;
-    };
-    showClose: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<MessageType>;
-        required: true;
-    };
-    offset: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    zIndex: {
-        type: globalThis.PropType<number>;
-    };
-    grouping: {
-        type: globalThis.PropType<boolean>;
-    };
-    repeatNum: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MessageProps>, {
     visible: globalThis.Ref<boolean>;
     bottom: globalThis.ComputedRef<number>;
     close: typeof close;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     destroy: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    customClass: {
-        type: globalThis.PropType<string>;
-    };
-    center: {
-        type: globalThis.PropType<boolean>;
-    };
-    dangerouslyUseHTMLString: {
-        type: globalThis.PropType<boolean>;
-    };
-    duration: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    icon: {
-        type: globalThis.PropType<string>;
-    };
-    id: {
-        type: globalThis.PropType<string>;
-        required: true;
-    };
-    message: {
-        type: globalThis.PropType<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }> | (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-            [key: string]: any;
-        }>)>;
-    };
-    onClose: {
-        type: globalThis.PropType<Function>;
-    };
-    showClose: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<MessageType>;
-        required: true;
-    };
-    offset: {
-        type: globalThis.PropType<number>;
-        required: true;
-    };
-    zIndex: {
-        type: globalThis.PropType<number>;
-    };
-    grouping: {
-        type: globalThis.PropType<boolean>;
-    };
-    repeatNum: {
-        type: globalThis.PropType<number>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>> & {
     onDestroy?: ((...args: any[]) => any) | undefined;
 }, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/es/components/message/message.vue2.js

@@ -1,13 +1,13 @@
-import { defineComponent as V, ref as d, computed as s, onMounted as H, watch as $, openBlock as i, createBlock as D, Transition as F, unref as n, withCtx as P, withDirectives as U, createElementVNode as Z, normalizeClass as r, normalizeStyle as j, createElementBlock as u, createVNode as w, normalizeProps as A, guardReactiveProps as G, createCommentVNode as k, renderSlot as _, toDisplayString as q, withModifiers as J, vShow as K } from "vue";
-import { EVENT_CODE as Q } from "@vft/constants";
-import { useEventListener as W } from "@vft/use";
-import { isObject as X } from "@vft/utils";
+import { defineComponent as V, ref as d, computed as s, onMounted as H, watch as $, openBlock as i, createBlock as D, Transition as F, unref as n, withCtx as j, withDirectives as P, createElementVNode as U, normalizeClass as r, normalizeStyle as Z, createElementBlock as u, createVNode as w, normalizeProps as A, guardReactiveProps as G, createCommentVNode as k, renderSlot as q, toDisplayString as J, withModifiers as K, vShow as Q } from "vue";
+import { EVENT_CODE as W } from "@vft/constants";
+import { useEventListener as X } from "@vft/use";
+import { isObject as Y } from "@vft/utils";
 import { VftIcon as B } from "../icon/index.js";
-import { useResizeObserver as Y, useTimeoutFn as x } from "@vueuse/core";
+import { useResizeObserver as _, useTimeoutFn as x } from "@vueuse/core";
 import "../config-provider/index.js";
 import { getLastOffset as ee, getOffsetOrSpace as oe } from "./instance.js";
 import { useGlobalComponentSettings as ne } from "../config-provider/hooks/use-global-config.js";
-const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V({
+const te = ["id"], se = ["innerHTML"], de = /* @__PURE__ */ V({
   __name: "message",
   props: {
     customClass: {},
@@ -16,7 +16,7 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
     duration: {},
     icon: {},
     id: {},
-    message: { type: [String, Function] },
+    message: { type: [String, Object, Function] },
     onClose: { type: Function },
     showClose: { type: Boolean },
     type: {},
@@ -26,14 +26,14 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
     repeatNum: {}
   },
   emits: ["destroy"],
-  setup(M, { expose: S }) {
-    const o = M, { ns: t, zIndex: b } = ne("message"), { currentZIndex: L, nextZIndex: T } = b, f = d(), l = d(!1), g = d(0);
-    let c;
-    const z = /* @__PURE__ */ new Map([
+  setup(b, { expose: M }) {
+    const o = b, { ns: t, zIndex: S } = ne("message"), { currentZIndex: L, nextZIndex: O } = S, f = d(), l = d(!1), g = d(0);
+    let a;
+    const T = /* @__PURE__ */ new Map([
       ["success", { icon: "icon-success-filled" }],
       ["error", { icon: "icon-circle-close-filled" }],
       ["warning", { icon: "icon-warning-filled" }]
-    ]), v = s(() => (o.icon ? X(o.icon) ? o.icon : { icon: o.icon } : "") || z.get(o.type) || ""), O = s(() => {
+    ]), v = s(() => (o.icon ? Y(o.icon) ? o.icon : { icon: o.icon } : "") || T.get(o.type) || ""), z = s(() => {
       const e = o.type;
       return { [t.bm("icon", e)]: e };
     }), E = s(() => ee(o.id)), y = s(
@@ -43,41 +43,41 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
       zIndex: L.value
     }));
     function m() {
-      o.duration !== 0 && ({ stop: c } = x(() => {
-        a();
+      o.duration !== 0 && ({ stop: a } = x(() => {
+        c();
       }, o.duration));
     }
     function C() {
-      c == null || c();
+      a == null || a();
     }
-    function a() {
+    function c() {
       l.value = !1;
     }
     function R({ code: e }) {
-      e === Q.esc && a();
+      e === W.esc && c();
     }
     return H(() => {
-      m(), T(), l.value = !0;
+      m(), O(), l.value = !0;
     }), $(
       () => o.repeatNum,
       () => {
         C(), m();
       }
-    ), W(document, "keydown", R), Y(f, () => {
+    ), X(document, "keydown", R), _(f, () => {
       g.value = f.value.getBoundingClientRect().height;
-    }), S({
+    }), M({
       visible: l,
       bottom: I,
-      close: a
+      close: c
     }), (e, h) => (i(), D(F, {
       name: n(t).b("fade"),
       onBeforeLeave: e.onClose,
       onAfterLeave: h[0] || (h[0] = (p) => e.$emit("destroy"))
     }, {
-      default: P(() => {
+      default: j(() => {
         var p;
         return [
-          U(Z("div", {
+          P(U("div", {
             id: e.id,
             ref_key: "messageRef",
             ref: f,
@@ -88,18 +88,18 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
               n(t).is("closable", e.showClose),
               e.customClass
             ]),
-            style: j(N.value),
+            style: Z(N.value),
             role: "alert",
             onMouseenter: C,
             onMouseleave: m
           }, [
             (p = v.value) != null && p.icon ? (i(), u("div", {
               key: 0,
-              class: r([n(t).e("icon"), O.value])
+              class: r([n(t).e("icon"), z.value])
             }, [
               w(n(B), A(G(v.value)), null, 16)
             ], 2)) : k("", !0),
-            _(e.$slots, "default", {}, () => [
+            q(e.$slots, "default", {}, () => [
               e.dangerouslyUseHTMLString ? (i(), u("p", {
                 key: 1,
                 class: r(n(t).e("content")),
@@ -107,17 +107,17 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
               }, null, 10, se)) : (i(), u("p", {
                 key: 0,
                 class: r(n(t).e("content"))
-              }, q(e.message), 3))
+              }, J(e.message), 3))
             ]),
             e.showClose ? (i(), u("div", {
               key: 1,
               class: r(n(t).e("closeBtn")),
-              onClick: J(a, ["stop"])
+              onClick: K(c, ["stop"])
             }, [
               w(n(B), { icon: "icon-circle-close" })
-            ], 10, ie)) : k("", !0)
+            ], 2)) : k("", !0)
           ], 46, te), [
-            [K, l.value]
+            [Q, l.value]
           ])
         ];
       }),
@@ -126,5 +126,5 @@ const te = ["id"], se = ["innerHTML"], ie = ["onClick"], ge = /* @__PURE__ */ V(
   }
 });
 export {
-  ge as default
+  de as default
 };