ivue-material-plus
Version:
A high quality UI components Library with Vue.js
86 lines (84 loc) • 2.23 kB
JavaScript
function getTarget(node) {
if (node === void 0) {
node = document.body;
}
if (node === true) {
return document.body;
}
return node instanceof window.Node ? node : document.querySelector(node);
}
function beforeMount(el, { value }) {
if (el.dataset && el.dataset.transfer !== "true") {
return false;
}
el.className = el.className ? el.className + " v-transfer-dom" : "v-transfer-dom";
const parentNode = el.parentNode;
if (!parentNode) {
return;
}
const home = document.createComment("");
let hasMovedOut = false;
if (value !== false) {
parentNode.replaceChild(home, el);
getTarget(value).appendChild(el);
hasMovedOut = true;
}
if (!el.__transferDomData) {
el.__transferDomData = {
parentNode,
home,
target: getTarget(value),
hasMovedOut
};
}
}
function updated(el, { value }) {
if (el.dataset && el.dataset.transfer !== "true") {
return false;
}
const ref$1 = el.__transferDomData;
if (!ref$1) {
beforeMount(el, { value });
return;
}
const parentNode = ref$1.parentNode;
const home = ref$1.home;
const hasMovedOut = ref$1.hasMovedOut;
if (!hasMovedOut && value) {
parentNode.replaceChild(home, el);
getTarget(value).appendChild(el);
el.__transferDomData = Object.assign({}, el.__transferDomData, {
hasMovedOut: true,
target: getTarget(value)
});
} else if (hasMovedOut && value === false) {
parentNode.replaceChild(el, home);
el.__transferDomData = Object.assign({}, el.__transferDomData, {
hasMovedOut: false,
target: getTarget(value)
});
} else if (value) {
getTarget(value).appendChild(el);
}
}
function unmounted(el) {
if (el.dataset && el.dataset.transfer !== "true") {
return false;
}
el.className = el.className.replace("v-transfer-dom", "");
const ref$1 = el.__transferDomData;
if (!ref$1) {
return;
}
if (el.__transferDomData.hasMovedOut === true) {
el.__transferDomData.parentNode && el.__transferDomData.parentNode.appendChild(el);
}
el.__transferDomData = null;
}
var TransferDom = {
beforeMount,
unmounted,
updated
};
export { TransferDom as default };
//# sourceMappingURL=transfer-dom.mjs.map