refactor: remove enquireScreen function from device.js to util.js; :star2: ...

iczer

2020-08-28 365dde7e660b4ce3eddaed0511b4d9d977f91053

refactor: remove enquireScreen function from device.js to util.js; :star2:
重构：把 enquireScreen 功能从 device.js 迁移至 util.js；

 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 @@
  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 @@
    ...mapState('setting', ['theme', 'weekMode', 'lang'])
  },
  methods: {
    ...mapMutations('setting', ['setDevice']),
    setWeekModeTheme(weekMode) {
      if (weekMode) {
        document.body.classList.add('week-mode')

 src/utils/device.js

File was deleted

 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 @@
  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