fixed #4718

examples/routers/color-picker.vue

@@ -1,9 +1,5 @@
 <template>
-    <div style="margin: 100px;">
-        {{ color1 }}
-        <ColorPicker v-model="color1" />
-        <ColorPicker v-model="color2" :editable="false"/>
-    </div>
+    <ColorPicker v-model="color1" transfer />
 </template>
 <script>
     export default {
@@ -11,7 +7,7 @@
             return {
                 color1: '#19be6b',
                 color2: ''
-            };
             }
-    };
+        }
+    }
 </script>

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "iview",
-    "version": "3.1.2",
+    "version": "3.1.4",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {
@@ -13082,9 +13082,9 @@
             "optional": true
         },
         "v-click-outside-x": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/v-click-outside-x/-/v-click-outside-x-3.0.0.tgz",
-            "integrity": "sha512-VKm35tQ1tlZFXZc527v05sRXbyoQ8KKT1aeefZrcRCW+mPU4KuTiPy4pe1AH8Pibjzx80iU3pNJ4gNUFSXekUQ=="
+            "version": "3.5.0",
+            "resolved": "https://registry.npmjs.org/v-click-outside-x/-/v-click-outside-x-3.5.0.tgz",
+            "integrity": "sha512-JkF3uurCszLjuCTqyQEaWRTJleZf+3jrW8kTN5k4I3Rz/IwYgrCWCAugDBs3K71TX13tiSDBtJbnVmlnogc15A=="
         },
         "v8flags": {
             "version": "2.1.1",

package.json

@@ -50,7 +50,7 @@
         "lodash.throttle": "^4.1.1",
         "popper.js": "^1.14.1",
         "tinycolor2": "^1.4.1",
-        "v-click-outside-x": "^3.0.0"
+        "v-click-outside-x": "^3.5.0"
     },
     "peerDependencies": {
         "vue": "^2.5.2"

src/components/color-picker/color-picker.vue

@@ -1,7 +1,6 @@
 <template>
     <div
         v-click-outside.capture="handleClose"
-        v-click-outside:mousedown.capture="handleClose"
         :class="classes">
         <div
             ref="reference"