drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Modal

Browse source
This commit is contained in:
Aresn 2017-06-01 19:00:37 +08:00
parent d519d68561
commit dce5a3ea6b
3 changed files with 27 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/modal/modal.vue
View file

@ -1,5 +1,5 @@
<template>
<div>
<div v-transfer-dom>
<transition :name="transitionNames[1]">
<div :class="maskClasses" v-show="visible" @click="mask"></div>
</transition>

6
src/directives/transfer-dom.js
View file

@ -18,6 +18,7 @@ const directive = {
inserted (el, { value }, vnode) {
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;
@ -38,6 +39,7 @@ const directive = {
componentUpdated (el, { value }) {
// need to make sure children are done updating (vs. `update`)
const ref$1 = el.__transferDomData;
if (!ref$1) return;
// homes.get(el)
const parentNode = ref$1.parentNode;
const home = ref$1.home;
@ -59,7 +61,9 @@ const directive = {
}
},
unbind: function unbind (el, binding) {
el.className = el.className.replace('v-transfer-dom', '')
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)
}