From 361e24ecad7aff0127423b8cf83b742926467b5b Mon Sep 17 00:00:00 2001
From: haiyangcui <cuiocean@gmail.com>
Date: Mon, 2 Nov 2020 21:28:29 +0100
Subject: [PATCH] =?UTF-8?q?=E5=BC=95=E5=85=A5vue-clickaway?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json             | 1 +
 src/components/Play.vue  | 7 ++++++-
 src/components/Share.vue | 6 +++++-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f5e0ff8..c27c8ba 100644
--- a/package.json
+++ b/package.json
@@ -37,6 +37,7 @@
     "randomstring": "^1.1.5",
     "v-fit-columns": "^0.2.0",
     "vue": "^2.6.12",
+    "vue-clickaway": "^2.2.2",
     "vue-infinite-loading": "^2.4.5",
     "vue-waterfall-plugin": "^1.1.0",
     "vuedraggable": "^2.24.2",
diff --git a/src/components/Play.vue b/src/components/Play.vue
index 6b65db2..498e301 100644
--- a/src/components/Play.vue
+++ b/src/components/Play.vue
@@ -129,7 +129,7 @@
           <ul v-show="right.type === 'shortcut'" class="list-shortcut">
             <li v-for="(m, n) in right.shortcut" :key="n"><span class="title">{{m.desc}} -- [ {{m.key}} ]</span></li>
           </ul>
-          <ul v-show="right.type === 'other'" class="list-other">
+          <ul v-show="right.type === 'other'" class="list-other" v-on-clickaway="closeListEvent">
             <li v-show="right.other.length === 0">无数据</li>
             <li @click="otherItemEvent(m)" v-for="(m, n) in right.other" :key="n"><span class="title">{{m.name}} - [{{m.site.name}}]</span></li>
           </ul>
@@ -145,6 +145,8 @@ import zy from '../lib/site/tools'
 import Player from 'xgplayer'
 import Hls from 'xgplayer-hls.js'
 import mt from 'mousetrap'
+import { directive as onClickaway } from 'vue-clickaway'
+
 const { remote, ipcRenderer, clipboard } = require('electron')
 
 const VIDEO_DETAIL_CACHE = {}
@@ -247,6 +249,9 @@ export default {
       }
     }
   },
+  directives: {
+    onClickaway: onClickaway
+  },
   computed: {
     view: {
       get () {
diff --git a/src/components/Share.vue b/src/components/Share.vue
index 807fd7b..f0a6541 100644
--- a/src/components/Share.vue
+++ b/src/components/Share.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="share" id="share" @click="shareClickEvent">
+  <div class="share" id="share" @click="shareClickEvent" v-on-clickaway="shareClickEvent">
     <div class="left">
       <img :src="pic" alt="" @load="picLoadEvent">
     </div>
@@ -22,6 +22,7 @@ import { mapMutations } from 'vuex'
 import QrcodeVue from 'qrcode.vue'
 import html2canvas from 'html2canvas'
 import zy from '../lib/site/tools'
+import { directive as onClickaway } from 'vue-clickaway'
 const { clipboard, nativeImage } = require('electron')
 export default {
   name: 'share',
@@ -56,6 +57,9 @@ export default {
       deep: true
     }
   },
+  directives: {
+    onClickaway: onClickaway
+  },
   methods: {
     ...mapMutations(['SET_SHARE']),
     shareClickEvent () {