From 365dde7e660b4ce3eddaed0511b4d9d977f91053 Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Fri, 28 Aug 2020 12:18:59 +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 ---------------
 src/utils/util.js   | 14 ++++++++++++++
 3 files changed, 18 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
diff --git a/src/utils/util.js b/src/utils/util.js
index 96b965c..4fb219e 100644
--- a/src/utils/util.js
+++ b/src/utils/util.js
@@ -1,3 +1,5 @@
+import enquireJs from 'enquire.js'
+
 export function isDef (v){
   return v !== undefined && v !== null
 }
@@ -18,4 +20,16 @@ export function isRegExp (v) {
   return _toString.call(v) === '[object RegExp]'
 }
 
+export function enquireScreen(call) {
+  const handler = {
+    match: function () {
+      call && call(true)
+    },
+    unmatch: function () {
+      call && call(false)
+    }
+  }
+  enquireJs.register('only screen and (max-width: 767.99px)', handler)
+}
+
 const _toString = Object.prototype.toString