@nutui/nutui 4.0.10-beta.1 → 4.0.10

package/dist/packages/_es/Notify.js

@@ -1,33 +1,25 @@
-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";
+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,
@@ -45,7 +37,7 @@ const _sfc_main = create({
     },
     visible: {
       type: Boolean,
-      default: false
+      default: !1
     },
     position: {
       type: String,
@@ -53,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();
-    };
-    let timer = null;
-    const clearTimer = () => {
-      timer && clearTimeout(timer);
-      timer = null;
-    };
-    const hide = () => {
-      emit("update:visible", false);
+  setup(e, { emit: t }) {
+    const n = () => {
+      e.onClick && e.onClick();
     };
-    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,
@@ -134,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 = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
-    } else {
-      opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
-    }
-    const instance = createVNode(Notify, opts);
-    render(instance, container);
-    return instance.component.data;
+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;
   }
-};
-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 = {
+}, 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(__spreadProps(__spreadValues({}, obj), { msg }));
+}, le = {
+  text(e, t = {}) {
+    return s(e), d(a(o({}, t), { msg: e }));
   },
-  primary(msg, obj = {}) {
-    errorMsg(msg);
-    return mountNotify(__spreadProps(__spreadValues({}, 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(__spreadProps(__spreadValues({}, 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(__spreadProps(__spreadValues({}, 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(__spreadProps(__spreadValues({}, 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
 };