✨ 内置npm，替代本地npm

♻️ 优化分离插件窗口交互

.github/workflows/main.yml

@@ -23,7 +23,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        os: [macos-latest, windows-2019, ubuntu-latest]
+        os: [macos-11, windows-2019, ubuntu-latest]
 
     # create steps
     steps:

README.md

@@ -27,7 +27,14 @@ English | [简体中文](./README.zh-CN.md)
 </a>
 </div>
 
-Based on electron open source toolbox, free integration of rich plug-ins, to create the ultimate desktop efficiency tool。Rubick is one of the heroes of Dota ，The core skill is the ability to use other heroes as plug-ins，Finished the walk 。Very consistent with the design concept of this tool，So named Rubick。
+An open-source toolbox based on Electron, freely integrating rich plugins to create the ultimate desktop productivity tool. Rubick is one of the heroes in Dota, whose core skill is the ability to use the skills of other heroes through plugins, and then move on. This aligns perfectly with the design philosophy of this tool, which is why it is named Rubick.
+
+## Sponsor
+我们通过有偿的方式积累高质量的常见问题、最佳实践文档，加入星球后可以和作者进行互动和答疑。我们提供技术支持、答疑解惑、定制化插件开发、二次定制化开发 rubick 等等官方服务。
+
+权益明细可以参考文档：[权益明细](https://rubickcenter.github.io/rubick/super/)
+
+<img width=400 src=https://picx.zhimg.com/80/v2-6deabf65175d18080439ef813102d18c_720w.png />
 
 ## Installation package
 * [Rubick Mac OS](https://github.com/rubickCenter/rubick/releases)
@@ -36,34 +43,32 @@ Based on electron open source toolbox, free integration of rich plug-ins, to cre
 
 
 ## Feature list
-- [x] Plug-in management based on npm package mode, installing plugins is as easy as installing npm packages.
-- [x] Support system plug-ins, as long as rubick is running, plug-ins can be used at any time.
-- [x] Support global shortcut key settings
-- [x] Support clipboard file search
-- [x] Support searching for locally installed apps or preferences
-- [x] Support MacOS
-- [x] Support Windows
-- [x] Support Linux
-
-
+- [x] Plugin management based on the npm package pattern, installing plugins is as simple as installing npm packages.
+- [x] Supports WebDAV for multi-device data synchronization, ensuring true data security synchronization.
+- [x] A unique system plugin mode that allows plugins to become an integral part of Rubick.
+- [x] Supports the quick launch of local apps, files, and folders.
+- [x] Supports enterprise-level intranet deployment.
+- [x] Supports multiple languages.
 
 ## Docs
 
+[Rubick website](https://rubick.vip)
+
 [Rubick Docs](https://rubickCenter.github.io/rubick/)
 
 
-## Core function
+##  Core functionality showcase.
 ### 1. Search system application
 Support pinyin and abbreviations to search system applications：
 
-![](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ba363e8f60f540e6a5c365c4317c4413~tplv-k3u1fbpfcp-watermark.image)
+![](https://pic1.zhimg.com/80/v2-70c105ff7fb1e955fc67ffa5a5564092_720w.gif)
 
 ### 2. UI plug-in installation
 Click the `rubick` icon on the right side of the search box to enter the plug-in market, select the desired plug-in, and click the download button to download. After the download is complete, you can find the installed plug-in under the Installed tab
 
 After the installation is complete, enter the plug-in call up command to use the corresponding plug-in：
 
-![](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7ae45c7ede1f4e3bb7d35ae845e60b64~tplv-k3u1fbpfcp-watermark.image)
+![](https://pic1.zhimg.com/80/v2-5906bba20fe0a67f9e7a5a8c11341305_720w.gif)
 
 ### 3. System plug-in installation
 The system plug-in installation method is the same as that of the UI category. In the plug-in market, select the `system category` and find the system plug-in that suits you to install it.
@@ -71,23 +76,17 @@ The system plug-in installation method is the same as that of the UI category. I
 After the system plug-in is installed successfully, rubick needs to be restarted to take effect
 ```
 
-### 4. The input box focus automatically matches the plug-in according to the clipboard content
-Search for `Preferences` in `rubick`, and then turn on the `Auto Paste` function to match the clipboard content and automatically match the plug-in for use.
+### 4. Multi-device data synchronization based on WebDAV.
+In "Rubick," search for "Preferences," go to "Account and Settings," and then select "Multi-Device Data Synchronization." You can export and import data for the use of Rubick plugins.
 
-![](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01ef50fbfa064ba9a88bebe1531eacd4~tplv-k3u1fbpfcp-watermark.image)
+![](https://pic1.zhimg.com/80/v2-ff85793741e4dff82a729d3eb3d41551_720w.png)
 
 ### More features
 If you need more features, please come here to give us suggestions：[issues](https://github.com/rubickCenter/rubick/issues) 。
 We will add valuable ideas to the later development. At the same time, welcome to join and build together。
 
-## Sponsor
-开源不容易，如果该项目对你有用的话，可以打赏我们喝杯 coffee ☕️.
-
-<img width=200 src=https://pic1.zhimg.com/80/v2-688385687a37e962fe32daf136139feb_720w.png />
-<img width=200 src=https://pica.zhimg.com/80/v2-1ba296fd2cece45ee1094ee7c259035c_720w.png />
-
 ## 贡献
-This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)]. <a href="https://github.com/rubickCenter/rubick/graphs/contributors"><img src="https://opencollective.com/rubick/contributors.svg?width=890&button=false" /></a>
+This project exists thanks to all the people who contribute. [[Contribute](https://github.com/rubickCenter/rubick/graphs/contributors)]. <a href="https://github.com/rubickCenter/rubick/graphs/contributors"><img src="https://opencollective.com/rubick/contributors.svg?width=890&button=false" /></a>
 
 ## 反馈
 对本项目有兴趣或者想要交流学习的同学可以扫码加下面的微信，备注 rubick，帮助我们更好的成长：
@@ -95,4 +94,4 @@ This project exists thanks to all the people who contribute. [[Contribute](CONTR
 ![image](https://user-images.githubusercontent.com/21073039/127327603-9796f246-ee4b-4950-a69d-ce3205ec9569.png)
 
 ## License
-This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/rubickCenter/rubick/blob/master/LICENSE) file for details.
+This project is licensed under the MIT License - see the [LICENSE](https://github.com/rubickCenter/rubick/blob/master/LICENSE) file for details.

README.zh-CN.md

@@ -30,6 +30,13 @@
 
 基于 electron 的开源工具箱，自由集成丰富插件，打造极致的桌面端效能工具。Rubick(拉比克) 是 dota 里面的英雄之一，其核心技能是插件化使用其他英雄的技能，用完即走。非常符合本工具的设计理念，所以取名 Rubick。
 
+## 赞助和服务
+我们通过有偿的方式积累高质量的常见问题、最佳实践文档，加入星球后可以和作者进行互动和答疑。我们提供技术支持、答疑解惑、定制化插件开发、二次定制化开发 rubick 等等官方服务。
+
+权益明细可以参考文档：[权益明细](https://rubickcenter.github.io/rubick/super/)
+
+<img width=400 src=https://picx.zhimg.com/80/v2-6deabf65175d18080439ef813102d18c_720w.png />
+
 ## 安装包
 * [Rubick Mac OS](https://github.com/rubickCenter/rubick/releases)
 * [Rubick Windows](https://github.com/rubickCenter/rubick/releases)
@@ -37,30 +44,30 @@
 
 ## 支持能力
 - [x] 基于 npm 包模式的插件管理，安装插件和安装 npm 包一样简单
-- [x] 支持系统插件，只要在 rubick 运行时，插件可以随时使用
-- [x] 支持全局快捷键设置
-- [x] 支持剪贴板文件搜索
-- [x] 支持搜索本地已安装 app 或 偏好设置
-- [x] 支持 MacOS
-- [x] 支持 Windows
-- [x] 支持 Linux
+- [x] 支持 webdav 多端数据同步，真正的数据安全同步
+- [x] 独一无二的系统插件模式，让插件成为 rubick 的一部分
+- [x] 支持快速启动本地 app、文件、文件夹
+- [x] 支持企业化内网部署
+- [x] 支持多语言
 
 ## 使用文档
 
+[Rubick 官网](https://rubick.vip)
+
 [Rubick Docs](https://rubickCenter.github.io/rubick/)
 
 
-## 目前支持能力
+## 核心功能展示
 ### 1. 搜索系统应用
 支持拼音和缩写来搜索系统安装应用：
 
-![](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ba363e8f60f540e6a5c365c4317c4413~tplv-k3u1fbpfcp-watermark.image)
+![](https://pic1.zhimg.com/80/v2-70c105ff7fb1e955fc67ffa5a5564092_720w.gif)
 
 ### 2. UI类插件安装
 点击搜索框右侧 `rubick` 图标，进入插件市场，选择所需插件，点击下载按钮即可下载，下载完成后在已安装 tab 下可以找到安装插件。
 安装完成后，输入插件呼起命令即可使用对应插件：
 
-![](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7ae45c7ede1f4e3bb7d35ae845e60b64~tplv-k3u1fbpfcp-watermark.image)
+![](https://pic1.zhimg.com/80/v2-5906bba20fe0a67f9e7a5a8c11341305_720w.gif)
 
 ### 3. 系统类插件安装
 系统插件安装方式和UI类一样，在插件市场选择`系统分类`，寻找适合自己的系统插件安装即可。
@@ -69,23 +76,17 @@
 系统插件安装成功后，需要重启 rubick 才能生效
 ```
 
-### 4. 输入框聚焦自动根据剪切板内容匹配插件
-在 `rubick` 内搜索`偏好设置`，然后开启`自动粘贴` 功能，即可匹配剪切板内容自动匹配适合插件进行使用。
+### 4. 基于 webdav 的多端数据同步
+在 `rubick` 内搜索`偏好设置` 进入 `账户和设置` -> `多端数据同步`；即可对 `rubick` 插件使用数据进行 `导出` 和 `导入`。
 
-![](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/01ef50fbfa064ba9a88bebe1531eacd4~tplv-k3u1fbpfcp-watermark.image)
+![](https://pic1.zhimg.com/80/v2-ff85793741e4dff82a729d3eb3d41551_720w.png)
 
 ### 更多功能
 如果您还需要更多功能，欢迎来这里给我们提建议：[issues](https://github.com/rubickCenter/rubick/issues) 。
 有价值的想法我们会加入到后期的开发当中。同时也欢迎一起加入共建。
 
-## 赞助
-开源不容易，如果该项目对你有用的话，可以打赏我们喝杯 coffee ☕️.
-
-<img width=200 src=https://pic1.zhimg.com/80/v2-688385687a37e962fe32daf136139feb_720w.png />
-<img width=200 src=https://pica.zhimg.com/80/v2-1ba296fd2cece45ee1094ee7c259035c_720w.png />
-
 ## 贡献
-This project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)]. <a href="https://github.com/rubickCenter/rubick/graphs/contributors"><img src="https://opencollective.com/rubick/contributors.svg?width=890&button=false" /></a>
+This project exists thanks to all the people who contribute. [[Contribute](https://github.com/rubickCenter/rubick/graphs/contributors)]. <a href="https://github.com/rubickCenter/rubick/graphs/contributors"><img src="https://opencollective.com/rubick/contributors.svg?width=890&button=false" /></a>
 
 ## 反馈
 对本项目有兴趣或者想要交流学习的同学可以扫码加下面的微信，备注 rubick，帮助我们更好的成长：
@@ -93,5 +94,5 @@ This project exists thanks to all the people who contribute. [[Contribute](CONTR
 ![image](https://user-images.githubusercontent.com/21073039/127327603-9796f246-ee4b-4950-a69d-ce3205ec9569.png)
 
 ## License
-This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/rubickCenter/rubick/blob/master/LICENSE) file for details.
+This project is licensed under the MIT License - see the [LICENSE](https://github.com/rubickCenter/rubick/blob/master/LICENSE) file for details.
 

babel.config.js

@@ -1,9 +1,23 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"],
+  presets: ['@vue/cli-plugin-babel/preset'],
   plugins: [
     [
-      "import",
-      { libraryName: "ant-design-vue", libraryDirectory: "es", style: "css" },
-    ], // `style: true` 会加载 less 文件
+      'import',
+      {
+        libraryName: 'ant-design-vue',
+        libraryDirectory: 'es',
+        style: 'css', // or 'css'
+      },
+      'ant-design-vue',
+    ],
+    [
+      'import',
+      {
+        libraryName: '@ant-design/icons-vue',
+        libraryDirectory: 'lib/icons',
+        camel2DashComponentName: false,
+      },
+      '@ant-design/icons-vue',
+    ],
   ],
 };

detach/package-lock.json

@@ -2036,6 +2036,122 @@
         "tslint": "^5.20.1",
         "webpack": "^4.0.0",
         "yorkie": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "fork-ts-checker-webpack-plugin-v5": {
+          "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
+          "resolved": "https://registry.npmmirror.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.1.tgz",
+          "integrity": "sha512-SVi+ZAQOGbtAsUWrZvGzz38ga2YqjWvca1pXQFUArIVXqli0lLoDQ8uS0wg0kSpcwpZmaW5jVCZXQebkyUQSsw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@babel/code-frame": "^7.8.3",
+            "@types/json-schema": "^7.0.5",
+            "chalk": "^4.1.0",
+            "cosmiconfig": "^6.0.0",
+            "deepmerge": "^4.2.2",
+            "fs-extra": "^9.0.0",
+            "memfs": "^3.1.2",
+            "minimatch": "^3.0.4",
+            "schema-utils": "2.7.0",
+            "semver": "^7.3.2",
+            "tapable": "^1.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "schema-utils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.0.tgz",
+          "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@types/json-schema": "^7.0.4",
+            "ajv": "^6.12.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        },
+        "semver": {
+          "version": "7.5.4",
+          "resolved": "https://registry.npmmirror.com/semver/-/semver-7.5.4.tgz",
+          "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true,
+          "optional": true
+        }
       }
     },
     "@vue/cli-plugin-vuex": {
@@ -2114,6 +2230,44 @@
           "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
           "dev": true
         },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
         "fs-extra": {
           "version": "7.0.1",
           "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
@@ -2125,6 +2279,13 @@
             "universalify": "^0.1.0"
           }
         },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
         "jsonfile": {
           "version": "4.0.0",
           "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
@@ -2134,6 +2295,18 @@
             "graceful-fs": "^4.1.6"
           }
         },
+        "loader-utils": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz",
+          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "ssri": {
           "version": "8.0.1",
           "resolved": "https://registry.npmjs.org/ssri/-/ssri-8.0.1.tgz",
@@ -2143,11 +2316,33 @@
             "minipass": "^3.1.1"
           }
         },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
         "universalify": {
           "version": "0.1.2",
           "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
           "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
           "dev": true
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
         }
       }
     },
@@ -6160,122 +6355,6 @@
         }
       }
     },
-    "fork-ts-checker-webpack-plugin-v5": {
-      "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.1.tgz",
-      "integrity": "sha512-SVi+ZAQOGbtAsUWrZvGzz38ga2YqjWvca1pXQFUArIVXqli0lLoDQ8uS0wg0kSpcwpZmaW5jVCZXQebkyUQSsw==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "@babel/code-frame": "^7.8.3",
-        "@types/json-schema": "^7.0.5",
-        "chalk": "^4.1.0",
-        "cosmiconfig": "^6.0.0",
-        "deepmerge": "^4.2.2",
-        "fs-extra": "^9.0.0",
-        "memfs": "^3.1.2",
-        "minimatch": "^3.0.4",
-        "schema-utils": "2.7.0",
-        "semver": "^7.3.2",
-        "tapable": "^1.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "schema-utils": {
-          "version": "2.7.0",
-          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
-          "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@types/json-schema": "^7.0.4",
-            "ajv": "^6.12.2",
-            "ajv-keywords": "^3.4.1"
-          }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
-          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-          "dev": true,
-          "optional": true
-        }
-      }
-    },
     "form-data": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
@@ -12203,87 +12282,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.2",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.2.tgz",
-          "integrity": "sha512-TM57VeHptv569d/GKh6TAYdzKblwDNiumOdkFnejjD0XwTH87K90w3O7AiJRqdQoXygvi1VQTJTLGhJl7WqA7A==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "4.0.12",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.0.12.tgz",

detach/public/index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <title></title>
   </head>
   <body>
     <noscript>

detach/src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="[platform, 'detach']">
+  <div :class="[process.platform, 'detach']">
     <div class="info">
       <img :src="plugInfo.logo"/>
       <input
@@ -15,7 +15,7 @@
       <div class="handle">
         <div class="devtool" @click="openDevTool" title="开发者工具"></div>
       </div>
-      <div class="window-handle" v-if="platform !== 'darwin'">
+      <div class="window-handle" v-if="process.platform !== 'darwin'">
         <div class="minimize" @click="minimize"></div>
         <div class="maximize" @click="maximize"></div>
         <div class="close" @click="close"></div>
@@ -30,7 +30,7 @@ import { ref } from 'vue';
 
 const { ipcRenderer } = window.require('electron');
 
-const platform = ref(window.process.platform);
+const process = window.require('process');
 const showInput = ref(false);
 
 const storeInfo = localStorage.getItem('rubick-system-detach') || '{}';
@@ -86,6 +86,47 @@ Object.assign(window, {
     plugInfo.value.subInput = null;
   },
 });
+
+window.enterFullScreenTrigger = () => {
+  document.querySelector('.detach').classList.remove('darwin');
+};
+window.leaveFullScreenTrigger = () => {
+  const titleDom = document.querySelector('.detach');
+  if (!titleDom.classList.contains('darwin')) {
+    titleDom.classList.add('darwin');
+  }
+};
+
+window.maximizeTrigger = () => {
+  const btnMaximize = document.querySelector('.maximize')
+  if (!btnMaximize || btnMaximize.classList.contains('unmaximize')) return;
+  btnMaximize.classList.add('unmaximize');
+};
+
+window.unmaximizeTrigger = () => {
+  const btnMaximize = document.querySelector('.maximize');
+  if (!btnMaximize) return;
+  btnMaximize.classList.remove('unmaximize');
+};
+
+if (process.platform === 'darwin') {
+  window.onkeydown = (e) => {
+    if (e.code === 'Escape') {
+      ipcRenderer.send('detach:service', { type: 'endFullScreen' });
+      return;
+    }
+    if (e.metaKey && (e.code === 'KeyW' || e.code === 'KeyQ')) {
+      window.handle.close()
+    }
+  }
+} else {
+  window.onkeydown = (e) => {
+    if (e.ctrlKey && e.code === 'KeyW') {
+      window.handle.close()
+      return
+    }
+  }
+}
 </script>
 
 <style>

detach/vue.config.js

@@ -1,13 +1,17 @@
-const path = require("path");
+const path = require('path');
 
 module.exports = {
-  css: { // 配置css模块
-    loaderOptions: { // 向预处理器 Loader 传递配置选项
-      less: { // 配置less（其他样式解析用法一致）
+  css: {
+    // 配置css模块
+    loaderOptions: {
+      // 向预处理器 Loader 传递配置选项
+      less: {
+        // 配置less（其他样式解析用法一致）
         javascriptEnabled: true, // 设置为true
       },
     },
   },
-  outputDir: path.join(__dirname, "../public/detach"),
-  publicPath: process.env.NODE_ENV === "production" ? "" : "/",
+  productionSourceMap: false,
+  outputDir: path.join(__dirname, '../public/detach'),
+  publicPath: process.env.NODE_ENV === 'production' ? '' : '/',
 };

docs/docs/dev/README.md

@@ -80,7 +80,7 @@ window.showNotification = function () {
   rubick.showNotification('HI, rubick')
 }
 ```
-rubick 更多支持 API 能力参考：[rubick 全局API](https://github.com/rubickCenter/rubick/blob/master/static/preload.js#L49)
+rubick 更多支持 API 能力参考：[rubick 全局API](https://github.com/rubickCenter/rubick/blob/master/public/preload.js)
 
 ### 测试写好的插件
 由于 `rubick` 插件是基于 `npm` 的管理方式，所以开发者调试插件，也是基于 `npm` 的软连接的方式进行调试。

docs/docs/super/README.md

@@ -7,34 +7,13 @@
 ## 可以提供哪些服务？
 我们收集了大量用户的问题，目前约定可以支持到的服务有：
 1. 二次定制化开发 `rubick`
-2. 轻量级插件开发 (开发工作量 <= 3 天)
+2. 轻量级插件开发
 3. `rubick` 实现原理手把手介绍
 4. `rubick` 使用答疑
 5. `rubick` 内网部署一条龙服务
 6. 前端圈各种技术支持（作者分别是前蚂蚁集团和字节跳动的前端技术专家）
 7. 未来能提供的一切...
 
-## 费用介绍
-### 服务分类（不满意全额退款）
-
-1. **月度体验卡：<span style="color: red">50 元</span>**
-   * 二次定制化开发 1 次
-   * 轻量级插件开发 1 次
-2. **季度体验卡：<span style="color: red">120 元</span>**
-   * 二次定制化开发 2 次
-   * 轻量级插件开发 2 次
-3. **年卡：<span style="color: red">380 元</span>**
-   * 二次定制化开发 6 次
-   * 轻量级插件开发 6 次
-4. **买断：<span style="color: red">1000 元</span>**
-   * 二次定制化开发每年 10 次
-   * 轻量级插件开发每年 10 次
-
-### 支付方式：
-
-<img width=200 src=https://pic1.zhimg.com/80/v2-688385687a37e962fe32daf136139feb_720w.png />
-<img width=200 src=https://pica.zhimg.com/80/v2-1ba296fd2cece45ee1094ee7c259035c_720w.png />
-
-**支持成功后截图添加作者微信，我拉你进保姆服务群：**
-
-<img width=300 src=https://picx.zhimg.com/80/v2-6a10900ea323ce983ce9ca749d050937_720w.png />
+## 如何加入特殊服务？
+扫描下方的二维码，加入知识星球即可：
+<img width=400 src=https://picx.zhimg.com/80/v2-6deabf65175d18080439ef813102d18c_720w.png />

feature/babel.config.js

@@ -1,3 +1,22 @@
 module.exports = {
-  presets: ["@vue/cli-plugin-babel/preset"],
+  presets: ['@vue/cli-plugin-babel/preset'],
+  plugins: [
+    [
+      'import',
+      {
+        libraryName: 'ant-design-vue',
+        style: 'css', // or 'css'
+      },
+      'ant-design-vue',
+    ],
+    [
+      'import',
+      {
+        libraryName: '@ant-design/icons-vue',
+        libraryDirectory: 'lib/icons',
+        camel2DashComponentName: false,
+      },
+      '@ant-design/icons-vue',
+    ],
+  ],
 };

feature/package.json

@@ -12,14 +12,19 @@
     "@vue/cli-service": "~4.5.0",
     "ant-design-vue": "3.2.14",
     "axios": "^0.24.0",
+    "babel-plugin-import": "^1.13.8",
     "core-js": "^3.6.5",
     "lodash.debounce": "^4.0.8",
     "lodash.throttle": "^4.1.1",
     "markdown-it": "^12.2.0",
     "nanoid": "^4.0.2",
     "vue": "3.2.45",
+    "vue-i18n": "9.2.2",
     "vue-router": "^4.0.0-0",
-    "vuex": "^4.0.0-0"
+    "vue3-carousel": "^0.3.1",
+    "vue3-lottie": "^3.1.0",
+    "vuex": "^4.0.0-0",
+    "webpack-bundle-analyzer": "^4.9.1"
   },
   "devDependencies": {
     "@typescript-eslint/eslint-plugin": "^4.18.0",

feature/public/package.json

@@ -1,28 +1,28 @@
 {
   "name": "rubick-system-feature",
-  "pluginName": "rubick 系统菜单",
-  "description": "rubick 系统菜单",
+  "pluginName": "系统菜单",
+  "description": "系统菜单",
   "main": "index.html",
-  "logo": "https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/acb761082f4a4b46847e7cd8b180f63c~tplv-k3u1fbpfcp-watermark.image",
+  "logo": "https://pic1.zhimg.com/80/v2-c09780808301668a82e6646cb42f0806_720w.png",
   "version": "0.0.0",
   "preload":"preload.js",
   "pluginType": "ui",
   "features": [
     {
-      "code": "market",
-      "explain": "rubick 插件市场",
+      "code": "finder",
+      "explain": "插件市场",
       "cmds":[
         "插件市场"
       ]
     },{
       "code": "installed",
-      "explain": "rubick 已安装插件",
+      "explain": "已安装插件",
       "cmds":[
         "已安装插件"
       ]
     },{
       "code": "settings",
-      "explain": "rubick 偏好设置",
+      "explain": "偏好设置",
       "cmds":[
         "偏好设置"
       ]

feature/public/preload.js

@@ -1,16 +1,46 @@
-const {remote} = require("electron");
+const remote = require('@electron/remote');
+const { ipcRenderer } = require('electron');
+
+const ipcSendSync = (type, data) => {
+  const returnValue = ipcRenderer.sendSync('msg-trigger', {
+    type,
+    data,
+  });
+  if (returnValue instanceof Error) throw returnValue;
+  return returnValue;
+};
+
+const ipcSend = (type, data) => {
+  ipcRenderer.send('msg-trigger', {
+    type,
+    data,
+  });
+};
 
 window.market = {
   getLocalPlugins() {
-    return remote.getGlobal("LOCAL_PLUGINS").getLocalPlugins();
+    return remote.getGlobal('LOCAL_PLUGINS').getLocalPlugins();
   },
   downloadPlugin(plugin) {
-    return remote.getGlobal("LOCAL_PLUGINS").downloadPlugin(plugin);
+    return remote.getGlobal('LOCAL_PLUGINS').downloadPlugin(plugin);
   },
   deletePlugin(plugin) {
-    return remote.getGlobal("LOCAL_PLUGINS").deletePlugin(plugin);
+    return remote.getGlobal('LOCAL_PLUGINS').deletePlugin(plugin);
   },
   refreshPlugin(plugin) {
-    return remote.getGlobal("LOCAL_PLUGINS").refreshPlugin(plugin);
+    return remote.getGlobal('LOCAL_PLUGINS').refreshPlugin(plugin);
+  },
+  addLocalStartPlugin(plugin) {
+    ipcSend('addLocalStartPlugin', { plugin });
+  },
+  removeLocalStartPlugin(plugin) {
+    ipcSend('removeLocalStartPlugin', { plugin });
+  },
+  dbDump(target) {
+    ipcSend('dbDump', { target });
+  },
+
+  dbImport(target) {
+    ipcSend('dbImport', { target });
   },
 };

feature/src/App.vue

@@ -1,89 +1,228 @@
 <template>
   <div class="main-container">
-    <div class="slider-bar">
+    <div class="left-menu">
       <a-menu
-        v-model:selectedKeys="active"
-        mode="horizontal"
         @select="({ key }) => changeMenu(key)"
+        :selectedKeys="active"
+        mode="vertical"
       >
-        <a-menu-item key="market">
+        <a-menu-item key="finder">
           <template #icon>
-            <AppstoreOutlined />
+            <StarOutlined style="font-size: 18px;" />
           </template>
-          插件市场
+          {{ $t('feature.market.explore') }}
         </a-menu-item>
-        <a-menu-item key="installed">
+        <a-menu-item key="worker">
           <template #icon>
-            <HeartOutlined />
+            <SendOutlined style="transform: rotate(-45deg); font-size: 18px;" />
           </template>
-          已安装
+          {{ $t('feature.market.efficiency') }}
         </a-menu-item>
-        <a-menu-item key="settings">
+        <a-menu-item key="tools">
           <template #icon>
-            <SettingOutlined />
+            <SearchOutlined style="font-size: 18px;" />
           </template>
-          账户与设置
+          {{ $t('feature.market.searchTool') }}
         </a-menu-item>
-        <a-menu-item key="dev">
+        <a-menu-item key="image">
           <template #icon>
-            <BugOutlined />
+            <FileImageOutlined style="font-size: 18px;" />
           </template>
-          开发者
+          {{ $t('feature.market.imageTool') }}
         </a-menu-item>
+        <a-menu-item key="devPlugin">
+          <template #icon>
+            <CodeOutlined style="font-size: 18px;" />
+          </template>
+          {{ $t('feature.market.developTool') }}
+        </a-menu-item>
+        <a-menu-item key="system">
+          <template #icon>
+            <DatabaseOutlined style="font-size: 18px;" />
+          </template>
+          {{ $t('feature.market.systemTool') }}
+        </a-menu-item>
+        <a-sub-menu class="user-info">
+          <template #icon>
+            <a-avatar :size="32">
+              <template #icon>
+                <img :src="perf.custom.logo" />
+              </template>
+            </a-avatar>
+          </template>
+          <template #title>{{ perf.custom.username }}</template>
+          <a-menu-item key="settings">
+            <template #icon>
+              <SettingOutlined />
+            </template>
+            {{ $t('feature.settings.title') }}
+          </a-menu-item>
+          <a-menu-item key="installed">
+            <template #icon>
+              <HeartOutlined />
+            </template>
+            {{ $t('feature.installed.title') }}
+          </a-menu-item>
+          <a-menu-item key="dev">
+            <template #icon>
+              <BugOutlined />
+            </template>
+            {{ $t('feature.dev.title') }}
+          </a-menu-item>
+        </a-sub-menu>
       </a-menu>
     </div>
-    <router-view />
+    <div :class="['finder', 'result', 'devPlugin', 'image', 'tools', 'worker', 'system'].includes(active[0]) ? 'container' : 'more'">
+      <keep-alive>
+        <router-view />
+      </keep-alive>
+    </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { computed } from 'vue';
 import { useRouter } from 'vue-router';
 import {
-  HeartOutlined,
-  AppstoreOutlined,
+  StarOutlined,
+  SendOutlined,
+  SearchOutlined,
+  FileImageOutlined,
+  DatabaseOutlined,
+  CodeOutlined,
   SettingOutlined,
+  HeartOutlined,
   BugOutlined,
 } from '@ant-design/icons-vue';
 import { useStore } from 'vuex';
+import localConfig from '@/confOp';
 
+const store = useStore();
 const router = useRouter();
-const active = ref(['market']);
+const active = computed(() => store.state.active);
+const { perf } = localConfig.getConfig();
+
 const changeMenu = (key: any) => {
+  store.commit('commonUpdate', {active: [key]})
   router.push(key);
 };
 
 window.rubick.onPluginEnter(({ code }: { code: string }) => {
   changeMenu(code);
-  active.value = [code];
+  store.commit('commonUpdate', {active: [code]})
 });
 
-const store = useStore();
+window.rubick.setSubInput((e: any) => {
+  if (
+    [
+      'finder',
+      'result',
+      'devPlugin',
+      'image',
+      'tools',
+      'worker',
+      'system',
+    ].includes(active.value[0])
+  ) {
+    if (e.text) {
+      store.commit('setSearchValue', e.text);
+      router.push('result');
+    } else {
+      store.commit('commonUpdate', {active: ['finder']})
+      router.push('finder');
+    }
+  }
+}, '搜索插件');
+
 const init = () => store.dispatch('init');
 init();
 </script>
-<style lang="less" scoped>
-* {
-  margin: 0;
-  padding: 0;
-}
-
-.main-container {
-  display: flex;
-  align-items: flex-start;
-  flex-direction: column;
-
-  .slider-bar {
-    width: 100%;
-    .ant-menu {
-      background: var(--color-body-bg);
-      border-color: var(--color-border-light);
-      :deep(.ant-menu-item) {
-        &:not(.ant-menu-item-selected) {
-          color: var(--color-text-primary);
-        }
+<style lang="less">
+.ant-menu-submenu-popup {
+  .ant-menu {
+    background: var(--color-body-bg2) !important;
+    height: 100%;
+    border-right: none;
+    .ant-menu-item, .ant-menu-submenu, .ant-menu-submenu-arrow {
+      color: var(--color-text-content);
+      &:active {
+        background: none;
+      }
+    }
+    .ant-menu-item-selected, .ant-menu-submenu-selected {
+      background-color: var(--color-list-hover);
+      color: var(--ant-primary-color);
+      .ant-menu-submenu-arrow {
+        color: var(--ant-primary-color);
+      }
+      &:after {
+        display: none;
       }
     }
   }
 }
 </style>
+<style lang="less" scoped>
+@import '~@/assets/common.less';
+* {
+  margin: 0;
+  padding: 0;
+}
+.main-container {
+  -webkit-app-region: no-drag;
+  display: flex;
+  background: var(--color-body-bg);
+  border-top: 1px solid var(--color-border-light);
+  height: 100vh;
+  box-sizing: border-box;
+  align-items: flex-start;
+  width: 100%;
+  overflow: hidden;
+  background: var(--color-menu-bg);
+  .search {
+    :deep(.ant-btn),
+    :deep(.ant-input),
+    :deep(.ant-input-group-addon) {
+      color: var(--ant-primary-color) !important;
+      background: var(--color-input-hover);
+      border-color: var(--color-border-light);
+    }
+  }
+  .container,
+  .more {
+    background: var(--color-body-bg);
+    width: calc(~'100% - 183px');
+    height: 100%;
+    box-sizing: border-box;
+    padding: 16px;
+    position: relative;
+    overflow: auto;
+  }
+  .more {
+    background: var(--color-body-bg2);
+  }
+  .left-menu {
+    padding: 24px 16px;
+    position: relative;
+    height: 100vh;
+    :deep(.ant-menu-item) {
+      padding-left: 12px !important;
+      display: flex;
+      align-items: center;
+    }
+    :deep(.ant-menu-item-selected),
+    :deep(.ant-menu-submenu-selected) {
+      background-color: var(--color-list-hover);
+      border-radius: 6px;
+      color: var(--ant-primary-color);
+    }
+    :deep(.user-info) {
+      position: absolute;
+      bottom: 32px;
+    }
+    :deep(.ant-avatar) {
+      background: transparent;
+    }
+  }
+}
+</style>

feature/src/assets/ant-reset.less

@@ -8,12 +8,15 @@
   --color-text-content: #141414;
   --color-text-desc: rgba(0, 0, 0, 0.45);
   // 背景色
+  --color-body-bg2: #eee;
   --color-body-bg: #fff;
-  --color-menu-bg: #f3efef;
-  --color-list-hover: #e2e2e2;
+  --color-menu-bg: rgba(248, 248, 248, 1);
+  --color-list-hover: rgba(233, 233, 233, 1);
   --color-input-hover: #fff;
   // 边框
   --color-border-light: #f0f0f0;
+  // 输入框附带icon
+  --color-action-color: rgba(0, 0, 0, 0.25);;
 }
 
 .dark {
@@ -22,9 +25,12 @@
   --color-text-desc: #8f8fa6;
   // 背景色
   --color-body-bg: #1c1c28;
+  --color-body-bg2: #2c2f3b;
   --color-menu-bg: #1c1c28;
-  --color-list-hover: #33333d;
-  --color-input-hover: #33333d;
+  --color-list-hover: #2c2f3b;
+  --color-input-hover: #444d;
   // 边框
-  --color-border-light: #33333d;
+  --color-border-light: #444d;
+  // 输入框附带icon
+  --color-action-color: #ffffff4d;
 }

feature/src/assets/common.less

@@ -1,6 +1,6 @@
 .left-menu {
-  width: 200px;
-  height: 100vh;
+  width: 183px;
+  // height: 100vh;
   border-right: 1px solid var(--color-border-light);
   .search-container {
     padding: 10px;
@@ -20,15 +20,18 @@
     background: var(--color-menu-bg);
     height: 100%;
     border-right: none;
-    .ant-menu-item {
+    .ant-menu-item, .ant-menu-submenu, .ant-menu-submenu-arrow {
       color: var(--color-text-content);
       &:active {
         background: none;
       }
     }
-    .ant-menu-item-selected {
+    .ant-menu-item-selected, .ant-menu-submenu-selected {
       background-color: var(--color-list-hover);
-      color: var(--color-text-primary);
+      color: var(--ant-primary-color);
+      .ant-menu-submenu-arrow {
+        color: var(--ant-primary-color);
+      }
       &:after {
         display: none;
       }

feature/src/assets/constans.ts

@@ -0,0 +1,35 @@
+export const SPRING = {
+  theme: 'SPRING',
+  primaryColor: '#ff4ea4',
+  errorColor: '#ed6d46',
+  warningColor: '#e5a84b',
+  successColor: '#c0d695',
+  infoColor: '#aa8eeB',
+};
+
+export const SUMMER = {
+  theme: 'SUMMER',
+  primaryColor: '#6078ea',
+  errorColor: '#ed6d46',
+  warningColor: '#e5a84b',
+  successColor: '#c0d695',
+  infoColor: '#aa8eeB',
+};
+
+export const AUTUMN = {
+  theme: 'AUTUMN',
+  primaryColor: '#f55555',
+  errorColor: '#ed6d46',
+  warningColor: '#e5a84b',
+  successColor: '#c0d695',
+  infoColor: '#aa8eeB',
+};
+
+export const WINTER = {
+  theme: 'WINTER',
+  primaryColor: '#00b294',
+  errorColor: '#e94829',
+  warningColor: '#ed6d3d',
+  successColor: '#c3d94e',
+  infoColor: '#bfa782',
+};

feature/src/assets/request/index.ts

@@ -12,6 +12,7 @@ try {
 }
 
 const instance = axios.create({
+  timeout: 4000,
   baseURL:
     baseURL || 'https://gitcode.net/rubickcenter/rubick-database/-/raw/master',
 });
@@ -61,7 +62,7 @@ export default {
   },
 
   async getPluginDetail(url: string) {
-    const res = await axios.get(url);
+    const res = await instance.get(url);
     return res.data;
   },
 

feature/src/confOp.ts

@@ -0,0 +1,22 @@
+const LOCAL_CONFIG_KEY = 'rubick-local-config';
+
+const localConfig = {
+  getConfig(): Promise<any> {
+    const data: any = window.rubick.db.get(LOCAL_CONFIG_KEY) || {};
+    return data.data;
+  },
+
+  setConfig(data: any) {
+    const localConfig: any = window.rubick.db.get(LOCAL_CONFIG_KEY) || {};
+    window.rubick.db.put({
+      _id: LOCAL_CONFIG_KEY,
+      _rev: localConfig._rev,
+      data: {
+        ...localConfig.data,
+        ...data,
+      },
+    });
+  },
+};
+
+export default localConfig;

feature/src/languages/i18n.ts

@@ -0,0 +1,16 @@
+import { createI18n } from 'vue-i18n';
+import messages from './langs';
+import localConfig from '@/confOp';
+const { perf }: any = localConfig.getConfig();
+
+// 2. Create i18n instance with options
+const i18n = createI18n({
+  legacy: false,
+  locale: perf.common.lang || 'zh-CN', // set locale
+  fallbackLocale: 'zh-CN', // set fallback locale
+  messages, // set locale messages
+  // If you need to specify other options, you can set other options
+  // ...
+});
+
+export default i18n;

feature/src/languages/langs/en-US.ts

@@ -0,0 +1,118 @@
+export default {
+  'en-US': {
+    feature: {
+      market: {
+        title: 'Market',
+        search: 'Search Plugins',
+        searchResult: 'Search Results',
+        explore: 'Explore',
+        efficiency: 'Efficiency',
+        searchTool: 'Search Tools',
+        imageTool: 'Image Tools',
+        developTool: 'Develop Tools',
+        systemTool: 'System Tools',
+        finder: {
+          must: 'Necessary',
+          recommended: 'Recommended',
+          lastUpdated: 'Total',
+        },
+        install: 'Install',
+      },
+      installed: {
+        title: 'Installed',
+        tips1: 'There are no plug-ins.',
+        tips2: 'Go to the plugin market and choose the plugin to install!',
+        developer: 'Developer',
+        unknown: 'Unknown',
+        remove: 'Remove',
+        functionKey: 'Function Key',
+        detailInfo: 'Detail Info',
+        addToPanel: 'Click the + sign to pin the keyword to the super panel',
+        removeFromPanel:
+          'Click the - sign to remove the keyword from the super panel',
+      },
+      settings: {
+        title: 'Account And Setting',
+        account: {
+          accountInfo: 'Account Info',
+          tips1: 'rubick',
+          tips2:
+            'After the software preferences are set, please restart the software. Please go to the mini program set avatar and nickname.',
+          themeColor: 'Theme Setting',
+          spring: 'Spring',
+          summer: 'Summer',
+          autumn: 'Autumn',
+          winter: 'Winter',
+          personalized: 'Personalized',
+          greeting: 'Search Box Greeting',
+          logo: 'Avatar',
+          replace: 'Repalce Logo',
+          reset: 'Reset Default',
+          name: 'User Name',
+        },
+        basic: {
+          title: 'Basic',
+          shortcutKey: 'Shortcut Key',
+          showOrHiddle: 'Show Or Hiddle',
+          screenCapture: 'Screen Capture',
+          common: 'Common',
+          autoPaste: 'Auto Paste',
+          autoBoot: 'Auto Boot Up',
+          spaceExec: 'Space Execution',
+          on: 'on',
+          off: 'off',
+          theme: 'Theme',
+          darkMode: 'Dark Mode',
+          language: 'Language',
+          changeLang: 'Change Language',
+          cn: '简体中文',
+          en: 'English',
+        },
+        global: {
+          title: 'Global Shortcut Key',
+          instructions: 'Instructions and examples',
+          tips: 'Press the shortcut key, automatically search for the corresponding keyword, when the keyword result is exactly matched, and the result is unique, it will point directly to this function.',
+          example: 'Example',
+          example1: 'Shortcut key 「Alt + W」 keyword 「Wechat」',
+          tips1: 'Press 「Alt + W」 to open the local Wechat app directly',
+          example2: 'Shortcut key 「Ctrl + Alt + A」 keyword 「screenshot」',
+          tips2: 'Press 「Ctrl + Alt + A」 to take a screenshot',
+          shortcutKey: 'Shortcut Key',
+          funtionKey: 'Funtion Key',
+          addShortcutKey: 'ADD Global Shortcut Key',
+          addShortcutKeyTips:
+            'Press the function keys (Ctrl, Shift, {optionKeyName}) first, and then press other normal keys. Or press the F1-F12 button.',
+        },
+        superPanel: {
+          title: 'Super Panel',
+          tips: 'Please select the common plug-ins that need to be added to the super panel.',
+          add: 'Add',
+          remove: 'Revome',
+        },
+        intranet: {
+          title: 'Intranet Deployment',
+          tips: "If publishing plug-ins to the public network npm does not meet your company's security requirements, rubick supports private network private sources and private plug-in libraries. If you need private network deployment, you can configure the following rules.",
+          npmMirror: 'npm mirror',
+          dbUrl: 'database url',
+          accessToken: 'access token',
+          placeholder: 'required for private network gitlab warehouse',
+        },
+        localstart: {
+          title: 'Local Start',
+        },
+        database: {
+          title: 'Data Synchronization',
+        },
+      },
+      dev: {
+        title: 'Developer',
+        tips: 'The rubick plug-in system relies on npm management. Local debugging needs to first execute npm link in the current directory of the local plug-in.',
+        pluginName: 'Plugin Name',
+        install: 'Install',
+        refreshPlugins: 'Refresh Plugins',
+        installSuccess: '{pluginName} Install Successed!',
+        refreshSuccess: '{pluginName} Refresh Successed!',
+      },
+    },
+  },
+};

feature/src/languages/langs/index.ts

@@ -0,0 +1,9 @@
+import en from './en-US';
+import cn from './zh-CN';
+
+const langs = {
+  ...en,
+  ...cn,
+};
+
+export default langs;

feature/src/languages/langs/zh-CN.ts

@@ -0,0 +1,116 @@
+export default {
+  'zh-CN': {
+    feature: {
+      market: {
+        title: '插件市场',
+        search: '搜索插件',
+        searchResult: '搜索结果',
+        explore: '探索',
+        efficiency: '效率',
+        searchTool: '搜索工具',
+        imageTool: '图像',
+        developTool: '开发者',
+        systemTool: '系统',
+        finder: {
+          must: '必备',
+          recommended: '推荐',
+          lastUpdated: '全部',
+        },
+        install: '安装',
+      },
+      installed: {
+        title: '已安装',
+        tips1: '暂无任何插件',
+        tips2: '去插件市场选择安装合适的插件吧！',
+        developer: '开发者',
+        unknown: '未知',
+        remove: '移除',
+        functionKey: '功能关键字',
+        detailInfo: '详情介绍',
+        addToPanel: '点击+号，固定关键词到超级面板',
+        removeFromPanel: '点击-号，从超级面板移除关键词',
+      },
+      settings: {
+        title: '账户和设置',
+        account: {
+          accountInfo: '账户信息',
+          tips1: 'rubick 用户',
+          tips2: '软件偏好设置完成后需重启软件，头像和昵称请前往小程序设置',
+          themeColor: '主题设置',
+          spring: '立春',
+          summer: '立夏',
+          autumn: '立秋',
+          winter: '立冬',
+          personalized: '用户设置',
+          greeting: '搜索框欢迎语',
+          logo: '头像',
+          replace: '替换',
+          reset: '恢复默认设置',
+          name: '用户名',
+        },
+        basic: {
+          title: '基本设置',
+          shortcutKey: '快捷键',
+          showOrHiddle: '显示/隐藏快捷键',
+          screenCapture: '截屏',
+          common: '通用',
+          autoPaste: '输入框自动粘贴',
+          autoBoot: '开机启动',
+          spaceExec: '空格执行',
+          on: '开',
+          off: '关',
+          theme: '主题',
+          darkMode: '暗黑模式',
+          language: '语言',
+          changeLang: '切换语言',
+          cn: '简体中文',
+          en: 'English',
+        },
+        global: {
+          title: '全局快捷键',
+          instructions: '说明及示例',
+          tips: '按下快捷键，自动搜索对应关键字，当关键字结果完全匹配，且结果唯一时，会直接指向该功能。',
+          example: '示例',
+          example1: '快捷键 「 Alt + W」 关键字 「 微信」',
+          tips1: '按下Alt + W 直接打开本地微信应用',
+          example2: '快捷键 「 Ctrl + Alt + A」 关键字 「 截屏」',
+          tips2: '按下 Ctrl + Alt + A 进行截屏',
+          shortcutKey: '快捷键',
+          funtionKey: '功能关键字',
+          addShortcutKey: '新增全局快捷功能',
+          addShortcutKeyTips:
+            '先按功能键（Ctrl、Shift、{optionKeyName}），再按其他普通键。或按 F1-F12 单键。',
+        },
+        superPanel: {
+          title: '超级面板设置',
+          tips: '请选择需要添加到超级面板中的常用插件',
+          add: '添加',
+          remove: '移除',
+        },
+        intranet: {
+          title: '内网部署配置',
+          tips: '把插件发布到公网 npm 如果不符合您的公司安全要求，rubick 支持内网私有源和私有插件库，如果您需要内网部署使用，可以自行配置以下规则。',
+          npmMirror: 'npm 源',
+          dbUrl: 'database url',
+          accessToken: 'access token',
+          placeholder: '内网gitlab仓库必填',
+        },
+        localstart: {
+          title: '本地启动',
+        },
+        database: {
+          title: '多端数据同步',
+        },
+      },
+      dev: {
+        title: '开发者',
+        tips: 'rubick 插件系统依托于 npm 管理，本地调试需要先在本地插件当前目录执行 npm link',
+        pluginName: '插件名称',
+        install: '安装',
+        refreshPlugins: '刷新插件',
+        installSuccess: '{pluginName}安装成功！',
+        refreshSuccess: '{pluginName}刷新成功！',
+      },
+    },
+  },
+};

feature/src/main.ts

@@ -1,17 +1,72 @@
 import { createApp } from 'vue';
-import Antd, { ConfigProvider } from 'ant-design-vue';
+import Vue3Lottie from 'vue3-lottie';
+import {
+  ConfigProvider,
+  Button,
+  Divider,
+  Row,
+  Col,
+  Dropdown,
+  Menu,
+  Form,
+  Input,
+  Radio,
+  Select,
+  Switch,
+  Avatar,
+  Collapse,
+  List,
+  Tooltip,
+  Alert,
+  Drawer,
+  Modal,
+  Result,
+  Spin,
+} from 'ant-design-vue';
 import App from './App.vue';
 import router from './router';
 import store from './store';
 import './assets/ant-reset.less';
 import 'ant-design-vue/dist/antd.variable.min.css';
+import registerI18n from './languages/i18n';
+import localConfig from './confOp';
 
-const { remote } = window.require('electron');
-
-const { perf } = remote.getGlobal('OP_CONFIG').get();
+const config: any = localConfig.getConfig();
 
 ConfigProvider.config({
-  theme: perf.custom || {},
+  theme: config.perf.custom || {},
 });
 
-createApp(App).use(store).use(Antd).use(router).mount('#app');
+window.rubick.changeTheme = () => {
+  const config: any = localConfig.getConfig();
+  ConfigProvider.config({
+    theme: config.perf.custom || {},
+  });
+};
+
+createApp(App)
+  .use(registerI18n)
+  .use(store)
+  .use(Button)
+  .use(Divider)
+  .use(Row)
+  .use(Col)
+  .use(Dropdown)
+  .use(Menu)
+  .use(Form)
+  .use(Input)
+  .use(Radio)
+  .use(Select)
+  .use(Switch)
+  .use(Avatar)
+  .use(Collapse)
+  .use(List)
+  .use(Tooltip)
+  .use(Alert)
+  .use(Drawer)
+  .use(Modal)
+  .use(Result)
+  .use(Spin)
+  .use(router)
+  .use(Vue3Lottie)
+  .mount('#app');

feature/src/router/index.ts

@@ -1,40 +1,65 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
-import Market from '../views/market/index.vue';
-import Installed from '../views/installed/index.vue';
-import Account from '../views/account/index.vue';
-import Settings from '../views/settings/user.vue';
-import Dev from '../views/dev/index.vue';
 
 const routes: Array<RouteRecordRaw> = [
   {
-    path: '/market',
-    name: 'market',
-    component: Market,
+    path: '/result',
+    name: 'result',
+    component: () => import('../views/market/components/result.vue'),
+  },
+  {
+    path: '/devPlugin',
+    name: 'devPlugin',
+    component: () => import('../views/market/components/devlopment.vue'),
+  },
+  {
+    path: '/image',
+    name: 'image',
+    component: () => import('../views/market/components/image.vue'),
+  },
+  {
+    path: '/tools',
+    name: 'tools',
+    component: () => import('../views/market/components/tools.vue'),
+  },
+  {
+    path: '/worker',
+    name: 'worker',
+    component: () => import('../views/market/components/worker.vue'),
+  },
+  {
+    path: '/system',
+    name: 'system',
+    component: () => import('../views/market/components/system.vue'),
+  },
+  {
+    path: '/finder',
+    name: 'finder',
+    component: () => import('../views/market/components/finder.vue'),
   },
   {
     path: '/installed',
     name: 'installed',
-    component: Installed,
+    component: () => import('../views/installed/index.vue'),
   },
   {
     path: '/account',
     name: 'account',
-    component: Account,
+    component: () => import('../views/account/index.vue'),
   },
   {
     path: '/settings',
     name: 'settings',
-    component: Settings,
+    component: () => import('../views/settings/user.vue'),
   },
   {
     path: '/dev',
     name: 'dev',
-    component: Dev,
+    component: () => import('../views/dev/index.vue'),
   },
   {
     path: '/:catchAll(.*)',
-    name: 'market',
-    component: Market,
+    name: 'finder',
+    component: () => import('../views/market/components/finder.vue'),
   },
 ];
 

feature/src/store/index.ts

@@ -16,6 +16,8 @@ export default createStore({
   state: {
     totalPlugins: [],
     localPlugins: [],
+    searchValue: '',
+    active: ['finder'],
   },
   mutations: {
     commonUpdate(state: any, payload) {
@@ -23,6 +25,9 @@ export default createStore({
         state[key] = payload[key];
       });
     },
+    setSearchValue(state: any, payload) {
+      state.searchValue = payload;
+    },
   },
   actions: {
     async init({ commit }) {

feature/src/views/account/index.vue

@@ -39,7 +39,7 @@ const visible = ref(false);
 const showModal = () => {
   visible.value = true;
   if (!imgCode.value && !userInfo.value) {
-    service.getScanCode({ scene }).then(res => {
+    service.getScanCode({ scene }).then((res) => {
       imgCode.value = `data:image/png;base64,${res.dataUrl}`;
     });
   }
@@ -66,7 +66,6 @@ watch([visible], () => {
     timer = null;
   }
 });
-
 </script>
 
 <style lang="less" scoped>
@@ -75,7 +74,7 @@ watch([visible], () => {
   width: 100%;
   overflow-x: hidden;
   background: var(--color-body-bg);
-  height: calc(~"100vh - 46px");
+  height: calc(~'100vh - 46px');
   :deep(.ant-result-title) {
     color: var(--color-text-primary);
   }

feature/src/views/dev/index.vue

@@ -1,28 +1,41 @@
 <template>
   <div class="dev">
-    <a-alert style="margin-bottom: 40px;" message="rubick 插件系统依托于 npm 管理，本地调试需要先在本地插件当前目录执行 npm link" type="warning" />
-    <a-form
-      ref="formRef"
-      :model="formState"
-      :rules="rules"
-      :label-col="labelCol"
-      :wrapper-col="wrapperCol"
-    >
-      <a-form-item label="插件名称" name="name">
-        <a-input v-model:value="formState.name" />
-      </a-form-item>
-
-      <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
-        <a-button :loading="loading" type="primary" @click="onSubmit">安装</a-button>
-        <a-button @click="refresh" style="margin-left: 10px;">刷新插件</a-button>
-      </a-form-item>
-    </a-form>
+    <div class="view-title">{{ $t('feature.dev.title') }}</div>
+    <div class="view-container">
+      <a-alert
+        style="margin-bottom: 40px"
+        :message="$t('feature.dev.tips')"
+        type="warning"
+      />
+      <a-form
+        ref="formRef"
+        :model="formState"
+        :rules="rules"
+        :label-col="labelCol"
+        :wrapper-col="wrapperCol"
+      >
+        <a-form-item :label="$t('feature.dev.pluginName')" name="name">
+          <a-input v-model:value="formState.name" />
+        </a-form-item>
+    
+        <a-form-item :wrapper-col="{ span: 14, offset: 4 }">
+          <a-button :loading="loading" type="primary" @click="onSubmit">
+            {{ $t('feature.dev.install') }}
+          </a-button>
+          <a-button @click="refresh" style="margin-left: 10px">
+            {{ $t('feature.dev.refreshPlugins') }}
+          </a-button>
+        </a-form-item>
+      </a-form>
+    </div>
   </div>
 </template>
 
 <script setup>
-import { reactive, ref } from "vue";
-import { message } from "ant-design-vue";
+import { reactive, ref } from 'vue';
+import { message } from 'ant-design-vue';
+import { useI18n } from 'vue-i18n';
+const { t } = useI18n();
 
 const formRef = ref();
 const formState = reactive({
@@ -31,7 +44,7 @@ const formState = reactive({
 const rules = {
   name: {
     required: true,
-    message: "Please input name",
+    message: 'Please input name',
   },
 };
 const onSubmit = () => {
@@ -47,7 +60,7 @@ const downloadPlugin = async (pluginName) => {
     name: pluginName,
     isDev: true,
   });
-  message.success(`${pluginName}安装成功！`);
+  message.success(t('feature.dev.installSuccess', { pluginName: pluginName }));
   loading.value = false;
 };
 
@@ -56,7 +69,9 @@ const refresh = () => {
     window.market.refreshPlugin({
       name: formState.name,
     });
-    message.success(`${formState.name}刷新成功！`);
+    message.success(
+      t('feature.dev.refreshSuccess', { pluginName: formState.name })
+    );
   });
 };
 
@@ -69,14 +84,26 @@ const wrapperCol = { span: 14 };
   box-sizing: border-box;
   width: 100%;
   overflow-x: hidden;
-  background: var(--color-body-bg);
-  height: calc(~"100vh - 46px");
-  padding: 20px;
+  height: calc(~'100vh - 34px');
+  .view-title {
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 16px;
+    color: var(--color-text-primary);
+  }
+  .view-container {
+    padding: 10px;
+    box-sizing: border-box;
+    border-radius: 8px;
+    background: var(--color-body-bg);
+    overflow: auto;
+    height: calc(~'100vh - 84px');
+  }
   :deep(label) {
     color: var(--color-text-content);
   }
   :deep(.ant-input) {
-    background: var(--color-input-hover);
+    background: var(--color-input-hover) !important;
     color: var(--color-text-content);
   }
 }

feature/src/views/installed/index.vue

@@ -1,109 +1,106 @@
 <template>
   <div class="installed">
-    <div v-if="!localPlugins.length">
-      <a-result
-        status="404"
-        title="暂无任何插件"
-        sub-title="去插件市场选择安装合适的插件吧！"
-      />
-    </div>
-    <div class="container" v-else>
-      <div class="installed-list">
-        <div
-          :class="currentSelect[0] === index ? 'item active' : 'item'"
-          :key="index"
-          @click="currentSelect = [index]"
-          v-for="(plugin, index) in localPlugins"
+    <div class="view-title">{{ $t('feature.installed.title') }}</div>
+    <div class="view-container">
+      <div v-if="!localPlugins.length">
+        <a-result
+          class="error-content"
+          sub-title="哎呀，暂时还没有安装任何插件！"
         >
-          <img :src="plugin.logo" />
-          <div class="info">
-            <div class="title">
-              {{ plugin.pluginName }}
-              <span class="desc">v{{ plugin.version }}</span>
-            </div>
-            <div class="desc">{{ plugin.description }}</div>
-          </div>
-        </div>
+          <template #icon>
+            <Vue3Lottie :animationData="emptyJson" :height="240" :width="240" />
+          </template>
+          <template #extra>
+            <a-button @click="gotoFinder" key="console" type="primary">去插件市场看看吧</a-button>
+          </template>
+        </a-result>
       </div>
-      <div class="plugin-detail">
-        <div class="plugin-top">
-          <div class="left">
-            <div class="title">
-              {{ pluginDetail.pluginName }}
-              <a-tag>{{ pluginDetail.version }}</a-tag>
+      <div class="container" v-else>
+        <div class="installed-list">
+          <div
+            :class="currentSelect[0] === plugin.name ? 'item active' : 'item'"
+            :key="index"
+            @click="currentSelect = [plugin.name]"
+            v-for="(plugin, index) in localPlugins"
+          >
+            <img :src="plugin.logo" />
+            <div class="info">
+              <div class="title">
+                {{ plugin.pluginName }}
+              </div>
+              <div class="desc">{{ plugin.description }}</div>
             </div>
-            <div class="desc">
-              开发者：{{ `${pluginDetail.author || '未知'}` }}
-            </div>
-            <div class="desc">
-              {{ pluginDetail.description }}
-            </div>
-          </div>
-          <div class="right">
-            <a-button
-              type="danger"
-              size="small"
-              shape="round"
-              :loading="pluginDetail.isloading"
-              @click="deletePlugin(pluginDetail)"
-            >
-              移除
-            </a-button>
           </div>
         </div>
-        <a-tabs default-active-key="1">
-          <a-tab-pane key="1" tab="功能关键字">
-            <div class="feature-container">
-              <div
-                class="desc-item"
-                :key="index"
-                v-for="(item, index) in pluginDetail.features"
-              >
-                <div>{{ item.explain }}</div>
-                <a-tag
-                  :key="cmd"
-                  v-for="cmd in item.cmds"
-                  :class="{ executable: !cmd.label }"
-                >
-                  <span
-                    @click="
-                      !cmd.label &&
-                        openPlugin({
-                          code: item.code,
-                          cmd,
-                        })
-                    "
-                  >
-                    {{ cmd.label || cmd }}
-                  </span>
-                  <template v-if="!cmd.label" #icon>
-                    <a-tooltip
-                      v-if="!hasAdded(cmd)"
-                      placement="topLeft"
-                      title="点击+号，固定关键词到超级面板"
-                    >
-                      <PlusCircleOutlined
-                        @click="addCmdToSuperPanel({ code: item.code, cmd })"
-                      />
-                    </a-tooltip>
-                    <a-tooltip
-                      v-else
-                      placement="topLeft"
-                      title="点击-号，从超级面板移除关键词"
-                    >
-                      <MinusCircleOutlined
-                        @click="removePluginToSuperPanel(cmd)"
-                      />
-                    </a-tooltip>
-                  </template>
-                </a-tag>
+        <div class="plugin-detail">
+          <div class="plugin-top">
+            <div class="left">
+              <div class="title">
+                {{ pluginDetail.pluginName }}
+                <a-tag>{{ pluginDetail.version }}</a-tag>
+              </div>
+              <div class="desc">
+                {{ $t('feature.installed.developer') }}：{{
+                  `${pluginDetail.author || $t('feature.installed.unknown')}`
+                }}
+              </div>
+              <div class="desc">
+                {{ pluginDetail.description }}
               </div>
             </div>
-          </a-tab-pane>
-          <a-tab-pane key="2" tab="详情介绍">
-            <div class="detail-container" v-html="readme"></div>
-          </a-tab-pane>
-        </a-tabs>
+            <div class="right">
+              <a-button
+                type="primary"
+                size="small"
+                shape="round"
+                :loading="pluginDetail.isloading"
+                @click="deletePlugin(pluginDetail)"
+              >
+                {{ $t('feature.installed.remove') }}
+              </a-button>
+            </div>
+          </div>
+          <div class="feature-container">
+            <template
+              :key="index"
+              v-for="(item, index) in pluginDetail.features"
+            >
+              <div
+                class="desc-item"
+                v-if="item.cmds.filter(cmd => !cmd.label).length > 0"
+              >
+                <div>{{ item.explain }}</div>
+                <template :key="cmd" v-for="cmd in item.cmds">
+                  <a-dropdown
+                    v-if="!cmd.label"
+                    :class="{ executable: !cmd.label }"
+                  >
+                    <template #overlay>
+                      <a-menu @click="({key}) => handleMenuClick(key, item, cmd)">
+                        <a-menu-item key="open">
+                          <CaretRightOutlined />
+                          运行
+                        </a-menu-item>
+                        <a-menu-item v-if="!hasAdded(cmd)" key="add">
+                          <PushpinOutlined />
+                          固定到超级面板
+                        </a-menu-item>
+                        <a-menu-item v-else key="remove">
+                          <PushpinFilled />
+                          从超级面板中取消固定
+                        </a-menu-item>
+                      </a-menu>
+                    </template>
+                    <a-button size="small" class="keyword-tag">
+                      {{ cmd.label || cmd }}
+                      <DownOutlined />
+                    </a-button>
+                  </a-dropdown>
+                </template>
+              </div>
+            </template>
+          </div>
+        </div>
       </div>
     </div>
   </div>
@@ -111,22 +108,31 @@
 
 <script setup>
 import { useStore } from 'vuex';
-import { computed, ref, toRaw } from 'vue';
+import { computed, ref, toRaw, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 import path from 'path';
-import MarkdownIt from 'markdown-it';
-import { PlusCircleOutlined, MinusCircleOutlined } from '@ant-design/icons-vue';
+import {
+  PushpinOutlined,
+  PushpinFilled,
+  CaretRightOutlined,
+  DownOutlined,
+} from '@ant-design/icons-vue';
 import { message } from 'ant-design-vue';
 
+import emptyJson from '@/assets/lottie/empty.json';
+
 const { ipcRenderer } = window.require('electron');
 
-const { remote } = window.require('electron');
+const remote = window.require('@electron/remote');
 const fs = window.require('fs');
-const md = new MarkdownIt();
 
-const appPath = remote.app.getPath('cache');
+const appPath = remote.app.getPath('userData');
 const baseDir = path.join(appPath, './rubick-plugins');
 
 const store = useStore();
+const route = useRoute();
+const router = useRouter();
+
 const localPlugins = computed(() =>
   store.state.localPlugins.filter(
     (plugin) => plugin.name !== 'rubick-system-feature'
@@ -136,19 +142,38 @@ const updateLocalPlugin = () => store.dispatch('updateLocalPlugin');
 const startUnDownload = (name) => store.dispatch('startUnDownload', name);
 const errorUnDownload = (name) => store.dispatch('errorUnDownload', name);
 
-const currentSelect = ref([0]);
+const currentSelect = ref([route.query.plugin || localPlugins?.value[0]?.name]);
+
+watch(localPlugins, () => {
+  currentSelect.value = [localPlugins?.value[0]?.name];
+});
 
 const pluginDetail = computed(() => {
-  return localPlugins.value[currentSelect.value] || {};
+  return (
+    localPlugins.value.find((v) => v.name === currentSelect.value[0]) || {}
+  );
 });
 
 const superPanelPlugins = ref(
-  window.rubick.db.get('super-panel-plugins') || {
+  window.rubick.db.get('super-panel-user-plugins') || {
     data: [],
-    _id: 'super-panel-plugins',
+    _id: 'super-panel-user-plugins',
   }
 );
 
+const handleMenuClick = (key, item, cmd) => {
+  if(key === 'open') {
+    openPlugin({
+      code: item.code,
+      cmd,
+    });
+  } else if (key === 'add') {
+    addCmdToSuperPanel({cmd, code: item.code});
+  } else {
+    removePluginToSuperPanel({cmd, name: item.name})
+  }
+};
+
 const addCmdToSuperPanel = ({ cmd, code }) => {
   const plugin = {
     ...toRaw(pluginDetail.value),
@@ -163,13 +188,13 @@ const addCmdToSuperPanel = ({ cmd, code }) => {
   window.rubick.db.put(toRaw(superPanelPlugins.value));
 };
 
-const removePluginToSuperPanel = (cmd) => {
+const removePluginToSuperPanel = ({ cmd, name }) => {
   superPanelPlugins.value.data = toRaw(superPanelPlugins.value).data.filter(
     (item) => {
+      if (name) return item.name !== name;
       return item.cmd !== cmd;
     }
   );
-  console.log(toRaw(superPanelPlugins.value));
   window.rubick.db.put(toRaw(superPanelPlugins.value));
 };
 
@@ -201,21 +226,6 @@ const openPlugin = ({ cmd, code }) => {
   );
 };
 
-const readme = computed(() => {
-  if (!pluginDetail.value.name) return '';
-  const readmePath = path.resolve(
-    baseDir,
-    'node_modules',
-    pluginDetail.value.name,
-    'readme.md'
-  );
-  if (fs.existsSync(readmePath)) {
-    const str = fs.readFileSync(readmePath, 'utf-8');
-    return md.render(str);
-  }
-  return '';
-});
-
 const deletePlugin = async (plugin) => {
   startUnDownload(plugin.name);
   const timer = setTimeout(() => {
@@ -223,9 +233,15 @@ const deletePlugin = async (plugin) => {
     message.error('卸载超时，请重试！');
   }, 20000);
   await window.market.deletePlugin(plugin);
+  removePluginToSuperPanel({ name: plugin.name });
   updateLocalPlugin();
   clearTimeout(timer);
 };
+
+const gotoFinder = () => {
+  router.push('/finder');
+  store.commit('commonUpdate', { active: ['finder'] });
+};
 </script>
 
 <style lang="less" scoped>
@@ -233,14 +249,29 @@ const deletePlugin = async (plugin) => {
   box-sizing: border-box;
   width: 100%;
   overflow: hidden;
-  background: var(--color-body-bg);
-  height: calc(~'100vh - 46px');
+  height: calc(~'100vh - 34px');
+  .view-title {
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 16px;
+    color: var(--color-text-primary);
+  }
+  .view-container {
+    border-radius: 8px;
+    background: var(--color-body-bg);
+    overflow: auto;
+    height: calc(~'100vh - 84px');
+  }
   :deep(.ant-result-title) {
     color: var(--color-text-primary);
   }
   :deep(.ant-result-subtitle) {
     color: var(--color-text-desc);
   }
+  .keyword-tag {
+    font-size: 13px;
+    margin: 4px;
+  }
 
   .container {
     box-sizing: border-box;
@@ -252,7 +283,7 @@ const deletePlugin = async (plugin) => {
   }
 
   .installed-list {
-    width: 40%;
+    width: 38%;
     background: var(--color-body-bg);
     height: 100%;
     padding: 10px 0;
@@ -264,17 +295,29 @@ const deletePlugin = async (plugin) => {
       display: flex;
       align-items: center;
       color: var(--color-text-content);
+      border-bottom: 1px dashed var(--color-border-light);
+      cursor: pointer;
+      &:last-child {
+        border-bottom: none;
+      }
       img {
-        width: 40px;
-        height: 40px;
-        margin-right: 20px;
+        width: 34px;
+        height: 34px;
+        margin-right: 12px;
       }
 
       .desc {
+        font-size: 12px;
         color: var(--color-text-desc);
+        display: -webkit-box;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        -webkit-line-clamp: 2;
+        text-overflow: ellipsis;
       }
 
       &.active {
+        color: var(--ant-primary-color);
         background: var(--color-list-hover);
       }
     }
@@ -283,16 +326,18 @@ const deletePlugin = async (plugin) => {
   .plugin-detail {
     padding: 20px 20px 0 20px;
     box-sizing: border-box;
-    width: 60%;
+    width: 62%;
     height: 100%;
     background: var(--color-body-bg);
     .plugin-top {
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
-
+      border-bottom: 1px solid #eee;
+      padding-bottom: 12px;
+      margin-bottom: 12px;
       .title {
-        font-size: 20px;
+        font-size: 16px;
         display: flex;
         align-items: center;
         color: var(--color-text-primary);
@@ -309,12 +354,6 @@ const deletePlugin = async (plugin) => {
         color: var(--color-text-desc);
       }
     }
-    .ant-tabs {
-      :deep(.ant-tabs-bar) {
-        color: var(--color-text-content);
-        border-bottom: 1px solid var(--color-border-light);
-      }
-    }
 
     .detail-container,
     .feature-container {
@@ -327,7 +366,6 @@ const deletePlugin = async (plugin) => {
     }
 
     .desc-item {
-      border-bottom: 1px solid var(--color-border-light);
       padding: 10px 0;
       color: var(--color-text-content);
       .ant-tag {

feature/src/views/market/components/devlopment.vue

@@ -3,18 +3,18 @@
     <PluginList
       v-if="dev && !!dev.length"
       @downloadSuccess="downloadSuccess"
-      title="开发"
+      :title="$t('feature.market.developTool')"
       :list="dev"
     />
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onBeforeMount } from "vue";
-import request from "../../../assets/request/index";
-import PluginList from "./plugin-list.vue";
+import { ref, computed, onBeforeMount } from 'vue';
+import request from '../../../assets/request/index';
+import PluginList from './plugin-list.vue';
 
-import { useStore } from "vuex";
+import { useStore } from 'vuex';
 const store = useStore();
 const totalPlugins = computed(() => store.state.totalPlugins);
 
@@ -42,7 +42,6 @@ const dev = computed(() => {
 <style lang="less">
 .system {
   width: 100%;
-  height: 100vh;
   overflow-x: hidden;
   box-sizing: border-box;
 }

feature/src/views/market/components/finder.vue

@@ -1,44 +1,39 @@
 <template>
   <div class="finder">
-    <a-carousel arrows>
-      <template #prevArrow>
-        <div class="custom-slick-arrow" style="left: 10px; z-index: 1">
-          <left-circle-outlined />
-        </div>
-      </template>
-      <template #nextArrow>
-        <div class="custom-slick-arrow" style="right: 10px">
-          <right-circle-outlined />
-        </div>
-      </template>
-      <div :key="index" v-for="(banner, index) in (data.banners || [])">
-        <img @click="jumpTo(banner.link)" width="100%" :src="banner.src" />
-      </div>
-    </a-carousel>
+    <Carousel :itemsToShow="2" :transition="500">
+      <Slide :key="index" v-for="(banner, index) in data.banners || []">
+        <img class="carousel__item" @click="jumpTo(banner.link)" :src="banner.src" />
+      </Slide>
+    </Carousel>
+    <a-divider />
+    <PluginList
+      v-if="must && !!must.length"
+      @downloadSuccess="downloadSuccess"
+      :title="$t('feature.market.finder.must')"
+      :list="must"
+    />
     <PluginList
       v-if="recommend && !!recommend.length"
       @downloadSuccess="downloadSuccess"
-      title="推荐"
+      :title="$t('feature.market.finder.recommended')"
       :list="recommend"
     />
     <PluginList
       v-if="newList && !!newList.length"
-      title="最近更新"
+      :title="$t('feature.market.finder.lastUpdated')"
       :list="newList"
     />
   </div>
 </template>
 
 <script setup>
-import {
-  LeftCircleOutlined,
-  RightCircleOutlined,
-} from "@ant-design/icons-vue";
-import { ref, computed, onBeforeMount } from "vue";
-import request from "../../../assets/request/index";
-import PluginList from "./plugin-list.vue";
+import { ref, computed, onBeforeMount } from 'vue';
+import 'vue3-carousel/dist/carousel.css';
+import { Carousel, Slide } from 'vue3-carousel';
+import request from '../../../assets/request/index';
+import PluginList from './plugin-list.vue';
 
-import { useStore } from "vuex";
+import { useStore } from 'vuex';
 const store = useStore();
 const totalPlugins = computed(() => store.state.totalPlugins);
 
@@ -48,6 +43,24 @@ onBeforeMount(async () => {
   data.value = await request.getFinderDetail();
 });
 
+const must = computed(() => {
+  const defaultData = data.value.must || [];
+  if (!defaultData.length) return [];
+  return defaultData.map((plugin) => {
+    let searchInfo = null;
+    totalPlugins.value.forEach((t) => {
+      if (t.name === plugin) {
+        searchInfo = t;
+      }
+    });
+    return searchInfo;
+  });
+});
+
+const jumpTo = (url) => {
+  window.rubick.shellOpenExternal(url);
+};
+
 const recommend = computed(() => {
   const defaultData = data.value.recommend || [];
   if (!defaultData.length) return [];
@@ -75,52 +88,50 @@ const newList = computed(() => {
     return searchInfo;
   });
 });
-
 </script>
 
 <style lang="less">
 .finder {
+  position: relative;
   width: 100%;
-  height: 100%;
   overflow-x: hidden;
   box-sizing: border-box;
   &::-webkit-scrollbar {
     width: 0;
   }
-  .ant-carousel .slick-slide {
-    text-align: center;
-    height: 235px;
-    line-height: 160px;
-    overflow: hidden;
-    border-radius: 4px;
-    img {
-      width: 100%;
-      height: 235px;
-    }
-  }
-  .ant-carousel .custom-slick-arrow {
-    width: 25px;
-    height: 25px;
-    font-size: 25px;
-    color: #fff;
-    background-color: rgba(31, 45, 61, 0.11);
-    opacity: 0.3;
-  }
-
-  .ant-carousel .custom-slick-arrow.slick-next:focus {
-    color: #fff;
-  }
-
-  .ant-carousel .custom-slick-arrow:before {
-    display: none;
-  }
-
-  .ant-carousel .custom-slick-arrow:hover {
-    opacity: 0.5;
-  }
-
-  .ant-carousel .slick-slide h3 {
-    color: #fff;
+  .ant-divider-horizontal {
+    margin: 17px 0;
   }
 }
+
+
+.carousel__item {
+  cursor: pointer;
+  min-height: 180px;
+  width: 100%;
+  background-color: var(--vc-clr-primary);
+  color: var(--vc-clr-white);
+  font-size: 20px;
+  border-radius: 8px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.carousel__track {
+  margin-bottom: 0;
+}
+
+.carousel__slide {
+  padding-right: 6px;
+  &:last-child {
+    padding-left: 6px;
+  }
+}
+
+.carousel__prev,
+.carousel__next {
+  box-sizing: content-box;
+  border: 5px solid white;
+}
 </style>

feature/src/views/market/components/image.vue

@@ -3,18 +3,18 @@
     <PluginList
       v-if="system && !!system.length"
       @downloadSuccess="downloadSuccess"
-      title="系统插件"
+      :title="$t('feature.market.imageTool')"
       :list="system"
     />
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onBeforeMount } from "vue";
-import request from "../../../assets/request/index";
-import PluginList from "./plugin-list.vue";
+import { ref, computed, onBeforeMount } from 'vue';
+import request from '../../../assets/request/index';
+import PluginList from './plugin-list.vue';
 
-import { useStore } from "vuex";
+import { useStore } from 'vuex';
 const store = useStore();
 const totalPlugins = computed(() => store.state.totalPlugins);
 
@@ -42,7 +42,6 @@ const system = computed(() => {
 <style lang="less">
 .system {
   width: 100%;
-  height: 100vh;
   overflow-x: hidden;
   box-sizing: border-box;
 }

feature/src/views/market/components/plugin-list.vue

@@ -2,7 +2,10 @@
   <div class="panel-item">
     <h3 class="title">{{ title }}</h3>
     <div class="list-item">
-      <a-list :grid="{ gutter: 16, column: 2 }" :data-source="list.filter(item => !!item)">
+      <a-list
+        :grid="{ gutter: 16, column: 2 }"
+        :data-source="list.filter((item) => !!item)"
+      >
         <template #renderItem="{ item, index }">
           <a-list-item v-if="item" @click="showDetail(item)">
             <template #actions>
@@ -12,10 +15,15 @@
                 :loading="item.isloading"
               >
                 <CloudDownloadOutlined
-                  v-show="!item.isloading && !item.isdownload"
+                  v-if="!item.isloading && !item.isdownload"
                   @click.stop="downloadPlugin(item, index)"
                   style="font-size: 20px; cursor: pointer"
                 />
+                <SelectOutlined
+                  v-if="!item.isloading && item.isdownload"
+                  @click.stop="openPlugin(item)"
+                  style="font-size: 18px; cursor: pointer"
+                />
               </a-button>
             </template>
             <a-list-item-meta>
@@ -33,98 +41,127 @@
         </template>
       </a-list>
     </div>
-  </div>
-  <a-drawer
-    width="100%"
-    placement="right"
-    :closable="false"
-    :visible="visible"
-    :get-container="false"
-    class="plugin-info"
-    :style="{ position: 'absolute' }"
-    @close="visible = false"
-  >
-    <template #title>
-      <div class="plugin-title-info">
-        <div class="back-icon" @click="visible = false">
-          <ArrowLeftOutlined />
-        </div>
-        <div class="info">
-          <img :src="detail.logo" class="plugin-icon" />
-          <div class="plugin-desc">
-            <div class="title">
-              {{ detail.pluginName }}
+    <a-drawer
+      width="77%"
+      v-if="visible"
+      placement="right"
+      :closable="false"
+      :visible="visible"
+      class="plugin-info"
+      :style="{ position: 'absolute' }"
+      @close="visible = false"
+    >
+      <template #title>
+        <div class="plugin-title-info">
+          <div class="info">
+            <img :src="detail.logo" class="plugin-icon" />
+            <div class="plugin-desc">
+              <div>
+                <div class="title">
+                  {{ detail.pluginName }}
+                </div>
+                <div class="desc">
+                  {{ detail.description }}
+                </div>
+              </div>
+              <a-button
+                v-if="!detail.isdownload"
+                @click.stop="downloadPlugin(detail)"
+                shape="round"
+                type="primary"
+                :loading="detail.isloading"
+              >
+                <template #icon>
+                  <CloudDownloadOutlined
+                    v-show="!detail.isloading && !detail.isdownload"
+                  />
+                </template>
+                {{ $t('feature.market.install') }}
+              </a-button>
             </div>
-            <div class="desc">
-              {{ detail.description }}
-            </div>
-            <a-button
-              v-if="!detail.isdownload"
-              @click.stop="downloadPlugin(detail)"
-              shape="round"
-              type="primary"
-              :loading="detail.isloading"
-            >
-              <template #icon>
-                <CloudDownloadOutlined
-                  v-show="!detail.isloading && !detail.isdownload"
-                />
-              </template>
-              获取
-            </a-button>
           </div>
         </div>
-      </div>
-    </template>
-    <div v-html="content" class="home-page-container"></div>
-  </a-drawer>
+      </template>
+      <a-spin :spinning="!content" tip="内容加载中...">
+        <div v-if="content !== 'error'" v-html="content" class="home-page-container"></div>
+        <a-result
+          class="error-content"
+          v-else
+          sub-title="插件主页内容走丢啦！"
+        >
+          <template #icon>
+            <Vue3Lottie :animationData="notFountJson" :height="240" :width="240" />
+          </template>
+        </a-result>
+      </a-spin>
+    </a-drawer>
+  </div>
 </template>
 
 <script setup>
 import {
   CloudDownloadOutlined,
-  ArrowLeftOutlined
-} from "@ant-design/icons-vue";
+  ArrowLeftOutlined,
+  SelectOutlined
+} from '@ant-design/icons-vue';
 
-import { defineProps, ref } from "vue";
-import { useStore } from "vuex";
-import { message } from "ant-design-vue";
-import MarkdownIt from "markdown-it";
-import request from "../../../assets/request/index";
+import { defineProps, ref } from 'vue';
+import { useStore } from 'vuex';
+import { message } from 'ant-design-vue';
+import MarkdownIt from 'markdown-it';
+import { useRouter } from 'vue-router';
+import request from '@/assets/request/index';
+import notFountJson from '@/assets/lottie/404.json';
+import { useI18n } from 'vue-i18n';
+const { t } = useI18n();
 
 const store = useStore();
+const router = useRouter();
 
-const startDownload = name => store.dispatch("startDownload", name);
-const successDownload = name => store.dispatch("successDownload", name);
+const startDownload = (name) => store.dispatch('startDownload', name);
+const successDownload = (name) => store.dispatch('successDownload', name);
 
 defineProps({
   list: {
     type: [Array],
-    default: () => []
+    default: () => [],
   },
-  title: String
+  title: String,
 });
 
-const downloadPlugin = async plugin => {
+const downloadPlugin = async (plugin) => {
   startDownload(plugin.name);
   await window.market.downloadPlugin(plugin);
-  message.success(`${plugin.name}安装成功！`);
+  message.success(t('feature.dev.installSuccess', { pluginName: plugin.pluginName }));
   successDownload(plugin.name);
 };
 
 const visible = ref(false);
 const detail = ref({});
 const markdown = new MarkdownIt();
-const content = ref("");
+const content = ref('');
 
-const showDetail = async item => {
+const showDetail = async (item) => {
   visible.value = true;
   detail.value = item;
-  let mdContent = "暂无内容";
-  if (item.homePage) {
-    mdContent = await request.getPluginDetail(item.homePage);
+  content.value = '';
+  let mdContent = '暂无内容';
+  try {
+    if (item.homePage) {
+      mdContent = await request.getPluginDetail(item.homePage);
+    }
+    content.value = markdown.render(mdContent);
+  } catch (e) {
+    content.value = 'error';
   }
-  content.value = markdown.render(mdContent);
+};
+
+const openPlugin = (item) => {
+  store.commit('commonUpdate', {active: ['installed']})
+  router.push({
+    path: '/installed',
+    query: {plugin: item.name}
+  });
 };
 </script>
 
@@ -133,7 +170,7 @@ const showDetail = async item => {
   width: 0;
 }
 .panel-item {
-  margin: 20px 0;
+  margin-bottom: 17px;
   .download-plugin-btn {
     color: var(--ant-primary-color);
   }
@@ -153,7 +190,7 @@ const showDetail = async item => {
     }
   }
   &:after {
-    content: " ";
+    content: ' ';
     display: block;
     width: 100%;
     height: 1px;
@@ -165,7 +202,9 @@ const showDetail = async item => {
   }
 
   &:last-child {
-    border-bottom: none;
+    &:after {
+      border-bottom: none;
+    }
   }
 }
 .plugin-info {
@@ -175,7 +214,6 @@ const showDetail = async item => {
     box-shadow: none !important;
     .ant-drawer-content {
       background: var(--color-body-bg);
-
     }
     .ant-drawer-header {
       background: var(--color-body-bg);
@@ -195,23 +233,23 @@ const showDetail = async item => {
 .plugin-title-info {
   display: flex;
   align-items: flex-start;
-
-  .back-icon {
-    font-size: 16px;
-    margin-right: 40px;
-  }
-
+  width: 100%;
   .info {
+    width: 100%;
     display: flex;
-    align-items: center;
+    align-items: flex-start;
 
     .plugin-icon {
-      width: 100px;
-      height: 100px;
+      width: 40px;
+      height: 40px;
       margin-right: 20px;
     }
 
     .plugin-desc {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
       .title {
         font-size: 18px;
         font-weight: bold;
@@ -221,14 +259,18 @@ const showDetail = async item => {
       .desc {
         font-size: 12px;
         font-weight: normal;
-        margin-top: 5px;
-        margin-bottom: 20px;
         color: var(--color-text-desc);
       }
     }
   }
 }
+.error-content {
+  &.ant-result {
+    padding: 0;
+  }
+}
 .home-page-container {
+  min-height: 200px;
   * {
     color: var(--color-text-content);
   }

feature/src/views/market/components/result.vue

@@ -0,0 +1,57 @@
+<template>
+  <div class="result">
+    <PluginList
+      v-if="result && !!result.length"
+      @downloadSuccess="downloadSuccess"
+      :title="$t('feature.market.searchResult')"
+      :list="result"
+    />
+    <a-result
+      class="error-content"
+      v-else
+      sub-title="哎呀，暂时还没有这个插件哟！"
+    >
+      <template #icon>
+        <Vue3Lottie :animationData="emptyJson" :height="240" :width="240" />
+      </template>
+    </a-result>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import emptyJson from '@/assets/lottie/empty.json';
+import PluginList from './plugin-list.vue';
+
+import { useStore } from 'vuex';
+const store = useStore();
+
+const totalPlugins = computed(() => store.state.totalPlugins);
+const searchValue = computed(() => store.state.searchValue);
+
+const result = computed(() => {
+  if (searchValue.value.trim().length > 0) {
+    const pattern = new RegExp(searchValue.value);
+    return totalPlugins.value.filter((plugin) => {
+      if (plugin.pluginName.match(pattern)) {
+        return true;
+      } else {
+        return false;
+      }
+    });
+  } else {
+    return totalPlugins.value;
+  }
+});
+</script>
+
+<style lang="less">
+.result {
+  width: 100%;
+  overflow-x: hidden;
+  box-sizing: border-box;
+  .error-content {
+    padding-top: 40px;
+  }
+}
+</style>

feature/src/views/market/components/system.vue

@@ -3,18 +3,18 @@
     <PluginList
       v-if="system && !!system.length"
       @downloadSuccess="downloadSuccess"
-      title="系统插件"
+      :title="$t('feature.market.systemTool')"
       :list="system"
     />
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onBeforeMount } from "vue";
-import request from "../../../assets/request/index";
-import PluginList from "./plugin-list.vue";
+import { ref, computed, onBeforeMount } from 'vue';
+import request from '../../../assets/request/index';
+import PluginList from './plugin-list.vue';
 
-import { useStore } from "vuex";
+import { useStore } from 'vuex';
 const store = useStore();
 const totalPlugins = computed(() => store.state.totalPlugins);
 
@@ -42,7 +42,6 @@ const system = computed(() => {
 <style lang="less">
 .system {
   width: 100%;
-  height: 100vh;
   overflow-x: hidden;
   box-sizing: border-box;
 }

feature/src/views/market/components/tools.vue

@@ -3,18 +3,18 @@
     <PluginList
       v-if="tools && !!tools.length"
       @downloadSuccess="downloadSuccess"
-      title="搜索工具"
+      :title="$t('feature.market.searchTool')"
       :list="tools"
     />
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onBeforeMount } from "vue";
-import request from "../../../assets/request/index";
-import PluginList from "./plugin-list.vue";
+import { ref, computed, onBeforeMount } from 'vue';
+import request from '../../../assets/request/index';
+import PluginList from './plugin-list.vue';
 
-import { useStore } from "vuex";
+import { useStore } from 'vuex';
 const store = useStore();
 const totalPlugins = computed(() => store.state.totalPlugins);
 
@@ -42,7 +42,6 @@ const tools = computed(() => {
 <style lang="less">
 .worker {
   width: 100%;
-  height: 100vh;
   overflow-x: hidden;
   box-sizing: border-box;
 }

feature/src/views/market/components/worker.vue

@@ -3,18 +3,18 @@
     <PluginList
       v-if="system && !!system.length"
       @downloadSuccess="downloadSuccess"
-      title="生产效率"
+      :title="$t('feature.market.efficiency')"
       :list="system"
     />
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onBeforeMount } from "vue";
-import request from "../../../assets/request/index";
-import PluginList from "./plugin-list.vue";
+import { ref, computed, onBeforeMount } from 'vue';
+import request from '../../../assets/request/index';
+import PluginList from './plugin-list.vue';
 
-import { useStore } from "vuex";
+import { useStore } from 'vuex';
 const store = useStore();
 const totalPlugins = computed(() => store.state.totalPlugins);
 
@@ -42,7 +42,6 @@ const system = computed(() => {
 <style lang="less">
 .worker {
   width: 100%;
-  height: 100vh;
   overflow-x: hidden;
   box-sizing: border-box;
 }

feature/src/views/market/index.vue

@@ -1,124 +0,0 @@
-<template>
-  <div class="market">
-    <div class="left-menu">
-      <div class="search-container">
-        <a-input-search
-          v-model:value="searchValue"
-          placeholder="搜索插件"
-          style="width: 100%"
-          class="search"
-          @search="onSearch"
-        />
-      </div>
-
-      <a-menu v-model:selectedKeys="current" mode="inline">
-        <a-menu-item key="finder">
-          <template #icon>
-            <StarOutlined />
-          </template>
-          探索
-        </a-menu-item>
-        <a-menu-item key="worker">
-          <template #icon>
-            <SendOutlined style="transform: rotate(-45deg)" />
-          </template>
-          效率
-        </a-menu-item>
-        <a-menu-item key="tools">
-          <template #icon>
-            <SearchOutlined />
-          </template>
-          搜索工具
-        </a-menu-item>
-        <a-menu-item key="image">
-          <template #icon>
-            <FileImageOutlined />
-          </template>
-          图像
-        </a-menu-item>
-        <a-menu-item key="dev">
-          <template #icon>
-            <CodeOutlined />
-          </template>
-          开发
-        </a-menu-item>
-        <a-menu-item key="system">
-          <template #icon>
-            <DatabaseOutlined />
-          </template>
-          系统
-        </a-menu-item>
-      </a-menu>
-    </div>
-    <div class="container">
-      <component :totalPlugins="totalPlugins" :is="Components[current[0]]" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import {
-  StarOutlined,
-  SendOutlined,
-  SearchOutlined,
-  FileImageOutlined,
-  DatabaseOutlined,
-  CodeOutlined,
-} from "@ant-design/icons-vue";
-import { reactive, toRefs, computed } from "vue";
-import { useStore } from "vuex";
-import Finder from "./components/finder.vue";
-import System from "./components/system.vue";
-import Worker from "./components/worker.vue";
-import Tools from "./components/tools.vue";
-import Dev from "./components/devlopment.vue";
-import Image from "./components/image.vue";
-
-const Components = {
-  finder: Finder,
-  system: System,
-  worker: Worker,
-  image: Image,
-  tools: Tools,
-  dev: Dev,
-};
-
-const state = reactive({
-  searchValue: "",
-  current: ["finder"],
-});
-
-const store = useStore();
-
-const totalPlugins = computed(() => store.state.totalPlugins);
-
-const { searchValue, current } = toRefs(state);
-</script>
-
-<style lang="less" scoped>
-@import '~@/assets/common.less';
-.market {
-  display: flex;
-  box-sizing: border-box;
-  align-items: flex-start;
-  width: 100%;
-  overflow: hidden;
-  background: var(--color-menu-bg);
-  height: calc(~"100vh - 46px");
-  .search {
-    :deep(.ant-btn), :deep(.ant-input), :deep(.ant-input-group-addon) {
-      color: var(--ant-primary-color) !important;
-      background: var(--color-input-hover);
-      border-color: var(--color-border-light);
-    }
-  }
-  .container {
-    background: var(--color-body-bg);
-    width: calc(~'100% - 200px');
-    height: 100%;
-    box-sizing: border-box;
-    padding: 10px 20px;
-    position: relative;
-  }
-}
-</style>

feature/src/views/settings/database.vue

@@ -0,0 +1,320 @@
+<template>
+  <div class="export-header">
+    <a-button @click="exportData" size="small" type="primary" style="margin-right: 10px;">
+      导出数据
+      <template #icon>
+        <ExportOutlined />
+      </template>
+    </a-button>
+    <a-button @click="importData" danger size="small" style="margin-right: 10px; background-color: var(--color-input-hover)">
+      导入数据
+      <template #icon>
+        <ImportOutlined />
+      </template>
+    </a-button>
+    <a-button type="link" size="small" @click="showSetting = true">
+      <template #icon>
+        <SettingOutlined />
+      </template>
+    </a-button>
+  </div>
+  <a-list item-layout="horizontal" :data-source="dataPlugins">
+    <template #renderItem="{ item }">
+      <a-list-item>
+        <template #actions>
+          <a v-if="!item.plugin?.isdownload && !item.plugin?.isloading" key="list-loadmore-edit"
+             @click="() => downloadPlugin(item.plugin)">
+            <CloudDownloadOutlined style="font-size: 18px;"/>
+          </a>
+          <a v-if="item.plugin?.isloading" key="list-loadmore-edit">
+            <LoadingOutlined style="font-size: 18px;"/>
+          </a>
+          <a key="list-loadmore-edit" @click="() => showKeys(item)">
+            <DatabaseOutlined style="font-size: 18px;"/>
+          </a>
+        </template>
+        <a-list-item-meta>
+          <template #title>
+            <div style="color: var(--color-text-content)">
+              <span>{{ item.plugin?.pluginName }}</span>
+            </div>
+          </template>
+          <template #avatar>
+            <a-avatar shape="square" :src="item.plugin?.logo"/>
+          </template>
+          <template #description>
+            <div style="color: var(--color-text-desc)">
+              <span>{{ item.keys.length }} 份文档</span>
+            </div>
+          </template>
+        </a-list-item-meta>
+      </a-list-item>
+    </template>
+  </a-list>
+  <a-drawer
+    v-model:visible="open"
+    width="400"
+    :closable="false"
+    :title="currentSelect.plugin.pluginName"
+    placement="right"
+    class="exportDrawer"
+  >
+    <p
+      class="key-item"
+      :key="key"
+      @click="() => showDetail(key)"
+      v-for="key in currentSelect.keys"
+    >
+      {{ key }}
+    </p>
+  </a-drawer>
+  <a-modal
+    centered
+    :bodyStyle="{
+      maxHeight: '500px',
+      overflow: 'auto',
+      backgroundColor: 'var(--color-body-bg)',
+      color: 'var(--color-text-primary)'
+    }"
+    :footer="null"
+    :closable="false"
+    v-model:visible="show"
+  >
+    <pre>{{ JSON.stringify(detail, null, 2) }}</pre>
+  </a-modal>
+  <a-modal
+    v-model:visible="showSetting"
+    title="webdav 账户配置"
+    :footer="null"
+    class="webdavModel"
+  >
+    <a-alert v-if="formState.suport === 'jianguo'" style="margin-bottom: 20px;" type="info" show-icon>
+      <template #message>
+        <div
+          @click="openHelp"
+          class="openHelp">
+          点击查看如何获取坚果云账号密码
+        </div>
+      </template>
+    </a-alert>
+    <a-form
+      :model="formState"
+      name="basic"
+      :label-col="{ span: 8 }"
+      :wrapper-col="{ span: 16 }"
+      autocomplete="off"
+      @finish="handleOk"
+    >
+      <a-form-item
+        label="webdav 提供商"
+        name="suport"
+      >
+        <a-select v-model:value="formState.suport">
+          <a-select-option value="jianguo">坚果云</a-select-option>
+          <a-select-option value="auto">自定义</a-select-option>
+        </a-select>
+      </a-form-item>
+      <a-form-item
+        label="服务器地址"
+        name="url"
+        v-show="formState.suport === 'auto'"
+        :rules="[{ required: true, message: '请填写服务器地址!' }]"
+      >
+        <a-input v-model:value="formState.url" />
+      </a-form-item>
+      <a-form-item
+        label="账户"
+        name="username"
+        :rules="[{ required: true, message: '请填写 username!' }]"
+      >
+        <a-input v-model:value="formState.username" />
+      </a-form-item>
+      <a-form-item
+        label="密码"
+        name="password"
+        :rules="[{ required: true, message: '请填写 password!' }]"
+      >
+        <a-input-password v-model:value="formState.password" />
+      </a-form-item>
+      <a-form-item :wrapper-col="{ offset: 8, span: 16 }">
+        <a-button type="primary" html-type="submit">保存设置</a-button>
+      </a-form-item>
+    </a-form>
+  </a-modal>
+</template>
+<script setup>
+import { useStore } from 'vuex';
+import { computed, ref, reactive } from 'vue';
+import {
+  DatabaseOutlined,
+  CloudDownloadOutlined,
+  LoadingOutlined,
+  ExportOutlined,
+  ImportOutlined,
+  SettingOutlined,
+} from '@ant-design/icons-vue';
+import { message, Modal } from 'ant-design-vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+
+const open = ref(false);
+const show = ref(false);
+const showSetting = ref(false);
+const currentSelect = ref({ plugin: {} });
+const detail = ref({});
+
+const defaultConfig = window.rubick.dbStorage.getItem(
+  'rubick-db-jg-webdav'
+) || {
+  url: 'https://dav.jianguoyun.com/dav/',
+  username: '',
+  password: '',
+};
+
+if (!defaultConfig.suport) {
+  defaultConfig.suport = 'jianguo';
+}
+
+const formState = reactive(defaultConfig);
+
+const showKeys = (item) => {
+  open.value = true;
+  currentSelect.value = item;
+};
+
+const handleOk = () => {
+  window.rubick.dbStorage.setItem(
+    'rubick-db-jg-webdav',
+    JSON.parse(JSON.stringify(formState))
+  );
+  message.success('保存成功');
+  showSetting.value = false;
+};
+
+const showDetail = (key) => {
+  show.value = true;
+  detail.value = window.rubick.db.get(key);
+};
+
+const exportData = () => {
+  if (!formState.password || !formState.username) {
+    return showSetting.value = true;
+  }
+  window.market.dbDump(JSON.parse(JSON.stringify(formState)));
+};
+
+const importData = () => {
+  if (!formState.password || !formState.username) {
+    return showSetting.value = true;
+  }
+  Modal.confirm({
+    title: '导入确认',
+    content: '导入坚果云数据将会覆盖本地数据，是否确认导入？',
+    onOk() {
+      window.market.dbImport(JSON.parse(JSON.stringify(formState)));
+    },
+  });
+};
+
+const openHelp = () => {
+  window.rubick.shellOpenExternal('https://help.jianguoyun.com/?p=2064');
+};
+
+const store = useStore();
+
+const pluginsData = window.rubick.db.get('RUBICK_PLUGIN_INFO');
+
+const totalPlugins = computed(() => store.state.totalPlugins);
+
+const dataPlugins = computed(() => {
+  if (!pluginsData) return [];
+  return pluginsData.data.map((item) => {
+    let plugin = null;
+    if (['rubick-system-feature'].includes(item.name)) {
+      plugin = {
+        pluginName: '主程序',
+        isdownload: true,
+        logo: require('../../assets/logo.png'),
+      };
+    } else {
+      plugin = totalPlugins.value.find((p) => p.name === item.name);
+    }
+    const data = item.keys.map((key) => window.rubick.db.get(key));
+    return {
+      ...item,
+      plugin,
+      data,
+    };
+  });
+});
+
+const startDownload = (name) => store.dispatch('startDownload', name);
+const successDownload = (name) => store.dispatch('successDownload', name);
+
+const downloadPlugin = async (plugin) => {
+  startDownload(plugin.name);
+  await window.market.downloadPlugin(plugin);
+  message.success(t('feature.dev.installSuccess', { pluginName: plugin.name }));
+  successDownload(plugin.name);
+};
+</script>
+<style lang="less">
+.openHelp {
+  cursor: pointer;
+  text-decoration: underline;
+}
+.export-header {
+  width: 100%;
+  height: 40px;
+  border-bottom: 1px solid var(--color-border-light);
+  text-align: right;
+}
+.key-item {
+  cursor: pointer;
+
+  &:hover {
+    color: var(--ant-primary-color);
+  }
+}
+.exportDrawer{
+  .ant-drawer-header{
+    background-color: var(--color-body-bg);
+    border-bottom: 1px solid var(--color-border-light);
+    .ant-drawer-title{
+      color: var(--color-text-primary);
+    }
+  }
+  .ant-drawer-body{
+    background-color: var(--color-body-bg);
+    color: var(--color-text-content)
+  }
+}
+.webdavModel{
+  .ant-modal-close-x{
+    color: var(--color-text-content);
+  }
+  .ant-modal-header{
+    background-color: var(--color-body-bg);
+    border-bottom: 1px solid var(--color-border-light);
+    .ant-modal-title{
+      color: var(--color-text-primary);
+    }
+  }
+  .ant-form-item-label>label {
+    color: var(--color-text-content);
+  }
+  .ant-modal-body {
+    background-color: var(--color-body-bg);
+    .ant-input,
+    .ant-input-password,
+    .ant-select-selector {
+      background: var(--color-input-hover) !important;
+      color: var(--color-text-content);
+    }
+    .ant-input-password-icon, .ant-select-arrow {
+      color: var(--color-action-color);
+     }
+  }
+}
+</style>

feature/src/views/settings/index.vue

@@ -1,195 +1,221 @@
 <template>
   <div class="settings">
-    <div class="left-menu">
-      <a-menu v-model:selectedKeys="currentSelect" mode="inline">
+    <div class="view-title"> {{ $t('feature.settings.title') }}</div>
+    <div class="view-container">
+      <a-menu v-model:selectedKeys="currentSelect" mode="horizontal">
         <a-menu-item key="userInfo">
-          <template #icon>
-            <UserOutlined/>
-          </template>
-          账户信息
+          {{ $t('feature.settings.account.accountInfo') }}
         </a-menu-item>
         <a-menu-item key="normal">
-          <template #icon>
-            <ToolOutlined/>
-          </template>
-          基本设置
+          {{ $t('feature.settings.basic.title') }}
+        </a-menu-item>
+        <a-menu-item key="localstart">
+          {{ $t('feature.settings.localstart.title') }}
         </a-menu-item>
         <a-menu-item key="global">
-          <template #icon>
-            <LaptopOutlined/>
-          </template>
-          全局快捷键
+          {{ $t('feature.settings.global.title') }}
         </a-menu-item>
-        <a-menu-item key="superpanel">
-          <template #icon>
-            <FileAddOutlined/>
-          </template>
-          超级面板设置
+        <!--        <a-menu-item key="superpanel">-->
+        <!--          <template #icon>-->
+        <!--            <FileAddOutlined />-->
+        <!--          </template>-->
+        <!--          {{ $t('feature.settings.superPanel.title') }}-->
+        <!--        </a-menu-item>-->
+        <a-menu-item key="database">
+          {{ $t('feature.settings.database.title') }}
         </a-menu-item>
         <a-menu-item key="localhost">
-          <template #icon>
-            <DatabaseOutlined/>
-          </template>
-          内网部署配置
+          {{ $t('feature.settings.intranet.title') }}
         </a-menu-item>
       </a-menu>
-    </div>
-    <div class="settings-detail">
-      <div v-if="currentSelect[0] === 'normal'">
-        <div class="setting-item">
-          <div class="title">快捷键</div>
-          <div class="settings-item-li">
-            <div class="label">显示/隐藏快捷键</div>
-            <a-tooltip placement="top" trigger="click">
-              <template #title>
-                <span>{{ tipText }}</span>
-                <template v-if="isWindows">
-                  <br/>
-                  <span
-                    style="cursor: pointer; text-decoration: underline"
-                    @click="resetDefault('Alt')"
-                  >
+      <div class="settings-detail">
+        <UserInfo v-if="currentSelect[0] === 'userInfo'" />
+        <div v-if="currentSelect[0] === 'normal'">
+          <div class="setting-item">
+            <div class="title">
+              {{ $t('feature.settings.basic.shortcutKey') }}
+            </div>
+            <div class="settings-item-li">
+              <div class="label">
+                {{ $t('feature.settings.basic.showOrHiddle') }}
+              </div>
+              <a-tooltip placement="top" trigger="click">
+                <template #title>
+                  <span>{{ tipText }}</span>
+                  <template v-if="isWindows">
+                    <br />
+                    <span
+                      style="cursor: pointer; text-decoration: underline"
+                      @click="resetDefault('Alt')"
+                    >
                     Alt+Space
                   </span>
-                  <span
-                    style="
+                    <span
+                      style="
                       cursor: pointer;
                       margin-left: 8px;
                       text-decoration: underline;
                     "
-                    @click="resetDefault('Ctrl')"
-                  >
+                      @click="resetDefault('Ctrl')"
+                    >
                     Ctrl+Space
                   </span>
-                </template>
-              </template>
-              <div
-                class="value"
-                tabIndex="-1"
-                @keyup="(e) => changeShortCut(e, 'showAndHidden')"
-              >
-                {{ shortCut.showAndHidden }}
-              </div>
-            </a-tooltip>
-          </div>
-          <div class="settings-item-li">
-            <div class="label">截屏</div>
-            <a-tooltip placement="top" trigger="click">
-              <template #title>
-                <span>{{ tipText }}</span>
-              </template>
-              <div
-                class="value"
-                tabIndex="-1"
-                @keyup="(e) => changeShortCut(e, 'capture')"
-              >
-                {{ shortCut.capture }}
-              </div>
-            </a-tooltip>
-          </div>
-        </div>
-        <div class="setting-item">
-          <div class="title">通用</div>
-          <div class="settings-item-li">
-            <div class="label">输入框自动粘贴</div>
-            <a-switch
-              v-model:checked="common.autoPast"
-              checked-children="开"
-              un-checked-children="关"
-            ></a-switch>
-          </div>
-          <div class="settings-item-li">
-            <div class="label">开机启动</div>
-            <a-switch
-              v-model:checked="common.start"
-              checked-children="开"
-              un-checked-children="关"
-            ></a-switch>
-          </div>
-          <div class="settings-item-li">
-            <div class="label">空格执行</div>
-            <a-switch
-              v-model:checked="common.space"
-              checked-children="开"
-              un-checked-children="关"
-            ></a-switch>
-          </div>
-        </div>
-        <div class="setting-item">
-          <div class="title">主题</div>
-          <div class="settings-item-li">
-            <div class="label">暗黑模式</div>
-            <a-switch
-              v-model:checked="common.darkMode"
-              checked-children="开"
-              un-checked-children="关"
-            ></a-switch>
-          </div>
-        </div>
-      </div>
-      <div v-if="currentSelect[0] === 'global'">
-        <a-collapse>
-          <a-collapse-panel key="1" header="说明及示例">
-            <div>
-              按下快捷键，自动搜索对应关键字，当关键字结果完全匹配，且结果唯一时，会直接指向该功能。
-            </div>
-            <h3 style="margin-top: 10px">示例</h3>
-            <a-divider style="margin: 5px 0"/>
-            <a-list item-layout="horizontal" :data-source="examples">
-              <template #renderItem="{ item }">
-                <a-list-item>
-                  <a-list-item-meta :description="item.desc">
-                    <template #title>
-                      <div>{{ item.title }}</div>
-                    </template>
-                  </a-list-item-meta>
-                </a-list-item>
-              </template>
-            </a-list>
-          </a-collapse-panel>
-        </a-collapse>
-        <div class="feature-container">
-          <div class="keywords item">
-            <div>快捷键</div>
-            <template :key="index" v-for="(item, index) in global">
-              <a-tooltip placement="top" trigger="click">
-                <template #title>
-                  <span>{{ tipText }}或按 F1-F12 单键</span>
+                  </template>
                 </template>
                 <div
                   class="value"
-                  tabIndex="2"
-                  @keyup="(e) => changeGlobalKey(e, index)"
+                  tabIndex="-1"
+                  @keyup="(e) => changeShortCut(e, 'showAndHidden')"
                 >
-                  {{ item.key }}
-                  <MinusCircleOutlined
-                    @click.stop="deleteGlobalKey(e, index)"
-                  />
+                  {{ shortCut.showAndHidden }}
                 </div>
               </a-tooltip>
-            </template>
+            </div>
+            <div class="settings-item-li">
+              <div class="label">
+                {{ $t('feature.settings.basic.screenCapture') }}
+              </div>
+              <a-tooltip placement="top" trigger="click">
+                <template #title>
+                  <span>{{ tipText }}</span>
+                </template>
+                <div
+                  class="value"
+                  tabIndex="-1"
+                  @keyup="(e) => changeShortCut(e, 'capture')"
+                >
+                  {{ shortCut.capture }}
+                </div>
+              </a-tooltip>
+            </div>
           </div>
-          <div class="short-cut item">
-            <div>功能关键字</div>
-            <template v-for="(item, index) in global" :key="index">
-              <a-input
-                :value="item.value"
-                class="value"
-                allowClear
-                :disabled="!item.key"
-                @change="(e) => changeGlobalValue(index, e.target.value)"
-              />
-            </template>
+          <div class="setting-item">
+            <div class="title">{{ $t('feature.settings.basic.common') }}</div>
+            <div class="settings-item-li">
+              <div class="label">
+                {{ $t('feature.settings.basic.autoPaste') }}
+              </div>
+              <a-switch
+                v-model:checked="common.autoPast"
+                :checked-children="$t('feature.settings.basic.on')"
+                :un-checked-children="$t('feature.settings.basic.off')"
+              ></a-switch>
+            </div>
+            <div class="settings-item-li">
+              <div class="label">{{ $t('feature.settings.basic.autoBoot') }}</div>
+              <a-switch
+                v-model:checked="common.start"
+                :checked-children="$t('feature.settings.basic.on')"
+                :un-checked-children="$t('feature.settings.basic.off')"
+              ></a-switch>
+            </div>
+            <div class="settings-item-li">
+              <div class="label">
+                {{ $t('feature.settings.basic.spaceExec') }}
+              </div>
+              <a-switch
+                v-model:checked="common.space"
+                :checked-children="$t('feature.settings.basic.on')"
+                :un-checked-children="$t('feature.settings.basic.off')"
+              ></a-switch>
+            </div>
+          </div>
+          <div class="setting-item">
+            <div class="title">{{ $t('feature.settings.basic.theme') }}</div>
+            <div class="settings-item-li">
+              <div class="label">{{ $t('feature.settings.basic.darkMode') }}</div>
+              <a-switch
+                v-model:checked="common.darkMode"
+                :checked-children="$t('feature.settings.basic.on')"
+                :un-checked-children="$t('feature.settings.basic.off')"
+              ></a-switch>
+            </div>
+          </div>
+          <div class="setting-item">
+            <div class="title">{{ $t('feature.settings.basic.language') }}</div>
+            <div class="settings-item-li">
+              <div class="label">
+                {{ $t('feature.settings.basic.changeLang') }}
+              </div>
+              <a-select
+                v-model:value="state.common.lang"
+                label-in-value
+                style="width: 240px"
+                :options="options"
+                @change="changeLanguage"
+              ></a-select>
+            </div>
           </div>
         </div>
-        <div @click="addConfig" class="add-global">
-          <PlusCircleOutlined/>
-          新增全局快捷功能
+        <div v-if="currentSelect[0] === 'global'">
+          <a-collapse>
+            <a-collapse-panel
+              key="1"
+              :header="$t('feature.settings.global.instructions')"
+            >
+              <div>
+                {{ $t('feature.settings.global.tips') }}
+              </div>
+              <h3 style="margin-top: 10px">
+                {{ $t('feature.settings.global.example') }}
+              </h3>
+              <a-divider style="margin: 5px 0" />
+              <a-list item-layout="horizontal" :data-source="examples">
+                <template #renderItem="{ item }">
+                  <a-list-item>
+                    <a-list-item-meta :description="item.desc">
+                      <template #title>
+                        <div>{{ item.title }}</div>
+                      </template>
+                    </a-list-item-meta>
+                  </a-list-item>
+                </template>
+              </a-list>
+            </a-collapse-panel>
+          </a-collapse>
+          <div class="feature-container">
+            <div class="keywords item">
+              <div>{{ $t('feature.settings.global.shortcutKey') }}</div>
+              <template :key="index" v-for="(item, index) in global">
+                <a-tooltip placement="top" trigger="click">
+                  <template #title>
+                    <span>{{ tipText }}</span>
+                  </template>
+                  <div
+                    class="value"
+                    tabIndex="2"
+                    @keyup="(e) => changeGlobalKey(e, index)"
+                  >
+                    {{ item.key }}
+                    <MinusCircleOutlined
+                      @click.stop="deleteGlobalKey(e, index)"
+                    />
+                  </div>
+                </a-tooltip>
+              </template>
+            </div>
+            <div class="short-cut item">
+              <div>{{ $t('feature.settings.global.funtionKey') }}</div>
+              <template v-for="(item, index) in global" :key="index">
+                <a-input
+                  :value="item.value"
+                  class="value"
+                  allowClear
+                  :disabled="!item.key"
+                  @change="(e) => changeGlobalValue(index, e.target.value)"
+                />
+              </template>
+            </div>
+          </div>
+          <div @click="addConfig" class="add-global">
+            <PlusCircleOutlined />
+            {{ $t('feature.settings.global.addShortcutKey') }}
+          </div>
         </div>
+        <Localhost v-if="currentSelect[0] === 'localhost'" />
+        <LocalStart v-if="currentSelect[0] === 'localstart'" />
+        <DataBase v-if="currentSelect[0] === 'database'" />
       </div>
-      <Localhost v-if="currentSelect[0] === 'localhost'"/>
-      <SuperPanel v-if="currentSelect[0] === 'superpanel'"/>
-      <UserInfo v-if="currentSelect[0] === 'userInfo'"/>
     </div>
   </div>
 </template>
@@ -201,30 +227,32 @@ import {
   DatabaseOutlined,
   MinusCircleOutlined,
   PlusCircleOutlined,
-  FileAddOutlined,
   UserOutlined,
+  FolderOpenOutlined,
+  SafetyOutlined,
 } from '@ant-design/icons-vue';
 import debounce from 'lodash.debounce';
-import {ref, reactive, watch, toRefs, computed, toRaw} from 'vue';
+import { ref, reactive, watch, toRefs, computed } from 'vue';
 import keycodes from './keycode';
 import Localhost from './localhost.vue';
-import SuperPanel from './super-panel.vue';
 import UserInfo from './user-info';
+import LocalStart from './local-start';
+import DataBase from './database';
+import { useI18n } from 'vue-i18n';
+import localConfig from '@/confOp';
 
-const {remote, ipcRenderer} = window.require('electron');
+const { locale, t } = useI18n();
+
+const { ipcRenderer } = window.require('electron');
 
 const examples = [
   {
-    title: '快捷键 「 Alt + W」 关键字 「 微信」',
-    desc: '按下Alt + W 直接打开本地微信应用',
+    title: t('feature.settings.global.example1'),
+    desc: t('feature.settings.global.tips1'),
   },
   {
-    title: '快捷键 「 Alt + Q」 关键字 「 取色」',
-    desc: '按下Alt + Q 直接打开屏幕取色功能',
-  },
-  {
-    title: '快捷键 「 Ctrl + Alt + Q」 关键字 「 截屏」',
-    desc: '按下 Ctrl + Alt + Q 进行截屏',
+    title: t('feature.settings.global.example2'),
+    desc: t('feature.settings.global.tips2'),
   },
 ];
 
@@ -239,12 +267,14 @@ const state = reactive({
 const isWindows = window?.rubick?.isWindows();
 const tipText = computed(() => {
   const optionKeyName = isWindows ? 'Alt' : 'Option、Command';
-  return `先按功能键（Ctrl、Shift、${optionKeyName}），再按其他普通键。`;
+  return t('feature.settings.global.addShortcutKeyTips', {
+    optionKeyName: optionKeyName,
+  });
 });
 
 const currentSelect = ref(['userInfo']);
 
-const {perf, global: defaultGlobal} = remote.getGlobal('OP_CONFIG').get();
+const { perf, global: defaultGlobal } = localConfig.getConfig();
 
 state.shortCut = perf.shortCut;
 state.custom = perf.custom;
@@ -253,7 +283,7 @@ state.local = perf.local;
 state.global = defaultGlobal;
 
 const setConfig = debounce(() => {
-  remote.getGlobal('OP_CONFIG').set(
+  localConfig.setConfig(
     JSON.parse(
       JSON.stringify({
         perf: {
@@ -292,8 +322,14 @@ const changeShortCut = (e, key) => {
     incluFuncKeys = true;
   }
   compose += '+' + keycodes[e.keyCode].toUpperCase();
-  compose = compose.substring(1)
-  if (incluFuncKeys && e.keyCode !== 16 && e.keyCode !== 17 && e.keyCode !== 18 && e.keyCode !== 93) {
+  compose = compose.substring(1);
+  if (
+    incluFuncKeys &&
+    e.keyCode !== 16 &&
+    e.keyCode !== 17 &&
+    e.keyCode !== 18 &&
+    e.keyCode !== 93
+  ) {
     state.shortCut[key] = compose;
   } else {
     // 不做处理
@@ -321,8 +357,14 @@ const changeGlobalKey = (e, index) => {
     incluFuncKeys = true;
   }
   compose += '+' + keycodes[e.keyCode].toUpperCase();
-  compose = compose.substring(1)
-  if (incluFuncKeys && e.keyCode !== 16 && e.keyCode !== 17 && e.keyCode !== 18 && e.keyCode !== 93) {
+  compose = compose.substring(1);
+  if (
+    incluFuncKeys &&
+    e.keyCode !== 16 &&
+    e.keyCode !== 17 &&
+    e.keyCode !== 18 &&
+    e.keyCode !== 93
+  ) {
     state.global[index].key = compose;
   } else {
     // 不做处理
@@ -366,7 +408,23 @@ const addConfig = () => {
   });
 };
 
-const {shortCut, common, local, global} = toRefs(state);
+const { shortCut, common, local, global } = toRefs(state);
+
+const options = ref([
+  {
+    value: 'zh-CN',
+    label: t('feature.settings.basic.cn'),
+  },
+  {
+    value: 'en-US',
+    label: t('feature.settings.basic.en'),
+  },
+]);
+
+const changeLanguage = (value) => {
+  state.common.lang = value.key;
+  locale.value = value.key;
+};
 </script>
 
 <style lang="less">
@@ -376,36 +434,48 @@ const {shortCut, common, local, global} = toRefs(state);
   box-sizing: border-box;
   width: 100%;
   overflow-x: hidden;
-  background: var(--color-body-bg);
-  height: calc(~'100vh - 46px');
-  display: flex;
-  
+  background: var(--color-body-bg2);
+  height: calc(~'100vh - 34px');
+  .ant-menu-horizontal {
+    border-bottom: 1px solid var(--color-border-light);
+  }
+  .view-title {
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 16px;
+    color: var(--color-text-primary);
+  }
+  .view-container {
+    border-radius: 8px;
+    background: var(--color-body-bg);
+    overflow: auto;
+    height: calc(~'100vh - 84px');
+  }
   .ant-menu {
     background: var(--color-body-bg) !important;
     color: var(--color-text-content) !important;
   }
-  
+
   .settings-detail {
     padding: 20px;
     box-sizing: border-box;
     flex: 1;
     overflow: auto;
-    height: 100%;
     background: var(--color-body-bg);
-    
+
     .setting-item {
       margin-bottom: 20px;
-      
+
       .ant-form-item {
         margin-bottom: 0;
       }
-      
+
       .title {
         color: var(--ant-primary-color);
-        font-size: 15px;
+        font-size: 14px;
         margin-bottom: 10px;
       }
-      
+
       .settings-item-li {
         padding-left: 20px;
         display: flex;
@@ -413,11 +483,11 @@ const {shortCut, common, local, global} = toRefs(state);
         align-items: center;
         justify-content: space-between;
         margin-bottom: 10px;
-        
+
         .label {
           color: var(--color-text-content);
         }
-        
+
         .value {
           width: 300px;
           cursor: pointer;
@@ -436,32 +506,39 @@ const {shortCut, common, local, global} = toRefs(state);
             background: var(--color-input-hover);
           }
         }
-        
+
         .ant-switch {
           &:not(.ant-switch-checked) {
             background: var(--color-list-hover);
           }
         }
+        .ant-select-selector {
+          background: var(--color-input-hover) !important;
+          color: var(--color-text-content);
+        }
+        .ant-input-password-icon, .ant-select-arrow {
+          color: var(--color-action-color);
+        }
       }
     }
   }
-  
+
   .feature-container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 10px;
     font-size: 14px;
-    
+
     .item {
       flex: 1;
       color: var(--color-text-content);
     }
-    
+
     .short-cut {
       margin-left: 20px;
     }
-    
+
     .value {
       cursor: pointer;
       text-align: center;
@@ -473,28 +550,28 @@ const {shortCut, common, local, global} = toRefs(state);
       margin-top: 10px;
       position: relative;
       background: var(--color-input-hover);
-      
+
       .ant-input {
         color: var(--ant-primary-color);
         font-weight: lighter;
         background: none;
       }
-      
+
       .anticon {
         color: var(--color-text-desc);
       }
-      
+
       &.ant-input-affix-wrapper {
         display: flex;
       }
-      
+
       &:hover {
         .anticon {
           display: block;
           color: var(--color-text-content);
         }
       }
-      
+
       .anticon {
         position: absolute;
         display: none;
@@ -504,7 +581,7 @@ const {shortCut, common, local, global} = toRefs(state);
       }
     }
   }
-  
+
   .add-global {
     color: var(--ant-primary-color);
     margin-top: 20px;
@@ -512,21 +589,20 @@ const {shortCut, common, local, global} = toRefs(state);
     text-align: center;
     cursor: pointer;
   }
-  
+
   .ant-collapse {
     background: var(--color-input-hover);
-    
     .ant-collapse-content {
       background: var(--color-input-hover);
       color: var(--color-text-content);
     }
-    
+
     h3,
     .ant-collapse-header,
     .ant-list-item-meta-title {
       color: var(--color-text-primary);
     }
-    
+
     .ant-list-item-meta-description {
       color: var(--color-text-desc);
     }

feature/src/views/settings/local-start.vue

@@ -0,0 +1,112 @@
+<template>
+  <div class="file-container" @drop.prevent="dropFile" @dragenter="checkDrop" @dragover="checkDrop">
+    <a-alert message="可拖放文件夹到这里加入启动" type="info" show-icon />
+    <a-list item-layout="horizontal" :data-source="localStartList">
+      <template #renderItem="{ item }">
+        <a-list-item>
+          <template #actions>
+            <a key="list-loadmore-edit" @click="() => remove(item)">移除</a>
+          </template>
+          <a-list-item-meta :description="item.desc">
+            <template #title>
+              <div>
+                <span :class="item.del ? 'del-title' : ''">{{item.name}}</span>
+                <span v-if="item.del" class="has-del">文件不存在</span>
+              </div>
+            </template>
+            <template #avatar>
+              <a-avatar shape="square" :src="item.icon" />
+            </template>
+          </a-list-item-meta>
+        </a-list-item>
+      </template>
+    </a-list>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const fs = window.require('fs');
+const process = window.require('process');
+
+const dbId = 'rubick-local-start-app';
+
+const localStartList = ref(window.rubick.dbStorage.getItem(dbId) || []);
+
+const checkFileExists = () => {
+  localStartList.value = localStartList.value.map((plugin) => {
+    if (!fs.existsSync(plugin.desc)) {
+      return {
+        ...plugin,
+        del: true,
+      };
+    }
+    return plugin;
+  });
+};
+
+checkFileExists();
+
+const dropFile = (e) => {
+  const files = Array.from(e.dataTransfer.files).map((file) => {
+    const action =
+      process.platform === 'win32'
+        ? `start "dummyclient" "${file.path}"`
+        : `open ${file.path.replace(/ /g, '\\ ')}`;
+    const plugin = {
+      icon: window.rubick.getFileIcon(file.path),
+      value: 'plugin',
+      desc: file.path,
+      pluginType: 'app',
+      name: file.name,
+      action,
+      keyWords: [file.name],
+      names: [file.name],
+    };
+    window.market.addLocalStartPlugin(plugin);
+    return plugin;
+  });
+  localStartList.value = [
+    ...localStartList.value,
+    ...files,
+  ];
+  window.rubick.dbStorage.setItem(
+    dbId,
+    JSON.parse(JSON.stringify(localStartList.value))
+  );
+};
+
+const remove = (item) => {
+  localStartList.value = localStartList.value.filter(
+    (app) => app.desc !== item.desc
+  );
+  window.rubick.dbStorage.setItem(
+    dbId,
+    JSON.parse(JSON.stringify(localStartList.value))
+  );
+  window.market.removeLocalStartPlugin(JSON.parse(JSON.stringify(item)));
+};
+
+const checkDrop = (e) => {
+  e.preventDefault();
+};
+</script>
+
+<style lang="less">
+.file-container {
+  box-sizing: border-box;
+  width: 100%;
+  overflow-x: hidden;
+  background: var(--color-body-bg);
+  height: calc(~'100vh - 180px');
+  .del-title {
+    text-decoration-line: line-through;
+    text-decoration-color: var(--ant-error-color);
+  }
+  .has-del {
+    color: var(--ant-error-color);
+    font-size: 12px;
+    margin-left: 6px;
+  }
+}
+</style>

feature/src/views/settings/localhost.vue

@@ -1,6 +1,6 @@
 <template>
   <a-alert
-    message="把插件发布到公网 npm 如果不符合您的公司安全要求，rubick 支持内网私有源和私有插件库，如果您需要内网部署使用，可以自行配置以下规则。"
+    :message="$t('feature.settings.intranet.tips')"
     type="warning"
     style="margin-bottom: 20px"
   />
@@ -11,21 +11,33 @@
     :rules="rules"
     v-bind="layout"
   >
-    <a-form-item has-feedback label="npm 源" name="register">
+    <a-form-item
+      has-feedback
+      :label="$t('feature.settings.intranet.npmMirror')"
+      name="register"
+    >
       <a-input
         placeholder="https://registry.npm.taobao.org"
         v-model:value="formState.register"
       />
     </a-form-item>
-    <a-form-item has-feedback label="database url" name="database">
+    <a-form-item
+      has-feedback
+      :label="$t('feature.settings.intranet.dbUrl')"
+      name="database"
+    >
       <a-input
         placeholder="https://gitcode.net/rubickcenter/rubick-database/-/raw/master"
         v-model:value="formState.database"
       />
     </a-form-item>
-    <a-form-item has-feedback label="access_token" name="access_token">
+    <a-form-item
+      has-feedback
+      :label="$t('feature.settings.intranet.accessToken')"
+      name="access_token"
+    >
       <a-input
-        placeholder="内网gitlab仓库必填"
+        :placeholder="$t('feature.settings.intranet.placeholder')"
         v-model:value="formState.access_token"
       />
     </a-form-item>
@@ -68,7 +80,7 @@ const layout = {
 
 const resetForm = () => {
   formState.value = {
-    register: 'https://registry.npm.taobao.org',
+    register: 'https://registry.npmmirror.com',
     database: 'https://gitcode.net/rubickcenter/rubick-database/-/raw/master',
     access_token: '',
   };

feature/src/views/settings/super-panel.vue

@@ -1,5 +1,5 @@
 <template>
-  <p>请选择需要添加到超级面板中的常用插件</p>
+  <p>{{ $t('feature.settings.superPanel.tips') }}</p>
   <div class="super-list-item panel-item">
     <a-list
       :grid="{ gutter: 16, column: 2 }"
@@ -14,7 +14,7 @@
               style="color: #7ec699"
               type="text"
             >
-              添加
+              {{ $t('feature.settings.superPanel.add') }}
             </a-button>
             <a-button
               v-else
@@ -22,7 +22,7 @@
               style="color: #ff4ea4"
               type="text"
             >
-              移除
+              {{ $t('feature.settings.superPanel.remove') }}
             </a-button>
           </template>
           <a-list-item-meta>

feature/src/views/settings/user-info.vue

@@ -1,113 +1,70 @@
 <template>
   <div class="user-info">
-    <div class="info-container">
-      <a-result
-        class="user-info-result"
-        :title="userInfo.name || 'rubick 用户'"
-        sub-title="软件偏好设置完成后需重启软件，头像和昵称请前往小程序设置"
-      >
-        <template #icon>
-          <a-avatar :size="64" v-if="!userInfo.avatar">
-            <template #icon><UserOutlined /></template>
-          </a-avatar>
-          <a-avatar :src="userInfo.avatar" :size="64" v-else />
-        </template>
-      </a-result>
-    </div>
     <div class="settings-container">
       <div class="setting-item">
-        <div class="title">主题色设置</div>
-        <div class="settings-item-li">
-          <div class="label">主色调</div>
-          <a-input v-model:value="custom.primaryColor" class="value">
-            <template #prefix>
-              <div :style="{ background: custom.primaryColor, width: '10px', height: '10px' }"></div>
-            </template>
-          </a-input>
+        <div class="title">
+          {{ $t('feature.settings.account.themeColor') }}
         </div>
         <div class="settings-item-li">
-          <div class="label">错误色</div>
-          <a-input v-model:value="custom.errorColor" class="value">
-            <template #prefix>
-              <div :style="{ background: custom.errorColor, width: '10px', height: '10px' }"></div>
-            </template>
-          </a-input>
-        </div>
-        <div class="settings-item-li">
-          <div class="label">警告色</div>
-          <a-input v-model:value="custom.warningColor" class="value">
-            <template #prefix>
-              <div :style="{ background: custom.warningColor, width: '10px', height: '10px' }"></div>
-            </template>
-          </a-input>
-        </div>
-        <div class="settings-item-li">
-          <div class="label">成功色</div>
-          <a-input v-model:value="custom.successColor" class="value">
-            <template #prefix>
-              <div :style="{ background: custom.successColor, width: '10px', height: '10px' }"></div>
-            </template>
-          </a-input>
-        </div>
-        <div class="settings-item-li">
-          <div class="label">提醒色</div>
-          <a-input v-model:value="custom.infoColor" class="value">
-            <template #prefix>
-              <div :style="{ background: custom.infoColor, width: '10px', height: '10px' }"></div>
-            </template>
-          </a-input>
+          <a-radio-group @change="changeTheme" v-model:value="theme" button-style="solid">
+            <a-radio-button value="SPRING">{{ $t('feature.settings.account.spring') }}</a-radio-button>
+            <a-radio-button value="SUMMER">{{ $t('feature.settings.account.summer') }}</a-radio-button>
+            <a-radio-button value="AUTUMN">{{ $t('feature.settings.account.autumn') }}</a-radio-button>
+            <a-radio-button value="WINTER">{{ $t('feature.settings.account.winter') }}</a-radio-button>
+          </a-radio-group>
         </div>
       </div>
       <div class="setting-item">
-        <div class="title">用户个性化设置</div>
+        <div class="title">
+          {{ $t('feature.settings.account.personalized') }}
+        </div>
         <div class="settings-item-li">
-          <div class="label">主搜索框欢迎语</div>
+          <div class="label">
+            {{ $t('feature.settings.account.greeting') }}
+          </div>
           <a-input v-model:value="custom.placeholder" class="value"></a-input>
         </div>
         <div class="settings-item-li">
-          <div class="label">界面 logo</div>
+          <div class="label">
+            {{ $t('feature.settings.account.name') }}
+          </div>
+          <a-input v-model:value="custom.username" class="value"></a-input>
+        </div>
+        <div class="settings-item-li">
+          <div class="label">
+            {{ $t('feature.settings.account.logo') }}
+          </div>
           <div class="img-container">
-            <img
-              class="custom-img"
-              :src="custom.logo"
-            />
-            <a-button @click="changeLogo" size="small" type="link">点我替换</a-button>
+            <img class="custom-img" :src="custom.logo" />
+            <a-button class="btn" @click="changeLogo" shape="round" size="small" type="primary">
+              {{ $t('feature.settings.account.replace') }}
+            </a-button>
           </div>
         </div>
       </div>
-      <div class="footer-btn">
-        <a-button @click="reset" type="danger">恢复默认设置</a-button>
-      </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import {reactive, ref, toRefs, watch} from 'vue';
-import { Modal } from 'ant-design-vue';
-import { UserOutlined } from '@ant-design/icons-vue';
+import { reactive, toRefs, watch, ref } from 'vue';
 import debounce from 'lodash.debounce';
-
-import service from '../../assets/service';
-
-const { remote, ipcRenderer } = window.require('electron');
+import localConfig from '@/confOp';
+import * as Themes from '@/assets/constans';
+const { ipcRenderer } = window.require('electron');
 
 const state = reactive({
   custom: {},
 });
 
-const { perf } = remote.getGlobal('OP_CONFIG').get();
+const { perf } = localConfig.getConfig();
+
+const theme = ref(perf.custom.theme);
 
 state.custom = perf.custom || {};
 
-const userInfo = ref(window.rubick.dbStorage.getItem('rubick-user-info'));
-
-service.getUserInfo({ openId: userInfo.value.openId }).then((res) => {
-  userInfo.value = res;
-});
-
 const setConfig = debounce(() => {
-  remote.getGlobal('OP_CONFIG').set(
+  localConfig.setConfig(
     JSON.parse(
       JSON.stringify({
         perf: {
@@ -132,24 +89,38 @@ const changeLogo = () => {
   state.custom.logo = `file://${logoPath}`;
 };
 
-const reset = () => {
-  Modal.warning({
-    title: '确定恢复默认设置吗？',
-    content: '回复后之前的设置将会被清空',
-    onOk() {
-      const defaultcustom = remote.getGlobal('OP_CONFIG').getDefaultConfig().perf.custom;
-      state.custom = JSON.parse(JSON.stringify(defaultcustom));
-    },
-  });
+const changeTheme = () => {
+  state.custom = {
+    ...state.custom,
+    ...Themes[theme.value],
+  };
 };
+
+// const reset = () => {
+//   Modal.warning({
+//     title: '确定恢复默认设置吗？',
+//     content: '回复后之前的设置将会被清空',
+//     onOk() {
+//       const defaultcustom = remote.getGlobal('OP_CONFIG').getDefaultConfig()
+//         .perf.custom;
+//       state.custom = JSON.parse(JSON.stringify(defaultcustom));
+//     },
+//   });
+// };
 </script>
 
 <style lang="less">
-.settings-container {
-  margin-top: 18px;
+.ant-radio-button-wrapper {
+  background: var(--color-body-bg);
+  color: var(--color-text-content);
 }
 .user-info-result {
   padding: 0;
+  .theme-preview {
+    width: 20px;
+    height: 20px;
+    border-radius: 100%;
+  }
   &.ant-result {
     padding: 24px;
   }
@@ -165,6 +136,10 @@ const reset = () => {
 }
 .img-container {
   width: 300px;
+  .btn {
+    margin-left: 10px;
+    font-size: 12px;
+  }
 }
 .custom-img {
   width: 60px;
@@ -175,4 +150,4 @@ const reset = () => {
   border-top: 1px dashed #ddd;
   padding-top: 12px;
 }
-</style>
+</style>

feature/src/views/settings/user.vue

@@ -1,17 +1,18 @@
 <template>
   <div class="account">
-    <a-result
-      v-if="!userInfo"
-      title="请先登录"
-      sub-title="登录后可开启用户个性化设置"
-    >
-      <template #extra>
-        <a-button @click="showModal" type="primary">
-          使用微信小程序登录
-        </a-button>
-      </template>
-    </a-result>
-    <Index v-else />
+    <!-- todo 暂时先去掉登录，等小程序做好了再加回来吧 -->
+<!--    <a-result-->
+<!--      v-if="!userInfo"-->
+<!--      title="请先登录"-->
+<!--      sub-title="登录后可开启用户个性化设置"-->
+<!--    >-->
+<!--      <template #extra>-->
+<!--        <a-button @click="showModal" type="primary">-->
+<!--          使用微信小程序登录-->
+<!--        </a-button>-->
+<!--      </template>-->
+<!--    </a-result>-->
+    <Index />
     <a-modal :footer="null" v-model:visible="visible">
       <a-result
         title="请使用微信扫码登录!"
@@ -41,7 +42,7 @@ const visible = ref(false);
 const showModal = () => {
   visible.value = true;
   if (!imgCode.value && !userInfo.value) {
-    service.getScanCode({ scene }).then(res => {
+    service.getScanCode({ scene }).then((res) => {
       imgCode.value = `data:image/png;base64,${res.dataUrl}`;
     });
   }
@@ -68,7 +69,6 @@ watch([visible], () => {
     timer = null;
   }
 });
-
 </script>
 
 <style lang="less" scoped>
@@ -77,7 +77,6 @@ watch([visible], () => {
   width: 100%;
   overflow-x: hidden;
   background: var(--color-body-bg);
-  height: calc(~"100vh - 46px");
   :deep(.ant-result-title) {
     color: var(--color-text-primary);
   }

feature/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "allowJs": true,
     "target": "esnext",
     "module": "esnext",
     "strict": true,

feature/vue.config.js

@@ -1,13 +1,23 @@
-const path = require("path");
+const path = require('path');
 
 module.exports = {
-  css: { // 配置css模块
-    loaderOptions: { // 向预处理器 Loader 传递配置选项
-      less: { // 配置less（其他样式解析用法一致）
-        javascriptEnabled: true // 设置为true
-      }
-    }
+  css: {
+    // 配置css模块
+    loaderOptions: {
+      // 向预处理器 Loader 传递配置选项
+      less: {
+        // 配置less（其他样式解析用法一致）
+        javascriptEnabled: true, // 设置为true
+      },
+    },
   },
-  outputDir: path.join(__dirname, "../public/feature"),
-  publicPath: process.env.NODE_ENV === "production" ? "" : "/",
+  productionSourceMap: false,
+  outputDir: path.join(__dirname, '../public/feature'),
+  publicPath: process.env.NODE_ENV === 'production' ? '' : '/',
+  // chainWebpack: (config) => {
+  //   // 查看打包文件体积大小
+  //   config
+  //     .plugin('webpack-bundle-analyzer')
+  //     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin);
+  // },
 };

feature/yarn.lock

@@ -968,6 +968,11 @@
   resolved "https://registry.yarnpkg.com/@ctrl/tinycolor/-/tinycolor-3.4.1.tgz#75b4c27948c81e88ccd3a8902047bcd797f38d32"
   integrity sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw==
 
+"@discoveryjs/json-ext@0.5.7":
+  version "0.5.7"
+  resolved "https://registry.npmmirror.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70"
+  integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==
+
 "@hapi/address@2.x.x":
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz#5d67ed43f3fd41a69d4b9ff7b56e7c0d1d0a81e5"
@@ -1009,6 +1014,44 @@
     cssnano-preset-default "^4.0.0"
     postcss "^7.0.0"
 
+"@intlify/core-base@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.2.2.tgz#5353369b05cc9fe35cab95fe20afeb8a4481f939"
+  integrity sha512-JjUpQtNfn+joMbrXvpR4hTF8iJQ2sEFzzK3KIESOx+f+uwIjgw20igOyaIdhfsVVBCds8ZM64MoeNSx+PHQMkA==
+  dependencies:
+    "@intlify/devtools-if" "9.2.2"
+    "@intlify/message-compiler" "9.2.2"
+    "@intlify/shared" "9.2.2"
+    "@intlify/vue-devtools" "9.2.2"
+
+"@intlify/devtools-if@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.npmmirror.com/@intlify/devtools-if/-/devtools-if-9.2.2.tgz#b13d9ac4b4e2fe6d2e7daa556517a8061fe8bd39"
+  integrity sha512-4ttr/FNO29w+kBbU7HZ/U0Lzuh2cRDhP8UlWOtV9ERcjHzuyXVZmjyleESK6eVP60tGC9QtQW9yZE+JeRhDHkg==
+  dependencies:
+    "@intlify/shared" "9.2.2"
+
+"@intlify/message-compiler@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.2.2.tgz#e42ab6939b8ae5b3d21faf6a44045667a18bba1c"
+  integrity sha512-IUrQW7byAKN2fMBe8z6sK6riG1pue95e5jfokn8hA5Q3Bqy4MBJ5lJAofUsawQJYHeoPJ7svMDyBaVJ4d0GTtA==
+  dependencies:
+    "@intlify/shared" "9.2.2"
+    source-map "0.6.1"
+
+"@intlify/shared@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.npmmirror.com/@intlify/shared/-/shared-9.2.2.tgz#5011be9ca2b4ab86f8660739286e2707f9abb4a5"
+  integrity sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q==
+
+"@intlify/vue-devtools@9.2.2":
+  version "9.2.2"
+  resolved "https://registry.npmmirror.com/@intlify/vue-devtools/-/vue-devtools-9.2.2.tgz#b95701556daf7ebb3a2d45aa3ae9e6415aed8317"
+  integrity sha512-+dUyqyCHWHb/UcvY1MlIpO87munedm3Gn6E9WWYdWrMuYLcoIoOEVDWSS8xSwtlPU+kA+MEQTP6Q1iI/ocusJg==
+  dependencies:
+    "@intlify/core-base" "9.2.2"
+    "@intlify/shared" "9.2.2"
+
 "@jridgewell/gen-mapping@^0.1.0":
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996"
@@ -1090,6 +1133,11 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@polka/url@^1.0.0-next.20":
+  version "1.0.0-next.23"
+  resolved "https://registry.npmmirror.com/@polka/url/-/url-1.0.0-next.23.tgz#498e41218ab3b6a1419c735e5c6ae2c5ed609b6c"
+  integrity sha512-C16M+IYz0rgRhWZdCmK+h58JMv8vijAA61gmz2rspCSwKwzBebpdcsiUmwrtJRdphuY30i6BSLEOP8ppbNLyLg==
+
 "@simonwep/pickr@~1.8.0":
   version "1.8.2"
   resolved "https://registry.yarnpkg.com/@simonwep/pickr/-/pickr-1.8.2.tgz#96dc86675940d7cad63d69c22083dd1cbb9797cb"
@@ -1720,6 +1768,11 @@
   resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.1.4.tgz#b4aec2f4b4599e11ba774a50c67fa378c9824e53"
   integrity sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ==
 
+"@vue/devtools-api@^6.2.1":
+  version "6.5.0"
+  resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.5.0.tgz#98b99425edee70b4c992692628fa1ea2c1e57d07"
+  integrity sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q==
+
 "@vue/eslint-config-prettier@^6.0.0":
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/@vue/eslint-config-prettier/-/eslint-config-prettier-6.0.0.tgz#ad5912b308f4ae468458e02a2b05db0b9d246700"
@@ -1981,6 +2034,11 @@ acorn-walk@^7.1.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
   integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
 
+acorn-walk@^8.0.0:
+  version "8.2.0"
+  resolved "https://registry.npmmirror.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
+  integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
+
 acorn@^6.4.1:
   version "6.4.2"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
@@ -1991,6 +2049,11 @@ acorn@^7.1.1, acorn@^7.4.0:
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
+acorn@^8.0.4:
+  version "8.10.0"
+  resolved "https://registry.npmmirror.com/acorn/-/acorn-8.10.0.tgz#8be5b3907a67221a81ab23c7889c4c5526b62ec5"
+  integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
+
 address@^1.1.2:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/address/-/address-1.2.0.tgz#d352a62c92fee90f89a693eccd2a8b2139ab02d9"
@@ -2334,6 +2397,13 @@ babel-plugin-dynamic-import-node@^2.3.3:
   dependencies:
     object.assign "^4.1.0"
 
+babel-plugin-import@^1.13.8:
+  version "1.13.8"
+  resolved "https://registry.npmmirror.com/babel-plugin-import/-/babel-plugin-import-1.13.8.tgz#782c517f6bbf2de3b1f75aaafd6d20a491c4878c"
+  integrity sha512-36babpjra5m3gca44V6tSTomeBlPA7cHUynrE2WiQIm3rEGD9xy28MKsx5IdO45EbnpJY7Jrgd00C6Dwt/l/2Q==
+  dependencies:
+    "@babel/helper-module-imports" "^7.0.0"
+
 babel-plugin-polyfill-corejs2@^0.3.0:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.1.tgz#440f1b70ccfaabc6b676d196239b138f8a2cfba5"
@@ -3046,6 +3116,11 @@ commander@^2.12.1, commander@^2.18.0, commander@^2.20.0:
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
   integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
 
+commander@^7.2.0:
+  version "7.2.0"
+  resolved "https://registry.npmmirror.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 commander@~2.19.0:
   version "2.19.0"
   resolved "https://registry.yarnpkg.com/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
@@ -3802,7 +3877,7 @@ dotenv@^8.2.0:
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.6.0.tgz#061af664d19f7f4d8fc6e4ff9b584ce237adcb8b"
   integrity sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==
 
-duplexer@^0.1.1:
+duplexer@^0.1.1, duplexer@^0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
   integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
@@ -3988,6 +4063,11 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
+escape-string-regexp@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+  integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
 eslint-config-prettier@^6.0.0:
   version "6.15.0"
   resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.15.0.tgz#7f93f6cb7d45a92f1537a70ecc06366e1ac6fed9"
@@ -4861,6 +4941,13 @@ gzip-size@^5.0.0:
     duplexer "^0.1.1"
     pify "^4.0.1"
 
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmmirror.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
+  dependencies:
+    duplexer "^0.1.2"
+
 handle-thing@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
@@ -5615,6 +5702,11 @@ is-plain-object@^2.0.3, is-plain-object@^2.0.4:
   dependencies:
     isobject "^3.0.1"
 
+is-plain-object@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmmirror.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344"
+  integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==
+
 is-regex@^1.0.4, is-regex@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
@@ -5982,7 +6074,7 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
-lodash-es@^4.17.15:
+lodash-es@^4.17.15, lodash-es@^4.17.21:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
   integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
@@ -5997,6 +6089,21 @@ lodash.defaultsdeep@^4.6.1:
   resolved "https://registry.yarnpkg.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
   integrity sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==
 
+lodash.escape@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.npmmirror.com/lodash.escape/-/lodash.escape-4.0.1.tgz#c9044690c21e04294beaa517712fded1fa88de98"
+  integrity sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==
+
+lodash.flatten@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.npmmirror.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
+  integrity sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==
+
+lodash.invokemap@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.npmmirror.com/lodash.invokemap/-/lodash.invokemap-4.6.0.tgz#1748cda5d8b0ef8369c4eb3ec54c21feba1f2d62"
+  integrity sha512-CfkycNtMqgUlfjfdh2BhKO/ZXrP8ePOX5lEU/g0R3ItJcnuxWDwokMGKx1hWcfOikmyOVx6X9IwWnDGlgKl61w==
+
 lodash.kebabcase@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
@@ -6012,6 +6119,11 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
+lodash.pullall@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmmirror.com/lodash.pullall/-/lodash.pullall-4.2.0.tgz#9d98b8518b7c965b0fae4099bd9fb7df8bbf38ba"
+  integrity sha512-VhqxBKH0ZxPpLhiu68YD1KnHmbhQJQctcipvmFnqIBDYzcIHzf3Zpu0tpeOKtR4x76p9yohc506eGdOjTmyIBg==
+
 lodash.throttle@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
@@ -6027,6 +6139,11 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
+lodash.uniqby@^4.7.0:
+  version "4.7.0"
+  resolved "https://registry.npmmirror.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz#d99c07a669e9e6d24e1362dfe266c67616af1302"
+  integrity sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==
+
 lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.3:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
@@ -6051,6 +6168,11 @@ loose-envify@^1.0.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
+lottie-web@5.12.2:
+  version "5.12.2"
+  resolved "https://registry.npmmirror.com/lottie-web/-/lottie-web-5.12.2.tgz#579ca9fe6d3fd9e352571edd3c0be162492f68e5"
+  integrity sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==
+
 lower-case@^1.1.1:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-1.1.4.tgz#9a2cabd1b9e8e0ae993a4bf7d5875c39c42e8eac"
@@ -6356,6 +6478,11 @@ move-concurrently@^1.0.1:
     rimraf "^2.5.4"
     run-queue "^1.0.3"
 
+mrmime@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/mrmime/-/mrmime-1.0.1.tgz#5f90c825fad4bdd41dc914eff5d1a8cfdaf24f27"
+  integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
@@ -6720,7 +6847,7 @@ open@^6.3.0:
   dependencies:
     is-wsl "^1.1.0"
 
-opener@^1.5.1:
+opener@^1.5.1, opener@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
@@ -8170,6 +8297,15 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
+sirv@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.npmmirror.com/sirv/-/sirv-2.0.3.tgz#ca5868b87205a74bef62a469ed0296abceccd446"
+  integrity sha512-O9jm9BsID1P+0HOi81VpXPoDxYP374pkOLzACAoyUQ/3OUVndNpsz6wMnY2z+yOxzbllCKZrM+9QrWsv4THnyA==
+  dependencies:
+    "@polka/url" "^1.0.0-next.20"
+    mrmime "^1.0.0"
+    totalist "^3.0.0"
+
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
@@ -8285,16 +8421,16 @@ source-map-url@^0.4.0:
   resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
   integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
 
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
+
 source-map@^0.5.6:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
-
 source-map@^0.7.3:
   version "0.7.3"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
@@ -8771,6 +8907,11 @@ toposort@^1.0.0:
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-1.0.7.tgz#2e68442d9f64ec720b8cc89e6443ac6caa950029"
   integrity sha1-LmhELZ9k7HILjMieZEOsbKqVACk=
 
+totalist@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmmirror.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8"
+  integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==
+
 tough-cookie@~2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
@@ -9117,11 +9258,6 @@ uuid@^8.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
 
-uuid@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.npmmirror.com/uuid/-/uuid-9.0.0.tgz#592f550650024a38ceb0c562f2f6aa435761efb5"
-  integrity sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==
-
 v8-compile-cache@^2.0.3:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
@@ -9177,6 +9313,16 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
 
+vue-i18n@9.2.2:
+  version "9.2.2"
+  resolved "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.2.2.tgz#aeb49d9424923c77e0d6441e3f21dafcecd0e666"
+  integrity sha512-yswpwtj89rTBhegUAv9Mu37LNznyu3NpyLQmozF3i1hYOhwpG8RjcjIFIIfnu+2MDZJGSZPXaKWvnQA71Yv9TQ==
+  dependencies:
+    "@intlify/core-base" "9.2.2"
+    "@intlify/shared" "9.2.2"
+    "@intlify/vue-devtools" "9.2.2"
+    "@vue/devtools-api" "^6.2.1"
+
 "vue-loader-v16@npm:vue-loader@^16.1.0":
   version "16.8.3"
   resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-16.8.3.tgz#d43e675def5ba9345d6c7f05914c13d861997087"
@@ -9224,6 +9370,19 @@ vue-types@^3.0.0:
   dependencies:
     is-plain-object "3.0.1"
 
+vue3-carousel@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.npmmirror.com/vue3-carousel/-/vue3-carousel-0.3.1.tgz#d001be7dea416dc2f4e66afc4d56af66696dc117"
+  integrity sha512-86vUkNPBzL2PVuR9w6hUsI90ccFjLp+K8cSFpRTISf+SjUQY3fMHc5CFF5MUL62v1xYYm27zEBmQupO9VQx9Kw==
+
+vue3-lottie@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmmirror.com/vue3-lottie/-/vue3-lottie-3.1.0.tgz#39e2a595a83a7401f3308dfc923b28b0bb91a214"
+  integrity sha512-dS6/cjEuAoN/CWYqthPjGVVaeW5jRVB1yGEcFQbBcbDfCeMlVhC7pzn0Qatdz7gasOUIvZcJCmhfUe681GwhSg==
+  dependencies:
+    lodash-es "^4.17.21"
+    lottie-web "5.12.2"
+
 vue@3.2.45:
   version "3.2.45"
   resolved "https://registry.yarnpkg.com/vue/-/vue-3.2.45.tgz#94a116784447eb7dbd892167784619fef379b3c8"
@@ -9300,6 +9459,29 @@ webpack-bundle-analyzer@^3.8.0:
     opener "^1.5.1"
     ws "^6.0.0"
 
+webpack-bundle-analyzer@^4.9.1:
+  version "4.9.1"
+  resolved "https://registry.npmmirror.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.9.1.tgz#d00bbf3f17500c10985084f22f1a2bf45cb2f09d"
+  integrity sha512-jnd6EoYrf9yMxCyYDPj8eutJvtjQNp8PHmni/e/ulydHBWhT5J3menXt3HEkScsu9YqMAcG4CfFjs3rj5pVU1w==
+  dependencies:
+    "@discoveryjs/json-ext" "0.5.7"
+    acorn "^8.0.4"
+    acorn-walk "^8.0.0"
+    commander "^7.2.0"
+    escape-string-regexp "^4.0.0"
+    gzip-size "^6.0.0"
+    is-plain-object "^5.0.0"
+    lodash.debounce "^4.0.8"
+    lodash.escape "^4.0.1"
+    lodash.flatten "^4.4.0"
+    lodash.invokemap "^4.6.0"
+    lodash.pullall "^4.2.0"
+    lodash.uniqby "^4.7.0"
+    opener "^1.5.2"
+    picocolors "^1.0.0"
+    sirv "^2.0.3"
+    ws "^7.3.1"
+
 webpack-chain@^6.4.0:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/webpack-chain/-/webpack-chain-6.5.1.tgz#4f27284cbbb637e3c8fbdef43eef588d4d861206"
@@ -9519,6 +9701,11 @@ ws@^6.0.0, ws@^6.2.1:
   dependencies:
     async-limiter "~1.0.0"
 
+ws@^7.3.1:
+  version "7.5.9"
+  resolved "https://registry.npmmirror.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
+  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
+
 xtend@^4.0.0, xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"

guide/package.json

@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "vue-cli-service serve --port 8083",
+    "serve": "vue-cli-service serve --port 8084",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint"
   },

guide/src/App.vue

@@ -102,15 +102,15 @@ const netStep = () => {
   }
   .info {
     padding-top: 42px;
-    margin-right: 178px;
+    margin-left: 84px;
     box-sizing: border-box;
-    width: 100%;
-    text-align: right;
+    text-align: left;
     position: relative;
+    align-self: flex-start;
     color: @text-color;
     .top-icon {
       position: absolute;
-      right: 0;
+      left: 0;
       top: 0;
       user-select: none;
       width: 1em;
@@ -147,9 +147,11 @@ const netStep = () => {
     background: @primary-color;
     color: #fff;
     display: flex;
-    aligin-items: center;
+    align-items: center;
     justify-content: center;
     border-radius: 4px;
+    cursor: pointer;
+    user-select: none;
   }
 }
 

guide/vue.config.js

@@ -11,6 +11,7 @@ module.exports = {
       },
     },
   },
+  productionSourceMap: false,
   outputDir: path.join(__dirname, '../public/guide'),
   publicPath: process.env.NODE_ENV === 'production' ? '' : '/',
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rubick",
-  "version": "2.4.0",
+  "version": "4.1.0-beta.1",
   "author": "muwoo <2424880409@qq.com>",
   "private": true,
   "scripts": {
@@ -14,12 +14,13 @@
     "postinstall": "electron-builder install-app-deps",
     "postuninstall": "electron-builder install-app-deps"
   },
-  "main": "background.js",
+  "main": "index.js",
   "optionalDependencies": {
     "electron-clipboard-ex": "^1.3.3"
   },
   "dependencies": {
     "@better-scroll/core": "^2.4.2",
+    "@electron/remote": "^2.0.10",
     "ant-design-vue": "3.2.14",
     "axios": "^1.3.4",
     "core-js": "^3.6.5",
@@ -30,10 +31,18 @@
     "get-mac-apps": "^1.0.2",
     "got": "^11.8.3",
     "lodash.throttle": "^4.1.1",
+    "memorystream": "^0.3.1",
+    "node-key-sender": "^1.0.11",
+    "npm": "6.14.7",
+    "pinyin-match": "^1.2.4",
     "pouchdb": "^7.2.2",
+    "pouchdb-load": "^1.4.6",
+    "pouchdb-replication-stream": "^1.2.9",
+    "simple-plist": "0.2.1",
     "vue": "^3.0.0",
     "vue-router": "^4.0.0-0",
     "vuex": "^4.0.0-0",
+    "webdav": "4.11.3",
     "worker-loader": "^3.0.8"
   },
   "devDependencies": {
@@ -51,7 +60,7 @@
     "@vue/eslint-config-prettier": "^6.0.0",
     "@vue/eslint-config-typescript": "^7.0.0",
     "babel-plugin-import": "^1.13.3",
-    "electron": "^13.0.0",
+    "electron": "26.0.0",
     "electron-builder": "22.13.1",
     "electron-devtools-installer": "^3.1.0",
     "eslint": "^6.7.2",
@@ -61,10 +70,11 @@
     "less-loader": "^5.0.0",
     "prettier": "^2.8.4",
     "typescript": "~4.1.5",
-    "vue-cli-plugin-electron-builder": "~2.1.1",
+    "vue-cli-plugin-electron-builder": "3.0.0-alpha.4",
     "worker-plugin": "^5.0.1"
   },
   "resolutions": {
-    "vue-cli-plugin-electron-builder/electron-builder": "^23.0.3"
+    "vue-cli-plugin-electron-builder/electron-builder": "^23.0.3",
+    "leveldown": "6.0.3"
   }
 }

public/detach/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>detach</title><link href="css/app.65d55ce4.css" rel="preload" as="style"><link href="js/app.7471434d.js" rel="preload" as="script"><link href="js/chunk-vendors.29c10bf6.js" rel="preload" as="script"><link href="css/app.65d55ce4.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but detach doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.29c10bf6.js"></script><script src="js/app.7471434d.js"></script></body></html>
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title></title><link href="css/app.65d55ce4.css" rel="preload" as="style"><link href="js/app.f4fdc34a.js" rel="preload" as="script"><link href="js/chunk-vendors.b36194a6.js" rel="preload" as="script"><link href="css/app.65d55ce4.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but detach doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.b36194a6.js"></script><script src="js/app.f4fdc34a.js"></script></body></html>

public/detach/js/app.7471434d.js

@@ -1,2 +0,0 @@
-(function(e){function t(t){for(var c,o,l=t[0],a=t[1],i=t[2],p=0,d=[];p<l.length;p++)o=l[p],Object.prototype.hasOwnProperty.call(r,o)&&r[o]&&d.push(r[o][0]),r[o]=0;for(c in a)Object.prototype.hasOwnProperty.call(a,c)&&(e[c]=a[c]);s&&s(t);while(d.length)d.shift()();return u.push.apply(u,i||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],c=!0,l=1;l<n.length;l++){var a=n[l];0!==r[a]&&(c=!1)}c&&(u.splice(t--,1),e=o(o.s=n[0]))}return e}var c={},r={app:0},u=[];function o(t){if(c[t])return c[t].exports;var n=c[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=c,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)o.d(n,c,function(t){return e[t]}.bind(null,c));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="";var l=window["webpackJsonp"]=window["webpackJsonp"]||[],a=l.push.bind(l);l.push=t,l=l.slice();for(var i=0;i<l.length;i++)t(l[i]);var s=a;u.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("cd49")},"0980":function(e,t,n){},4011:function(e,t,n){},cd49:function(e,t,n){"use strict";n.r(t);var c=n("79c4"),r=n("c965"),u=n.n(r);const o={class:"info"},l=["src"],a=["value","placeholder"],i={key:1};var s={__name:"App",setup(e){const{ipcRenderer:t}=window.require("electron"),n=Object(c["f"])(window.process.platform),r=Object(c["f"])(!1),s=localStorage.getItem("rubick-system-detach")||"{}",p=Object(c["f"])({});window.initDetach=e=>{p.value=e,r.value=e.subInput&&(!!e.subInput.value||!!e.subInput.placeholder),localStorage.setItem("rubick-system-detach",JSON.stringify(e))};try{window.initDetach(JSON.parse(s))}catch(O){}const d=u()(e=>{t.send("msg-trigger",{type:"detachInputChange",data:{text:e.target.value}})},500),b=()=>{t.send("msg-trigger",{type:"openPluginDevTools"})},v=()=>{t.send("detach:service",{type:"minimize"})},f=()=>{t.send("detach:service",{type:"maximize"})},h=()=>{t.send("detach:service",{type:"close"})};return Object.assign(window,{setSubInputValue:({value:e})=>{p.value.subInput.value=e},setSubInput:e=>{p.value.subInput.placeholder=e},removeSubInput:()=>{p.value.subInput=null}}),(e,t)=>{var u,s;return Object(c["e"])(),Object(c["b"])("div",{class:Object(c["d"])([n.value,"detach"])},[Object(c["c"])("div",o,[Object(c["c"])("img",{src:p.value.logo},null,8,l),r.value?(Object(c["e"])(),Object(c["b"])("input",{key:0,autofocus:"",onInput:t[0]||(t[0]=(...e)=>Object(c["h"])(d)&&Object(c["h"])(d)(...e)),value:null===(u=p.value.subInput)||void 0===u?void 0:u.value,placeholder:null===(s=p.value.subInput)||void 0===s?void 0:s.placeholder},null,40,a)):(Object(c["e"])(),Object(c["b"])("span",i,Object(c["g"])(p.value.pluginName),1))]),Object(c["c"])("div",{class:"handle-container"},[Object(c["c"])("div",{class:"handle"},[Object(c["c"])("div",{class:"devtool",onClick:b,title:"开发者工具"})]),Object(c["c"])("div",{class:"window-handle"},[Object(c["c"])("div",{class:"minimize",onClick:v}),Object(c["c"])("div",{class:"maximize",onClick:f}),Object(c["c"])("div",{class:"close",onClick:h})])])],2)}}};n("d648");const p=s;var d=p;n("4011");Object(c["a"])(d).mount("#app")},d648:function(e,t,n){"use strict";n("0980")}});
-//# sourceMappingURL=app.7471434d.js.map

public/detach/js/app.f4fdc34a.js

@@ -0,0 +1 @@
+(function(e){function t(t){for(var c,o,a=t[0],l=t[1],u=t[2],d=0,p=[];d<a.length;d++)o=a[d],Object.prototype.hasOwnProperty.call(r,o)&&r[o]&&p.push(r[o][0]),r[o]=0;for(c in l)Object.prototype.hasOwnProperty.call(l,c)&&(e[c]=l[c]);s&&s(t);while(p.length)p.shift()();return i.push.apply(i,u||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],c=!0,a=1;a<n.length;a++){var l=n[a];0!==r[l]&&(c=!1)}c&&(i.splice(t--,1),e=o(o.s=n[0]))}return e}var c={},r={app:0},i=[];function o(t){if(c[t])return c[t].exports;var n=c[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=c,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var c in e)o.d(n,c,function(t){return e[t]}.bind(null,c));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="";var a=window["webpackJsonp"]=window["webpackJsonp"]||[],l=a.push.bind(a);a.push=t,a=a.slice();for(var u=0;u<a.length;u++)t(a[u]);var s=l;i.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("cd49")},3480:function(e,t,n){"use strict";n("a1ff")},4011:function(e,t,n){},a1ff:function(e,t,n){},cd49:function(e,t,n){"use strict";n.r(t);var c=n("79c4"),r=n("c965"),i=n.n(r);const o={class:"info"},a=["src"],l=["value","placeholder"],u={key:1},s={class:"handle-container"},d={key:0,class:"window-handle"};var p={__name:"App",setup(e){const{ipcRenderer:t}=window.require("electron"),n=window.require("process"),r=Object(c["g"])(!1),p=localStorage.getItem("rubick-system-detach")||"{}",v=Object(c["g"])({});window.initDetach=e=>{v.value=e,r.value=e.subInput&&(!!e.subInput.value||!!e.subInput.placeholder),localStorage.setItem("rubick-system-detach",JSON.stringify(e))};try{window.initDetach(JSON.parse(p))}catch(y){}const b=i()(e=>{t.send("msg-trigger",{type:"detachInputChange",data:{text:e.target.value}})},500),f=()=>{t.send("msg-trigger",{type:"openPluginDevTools"})},m=()=>{t.send("detach:service",{type:"minimize"})},w=()=>{t.send("detach:service",{type:"maximize"})},h=()=>{t.send("detach:service",{type:"close"})};return Object.assign(window,{setSubInputValue:({value:e})=>{v.value.subInput.value=e},setSubInput:e=>{v.value.subInput.placeholder=e},removeSubInput:()=>{v.value.subInput=null}}),window.enterFullScreenTrigger=()=>{document.querySelector(".detach").classList.remove("darwin")},window.leaveFullScreenTrigger=()=>{const e=document.querySelector(".detach");e.classList.contains("darwin")||e.classList.add("darwin")},window.maximizeTrigger=()=>{const e=document.querySelector(".maximize");e&&!e.classList.contains("unmaximize")&&e.classList.add("unmaximize")},window.unmaximizeTrigger=()=>{const e=document.querySelector(".maximize");e&&e.classList.remove("unmaximize")},"darwin"===n.platform?window.onkeydown=e=>{"Escape"!==e.code?!e.metaKey||"KeyW"!==e.code&&"KeyQ"!==e.code||window.handle.close():t.send("detach:service",{type:"endFullScreen"})}:window.onkeydown=e=>{e.ctrlKey&&"KeyW"===e.code&&window.handle.close()},(e,t)=>{var i,p;return Object(c["f"])(),Object(c["c"])("div",{class:Object(c["e"])([Object(c["i"])(n).platform,"detach"])},[Object(c["d"])("div",o,[Object(c["d"])("img",{src:v.value.logo},null,8,a),r.value?(Object(c["f"])(),Object(c["c"])("input",{key:0,autofocus:"",onInput:t[0]||(t[0]=(...e)=>Object(c["i"])(b)&&Object(c["i"])(b)(...e)),value:null===(i=v.value.subInput)||void 0===i?void 0:i.value,placeholder:null===(p=v.value.subInput)||void 0===p?void 0:p.placeholder},null,40,l)):(Object(c["f"])(),Object(c["c"])("span",u,Object(c["h"])(v.value.pluginName),1))]),Object(c["d"])("div",s,[Object(c["d"])("div",{class:"handle"},[Object(c["d"])("div",{class:"devtool",onClick:f,title:"开发者工具"})]),"darwin"!==Object(c["i"])(n).platform?(Object(c["f"])(),Object(c["c"])("div",d,[Object(c["d"])("div",{class:"minimize",onClick:m}),Object(c["d"])("div",{class:"maximize",onClick:w}),Object(c["d"])("div",{class:"close",onClick:h})])):Object(c["b"])("",!0)])],2)}}};n("3480");const v=p;var b=v;n("4011");Object(c["a"])(b).mount("#app")}});

public/feature/css/chunk-0add5e88.2f22e37d.css

@@ -0,0 +1 @@
+.result{width:100%;overflow-x:hidden;box-sizing:border-box}.result .error-content{padding-top:40px}

public/feature/css/chunk-111de227.2450c00b.css

@@ -0,0 +1 @@
+.worker{width:100%;overflow-x:hidden;box-sizing:border-box}

public/feature/css/chunk-1af68a6e.2450c00b.css

@@ -0,0 +1 @@
+.worker{width:100%;overflow-x:hidden;box-sizing:border-box}

public/feature/css/chunk-3fb623ce.2b9b7de2.css

@@ -0,0 +1 @@
+.ant-message{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice-content{display:inline-block;padding:10px 16px;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#1890ff}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:16px}.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active{-webkit-animation-name:MessageMoveOut;animation-name:MessageMoveOut;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ant-message-rtl,.ant-message-rtl span{direction:rtl}.ant-message-rtl .anticon{margin-right:0;margin-left:8px}::-webkit-scrollbar{width:0}.panel-item{margin-bottom:17px}.panel-item .download-plugin-btn{color:var(--ant-primary-color)}.panel-item .title{margin-bottom:30px;color:var(--color-text-primary)}.panel-item .ellipse{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;color:var(--color-text-content)}.panel-item .ellipse.desc{color:var(--color-text-desc)}.panel-item:after{content:" ";display:block;width:100%;height:1px;border-bottom:1px solid var(--color-border-light);transform:scaleY(.5)}.panel-item .ant-list-item{display:flex!important}.panel-item:last-child:after{border-bottom:none}.plugin-info{width:100%}.plugin-info .ant-drawer-content-wrapper{box-shadow:none!important}.plugin-info .ant-drawer-content-wrapper .ant-drawer-content{background:var(--color-body-bg)}.plugin-info .ant-drawer-content-wrapper .ant-drawer-header{background:var(--color-body-bg);border-bottom:1px solid var(--color-border-light)}.dark .plugin-title-info .back-icon{filter:invert(1) brightness(200%)}.plugin-title-info,.plugin-title-info .info{display:flex;align-items:flex-start;width:100%}.plugin-title-info .info .plugin-icon{width:40px;height:40px;margin-right:20px}.plugin-title-info .info .plugin-desc{flex:1;display:flex;align-items:center;justify-content:space-between}.plugin-title-info .info .plugin-desc .title{font-size:18px;font-weight:700;color:var(--color-text-primary)}.plugin-title-info .info .plugin-desc .desc{font-size:12px;font-weight:400;color:var(--color-text-desc)}.error-content.ant-result{padding:0}.home-page-container{min-height:200px}.home-page-container *{color:var(--color-text-content)}.home-page-container img{width:100%}

public/feature/css/chunk-596c6184.9be2495c.css

@@ -0,0 +1 @@
+.system{width:100%;overflow-x:hidden;box-sizing:border-box}

public/feature/css/chunk-5cf3b9db.e273616c.css

@@ -0,0 +1 @@
+.ant-message{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice-content{display:inline-block;padding:10px 16px;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#1890ff}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:16px}.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active{-webkit-animation-name:MessageMoveOut;animation-name:MessageMoveOut;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ant-message-rtl,.ant-message-rtl span{direction:rtl}.ant-message-rtl .anticon{margin-right:0;margin-left:8px}.dev[data-v-6fb0031c]{box-sizing:border-box;width:100%;overflow-x:hidden;height:calc(100vh - 34px)}.dev .view-title[data-v-6fb0031c]{font-size:16px;font-weight:500;margin-bottom:16px;color:var(--color-text-primary)}.dev .view-container[data-v-6fb0031c]{padding:10px;box-sizing:border-box;border-radius:8px;background:var(--color-body-bg);overflow:auto;height:calc(100vh - 84px)}.dev[data-v-6fb0031c] label{color:var(--color-text-content)}.dev[data-v-6fb0031c] .ant-input{background:var(--color-input-hover);color:var(--color-text-content)}

public/feature/css/chunk-88e69aa8.69c3b24d.css

@@ -0,0 +1 @@
+.ant-message{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice-content{display:inline-block;padding:10px 16px;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#1890ff}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:16px}.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active{-webkit-animation-name:MessageMoveOut;animation-name:MessageMoveOut;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ant-message-rtl,.ant-message-rtl span{direction:rtl}.ant-message-rtl .anticon{margin-right:0;margin-left:8px}.account[data-v-2bc021e6]{box-sizing:border-box;width:100%;overflow-x:hidden;background:var(--color-body-bg);height:calc(100vh - 46px)}.account[data-v-2bc021e6] .ant-result-title{color:var(--color-text-primary)}.account[data-v-2bc021e6] .ant-result-subtitle{color:var(--color-text-desc)}

public/feature/css/chunk-93f94cf8.0f63dd4a.css

@@ -0,0 +1 @@
+.ant-message{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:fixed;top:8px;left:0;z-index:1010;width:100%;pointer-events:none}.ant-message-notice{padding:8px;text-align:center}.ant-message-notice-content{display:inline-block;padding:10px 16px;background:#fff;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:all}.ant-message-success .anticon{color:#52c41a}.ant-message-error .anticon{color:#ff4d4f}.ant-message-warning .anticon{color:#faad14}.ant-message-info .anticon,.ant-message-loading .anticon{color:#1890ff}.ant-message .anticon{position:relative;top:1px;margin-right:8px;font-size:16px}.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active{-webkit-animation-name:MessageMoveOut;animation-name:MessageMoveOut;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}@keyframes MessageMoveOut{0%{max-height:150px;padding:8px;opacity:1}to{max-height:0;padding:0;opacity:0}}.ant-message-rtl,.ant-message-rtl span{direction:rtl}.ant-message-rtl .anticon{margin-right:0;margin-left:8px}.installed[data-v-1ed304de]{box-sizing:border-box;width:100%;overflow:hidden;height:calc(100vh - 34px)}.installed .view-title[data-v-1ed304de]{font-size:16px;font-weight:500;margin-bottom:16px;color:var(--color-text-primary)}.installed .view-container[data-v-1ed304de]{border-radius:8px;background:var(--color-body-bg);overflow:auto;height:calc(100vh - 84px)}.installed[data-v-1ed304de] .ant-result-title{color:var(--color-text-primary)}.installed[data-v-1ed304de] .ant-result-subtitle{color:var(--color-text-desc)}.installed .keyword-tag[data-v-1ed304de]{font-size:13px;margin:4px}.installed .container[data-v-1ed304de]{box-sizing:border-box;width:100%;overflow:hidden;background:#f3efef;height:100%;display:flex}.installed .installed-list[data-v-1ed304de]{width:38%;background:var(--color-body-bg);height:100%;padding:10px 0;border-right:1px solid var(--color-border-light);overflow:auto}.installed .installed-list .item[data-v-1ed304de]{padding:10px 20px;display:flex;align-items:center;color:var(--color-text-content);border-bottom:1px dashed var(--color-border-light);cursor:pointer}.installed .installed-list .item[data-v-1ed304de]:last-child{border-bottom:none}.installed .installed-list .item img[data-v-1ed304de]{width:34px;height:34px;margin-right:12px}.installed .installed-list .item .desc[data-v-1ed304de]{font-size:12px;color:var(--color-text-desc);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis}.installed .installed-list .item.active[data-v-1ed304de]{color:var(--ant-primary-color);background:var(--color-list-hover)}.installed .plugin-detail[data-v-1ed304de]{padding:20px 20px 0 20px;box-sizing:border-box;width:62%;height:100%;background:var(--color-body-bg)}.installed .plugin-detail .plugin-top[data-v-1ed304de]{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:12px}.installed .plugin-detail .plugin-top .title[data-v-1ed304de]{font-size:16px;display:flex;align-items:center;color:var(--color-text-primary)}.installed .plugin-detail .plugin-top .title .ant-tag[data-v-1ed304de]{background:var(--color-input-hover);border:1px solid var(--color-border-light);color:var(--color-text-content);margin-left:8px}.installed .plugin-detail .plugin-top .desc[data-v-1ed304de]{font-size:13px;color:var(--color-text-desc)}.installed .plugin-detail .detail-container[data-v-1ed304de],.installed .plugin-detail .feature-container[data-v-1ed304de]{height:380px;overflow:auto;color:var(--color-text-content)}.installed .plugin-detail .detail-container img[data-v-1ed304de],.installed .plugin-detail .feature-container img[data-v-1ed304de]{width:100%}.installed .plugin-detail .desc-item[data-v-1ed304de]{padding:10px 0;color:var(--color-text-content)}.installed .plugin-detail .desc-item .ant-tag[data-v-1ed304de]{margin-top:6px}.installed .plugin-detail .desc-item .ant-tag.executable[data-v-1ed304de]{cursor:pointer;color:var(--ant-info-color)}.installed .plugin-detail .desc-item .ant-tag.executable[data-v-1ed304de]:hover{transform:translateY(-2px)}.installed .plugin-detail .desc-item .desc-title[data-v-1ed304de]{display:flex;align-items:center;justify-content:space-between}.installed .plugin-detail .desc-item .desc-info[data-v-1ed304de]{color:var(--color-text-desc)}

public/feature/css/chunk-a2b32e48.67429700.css

@@ -0,0 +1 @@
+:root{--vc-clr-primary:#000;--vc-clr-secondary:rgba(9,15,32,0.4980392156862745);--vc-clr-white:#fff;--vc-icn-width:1.2em;--vc-nav-width:30px;--vc-nav-height:30px;--vc-nav-border-radius:0;--vc-nav-color:var(--vc-clr-primary);--vc-nav-color-hover:var(--vc-clr-secondary);--vc-nav-background:transparent;--vc-pgn-width:12px;--vc-pgn-height:4px;--vc-pgn-margin:4px;--vc-pgn-border-radius:0;--vc-pgn-background-color:var(--vc-clr-secondary);--vc-pgn-active-color:var(--vc-clr-primary)}.carousel__next,.carousel__prev{background:var(--vc-nav-background);border-radius:var(--vc-nav-border-radius);width:var(--vc-nav-width);height:var(--vc-nav-height);text-align:center;font-size:var(--vc-nav-height);padding:0;color:var(--vc-nav-color);display:flex;justify-content:center;align-items:center;position:absolute;border:0;cursor:pointer;margin:0 10px;top:50%;transform:translateY(-50%)}.carousel__next:hover,.carousel__prev:hover{color:var(--vc-nav-color-hover)}.carousel__next--disabled,.carousel__prev--disabled{cursor:not-allowed;opacity:.5}.carousel__prev{left:0}.carousel__next{right:0}.carousel--rtl .carousel__prev{left:auto;right:0}.carousel--rtl .carousel__next{right:auto;left:0}.carousel{position:relative;text-align:center;box-sizing:border-box;touch-action:pan-y;-ms-scroll-chaining:none;overscroll-behavior:none}.carousel.is-dragging{touch-action:none}.carousel *{box-sizing:border-box}.carousel__track{display:flex;padding:0!important;position:relative}.carousel__viewport{overflow:hidden}.carousel__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.carousel__icon{width:var(--vc-icn-width);height:var(--vc-icn-width);fill:currentColor}.carousel__pagination{display:flex;justify-content:center;list-style:none;line-height:0;margin:10px 0 0}.carousel__pagination-button{display:block;border:0;margin:0;cursor:pointer;padding:var(--vc-pgn-margin);background:transparent}.carousel__pagination-button:after{display:block;content:"";width:var(--vc-pgn-width);height:var(--vc-pgn-height);border-radius:var(--vc-pgn-border-radius);background-color:var(--vc-pgn-background-color)}.carousel__pagination-button--active:after,.carousel__pagination-button:hover:after{background-color:var(--vc-pgn-active-color)}.carousel__slide{scroll-snap-stop:auto;flex-shrink:0;margin:0;position:relative;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.finder{position:relative;width:100%;overflow-x:hidden;box-sizing:border-box}.finder::-webkit-scrollbar{width:0}.finder .ant-divider-horizontal{margin:17px 0}.carousel__item{cursor:pointer;min-height:180px;width:100%;background-color:var(--vc-clr-primary);color:var(--vc-clr-white);font-size:20px;border-radius:8px;display:flex;justify-content:center;align-items:center}.carousel__track{margin-bottom:0}.carousel__slide{padding-right:6px}.carousel__slide:last-child{padding-left:6px}.carousel__next,.carousel__prev{box-sizing:content-box;border:5px solid #fff}

public/feature/css/chunk-cf61e458.9be2495c.css

@@ -0,0 +1 @@
+.system{width:100%;overflow-x:hidden;box-sizing:border-box}

public/feature/css/chunk-f69c766e.9be2495c.css

@@ -0,0 +1 @@
+.system{width:100%;overflow-x:hidden;box-sizing:border-box}

public/feature/index.html

@@ -1 +1 @@
-<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>feature</title><link href="css/app.518884da.css" rel="preload" as="style"><link href="css/chunk-vendors.7f9dcb72.css" rel="preload" as="style"><link href="js/app.e81c0c2f.js" rel="preload" as="script"><link href="js/chunk-vendors.cc39b888.js" rel="preload" as="script"><link href="css/chunk-vendors.7f9dcb72.css" rel="stylesheet"><link href="css/app.518884da.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but feature doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.cc39b888.js"></script><script src="js/app.e81c0c2f.js"></script></body></html>
+<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><title>feature</title><link href="css/chunk-0add5e88.2f22e37d.css" rel="prefetch"><link href="css/chunk-111de227.2450c00b.css" rel="prefetch"><link href="css/chunk-1af68a6e.2450c00b.css" rel="prefetch"><link href="css/chunk-1e4a75e5.ba6f3d8b.css" rel="prefetch"><link href="css/chunk-3fb623ce.2b9b7de2.css" rel="prefetch"><link href="css/chunk-596c6184.9be2495c.css" rel="prefetch"><link href="css/chunk-5cf3b9db.e273616c.css" rel="prefetch"><link href="css/chunk-88e69aa8.69c3b24d.css" rel="prefetch"><link href="css/chunk-93f94cf8.0f63dd4a.css" rel="prefetch"><link href="css/chunk-a2b32e48.67429700.css" rel="prefetch"><link href="css/chunk-cf61e458.9be2495c.css" rel="prefetch"><link href="css/chunk-f69c766e.9be2495c.css" rel="prefetch"><link href="js/chunk-0add5e88.26781f59.js" rel="prefetch"><link href="js/chunk-111de227.86b2c5e3.js" rel="prefetch"><link href="js/chunk-1af68a6e.2022b1a8.js" rel="prefetch"><link href="js/chunk-1e4a75e5.e9c5b1d4.js" rel="prefetch"><link href="js/chunk-2d0c49e7.20196ed0.js" rel="prefetch"><link href="js/chunk-3fb623ce.ee432c33.js" rel="prefetch"><link href="js/chunk-596c6184.a1398c77.js" rel="prefetch"><link href="js/chunk-5cf3b9db.d5ee71ed.js" rel="prefetch"><link href="js/chunk-88e69aa8.55955c4d.js" rel="prefetch"><link href="js/chunk-93f94cf8.7dd5e910.js" rel="prefetch"><link href="js/chunk-a2b32e48.20d42be1.js" rel="prefetch"><link href="js/chunk-cf61e458.20835e3d.js" rel="prefetch"><link href="js/chunk-f69c766e.230d2fbd.js" rel="prefetch"><link href="css/app.4abdfe3a.css" rel="preload" as="style"><link href="css/chunk-vendors.a52bdfa2.css" rel="preload" as="style"><link href="js/app.313735e9.js" rel="preload" as="script"><link href="js/chunk-vendors.c7dcd677.js" rel="preload" as="script"><link href="css/chunk-vendors.a52bdfa2.css" rel="stylesheet"><link href="css/app.4abdfe3a.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but feature doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="js/chunk-vendors.c7dcd677.js"></script><script src="js/app.313735e9.js"></script></body></html>

public/feature/js/chunk-111de227.86b2c5e3.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-111de227"],{3271:function(e,t,n){},be50:function(e,t,n){"use strict";n.r(t);var c=n("c7eb"),o=n("1da1"),a=(n("d81d"),n("d3b7"),n("159b"),n("b0c0"),n("7a23")),r=n("0eaf"),u=n("be89"),s=n("5502"),l={class:"tools"},i={__name:"tools",setup:function(e){var t=Object(s["b"])(),n=Object(a["computed"])((function(){return t.state.totalPlugins})),i=Object(a["ref"])([]);Object(a["onBeforeMount"])(Object(o["a"])(Object(c["a"])().mark((function e(){return Object(c["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,r["a"].getSearchDetail();case 2:i.value=e.sent;case 3:case"end":return e.stop()}}),e)}))));var b=Object(a["computed"])((function(){var e=i.value||[];return e.length?e.map((function(e){var t=null;return n.value.forEach((function(n){n.name===e&&(t=n)})),t})):[]}));return function(e,t){return Object(a["openBlock"])(),Object(a["createElementBlock"])("div",l,[Object(a["unref"])(b)&&Object(a["unref"])(b).length?(Object(a["openBlock"])(),Object(a["createBlock"])(u["a"],{key:0,onDownloadSuccess:e.downloadSuccess,title:e.$t("feature.market.searchTool"),list:Object(a["unref"])(b)},null,8,["onDownloadSuccess","title","list"])):Object(a["createCommentVNode"])("",!0)])}}};n("f1e9");const b=i;t["default"]=b},d81d:function(e,t,n){"use strict";var c=n("23e7"),o=n("b727").map,a=n("1dde"),r=a("map");c({target:"Array",proto:!0,forced:!r},{map:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}})},f1e9:function(e,t,n){"use strict";n("3271")}}]);

public/feature/js/chunk-1af68a6e.2022b1a8.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-1af68a6e"],{5458:function(e,t,n){"use strict";n.r(t);var c=n("c7eb"),r=n("1da1"),a=(n("d81d"),n("d3b7"),n("159b"),n("b0c0"),n("7a23")),o=n("0eaf"),u=n("be89"),i=n("5502"),s={class:"worker"},b={__name:"worker",setup:function(e){var t=Object(i["b"])(),n=Object(a["computed"])((function(){return t.state.totalPlugins})),b=Object(a["ref"])([]);Object(a["onBeforeMount"])(Object(r["a"])(Object(c["a"])().mark((function e(){return Object(c["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,o["a"].getWorkerDetail();case 2:b.value=e.sent;case 3:case"end":return e.stop()}}),e)}))));var f=Object(a["computed"])((function(){var e=b.value||[];return e.length?e.map((function(e){var t=null;return n.value.forEach((function(n){n.name===e&&(t=n)})),t})):[]}));return function(e,t){return Object(a["openBlock"])(),Object(a["createElementBlock"])("div",s,[Object(a["unref"])(f)&&Object(a["unref"])(f).length?(Object(a["openBlock"])(),Object(a["createBlock"])(u["a"],{key:0,onDownloadSuccess:e.downloadSuccess,title:e.$t("feature.market.efficiency"),list:Object(a["unref"])(f)},null,8,["onDownloadSuccess","title","list"])):Object(a["createCommentVNode"])("",!0)])}}};n("b63b");const f=b;t["default"]=f},"6a1f":function(e,t,n){},b63b:function(e,t,n){"use strict";n("6a1f")},d81d:function(e,t,n){"use strict";var c=n("23e7"),r=n("b727").map,a=n("1dde"),o=a("map");c({target:"Array",proto:!0,forced:!o},{map:function(e){return r(this,e,arguments.length>1?arguments[1]:void 0)}})}}]);

public/feature/js/chunk-596c6184.a1398c77.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-596c6184"],{"10dc":function(e,t,n){"use strict";n.r(t);var c=n("c7eb"),o=n("1da1"),a=(n("d81d"),n("d3b7"),n("159b"),n("b0c0"),n("7a23")),r=n("0eaf"),u=n("be89"),s=n("5502"),l={class:"system"},b={__name:"devlopment",setup:function(e){var t=Object(s["b"])(),n=Object(a["computed"])((function(){return t.state.totalPlugins})),b=Object(a["ref"])([]);Object(a["onBeforeMount"])(Object(o["a"])(Object(c["a"])().mark((function e(){return Object(c["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return e.next=2,r["a"].getDevDetail();case 2:b.value=e.sent;case 3:case"end":return e.stop()}}),e)}))));var d=Object(a["computed"])((function(){var e=b.value||[];return e.length?e.map((function(e){var t=null;return n.value.forEach((function(n){n.name===e&&(t=n)})),t})):[]}));return function(e,t){return Object(a["openBlock"])(),Object(a["createElementBlock"])("div",l,[Object(a["unref"])(d)&&Object(a["unref"])(d).length?(Object(a["openBlock"])(),Object(a["createBlock"])(u["a"],{key:0,onDownloadSuccess:e.downloadSuccess,title:e.$t("feature.market.developTool"),list:Object(a["unref"])(d)},null,8,["onDownloadSuccess","title","list"])):Object(a["createCommentVNode"])("",!0)])}}};n("edb3");const d=b;t["default"]=d},b7d6:function(e,t,n){},d81d:function(e,t,n){"use strict";var c=n("23e7"),o=n("b727").map,a=n("1dde"),r=a("map");c({target:"Array",proto:!0,forced:!r},{map:function(e){return o(this,e,arguments.length>1?arguments[1]:void 0)}})},edb3:function(e,t,n){"use strict";n("b7d6")}}]);

public/feature/js/chunk-5cf3b9db.d5ee71ed.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-5cf3b9db"],{"44e73":function(e,t,n){"use strict";n.r(t);var a=n("c7eb"),c=(n("c346"),n("e63d")),r=n.n(c),o=n("1da1"),u=(n("b0c0"),n("7a23")),i=n("47e2"),l={class:"dev"},s={class:"view-title"},f={class:"view-container"},d={__name:"index",setup:function(e){var t=Object(i["b"])(),n=t.t,c=Object(u["ref"])(),d=Object(u["reactive"])({name:void 0}),b={name:{required:!0,message:"Please input name"}},m=function(){c.value.validate().then((function(){v(d.name)}))},p=Object(u["ref"])(!1),v=function(){var e=Object(o["a"])(Object(a["a"])().mark((function e(t){return Object(a["a"])().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return p.value=!0,e.next=3,window.market.downloadPlugin({name:t,isDev:!0});case 3:r.a.success(n("feature.dev.installSuccess",{pluginName:t})),p.value=!1;case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),j=function(){c.value.validate().then((function(){window.market.refreshPlugin({name:d.name}),r.a.success(n("feature.dev.refreshSuccess",{pluginName:d.name}))}))},O={span:4},w={span:14};return function(e,t){var n=Object(u["resolveComponent"])("a-alert"),a=Object(u["resolveComponent"])("a-input"),r=Object(u["resolveComponent"])("a-form-item"),o=Object(u["resolveComponent"])("a-button"),i=Object(u["resolveComponent"])("a-form");return Object(u["openBlock"])(),Object(u["createElementBlock"])("div",l,[Object(u["createElementVNode"])("div",s,Object(u["toDisplayString"])(e.$t("feature.dev.title")),1),Object(u["createElementVNode"])("div",f,[Object(u["createVNode"])(n,{style:{"margin-bottom":"40px"},message:e.$t("feature.dev.tips"),type:"warning"},null,8,["message"]),Object(u["createVNode"])(i,{ref_key:"formRef",ref:c,model:d,rules:b,"label-col":O,"wrapper-col":w},{default:Object(u["withCtx"])((function(){return[Object(u["createVNode"])(r,{label:e.$t("feature.dev.pluginName"),name:"name"},{default:Object(u["withCtx"])((function(){return[Object(u["createVNode"])(a,{value:d.name,"onUpdate:value":t[0]||(t[0]=function(e){return d.name=e})},null,8,["value"])]})),_:1},8,["label"]),Object(u["createVNode"])(r,{"wrapper-col":{span:14,offset:4}},{default:Object(u["withCtx"])((function(){return[Object(u["createVNode"])(o,{loading:p.value,type:"primary",onClick:m},{default:Object(u["withCtx"])((function(){return[Object(u["createTextVNode"])(Object(u["toDisplayString"])(e.$t("feature.dev.install")),1)]})),_:1},8,["loading"]),Object(u["createVNode"])(o,{onClick:j,style:{"margin-left":"10px"}},{default:Object(u["withCtx"])((function(){return[Object(u["createTextVNode"])(Object(u["toDisplayString"])(e.$t("feature.dev.refreshPlugins")),1)]})),_:1})]})),_:1})]})),_:1},8,["model"])])])}}},b=(n("ef18"),n("6b0d")),m=n.n(b);const p=m()(d,[["__scopeId","data-v-6fb0031c"]]);t["default"]=p},a479:function(e,t,n){},c346:function(e,t,n){"use strict";n("fe5b"),n("a479")},ef18:function(e,t,n){"use strict";n("f44a")},f44a:function(e,t,n){}}]);

public/feature/js/chunk-88e69aa8.55955c4d.js

@@ -0,0 +1 @@
+(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-88e69aa8"],{"3e1f":function(e,t,n){"use strict";n.r(t);n("c346");var c=n("e63d"),r=n.n(c),a=n("7a23"),u=n("e1bd"),o=n("f5e0"),s={class:"account"},i=["src"],b={__name:"index",setup:function(e){var t=Object(a["ref"])(window.rubick.dbStorage.getItem("rubick-user-info")),n=Object(a["ref"])(""),c=Object(u["a"])(),b=Object(a["ref"])(!1),l=function(){b.value=!0,n.value||t.value||o["a"].getScanCode({scene:c}).then((function(e){n.value="data:image/png;base64,".concat(e.dataUrl)}))},d=null;return Object(a["watch"])([b],(function(){b.value?d=setInterval((function(){o["a"].checkLoginStatus({scene:c}).then((function(e){console.log(e),e.openId&&(window.rubick.dbStorage.setItem("rubick-user-info",e),t.value=e,r.a.success("登录成功！"),b.value=!1,clearInterval(d),d=null)}))}),2e3):(clearInterval(d),d=null)})),function(e,c){var r=Object(a["resolveComponent"])("a-button"),u=Object(a["resolveComponent"])("a-result"),o=Object(a["resolveComponent"])("a-modal");return Object(a["openBlock"])(),Object(a["createElementBlock"])("div",s,[t.value?Object(a["createCommentVNode"])("",!0):(Object(a["openBlock"])(),Object(a["createBlock"])(u,{key:0,title:"请先登录","sub-title":"用户暂未登录，无法体验更多设置"},{extra:Object(a["withCtx"])((function(){return[Object(a["createVNode"])(r,{onClick:l,type:"primary"},{default:Object(a["withCtx"])((function(){return[Object(a["createTextVNode"])(" 使用微信小程序登录 ")]})),_:1})]})),_:1})),Object(a["createVNode"])(o,{footer:null,visible:b.value,"onUpdate:visible":c[0]||(c[0]=function(e){return b.value=e})},{default:Object(a["withCtx"])((function(){return[Object(a["createVNode"])(u,{title:"请使用微信扫码登录!","sub-title":"使用微信扫描上面的 rubick 小程序二维码进行授权登录"},{icon:Object(a["withCtx"])((function(){return[Object(a["createElementVNode"])("img",{width:"200",src:n.value},null,8,i)]})),_:1})]})),_:1},8,["visible"])])}}},l=(n("7251"),n("6b0d")),d=n.n(l);const f=d()(b,[["__scopeId","data-v-2bc021e6"]]);t["default"]=f},7251:function(e,t,n){"use strict";n("9d3e")},"9d3e":function(e,t,n){},a479:function(e,t,n){},c346:function(e,t,n){"use strict";n("fe5b"),n("a479")},e1bd:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));let c=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((e,t)=>(t&=63,e+=t<36?t.toString(36):t<62?(t-26).toString(36).toUpperCase():t>62?"-":"_",e),"")},f5e0:function(e,t,n){"use strict";var c=n("c7eb"),r=n("1da1"),a=n("bc3a"),u=n.n(a),o=u.a.create({baseURL:"https://rubick.vip/api/"});t["a"]={getScanCode:function(e){return Object(r["a"])(Object(c["a"])().mark((function t(){var n,r;return Object(c["a"])().wrap((function(t){while(1)switch(t.prev=t.next){case 0:return n=e.scene,t.next=3,o.get("/users/getScanCode",{params:{scene:n}});case 3:return r=t.sent,t.abrupt("return",r.data);case 5:case"end":return t.stop()}}),t)})))()},checkLoginStatus:function(e){return Object(r["a"])(Object(c["a"])().mark((function t(){var n,r;return Object(c["a"])().wrap((function(t){while(1)switch(t.prev=t.next){case 0:return n=e.scene,t.next=3,o.post("/users/checkLoginStatus",{scene:n});case 3:return r=t.sent,t.abrupt("return",r.data);case 5:case"end":return t.stop()}}),t)})))()},getUserInfo:function(e){return Object(r["a"])(Object(c["a"])().mark((function t(){var n,r;return Object(c["a"])().wrap((function(t){while(1)switch(t.prev=t.next){case 0:return n=e.openId,t.next=3,o.post("/users/getUserInfo",{openId:n});case 3:return r=t.sent,t.abrupt("return",r.data);case 5:case"end":return t.stop()}}),t)})))()}}}}]);