🔨 Refactor(ts): change js -> ts

src/renderer/utils/ConfirmButtonMixin.js

@@ -1,20 +0,0 @@
-export default {
-  name: '',
-  data () {
-    return {
-      defaultPicBed: this.$db.get('picBed.current')
-    }
-  },
-  methods: {
-    setDefaultPicBed (type) {
-      this.$db.set('picBed.current', type)
-      this.defaultPicBed = type
-      const successNotification = new window.Notification('设置默认图床', {
-        body: '设置成功'
-      })
-      successNotification.onclick = () => {
-        return true
-      }
-    }
-  }
-}

src/renderer/utils/ConfirmButtonMixin.ts

@@ -0,0 +1,15 @@
+import { Component, Vue } from 'vue-property-decorator'
+@Component
+export default class extends Vue {
+  defaultPicBed = this.$db.get('picBed.current')
+  setDefaultPicBed (type: string) {
+    this.$db.set('picBed.current', type)
+    this.defaultPicBed = type
+    const successNotification = new Notification('设置默认图床', {
+      body: '设置成功'
+    })
+    successNotification.onclick = () => {
+      return true
+    }
+  }
+}

src/renderer/utils/LS.ts

@@ -1,13 +1,13 @@
 class LS {
-  get (name) {
+  get (name: string) {
     if (localStorage.getItem(name)) {
-      return JSON.parse(localStorage.getItem(name))
+      return JSON.parse(localStorage.getItem(name) as string)
     } else {
       return {}
     }
   }
 
-  set (name, value) {
+  set (name: string, value: any) {
     return localStorage.setItem(name, JSON.stringify(value))
   }
 }

src/renderer/utils/key-binding.ts

@@ -1,6 +1,6 @@
 import keycode from 'keycode'
 
-const isSpecialKey = (keyCode) => {
+const isSpecialKey = (keyCode: number) => {
   const keyArr = [
     16, // Shift
     17, // Ctrl
@@ -12,14 +12,14 @@ const isSpecialKey = (keyCode) => {
   return keyArr.includes(keyCode)
 }
 
-const keyDetect = (event) => {
+const keyDetect = (event: KeyboardEvent) => {
   const meta = process.platform === 'darwin' ? 'Cmd' : 'Super'
   let specialKey = {
     Ctrl: event.ctrlKey,
     Shift: event.shiftKey,
-    Alt: event.altKey
+    Alt: event.altKey,
+    [meta]: event.metaKey
   }
-  specialKey[meta] = event.metaKey
 
   let pressKey = []
 

src/renderer/utils/mixin.js

@@ -1,25 +0,0 @@
-export default {
-  mounted () {
-    this.disableDragEvent()
-  },
-  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'
-      }
-    }
-  },
-  beforeDestroy () {
-    window.removeEventListener('dragenter', this.disableDrag, false)
-    window.removeEventListener('dragover', this.disableDrag)
-    window.removeEventListener('drop', this.disableDrag)
-  }
-}

src/renderer/utils/mixin.ts

@@ -0,0 +1,25 @@
+import { Component, Vue } from 'vue-property-decorator'
+@Component
+export default class extends Vue {
+  mounted () {
+    this.disableDragEvent()
+  }
+  disableDragEvent () {
+    window.addEventListener('dragenter', this.disableDrag, false)
+    window.addEventListener('dragover', this.disableDrag)
+    window.addEventListener('drop', this.disableDrag)
+  }
+  disableDrag (e: DragEvent) {
+    const dropzone = document.getElementById('upload-area')
+    if (dropzone === null || !dropzone.contains(<Node>e.target)) {
+      e.preventDefault()
+      e.dataTransfer!.effectAllowed = 'none'
+      e.dataTransfer!.dropEffect = 'none'
+    }
+  }
+  beforeDestroy () {
+    window.removeEventListener('dragenter', this.disableDrag, false)
+    window.removeEventListener('dragover', this.disableDrag)
+    window.removeEventListener('drop', this.disableDrag)
+  }
+}