@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Notify.js

@@ -1,14 +1,25 @@
-import { ref, watch, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, Fragment, createTextVNode, toDisplayString, createVNode, render, onMounted, h } from "vue";
-import { c as createComponent } from "./component-81a4c1d0.js";
-import { P as Popup } from "./index-991c279f.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+var B = Object.defineProperty, $ = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var g = (e, t, n) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, o = (e, t) => {
+  for (var n in t || (t = {}))
+    E.call(t, n) && g(e, n, t[n]);
+  if (b)
+    for (var n of b(t))
+      T.call(t, n) && g(e, n, t[n]);
+  return e;
+}, a = (e, t) => $(e, D(t));
+import { ref as F, watch as I, resolveComponent as P, openBlock as C, createBlock as M, withCtx as A, createElementVNode as O, normalizeClass as U, normalizeStyle as V, renderSlot as W, createElementBlock as z, Fragment as L, createTextVNode as R, toDisplayString as j, createVNode as N, render as h, onMounted as q, h as G } from "vue";
+import { c as H } from "./component-234624bc.js";
+import { P as k } from "./index-360c5092.js";
+import { _ as J } from "./_plugin-vue_export-helper-dad06003.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { create } = createComponent("notify");
-const _sfc_main = create({
+const { create: K } = H("notify"), Q = K({
   components: {
-    [Popup.name]: Popup
+    [k.name]: k
   },
   props: {
     id: String,
@@ -26,7 +37,7 @@ const _sfc_main = create({
     },
     visible: {
       type: Boolean,
-      default: false
+      default: !1
     },
     position: {
       type: String,
@@ -34,75 +45,64 @@ const _sfc_main = create({
     },
     teleportDisable: {
       type: Boolean,
-      default: true
+      default: !0
     },
     onClose: Function,
     onClick: Function,
     unmount: Function
   },
   emits: ["update:visible"],
-  setup(props, { emit }) {
-    const clickCover = () => {
-      props.onClick && props.onClick();
+  setup(e, { emit: t }) {
+    const n = () => {
+      e.onClick && e.onClick();
     };
-    let timer = null;
-    const clearTimer = () => {
-      timer && clearTimeout(timer);
-      timer = null;
-    };
-    const hide = () => {
-      emit("update:visible", false);
-    };
-    const isShowPopup = ref(false);
-    const unWatch = watch(
-      () => props.visible,
-      (newVal) => {
-        isShowPopup.value = props.visible;
-        const DURATION = props.duration;
-        if (newVal && DURATION) {
-          timer = setTimeout(() => {
-            hide();
-          }, DURATION);
-        }
+    let i = null;
+    const r = () => {
+      i && clearTimeout(i), i = null;
+    }, m = () => {
+      t("update:visible", !1);
+    }, f = F(!1), l = I(
+      () => e.visible,
+      (w) => {
+        f.value = e.visible;
+        const v = e.duration;
+        w && v && (i = setTimeout(() => {
+          m();
+        }, v));
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    const onAfterLeave = () => {
-      clearTimer();
-      unWatch && unWatch();
-      props.unmount && props.unmount(props.id);
-      props.onClose && props.onClose();
-    };
-    return { onAfterLeave, clickCover, isShowPopup };
+    return { onAfterLeave: () => {
+      r(), l && l(), e.unmount && e.unmount(e.id), e.onClose && e.onClose();
+    }, clickCover: n, isShowPopup: f };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createBlock(_component_nut_popup, {
-    visible: _ctx.isShowPopup,
-    "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.isShowPopup = $event),
-    position: _ctx.position,
-    overlay: false,
-    teleportDisable: _ctx.teleportDisable
+function X(e, t, n, i, r, m) {
+  const f = P("nut-popup");
+  return C(), M(f, {
+    visible: e.isShowPopup,
+    "onUpdate:visible": t[1] || (t[1] = (l) => e.isShowPopup = l),
+    position: e.position,
+    overlay: !1,
+    teleportDisable: e.teleportDisable
   }, {
-    default: withCtx(() => [
-      createElementVNode("div", {
-        class: normalizeClass(["nut-notify", `nut-notify--${_ctx.type}`, _ctx.className]),
-        style: normalizeStyle({ color: _ctx.color, background: _ctx.background }),
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
+    default: A(() => [
+      O("div", {
+        class: U(["nut-notify", `nut-notify--${e.type}`, e.className]),
+        style: V({ color: e.color, background: e.background }),
+        onClick: t[0] || (t[0] = (...l) => e.clickCover && e.clickCover(...l))
       }, [
-        _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          createTextVNode(toDisplayString(_ctx.msg), 1)
+        e.$slots.default ? W(e.$slots, "default", { key: 0 }) : (C(), z(L, { key: 1 }, [
+          R(j(e.msg), 1)
         ], 64))
       ], 6)
     ]),
     _: 3
   }, 8, ["visible", "position", "teleportDisable"]);
 }
-const Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-const defaultOptions = {
+const y = /* @__PURE__ */ J(Q, [["render", X]]), p = {
   type: "base",
-  visible: true,
+  visible: !0,
   msg: "",
   color: void 0,
   background: void 0,
@@ -115,111 +115,74 @@ const defaultOptions = {
   teleport: "",
   unmount: new Function()
 };
-let idsMap = [];
-let optsMap = [];
-const clearNotify = (id) => {
-  if (id) {
-    const container = document.getElementById(id);
-    optsMap = optsMap.filter((item) => item.id !== id);
-    idsMap = idsMap.filter((item) => item !== id);
-    if (container) {
-      document.body.removeChild(container);
-    }
-  } else {
-    idsMap.forEach((item) => {
-      const container = document.getElementById(item);
-      if (container) {
-        document.body.removeChild(container);
-      }
-    });
-    optsMap = [];
-    idsMap = [];
-  }
-};
-const updateNotify = (opts) => {
-  const container = document.getElementById(opts.id);
-  if (container) {
-    const currentOpt = optsMap.find((item) => item.id === opts.id);
-    if (currentOpt) {
-      opts = { ...defaultOptions, ...currentOpt, ...opts };
-    } else {
-      opts = { ...defaultOptions, ...opts };
-    }
-    const instance = createVNode(Notify, opts);
-    render(instance, container);
-    return instance.component.data;
-  }
-};
-const mountNotify = (opts) => {
-  opts.unmount = clearNotify;
-  let _id;
-  if (opts.id) {
-    _id = opts.id;
-    if (idsMap.find((item) => item === opts.id)) {
-      return updateNotify(opts);
-    }
-  } else {
-    _id = new Date().getTime() + "";
+let u = [], c = [];
+const S = (e) => {
+  if (e) {
+    const t = document.getElementById(e);
+    c = c.filter((n) => n.id !== e), u = u.filter((n) => n !== e), t && document.body.removeChild(t);
+  } else
+    u.forEach((t) => {
+      const n = document.getElementById(t);
+      n && document.body.removeChild(n);
+    }), c = [], u = [];
+}, Y = (e) => {
+  const t = document.getElementById(e.id);
+  if (t) {
+    const n = c.find((r) => r.id === e.id);
+    n ? e = o(o(o({}, p), n), e) : e = o(o({}, p), e);
+    const i = N(y, e);
+    return h(i, t), i.component.data;
   }
-  opts = { ...defaultOptions, ...opts };
-  opts.id = _id;
-  idsMap.push(opts.id);
-  optsMap.push(opts);
-  const root = document.createElement("view");
-  root.id = "notify-" + opts.id;
-  const Wrapper = {
+}, d = (e) => {
+  e.unmount = S;
+  let t;
+  if (e.id) {
+    if (t = e.id, u.find((m) => m === e.id))
+      return Y(e);
+  } else
+    t = (/* @__PURE__ */ new Date()).getTime() + "";
+  e = o(o({}, p), e), e.id = t, u.push(e.id), c.push(e);
+  const n = document.createElement("view");
+  n.id = "notify-" + e.id;
+  const r = N({
     setup() {
-      opts.teleport = `#notify-${opts.id}`;
-      onMounted(() => {
+      return e.teleport = `#notify-${e.id}`, q(() => {
         setTimeout(() => {
-          opts.onClose && opts.onClose();
-          document.body.removeChild(root);
-        }, opts.duration);
-      });
-      return () => {
-        return h(Notify, opts);
-      };
+          e.onClose && e.onClose(), document.body.removeChild(n);
+        }, e.duration);
+      }), () => G(y, e);
     }
-  };
-  const instance = createVNode(Wrapper);
-  document.body.appendChild(root);
-  render(instance, root);
-};
-const errorMsg = (msg) => {
-  if (!msg) {
+  });
+  document.body.appendChild(n), h(r, n);
+}, s = (e) => {
+  if (!e) {
     console.warn("[NutUI Notify]: msg不能为空");
     return;
   }
-};
-const showNotify = {
-  text(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify({ ...obj, msg });
+}, le = {
+  text(e, t = {}) {
+    return s(e), d(a(o({}, t), { msg: e }));
   },
-  primary(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify({ ...obj, msg, type: "primary" });
+  primary(e, t = {}) {
+    return s(e), d(a(o({}, t), { msg: e, type: "primary" }));
   },
-  success(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify({ ...obj, msg, type: "success" });
+  success(e, t = {}) {
+    return s(e), d(a(o({}, t), { msg: e, type: "success" }));
   },
-  danger(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify({ ...obj, msg, type: "danger" });
+  danger(e, t = {}) {
+    return s(e), d(a(o({}, t), { msg: e, type: "danger" }));
   },
-  warn(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify({ ...obj, msg, type: "warning" });
+  warn(e, t = {}) {
+    return s(e), d(a(o({}, t), { msg: e, type: "warning" }));
   },
   hide() {
-    clearNotify();
+    S();
   },
-  install(app) {
-    app.use(Notify);
+  install(e) {
+    e.use(y);
   }
 };
 export {
-  Notify as default,
-  showNotify
+  y as default,
+  le as showNotify
 };