fix: bump version to 1.3.6

* Add Korean translation

* Fix typo

.editorconfig

@@ -0,0 +1,8 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true

.electron-vue/webpack.web.config.js

@@ -143,20 +143,6 @@ let webConfig = {
         ? path.resolve(__dirname, '../node_modules')
         : false
     }),
-    new HtmlWebpackPlugin({
-      title: '关于',
-      filename: 'about.html',
-      chunks: ['about'],
-      template: path.resolve(__dirname, '../src/about.ejs'),
-      // minify: {
-      //   collapseWhitespace: true,
-      //   removeAttributeQuotes: true,
-      //   removeComments: true
-      // },
-      nodeModules: devMode
-        ? path.resolve(__dirname, '../node_modules')
-        : false
-    }),
     new webpack.DefinePlugin({
       'process.env.IS_WEB': 'true'
     }),

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,38 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+**Before feedback**
+Before you feedback, please search for the issues to see if there are similar problems that can solve your problem.
+
+**Please delete the above and the contents of this line, then fill in the feedback form in the following format, Thanks.**
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Environment (please complete the following information):**
+ - OS & Version: [e.g. macOS, Windows, Linux]
+ - Version: [e.g. macOS 10.14.2, Windows 10, Ubuntu 18.04]
+ - Motrix Version: [e.g. v1.1.3, v1.1.0]
+ - Installation package type: [e.g. dmg, AppImage]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/bug_report_cn.md

@@ -0,0 +1,40 @@
+---
+name: 错误反馈
+about: 创建一个错误报告帮助改进「请按照模板提交，提供详细的信息，方便我们复现之后处理」
+title: ''
+labels: ''
+assignees: ''
+
+---
+**反馈之前**
+反馈之前请搜索一下已有 issues 和 帮助文档，看是否有类似问题可以解决你的问题
+https://github.com/agalwood/Motrix/issues
+http://motrix.app/support
+
+**请删除上面和本行的内容，然后按以下格式填写反馈信息，谢谢**
+
+**错误描述**
+清楚简洁地描述错误，方便我们复现之后处理。
+
+**如何重现**
+重现步骤，如：
+1. 点击新建任务按钮
+2. 黏贴链接（如链接不涉及到隐私和版权问题，请顺便提供）
+3. 点击提交
+4. 发现报错
+
+**预期的行为**
+清楚简洁地描述您期望发生的事情。
+
+**截图**
+请添加屏幕截图以帮助解释您的问题：
+打开应用菜单中的「帮助」——「开发者工具」—— 切换到 console，然后**完整**截图。
+
+**运行环境**
+ - 操作系统类型： [如 macOS, Windows, Linux]
+ - 具体版本： [如 macOS 10.14.2, Windows 10, Ubuntu 18.04]
+ - Motrix 版本： [如 v1.1.3, v1.1.0]
+ - 安装包类型：[如 dmg, AppImage]
+
+**更多信息**
+添加有关此问题的任何其他上下文信息。

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: enhancement ✨
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/lock.yml

@@ -0,0 +1,38 @@
+# Configuration for Lock Threads - https://github.com/dessant/lock-threads
+
+# Number of days of inactivity before a closed issue or pull request is locked
+daysUntilLock: 30
+
+# Skip issues and pull requests created before a given timestamp. Timestamp must
+# follow ISO 8601 (`YYYY-MM-DD`). Set to `false` to disable
+skipCreatedBefore: false
+
+# Issues and pull requests with these labels will be ignored. Set to `[]` to disable
+exemptLabels: []
+
+# Label to add before locking, such as `outdated`. Set to `false` to disable
+lockLabel: false
+
+# Comment to post before locking. Set to `false` to disable
+lockComment: >
+  This thread has been automatically locked since there has not been
+  any recent activity after it was closed. Please open a new issue for
+  related bugs.
+
+# Assign `resolved` as the reason for locking. Set to `false` to disable
+setLockReason: true
+
+# Limit to only `issues` or `pulls`
+# only: issues
+
+# Optionally, specify configuration settings just for `issues` or `pulls`
+# issues:
+#   exemptLabels:
+#     - help-wanted
+#   lockLabel: outdated
+
+# pulls:
+#   daysUntilLock: 30
+
+# Repository to extend settings from
+# _extends: repo

.gitignore

@@ -9,3 +9,4 @@ npm-debug.log.*
 thumbs.db
 !.gitkeep
 release/*
+.idea/

.travis.yml

@@ -19,9 +19,6 @@ addons:
     - libgnome-keyring-dev
     - icnsutils
 before_install:
-- mkdir -p /tmp/git-lfs && curl -L https://github.com/github/git-lfs/releases/download/v1.2.1/git-lfs-$([
-  "$TRAVIS_OS_NAME" == "linux" ] && echo "linux" || echo "darwin")-amd64-1.2.1.tar.gz
-  | tar -xz -C /tmp/git-lfs --strip-components 1 && /tmp/git-lfs/git-lfs pull
 - if [[ "$TRAVIS_OS_NAME" == "linux" ]]; then sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils; fi
 install:
 - nvm install 10

CONTRIBUTING-CN.md

@@ -0,0 +1,39 @@
+# Motrix 贡献指南
+
+## 🌍 翻译指南
+
+首先你要确定一个语言的英文简写作为 **locale**，如 en-US，这个 locale 值请严格参考 [Electron 的 Locales 文档](https://electronjs.org/docs/api/locales)
+
+Motrix 的国际化分两部分：
+
+- Element UI
+- 菜单和主界面
+
+### Element UI
+
+Element UI 的国际化由 [Element 社区](http://element.eleme.io/#/en-US/component/i18n)提供，找到 **locale** 对应的语言包文件「两者 locale 命名可能不一致」，在 `src/shared/locales/all.js` 中引入，如
+
+```javascript
+import eleLocaleEn from 'element-ui/lib/locale/lang/en'
+import eleLocaleZhCN from 'element-ui/lib/locale/lang/zh-CN'
+```
+
+### 菜单和主界面
+
+Motrix 使用 i18next 作为翻译支持库，所以你可能需要简单了解一下它的[使用方法](https://www.i18next.com/overview/getting-started)。
+配置文件按照语言 (**locale**) 划分目录：`src/shared/locales`，如：`src/shared/locales/en-US` 和 `src/shared/locales/zh-CN`。
+
+目录里面有按业务模块划分的语言文件
+
+菜单模块经过重构之后，国际化已经打散到了以下文件里了，不再需要再复制 `src/main/menus` 里的配置。
+
+- about.js
+- app.js
+- edit.js
+- help.js
+- index.js
+- menu.js
+- preferences.js
+- subnav.js
+- task.js
+- window.js

CONTRIBUTING.md

@@ -0,0 +1,39 @@
+# Motrix Contributing Guide
+
+## 🌍 Translation Guide
+
+First you need to determine the English abbreviation of a language as **locale**, such as en-US, this locale value should strictly refer to the [electron's documentation](https://electronjs.org/docs/api/locales).
+
+The internationalization of Motrix is divided into two parts:
+
+- Element UI
+- Menu & Main Interface
+
+### Element UI
+
+The internationalization of Element UI is provided by the [Element community](http://element.eleme.io/#/en-US/component/i18n), then find the language pack file corresponding to **locale** (both locale naming may be inconsistent), which is import in `src/shared/locales/all.js`, such as
+
+```javascript
+import eleLocaleEn from 'element-ui/lib/locale/lang/en'
+import eleLocaleZhCN from 'element-ui/lib/locale/lang/zh-CN'
+```
+
+### Menu & Main Interface
+
+Motrix uses the [i18next](https://www.i18next.com/overview/getting-started) library for internationalization, so you need a quick look at how to use it.
+The configuration files are divided by **locale**: `src/shared/locales`, such as `src/shared/locales/en-US` and `src/shared/locales/zh-CN`.
+
+There are language files in the directory according to the business module.
+
+After the menu module is refactored, the internationalization of the menu has been dispersed into the following files, and there is no need to copy the configuration in `src/main/menus`.
+
+- about.js
+- app.js
+- edit.js
+- help.js
+- index.js
+- menu.js
+- preferences.js
+- subnav.js
+- task.js
+- window.js

README-CN.md

@@ -0,0 +1,135 @@
+# Motrix
+
+<a href="https://motrix.app">
+  <img src="https://cdn.nlark.com/yuque/0/2018/png/129147/1543735425232-a5d2c99f-d788-43e4-9781-558ff6d21027.png" width="256" alt="App Icon" />
+</a>
+
+[English](./README.md) | 简体中文
+
+## 一款全能的下载工具
+
+[![GitHub release](https://img.shields.io/github/release/agalwood/Motrix.svg)](https://github.com/agalwood/Motrix/releases) [![Build Status](https://travis-ci.org/agalwood/Motrix.svg?branch=master)](https://travis-ci.org/agalwood/Motrix) [![Build status](https://ci.appveyor.com/api/projects/status/l11d5h05xwwcvoux/branch/master?svg=true)](https://ci.appveyor.com/project/agalwood/motrix/branch/master) [![Total Downloads](https://img.shields.io/github/downloads/agalwood/Motrix/total.svg)](https://github.com/agalwood/Motrix/releases) ![Support Platforms](https://camo.githubusercontent.com/a50c47295f350646d08f2e1ccd797ceca3840e52/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f706c6174666f726d2d6d61634f5325323025374325323057696e646f77732532302537432532304c696e75782d6c69676874677265792e737667)
+
+我是个兴趣使然的桌面应用开发者🤓，利用搬砖之余开发了 Motrix。
+
+Motrix 是一款全能的下载工具，支持下载 HTTP、FTP、BT、磁力链、百度网盘等资源。它的界面简洁易用，希望大家喜欢 👻。
+
+✈️ 去 [官网](https://motrix.app/zh-CN) 逛逛  |  📖 查看 [帮助手册](http://motrix.app/support/issues)
+
+## 💽 安装稳定版
+
+[GitHub](https://github.com/agalwood/Motrix/releases) 和 [官网](https://motrix.app/zh-CN) 提供了已经编译好的稳定版安装包，当然你也可以自己克隆代码编译打包。
+
+### macOS
+
+更新：macOS 用户支持 `brew cask` 安装，感谢 [Mitscherlich](https://github.com/Mitscherlich) 的 [PR](https://github.com/Homebrew/homebrew-cask/pull/59494)。
+
+```bash
+brew update && brew cask install motrix
+```
+
+### Linux
+
+您可以下载 AppImage（适用于所有Linux发行版）软件包或 snap 或从源代码构建。
+
+构建请阅读 **编译打包** 部分。
+
+对于 Arch Linux 用户，可以使用 [aur](https://aur.archlinux.org/packages/motrix/) 安装 Motrix，感谢维护者 [weearc](https://github.com/weearc)。
+
+运行以下命令进行安装：
+
+```bash
+yay motrix
+```
+
+## ✨ 特性
+
+- 🕹 简洁明了的图形操作界面
+- 🦄 支持BT和磁力链任务
+- 💾 支持下载百度云盘资源
+- 🎛 最高支持 10 个任务同时下载
+- 🚀 单任务最高支持 64 线程下载
+- 🕶 模拟用户代理UA
+- 🔔 下载完成后通知
+- 💻 支持触控栏快捷健 (Mac 专享)
+- 🤖 常驻系统托盘，操作更加便捷
+- 🌑 深色模式
+- 🗑 移除任务时可同时删除相关文件
+- 🌍 国际化，[查看已可选的语言](#-国际化)
+- 🎏 ...
+
+## 🖥 应用界面
+
+![motrix-screenshot-task-cn.png](https://cdn.nlark.com/yuque/0/2019/png/129147/1550151234585-e513bd4f-e127-402f-accb-1ebbba9b3c41.png)
+
+## ⌨️ 本地开发
+
+### 克隆代码
+
+```bash
+git clone git@github.com:agalwood/Motrix.git
+```
+
+### 安装依赖
+
+```bash
+cd Motrix
+npm install
+```
+
+天朝大陆用户建议使用淘宝的 npm 源
+
+```bash
+npm config set registry 'https://registry.npm.taobao.org'
+export ELECTRON_MIRROR='https://npm.taobao.org/mirrors/electron/'
+export SASS_BINARY_SITE='https://npm.taobao.org/mirrors/node-sass'
+```
+
+如果喜欢 [Yarn](https://yarnpkg.com/)，也可以使用 `yarn` 安装依赖
+
+### 开发模式
+
+```bash
+npm run dev
+```
+
+### 编译打包
+
+```bash
+npm run build
+```
+
+完成之后可以在项目的 `release` 目录看到编译打包好的应用文件
+
+## 🛠 技术栈
+
+- [Electron](https://electronjs.org/)
+- [Vue](https://vuejs.org/) + [VueX](https://vuex.vuejs.org/) + [Element](https://element.eleme.io)
+- [Aria2](https://aria2.github.io/) (注：macOS 和 Linux 版本使用的是 64 位的 aria2c，Windows 版使用的 32 位的）
+
+## ☑️ TODO
+
+开发计划请移步 [Trello](https://trello.com/b/qNUzA0bv/motrix) 查看
+
+## 🤝 参与共建 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)](http://makeapullrequest.com)
+
+如果你有兴趣参与共同开发，欢迎 FORK 和 PR。
+
+## 🌍 国际化
+
+欢迎大家将 Motrix 翻译成更多的语言版本 🧐，开工之前请先阅读一下 [翻译指南](./CONTRIBUTING-CN.md#-翻译指南)。
+
+| Key   | Name                | Status       |
+|-------|:--------------------|:-------------|
+| de    | German              | ✔️ [@Schloemicher](https://github.com/Schloemicher) |
+| en-US | English             | ✔️           |
+| fr    | Français            | ✔️ [@gpatarin](https://github.com/gpatarin) |
+| ja    | 日本語               | ✔️ [@hbkrkzk](https://github.com/hbkrkzk) |
+| pt-BR | Portuguese (Brazil) | ✔️ [@andrenoberto](https://github.com/andrenoberto) |
+| tr    | Türkçe              | ✔️ [@abdullah](https://github.com/abdullah) |
+| zh-CN | 简体中文             | ✔️           |
+| zh-TW | 繁體中文             | ✔️ [@Yukaii](https://github.com/Yukaii) |
+
+## 📜 开源许可
+
+基于 [MIT license](https://opensource.org/licenses/MIT) 许可进行开源。

README.md

@@ -1,63 +1,127 @@
 # Motrix
 
 <a href="https://motrix.app">
-  <img src="https://motrix.app/images/app-icon@2x.png" width="256" alt="App Icon" />
+  <img src="https://cdn.nlark.com/yuque/0/2018/png/129147/1543735425232-a5d2c99f-d788-43e4-9781-558ff6d21027.png" width="256" alt="App Icon" />
 </a>
 
-## 一款全能的下载工具
+## A full-featured download manager
 
-支持下载 HTTP、FTP、BT、磁力链、百度网盘等资源
+[![GitHub release](https://img.shields.io/github/release/agalwood/Motrix.svg)](https://github.com/agalwood/Motrix/releases) [![Build Status](https://travis-ci.org/agalwood/Motrix.svg?branch=master)](https://travis-ci.org/agalwood/Motrix) [![Build status](https://ci.appveyor.com/api/projects/status/l11d5h05xwwcvoux/branch/master?svg=true)](https://ci.appveyor.com/project/agalwood/motrix/branch/master) [![Total Downloads](https://img.shields.io/github/downloads/agalwood/Motrix/total.svg)](https://github.com/agalwood/Motrix/releases) ![Support Platforms](https://camo.githubusercontent.com/a50c47295f350646d08f2e1ccd797ceca3840e52/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f706c6174666f726d2d6d61634f5325323025374325323057696e646f77732532302537432532304c696e75782d6c69676874677265792e737667)
 
-<span style="font-size: 30px">我</span>是个兴趣使然的桌面应用开发者🤓，出于兴趣爱好，利用搬砖之余开发了 [MO 1.0](https://moapp.me) 版本，做出来有大半年了，没做过什么推广，所以大家可能都没怎么听过这个应用吧～👻～
+English | [简体中文](./README-CN.md)
 
-本着自己用得舒(折)服(腾)😌的想法，🤠撸出了个全新的版本，并更名为 Motrix。新版本不仅优化了性能，还重新设计了图形操作界面，操作更简便！
+Motrix is a full-featured download manager that supports downloading HTTP, FTP, BitTorrent, Magnet, Baidu Net Disk, etc.
 
-官网提供了已经编译好的应用安装包（[去官网下载](https://motrix.app)），当然你也可以自己克隆代码进行编译打包。
+Motrix has a clean and easy to use interface. I hope you will like it 👻.
 
-## 🛠 技术栈
-- [Electron](https://electronjs.org/)
-- [Vue](https://vuejs.org/) + [VueX](https://vuex.vuejs.org/) + [Element](https://element.eleme.io)
-- [Aria2](https://aria2.github.io/)
+✈️ [Official Website](https://motrix.app) | 📖 [Manual](https://github.com/agalwood/Motrix/wiki)
 
-## 📦 自行编译
+## 💽 Installation
+
+Download from [GitHub Releases](https://github.com/agalwood/Motrix/releases) and install it.
+
+### macOS
+
+Update: macOS user support `brew cask` installation, thanks to [PR](https://github.com/Homebrew/homebrew-cask/pull/59494) of [Mitscherlich](https://github.com/Mitscherlich).
+
+```bash
+brew update && brew cask install motrix
+```
+
+### Linux
+
+You can download the AppImage(for all Linux distributions) package or snap or just build from source code.
+
+Please read the **Build** section.
+
+For Arch Linux users, Motrix is available in [aur](https://aur.archlinux.org/packages/motrix/), thanks to the maintainer [weearc](https://github.com/weearc).
+
+Run the following command to install:
+
+```bash
+yay motrix
+```
+
+## ✨ Features
+
+- 🕹 Simple and clear user interface
+- 🦄 Supports BitTorrent & Magnet
+- 💾 Supports downloading Baidu Net Disk
+- 🎛 Up to 10 concurrent download tasks
+- 🚀 Supports 64 threads in a single task
+- 🕶 Mock User-Agent
+- 🔔 Download completed Notification
+- 💻 Ready for Touch Bar (Mac only)
+- 🤖 Resident system tray for quick operation
+- 🌑 Dark mode
+- 🗑 Delete related files when removing tasks (optional)
+- 🌍 I18n, [View supported languages](#-internationalization).
+- 🎏 ...
+
+## 🖥 User Interface
+
+![motrix-screenshot-task-en.png](https://cdn.nlark.com/yuque/0/2019/png/129147/1550151166169-94b4bfb0-746e-42b8-aad7-0b6890f89abb.png)
+
+## ⌨️ Development
+
+### Clone Code
 
-### 克隆代码
 ```bash
 git clone git@github.com:agalwood/Motrix.git
 ```
 
-### 安装依赖
+### Install Dependencies
+
 ```bash
 cd Motrix
 npm install
 ```
-天朝大陆用户建议使用淘宝的npm源
-```bash
-npm config set registry 'https://registry.npm.taobao.org'
-export ELECTRON_MIRROR='https://npm.taobao.org/mirrors/electron/'
-export SASS_BINARY_SITE='https://npm.taobao.org/mirrors/node-sass'
-```
-如果喜欢 [Yarn](https://yarnpkg.com/)，也可以使用 `yarn` 安装依赖
 
-### 开发模式
+If you like [Yarn](https://yarnpkg.com/), you can also use `yarn` to install dependencies.
+
+### Dev Mode
+
 ```bash
 npm run dev
 ```
 
-### 编译打包
+### Build Release
+
 ```bash
 npm run build
 ```
-完成之后可以在项目的 release 目录看到编译打包好的应用文件
+
+After building, the application will be found in the project's `release` directory.
+
+## 🛠 Technology Stack
+
+- [Electron](https://electronjs.org/)
+- [Vue](https://vuejs.org/) + [VueX](https://vuex.vuejs.org/) + [Element](https://element.eleme.io)
+- [Aria2](https://aria2.github.io/) (Note: macOS and Linux versions use 64-bit aria2c, Windows version uses 32-bit)
 
 ## ☑️ TODO
-- [ ] 国际化支持
-- [ ] macOS Mojave 深色模式
-- [ ] Windows 和 Linux 版本理论上会有，还未调试
-- [ ] 测试用例
 
-## 🤝 参与共建 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com)
-如果你有兴趣参与共同开发，欢迎 FORK 和 PR。
+Development Roadmap see: [Trello](https://trello.com/b/qNUzA0bv/motrix)
 
-## 📜 开源许可
-基于 [MIT license](https://opensource.org/licenses/MIT) 许可进行开源。
+## 🤝 Contribute [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat)](http://makeapullrequest.com)
+
+If you are interested in participating in joint development, PR and Forks are welcome!
+
+## 🌍 Internationalization
+
+Translations into versions for other languages are welcome 🧐! Please read the [translation guide](./CONTRIBUTING.md#-translation-guide) before starting translations.
+
+| Key   | Name                | Status       |
+|-------|:--------------------|:-------------|
+| de    | German              | ✔️ [@Schloemicher](https://github.com/Schloemicher) |
+| en-US | English             | ✔️           |
+| fr    | Français            | ✔️ [@gpatarin](https://github.com/gpatarin) |
+| ja    | 日本語               | ✔️ [@hbkrkzk](https://github.com/hbkrkzk) |
+| pt-BR | Portuguese (Brazil) | ✔️ [@andrenoberto](https://github.com/andrenoberto) |
+| tr    | Türkçe              | ✔️ [@abdullah](https://github.com/abdullah) |
+| zh-CN | 简体中文             | ✔️           |
+| zh-TW | 繁體中文             | ✔️ [@Yukaii](https://github.com/Yukaii) |
+
+## 📜 License
+
+[MIT](https://opensource.org/licenses/MIT) Copyright (c) 2018-present Dr_rOot

extra/darwin/engine/aria2.conf

@@ -33,7 +33,7 @@
 # 单个任务下载速度限制, 默认:0
 #@max-download-limit=0
 # 整体上传速度限制, 运行时可修改, 默认:0
-#@max-overall-upload-limit=0
+max-overall-upload-limit=128K
 # 单个任务上传速度限制, 默认:0
 #@max-upload-limit=0
 # 禁用IPv6, 默认:false
@@ -73,26 +73,30 @@ rpc-listen-all=true
 # 当下载的是一个种子(以.torrent结尾)时, 自动开始BT任务, 默认:true
 #follow-torrent=true
 # BT监听端口, 当端口被屏蔽时使用, 默认:6881-6999
-listen-port=51413
+listen-port=50101-50109
 # 单个种子最大连接数, 默认:55
 #bt-max-peers=55
 # 打开DHT功能, PT需要禁用, 默认:true
-enable-dht=false
+enable-dht=true
 # 打开IPv6 DHT功能, PT需要禁用
-#enable-dht6=false
+enable-dht6=true
 # DHT网络监听端口, 默认:6881-6999
-#dht-listen-port=6881-6999
+dht-listen-port=50101-50109
+# Set host and port as an entry point to IPv4 DHT network.
+dht-entry-point=dht.transmissionbt.com:6881
+# Set host and port as an entry point to IPv6 DHT network.
+dht-entry-point6=dht.transmissionbt.com:6881
 # 本地节点查找, PT需要禁用, 默认:false
-#bt-enable-lpd=false
+bt-enable-lpd=true
 # 种子交换, PT需要禁用, 默认:true
-#enable-peer-exchange=false
+enable-peer-exchange=true
 # 每个种子限速, 对少种的PT很有用, 默认:50K
 #bt-request-peer-speed-limit=50K
 # 客户端伪装, PT需要
 peer-id-prefix=-TR2770-
 user-agent=Transmission/2.94
 # 当种子的分享率达到这个数时, 自动停止做种, 0为一直做种, 默认:1.0
-seed-ratio=0
+seed-ratio=1.0
 # 强制保存会话, 即使任务已经完成, 默认:false
 # 较新的版本开启后会在任务完成后依然保留.aria2文件
 #force-save=false
@@ -101,8 +105,4 @@ seed-ratio=0
 # 继续之前的BT任务时, 无需再次校验, 默认:false
 bt-seed-unverified=true
 # 保存磁力链接元数据为种子文件(.torrent文件), 默认:false
-bt-save-metadata=true
-
-# bt-tracker数据来自https://github.com/ngosang/trackerslist/blob/master/trackers_best.txt
-
-bt-tracker=udp://tracker.coppersurfer.tk:6969/announce,udp://tracker.opentrackr.org:1337/announce,udp://tracker.internetwarriors.net:1337/announce,udp://9.rarbg.to:2710/announce,udp://exodus.desync.com:6969/announce,udp://tracker2.itzmx.com:6961/announce,udp://tracker1.itzmx.com:8080/announce,udp://explodie.org:6969/announce,http://tracker.tfile.me:80/announce.php,http://tracker.tfile.me:80/announce,http://tracker.tfile.co:80/announce,http://peersteers.org:80/announce,udp://tracker.tiny-vps.com:6969/announce,udp://ipv4.tracker.harry.lu:80/announce,udp://denis.stalker.upeer.me:6969/announce,udp://tracker.torrent.eu.org:451/announce,udp://tracker.port443.xyz:6969/announce,udp://tracker.cyberia.is:6969/announce,udp://thetracker.org:80/announce,udp://retracker.lanta-net.ru:2710/announce
+bt-save-metadata=false

extra/linux/engine/aria2.conf

@@ -13,7 +13,7 @@
 # 预分配所需时间: none < falloc ? trunc < prealloc
 # falloc和trunc则需要文件系统和内核支持
 # NTFS建议使用falloc, EXT3/4建议trunc, MAC 下需要注释此项
-# file-allocation=none
+file-allocation=trunc
 # 断点续传
 #@continue=true
 
@@ -33,7 +33,7 @@
 # 单个任务下载速度限制, 默认:0
 #@max-download-limit=0
 # 整体上传速度限制, 运行时可修改, 默认:0
-#@max-overall-upload-limit=0
+max-overall-upload-limit=128K
 # 单个任务上传速度限制, 默认:0
 #@max-upload-limit=0
 # 禁用IPv6, 默认:false
@@ -73,26 +73,30 @@ rpc-listen-all=true
 # 当下载的是一个种子(以.torrent结尾)时, 自动开始BT任务, 默认:true
 #follow-torrent=true
 # BT监听端口, 当端口被屏蔽时使用, 默认:6881-6999
-listen-port=51413
+listen-port=50101-50109
 # 单个种子最大连接数, 默认:55
 #bt-max-peers=55
 # 打开DHT功能, PT需要禁用, 默认:true
-enable-dht=false
+enable-dht=true
 # 打开IPv6 DHT功能, PT需要禁用
-#enable-dht6=false
+enable-dht6=true
 # DHT网络监听端口, 默认:6881-6999
-#dht-listen-port=6881-6999
+dht-listen-port=50101-50109
+# Set host and port as an entry point to IPv4 DHT network.
+dht-entry-point=dht.transmissionbt.com:6881
+# Set host and port as an entry point to IPv6 DHT network.
+dht-entry-point6=dht.transmissionbt.com:6881
 # 本地节点查找, PT需要禁用, 默认:false
-#bt-enable-lpd=false
+bt-enable-lpd=true
 # 种子交换, PT需要禁用, 默认:true
-#enable-peer-exchange=false
+enable-peer-exchange=true
 # 每个种子限速, 对少种的PT很有用, 默认:50K
 #bt-request-peer-speed-limit=50K
 # 客户端伪装, PT需要
 peer-id-prefix=-TR2770-
 user-agent=Transmission/2.94
 # 当种子的分享率达到这个数时, 自动停止做种, 0为一直做种, 默认:1.0
-seed-ratio=0
+seed-ratio=1.0
 # 强制保存会话, 即使任务已经完成, 默认:false
 # 较新的版本开启后会在任务完成后依然保留.aria2文件
 #force-save=false
@@ -101,8 +105,4 @@ seed-ratio=0
 # 继续之前的BT任务时, 无需再次校验, 默认:false
 bt-seed-unverified=true
 # 保存磁力链接元数据为种子文件(.torrent文件), 默认:false
-bt-save-metadata=true
-
-# bt-tracker数据来自https://github.com/ngosang/trackerslist/blob/master/trackers_best.txt
-
-bt-tracker=udp://tracker.coppersurfer.tk:6969/announce,udp://tracker.opentrackr.org:1337/announce,udp://tracker.internetwarriors.net:1337/announce,udp://9.rarbg.to:2710/announce,udp://exodus.desync.com:6969/announce,udp://tracker2.itzmx.com:6961/announce,udp://tracker1.itzmx.com:8080/announce,udp://explodie.org:6969/announce,http://tracker.tfile.me:80/announce.php,http://tracker.tfile.me:80/announce,http://tracker.tfile.co:80/announce,http://peersteers.org:80/announce,udp://tracker.tiny-vps.com:6969/announce,udp://ipv4.tracker.harry.lu:80/announce,udp://denis.stalker.upeer.me:6969/announce,udp://tracker.torrent.eu.org:451/announce,udp://tracker.port443.xyz:6969/announce,udp://tracker.cyberia.is:6969/announce,udp://thetracker.org:80/announce,udp://retracker.lanta-net.ru:2710/announce
+bt-save-metadata=false

extra/win32/engine/aria2.conf

@@ -13,7 +13,7 @@
 # 预分配所需时间: none < falloc ? trunc < prealloc
 # falloc和trunc则需要文件系统和内核支持
 # NTFS建议使用falloc, EXT3/4建议trunc, MAC 下需要注释此项
-# file-allocation=none
+file-allocation=falloc
 # 断点续传
 #@continue=true
 
@@ -33,7 +33,7 @@
 # 单个任务下载速度限制, 默认:0
 #@max-download-limit=0
 # 整体上传速度限制, 运行时可修改, 默认:0
-#@max-overall-upload-limit=0
+max-overall-upload-limit=128K
 # 单个任务上传速度限制, 默认:0
 #@max-upload-limit=0
 # 禁用IPv6, 默认:false
@@ -73,26 +73,30 @@ rpc-listen-all=true
 # 当下载的是一个种子(以.torrent结尾)时, 自动开始BT任务, 默认:true
 #follow-torrent=true
 # BT监听端口, 当端口被屏蔽时使用, 默认:6881-6999
-listen-port=51413
+listen-port=50101-50109
 # 单个种子最大连接数, 默认:55
 #bt-max-peers=55
 # 打开DHT功能, PT需要禁用, 默认:true
-enable-dht=false
+enable-dht=true
 # 打开IPv6 DHT功能, PT需要禁用
-#enable-dht6=false
+enable-dht6=true
 # DHT网络监听端口, 默认:6881-6999
-#dht-listen-port=6881-6999
+dht-listen-port=50101-50109
+# Set host and port as an entry point to IPv4 DHT network.
+dht-entry-point=dht.transmissionbt.com:6881
+# Set host and port as an entry point to IPv6 DHT network.
+dht-entry-point6=dht.transmissionbt.com:6881
 # 本地节点查找, PT需要禁用, 默认:false
-#bt-enable-lpd=false
+bt-enable-lpd=true
 # 种子交换, PT需要禁用, 默认:true
-#enable-peer-exchange=false
+enable-peer-exchange=true
 # 每个种子限速, 对少种的PT很有用, 默认:50K
 #bt-request-peer-speed-limit=50K
 # 客户端伪装, PT需要
 peer-id-prefix=-TR2770-
 user-agent=Transmission/2.94
 # 当种子的分享率达到这个数时, 自动停止做种, 0为一直做种, 默认:1.0
-seed-ratio=0
+seed-ratio=1.0
 # 强制保存会话, 即使任务已经完成, 默认:false
 # 较新的版本开启后会在任务完成后依然保留.aria2文件
 #force-save=false
@@ -101,8 +105,4 @@ seed-ratio=0
 # 继续之前的BT任务时, 无需再次校验, 默认:false
 bt-seed-unverified=true
 # 保存磁力链接元数据为种子文件(.torrent文件), 默认:false
-bt-save-metadata=true
-
-# bt-tracker数据来自https://github.com/ngosang/trackerslist/blob/master/trackers_best.txt
-
-bt-tracker=udp://tracker.coppersurfer.tk:6969/announce,udp://tracker.opentrackr.org:1337/announce,udp://tracker.internetwarriors.net:1337/announce,udp://9.rarbg.to:2710/announce,udp://exodus.desync.com:6969/announce,udp://tracker2.itzmx.com:6961/announce,udp://tracker1.itzmx.com:8080/announce,udp://explodie.org:6969/announce,http://tracker.tfile.me:80/announce.php,http://tracker.tfile.me:80/announce,http://tracker.tfile.co:80/announce,http://peersteers.org:80/announce,udp://tracker.tiny-vps.com:6969/announce,udp://ipv4.tracker.harry.lu:80/announce,udp://denis.stalker.upeer.me:6969/announce,udp://tracker.torrent.eu.org:451/announce,udp://tracker.port443.xyz:6969/announce,udp://tracker.cyberia.is:6969/announce,udp://thetracker.org:80/announce,udp://retracker.lanta-net.ru:2710/announce
+bt-save-metadata=false

package.json

@@ -1,6 +1,6 @@
 {
   "name": "Motrix",
-  "version": "1.0.8",
+  "version": "1.3.6",
   "description": "A full-featured download manager",
   "homepage": "https://motrix.app",
   "author": {
@@ -15,7 +15,7 @@
     "url": "git@github.com:agalwood/Motrix.git"
   },
   "scripts": {
-    "release": "npm run build --publish always",
+    "release": "npm run build --publish onTagOrDraft",
     "build": "node .electron-vue/build.js && electron-builder",
     "build:dir": "node .electron-vue/build.js && electron-builder --dir",
     "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
@@ -32,6 +32,14 @@
   "build": {
     "productName": "Motrix",
     "appId": "net.agalwood.Motrix",
+    "fileAssociations": [
+      {
+        "ext": "torrent",
+        "mimeType": "application/x-bittorrent",
+        "name": "Torrent",
+        "role": "Viewer"
+      }
+    ],
     "asar": true,
     "directories": {
       "output": "release"
@@ -39,6 +47,21 @@
     "files": [
       "dist/electron/**/*"
     ],
+    "protocols": [
+      {
+        "name": "Motrix Protocol",
+        "schemes": [
+          "mo",
+          "motrix"
+        ]
+      },
+      {
+        "name": "Magnet Protocol",
+        "schemes": [
+          "magnet"
+        ]
+      }
+    ],
     "dmg": {
       "window": {
         "width": 540,
@@ -75,21 +98,31 @@
       "binaries": [
         "./release/mac/Motrix.app/Contents/Resources/engine/aria2c"
       ],
-      "category": "public.app-category.utilities",
-      "protocols": [
-        {
-          "name": "Motrix Protocol",
-          "schemes": [
-            "mo",
-            "motrix"
-          ]
-        }
-      ]
+      "category": "public.app-category.utilities"
     },
     "win": {
       "target": [
-        "nsis",
-        "portable"
+        {
+          "target": "nsis",
+          "arch": [
+            "x64",
+            "ia32"
+          ]
+        },
+        {
+          "target": "zip",
+          "arch": [
+            "x64",
+            "ia32"
+          ]
+        },
+        {
+          "target": "portable",
+          "arch": [
+            "x64",
+            "ia32"
+          ]
+        }
       ],
       "extraResources": {
         "from": "./extra/win32/",
@@ -104,8 +137,10 @@
       "allowToChangeInstallationDirectory": true
     },
     "linux": {
+      "category": "Network",
       "target": [
         "deb",
+        "snap",
         "AppImage"
       ],
       "extraResources": {
@@ -127,65 +162,69 @@
     ]
   },
   "dependencies": {
+    "@panter/vue-i18next": "^0.15.0",
     "aria2": "^4.0.3",
     "axios": "^0.18.0",
-    "clipboard-polyfill": "^2.7.0",
-    "electron-debug": "^2.0.0",
+    "blob-util": "^2.0.2",
+    "clipboard-polyfill": "^2.8.0",
+    "electron-debug": "^2.2.0",
     "electron-is": "^3.0.0",
-    "electron-log": "^2.2.17",
-    "electron-updater": "^4.0.7",
-    "element-ui": "^2.4.11",
+    "electron-log": "^3.0.5",
+    "electron-updater": "^4.0.9",
+    "element-ui": "^2.7.2",
     "forever-monitor": "^1.7.1",
+    "i18next": "^15.0.9",
     "lodash": "^4.17.11",
     "normalize.css": "^8.0.1",
     "parse-torrent": "^6.1.2",
     "svg-innerhtml": "^1.1.0",
-    "vue": "^2.5.17",
+    "vue": "^2.6.10",
     "vue-electron": "^1.0.6",
-    "vue-router": "^3.0.2",
-    "vuex": "^3.0.1",
+    "vue-router": "^3.0.6",
+    "vuex": "^3.1.0",
     "vuex-router-sync": "^5.0.0"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^3.2.2",
-    "@vue/cli-plugin-eslint": "^3.2.2",
-    "@vue/cli-service": "^3.2.2",
+    "@vue/cli-plugin-babel": "^3.6.0",
+    "@vue/cli-plugin-eslint": "^3.6.0",
+    "@vue/cli-service": "^3.6.0",
     "@vue/eslint-config-standard": "^4.0.0",
-    "ajv": "^6.6.2",
+    "ajv": "^6.10.0",
     "babel-core": "^6.26.3",
     "babel-eslint": "^10.0.1",
-    "babel-loader": "^7.1.4",
+    "babel-loader": "^7.1.5",
     "babel-plugin-component": "^1.1.1",
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-stage-0": "^6.24.1",
     "babel-register": "^6.26.0",
     "babili-webpack-plugin": "^0.1.2",
-    "cfonts": "^2.2.3",
-    "chalk": "^2.4.1",
-    "copy-webpack-plugin": "^4.6.0",
+    "cfonts": "^2.4.2",
+    "chalk": "^2.4.2",
+    "copy-webpack-plugin": "^5.0.3",
     "cross-env": "^5.1.6",
-    "css-loader": "^1.0.1",
-    "del": "^3.0.0",
+    "css-loader": "^2.1.1",
+    "del": "^4.1.0",
     "devtron": "^1.4.0",
-    "electron": "^4.0.0",
-    "electron-builder": "^20.38.4",
+    "electron": "^4.1.5",
+    "electron-builder": "^20.39.0",
     "electron-devtools-installer": "^2.2.4",
     "electron-notarize": "^0.0.5",
     "electron-osx-sign": "^0.4.11",
     "electron-store": "^2.0.0",
-    "eslint": "^5.11.1",
+    "eslint": "^5.16.0",
     "eslint-config-standard": "^12.0.0",
     "eslint-friendly-formatter": "^4.0.1",
-    "eslint-loader": "^2.1.1",
+    "eslint-loader": "^2.1.2",
     "eslint-plugin-html": "^4.0.6",
-    "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-node": "^7.0.1",
-    "eslint-plugin-promise": "^4.0.1",
+    "eslint-plugin-import": "^2.17.2",
+    "eslint-plugin-node": "^8.0.1",
+    "eslint-plugin-promise": "^4.1.1",
     "eslint-plugin-standard": "^4.0.0",
-    "file-loader": "^2.0.0",
+    "eslint-plugin-vue": "^5.2.2",
+    "file-loader": "^3.0.1",
     "html-webpack-plugin": "^3.2.0",
-    "mini-css-extract-plugin": "0.5.0",
+    "mini-css-extract-plugin": "0.6.0",
     "multispinner": "^0.2.1",
     "node-loader": "^0.6.0",
     "node-sass": "^4.10.0",
@@ -194,13 +233,13 @@
     "style-loader": "^0.23.1",
     "url-loader": "^1.1.2",
     "vue-html-loader": "^1.2.4",
-    "vue-loader": "^15.4.2",
+    "vue-loader": "^15.7.0",
     "vue-style-loader": "^4.1.2",
-    "vue-template-compiler": "^2.5.17",
-    "webpack": "^4.28.3",
-    "webpack-cli": "^3.1.2",
-    "webpack-dev-server": "^3.1.14",
+    "vue-template-compiler": "^2.6.10",
+    "webpack": "^4.30.0",
+    "webpack-cli": "^3.3.1",
+    "webpack-dev-server": "^3.3.1",
     "webpack-hot-middleware": "^2.24.3",
-    "webpack-merge": "^4.1.4"
+    "webpack-merge": "^4.2.1"
   }
 }

src/index.ejs

@@ -23,9 +23,11 @@
       </section>
     </div>
     <!-- Set `__static` path to static files in production -->
-    <script>
-      if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
-    </script>
+    <% if (!process.browser) { %>
+      <script>
+        if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
+      </script>
+    <% } %>
 
     <!-- webpack builds are automatically injected -->
   </body>

src/main/Application.js

@@ -1,9 +1,12 @@
 import { EventEmitter } from 'events'
 import { app, shell, dialog, ipcMain } from 'electron'
 import is from 'electron-is'
+import { readFile } from 'fs'
+import { extname, basename } from 'path'
+
 import logger from './core/Logger'
-import ExceptionHandler from './core/ExceptionHandler'
 import ConfigManager from './core/ConfigManager'
+import { setupLocaleManager } from '@/ui/Locale'
 import Engine from './core/Engine'
 import UpdateManager from './core/UpdateManager'
 import EnergyManager from './core/EnergyManager'
@@ -11,19 +14,31 @@ import ProtocolManager from './core/ProtocolManager'
 import WindowManager from './ui/WindowManager'
 import MenuManager from './ui/MenuManager'
 import TouchBarManager from './ui/TouchBarManager'
+import TrayManager from './ui/TrayManager'
+import ThemeManager from './ui/ThemeManager'
 
 export default class Application extends EventEmitter {
   constructor () {
     super()
+    this.isReady = false
+    this.init()
+  }
 
-    this.exceptionHandler = new ExceptionHandler()
-
-    this.locale = app.getLocale()
-    logger.log('[Motrix] Locale: ', this.locale)
-
+  init () {
     this.configManager = new ConfigManager()
 
-    this.windowManager = new WindowManager()
+    this.locale = this.configManager.getLocale()
+    this.localeManager = setupLocaleManager(this.locale)
+    this.i18n = this.localeManager.getI18n()
+
+    this.menuManager = new MenuManager()
+    this.menuManager.setup(this.locale)
+
+    this.initTouchBarManager()
+
+    this.windowManager = new WindowManager({
+      userConfig: this.configManager.getUserConfig()
+    })
 
     this.engine = new Engine({
       systemConfig: this.configManager.getSystemConfig(),
@@ -31,10 +46,9 @@ export default class Application extends EventEmitter {
     })
     this.startEngine()
 
-    this.menuManager = new MenuManager()
-    this.menuManager.setup(this.locale)
+    this.trayManager = new TrayManager()
 
-    this.touchBarManager = new TouchBarManager()
+    this.initThemeManager()
 
     this.energyManager = new EnergyManager()
 
@@ -50,12 +64,11 @@ export default class Application extends EventEmitter {
     try {
       this.engine.start()
     } catch (err) {
+      const { message } = err
       dialog.showMessageBox({
         type: 'error',
-        title: '系统错误',
-        message: `应用启动失败：${err.message}`,
-        buttons: ['知道了'],
-        cancelId: 1
+        title: this.i18n.t('app.system-error-title'),
+        message: this.i18n.t('app.system-error-message', { message })
       }, () => {
         setTimeout(() => {
           app.quit()
@@ -70,7 +83,29 @@ export default class Application extends EventEmitter {
 
   showPage (page) {
     const win = this.windowManager.openWindow(page)
-    this.touchBarManager.setup(page, win)
+    win.once('ready-to-show', () => {
+      this.isReady = true
+      this.emit('ready')
+    })
+    if (is.macOS()) {
+      this.touchBarManager.setup(page, win)
+    }
+  }
+
+  show (page = 'index') {
+    this.windowManager.showWindow(page)
+  }
+
+  hide (page) {
+    if (page) {
+      this.windowManager.hideWindow(page)
+    } else {
+      this.windowManager.hideAllWindow()
+    }
+  }
+
+  toggle (page = 'index') {
+    this.windowManager.toggleWindow(page)
   }
 
   closePage (page) {
@@ -80,6 +115,7 @@ export default class Application extends EventEmitter {
   stop () {
     this.engine.stop()
     this.energyManager.stopPowerSaveBlocker()
+    this.trayManager.destroy()
   }
 
   sendCommand (command, ...args) {
@@ -93,38 +129,83 @@ export default class Application extends EventEmitter {
 
   sendCommandToAll (command, ...args) {
     if (!this.emit(command, ...args)) {
-      this.windowManager.getWindows().forEach(window => {
+      this.windowManager.getWindowList().forEach(window => {
         this.windowManager.sendCommandTo(window, command, ...args)
       })
     }
   }
 
   sendMessageToAll (channel, ...args) {
-    this.windowManager.getWindows().forEach(window => {
+    this.windowManager.getWindowList().forEach(window => {
       this.windowManager.sendMessageTo(window, channel, ...args)
     })
   }
 
+  initThemeManager () {
+    this.themeManager = new ThemeManager()
+    this.themeManager.on('system-theme-changed', (theme) => {
+      this.trayManager.changeIconTheme(theme)
+      this.sendCommandToAll('application:system-theme', theme)
+    })
+  }
+
+  initTouchBarManager () {
+    if (!is.macOS()) {
+      return
+    }
+    this.touchBarManager = new TouchBarManager()
+  }
+
   initProtocolManager () {
-    if (is.mas()) {
+    if (is.dev() || is.mas()) {
       return
     }
     this.protocolManager = new ProtocolManager()
   }
 
   handleProtocol (url) {
-    if (is.mas()) {
+    if (is.dev() || is.mas()) {
       return
     }
+
+    this.show()
+
     this.protocolManager.handle(url)
-    this.showPage('index')
+  }
+
+  handleFile (filePath) {
+    if (!filePath) {
+      return
+    }
+
+    if (extname(filePath).toLowerCase() !== '.torrent') {
+      return
+    }
+
+    this.show()
+
+    const fileName = basename(filePath)
+    readFile(filePath, (err, data) => {
+      if (err) {
+        logger.warn(`[Motrix] read file error: ${filePath}`, err.message)
+        return
+      }
+      const file = Buffer.from(data).toString('base64')
+      const args = [fileName, file]
+      this.sendCommandToAll('application:new-bt-task-with-file', ...args)
+    })
   }
 
   initUpdaterManager () {
     if (is.mas()) {
       return
     }
-    this.updateManager = new UpdateManager()
+    this.updateManager = new UpdateManager({
+      autoCheck: this.configManager.getUserConfig('auto-check-update')
+        ? (new Date().getTime() - this.configManager.getUserConfig('last-check-update-time') > 7 * 24 * 60 * 60 * 1000)
+        : false,
+      setCheckTime: this.configManager
+    })
     this.handleUpdaterEvents()
   }
 
@@ -180,8 +261,12 @@ export default class Application extends EventEmitter {
       app.exit()
     })
 
-    this.on('application:show', (page = 'index') => {
-      this.showPage(page)
+    this.on('application:show', (page) => {
+      this.show(page)
+    })
+
+    this.on('application:hide', (page) => {
+      this.hide(page)
     })
 
     this.on('application:reset', () => {
@@ -193,8 +278,41 @@ export default class Application extends EventEmitter {
       this.updateManager.check()
     })
 
-    this.on('application:set-locale', (locale) => {
-      this.menuManager.setup(locale)
+    this.on('application:change-theme', (theme) => {
+      this.themeManager.updateAppAppearance(theme)
+      this.sendCommandToAll('application:theme', theme)
+    })
+
+    this.on('application:change-locale', (locale) => {
+      logger.info('[Motrix] application:change-locale===>', locale)
+      this.localeManager.changeLanguageByLocale(locale)
+        .then(() => {
+          this.menuManager.setup(locale)
+          this.trayManager.setup(locale)
+        })
+    })
+
+    this.on('application:open-file', (event) => {
+      dialog.showOpenDialog({
+        properties: ['openFile'],
+        filters: [
+          {
+            name: 'Torrent',
+            extensions: ['torrent']
+          }
+        ]
+      }, (filePaths) => {
+        if (!filePaths || filePaths.length === 0) {
+          return
+        }
+
+        const [filePath] = filePaths
+        this.handleFile(filePath)
+      })
+    })
+
+    this.on('application:clear-recent-tasks', () => {
+      app.clearRecentDocuments()
     })
 
     this.on('help:official-website', () => {
@@ -227,5 +345,9 @@ export default class Application extends EventEmitter {
     ipcMain.on('update-menu-states', (event, visibleStates, enabledStates, checkedStates) => {
       this.menuManager.updateStates(visibleStates, enabledStates, checkedStates)
     })
+
+    ipcMain.on('download-status-change', (event, status) => {
+      this.trayManager.updateStatus(status)
+    })
   }
 }

src/main/Launcher.js

@@ -0,0 +1,153 @@
+import { EventEmitter } from 'events'
+import { app } from 'electron'
+import is from 'electron-is'
+
+import ExceptionHandler from './core/ExceptionHandler'
+import logger from './core/Logger'
+import Application from './Application'
+import { parseArgvAsUrl, parseArgvAsFile } from './utils'
+
+const EMPTY_STRING = ''
+
+export default class Launcher extends EventEmitter {
+  constructor () {
+    super()
+    this.url = EMPTY_STRING
+    this.file = EMPTY_STRING
+
+    this.makeSingleInstance(() => {
+      this.init()
+    })
+  }
+
+  makeSingleInstance (callback) {
+    // Mac App Store Sandboxed App not support requestSingleInstanceLock
+    if (is.mas()) {
+      callback()
+      return
+    }
+
+    const gotSingleLock = app.requestSingleInstanceLock()
+
+    if (!gotSingleLock) {
+      app.quit()
+    } else {
+      app.on('second-instance', (event, argv, workingDirectory) => {
+        logger.warn('second-instance====>', event, argv, workingDirectory)
+        global.application.showPage('index')
+        if (!is.macOS() && argv.length > 1) { // Windows, Linux
+          this.handleAppLaunchArgv(argv)
+        }
+      })
+
+      callback()
+    }
+  }
+
+  init () {
+    this.exceptionHandler = new ExceptionHandler()
+
+    this.handleAppEvents()
+  }
+
+  handleAppEvents () {
+    this.handleOpenUrl()
+    this.handleOpenFile()
+
+    this.handelAppReady()
+    this.handleAppWillQuit()
+  }
+
+  /**
+   * handleOpenUrl
+   * "name": "Motrix Protocol",
+   * "schemes": ["mo", "motrix"]
+   */
+  handleOpenUrl () {
+    if (is.mas()) {
+      return
+    }
+    app.on('open-url', (event, url) => {
+      logger.info(`[Motrix] open-url: ${url}`)
+      event.preventDefault()
+      this.url = url
+      this.sendUrlToApplication()
+    })
+  }
+
+  /**
+   * handleOpenFile
+   * handle open torrent file
+   */
+  handleOpenFile () {
+    // macOS
+    if (is.macOS()) {
+      app.on('open-file', (event, path) => {
+        logger.info(`[Motrix] open-file: ${path}`)
+        event.preventDefault()
+        this.file = path
+        this.sendFileToApplication()
+      })
+    } else if (process.argv.length > 1) { // Windows, Linux
+      this.handleAppLaunchArgv(process.argv)
+    }
+  }
+
+  handleAppLaunchArgv (argv) {
+    const file = parseArgvAsFile(argv)
+    if (file) {
+      this.file = file
+      this.sendFileToApplication()
+    }
+
+    const url = parseArgvAsUrl(argv)
+    if (url) {
+      this.url = url
+      this.sendUrlToApplication()
+    }
+  }
+
+  sendUrlToApplication () {
+    if (this.url && global.application && global.application.isReady) {
+      global.application.handleProtocol(this.url)
+      this.url = EMPTY_STRING
+    }
+  }
+
+  sendFileToApplication () {
+    if (this.file && global.application && global.application.isReady) {
+      global.application.handleFile(this.file)
+      this.file = EMPTY_STRING
+    }
+  }
+
+  handelAppReady () {
+    app.on('ready', () => {
+      global.application = new Application()
+
+      global.application.start('index')
+
+      global.application.on('ready', () => {
+        this.sendUrlToApplication()
+
+        this.sendFileToApplication()
+      })
+    })
+
+    app.on('activate', () => {
+      if (global.application) {
+        logger.info('[Motrix] activate')
+        global.application.showPage('index')
+      }
+    })
+  }
+
+  handleAppWillQuit () {
+    app.on('will-quit', () => {
+      logger.info('[Motrix] will-quit')
+      if (global.application) {
+        global.application.stop()
+      }
+    })
+  }
+}

src/main/configs/engine.js

@@ -1,5 +1,5 @@
 export default {
   'darwin': 'aria2c',
-  'win32': 'aria2.exe',
+  'win32': 'aria2c.exe',
   'linux': 'aria2c'
 }

src/main/configs/page.js

@@ -13,17 +13,5 @@ export default {
     },
     bindCloseToHide: true,
     url: is.dev() ? `http://localhost:9080` : `file://${__dirname}/index.html`
-  },
-  about: {
-    attrs: {
-      title: '关于',
-      width: 580,
-      height: 320,
-      backgroundColor: '#FFFFFF',
-      resizable: false,
-      minimizable: false,
-      maximizable: false
-    },
-    url: is.dev() ? `http://localhost:9080/about` : `file://${__dirname}/about.html`
   }
 }

src/main/configs/protocol.js

@@ -1,6 +1,7 @@
 export default {
   'task-list': 'application:task-list',
   'new-task': 'application:new-task',
+  'new-bt-task': 'application:new-bt-task',
   'pause-all-task': 'application:pause-all-task',
   'resume-all-task': 'application:resume-all-task',
   'preferences': 'application:preferences',

src/main/core/ConfigManager.js

@@ -2,6 +2,7 @@ import { app } from 'electron'
 import is from 'electron-is'
 import Store from 'electron-store'
 import {
+  getDhtPath,
   getLogPath,
   getSessionPath,
   getUserDownloadsPath
@@ -20,27 +21,76 @@ export default class ConfigManager {
     this.initUserConfig()
   }
 
+  /**
+   * Some aria2 conf
+   * https://aria2.github.io/manual/en/html/aria2c.html
+   *
+   * Best bt trackers
+   * https://github.com/ngosang/trackerslist
+   */
   initSystemConfig () {
     this.systemConfig = new Store({
       name: 'system',
       defaults: {
-        dir: getUserDownloadsPath(),
-        // 断点续传
-        continue: true,
-        pause: true,
-        split: 16,
+        'all-proxy': '',
+        'allow-overwrite': true,
+        'auto-file-renaming': true,
+        'bt-tracker': [
+          'udp://62.138.0.158:6969/announce',
+          'udp://188.241.58.209:6969/announce',
+          'udp://188.241.58.209:6969/announce',
+          'udp://208.83.20.20:6969/announce',
+          'udp://151.80.120.115:2710/announce',
+          'udp://185.225.17.100:1337/announce',
+          'udp://151.80.120.113:2710/announce',
+          'udp://62.210.88.151:1337/announce',
+          'http://176.113.71.19:6961/announce',
+          'http://104.27.134.253:8080/announce',
+          'udp://5.2.79.219:1337/announce',
+          'udp://91.216.110.52:451/announce',
+          'udp://5.206.58.23:6969/announce',
+          'udp://159.100.245.181:6969/announce',
+          'udp://5.2.79.22:6969/announce',
+          'udp://176.31.241.153:80/announce',
+          'udp://95.211.168.204:2710/announce',
+          'udp://188.246.227.212:80/announce',
+          'udp://51.38.184.185:6969/announce',
+          'udp://51.15.40.114:80/announce',
+          'udp://tracker.coppersurfer.tk:6969/announce',
+          'udp://tracker.open-internet.nl:6969/announce',
+          'udp://tracker.leechers-paradise.org:6969/announce',
+          'udp://exodus.desync.com:6969/announce',
+          'udp://tracker.internetwarriors.net:1337/announce',
+          'udp://9.rarbg.to:2710/announce',
+          'udp://9.rarbg.me:2710/announce',
+          'udp://tracker.opentrackr.org:1337/announce',
+          'http://tracker3.itzmx.com:6961/announce',
+          'http://tracker1.itzmx.com:8080/announce',
+          'udp://open.demonii.si:1337/announce',
+          'udp://tracker.torrent.eu.org:451/announce',
+          'udp://tracker.tiny-vps.com:6969/announce',
+          'udp://tracker.cyberia.is:6969/announce',
+          'udp://denis.stalker.upeer.me:6969/announce',
+          'udp://thetracker.org:80/announce',
+          'udp://bt.xxx-tracker.com:2710/announce',
+          'udp://open.stealth.si:80/announce',
+          'udp://tracker.port443.xyz:6969/announce',
+          'udp://ipv4.tracker.harry.lu:80/announce'
+        ].join(','),
+        'continue': true,
+        'dht-file-path': getDhtPath(4),
+        'dht-file-path6': getDhtPath(6),
+        'dir': getUserDownloadsPath(),
+        'max-concurrent-downloads': 5,
+        'max-connection-per-server': is.macOS() ? 64 : 16,
+        'max-download-limit': 0,
+        'max-overall-download-limit': 0,
+        'max-overall-upload-limit': '128K',
+        'min-split-size': '1M',
+        'pause': true,
         'rpc-listen-port': 16800,
         'rpc-secret': '',
-        'auto-file-renaming': true,
-        'allow-overwrite': true,
-        'max-concurrent-downloads': 5,
-        // macOS 版本修改过源码自己编译的，Linux 和 Windows 版本 暂未处理
-        'max-connection-per-server': is.macOS() ? 64 : 16,
-        'min-split-size': '1M',
-        'max-overall-download-limit': 0,
-        'max-overall-upload-limit': 0,
-        'max-download-limit': 0,
-        'all-proxy': '',
+        'split': 16,
         'user-agent': 'Transmission/2.94'
       }
     })
@@ -49,17 +99,28 @@ export default class ConfigManager {
   initUserConfig () {
     this.userConfig = new Store({
       name: 'user',
+      // Schema need electron-store upgrade to 3.x.x,
+      // but it will cause the application build to fail.
+      // schema: {
+      //   theme: {
+      //     type: 'string',
+      //     enum: ['auto', 'light', 'dark']
+      //   }
+      // },
       defaults: {
-        'resume-all-when-app-launched': false,
-        'task-notification': true,
-        'new-task-show-downloading': true,
-        'auto-check-for-updates': false,
-        'update-channel': 'latest',
-        'use-proxy': false,
         'all-proxy-backup': '',
+        'auto-check-update': false,
+        'hide-app-menu': is.windows() || is.linux(),
+        'last-check-update-time': 0,
+        'locale': app.getLocale(),
         'log-path': getLogPath(),
+        'new-task-show-downloading': true,
+        'resume-all-when-app-launched': false,
         'session-path': getSessionPath(),
-        'locale': app.getLocale()
+        'task-notification': true,
+        'theme': 'auto',
+        'update-channel': 'latest',
+        'use-proxy': false
       }
     })
   }
@@ -82,6 +143,10 @@ export default class ConfigManager {
     return this.userConfig.get(key, defaultValue)
   }
 
+  getLocale () {
+    return this.getUserConfig('locale') || app.getLocale()
+  }
+
   setSystemConfig (...args) {
     this.systemConfig.set(...args)
   }

src/main/core/Engine.js

@@ -6,6 +6,7 @@ import { existsSync } from 'fs'
 import { resolve, join } from 'path'
 import forever from 'forever-monitor'
 import logger from './Logger'
+import { getI18n } from '@/ui/Locale'
 import {
   getEngineBin,
   getSessionPath,
@@ -16,6 +17,9 @@ export default class Engine {
   static instance = null
 
   constructor (options = {}) {
+    this.options = options
+
+    this.i18n = getI18n()
     this.systemConfig = options.systemConfig
     this.userConfig = options.userConfig
   }
@@ -30,14 +34,14 @@ export default class Engine {
 
     const binName = getEngineBin(platform)
     if (!binName) {
-      throw new Error('引擎已损坏，请重新安装: (')
+      throw new Error(this.i18n.t('app.engine-damaged-message'))
     }
 
     let binPath = join(basePath, `/engine/${binName}`)
     const binIsExist = existsSync(binPath)
     if (!binIsExist) {
       logger.error('[Motrix] engine bin is not exist===>', binPath)
-      throw new Error('引擎文件缺失，请重新安装: (')
+      throw new Error(this.i18n.t('app.engine-missing-message'))
     }
 
     let confPath = join(basePath, '/engine/aria2.conf')
@@ -60,7 +64,7 @@ export default class Engine {
     const sh = this.getStartSh()
     logger.info('[Motrix] Engine start sh===>', sh)
     this.instance = forever.start(sh, {
-      max: 3,
+      max: 10,
       parser: function (command, args) {
         return {
           command: command,
@@ -73,13 +77,37 @@ export default class Engine {
     const { child } = this.instance
     logger.info('[Motrix] Engine pid===>', child.pid)
 
-    this.instance.on('exit:code', function (code) {
-      logger.info(`[Motrix] Engine  has exited after 3 restarts===> ${code}`)
+    this.instance.on('error', (err) => {
+      logger.info(`[Motrix] Engine error===> ${err}`)
     })
 
-    this.instance.on('error', (err) => {
-      logger.info(`[Motrix] Engine  has exited after 3 restarts===> ${err}`)
+    this.instance.on('start', function (process, data) {
+      logger.info(`[Motrix] Engine started===>`)
     })
+
+    this.instance.on('stop', function (process) {
+      logger.info(`[Motrix] Engine stopped===>`)
+    })
+
+    this.instance.on('restart', function (forever) {
+      logger.info(`[Motrix] Engine exit===>`)
+    })
+
+    this.instance.on('exit:code', function (code) {
+      logger.info(`[Motrix] Engine exit===> ${code}`)
+    })
+
+    // this.instance.on('stderr', (data) => {
+    //   logger.info(`[Motrix] Engine stderr===> ${data}`)
+    // })
+  }
+
+  isRunning (pid) {
+    try {
+      return process.kill(pid, 0)
+    } catch (e) {
+      return e.code === 'EPERM'
+    }
   }
 
   stop () {
@@ -87,7 +115,6 @@ export default class Engine {
     try {
       logger.info('[Motrix] Engine stopping===>')
       this.instance.stop()
-      logger.info('[Motrix] Engine stopped===>', pid)
     } catch (err) {
       logger.error('[Motrix] Engine stop fail===>', err.message)
       this.forceStop(pid)
@@ -97,7 +124,7 @@ export default class Engine {
 
   forceStop (pid) {
     try {
-      if (pid) {
+      if (pid && this.isRunning(pid)) {
         process.kill(pid)
       }
     } catch (err) {

src/main/core/ExceptionHandler.js

@@ -26,7 +26,7 @@ export default class ExceptionHandler {
       logger.error(stack)
 
       if (showDialog && app.isReady()) {
-        dialog.showErrorBox('系统错误', message)
+        dialog.showErrorBox('Error: ', message)
       }
     })
   }

src/main/core/Logger.js

@@ -1,7 +1,8 @@
 import is from 'electron-is'
 import logger from 'electron-log'
 
-logger.transports.file.level = is.production() ? 'warn' : 'info'
+logger.transports.file.level = is.production() ? 'warn' : 'silly'
 logger.info('Logger init')
+logger.warn('[Motrix] Logger init')
 
 export default logger

src/main/core/ProtocolManager.js

@@ -13,17 +13,43 @@ export default class ProtocolManager extends EventEmitter {
   }
 
   init () {
-    // package.json:build.mac.protocols[].schemes[]
+    // package.json:build.protocols[].schemes[]
     if (!app.isDefaultProtocolClient('mo')) {
       app.setAsDefaultProtocolClient('mo')
     }
     if (!app.isDefaultProtocolClient('motrix')) {
       app.setAsDefaultProtocolClient('motrix')
     }
+    if (!app.isDefaultProtocolClient('magnet')) {
+      app.setAsDefaultProtocolClient('magnet')
+    }
   }
 
   handle (url) {
     logger.info(`[Motrix] protocol url: ${url}`)
+
+    if (url.toLowerCase().startsWith('magnet:')) {
+      return this.handleMagnetProtocol(url)
+    }
+
+    if (
+      url.toLowerCase().startsWith('mo:') ||
+      url.toLowerCase().startsWith('motrix:')
+    ) {
+      return this.handleMoProtocol(url)
+    }
+  }
+
+  handleMagnetProtocol (url) {
+    if (!url) {
+      return
+    }
+    logger.error(`[Motrix] handleMagnetProtocol url: ${url}`)
+
+    global.application.sendCommandToAll('application:new-task', 'uri', url)
+  }
+
+  handleMoProtocol (url) {
     const parsed = new URL(url)
     const { host } = parsed
     logger.info('[Motrix] protocol parsed:', parsed, host)
@@ -37,6 +63,6 @@ export default class ProtocolManager extends EventEmitter {
     // 如果按顺序传递，那 url 的 query string 就要求有序的了
     // const query = queryString.parse(parsed.query)
     const args = []
-    global.application.sendCommand(command, ...args)
+    global.application.sendCommandToAll(command, ...args)
   }
 }

src/main/core/UpdateManager.js

@@ -4,6 +4,7 @@ import is from 'electron-is'
 import { autoUpdater } from 'electron-updater'
 import { resolve } from 'path'
 import logger from './Logger'
+import { getI18n } from '@/ui/Locale'
 
 if (is.dev()) {
   autoUpdater.updateConfigPath = resolve(__dirname, '../../../app-update.yml')
@@ -13,10 +14,15 @@ export default class UpdateManager extends EventEmitter {
   constructor (options = {}) {
     super()
     this.options = options
+    this.i18n = getI18n()
 
     this.updater = autoUpdater
     this.updater.autoDownload = false
     this.updater.logger = logger
+    this.autoCheckData = {
+      checkEnable: this.options.autoCheck,
+      userCheck: false
+    }
     this.init()
   }
 
@@ -34,9 +40,17 @@ export default class UpdateManager extends EventEmitter {
     this.updater.on('download-progress', this.updateDownloadProgress.bind(this))
     this.updater.on('update-downloaded', this.updateDownloaded.bind(this))
     this.updater.on('error', this.updateError.bind(this))
+
+    if (this.autoCheckData.checkEnable) {
+      this.autoCheckData.userCheck = false
+      this.options.setCheckTime.setUserConfig('last-check-update-time', new Date().getTime())
+      this.updater.checkForUpdates()
+    }
   }
 
   check () {
+    this.options.setCheckTime.setUserConfig('last-check-update-time', new Date().getTime())
+    this.autoCheckData.userCheck = true
     this.updater.checkForUpdates()
   }
 
@@ -48,9 +62,9 @@ export default class UpdateManager extends EventEmitter {
     this.emit('update-available', info)
     dialog.showMessageBox({
       type: 'info',
-      title: '发现新版本',
-      message: '发现新版本，是否现在更新？',
-      buttons: ['是', '否'],
+      title: this.i18n.t('app.check-for-updates-title'),
+      message: this.i18n.t('app.update-available-message'),
+      buttons: [this.i18n.t('app.yes'), this.i18n.t('app.no')],
       cancelId: 1
     }, (buttonIndex) => {
       if (buttonIndex === 0) {
@@ -61,10 +75,12 @@ export default class UpdateManager extends EventEmitter {
 
   updateNotAvailable (event, info) {
     this.emit('update-not-available', info)
-    dialog.showMessageBox({
-      title: '没有更新的版本',
-      message: '您目前使用的已是最新版本'
-    })
+    if (this.autoCheckData.userCheck) {
+      dialog.showMessageBox({
+        title: this.i18n.t('app.check-for-updates-title'),
+        message: this.i18n.t('app.update-not-available-message')
+      })
+    }
   }
 
   /**
@@ -84,8 +100,8 @@ export default class UpdateManager extends EventEmitter {
     this.emit('update-downloaded', info)
     this.updater.logger.log(`Update Downloaded: ${info}`)
     dialog.showMessageBox({
-      title: '安装更新',
-      message: '更新下载完成，应用程序将退出并开始更新...'
+      title: this.i18n.t('app.check-for-updates-title'),
+      message: this.i18n.t('app.update-downloaded-message')
     }, () => {
       this.emit('will-updated')
       setImmediate(() => {
@@ -96,8 +112,8 @@ export default class UpdateManager extends EventEmitter {
 
   updateError (event, error) {
     this.emit('update-error', error)
-    const msg = error == null ? '未知错误' : (error.stack || error).toString()
-    this.updater.logger.warn(`Update Error: ${msg}`)
-    dialog.showErrorBox('错误: ', msg)
+    const msg = error == null ? this.i18n.t('update-error-message') : (error.stack || error).toString()
+    this.updater.logger.warn(`[Motrix] update-error: ${msg}`)
+    dialog.showErrorBox(msg)
   }
 }

src/main/index.js

@@ -1,8 +1,7 @@
 import { app } from 'electron'
 import is from 'electron-is'
 
-import logger from './core/Logger'
-import Application from './Application'
+import Launcher from './Launcher'
 
 if (process.env.NODE_ENV !== 'development') {
   global.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
@@ -12,67 +11,8 @@ if (process.env.NODE_ENV !== 'development') {
  * Fix Windows notification func
  * appId defined in .electron-vue/webpack.main.config.js
  */
-if (process.platform === 'win32') {
+if (is.windows()) {
   app.setAppUserModelId(appId)
 }
 
-function _init () {
-  let openURL = null
-  if (!is.mas()) {
-    app.on('open-url', (event, url) => {
-      logger.info(`You arrived from: ${url}`)
-      event.preventDefault()
-      openURL = url
-      if (global.application) {
-        global.application.handleProtocol(openURL)
-      }
-    })
-  }
-
-  app.on('ready', () => {
-    global.application = new Application()
-    global.application.start('index')
-
-    if (openURL) {
-      global.application.handleProtocol(openURL)
-    }
-  })
-
-  app.on('will-quit', () => {
-    logger.warn('will-quit')
-    global.application && global.application.stop()
-  })
-
-  // Quit when all windows are closed.
-  app.on('window-all-closed', function () {
-    // On OS X it's common NOT to close app even if all windows are closed
-    if (process.platform !== 'darwin') {
-      app.quit()
-    }
-  })
-
-  app.on('activate', () => {
-    global.application.showPage('index')
-  })
-}
-
-function init () {
-  // Mac App Store Sandboxed App Not support requestSingleInstanceLock
-  if (is.mas()) {
-    _init()
-  } else {
-    const gotSingleLock = app.requestSingleInstanceLock()
-
-    if (!gotSingleLock) {
-      app.quit()
-    } else {
-      app.on('second-instance', (event, commandLine, workingDirectory) => {
-        global.application.showPage('index')
-      })
-
-      _init()
-    }
-  }
-}
-
-init()
+global.launcher = new Launcher()

src/main/menus/darwin.json

@@ -0,0 +1,76 @@
+{
+  "menu": [
+    {
+      "id": "menu.app",
+      "submenu": [
+        { "id": "app.about", "command": "application:about", "command-before": "application:show,index" },
+        { "type": "separator" },
+        { "id": "app.preferences", "command": "application:preferences" },
+        { "id": "app.check-for-updates", "command": "application:check-for-updates" },
+        { "id": "app.hide", "role": "hide" },
+        { "id": "app.hide-others", "role": "hideothers" },
+        { "id": "app.unhide", "role": "unhide" },
+        { "type": "separator" },
+        { "id": "app.quit", "role": "quit" }
+      ]
+    },
+    {
+      "id": "menu.task",
+      "submenu": [
+        { "id": "task.new-task", "command": "application:new-task", "command-after": "application:show,index" },
+        { "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index" },
+        { "id": "task.open-file", "command": "application:open-file", "command-before": "application:show,index" },
+        { "type": "separator" },
+        { "id": "task.pause-task", "command": "application:pause-task" },
+        { "id": "task.resume-task", "command": "application:resume-task" },
+        { "id": "task.delete-task", "command": "application:delete-task" },
+        { "id": "task.move-task-up", "command": "application:move-task-up" },
+        { "id": "task.move-task-down", "command": "application:move-task-down" },
+        { "type": "separator" },
+        { "id": "task.pause-all-task", "command": "application:pause-all-task" },
+        { "id": "task.resume-all-task", "command": "application:resume-all-task" },
+        { "type": "separator" },
+        { "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
+      ]
+    },
+    {
+      "id": "menu.edit",
+      "submenu": [
+        { "id": "edit.undo", "role": "undo" },
+        { "id": "edit.redo", "role": "redo" },
+        { "type": "separator" },
+        { "id": "edit.cut", "role": "cut" },
+        { "id": "edit.copy", "role": "copy" },
+        { "id": "edit.paste", "role": "paste" },
+        { "id": "edit.delete", "role": "delete" },
+        { "id": "edit.select-all", "role": "selectall" }
+      ]
+    },
+    {
+      "role": "window",
+      "id": "menu.window",
+      "submenu": [
+        { "id": "window.reload", "role": "reload" },
+        { "id": "window.close", "role": "close" },
+        { "id": "window.minimize", "role": "minimize" },
+        { "id": "window.zoom", "role": "zoom" },
+        { "id": "window.toggle-fullscreen", "role": "togglefullscreen" },
+        { "type": "separator" },
+        { "id": "window.front", "role": "front" }
+      ]
+    },
+    {
+      "role": "help",
+      "id": "menu.help",
+      "submenu": [
+        { "id": "help.official-website", "command": "help:official-website" },
+        { "id": "help.manual", "command": "help:manual" },
+        { "id": "help.release-notes", "command": "help:release-notes" },
+        { "type": "separator" },
+        { "id": "help.report-problem", "command": "help:report-problem" },
+        { "type": "separator" },
+        { "id": "help.toggle-dev-tools", "role": "toggledevtools" }
+      ]
+    }
+  ]
+}

src/main/menus/en-US/darwin.json

@@ -1,81 +0,0 @@
-{
-  "menu": [
-    {
-      "label": "Motrix",
-      "id": "app",
-      "submenu": [
-        { "label": "About Motrix", "id": "app.about", "command": "application:about", "command-before": "application:show,index"},
-        { "type": "separator" },
-        { "label": "Preferences...", "id": "app.preferences", "command": "application:preferences" },
-        { "label": "Check for Updates...", "id": "app.check-for-updates", "command": "application:check-for-updates" },
-        { "label": "Services", "role": "services", "submenu": [] },
-        { "label": "Hide Motrix", "role": "hide" },
-        { "label": "Hide Others", "role": "hideothers" },
-        { "label": "Show All", "role": "unhide" },
-        { "type": "separator" },
-        { "label": "Quit Motrix", "id": "app.quit", "role": "quit" }
-      ]
-    },
-    {
-      "label": "Task",
-      "id": "task",
-      "submenu": [
-        { "label": "New Task", "id": "task.new-task", "command": "application:new-task", "command-arg": "uri", "command-after": "application:show,index"},
-        { "label": "New BT Task", "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index"},
-        { "type": "separator" },
-        { "label": "Pause Task", "id": "task.pause-task", "command": "application:pause-task" },
-        { "label": "Resume Task", "id": "task.resume-task", "command": "application:resume-task" },
-        { "label": "Delete Task", "id": "task.delete-task", "command": "application:delete-task" },
-        { "label": "Move Task Up", "id": "task.move-task-up", "command": "application:move-task-up" },
-        { "label": "Move Task Down", "id": "task.move-task-down", "command": "application:move-task-down" },
-        { "type": "separator" },
-        { "label": "Pause All Task", "id": "task.pause-all-task", "command": "application:pause-all-task" },
-        { "label": "Resume All Task", "id": "task.resume-all-task", "command": "application:resume-all-task" },
-        { "type": "separator" },
-        { "label": "Clear Recent Tasks", "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
-      ]
-    },
-    {
-      "label": "Edit",
-      "id": "edit",
-      "submenu": [
-        { "label": "Undo", "id": "edit.undo", "role": "undo" },
-        { "label": "Redo", "id": "edit.redo", "role": "redo" },
-        { "type": "separator" },
-        { "label": "Cut", "id": "edit.cut", "role": "cut" },
-        { "label": "Copy", "id": "edit.copy", "role": "copy" },
-        { "label": "Paste", "id": "edit.paste", "role": "paste" },
-        { "label": "Delete", "id": "edit.delete", "role": "delete" },
-        { "label": "Select All", "id": "edit.select-all", "role": "selectall" }
-      ]
-    },
-    {
-      "label": "Window",
-      "role": "window",
-      "id": "window",
-      "submenu": [
-        { "label": "Reload", "id": "view.reload", "role": "reload" },
-        { "label": "Close", "role": "close" },
-        { "label": "Minimize", "role": "minimize" },
-        { "label": "Zoom", "role": "zoom" },
-        { "label": "Enter Full Screen", "role": "togglefullscreen" },
-        { "type": "separator" },
-        { "label": "Bring All to Front", "role": "front" }
-      ]
-    },
-    {
-      "label": "Help",
-      "role": "help",
-      "id": "help",
-      "submenu": [
-        { "label": "Motrix Website", "id": "help.official-website", "command": "help:official-website" },
-        { "label": "Manual", "id": "help.manual", "command": "help:manual" },
-        { "label": "Release Notes...", "id": "help.release-notes", "command": "help:release-notes" },
-        { "type": "separator" },
-        { "label": "Report Problem", "id": "help.report-problem", "command": "help:report-problem" },
-        { "type": "separator" },
-        { "label": "Toggle Developer Tools", "id": "help.toggle-dev-tools", "role": "toggledevtools" }
-      ]
-    }
-  ]
-}

src/main/menus/en-US/linux.json

@@ -1,81 +0,0 @@
-{
-  "menu": [
-    {
-      "label": "Motrix",
-      "id": "app",
-      "submenu": [
-        { "label": "About Motrix", "id": "app.about", "command": "application:about" },
-        { "type": "separator" },
-        { "label": "Preferences...", "id": "app.preferences", "command": "application:preferences" },
-        { "label": "Check for Updates...", "id": "app.check-for-updates", "command": "application:check-for-updates" },
-        { "label": "Services", "role": "services", "submenu": [] },
-        { "label": "Hide Motrix", "role": "hide" },
-        { "label": "Hide Others", "role": "hideothers" },
-        { "label": "Show All", "role": "unhide" },
-        { "type": "separator" },
-        { "label": "Quit Motrix", "id": "app.quit", "role": "quit" }
-      ]
-    },
-    {
-      "label": "Task",
-      "id": "task",
-      "submenu": [
-        { "label": "New Task", "id": "task.new-task", "command": "application:new-task", "command-arg": "uri" },
-        { "label": "New BT Task", "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent" },
-        { "type": "separator" },
-        { "label": "Pause Task", "id": "task.pause-task", "command": "application:pause-task" },
-        { "label": "Resume Task", "id": "task.resume-task", "command": "application:resume-task" },
-        { "label": "Delete Task", "id": "task.delete-task", "command": "application:delete-task" },
-        { "label": "Move Task Up", "id": "task.move-task-up", "command": "application:move-task-up" },
-        { "label": "Move Task Down", "id": "task.move-task-down", "command": "application:move-task-down" },
-        { "type": "separator" },
-        { "label": "Pause All Task", "id": "task.pause-all-task", "command": "application:pause-all-task" },
-        { "label": "Resume All Task", "id": "task.resume-all-task", "command": "application:resume-all-task" },
-        { "type": "separator" },
-        { "label": "Clear Recent Tasks", "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
-      ]
-    },
-    {
-      "label": "Edit",
-      "id": "edit",
-      "submenu": [
-        { "label": "Undo", "id": "edit.undo", "role": "undo" },
-        { "label": "Redo", "id": "edit.redo", "role": "redo" },
-        { "type": "separator" },
-        { "label": "Cut", "id": "edit.cut", "role": "cut" },
-        { "label": "Copy", "id": "edit.copy", "role": "copy" },
-        { "label": "Paste", "id": "edit.paste", "role": "paste" },
-        { "label": "Delete", "id": "edit.delete", "role": "delete" },
-        { "label": "Select All", "id": "edit.select-all", "role": "selectall" }
-      ]
-    },
-    {
-      "label": "Window",
-      "role": "window",
-      "id": "window",
-      "submenu": [
-        { "label": "Reload", "id": "view.reload", "role": "reload" },
-        { "label": "Close", "role": "close" },
-        { "label": "Minimize", "role": "minimize" },
-        { "label": "Zoom", "role": "zoom" },
-        { "label": "Enter Full Screen", "role": "togglefullscreen" },
-        { "type": "separator" },
-        { "label": "Bring All to Front", "role": "front" }
-      ]
-    },
-    {
-      "label": "Help",
-      "role": "help",
-      "id": "help",
-      "submenu": [
-        { "label": "Motrix Website", "id": "help.official-website", "command": "help:official-website" },
-        { "label": "Manual", "id": "help.manual", "command": "help:manual" },
-        { "label": "Release Notes...", "id": "help.release-notes", "command": "help:release-notes" },
-        { "type": "separator" },
-        { "label": "Report Problem", "id": "help.report-problem", "command": "help:report-problem" },
-        { "type": "separator" },
-        { "label": "Toggle Developer Tools", "id": "help.toggle-dev-tools", "role": "toggledevtools" }
-      ]
-    }
-  ]
-}

src/main/menus/en-US/win32.json

@@ -1,81 +0,0 @@
-{
-  "menu": [
-    {
-      "label": "Motrix",
-      "id": "app",
-      "submenu": [
-        { "label": "About Motrix", "id": "app.about", "command": "application:about", "command-before": "application:show,index"},
-        { "type": "separator" },
-        { "label": "Preferences...", "id": "app.preferences", "command": "application:preferences" },
-        { "label": "Check for Updates...", "id": "app.check-for-updates", "command": "application:check-for-updates" },
-        { "label": "Services", "role": "services", "submenu": [] },
-        { "label": "Hide Motrix", "role": "hide" },
-        { "label": "Hide Others", "role": "hideothers" },
-        { "label": "Show All", "role": "unhide" },
-        { "type": "separator" },
-        { "label": "Quit Motrix", "id": "app.quit", "role": "quit" }
-      ]
-    },
-    {
-      "label": "Task",
-      "id": "task",
-      "submenu": [
-        { "label": "New Task", "id": "task.new-task", "command": "application:new-task", "command-arg": "uri", "command-after": "application:show,index"},
-        { "label": "New BT Task", "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index"},
-        { "type": "separator" },
-        { "label": "Pause Task", "id": "task.pause-task", "command": "application:pause-task" },
-        { "label": "Resume Task", "id": "task.resume-task", "command": "application:resume-task" },
-        { "label": "Delete Task", "id": "task.delete-task", "command": "application:delete-task" },
-        { "label": "Move Task Up", "id": "task.move-task-up", "command": "application:move-task-up" },
-        { "label": "Move Task Down", "id": "task.move-task-down", "command": "application:move-task-down" },
-        { "type": "separator" },
-        { "label": "Pause All Task", "id": "task.pause-all-task", "command": "application:pause-all-task" },
-        { "label": "Resume All Task", "id": "task.resume-all-task", "command": "application:resume-all-task" },
-        { "type": "separator" },
-        { "label": "Clear Recent Tasks", "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
-      ]
-    },
-    {
-      "label": "Edit",
-      "id": "edit",
-      "submenu": [
-        { "label": "Undo", "id": "edit.undo", "role": "undo" },
-        { "label": "Redo", "id": "edit.redo", "role": "redo" },
-        { "type": "separator" },
-        { "label": "Cut", "id": "edit.cut", "role": "cut" },
-        { "label": "Copy", "id": "edit.copy", "role": "copy" },
-        { "label": "Paste", "id": "edit.paste", "role": "paste" },
-        { "label": "Delete", "id": "edit.delete", "role": "delete" },
-        { "label": "Select All", "id": "edit.select-all", "role": "selectall" }
-      ]
-    },
-    {
-      "label": "Window",
-      "role": "window",
-      "id": "window",
-      "submenu": [
-        { "label": "Reload", "id": "view.reload", "role": "reload" },
-        { "label": "Close", "role": "close" },
-        { "label": "Minimize", "role": "minimize" },
-        { "label": "Zoom", "role": "zoom" },
-        { "label": "Enter Full Screen", "role": "togglefullscreen" },
-        { "type": "separator" },
-        { "label": "Bring All to Front", "role": "front" }
-      ]
-    },
-    {
-      "label": "Help",
-      "role": "help",
-      "id": "help",
-      "submenu": [
-        { "label": "Motrix Website", "id": "help.official-website", "command": "help:official-website" },
-        { "label": "Manual", "id": "help.manual", "command": "help:manual" },
-        { "label": "Release Notes...", "id": "help.release-notes", "command": "help:release-notes" },
-        { "type": "separator" },
-        { "label": "Report Problem", "id": "help.report-problem", "command": "help:report-problem" },
-        { "type": "separator" },
-        { "label": "Toggle Developer Tools", "id": "help.toggle-dev-tools", "role": "toggledevtools" }
-      ]
-    }
-  ]
-}

src/main/menus/linux.json

@@ -0,0 +1,72 @@
+{
+  "menu": [
+    {
+      "id": "menu.file",
+      "submenu": [
+        { "id": "app.about", "command": "application:about", "command-before": "application:show,index" },
+        { "type": "separator" },
+        { "id": "app.preferences", "command": "application:preferences" },
+        { "id": "app.check-for-updates", "command": "application:check-for-updates" },
+        { "id": "app.show", "command": "application:show", "command-arg": "index" },
+        { "type": "separator" },
+        { "id": "app.quit", "role": "quit" }
+      ]
+    },
+    {
+      "id": "menu.task",
+      "submenu": [
+        { "id": "task.new-task", "command": "application:new-task", "command-after": "application:show,index" },
+        { "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index" },
+        { "id": "task.open-file", "command": "application:open-file", "command-before": "application:show,index" },
+        { "type": "separator" },
+        { "id": "task.pause-task", "command": "application:pause-task" },
+        { "id": "task.resume-task", "command": "application:resume-task" },
+        { "id": "task.delete-task", "command": "application:delete-task" },
+        { "id": "task.move-task-up", "command": "application:move-task-up" },
+        { "id": "task.move-task-down", "command": "application:move-task-down" },
+        { "type": "separator" },
+        { "id": "task.pause-all-task", "command": "application:pause-all-task" },
+        { "id": "task.resume-all-task", "command": "application:resume-all-task" }
+      ]
+    },
+    {
+      "id": "menu.edit",
+      "submenu": [
+        { "id": "edit.undo", "role": "undo" },
+        { "id": "edit.redo", "role": "redo" },
+        { "type": "separator" },
+        { "id": "edit.cut", "role": "cut" },
+        { "id": "edit.copy", "role": "copy" },
+        { "id": "edit.paste", "role": "paste" },
+        { "id": "edit.delete", "role": "delete" },
+        { "id": "edit.select-all", "role": "selectall" }
+      ]
+    },
+    {
+      "role": "window",
+      "id": "menu.window",
+      "submenu": [
+        { "id": "window.reload", "role": "reload" },
+        { "id": "window.close", "role": "close" },
+        { "id": "window.minimize", "role": "minimize" },
+        { "id": "window.zoom", "role": "zoom" },
+        { "id": "window.toggle-fullscreen", "role": "togglefullscreen" },
+        { "type": "separator" },
+        { "id": "window.front", "role": "front" }
+      ]
+    },
+    {
+      "role": "help",
+      "id": "menu.help",
+      "submenu": [
+        { "id": "help.official-website", "command": "help:official-website" },
+        { "id": "help.manual", "command": "help:manual" },
+        { "id": "help.release-notes", "command": "help:release-notes" },
+        { "type": "separator" },
+        { "id": "help.report-problem", "command": "help:report-problem" },
+        { "type": "separator" },
+        { "id": "help.toggle-dev-tools", "role": "toggledevtools" }
+      ]
+    }
+  ]
+}

src/main/menus/tray.json

@@ -0,0 +1,11 @@
+[
+  { "id": "task.new-task", "command": "application:new-task", "command-after": "application:show,index" },
+  { "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index" },
+  { "id": "task.open-file", "command": "application:open-file", "command-before": "application:show,index" },
+  { "type": "separator" },
+  { "id": "app.show", "command": "application:show", "command-arg": "index" },
+  { "id": "help.manual", "command": "help:manual" },
+  { "type": "separator" },
+  { "id": "app.preferences", "command": "application:preferences", "command-before": "application:show,index" },
+  { "id": "app.quit", "role": "quit" }
+]

src/main/menus/win32.json

@@ -0,0 +1,74 @@
+{
+  "menu": [
+    {
+      "id": "menu.file",
+      "submenu": [
+        { "id": "app.about", "command": "application:about", "command-before": "application:show,index" },
+        { "type": "separator" },
+        { "id": "app.preferences", "command": "application:preferences" },
+        { "id": "app.check-for-updates", "command": "application:check-for-updates" },
+        { "id": "app.show", "command": "application:show", "command-arg": "index" },
+        { "type": "separator" },
+        { "id": "app.quit", "role": "quit" }
+      ]
+    },
+    {
+      "id": "menu.task",
+      "submenu": [
+        { "id": "task.new-task", "command": "application:new-task", "command-after": "application:show,index" },
+        { "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index" },
+        { "id": "task.open-file", "command": "application:open-file", "command-before": "application:show,index" },
+        { "type": "separator" },
+        { "id": "task.pause-task", "command": "application:pause-task" },
+        { "id": "task.resume-task", "command": "application:resume-task" },
+        { "id": "task.delete-task", "command": "application:delete-task" },
+        { "id": "task.move-task-up", "command": "application:move-task-up" },
+        { "id": "task.move-task-down", "command": "application:move-task-down" },
+        { "type": "separator" },
+        { "id": "task.pause-all-task", "command": "application:pause-all-task" },
+        { "id": "task.resume-all-task", "command": "application:resume-all-task" },
+        { "type": "separator" },
+        { "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
+      ]
+    },
+    {
+      "id": "menu.edit",
+      "submenu": [
+        { "id": "edit.undo", "role": "undo" },
+        { "id": "edit.redo", "role": "redo" },
+        { "type": "separator" },
+        { "id": "edit.cut", "role": "cut" },
+        { "id": "edit.copy", "role": "copy" },
+        { "id": "edit.paste", "role": "paste" },
+        { "id": "edit.delete", "role": "delete" },
+        { "id": "edit.select-all", "role": "selectall" }
+      ]
+    },
+    {
+      "role": "window",
+      "id": "menu.window",
+      "submenu": [
+        { "id": "window.reload", "role": "reload" },
+        { "id": "window.close", "role": "close" },
+        { "id": "window.minimize", "role": "minimize" },
+        { "id": "window.zoom", "role": "zoom" },
+        { "id": "window.toggle-fullscreen", "role": "togglefullscreen" },
+        { "type": "separator" },
+        { "id": "window.front", "role": "front" }
+      ]
+    },
+    {
+      "role": "help",
+      "id": "menu.help",
+      "submenu": [
+        { "id": "help.official-website", "command": "help:official-website" },
+        { "id": "help.manual", "command": "help:manual" },
+        { "id": "help.release-notes", "command": "help:release-notes" },
+        { "type": "separator" },
+        { "id": "help.report-problem", "command": "help:report-problem" },
+        { "type": "separator" },
+        { "id": "help.toggle-dev-tools", "role": "toggledevtools" }
+      ]
+    }
+  ]
+}

src/main/menus/zh-CN/darwin.json

@@ -1,81 +0,0 @@
-{
-  "menu": [
-    {
-      "label": "Motrix",
-      "id": "app",
-      "submenu": [
-        { "label": "关于 Motrix", "id": "app.about", "command": "application:about", "command-before": "application:show,index"},
-        { "type": "separator" },
-        { "label": "偏好设置...", "id": "app.preferences", "command": "application:preferences" },
-        { "label": "检查更新...", "id": "app.check-for-updates", "command": "application:check-for-updates" },
-        { "label": "服务", "role": "services", "submenu": [] },
-        { "label": "隐藏 Motrix", "role": "hide" },
-        { "label": "隐藏其他", "role": "hideothers" },
-        { "label": "显示全部", "role": "unhide" },
-        { "type": "separator" },
-        { "label": "退出 Motrix", "id": "app.quit", "role": "quit" }
-      ]
-    },
-    {
-      "label": "任务",
-      "id": "task",
-      "submenu": [
-        { "label": "新建任务", "id": "task.new-task", "command": "application:new-task", "command-after": "application:show,index"},
-        { "label": "新建 BT 任务", "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index"},
-        { "type": "separator" },
-        { "label": "暂停任务", "id": "task.pause-task", "command": "application:pause-task" },
-        { "label": "恢复任务", "id": "task.resume-task", "command": "application:resume-task" },
-        { "label": "删除任务", "id": "task.delete-task", "command": "application:delete-task" },
-        { "label": "上移任务", "id": "task.move-task-up", "command": "application:move-task-up" },
-        { "label": "下移任务", "id": "task.move-task-down", "command": "application:move-task-down" },
-        { "type": "separator" },
-        { "label": "暂停所有任务", "id": "task.pause-all-task", "command": "application:pause-all-task" },
-        { "label": "恢复所有任务", "id": "task.resume-all-task", "command": "application:resume-all-task" },
-        { "type": "separator" },
-        { "label": "清除最近的下载记录", "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
-      ]
-    },
-    {
-      "label": "编辑",
-      "id": "edit",
-      "submenu": [
-        { "label": "撤销", "id": "edit.undo", "role": "undo" },
-        { "label": "重做", "id": "edit.redo", "role": "redo" },
-        { "type": "separator" },
-        { "label": "剪切", "id": "edit.cut", "role": "cut" },
-        { "label": "复制", "id": "edit.copy", "role": "copy" },
-        { "label": "黏贴", "id": "edit.paste", "role": "paste" },
-        { "label": "删除", "id": "edit.delete", "role": "delete" },
-        { "label": "全选", "id": "edit.select-all", "role": "selectall" }
-      ]
-    },
-    {
-      "label": "窗口",
-      "role": "window",
-      "id": "window",
-      "submenu": [
-        { "label": "重新加载", "id": "view.reload", "role": "reload" },
-        { "label": "关闭", "role": "close" },
-        { "label": "最小化", "role": "minimize" },
-        { "label": "放大", "role": "zoom" },
-        { "label": "进入全屏幕", "role": "togglefullscreen" },
-        { "type": "separator" },
-        { "label": "前置全部窗口", "role": "front" }
-      ]
-    },
-    {
-      "label": "帮助",
-      "role": "help",
-      "id": "help",
-      "submenu": [
-        { "label": "Motrix 官网", "id": "help.official-website", "command": "help:official-website" },
-        { "label": "使用手册", "id": "help.manual", "command": "help:manual" },
-        { "label": "发行说明...", "id": "help.release-notes", "command": "help:release-notes" },
-        { "type": "separator" },
-        { "label": "报告问题", "id": "help.report-problem", "command": "help:report-problem" },
-        { "type": "separator" },
-        { "label": "开发者工具", "id": "help.toggle-dev-tools", "role": "toggledevtools" }
-      ]
-    }
-  ]
-}

src/main/menus/zh-CN/linux.json

@@ -1,81 +0,0 @@
-{
-  "menu": [
-    {
-      "label": "Motrix",
-      "id": "app",
-      "submenu": [
-        { "label": "关于 Motrix", "id": "app.about", "command": "application:about" },
-        { "type": "separator" },
-        { "label": "偏好设置...", "id": "app.preferences", "command": "application:preferences" },
-        { "label": "检查更新...", "id": "app.check-for-updates", "command": "application:check-for-updates" },
-        { "label": "服务", "role": "services", "submenu": [] },
-        { "label": "隐藏 Motrix", "role": "hide" },
-        { "label": "隐藏其他", "role": "hideothers" },
-        { "label": "显示全部", "role": "unhide" },
-        { "type": "separator" },
-        { "label": "退出 Motrix", "id": "app.quit", "role": "quit" }
-      ]
-    },
-    {
-      "label": "任务",
-      "id": "task",
-      "submenu": [
-        { "label": "新建任务", "id": "task.new-task", "command": "application:new-task" },
-        { "label": "新建 BT 任务", "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent" },
-        { "type": "separator" },
-        { "label": "暂停任务", "id": "task.pause-task", "command": "application:pause-task" },
-        { "label": "恢复任务", "id": "task.resume-task", "command": "application:resume-task" },
-        { "label": "删除任务", "id": "task.delete-task", "command": "application:delete-task" },
-        { "label": "上移任务", "id": "task.move-task-up", "command": "application:move-task-up" },
-        { "label": "下移任务", "id": "task.move-task-down", "command": "application:move-task-down" },
-        { "type": "separator" },
-        { "label": "暂停所有任务", "id": "task.pause-all-task", "command": "application:pause-all-task" },
-        { "label": "恢复所有任务", "id": "task.resume-all-task", "command": "application:resume-all-task" },
-        { "type": "separator" },
-        { "label": "清除最近的下载记录", "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
-      ]
-    },
-    {
-      "label": "编辑",
-      "id": "edit",
-      "submenu": [
-        { "label": "撤销", "id": "edit.undo", "role": "undo" },
-        { "label": "重做", "id": "edit.redo", "role": "redo" },
-        { "type": "separator" },
-        { "label": "剪切", "id": "edit.cut", "role": "cut" },
-        { "label": "复制", "id": "edit.copy", "role": "copy" },
-        { "label": "黏贴", "id": "edit.paste", "role": "paste" },
-        { "label": "删除", "id": "edit.delete", "role": "delete" },
-        { "label": "全选", "id": "edit.select-all", "role": "selectall" }
-      ]
-    },
-    {
-      "label": "窗口",
-      "role": "window",
-      "id": "window",
-      "submenu": [
-        { "label": "重新加载", "id": "view.reload", "role": "reload" },
-        { "label": "关闭", "role": "close" },
-        { "label": "最小化", "role": "minimize" },
-        { "label": "放大", "role": "zoom" },
-        { "label": "进入全屏幕", "role": "togglefullscreen" },
-        { "type": "separator" },
-        { "label": "前置全部窗口", "role": "front" }
-      ]
-    },
-    {
-      "label": "帮助",
-      "role": "help",
-      "id": "help",
-      "submenu": [
-        { "label": "Motrix 官网", "id": "help.official-website", "command": "help:official-website" },
-        { "label": "使用手册", "id": "help.manual", "command": "help:manual" },
-        { "label": "发行说明...", "id": "help.release-notes", "command": "help:release-notes" },
-        { "type": "separator" },
-        { "label": "报告问题", "id": "help.report-problem", "command": "help:report-problem" },
-        { "type": "separator" },
-        { "label": "开发者工具", "id": "help.toggle-dev-tools", "role": "toggledevtools" }
-      ]
-    }
-  ]
-}

src/main/menus/zh-CN/win32.json

@@ -1,81 +0,0 @@
-{
-  "menu": [
-    {
-      "label": "Motrix",
-      "id": "app",
-      "submenu": [
-        { "label": "关于 Motrix", "id": "app.about", "command": "application:about", "command-before": "application:show,index"},
-        { "type": "separator" },
-        { "label": "偏好设置...", "id": "app.preferences", "command": "application:preferences" },
-        { "label": "检查更新...", "id": "app.check-for-updates", "command": "application:check-for-updates" },
-        { "label": "服务", "role": "services", "submenu": [] },
-        { "label": "隐藏 Motrix", "role": "hide" },
-        { "label": "隐藏其他", "role": "hideothers" },
-        { "label": "显示全部", "role": "unhide" },
-        { "type": "separator" },
-        { "label": "退出 Motrix", "id": "app.quit", "role": "quit" }
-      ]
-    },
-    {
-      "label": "任务",
-      "id": "task",
-      "submenu": [
-        { "label": "新建任务", "id": "task.new-task", "command": "application:new-task", "command-after": "application:show,index"},
-        { "label": "新建 BT 任务", "id": "task.new-bt-task", "command": "application:new-bt-task", "command-arg": "torrent", "command-after": "application:show,index"},
-        { "type": "separator" },
-        { "label": "暂停任务", "id": "task.pause-task", "command": "application:pause-task" },
-        { "label": "恢复任务", "id": "task.resume-task", "command": "application:resume-task" },
-        { "label": "删除任务", "id": "task.delete-task", "command": "application:delete-task" },
-        { "label": "上移任务", "id": "task.move-task-up", "command": "application:move-task-up" },
-        { "label": "下移任务", "id": "task.move-task-down", "command": "application:move-task-down" },
-        { "type": "separator" },
-        { "label": "暂停所有任务", "id": "task.pause-all-task", "command": "application:pause-all-task" },
-        { "label": "恢复所有任务", "id": "task.resume-all-task", "command": "application:resume-all-task" },
-        { "type": "separator" },
-        { "label": "清除最近的下载记录", "id": "task.clear-recent-tasks", "command": "application:clear-recent-tasks" }
-      ]
-    },
-    {
-      "label": "编辑",
-      "id": "edit",
-      "submenu": [
-        { "label": "撤销", "id": "edit.undo", "role": "undo" },
-        { "label": "重做", "id": "edit.redo", "role": "redo" },
-        { "type": "separator" },
-        { "label": "剪切", "id": "edit.cut", "role": "cut" },
-        { "label": "复制", "id": "edit.copy", "role": "copy" },
-        { "label": "黏贴", "id": "edit.paste", "role": "paste" },
-        { "label": "删除", "id": "edit.delete", "role": "delete" },
-        { "label": "全选", "id": "edit.select-all", "role": "selectall" }
-      ]
-    },
-    {
-      "label": "窗口",
-      "role": "window",
-      "id": "window",
-      "submenu": [
-        { "label": "重新加载", "id": "view.reload", "role": "reload" },
-        { "label": "关闭", "role": "close" },
-        { "label": "最小化", "role": "minimize" },
-        { "label": "放大", "role": "zoom" },
-        { "label": "进入全屏幕", "role": "togglefullscreen" },
-        { "type": "separator" },
-        { "label": "前置全部窗口", "role": "front" }
-      ]
-    },
-    {
-      "label": "帮助",
-      "role": "help",
-      "id": "help",
-      "submenu": [
-        { "label": "Motrix 官网", "id": "help.official-website", "command": "help:official-website" },
-        { "label": "使用手册", "id": "help.manual", "command": "help:manual" },
-        { "label": "发行说明...", "id": "help.release-notes", "command": "help:release-notes" },
-        { "type": "separator" },
-        { "label": "报告问题", "id": "help.report-problem", "command": "help:report-problem" },
-        { "type": "separator" },
-        { "label": "开发者工具", "id": "help.toggle-dev-tools", "role": "toggledevtools" }
-      ]
-    }
-  ]
-}

src/main/ui/Locale.js

@@ -0,0 +1,24 @@
+import resources from '@shared/locales/app'
+import LocaleManager from '@shared/locales/LocaleManager'
+
+const localeManager = new LocaleManager({
+  resources
+})
+
+export function getLocaleManager () {
+  return localeManager
+}
+
+export function setupLocaleManager (locale) {
+  localeManager.changeLanguageByLocale(locale)
+
+  return localeManager
+}
+
+export function getI18n () {
+  return localeManager.getI18n()
+}
+
+export function getI18nTranslator () {
+  return localeManager.getI18n().t
+}

src/main/ui/MenuManager.js

@@ -6,29 +6,24 @@ import {
   updateStates
 } from '../utils/menu'
 import keymap from '@shared/keymap'
+import { getI18n } from '@/ui/Locale'
 
 export default class MenuManager extends EventEmitter {
   constructor (options) {
     super()
     this.options = options
+    this.i18n = getI18n()
 
     this.keymap = keymap
-    this.template = []
-
-    this.menu = null
     this.items = {}
+
+    this.load()
+
+    this.setup()
   }
 
-  load (locale = 'en-US') {
-    let template = null
-    try {
-      template = require(`../menus/${locale}/${process.platform}.json`)
-      if (!template) {
-        template = require(`../menus/en-US/${process.platform}.json`)
-      }
-    } catch (err) {
-      template = require(`../menus/en-US/${process.platform}.json`)
-    }
+  load () {
+    let template = require(`../menus/${process.platform}.json`)
     this.template = template['menu']
   }
 
@@ -38,15 +33,21 @@ export default class MenuManager extends EventEmitter {
       keystrokesByCommand[this.keymap[item]] = item
     }
 
-    const tpl = translateTemplate(this.template, keystrokesByCommand)
-    this.menu = Menu.buildFromTemplate(tpl)
+    // Deepclone the menu template to refresh menu
+    const template = JSON.parse(JSON.stringify(this.template))
+    const tpl = translateTemplate(template, keystrokesByCommand, this.i18n)
+    const menu = Menu.buildFromTemplate(tpl)
+    return menu
   }
 
-  setup (locale) {
-    this.load(locale)
-    this.build()
-    Menu.setApplicationMenu(this.menu)
-    this.items = flattenMenuItems(this.menu)
+  setup () {
+    const menu = this.build()
+    Menu.setApplicationMenu(menu)
+    this.items = flattenMenuItems(menu)
+  }
+
+  rebuild () {
+    this.setup()
   }
 
   updateStates (visibleStates, enabledStates, checkedStates) {

src/main/ui/ThemeManager.js

@@ -0,0 +1,46 @@
+import { EventEmitter } from 'events'
+import { systemPreferences } from 'electron'
+import is from 'electron-is'
+import { LIGHT_THEME, DARK_THEME } from '@shared/constants'
+
+export default class ThemeManager extends EventEmitter {
+  constructor (options = {}) {
+    super()
+
+    this.init()
+  }
+
+  init () {
+    this.handleEvents()
+  }
+
+  getSystemTheme () {
+    let result = LIGHT_THEME
+    if (!is.macOS()) {
+      return result
+    }
+    result = systemPreferences.isDarkMode() ? DARK_THEME : LIGHT_THEME
+    return result
+  }
+
+  handleEvents () {
+    if (!is.macOS()) {
+      return
+    }
+    systemPreferences.subscribeNotification(
+      'AppleInterfaceThemeChangedNotification',
+      () => {
+        const theme = this.getSystemTheme()
+        this.updateAppAppearance(theme)
+        this.emit('system-theme-changed', theme)
+      }
+    )
+  }
+
+  updateAppAppearance (theme) {
+    if (!is.macOS() || theme !== LIGHT_THEME || theme !== DARK_THEME) {
+      return
+    }
+    systemPreferences.setAppLevelAppearance(theme)
+  }
+}

src/main/ui/TrayManager.js

@@ -1,3 +1,119 @@
-export default class TrayManager {
+import { EventEmitter } from 'events'
+import { join } from 'path'
+import { Tray, Menu, systemPreferences } from 'electron'
+import is from 'electron-is'
+import { translateTemplate } from '../utils/menu'
+import { getI18n } from '@/ui/Locale'
+import { LIGHT_THEME, DARK_THEME } from '@shared/constants'
 
+let tray = null
+
+export default class TrayManager extends EventEmitter {
+  constructor (options = {}) {
+    super()
+
+    this.i18n = getI18n()
+
+    this.menu = null
+
+    this.load()
+    this.init()
+    this.setup()
+    this.handleEvents()
+  }
+
+  load () {
+    this.template = require(`../menus/tray.json`)
+    const theme = systemPreferences.isDarkMode() ? DARK_THEME : LIGHT_THEME
+
+    if (is.macOS()) {
+      this.normalIcon = join(__static, `./mo-tray-${theme}-normal.png`)
+      this.activeIcon = join(__static, `./mo-tray-${theme}-active.png`)
+    } else {
+      this.normalIcon = join(__static, './mo-tray-colorful-normal.png')
+      this.activeIcon = join(__static, './mo-tray-colorful-active.png')
+    }
+  }
+
+  build () {
+    const keystrokesByCommand = {}
+    for (let item in this.keymap) {
+      keystrokesByCommand[this.keymap[item]] = item
+    }
+
+    // Deepclone the menu template to refresh menu
+    const template = JSON.parse(JSON.stringify(this.template))
+    const tpl = translateTemplate(template, keystrokesByCommand, this.i18n)
+    this.menu = Menu.buildFromTemplate(tpl)
+  }
+
+  setup () {
+    this.build()
+
+    /**
+     * Linux requires setContextMenu to be called
+     * in order for the context menu to populate correctly
+     */
+    if (process.platform === 'linux') {
+      tray.setContextMenu(this.menu)
+    }
+  }
+
+  init () {
+    tray = new Tray(this.normalIcon)
+    tray.setToolTip('Motrix')
+  }
+
+  handleEvents () {
+    tray.on('click', this.handleTrayClick)
+    tray.on('double-click', this.handleTrayDbClick)
+    tray.on('right-click', this.handleTrayRightClick)
+
+    tray.on('drop-files', this.handleTrayDropFile)
+  }
+
+  handleTrayClick = (event) => {
+    event.preventDefault()
+    global.application.toggle()
+  }
+
+  handleTrayDbClick = (event) => {
+    event.preventDefault()
+    global.application.show()
+  }
+
+  handleTrayRightClick = (event) => {
+    event.preventDefault()
+    tray.popUpContextMenu(this.menu)
+  }
+
+  handleTrayDropFile = (event, files) => {
+    global.application.show()
+    global.application.handleFile(files[0])
+  }
+
+  updateStatus (status) {
+    this.status = status
+    this.updateIcon()
+  }
+
+  updateIcon () {
+    const icon = this.status ? this.activeIcon : this.normalIcon
+    tray.setImage(icon)
+  }
+
+  changeIconTheme (theme = LIGHT_THEME) {
+    if (!is.macOS()) {
+      return
+    }
+
+    this.normalIcon = join(__static, `./mo-tray-${theme}-normal.png`)
+    this.activeIcon = join(__static, `./mo-tray-${theme}-active.png`)
+
+    this.updateIcon()
+  }
+
+  destroy () {
+    tray.destroy()
+  }
 }

src/main/ui/WindowManager.js

@@ -1,35 +1,65 @@
+import { join } from 'path'
 import { EventEmitter } from 'events'
-import { app, shell, BrowserWindow } from 'electron'
+import { app, shell, screen, BrowserWindow } from 'electron'
+import is from 'electron-is'
 import pageConfig from '../configs/page'
+import logger from '../core/Logger'
 
 const defaultBrowserOptions = {
   titleBarStyle: 'hiddenInset',
   useContentSize: true,
   show: false,
   width: 1024,
-  height: 768
+  height: 768,
+  webPreferences: {
+    nodeIntegration: true
+  }
 }
 
 export default class WindowManager extends EventEmitter {
   constructor (options = {}) {
     super()
-    this.options = options
+    this.userConfig = options.userConfig || {}
 
     this.windows = {}
 
     this.willQuit = false
 
-    app.on('before-quit', () => {
-      this.setWillQuit(true)
-    })
+    this.handleBeforeQuit()
+
+    this.handleAllWindowClosed()
   }
 
   setWillQuit (flag) {
     this.willQuit = flag
   }
 
+  getPageOptions (page) {
+    const result = pageConfig[page] || {}
+    const hideAppMenu = this.userConfig['hide-app-menu']
+    if (hideAppMenu) {
+      result.attrs.frame = false
+    }
+
+    // Optimized for small screen users
+    const { width, height } = screen.getPrimaryDisplay().workAreaSize
+    const widthScale = width >= 1280 ? 1 : 0.875
+    const heightScale = height >= 800 ? 1 : 0.875
+    result.attrs.width *= widthScale
+    result.attrs.height *= heightScale
+
+    // fix AppImage Dock Icon Missing
+    // https://github.com/AppImage/AppImageKit/wiki/Bundling-Electron-apps
+    if (is.linux()) {
+      result.attrs.icon = join(__static, './512x512.png')
+    }
+
+    return result
+  }
+
   openWindow (page) {
-    const options = pageConfig[page] || {}
+    const options = this.getPageOptions(page)
+
     let window = this.windows[page] || null
     if (window) {
       window.restore()
@@ -55,7 +85,7 @@ export default class WindowManager extends EventEmitter {
       window.show()
     })
 
-    if (options.bindCloseToHide && process.platform === 'darwin') {
+    if (options.bindCloseToHide) {
       this.bindCloseToHide(page, window)
     }
 
@@ -70,7 +100,11 @@ export default class WindowManager extends EventEmitter {
   }
 
   getWindows () {
-    return this.windows
+    return this.windows || {}
+  }
+
+  getWindowList () {
+    return Object.values(this.getWindows())
   }
 
   addWindow (page, window) {
@@ -102,15 +136,61 @@ export default class WindowManager extends EventEmitter {
     })
   }
 
+  showWindow (page) {
+    const window = this.getWindow(page)
+    if (!window) {
+      return
+    }
+    window.show()
+  }
+
+  hideWindow (page) {
+    const window = this.getWindow(page)
+    if (!window) {
+      return
+    }
+    window.hide()
+  }
+
+  hideAllWindow () {
+    this.getWindowList().forEach((window) => {
+      window.hide()
+    })
+  }
+
+  toggleWindow (page) {
+    const window = this.getWindow(page)
+    if (!window) {
+      return
+    }
+    if (window.isVisible()) {
+      window.hide()
+    } else {
+      window.show()
+    }
+  }
+
   getFocusedWindow () {
     return BrowserWindow.getFocusedWindow()
   }
 
+  handleBeforeQuit () {
+    app.on('before-quit', () => {
+      this.setWillQuit(true)
+    })
+  }
+
+  handleAllWindowClosed () {
+    app.on('window-all-closed', (event) => {
+      event.preventDefault()
+    })
+  }
+
   sendCommandTo (window, command, ...args) {
     if (!window) {
       return
     }
-    console.log('sendCommandTo====>', window, command, ...args)
+    logger.info('[Motrix] sendCommandTo===>', window, command, ...args)
     window.webContents.send('command', command, ...args)
   }
 

src/main/utils/index.js

@@ -1,6 +1,7 @@
 import { app } from 'electron'
 import is from 'electron-is'
 import { resolve } from 'path'
+import { existsSync, lstatSync } from 'fs'
 import logger from '../core/Logger'
 import engineBinMap from '../configs/engine'
 
@@ -8,6 +9,11 @@ export function getLogPath () {
   return logger.transports.file.file
 }
 
+export function getDhtPath (protocol) {
+  const name = protocol === 6 ? 'dht6.dat' : 'dht.dat'
+  return resolve(app.getPath('userData'), `./${name}`)
+}
+
 export function getSessionPath () {
   return resolve(app.getPath('userData'), './download.session')
 }
@@ -44,17 +50,52 @@ export function isRunningInDmg () {
   return result
 }
 
-export function moveAppToApplicationsFolder () {
+export function moveAppToApplicationsFolder (errorMsg = '') {
   return new Promise((resolve, reject) => {
     try {
       const result = app.moveToApplicationsFolder()
       if (result) {
         resolve(result)
       } else {
-        reject(new Error('应用程序移动失败'))
+        reject(new Error(errorMsg))
       }
     } catch (err) {
       reject(err)
     }
   })
 }
+
+export function parseArgvAsUrl (argv) {
+  let arg = argv[1]
+  if (!arg) {
+    return
+  }
+
+  if (
+    arg.toLowerCase().startsWith('mo:') ||
+    arg.toLowerCase().startsWith('motrix:') ||
+    arg.toLowerCase().startsWith('http:') ||
+    arg.toLowerCase().startsWith('https:') ||
+    arg.toLowerCase().startsWith('ftp:') ||
+    arg.toLowerCase().startsWith('magnet:') ||
+    arg.toLowerCase().startsWith('thunder:')
+  ) {
+    return arg
+  }
+}
+
+export function isDirectory (path) {
+  return existsSync(path) && lstatSync(path).isDirectory()
+}
+
+export function parseArgvAsFile (argv) {
+  let arg = argv[1]
+  if (!arg || isDirectory(arg)) {
+    return
+  }
+
+  if (is.linux()) {
+    arg = arg.replace('file://', '')
+  }
+  return arg
+}

src/main/utils/menu.js

@@ -71,19 +71,29 @@ function findById (template, id) {
   return null
 }
 
-export function translateTemplate (template, keystrokesByCommand) {
+export function translateTemplate (template, keystrokesByCommand, i18n) {
   for (let i in template) {
     let item = template[i]
     if (item.command) {
       item.accelerator = acceleratorForCommand(item.command, keystrokesByCommand)
     }
+
+    // If label is specified, label is used as the key of i18n.t(key),
+    // which mainly solves the inaccurate translation of item.id.
+    if (i18n) {
+      if (item.label) {
+        item.label = i18n.t(item.label)
+      } else if (item.id) {
+        item.label = i18n.t(item.id)
+      }
+    }
+
     item.click = () => {
-      console.log('click sendCommand', item)
       handleCommand(item)
     }
 
     if (item.submenu) {
-      translateTemplate(item.submenu, keystrokesByCommand)
+      translateTemplate(item.submenu, keystrokesByCommand, i18n)
     }
   }
   return template
@@ -96,7 +106,7 @@ export function handleCommand (item) {
     ? [item.command, item['command-arg']]
     : [item.command]
 
-  global.application.sendCommand(...args)
+  global.application.sendCommandToAll(...args)
 
   handleCommandAfter(item)
 }
@@ -108,7 +118,7 @@ function handleCommandBefore (item) {
   }
   const [ command, ...args ] = item['command-before'].split(',')
   console.log('handleCommandBefore==2=>', command, ...args)
-  global.application.sendCommand(command, ...args)
+  global.application.sendCommandToAll(command, ...args)
 }
 
 function handleCommandAfter (item) {
@@ -118,7 +128,7 @@ function handleCommandAfter (item) {
   }
   const [ command, ...args ] = item['command-after'].split(',')
   console.log('handleCommandAfter==2=>', command, ...args)
-  global.application.sendCommand(command, ...args)
+  global.application.sendCommandToAll(command, ...args)
 }
 
 function acceleratorForCommand (command, keystrokesByCommand) {

src/renderer/api/Api.js

@@ -9,6 +9,10 @@ import {
   changeKeysToCamelCase,
   changeKeysToKebabCase
 } from '@shared/utils'
+import {
+  BEST_TRACKERS_URL,
+  BEST_TRACKERS_IP_URL
+} from '@shared/constants'
 
 const application = remote.getGlobal('application')
 
@@ -111,6 +115,15 @@ export default class Api {
     return this.client.call('getVersion')
   }
 
+  getGlobalOption () {
+    return new Promise((resolve) => {
+      this.client.call('getGlobalOption')
+        .then((data) => {
+          resolve(changeKeysToCamelCase(data))
+        })
+    })
+  }
+
   getGlobalStat () {
     return this.client.call('getGlobalStat')
   }
@@ -120,8 +133,11 @@ export default class Api {
       uris,
       options
     } = params
-    const args = compactUndefined([uris, options])
-    return this.client.call('addUri', ...args)
+    const tasks = uris.map((uri) => {
+      const args = compactUndefined([[uri], options])
+      return [ 'aria2.addUri', ...args ]
+    })
+    return this.client.multicall(tasks)
   }
 
   addTorrent (params) {
@@ -143,7 +159,7 @@ export default class Api {
   }
 
   fetchDownloadingTaskList (params = {}) {
-    const { offset = 0, num = 200, keys } = params
+    const { offset = 0, num = 20, keys } = params
     const activeArgs = compactUndefined([keys])
     const waitingArgs = compactUndefined([offset, num, keys])
     return new Promise((resolve, reject) => {
@@ -162,13 +178,13 @@ export default class Api {
   }
 
   fetchWaitingTaskList (params = {}) {
-    const { offset = 0, num = 200, keys } = params
+    const { offset = 0, num = 20, keys } = params
     const args = compactUndefined([offset, num, keys])
     return this.client.call('tellWaiting', ...args)
   }
 
   fetchStoppedTaskList (params = {}) {
-    const { offset = 0, num = 200, keys } = params
+    const { offset = 0, num = 20, keys } = params
     const args = compactUndefined([offset, num, keys])
     return this.client.call('tellStopped', ...args)
   }
@@ -256,4 +272,17 @@ export default class Api {
   stopPowerSaveBlocker () {
     application.energyManager.stopPowerSaveBlocker()
   }
+
+  fetchBtTrackerFromGitHub () {
+    const now = Date.now()
+    const promises = [
+      fetch(`${BEST_TRACKERS_IP_URL}?t=${now}`).then((res) => res.text()),
+      fetch(`${BEST_TRACKERS_URL}?t=${now}`).then((res) => res.text())
+    ]
+
+    return Promise.all(promises).then((values) => {
+      let result = values.join('\r\n').replace(/^\s*[\r\n]/gm, '')
+      return result
+    })
+  }
 }

src/renderer/assets/icons/win-close.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <g class="nc-icon-wrapper" stroke-width="1" fill="#111111" stroke="#111111">
+    <line x1="1.5" y1="1.5" x2="10.5" y2="10.5" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
+    <line x1="10.5" y1="1.5" x2="1.5" y2="10.5" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+</svg>

src/renderer/assets/icons/win-maximize.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <g class="nc-icon-wrapper" stroke-width="1" fill="#111111" stroke="#111111">
+    <polyline points="5.5 1.5 10.5 1.5 10.5 6.5" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
+    <polyline points="1.5 5.5 1.5 10.5 6.5 10.5" fill="none" stroke-linecap="round" stroke-linejoin="round" data-color="color-2"/>
+  </g>
+</svg>

src/renderer/assets/icons/win-minimize.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <g class="nc-icon-wrapper" stroke-width="1" fill="#111111" stroke="#111111">
+    <line x1="1" y1="6" x2="11" y2="6" fill="none" stroke="#111111" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+</svg>

src/renderer/components/About/AboutPanel.vue

@@ -31,7 +31,6 @@
     },
     data () {
       const version = this.$electron.remote.app.getVersion()
-      console.log('version===>', version)
       return {
         version
       }

src/renderer/components/About/AppInfo.vue

@@ -3,11 +3,10 @@
     <div class="app-version">
       <mo-logo :width="93" :height="21" style="vertical-align: bottom;" />
       <span>Version {{version}}</span>
-      <!-- <p>一款 macOS 全能下载工具</p> -->
     </div>
     <div class="app-icon"></div>
     <div class="engine-info" v-if="!!engine">
-      <h4>引擎版本 {{engine.version}}</h4>
+      <h4>{{ $t('about.engine-version') }} {{engine.version}}</h4>
       <ul v-if="!isMas()">
         <li
           v-for="(feature, index) in engine.enabledFeatures"
@@ -50,13 +49,13 @@
 <style lang="scss">
   .app-info {
     position: relative;
-    padding: 8px 0;
+    margin: 8px 0;
     .app-version span {
       display: inline-block;
       vertical-align: bottom;
       font-size: $--font-size-large;
       margin-left: 20px;
-      color: $--color-text-regular;
+      color: $--app-version-color;
       line-height: 18px;
     }
     .app-icon {
@@ -73,11 +72,11 @@
       h4 {
         font-size: $--font-size-base;
         font-weight: $--font-weight-secondary;
-        color: $--color-text-regular;
+        color: $--app-engine-title-color;
       }
       ul {
         font-size: 12px;
-        color: $--color-text-secondary;
+        color: $--app-engine-info-color;
         list-style: none;
         padding: 0;
         line-height: 20px;

src/renderer/components/About/Copyright.vue

@@ -1,16 +1,19 @@
 <template>
   <el-row class="copyright">
-    <el-col :span="8" class="copyright-left">
+    <el-col :span="6" class="copyright-left">
       <a target="_blank" href="https://motrix.app/" rel="noopener noreferrer">
         &copy;2018 Motrix
       </a>
     </el-col>
-    <el-col :span="16" class="copyright-right">
+    <el-col :span="18" class="copyright-right">
       <a target="_blank" href="https://motrix.app/about" rel="noopener noreferrer">
-        关于我们
+        {{ $t('about.about') }}
       </a>
       <a target="_blank" href="https://motrix.app/support" rel="noopener noreferrer">
-        帮助支持
+        {{ $t('about.support') }}
+      </a>
+      <a target="_blank" href="https://motrix.app/release" rel="noopener noreferrer">
+        {{ $t('about.release') }}
       </a>
     </el-col>
   </el-row>
@@ -22,21 +25,17 @@
   }
 </script>
 
-
 <style lang="scss">
   .copyright {
     width: 100%;
     font-size: $--font-size-small;
     a {
-      color: $--color-text-regular;
+      color: $--app-copyright-color;
       text-decoration: none;
     }
   }
   .copyright-left {
     text-align: left;
-    a {
-      color: $--color-text-regular;
-    }
   }
 
   .copyright-right {
@@ -45,5 +44,4 @@
       margin-left: 30px;
     }
   }
-
 </style>

src/renderer/components/Aside/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-aside width="78px" class="aside" :class="{ draggable: !isWindows() }">
+  <el-aside width="78px" :class="['aside', { 'draggable': asideDraggable }]">
     <div class="aside-inner">
       <mo-logo-mini />
       <ul class="menu top-menu">
@@ -24,7 +24,7 @@
 
 <script>
   import is from 'electron-is'
-  import { mapState, mapActions } from 'vuex'
+  import { mapState } from 'vuex'
   import LogoMini from '@/components/Logo/LogoMini'
   import '@/components/Icons/menu-task'
   import '@/components/Icons/menu-add'
@@ -39,11 +39,12 @@
     computed: {
       ...mapState('app', {
         currentPage: state => state.currentPage
-      })
+      }),
+      asideDraggable: function () {
+        return is.macOS()
+      }
     },
     methods: {
-      isRenderer: is.renderer,
-      isWindows: is.windows,
       open (link) {
         this.$electron.shell.openExternal(link)
       },
@@ -51,21 +52,17 @@
         this.$store.dispatch('app/showAddTaskDialog', taskType)
       },
       showAboutPanel () {
-        // if (this.isRenderer()) {
+        // if (is.renderer()) {
         //   this.$electron.ipcRenderer.send('command', 'application:about')
         // } else {
         this.$store.dispatch('app/showAboutPanel')
         // }
       },
       nav (page) {
-        console.log('nav page===>', page)
         this.$router.push({
           path: page
         })
-      },
-      ...mapActions('app', [
-        'changeCurrentPage'
-      ])
+      }
     }
   }
 </script>

src/renderer/components/Command/index.js

@@ -1,17 +1,47 @@
 import router from '@/router'
 import store from '@/store'
 import CommandManager from './CommandManager'
+import { Message } from 'element-ui'
+import { getLocaleManager } from '@/components/Locale'
+import { base64StringToBlob } from 'blob-util'
+import { buildFileList } from '@shared/utils'
 
 const commands = new CommandManager()
+const i18n = getLocaleManager().getI18n()
+
+function updateSystemTheme (theme) {
+  store.dispatch('app/updateSystemTheme', theme)
+}
+
+function updateTheme (theme) {
+  store.dispatch('preference/changeThemeConfig', theme)
+}
 
 function showAboutPanel () {
   store.dispatch('app/showAboutPanel')
 }
 
-function showAddTask (taskType = 'uri') {
+function showAddTask (taskType = 'uri', task = '') {
+  if (taskType === 'uri' && task) {
+    store.dispatch('app/updateAddTaskUrl', task)
+  }
   store.dispatch('app/showAddTaskDialog', taskType)
 }
 
+function showAddBtTask () {
+  store.dispatch('app/showAddTaskDialog', 'torrent')
+}
+
+function showAddBtTaskWithFile (fileName, base64Data = '') {
+  const blob = base64StringToBlob(base64Data, 'application/x-bittorrent')
+  const file = new File([blob], fileName, { type: 'application/x-bittorrent' })
+  const fileList = buildFileList(file)
+  store.dispatch('app/showAddTaskDialog', 'torrent')
+  setTimeout(() => {
+    store.dispatch('app/addTaskAddTorrents', { fileList })
+  }, 200)
+}
+
 function navigateTaskList (status = 'active') {
   router.push({ path: `/task/${status}` })
 }
@@ -20,24 +50,28 @@ function navigatePreferences () {
   router.push({ path: '/preference' })
 }
 
-function pauseTask () {
+function showUnderDevelopmentMessage () {
+  Message.info(i18n.t('app.under-development-message'))
+}
 
+function pauseTask () {
+  showUnderDevelopmentMessage()
 }
 
 function resumeTask () {
-
+  showUnderDevelopmentMessage()
 }
 
 function deleteTask () {
-
+  showUnderDevelopmentMessage()
 }
 
 function moveTaskUp () {
-
+  showUnderDevelopmentMessage()
 }
 
 function moveTaskDown () {
-
+  showUnderDevelopmentMessage()
 }
 
 function pauseAllTask () {
@@ -48,9 +82,12 @@ function resumeAllTask () {
   store.dispatch('task/resumeAllTask')
 }
 
+commands.register('application:system-theme', updateSystemTheme)
+commands.register('application:theme', updateTheme)
 commands.register('application:about', showAboutPanel)
 commands.register('application:new-task', showAddTask)
-commands.register('application:new-bt-task', showAddTask)
+commands.register('application:new-bt-task', showAddBtTask)
+commands.register('application:new-bt-task-with-file', showAddBtTaskWithFile)
 commands.register('application:task-list', navigateTaskList)
 commands.register('application:preferences', navigatePreferences)
 

src/renderer/components/Dragger/Index.vue

@@ -0,0 +1,48 @@
+<template>
+  <div v-if="false"></div>
+</template>
+
+<script>
+export default {
+  name: 'mo-dragger',
+  mounted () {
+    this.preventDefault = ev => ev.preventDefault()
+    let count = 0
+    this.onDragEnter = (ev) => {
+      if (count === 0) {
+        this.$store.dispatch('app/showAddTaskDialog', 'torrent')
+      }
+      count++
+    }
+
+    this.onDragLeave = (ev) => {
+      count--
+      if (count === 0) {
+        this.$store.dispatch('app/hideAddTaskDialog')
+      }
+    }
+
+    this.onDrop = (ev) => {
+      count = 0
+
+      const fileList = [...ev.dataTransfer.files]
+        .map(item => ({ raw: item, name: item.name }))
+        .filter(item => /\.torrent$/.test(item.name))
+      if (!fileList.length) {
+        this.$msg.error(this.$t('task.select-torrent'))
+      }
+    }
+
+    document.addEventListener('dragover', this.preventDefault)
+    document.body.addEventListener('dragenter', this.onDragEnter)
+    document.body.addEventListener('dragleave', this.onDragLeave)
+    document.body.addEventListener('drop', this.onDrop)
+  },
+  destroyed () {
+    document.removeEventListener('dragover', this.preventDefault)
+    document.body.removeEventListener('dragenter', this.onDragEnter)
+    document.body.removeEventListener('dragleave', this.onDragLeave)
+    document.body.removeEventListener('drop', this.onDrop)
+  }
+}
+</script>

src/renderer/components/Icons/sync.js

@@ -0,0 +1,22 @@
+import Icon from '@/components/Icons/Icon'
+
+Icon.register({
+  'sync': {
+    'width': 24,
+    'height': 24,
+    'raw': `<g stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
+      <path fill="none" stroke-miterlimit="10" d="M3,14V4 c0-0.552,0.448-1,1-1h16c0.552,0,1,0.448,1,1v6"></path>
+      <path fill="none" stroke="#111111" stroke-miterlimit="10" d="M10,18H1v0 c0,1.657,1.343,3,3,3h6"></path>
+      <path data-cap="butt" data-color="color-2" fill="none" stroke-miterlimit="10" d="M14.126,17 c0.444-1.725,2.01-3,3.874-3c1.48,0,2.772,0.804,3.464,1.999"></path>
+      <polygon data-color="color-2" data-stroke="none" points="23.22,13.649 22.792,18 18.522,17.061 " stroke-linejoin="miter" stroke-linecap="square" stroke="none"></polygon>
+      <path data-cap="butt" data-color="color-2" fill="none" stroke-miterlimit="10" d="M21.874,20 c-0.444,1.725-2.01,3-3.874,3c-1.48,0-2.772-0.804-3.464-1.999"></path>
+      <polygon data-color="color-2" data-stroke="none" points="12.78,23.351 13.208,19 17.478,19.939 " stroke-linejoin="miter" stroke-linecap="square" stroke="none"></polygon>
+    </g>`,
+    'g': {
+      'stroke': 'currentColor',
+      'stroke-linecap': 'round',
+      'stroke-linejoin': 'round',
+      'stroke-width': '2'
+    }
+  }
+})

src/renderer/components/Icons/win-close.js

@@ -0,0 +1,16 @@
+import Icon from '@/components/Icons/Icon'
+
+Icon.register({
+  'win-close': {
+    'width': 12,
+    'height': 12,
+    'raw': `<line x1="1.5" y1="1.5" x2="10.5" y2="10.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      <line x1="10.5" y1="1.5" x2="1.5" y2="10.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
+    'g': {
+      'stroke': 'currentColor',
+      'stroke-linecap': 'round',
+      'stroke-linejoin': 'round',
+      'stroke-width': '1'
+    }
+  }
+})

src/renderer/components/Icons/win-maximize.js

@@ -0,0 +1,16 @@
+import Icon from '@/components/Icons/Icon'
+
+Icon.register({
+  'win-maximize': {
+    'width': 12,
+    'height': 12,
+    'raw': `<polyline points="5.5 1.5 10.5 1.5 10.5 6.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      <polyline points="1.5 5.5 1.5 10.5 6.5 10.5" fill="none" stroke-linecap="round" stroke-linejoin="round" />`,
+    'g': {
+      'stroke': 'currentColor',
+      'stroke-linecap': 'round',
+      'stroke-linejoin': 'round',
+      'stroke-width': '1'
+    }
+  }
+})

src/renderer/components/Icons/win-minimize.js

@@ -0,0 +1,15 @@
+import Icon from '@/components/Icons/Icon'
+
+Icon.register({
+  'win-minimize': {
+    'width': 12,
+    'height': 12,
+    'raw': `<line x1="1" y1="6" x2="11" y2="6" fill="none" stroke-linecap="round" stroke-linejoin="round"/>`,
+    'g': {
+      'stroke': 'currentColor',
+      'stroke-linecap': 'round',
+      'stroke-linejoin': 'round',
+      'stroke-width': '1'
+    }
+  }
+})

src/renderer/components/Locale/index.js

@@ -0,0 +1,10 @@
+import resources from '@shared/locales/all'
+import LocaleManager from '@shared/locales/LocaleManager'
+
+const localeManager = new LocaleManager({
+  resources
+})
+
+export function getLocaleManager () {
+  return localeManager
+}

src/renderer/components/Logo/Logo.vue

@@ -2,7 +2,7 @@
   <div class="logo">
     <a target="_blank" href="https://motrix.app/">
       <svg xmlns="http://www.w3.org/2000/svg" :width="width" :height="height" viewBox="0 0 62 14">
-        <g :fill="fill" fill-rule="evenodd">
+        <g fill-rule="evenodd">
           <path d="M40,2 C40,1 41,1.53477231e-14 42,1.53477231e-14 C42,1.53477231e-14 60,1.27897692e-14 60,1.53477231e-14 C61,1.27897692e-14 62,1 62,2 C62,2 62,12 62,12 C62,13 61,14 60,14 C60,14 42,14 42,14 C41,14 40,13 40,12 C40,12 40,2 40,2 Z M44,3.5 C44,3.5 44,10.5 44,10.5 C44,11 44.5,11.5 45,11.5 C45,11.5 57,11.5 57,11.5 C57.5,11.5 58,11 58,10.5 C58,10.5 58,3.5 58,3.5 C58,3 57.5,2.5 57,2.5 C57,2.5 45,2.5 45,2.5 C44.5,2.5 44,3 44,3.5 Z"/>
           <rect width="4" height="2" x="32" y="6" rx=".5"/>
           <path d="M2,0 L26,0 C27,-2.04003481e-15 28,1 28,2 L28,14 L24,14 L24,3.5 C24,3 23.5,2.5 23,2.5 L16,2.5 L16,14 L12,14 L12,2.5 L5,2.5 C4.5,2.5 4,3 4,3.5 L4,14 L0,14 L0,2 C0,1 1,-2.04003481e-15 2,0 Z"/>
@@ -23,10 +23,6 @@
       height: {
         type: Number,
         default: 14
-      },
-      fill: {
-        type: String,
-        default: '#4D515A'
       }
     }
   }
@@ -43,6 +39,10 @@
     height: 100%;
     text-align: center;
     font-size: 0;
+    color: $--app-logo-color;
+  }
+  svg {
+    fill: currentColor;
   }
 }
 </style>

src/renderer/components/Main.vue

@@ -1,11 +1,12 @@
 <template>
   <el-container id="container">
     <mo-aside />
-    <router-view></router-view>
+    <router-view />
     <mo-speedometer />
     <mo-add-task :visible="addTaskVisible" :type="addTaskType" />
     <mo-about-panel :visible="aboutPanelVisible" />
     <mo-task-item-info :visible="taskItemInfoVisible" :task="currentTaskItem" />
+    <mo-dragger />
   </el-container>
 </template>
 
@@ -17,6 +18,7 @@
   import Speedometer from '@/components/Speedometer/Speedometer'
   import AddTask from '@/components/Task/AddTask'
   import TaskItemInfo from '@/components/Task/TaskItemInfo'
+  import Dragger from '@/components/Dragger/Index'
 
   export default {
     name: 'mo-main',
@@ -26,7 +28,8 @@
       [Subnav.name]: Subnav,
       [Speedometer.name]: Speedometer,
       [AddTask.name]: AddTask,
-      [TaskItemInfo.name]: TaskItemInfo
+      [TaskItemInfo.name]: TaskItemInfo,
+      [Dragger.name]: Dragger
     },
     computed: {
       ...mapState('app', {
@@ -50,25 +53,4 @@
     right: 36px;
     bottom: 24px;
   }
-  .panel {
-    background: $--panel-background;
-    .panel-header {
-      position: relative;
-      padding: 44px 0 12px;
-      margin: 0 36px;
-      border-bottom: 2px solid $--panel-border-color;
-      h4 {
-        margin: 0;
-        color: $--panel-title-color;
-        font-size: 16px;
-        font-weight: normal;
-        line-height: 24px;
-      }
-    }
-    .panel-content {
-      position: relative;
-      padding: 16px 36px 24px;
-      height: 100%;
-    }
-  }
 </style>

src/renderer/components/Msg/index.js

@@ -0,0 +1,42 @@
+const queue = []
+const maxLength = 5
+
+export default {
+  install: function (Vue, Message, defaultOption = {}) {
+    Vue.prototype.$msg = new Proxy(Message, {
+      get (obj, prop) {
+        return (arg) => {
+          if (!(arg instanceof Object)) {
+            arg = { message: arg }
+          }
+          const task = {
+            run () {
+              obj[prop]({
+                ...defaultOption,
+                ...arg,
+                onClose (...data) {
+                  const currentTask = queue.pop()
+                  if (currentTask) {
+                    currentTask.run()
+                  }
+                  if (arg.onClose) {
+                    arg.onClose(...data)
+                  }
+                }
+              })
+            }
+          }
+
+          if (queue.length >= maxLength) {
+            queue.pop()
+          }
+          queue.unshift(task)
+
+          if (queue.length === 1) {
+            queue.pop().run()
+          }
+        }
+      }
+    })
+  }
+}

src/renderer/components/Native/EngineClient.vue

@@ -3,6 +3,7 @@
 </template>
 
 <script>
+  import is from 'electron-is'
   import { mapState } from 'vuex'
   import api from '@/api'
   import {
@@ -18,10 +19,17 @@
 
   export default {
     name: 'mo-engine-client',
+    data: function () {
+      return {
+        downloading: false
+      }
+    },
     computed: {
+      isRenderer: () => is.renderer(),
       ...mapState('app', {
         downloadSpeed: state => state.stat.downloadSpeed,
-        interval: state => state.interval
+        interval: state => state.interval,
+        numActive: state => state.stat.numActive
       }),
       ...mapState('task', {
         taskItemInfoVisible: state => state.taskItemInfoVisible,
@@ -34,105 +42,138 @@
     watch: {
       downloadSpeed: function (val, oldVal) {
         showDownloadSpeedInDock(val)
+      },
+      numActive: function (val, oldVal) {
+        this.downloading = val > 0
+      },
+      downloading: function (val, oldVal) {
+        if (val !== oldVal && this.isRenderer) {
+          this.$electron.ipcRenderer.send('download-status-change', val)
+        }
       }
     },
     methods: {
+      fetchTaskItem ({ gid }) {
+        return api.fetchTaskItem({ gid })
+          .catch((e) => {
+            console.warn(`fetchTaskItem fail: ${e.message}`)
+          })
+      },
       onDownloadStart: function (event) {
         this.$store.dispatch('task/fetchList')
         this.$store.dispatch('app/resetInterval')
         console.log('aria2 onDownloadStart', event)
         const [{ gid }] = event
-        api.fetchTaskItem({ gid })
+        this.fetchTaskItem({ gid })
           .then((task) => {
-            const message = `开始下载 ${getTaskName(task)}`
-            this.$message.info(message)
+            const taskName = getTaskName(task)
+            const message = this.$t('task.download-start-message', { taskName })
+            this.$msg.info(message)
           })
       },
       onDownloadPause: function (event) {
         console.log('aria2 onDownloadPause')
         const [{ gid }] = event
-        api.fetchTaskItem({ gid })
+        this.fetchTaskItem({ gid })
           .then((task) => {
-            const message = `暂停下载 ${getTaskName(task)}`
-            this.$message.info(message)
+            const taskName = getTaskName(task)
+            const message = this.$t('task.download-pause-message', { taskName })
+            this.$msg.info(message)
           })
       },
       onDownloadStop: function (event) {
         console.log('aria2 onDownloadStop')
         const [{ gid }] = event
-        api.fetchTaskItem({ gid })
+        this.fetchTaskItem({ gid })
           .then((task) => {
-            const message = `${getTaskName(task)} 下载中止`
-            this.$message.info(message)
+            const taskName = getTaskName(task)
+            const message = this.$t('task.download-stop-message', { taskName })
+            this.$msg.info(message)
           })
       },
       onDownloadError: function (event) {
         console.log('aria2 onDownloadError', event)
         const [{ gid }] = event
-        api.fetchTaskItem({ gid })
+        this.fetchTaskItem({ gid })
           .then((task) => {
-            const message = `${getTaskName(task)} 下载发生错误`
-            this.$message.error(message)
+            const taskName = getTaskName(task)
+            const message = this.$t('task.download-error-message', { taskName })
+            this.$msg.error(message)
           })
       },
       onDownloadComplete: function (event) {
         console.log('aria2 onDownloadComplete')
         this.$store.dispatch('task/fetchList')
         const [{ gid }] = event
-        api.fetchTaskItem({ gid })
+        this.fetchTaskItem({ gid })
           .then((task) => {
-            this.showTaskCompleteNotify(task)
+            this.handleDownloadComplete(task, false)
           })
       },
       onBtDownloadComplete: function (event) {
         console.log('aria2 onBtDownloadComplete')
         this.$store.dispatch('task/fetchList')
         const [{ gid }] = event
-        api.fetchTaskItem({ gid })
+        this.fetchTaskItem({ gid })
           .then((task) => {
-            this.showTaskCompleteNotify(task)
+            this.handleDownloadComplete(task, true)
           })
       },
-      showTaskCompleteNotify: function (task) {
-        if (!this.taskNotification) {
-          return
-        }
-
-        const taskName = getTaskName(task)
+      handleDownloadComplete: function (task, isBT) {
         const path = getTaskFullPath(task)
 
         addToRecentTask(task)
         openDownloadDock(path)
 
-        const message = `${taskName} 下载完成`
-        this.$message.success(message)
-
-        /* eslint-disable no-new */
-        const notify = new Notification('下载完成', {
-          body: taskName
-        })
-        notify.onclick = () => {
-          showItemInFolder(path)
-        }
+        this.showTaskCompleteNotify(task, isBT, path)
       },
-      showTaskErrorNotify: function (task) {
+      showTaskCompleteNotify: function (task, isBT, path) {
+        const taskName = getTaskName(task)
+        const message = isBT
+          ? this.$t('task.bt-download-complete-message', { taskName })
+          : this.$t('task.download-complete-message', { taskName })
+        const tips = isBT
+          ? '\n' + this.$t('task.bt-download-complete-tips')
+          : ''
+
+        this.$msg.success(`${message}${tips}`)
+
         if (!this.taskNotification) {
           return
         }
 
+        /* eslint-disable no-new */
+        const notifyMessage = isBT
+          ? this.$t('task.bt-download-complete-notify')
+          : this.$t('task.download-complete-notify')
+
+        const notify = new Notification(notifyMessage, {
+          body: `${taskName}${tips}`
+        })
+        notify.onclick = () => {
+          showItemInFolder(path, {
+            errorMsg: this.$t('task.file-not-exist')
+          })
+        }
+      },
+      showTaskErrorNotify: function (task) {
         const taskName = getTaskName(task)
 
-        const message = `${taskName} 下载失败`
-        this.$message.success(message)
+        const message = this.$t('task.download-fail-message', { taskName })
+        this.$msg.success(message)
+
+        if (!this.taskNotification) {
+          return
+        }
 
         /* eslint-disable no-new */
-        new Notification('下载失败', {
+        new Notification(this.$t('task.download-fail-notify'), {
           body: taskName
         })
       },
       bindEngineEvents: function () {
         api.client.on('onDownloadStart', this.onDownloadStart)
-        api.client.on('onDownloadPause', this.onDownloadPause)
+        // api.client.on('onDownloadPause', this.onDownloadPause)
         api.client.on('onDownloadStop', this.onDownloadStop)
         api.client.on('onDownloadComplete', this.onDownloadComplete)
         api.client.on('onDownloadError', this.onDownloadError)
@@ -140,7 +181,7 @@
       },
       unbindEngineEvents: function () {
         api.client.removeListener('onDownloadStart', this.onDownloadStart)
-        api.client.removeListener('onDownloadPause', this.onDownloadPause)
+        // api.client.removeListener('onDownloadPause', this.onDownloadPause)
         api.client.removeListener('onDownloadStop', this.onDownloadStop)
         api.client.removeListener('onDownloadComplete', this.onDownloadComplete)
         api.client.removeListener('onDownloadError', this.onDownloadError)
@@ -166,6 +207,7 @@
     },
     created: function () {
       this.$store.dispatch('app/fetchEngineInfo')
+      this.$store.dispatch('app/fetchEngineOptions')
 
       this.startPolling()
 

src/renderer/components/Native/ShowInFolder.vue

@@ -1,6 +1,6 @@
 <template>
   <i @click.stop="onFolderClick">
-    <mo-icon name="folder" width="14" height="14" />
+    <mo-icon name="folder" width="10" height="10" />
   </i>
 </template>
 
@@ -21,7 +21,9 @@
         if (!this.path) {
           return
         }
-        this.$electron.shell.showItemInFolder(this.path)
+        this.$electron.shell.showItemInFolder(this.path, {
+          errorMsg: this.$t('task.file-not-exist')
+        })
       }
     }
   }

src/renderer/components/Native/TitleBar.vue

@@ -0,0 +1,96 @@
+<template>
+  <div class="title-bar">
+    <div class="title-bar-dragger"></div>
+    <ul v-if="showActions" class="window-actions">
+      <li @click="handleMinimize">
+        <mo-icon name="win-minimize" width="12" height="12" />
+      </li>
+      <li @click="handleMaximize">
+        <mo-icon name="win-maximize" width="12" height="12" />
+      </li>
+      <li @click="handleClose" class="win-close-btn">
+        <mo-icon name="win-close" width="12" height="12" />
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+  import '@/components/Icons/win-minimize'
+  import '@/components/Icons/win-maximize'
+  import '@/components/Icons/win-close'
+
+  export default {
+    name: 'mo-title-bar',
+    props: {
+      showActions: {
+        type: Boolean
+      }
+    },
+    computed: {
+      win: function () {
+        return this.$electron.remote.getCurrentWindow()
+      }
+    },
+    methods: {
+      handleMinimize: function () {
+        this.win.minimize()
+      },
+      handleMaximize: function () {
+        if (this.win.isMaximized()) {
+          this.win.unmaximize()
+        } else {
+          this.win.maximize()
+        }
+      },
+      handleClose: function () {
+        this.win.close()
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+.title-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  height: 36px;
+  z-index: 5000;
+  .title-bar-dragger {
+    flex: 1;
+    user-select: none;
+    -webkit-app-region: drag;
+    -webkit-user-select: none;
+  }
+  .window-actions {
+    opacity: 0.4;
+    transition: $--fade-transition;
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    z-index: 5100;
+    > li {
+      display: inline-block;
+      padding: 5px 10px;
+      margin: 0 5px;
+      color: $--titlebar-actions-color;
+      &:hover {
+        background-color: $--titlebar-actions-active-background;
+      }
+      &.win-close-btn:hover {
+        color: $--titlebar-close-active-color;
+        background-color: $--titlebar-close-active-background;
+      }
+    }
+  }
+  &:hover {
+    .window-actions {
+      opacity: 1;
+    }
+  }
+}
+</style>

src/renderer/components/Native/utils.js

@@ -2,9 +2,11 @@ import is from 'electron-is'
 import { existsSync } from 'fs'
 import { Message } from 'element-ui'
 import {
+  isMagnetTask,
   getTaskFullPath,
   bytesToSize
 } from '@shared/utils'
+import { LIGHT_THEME, DARK_THEME } from '@shared/constants'
 
 const remote = is.renderer() ? require('electron').remote : {}
 
@@ -14,31 +16,55 @@ export function getUserDownloadsPath () {
 
 export function prettifyDir (dir) {
   const downloads = getUserDownloadsPath()
-  const result = dir === downloads ? '下载' : dir
+  const result = dir === downloads ? 'Downloads' : dir
   return result
 }
 
-export function showItemInFolder (fullPath) {
+export function showItemInFolder (fullPath, { errorMsg }) {
   if (!fullPath) {
     return
   }
   const result = remote.shell.showItemInFolder(fullPath)
-  if (!result) {
-    Message.error('目标文件不存在或已删除')
+  if (!result && errorMsg) {
+    Message.error(errorMsg)
   }
   return result
 }
 
-export function moveTaskFilesToTrash (task) {
+export function openItem (fullPath, { errorMsg }) {
+  if (!fullPath) {
+    return
+  }
+  const result = remote.shell.openItem(fullPath)
+  if (!result && errorMsg) {
+    Message.error(errorMsg)
+  }
+  return result
+}
+
+export function moveTaskFilesToTrash (task, messages = {}) {
+  /**
+   * 磁力链接任务，有 bittorrent，但没有 bittorrent.info ，
+   * 在没下完变成BT任务之前 path 不是一个完整路径，
+   * 未避免误删所在目录，所以删除时直接返回 true
+   */
+  if (isMagnetTask(task)) {
+    return true
+  }
+
+  const { pathErrorMsg, delFailMsg, delConfigFailMsg } = messages
+  const { dir } = task
   const path = getTaskFullPath(task)
-  if (!path) {
-    Message.error('文件路径异常，请手动删除')
+  if (!path || dir === path) {
+    if (pathErrorMsg) {
+      Message.error(pathErrorMsg)
+    }
     return false
   }
 
   const deleteResult1 = remote.shell.moveItemToTrash(path)
-  if (!deleteResult1) {
-    Message.error('删除任务文件失败，请手动删除')
+  if (!deleteResult1 && delFailMsg) {
+    Message.error(delFailMsg)
   }
 
   let deleteResult2 = true
@@ -46,8 +72,8 @@ export function moveTaskFilesToTrash (task) {
   const isExtraExist = existsSync(extraFilePath)
   if (isExtraExist) {
     deleteResult2 = remote.shell.moveItemToTrash(extraFilePath)
-    if (!deleteResult2) {
-      Message.error('删除任务配置文件失败，请手动删除')
+    if (!deleteResult2 && delConfigFailMsg) {
+      Message.error(delConfigFailMsg)
     }
   }
 
@@ -55,30 +81,54 @@ export function moveTaskFilesToTrash (task) {
 }
 
 export function openDownloadDock (path) {
+  if (!is.macOS()) {
+    return
+  }
   remote.app.dock.downloadFinished(path)
 }
 
 export function updateDockBadge (text) {
+  if (!is.macOS()) {
+    return
+  }
   remote.app.dock.setBadge(text)
 }
 
 export function showDownloadSpeedInDock (downloadSpeed) {
-  if (is.windows()) {
+  if (!is.macOS()) {
     return
   }
-  const text = downloadSpeed > 0 ? bytesToSize(downloadSpeed) : ''
+  const text = downloadSpeed > 0 ? `${bytesToSize(downloadSpeed)}/s` : ''
   updateDockBadge(text)
 }
 
 export function addToRecentTask (task) {
+  if (is.linux()) {
+    return
+  }
   const path = getTaskFullPath(task)
   remote.app.addRecentDocument(path)
 }
 
 export function addToRecentTaskByPath (path) {
+  if (is.linux()) {
+    return
+  }
   remote.app.addRecentDocument(path)
 }
 
 export function clearRecentTasks () {
+  if (is.linux()) {
+    return
+  }
   remote.app.clearRecentDocuments()
 }
+
+export function getSystemTheme () {
+  let result = LIGHT_THEME
+  if (!is.macOS()) {
+    return result
+  }
+  result = remote.systemPreferences.isDarkMode() ? DARK_THEME : LIGHT_THEME
+  return result
+}

src/renderer/components/Preference/Advanced.vue

@@ -6,15 +6,43 @@
     <el-main class="panel-content">
       <el-form
         class="form-preference"
-        ref="basicForm"
+        ref="advancedForm"
         label-position="right"
         size="mini"
         :model="form"
         :rules="rules">
-        <el-form-item label="代理: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('preferences.appearance')}: `" :label-width="formLabelWidth">
+          <el-col class="form-item-sub" :span="24">
+            <mo-theme-switcher
+              v-model="form.theme"
+              @change="handleThemeChange"
+            />
+          </el-col>
+          <el-col v-if="showHideAppMenuOption" class="form-item-sub" :span="16">
+            <el-checkbox v-model="form.hideAppMenu">
+              {{ $t('preferences.hide-app-menu') }}
+            </el-checkbox>
+          </el-col>
+        </el-form-item>
+        <el-form-item :label="`${$t('preferences.language')}: `" :label-width="formLabelWidth">
+          <el-col class="form-item-sub" :span="16">
+            <el-select
+              v-model="form.locale"
+              @change="handleLocaleChange"
+              :placeholder="$t('preferences.change-language')">
+              <el-option
+                v-for="item in locales"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </el-col>
+        </el-form-item>
+        <el-form-item :label="`${$t('preferences.proxy')}: `" :label-width="formLabelWidth">
           <el-switch
             v-model="form.useProxy"
-            active-text="使用代理服务器"
+            :active-text="$t('preferences.use-proxy')"
             @change="onUseProxyChange"
             >
           </el-switch>
@@ -28,9 +56,48 @@
             </el-input>
           </el-col>
         </el-form-item>
-        <el-form-item label="开发者: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('preferences.bt-tracker')}: `" :label-width="formLabelWidth">
+          <div class="bt-tracker">
+            <el-input
+              type="textarea"
+              :autosize="{ minRows: 3, maxRows: 5 }"
+              auto-complete="off"
+              :placeholder="`${$t('preferences.bt-tracker-input-tips')}`"
+              v-model="form.btTracker">
+            </el-input>
+            <div class="sync-tracker">
+              <el-tooltip
+                class="item"
+                effect="dark"
+                :content="$t('preferences.sync-tracker-tips')"
+                placement="bottom"
+              >
+                <el-button
+                  @click="syncTrackerFromGitHub"
+                >
+                  <mo-icon
+                    name="refresh"
+                    width="12"
+                    height="12"
+                    :spin="true"
+                    v-if="isSyncTracker"
+                  />
+                  <mo-icon name="sync" width="12" height="12" v-else />
+                </el-button>
+              </el-tooltip>
+            </div>
+          </div>
+          <div class="el-form-item__info" style="margin-top: 8px;">
+            {{ $t('preferences.bt-tracker-tips') }}
+            <a target="_blank" href="https://github.com/ngosang/trackerslist" rel="noopener noreferrer">
+              https://github.com/ngosang/trackerslist
+              <mo-icon name="link" width="12" height="12" />
+            </a>
+          </div>
+        </el-form-item>
+        <el-form-item :label="`${$t('preferences.developer')}: `" :label-width="formLabelWidth">
           <el-col class="form-item-sub" :span="24">
-            模拟用户代理
+            {{ $t('preferences.mock-user-agent') }}
             <el-input
               type="textarea"
               :autosize="{ minRows: 2, maxRows: 3 }"
@@ -45,7 +112,7 @@
             </el-button-group>
           </el-col>
           <el-col class="form-item-sub" :span="24">
-            应用日志路径
+            {{ $t('preferences.app-log-path') }}
             <el-input placeholder="" disabled v-model="logPath">
               <mo-show-in-folder
                 slot="append"
@@ -55,7 +122,7 @@
             </el-input>
           </el-col>
           <el-col class="form-item-sub" :span="24">
-            下载会话记录
+            {{ $t('preferences.download-session-path') }}
             <el-input placeholder="" disabled v-model="sessionPath">
               <mo-show-in-folder
                 slot="append"
@@ -65,13 +132,15 @@
             </el-input>
           </el-col>
           <el-col class="form-item-sub" :span="24">
-            <el-button plain type="danger" @click="() => onResetClick()">恢复初始设置</el-button>
+            <el-button plain type="danger" @click="() => onFactoryResetClick()">
+              {{ $t('preferences.factory-reset') }}
+            </el-button>
           </el-col>
         </el-form-item>
       </el-form>
       <div class="form-actions">
-        <el-button type="primary" @click="submitForm('basicForm')">保存并应用</el-button>
-        <el-button @click="resetForm('basicForm')">放弃</el-button>
+        <el-button type="primary" @click="submitForm('advancedForm')">{{ $t('preferences.save') }}</el-button>
+        <el-button @click="resetForm('advancedForm')">{{ $t('preferences.discard') }}</el-button>
       </div>
     </el-main>
   </el-container>
@@ -80,20 +149,36 @@
 <script>
   import is from 'electron-is'
   import { mapState } from 'vuex'
+  import ThemeSwitcher from '@/components/Preference/ThemeSwitcher'
   import ShowInFolder from '@/components/Native/ShowInFolder'
   import userAgentMap from '@shared/ua'
+  import { availableLanguages, getLanguage } from '@shared/locales'
+  import { getLocaleManager } from '@/components/Locale'
+  import {
+    convertToTextRows
+  } from '@shared/utils'
+  import '@/components/Icons/sync'
+  import '@/components/Icons/refresh'
 
   const initialForm = (config) => {
     const {
-      useProxy,
       allProxy,
       allProxyBackup,
+      btTracker,
+      hideAppMenu,
+      locale,
+      theme,
+      useProxy,
       userAgent
     } = config
     const result = {
-      useProxy,
       allProxy,
       allProxyBackup,
+      btTracker: convertToTextRows(btTracker),
+      hideAppMenu,
+      locale,
+      theme,
+      useProxy,
       userAgent
     }
     return result
@@ -102,18 +187,25 @@
   export default {
     name: 'mo-preference-advanced',
     components: {
+      [ThemeSwitcher.name]: ThemeSwitcher,
       [ShowInFolder.name]: ShowInFolder
     },
     data: function () {
       return {
         formLabelWidth: '23%',
         form: initialForm(this.$store.state.preference.config),
-        rules: {}
+        isSyncTracker: false,
+        rules: {},
+        color: '#c00',
+        locales: availableLanguages
       }
     },
     computed: {
       title: function () {
-        return '进阶设置'
+        return this.$t('preferences.advanced')
+      },
+      showHideAppMenuOption: function () {
+        return is.windows() || is.linux()
       },
       ...mapState('preference', {
         config: state => state.config,
@@ -122,34 +214,50 @@
       })
     },
     watch: {
-
     },
     methods: {
       isRenderer: is.renderer,
+      handleLocaleChange (locale) {
+        const lng = getLanguage(locale)
+        getLocaleManager().changeLanguage(lng)
+        this.$electron.ipcRenderer.send('command', 'application:change-locale', lng)
+      },
+      handleThemeChange (theme) {
+        this.form.theme = theme
+        this.$electron.ipcRenderer.send('command', 'application:change-theme', theme)
+      },
+      syncTrackerFromGitHub () {
+        this.isSyncTracker = true
+        this.$store.dispatch('preference/fetchBtTracker')
+          .then((data) => {
+            console.log('syncTrackerFromGitHub data====>', data)
+            this.form.btTracker = data
+          })
+          .finally(() => {
+            this.isSyncTracker = false
+          })
+      },
       onUseProxyChange (flag) {
         this.form.allProxy = flag ? this.form.allProxyBackup : ''
-        console.log('this.form.allProxy===>', flag, this.form.allProxy)
       },
       onAllProxyBackupChange (value) {
         this.form.allProxy = value
       },
       changeUA (type) {
         const ua = userAgentMap[type]
-        console.log('changeUA===>', ua)
         if (!ua) {
           return
         }
         this.form.userAgent = ua
       },
-      onResetClick () {
+      onFactoryResetClick () {
         this.$electron.remote.dialog.showMessageBox({
           type: 'warning',
-          title: '恢复初始设置',
-          message: '你确定要恢复为初始设置吗?',
-          buttons: ['是', '否'],
+          title: this.$t('preferences.factory-reset'),
+          message: this.$t('preferences.factory-reset-confirm'),
+          buttons: [this.$t('app.yes'), this.$t('app.no')],
           cancelId: 1
         }, (buttonIndex) => {
-          // 点击的按钮是哪个按钮 0: 是, 1: 否
           if (buttonIndex === 0) {
             this.$electron.ipcRenderer.send('command', 'application:reset')
           }
@@ -177,7 +285,15 @@
 </script>
 
 <style lang="scss">
-  .ua-group {
-    margin-top: 8px;
+.bt-tracker {
+  position: relative;
+  .sync-tracker {
+    position: absolute;
+    top: 8px;
+    right: 8px;
   }
+}
+.ua-group {
+  margin-top: 8px;
+}
 </style>

src/renderer/components/Preference/Basic.vue

@@ -11,12 +11,23 @@
         size="mini"
         :model="form"
         :rules="rules">
-        <el-form-item label="启动: " :label-width="formLabelWidth">
-          <el-checkbox v-model="form.resumeAllWhenAppLaunched">
-            启动后自动开始未完成任务
-          </el-checkbox>
+        <el-form-item :label="`${$t('preferences.startup')}: `" :label-width="formLabelWidth">
+          <el-col class="form-item-sub" :span="24">
+            <el-checkbox v-model="form.resumeAllWhenAppLaunched">
+              {{ $t('preferences.auto-resume-all') }}
+            </el-checkbox>
+          </el-col>
+          <el-col class="form-item-sub" :span="24">
+            <el-checkbox v-model="form.autoCheckUpdate">
+              {{ $t('preferences.auto-check-update') }}
+            </el-checkbox>
+            <div class="el-form-item__info" style="margin-top: 8px;" v-if="form.lastCheckUpdateTime !== 0">
+              {{ $t('preferences.last-check-update-time') + ': ' + (form.lastCheckUpdateTime !== 0 ?  new
+              Date(form.lastCheckUpdateTime).toLocaleString() : new Date().toLocaleString()) }}
+            </div>
+          </el-col>
         </el-form-item>
-        <el-form-item label="默认下载路径: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('preferences.default-dir')}: `" :label-width="formLabelWidth">
           <el-input placeholder="" v-model="downloadDir" :readonly="isMas()">
             <mo-select-directory
               v-if="isRenderer()"
@@ -25,50 +36,50 @@
             />
           </el-input>
           <div class="el-form-item__info" v-if="isMas()" style="margin-top: 8px;">
-            因 App Store 的沙箱权限限制，默认下载路径建议设置为您的「下载」目录
+            {{ $t('preferences.mas-default-dir-tips') }}
           </div>
         </el-form-item>
-        <el-form-item label="任务管理: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('preferences.task-manage')}: `" :label-width="formLabelWidth">
           <el-col class="form-item-sub" :span="24">
-            同时下载的最大任务数
+            {{ $t('preferences.max-concurrent-downloads') }}
             <el-input-number
               v-model="form.maxConcurrentDownloads"
               controls-position="right"
               :min="1"
               :max="10"
-              label="同时下载最大任务数">
+              :label="$t('preferences.max-concurrent-downloads')">
             </el-input-number>
           </el-col>
           <el-col class="form-item-sub" :span="24">
-            单任务下载的线程数
+            {{ $t('preferences.max-connection-per-server') }}
             <el-input-number
               v-model="form.split"
               controls-position="right"
               :min="1"
               :max="form.maxConnectionPerServer"
-              label="单任务下载线程数">
+              :label="$t('preferences.max-connection-per-server')">
             </el-input-number>
           </el-col>
           <el-col class="form-item-sub" :span="24">
             <el-checkbox v-model="form.continue">
-              断点续传
+              {{ $t('preferences.continue') }}
             </el-checkbox>
           </el-col>
           <el-col class="form-item-sub" :span="24">
             <el-checkbox v-model="form.newTaskShowDownloading">
-              新建任务后自动跳转到下载页面
+              {{ $t('preferences.new-task-show-downloading') }}
             </el-checkbox>
           </el-col>
           <el-col class="form-item-sub" :span="24">
             <el-checkbox v-model="form.taskNotification">
-              下载完成后通知
+              {{ $t('preferences.task-completed-notify') }}
             </el-checkbox>
           </el-col>
         </el-form-item>
       </el-form>
       <div class="form-actions">
-        <el-button type="primary" @click="submitForm('basicForm')">保存并应用</el-button>
-        <el-button @click="resetForm('basicForm')">放弃</el-button>
+        <el-button type="primary" @click="submitForm('basicForm')">{{ $t('preferences.save') }}</el-button>
+        <el-button @click="resetForm('basicForm')">{{ $t('preferences.discard') }}</el-button>
       </div>
     </el-main>
   </el-container>
@@ -88,21 +99,21 @@
       maxConcurrentDownloads,
       maxConnectionPerServer,
       taskNotification,
-      newTaskShowDownloading
+      autoCheckUpdate,
+      newTaskShowDownloading,
+      lastCheckUpdateTime
     } = config
-    console.log('initialForm===>', dir, split)
     const result = {
       dir,
       split,
-      userAgent: '',
-      referer: '',
-      cookie: '',
       continue: config.continue,
       resumeAllWhenAppLaunched,
       maxConcurrentDownloads,
       maxConnectionPerServer,
       taskNotification,
-      newTaskShowDownloading
+      autoCheckUpdate,
+      newTaskShowDownloading,
+      lastCheckUpdateTime
     }
     return result
   }
@@ -121,7 +132,7 @@
     },
     computed: {
       title: function () {
-        return '基础设置'
+        return this.$t('preferences.basic')
       },
       downloadDir: function () {
         return prettifyDir(this.form.dir)

src/renderer/components/Preference/Index.vue

@@ -1,9 +1,9 @@
 <template>
   <el-container class="content panel" direction="horizontal">
     <el-aside width="200px" class="subnav">
-      <router-view name="subnav"></router-view>
+      <router-view name="subnav" />
     </el-aside>
-    <router-view name="form"></router-view>
+    <router-view name="form" />
   </el-container>
 </template>
 
@@ -11,19 +11,8 @@
   export default {
     name: 'mo-content-preference',
     props: {
-      category: {
-        type: String
-      }
     },
     computed: {
-      title: function () {
-        const titles = {
-          'basic': '基础设置',
-          'advanced': '进阶设置',
-          'lab': '实验室'
-        }
-        return titles[this.category]
-      }
     },
     components: {
     },
@@ -39,6 +28,19 @@
       font-weight: $--font-weight-secondary;
       color: $--color-text-regular;
     }
+    .el-form-item {
+      a {
+        color: $--color-text-regular;
+        text-decoration: none;
+        &:hover {
+          color: $--color-text-primary;
+          text-decoration: underline;
+        }
+        &:active {
+          color: $--color-text-primary;
+        }
+      }
+    }
     .el-form-item.el-form-item--mini {
       margin-bottom: 24px;
     }
@@ -47,22 +49,17 @@
     }
     .form-item-sub {
       margin-bottom: 12px;
-      a {
-        color: $--color-text-regular;
-        text-decoration: none;
-        &:hover {
-          color: $--color-text-primary;
-          text-decoration: underline;
-        }
+      &:last-of-type {
+        margin-bottom: 0;
       }
     }
   }
   .form-actions {
-    position: absolute;
+    position: fixed;
     bottom: 0;
-    left: 0;
-    width: 100%;
+    left: auto;
+    z-index: 10;
     box-sizing: border-box;
-    padding: 24px 36px;
+    padding: 24px 36px 24px 0;
   }
 </style>

src/renderer/components/Preference/Lab.vue

@@ -6,41 +6,43 @@
     <el-main class="panel-content">
       <el-form
         class="form-preference"
-        ref="basicForm"
+        ref="labForm"
         label-position="right"
         size="mini"
         :model="form"
         :rules="rules">
         <el-form-item :label-width="formLabelWidth">
-          <div class="el-form-item__error">⚠️启用实验特性可能造成应用崩溃或数据丢失，请自行决定！</div>
+          <div class="el-form-item__error">
+            {{ $t('preferences.lab-warning') }}
+          </div>
         </el-form-item>
-        <el-form-item label="下载协议: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('preferences.download-protocol')}: `" :label-width="formLabelWidth">
           <el-col class="form-item-sub" :span="24">
             <el-switch
               v-model="form.enableEggFeatures"
-              active-text="支持更多下载协议"
+              :active-text="$t('preferences.support-more-download-protocols')"
               >
             </el-switch>
           </el-col>
         </el-form-item>
-        <el-form-item label="浏览器扩展: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('preferences.browser-extensions')}: `" :label-width="formLabelWidth">
           <el-col class="form-item-sub" :span="24">
             <a target="_blank" href="https://motrix.app/release/BaiduExporter.zip" rel="noopener noreferrer">
-              百度网盘助手
-              <mo-icon name="link" width="14" height="14" />
+              {{ $t('preferences.baidu-exporter') }}
+              <mo-icon name="link" width="12" height="12" />
             </a>
             <div class="el-form-item__info" style="margin-top: 8px;">
-              社区提供的浏览器扩展「不保证可用性」，
+              {{ $t('preferences.browser-extensions-tips') }}
               <a target="_blank" href="https://motrix.app/extensions/baidu" rel="noopener noreferrer">
-                点此查看使用说明
+                {{ $t('preferences.baidu-exporter-help') }}
               </a>
             </div>
           </el-col>
         </el-form-item>
       </el-form>
       <div class="form-actions">
-        <el-button type="primary" @click="submitForm('basicForm')">保存并应用</el-button>
-        <el-button @click="resetForm('basicForm')">放弃</el-button>
+        <el-button type="primary" @click="submitForm('labForm')">{{ $t('preferences.save') }}</el-button>
+        <el-button @click="resetForm('labForm')">{{ $t('preferences.discard') }}</el-button>
       </div>
     </el-main>
   </el-container>
@@ -74,7 +76,7 @@
     },
     computed: {
       title: function () {
-        return '实验室'
+        return this.$t('preferences.lab')
       },
       ...mapState('preference', {
         config: state => state.config

src/renderer/components/Preference/ThemeSwitcher.vue

@@ -0,0 +1,107 @@
+<template>
+  <div>
+    <ul class="theme-switcher">
+      <li
+        class="theme-item theme-item-auto"
+        :class="{ active: currentValue === 'auto' }"
+        @click.prevent="() => handleChange('auto')"
+      >
+        <div class="theme-thumb"></div>
+        <span>{{ $t('preferences.theme-auto') }}</span>
+      </li>
+      <li
+        class="theme-item theme-item-light"
+        :class="{ active: currentValue === 'light' }"
+        @click.prevent="() => handleChange('light')"
+      >
+        <div class="theme-thumb"></div>
+        <span>{{ $t('preferences.theme-light') }}</span>
+      </li>
+      <li
+        class="theme-item theme-item-dark"
+        :class="{ active: currentValue === 'dark' }"
+        @click.prevent="() => handleChange('dark')"
+      >
+        <div class="theme-thumb"></div>
+        <span>{{ $t('preferences.theme-dark') }}</span>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'mo-theme-switcher',
+    components: {
+    },
+    props: {
+      value: {
+        type: String,
+        default: 'auto'
+      }
+    },
+    data: function () {
+      return {
+        currentValue: this.value
+      }
+    },
+    watch: {
+      currentValue: function (val) {
+        this.$emit('change', val)
+      }
+    },
+    methods: {
+      handleChange (theme) {
+        this.currentValue = theme
+      }
+    }
+  }
+</script>
+
+<style lang="scss">
+.theme-switcher {
+  padding: 0;
+  margin: 0;
+  font-size: 0;
+  line-height: 0;
+  .theme-item {
+    text-align: center;
+    display: inline-block;
+    margin: 0 16px 0 0;
+    cursor: pointer;
+    span {
+      font-size: 13px;
+      line-height: 20px;
+    }
+    &.active {
+      .theme-thumb {
+        border-color: $--color-primary;
+        box-shadow: 0 0 1px $--color-primary;
+      }
+      span {
+        color: $--color-primary;
+      }
+    }
+    &.theme-item-auto .theme-thumb {
+      background: url('~@/assets/theme-auto@2x.png') center center no-repeat;
+      background-size: 68px 44px;
+    }
+    &.theme-item-light .theme-thumb {
+      background: url('~@/assets/theme-light@2x.png') center center no-repeat;
+      background-size: 68px 44px;
+    }
+    &.theme-item-dark .theme-thumb {
+      background: url('~@/assets/theme-dark@2x.png') center center no-repeat;
+      background-size: 68px 44px;
+    }
+  }
+  .theme-thumb {
+    box-sizing: border-box;
+    border: 1px solid #aaa;
+    border-radius: 5px;
+    width: 68px;
+    height: 44px;
+    margin-bottom: 8px;
+  }
+}
+</style>

src/renderer/components/Speedometer/Speedometer.vue

@@ -47,9 +47,6 @@
 </script>
 
 <style lang="scss">
-  @import '../Theme/Variables';
-  @import '../Theme/Darkness/Variables';
-
   .mo-speedometer {
     font-size: 12px;
     position: relative;
@@ -144,12 +141,4 @@
       color: $--speedometer-primary-color;
     }
   }
-
-  .darkness .mo-speedometer {
-    border: 1px solid $--dk-speedometer-border-color;
-    background: $--dk-speedometer-background;
-    &:hover {
-      border-color: $--dk-speedometer-hover-border-color;
-    }
-  }
 </style>

src/renderer/components/Subnav/Index.vue

@@ -1,23 +1,15 @@
 <template>
   <el-aside width="200px" class="subnav">
-    <router-view name="subnav"></router-view>
+    <router-view name="subnav" />
   </el-aside>
 </template>
 
 <script>
-  // import { mapState, mapGetters } from 'vuex'
-
   export default {
     name: 'mo-subnav',
     components: {
     },
     computed: {
-      // ...mapState('app', {
-      //   currentPage: state => state.currentPage
-      // }),
-      // ...mapGetters('app', {
-      //   title: 'currentPageTitle'
-      // })
     },
     methods: {
     }
@@ -25,49 +17,4 @@
 </script>
 
 <style lang="scss">
-  .subnav-inner {
-    margin-top: 44px;
-    padding: 0 16px;
-    h3 {
-      font-size: 16px;
-      color: #071D43;
-      font-weight: normal;
-      line-height: 24px;
-      margin: 0 0 28px;
-    }
-    ul {
-      list-style: none;
-      padding: 0;
-      margin: 0;
-      user-select: none;
-      cursor: default;
-      li {
-        margin-bottom: 8px;
-        padding: 8px 10px;
-        font-size: 14px;
-        line-height: 20px;
-        border-radius: 3px;
-        cursor: pointer;
-        i, span {
-          vertical-align: middle;
-          display: inline-block;
-        }
-        &:hover, &.active {
-          background-color: #EAECF0;
-          i, span, svg {
-            color: $--subnav-active-text-color;
-          }
-        }
-      }
-    }
-  }
-  .subnav-icon {
-    padding: 2px;
-    height: 16px;
-    margin-right: 12px;
-    svg {
-      width: 16px;
-      height: 16px;
-    }
-  }
 </style>

src/renderer/components/Subnav/PreferenceSubnav.vue

@@ -4,37 +4,36 @@
     <ul>
       <li
         @click="() => nav('basic')"
-        v-bind:class="[ current === 'basic' ? 'active' : '' ]"
+        :class="[ current === 'basic' ? 'active' : '' ]"
         >
         <i class="subnav-icon">
           <mo-icon name='preference-basic' width="20" height="20" />
         </i>
-        <span>基础设置</span>
+        <span>{{ $t('preferences.basic') }}</span>
       </li>
       <li
         @click="() => nav('advanced')"
-        v-bind:class="[ current === 'advanced' ? 'active' : '' ]"
+        :class="[ current === 'advanced' ? 'active' : '' ]"
         >
         <i class="subnav-icon">
           <mo-icon name='preference-advanced' width="20" height="20" />
         </i>
-        <span>进阶设置</span>
+        <span>{{ $t('preferences.advanced') }}</span>
       </li>
       <li
         @click="() => nav('lab')"
-        v-bind:class="[ current === 'lab' ? 'active' : '' ]"
+        :class="[ current === 'lab' ? 'active' : '' ]"
         >
         <i class="subnav-icon">
           <mo-icon name='preference-lab' width="20" height="20" />
         </i>
-        <span>实验室</span>
+        <span>{{ $t('preferences.lab') }}</span>
       </li>
     </ul>
   </nav>
 </template>
 
 <script>
-  import is from 'electron-is'
   import '@/components/Icons/preference-basic'
   import '@/components/Icons/preference-advanced'
   import '@/components/Icons/preference-lab'
@@ -49,13 +48,11 @@
     },
     computed: {
       title: function () {
-        return '偏好设置'
+        return this.$t('subnav.preferences')
       }
     },
     methods: {
-      isMas: is.mas,
       nav: function (category = 'basic') {
-        console.log('nav category===>', category)
         this.$router.push({
           path: `/preference/${category}`
         })

src/renderer/components/Subnav/TaskSubnav.vue

@@ -4,30 +4,30 @@
     <ul>
       <li
         @click="() => nav('active')"
-        v-bind:class="[ current === 'active' ? 'active' : '' ]"
+        :class="[ current === 'active' ? 'active' : '' ]"
       >
         <i class="subnav-icon">
           <mo-icon name="task-start" width="20" height="20" />
         </i>
-        <span>下载中</span>
+        <span>{{ $t('task.active') }}</span>
       </li>
       <li
         @click="() => nav('waiting')"
-        v-bind:class="[ current === 'waiting' ? 'active' : '' ]"
+        :class="[ current === 'waiting' ? 'active' : '' ]"
       >
         <i class="subnav-icon">
           <mo-icon name="task-pause" width="20" height="20" />
         </i>
-        <span>已暂停</span>
+        <span>{{ $t('task.waiting') }}</span>
       </li>
       <li
         @click="() => nav('stopped')"
-        v-bind:class="[ current === 'stopped' ? 'active' : '' ]"
+        :class="[ current === 'stopped' ? 'active' : '' ]"
       >
         <i class="subnav-icon">
           <mo-icon name="task-stop" width="20" height="20" />
         </i>
-        <span>已完成</span>
+        <span>{{ $t('task.stopped') }}</span>
       </li>
     </ul>
   </nav>
@@ -48,12 +48,11 @@
     },
     computed: {
       title: function () {
-        return '任务列表'
+        return this.$t('subnav.task-list')
       }
     },
     methods: {
       nav: function (status = 'active') {
-        console.log('nav status===>', status)
         this.$router.push({
           path: `/task/${status}`
         })

src/renderer/components/Task/AddTask.vue

@@ -12,20 +12,21 @@
       :model="form"
       :rules="rules">
       <el-tabs :value="type" @tab-click="handleTabClick">
-        <el-tab-pane label="链接任务" name="uri">
+        <el-tab-pane :label="$t('task.uri-task')" name="uri">
           <el-form-item>
             <el-input
               ref="uri"
               type="textarea"
               :autosize="{ minRows: 3, maxRows: 5 }"
               auto-complete="off"
-              placeholder="添加多个下载链接时，请确保每行只有一个链接"
+              :placeholder="$t('task.uri-task-tips')"
+              @change="handleUriChange"
               v-model="form.uris">
             </el-input>
           </el-form-item>
         </el-tab-pane>
         <el-tab-pane
-          label="种子任务"
+          :label="$t('task.torrent-task')"
           name="torrent"
           v-if="iLoveEggFeatures"
           >
@@ -38,13 +39,13 @@
       </el-tabs>
       <el-row :gutter="12">
         <el-col :span="15">
-          <el-form-item label="文件名: " :label-width="formLabelWidth">
-            <el-input placeholder="请输入文件名" v-model="form.out">
+          <el-form-item :label="`${$t('task.task-out')}: `" :label-width="formLabelWidth">
+            <el-input :placeholder="$t('task.task-out-tips')" v-model="form.out">
             </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="9">
-          <el-form-item label="下载线程: " :label-width="formLabelWidth">
+          <el-form-item :label="`${$t('task.task-split')}: `" :label-width="formLabelWidth">
             <el-input-number
               v-model="form.split"
               @change="handleSplitChange"
@@ -52,12 +53,12 @@
               :min="1"
               :max="config.maxConnectionPerServer"
               :value="config.split"
-              label="下载线程">
+              :label="$t('task.task-split')">
             </el-input-number>
           </el-form-item>
         </el-col>
       </el-row>
-      <el-form-item label="存储路径: " :label-width="formLabelWidth">
+      <el-form-item :label="`${$t('task.task-dir')}: `" :label-width="formLabelWidth">
         <el-input placeholder="" v-model="downloadDir" :readonly="isMas()">
           <mo-select-directory
             v-if="isRenderer()"
@@ -67,42 +68,42 @@
         </el-input>
       </el-form-item>
       <div v-if="showAdvanced">
-        <el-form-item label="UA: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('task.task-user-agent')}: `" :label-width="formLabelWidth">
           <el-input
             type="textarea"
             :autosize="{ minRows: 2, maxRows: 3 }"
             auto-complete="off"
-            placeholder="User-Agent"
+            :placeholder="$t('task.task-user-agent')"
             v-model="form.userAgent">
           </el-input>
         </el-form-item>
-        <el-form-item label="Referer: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('task.task-referer')}: `" :label-width="formLabelWidth">
           <el-input
             type="textarea"
             :autosize="{ minRows: 2, maxRows: 3 }"
             auto-complete="off"
-            placeholder="Referer"
+            :placeholder="$t('task.task-referer')"
             v-model="form.referer">
           </el-input>
         </el-form-item>
-        <el-form-item label="Cookie: " :label-width="formLabelWidth">
+        <el-form-item :label="`${$t('task.task-cookie')}: `" :label-width="formLabelWidth">
           <el-input
             type="textarea"
             :autosize="{ minRows: 2, maxRows: 3 }"
             auto-complete="off"
-            placeholder="Cookie"
+            :placeholder="$t('task.task-cookie')"
             v-model="form.cookie">
           </el-input>
         </el-form-item>
         <el-form-item label="" :label-width="formLabelWidth">
-          <el-checkbox class="chk" v-model="form.newTaskShowDownloading">跳转到下载页面</el-checkbox>
+          <el-checkbox class="chk" v-model="form.newTaskShowDownloading">{{$t('task.navigate-to-downloading')}}</el-checkbox>
         </el-form-item>
       </div>
     </el-form>
     <div slot="footer" class="dialog-footer">
-      <el-checkbox class="chk" v-model="showAdvanced">显示高级选项</el-checkbox>
-      <el-button @click="handleCancel('taskForm')">取 消</el-button>
-      <el-button type="primary" @click="submitForm('taskForm')">确 定</el-button>
+      <el-checkbox class="chk" v-model="showAdvanced">{{$t('task.show-advanced-options')}}</el-checkbox>
+      <el-button @click="handleCancel('taskForm')">{{$t('app.cancel')}}</el-button>
+      <el-button type="primary" @click="submitForm('taskForm')">{{$t('app.submit')}}</el-button>
     </div>
   </el-dialog>
 </template>
@@ -110,17 +111,22 @@
 <script>
   import is from 'electron-is'
   import { mapState } from 'vuex'
-  import { isEmpty, compact } from 'lodash'
+  import { isEmpty } from 'lodash'
   import SelectDirectory from '@/components/Native/SelectDirectory'
   import SelectTorrent from '@/components/Task/SelectTorrent'
   import { prettifyDir } from '@/components/Native/utils'
   import '@/components/Icons/inbox'
-  import { splitTextRows, needCheckCopyright } from '@shared/utils'
+  import {
+    detectResource,
+    splitTaskLinks,
+    needCheckCopyright
+  } from '@shared/utils'
 
   const initialForm = (state) => {
+    const { addTaskUrl } = state.app
     const { dir, split, newTaskShowDownloading } = state.preference.config
     const result = {
-      uris: '',
+      uris: addTaskUrl,
       torrent: '',
       out: '',
       userAgent: '',
@@ -151,12 +157,11 @@
     },
     data () {
       return {
-        formLabelWidth: '75px',
+        formLabelWidth: '100px',
         showAdvanced: false,
         torrentName: '',
         form: {},
-        rules: {
-        }
+        rules: {}
       }
     },
     computed: {
@@ -195,11 +200,22 @@
       handleOpen () {
         this.form = initialForm(this.$store.state)
         if (this.taskType === 'uri') {
+          this.autofillResourceLink()
           setTimeout(() => {
             this.$refs.uri && this.$refs.uri.focus()
           }, 50)
         }
       },
+      autofillResourceLink () {
+        const content = this.$electron.clipboard.readText()
+        const hasResource = detectResource(content)
+        if (!hasResource) {
+          return
+        }
+        if (isEmpty(this.form.uris)) {
+          this.form.uris = content
+        }
+      },
       handleClose (done) {
         this.$store.dispatch('app/hideAddTaskDialog')
       },
@@ -207,9 +223,20 @@
         this.reset()
       },
       handleTabClick (tab, event) {
-        console.log(tab, tab.name, event)
         this.$store.dispatch('app/changeAddTaskType', tab.name)
       },
+      handleUriChange () {
+        // el-input does not support @paste event ?
+        // https://github.com/ElemeFE/element/blob/master/packages/input/src/input.vue
+        const { uris } = this.form
+        if (uris.includes('thunder://')) {
+          this.$msg({
+            type: 'warning',
+            message: this.$t('task.thunder-link-tips'),
+            duration: 6000
+          })
+        }
+      },
       handleTorrentChange (torrent, file, fileList) {
         // TODO 种子选择部分文件下载
         // console.log('handleTorrentChange===>', torrent, file, fileList)
@@ -270,7 +297,7 @@
       },
       buildUriPayload (form) {
         let { uris } = form
-        uris = compact(splitTextRows(uris))
+        uris = splitTaskLinks(uris)
         const options = this.buildOption(form)
         const result = {
           uris,
@@ -294,13 +321,13 @@
           payload = this.buildUriPayload(form)
           this.$store.dispatch('task/addUri', payload)
             .catch((err) => {
-              this.$message.error(err.message)
+              this.$msg.error(err.message)
             })
         } else if (type === 'torrent') {
           payload = this.buildTorrentPayload(form)
           this.$store.dispatch('task/addTorrent', payload)
             .catch((err) => {
-              this.$message.error(err.message)
+              this.$msg.error(err.message)
             })
         } else if (type === 'metalink') {
           // @TODO addMetalink
@@ -309,8 +336,7 @@
         }
       },
       checkCopyright (type, form) {
-        let { uris } = form
-        uris = compact(splitTextRows(uris))
+        const { uris } = form
 
         return new Promise((resolve, reject) => {
           if (type !== 'uri') {
@@ -329,16 +355,15 @@
 
           this.$electron.remote.dialog.showMessageBox({
             type: 'warning',
-            title: '版权检查',
-            message: '您要下载的文件可能是有版权的音视频，请确保您有相应的版权方授权！',
-            buttons: ['是，我有版权方授权', '否'],
+            title: this.$t('task.copyright-warning'),
+            message: this.$t('task.copyright-warning-message'),
+            buttons: [this.$t('task.copyright-yes'), this.$t('task.copyright-no')],
             cancelId: 1
           }, (buttonIndex, checkboxChecked) => {
-            // 点击的按钮是哪个按钮 0: 是, 1: 否
             if (buttonIndex === 0) {
               resolve()
             } else {
-              reject(new Error('因版权问题，添加任务失败'))
+              reject(new Error(this.$t('task.copyright-error-message')))
             }
           })
         })
@@ -360,8 +385,7 @@
               }
             })
             .catch((err) => {
-              this.$message.error(err.message)
-              // this.reset()
+              this.$msg.error(err.message)
             })
         })
       }
@@ -370,14 +394,17 @@
 </script>
 
 <style lang="scss">
-  .add-task-dialog {
+  .el-dialog.add-task-dialog {
     max-width: 632px;
+    .el-tabs__header {
+      user-select: none;
+    }
     .el-input-number.el-input-number--mini {
       width: 100%;
     }
     .el-dialog__footer {
       padding-top: 20px;
-      background: #f5f5f5;
+      background-color: $--add-task-dialog-footer-background;
       border-radius: 0 0 5px 5px;
     }
     .dialog-footer {
@@ -386,6 +413,5 @@
         line-height: 28px;
       }
     }
-
   }
 </style>

src/renderer/components/Task/Index.vue

@@ -36,9 +36,9 @@
     computed: {
       title: function () {
         const titles = {
-          'active': '下载中',
-          'waiting': '已暂停',
-          'stopped': '已完成'
+          'active': this.$t('task.active'),
+          'waiting': this.$t('task.waiting'),
+          'stopped': this.$t('task.stopped')
         }
         return titles[this.status]
       }

src/renderer/components/Task/SelectTorrent.vue

@@ -3,13 +3,16 @@
     class="upload-torrent"
     drag
     action="/"
+    :limit="1"
+    :multiple="false"
     accept=".torrent"
     :on-change="handleChange"
+    :on-exceed="handleExceed"
     :auto-upload="false"
     :show-file-list="false">
     <i class="upload-inbox-icon"><mo-icon name="inbox" width="24" height="24" /></i>
     <div class="el-upload__text">
-      将种子拖到此处，或<em>点击选择</em>
+      {{ $t('task.select-torrent') }}
       <div class="torrent-name" v-if="name">{{ name }}</div>
     </div>
   </el-upload>
@@ -19,7 +22,7 @@
   import { mapState } from 'vuex'
   import parseTorrent from 'parse-torrent'
   import '@/components/Icons/inbox'
-  import { getAsBase64 } from '@shared/utils'
+  import { getAsBase64, buildFileList } from '@shared/utils'
 
   export default {
     name: 'mo-select-torrent',
@@ -35,11 +38,18 @@
     computed: {
       ...mapState('preference', {
         config: state => state.config
+      }),
+      ...mapState('app', {
+        torrents: state => state.addTaskTorrents
       })
     },
-    methods: {
-      handleChange (file, fileList) {
-        console.log('file===>', file)
+    watch: {
+      torrents (fileList) {
+        const file = fileList[0]
+        if (fileList.length === 0) {
+          this.name = ''
+          return
+        }
         if (!file.raw) {
           return
         }
@@ -54,14 +64,20 @@
           this.$emit('change', torrent, file, fileList)
         })
       }
+    },
+    methods: {
+      handleChange (file, fileList) {
+        this.$store.dispatch('app/addTaskAddTorrents', { fileList })
+      },
+      handleExceed (files) {
+        const fileList = buildFileList(files[0])
+        this.$store.dispatch('app/addTaskAddTorrents', { fileList })
+      }
     }
   }
 </script>
 
 <style lang="scss">
-  @import '../Theme/Variables';
-  @import '../Theme/Darkness/Variables';
-
   .upload-torrent {
     width: 100%;
     .el-upload, .el-upload-dragger {

src/renderer/components/Task/TaskActions.vue

@@ -1,21 +1,21 @@
 <template>
   <div class="task-actions">
-    <el-tooltip class="item" effect="dark" content="刷新列表" placement="bottom">
+    <el-tooltip class="item" effect="dark" :content="$t('task.refresh-list')" placement="bottom">
       <i @click="onRefreshClick">
         <mo-icon name="refresh" width="14" height="14" :spin="refreshing" />
       </i>
     </el-tooltip>
-    <el-tooltip class="item" effect="dark" content="恢复所有任务" placement="bottom">
+    <el-tooltip class="item" effect="dark" :content="$t('task.resume-all-task')" placement="bottom">
       <i @click="onResumeAllClick">
         <mo-icon name="task-start-line" width="14" height="14" />
       </i>
     </el-tooltip>
-    <el-tooltip class="item" effect="dark" content="暂停所有任务" placement="bottom">
+    <el-tooltip class="item" effect="dark" :content="$t('task.pause-all-task')" placement="bottom">
       <i @click="onPauseAllClick">
         <mo-icon name="task-pause-line" width="14" height="14" />
       </i>
     </el-tooltip>
-    <!-- <el-tooltip class="item" effect="dark" content="移除选中的任务" placement="bottom">
+    <!-- <el-tooltip class="item" effect="dark" :content="$t('task.delete-selected-tasks')" placement="bottom">
       <i>
         <mo-icon name="delete" width="14" height="14" />
       </i>
@@ -23,7 +23,7 @@
     <el-tooltip
       class="item"
       effect="dark"
-      content="清除已完成的任务"
+      :content="$t('task.purge-record')"
       placement="bottom"
       v-if="currentList === 'stopped'"
     >
@@ -44,7 +44,6 @@
   import '@/components/Icons/purge'
   import '@/components/Icons/more'
   import {
-    getTaskName,
     bytesToSize,
     timeFormat
   } from '@shared/utils'
@@ -70,7 +69,6 @@
       timeFormat
     },
     methods: {
-      getTaskName,
       refreshSpin: function () {
         this.t && clearTimeout(this.t)
 
@@ -86,33 +84,33 @@
       onResumeAllClick: function () {
         this.$store.dispatch('task/resumeAllTask')
           .then(() => {
-            this.$message.success(`恢复全部任务成功`)
+            this.$msg.success(this.$t('task.resume-all-task-success'))
           })
           .catch(({ code }) => {
             if (code === 1) {
-              this.$message.error(`恢复全部任务失败`)
+              this.$msg.error(this.$t('task.resume-all-task-fail'))
             }
           })
       },
       onPauseAllClick: function () {
         this.$store.dispatch('task/pauseAllTask')
           .then(() => {
-            this.$message.success(`暂停全部任务成功`)
+            this.$msg.success(this.$t('task.pause-all-task-success'))
           })
           .catch(({ code }) => {
             if (code === 1) {
-              this.$message.error(`暂停全部任务失败`)
+              this.$msg.error(this.$t('task.pause-all-task-fail'))
             }
           })
       },
       onPurgeRecordClick: function () {
         this.$store.dispatch('task/purgeTaskRecord')
           .then(() => {
-            this.$message.success(`移除全部下载记录成功`)
+            this.$msg.success(this.$t('task.purge-record-success'))
           })
           .catch(({ code }) => {
             if (code === 1) {
-              this.$message.error(`移除全部下载记录失败`)
+              this.$msg.error(this.$t('task.purge-record-fail'))
             }
           })
       }
@@ -121,9 +119,6 @@
 </script>
 
 <style lang="scss">
-  @import '../Theme/Variables';
-  @import '../Theme/Darkness/Variables';
-
   .task-actions {
     position: absolute;
     top: 44px;
@@ -134,7 +129,7 @@
     user-select: none;
     cursor: default;
     text-align: right;
-    color: #4D515A;
+    color: $--task-action-color;
     transition: all 0.25s;
     &> i {
       display: inline-block;
@@ -144,7 +139,7 @@
       cursor: pointer;
       outline: none;
       &:hover {
-        color: $--color-primary;
+        color: $--task-action-hover-color;
       }
     }
   }

src/renderer/components/Task/TaskItem.vue

@@ -1,7 +1,7 @@
 <template>
-  <li :key="task.gid" class="task-item" v-on:dblclick="toggleTask">
-    <div class="task-name" :title="taskName">
-      <span>{{ taskName }}</span>
+  <li :key="task.gid" class="task-item" v-on:dblclick="onDbClick">
+    <div class="task-name" :title="taskFullName">
+      <span>{{ taskFullName }}</span>
     </div>
     <mo-task-item-actions mode="LIST" :task="task" />
     <div class="task-progress">
@@ -17,7 +17,17 @@
           <div v-if="task.status ==='active'">
             <span>{{ task.downloadSpeed | bytesToSize }}/s</span>
             <span>
-              {{ remaining | timeFormat('剩余') }}
+              {{
+                remaining | timeFormat({
+                  prefix: $t('task.remaining-prefix'),
+                  i18n: {
+                    'gt1d': $t('app.gt1d'),
+                    'hour': $t('app.hour'),
+                    'minute': $t('app.minute'),
+                    'second': $t('app.second')
+                  }
+                })
+              }}
             </span>
           </div>
         </el-col>
@@ -37,10 +47,14 @@
   import '@/components/Icons/more'
   import {
     getTaskName,
+    getTaskFullPath,
     timeRemaining,
     bytesToSize,
     timeFormat
   } from '@shared/utils'
+  import {
+    openItem
+  } from '@/components/Native/utils'
 
   export default {
     name: 'mo-task-item',
@@ -54,8 +68,16 @@
       }
     },
     computed: {
+      taskFullName: function () {
+        return getTaskName(this.task, {
+          defaultName: this.$t('task.get-task-name'),
+          maxLen: -1
+        })
+      },
       taskName: function () {
-        return getTaskName(this.task, '获取任务名中...')
+        return getTaskName(this.task, {
+          defaultName: this.$t('task.get-task-name')
+        })
       },
       remaining: function () {
         const { totalLength, completedLength, downloadSpeed } = this.task
@@ -67,12 +89,23 @@
       timeFormat
     },
     methods: {
-      getTaskName,
-      toggleTask () {
+      onDbClick () {
         const { status } = this.task
-        if (['waiting', 'paused'].indexOf(status) === -1) {
-          return
+        if (status === 'complete') {
+          this.openTask()
+        } else if (['waiting', 'paused'].includes(status) !== -1) {
+          this.toggleTask()
         }
+      },
+      openTask () {
+        const { taskName } = this
+        this.$msg.info(this.$t('task.opening-task-message', { taskName }))
+        const fullPath = getTaskFullPath(this.task)
+        openItem(fullPath, {
+          errorMsg: this.$t('task.file-not-exist')
+        })
+      },
+      toggleTask () {
         this.$store.dispatch('task/toggleTask', this.task)
       }
     }
@@ -83,7 +116,8 @@
   .task-item {
     position: relative;
     padding: 16px 12px;
-    border: 1px solid #ccc;
+    background-color: $--task-item-background;
+    border: 1px solid $--task-item-border-color;
     border-radius: 6px;
     margin-bottom: 16px;
     transition: $--border-transition-base;
@@ -100,6 +134,7 @@
     color: #505753;
     margin-bottom: 32px;
     margin-right: 240px;
+    word-break: break-all;
     &> span {
       font-size: 14px;
       line-height: 26px;

src/renderer/components/Task/TaskItemActions.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="task-item-actions" v-on:dblclick.stop="() => null">
-    <i @click.stop="onMoreClick">
+    <!-- <i @click.stop="onMoreClick">
       <mo-icon name="more" width="14" height="14" />
-    </i>
+    </i> -->
     <i @click.stop="onInfoClick" v-if="mode === 'LIST'">
       <mo-icon name="info-circle" width="14" height="14" />
     </i>
@@ -35,7 +35,7 @@
 
 <script>
   import is from 'electron-is'
-  import clipboard from 'clipboard-polyfill'
+  import * as clipboard from 'clipboard-polyfill'
   import '@/components/Icons/task-start-line'
   import '@/components/Icons/task-pause-line'
   import '@/components/Icons/delete'
@@ -74,24 +74,30 @@
         return getTaskFullPath(this.task)
       }
     },
-    filters: {
-    },
     methods: {
       isRenderer: is.renderer,
-      showConfirmBox: function () {
-
+      deleteTaskFiles: function (task) {
+        moveTaskFilesToTrash(task, {
+          pathErrorMsg: this.$t('task.file-path-error'),
+          delFailMsg: this.$t('task.remove-task-file-fail'),
+          delConfigFailMsg: this.$t('task.remove-task-config-file-fail')
+        })
       },
       removeTaskItem: function (task, isRemoveWithFiles) {
         this.$store.dispatch('task/removeTask', this.task)
           .then(() => {
             if (isRemoveWithFiles) {
-              moveTaskFilesToTrash(task)
+              this.deleteTaskFiles(task)
             }
-            this.$message.success(`移除任务「${this.taskName}」成功`)
+            this.$msg.success(this.$t('task.delete-task-success', {
+              taskName: this.taskName
+            }))
           })
           .catch(({ code }) => {
             if (code === 1) {
-              this.$message.error(`移除任务「${this.taskName}」失败`)
+              this.$msg.error(this.$t('task.delete-task-fail', {
+                taskName: this.taskName
+              }))
             }
           })
       },
@@ -99,35 +105,37 @@
         this.$store.dispatch('task/removeTaskRecord', this.task)
           .then(() => {
             if (isRemoveWithFiles) {
-              moveTaskFilesToTrash(task)
+              this.deleteTaskFiles(task)
             }
-            this.$message.success(`移除「${this.taskName}」下载记录成功`)
+            this.$msg.success(this.$t('task.remove-record-success', {
+              taskName: this.taskName
+            }))
           })
           .catch(({ code }) => {
             if (code === 1) {
-              this.$message.error(`移除「${this.taskName}」下载记录失败`)
+              this.$msg.error(this.$t('task.remove-record-fail', {
+                taskName: this.taskName
+              }))
             }
           })
       },
       onResumeClick: function () {
         this.$store.dispatch('task/resumeTask', this.task)
-          .then(() => {
-            this.$message.success(`恢复任务「${this.taskName}」成功`)
-          })
           .catch(({ code }) => {
             if (code === 1) {
-              this.$message.error(`恢复任务「${this.taskName}」失败`)
+              this.$msg.error(this.$t('task.resume-task-fail', {
+                taskName: this.taskName
+              }))
             }
           })
       },
       onPauseClick: function () {
+        const { taskName } = this
+        this.$msg.info(this.$t('task.download-pause-message', { taskName }))
         this.$store.dispatch('task/pauseTask', this.task)
-          .then(() => {
-            this.$message.success(`暂停任务「${this.taskName}」成功`)
-          })
           .catch(({ code }) => {
             if (code === 1) {
-              this.$message.error(`暂停任务「${this.taskName}」失败`)
+              this.$msg.error(this.$t('task.pause-task-fail', { taskName }))
             }
           })
       },
@@ -136,13 +144,12 @@
         const { task } = this
         this.$electron.remote.dialog.showMessageBox({
           type: 'warning',
-          title: '移除任务',
-          message: `你确定要移除任务「${this.taskName}」吗?`,
-          buttons: ['是', '否'],
+          title: this.$t('task.delete-task'),
+          message: this.$t('task.delete-task-confirm', { taskName: this.taskName }),
+          buttons: [this.$t('app.yes'), this.$t('app.no')],
           cancelId: 1,
-          checkboxLabel: '同时删除文件'
+          checkboxLabel: this.$t('task.delete-task-label')
         }, (buttonIndex, checkboxChecked) => {
-          // 点击的按钮是哪个按钮 0: 是, 1: 否
           if (buttonIndex === 0) {
             self.removeTaskItem(task, checkboxChecked)
           }
@@ -153,26 +160,31 @@
         const { task } = this
         this.$electron.remote.dialog.showMessageBox({
           type: 'warning',
-          title: '移除下载记录',
-          message: `你确定要移除「${this.taskName}」下载记录吗?`,
-          buttons: ['是', '否'],
+          title: this.$t('task.remove-record'),
+          message: this.$t('task.remove-record-confirm', { taskName: this.taskName }),
+          buttons: [this.$t('app.yes'), this.$t('app.no')],
           cancelId: 1,
-          checkboxLabel: '同时删除文件'
+          checkboxLabel: this.$t('task.remove-record-label')
         }, (buttonIndex, checkboxChecked) => {
-          // 点击的按钮是哪个按钮 0: 是, 1: 否
           if (buttonIndex === 0) {
             self.removeTaskRecord(task, checkboxChecked)
           }
         })
       },
       onFolderClick: function () {
-        showItemInFolder(this.path)
+        showItemInFolder(this.path, {
+          errorMsg: this.$t('task.file-not-exist')
+        })
       },
       onLinkClick: function () {
-        const uri = getTaskUri(this.task)
-        clipboard.writeText(uri)
-          .then(() => {
-            this.$message.success('复制下载地址成功')
+        this.$store.dispatch('app/fetchEngineOptions')
+          .then((data) => {
+            const { btTracker } = data
+            const uri = getTaskUri(this.task, btTracker)
+            clipboard.writeText(uri)
+              .then(() => {
+                this.$msg.success(this.$t('task.copy-link-success'))
+              })
           })
       },
       onInfoClick: function () {
@@ -195,15 +207,15 @@
     cursor: default;
     text-align: right;
     direction: rtl;
-    border: 1px solid #F5F5F5;
-    color: #9B9B9B;
-    background-color: #fff;
+    border: 1px solid $--task-item-action-border-color;
+    color: $--task-item-action-color;
+    background-color: $--task-item-action-background;
     border-radius: 14px;
     transition: $--all-transition;
     &:hover {
-      border-color: $--task-item-hover-border-color;
-      color: #fff;
-      background-color: $--task-item-hover-background;
+      border-color: $--task-item-action-hover-border-color;
+      color: $--task-item-action-hover-color;
+      background-color: $--task-item-action-hover-background;
       width: auto;
     }
     &> i {

src/renderer/components/Task/TaskItemInfo.vue

@@ -9,8 +9,8 @@
     :before-close="handleClose"
     @closed="handleClosed"
   >
-    <div class="task-name" :title="taskName">
-      <span>{{ taskName }}</span>
+    <div class="task-name" :title="taskFullName">
+      <span>{{ taskFullName }}</span>
     </div>
     <mo-task-item-actions mode="ITEM" :task="task" />
     <div class="task-progress">
@@ -26,7 +26,17 @@
           <div v-if="task.status ==='active'">
             <span>{{ task.downloadSpeed | bytesToSize }}/s</span>
             <span>
-              {{ remaining | timeFormat('剩余') }}
+              {{
+                remaining | timeFormat({
+                  prefix: $t('task.remaining-prefix'),
+                  i18n: {
+                    'gt1d': $t('app.gt1d'),
+                    'hour': $t('app.hour'),
+                    'minute': $t('app.minute'),
+                    'second': $t('app.second')
+                  }
+                })
+              }}
             </span>
           </div>
         </el-col>
@@ -68,13 +78,20 @@
       }
     },
     computed: {
+      taskFullName: function () {
+        return getTaskName(this.task, {
+          defaultName: this.$t('task.get-task-name'),
+          maxLen: -1
+        })
+      },
       taskName: function () {
-        return getTaskName(this.task, '获取任务名中...')
+        return getTaskName(this.task, {
+          defaultName: this.$t('task.get-task-name'),
+          maxLen: 32
+        })
       },
       dialogTitle: function () {
-        const len = this.taskName.length
-        let title = len > 40 ? this.taskName.substr(0, 40) + '...' : this.taskName
-        return `${title} 详情`
+        return this.$t('task.task-info-dialog-title', { title: this.taskName })
       },
       remaining: function () {
         const { totalLength, completedLength, downloadSpeed } = this.task
@@ -86,7 +103,6 @@
       timeFormat
     },
     methods: {
-      getTaskName,
       handleClose (done) {
         this.$store.dispatch('task/hideTaskItemInfoDialog')
       },

src/renderer/components/Task/TaskList.vue

@@ -4,7 +4,7 @@
   </ul>
   <div class="no-task" v-else>
     <div class="no-task-inner">
-      当前没有下载任务
+      {{ $t('task.no-task') }}
     </div>
   </div>
 </template>
@@ -12,12 +12,6 @@
 <script>
   import { mapState } from 'vuex'
   import TaskItem from './TaskItem'
-  import {
-    getTaskName,
-    bytesToSize,
-    timeRemaining,
-    timeFormat
-  } from '@shared/utils'
 
   export default {
     name: 'mo-task-list',
@@ -30,10 +24,6 @@
       })
     },
     methods: {
-      getTaskName,
-      bytesToSize,
-      timeRemaining,
-      timeFormat
     }
   }
 </script>
@@ -51,6 +41,7 @@
     justify-content: center;
     font-size: 14px;
     color: #555;
+    user-select: none;
   }
   .no-task-inner {
     width: 100%;

src/renderer/components/Theme/About.scss

@@ -1,13 +0,0 @@
-@import '~normalize.css/normalize.css';
-@import './Variables.scss';
-@import "~element-ui/packages/theme-chalk/src/index";
-
-@import './Base.scss';
-
-/* Theme Capriccio
--------------------------- */
-@import './Default.scss';
-
-/* Theme Darkness
--------------------------- */
-@import './Darkness.scss';

src/renderer/components/Theme/Base.scss

@@ -1,101 +0,0 @@
-
-html,
-body {
-  height: 100%;
-  padding: 0;
-}
-
-body {
-  font-family: 'Monospaced Number', 'Chinese Quote', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-  font-variant: tabular-nums;
-}
-
-img {
-  width: auto;
-  height: auto;
-  max-width: 100%;
-  max-height: 100%;
-}
-
-.clearfix {
-  @include clearfix();
-}
-
-.title-bar {
-  position: fixed;
-  top: 0;
-  width: 100%;
-  height: 40px;
-  user-select: none;
-  -webkit-app-region: drag;
-  z-index: 5000;
-}
-
-#app,
-#container {
-  height: 100%;
-}
-
-.draggable {
-  -webkit-app-region: drag;
-}
-
-.el-progress-bar__inner {
-  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
-}
-
-.el-progress--line.is-text {
-  .el-progress-bar__inner::before {
-    content: '';
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: #fff;
-    border-radius: 10px;
-    animation: mo-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
-  }
-}
-
-@keyframes mo-progress-active {
-  0% {
-    opacity: 0.1;
-    width: 0;
-  }
-  20% {
-    opacity: 0.5;
-    width: 0;
-  }
-  100% {
-    opacity: 0;
-    width: 100%;
-  }
-}
-
-.el-message-box__wrapper {
-  outline: none;
-}
-
-.tab-title-dialog {
-  .el-dialog__header {
-    padding: 0 20px;
-    position: relative;
-    z-index: 10;
-  }
-  .el-dialog__body {
-    padding-top: 10px;
-    padding-bottom: 10px;
-  }
-}
-
-.el-form-item--mini .el-form-item__info {
-  padding-top: 1px;
-}
-.el-form-item__info {
-  font-size: 12px;
-  line-height: 1;
-  padding-top: 4px;
-  color: $--color-info;
-}

src/renderer/components/Theme/Dark.scss

@@ -0,0 +1,335 @@
+.theme-dark {
+  .title-bar .window-actions > li {
+    color: $--dk-titlebar-actions-color;
+    &:hover {
+      background-color: $--dk-titlebar-actions-active-background;
+    }
+    &.win-close-btn:hover {
+      background-color: $--dk-titlebar-close-active-background;
+    }
+  }
+
+  .logo > a {
+    color: $--dk-app-logo-color;
+  }
+
+  .app-info .app-version span {
+    color: $--dk-app-version-color;
+  }
+
+  .app-info .engine-info {
+    h4 {
+      color: $--dk-app-engine-title-color;
+    }
+    ul {
+      color: $--dk-app-engine-info-color;
+    }
+  }
+
+  .copyright a {
+    color: $--dk-app-copyright-color;
+  }
+
+  .aside {
+    background-color: $--dk-aside-background;
+  }
+
+  .subnav {
+    background-color: $--dk-subnav-background;
+    color: $--dk-subnav-text-color;
+  }
+
+  .subnav-inner {
+    h3 {
+      color: $--dk-subnav-title-color;
+    }
+    ul li {
+      &:hover,
+      &.active {
+        background-color: $--dk-subnav-active-background;
+
+        i,
+        span,
+        svg {
+          color: $--dk-subnav-active-text-color;
+        }
+      }
+    }
+  }
+
+  .panel {
+    background-color: $--dk-panel-background;
+  }
+
+  .panel .panel-header {
+    border-bottom-color: rgba(255, 255, 255, 0.1);
+    h4 {
+      color: $--dk-panel-title-color;
+    }
+  }
+
+  .task-item {
+    background-color: $--dk-task-item-backgroud;
+    border-color: $--dk-task-item-border-color;
+    &:hover {
+      border-color: $--dk-task-item-hover-border-color;
+    }
+  }
+
+  .task-name {
+    color: $--dk-task-item-text-color;
+  }
+
+  .task-actions {
+    color: $--dk-task-action-color;
+  }
+
+  .task-item-actions {
+    background-color: $--dk-task-item-action-background;
+    border-color: $--dk-task-item-action-border-color;
+    &:hover {
+      border-color: $--dk-task-item-action-hover-border-color;
+      color: $--dk-task-item-action-hover-color;
+      background-color: $--dk-task-item-action-hover-background;
+    }
+  }
+
+  .mo-speedometer {
+    background-color: $--dk-speedometer-background;
+    border-color: #5f5f5f;
+  }
+
+  .no-task {
+    color: $--dk-no-task-color;
+  }
+
+  /* Element UI
+  -------------------------- */
+  .el-progress-bar__outer {
+    background-color: #4a4a4a;
+  }
+
+  .el-input__inner,
+  .el-textarea__inner {
+    background-color: #373737;
+    border-color: #5f5f5f;
+    color: #eee;
+    &:focus {
+      outline: none;
+      border-color: $--color-primary;
+    }
+    &::placeholder {
+      color: #777;
+    }
+  }
+
+  .el-input.is-disabled .el-input__inner {
+    background-color: #373737;
+    border-color: #5f5f5f;
+    color: #aaa;
+  }
+
+  .el-input-group__append,
+  .el-input-group__prepend {
+    background-color: #333;
+    border-color: #5f5f5f;
+    color: #e7e7e7;
+  }
+
+  .el-input-number__increase,
+  .el-input-number__decrease {
+    background-color: #333;
+    color: #e7e7e7;
+  }
+
+  .el-input-number__decrease {
+    border-right-color: #5f5f5f;
+  }
+
+  .el-input-number__increase {
+    border-left-color: #5f5f5f;
+  }
+
+  .el-input-number.is-controls-right .el-input-number__increase {
+    border-left-color: #5f5f5f;
+    border-bottom-color: #5f5f5f;
+  }
+
+  .el-input-number.is-controls-right .el-input-number__decrease {
+    border-left-color: #5f5f5f;
+  }
+
+  .el-form-item__label,
+  .el-checkbox,
+  .el-radio {
+    color: $--dk-preference-form-text-color;
+  }
+
+  .el-switch__core,
+  .el-checkbox__inner {
+    border-color: #606060;
+    background-color: #5c5d5f;
+  }
+
+  .el-select .el-input .el-select__caret {
+    color: #e7e7e7;
+  }
+
+  .el-select-dropdown {
+    background-color: #3d3d3d;
+    border-color: #606060;
+  }
+
+  .el-select-dropdown__item {
+    color: #eee;
+    &.selected {
+      color: $--color-primary;
+    }
+    &.hover,
+    &:hover {
+      background-color: $--color-primary;
+      color: #fff;
+    }
+  }
+
+  .el-upload-dragger {
+    background-color: #2d2d2d;
+    border-color: #606060;
+    > i,
+    .el-upload__text {
+      color: #a2a3a4;
+    }
+  }
+
+  .el-popper[x-placement^="top"] .popper__arrow {
+    border-top-color: #606060;
+    &:after {
+      border-top-color: #3d3d3d;
+    }
+  }
+
+  .el-popper[x-placement^="right"] .popper__arrow {
+    border-right-color: #606060;
+    &:after {
+      border-right-color: #3d3d3d;
+    }
+  }
+
+  .el-popper[x-placement^="bottom"] .popper__arrow {
+    border-bottom-color: #606060;
+    &:after {
+      border-bottom-color: #3d3d3d;
+    }
+  }
+
+  .el-popper[x-placement^="left"] .popper__arrow {
+    border-left-color: #606060;
+    &:after {
+      border-left-color: #3d3d3d;
+    }
+  }
+
+  .el-button {
+    background-color: #5b5b5b;
+    border-color: #606060;
+    color: #e6e6e6;
+    &:hover,
+    &:focus {
+      color: $--color-primary;
+      border-color: #606060;
+      background-color: #333;
+    }
+  }
+
+  .el-button--primary {
+    color: #eee;
+    background-color: $--color-primary;
+    border-color: $--color-primary;
+    &:hover,
+    &:focus {
+      background: $--color-primary;
+      border-color: $--color-primary;
+      color: #fff;
+    }
+  }
+
+  .el-button--danger.is-plain {
+    color: #ff6157;
+    background-color: #5b5b5b;
+    border-color: #ffc0bc;
+  }
+
+  .el-button--danger.is-plain:hover,
+  .el-button--danger.is-plain:focus {
+    background-color: #ff6157;
+    border-color: #ff6157;
+    color: #fff;
+  }
+
+  /* Message */
+  .el-message {
+    background-color: #2d2d2d;
+    border-color: #606060;
+  }
+
+  .el-message__closeBtn {
+    color: rgba(255, 255, 255, 0.3);
+  }
+
+  .el-message--info .el-message__content {
+    color: #a2a3a4;
+  }
+
+  .el-message--success {
+    background-color: #2d2d2d;
+    border-color: #606060;
+    .el-message__content {
+      color: #67c23a;
+    }
+  }
+
+  .el-message--warning {
+    background-color: #2d2d2d;
+    border-color: #606060;
+    .el-message__content {
+      color: #e6a23c;
+    }
+  }
+
+  .el-message--error {
+    background-color: #2d2d2d;
+    border-color: #606060;
+    .el-message__content {
+      color: #f56c6c;
+    }
+  }
+
+  /* Dialog */
+  .el-dialog {
+    background-color: $--dk-dialog-background;
+  }
+
+  .add-task-dialog .el-dialog__footer {
+    background-color: $--dk-add-task-dialog-footer-background;
+  }
+
+  /* Tabs */
+  .el-tabs__item {
+    color: #a2a3a4;
+    &.is-active {
+      color: $--color-primary;
+    }
+  }
+
+  .el-tabs__nav-wrap::after {
+    background-color: #606060;
+  }
+
+  .form-preference .el-form-item__content {
+    color: $--dk-preference-form-text-color;
+  }
+
+  .form-preference .el-switch__label {
+    color: $--dk-preference-form-text-color;
+  }
+}

src/renderer/components/Theme/Dark/Variables.scss

@@ -0,0 +1,66 @@
+/* App
+-------------------------- */
+$--dk-app-background: transparent !default;
+$--dk-titlebar-actions-color: #eee !default;
+$--dk-titlebar-close-active-color: #fff !default;
+$--dk-titlebar-actions-active-background: rgba(0, 0, 0, 0.9) !default;
+$--dk-titlebar-close-active-background: $--color-danger !default;
+$--dk-app-logo-color: #eee !default;
+$--dk-app-version-color: #a2a3a4 !default;
+$--dk-app-engine-title-color: #a2a3a4 !default;
+$--dk-app-engine-info-color: #777 !default;
+$--dk-app-copyright-color: #a2a3a4 !default;
+
+/* Aside
+-------------------------- */
+$--dk-aside-background: rgba(0, 0, 0, 0.9) !default;
+$--dk-aside-text-color: #fff !default;
+
+/* SubNav
+-------------------------- */
+$--dk-subnav-background: #2D2D2D !default;
+$--dk-subnav-title-color: #fff !default;
+$--dk-subnav-text-color: #aaa !default;
+$--dk-subnav-active-text-color: #fff !default;
+$--dk-subnav-active-background: #444 !default;
+
+/* Panel
+-------------------------- */
+$--dk-panel-background: #343434 !default;
+$--dk-panel-title-color: #fff !default;
+$--dk-panel-border-color: #EBECF0 !default;
+
+/* Task
+-------------------------- */
+$--dk-task-action-color: #eee !default;
+$--dk-task-action-hover-color: $--color-primary !default;
+$--dk-task-item-backgroud: #2D2D2D !default;
+$--dk-task-item-border-color: #555 !default;
+$--dk-task-item-hover-border-color: $--color-primary !default;
+$--dk-task-item-hover-background: $--color-primary !default;
+$--dk-task-item-text-color: #eee !default;
+$--dk-task-item-action-background: #4a4a4a !default;
+$--dk-task-item-action-hover-background: $--color-primary !default;
+$--dk-task-item-action-border-color: #5f5f5f !default;
+$--dk-task-item-action-hover-border-color: $--color-primary !default;
+$--dk-task-item-action-color: #eee !default;
+$--dk-task-item-action-hover-color: #fff !default;
+$--dk-no-task-color: #aaa !default;
+$--dk-add-task-dialog-footer-background: #4a4a4a !default;
+
+/* Preference
+-------------------------- */
+$--dk-preference-form-text-color: #dfdfdf;
+
+/* Speedometer
+-------------------------- */
+$--dk-speedometer-background: #333 !default;
+$--dk-speedometer-border-color: #ccc !default;
+$--dk-speedometer-hover-border-color: #9b9b9b !default;
+$--dk-speedometer-primary-color: $--color-primary !default;
+$--dk-speedometer-stopped-color: #9b9b9b !default;
+$--dk-speedometer-text-color: #9b9b9b !default;
+
+/* Element UI
+-------------------------- */
+$--dk-dialog-background: #343434 !default;

src/renderer/components/Theme/Darkness.scss

@@ -1 +0,0 @@
-@import './Darkness/Variables.scss';

src/renderer/components/Theme/Darkness/Variables.scss

@@ -1,35 +0,0 @@
-/* App
--------------------------- */
-$--dk-app-background: transparent !default;
-
-/* Aside
--------------------------- */
-$--dk-aside-background: rgba(0, 0, 0, 0.75) !default;
-$--dk-aside-text-color: #fff !default;
-
-/* SubNav
--------------------------- */
-$--dk-subnav-background: #F4F5F7 !default;
-$--dk-subnav-title-color: $--color-primary-dark-6 !default;
-$--dk-subnav-text-color: #4D515A !default;
-$--dk-subnav-active-text-color: $--color-primary !default;
-
-/* Panel
--------------------------- */
-$--panel-background: $--color-white !default;
-$--dk-panel-title-color: $--color-primary-dark-6 !default;
-$--dk-panel-border-color: #EBECF0 !default;
-
-/* Task
--------------------------- */
-$--dk-task-item-border-color: #ccc !default;
-$--dk-task-item-hover-border-color: $--color-primary !default;
-$--dk-task-item-hover-background: $--color-primary !default;
-
-/* Speedometer
--------------------------- */
-$--dk-speedometer-background: $--color-white !default;
-$--dk-speedometer-border-color: #ccc !default;
-$--dk-speedometer-hover-border-color: #9b9b9b !default;
-$--dk-speedometer-primary-color: $--color-primary !default;
-$--dk-speedometer-text-color: #9b9b9b !default;

src/renderer/components/Theme/Default.scss

@@ -1,30 +1,106 @@
-:root {
-  --app-background: '';
-  --aside-background: '';
-  --aside-text-color: '';
-  --subnav-background: '';
-  --subnav-title-color: '';
-  --subnav-text-color: '';
-  --subnav-active-text-color: '';
-  --panel-background: '';
-  --panel-title-color: '';
-  --panel-border-color: '';
-  --task-item-border-color: '';
-  --task-item-hover-border-color: '';
-  --task-item-hover-background: '';
-  --speedometer-background: '';
-  --speedometer-border-color: '';
-  --speedometer-hover-border-color: '';
-  --speedometer-primary-color: '';
-  --speedometer-text-color: '';
+html,
+body {
+  height: 100%;
+  padding: 0;
 }
 
+body {
+  font-family: 'Monospaced Number', 'Chinese Quote', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-variant: tabular-nums;
+}
+
+img {
+  width: auto;
+  height: auto;
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.clearfix {
+  @include clearfix();
+}
+
+/* Element UI
+-------------------------- */
+.el-progress-bar__inner {
+  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
+}
+
+.el-progress--line.is-text {
+  .el-progress-bar__inner::before {
+    content: '';
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #fff;
+    border-radius: 10px;
+    animation: mo-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
+  }
+}
+
+@keyframes mo-progress-active {
+  0% {
+    opacity: 0.1;
+    width: 0;
+  }
+  20% {
+    opacity: 0.5;
+    width: 0;
+  }
+  100% {
+    opacity: 0;
+    width: 100%;
+  }
+}
+
+.el-message-box__wrapper {
+  outline: none;
+}
+
+.el-message__content {
+  line-height: 18px;
+  word-break: break-all;
+}
+
+.tab-title-dialog {
+  .el-dialog__header {
+    padding: 0 20px;
+    position: relative;
+    z-index: 10;
+  }
+  .el-dialog__body {
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+}
+
+.el-form-item--mini .el-form-item__info {
+  padding-top: 1px;
+}
+
+.el-form-item__info {
+  font-size: 12px;
+  line-height: 1;
+  padding-top: 4px;
+  color: $--color-info;
+}
+
+/* App Main
+-------------------------- */
 #app,
 #container {
   height: 100%;
   background-color: $--app-background;
 }
 
+.draggable {
+  -webkit-app-region: drag;
+  -webkit-user-select: none;
+}
+
 .aside {
   background-color: $--aside-background;
   color: $--aside-text-color;
@@ -38,10 +114,11 @@
 .subnav-inner {
   margin-top: 44px;
   padding: 0 16px;
+  user-select: none;
 
   h3 {
     font-size: 16px;
-    color: #071D43;
+    color: $--subnav-title-color;
     font-weight: normal;
     line-height: 24px;
     margin: 0 0 28px;
@@ -51,7 +128,6 @@
     list-style: none;
     padding: 0;
     margin: 0;
-    user-select: none;
     cursor: default;
 
     li {
@@ -70,7 +146,7 @@
 
       &:hover,
       &.active {
-        background-color: #EAECF0;
+        background-color: $--subnav-active-background;
 
         i,
         span,
@@ -96,3 +172,26 @@
 .content {
   padding: 0;
 }
+
+.panel {
+  background: $--panel-background;
+  .panel-header {
+    position: relative;
+    padding: 44px 0 12px;
+    margin: 0 36px;
+    border-bottom: 2px solid $--panel-border-color;
+    user-select: none;
+    h4 {
+      margin: 0;
+      color: $--panel-title-color;
+      font-size: 16px;
+      font-weight: normal;
+      line-height: 24px;
+    }
+  }
+  .panel-content {
+    position: relative;
+    padding: 16px 36px 52px;
+    height: 100%;
+  }
+}