xqq_ele
Version:
框架
29 lines (28 loc) • 979 B
JavaScript
import { createApp as v } from "vue";
import f from "./message.vue.js";
const C = (l, r, s) => {
const p = l || {}, d = "x-message";
let e = document.querySelector(`#${d}`);
e === null && (e = document.createElement("div"), e.id = d);
const o = document.createElement("div"), c = document.createAttribute("class");
c.value = "message", o.setAttributeNode(c);
const m = 54, n = e.childNodes;
o.style.top = `${n.length * m}px`, v(f, {
config: p,
fn: r,
remove(t) {
u(t);
}
}).mount(o), e.appendChild(o), document.body.contains(e) || document.body.appendChild(e);
const u = (t) => {
var i, a;
const h = (a = (i = t._instance) == null ? void 0 : i.vnode.el) == null ? void 0 : a.parentNode;
t.unmount(), e == null || e.removeChild(h), s && s(), e && n.length === 0 && document.body.removeChild(e), g();
}, g = () => {
for (let t = 0; t < n.length; t++)
n[t].style.top = `${t * m}px`;
};
};
export {
C as default
};