From 9ba1ea6933c7b5dfe52d5f6512d2d118cb39e77a Mon Sep 17 00:00:00 2001
From: Pan <panfree23@gmail.com>
Date: Fri, 1 Jun 2018 10:38:27 +0800
Subject: [PATCH] perf[el-dragDialog]: add dragDialog callback function

---
 src/directive/el-dragDialog/drag.js      |  5 ++++-
 src/views/components-demo/dragDialog.vue | 19 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/directive/el-dragDialog/drag.js b/src/directive/el-dragDialog/drag.js
index 3e3fb62a..68e08523 100644
--- a/src/directive/el-dragDialog/drag.js
+++ b/src/directive/el-dragDialog/drag.js
@@ -1,5 +1,5 @@
 export default{
-  bind(el, binding) {
+  bind(el, binding, vnode) {
     const dialogHeaderEl = el.querySelector('.el-dialog__header')
     const dragDom = el.querySelector('.el-dialog')
     dialogHeaderEl.style.cssText += ';cursor:move;'
@@ -63,6 +63,9 @@ export default{
 
         // 移动当前元素
         dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
+
+        // emit onDrag event
+        vnode.child.$emit('dragDialog')
       }
 
       document.onmouseup = function(e) {
diff --git a/src/views/components-demo/dragDialog.vue b/src/views/components-demo/dragDialog.vue
index 3eb9bd91..454d6327 100644
--- a/src/views/components-demo/dragDialog.vue
+++ b/src/views/components-demo/dragDialog.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="components-container">
     <el-button type="primary" @click="dialogTableVisible = true">open a Drag Dialog</el-button>
-    <el-dialog v-el-drag-dialog title="Shipping address" :visible.sync="dialogTableVisible">
+    <el-dialog v-el-drag-dialog @dragDialog="handleDrag" title="Shipping address" :visible.sync="dialogTableVisible">
+      <el-select ref="select" v-model="value" placeholder="请选择">
+        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+        </el-option>
+      </el-select>
       <el-table :data="gridData">
         <el-table-column property="date" label="Date" width="150"></el-table-column>
         <el-table-column property="name" label="Name" width="200"></el-table-column>
@@ -20,6 +24,13 @@ export default {
   data() {
     return {
       dialogTableVisible: false,
+      options: [
+        { value: '选项1', label: '黄金糕' },
+        { value: '选项2', label: '双皮奶' },
+        { value: '选项3', label: '蚵仔煎' },
+        { value: '选项4', label: '龙须面' }
+      ],
+      value: '',
       gridData: [{
         date: '2016-05-02',
         name: 'John Smith',
@@ -38,6 +49,12 @@ export default {
         address: 'No.1518,  Jinshajiang Road, Putuo District'
       }]
     }
+  },
+  methods: {
+    // v-el-drag-dialog onDrag callback function
+    handleDrag() {
+      this.$refs.select.blur()
+    }
   }
 }
 </script>