🎉 Release: v2.3.1-beta.3

✨ Feature: add tencent-cos options for url
ISSUES CLOSED: #862, #863, #865, #524, #845, #732
2024-04-21 10:31:33 +00:00 · 2022-04-04 19:24:17 +08:00 · 2022-04-04 19:22:30 +08:00 · 2022-03-14 23:57:37 +08:00 · 2022-03-10 22:13:24 +08:00 · 2022-02-20 21:33:44 +08:00
86 changed files with 8924 additions and 6015 deletions
@@ -6,20 +6,32 @@ module.exports = {
  env: {
    node: true
  },
-  parser: "vue-eslint-parser",
-  'extends': [
+  parser: 'vue-eslint-parser',
+  extends: [
    'plugin:vue/essential',
    '@vue/standard',
    '@vue/typescript'
  ],
-  'plugins': ['@typescript-eslint'],
+  plugins: ['@typescript-eslint'],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'off' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    "indent": "off",
-    "@typescript-eslint/indent": ["error", 2]
+    indent: 'off',
+    'no-async-promise-executor': 'off',
+    'no-unused-vars': 'off',
+    '@typescript-eslint/no-unused-vars': 'error',
+    '@typescript-eslint/indent': ['error', 2]
  },
  parserOptions: {
    parser: '@typescript-eslint/parser'
-  }
+  },
+  overrides: [
+    {
+      files: ['*.ts', '*.vue'],
+      rules: {
+        'no-undef': 'off' // https://typescript-eslint.io/docs/linting/troubleshooting/#i-get-errors-from-the-no-undef-rule-about-global-variables-not-being-defined-even-though-there-are-no-typescript-errors
+      }
+    }
+  ],
+  ignorePatterns: ['src/**/*.d.ts']
 }
@@ -23,7 +23,7 @@ jobs:
    strategy:
      fail-fast: false
      matrix:
-        os: [ubuntu-latest, macos-10.15]
+        os: [ubuntu-latest, macos-11]

    # create steps
    steps:
@@ -50,6 +50,6 @@ jobs:

      - name: Build  & release app
        run: |
-          npm run release
+          yarn release
        env:
          GH_TOKEN: ${{ secrets.GH_TOKEN }}
@@ -0,0 +1,52 @@
+# main.yml
+
+# Workflow's name
+name: Build
+
+# Workflow's trigger
+on: workflow_dispatch
+
+# Workflow's jobs
+jobs:
+  # job's id
+  release:
+    # job's name
+    name: build and release electron app
+
+    # the type of machine to run the job on
+    runs-on: ${{ matrix.os }}
+
+    # create a build matrix for jobs
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest, macos-11]
+
+    # create steps
+    steps:
+      # step1: check out repository
+      - name: Check out git repository
+        uses: actions/checkout@v2
+
+      # step2: install node env
+      - name: Install Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: Install system deps
+        if: matrix.os == 'ubuntu-latest'
+        run: |
+          sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils
+
+      # step3: yarn
+      - name: Yarn install
+        run: |
+          yarn
+          yarn global add xvfb-maybe
+
+      - name: Build  & release app
+        run: |
+          yarn release
+        env:
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
@@ -1,3 +1,100 @@
+## :tada: 2.3.1-beta.3 (2022-04-04)
+
+
+### :sparkles: Features
+
+* add i18n for en ([1936ccf](https://github.com/Molunerfinn/PicGo/commit/1936ccf))
+* add tencent-cos options for url ([af291e4](https://github.com/Molunerfinn/PicGo/commit/af291e4)), closes [#862](https://github.com/Molunerfinn/PicGo/issues/862) [#863](https://github.com/Molunerfinn/PicGo/issues/863) [#865](https://github.com/Molunerfinn/PicGo/issues/865) [#524](https://github.com/Molunerfinn/PicGo/issues/524) [#845](https://github.com/Molunerfinn/PicGo/issues/845) [#732](https://github.com/Molunerfinn/PicGo/issues/732)
+* add upload-clipboard-image from electron' clipboard ([27628da](https://github.com/Molunerfinn/PicGo/commit/27628da)), closes [#822](https://github.com/Molunerfinn/PicGo/issues/822)
+* add wayland support for linux ([f1c8507](https://github.com/Molunerfinn/PicGo/commit/f1c8507))
+* click cancel in rename-window will use origin filename now ([04701d4](https://github.com/Molunerfinn/PicGo/commit/04701d4)), closes [#791](https://github.com/Molunerfinn/PicGo/issues/791)
+
+
+### :bug: Bug Fixes
+
+* fix mini-page can't upload image from dragging browser image ([6bcd019](https://github.com/Molunerfinn/PicGo/commit/6bcd019)), closes [#822](https://github.com/Molunerfinn/PicGo/issues/822)
+* mini window not always on top after reopen ([c79a286](https://github.com/Molunerfinn/PicGo/commit/c79a286))
+* notification freeze the main-process after uploading with clipboard ([3a50315](https://github.com/Molunerfinn/PicGo/commit/3a50315)), closes [#824](https://github.com/Molunerfinn/PicGo/issues/824)
+* picgo.log path error ([6b6ae27](https://github.com/Molunerfinn/PicGo/commit/6b6ae27)), closes [#819](https://github.com/Molunerfinn/PicGo/issues/819)
+
+
+### :pencil: Documentation
+
+* update readme ([6bcda9b](https://github.com/Molunerfinn/PicGo/commit/6bcda9b)), closes [#849](https://github.com/Molunerfinn/PicGo/issues/849) [#850](https://github.com/Molunerfinn/PicGo/issues/850)
+
+
+### :package: Chore
+
+* types change ([43d2a8e](https://github.com/Molunerfinn/PicGo/commit/43d2a8e))
+* update fix-path ([bcaf255](https://github.com/Molunerfinn/PicGo/commit/bcaf255)), closes [#774](https://github.com/Molunerfinn/PicGo/issues/774)
+
+
+
+## :tada: 2.3.1-beta.2 (2022-01-06)
+
+
+### :bug: Bug Fixes
+
+* electron builder actions bug ([5dd6e72](https://github.com/Molunerfinn/PicGo/commit/5dd6e72))
+* linux github actions workflow bug ([5cb8151](https://github.com/Molunerfinn/PicGo/commit/5cb8151))
+
+
+
+## :tada: 2.3.1-beta.1 (2022-01-05)
+
+
+### :package: Chore
+
+* update ci build scripts ([56e814a](https://github.com/Molunerfinn/PicGo/commit/56e814a))
+
+
+
+## :tada: 2.3.1-beta.0 (2022-01-05)
+
+
+### :bug: Bug Fixes
+
+* mini window drag bug ([34b3656](https://github.com/Molunerfinn/PicGo/commit/34b3656))
+
+
+### :package: Chore
+
+* add mac-arm64 build support ([f2a4197](https://github.com/Molunerfinn/PicGo/commit/f2a4197))
+* update electron from v6 -> v16 ([ea20d3b](https://github.com/Molunerfinn/PicGo/commit/ea20d3b))
+
+
+
+# :tada: 2.3.0 (2021-09-11)
+
+
+### :sparkles: Features
+
+* add open devtool option ([75e3edc](https://github.com/Molunerfinn/PicGo/commit/75e3edc))
+
+
+### :bug: Bug Fixes
+
+* shift key function in gallery page ([5895889](https://github.com/Molunerfinn/PicGo/commit/5895889))
+* some bugs ([a676c08](https://github.com/Molunerfinn/PicGo/commit/a676c08)), closes [#722](https://github.com/Molunerfinn/PicGo/issues/722)
+* urlEncode bug when copy ([6c6f847](https://github.com/Molunerfinn/PicGo/commit/6c6f847)), closes [#731](https://github.com/Molunerfinn/PicGo/issues/731)
+
+
+### :pencil: Documentation
+
+* update FAQ ([58420c8](https://github.com/Molunerfinn/PicGo/commit/58420c8))
+
+
+
+# :tada: 2.3.0-beta.8 (2021-08-13)
+
+
+### :bug: Bug Fixes
+
+* settings bug ([20d3cf9](https://github.com/Molunerfinn/PicGo/commit/20d3cf9)), closes [#710](https://github.com/Molunerfinn/PicGo/issues/710)
+* upload clipboard images via http should return list ([ae69263](https://github.com/Molunerfinn/PicGo/commit/ae69263)), closes [#721](https://github.com/Molunerfinn/PicGo/issues/721)
+
+
+
 # :tada: 2.3.0-beta.7 (2021-08-01)


@@ -57,3 +57,7 @@ PicGo 在 Mac 上是一个顶部栏应用，在 dock 栏是不会有图标的。
   1. 先自行搜索 error 里的报错信息，往往你能百度或者谷歌出问题原因，不必开 issue。
   2. 如果有带有 `401` 、`403` 等 `40X` 状态码字样的，不用怀疑，就是你配置写错了，仔细检查配置，看看是否多了空格之类的。
   3. 如果带有 `HttpError`、`RequestError` 、 `socket hang up` 等字样的说明这是网络问题，我无法帮你解决网络问题，请检查你自己的网络，是否有代理，DNS 设置是否正常等。
+
+## 10. macOS版本安装完之后没有主界面
+
+请找到PicGo在顶部栏的图标，然后右键（触摸板双指点按，或者鼠标右键），即可找到「打开详细窗口」的菜单。
@@ -59,6 +59,8 @@ PicGo 本体支持如下图床：

 点击此处下载 [应用](https://github.com/Molunerfinn/PicGo/releases)。

+还可以通过山东大学镜像站提供的镜像地址下载 [应用](https://mirrors.sdu.edu.cn/github-release/Molunerfinn_PicGo)。感谢山东大学镜像站提供的镜像服务！
+
 ### Windows

 Windows 用户请下载最新版本的 `exe` 文件。
@@ -116,8 +118,8 @@ npm run electron:serve # 重新进入开发模式
 **注意**：如果你的网络环境不太好，可能会出现 `electron-builder` 下载 `electron` 二进制文件失败的情况。这个时候需要在 `npm run electron:build` 之前指定一下 `electron` 的源为国内源：

 ```bash
-export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"
-# 在 Windows 上，则可以使用 set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ （无需引号）
+export ELECTRON_MIRROR="https://registry.npmmirror.com/binary.html?path=electron/"
+# 在 Windows 上，则可以使用 set ELECTRON_MIRROR=https://registry.npmmirror.com/binary.html?path=electron/ （无需引号）
 npm run electron:build
 ```

@@ -19,14 +19,13 @@ init:
  - git config --global core.autocrlf input

 install:
-  - ps: Install-Product node 12 x64
+  - ps: Install-Product node 16 x64
  - git reset --hard HEAD
  - yarn
  - node --version

 build_script:
  #- yarn test
-  - yarn build --win --ia32
  - yarn release

-test: off
+test: false
@@ -1,5 +1,6 @@
 module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
-  ]
+  ],
+  plugins: ['@babel/plugin-proposal-optional-chaining']
 }
@@ -22,7 +22,7 @@
          .col-xs-10.col-xs-offset-1.col-md-7.col-md-offset-0
            img(:src="item.url")
          .col-xs-10.col-xs-offset-1.col-md-5.col-md-offset-0.display-list__content
-            .display-list__title {{ item.title }} 
+            .display-list__title {{ item.title }}
            .display-list__desc {{ item.desc }}
      .row.ex-width.info
        .col-xs-10.col-xs-offset-1
@@ -94,7 +94,7 @@ html,
 h1
  margin 0
  padding 0
-  font-family "Source Sans Pro","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif  
+  font-family "Source Sans Pro","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif
 #app
  position relative
 .mask
@@ -213,4 +213,4 @@ h1
        font-size 25px
      &__desc
        margin-top 12px
-</style>
+</style>
@@ -1,11 +1,12 @@
 {
  "name": "picgo",
-  "version": "2.3.0-beta.7",
+  "version": "2.3.1-beta.3",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service electron:serve",
    "build": "vue-cli-service electron:build",
    "lint": "vue-cli-service lint",
+    "lint:fix": "eslint --fix --ext .js,.jsx,.ts,.tsx,.vue src/",
    "electron:build": "vue-cli-service electron:build",
    "electron:serve": "vue-cli-service electron:serve",
    "postinstall": "electron-builder install-app-deps",
@@ -34,17 +35,18 @@
    ]
  },
  "dependencies": {
+    "@picgo/i18n": "^1.0.0",
    "@picgo/store": "^1.0.3",
    "axios": "^0.19.0",
    "core-js": "^3.3.2",
    "element-ui": "^2.13.0",
-    "fix-path": "^2.1.0",
-    "fs-extra": "^8.1.0",
+    "fs-extra": "^10.0.0",
    "keycode": "^2.2.0",
    "lodash-id": "^0.14.0",
    "lowdb": "^1.0.0",
-    "picgo": "^1.4.24",
+    "picgo": "^1.5.0-alpha.3",
    "qrcode.vue": "^1.7.0",
+    "shell-path": "2.1.0",
    "uuidv4": "^6.2.11",
    "vue": "^2.6.10",
    "vue-gallery": "^2.0.1",
@@ -52,36 +54,42 @@
    "vue-router": "^3.1.3"
  },
  "devDependencies": {
-    "@commitlint/cli": "^8.2.0",
-    "@picgo/bump-version": "^1.0.3",
-    "@types/fs-extra": "^8.0.1",
+    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
+    "@picgo/bump-version": "^1.1.2",
+    "@types/fs-extra": "^9.0.13",
    "@types/inquirer": "^6.5.0",
    "@types/lowdb": "^1.0.9",
-    "@types/node": "10.17.6",
+    "@types/node": "^16.10.2",
    "@types/request-promise-native": "^1.0.17",
+    "@types/semver": "^7.3.8",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
    "@vue/cli-plugin-babel": "^4.0.0",
    "@vue/cli-plugin-eslint": "^4.0.0",
    "@vue/cli-plugin-router": "^4.0.0",
-    "@vue/cli-plugin-typescript": "^4.0.0",
+    "@vue/cli-plugin-typescript": "^4.5.13",
    "@vue/cli-service": "^4.0.0",
-    "@vue/eslint-config-standard": "^4.0.0",
-    "@vue/eslint-config-typescript": "^4.0.0",
-    "commitizen": "^4.0.3",
+    "@vue/eslint-config-standard": "^6.1.0",
+    "@vue/eslint-config-typescript": "^7.0.0",
    "conventional-changelog": "^3.1.18",
    "cz-customizable": "^6.2.0",
-    "electron": "^6.0.0",
+    "electron": "^16.0.6",
    "electron-devtools-installer": "^3.2.0",
-    "eslint": "^5.16.0",
-    "eslint-plugin-vue": "^5.0.0",
+    "eslint": "^7.32.0",
+    "eslint-config-standard": ">=16.0.0",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^5.1.0",
+    "eslint-plugin-vue": "^7.0.0",
    "husky": "^3.1.0",
    "stylus": "^0.54.7",
    "stylus-loader": "^3.0.2",
-    "typescript": "~3.7.3",
-    "vue-cli-plugin-electron-builder": "^1.4.2",
+    "typescript": "^4.4.3",
+    "vue-cli-plugin-electron-builder": "^2.1.1",
    "vue-property-decorator": "^8.3.0",
    "vue-template-compiler": "^2.6.10"
  },
  "resolutions": {
-    "@types/node": "12.0.2"
+    "@types/node": "^16.10.2"
  }
 }
@@ -1,18 +1,34 @@
 #!/bin/sh
-# require xclip(see http://stackoverflow.com/questions/592620/check-if-a-program-exists-from-a-bash-script/677212#677212)
-command -v xclip >/dev/null 2>&1 || { echo >&1 "no xclip"; exit 1; }
-
-# write image in clipboard to file (see http://unix.stackexchange.com/questions/145131/copy-image-from-clipboard-to-file)
-filePath=`xclip -selection clipboard -o 2>/dev/null | grep ^file:// | cut -c8-`
-if [ ! -n "$filePath" ] ;then
-  if
-      xclip -selection clipboard -target image/png -o >/dev/null 2>&1
-  then
-      xclip -selection clipboard -target image/png -o >$1 2>/dev/null
-      echo $1
+if [ "$XDG_SESSION_TYPE" = "x11" ]; then
+  # require xclip(see http://stackoverflow.com/questions/592620/check-if-a-program-exists-from-a-bash-script/677212#677212)
+  command -v xclip >/dev/null 2>&1 || { echo >&1 "no xclip"; exit 1; }
+  # write image in clipboard to file (see http://unix.stackexchange.com/questions/145131/copy-image-from-clipboard-to-file)
+  filePath=`xclip -selection clipboard -o 2>/dev/null | grep ^file:// | cut -c8-`
+  if [ ! -n "$filePath" ] ;then
+    if
+        xclip -selection clipboard -target image/png -o >/dev/null 2>&1
+    then
+        xclip -selection clipboard -target image/png -o >$1 2>/dev/null
+        echo $1
+    else
+        echo "no image"
+    fi
  else
-      echo "no image"
+    echo $filePath
+  fi
+elif [ "$XDG_SESSION_TYPE" = "wayland" ]; then
+  command -v wl-copy >/dev/null 2>&1 || { echo >&1 "no wl-clipboard"; exit 1; }
+  filePath=`wl-copy -o 2>/dev/null | grep ^file:// | cut -c8-`
+  if [ ! -n "$filePath" ] ;then
+    if
+        wl-copy -t image/png -o >/dev/null 2>&1
+      then
+        wl-copy -t image/png image/png -o >$1 2>/dev/null
+        echo $1
+    else
+        echo "no image"
+    fi
+  else
+    echo $filePath
  fi
-else
-  echo $filePath
 fi
@@ -10,9 +10,13 @@ import mainMixin from './renderer/utils/mainMixin'
 import bus from '@/utils/bus'
 import { initTalkingData } from './renderer/utils/analytics'
 import db from './renderer/utils/db'
+import { T, i18n } from '#/i18n/index'
+import { handleURLParams } from '@/utils/beforeOpen'

 webFrame.setVisualZoomLevelLimits(1, 1)
-webFrame.setLayoutZoomLevelLimits(0, 0)
+
+// do here before vue init
+handleURLParams()

 Vue.config.productionTip = false
 Vue.prototype.$builtInPicBed = [
@@ -27,6 +31,8 @@ Vue.prototype.$builtInPicBed = [
 Vue.prototype.$$db = db
 Vue.prototype.$http = axios
 Vue.prototype.$bus = bus
+Vue.prototype.$T = T
+Vue.prototype.$i18n = i18n

 Vue.use(ElementUI)
 Vue.use(VueLazyLoad)
@@ -6,7 +6,7 @@ The lowest level APIs that are not dependent on each other. The upper APIs depen

 ## app

-Provide key API interfaces for PicGo application, including uploader, window management, shortcut key system, etc
+Provide key API interfaces for PicGo application, including uploader, window management, shortcut key system, remotes handler, etc

 ## gui

@@ -16,10 +16,12 @@ class ShortKeyHandler {
      this.isInModifiedMode = flag
    })
  }
+
  init () {
    this.initBuiltInShortKey()
    this.initPluginsShortKey()
  }
+
  private initBuiltInShortKey () {
    const commands = db.get('settings.shortKey') as IShortKeyConfigs
    Object.keys(commands)
@@ -34,10 +36,11 @@ class ShortKeyHandler {
        }
      })
  }
+
  private initPluginsShortKey () {
    // get enabled plugin
    const pluginList = picgo.pluginLoader.getList()
-    for (let item of pluginList) {
+    for (const item of pluginList) {
      const plugin = picgo.pluginLoader.getPlugin(item)
      // if a plugin has commands
      if (plugin && plugin.commands) {
@@ -46,7 +49,7 @@ class ShortKeyHandler {
          continue
        }
        const commands = plugin.commands(picgo) as IPluginShortKeyConfig[]
-        for (let cmd of commands) {
+        for (const cmd of commands) {
          const command = `${item}:${cmd.name}`
          if (db.has(`settings.shortKey[${command}]`)) {
            const commandConfig = db.get(`settings.shortKey.${command}`) as IShortKeyConfig
@@ -63,6 +66,7 @@ class ShortKeyHandler {
      }
    }
  }
+
  private registerShortKey (config: IShortKeyConfig | IPluginShortKeyConfig, command: string, handler: IShortKeyHandler, writeFlag: boolean) {
    shortKeyService.registerCommand(command, handler)
    if (config.key) {
@@ -85,6 +89,7 @@ class ShortKeyHandler {
      })
    }
  }
+
  // enable or disable shortKey
  bindOrUnbindShortKey (item: IShortKeyConfig, from: string): boolean {
    const command = `${from}:${item.name}`
@@ -108,6 +113,7 @@ class ShortKeyHandler {
      }
    }
  }
+
  // update shortKey bindings
  updateShortKey (item: IShortKeyConfig, oldKey: string, from: string): boolean {
    const command = `${from}:${item.name}`
@@ -121,6 +127,7 @@ class ShortKeyHandler {
    })
    return true
  }
+
  private async handler (command: string) {
    if (this.isInModifiedMode) {
      return
@@ -136,6 +143,7 @@ class ShortKeyHandler {
      logger.warn(`can not find command: ${command}`)
    }
  }
+
  registerPluginShortKey (pluginName: string) {
    const plugin = picgo.pluginLoader.getPlugin(pluginName)
    if (plugin && plugin.commands) {
@@ -144,7 +152,7 @@ class ShortKeyHandler {
        return
      }
      const commands = plugin.commands(picgo) as IPluginShortKeyConfig[]
-      for (let cmd of commands) {
+      for (const cmd of commands) {
        const command = `${pluginName}:${cmd.name}`
        if (db.has(`settings.shortKey[${command}]`)) {
          const commandConfig = db.get(`settings.shortKey[${command}]`) as IShortKeyConfig
@@ -155,6 +163,7 @@ class ShortKeyHandler {
      }
    }
  }
+
  unregisterPluginShortKey (pluginName: string) {
    const commands = db.get('settings.shortKey') as IShortKeyConfigs
    const keyList = Object.keys(commands)
@@ -4,15 +4,18 @@ class ShortKeyService {
  registerCommand (command: string, handler: IShortKeyHandler) {
    this.commandList.set(command, handler)
  }
+
  unregisterCommand (command: string) {
    this.commandList.delete(command)
  }
+
  getShortKeyHandler (command: string): IShortKeyHandler | null {
    const handler = this.commandList.get(command)
    if (handler) return handler
    logger.warn(`cannot find command: ${command}`)
    return null
  }
+
  getCommandList () {
    return [...this.commandList.keys()]
  }
@@ -11,12 +11,13 @@ import uploader from 'apis/app/uploader'
 import getPicBeds from '~/main/utils/getPicBeds'
 import db, { GalleryDB } from '~/main/apis/core/datastore'
 import windowManager from 'apis/app/window/windowManager'
-import { IWindowList } from 'apis/app/window/constants'
+import { IWindowList } from '#/types/enum'
 import picgo from '@core/picgo'
-import pasteTemplate from '#/utils/pasteTemplate'
+import pasteTemplate from '~/main/utils/pasteTemplate'
 import pkg from 'root/package.json'
 import { handleCopyUrl } from '~/main/utils/common'
 import { privacyManager } from '~/main/utils/privacyManager'
+import { T } from '#/i18n'
 let contextMenu: Menu | null
 let menu: Menu | null
 let tray: Tray | null
@@ -41,7 +42,7 @@ export function createContextMenu () {
    })
    contextMenu = Menu.buildFromTemplate([
      {
-        label: '关于',
+        label: T('ABOUT'),
        click () {
          dialog.showMessageBox({
            title: 'PicGo',
@@ -51,7 +52,7 @@ export function createContextMenu () {
        }
      },
      {
-        label: '打开详细窗口',
+        label: T('OPEN_MAIN_WINDOW'),
        click () {
          const settingWindow = windowManager.get(IWindowList.SETTING_WINDOW)
          settingWindow!.show()
@@ -62,14 +63,14 @@ export function createContextMenu () {
        }
      },
      {
-        label: '选择默认图床',
+        label: T('CHOOSE_DEFAULT_PICBED'),
        type: 'submenu',
        // @ts-ignore
        submenu
      },
      // @ts-ignore
      {
-        label: '打开更新助手',
+        label: T('OPEN_UPDATE_HELPER'),
        type: 'checkbox',
        checked: db.get('settings.showUpdateTip'),
        click () {
@@ -78,13 +79,13 @@ export function createContextMenu () {
        }
      },
      {
-        label: '隐私协议',
+        label: T('PRIVACY_AGREEMENT'),
        click () {
          privacyManager.show(false)
        }
      },
      {
-        label: '重启应用',
+        label: T('RELOAD_APP'),
        click () {
          app.relaunch()
          app.exit(0)
@@ -93,7 +94,7 @@ export function createContextMenu () {
      // @ts-ignore
      {
        role: 'quit',
-        label: '退出'
+        label: T('QUIT')
      }
    ])
  } else if (process.platform === 'linux') {
@@ -106,7 +107,7 @@ export function createContextMenu () {

    contextMenu = Menu.buildFromTemplate([
      {
-        label: '打开详细窗口',
+        label: T('OPEN_MAIN_WINDOW'),
        click () {
          const settingWindow = windowManager.get(IWindowList.SETTING_WINDOW)
          settingWindow!.show()
@@ -118,7 +119,7 @@ export function createContextMenu () {
      },
      // @ts-ignore
      {
-        label: '打开更新助手',
+        label: T('OPEN_UPDATE_HELPER'),
        type: 'checkbox',
        checked: db.get('settings.showUpdateTip'),
        click () {
@@ -127,7 +128,7 @@ export function createContextMenu () {
        }
      },
      {
-        label: '关于应用',
+        label: T('ABOUT'),
        click () {
          dialog.showMessageBox({
            title: 'PicGo',
@@ -140,7 +141,7 @@ export function createContextMenu () {
      // @ts-ignore
      {
        role: 'quit',
-        label: '退出'
+        label: T('QUIT')
      }
    ])
  }
@@ -162,8 +163,8 @@ export function createTray () {
      if (process.platform === 'darwin') {
        toggleWindow(bounds)
        setTimeout(() => {
-          let img = clipboard.readImage()
-          let obj: ImgInfo[] = []
+          const img = clipboard.readImage()
+          const obj: ImgInfo[] = []
          if (!img.isEmpty()) {
            // 从剪贴板来的图片默认转为png
            // @ts-ignore
@@ -214,7 +215,7 @@ export function createTray () {
        for (let i = 0; i < imgs.length; i++) {
          pasteText.push(pasteTemplate(pasteStyle, imgs[i], db.get('settings.customLink')))
          const notification = new Notification({
-            title: '上传成功',
+            title: T('UPLOAD_SUCCEED'),
            body: imgs[i].imgUrl!,
            icon: files[i]
          })
@@ -3,38 +3,51 @@ import {
  WebContents
 } from 'electron'
 import windowManager from 'apis/app/window/windowManager'
-import { IWindowList } from 'apis/app/window/constants'
+import { IWindowList } from '#/types/enum'
 import uploader from '.'
-import pasteTemplate from '#/utils/pasteTemplate'
+import pasteTemplate from '~/main/utils/pasteTemplate'
 import db, { GalleryDB } from '~/main/apis/core/datastore'
 import { handleCopyUrl } from '~/main/utils/common'
 import { handleUrlEncode } from '#/utils/common'
-export const uploadClipboardFiles = async (): Promise<string> => {
+import { T } from '#/i18n/index'
+// import dayjs from 'dayjs'
+
+const handleClipboardUploading = async (): Promise<false | ImgInfo[]> => {
+  const useBuiltinClipboard = !!db.get('settings.useBuiltinClipboard')
  const win = windowManager.getAvailableWindow()
-  let img = await uploader.setWebContents(win!.webContents).upload()
+  if (useBuiltinClipboard) {
+    return await uploader.setWebContents(win!.webContents).uploadWithBuildInClipboard()
+  }
+  return await uploader.setWebContents(win!.webContents).upload()
+}
+
+export const uploadClipboardFiles = async (): Promise<string> => {
+  const img = await handleClipboardUploading()
  if (img !== false) {
    if (img.length > 0) {
      const trayWindow = windowManager.get(IWindowList.TRAY_WINDOW)
      const pasteStyle = db.get('settings.pasteStyle') || 'markdown'
      handleCopyUrl(pasteTemplate(pasteStyle, img[0], db.get('settings.customLink')))
      const notification = new Notification({
-        title: '上传成功',
+        title: T('UPLOAD_SUCCEED'),
        body: img[0].imgUrl!,
        icon: img[0].imgUrl
      })
-      notification.show()
+      setTimeout(() => {
+        notification.show()
+      }, 100)
      await GalleryDB.getInstance().insert(img[0])
      // trayWindow just be created in mac/windows, not in linux
      trayWindow?.webContents?.send('clipboardFiles', [])
      trayWindow?.webContents?.send('uploadFiles', img)
      if (windowManager.has(IWindowList.SETTING_WINDOW)) {
-        windowManager.get(IWindowList.SETTING_WINDOW)!.webContents.send('updateGallery')
+        windowManager.get(IWindowList.SETTING_WINDOW)!.webContents?.send('updateGallery')
      }
      return handleUrlEncode(img[0].imgUrl as string)
    } else {
      const notification = new Notification({
-        title: '上传不成功',
-        body: '你剪贴板最新的一条记录不是图片哦'
+        title: T('UPLOAD_FAILED'),
+        body: T('TIPS_UPLOAD_NOT_PICTURES')
      })
      notification.show()
      return ''
@@ -54,7 +67,7 @@ export const uploadChoosedFiles = async (webContents: WebContents, files: IFileW
    for (let i = 0; i < imgs.length; i++) {
      pasteText.push(pasteTemplate(pasteStyle, imgs[i], db.get('settings.customLink')))
      const notification = new Notification({
-        title: '上传成功',
+        title: T('UPLOAD_SUCCEED'),
        body: imgs[i].imgUrl!,
        icon: files[i].path
      })
@@ -68,7 +81,7 @@ export const uploadChoosedFiles = async (webContents: WebContents, files: IFileW
    // trayWindow just be created in mac/windows, not in linux
    windowManager.get(IWindowList.TRAY_WINDOW)?.webContents?.send('uploadFiles', imgs)
    if (windowManager.has(IWindowList.SETTING_WINDOW)) {
-      windowManager.get(IWindowList.SETTING_WINDOW)!.webContents.send('updateGallery')
+      windowManager.get(IWindowList.SETTING_WINDOW)!.webContents?.send('updateGallery')
    }
    return result
  } else {
@@ -2,21 +2,25 @@ import {
  Notification,
  BrowserWindow,
  ipcMain,
-  WebContents
+  WebContents,
+  clipboard
 } from 'electron'
 import dayjs from 'dayjs'
 import picgo from '@core/picgo'
 import db from '~/main/apis/core/datastore'
 import windowManager from 'apis/app/window/windowManager'
-import { IWindowList } from 'apis/app/window/constants'
+import { IWindowList } from '#/types/enum'
 import util from 'util'
-import { IPicGo } from 'picgo/dist/src/types'
+import { IPicGo } from 'picgo'
 import { showNotification, calcDurationRange } from '~/main/utils/common'
-import { TALKING_DATA_EVENT } from '~/universal/events/constants'
+import { RENAME_FILE_NAME, TALKING_DATA_EVENT } from '~/universal/events/constants'
 import logger from '@core/picgo/logger'
+import { T } from '~/universal/i18n'
+import fse from 'fs-extra'
+import path from 'path'

 const waitForShow = (webcontent: WebContents) => {
-  return new Promise<void>((resolve, reject) => {
+  return new Promise<void>((resolve) => {
    webcontent.on('did-finish-load', () => {
      resolve()
    })
@@ -24,15 +28,15 @@ const waitForShow = (webcontent: WebContents) => {
 }

 const waitForRename = (window: BrowserWindow, id: number): Promise<string|null> => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
    const windowId = window.id
-    ipcMain.once(`rename${id}`, (evt: Event, newName: string) => {
+    ipcMain.once(`${RENAME_FILE_NAME}${id}`, (evt: Event, newName: string) => {
      resolve(newName)
      window.close()
    })
    window.on('close', () => {
      resolve(null)
-      ipcMain.removeAllListeners(`rename${id}`)
+      ipcMain.removeAllListeners(`${RENAME_FILE_NAME}${id}`)
      windowManager.deleteById(windowId)
    })
  })
@@ -60,19 +64,19 @@ class Uploader {
  }

  init () {
-    picgo.on('notification', message => {
+    picgo.on('notification', (message: Electron.NotificationConstructorOptions | undefined) => {
      const notification = new Notification(message)
      notification.show()
    })

-    picgo.on('uploadProgress', progress => {
+    picgo.on('uploadProgress', (progress: any) => {
      this.webContents?.send('uploadProgress', progress)
    })
-    picgo.on('beforeTransform', ctx => {
+    picgo.on('beforeTransform', () => {
      if (db.get('settings.uploadNotification')) {
        const notification = new Notification({
-          title: '上传进度',
-          body: '正在上传'
+          title: T('UPLOAD_PROGRESS'),
+          body: T('UPLOADING')
        })
        notification.show()
      }
@@ -93,7 +97,7 @@ class Uploader {
            if (rename) {
              const window = windowManager.create(IWindowList.RENAME_WINDOW)!
              await waitForShow(window.webContents)
-              window.webContents.send('rename', fileName, window.webContents.id)
+              window.webContents.send(RENAME_FILE_NAME, fileName, item.fileName, window.webContents.id)
              name = await waitForRename(window, window.webContents.id)
            }
            item.fileName = name || fileName
@@ -108,6 +112,32 @@ class Uploader {
    return this
  }

+  /**
+   * use electron's clipboard image to upload
+   */
+  async uploadWithBuildInClipboard (): Promise<ImgInfo[]|false> {
+    let filePath = ''
+    try {
+      const nativeImage = clipboard.readImage()
+      if (nativeImage.isEmpty()) {
+        return false
+      }
+      const buffer = nativeImage.toPNG()
+      const baseDir = picgo.baseDir
+      const fileName = `${dayjs().format('YYYYMMDDHHmmSSS')}.png`
+      filePath = path.join(baseDir, fileName)
+      await fse.writeFile(filePath, buffer)
+      return await this.upload([filePath])
+    } catch (e: any) {
+      logger.error(e)
+      return false
+    } finally {
+      if (filePath) {
+        fse.unlink(filePath)
+      }
+    }
+  }
+
  async upload (img?: IUploadOption): Promise<ImgInfo[]|false> {
    try {
      const startTime = Date.now()
@@ -125,11 +155,11 @@ class Uploader {
      } else {
        return false
      }
-    } catch (e) {
+    } catch (e: any) {
      logger.error(e)
      setTimeout(() => {
        showNotification({
-          title: '上传失败',
+          title: T('UPLOAD_FAILED'),
          body: util.format(e.stack),
          clickToCopy: true
        })
@@ -1,24 +1,17 @@
-export enum IWindowList {
-  SETTING_WINDOW = 'SETTING_WINDOW',
-  TRAY_WINDOW = 'TRAY_WINDOW',
-  MINI_WINDOW = 'MINI_WINDOW',
-  RENAME_WINDOW = 'RENAME_WINDOW'
-}
-
 const isDevelopment = process.env.NODE_ENV !== 'production'

 export const TRAY_WINDOW_URL = isDevelopment
  ? (process.env.WEBPACK_DEV_SERVER_URL as string)
-  : `picgo://./index.html`
+  : 'picgo://./index.html'

 export const SETTING_WINDOW_URL = isDevelopment
  ? `${(process.env.WEBPACK_DEV_SERVER_URL as string)}#main-page/upload`
-  : `picgo://./index.html#main-page/upload`
+  : 'picgo://./index.html#main-page/upload'

 export const MINI_WINDOW_URL = isDevelopment
  ? `${(process.env.WEBPACK_DEV_SERVER_URL as string)}#mini-page`
-  : `picgo://./index.html#mini-page`
+  : 'picgo://./index.html#mini-page'

 export const RENAME_WINDOW_URL = process.env.NODE_ENV === 'development'
  ? `${(process.env.WEBPACK_DEV_SERVER_URL as string)}#rename-page`
-  : `picgo://./index.html#rename-page`
+  : 'picgo://./index.html#rename-page'
@@ -1,19 +1,28 @@
 import {
-  IWindowList,
  SETTING_WINDOW_URL,
  TRAY_WINDOW_URL,
  MINI_WINDOW_URL,
  RENAME_WINDOW_URL
 } from './constants'
-import { IWindowListItem } from '#/types/electron'
+import { IWindowList } from '#/types/enum'
 import bus from '@core/bus'
 import { CREATE_APP_MENU } from '@core/bus/constants'
 import db from '~/main/apis/core/datastore'
 import { TOGGLE_SHORTKEY_MODIFIED_MODE } from '#/events/constants'
 import { app } from 'electron'
+import { i18n } from '~/universal/i18n'
+import { URLSearchParams } from 'url'

 const windowList = new Map<IWindowList, IWindowListItem>()

+const handleWindowParams = (windowURL: string) => {
+  const [baseURL, hash = ''] = windowURL.split('#')
+  const search = new URLSearchParams()
+  const lang = i18n.getLanguage()
+  search.append('lang', lang)
+  return `${baseURL}?${search.toString()}#${hash}`
+}
+
 windowList.set(IWindowList.TRAY_WINDOW, {
  isValid: process.platform !== 'linux',
  multiple: false,
@@ -28,14 +37,15 @@ windowList.set(IWindowList.TRAY_WINDOW, {
      transparent: true,
      vibrancy: 'ultra-dark',
      webPreferences: {
-        nodeIntegration: true,
+        nodeIntegration: !!process.env.ELECTRON_NODE_INTEGRATION,
+        contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
        nodeIntegrationInWorker: true,
        backgroundThrottling: false
      }
    }
  },
  callback (window) {
-    window.loadURL(TRAY_WINDOW_URL)
+    window.loadURL(handleWindowParams(TRAY_WINDOW_URL))
    window.on('blur', () => {
      window.hide()
    })
@@ -60,7 +70,8 @@ windowList.set(IWindowList.SETTING_WINDOW, {
      titleBarStyle: 'hidden',
      webPreferences: {
        backgroundThrottling: false,
-        nodeIntegration: true,
+        nodeIntegration: !!process.env.ELECTRON_NODE_INTEGRATION,
+        contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
        nodeIntegrationInWorker: true,
        webSecurity: false
      }
@@ -75,7 +86,7 @@ windowList.set(IWindowList.SETTING_WINDOW, {
    return options
  },
  callback (window, windowManager) {
-    window.loadURL(SETTING_WINDOW_URL)
+    window.loadURL(handleWindowParams(SETTING_WINDOW_URL))
    window.on('closed', () => {
      bus.emit(TOGGLE_SHORTKEY_MODIFIED_MODE, false)
      if (process.platform === 'linux') {
@@ -93,7 +104,7 @@ windowList.set(IWindowList.MINI_WINDOW, {
  isValid: process.platform !== 'darwin',
  multiple: false,
  options () {
-    let obj: IBrowserWindowOptions = {
+    const obj: IBrowserWindowOptions = {
      height: 64,
      width: 64,
      show: process.platform === 'linux',
@@ -105,7 +116,8 @@ windowList.set(IWindowList.MINI_WINDOW, {
      icon: `${__static}/logo.png`,
      webPreferences: {
        backgroundThrottling: false,
-        nodeIntegration: true,
+        nodeIntegration: !!process.env.ELECTRON_NODE_INTEGRATION,
+        contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
        nodeIntegrationInWorker: true
      }
    }
@@ -116,7 +128,7 @@ windowList.set(IWindowList.MINI_WINDOW, {
    return obj
  },
  callback (window) {
-    window.loadURL(MINI_WINDOW_URL)
+    window.loadURL(handleWindowParams(MINI_WINDOW_URL))
  }
 })

@@ -124,7 +136,7 @@ windowList.set(IWindowList.RENAME_WINDOW, {
  isValid: true,
  multiple: true,
  options () {
-    let options: IBrowserWindowOptions = {
+    const options: IBrowserWindowOptions = {
      height: 175,
      width: 300,
      show: true,
@@ -132,7 +144,8 @@ windowList.set(IWindowList.RENAME_WINDOW, {
      resizable: false,
      vibrancy: 'ultra-dark',
      webPreferences: {
-        nodeIntegration: true,
+        nodeIntegration: !!process.env.ELECTRON_NODE_INTEGRATION,
+        contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
        nodeIntegrationInWorker: true,
        backgroundThrottling: false
      }
@@ -146,7 +159,7 @@ windowList.set(IWindowList.RENAME_WINDOW, {
    return options
  },
  async callback (window, windowManager) {
-    window.loadURL(RENAME_WINDOW_URL)
+    window.loadURL(handleWindowParams(RENAME_WINDOW_URL))
    const currentWindow = windowManager.getAvailableWindow()
    if (currentWindow && currentWindow.isVisible()) {
    // bounds: { x: 821, y: 75, width: 800, height: 450 }
@@ -1,11 +1,8 @@
 import {
  BrowserWindow
 } from 'electron'
-import { IWindowManager, IWindowListItem } from '#/types/electron'
 import windowList from './windowList'
-import {
-  IWindowList
-} from './constants'
+import { IWindowList } from '#/types/enum'

 class WindowManager implements IWindowManager {
  private windowMap: Map<IWindowList | string, BrowserWindow> = new Map()
@@ -34,6 +31,7 @@ class WindowManager implements IWindowManager {
      return null
    }
  }
+
  get (name: IWindowList) {
    if (this.has(name)) {
      return this.windowMap.get(name)!
@@ -42,9 +40,11 @@ class WindowManager implements IWindowManager {
      return window
    }
  }
+
  has (name: IWindowList) {
    return this.windowMap.has(name)
  }
+
  // useless
  // delete (name: IWindowList) {
  //   const window = this.windowMap.get(name)
@@ -60,6 +60,7 @@ class WindowManager implements IWindowManager {
      this.windowIdMap.delete(id)
    }
  }
+
  getAvailableWindow () {
    const miniWindow = this.windowMap.get(IWindowList.MINI_WINDOW)
    if (miniWindow && miniWindow.isVisible()) {
@@ -14,7 +14,7 @@ export const uploadWithClipboardFiles = (): Promise<{
  success: boolean,
  result?: string[]
 }> => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
    bus.once(UPLOAD_WITH_CLIPBOARD_FILES_RESPONSE, (result: string) => {
      if (result) {
        return resolve({
@@ -35,7 +35,7 @@ export const uploadWithFiles = (pathList: IFileWithPath[]): Promise<{
  success: boolean,
  result?: string[]
 }> => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
    bus.once(UPLOAD_WITH_FILES_RESPONSE, (result: string[]) => {
      if (result.length) {
        return resolve({
@@ -55,7 +55,7 @@ export const uploadWithFiles = (pathList: IFileWithPath[]): Promise<{
 // get available window id:
 // miniWindow or settingWindow or trayWindow
 export const getWindowId = (): Promise<number> => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
    bus.once(GET_WINDOW_ID_REPONSE, (id: number) => {
      resolve(id)
    })
@@ -65,7 +65,7 @@ export const getWindowId = (): Promise<number> => {

 // get settingWindow id:
 export const getSettingWindowId = (): Promise<number> => {
-  return new Promise((resolve, reject) => {
+  return new Promise((resolve) => {
    bus.once(GET_SETTING_WINDOW_ID_RESPONSE, (id: number) => {
      resolve(id)
    })
@@ -1,8 +1,9 @@
 import fs from 'fs-extra'
 import path from 'path'
-import { remote, app } from 'electron'
+import { app as APP } from 'electron'
+import { getLogger } from '@core/utils/localLogger'
 import dayjs from 'dayjs'
-const APP = process.type === 'renderer' ? remote.app : app
+import { T } from '~/universal/i18n'
 const STORE_PATH = APP.getPath('userData')
 const configFilePath = path.join(STORE_PATH, 'data.json')
 const configFileBackupPath = path.join(STORE_PATH, 'data.bak.json')
@@ -11,13 +12,15 @@ let _configFilePath = ''
 let hasCheckPath = false

 const errorMsg = {
-  broken: 'PicGo 配置文件损坏，已经恢复为默认配置',
-  brokenButBackup: 'PicGo 配置文件损坏，已经恢复为备份配置'
+  broken: T('TIPS_PICGO_CONFIG_FILE_BROKEN_WITH_DEFAULT'),
+  brokenButBackup: T('TIPS_PICGO_CONFIG_FILE_BROKEN_WITH_BACKUP')
 }

+/** ensure notification list */
+if (!global.notificationList) global.notificationList = []
+
 function dbChecker () {
  if (process.type !== 'renderer') {
-    if (!global.notificationList) global.notificationList = []
    // db save bak
    try {
      const { dbPath, dbBackupPath } = getGalleryDBPath()
@@ -33,8 +36,8 @@ function dbChecker () {
      return
    }
    let configFile: string = '{}'
-    let optionsTpl = {
-      title: '注意',
+    const optionsTpl = {
+      title: T('TIPS_NOTICE'),
      body: ''
    }
    // config save bak
@@ -49,17 +52,19 @@ function dbChecker () {
          JSON.parse(configFile)
          fs.writeFileSync(configFilePath, configFile, { encoding: 'utf-8' })
          const stats = fs.statSync(configFileBackupPath)
-          optionsTpl.body = `${errorMsg.brokenButBackup}\n备份文件版本：${dayjs(stats.mtime).format('YYYY-MM-DD HH:mm:ss')}`
-          global.notificationList.push(optionsTpl)
+          optionsTpl.body = `${errorMsg.brokenButBackup}\n${T('TIPS_PICGO_BACKUP_FILE_VERSION', {
+            v: dayjs(stats.mtime).format('YYYY-MM-DD HH:mm:ss')
+          })}`
+          global.notificationList?.push(optionsTpl)
          return
        } catch (e) {
          optionsTpl.body = errorMsg.broken
-          global.notificationList.push(optionsTpl)
+          global.notificationList?.push(optionsTpl)
          return
        }
      }
      optionsTpl.body = errorMsg.broken
-      global.notificationList.push(optionsTpl)
+      global.notificationList?.push(optionsTpl)
      return
    }
    fs.writeFileSync(configFileBackupPath, configFile, { encoding: 'utf-8' })
@@ -92,15 +97,17 @@ function dbPathChecker (): string {
    }
    return _configFilePath
  } catch (e) {
-    // TODO: local logger is needed
+    const picgoLogPath = path.join(STORE_PATH, 'picgo.log')
+    const logger = getLogger(picgoLogPath)
    if (!hasCheckPath) {
-      let optionsTpl = {
-        title: '注意',
-        body: '自定义文件解析出错，请检查路径内容是否正确'
+      const optionsTpl = {
+        title: T('TIPS_NOTICE'),
+        body: T('TIPS_CUSTOM_CONFIG_FILE_PATH_ERROR')
      }
-      global.notificationList.push(optionsTpl)
+      global.notificationList?.push(optionsTpl)
      hasCheckPath = true
    }
+    logger('error', e)
    console.error(e)
    _configFilePath = defaultConfigPath
    return _configFilePath
@@ -5,6 +5,7 @@ import FileSync from 'lowdb/adapters/FileSync'
 import fs from 'fs-extra'
 import { dbPathChecker, dbPathDir, getGalleryDBPath } from './dbChecker'
 import { DBStore } from '@picgo/store'
+import { T } from '~/universal/i18n'

 const STORE_PATH = dbPathDir()

@@ -38,37 +39,46 @@ class ConfigStore {
        enable: true,
        key: 'CommandOrControl+Shift+P',
        name: 'upload',
-        label: '快捷上传'
+        label: T('QUICK_UPLOAD')
      }).write()
    }
  }
+
  read () {
    return this.db.read()
  }
+
  get (key = '') {
    return this.read().get(key).value()
  }
+
  set (key: string, value: any) {
    return this.read().set(key, value).write()
  }
+
  has (key: string) {
    return this.read().has(key).value()
  }
+
  insert (key: string, value: any): void {
    // @ts-ignore
    return this.read().get(key).insert(value).write()
  }
+
  unset (key: string, value: any): boolean {
    return this.read().get(key).unset(value).value()
  }
+
  getById (key: string, id: string) {
    // @ts-ignore
    return this.read().get(key).getById(id).value()
  }
+
  removeById (key: string, id: string) {
    // @ts-ignore
    return this.read().get(key).removeById(id).write()
  }
+
  getConfigPath () {
    return CONFIG_PATH
  }
@@ -82,6 +92,7 @@ class GalleryDB {
  private constructor () {
    console.log('init gallery db')
  }
+
  public static getInstance (): DBStore {
    if (!GalleryDB.instance) {
      GalleryDB.instance = new DBStore(DB_PATH, 'gallery')
@@ -1,9 +1,6 @@
-import PicGoCore from '~/universal/types/picgo'
 import { dbChecker, dbPathChecker } from 'apis/core/datastore/dbChecker'
-import fs from 'fs-extra'
-// eslint-disable-next-line
-const requireFunc = typeof __webpack_require__ === 'function' ? __non_webpack_require__ : require
-const PicGo = requireFunc('picgo') as typeof PicGoCore
+import pkg from 'root/package.json'
+import { PicGo } from 'picgo'

 const CONFIG_PATH = dbPathChecker()

@@ -15,6 +12,7 @@ picgo.saveConfig({
  PICGO_ENV: 'GUI'
 })

+global.PICGO_GUI_VERSION = pkg.version
 picgo.GUI_VERSION = global.PICGO_GUI_VERSION

-export default picgo! as PicGoCore
+export default picgo
@@ -0,0 +1,32 @@
+import fs from 'fs-extra'
+import dayjs from 'dayjs'
+import util from 'util'
+
+/**
+ * for local log before picgo inited
+ */
+const getLogger = (logPath: string) => {
+  if (!fs.existsSync(logPath)) {
+    fs.ensureFileSync(logPath)
+  }
+  return (type: string, ...msg: any[]) => {
+    let log = `${dayjs().format('YYYY-MM-DD HH:mm:ss')} [PicGo ${type.toUpperCase()}] `
+    msg.forEach((item: ILogArgvTypeWithError) => {
+      if (typeof item === 'object' && type === 'error') {
+        log += `\n------Error Stack Begin------\n${util.format(item.stack)}\n-------Error Stack End------- `
+      } else {
+        if (typeof item === 'object') {
+          item = JSON.stringify(item)
+        }
+        log += `${item} `
+      }
+    })
+    log += '\n'
+    // A synchronized approach to avoid log msg sequence errors
+    fs.appendFileSync(logPath, log)
+  }
+}
+
+export {
+  getLogger
+}
@@ -4,11 +4,10 @@ import {
  Notification,
  ipcMain
 } from 'electron'
-import path from 'path'
 import db, { GalleryDB } from 'apis/core/datastore'
 import { dbPathChecker, defaultConfigPath, getGalleryDBPath } from 'apis/core/datastore/dbChecker'
 import uploader from 'apis/app/uploader'
-import pasteTemplate from '#/utils/pasteTemplate'
+import pasteTemplate from '~/main/utils/pasteTemplate'
 import { handleCopyUrl } from '~/main/utils/common'
 import {
  getWindowId,
@@ -18,7 +17,7 @@ import {
  SHOW_INPUT_BOX
 } from '~/universal/events/constants'
 import { DBStore } from '@picgo/store'
-type PromiseResType<T> = T extends Promise<infer R> ? R : T
+import { T } from '~/universal/i18n'

 // Cross-process support may be required in the future
 class GuiApi implements IGuiApi {
@@ -28,20 +27,22 @@ class GuiApi implements IGuiApi {
  private constructor () {
    console.log('init guiapi')
  }
+
  public static getInstance (): GuiApi {
    if (!GuiApi.instance) {
      GuiApi.instance = new GuiApi()
    }
    return GuiApi.instance
  }
+
  private async showSettingWindow () {
    this.settingWindowId = await getSettingWindowId()
    const settingWindow = BrowserWindow.fromId(this.settingWindowId)
-    if (settingWindow.isVisible()) {
+    if (settingWindow?.isVisible()) {
      return true
    }
-    settingWindow.show()
-    return new Promise<void>((resolve, reject) => {
+    settingWindow?.show()
+    return new Promise<void>((resolve) => {
      setTimeout(() => {
        resolve()
      }, 1000) // TODO: a better way to wait page loaded.
@@ -49,7 +50,7 @@ class GuiApi implements IGuiApi {
  }

  private getWebcontentsByWindowId (id: number) {
-    return BrowserWindow.fromId(id).webContents
+    return BrowserWindow.fromId(id)?.webContents
  }

  async showInputBox (options: IShowInputBoxOption = {
@@ -57,35 +58,31 @@ class GuiApi implements IGuiApi {
    placeholder: ''
  }) {
    await this.showSettingWindow()
-    this.getWebcontentsByWindowId(this.settingWindowId)
-      .send(SHOW_INPUT_BOX, options)
-    return new Promise<string>((resolve, reject) => {
+    this.getWebcontentsByWindowId(this.settingWindowId)?.send(SHOW_INPUT_BOX, options)
+    return new Promise<string>((resolve) => {
      ipcMain.once(SHOW_INPUT_BOX, (event: Event, value: string) => {
        resolve(value)
      })
    })
  }

-  showFileExplorer (options: IShowFileExplorerOption = {}) {
-    return new Promise<string>(async (resolve, reject) => {
-      this.windowId = await getWindowId()
-      dialog.showOpenDialog(BrowserWindow.fromId(this.windowId), options, (filename: string) => {
-        resolve(filename)
-      })
-    })
+  async showFileExplorer (options: IShowFileExplorerOption = {}) {
+    this.windowId = await getWindowId()
+    const res = await dialog.showOpenDialog(BrowserWindow.fromId(this.windowId)!, options)
+    return res.filePaths?.[0]
  }

  async upload (input: IUploadOption) {
    this.windowId = await getWindowId()
    const webContents = this.getWebcontentsByWindowId(this.windowId)
-    const imgs = await uploader.setWebContents(webContents).upload(input)
+    const imgs = await uploader.setWebContents(webContents!).upload(input)
    if (imgs !== false) {
      const pasteStyle = db.get('settings.pasteStyle') || 'markdown'
      const pasteText: string[] = []
      for (let i = 0; i < imgs.length; i++) {
        pasteText.push(pasteTemplate(pasteStyle, imgs[i], db.get('settings.customLink')))
        const notification = new Notification({
-          title: '上传成功',
+          title: T('UPLOAD_SUCCEED'),
          body: imgs[i].imgUrl as string,
          icon: imgs[i].imgUrl
        })
@@ -95,8 +92,8 @@ class GuiApi implements IGuiApi {
        await GalleryDB.getInstance().insert(imgs[i])
      }
      handleCopyUrl(pasteText.join('\n'))
-      webContents.send('uploadFiles', imgs)
-      webContents.send('updateGallery')
+      webContents?.send('uploadFiles', imgs)
+      webContents?.send('updateGallery')
      return imgs
    }
    return []
@@ -119,10 +116,10 @@ class GuiApi implements IGuiApi {
    type: 'info',
    buttons: ['Yes', 'No']
  }) {
-    return new Promise<IShowMessageBoxResult>(async (resolve, reject) => {
+    return new Promise<IShowMessageBoxResult>(async (resolve) => {
      this.windowId = await getWindowId()
      dialog.showMessageBox(
-        BrowserWindow.fromId(this.windowId),
+        BrowserWindow.fromId(this.windowId)!,
        options
      ).then((res) => {
        resolve({
@@ -155,8 +152,8 @@ class GuiApi implements IGuiApi {
              return new Promise((resolve) => {
                const guiApi = GuiApi.getInstance()
                guiApi.showMessageBox({
-                  title: '警告',
-                  message: '有插件正在试图删除一些相册图片，是否继续',
+                  title: T('TIPS_WARNING'),
+                  message: T('TIPS_PLUGIN_REMOVE_GALLERY_ITEM'),
                  type: 'info',
                  buttons: ['Yes', 'No']
                }).then(res => {
@@ -6,7 +6,7 @@ import {
 import {
  createMenu
 } from 'apis/app/system'
-import { IWindowList } from 'apis/app/window/constants'
+import { IWindowList } from '#/types/enum'
 import windowManager from 'apis/app/window/windowManager'
 import {
  UPLOAD_WITH_FILES,
@@ -28,7 +28,7 @@ function initEventCenter () {
    [GET_SETTING_WINDOW_ID]: busCallGetSettingWindowId,
    [CREATE_APP_MENU]: createMenu
  }
-  for (let i in eventList) {
+  for (const i in eventList) {
    bus.on(i, eventList[i])
  }
 }
@@ -1,20 +1,34 @@
 import {
  app,
  ipcMain,
+  shell,
  Notification,
-  IpcMainEvent
+  IpcMainEvent,
+  BrowserWindow
 } from 'electron'
 import windowManager from 'apis/app/window/windowManager'
-import { IWindowList } from 'apis/app/window/constants'
+import { IWindowList } from '#/types/enum'
 import uploader from 'apis/app/uploader'
-import pasteTemplate from '#/utils/pasteTemplate'
+import pasteTemplate from '~/main/utils/pasteTemplate'
 import db, { GalleryDB } from '~/main/apis/core/datastore'
 import server from '~/main/server'
 import getPicBeds from '~/main/utils/getPicBeds'
 import shortKeyHandler from 'apis/app/shortKey/shortKeyHandler'
 import bus from '@core/bus'
 import {
-  TOGGLE_SHORTKEY_MODIFIED_MODE
+  TOGGLE_SHORTKEY_MODIFIED_MODE,
+  OPEN_DEVTOOLS,
+  SHOW_MINI_PAGE_MENU,
+  MINIMIZE_WINDOW,
+  CLOSE_WINDOW,
+  SHOW_MAIN_PAGE_MENU,
+  SHOW_UPLOAD_PAGE_MENU,
+  OPEN_USER_STORE_FILE,
+  OPEN_URL,
+  RELOAD_APP,
+  SHOW_PLUGIN_PAGE_MENU,
+  SET_MINI_WINDOW_POS,
+  CHANGE_LANGUAGE
 } from '#/events/constants'
 import {
  uploadClipboardFiles,
@@ -22,6 +36,11 @@ import {
 } from '~/main/apis/app/uploader/apis'
 import picgoCoreIPC from './picgoCoreIPC'
 import { handleCopyUrl } from '~/main/utils/common'
+import { buildMainPageMenu, buildMiniPageMenu, buildPluginPageMenu, buildUploadPageMenu } from './remotes/menu'
+import path from 'path'
+import { i18n, T } from '~/universal/i18n'
+
+const STORE_PATH = app.getPath('userData')

 export default {
  listen () {
@@ -34,7 +53,7 @@ export default {
        const pasteStyle = db.get('settings.pasteStyle') || 'markdown'
        handleCopyUrl(pasteTemplate(pasteStyle, img[0], db.get('settings.customLink')))
        const notification = new Notification({
-          title: '上传成功',
+          title: T('UPLOAD_SUCCEED'),
          body: img[0].imgUrl!,
          // icon: file[0]
          icon: img[0].imgUrl
@@ -62,14 +81,14 @@ export default {
      evt.sender.send('updateShortKeyResponse', result)
      if (result) {
        const notification = new Notification({
-          title: '操作成功',
-          body: '你的快捷键已经修改成功'
+          title: T('OPERATION_SUCCEED'),
+          body: T('TIPS_SHORTCUT_MODIFIED_SUCCEED')
        })
        notification.show()
      } else {
        const notification = new Notification({
-          title: '操作失败',
-          body: '快捷键冲突，请重新设置'
+          title: T('OPERATION_FAILED'),
+          body: T('TIPS_SHORTCUT_MODIFIED_CONFLICT')
        })
        notification.show()
      }
@@ -79,14 +98,14 @@ export default {
      const result = shortKeyHandler.bindOrUnbindShortKey(item, from)
      if (result) {
        const notification = new Notification({
-          title: '操作成功',
-          body: '你的快捷键已经修改成功'
+          title: T('OPERATION_SUCCEED'),
+          body: T('TIPS_SHORTCUT_MODIFIED_SUCCEED')
        })
        notification.show()
      } else {
        const notification = new Notification({
-          title: '操作失败',
-          body: '快捷键冲突，请重新设置'
+          title: T('OPERATION_FAILED'),
+          body: T('TIPS_SHORTCUT_MODIFIED_CONFLICT')
        })
        notification.show()
      }
@@ -94,8 +113,8 @@ export default {

    ipcMain.on('updateCustomLink', () => {
      const notification = new Notification({
-        title: '操作成功',
-        body: '你的自定义链接格式已经修改成功'
+        title: T('OPERATION_SUCCEED'),
+        body: T('TIPS_CUSTOM_LINK_STYLE_MODIFIED_SUCCEED')
      })
      notification.show()
    })
@@ -116,6 +135,11 @@ export default {
    ipcMain.on('openMiniWindow', () => {
      const miniWindow = windowManager.get(IWindowList.MINI_WINDOW)!
      const settingWindow = windowManager.get(IWindowList.SETTING_WINDOW)!
+
+      if (db.get('settings.miniWindowOntop')) {
+        miniWindow.setAlwaysOnTop(true)
+      }
+
      miniWindow.show()
      miniWindow.focus()
      settingWindow.hide()
@@ -141,6 +165,69 @@ export default {
    ipcMain.on('updateServer', () => {
      server.restart()
    })
+    ipcMain.on(OPEN_DEVTOOLS, (event: IpcMainEvent) => {
+      event.sender.openDevTools()
+    })
+    // menu & window methods
+    ipcMain.on(SHOW_MINI_PAGE_MENU, () => {
+      const window = windowManager.get(IWindowList.MINI_WINDOW)!
+      const menu = buildMiniPageMenu()
+      menu.popup({
+        window
+      })
+    })
+    ipcMain.on(SHOW_MAIN_PAGE_MENU, () => {
+      const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+      const menu = buildMainPageMenu(window)
+      menu.popup({
+        window
+      })
+    })
+    ipcMain.on(SHOW_UPLOAD_PAGE_MENU, () => {
+      const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+      const menu = buildUploadPageMenu()
+      menu.popup({
+        window
+      })
+    })
+    ipcMain.on(SHOW_PLUGIN_PAGE_MENU, (evt: IpcMainEvent, plugin: IPicGoPlugin) => {
+      const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+      const menu = buildPluginPageMenu(plugin)
+      menu.popup({
+        window
+      })
+    })
+    ipcMain.on(MINIMIZE_WINDOW, () => {
+      const window = BrowserWindow.getFocusedWindow()
+      window?.minimize()
+    })
+    ipcMain.on(CLOSE_WINDOW, () => {
+      const window = BrowserWindow.getFocusedWindow()
+      if (process.platform === 'linux') {
+        window?.hide()
+      } else {
+        window?.close()
+      }
+    })
+    ipcMain.on(OPEN_USER_STORE_FILE, (evt: IpcMainEvent, filePath: string) => {
+      const abFilePath = path.join(STORE_PATH, filePath)
+      shell.openPath(abFilePath)
+    })
+    ipcMain.on(OPEN_URL, (evt: IpcMainEvent, url: string) => {
+      shell.openExternal(url)
+    })
+    ipcMain.on(RELOAD_APP, () => {
+      app.relaunch()
+      app.exit(0)
+    })
+    ipcMain.on(SET_MINI_WINDOW_POS, (evt: IpcMainEvent, pos: IMiniWindowPos) => {
+      const window = BrowserWindow.getFocusedWindow()
+      window?.setBounds(pos)
+    })
+    ipcMain.on(CHANGE_LANGUAGE, (evt: IpcMainEvent, lang: string) => {
+      lang = lang || 'zh-CN'
+      i18n.setLanguage(lang)
+    })
  },
  dispose () {}
 }
@@ -4,16 +4,15 @@ import {
  dialog,
  shell,
  IpcMainEvent,
-  ipcMain
+  ipcMain,
+  clipboard
 } from 'electron'
-import PicGoCore from '~/universal/types/picgo'
-import { IPicGoHelperType } from '#/types/enum'
+import { IPasteStyle, IPicGoHelperType, IWindowList } from '#/types/enum'
 import shortKeyHandler from 'apis/app/shortKey/shortKeyHandler'
 import picgo from '@core/picgo'
 import { handleStreamlinePluginName } from '~/universal/utils/common'
-import { IGuiMenuItem } from 'picgo/dist/src/types'
+import { IGuiMenuItem, PicGo as PicGoCore } from 'picgo'
 import windowManager from 'apis/app/window/windowManager'
-import { IWindowList } from 'apis/app/window/constants'
 import { showNotification } from '~/main/utils/common'
 import { dbPathChecker } from 'apis/core/datastore/dbChecker'
 import {
@@ -25,23 +24,21 @@ import {
  PICGO_UPDATE_BY_ID_DB,
  PICGO_GET_BY_ID_DB,
  PICGO_REMOVE_BY_ID_DB,
-  PICGO_OPEN_FILE
+  PICGO_OPEN_FILE,
+  PASTE_TEXT
 } from '#/events/constants'

 import { GalleryDB } from 'apis/core/datastore'
 import { IObject, IFilter } from '@picgo/store/dist/types'
+import pasteTemplate from '../utils/pasteTemplate'
+import { T } from '~/universal/i18n'

 // eslint-disable-next-line
 const requireFunc = typeof __webpack_require__ === 'function' ? __non_webpack_require__ : require
-// const PluginHandler = requireFunc('picgo/dist/lib/PluginHandler').default
+// const PluginHandler = requireFunc('picgo/lib/PluginHandler').default
 const STORE_PATH = path.dirname(dbPathChecker())
 // const CONFIG_PATH = path.join(STORE_PATH, '/data.json')

-type PicGoNotice = {
-  title: string,
-  body: string[]
-}
-
 interface GuiMenuItem {
  label: string
  handle: (arg0: PicGoCore, arg1: GuiApi) => Promise<void>
@@ -64,7 +61,7 @@ const getConfig = (name: string, type: IPicGoHelperType, ctx: PicGoCore) => {
 }

 const handleConfigWithFunction = (config: any[]) => {
-  for (let i in config) {
+  for (const i in config) {
    if (typeof config[i].default === 'function') {
      config[i].default = config[i].default()
    }
@@ -78,15 +75,17 @@ const handleConfigWithFunction = (config: any[]) => {
 const getPluginList = (): IPicGoPlugin[] => {
  const pluginList = picgo.pluginLoader.getFullList()
  const list = []
-  for (let i in pluginList) {
+  for (const i in pluginList) {
    const plugin = picgo.pluginLoader.getPlugin(pluginList[i])!
    const pluginPath = path.join(STORE_PATH, `/node_modules/${pluginList[i]}`)
    const pluginPKG = requireFunc(path.join(pluginPath, 'package.json'))
    const uploaderName = plugin.uploader || ''
    const transformerName = plugin.transformer || ''
-    let menu: IGuiMenuItem[] = []
+    let menu: Omit<IGuiMenuItem, 'handle'>[] = []
    if (plugin.guiMenu) {
-      menu = plugin.guiMenu(picgo)
+      menu = plugin.guiMenu(picgo).map(item => ({
+        label: item.label
+      }))
    }
    let gui = false
    if (pluginPKG.keywords && pluginPKG.keywords.length > 0) {
@@ -130,6 +129,8 @@ const getPluginList = (): IPicGoPlugin[] => {
 const handleGetPluginList = () => {
  ipcMain.on('getPluginList', (event: IpcMainEvent) => {
    const list = getPluginList()
+    // here can just send JS Object not function
+    // or will cause [Failed to serialize arguments] error
    event.sender.send('pluginList', list)
  })
 }
@@ -147,7 +148,7 @@ const handlePluginInstall = () => {
      shortKeyHandler.registerPluginShortKey(res.body[0])
    } else {
      showNotification({
-        title: '插件安装失败',
+        title: T('PLUGIN_INSTALL_FAILED'),
        body: res.body as string
      })
    }
@@ -156,47 +157,45 @@ const handlePluginInstall = () => {
  })
 }

-const handlePluginUninstall = () => {
-  ipcMain.on('uninstallPlugin', async (event: IpcMainEvent, msg: string) => {
-    const dispose = handleNPMError()
-    const res = await picgo.pluginHandler.uninstall([msg])
-    if (res.success) {
-      event.sender.send('uninstallSuccess', res.body[0])
-      shortKeyHandler.unregisterPluginShortKey(res.body[0])
-    } else {
-      showNotification({
-        title: '插件卸载失败',
-        body: res.body as string
-      })
-    }
-    event.sender.send('hideLoading')
-    dispose()
-  })
+const handlePluginUninstall = async (fullName: string) => {
+  const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+  const dispose = handleNPMError()
+  const res = await picgo.pluginHandler.uninstall([fullName])
+  if (res.success) {
+    window.webContents.send('uninstallSuccess', res.body[0])
+    shortKeyHandler.unregisterPluginShortKey(res.body[0])
+  } else {
+    showNotification({
+      title: T('PLUGIN_UNINSTALL_FAILED'),
+      body: res.body as string
+    })
+  }
+  window.webContents.send('hideLoading')
+  dispose()
 }

-const handlePluginUpdate = () => {
-  ipcMain.on('updatePlugin', async (event: IpcMainEvent, msg: string) => {
-    const dispose = handleNPMError()
-    const res = await picgo.pluginHandler.update([msg])
-    if (res.success) {
-      event.sender.send('updateSuccess', res.body[0])
-    } else {
-      showNotification({
-        title: '插件更新失败',
-        body: res.body as string
-      })
-    }
-    event.sender.send('hideLoading')
-    dispose()
-  })
+const handlePluginUpdate = async (fullName: string) => {
+  const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+  const dispose = handleNPMError()
+  const res = await picgo.pluginHandler.update([fullName])
+  if (res.success) {
+    window.webContents.send('updateSuccess', res.body[0])
+  } else {
+    showNotification({
+      title: T('PLUGIN_UPDATE_FAILED'),
+      body: res.body as string
+    })
+  }
+  window.webContents.send('hideLoading')
+  dispose()
 }

 const handleNPMError = (): IDispose => {
  const handler = (msg: string) => {
    if (msg === 'NPM is not installed') {
      dialog.showMessageBox({
-        title: '发生错误',
-        message: '请安装Node.js并重启PicGo再继续操作',
+        title: T('TIPS_ERROR'),
+        message: T('TIPS_INSTALL_NODE_AND_RELOAD_PICGO'),
        buttons: ['Yes']
      }).then((res) => {
        if (res.response === 0) {
@@ -213,7 +212,8 @@ const handleGetPicBedConfig = () => {
  ipcMain.on('getPicBedConfig', (event: IpcMainEvent, type: string) => {
    const name = picgo.helper.uploader.get(type)?.name || type
    if (picgo.helper.uploader.get(type)?.config) {
-      const config = handleConfigWithFunction(picgo.helper.uploader.get(type)!.config(picgo))
+      const _config = picgo.helper.uploader.get(type)!.config!(picgo)
+      const config = handleConfigWithFunction(_config)
      event.sender.send('getPicBedConfig', config, name)
    } else {
      event.sender.send('getPicBedConfig', [], name)
@@ -221,6 +221,7 @@ const handleGetPicBedConfig = () => {
  })
 }

+// TODO: remove it
 const handlePluginActions = () => {
  ipcMain.on('pluginActions', (event: IpcMainEvent, name: string, label: string) => {
    const plugin = picgo.pluginLoader.getPlugin(name)
@@ -257,29 +258,29 @@ const handlePicGoGetConfig = () => {
 }

 const handleImportLocalPlugin = () => {
-  ipcMain.on('importLocalPlugin', (event: IpcMainEvent) => {
+  ipcMain.on('importLocalPlugin', async (event: IpcMainEvent) => {
    const settingWindow = windowManager.get(IWindowList.SETTING_WINDOW)!
-    dialog.showOpenDialog(settingWindow, {
+    const res = await dialog.showOpenDialog(settingWindow, {
      properties: ['openDirectory']
-    }, async (filePath: string[]) => {
-      if (filePath.length > 0) {
-        const res = await picgo.pluginHandler.install(filePath)
-        if (res.success) {
-          const list = getPluginList()
-          event.sender.send('pluginList', list)
-          showNotification({
-            title: '导入插件成功',
-            body: ''
-          })
-        } else {
-          showNotification({
-            title: '导入插件失败',
-            body: res.body as string
-          })
-        }
-      }
-      event.sender.send('hideLoading')
    })
+    const filePaths = res.filePaths
+    if (filePaths.length > 0) {
+      const res = await picgo.pluginHandler.install(filePaths)
+      if (res.success) {
+        const list = getPluginList()
+        event.sender.send('pluginList', list)
+        showNotification({
+          title: T('PLUGIN_IMPORT_SUCCEED'),
+          body: ''
+        })
+      } else {
+        showNotification({
+          title: T('PLUGIN_IMPORT_FAILED'),
+          body: res.body as string
+        })
+      }
+    }
+    event.sender.send('hideLoading')
  })
 }

@@ -319,12 +320,22 @@ const handlePicGoGalleryDB = () => {
    const res = await dbStore.removeById(id)
    event.sender.send(PICGO_REMOVE_BY_ID_DB, res, callbackId)
  })
+
+  ipcMain.handle(PASTE_TEXT, async (item: ImgInfo, copy = true) => {
+    const pasteStyle = picgo.getConfig<IPasteStyle>('settings.pasteStyle') || IPasteStyle.MARKDOWN
+    const customLink = picgo.getConfig<string>('settings.customLink')
+    const txt = pasteTemplate(pasteStyle, item, customLink)
+    if (copy) {
+      clipboard.writeText(txt)
+    }
+    return txt
+  })
 }

 const handleOpenFile = () => {
  ipcMain.on(PICGO_OPEN_FILE, (event: IpcMainEvent, fileName: string) => {
    const abFilePath = path.join(STORE_PATH, fileName)
-    shell.openItem(abFilePath)
+    shell.openPath(abFilePath)
  })
 }

@@ -332,8 +343,6 @@ export default {
  listen () {
    handleGetPluginList()
    handlePluginInstall()
-    handlePluginUninstall()
-    handlePluginUpdate()
    handleGetPicBedConfig()
    handlePluginActions()
    handleRemoveFiles()
@@ -342,5 +351,8 @@ export default {
    handlePicGoGalleryDB()
    handleImportLocalPlugin()
    handleOpenFile()
-  }
+  },
+  // TODO: separate to single file
+  handlePluginUninstall,
+  handlePluginUpdate
 }
@@ -0,0 +1,294 @@
+import windowManager from 'apis/app/window/windowManager'
+import { IWindowList } from '#/types/enum'
+import { Menu, BrowserWindow, app, dialog } from 'electron'
+import getPicBeds from '~/main/utils/getPicBeds'
+import picgo from '@core/picgo'
+import {
+  uploadClipboardFiles
+} from '~/main/apis/app/uploader/apis'
+import { privacyManager } from '~/main/utils/privacyManager'
+import pkg from 'root/package.json'
+import GuiApi from 'apis/gui'
+import { PICGO_CONFIG_PLUGIN, PICGO_HANDLE_PLUGIN_ING, PICGO_TOGGLE_PLUGIN, SHOW_MAIN_PAGE_DONATION, SHOW_MAIN_PAGE_QRCODE } from '~/universal/events/constants'
+import picgoCoreIPC from '~/main/events/picgoCoreIPC'
+import { PicGo as PicGoCore } from 'picgo'
+import { T } from '~/universal/i18n'
+
+interface GuiMenuItem {
+  label: string
+  handle: (arg0: PicGoCore, arg1: GuiApi) => Promise<void>
+}
+
+const buildMiniPageMenu = () => {
+  const picBeds = getPicBeds()
+  const current = picgo.getConfig('picBed.uploader')
+  const submenu = picBeds.filter(item => item.visible).map(item => {
+    return {
+      label: item.name,
+      type: 'radio',
+      checked: current === item.type,
+      click () {
+        picgo.saveConfig({
+          'picBed.current': item.type,
+          'picBed.uploader': item.type
+        })
+        if (windowManager.has(IWindowList.SETTING_WINDOW)) {
+          windowManager.get(IWindowList.SETTING_WINDOW)!.webContents.send('syncPicBed')
+        }
+      }
+    }
+  })
+  const template = [
+    {
+      label: T('OPEN_MAIN_WINDOW'),
+      click () {
+        windowManager.get(IWindowList.SETTING_WINDOW)!.show()
+        if (windowManager.has(IWindowList.MINI_WINDOW)) {
+          windowManager.get(IWindowList.MINI_WINDOW)!.hide()
+        }
+      }
+    },
+    {
+      label: T('CHOOSE_DEFAULT_PICBED'),
+      type: 'submenu',
+      submenu
+    },
+    {
+      label: T('UPLOAD_BY_CLIPBOARD'),
+      click () {
+        uploadClipboardFiles()
+      }
+    },
+    {
+      label: T('HIDE_WINDOW'),
+      click () {
+        BrowserWindow.getFocusedWindow()!.hide()
+      }
+    },
+    {
+      label: T('PRIVACY_AGREEMENT'),
+      click () {
+        privacyManager.show(false)
+      }
+    },
+    {
+      label: T('RELOAD_APP'),
+      click () {
+        app.relaunch()
+        app.exit(0)
+      }
+    },
+    {
+      role: 'quit',
+      label: T('QUIT')
+    }
+  ]
+  // @ts-ignore
+  return Menu.buildFromTemplate(template)
+}
+
+const buildMainPageMenu = (win: BrowserWindow) => {
+  const template = [
+    {
+      label: T('ABOUT'),
+      click () {
+        dialog.showMessageBox({
+          title: 'PicGo',
+          message: 'PicGo',
+          detail: `Version: ${pkg.version}\nAuthor: Molunerfinn\nGithub: https://github.com/Molunerfinn/PicGo`
+        })
+      }
+    },
+    {
+      label: T('SPONSOR_PICGO'),
+      click () {
+        win?.webContents?.send(SHOW_MAIN_PAGE_DONATION)
+      }
+    },
+    {
+      label: T('SHOW_PICBED_QRCODE'),
+      click () {
+        win?.webContents?.send(SHOW_MAIN_PAGE_QRCODE)
+      }
+    },
+    {
+      label: T('SHOW_DEVTOOLS'),
+      click () {
+        win?.webContents?.openDevTools()
+      }
+    },
+    {
+      label: T('PRIVACY_AGREEMENT'),
+      click () {
+        privacyManager.show(false)
+      }
+    }
+  ]
+  // @ts-ignore
+  return Menu.buildFromTemplate(template)
+}
+
+const buildUploadPageMenu = () => {
+  const picBeds = getPicBeds()
+  const currentPicBed = picgo.getConfig('picBed.uploader')
+  const submenu = picBeds.filter(item => item.visible).map(item => {
+    return {
+      label: item.name,
+      type: 'radio',
+      checked: currentPicBed === item.type,
+      click () {
+        picgo.saveConfig({
+          'picBed.current': item.type,
+          'picBed.uploader': item.type
+        })
+        if (windowManager.has(IWindowList.SETTING_WINDOW)) {
+          windowManager.get(IWindowList.SETTING_WINDOW)!.webContents.send('syncPicBed')
+        }
+      }
+    }
+  })
+  // @ts-ignore
+  return Menu.buildFromTemplate(submenu)
+}
+
+// TODO: separate to single file
+
+const handleRestoreState = (item: string, name: string): void => {
+  if (item === 'uploader') {
+    const current = picgo.getConfig('picBed.current')
+    if (current === name) {
+      picgo.saveConfig({
+        'picBed.current': 'smms',
+        'picBed.uploader': 'smms'
+      })
+    }
+  }
+  if (item === 'transformer') {
+    const current = picgo.getConfig('picBed.transformer')
+    if (current === name) {
+      picgo.saveConfig({
+        'picBed.transformer': 'path'
+      })
+    }
+  }
+}
+
+const buildPluginPageMenu = (plugin: IPicGoPlugin) => {
+  const menu = [{
+    label: T('ENABLE_PLUGIN'),
+    enabled: !plugin.enabled,
+    click () {
+      picgo.saveConfig({
+        [`picgoPlugins.${plugin.fullName}`]: true
+      })
+      const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+      window.webContents.send(PICGO_TOGGLE_PLUGIN, plugin.fullName, true)
+    }
+  }, {
+    label: T('DISABLE_PLUGIN'),
+    enabled: plugin.enabled,
+    click () {
+      picgo.saveConfig({
+        [`picgoPlugins.${plugin.fullName}`]: false
+      })
+      const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+      window.webContents.send(PICGO_HANDLE_PLUGIN_ING, plugin.fullName)
+      window.webContents.send(PICGO_TOGGLE_PLUGIN, plugin.fullName, false)
+      if (plugin.config.transformer.name) {
+        handleRestoreState('transformer', plugin.config.transformer.name)
+      }
+      if (plugin.config.uploader.name) {
+        handleRestoreState('uploader', plugin.config.uploader.name)
+      }
+    }
+  }, {
+    label: T('UNINSTALL_PLUGIN'),
+    click () {
+      const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+      window.webContents.send(PICGO_HANDLE_PLUGIN_ING, plugin.fullName)
+      picgoCoreIPC.handlePluginUninstall(plugin.fullName)
+    }
+  }, {
+    label: T('UPDATE_PLUGIN'),
+    click () {
+      const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+      window.webContents.send(PICGO_HANDLE_PLUGIN_ING, plugin.fullName)
+      picgoCoreIPC.handlePluginUpdate(plugin.fullName)
+    }
+  }]
+  for (const i in plugin.config) {
+    if (plugin.config[i].config.length > 0) {
+      const obj = {
+        label: T('CONFIG_THING', {
+          c: `${i} - ${plugin.config[i].fullName || plugin.config[i].name}`
+        }),
+        click () {
+          const window = windowManager.get(IWindowList.SETTING_WINDOW)!
+          const currentType = i
+          const configName = plugin.config[i].fullName || plugin.config[i].name
+          const config = plugin.config[i].config
+          window.webContents.send(PICGO_CONFIG_PLUGIN, currentType, configName, config)
+        }
+      }
+      menu.push(obj)
+    }
+  }
+
+  // handle transformer
+  if (plugin.config.transformer.name) {
+    const currentTransformer = picgo.getConfig<string>('picBed.transformer') || 'path'
+    const pluginTransformer = plugin.config.transformer.name
+    const obj = {
+      label: `${currentTransformer === pluginTransformer ? T('DISABLE') : T('ENABLE')}transformer - ${plugin.config.transformer.name}`,
+      click () {
+        const transformer = plugin.config.transformer.name
+        const currentTransformer = picgo.getConfig<string>('picBed.transformer') || 'path'
+        if (currentTransformer === transformer) {
+          picgo.saveConfig({
+            'picBed.transformer': 'path'
+          })
+        } else {
+          picgo.saveConfig({
+            'picBed.transformer': transformer
+          })
+        }
+      }
+    }
+    menu.push(obj)
+  }
+
+  // plugin custom menus
+  if (plugin.guiMenu) {
+    menu.push({
+      // @ts-ignore
+      type: 'separator'
+    })
+    for (const i of plugin.guiMenu) {
+      menu.push({
+        label: i.label,
+        click () {
+          // ipcRenderer.send('pluginActions', plugin.fullName, i.label)
+          const picgPlugin = picgo.pluginLoader.getPlugin(plugin.fullName)
+          if (picgPlugin?.guiMenu?.(picgo)?.length) {
+            const menu: GuiMenuItem[] = picgPlugin.guiMenu(picgo)
+            menu.forEach(item => {
+              if (item.label === i.label) {
+                item.handle(picgo, GuiApi.getInstance())
+              }
+            })
+          }
+        }
+      })
+    }
+  }
+
+  // @ts-ignore
+  return Menu.buildFromTemplate(menu)
+}
+
+export {
+  buildMiniPageMenu,
+  buildMainPageMenu,
+  buildUploadPageMenu,
+  buildPluginPageMenu
+}
@@ -9,14 +9,23 @@ const LOG_PATH = path.join(STORE_PATH, '/picgo.log')
 // since the error may occur in picgo-core
 // so we can't use the log from picgo
 export const loggerWriter = (error: Error) => {
-  let log = `${dayjs().format('YYYY-MM-DD HH:mm:ss')} [PicGo ERROR] startup error`
-  if (error?.stack) {
-    log += `\n------Error Stack Begin------\n${util.format(error.stack)}\n-------Error Stack End-------\n`
-  } else {
-    const msg = JSON.stringify(error)
-    log += `${msg}\n`
+  try {
+    const time = dayjs().format('YYYY-MM-DD HH:mm:ss')
+    let log = `${time} [PicGo ERROR] process error begin`
+    if (error?.stack) {
+      log += `\n------Error Stack Begin------\n${util.format(error.stack)}\n-------Error Stack End-------\n`
+    } else {
+      const msg = JSON.stringify(error)
+      log += `${msg}\n`
+    }
+    log += `${time} [PicGo ERROR] process error end`
+    if (!fse.existsSync(LOG_PATH)) {
+      fse.ensureFileSync(LOG_PATH)
+    }
+    fse.appendFileSync(LOG_PATH, log)
+  } catch (e) {
+    console.error(e)
  }
-  fse.appendFileSync(LOG_PATH, log)
 }

 const handleProcessError = (error: Error) => {
@@ -0,0 +1,18 @@
+// TODO: so how to import pure esm module in electron main process????? help wanted
+
+// just copy the fix-path because I can't import pure ESM module in electron main process
+
+const shellPath = require('shell-path')
+
+export default function fixPath () {
+  if (process.platform === 'win32') {
+    return
+  }
+
+  process.env.PATH = shellPath.sync() || [
+    './node_modules/.bin',
+    '/.nodebrew/current/bin',
+    '/usr/local/bin',
+    process.env.PATH
+  ].join(':')
+}
@@ -10,10 +10,9 @@ import {
 } from 'vue-cli-plugin-electron-builder/lib'
 import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
 import beforeOpen from '~/main/utils/beforeOpen'
-import fixPath from 'fix-path'
 import ipcList from '~/main/events/ipcList'
 import busEventList from '~/main/events/busEventList'
-import { IWindowList } from 'apis/app/window/constants'
+import { IWindowList } from '#/types/enum'
 import windowManager from 'apis/app/window/windowManager'
 import {
  updateShortKeyFromVersion212,
@@ -35,6 +34,8 @@ import bus from '@core/bus'
 import { privacyManager } from '~/main/utils/privacyManager'
 import logger from 'apis/core/picgo/logger'
 import picgo from 'apis/core/picgo'
+import fixPath from './fixPath'
+import { initI18n } from '~/main/utils/handleI18n'

 const isDevelopment = process.env.NODE_ENV !== 'production'

@@ -58,14 +59,16 @@ const handleStartUpFiles = (argv: string[], cwd: string) => {
 class LifeCycle {
  private async beforeReady () {
    protocol.registerSchemesAsPrivileged([{ scheme: 'picgo', privileges: { secure: true, standard: true } }])
-    // fix the $PATH in macOS
+    // fix the $PATH in macOS & linux
    fixPath()
    beforeOpen()
+    initI18n()
    ipcList.listen()
    busEventList.listen()
    updateShortKeyFromVersion212(db, db.get('settings.shortKey'))
    await migrateGalleryFromVersion230(db, GalleryDB.getInstance(), picgo)
  }
+
  private onReady () {
    const readyFunction = async () => {
      console.log('on ready')
@@ -74,7 +77,7 @@ class LifeCycle {
        // Install Vue Devtools
        try {
          await installExtension(VUEJS_DEVTOOLS)
-        } catch (e) {
+        } catch (e: any) {
          console.error('Vue Devtools failed to install:', e.toString())
        }
      }
@@ -96,8 +99,8 @@ class LifeCycle {
        handleStartUpFiles(process.argv, process.cwd())
      }

-      if (global.notificationList?.length > 0) {
-        while (global.notificationList.length) {
+      if (global.notificationList && global.notificationList?.length > 0) {
+        while (global.notificationList?.length) {
          const option = global.notificationList.pop()
          const notice = new Notification(option!)
          notice.show()
@@ -110,6 +113,7 @@ class LifeCycle {
      readyFunction()
    }
  }
+
  private onRunning () {
    app.on('second-instance', (event, commandLine, workingDirectory) => {
      logger.info('detect second instance')
@@ -144,6 +148,7 @@ class LifeCycle {
      process.env.XDG_CURRENT_DESKTOP = 'Unity'
    }
  }
+
  private onQuit () {
    app.on('window-all-closed', () => {
      if (process.platform !== 'darwin') {
@@ -171,6 +176,7 @@ class LifeCycle {
      }
    }
  }
+
  async launchApp () {
    const gotTheLock = app.requestSingleInstanceLock()
    if (!gotTheLock) {
@@ -2,7 +2,8 @@ import { DBStore } from '@picgo/store'
 import ConfigStore from '~/main/apis/core/datastore'
 import path from 'path'
 import fse from 'fs-extra'
-import PicGoCore from '#/types/picgo'
+import { PicGo as PicGoCore } from 'picgo'
+import { T } from '~/universal/i18n'
 // from v2.1.2
 const updateShortKeyFromVersion212 = (db: typeof ConfigStore, shortKeyConfig: IShortKeyConfigs | IOldShortKeyConfigs) => {
  // #557 极端情况可能会出现配置不存在，需要重新写入
@@ -11,7 +12,7 @@ const updateShortKeyFromVersion212 = (db: typeof ConfigStore, shortKeyConfig: IS
      enable: true,
      key: 'CommandOrControl+Shift+P',
      name: 'upload',
-      label: '快捷上传'
+      label: T('QUICK_UPLOAD')
    }
    db.set('settings.shortKey[picgo:upload]', defaultShortKeyConfig)
    return true
@@ -22,7 +23,7 @@ const updateShortKeyFromVersion212 = (db: typeof ConfigStore, shortKeyConfig: IS
      enable: true,
      key: shortKeyConfig.upload,
      name: 'upload',
-      label: '快捷上传'
+      label: T('QUICK_UPLOAD')
    }
    // @ts-ignore
    delete shortKeyConfig.upload
@@ -34,16 +35,22 @@ const updateShortKeyFromVersion212 = (db: typeof ConfigStore, shortKeyConfig: IS

 const migrateGalleryFromVersion230 = async (configDB: typeof ConfigStore, galleryDB: DBStore, picgo: PicGoCore) => {
  const originGallery: ImgInfo[] = configDB.get('uploaded')
+  // if hasMigrate, we don't need to migrate
+  const hasMigrate: boolean = configDB.get('__migrateUploaded')
+  if (hasMigrate) {
+    return
+  }
  const configPath = configDB.getConfigPath()
  const configBakPath = path.join(path.dirname(configPath), 'config.bak.json')
  // migrate gallery from config to gallery db
-  if (originGallery && originGallery?.length > 0) {
+  if (originGallery && Array.isArray(originGallery) && originGallery?.length > 0) {
    if (fse.existsSync(configBakPath)) {
      fse.copyFileSync(configPath, configBakPath)
    }
    await galleryDB.insertMany(originGallery)
    picgo.saveConfig({
-      uploaded: []
+      uploaded: [],
+      __migrateUploaded: true
    })
  }
 }
@@ -29,6 +29,7 @@ class Server {
    }
    this.httpServer = http.createServer(this.handleRequest)
  }
+
  private checkIfConfigIsValid (config: IObj | undefined) {
    if (config && config.port && config.host && (config.enable !== undefined)) {
      return true
@@ -36,6 +37,7 @@ class Server {
      return false
    }
  }
+
  private handleRequest = (request: http.IncomingMessage, response: http.ServerResponse) => {
    if (request.method === 'POST') {
      if (!routers.getHandler(request.url!)) {
@@ -57,8 +59,8 @@ class Server {
        request.on('end', () => {
          try {
            postObj = (body === '') ? {} : JSON.parse(body)
-          } catch (err) {
-            logger.error(`[PicGo Server]`, err)
+          } catch (err: any) {
+            logger.error('[PicGo Server]', err)
            return handleResponse({
              response,
              body: {
@@ -67,7 +69,7 @@ class Server {
              }
            })
          }
-          logger.info(`[PicGo Server] get the request`, body)
+          logger.info('[PicGo Server] get the request', body)
          const handler = routers.getHandler(request.url!)
          handler!({
            ...postObj,
@@ -81,6 +83,7 @@ class Server {
      response.end()
    }
  }
+
  // port as string is a bug
  private listen = (port: number | string) => {
    logger.info(`[PicGo Server] is listening at ${port}`)
@@ -102,18 +105,21 @@ class Server {
      }
    })
  }
+
  startup () {
    console.log('startup', this.config.enable)
    if (this.config.enable) {
      this.listen(this.config.port)
    }
  }
+
  shutdown (hasStarted?: boolean) {
    this.httpServer.close()
    if (!hasStarted) {
      logger.info('[PicGo Server] shutdown')
    }
  }
+
  restart () {
    this.config = picgo.getConfig('settings.server')
    this.shutdown()
@@ -4,6 +4,7 @@ class Router {
  get (url: string, callback: routeHandler): void {
    this.router.set(url, callback)
  }
+
  post (url: string, callback: routeHandler): void {
    this.router.set(url, callback)
  }
@@ -24,12 +24,13 @@ router.post('/upload', async ({
      // upload with clipboard
      logger.info('[PicGo Server] upload clipboard file')
      const res = await uploadClipboardFiles()
+      logger.info('[PicGo Server] upload result:', res)
      if (res) {
        handleResponse({
          response,
          body: {
            success: true,
-            result: res
+            result: [res]
          }
        })
      } else {
@@ -51,6 +52,7 @@ router.post('/upload', async ({
      })
      const win = windowManager.getAvailableWindow()
      const res = await uploadChoosedFiles(win.webContents, pathList)
+      logger.info('[PicGo Server] upload result', res.join(' ; '))
      if (res.length) {
        handleResponse({
          response,
@@ -69,7 +71,7 @@ router.post('/upload', async ({
        })
      }
    }
-  } catch (err) {
+  } catch (err: any) {
    logger.error(err)
    handleResponse({
      response,
@@ -1,19 +1,12 @@
 import fs from 'fs-extra'
 import path from 'path'
 import os from 'os'
-import pkg from 'root/package.json'
 import { dbPathChecker } from 'apis/core/datastore/dbChecker'

 const configPath = dbPathChecker()
 const CONFIG_DIR = path.dirname(configPath)

-function injectPicGoVersion () {
-  global.PICGO_GUI_VERSION = pkg.version
-  global.PICGO_CORE_VERSION = pkg.dependencies.picgo.replace('^', '')
-}
-
 function beforeOpen () {
-  injectPicGoVersion()
  if (process.platform === 'darwin') {
    resolveMacWorkFlow()
  }
@@ -40,7 +33,7 @@ function resolveMacWorkFlow () {
 * 初始化剪贴板生成图片的脚本
 */
 function resolveClipboardImageGenerator () {
-  let clipboardFiles = getClipboardFiles()
+  const clipboardFiles = getClipboardFiles()
  if (!fs.pathExistsSync(path.join(CONFIG_DIR, 'windows10.ps1'))) {
    clipboardFiles.forEach(item => {
      fs.copyFileSync(item.origin, item.dest)
@@ -53,8 +46,8 @@ function resolveClipboardImageGenerator () {

  function diffFilesAndUpdate (filePath1: string, filePath2: string) {
    try {
-      let file1 = fs.existsSync(filePath1) && fs.readFileSync(filePath1)
-      let file2 = fs.existsSync(filePath1) && fs.readFileSync(filePath2)
+      const file1 = fs.existsSync(filePath1) && fs.readFileSync(filePath1)
+      const file2 = fs.existsSync(filePath1) && fs.readFileSync(filePath2)

      if (!file1 || !file2 || !file1.equals(file2)) {
        fs.copyFileSync(filePath1, filePath2)
@@ -66,7 +59,7 @@ function resolveClipboardImageGenerator () {
  }

  function getClipboardFiles () {
-    let files = [
+    const files = [
      '/linux.sh',
      '/mac.applescript',
      '/windows.ps1',
@@ -34,7 +34,7 @@ export const showNotification = (options: IPrivateShowNotificationOption = {
 }

 export const showMessageBox = (options: any) => {
-  return new Promise<IShowMessageBoxResult>(async (resolve, reject) => {
+  return new Promise<IShowMessageBoxResult>(async (resolve) => {
    dialog.showMessageBox(
      options
    ).then((res) => {
@@ -1,6 +1,6 @@
 import path from 'path'
 import fs from 'fs-extra'
-import Logger from 'picgo/dist/src/lib/Logger'
+import { Logger } from 'picgo'
 interface IResultFileObject {
  path: string
 }
@@ -39,7 +39,7 @@ const getUploadFiles = (argv = process.argv, cwd = process.cwd(), logger: Logger
            path: item
          }
        } else {
-          let tempPath = path.join(cwd, item)
+          const tempPath = path.join(cwd, item)
          if (fs.existsSync(tempPath)) {
            return {
              path: tempPath
@@ -0,0 +1,6 @@
+import db from '~/main/apis/core/datastore'
+import { i18n } from '#/i18n'
+export const initI18n = () => {
+  const currentLanguage = db.get('settings.language') || 'zh-CN'
+  i18n.setLanguage(currentLanguage)
+}
@@ -1,9 +1,8 @@
 import { IPasteStyle } from '#/types/enum'
-import { handleUrlEncode } from './common'

 const formatCustomLink = (customLink: string, item: ImgInfo) => {
-  let fileName = item.fileName!.replace(new RegExp(`\\${item.extname}$`), '')
-  const url = handleUrlEncode(item.url || item.imgUrl)
+  const fileName = item.fileName!.replace(new RegExp(`\\${item.extname}$`), '')
+  const url = item.url || item.imgUrl
  const formatObj = {
    url,
    fileName
@@ -11,7 +10,7 @@ const formatCustomLink = (customLink: string, item: ImgInfo) => {
  const keys = Object.keys(formatObj) as ['url', 'fileName']
  keys.forEach(item => {
    if (customLink.indexOf(`$${item}`) !== -1) {
-      let reg = new RegExp(`\\$${item}`, 'g')
+      const reg = new RegExp(`\\$${item}`, 'g')
      customLink = customLink.replace(reg, formatObj[item])
    }
  })
@@ -19,14 +18,14 @@ const formatCustomLink = (customLink: string, item: ImgInfo) => {
 }

 export default (style: IPasteStyle, item: ImgInfo, customLink: string | undefined) => {
-  const url = handleUrlEncode(item.url || item.imgUrl)
+  const url = item.url || item.imgUrl
  const _customLink = customLink || '$url'
  const tpl = {
-    'markdown': `![](${url})`,
-    'HTML': `<img src="${url}"/>`,
-    'URL': url,
-    'UBB': `[IMG]${url}[/IMG]`,
-    'Custom': formatCustomLink(_customLink, item)
+    markdown: `![](${url})`,
+    HTML: `<img src="${url}"/>`,
+    URL: url,
+    UBB: `[IMG]${url}[/IMG]`,
+    Custom: formatCustomLink(_customLink, item)
  }
  return tpl[style]
 }
@@ -2,6 +2,7 @@ import db from '~/main/apis/core/datastore'
 import { ipcMain } from 'electron'
 import { showMessageBox } from '~/main/utils/common'
 import { SHOW_PRIVACY_MESSAGE } from '~/universal/events/constants'
+import { T } from '~/universal/i18n'

 class PrivacyManager {
  async init () {
@@ -25,30 +26,8 @@ class PrivacyManager {
    const res = await showMessageBox({
      type: 'info',
      buttons: showCancel ? ['Yes', 'No'] : ['Yes'],
-      title: '隐私协议',
-      message: `
-      本软件尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更优质的服务，本软件会按照本隐私权政策的规定使用和收集您的一些行为信息。您在同意本软件服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于本软件服务使用协议不可分割的一部分，如果不同意将无法使用。本协议会定期更新。
-
-      1.适用范围
-
-      a)在您使用本软件时，本软件会记录的您对本软件的一些操作行为信息，包括但不限于您使用本软件进行文件上传的耗时、类型、数量等信息。
-
-      2.信息的使用
-
-      a)在获得您的使用数据之后，本软件会将其上传至数据分析服务器，以便分析数据后，提供给您更好的服务。
-
-      3.信息披露
-
-      a)本软件不会将您的信息披露给不受信任的第三方。
-
-      b)根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；
-
-      c)如您出现违反中国有关法律、法规或者相关规则的情况，需要向第三方披露；
-
-      4.信息安全
-
-      a)本软件不会收集您的个人信息、密钥信息等隐私信息，所收集的信息仅仅作为改善软件、优化体验、了解软件日活等用途。
-      `
+      title: T('PRIVACY_AGREEMENT'),
+      message: T('PRIVACY')
    })
    return res
  }
@@ -3,6 +3,7 @@ import db from '~/main/apis/core/datastore'
 import axios from 'axios'
 import pkg from 'root/package.json'
 import { lt } from 'semver'
+import { T } from '~/universal/i18n'
 const version = pkg.version
 const releaseUrl = 'https://api.github.com/repos/Molunerfinn/PicGo/releases/latest'
 const releaseUrlBackup = 'https://cdn.jsdelivr.net/gh/Molunerfinn/PicGo@latest/package.json'
@@ -30,10 +31,12 @@ const checkVersion = async () => {
      if (result) {
        dialog.showMessageBox({
          type: 'info',
-          title: '发现新版本',
+          title: T('FIND_NEW_VERSION'),
          buttons: ['Yes', 'No'],
-          message: `发现新版本${latest}，更新了很多功能，是否去下载最新的版本？`,
-          checkboxLabel: '以后不再提醒',
+          message: T('TIPS_FIND_NEW_VERSION', {
+            v: latest
+          }),
+          checkboxLabel: T('NO_MORE_NOTICE'),
          checkboxChecked: false
        }).then(res => {
          if (res.response === 0) { // if selected yes
@@ -1,6 +1,6 @@
 <template>
  <div id="choose-pic-bed">
-    <span>选择 {{ label }} 作为你默认图床：</span>
+    <span>{{ $T('CHOOSE_YOUR_DEFAULT_PICBED', { d: label }) }}</span>
    <el-switch
      v-model="value"
      @change="choosePicBed"
@@ -23,7 +23,8 @@ export default class extends Vue {
      this.value = true
    }
  }
-  choosePicBed (val: string) {
+
+  choosePicBed () {
    this.saveConfig({
      'picBed.current': this.type,
      'picBed.uploader': this.type
@@ -72,7 +72,7 @@ import { cloneDeep, union } from 'lodash'
 })
 export default class extends Vue {
  @Prop() private config!: any[]
-  @Prop() readonly type!: string
+  @Prop() readonly type!: 'uploader' | 'transformer' | 'plugin'
  @Prop() readonly id!: string
  configList = []
  ruleForm = {}
@@ -80,14 +80,50 @@ export default class extends Vue {
    deep: true,
    immediate: true
  })
-  async handleConfigChange (val: any) {
+  handleConfigChange (val: any) {
+    this.handleConfig(val)
+  }
+
+  async validate () {
+    return new Promise((resolve) => {
+      // @ts-ignore
+      this.$refs.form.validate((valid: boolean) => {
+        if (valid) {
+          resolve(this.ruleForm)
+        } else {
+          resolve(false)
+          return false
+        }
+      })
+    })
+  }
+
+  getConfigType () {
+    switch (this.type) {
+      case 'plugin': {
+        return this.id
+      }
+      case 'uploader': {
+        return `picBed.${this.id}`
+      }
+      case 'transformer': {
+        return `transformer.${this.id}`
+      }
+      default:
+        return 'unknown'
+    }
+  }
+
+  async handleConfig (val: any) {
    this.ruleForm = Object.assign({}, {})
-    const config = await this.getConfig<IPicGoPluginConfig>(`picBed.${this.id}`)
-    if (val.length > 0 && config) {
+    const config = await this.getConfig<IPicGoPluginConfig>(this.getConfigType())
+    if (val.length > 0) {
      this.configList = cloneDeep(val).map((item: any) => {
        let defaultValue = item.default !== undefined
-          ? item.default : item.type === 'checkbox'
-            ? [] : null
+          ? item.default
+          : item.type === 'checkbox'
+            ? []
+            : null
        if (item.type === 'checkbox') {
          const defaults = item.choices.filter((i: any) => {
            return i.checked
@@ -102,19 +138,6 @@ export default class extends Vue {
      })
    }
  }
-  async validate () {
-    return new Promise((resolve, reject) => {
-      // @ts-ignore
-      this.$refs.form.validate((valid: boolean) => {
-        if (valid) {
-          resolve(this.ruleForm)
-        } else {
-          resolve(false)
-          return false
-        }
-      })
-    })
-  }
 }
 </script>
 <style lang='stylus'>
@@ -1,6 +1,6 @@
 <template>
  <el-dialog
-    :title="inputBoxOptions.title || '输入框'"
+    :title="inputBoxOptions.title || $T('INPUT')"
    :visible.sync="showInputBoxVisible"
    :modal-append-to-body="false"
  >
@@ -8,14 +8,14 @@
      v-model="inputBoxValue"
      :placeholder="inputBoxOptions.placeholder"></el-input>
    <span slot="footer">
-      <el-button @click="handleInputBoxCancel" round>取消</el-button>
-      <el-button type="primary" @click="handleInputBoxConfirm" round>确定</el-button>
+      <el-button @click="handleInputBoxCancel" round>{{ $T('CANCEL') }}</el-button>
+      <el-button type="primary" @click="handleInputBoxConfirm" round>{{ $T('CONFIRM') }}</el-button>
    </span>
  </el-dialog>
 </template>
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
-import { remote, ipcRenderer, IpcRendererEvent } from 'electron'
+import { ipcRenderer, IpcRendererEvent } from 'electron'
 import {
  SHOW_INPUT_BOX,
  SHOW_INPUT_BOX_RESPONSE
@@ -30,30 +30,36 @@ export default class extends Vue {
    title: '',
    placeholder: ''
  }
+
  created () {
    ipcRenderer.on(SHOW_INPUT_BOX, this.ipcEventHandler)
    this.$bus.$on(SHOW_INPUT_BOX, this.initInputBoxValue)
  }
+
  ipcEventHandler (evt: IpcRendererEvent, options: IShowInputBoxOption) {
    this.initInputBoxValue(options)
  }
+
  initInputBoxValue (options: IShowInputBoxOption) {
    this.inputBoxValue = options.value || ''
    this.inputBoxOptions.title = options.title || ''
    this.inputBoxOptions.placeholder = options.placeholder || ''
    this.showInputBoxVisible = true
  }
+
  handleInputBoxCancel () {
    // TODO: RPCServer
    this.showInputBoxVisible = false
    ipcRenderer.send(SHOW_INPUT_BOX, '')
    this.$bus.$emit(SHOW_INPUT_BOX_RESPONSE, '')
  }
+
  handleInputBoxConfirm () {
    this.showInputBoxVisible = false
    ipcRenderer.send(SHOW_INPUT_BOX, this.inputBoxValue)
    this.$bus.$emit(SHOW_INPUT_BOX_RESPONSE, this.inputBoxValue)
  }
+
  beforeDestroy () {
    ipcRenderer.removeListener(SHOW_INPUT_BOX, this.ipcEventHandler)
    this.$bus.$off(SHOW_INPUT_BOX)
@@ -17,21 +17,22 @@
          :default-active="defaultActive"
          @select="handleSelect"
          :unique-opened="true"
+          @open="handleGetPicPeds"
          >
          <el-menu-item index="upload">
            <i class="el-icon-upload"></i>
-            <span slot="title">上传区</span>
+            <span slot="title">{{ $T('UPLOAD_AREA') }}</span>
          </el-menu-item>
          <el-menu-item index="gallery">
            <i class="el-icon-picture"></i>
-            <span slot="title">相册</span>
+            <span slot="title">{{ $T('GALLERY') }}</span>
          </el-menu-item>
          <el-submenu
            index="sub-menu"
          >
            <template slot="title">
              <i class="el-icon-menu"></i>
-              <span>图床设置</span>
+              <span>{{ $T('PICBEDS_SETTINGS') }}</span>
            </template>
            <template
              v-for="item in picBed"
@@ -48,11 +49,11 @@
          </el-submenu>
          <el-menu-item index="setting">
            <i class="el-icon-setting"></i>
-            <span slot="title">PicGo设置</span>
+            <span slot="title">{{ $T('PICGO_SETTINGS') }}</span>
          </el-menu-item>
          <el-menu-item index="plugin">
            <i class="el-icon-share"></i>
-            <span slot="title">插件设置</span>
+            <span slot="title">{{ $T('PLUGIN_SETTINGS') }}</span>
          </el-menu-item>
        </el-menu>
        <i class="el-icon-info setting-window" @click="openDialog"></i>
@@ -65,29 +66,29 @@
        :class="{ 'darwin': os === 'darwin' }">
        <transition name="picgo-fade" mode="out-in">
          <keep-alive>
-            <router-view v-if="$route.meta.keepAlive"></router-view>
+            <router-view v-if="$route && $route.meta && $route.meta.keepAlive"></router-view>
          </keep-alive>
        </transition>
        <transition name="picgo-fade" mode="out-in">
-          <router-view :key="$route.path" v-if="!$route.meta.keepAlive"></router-view>
+          <router-view :key="$route.path" v-if="!($route && $route.meta && $route.meta.keepAlive)"></router-view>
        </transition>
      </el-col>
    </el-row>
    <el-dialog
-      title="赞助PicGo"
+      :title="$T('SPONSOR_PICGO')"
      :visible.sync="visible"
      width="70%"
      top="10vh"
    >
-      PicGo是免费开源的软件，如果你喜欢它，对你有帮助，不妨请我喝杯咖啡？
+      {{ $T('PICGO_SPONSOR_TEXT') }}
      <el-row class="support">
        <el-col :span="12">
-          <img src="https://user-images.githubusercontent.com/12621342/34188165-e7cdf372-e56f-11e7-8732-1338c88b9bb7.jpg" alt="支付宝">
-          <div class="support-title">支付宝</div>
+          <img src="https://user-images.githubusercontent.com/12621342/34188165-e7cdf372-e56f-11e7-8732-1338c88b9bb7.jpg" :alt="$T('ALIPAY')">
+          <div class="support-title">{{ $T('ALIPAY') }}</div>
        </el-col>
        <el-col :span="12">
-          <img src="https://user-images.githubusercontent.com/12621342/34188201-212cda84-e570-11e7-9b7a-abb298699d85.jpg" alt="支付宝">
-          <div class="support-title">微信</div>
+          <img src="https://user-images.githubusercontent.com/12621342/34188201-212cda84-e570-11e7-9b7a-abb298699d85.jpg" :alt="$T('WECHATPAY')">
+          <div class="support-title">{{ $T('WECHATPAY') }}</div>
        </el-col>
      </el-row>
    </el-dialog>
@@ -95,7 +96,7 @@
      class="qrcode-dialog"
      top="3vh"
      width="60%"
-      title="图床配置二维码"
+      :title="$T('PICBED_QRCODE')"
      :visible.sync="qrcodeVisible"
      :modal-append-to-body="false"
      lock-scroll
@@ -106,7 +107,7 @@
        size="mini"
      >
        <el-form-item
-          label="选择图床"
+          :label="$T('CHOOSE_PICBED')"
        >
          <el-select
            v-model="choosedPicBedForQRCode"
@@ -127,7 +128,7 @@
            class="copy-picbed-config"
            @click="handleCopyPicBedConfig"
          >
-            复制图床配置
+            {{ $T('COPY_PICBED_CONFIG') }}
          </el-button>
        </el-form-item>
      </el-form>
@@ -147,28 +148,20 @@ import { Component, Vue, Watch } from 'vue-property-decorator'
 import QrcodeVue from 'qrcode.vue'
 import pick from 'lodash/pick'
 import pkg from 'root/package.json'
-import keyDetect from '@/utils/key-binding'
 import {
-  remote,
  ipcRenderer,
  IpcRendererEvent,
  clipboard
 } from 'electron'
-// import db from '#/datastore'
 import mixin from '@/utils/mixin'
 import InputBoxDialog from '@/components/InputBoxDialog.vue'
 import {
-  SHOW_PRIVACY_MESSAGE
+  MINIMIZE_WINDOW,
+  CLOSE_WINDOW,
+  SHOW_MAIN_PAGE_MENU,
+  SHOW_MAIN_PAGE_QRCODE,
+  SHOW_MAIN_PAGE_DONATION
 } from '~/universal/events/constants'
-import { IConfig } from 'picgo/dist/src/types/index'
-const { Menu, dialog, BrowserWindow } = remote
-const customLinkRule = (rule: string, value: string, callback: (arg0?: Error) => void) => {
-  if (!/\$url/.test(value)) {
-    return callback(new Error('必须含有$url'))
-  } else {
-    return callback()
-  }
-}
@Component({
  name: 'main-page',
  mixins: [mixin],
@@ -180,7 +173,6 @@ const customLinkRule = (rule: string, value: string, callback: (arg0?: Error) =>
 export default class extends Vue {
  version = process.env.NODE_ENV === 'production' ? pkg.version : 'Dev'
  defaultActive = 'upload'
-  menu: Electron.Menu | null = null
  visible = false
  keyBindingVisible = false
  customLinkVisible = false
@@ -191,13 +183,19 @@ export default class extends Vue {
  choosedPicBedForQRCode: string[] = []
  created () {
    this.os = process.platform
-    this.buildMenu()
    ipcRenderer.send('getPicBeds')
    ipcRenderer.on('getPicBeds', this.getPicBeds)
+    this.handleGetPicPeds()
+    ipcRenderer.on(SHOW_MAIN_PAGE_QRCODE, () => {
+      this.qrcodeVisible = true
+    })
+    ipcRenderer.on(SHOW_MAIN_PAGE_DONATION, () => {
+      this.visible = true
+    })
  }

  @Watch('choosedPicBedForQRCode')
-  choosedPicBedForQRCodeChange (val: string[], oldVal: string[]) {
+  choosedPicBedForQRCodeChange (val: string[]) {
    if (val.length > 0) {
      this.$nextTick(async () => {
        const picBedConfig = await this.getConfig('picBed')
@@ -207,6 +205,10 @@ export default class extends Vue {
    }
  }

+  handleGetPicPeds = () => {
+    ipcRenderer.send('getPicBeds')
+  }
+
  handleSelect (index: string) {
    const type = index.match(/picbeds-/)
    if (type === null) {
@@ -229,71 +231,38 @@ export default class extends Vue {
      }
    }
  }
+
  minimizeWindow () {
-    const window = BrowserWindow.getFocusedWindow()
-    window!.minimize()
+    ipcRenderer.send(MINIMIZE_WINDOW)
  }
+
  closeWindow () {
-    const window = BrowserWindow.getFocusedWindow()
-    if (process.platform === 'linux') {
-      window!.hide()
-    } else {
-      window!.close()
-    }
-  }
-  buildMenu () {
-    const _this = this
-    const template = [
-      {
-        label: '关于',
-        click () {
-          dialog.showMessageBox({
-            title: 'PicGo',
-            message: 'PicGo',
-            detail: `Version: ${pkg.version}\nAuthor: Molunerfinn\nGithub: https://github.com/Molunerfinn/PicGo`
-          })
-        }
-      },
-      {
-        label: '赞助PicGo',
-        click () {
-          _this.visible = true
-        }
-      },
-      {
-        label: '生成图床配置二维码',
-        click () {
-          _this.qrcodeVisible = true
-        }
-      },
-      {
-        label: '隐私协议',
-        click () {
-          ipcRenderer.send(SHOW_PRIVACY_MESSAGE)
-        }
-      }
-    ]
-    this.menu = Menu.buildFromTemplate(template)
+    ipcRenderer.send(CLOSE_WINDOW)
  }
+
  openDialog () {
-    // this.menu!.popup(remote.getCurrentWindow())
-    this.menu!.popup()
+    ipcRenderer.send(SHOW_MAIN_PAGE_MENU)
  }
+
  openMiniWindow () {
    ipcRenderer.send('openMiniWindow')
  }
+
  handleCopyPicBedConfig () {
    clipboard.writeText(this.picBedConfigString)
-    this.$message.success('图床配置复制成功')
+    this.$message.success(this.$T('COPY_PICBED_CONFIG_SUCCEED'))
  }
+
  getPicBeds (event: IpcRendererEvent, picBeds: IPicBedType[]) {
    this.picBed = picBeds
  }
-  beforeRouteEnter (to: any, from: any, next: any) {
+
+  beforeRouteEnter (to: any, next: any) {
    next((vm: this) => {
      vm.defaultActive = to.name
    })
  }
+
  beforeDestroy () {
    ipcRenderer.removeListener('getPicBeds', this.getPicBeds)
  }
@@ -301,6 +270,11 @@ export default class extends Vue {
 </script>
 <style lang='stylus'>
 $darwinBg = transparentify(#172426, #000, 0.7)
+.setting-list-scroll
+  height 425px
+  overflow-y auto
+  overflow-x hidden
+  margin-right 0!important
 .picgo-fade
  &-enter,
  &-leave,
@@ -1,7 +1,7 @@
 <template>
  <div id="gallery-view">
    <div class="view-title">
-      相册 - {{ filterList.length }} <i class="el-icon-caret-bottom" @click="toggleHandleBar" :class="{'active': handleBarActive}"></i>
+      {{ $T('GALLERY') }} - {{ filterList.length }} <i class="el-icon-caret-bottom" @click="toggleHandleBar" :class="{'active': handleBarActive}"></i>
    </div>
    <transition name="el-zoom-in-top">
      <el-row v-show="handleBarActive">
@@ -14,7 +14,7 @@
                collapse-tags
                size="mini"
                style="width: 100%"
-                placeholder="请选择显示的图床">
+                :placeholder="$T('CHOOSE_SHOWED_PICBED')">
                <el-option
                  v-for="item in picBed"
                  :key="item.type"
@@ -29,7 +29,7 @@
                size="mini"
                style="width: 100%"
                @change="handlePasteStyleChange"
-                placeholder="请选择粘贴的格式">
+                :placeholder="$T('CHOOSE_PASTE_FORMAT')">
                <el-option
                  v-for="(value, key) in pasteStyleMap"
                  :key="key"
@@ -42,7 +42,7 @@
          <el-row class="handle-bar" :gutter="16">
            <el-col :span="12">
              <el-input
-                placeholder="搜索"
+                :placeholder="$T('SEARCH')"
                size="mini"
                v-model="searchText">
                <i slot="suffix" class="el-input__icon el-icon-close" v-if="searchText" @click="cleanSearch" style="cursor: pointer"></i>
@@ -50,17 +50,17 @@
            </el-col>
            <el-col :span="4">
              <div class="item-base copy round" :class="{ active: isMultiple(choosedList)}" @click="multiCopy">
-                复制
+                {{ $T('COPY') }}
              </div>
            </el-col>
            <el-col :span="4">
              <div class="item-base delete round" :class="{ active: isMultiple(choosedList)}" @click="multiRemove">
-                删除
+                {{ $T('DELETE') }}
              </div>
            </el-col>
            <el-col :span="4">
              <div class="item-base all-pick round" :class="{ active: filterList.length > 0}" @click="toggleSelectAll">
-                {{ isAllSelected ? '取消' : '全选' }}
+                {{ isAllSelected ? $T('CANCEL') : $T('SELECT_ALL') }}
              </div>
            </el-col>
          </el-row>
@@ -87,7 +87,7 @@
              <i class="el-icon-document" @click="copy(item)"></i>
              <i class="el-icon-edit-outline" @click="openDialog(item)"></i>
              <i class="el-icon-delete" @click="remove(item.id)"></i>
-              <el-checkbox v-model="choosedList[item.id]" class="pull-right" @change="(val) => handleChooseImage(val, index)"></el-checkbox>
+              <el-checkbox v-model="choosedList[item.id ? item.id : '']" class="pull-right" @change="(val) => handleChooseImage(val, index)"></el-checkbox>
            </div>
          </el-col>
        </el-row>
@@ -95,14 +95,14 @@
    </el-row>
    <el-dialog
      :visible.sync="dialogVisible"
-      title="修改图片URL"
+      :title="$T('CHANGE_IMAGE_URL')"
      width="500px"
      :modal-append-to-body="false"
    >
      <el-input v-model="imgInfo.imgUrl"></el-input>
      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="confirmModify">确 定</el-button>
+        <el-button @click="dialogVisible = false">{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="confirmModify">{{ $T('CONFIRM') }}</el-button>
      </span>
    </el-dialog>
  </div>
@@ -110,10 +110,9 @@
 <script lang="ts">
 // @ts-ignore
 import gallerys from 'vue-gallery'
-import pasteStyle from '#/utils/pasteTemplate'
-import { IPasteStyle } from '#/types/enum'
 import { Component, Vue, Watch } from 'vue-property-decorator'
 import { IResult } from '@picgo/store/dist/types'
+import { PASTE_TEXT } from '#/events/constants'
 import {
  ipcRenderer,
  clipboard,
@@ -133,11 +132,13 @@ export default class extends Vue {
    urlProperty: 'imgUrl',
    closeOnSlideClick: true
  }
+
  dialogVisible = false
  imgInfo = {
    id: '',
    imgUrl: ''
  }
+
  choosedList: IObjT<boolean> = {}
  choosedPicBed: string[] = []
  lastChoosed: number = -1
@@ -152,6 +153,7 @@ export default class extends Vue {
    UBB: 'UBB',
    Custom: 'Custom'
  }
+
  picBed: IPicBedType[] = []
  @Watch('$route')
  handleRouteUpdate (to: any, from: any) {
@@ -163,8 +165,9 @@ export default class extends Vue {
      this.updateGallery()
    }
  }
+
  async created () {
-    ipcRenderer.on('updateGallery', (event: IpcRendererEvent) => {
+    ipcRenderer.on('updateGallery', () => {
      this.$nextTick(async () => {
        this.updateGallery()
      })
@@ -173,18 +176,26 @@ export default class extends Vue {
    ipcRenderer.on('getPicBeds', this.getPicBeds)
    this.updateGallery()
  }
+
  mounted () {
    document.addEventListener('keydown', this.handleDetectShiftKey)
    document.addEventListener('keyup', this.handleDetectShiftKey)
  }
+
  handleDetectShiftKey (event: KeyboardEvent) {
-    if (event.keyCode === 16) {
-      this.isShiftKeyPress = !this.isShiftKeyPress
+    if (event.key === 'Shift') {
+      if (event.type === 'keydown') {
+        this.isShiftKeyPress = true
+      } else if (event.type === 'keyup') {
+        this.isShiftKeyPress = false
+      }
    }
  }
+
  get filterList () {
    return this.getGallery()
  }
+
  get isAllSelected () {
    const values = Object.values(this.choosedList)
    if (values.length === 0) {
@@ -195,9 +206,11 @@ export default class extends Vue {
      })
    }
  }
+
  getPicBeds (event: IpcRendererEvent, picBeds: IPicBedType[]) {
    this.picBed = picBeds
  }
+
  getGallery (): ImgInfo[] {
    if (this.searchText || this.choosedPicBed.length > 0) {
      return this.images
@@ -216,6 +229,7 @@ export default class extends Vue {
      return this.images
    }
  }
+
  async updateGallery () {
    this.images = (await this.$$db.get({ orderBy: 'desc' })).data
  }
@@ -224,12 +238,13 @@ export default class extends Vue {
  handleFilterListChange () {
    this.clearChoosedList()
  }
+
  handleChooseImage (val: boolean, index: number) {
    if (val === true) {
      this.handleBarActive = true
      if (this.lastChoosed !== -1 && this.isShiftKeyPress) {
-        let min = Math.min(this.lastChoosed, index)
-        let max = Math.max(this.lastChoosed, index)
+        const min = Math.min(this.lastChoosed, index)
+        const max = Math.max(this.lastChoosed, index)
        for (let i = min + 1; i < max; i++) {
          const id = this.filterList[i].id!
          this.$set(this.choosedList, id, true)
@@ -238,6 +253,7 @@ export default class extends Vue {
      this.lastChoosed = index
    }
  }
+
  clearChoosedList () {
    this.isShiftKeyPress = false
    Object.keys(this.choosedList).forEach(key => {
@@ -245,10 +261,12 @@ export default class extends Vue {
    })
    this.lastChoosed = -1
  }
+
  zoomImage (index: number) {
    this.idx = index
    this.changeZIndexForGallery(true)
  }
+
  changeZIndexForGallery (isOpen: boolean) {
    if (isOpen) {
      // @ts-ignore
@@ -258,59 +276,63 @@ export default class extends Vue {
      document.querySelector('.main-content.el-row').style.zIndex = 10
    }
  }
+
  handleClose () {
    this.idx = null
    this.changeZIndexForGallery(false)
  }
+
  async copy (item: ImgInfo) {
-    const style = await this.getConfig<IPasteStyle>('settings.pasteStyle') || IPasteStyle.MARKDOWN
-    const customLink = await this.getConfig<string>('settings.customLink')
-    const copyLink = pasteStyle(style, item, customLink)
+    const copyLink = await ipcRenderer.invoke(PASTE_TEXT, item)
    const obj = {
-      title: '复制链接成功',
+      title: this.$T('COPY_LINK_SUCCEED'),
      body: copyLink,
      icon: item.url || item.imgUrl
    }
    const myNotification = new Notification(obj.title, obj)
-    clipboard.writeText(copyLink)
    myNotification.onclick = () => {
      return true
    }
  }
-  remove (id: string) {
-    this.$confirm('此操作将把该图片移出相册, 是否继续?', '提示', {
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    }).then(async () => {
-      const file = await this.$$db.getById(id)
-      await this.$$db.removeById(id)
-      ipcRenderer.send('removeFiles', [file])
-      const obj = {
-        title: '操作结果',
-        body: '删除成功'
-      }
-      const myNotification = new Notification(obj.title, obj)
-      myNotification.onclick = () => {
+
+  remove (id?: string) {
+    if (id) {
+      this.$confirm(this.$T('TIPS_REMOVE_LINK'), this.$T('TIPS_NOTICE'), {
+        confirmButtonText: this.$T('CONFIRM'),
+        cancelButtonText: this.$T('CANCEL'),
+        type: 'warning'
+      }).then(async () => {
+        const file = await this.$$db.getById(id)
+        await this.$$db.removeById(id)
+        ipcRenderer.send('removeFiles', [file])
+        const obj = {
+          title: this.$T('OPERATION_SUCCEED'),
+          body: ''
+        }
+        const myNotification = new Notification(obj.title, obj)
+        myNotification.onclick = () => {
+          return true
+        }
+        this.updateGallery()
+      }).catch((e) => {
+        console.log(e)
        return true
-      }
-      this.updateGallery()
-    }).catch((e) => {
-      console.log(e)
-      return true
-    })
+      })
+    }
  }
+
  openDialog (item: ImgInfo) {
    this.imgInfo.id = item.id!
    this.imgInfo.imgUrl = item.imgUrl as string
    this.dialogVisible = true
  }
+
  async confirmModify () {
    await this.$$db.updateById(this.imgInfo.id, {
      imgUrl: this.imgInfo.imgUrl
    })
    const obj = {
-      title: '修改图片URL成功',
+      title: this.$T('CHANGE_IMAGE_URL_SUCCEED'),
      body: this.imgInfo.imgUrl,
      icon: this.imgInfo.imgUrl
    }
@@ -321,36 +343,43 @@ export default class extends Vue {
    this.dialogVisible = false
    this.updateGallery()
  }
+
  choosePicBed (type: string) {
-    let idx = this.choosedPicBed.indexOf(type)
+    const idx = this.choosedPicBed.indexOf(type)
    if (idx !== -1) {
      this.choosedPicBed.splice(idx, 1)
    } else {
      this.choosedPicBed.push(type)
    }
  }
+
  cleanSearch () {
    this.searchText = ''
  }
+
  isMultiple (obj: IObj) {
    return Object.values(obj).some(item => item)
  }
+
  toggleSelectAll () {
    const result = !this.isAllSelected
    this.filterList.forEach(item => {
      this.$set(this.choosedList, item.id!, result)
    })
  }
+
  multiRemove () {
    // choosedList -> { [id]: true or false }; true means choosed. false means not choosed.
    const multiRemoveNumber = Object.values(this.choosedList).filter(item => item).length
    if (multiRemoveNumber) {
-      this.$confirm(`将在相册中移除刚才选中的 ${multiRemoveNumber} 张图片，是否继续？`, '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
+      this.$confirm(this.$T('TIPS_WILL_REMOVE_CHOOSED_IMAGES', {
+        m: multiRemoveNumber
+      }), this.$T('TIPS_NOTICE'), {
+        confirmButtonText: this.$T('CONFIRM'),
+        cancelButtonText: this.$T('CANCEL'),
        type: 'warning'
      }).then(async () => {
-        let files: IResult<ImgInfo>[] = []
+        const files: IResult<ImgInfo>[] = []
        const imageIDList = Object.keys(this.choosedList)
        for (let i = 0; i < imageIDList.length; i++) {
          const key = imageIDList[i]
@@ -365,8 +394,8 @@ export default class extends Vue {
        this.clearChoosedList()
        this.choosedList = {} // 只有删除才能将这个置空
        const obj = {
-          title: '操作结果',
-          body: '删除成功'
+          title: this.$T('OPERATION_SUCCEED'),
+          body: ''
        }
        ipcRenderer.send('removeFiles', files)
        const myNotification = new Notification(obj.title, obj)
@@ -379,11 +408,10 @@ export default class extends Vue {
      })
    }
  }
+
  async multiCopy () {
    if (Object.values(this.choosedList).some(item => item)) {
      const copyString: string[] = []
-      const style = await this.getConfig<IPasteStyle>('settings.pasteStyle') || IPasteStyle.MARKDOWN
-      const customLink = await this.getConfig<string>('settings.customLink')
      // choosedList -> { [id]: true or false }; true means choosed. false means not choosed.
      const imageIDList = Object.keys(this.choosedList)
      for (let i = 0; i < imageIDList.length; i++) {
@@ -391,13 +419,14 @@ export default class extends Vue {
        if (this.choosedList[key]) {
          const item = await this.$$db.getById<ImgInfo>(key)
          if (item) {
-            copyString.push(pasteStyle(style, item, customLink))
+            const txt = await ipcRenderer.invoke(PASTE_TEXT, item)
+            copyString.push(txt)
            this.choosedList[key] = false
          }
        }
      }
      const obj = {
-        title: '批量复制链接成功',
+        title: this.$T('BATCH_COPY_LINK_SUCCEED'),
        body: copyString.join('\n')
      }
      const myNotification = new Notification(obj.title, obj)
@@ -407,9 +436,11 @@ export default class extends Vue {
      }
    }
  }
+
  toggleHandleBar () {
    this.handleBarActive = !this.handleBarActive
  }
+
  // getPasteStyle () {
  //   this.pasteStyle = this.$db.get('settings.pasteStyle') || 'markdown'
  // }
@@ -417,6 +448,7 @@ export default class extends Vue {
    this.saveConfig('settings.pasteStyle', val)
    this.pasteStyle = val
  }
+
  beforeDestroy () {
    ipcRenderer.removeAllListeners('updateGallery')
    ipcRenderer.removeListener('getPicBeds', this.getPicBeds)
@@ -20,10 +20,12 @@ import mixin from '@/utils/mixin'
 import { Component, Vue, Watch } from 'vue-property-decorator'
 import {
  ipcRenderer,
-  IpcRendererEvent,
-  remote
+  IpcRendererEvent
 } from 'electron'
-import { SHOW_PRIVACY_MESSAGE } from '~/universal/events/constants'
+import { SHOW_MINI_PAGE_MENU, SET_MINI_WINDOW_POS } from '~/universal/events/constants'
+import {
+  isUrl
+} from '~/universal/utils/common'
@Component({
  name: 'mini-page',
  mixins: [mixin]
@@ -55,6 +57,7 @@ export default class extends Vue {
    })
    this.getPicBeds()
  }
+
  mounted () {
    window.addEventListener('mousedown', this.handleMouseDown, false)
    window.addEventListener('mousemove', this.handleMouseMove, false)
@@ -73,27 +76,59 @@ export default class extends Vue {
      }, 1200)
    }
  }
+
  getPicBeds () {
    this.picBed = ipcRenderer.sendSync('getPicBeds')
-    this.buildMenu()
  }
+
  onDrop (e: DragEvent) {
    this.dragover = false
-    this.ipcSendFiles(e.dataTransfer!.files)
+    const items = e.dataTransfer!.items
+    if (items.length === 2 && items[0].type === 'text/uri-list') {
+      this.handleURLDrag(items, e.dataTransfer!)
+    } else if (items[0].type === 'text/plain') {
+      const str = e.dataTransfer!.getData(items[0].type)
+      if (isUrl(str)) {
+        ipcRenderer.send('uploadChoosedFiles', [{ path: str }])
+      } else {
+        this.$message.error(this.$T('TIPS_DRAG_VALID_PICTURE_OR_URL'))
+      }
+    } else {
+      this.ipcSendFiles(e.dataTransfer!.files)
+    }
  }
+
+  handleURLDrag (items: DataTransferItemList, dataTransfer: DataTransfer) {
+    // text/html
+    // Use this data to get a more precise URL
+    const urlString = dataTransfer.getData(items[1].type)
+    const urlMatch = urlString.match(/<img.*src="(.*?)"/)
+    if (urlMatch) {
+      ipcRenderer.send('uploadChoosedFiles', [
+        {
+          path: urlMatch[1]
+        }
+      ])
+    } else {
+      this.$message.error(this.$T('TIPS_DRAG_VALID_PICTURE_OR_URL'))
+    }
+  }
+
  openUploadWindow () {
    // @ts-ignore
    document.getElementById('file-uploader').click()
  }
+
  onChange (e: any) {
    this.ipcSendFiles(e.target.files)
    // @ts-ignore
    document.getElementById('file-uploader').value = ''
  }
+
  ipcSendFiles (files: FileList) {
-    let sendFiles: IFileWithPath[] = []
-    Array.from(files).forEach((item, index) => {
-      let obj = {
+    const sendFiles: IFileWithPath[] = []
+    Array.from(files).forEach((item) => {
+      const obj = {
        name: item.name,
        path: item.path
      }
@@ -101,6 +136,7 @@ export default class extends Vue {
    })
    ipcRenderer.send('uploadChoosedFiles', sendFiles)
  }
+
  handleMouseDown (e: MouseEvent) {
    this.dragging = true
    this.wX = e.pageX
@@ -108,20 +144,28 @@ export default class extends Vue {
    this.screenX = e.screenX
    this.screenY = e.screenY
  }
+
  handleMouseMove (e: MouseEvent) {
    e.preventDefault()
    e.stopPropagation()
    if (this.dragging) {
      const xLoc = e.screenX - this.wX
      const yLoc = e.screenY - this.wY
-      remote.BrowserWindow.getFocusedWindow()!.setBounds({
+      ipcRenderer.send(SET_MINI_WINDOW_POS, {
        x: xLoc,
        y: yLoc,
        width: 64,
        height: 64
      })
+      // remote.BrowserWindow.getFocusedWindow()!.setBounds({
+      //   x: xLoc,
+      //   y: yLoc,
+      //   width: 64,
+      //   height: 64
+      // })
    }
  }
+
  handleMouseUp (e: MouseEvent) {
    this.dragging = false
    if (this.screenX === e.screenX && this.screenY === e.screenY) {
@@ -133,71 +177,11 @@ export default class extends Vue {
      }
    }
  }
+
  openContextMenu () {
-    this.menu!.popup()
-  }
-  async buildMenu () {
-    const _this = this
-    const current = await this.getConfig('picBed.current')
-    const submenu = this.picBed.filter(item => item.visible).map(item => {
-      return {
-        label: item.name,
-        type: 'radio',
-        checked: current === item.type,
-        click () {
-          _this.saveConfig({
-            'picBed.current': item.type,
-            'picBed.uploader': item.type
-          })
-          ipcRenderer.send('syncPicBed')
-        }
-      }
-    })
-    const template = [
-      {
-        label: '打开详细窗口',
-        click () {
-          ipcRenderer.send('openSettingWindow')
-        }
-      },
-      {
-        label: '选择默认图床',
-        type: 'submenu',
-        submenu
-      },
-      {
-        label: '剪贴板图片上传',
-        click () {
-          ipcRenderer.send('uploadClipboardFilesFromUploadPage')
-        }
-      },
-      {
-        label: '隐藏窗口',
-        click () {
-          remote.BrowserWindow.getFocusedWindow()!.hide()
-        }
-      },
-      {
-        label: '隐私协议',
-        click () {
-          ipcRenderer.send(SHOW_PRIVACY_MESSAGE)
-        }
-      },
-      {
-        label: '重启应用',
-        click () {
-          remote.app.relaunch()
-          remote.app.exit(0)
-        }
-      },
-      {
-        role: 'quit',
-        label: '退出'
-      }
-    ]
-    // @ts-ignore
-    this.menu = remote.Menu.buildFromTemplate(template)
+    ipcRenderer.send(SHOW_MINI_PAGE_MENU)
  }
+
  beforeDestroy () {
    ipcRenderer.removeAllListeners('uploadProgress')
    ipcRenderer.removeListener('getPicBeds', this.getPicBeds)
@@ -1,135 +1,169 @@
 <template>
  <div id="picgo-setting">
    <div class="view-title">
-      PicGo设置 - <i class="el-icon-document" @click="goConfigPage"></i>
+      {{ $T('PICGO_SETTINGS') }} - <i class="el-icon-document" @click="goConfigPage"></i>
    </div>
    <el-row class="setting-list">
-      <el-col :span="16" :offset="4">
+      <el-col :span="20" :offset="2">
        <el-row>
        <el-form
-          label-width="160px"
-          label-position="right"
+          label-position="left"
+          label-width="10"
          size="small"
        >
          <el-form-item
-            label="打开配置文件"
+            :label="$T('SETTINGS_CHOOSE_LANGUAGE')"
          >
-            <el-button type="primary" round size="mini" @click="openFile('data.json')">点击打开</el-button>
+            <!-- <el-button type="primary" round size="mini" @click="openFile('data.json')">{{ $T('SETTINGS_CLICK_TO_OPEN') }}</el-button> -->
+            <el-select
+              v-model="currentLanguage"
+              size="mini"
+              style="width: 100%"
+              @change="handleLanguageChange"
+              :placeholder="$T('SETTINGS_CHOOSE_LANGUAGE')">
+              <el-option
+                v-for="item in languageList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
          </el-form-item>
          <el-form-item
-            label="设置日志文件"
+            :label="$T('SETTINGS_OPEN_CONFIG_FILE')"
          >
-            <el-button type="primary" round size="mini" @click="openLogSetting">点击设置</el-button>
+            <el-button type="primary" round size="mini" @click="openFile('data.json')">{{ $T('SETTINGS_CLICK_TO_OPEN') }}</el-button>
          </el-form-item>
          <el-form-item
-            label="修改快捷键"
+            :label="$T('SETTINGS_SET_LOG_FILE')"
          >
-            <el-button type="primary" round size="mini" @click="goShortCutPage">点击设置</el-button>
+            <el-button type="primary" round size="mini" @click="openLogSetting">{{ $T('SETTINGS_CLICK_TO_SET') }}</el-button>
          </el-form-item>
          <el-form-item
-            label="自定义链接格式"
+            :label="$T('SETTINGS_SET_SHORTCUT')"
          >
-            <el-button type="primary" round size="mini" @click="customLinkVisible = true">点击设置</el-button>
+            <el-button type="primary" round size="mini" @click="goShortCutPage">{{ $T('SETTINGS_CLICK_TO_SET') }}</el-button>
          </el-form-item>
          <el-form-item
-            label="设置代理和镜像地址"
+            :label="$T('SETTINGS_CUSTOM_LINK_FORMAT')"
          >
-            <el-button type="primary" round size="mini" @click="proxyVisible = true">点击设置</el-button>
+            <el-button type="primary" round size="mini" @click="customLinkVisible = true">{{ $T('SETTINGS_CLICK_TO_SET') }}</el-button>
          </el-form-item>
          <el-form-item
-            label="设置Server"
+            :label="$T('SETTINGS_SET_PROXY_AND_MIRROR')"
          >
-            <el-button type="primary" round size="mini" @click="serverVisible = true">点击设置</el-button>
+            <el-button type="primary" round size="mini" @click="proxyVisible = true">{{ $T('SETTINGS_CLICK_TO_SET') }}</el-button>
          </el-form-item>
          <el-form-item
-            label="检查更新"
+            :label="$T('SETTINGS_SET_SERVER')"
          >
-            <el-button type="primary" round size="mini" @click="checkUpdate">点击检查</el-button>
+            <el-button type="primary" round size="mini" @click="serverVisible = true">{{ $T('SETTINGS_CLICK_TO_SET') }}</el-button>
          </el-form-item>
          <el-form-item
-            label="打开更新助手"
+            :label="$T('SETTINGS_CHECK_UPDATE')"
+          >
+            <el-button type="primary" round size="mini" @click="checkUpdate">{{ $T('SETTINGS_CLICK_TO_CHECK') }}</el-button>
+          </el-form-item>
+          <el-form-item
+            :label="$T('SETTINGS_OPEN_UPDATE_HELPER')"
          >
            <el-switch
              v-model="form.updateHelper"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="updateHelperChange"
            ></el-switch>
          </el-form-item>
          <el-form-item
            v-show="form.updateHelper"
-            label="接受Beta版本更新"
+            :label="$T('SETTINGS_ACCEPT_BETA_UPDATE')"
          >
            <el-switch
              v-model="form.checkBetaUpdate"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="checkBetaUpdateChange"
            ></el-switch>
          </el-form-item>
          <el-form-item
-            label="开机自启"
+            :label="$T('SETTINGS_LAUNCH_ON_BOOT')"
          >
            <el-switch
              v-model="form.autoStart"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="handleAutoStartChange"
            ></el-switch>
          </el-form-item>
          <el-form-item
-            label="上传前重命名"
+            :label="$T('SETTINGS_RENAME_BEFORE_UPLOAD')"
          >
            <el-switch
              v-model="form.rename"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="handleRename"
            ></el-switch>
          </el-form-item>
          <el-form-item
-            label="时间戳重命名"
+            :label="$T('SETTINGS_TIMESTAMP_RENAME')"
          >
            <el-switch
              v-model="form.autoRename"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="handleAutoRename"
            ></el-switch>
          </el-form-item>
          <el-form-item
-            label="开启上传提示"
+            :label="$T('SETTINGS_OPEN_UPLOAD_TIPS')"
          >
            <el-switch
              v-model="form.uploadNotification"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="handleUploadNotification"
            ></el-switch>
          </el-form-item>
          <el-form-item
            v-if="os !== 'darwin'"
-            label="Mini窗口置顶"
+            :label="$T('SETTINGS_MINI_WINDOW_ON_TOP')"
          >
            <el-switch
              v-model="form.miniWindowOntop"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="handleMiniWindowOntop"
            ></el-switch>
          </el-form-item>
          <el-form-item
-            label="上传后自动复制URL"
+            :label="$T('SETTINGS_AUTO_COPY_URL_AFTER_UPLOAD')"
          >
            <el-switch
              v-model="form.autoCopyUrl"
-              active-text="开"
-              inactive-text="关"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
              @change="handleAutoCopyUrl"
            ></el-switch>
          </el-form-item>
          <el-form-item
-            label="选择显示的图床"
+          >
+            <div class="el-form-item__custom-label" slot="label">
+             {{ $T('SETTINGS_USE_BUILTIN_CLIPBOARD_UPLOAD') }}
+            <el-tooltip class="item" effect="dark" :content="$T('BUILTIN_CLIPBOARD_TIPS')" placement="right">
+              <i class="el-icon-question"></i>
+            </el-tooltip>
+            </div>
+            <el-switch
+              v-model="form.useBuiltinClipboard"
+              :active-text="$T('SETTINGS_OPEN')"
+              :inactive-text="$T('SETTINGS_CLOSE')"
+              @change="useBuiltinClipboardChange"
+            ></el-switch>
+          </el-form-item>
+          <el-form-item
+            :style="{ marginRight: '-64px' }"
+            :label="$T('CHOOSE_SHOWED_PICBED')"
          >
            <el-checkbox-group
              v-model="form.showPicBedList"
@@ -147,7 +181,7 @@
      </el-col>
    </el-row>
    <el-dialog
-      title="自定义链接格式"
+      :title="$T('SETTINGS_CUSTOM_LINK_FORMAT')"
      :visible.sync="customLinkVisible"
      :modal-append-to-body="false"
    >
@@ -162,10 +196,10 @@
          prop="value"
        >
          <div class="custom-title">
-            用占位符 <b>$url</b> 来表示url的位置
+            {{ $T('SETTINGS_TIPS_PLACEHOLDER_URL') }}
          </div>
          <div class="custom-title">
-            用占位符 <b>$fileName</b> 来表示文件名的位置
+            {{ $T('SETTINGS_TIPS_PLACEHOLDER_FILENAME') }}
          </div>
          <el-input
            class="align-center"
@@ -175,15 +209,15 @@
        </el-form-item>
      </el-form>
      <div>
-        如[$fileName]($url)
+        {{ $T('SETTINGS_TIPS_SUCH_AS') }}[$fileName]($url)
      </div>
      <span slot="footer">
-        <el-button @click="cancelCustomLink" round>取消</el-button>
-        <el-button type="primary" @click="confirmCustomLink" round>确定</el-button>
+        <el-button @click="cancelCustomLink" round>{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="confirmCustomLink" round>{{ $T('CONFIRM') }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
-      title="设置代理和镜像地址"
+      :title="$T('SETTINGS_SET_PROXY_AND_MIRROR')"
      :visible.sync="proxyVisible"
      :modal-append-to-body="false"
      width="70%"
@@ -196,59 +230,59 @@
        label-width="120px"
      >
        <el-form-item
-          label="上传代理"
+          :label="$T('SETTINGS_UPLOAD_PROXY')"
        >
          <el-input
            v-model="proxy"
            :autofocus="true"
-            placeholder="例如：http://127.0.0.1:1080"
+            :placeholder="`${$T('SETTINGS_TIPS_SUCH_AS')}：http://127.0.0.1:1080`"
          ></el-input>
        </el-form-item>
        <el-form-item
-          label="插件安装代理"
+          :label="$T('SETTINGS_PLUGIN_INSTALL_PROXY')"
        >
          <el-input
            v-model="npmProxy"
            :autofocus="true"
-            placeholder="例如：http://127.0.0.1:1080"
+            :placeholder="`${$T('SETTINGS_TIPS_SUCH_AS')}：http://127.0.0.1:1080`"
          ></el-input>
        </el-form-item>
        <el-form-item
-          label="插件镜像地址"
+          :label="$T('SETTINGS_PLUGIN_INSTALL_MIRROR')"
        >
          <el-input
            v-model="npmRegistry"
            :autofocus="true"
-            placeholder="例如：https://registry.npm.taobao.org/"
+            :placeholder="`${$T('SETTINGS_TIPS_SUCH_AS')}：https://registry.npm.taobao.org/`"
          ></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer">
-        <el-button @click="cancelProxy" round>取消</el-button>
-        <el-button type="primary" @click="confirmProxy" round>确定</el-button>
+        <el-button @click="cancelProxy" round>{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="confirmProxy" round>{{ $T('CONFIRM') }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
-      title="检查更新"
+      :title="$T('SETTINGS_CHECK_UPDATE')"
      :visible.sync="checkUpdateVisible"
      :modal-append-to-body="false"
    >
      <div>
-        当前版本：{{ version }}
+        {{ $T('SETTINGS_CURRENT_VERSION') }}: {{ version }}
      </div>
      <div>
-        最新版本：{{ latestVersion ? latestVersion : '正在获取中...' }}
+        {{ $T('SETTINGS_NEWEST_VERSION') }}: {{ latestVersion ? latestVersion : `${$T('SETTINGS_GETING')}...` }}
      </div>
      <div v-if="needUpdate">
-        PicGo更新啦，请点击确定打开下载页面
+        {{ $T('SETTINGS_TIPS_HAS_NEW_VERSION') }}
      </div>
      <span slot="footer">
-        <el-button @click="cancelCheckVersion" round>取消</el-button>
-        <el-button type="primary" @click="confirmCheckVersion" round>确定</el-button>
+        <el-button @click="cancelCheckVersion" round>{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="confirmCheckVersion" round>{{ $T('CONFIRM') }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
-      title="设置日志文件"
+      :title="$T('SETTINGS_SET_LOG_FILE')"
      :visible.sync="logFileVisible"
      :modal-append-to-body="false"
    >
@@ -257,12 +291,12 @@
        label-width="100px"
      >
        <el-form-item
-          label="日志文件"
+          :label="$T('SETTINGS_LOG_FILE')"
        >
-          <el-button type="primary" round size="mini" @click="openFile('picgo.log')">点击打开</el-button>
+          <el-button type="primary" round size="mini" @click="openFile('picgo.log')">{{ $T('SETTINGS_CLICK_TO_OPEN') }}</el-button>
        </el-form-item>
        <el-form-item
-          label="日志记录等级"
+          :label="$T('SETTINGS_LOG_LEVEL')"
        >
          <el-select
            v-model="form.logLevel"
@@ -280,57 +314,57 @@
        </el-form-item>
      </el-form>
      <span slot="footer">
-        <el-button @click="cancelLogLevelSetting" round>取消</el-button>
-        <el-button type="primary" @click="confirmLogLevelSetting" round>确定</el-button>
+        <el-button @click="cancelLogLevelSetting" round>{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="confirmLogLevelSetting" round>{{ $T('CONFIRM') }}</el-button>
      </span>
    </el-dialog>
    <el-dialog
      class="server-dialog"
      width="60%"
-      title="设置PicGo-Server"
+      :title="$T('SETTINGS_SET_PICGO_SERVER')"
      :visible.sync="serverVisible"
      :modal-append-to-body="false"
    >
      <div class="notice-text">
-        如果你不知道Server的作用，请阅读文档，或者不用修改配置。
+        {{ $T('SETTINGS_TIPS_SERVER_NOTICE') }}
      </div>
      <el-form
        label-position="right"
        label-width="120px"
      >
        <el-form-item
-          label="是否开启Server"
+          :label="$T('SETTINGS_ENABLE_SERVER')"
        >
          <el-switch
            v-model="server.enable"
-            active-text="开"
-            inactive-text="关"
+            :active-text="$T('SETTINGS_OPEN')"
+            :inactive-text="$T('SETTINGS_CLOSE')"
          ></el-switch>
        </el-form-item>
        <template v-if="server.enable">
          <el-form-item
-            label="设置监听地址"
+            :label="$T('SETTINGS_SET_SERVER_HOST')"
          >
            <el-input
              type="input"
              v-model="server.host"
-              placeholder="推荐默认地址:127.0.0.1"
+              :placeholder="$T('SETTINGS_TIP_PLACEHOLDER_HOST')"
            ></el-input>
          </el-form-item>
          <el-form-item
-            label="设置监听端口"
+            :label="$T('SETTINGS_SET_SERVER_PORT')"
          >
            <el-input
              type="number"
              v-model="server.port"
-              placeholder="推荐默认端口:36677"
+              :placeholder="$T('SETTINGS_TIP_PLACEHOLDER_PORT')"
            ></el-input>
          </el-form-item>
        </template>
      </el-form>
      <span slot="footer">
-        <el-button @click="cancelServerSetting" round>取消</el-button>
-        <el-button type="primary" @click="confirmServerSetting" round>确定</el-button>
+        <el-button @click="cancelServerSetting" round>{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="confirmServerSetting" round>{{ $T('CONFIRM') }}</el-button>
      </span>
    </el-dialog>
  </div>
@@ -338,20 +372,20 @@
 <script lang="ts">
 import keyDetect from '@/utils/key-binding'
 import pkg from 'root/package.json'
-import { IConfig } from 'picgo/dist/src/types/index'
-import { PICGO_OPEN_FILE } from '#/events/constants'
+import { IConfig } from 'picgo'
+import { PICGO_OPEN_FILE, OPEN_URL, CHANGE_LANGUAGE } from '#/events/constants'
 import {
-  ipcRenderer,
-  remote
+  ipcRenderer
 } from 'electron'
 import { Component, Vue } from 'vue-property-decorator'
+import { T, languageList } from '~/universal/i18n'
 // import db from '#/datastore'
 const releaseUrl = 'https://api.github.com/repos/Molunerfinn/PicGo/releases/latest'
 const releaseUrlBackup = 'https://cdn.jsdelivr.net/gh/Molunerfinn/PicGo@latest/package.json'
 const downloadUrl = 'https://github.com/Molunerfinn/PicGo/releases/latest'
 const customLinkRule = (rule: string, value: string, callback: (arg0?: Error) => void) => {
  if (!/\$url/.test(value)) {
-    return callback(new Error('必须含有$url'))
+    return callback(new Error(T('TIPS_MUST_CONTAINS_URL')))
  } else {
    return callback()
  }
@@ -371,8 +405,17 @@ export default class extends Vue {
    miniWindowOntop: false,
    logLevel: ['all'],
    autoCopyUrl: true,
-    checkBetaUpdate: true
+    checkBetaUpdate: true,
+    useBuiltinClipboard: false,
+    language: 'zh-CN'
  }
+
+  languageList = languageList.map(item => ({
+    label: item,
+    value: item
+  }))
+
+  currentLanguage = 'zh-CN'
  picBed: IPicBedType[] = []
  logFileVisible = false
  keyBindingVisible = false
@@ -383,9 +426,11 @@ export default class extends Vue {
  customLink = {
    value: '$url'
  }
+
  shortKey: IShortKeyMap = {
    upload: ''
  }
+
  proxy = ''
  npmRegistry = ''
  npmProxy = ''
@@ -394,19 +439,22 @@ export default class extends Vue {
      { validator: customLinkRule, trigger: 'blur' }
    ]
  }
+
  logLevel = {
-    all: '全部-All',
-    success: '成功-Success',
-    error: '错误-Error',
-    info: '普通-Info',
-    warn: '提醒-Warn',
-    none: '不记录日志-None'
+    all: this.$T('SETTINGS_LOG_LEVEL_ALL'),
+    success: this.$T('SETTINGS_LOG_LEVEL_SUCCESS'),
+    error: this.$T('SETTINGS_LOG_LEVEL_ERROR'),
+    info: this.$T('SETTINGS_LOG_LEVEL_INFO'),
+    warn: this.$T('SETTINGS_LOG_LEVEL_WARN'),
+    none: this.$T('SETTINGS_LOG_LEVEL_NONE')
  }
+
  server = {
    port: 36677,
    host: '127.0.0.1',
    enable: true
  }
+
  version = pkg.version
  latestVersion = ''
  os = ''
@@ -418,11 +466,14 @@ export default class extends Vue {
      return false
    }
  }
+
  created () {
    this.os = process.platform
    ipcRenderer.send('getPicBeds')
    ipcRenderer.on('getPicBeds', this.getPicBeds)
+    this.initData()
  }
+
  async initData () {
    const config = (await this.getConfig<IConfig>())!
    if (config !== undefined) {
@@ -437,7 +488,9 @@ export default class extends Vue {
      this.form.logLevel = this.initLogLevel(settings.logLevel || [])
      this.form.autoCopyUrl = settings.autoCopy === undefined ? true : settings.autoCopy
      this.form.checkBetaUpdate = settings.checkBetaUpdate === undefined ? true : settings.checkBetaUpdate
-
+      this.form.useBuiltinClipboard = settings.useBuiltinClipboard === undefined ? false : settings.useBuiltinClipboard
+      this.form.language = settings.language ?? 'zh-CN'
+      this.currentLanguage = settings.language ?? 'zh-CN'
      this.customLink.value = settings.customLink || '$url'
      this.shortKey.upload = settings.shortKey.upload
      this.proxy = picBed.proxy || ''
@@ -468,21 +521,27 @@ export default class extends Vue {
      if (item.visible) {
        return item.name
      }
-    }) as string[]
+      return null
+    }).filter(item => item) as string[]
  }
+
  openFile (file: string) {
    ipcRenderer.send(PICGO_OPEN_FILE, file)
  }
+
  openLogSetting () {
    this.logFileVisible = true
  }
+
  keyDetect (type: string, event: KeyboardEvent) {
    this.shortKey[type] = keyDetect(event).join('+')
  }
+
  async cancelCustomLink () {
    this.customLinkVisible = false
    this.customLink.value = await this.getConfig<string>('settings.customLink') || '$url'
  }
+
  confirmCustomLink () {
    // @ts-ignore
    this.$refs.customLink.validate((valid: boolean) => {
@@ -495,10 +554,12 @@ export default class extends Vue {
      }
    })
  }
+
  async cancelProxy () {
    this.proxyVisible = false
    this.proxy = await this.getConfig<string>('picBed.proxy') || ''
  }
+
  confirmProxy () {
    this.proxyVisible = false
    this.saveConfig({
@@ -506,19 +567,26 @@ export default class extends Vue {
      'settings.proxy': this.npmProxy,
      'settings.registry': this.npmRegistry
    })
-    const successNotification = new Notification('设置代理', {
-      body: '设置成功'
+    const successNotification = new Notification(this.$T('SETTINGS_SET_PROXY_AND_MIRROR'), {
+      body: this.$T('TIPS_SET_SUCCEED')
    })
    successNotification.onclick = () => {
      return true
    }
  }
+
  updateHelperChange (val: boolean) {
    this.saveConfig('settings.showUpdateTip', val)
  }
+
  checkBetaUpdateChange (val: boolean) {
    this.saveConfig('settings.checkBetaUpdate', val)
  }
+
+  useBuiltinClipboardChange (val: boolean) {
+    this.saveConfig('settings.useBuiltinClipboard', val)
+  }
+
  handleShowPicBedListChange (val: string[]) {
    const list = this.picBed.map(item => {
      if (!val.includes(item.name)) {
@@ -533,20 +601,24 @@ export default class extends Vue {
    })
    ipcRenderer.send('getPicBeds')
  }
+
  handleAutoStartChange (val: boolean) {
    this.saveConfig('settings.autoStart', val)
    ipcRenderer.send('autoStart', val)
  }
+
  handleRename (val: boolean) {
    this.saveConfig({
      'settings.rename': val
    })
  }
+
  handleAutoRename (val: boolean) {
    this.saveConfig({
      'settings.autoRename': val
    })
  }
+
  compareVersion2Update (current: string, latest: string) {
    const currentVersion = current.split('.').map(item => parseInt(item))
    const latestVersion = latest.split('.').map(item => parseInt(item))
@@ -561,6 +633,7 @@ export default class extends Vue {
    }
    return false
  }
+
  checkUpdate () {
    this.checkUpdateVisible = true
    this.$http.get(releaseUrl)
@@ -571,52 +644,59 @@ export default class extends Vue {
          .then(res => {
            this.latestVersion = res.data.version
          }).catch(() => {
-            this.latestVersion = '网络错误暂时无法获取'
+            this.latestVersion = this.$T('TIPS_NETWORK_ERROR')
          })
      })
  }
+
  confirmCheckVersion () {
    if (this.needUpdate) {
-      remote.shell.openExternal(downloadUrl)
+      ipcRenderer.send(OPEN_URL, downloadUrl)
    }
    this.checkUpdateVisible = false
  }
+
  cancelCheckVersion () {
    this.checkUpdateVisible = false
  }
+
  handleUploadNotification (val: boolean) {
    this.saveConfig({
      'settings.uploadNotification': val
    })
  }
+
  handleMiniWindowOntop (val: boolean) {
    this.saveConfig('settings.miniWindowOntop', val)
-    this.$message.info('需要重启生效')
+    this.$message.info(this.$T('TIPS_NEED_RELOAD'))
  }
+
  handleAutoCopyUrl (val: boolean) {
    this.saveConfig('settings.autoCopy', val)
-    const successNotification = new Notification('设置自动复制链接', {
-      body: '设置成功'
+    const successNotification = new Notification(this.$T('SETTINGS_AUTO_COPY_URL_AFTER_UPLOAD'), {
+      body: this.$T('TIPS_SET_SUCCEED')
    })
    successNotification.onclick = () => {
      return true
    }
  }
+
  confirmLogLevelSetting () {
    if (this.form.logLevel.length === 0) {
-      return this.$message.error('请选择日志记录等级')
+      return this.$message.error(this.$T('TIPS_PLEASE_CHOOSE_LOG_LEVEL'))
    }
    this.saveConfig({
      'settings.logLevel': this.form.logLevel
    })
-    const successNotification = new Notification('设置日志', {
-      body: '设置成功'
+    const successNotification = new Notification(this.$T('SETTINGS_SET_LOG_FILE'), {
+      body: this.$T('TIPS_SET_SUCCEED')
    })
    successNotification.onclick = () => {
      return true
    }
    this.logFileVisible = false
  }
+
  async cancelLogLevelSetting () {
    this.logFileVisible = false
    let logLevel = await this.getConfig<string | string[]>('settings.logLevel')
@@ -629,14 +709,15 @@ export default class extends Vue {
    }
    this.form.logLevel = logLevel
  }
+
  confirmServerSetting () {
    // @ts-ignore
    this.server.port = parseInt(this.server.port, 10)
    this.saveConfig({
      'settings.server': this.server
    })
-    const successNotification = new Notification('设置PicGo-Server', {
-      body: '设置成功'
+    const successNotification = new Notification(this.$T('SETTINGS_SET_PICGO_SERVER'), {
+      body: this.$T('TIPS_SET_SUCCEED')
    })
    successNotification.onclick = () => {
      return true
@@ -644,6 +725,7 @@ export default class extends Vue {
    this.serverVisible = false
    ipcRenderer.send('updateServer')
  }
+
  async cancelServerSetting () {
    this.serverVisible = false
    this.server = await this.getConfig('settings.server') || {
@@ -652,10 +734,11 @@ export default class extends Vue {
      enable: true
    }
  }
+
  handleLevelDisabled (val: string) {
-    let currentLevel = val
+    const currentLevel = val
    let flagLevel
-    let result = this.form.logLevel.some(item => {
+    const result = this.form.logLevel.some(item => {
      if (item === 'all' || item === 'none') {
        flagLevel = item
      }
@@ -672,12 +755,24 @@ export default class extends Vue {
    }
    return false
  }
-  goConfigPage () {
-    remote.shell.openExternal('https://picgo.github.io/PicGo-Doc/zh/guide/config.html#picgo设置')
+
+  handleLanguageChange (val: string) {
+    this.$i18n.setLanguage(val)
+    this.forceUpdate()
+    ipcRenderer.send(CHANGE_LANGUAGE, val)
+    this.saveConfig({
+      'settings.language': val
+    })
  }
+
+  goConfigPage () {
+    ipcRenderer.send(OPEN_URL, 'https://picgo.github.io/PicGo-Doc/zh/guide/config.html#picgo设置')
+  }
+
  goShortCutPage () {
    this.$router.push('shortKey')
  }
+
  beforeDestroy () {
    ipcRenderer.removeListener('getPicBeds', this.getPicBeds)
  }
@@ -702,10 +797,28 @@ export default class extends Vue {
    overflow-x hidden
  .setting-list
    .el-form
+      &-item
+        display: flex
+        justify-content space-between
+        padding-top 8px
+        padding-bottom 8px
+        border-bottom 1px solid darken(#eee, 50%)
+        margin-bottom 0
+        &:last-child
+          border-bottom none
+        &::after
+          display none
+        &::before
+          display none
      label
        line-height 32px
        padding-bottom 0
        color #eee
+        flex-basis: 50%
+        flex-shrink: 0
+      .el-form-item__custom-label
+        display flex
+        align-items center
      .el-button-group
        width 100%
        .el-button
@@ -719,9 +832,7 @@ export default class extends Vue {
        &.is-active
          color #409EFF
      .el-icon-question
-        font-size 20px
-        float right
-        margin-top 9px
+        margin-left 4px
        color #eee
        cursor pointer
        transition .2s color ease-in-out
@@ -1,7 +1,7 @@
 <template>
  <div id="plugin-view">
    <div class="view-title">
-      插件设置 -
+      {{ $T('PLUGIN_SETTINGS') }} -
      <el-tooltip :content="pluginListToolTip" placement="right">
        <i class="el-icon-goods" @click="goAwesomeList"></i>
      </el-tooltip>
@@ -12,7 +12,7 @@
    <el-row class="handle-bar" :class="{ 'cut-width': pluginList.length > 6 }">
      <el-input
        v-model="searchText"
-        placeholder="搜索npm上的PicGo插件，或者点击上方按钮查看优秀插件列表"
+        :placeholder="$T('PLUGIN_SEARCH_PLACEHOLDER')"
        size="small"
      >
        <i slot="suffix" class="el-input__icon el-icon-close" v-if="searchText" @click="cleanSearch" style="cursor: pointer"></i>
@@ -43,19 +43,19 @@
                <template v-if="searchText">
                  <template v-if="!item.hasInstall">
                    <span class="config-button install" v-if="!item.ing" @click="installPlugin(item)">
-                      安装
+                      {{ $T('PLUGIN_INSTALL') }}
                    </span>
                    <span v-else-if="item.ing" class="config-button ing">
-                      安装中
+                      {{ $T('PLUGIN_INSTALLING') }}
                    </span>
                  </template>
                  <span v-else class="config-button ing">
-                    已安装
+                    {{ $T('PLUGIN_INSTALLED') }}
                  </span>
                </template>
                <template v-else>
                  <span v-if="item.ing" class="config-button ing">
-                    进行中
+                    {{ $T('PLUGIN_DOING_SOMETHING') }}
                  </span>
                  <template v-else>
                    <i
@@ -77,12 +77,14 @@
      </el-col>
    </el-row>
    <el-row v-show="needReload" class="reload-mask" :class="{ 'cut-width': pluginList.length > 6 }">
-      <el-button type="primary" @click="reloadApp" size="mini" round>重启以生效</el-button>
+      <el-button type="primary" @click="reloadApp" size="mini" round>{{ $T('TIPS_NEED_RELOAD') }}</el-button>
    </el-row>
    <el-dialog
      :visible.sync="dialogVisible"
      :modal-append-to-body="false"
-      :title="`配置${configName}`"
+      :title="$T('CONFIG_THING', {
+        c: configName
+      })"
      width="70%"
    >
      <config-form
@@ -93,8 +95,8 @@
      >
      </config-form>
      <span slot="footer">
-        <el-button @click="dialogVisible = false" round>取消</el-button>
-        <el-button type="primary" @click="handleConfirmConfig" round>确定</el-button>
+        <el-button @click="dialogVisible = false" round>{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="handleConfirmConfig" round>{{ $T('CONFIRM') }}</el-button>
      </span>
    </el-dialog>
  </div>
@@ -109,11 +111,17 @@ import ConfigForm from '@/components/ConfigForm.vue'
 import { debounce } from 'lodash'
 import {
  ipcRenderer,
-  remote,
  IpcRendererEvent
 } from 'electron'
 import { handleStreamlinePluginName } from '~/universal/utils/common'
-const { Menu } = remote
+import {
+  OPEN_URL,
+  RELOAD_APP,
+  PICGO_CONFIG_PLUGIN,
+  PICGO_HANDLE_PLUGIN_ING,
+  PICGO_TOGGLE_PLUGIN,
+  SHOW_PLUGIN_PAGE_MENU
+} from '#/events/constants'

@Component({
  name: 'plugin',
@@ -132,8 +140,7 @@ export default class extends Vue {
  pluginNameList: string[] = []
  loading = true
  needReload = false
-  pluginListToolTip = '插件列表'
-  importLocalPluginToolTip = '导入本地插件'
+  pluginListToolTip = this.$T('PLUGIN_LIST')importLocalPluginToolTip = this.$T('PLUGIN_IMPORT_LOCAL')
  id = ''
  os = ''
  defaultLogo: string = 'this.src="https://cdn.jsdelivr.net/gh/Molunerfinn/PicGo@dev/public/roundLogo.png"'
@@ -144,6 +151,7 @@ export default class extends Vue {
        ? `picgo-plugin-${this.searchText}`
        : this.searchText
  }
+
  @Watch('npmSearchText')
  onNpmSearchTextChange (val: string) {
    if (val) {
@@ -154,6 +162,7 @@ export default class extends Vue {
      this.getPluginList()
    }
  }
+
  @Watch('dialogVisible')
  onDialogVisible (val: boolean) {
    if (val) {
@@ -164,6 +173,7 @@ export default class extends Vue {
      document.querySelector('.main-content.el-row').style.zIndex = 10
    }
  }
+
  async created () {
    this.os = process.platform
    ipcRenderer.on('hideLoading', () => {
@@ -214,110 +224,50 @@ export default class extends Vue {
      })
      this.pluginNameList = this.pluginNameList.filter(item => item !== plugin)
    })
+    ipcRenderer.on(PICGO_CONFIG_PLUGIN, (evt: IpcRendererEvent, currentType: string, configName: string, config: any) => {
+      this.currentType = currentType
+      this.configName = configName
+      this.dialogVisible = true
+      this.config = config
+    })
+    ipcRenderer.on(PICGO_HANDLE_PLUGIN_ING, (evt: IpcRendererEvent, fullName: string) => {
+      this.pluginList.forEach(item => {
+        if (item.fullName === fullName || (item.name === fullName)) {
+          item.ing = true
+        }
+      })
+      this.loading = true
+    })
+    ipcRenderer.on(PICGO_TOGGLE_PLUGIN, (evt: IpcRendererEvent, fullName: string, enabled: boolean) => {
+      const plugin = this.pluginList.find(item => item.fullName === fullName)
+      if (plugin) {
+        plugin.enabled = enabled
+        this.getPicBeds()
+        this.needReload = true
+      }
+    })
    this.getPluginList()
    this.getSearchResult = debounce(this.getSearchResult, 50)
    this.needReload = await this.getConfig<boolean>('needReload') || false
  }
+
  async buildContextMenu (plugin: IPicGoPlugin) {
-    const _this = this
-    let menu = [{
-      label: '启用插件',
-      enabled: !plugin.enabled,
-      click () {
-        _this.saveConfig({
-          [`picgoPlugins.${plugin.fullName}`]: true
-        })
-        plugin.enabled = true
-        _this.getPicBeds()
-        _this.needReload = true
-      }
-    }, {
-      label: '禁用插件',
-      enabled: plugin.enabled,
-      click () {
-        _this.saveConfig({
-          [`picgoPlugins.${plugin.fullName}`]: false
-        })
-        plugin.enabled = false
-        _this.getPicBeds()
-        if (plugin.config.transformer.name) {
-          _this.handleRestoreState('transformer', plugin.config.transformer.name)
-        }
-        if (plugin.config.uploader.name) {
-          _this.handleRestoreState('uploader', plugin.config.uploader.name)
-        }
-        _this.needReload = true
-      }
-    }, {
-      label: '卸载插件',
-      click () {
-        _this.uninstallPlugin(plugin.fullName)
-      }
-    }, {
-      label: '更新插件',
-      click () {
-        _this.updatePlugin(plugin.fullName)
-      }
-    }]
-    for (let i in plugin.config) {
-      if (plugin.config[i].config.length > 0) {
-        const obj = {
-          label: `配置${i} - ${plugin.config[i].fullName || plugin.config[i].name}`,
-          click () {
-            _this.currentType = i
-            _this.configName = plugin.config[i].fullName || plugin.config[i].name
-            _this.dialogVisible = true
-            _this.config = plugin.config[i].config
-          },
-          enabled: plugin.enabled
-        }
-        menu.push(obj)
-      }
-    }
-
-    // handle transformer
-    if (plugin.config.transformer.name) {
-      let currentTransformer = await this.getConfig<string>('picBed.transformer') || 'path'
-      let pluginTransformer = plugin.config.transformer.name
-      const obj = {
-        label: `${currentTransformer === pluginTransformer ? '禁用' : '启用'}transformer - ${plugin.config.transformer.name}`,
-        click () {
-          _this.toggleTransformer(plugin.config.transformer.name)
-        }
-      }
-      menu.push(obj)
-    }
-
-    // plugin custom menus
-    if (plugin.guiMenu) {
-      menu.push({
-        // @ts-ignore
-        type: 'separator'
-      })
-      for (let i of plugin.guiMenu) {
-        menu.push({
-          label: i.label,
-          click () {
-            ipcRenderer.send('pluginActions', plugin.fullName, i.label)
-          }
-        })
-      }
-    }
-
-    this.menu = Menu.buildFromTemplate(menu)
-    this.menu.popup()
+    ipcRenderer.send(SHOW_PLUGIN_PAGE_MENU, plugin)
  }
+
  getPluginList () {
    ipcRenderer.send('getPluginList')
  }
+
  getPicBeds () {
    ipcRenderer.send('getPicBeds')
  }
+
  installPlugin (item: IPicGoPlugin) {
    if (!item.gui) {
-      this.$confirm('该插件未对可视化界面进行优化, 是否继续安装?', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
+      this.$confirm(this.$T('TIPS_PLUGIN_NOT_GUI_IMPLEMENT'), this.$T('TIPS_NOTICE'), {
+        confirmButtonText: this.$T('CONFIRM'),
+        cancelButtonText: this.$T('CANCEL'),
        type: 'warning'
      }).then(() => {
        item.ing = true
@@ -330,6 +280,7 @@ export default class extends Vue {
      ipcRenderer.send('installPlugin', item.fullName)
    }
  }
+
  uninstallPlugin (val: string) {
    this.pluginList.forEach(item => {
      if (item.name === val) {
@@ -339,6 +290,7 @@ export default class extends Vue {
    this.loading = true
    ipcRenderer.send('uninstallPlugin', val)
  }
+
  updatePlugin (val: string) {
    this.pluginList.forEach(item => {
      if (item.fullName === val) {
@@ -348,37 +300,28 @@ export default class extends Vue {
    this.loading = true
    ipcRenderer.send('updatePlugin', val)
  }
+
  reloadApp () {
-    remote.app.relaunch()
-    remote.app.exit(0)
+    ipcRenderer.send(RELOAD_APP)
  }
+
  async handleReload () {
    this.saveConfig({
      needReload: true
    })
    this.needReload = true
-    const successNotification = new Notification('更新成功', {
-      body: '请点击此通知重启应用以生效'
+    const successNotification = new Notification(this.$T('PLUGIN_UPDATE_SUCCEED'), {
+      body: this.$T('TIPS_NEED_RELOAD')
    })
    successNotification.onclick = () => {
      this.reloadApp()
    }
  }
+
  cleanSearch () {
    this.searchText = ''
  }
-  async toggleTransformer (transformer: string) {
-    let currentTransformer = await this.getConfig<string>('picBed.transformer') || 'path'
-    if (currentTransformer === transformer) {
-      this.saveConfig({
-        'picBed.transformer': 'path'
-      })
-    } else {
-      this.saveConfig({
-        'picBed.transformer': transformer
-      })
-    }
-  }
+
  async handleConfirmConfig () {
    // @ts-ignore
    const result = await this.$refs.configForm.validate()
@@ -400,8 +343,8 @@ export default class extends Vue {
          })
          break
      }
-      const successNotification = new Notification('设置结果', {
-        body: '设置成功'
+      const successNotification = new Notification(this.$T('SETTINGS_RESULT'), {
+        body: this.$T('TIPS_SET_SUCCEED')
      })
      successNotification.onclick = () => {
        return true
@@ -410,6 +353,7 @@ export default class extends Vue {
      this.getPluginList()
    }
  }
+
  getSearchResult (val: string) {
    // this.$http.get(`https://api.npms.io/v2/search?q=${val}`)
    this.$http.get(`https://registry.npmjs.com/-/v1/search?text=${val}`)
@@ -428,6 +372,7 @@ export default class extends Vue {
        this.loading = false
      })
  }
+
  handleSearchResult (item: INPMSearchResultObject) {
    const name = handleStreamlinePluginName(item.package.name)
    let gui = false
@@ -450,6 +395,7 @@ export default class extends Vue {
      ing: false // installing or uninstalling
    }
  }
+
  // restore Uploader & Transformer
  async handleRestoreState (item: string, name: string) {
    if (item === 'uploader') {
@@ -470,18 +416,26 @@ export default class extends Vue {
      }
    }
  }
+
  openHomepage (url: string) {
    if (url) {
-      remote.shell.openExternal(url)
+      ipcRenderer.send(OPEN_URL, url)
    }
  }
+
  goAwesomeList () {
-    remote.shell.openExternal('https://github.com/PicGo/Awesome-PicGo')
+    ipcRenderer.send(OPEN_URL, 'https://github.com/PicGo/Awesome-PicGo')
  }
+
+  saveConfig (data: IObj) {
+    ipcRenderer.send('picgoSaveData', data)
+  }
+
  handleImportLocalPlugin () {
    ipcRenderer.send('importLocalPlugin')
    this.loading = true
  }
+
  beforeDestroy () {
    ipcRenderer.removeAllListeners('pluginList')
    ipcRenderer.removeAllListeners('installPlugin')
@@ -4,7 +4,7 @@
      @submit.native.prevent
    >
      <el-form-item
-        label="文件改名"
+        :label="$T('FILE_RENAME')"
      >
        <el-input
          v-model="fileName"
@@ -15,13 +15,14 @@
    </el-form>
    <el-row>
      <div class="pull-right">
-        <el-button @click="cancel" round size="mini">取消</el-button>
-        <el-button type="primary" @click="confirmName" round size="mini">确定</el-button>
+        <el-button @click="cancel" round size="mini">{{ $T('CANCEL') }}</el-button>
+        <el-button type="primary" @click="confirmName" round size="mini">{{ $T('CONFIRM') }}</el-button>
      </div>
    </el-row>
  </div>
 </template>
 <script lang="ts">
+import { RENAME_FILE_NAME } from '#/events/constants'
 import { Component, Vue } from 'vue-property-decorator'
 import mixin from '@/utils/mixin'
 import {
@@ -34,19 +35,25 @@ import {
 })
 export default class extends Vue {
  fileName: string = ''
+  originName: string = ''
  id: string | null = null
  created () {
-    ipcRenderer.on('rename', (event: IpcRendererEvent, name: string, id: string) => {
-      this.fileName = name
+    ipcRenderer.on(RENAME_FILE_NAME, (event: IpcRendererEvent, newName: string, originName: string, id: string) => {
+      this.fileName = newName
+      this.originName = originName
      this.id = id
    })
  }
+
  confirmName () {
-    ipcRenderer.send(`rename${this.id}`, this.fileName)
+    ipcRenderer.send(`${RENAME_FILE_NAME}${this.id}`, this.fileName)
  }
+
  cancel () {
-    ipcRenderer.send(`rename${this.id}`, null)
+    // if cancel, use origin file name
+    ipcRenderer.send(`${RENAME_FILE_NAME}${this.id}`, this.originName)
  }
+
  beforeDestroy () {
    ipcRenderer.removeAllListeners('rename')
  }
@@ -1,16 +1,19 @@
 <template>
  <div id="shortcut-page">
    <div class="view-title">
-      快捷键设置
+      {{ $T('SETTINGS_SET_SHORTCUT') }}
    </div>
    <el-row>
      <el-col :span="20" :offset="2">
        <el-table
+          class="shortcut-page-table-border"
          :data="list"
          size="mini"
+          header-cell-class-name="shortcut-page-table-border"
+          cell-class-name="shortcut-page-table-border"
        >
          <el-table-column
-            label="快捷键名称"
+            :label="$T('SHORTCUT_NAME')"
          >
            <template slot-scope="scope">
              {{ scope.row.label ? scope.row.label : scope.row.name }}
@@ -18,24 +21,24 @@
          </el-table-column>
          <el-table-column
            width="160px"
-            label="快捷键绑定"
+            :label="$T('SHORTCUT_BIND')"
            prop="key"
          >
          </el-table-column>
          <el-table-column
-            label="状态"
+            :label="$T('SHORTCUT_STATUS')"
          >
            <template slot-scope="scope">
              <el-tag
                size="mini"
                :type="scope.row.enable ? 'success' : 'danger'"
              >
-                {{ scope.row.enable ? '已启用' : '已禁用' }}
+                {{ scope.row.enable ? $T('SHORTCUT_ENABLED') : $T('SHORTCUT_DISABLED') }}
              </el-tag>
            </template>
          </el-table-column>
          <el-table-column
-            label="来源"
+            :label="$T('SHORTCUT_SOURCE')"
            width="100px"
          >
            <template slot-scope="scope">
@@ -43,7 +46,7 @@
            </template>
          </el-table-column>
          <el-table-column
-            label="操作"
+            :label="$T('SHORTCUT_HANDLE')"
          >
            <template slot-scope="scope">
              <el-button
@@ -53,14 +56,14 @@
                  disabled: scope.row.enable
                }"
                type="text">
-                {{ scope.row.enable ? '禁用' : '启用' }}
+                {{ scope.row.enable ? $T('SHORTCUT_DISABLE') : $T('SHORTCUT_ENABLE') }}
              </el-button>
              <el-button
                class="edit"
                size="mini"
                @click="openKeyBindingDialog(scope.row, scope.$index)"
                type="text">
-                编辑
+                {{ $T('SHORTCUT_EDIT') }}
              </el-button>
            </template>
          </el-table-column>
@@ -68,7 +71,7 @@
      </el-col>
    </el-row>
    <el-dialog
-      title="修改上传快捷键"
+      :title="$T('SHORTCUT_CHANGE_UPLOAD')"
      :visible.sync="keyBindingVisible"
      :modal-append-to-body="false"
    >
@@ -76,9 +79,7 @@
        label-position="top"
        label-width="80px"
      >
-        <el-form-item
-          label="快捷上传"
-        >
+        <el-form-item>
          <el-input
            class="align-center"
            @keydown.native.prevent="keyDetect($event)"
@@ -88,8 +89,12 @@
        </el-form-item>
      </el-form>
      <span slot="footer">
-        <el-button @click="cancelKeyBinding" round>取消</el-button>
-        <el-button type="primary" @click="confirmKeyBinding" round>确定</el-button>
+        <el-button @click="cancelKeyBinding" round>
+          {{ $T('CANCEL') }}
+        </el-button>
+        <el-button type="primary" @click="confirmKeyBinding" round>
+          {{ $T('CONFIRM') }}
+        </el-button>
      </span>
    </el-dialog>
  </div>
@@ -118,35 +123,43 @@ export default class extends Vue {
      }
    })
  }
+
  @Watch('keyBindingVisible')
  onKeyBindingVisibleChange (val: boolean) {
    ipcRenderer.send(TOGGLE_SHORTKEY_MODIFIED_MODE, val)
  }
+
  calcOrigin (item: string) {
    const [origin] = item.split(':')
    return origin
  }
+
  calcOriginShowName (item: string) {
    return item.replace('picgo-plugin-', '')
  }
+
  toggleEnable (item: IShortKeyConfig) {
    const status = !item.enable
    item.enable = status
    ipcRenderer.send('bindOrUnbindShortKey', item, item.from)
  }
+
  keyDetect (event: KeyboardEvent) {
    this.shortKey = keyDetect(event).join('+')
  }
+
  async openKeyBindingDialog (config: IShortKeyConfig, index: number) {
    this.command = `${config.from}:${config.name}`
    this.shortKey = await this.getConfig(`settings.shortKey.${this.command}.key`) || ''
    this.currentIndex = index
    this.keyBindingVisible = true
  }
+
  async cancelKeyBinding () {
    this.keyBindingVisible = false
    this.shortKey = await this.getConfig<string>(`settings.shortKey.${this.command}.key`) || ''
  }
+
  async confirmKeyBinding () {
    const oldKey = await this.getConfig<string>(`settings.shortKey.${this.command}.key`)
    const config = Object.assign({}, this.list[this.currentIndex])
@@ -159,6 +172,7 @@ export default class extends Vue {
      }
    })
  }
+
  beforeDestroy () {
    ipcRenderer.send(TOGGLE_SHORTKEY_MODIFIED_MODE, false)
  }
@@ -166,6 +180,8 @@ export default class extends Vue {
 </script>
 <style lang='stylus'>
 #shortcut-page
+  .shortcut-page-table-border
+    border-color darken(#eee, 50%)
  .el-dialog__body
    padding 10px 20px
    .el-form-item
@@ -178,6 +194,8 @@ export default class extends Vue {
  .el-table
    background-color: transparent
    color #ddd
+    &::before
+      background-color darken(#eee, 50%)
    thead
      color #bbb
    th,tr
@@ -3,7 +3,7 @@
    <!-- <div class="header-arrow"></div> -->
    <div class="content">
      <div class="wait-upload-img" v-if="clipboardFiles.length > 0">
-        <div class="list-title">等待上传</div>
+        <div class="list-title">{{ $T('WAIT_TO_UPLOAD') }}</div>
        <div v-for="(item, index) in clipboardFiles" :key="index" class="img-list">
          <div
            class="upload-img__container"
@@ -14,7 +14,7 @@
        </div>
      </div>
      <div class="uploaded-img">
-        <div class="list-title">已上传</div>
+        <div class="list-title">{{ $T('ALREADY_UPLOAD') }}</div>
        <div v-for="item in files" :key="item.imgUrl" class="img-list">
          <div class="upload-img__container" @click="copyTheLink(item)">
            <img :src="item.imgUrl" class="upload-img">
@@ -28,10 +28,9 @@
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
 import mixin from '@/utils/mixin'
-import pasteTemplate from '#/utils/pasteTemplate'
-import { ipcRenderer, clipboard } from 'electron'
-import { IPasteStyle } from '#/types/enum'
+import { ipcRenderer } from 'electron'
 import { IResult } from '@picgo/store/dist/types'
+import { PASTE_TEXT } from '#/events/constants'

@Component({
  name: 'tray-page',
@@ -40,32 +39,35 @@ import { IResult } from '@picgo/store/dist/types'
 export default class extends Vue {
  files: IResult<ImgInfo>[] = []
  notification = {
-    title: '复制链接成功',
+    title: this.$T('COPY_LINK_SUCCEED'),
    body: '',
    icon: ''
  }
+
  clipboardFiles: ImgInfo[] = []
  uploadFlag = false
  get reverseList () {
    return this.files.slice().reverse()
  }
+
  async getData () {
    this.files = (await this.$$db.get<ImgInfo>({ orderBy: 'desc', limit: 5 })).data
  }
+
  async copyTheLink (item: ImgInfo) {
    this.notification.body = item.imgUrl!
    this.notification.icon = item.imgUrl!
    const myNotification = new Notification(this.notification.title, this.notification)
-    const pasteStyle = await this.getConfig<IPasteStyle>('settings.pasteStyle') || IPasteStyle.MARKDOWN
-    const customLink = await this.getConfig<string>('settings.customLink')
-    clipboard.writeText(pasteTemplate(pasteStyle, item, customLink))
+    ipcRenderer.invoke(PASTE_TEXT, item)
    myNotification.onclick = () => {
      return true
    }
  }
+
  calcHeight (width: number, height: number): number {
    return height * 160 / width
  }
+
  disableDragFile () {
    window.addEventListener('dragover', (e) => {
      e = e || event
@@ -76,6 +78,7 @@ export default class extends Vue {
      e.preventDefault()
    }, false)
  }
+
  uploadClipboardFiles () {
    if (this.uploadFlag) {
      return
@@ -83,6 +86,7 @@ export default class extends Vue {
    this.uploadFlag = true
    ipcRenderer.send('uploadClipboardFiles')
  }
+
  mounted () {
    this.disableDragFile()
    this.getData()
@@ -96,15 +100,16 @@ export default class extends Vue {
    ipcRenderer.on('clipboardFiles', (event: Event, files: ImgInfo[]) => {
      this.clipboardFiles = files
    })
-    ipcRenderer.on('uploadFiles', async (event: Event) => {
+    ipcRenderer.on('uploadFiles', async () => {
      this.files = (await this.$$db.get<ImgInfo>({ orderBy: 'desc', limit: 5 })).data
      console.log(this.files)
      this.uploadFlag = false
    })
-    ipcRenderer.on('updateFiles', (event: Event) => {
+    ipcRenderer.on('updateFiles', () => {
      this.getData()
    })
  }
+
  beforeDestroy () {
    ipcRenderer.removeAllListeners('dragFiles')
    ipcRenderer.removeAllListeners('clipboardFiles')
@@ -3,7 +3,7 @@
    <el-row :gutter="16">
      <el-col :span="20" :offset="2">
        <div class="view-title">
-          图片上传 - {{ picBedName }} <i class="el-icon-caret-bottom" @click="handleChangePicBed"></i>
+          {{ $T('PICTURE_UPLOAD') }} - {{ picBedName }} <i class="el-icon-caret-bottom" @click="handleChangePicBed"></i>
        </div>
        <div
          id="upload-area"
@@ -15,7 +15,7 @@
          <div id="upload-dragger" @click="openUplodWindow">
            <i class="el-icon-upload"></i>
            <div class="upload-dragger__text">
-              将文件拖到此处，或 <span>点击上传</span>
+              {{ $T('DRAG_FILE_TO_HERE') }} <span>{{ $T('CLICK_TO_UPLOAD') }}</span>
            </div>
            <input type="file" id="file-uploader" @change="onChange" multiple>
          </div>
@@ -30,7 +30,7 @@
        <div class="paste-style">
          <div class="el-col-16">
            <div class="paste-style__text">
-              链接格式
+              {{ $T('LINK_FORMAT') }}
            </div>
            <el-radio-group v-model="pasteStyle" size="mini"
              @change="handlePasteStyleChange"
@@ -41,14 +41,14 @@
              <el-radio-button label="HTML"></el-radio-button>
              <el-radio-button label="URL"></el-radio-button>
              <el-radio-button label="UBB"></el-radio-button>
-              <el-radio-button label="Custom" title="自定义"></el-radio-button>
+              <el-radio-button label="Custom" :title="$T('CUSTOM')"></el-radio-button>
            </el-radio-group>
          </div>
          <div class="el-col-8">
            <div class="paste-style__text">
-              快捷上传
+              {{ $T('QUICK_UPLOAD') }}
            </div>
-            <el-button type="primary" round size="mini" @click="uploadClipboardFiles" class="quick-upload" style="width: 50%">剪贴板图片</el-button>
+            <el-button type="primary" round size="mini" @click="uploadClipboardFiles" class="quick-upload" style="width: 50%">{{ $T('CLIPBOARD_PICTURE') }}</el-button>
            <el-button type="primary" round size="mini" @click="uploadURLFiles" class="quick-upload" style="width: 46%; margin-left: 6px">URL</el-button>
          </div>
        </div>
@@ -60,17 +60,16 @@
 import { Component, Vue, Watch } from 'vue-property-decorator'
 import {
  ipcRenderer,
-  IpcRendererEvent,
-  remote
+  IpcRendererEvent
 } from 'electron'
 import {
  SHOW_INPUT_BOX,
-  SHOW_INPUT_BOX_RESPONSE
+  SHOW_INPUT_BOX_RESPONSE,
+  SHOW_UPLOAD_PAGE_MENU
 } from '~/universal/events/constants'
 import {
  isUrl
 } from '~/universal/utils/common'
-const { Menu } = remote
@Component({
  name: 'upload'
 })
@@ -82,7 +81,6 @@ export default class extends Vue {
  pasteStyle = ''
  picBed: IPicBedType[] = []
  picBedName = ''
-  menu: Electron.Menu | null= null
  mounted () {
    ipcRenderer.on('uploadProgress', (event: IpcRendererEvent, progress: number) => {
      if (progress !== -1) {
@@ -102,6 +100,7 @@ export default class extends Vue {
    ipcRenderer.on('getPicBeds', this.getPicBeds)
    this.$bus.$on(SHOW_INPUT_BOX_RESPONSE, this.handleInputBoxValue)
  }
+
  @Watch('progress')
  onProgressChange (val: number) {
    if (val === 100) {
@@ -114,12 +113,14 @@ export default class extends Vue {
      }, 1200)
    }
  }
+
  beforeDestroy () {
    this.$bus.$off(SHOW_INPUT_BOX_RESPONSE)
    ipcRenderer.removeAllListeners('uploadProgress')
    ipcRenderer.removeAllListeners('syncPicBed')
    ipcRenderer.removeListener('getPicBeds', this.getPicBeds)
  }
+
  onDrop (e: DragEvent) {
    this.dragover = false
    const items = e.dataTransfer!.items
@@ -130,12 +131,13 @@ export default class extends Vue {
      if (isUrl(str)) {
        ipcRenderer.send('uploadChoosedFiles', [{ path: str }])
      } else {
-        this.$message.error('请拖入合法的图片文件或者图片URL地址')
+        this.$message.error(this.$T('TIPS_DRAG_VALID_PICTURE_OR_URL'))
      }
    } else {
      this.ipcSendFiles(e.dataTransfer!.files)
    }
  }
+
  handleURLDrag (items: DataTransferItemList, dataTransfer: DataTransfer) {
    // text/html
    // Use this data to get a more precise URL
@@ -148,20 +150,23 @@ export default class extends Vue {
        }
      ])
    } else {
-      this.$message.error('请拖入合法的图片文件或者图片URL地址')
+      this.$message.error(this.$T('TIPS_DRAG_VALID_PICTURE_OR_URL'))
    }
  }
+
  openUplodWindow () {
    document.getElementById('file-uploader')!.click()
  }
+
  onChange (e: any) {
    this.ipcSendFiles(e.target.files);
    (document.getElementById('file-uploader') as HTMLInputElement).value = ''
  }
+
  ipcSendFiles (files: FileList) {
-    let sendFiles: IFileWithPath[] = []
-    Array.from(files).forEach((item, index) => {
-      let obj = {
+    const sendFiles: IFileWithPath[] = []
+    Array.from(files).forEach((item) => {
+      const obj = {
        name: item.name,
        path: item.path
      }
@@ -169,25 +174,30 @@ export default class extends Vue {
    })
    ipcRenderer.send('uploadChoosedFiles', sendFiles)
  }
+
  async getPasteStyle () {
    this.pasteStyle = await this.getConfig('settings.pasteStyle') || 'markdown'
  }
+
  handlePasteStyleChange (val: string) {
    this.saveConfig({
      'settings.pasteStyle': val
    })
  }
+
  uploadClipboardFiles () {
    ipcRenderer.send('uploadClipboardFilesFromUploadPage')
  }
+
  async uploadURLFiles () {
    const str = await navigator.clipboard.readText()
    this.$bus.$emit(SHOW_INPUT_BOX, {
      value: isUrl(str) ? str : '',
-      title: '请输入URL',
-      placeholder: 'http://或者https://开头'
+      title: this.$T('TIPS_INPUT_URL'),
+      placeholder: this.$T('TIPS_HTTP_PREFIX')
    })
  }
+
  handleInputBoxValue (val: string) {
    if (val === '') return false
    if (isUrl(val)) {
@@ -195,9 +205,10 @@ export default class extends Vue {
        path: val
      }])
    } else {
-      this.$message.error('请输入合法的URL')
+      this.$message.error(this.$T('TIPS_INPUT_VALID_URL'))
    }
  }
+
  async getDefaultPicBed () {
    const currentPicBed = await this.getConfig<string>('picBed.current')
    this.picBed.forEach(item => {
@@ -206,34 +217,14 @@ export default class extends Vue {
      }
    })
  }
+
  getPicBeds (event: Event, picBeds: IPicBedType[]) {
    this.picBed = picBeds
    this.getDefaultPicBed()
  }
+
  async handleChangePicBed () {
-    await this.buildMenu()
-    // this.menu.popup(remote.getCurrentWindow())
-    this.menu!.popup()
-  }
-  async buildMenu () {
-    const _this = this
-    const currentPicBed = await this.getConfig<string>('picBed.current')
-    const submenu = this.picBed.filter(item => item.visible).map(item => {
-      return {
-        label: item.name,
-        type: 'radio',
-        checked: currentPicBed === item.type,
-        click () {
-          _this.saveConfig({
-            'picBed.current': item.type,
-            'picBed.uploader': item.type
-          })
-          ipcRenderer.send('syncPicBed')
-        }
-      }
-    })
-    // @ts-ignore
-    this.menu = Menu.buildFromTemplate(submenu)
+    ipcRenderer.send(SHOW_UPLOAD_PAGE_MENU)
  }
 }
 </script>
@@ -86,12 +86,14 @@ export default class extends Vue {
    customUrl: '',
    options: ''
  }
+
  async created () {
    const config = await this.getConfig<IAliYunConfig>('picBed.aliyun')
    if (config) {
      this.form = Object.assign({}, config)
    }
  }
+
  confirm () {
    // @ts-ignore
    this.$refs.aliyun.validate((valid) => {
@@ -71,12 +71,14 @@ export default class extends Vue {
    customUrl: '',
    branch: ''
  }
+
  async created () {
    const config = await this.getConfig<IGitHubConfig>('picBed.github')
    if (config) {
      this.form = Object.assign({}, config)
    }
  }
+
  confirm () {
    // @ts-ignore
    this.$refs.github.validate((valid) => {
@@ -48,12 +48,14 @@ export default class extends Vue {
    clientId: '',
    proxy: ''
  }
+
  async created () {
    const config = await this.getConfig<IImgurConfig>('picBed.imgur')
    if (config) {
      this.form = Object.assign({}, config)
    }
  }
+
  confirm () {
    // @ts-ignore
    this.$refs.imgur.validate((valid) => {
@@ -3,7 +3,7 @@
    <el-row :gutter="16" class="setting-list">
      <el-col :span="16" :offset="4">
        <div class="view-title">
-          {{ picBedName }}设置
+          {{ picBedName }}{{ $T('SETTINGS') }}
        </div>
        <config-form
          v-if="config.length > 0"
@@ -14,14 +14,14 @@
        >
          <el-form-item>
            <el-button-group>
-              <el-button type="primary" @click="handleConfirm" round>确定</el-button>
-              <el-button type="success" @click="setDefaultPicBed(type)" round :disabled="defaultPicBed === type">设为默认图床</el-button>
+              <el-button type="primary" @click="handleConfirm" round>{{ $T('CONFIRM') }}</el-button>
+              <el-button type="success" @click="setDefaultPicBed(type)" round :disabled="defaultPicBed === type">{{ $T('SETTINGS_SET_DEFAULT_PICBED') }}</el-button>
            </el-button-group>
          </el-form-item>
        </config-form>
        <div v-else class="single">
-          <div class="notice">暂无配置项</div>
-          <el-button type="success" @click="setDefaultPicBed(type)" round :disabled="defaultPicBed === type" size="mini">设为默认图床</el-button>
+          <div class="notice">{{ $T('SETTINGS_NOT_CONFIG_OPTIONS') }}</div>
+          <el-button type="success" @click="setDefaultPicBed(type)" round :disabled="defaultPicBed === type" size="mini">{{ $T('SETTINGS_SET_DEFAULT_PICBED') }}</el-button>
        </div>
      </el-col>
    </el-row>
@@ -52,6 +52,7 @@ export default class extends Vue {
    ipcRenderer.send('getPicBedConfig', this.$route.params.type)
    ipcRenderer.on('getPicBedConfig', this.getPicBeds)
  }
+
  async handleConfirm () {
    // @ts-ignore
    const result = await this.$refs.configForm.validate()
@@ -59,14 +60,15 @@ export default class extends Vue {
      this.saveConfig({
        [`picBed.${this.type}`]: result
      })
-      const successNotification = new Notification('设置结果', {
-        body: '设置成功'
+      const successNotification = new Notification(this.$T('SETTINGS_RESULT'), {
+        body: this.$T('TIPS_SET_SUCCEED')
      })
      successNotification.onclick = () => {
        return true
      }
    }
  }
+
  setDefaultPicBed (type: string) {
    this.saveConfig({
      'picBed.current': type,
@@ -74,17 +76,19 @@ export default class extends Vue {
    })
    // @ts-ignore 来自mixin的数据
    this.defaultPicBed = type
-    const successNotification = new Notification('设置默认图床', {
-      body: '设置成功'
+    const successNotification = new Notification(this.$T('SETTINGS_DEFAULT_PICBED'), {
+      body: this.$T('TIPS_SET_SUCCEED')
    })
    successNotification.onclick = () => {
      return true
    }
  }
+
  getPicBeds (event: IpcRendererEvent, config: any[], name: string) {
    this.config = config
    this.picBedName = name
  }
+
  beforeDestroy () {
    ipcRenderer.removeListener('getPicBedConfig', this.getPicBeds)
  }
@@ -88,12 +88,14 @@ export default class extends Vue {
    options: '',
    path: ''
  }
+
  async created () {
    const config = await this.getConfig<IQiniuConfig>('picBed.qiniu')
    if (config) {
      this.form = Object.assign({}, config)
    }
  }
+
  confirm () {
    // @ts-ignore
    this.$refs.qiniu.validate((valid) => {
@@ -17,7 +17,7 @@
            :rules="{
              required: true, message: 'Token不能为空', trigger: 'blur'
            }">
-            <el-input v-model="form.token" type="password" placeholder="token" @keyup.native.enter="confirm('smmsForm')"></el-input>
+            <el-input v-model="form.token" type="password" placeholder="token" @keyup.native.enter="confirm"></el-input>
          </el-form-item>
          <el-form-item>
            <el-button-group>
@@ -41,12 +41,14 @@ export default class extends Vue {
  form: ISMMSConfig = {
    token: ''
  }
+
  async created () {
    const config = await this.getConfig<string | boolean>('picBed.smms.token')
    if (typeof config !== 'boolean') {
      this.form.token = config || ''
    }
  }
+
  confirm () {
    // @ts-ignore
    this.$refs.smms.validate((valid) => {
@@ -1,6 +1,6 @@
 <template>
  <div id="tcyun-view">
-    <el-row :gutter="16">
+    <el-row :gutter="16" class="setting-list-scroll">
      <el-col :span="16" :offset="4">
        <div class="view-title">
          腾讯云COS设置
@@ -74,6 +74,11 @@
            >
            <el-input v-model="form.customUrl" @keyup.native.enter="confirm" placeholder="例如https://xxxx.com"></el-input>
          </el-form-item>
+          <el-form-item
+            label="设定网址后缀"
+            >
+            <el-input v-model="form.options" @keyup.native.enter="confirm" placeholder="例如?imageMogr2"></el-input>
+          </el-form-item>
          <el-form-item>
            <el-button-group>
              <el-button type="primary" @click="confirm" round>确定</el-button>
@@ -86,15 +91,17 @@
  </div>
 </template>
 <script lang="ts">
+import { ipcRenderer } from 'electron'
 import { Component, Vue } from 'vue-property-decorator'
 import mixin from '@/utils/ConfirmButtonMixin'
-import { remote } from 'electron'
+import { OPEN_URL } from '#/events/constants'
+import { ITcyunConfig } from 'picgo/dist/types'
@Component({
  name: 'tcyun',
  mixins: [mixin]
 })
 export default class extends Vue {
-  form: ITcYunConfig = {
+  form: ITcyunConfig = {
    secretId: '',
    secretKey: '',
    bucket: '',
@@ -102,14 +109,17 @@ export default class extends Vue {
    area: '',
    path: '',
    customUrl: '',
-    version: 'v4'
+    version: 'v5',
+    options: ''
  }
+
  async created () {
-    const config = await this.getConfig<ITcYunConfig>('picBed.tcyun')
+    const config = await this.getConfig<ITcyunConfig>('picBed.tcyun')
    if (config) {
      this.form = Object.assign({}, config)
    }
  }
+
  confirm () {
    // @ts-ignore
    this.$refs.tcyun.validate((valid) => {
@@ -128,8 +138,9 @@ export default class extends Vue {
      }
    })
  }
+
  openWiki () {
-    remote.shell.openExternal('https://github.com/Molunerfinn/PicGo/wiki/%E8%AF%A6%E7%BB%86%E7%AA%97%E5%8F%A3%E7%9A%84%E4%BD%BF%E7%94%A8#腾讯云cos')
+    ipcRenderer.send(OPEN_URL, 'https://picgo.github.io/PicGo-Doc/zh/guide/config.html#%E8%85%BE%E8%AE%AF%E4%BA%91cos')
  }
 }
 </script>
@@ -67,24 +67,28 @@
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator'
 import mixin from '@/utils/ConfirmButtonMixin'
+import { IUpyunConfig } from 'picgo/dist/types'
@Component({
  name: 'upyun',
  mixins: [mixin]
 })
 export default class extends Vue {
-  form: IUpYunConfig = {
+  form: IUpyunConfig = {
    bucket: '',
    operator: '',
    password: '',
    options: '',
+    url: '',
    path: ''
  }
+
  async created () {
-    const config = await this.getConfig<IUpYunConfig>('picBed.upyun')
+    const config = await this.getConfig<IUpyunConfig>('picBed.upyun')
    if (config) {
      this.form = Object.assign({}, config)
    }
  }
+
  confirm () {
    // @ts-ignore
    this.$refs.tcyun.validate((valid) => {
@@ -1,6 +1,5 @@
 import { Component, Vue } from 'vue-property-decorator'
-import { ipcRenderer } from 'electron'
-import { IConfig } from 'picgo/dist/src/types'
+import { IConfig } from 'picgo'
@Component
 export default class extends Vue {
  defaultPicBed = 'smms'
@@ -10,14 +9,15 @@ export default class extends Vue {
      this.defaultPicBed = config?.picBed?.uploader || config?.picBed?.current || 'smms'
    }
  }
+
  setDefaultPicBed (type: string) {
    this.saveConfig({
      'picBed.current': type,
      'picBed.uploader': type
    })
    this.defaultPicBed = type
-    const successNotification = new Notification('设置默认图床', {
-      body: '设置成功'
+    const successNotification = new Notification(this.$T('SETTINGS_DEFAULT_PICBED'), {
+      body: this.$T('TIPS_SET_SUCCEED')
    })
    successNotification.onclick = () => {
      return true
@@ -0,0 +1,10 @@
+import { i18n } from '~/universal/i18n'
+
+export const handleURLParams = () => {
+  const url = new URL(location.href)
+  const search = new URLSearchParams(url.search)
+  if (search.has('lang')) {
+    const lang = search.get('lang') || 'zh-CN'
+    i18n.setLanguage(lang)
+  }
+}
@@ -15,26 +15,32 @@ export class GalleryDB implements IGalleryDB {
    const res = await this.msgHandler<IGetResult<T>>(PICGO_GET_DB, filter)
    return res
  }
+
  async insert<T> (value: T): Promise<IResult<T>> {
    const res = await this.msgHandler<IResult<T>>(PICGO_INSERT_DB, value)
    return res
  }
+
  async insertMany<T> (value: T[]): Promise<IResult<T>[]> {
    const res = await this.msgHandler<IResult<T>[]>(PICGO_INSERT_MANY_DB, value)
    return res
  }
+
  async updateById (id: string, value: IObject): Promise<boolean> {
    const res = await this.msgHandler<boolean>(PICGO_UPDATE_BY_ID_DB, id, value)
    return res
  }
+
  async getById<T> (id: string): Promise<IResult<T> | undefined> {
    const res = await this.msgHandler<IResult<T> | undefined>(PICGO_GET_BY_ID_DB, id)
    return res
  }
+
  async removeById (id: string): Promise<void> {
    const res = await this.msgHandler<void>(PICGO_REMOVE_BY_ID_DB, id)
    return res
  }
+
  private msgHandler<T> (method: string, ...args: any[]): Promise<T> {
    return new Promise((resolve) => {
      const callbackId = uuid()
@@ -14,16 +14,16 @@ const isSpecialKey = (keyCode: number) => {

 const keyDetect = (event: KeyboardEvent) => {
  const meta = process.platform === 'darwin' ? 'Cmd' : 'Super'
-  let specialKey = {
+  const specialKey = {
    Ctrl: event.ctrlKey,
    Shift: event.shiftKey,
    Alt: event.altKey,
    [meta]: event.metaKey
  }

-  let pressKey = []
+  const pressKey = []

-  for (let i in specialKey) {
+  for (const i in specialKey) {
    if (specialKey[i]) {
      pressKey.push(i)
    }
@@ -1,9 +1,15 @@
 import { Component, Vue } from 'vue-property-decorator'
 import { ipcRenderer, IpcRendererEvent } from 'electron'
-import { PICGO_SAVE_CONFIG, PICGO_GET_CONFIG } from '#/events/constants'
+import { PICGO_SAVE_CONFIG, PICGO_GET_CONFIG, FORCE_UPDATE } from '#/events/constants'
 import { uuid } from 'uuidv4'
@Component
 export default class extends Vue {
+  created () {
+    this.$bus.$on(FORCE_UPDATE, () => {
+      this.$forceUpdate()
+    })
+  }
+
  // support string key + value or object config
  saveConfig (config: IObj | string, value?: any) {
    if (typeof config === 'string') {
@@ -11,9 +17,9 @@ export default class extends Vue {
        [config]: value
      }
    }
-    console.log(PICGO_SAVE_CONFIG, config, value)
    ipcRenderer.send(PICGO_SAVE_CONFIG, config)
  }
+
  getConfig<T> (key?: string): Promise<T | undefined> {
    return new Promise((resolve) => {
      const callbackId = uuid()
@@ -27,4 +33,8 @@ export default class extends Vue {
      ipcRenderer.send(PICGO_GET_CONFIG, key, callbackId)
    })
  }
+
+  forceUpdate () {
+    this.$bus.$emit(FORCE_UPDATE)
+  }
 }
@@ -4,11 +4,13 @@ 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)) {
@@ -17,6 +19,7 @@ export default class extends Vue {
      e.dataTransfer!.dropEffect = 'none'
    }
  }
+
  beforeDestroy () {
    window.removeEventListener('dragenter', this.disableDrag, false)
    window.removeEventListener('dragover', this.disableDrag)
@@ -13,3 +13,23 @@ export const PICGO_UPDATE_BY_ID_DB = 'PICGO_UPDATE_BY_ID_DB'
 export const PICGO_GET_BY_ID_DB = 'PICGO_GET_BY_ID_DB'
 export const PICGO_REMOVE_BY_ID_DB = 'PICGO_REMOVE_BY_ID_DB'
 export const PICGO_OPEN_FILE = 'PICGO_OPEN_FILE'
+export const OPEN_DEVTOOLS = 'OPEN_DEVTOOLS'
+export const SHOW_MINI_PAGE_MENU = 'SHOW_MINI_PAGE_MENU'
+export const SHOW_MAIN_PAGE_MENU = 'SHOW_MAIN_PAGE_MENU'
+export const SHOW_UPLOAD_PAGE_MENU = 'SHOW_UPLOAD_PAGE_MENU'
+export const SHOW_PLUGIN_PAGE_MENU = 'SHOW_PLUGIN_PAGE_MENU'
+export const MINIMIZE_WINDOW = 'MINIMIZE_WINDOW'
+export const CLOSE_WINDOW = 'CLOSE_WINDOW'
+export const OPEN_USER_STORE_FILE = 'OPEN_USER_STORE_FILE'
+export const OPEN_URL = 'OPEN_URL'
+export const RELOAD_APP = 'RELOAD_APP'
+export const PICGO_CONFIG_PLUGIN = 'PICGO_CONFIG_PLUGIN'
+export const PICGO_HANDLE_PLUGIN_ING = 'PICGO_HANDLE_PLUGIN_ING'
+export const PICGO_TOGGLE_PLUGIN = 'PICGO_TOGGLE_PLUGIN'
+export const PASTE_TEXT = 'PASTE_TEXT'
+export const SET_MINI_WINDOW_POS = 'SET_MINI_WINDOW_POS'
+export const RENAME_FILE_NAME = 'RENAME_FILE_NAME'
+export const SHOW_MAIN_PAGE_QRCODE = 'SHOW_MAIN_PAGE_QRCODE'
+export const SHOW_MAIN_PAGE_DONATION = 'SHOW_MAIN_PAGE_DONATION'
+export const FORCE_UPDATE = 'FORCE_UPDATE'
+export const CHANGE_LANGUAGE = 'CHANGE_LANGUAGE'
@@ -0,0 +1,217 @@
+import { ILocales } from './zh-CN'
+/* eslint-disable no-template-curly-in-string */
+export const EN: ILocales = {
+  ABOUT: 'About',
+  OPEN_MAIN_WINDOW: 'Open Main Window',
+  CHOOSE_DEFAULT_PICBED: 'Choose Default Picbed',
+  OPEN_UPDATE_HELPER: 'Open Update Helper',
+  PRIVACY_AGREEMENT: 'Privacy Agreement',
+  RELOAD_APP: 'Reload App',
+  UPLOAD_FAILED: 'Upload Failed',
+  UPLOAD_SUCCEED: 'Upload Succeed',
+  UPLOAD_PROGRESS: 'Upload Progress',
+  OPERATION_FAILED: 'Operation Failed',
+  OPERATION_SUCCEED: 'Operation Succeed',
+  UPLOADING: 'Uploading',
+  QUICK_UPLOAD: 'Quick Upload',
+  UPLOAD_BY_CLIPBOARD: 'Upload by Clipboard',
+  HIDE_WINDOW: 'Hide Window',
+  SPONSOR_PICGO: 'Sponsor PicGo',
+  SHOW_PICBED_QRCODE: 'Show Picbed Qrcode',
+  PICBED_QRCODE: 'Picbed Qrcode',
+  ENABLE: 'Enable',
+  DISABLE: 'Disable',
+  CONFIG_THING: 'Config ${c}',
+  FIND_NEW_VERSION: 'Find New Version',
+  SHOW_DEVTOOLS: 'Show Devtools',
+  NO_MORE_NOTICE: 'No More Notice',
+
+  // ---renderer i18n---
+  CHOOSE_YOUR_DEFAULT_PICBED: 'Choose ${d} as your default picbed:',
+  UPLOAD_AREA: 'Upload Area',
+  GALLERY: 'Gallery',
+  PICBEDS_SETTINGS: 'Picbeds Settings',
+  PICGO_SETTINGS: 'PicGo Settings',
+  PLUGIN_SETTINGS: 'Plugins Settings',
+  PICGO_SPONSOR_TEXT: 'PicGo is free software, if you like it, please don\'t forget to buy me a coffee?',
+  ALIPAY: 'Alipay',
+  WECHATPAY: 'Wechat Pay',
+  CHOOSE_PICBED: 'Choose Picbed',
+  COPY_PICBED_CONFIG: 'Copy Picbed Config',
+  COPY_PICBED_CONFIG_SUCCEED: 'Copy Picbed Config Succeed',
+  INPUT: 'Input',
+  CANCEL: 'Cancel',
+  CONFIRM: 'Confirm',
+  CHOOSE_SHOWED_PICBED: 'Choose Showed Picbed',
+  CHOOSE_PASTE_FORMAT: 'Choose Paste Format',
+  SEARCH: 'Search',
+  COPY: 'Copy',
+  DELETE: 'Delete',
+  SELECT_ALL: 'Select All',
+  CHANGE_IMAGE_URL: 'Change Image URL',
+  CHANGE_IMAGE_URL_SUCCEED: 'Change Image URL Succeed',
+  COPY_LINK_SUCCEED: 'Copy Link Succeed',
+  BATCH_COPY_LINK_SUCCEED: 'Batch Copy Link Succeed',
+  FILE_RENAME: 'File Rename',
+
+  // settings
+  SETTINGS: 'Settings',
+  SETTINGS_OPEN_CONFIG_FILE: 'Open Config File',
+  SETTINGS_CLICK_TO_OPEN: 'Click to Open',
+  SETTINGS_SET_LOG_FILE: 'Set Log File',
+  SETTINGS_CLICK_TO_SET: 'Click to Set',
+  SETTINGS_CLICK_TO_CHECK: 'Click to Check',
+  SETTINGS_SET_SHORTCUT: 'Set Shortcut',
+  SETTINGS_CUSTOM_LINK_FORMAT: 'Custom Link Format',
+  SETTINGS_SET_PROXY_AND_MIRROR: 'Set Proxy and Mirror',
+  SETTINGS_SET_SERVER: 'Set Server',
+  SETTINGS_CHECK_UPDATE: 'Check Update',
+  SETTINGS_OPEN_UPDATE_HELPER: 'Open Update Helper',
+  SETTINGS_OPEN: 'Open',
+  SETTINGS_CLOSE: 'Close',
+  SETTINGS_ACCEPT_BETA_UPDATE: 'Accept Beta Update',
+  SETTINGS_LAUNCH_ON_BOOT: 'Launch On Boot',
+  SETTINGS_RENAME_BEFORE_UPLOAD: 'Rename Before Upload',
+  SETTINGS_TIMESTAMP_RENAME: 'Timestamp Rename',
+  SETTINGS_OPEN_UPLOAD_TIPS: 'Open Upload Tips',
+  SETTINGS_MINI_WINDOW_ON_TOP: 'Mini Window On Top',
+  SETTINGS_AUTO_COPY_URL_AFTER_UPLOAD: 'Auto Copy URL After Upload',
+  SETTINGS_TIPS_PLACEHOLDER_URL: 'Use $url to represent url position',
+  SETTINGS_TIPS_PLACEHOLDER_FILENAME: 'Use $fileName to represent file name position',
+  SETTINGS_TIPS_SUCH_AS: 'Such as: $url/$fileName',
+  SETTINGS_UPLOAD_PROXY: 'Upload Proxy',
+  SETTINGS_PLUGIN_INSTALL_PROXY: 'Proxy for Plugin Install',
+  SETTINGS_PLUGIN_INSTALL_MIRROR: 'Mirror for Plugin Install',
+  SETTINGS_CURRENT_VERSION: 'Current Version',
+  SETTINGS_NEWEST_VERSION: 'Newest Version',
+  SETTINGS_GETING: 'Getting...',
+  SETTINGS_TIPS_HAS_NEW_VERSION: 'PicGo has a new version, please click confirm to open download page',
+  SETTINGS_LOG_FILE: 'Log File',
+  SETTINGS_LOG_LEVEL: 'Log Level',
+  SETTINGS_SET_PICGO_SERVER: 'Set PicGo Server',
+  SETTINGS_TIPS_SERVER_NOTICE: 'If you don\'t know what is the server\'s function, please read the document, or don\'t modify the configuration.',
+  SETTINGS_ENABLE_SERVER: 'Enable Server',
+  SETTINGS_SET_SERVER_HOST: 'Set Server Host',
+  SETTINGS_SET_SERVER_PORT: 'Set Server Port',
+  SETTINGS_TIP_PLACEHOLDER_HOST: 'Default:127.0.0.1',
+  SETTINGS_TIP_PLACEHOLDER_PORT: 'Default:36677',
+  SETTINGS_LOG_LEVEL_ALL: 'All',
+  SETTINGS_LOG_LEVEL_SUCCESS: 'Success',
+  SETTINGS_LOG_LEVEL_ERROR: 'Error',
+  SETTINGS_LOG_LEVEL_INFO: 'Info',
+  SETTINGS_LOG_LEVEL_WARN: 'Warn',
+  SETTINGS_LOG_LEVEL_NONE: 'None',
+  SETTINGS_RESULT: 'Result',
+  SETTINGS_DEFAULT_PICBED: 'Default Picbed',
+  SETTINGS_SET_DEFAULT_PICBED: 'Set Default Picbed',
+  SETTINGS_NOT_CONFIG_OPTIONS: 'Not Config Options',
+  SETTINGS_USE_BUILTIN_CLIPBOARD_UPLOAD: 'Use Builtin Clipboard to Upload',
+  SETTINGS_CHOOSE_LANGUAGE: 'Choose Language',
+  BUILTIN_CLIPBOARD_TIPS: 'Use builtin clipboard function to upload instead of using scripts',
+
+  // shortcut page
+  SHORTCUT_NAME: 'Shortcut Name',
+  SHORTCUT_BIND: 'Shortcut Binding',
+  SHORTCUT_STATUS: 'Status',
+  SHORTCUT_ENABLED: 'Enabled',
+  SHORTCUT_DISABLED: 'Disabled',
+  SHORTCUT_SOURCE: 'Source',
+  SHORTCUT_HANDLE: 'Handle',
+  SHORTCUT_ENABLE: 'Enable',
+  SHORTCUT_DISABLE: 'Disable',
+  SHORTCUT_EDIT: 'Edit',
+  SHORTCUT_CHANGE_UPLOAD: 'Change Upload Shortcut',
+
+  // tray page
+  WAIT_TO_UPLOAD: 'Wait to Upload',
+  ALREADY_UPLOAD: 'Already Upload',
+
+  // uload page
+  PICTURE_UPLOAD: 'Picture Upload',
+  DRAG_FILE_TO_HERE: 'Drag file to here, or',
+  CLICK_TO_UPLOAD: 'click to upload',
+  LINK_FORMAT: 'Link Format',
+  CUSTOM: 'Custom',
+  CLIPBOARD_PICTURE: 'Clipboard',
+  TIPS_DRAG_VALID_PICTURE_OR_URL: 'Drag valid picture or url to here',
+  TIPS_INPUT_URL: 'Input URL',
+  TIPS_HTTP_PREFIX: 'http:// or https://',
+  TIPS_INPUT_VALID_URL: 'Input valid URL',
+
+  // plugins
+  PLUGIN_SEARCH_PLACEHOLDER: 'Search picgo plugins on npm, or click the button to view the awesome plugins list',
+  PLUGIN_INSTALL: 'Install',
+  PLUGIN_INSTALLING: 'Installing...',
+  PLUGIN_INSTALLED: 'Installed',
+  PLUGIN_DOING_SOMETHING: 'Doing...',
+  PLUGIN_LIST: 'Plugin List',
+  PLUGIN_IMPORT_LOCAL: 'Import Local Plugins',
+
+  // tips
+  TIPS_REMOVE_LINK: 'This operation will remove the picture from the album, continue?',
+  TIPS_WILL_REMOVE_CHOOSED_IMAGES: 'This operation will remove the picture from the album, continue?',
+  TIPS_MUST_CONTAINS_URL: 'Must contains $url',
+  TIPS_NETWORK_ERROR: 'Network Error',
+  TIPS_NEED_RELOAD: 'Need Reload App',
+  TIPS_PLEASE_CHOOSE_LOG_LEVEL: 'Please choose log level',
+  TIPS_SET_SUCCEED: 'Set successfully',
+  TIPS_PLUGIN_NOT_GUI_IMPLEMENT: 'This plugin is not optimized for the GUI, continue?',
+  TIPS_CLICK_NOTIFICATION_TO_RELOAD: 'Click notification to reload app',
+  // ---renderer i18n end---
+
+  // plugins
+  PLUGIN_INSTALL_SUCCEED: 'Plugin install succeed',
+  PLUGIN_INSTALL_FAILED: 'Plugin install failed',
+  PLUGIN_UNINSTALL_SUCCEED: 'Plugin uninstall succeed',
+  PLUGIN_UNINSTALL_FAILED: 'Plugin uninstall failed',
+  PLUGIN_UPDATE_SUCCEED: 'Plugin update succeed',
+  PLUGIN_UPDATE_FAILED: 'Plugin update failed',
+  PLUGIN_IMPORT_SUCCEED: 'Plugin import succeed',
+  PLUGIN_IMPORT_FAILED: 'Plugin import failed',
+  ENABLE_PLUGIN: 'Enable Plugin',
+  DISABLE_PLUGIN: 'Disable Plugin',
+  UNINSTALL_PLUGIN: 'Uninstall Plugin',
+  UPDATE_PLUGIN: 'Update Plugin',
+  // tips
+  TIPS_NOTICE: 'Tips',
+  TIPS_WARNING: 'Warning',
+  TIPS_ERROR: 'Error',
+  TIPS_INSTALL_NODE_AND_RELOAD_PICGO: 'Please install Node.js and restart PicGo to continue',
+  TIPS_PLUGIN_REMOVE_GALLERY_ITEM: 'Plugin is trying to remove some images from the album, continue?',
+  TIPS_UPLOAD_NOT_PICTURES: 'The latest clipboard item is not a picture',
+  TIPS_PICGO_CONFIG_FILE_BROKEN_WITH_DEFAULT: 'PicGo config file broken, has been restored to default',
+  TIPS_PICGO_CONFIG_FILE_BROKEN_WITH_BACKUP: 'PicGo config file broken, has been restored to backup',
+  TIPS_PICGO_BACKUP_FILE_VERSION: 'Backup file version: ${v}',
+  TIPS_CUSTOM_CONFIG_FILE_PATH_ERROR: 'Custom config file parse error, please check the path content',
+  TIPS_SHORTCUT_MODIFIED_SUCCEED: 'Shortcut modified successfully',
+  TIPS_SHORTCUT_MODIFIED_CONFLICT: 'Shortcut conflict, please reset',
+  TIPS_CUSTOM_LINK_STYLE_MODIFIED_SUCCEED: 'Custom link style modified successfully',
+  TIPS_FIND_NEW_VERSION: 'Find new version ${v}，update many new features, do you want to download the latest version?',
+  // privcy
+  PRIVACY:
+`
+This software respects and protects the personal privacy of all users who use the service. In order to provide you with more accurate and better services, this software will use and collect some of your behavioral information in accordance with the provisions of this Privacy Policy. When you agree to the software service use agreement, you are deemed to have agreed to the entire content of this privacy policy. This privacy policy is an integral part of the software service use agreement, and it will not be used if you do not agree. This Agreement will be updated periodically.
+
+1. Scope of application
+
+a) When you use this software, this software will record some information about your operation behavior of this software, including but not limited to the time-consuming, type, quantity and other information of your use of this software to upload files.
+
+2. Use of Information
+
+a) After obtaining your usage data, the software will upload it to the data analysis server so as to provide you with better services after analyzing the data.
+
+3. Information disclosure
+
+a) This software will not disclose your information to untrusted third parties.
+
+b) In accordance with the relevant provisions of the law, or the requirements of administrative or judicial institutions, disclose to third parties or administrative or judicial institutions;
+
+c) If you violate relevant Chinese laws, regulations or relevant rules, you need to disclose it to a third party;
+
+4. Information Security
+
+a) This software does not collect your personal information, key information and other private information, and the collected information is only used for improving the software, optimizing the experience, and understanding the daily activities of the software.
+`,
+  // action
+  QUIT: 'Quit'
+}
@@ -0,0 +1,23 @@
+import { ZH_CN } from './zh-CN'
+import { EN } from './en'
+import { ObjectAdapter, I18n } from '@picgo/i18n'
+
+const languageMap = {
+  'zh-CN': ZH_CN,
+  en: EN
+}
+
+const objectAdapter = new ObjectAdapter(languageMap)
+
+const i18n = new I18n({
+  adapter: objectAdapter,
+  defaultLanguage: 'zh-CN'
+})
+
+const T = (key: ILocalesKey, args: IStringKeyMap = {}): string => {
+  return i18n.translate(key, args) || ''
+}
+
+const languageList = Object.keys(languageMap)
+
+export { i18n, T, languageList }
@@ -0,0 +1,219 @@
+/* eslint-disable no-template-curly-in-string */
+export const ZH_CN = {
+  ABOUT: '关于',
+  OPEN_MAIN_WINDOW: '打开主窗口',
+  CHOOSE_DEFAULT_PICBED: '选择默认图床',
+  OPEN_UPDATE_HELPER: '打开更新助手',
+  PRIVACY_AGREEMENT: '隐私协议',
+  RELOAD_APP: '重启应用',
+  UPLOAD_SUCCEED: '上传成功',
+  UPLOAD_FAILED: '上传失败',
+  UPLOAD_PROGRESS: '上传进度',
+  OPERATION_SUCCEED: '操作成功',
+  OPERATION_FAILED: '操作失败',
+  UPLOADING: '正在上传',
+  QUICK_UPLOAD: '快捷上传',
+  UPLOAD_BY_CLIPBOARD: '剪贴板图片上传',
+  HIDE_WINDOW: '隐藏窗口',
+  SPONSOR_PICGO: '赞助 PicGo',
+  SHOW_PICBED_QRCODE: '生成图床配置二维码',
+  PICBED_QRCODE: '图床配置二维码',
+  ENABLE: '启用',
+  DISABLE: '禁用',
+  CONFIG_THING: '配置${c}',
+  FIND_NEW_VERSION: '发现新版本',
+  NO_MORE_NOTICE: '以后不再提醒',
+  SHOW_DEVTOOLS: '打开开发者工具',
+
+  // ---renderer i18n---
+  CHOOSE_YOUR_DEFAULT_PICBED: '选择 ${d} 作为你默认图床：',
+  UPLOAD_AREA: '上传区',
+  GALLERY: '相册',
+  PICBEDS_SETTINGS: '图床设置',
+  PICGO_SETTINGS: 'PicGo设置',
+  PLUGIN_SETTINGS: '插件设置',
+  PICGO_SPONSOR_TEXT: 'PicGo是免费开源的软件，如果你喜欢它，对你有帮助，不妨请我喝杯咖啡？',
+  ALIPAY: '支付宝',
+  WECHATPAY: '微信支付',
+  CHOOSE_PICBED: '选择图床',
+  COPY_PICBED_CONFIG: '复制图床配置',
+  COPY_PICBED_CONFIG_SUCCEED: '复制图床配置成功',
+  INPUT: '输入框',
+  CANCEL: '取消',
+  CONFIRM: '确定',
+  CHOOSE_SHOWED_PICBED: '请选择显示的图床',
+  CHOOSE_PASTE_FORMAT: '请选择粘贴的格式',
+  SEARCH: '搜索',
+  COPY: '复制',
+  DELETE: '删除',
+  SELECT_ALL: '全选',
+  CHANGE_IMAGE_URL: '修改图片URL',
+  CHANGE_IMAGE_URL_SUCCEED: '修改图片URL成功',
+  COPY_LINK_SUCCEED: '复制链接成功',
+  BATCH_COPY_LINK_SUCCEED: '批量复制链接成功',
+  FILE_RENAME: '文件改名',
+
+  // settings
+  SETTINGS: '设置',
+  SETTINGS_OPEN_CONFIG_FILE: '打开配置文件',
+  SETTINGS_CLICK_TO_OPEN: '点击打开',
+  SETTINGS_SET_LOG_FILE: '设置日志文件',
+  SETTINGS_CLICK_TO_SET: '点击设置',
+  SETTINGS_CLICK_TO_CHECK: '点击检查',
+  SETTINGS_SET_SHORTCUT: '设置快捷键',
+  SETTINGS_CUSTOM_LINK_FORMAT: '自定义链接格式',
+  SETTINGS_SET_PROXY_AND_MIRROR: '设置代理和镜像地址',
+  SETTINGS_SET_SERVER: '设置Server',
+  SETTINGS_CHECK_UPDATE: '检查更新',
+  SETTINGS_OPEN_UPDATE_HELPER: '打开更新助手',
+  SETTINGS_OPEN: '开',
+  SETTINGS_CLOSE: '关',
+  SETTINGS_ACCEPT_BETA_UPDATE: '接受Beta版本更新',
+  SETTINGS_LAUNCH_ON_BOOT: '开机自启',
+  SETTINGS_RENAME_BEFORE_UPLOAD: '上传前重命名',
+  SETTINGS_TIMESTAMP_RENAME: '时间戳重命名',
+  SETTINGS_OPEN_UPLOAD_TIPS: '开启上传提示',
+  SETTINGS_MINI_WINDOW_ON_TOP: 'Mini窗口置顶',
+  SETTINGS_AUTO_COPY_URL_AFTER_UPLOAD: '上传后自动复制URL',
+  SETTINGS_TIPS_PLACEHOLDER_URL: '用占位符 $url 来表示url的位置',
+  SETTINGS_TIPS_PLACEHOLDER_FILENAME: '用占位符 $fileName 来表示文件名的位置',
+  SETTINGS_TIPS_SUCH_AS: '如',
+  SETTINGS_UPLOAD_PROXY: '上传代理',
+  SETTINGS_PLUGIN_INSTALL_PROXY: '插件安装代理',
+  SETTINGS_PLUGIN_INSTALL_MIRROR: '插件安装镜像',
+  SETTINGS_CURRENT_VERSION: '当前版本',
+  SETTINGS_NEWEST_VERSION: '最新版本',
+  SETTINGS_GETING: '正在获取中',
+  SETTINGS_TIPS_HAS_NEW_VERSION: 'PicGo更新啦，请点击确定打开下载页面',
+  SETTINGS_LOG_FILE: '日志文件',
+  SETTINGS_LOG_LEVEL: '日志记录等级',
+  SETTINGS_SET_PICGO_SERVER: '设置PicGo-Server',
+  SETTINGS_TIPS_SERVER_NOTICE: '如果你不知道Server的作用，请阅读文档，或者不用修改配置。',
+  SETTINGS_ENABLE_SERVER: '是否开启Server',
+  SETTINGS_SET_SERVER_HOST: '设置监听地址',
+  SETTINGS_SET_SERVER_PORT: '设置监听端口',
+  SETTINGS_TIP_PLACEHOLDER_HOST: '推荐默认地址:127.0.0.1',
+  SETTINGS_TIP_PLACEHOLDER_PORT: '推荐默认端口:36677',
+  SETTINGS_LOG_LEVEL_ALL: '全部-All',
+  SETTINGS_LOG_LEVEL_SUCCESS: '成功-Success',
+  SETTINGS_LOG_LEVEL_ERROR: '错误-Error',
+  SETTINGS_LOG_LEVEL_INFO: '普通-Info',
+  SETTINGS_LOG_LEVEL_WARN: '提醒-Warn',
+  SETTINGS_LOG_LEVEL_NONE: '不记录日志-None',
+  SETTINGS_RESULT: '设置结果',
+  SETTINGS_DEFAULT_PICBED: '设置默认图床',
+  SETTINGS_SET_DEFAULT_PICBED: '设为默认图床',
+  SETTINGS_NOT_CONFIG_OPTIONS: '暂无配置项',
+  SETTINGS_USE_BUILTIN_CLIPBOARD_UPLOAD: '使用内置剪贴板上传',
+  SETTINGS_CHOOSE_LANGUAGE: '选择语言',
+  BUILTIN_CLIPBOARD_TIPS: '使用内置剪贴板函数而不是调用脚本获取剪贴板图片',
+
+  // shortcut page
+  SHORTCUT_NAME: '快捷键名称',
+  SHORTCUT_BIND: '快捷键绑定',
+  SHORTCUT_STATUS: '状态',
+  SHORTCUT_ENABLED: '已启用',
+  SHORTCUT_DISABLED: '已禁用',
+  SHORTCUT_SOURCE: '来源',
+  SHORTCUT_HANDLE: '操作',
+  SHORTCUT_ENABLE: '启用',
+  SHORTCUT_DISABLE: '禁用',
+  SHORTCUT_EDIT: '编辑',
+  SHORTCUT_CHANGE_UPLOAD: '修改上传快捷键',
+
+  // tray page
+  WAIT_TO_UPLOAD: '等待上传',
+  ALREADY_UPLOAD: '已上传',
+
+  // uload page
+  PICTURE_UPLOAD: '图片上传',
+  DRAG_FILE_TO_HERE: '将文件拖拽到此处，或',
+  CLICK_TO_UPLOAD: '点击上传',
+  LINK_FORMAT: '链接格式',
+  CUSTOM: '自定义',
+  CLIPBOARD_PICTURE: '剪贴板图片',
+  TIPS_DRAG_VALID_PICTURE_OR_URL: '请拖入合法的图片文件或者图片URL地址',
+  TIPS_INPUT_URL: '请输入URL',
+  TIPS_HTTP_PREFIX: 'http://或者https://开头',
+  TIPS_INPUT_VALID_URL: '请输入合法的URL',
+
+  // plugins
+  PLUGIN_SEARCH_PLACEHOLDER: '搜索npm上的PicGo插件，或者点击上方按钮查看优秀插件列表',
+  PLUGIN_INSTALL: '安装',
+  PLUGIN_INSTALLING: '安装中',
+  PLUGIN_INSTALLED: '已安装',
+  PLUGIN_DOING_SOMETHING: '进行中',
+  PLUGIN_LIST: '插件列表',
+  PLUGIN_IMPORT_LOCAL: '导入本地插件',
+
+  // tips
+  TIPS_REMOVE_LINK: '此操作将把该图片移出相册, 是否继续?',
+  TIPS_WILL_REMOVE_CHOOSED_IMAGES: '将在相册中移除刚才选中的 ${m} 张图片，是否继续？',
+  TIPS_MUST_CONTAINS_URL: '必须含有$url',
+  TIPS_NETWORK_ERROR: '网络错误暂时无法获取',
+  TIPS_NEED_RELOAD: '需要重启生效',
+  TIPS_PLEASE_CHOOSE_LOG_LEVEL: '请选择日志记录等级',
+  TIPS_SET_SUCCEED: '设置成功',
+  TIPS_PLUGIN_NOT_GUI_IMPLEMENT: '该插件未对可视化界面进行优化, 是否继续安装?',
+  TIPS_CLICK_NOTIFICATION_TO_RELOAD: '请点击此通知重启应用以生效',
+  // ---renderer i18n end---
+
+  // plugins
+  PLUGIN_INSTALL_SUCCEED: '插件安装成功',
+  PLUGIN_INSTALL_FAILED: '插件安装失败',
+  PLUGIN_UNINSTALL_SUCCEED: '插件卸载成功',
+  PLUGIN_UNINSTALL_FAILED: '插件卸载失败',
+  PLUGIN_UPDATE_SUCCEED: '插件更新成功',
+  PLUGIN_UPDATE_FAILED: '插件更新失败',
+  PLUGIN_IMPORT_SUCCEED: '插件导入成功',
+  PLUGIN_IMPORT_FAILED: '插件导入失败',
+  ENABLE_PLUGIN: '启用插件',
+  DISABLE_PLUGIN: '禁用插件',
+  UNINSTALL_PLUGIN: '卸载插件',
+  UPDATE_PLUGIN: '更新插件',
+  // tips
+  TIPS_NOTICE: '注意',
+  TIPS_WARNING: '警告',
+  TIPS_ERROR: '发生错误',
+  TIPS_INSTALL_NODE_AND_RELOAD_PICGO: '请安装Node.js并重启PicGo再继续操作',
+  TIPS_PLUGIN_REMOVE_GALLERY_ITEM: '有插件正在试图删除一些相册图片，是否继续',
+  TIPS_UPLOAD_NOT_PICTURES: '剪贴板最新的一条记录不是图片',
+  TIPS_PICGO_CONFIG_FILE_BROKEN_WITH_DEFAULT: 'PicGo 配置文件损坏，已经恢复为默认配置',
+  TIPS_PICGO_CONFIG_FILE_BROKEN_WITH_BACKUP: 'PicGo 配置文件损坏，已经恢复为备份配置',
+  TIPS_PICGO_BACKUP_FILE_VERSION: '备份文件版本: ${v}',
+  TIPS_CUSTOM_CONFIG_FILE_PATH_ERROR: '自定义文件解析出错，请检查路径内容是否正确',
+  TIPS_SHORTCUT_MODIFIED_SUCCEED: '快捷键已经修改成功',
+  TIPS_SHORTCUT_MODIFIED_CONFLICT: '快捷键冲突，请重新设置',
+  TIPS_CUSTOM_LINK_STYLE_MODIFIED_SUCCEED: '自定义链接格式已经修改成功',
+  TIPS_FIND_NEW_VERSION: '发现新版本${v}，更新了很多功能，是否去下载最新的版本？',
+  // privcy
+  PRIVACY:
+`
+本软件尊重并保护所有使用服务用户的个人隐私权。为了给您提供更准确、更优质的服务，本软件会按照本隐私权政策的规定使用和收集您的一些行为信息。您在同意本软件服务使用协议之时，即视为您已经同意本隐私权政策全部内容。本隐私权政策属于本软件服务使用协议不可分割的一部分，如果不同意将无法使用。本协议会定期更新。
+
+1.适用范围
+
+a)在您使用本软件时，本软件会记录的您对本软件的一些操作行为信息，包括但不限于您使用本软件进行文件上传的耗时、类型、数量等信息。
+
+2.信息的使用
+
+a)在获得您的使用数据之后，本软件会将其上传至数据分析服务器，以便分析数据后，提供给您更好的服务。
+
+3.信息披露
+
+a)本软件不会将您的信息披露给不受信任的第三方。
+
+b)根据法律的有关规定，或者行政或司法机构的要求，向第三方或者行政、司法机构披露；
+
+c)如您出现违反中国有关法律、法规或者相关规则的情况，需要向第三方披露；
+
+4.信息安全
+
+a)本软件不会收集您的个人信息、密钥信息等隐私信息，所收集的信息仅仅作为改善软件、优化体验、了解软件日活等用途。
+`,
+  // action
+  QUIT: '退出'
+}
+
+export type ILocalesKey = keyof typeof ZH_CN
+export type ILocales = typeof ZH_CN
@@ -1,9 +1,6 @@
-import {
-  BrowserWindow
-} from 'electron'
-import {
-  IWindowList
-} from 'apis/app/window/constants'
+// https://stackoverflow.com/questions/45420448/how-to-import-external-type-into-global-d-ts-file
+declare type BrowserWindow = import('electron').BrowserWindow
+declare type IWindowList = import('./enum').IWindowList

 declare interface IWindowListItem {
  isValid: boolean
@@ -20,14 +17,3 @@ declare interface IWindowManager {
  deleteById: (id: number) => void
  getAvailableWindow: () => BrowserWindow
 }
-
-// https://stackoverflow.com/questions/35074713/extending-typescript-global-object-in-node-js/44387594#44387594
-declare global {
-  namespace NodeJS {
-    interface Global {
-      PICGO_GUI_VERSION: string
-      PICGO_CORE_VERSION: string
-      notificationList: IAppNotification[]
-    }
-  }
-}
@@ -20,3 +20,10 @@ export enum IPasteStyle {
  UBB = 'UBB',
  CUSTOM = 'Custom'
 }
+
+export enum IWindowList {
+  SETTING_WINDOW = 'SETTING_WINDOW',
+  TRAY_WINDOW = 'TRAY_WINDOW',
+  MINI_WINDOW = 'MINI_WINDOW',
+  RENAME_WINDOW = 'RENAME_WINDOW'
+}
@@ -19,7 +19,12 @@ declare module 'vue/types/vue' {
    $builtInPicBed: string[]
    $bus: Vue
    $$db: IGalleryDB
+    $T: typeof import('#/i18n/index').T
+    $i18n: typeof import('#/i18n/index').i18n
    saveConfig(data: IObj | string, value?: any): void
    getConfig<T>(key?: string): Promise<T | undefined>
+    setDefaultPicBed(picBed: string): void
+    defaultPicBed: string
+    forceUpdate(): void
  }
 }
@@ -0,0 +1,5 @@
+
+// https://stackoverflow.com/questions/35074713/extending-typescript-global-object-in-node-js/44387594#44387594
+declare var PICGO_GUI_VERSION: string
+declare var PICGO_CORE_VERSION: string
+declare var notificationList: IAppNotification[]
@@ -1,2 +0,0 @@
-import PicGoCore from 'picgo'
-export default PicGoCore
@@ -2,8 +2,8 @@ declare module '*.vue' {
  import Vue from 'vue'
  export default Vue
 }
-// third-party
-declare module 'fix-path' {
-  function fixPath(): void
-  export default fixPath
-}
+// // third-party
+// declare module 'fix-path' {
+//   function fixPath(): void
+//   export default fixPath
+// }
@@ -15,7 +15,7 @@ declare interface ErrnoException extends Error {
  stack?: string;
 }

-declare var __static: string
+declare let __static: string

 declare type ILogType = 'success' | 'info' | 'warn' | 'error'

@@ -94,6 +94,7 @@ interface IBrowserWindowOptions {
  webPreferences: {
    nodeIntegration: boolean,
    nodeIntegrationInWorker: boolean,
+    contextIsolation: boolean,
    backgroundThrottling: boolean
    webSecurity?: boolean
  },
@@ -121,7 +122,7 @@ interface IBounds {
 }

 // PicGo Types
-type ICtx = import('picgo')
+type ICtx = import('picgo').PicGo
 interface IPicGoPlugin {
  name: string
  fullName: string
@@ -286,7 +287,8 @@ interface ITcYunConfig {
  area: string,
  path: string,
  customUrl: string,
-  version: 'v4' | 'v5'
+  version: 'v4' | 'v5',
+  options: string
 }

 interface IUpYunConfig {
@@ -321,3 +323,18 @@ interface IAnalyticsData {
 interface IStringKeyMap {
  [propName: string]: any
 }
+
+type ILogArgvType = string | number
+
+type ILogArgvTypeWithError = ILogArgvType | Error
+
+interface IMiniWindowPos {
+  x: number,
+  y: number,
+  height: number,
+  width: number
+}
+
+type PromiseResType<T> = T extends Promise<infer R> ? R : T
+
+type ILocalesKey = import('#/i18n/zh-CN').ILocalesKey
@@ -9,6 +9,8 @@ interface ISettingForm {
  logLevel: string[]
  autoCopyUrl: boolean
  checkBetaUpdate: boolean
+  useBuiltinClipboard: boolean
+  language: string
 }

 interface IShortKeyMap {
@@ -1,6 +1,6 @@
 {
  "compilerOptions": {
-    "target": "es2020",
+    "target": "es2019", // https://github.com/TypeStrong/ts-loader/issues/1061
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
@@ -3,8 +3,6 @@ function resolve (dir) {
  return path.join(__dirname, dir)
 }

-const arch = process.argv.includes('--ia32') ? 'ia32' : 'x64'
-
 const config = {
  configureWebpack: {
    devtool: 'nosources-source-map'
@@ -23,6 +21,7 @@ const config = {
  },
  pluginOptions: {
    electronBuilder: {
+      nodeIntegration: true, // will remove in the future
      customFileProtocol: 'picgo://./',
      externals: ['picgo'],
      chainWebpackMainProcess: config => {
@@ -64,16 +63,26 @@ const config = {
          icon: 'build/icons/icon.icns',
          extendInfo: {
            LSUIElement: 1
-          }
+          },
+          target: [{
+            target: 'dmg',
+            arch: [
+              'x64',
+              'arm64'
+            ]
+          }],
+          // eslint-disable-next-line no-template-curly-in-string
+          artifactName: 'PicGo-${version}-${arch}.dmg'
        },
        win: {
          icon: 'build/icons/icon.ico',
          // eslint-disable-next-line no-template-curly-in-string
-          artifactName: `PicGo Setup \${version}-${arch}.exe`,
+          artifactName: 'PicGo Setup ${version}-${arch}.exe',
          target: [{
            target: 'nsis',
            arch: [
-              arch
+              'x64',
+              'ia32'
            ]
          }]
        },
Author	SHA1	Message	Date
PiEgg	b3c2ed9e13	🎉 Release: v2.3.1-beta.3	2022-04-04 19:24:17 +08:00
PiEgg	af291e4f11	✨ Feature: add tencent-cos options for url ISSUES CLOSED: #862, #863, #865, #524, #845, #732	2022-04-04 19:22:30 +08:00
zhullybandPiEgg	f1c8507927	✨ Feature: add wayland support for linux	2022-03-14 23:57:37 +08:00
PiEgg	6bcda9ba28	📝 Docs: update readme ISSUES CLOSED: #849, #850	2022-03-10 22:13:24 +08:00
PiEgg	1936ccfedc	✨ Feature: add i18n for en	2022-02-20 21:33:44 +08:00
PiEgg	7f6d58f992	🔨 Refactor: setting-page ui	2022-02-20 17:37:40 +08:00
PiEgg	27628da458	✨ Feature: add upload-clipboard-image from electron' clipboard ISSUES CLOSED: #822	2022-02-20 12:35:27 +08:00
PiEgg	6bcd019b31	🐛 Fix: fix mini-page can't upload image from dragging browser image ISSUES CLOSED: #822	2022-02-20 12:33:51 +08:00
Wave-SYJandPiEgg	c79a2869c1	🐛 Fix: mini window not always on top after reopen	2022-01-20 21:01:36 +08:00
PiEgg	1212774b3d	🚧 WIP: renderer process i18n	2022-01-19 23:21:17 +08:00
PiEgg	be32ed0e52	🚧 WIP: renderer i18n	2022-01-18 23:10:49 +08:00
PiEgg	cc73fe7bce	🚧 WIP: renderer process i18n	2022-01-18 16:06:33 +08:00
PiEgg	3a503151a4	🐛 Fix: notification freeze the main-process after uploading with clipboard ISSUES CLOSED: #824	2022-01-16 20:22:23 +08:00
PiEgg	58f96db967	🚧 WIP: renderer i18n	2022-01-13 23:03:41 +08:00
PiEgg	6b6ae271e8	🐛 Fix: picgo.log path error ISSUES CLOSED: #819	2022-01-12 14:57:09 +08:00
PiEgg	9d236ba6f4	🚧 WIP: renderer process i18n	2022-01-11 23:57:35 +08:00
PiEgg	c19f741243	🚧 WIP: main process i18n	2022-01-11 21:50:29 +08:00
PiEgg	c2991dde2f	🚧 WIP: add i18n ing	2022-01-10 10:20:56 +08:00
PiEgg	04701d4202	✨ Feature: click cancel in rename-window will use origin filename now ISSUES CLOSED: #791	2022-01-09 11:21:04 +08:00
PiEgg	bcaf255a9c	📦 Chore: update fix-path ISSUES CLOSED: #774	2022-01-09 10:11:14 +08:00
PiEgg	43d2a8e5c8	📦 Chore: types change	2022-01-08 15:44:25 +08:00
PiEgg	f3ec0cb4be	🎉 Release: v2.3.1-beta.2	2022-01-06 10:42:08 +08:00
PiEgg	5dd6e72b50	🐛 Fix: electron builder actions bug	2022-01-06 00:01:26 +08:00
PiEgg	5cb8151df7	🐛 Fix: linux github actions workflow bug	2022-01-05 23:18:41 +08:00
PiEgg	1848bff091	🎉 Release: v2.3.1-beta.1	2022-01-05 23:13:59 +08:00
PiEgg	56e814a96a	📦 Chore: update ci build scripts	2022-01-05 23:13:24 +08:00
PiEgg	b93b4cffe2	🎉 Release: v2.3.1-beta.0	2022-01-05 22:58:53 +08:00
PiEgg	f2a4197ca2	📦 Chore: add mac-arm64 build support	2022-01-05 12:54:02 +08:00
PiEgg	34b3656605	🐛 Fix: mini window drag bug	2022-01-05 12:18:50 +08:00
PiEgg	ea20d3b971	📦 Chore: update electron from v6 -> v16	2022-01-04 23:59:35 +08:00
PiEgg	459953f391	🎉 Release: v2.3.0	2021-09-11 11:29:50 +08:00
PiEgg	75e3edcd87	✨ Feature: add open devtool option	2021-08-29 19:04:43 +08:00
PiEgg	5895889059	🐛 Fix: shift key function in gallery page	2021-08-28 21:50:46 +08:00
PiEgg	58420c8c3b	📝 Docs: update FAQ	2021-08-28 17:36:14 +08:00
PiEgg	6c6f84779a	🐛 Fix: urlEncode bug when copy ISSUES CLOSED: #731	2021-08-23 23:21:58 +08:00
PiEgg	a676c083fe	🐛 Fix: some bugs ISSUES CLOSED: #722	2021-08-21 10:42:52 +08:00
PiEgg	2d3e779e0b	🎉 Release: v2.3.0-beta.8	2021-08-13 20:38:50 +08:00
PiEgg	20d3cf987c	🐛 Fix: settings bug ISSUES CLOSED: #710	2021-08-13 00:19:43 +08:00
PiEgg	ae692632a5	🐛 Fix: upload clipboard images via http should return list ISSUES CLOSED: #721	2021-08-12 22:17:14 +08:00