vft 0.0.503 → 0.0.505

package/es/components/alert/alert.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as C, useSlots as g, ref as N, computed as a, createBlock as r, openBlock as o, Transition as S, unref as l, withCtx as V, withDirectives as $, createElementVNode as y, normalizeClass as s, createCommentVNode as i, createElementBlock as c, renderSlot as k, createTextVNode as b, toDisplayString as u, Fragment as x, vShow as E } from "vue";
-import { VftIcon as p } from "../icon/index.js";
+import { defineComponent as C, useSlots as N, ref as S, computed as a, createBlock as r, openBlock as l, Transition as V, unref as o, withCtx as $, withDirectives as x, createElementVNode as v, normalizeClass as n, createCommentVNode as s, createElementBlock as c, renderSlot as k, createTextVNode as p, toDisplayString as u, Fragment as E, vShow as I } from "vue";
+import { VftIcon as b } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
-import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const D = C({
+const M = C({
   name: "vft-alert"
-}), P = /* @__PURE__ */ C({
-  ...D,
+}), Q = /* @__PURE__ */ C({
+  ...M,
   props: {
     title: { default: "" },
     description: { default: "" },
@@ -27,59 +27,64 @@ const D = C({
     close: (e) => e instanceof MouseEvent
   },
   setup(e, { emit: h }) {
-    const B = h, t = I("alert"), m = g(), d = N(!0), f = a(() => e.type), T = a(() => [
+    const w = h, t = D("alert"), B = {
+      success: "icon-success-filled",
+      warning: "icon-warning-filled",
+      error: "icon-error-filled",
+      info: "icon-info-filled"
+    }, d = N(), f = S(!0), m = a(() => B[e.type] || e.type), T = a(() => [
       t.e("icon"),
-      { [t.is("big")]: !!e.description || !!m.default }
-    ]), w = a(() => ({ [t.is("bold")]: e.description || m.default })), v = (n) => {
-      d.value = !1, B("close", n);
+      { [t.is("big")]: !!e.description || !!d.default }
+    ]), g = a(() => ({ [t.is("bold")]: e.description || d.default })), y = (i) => {
+      f.value = !1, w("close", i);
     };
-    return (n, z) => (o(), r(S, {
-      name: l(t).b("fade")
+    return (i, z) => (l(), r(V, {
+      name: o(t).b("fade")
     }, {
-      default: V(() => [
-        $(y("div", {
-          class: s([l(t).b(), l(t).m(e.type), l(t).is("center", e.center), l(t).is(e.effect)]),
+      default: $(() => [
+        x(v("div", {
+          class: n([o(t).b(), o(t).m(e.type), o(t).is("center", e.center), o(t).is(e.effect)]),
           role: "alert"
         }, [
-          e.showIcon && f.value ? (o(), r(l(p), {
+          e.showIcon && m.value ? (l(), r(o(b), {
             key: 0,
-            class: s(T.value),
-            icon: f.value
-          }, null, 8, ["class", "icon"])) : i("", !0),
-          y("div", {
-            class: s(l(t).e("content"))
+            class: n(T.value),
+            icon: m.value
+          }, null, 8, ["class", "icon"])) : s("", !0),
+          v("div", {
+            class: n(o(t).e("content"))
           }, [
-            e.title || n.$slots.title ? (o(), c("span", {
+            e.title || i.$slots.title ? (l(), c("span", {
               key: 0,
-              class: s([l(t).e("title"), w.value])
+              class: n([o(t).e("title"), g.value])
             }, [
-              k(n.$slots, "title", {}, () => [
-                b(u(e.title), 1)
+              k(i.$slots, "title", {}, () => [
+                p(u(e.title), 1)
               ])
-            ], 2)) : i("", !0),
-            n.$slots.default || e.description ? (o(), c("p", {
+            ], 2)) : s("", !0),
+            i.$slots.default || e.description ? (l(), c("p", {
               key: 1,
-              class: s(l(t).e("description"))
+              class: n(o(t).e("description"))
             }, [
-              k(n.$slots, "default", {}, () => [
-                b(u(e.description), 1)
+              k(i.$slots, "default", {}, () => [
+                p(u(e.description), 1)
               ])
-            ], 2)) : i("", !0),
-            e.closable ? (o(), c(x, { key: 2 }, [
-              e.closeText ? (o(), c("div", {
+            ], 2)) : s("", !0),
+            e.closable ? (l(), c(E, { key: 2 }, [
+              e.closeText ? (l(), c("div", {
                 key: 0,
-                class: s([l(t).e("close-btn"), l(t).is("customed")]),
-                onClick: v
-              }, u(e.closeText), 3)) : (o(), r(l(p), {
+                class: n([o(t).e("close-btn"), o(t).is("customed")]),
+                onClick: y
+              }, u(e.closeText), 3)) : (l(), r(o(b), {
                 key: 1,
-                class: s(l(t).e("close-btn")),
-                onClick: v,
+                class: n(o(t).e("close-btn")),
+                onClick: y,
                 icon: "icon-close"
               }, null, 8, ["class"]))
-            ], 64)) : i("", !0)
+            ], 64)) : s("", !0)
           ], 2)
         ], 2), [
-          [E, d.value]
+          [I, f.value]
         ])
       ]),
       _: 3
@@ -87,5 +92,5 @@ const D = C({
   }
 });
 export {
-  P as default
+  Q as default
 };