From 685f5f5c4e64dfe4a5a6338eeffb27d4921661f4 Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Fri, 28 Aug 2020 12:25:49 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20remove=20enquireScreen=20function?=
 =?UTF-8?q?=20from=20device.js=20to=20util.js;=20:star2:=20=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=EF=BC=9A=E6=8A=8A=20enquireScreen=20=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD=E4=BB=8E=20device.js=20=E8=BF=81=E7=A7=BB=E8=87=B3=20?=
 =?UTF-8?q?util.js=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue         |  9 ++++-----
 src/utils/device.js | 15 ---------------
 2 files changed, 4 insertions(+), 20 deletions(-)
 delete mode 100644 src/utils/device.js

diff --git a/src/App.vue b/src/App.vue
index 824a3de..737f3e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,8 @@
 </template>
 
 <script>
-import enquireScreen from './utils/device'
-import {mapState} from 'vuex'
+import {enquireScreen} from './utils/util'
+import {mapState, mapMutations} from 'vuex'
 import themeUtil from '@/utils/themeUtil';
 import {getI18nKey} from '@/utils/routerUtil'
 
@@ -20,9 +20,7 @@ export default {
   created () {
     this.setHtmlTitle()
     this.setLanguage(this.lang)
-    enquireScreen(isMobile => {
-      this.$store.commit('setting/setDevice', isMobile)
-    })
+    enquireScreen(isMobile => this.setDevice(isMobile))
   },
   mounted() {
    this.setWeekModeTheme(this.weekMode)
@@ -54,6 +52,7 @@ export default {
     ...mapState('setting', ['theme', 'weekMode', 'lang'])
   },
   methods: {
+    ...mapMutations('setting', ['setDevice']),
     setWeekModeTheme(weekMode) {
       if (weekMode) {
         document.body.classList.add('week-mode')
diff --git a/src/utils/device.js b/src/utils/device.js
deleted file mode 100644
index c71510e..0000000
--- a/src/utils/device.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import enquireJs from 'enquire.js'
-
-const enquireScreen = function (call) {
-  const hanlder = {
-    match: function () {
-      call && call(true)
-    },
-    unmatch: function () {
-      call && call(false)
-    }
-  }
-  enquireJs.register('only screen and (max-width: 767.99px)', hanlder)
-}
-
-export default enquireScreen