mc-plus 1.0.7 → 1.0.9

package/dist/es/mc-toast-CmkXAYH6.js

@@ -0,0 +1,52 @@
+import { defineComponent as e, ref as t, onMounted as o, onUnmounted as s, createElementBlock as n, openBlock as l, normalizeClass as i, createElementVNode as a, createBlock as c, createCommentVNode as r, toDisplayString as m, isVNode as d, createVNode as y, render as p } from "vue";
+import { _ as u, w as f } from "./utils-BwgRXuj9.js";
+import { M as g } from "./mc-icon--CImsgxi.js";
+const _ = { class: "mc-toast__title" }, v = { class: "mc-toast__message" }, C = u(e({ name: "McToast", __name: "mc-toast", props: { type: { default: "primary" }, title: { default: "" }, message: { default: "" }, icon: {}, showClose: { type: Boolean, default: true }, duration: { default: 0 }, position: { default: "top" }, onClose: {} }, emits: ["close"], setup(e2, { expose: d2, emit: y2 }) {
+  const p2 = e2, u2 = y2, f2 = t(), C2 = t(true), h2 = t(false);
+  let b2 = null;
+  const T2 = () => {
+    b2 && (clearTimeout(b2), b2 = null), h2.value = true, setTimeout(() => {
+      u2("close"), p2.onClose && p2.onClose();
+    }, 300);
+  };
+  return o(() => {
+    setTimeout(() => {
+      C2.value = false;
+    }, 20), p2.duration > 0 && (b2 = setTimeout(() => {
+      T2();
+    }, p2.duration));
+  }), s(() => {
+    b2 && (clearTimeout(b2), b2 = null);
+  }), d2({ ref: f2, close: T2 }), (e3, t2) => (l(), n("div", { ref_key: "_ref", ref: f2, class: i(["mc-toast", [C2.value ? "mc-toast--entering" : "", h2.value ? "mc-toast--leaving" : ""]]) }, [a("div", { class: i(["mc-toast__header", `mc-toast__header--${e3.type}`]) }, [e3.icon ? (l(), c(g, { key: 0, class: "mc-toast__icon", name: e3.icon }, null, 8, ["name"])) : r("", true), a("div", _, m(e3.title), 1), e3.showClose ? (l(), c(g, { key: 1, name: "Cross", class: "mc-toast__close", onClick: T2 })) : r("", true)], 2), a("div", { class: i(["mc-toast__body", `mc-toast__body--${e3.type}`]) }, [a("div", v, m(e3.message), 1)], 2)], 2));
+} }), [["__scopeId", "data-v-d979c310"]]), h = {};
+let b = null;
+const T = (e2) => {
+  var _a;
+  let t2 = {};
+  t2 = "string" == typeof e2 ? { message: e2 } : d(e2) ? { message: "" } : { ...e2 }, t2.position = t2.position || "top", b || (b = document.createElement("div"), b.className = "mc-toast-overlay", b.style.position = "fixed", b.style.top = "0", b.style.left = "0", b.style.width = "100%", b.style.height = "100%", b.style.backgroundColor = "rgba(0, 0, 0, 0.5)", b.style.zIndex = "9998", b.style.transition = "opacity 0.1s ease", b.style.opacity = "0", document.body.appendChild(b), b.getBoundingClientRect(), b.style.opacity = "1");
+  const o2 = ((e3) => {
+    if (h[e3]) return h[e3];
+    const t3 = document.createElement("div");
+    return t3.className = "mc-toast-container", t3.style.position = "fixed", t3.style.left = "50%", t3.style.top = "50%", t3.style.transform = "translate(-50%, -50%)", t3.style.zIndex = "9999", t3.style.display = "flex", t3.style.flexDirection = "column", t3.style.alignItems = "center", document.body.appendChild(t3), h[e3] = t3, t3;
+  })(t2.position), s2 = document.createElement("div"), n2 = y(C, { ...t2, onClose: () => {
+    o2.childNodes.length <= 1 && b && document.body.contains(b) && (b.style.opacity = "0", setTimeout(() => {
+      b && document.body.contains(b) && (document.body.removeChild(b), b = null);
+    }, 300)), t2.onClose && t2.onClose(), setTimeout(() => {
+      p(null, s2), o2.contains(s2) && o2.removeChild(s2), 0 === o2.childNodes.length && (document.body.contains(o2) && document.body.removeChild(o2), delete h[t2.position]);
+    }, 300);
+  } });
+  p(n2, s2), o2.appendChild(s2);
+  const l2 = (_a = n2.component) == null ? void 0 : _a.exposed;
+  return { close: () => {
+    l2 == null ? void 0 : l2.close();
+  } };
+}, x = T, E = (e2) => T("string" == typeof e2 ? { message: e2, type: "primary", title: "Info", icon: "Info" } : { title: "Info", icon: "Info", ...e2, type: "primary" }), I = (e2) => T("string" == typeof e2 ? { message: e2, type: "success", title: "Success", icon: "Tick" } : { title: "Success", icon: "Tick", ...e2, type: "success" }), k = (e2) => T("string" == typeof e2 ? { message: e2, type: "warning", title: "Warning", icon: "Error_02" } : { title: "Warning", icon: "Error_02", ...e2, type: "warning" }), w = (e2) => T("string" == typeof e2 ? { message: e2, type: "error", title: "Error", icon: "Error" } : { title: "Error", icon: "Error", ...e2, type: "error" }), N = f(C);
+export {
+  N as M,
+  E as a,
+  I as b,
+  T as c,
+  k as d,
+  w as e,
+  x as t
+};

package/dist/es/mc-tooltip-CSuvzJyd.js

@@ -0,0 +1,33 @@
+import { defineComponent as e, ref as o, computed as t, watch as a, onUnmounted as l, watchEffect as i, createElementBlock as s, openBlock as r, mergeProps as u, toHandlers as p, createElementVNode as n, createVNode as v, renderSlot as c, Transition as m, withCtx as d, createCommentVNode as f, createTextVNode as g, toDisplayString as h } from "vue";
+import { createPopper as _ } from "@popperjs/core";
+import { u as k } from "./hooks-c7yYlQyM.js";
+import { d as b, b as y, i as N } from "./vendor-CNzO2Q1s.js";
+import { _ as T, w as j } from "./utils-BwgRXuj9.js";
+const w = j(T(e({ name: "McTooltip", __name: "mc-tooltip", props: { content: {}, trigger: { default: "hover" }, placement: { default: "bottom" }, disabled: { type: Boolean }, popperOptions: {}, showTimeout: { default: 0 }, hideTimeout: { default: 300 }, transitionName: { default: "fade" } }, emits: ["visible:change", "click:outside"], setup(e2, { expose: T2, emit: j2 }) {
+  const w2 = e2, x = j2, M = o({}), O = o({}), $ = o({}), B = o(), I = o(), q = o(), z = o(false), A = (e3) => {
+    w2.disabled && (e3 = false), z.value = e3, x("visible:change", e3);
+  }, C = t(() => ({ placement: w2.placement, modifiers: [{ name: "offset", options: { offset: [0, 8] } }], ...w2.popperOptions }));
+  let D, E, F;
+  a(z, (e3) => {
+    e3 && I.value && q.value && (D = _(I.value, q.value, C.value));
+  }, { flush: "post" }), l(() => {
+    N(D) || (D.destroy(), D = void 0);
+  });
+  const G = t(() => "hover" === w2.trigger ? w2.showTimeout : 0), H = t(() => "hover" === w2.trigger ? w2.hideTimeout : 0);
+  i(() => {
+    M.value = {}, O.value = {}, $.value = {}, w2.disabled ? K(false) : "click" === w2.trigger ? M.value.click = () => {
+      z.value ? K() : J();
+    } : "hover" === w2.trigger && (M.value.mouseenter = () => J(), O.value.mouseleave = () => K(), $.value.mouseenter = () => J()), E = b(y(A, null, true), G.value), F = b(y(A, null, false), H.value);
+  });
+  const J = (e3 = true) => {
+    F == null ? void 0 : F.cancel(), e3 ? E == null ? void 0 : E() : A(false);
+  }, K = (e3 = true) => {
+    E == null ? void 0 : E.cancel(), e3 ? F == null ? void 0 : F() : A(false);
+  };
+  return k(B, () => {
+    x("click:outside"), "hover" !== w2.trigger && z.value && K(false);
+  }), T2({ show: () => J(false), hide: () => K(false) }), (e3, o2) => (r(), s("div", u({ class: "mc-tooltip", ref_key: "containerNode", ref: B }, p(O.value, true)), [n("div", u({ class: "mc-tooltip__trigger", ref_key: "triggerNode", ref: I }, p(M.value, true)), [c(e3.$slots, "default", {}, void 0, true)], 16), v(m, { name: e3.transitionName }, { default: d(() => [z.value ? (r(), s("div", u({ key: 0, class: "mc-tooltip__popper", ref_key: "popperNode", ref: q }, p($.value, true)), [c(e3.$slots, "content", {}, () => [g(h(e3.content), 1)], true)], 16)) : f("", true)]), _: 3 }, 8, ["name"])], 16));
+} }), [["__scopeId", "data-v-d3a7e7be"]]));
+export {
+  w as M
+};