@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Notify.js

@@ -1,25 +1,33 @@
-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";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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-da0a7662.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
 import "./Overlay.js";
 import "@nutui/icons-vue";
-const { create: K } = H("notify"), Q = K({
+const { create } = createComponent("notify");
+const _sfc_main = create({
   components: {
-    [k.name]: k
+    [Popup.name]: Popup
   },
   props: {
     id: String,
@@ -37,7 +45,7 @@ const { create: K } = H("notify"), Q = K({
     },
     visible: {
       type: Boolean,
-      default: !1
+      default: false
     },
     position: {
       type: String,
@@ -45,64 +53,75 @@ const { create: K } = H("notify"), Q = K({
     },
     teleportDisable: {
       type: Boolean,
-      default: !0
+      default: true
     },
     onClose: Function,
     onClick: Function,
     unmount: Function
   },
   emits: ["update:visible"],
-  setup(e, { emit: t }) {
-    const n = () => {
-      e.onClick && e.onClick();
+  setup(props, { emit }) {
+    const clickCover = () => {
+      props.onClick && props.onClick();
+    };
+    let timer = null;
+    const clearTimer = () => {
+      timer && clearTimeout(timer);
+      timer = null;
+    };
+    const hide = () => {
+      emit("update:visible", false);
     };
-    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));
+    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);
+        }
       },
-      { immediate: !0 }
+      { immediate: true }
     );
-    return { onAfterLeave: () => {
-      r(), l && l(), e.unmount && e.unmount(e.id), e.onClose && e.onClose();
-    }, clickCover: n, isShowPopup: f };
+    const onAfterLeave = () => {
+      clearTimer();
+      unWatch && unWatch();
+      props.unmount && props.unmount(props.id);
+      props.onClose && props.onClose();
+    };
+    return { onAfterLeave, clickCover, isShowPopup };
   }
 });
-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
+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
   }, {
-    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))
+    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))
       }, [
-        e.$slots.default ? W(e.$slots, "default", { key: 0 }) : (C(), z(L, { key: 1 }, [
-          R(j(e.msg), 1)
+        _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createTextVNode(toDisplayString(_ctx.msg), 1)
         ], 64))
       ], 6)
     ]),
     _: 3
   }, 8, ["visible", "position", "teleportDisable"]);
 }
-const y = /* @__PURE__ */ J(Q, [["render", X]]), p = {
+const Notify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const defaultOptions = {
   type: "base",
-  visible: !0,
+  visible: true,
   msg: "",
   color: void 0,
   background: void 0,
@@ -115,74 +134,111 @@ const y = /* @__PURE__ */ J(Q, [["render", X]]), p = {
   teleport: "",
   unmount: new Function()
 };
-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;
+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 = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
+    } else {
+      opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+    }
+    const instance = createVNode(Notify, opts);
+    render(instance, container);
+    return instance.component.data;
   }
-}, 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({
+};
+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 = (/* @__PURE__ */ new Date()).getTime() + "";
+  }
+  opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+  opts.id = _id;
+  idsMap.push(opts.id);
+  optsMap.push(opts);
+  const root = document.createElement("view");
+  root.id = "notify-" + opts.id;
+  const Wrapper = {
     setup() {
-      return e.teleport = `#notify-${e.id}`, q(() => {
+      opts.teleport = `#notify-${opts.id}`;
+      onMounted(() => {
         setTimeout(() => {
-          e.onClose && e.onClose(), document.body.removeChild(n);
-        }, e.duration);
-      }), () => G(y, e);
+          opts.onClose && opts.onClose();
+          document.body.removeChild(root);
+        }, opts.duration);
+      });
+      return () => {
+        return h(Notify, opts);
+      };
     }
-  });
-  document.body.appendChild(n), h(r, n);
-}, s = (e) => {
-  if (!e) {
+  };
+  const instance = createVNode(Wrapper);
+  document.body.appendChild(root);
+  render(instance, root);
+};
+const errorMsg = (msg) => {
+  if (!msg) {
     console.warn("[NutUI Notify]: msg不能为空");
     return;
   }
-}, le = {
-  text(e, t = {}) {
-    return s(e), d(a(o({}, t), { msg: e }));
+};
+const showNotify = {
+  text(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg }));
   },
-  primary(e, t = {}) {
-    return s(e), d(a(o({}, t), { msg: e, type: "primary" }));
+  primary(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "primary" }));
   },
-  success(e, t = {}) {
-    return s(e), d(a(o({}, t), { msg: e, type: "success" }));
+  success(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "success" }));
   },
-  danger(e, t = {}) {
-    return s(e), d(a(o({}, t), { msg: e, type: "danger" }));
+  danger(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "danger" }));
   },
-  warn(e, t = {}) {
-    return s(e), d(a(o({}, t), { msg: e, type: "warning" }));
+  warn(msg, obj = {}) {
+    errorMsg(msg);
+    return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "warning" }));
   },
   hide() {
-    S();
+    clearNotify();
   },
-  install(e) {
-    e.use(y);
+  install(app) {
+    app.use(Notify);
   }
 };
 export {
-  y as default,
-  le as showNotify
+  Notify as default,
+  showNotify
 };