cleek 2.4.1 → 2.4.4

package/dist/cleek.es.js

@@ -29,7 +29,7 @@ var __objRest = (source2, exclude) => {
     }
   return target;
 };
-import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, unref as unref$1, createTextVNode, watch, onMounted, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, renderList, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, vModelText } from "vue";
+import { pushScopeId, popScopeId, defineComponent, nextTick as nextTick$1, openBlock, createBlock, withScopeId, resolveComponent, createElementBlock, normalizeClass, normalizeStyle, withKeys, createElementVNode, Fragment, renderSlot, createCommentVNode, mergeProps, withCtx, createVNode, ref, createApp, h, toDisplayString, computed as computed$2, unref as unref$1, createTextVNode, watch, onMounted, onBeforeUnmount, getCurrentInstance, withDirectives, isRef as isRef$1, vModelDynamic, renderList, withModifiers, vModelRadio, vModelSelect, vModelCheckbox, vModelText, Teleport } from "vue";
 function getBasePlacement(placement) {
   return placement.split("-")[0];
 }
@@ -23449,10 +23449,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 var CkConfirmComponent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bc51fc7a"]]);
 var CkNotify_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1 = {
-  key: 0,
-  class: "ck-notify__container"
-};
+const _hoisted_1 = { class: "ck-notify__container" };
 const _hoisted_2 = { class: "ck-notify__title" };
 const _hoisted_3 = { class: "close-btn" };
 const _hoisted_4 = { class: "ck-notify__text" };
@@ -23462,31 +23459,49 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const title = ref("");
     const text2 = ref("");
     const color = ref("");
+    const duration = ref(0);
+    const closeCallback = ref(() => {
+    });
     expose({
       title,
       text: text2,
-      color
+      color,
+      duration,
+      closeCallback
+    });
+    onMounted(() => {
+      setTimeout(() => {
+        closeCallback.value();
+      }, duration.value);
     });
     return (_ctx, _cache) => {
-      return isActive.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", {
-          class: "ck-notify",
-          style: normalizeStyle({ "background-color": color.value }),
-          onClick: _cache[0] || (_cache[0] = ($event) => isActive.value = false)
-        }, [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(CkIcon, { icon: "times" })
+      return isActive.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: "body"
+      }, [
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: "ck-notify",
+            style: normalizeStyle({ "background-color": color.value }),
+            onClick: _cache[0] || (_cache[0] = ($event) => {
+              isActive.value = false;
+              closeCallback.value();
+            })
+          }, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(CkIcon, { icon: "times" })
+              ]),
+              createTextVNode(toDisplayString(title.value), 1)
             ]),
-            createTextVNode(toDisplayString(title.value), 1)
-          ]),
-          createElementVNode("div", _hoisted_4, toDisplayString(text2.value), 1)
-        ], 4)
+            createElementVNode("div", _hoisted_4, toDisplayString(text2.value), 1)
+          ], 4)
+        ])
       ])) : createCommentVNode("", true);
     };
   }
 });
-var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d3144b1"]]);
+var CkNotifyComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-667c806b"]]);
 const defaultDuration = 2e3;
 var ckNotify = {
   confirm({
@@ -23521,11 +23536,10 @@ var ckNotify = {
     instance.title = title;
     instance.text = text2;
     instance.color = color;
-    console.log("duration", duration);
-    setTimeout(() => {
+    instance.duration = duration;
+    instance.closeCallback = () => {
       instance.$el.remove();
-      console.log("cierro");
-    }, duration);
+    };
   },
   notifySuccess(text2 = "", title = "\xC9xito") {
     this.notify({ text: text2, title, color: "#66CC00" });