PicList/src/renderer/components/mixin.js

import db from '../../datastore'
export default {
  mounted () {
    this.disableDragEvent()
  },
  data () {
    return {
      defaultPicBed: db.read().get('picBed.current').value()
    }
  },
  methods: {
    disableDragEvent () {
      window.addEventListener('dragenter', this.disableDrag, false)
      window.addEventListener('dragover', this.disableDrag)
      window.addEventListener('drop', this.disableDrag)
    },
    disableDrag (e) {
      const dropzone = document.getElementById('upload-area')
      if (dropzone === null || !dropzone.contains(e.target)) {
        e.preventDefault()
        e.dataTransfer.effectAllowed = 'none'
        e.dataTransfer.dropEffect = 'none'
      }
    },
    setDefaultPicBed (type) {
      db.read().set('picBed.current', type).write()
      this.defaultPicBed = type
      this.$electron.ipcRenderer.send('updateDefaultPicBed')
      const successNotification = new window.Notification('设置默认图床', {
        body: '设置成功'
      })
      successNotification.onclick = () => {
        return true
      }
    }
  },
  beforeDestroy () {
    window.removeEventListener('dragenter', this.disableDrag, false)
    window.removeEventListener('dragover', this.disableDrag)
    window.removeEventListener('drop', this.disableDrag)
  }
}