fixed #1387 and update v-transfer-dom

Modal add transfer prop

src/components/dropdown/dropdown.vue

@@ -12,7 +12,8 @@
                 ref="drop"
                 @mouseenter.native="handleMouseenter"
                 @mouseleave.native="handleMouseleave"
-                v-transfer-dom:forbidden="transfer"><slot name="list"></slot></Drop>
+                :data-transfer="transfer"
+                v-transfer-dom><slot name="list"></slot></Drop>
         </transition>
     </div>
 </template>

src/components/modal/modal.vue

@@ -1,5 +1,5 @@
 <template>
-    <div v-transfer-dom>
+    <div v-transfer-dom :data-transfer="transfer">
         <transition :name="transitionNames[1]">
             <div :class="maskClasses" v-show="visible" @click="mask"></div>
         </transition>
@@ -91,6 +91,10 @@
                 default () {
                     return ['ease', 'fade'];
                 }
+            },
+            transfer: {
+                type: Boolean,
+                default: true
             }
         },
         data () {

src/components/poptip/poptip.vue

@@ -20,7 +20,8 @@
                 v-show="visible"
                 @mouseenter="handleMouseenter"
                 @mouseleave="handleMouseleave"
-                v-transfer-dom:forbidden="transfer">
+                :data-transfer="transfer"
+                v-transfer-dom>
                 <div :class="[prefixCls + '-content']">
                     <div :class="[prefixCls + '-arrow']"></div>
                     <div :class="[prefixCls + '-inner']" v-if="confirm">

src/components/table/table.vue

@@ -37,7 +37,7 @@
                 </table>
             </div>
             <div :class="[prefixCls + '-fixed']" :style="fixedTableStyle" v-if="isLeftFixed">
-                <div :class="[prefixCls + '-fixed-header']" v-if="showHeader">
+                <div :class="fixedHeaderClasses" v-if="showHeader">
                     <table-head
                         fixed="left"
                         :prefix-cls="prefixCls"
@@ -59,7 +59,7 @@
                 </div>
             </div>
             <div :class="[prefixCls + '-fixed-right']" :style="fixedRightTableStyle" v-if="isRightFixed">
-                <div :class="[prefixCls + '-fixed-header']" v-if="showHeader">
+                <div :class="fixedHeaderClasses" v-if="showHeader">
                     <table-head
                         fixed="right"
                         :prefix-cls="prefixCls"
@@ -216,6 +216,14 @@
                     }
                 ];
             },
+            fixedHeaderClasses () {
+                return [
+                    `${prefixCls}-fixed-header`,
+                    {
+                        [`${prefixCls}-fixed-header-with-empty`]: !this.rebuildData.length
+                    }
+                ];
+            },
             styles () {
                 let style = {};
                 if (this.height) {

src/components/tooltip/tooltip.vue

@@ -10,7 +10,8 @@
                 v-show="!disabled && (visible || always)"
                 @mouseenter="handleShowPopper"
                 @mouseleave="handleClosePopper"
-                v-transfer-dom:forbidden="transfer">
+                :data-transfer="transfer"
+                v-transfer-dom>
                 <div :class="[prefixCls + '-content']">
                     <div :class="[prefixCls + '-arrow']"></div>
                     <div :class="[prefixCls + '-inner']"><slot name="content">{{ content }}</slot></div>

src/directives/transfer-dom.js

@@ -15,8 +15,8 @@ function getTarget (node) {
 }
 
 const directive = {
-    inserted (el, { value, arg }, vnode) {
-        if (arg.forbidden) return false;
+    inserted (el, { value }, vnode) {
+        if (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;
@@ -37,8 +37,8 @@ const directive = {
             }
         }
     },
-    componentUpdated (el, { value, arg }) {
-        if (arg.forbidden) return false;
+    componentUpdated (el, { value }) {
+        if (el.dataset.transfer !== 'true') return false;
         // need to make sure children are done updating (vs. `update`)
         const ref$1 = el.__transferDomData;
         if (!ref$1) return;
@@ -62,8 +62,8 @@ const directive = {
             getTarget(value).appendChild(el);
         }
     },
-    unbind (el, { arg } ) {
-        if (arg.forbidden) return false;
+    unbind (el) {
+        if (el.dataset.transfer !== 'true') return false;
         el.className = el.className.replace('v-transfer-dom', '');
         const ref$1 = el.__transferDomData;
         if (!ref$1) return;

src/styles/components/table.less

@@ -268,6 +268,16 @@
     }
     &-fixed-header{
         overflow: hidden;
+        &-with-empty{
+            .@{table-prefix-cls}-hidden{
+                .@{table-prefix-cls}-sort{
+                    display: none;
+                }
+                .@{table-prefix-cls}-cell span{
+                    display: none;
+                }
+            }
+        }
     }
     &-fixed-body{
         overflow: hidden;