更新版本 v2.16.0

修复错误信息展示
修复全部任务多语言
2026-08-11 19:05:20 +08:00 · 2023-08-06 20:57:10 +08:00 · 2023-08-06 20:56:59 +08:00 · 2023-08-06 14:55:51 +08:00 · 2023-08-05 13:18:28 +08:00 · 2023-08-05 12:33:43 +08:00
128 changed files with 7975 additions and 5792 deletions
@@ -45,7 +45,7 @@ jobs:
      - uses: actions/checkout@v3
      - uses: pnpm/action-setup@v2
        with:
-          version: latest
+          version: '8.3.1'

      - uses: actions/setup-node@v3
        with:
@@ -85,8 +85,6 @@ jobs:
          git push --force --quiet gitlab ${GITHUB_BRANCH}:${GITHUB_BRANCH}

  build:
-    if: github.ref != 'refs/heads/master'
-
    needs: build-static

    runs-on: ubuntu-latest
@@ -99,7 +97,7 @@ jobs:
      - uses: actions/checkout@v3
      - uses: pnpm/action-setup@v2
        with:
-          version: latest
+          version: '8.3.1'
      - uses: actions/setup-node@v3
        with:
          cache: 'pnpm'
@@ -131,11 +129,14 @@ jobs:
            ghcr.io/${{ github.repository }}
          # generate Docker tags based on the following events/attributes
          #   nightly, master, pr-2, 1.2.3, 1.2, 1
+          flavor: |
+            latest=false
          tags: |
            type=schedule,pattern=nightly
            type=edge
-            type=ref,event=branch
            type=ref,event=pr
+            type=ref,event=branch,enable=${{ github.ref != format('refs/heads/{0}', 'master') }}
+            type=raw,value=latest,enable=${{ github.ref == format('refs/heads/{0}', 'master') }}
            type=semver,pattern={{version}}
            type=semver,pattern={{major}}.{{minor}}
            type=semver,pattern={{major}}
@@ -29,3 +29,4 @@
 /manual_log
 /scripts
 /bak
+/.tmp
@@ -6,3 +6,27 @@ package.json
 .umi
 .umi-production
 .umi-test
+.history
+.tmp
+node_modules
+npm-debug.log*
+yarn-error.log
+yarn.lock
+package-lock.json
+static
+data
+DS_Store
+src/.umi
+src/.umi-production
+src/.umi-test
+.env.local
+env
+history
+version.ts
+config
+log
+db
+manual_log
+scripts
+bak
+.tmp
@@ -1,26 +1,30 @@
 import { defineConfig } from '@umijs/max';
 const CompressionPlugin = require('compression-webpack-plugin');

+const baseUrl = process.env.QlBaseUrl || '/';
 export default defineConfig({
  hash: true,
  antd: {},
+  locale: {
+    antd: true,
+    title: true,
+    baseNavigator: true,
+  },
  outputPath: 'static/dist',
  fastRefresh: true,
-  favicons: ['./images/favicon.svg'],
-  mfsu: {
-    strategy: 'eager',
-  },
+  favicons: [`https://qn.whyour.cn/favicon.svg`],
  publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
  proxy: {
-    '/api/public': {
+    [`${baseUrl}api/public`]: {
      target: 'http://127.0.0.1:5400/',
      changeOrigin: true,
-      pathRewrite: { '^/api/public': '/api/' },
+      pathRewrite: { [`^${baseUrl}api/public`]: '/api' },
    },
-    '/api': {
+    [`${baseUrl}api`]: {
      target: 'http://127.0.0.1:5600/',
      changeOrigin: true,
      ws: true,
+      pathRewrite: { [`^${baseUrl}api`]: '/api' },
    },
  },
  chainWebpack: ((config: any) => {
@@ -38,6 +42,7 @@ export default defineConfig({
    'react-dom': 'window.ReactDOM',
  },
  headScripts: [
+    `./api/env.js`,
    'https://gw.alipayobjects.com/os/lib/react/18.2.0/umd/react.production.min.js',
    'https://gw.alipayobjects.com/os/lib/react-dom/18.2.0/umd/react-dom.production.min.js',
  ],
@@ -1,30 +1,29 @@
-<p align="center">
-  <a href="https://github.com/whyour/qinglong">
-    <img width="150" src="https://user-images.githubusercontent.com/22700758/191449379-f9f56204-0e31-4a16-be5a-331f52696a73.png">
-  </a>
-</p>
-
-<h1 align="center">Green Dragon</h1>
-
 <div align="center">
+<img width="100" src="https://user-images.githubusercontent.com/22700758/191449379-f9f56204-0e31-4a16-be5a-331f52696a73.png">
+
+<h1 align="center">Qinglong</h1>
+
+[简体中文](./README.md) | English

 Timed task management platform supporting Python3, JavaScript, Shell, Typescript

-[![docker version][docker-version-image]][docker-version-url] [![docker pulls][docker-pulls-image]][docker-pulls-url] [![docker stars][docker-stars-image]][docker-stars-url] [![docker image size][docker-image-size-image]][docker-image-size-url]
+[![npm version][npm-version-image]][npm-version-url] [![docker pulls][docker-pulls-image]][docker-pulls-url] [![docker stars][docker-stars-image]][docker-stars-url] [![docker image size][docker-image-size-image]][docker-image-size-url]

+[npm-version-image]: https://img.shields.io/npm/v/@whyour/qinglong?style=flat
+[npm-version-url]: https://www.npmjs.com/package/@whyour/qinglong?activeTab=readme
 [docker-pulls-image]: https://img.shields.io/docker/pulls/whyour/qinglong?style=flat
 [docker-pulls-url]: https://hub.docker.com/r/whyour/qinglong
-[docker-version-image]: https://img.shields.io/docker/v/whyour/qinglong?style=flat
-[docker-version-url]: https://hub.docker.com/r/whyour/qinglong/tags?page=1&ordering=last_updated
 [docker-stars-image]: https://img.shields.io/docker/stars/whyour/qinglong?style=flat
 [docker-stars-url]: https://hub.docker.com/r/whyour/qinglong
 [docker-image-size-image]: https://img.shields.io/docker/image-size/whyour/qinglong?style=flat
 [docker-image-size-url]: https://hub.docker.com/r/whyour/qinglong
+
+[Demo](http://demo.dlww.cc:4433/) / [Issues](https://github.com/whyour/qinglong/issues) / [Telegram Channel](https://t.me/jiao_long) / [Buy Me a Coffee](https://www.buymeacoffee.com/qinglong)
+
+[演示](http://demo.dlww.cc:4433/) / [反馈](https://github.com/whyour/qinglong/issues) / [Telegram 频道](https://t.me/jiao_long) / [打赏开发者](https://user-images.githubusercontent.com/22700758/244744295-29cd0cd1-c8bb-4ea1-adf6-29bd390ad4dd.jpg)
 </div>

-[![](https://user-images.githubusercontent.com/22700758/229290661-03aabe84-8780-4ef0-8e75-2146f4636130.jpeg)](https://whyour.cn)
-
-[简体中文](./README.md) | English
+![cover](https://user-images.githubusercontent.com/22700758/244847235-8dc1ca21-e03f-4606-9458-0541fab60413.png)

 ## Features

@@ -36,64 +35,30 @@ Timed task management platform supporting Python3, JavaScript, Shell, Typescript
 - Support dark mode
 - Support cell phone operation

+## Version
+### docker
+
+The `latest` image is built on `alpine` and the `debian` image is built on `debian-slim`. If you need to use a dependency that is not supported by `alpine`, it is recommended that you use the `debian` image.
+
+```bash
+docker pull whyour/qinglong:latest
+docker pull whyour/qinglong:debian
+```
+
+### npm
+
+The npm version supports `debian/ubuntu/centos/alpine` systems and requires `node/python3` to be installed.
+
+```bash
+npm i @whyour/qinglong
+```
+
 ## Deployment

-### Local Deployment
-
-```bash
-# To be refined, see the development steps first (not supported on windows yet)
-```
-
-### Podman Deployment
-
-1. podman installation
-
-```bash
-https://podman.io/getting-started/installation
-```
-
-2. start the container
-
-```bash
-podman run -dit \
-  --network bridge \
-  -v $PWD/ql/data:/ql/data \
-  -p 5700:5700 \
-  --name qinglong \
-  --hostname qinglong \
-  docker.io/whyour/qinglong:latest
-```
-
-### Docker Deployment
-
-1. docker installation
-
-```bash
-sudo curl -sSL get.docker.com | sh
-```
-
-2. configure domestic mirror sources
-
-```bash
-mkdir -p /etc/docker
-tee /etc/docker/daemon.json <<-'EOF'
-{
-  "registry-mirrors": [
-    "https://0b27f0a81a00f3560fbdc00ddd2f99e0.mirror.swr.myhuaweicloud.com",
-    "https://ypzju6vq.mirror.aliyuncs.com",
-    "https://registry.docker-cn.com",
-    "http://hub-mirror.c.163.com",
-    "https://docker.mirrors.ustc.edu.cn"
-  ]
-}
-EOF
-systemctl daemon-reload
-systemctl restart docker
-```
-
-3. start the container
+### Docker (Recommended)

 ```bash
+# curl -sSL get.docker.com | sh
 docker run -dit \
  -v $PWD/ql/data:/ql/data \
  -p 5700:5700 \
@@ -103,17 +68,10 @@ docker run -dit \
  whyour/qinglong:latest
 ```

-### Docker-compose Deployment
-
-1. docker-compose installation
-
-```bash
-sudo curl -L https://github.com/docker/compose/releases/download/1.16.1/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
-```
-
-2. start the container
+### Docker-compose (Recommended)

 ```bash
+# curl -L https://github.com/docker/compose/releases/download/1.16.1/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
 mkdir qinglong
 wget https://raw.githubusercontent.com/whyour/qinglong/master/docker/docker-compose.yml

@@ -123,9 +81,32 @@ docker-compose up -d
 docker-compose down
 ```

-3. access
+### Podman (Recommended)

-Open your browser and visit http://{ip}:5700
+```bash
+# https://podman.io/getting-started/installation
+podman run -dit \
+  --network bridge \
+  -v $PWD/ql/data:/ql/data \
+  -p 5700:5700 \
+  --name qinglong \
+  --hostname qinglong \
+  docker.io/whyour/qinglong:latest
+```
+
+### Local
+
+It is recommended to use a pure system installation to avoid losing the original system data, you need to install node/npm/python3/pip3 yourself
+
+```bash
+npm install -g @whyour/qinglong
+qinglong
+# Add the environment variables QL_DIR and QL_DATA_DIR when prompted
+export QL_DIR=""
+export QL_DATA_DIR=""
+# Run again
+qinglong
+```

 ## Use

@@ -181,6 +162,20 @@ task -l <file_path>
 * account_number: Specify the account number of an environment variable to be executed when the task is executed
 * max_time: Timeout, suffix "s" for seconds (default), "m" for minutes, "h" for hours, "d" for days

+## Development
+
+```bash
+$ git clone git@github.com:whyour/qinglong.git
+$ cd qinglong
+$ cp .env.example .env
+# Recommended use pnpm https://pnpm.io/zh/installation
+$ npm install -g pnpm@8.3.1
+$ pnpm install
+$ pnpm start
+```
+
+Open your browser and visit http://127.0.0.1:5700
+
 ## Links

 - [nevinee](https://gitee.com/evine)
@@ -191,24 +186,6 @@ task -l <file_path>
 - [darkreader](https://github.com/darkreader/darkreader)
 - [admin-server](https://github.com/sunpu007/admin-server)

-## Development
-
-```bash
-$ git clone git@github.com:whyour/qinglong.git
-$ cd qinglong
-$ cp .env.example .env
-# Recommended use pnpm https://pnpm.io/zh/installation
-$ npm install -g pnpm
-$ pnpm install
-$ pnpm start
-```
-
-Open your browser and visit http://127.0.0.1:5700
-
-## Communication
-
-[telegram channel](https://t.me/jiao_long)
-
 ## Name Origin

 The Green Dragon, also known as the Canglong, is one of the four elephants and one of the [four spirits of the heavens](https://zh.wikipedia.org/wiki/%E5%A4%A9%E4%B9%8B%E5%9B%9B%E7%81%B5) in traditional Chinese culture. According to the Five Elements, it is a spirit animal representing the East as a green dragon, the five elements are wood, and the season represented is spring, with the eight trigrams dominating vibration. Like the Ying Long, the Cang Long has feathered wings. According to the Zhang Guo Xing Zong (Zhang Guo Xing Zong), "a true dragon is one that has complementary wings".
@@ -1,30 +1,31 @@
-<p align="center">
-  <a href="https://github.com/whyour/qinglong">
-    <img width="150" src="https://user-images.githubusercontent.com/22700758/191449379-f9f56204-0e31-4a16-be5a-331f52696a73.png">
-  </a>
-</p>
+<div align="center">
+<img width="100" src="https://user-images.githubusercontent.com/22700758/191449379-f9f56204-0e31-4a16-be5a-331f52696a73.png">

 <h1 align="center">青龙</h1>

-<div align="center">
+简体中文 | [English](./README-en.md)

 支持 Python3、JavaScript、Shell、Typescript 的定时任务管理平台

-[![docker version][docker-version-image]][docker-version-url] [![docker pulls][docker-pulls-image]][docker-pulls-url] [![docker stars][docker-stars-image]][docker-stars-url] [![docker image size][docker-image-size-image]][docker-image-size-url]
+Timed task management platform supporting Python3, JavaScript, Shell, Typescript

+[![npm version][npm-version-image]][npm-version-url] [![docker pulls][docker-pulls-image]][docker-pulls-url] [![docker stars][docker-stars-image]][docker-stars-url] [![docker image size][docker-image-size-image]][docker-image-size-url]
+
+[npm-version-image]: https://img.shields.io/npm/v/@whyour/qinglong?style=flat
+[npm-version-url]: https://www.npmjs.com/package/@whyour/qinglong?activeTab=readme
 [docker-pulls-image]: https://img.shields.io/docker/pulls/whyour/qinglong?style=flat
 [docker-pulls-url]: https://hub.docker.com/r/whyour/qinglong
-[docker-version-image]: https://img.shields.io/docker/v/whyour/qinglong?style=flat
-[docker-version-url]: https://hub.docker.com/r/whyour/qinglong/tags?page=1&ordering=last_updated
 [docker-stars-image]: https://img.shields.io/docker/stars/whyour/qinglong?style=flat
 [docker-stars-url]: https://hub.docker.com/r/whyour/qinglong
 [docker-image-size-image]: https://img.shields.io/docker/image-size/whyour/qinglong?style=flat
 [docker-image-size-url]: https://hub.docker.com/r/whyour/qinglong
+
+[Demo](http://demo.dlww.cc:4433/) / [Issues](https://github.com/whyour/qinglong/issues) / [Telegram Channel](https://t.me/jiao_long) / [Buy Me a Coffee](https://www.buymeacoffee.com/qinglong)
+
+[演示](http://demo.dlww.cc:4433/) / [反馈](https://github.com/whyour/qinglong/issues) / [Telegram 频道](https://t.me/jiao_long) / [打赏开发者](https://user-images.githubusercontent.com/22700758/244744295-29cd0cd1-c8bb-4ea1-adf6-29bd390ad4dd.jpg)
 </div>

-[![](https://user-images.githubusercontent.com/22700758/229290661-03aabe84-8780-4ef0-8e75-2146f4636130.jpeg)](https://whyour.cn)
-
-简体中文 | [English](./README-en.md)
+![cover](https://user-images.githubusercontent.com/22700758/244847235-8dc1ca21-e03f-4606-9458-0541fab60413.png)

 ## 功能

@@ -36,84 +37,45 @@
 - 支持暗黑模式
 - 支持手机端操作

+## 版本
+### docker
+
+`latest` 镜像是基于 `alpine` 构建，`debian` 镜像是基于 `debian-slim` 构建。如果需要使用 `alpine` 不支持的依赖，建议使用 `debian` 镜像
+
+```bash
+docker pull whyour/qinglong:latest
+docker pull whyour/qinglong:debian
+```
+
+### npm
+
+npm 版本支持 `debian/ubuntu/centos/alpine` 系统，需要自行安装 `node/python3`
+
+```bash
+npm i @whyour/qinglong
+```
+
 ## 部署

-### 本机部署
-
-```bash
-# 待完善，可先参考开发步骤 (windows暂时不支持)
-```
-
-### podman 部署
-
-1. podman 安装
-
-```bash
-https://podman.io/getting-started/installation
-```
-
-2. 启动容器
-
-```bash
-podman run -dit \
-  --network bridge \
-  -v $PWD/ql/data:/ql/data \
-  -p 5700:5700 \
-  --name qinglong \
-  --hostname qinglong \
-  docker.io/whyour/qinglong:latest
-```
-
-### docker 部署
-
-1. docker 安装
-
-```bash
-sudo curl -sSL get.docker.com | sh
-```
-
-2. 配置国内镜像源
-
-```bash
-mkdir -p /etc/docker
-tee /etc/docker/daemon.json <<-'EOF'
-{
-  "registry-mirrors": [
-    "https://0b27f0a81a00f3560fbdc00ddd2f99e0.mirror.swr.myhuaweicloud.com",
-    "https://ypzju6vq.mirror.aliyuncs.com",
-    "https://registry.docker-cn.com",
-    "http://hub-mirror.c.163.com",
-    "https://docker.mirrors.ustc.edu.cn"
-  ]
-}
-EOF
-systemctl daemon-reload
-systemctl restart docker
-```
-
-3. 启动容器
+### docker (推荐)

 ```bash
+# curl -sSL get.docker.com | sh
 docker run -dit \
  -v $PWD/ql/data:/ql/data \
  -p 5700:5700 \
+  # 部署路径非必须，以斜杠开头和结尾，比如 /test/
+  -e QlBaseUrl="/" \
  --name qinglong \
  --hostname qinglong \
  --restart unless-stopped \
  whyour/qinglong:latest
 ```

-### docker-compose 部署
-
-1. docker-compose 安装
-
-```bash
-sudo curl -L https://github.com/docker/compose/releases/download/1.16.1/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
-```
-
-2. 启动容器
+### docker-compose (推荐)

 ```bash
+#  curl -L https://github.com/docker/compose/releases/download/1.16.1/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
 mkdir qinglong
 wget https://raw.githubusercontent.com/whyour/qinglong/master/docker/docker-compose.yml

@@ -123,9 +85,34 @@ docker-compose up -d
 docker-compose down
 ```

-3. 访问
+### podman (推荐)

-打开你的浏览器，访问 http://{ip}:5700
+```bash
+# https://podman.io/getting-started/installation
+podman run -dit \
+  --network bridge \
+  -v $PWD/ql/data:/ql/data \
+  -p 5700:5700 \
+  # 部署路径非必须，以斜杠开头和结尾，比如 /test/
+  -e QlBaseUrl="/" \
+  --name qinglong \
+  --hostname qinglong \
+  docker.io/whyour/qinglong:latest
+```
+
+### 本机
+
+建议使用纯净系统安装，避免系统原有数据丢失，需要自己安装 node/npm/python3/pip3
+
+```bash
+npm install -g @whyour/qinglong
+qinglong
+# 根据提示增加环境变量 QL_DIR 和 QL_DATA_DIR
+export QL_DIR=""
+export QL_DATA_DIR=""
+# 再次执行
+qinglong
+```

 ## 使用

@@ -180,6 +167,20 @@ task -l <file_path>
 * account_number: 任务执行时指定某个环境变量需要执行的账号序号
 * max_time: 超时时间，后缀"s"代表秒(默认值), "m"代表分, "h"代表小时, "d"代表天

+## 开发
+
+```bash
+$ git clone git@github.com:whyour/qinglong.git
+$ cd qinglong
+$ cp .env.example .env
+# 推荐使用 pnpm https://pnpm.io/zh/installation
+$ npm install -g pnpm@8.3.1
+$ pnpm install
+$ pnpm start
+```
+
+打开你的浏览器，访问 http://127.0.0.1:5700
+
 ## 链接

 - [nevinee](https://gitee.com/evine)
@@ -190,24 +191,6 @@ task -l <file_path>
 - [darkreader](https://github.com/darkreader/darkreader)
 - [admin-server](https://github.com/sunpu007/admin-server)

-## 开发
-
-```bash
-$ git clone git@github.com:whyour/qinglong.git
-$ cd qinglong
-$ cp .env.example .env
-# 推荐使用 pnpm https://pnpm.io/zh/installation
-$ npm install -g pnpm
-$ pnpm install
-$ pnpm start
-```
-
-打开你的浏览器，访问 http://127.0.0.1:5700
-
-## 交流
-
-[telegram频道](https://t.me/jiao_long)
-
 ## 名称来源

 青龙，又名苍龙，在中国传统文化中是四象之一、[天之四灵](https://zh.wikipedia.org/wiki/%E5%A4%A9%E4%B9%8B%E5%9B%9B%E7%81%B5)之一，根据五行学说，它是代表东方的灵兽，为青色的龙，五行属木，代表的季节是春季，八卦主震。苍龙与应龙一样，都是身具羽翼。《张果星宗》称“又有辅翼，方为真龙”。
@@ -5,6 +5,7 @@ import { Logger } from 'winston';
 import config from '../config';
 import * as fs from 'fs';
 import { celebrate, Joi } from 'celebrate';
+import { join } from 'path';
 const route = Router();

 export default (app: Router) => {
@@ -41,11 +42,11 @@ export default (app: Router) => {
        }
        if (req.params.file.includes('sample')) {
          content = getFileContentByName(
-            `${config.samplePath}${req.params.file}`,
+            join(config.samplePath, req.params.file),
          );
        } else {
          content = getFileContentByName(
-            `${config.configPath}${req.params.file}`,
+            join(config.configPath, req.params.file),
          );
        }
        res.send({ code: 200, data: content });
@@ -70,7 +71,7 @@ export default (app: Router) => {
        if (config.blackFileList.includes(name)) {
          res.send({ code: 403, message: '文件无法访问' });
        }
-        const path = `${config.configPath}${name}`;
+        const path = join(config.configPath, name);
        fs.writeFileSync(path, content);
        res.send({ code: 200, message: '保存成功' });
      } catch (e) {
@@ -53,7 +53,7 @@ export default (app: Router) => {
      body: Joi.object({
        filename: Joi.string().required(),
        path: Joi.string().allow(''),
-        type: Joi.string().optional()
+        type: Joi.string().optional(),
      }),
    }),
    async (req: Request, res: Response, next: NextFunction) => {
@@ -75,5 +75,4 @@ export default (app: Router) => {
      }
    },
  );
-
 };
@@ -94,7 +94,7 @@ export default (app: Router) => {
          path += '/';
        }
        if (!path.startsWith('/')) {
-          path = `${config.scriptPath}${path}`;
+          path = join(config.scriptPath, path);
        }
        if (config.writePathList.every((x) => !path.startsWith(x))) {
          return res.send({
@@ -124,7 +124,7 @@ export default (app: Router) => {
        if (fs.existsSync(originFilePath)) {
          fs.copyFileSync(
            originFilePath,
-            `${config.bakPath}${originFilename.replace(/\//g, '')}`,
+            join(config.bakPath, originFilename.replace(/\//g, '')),
          );
          if (filename !== originFilename) {
            fs.unlinkSync(originFilePath);
@@ -207,7 +207,7 @@ export default (app: Router) => {
        let { filename } = req.body as {
          filename: string;
        };
-        const filePath = `${config.scriptPath}${filename}`;
+        const filePath = join(config.scriptPath, filename);
        // const stats = fs.statSync(filePath);
        // res.set({
        //   'Content-Type': 'application/octet-stream', //告诉浏览器这是一个二进制文件
@@ -210,12 +210,16 @@ export default (app: Router) => {
    '/',
    celebrate({
      body: Joi.array().items(Joi.number().required()),
+      query: Joi.object({
+        force: Joi.boolean().optional(),
+        t: Joi.number()
+      })
    }),
    async (req: Request, res: Response, next: NextFunction) => {
      const logger: Logger = Container.get('logger');
      try {
        const subscriptionService = Container.get(SubscriptionService);
-        const data = await subscriptionService.remove(req.body);
+        const data = await subscriptionService.remove(req.body, req.query);
        return res.send({ code: 200, data });
      } catch (e) {
        return next(e);
@@ -14,8 +14,18 @@ import {
  promiseExec,
 } from '../config/util';
 import dayjs from 'dayjs';
+import multer from 'multer';

 const route = Router();
+const storage = multer.diskStorage({
+  destination: function (req, file, cb) {
+    cb(null, config.tmpPath);
+  },
+  filename: function (req, file, cb) {
+    cb(null, 'data.tgz');
+  },
+});
+const upload = multer({ storage: storage });

 export default (app: Router) => {
  app.use('/system', route);
@@ -25,30 +35,14 @@ export default (app: Router) => {
    try {
      const userService = Container.get(UserService);
      const authInfo = await userService.getUserInfo();
-      const envCount = await EnvModel.count();
-      const { version, changeLog, changeLogLink } = await parseVersion(
-        config.versionFile,
-      );
-      const lastCommitTime = (
-        await promiseExec(
-          `cd ${config.rootPath} && git show -s --format=%ai | head -1`,
-        )
-      ).replace('\n', '');
-      const lastCommitId = (
-        await promiseExec(`cd ${config.rootPath} && git rev-parse --short HEAD`)
-      ).replace('\n', '');
-      const branch = (
-        await promiseExec(
-          `cd ${config.rootPath} && git symbolic-ref --short HEAD`,
-        )
-      ).replace('\n', '');
+      const { version, changeLog, changeLogLink, publishTime } =
+        await parseVersion(config.versionFile);

      let isInitialized = true;
      if (
        Object.keys(authInfo).length === 2 &&
        authInfo.username === 'admin' &&
-        authInfo.password === 'admin' &&
-        envCount === 0
+        authInfo.password === 'admin'
      ) {
        isInitialized = false;
      }
@@ -57,9 +51,8 @@ export default (app: Router) => {
        data: {
          isInitialized,
          version,
-          lastCommitTime: dayjs(lastCommitTime).unix(),
-          lastCommitId,
-          branch,
+          publishTime: dayjs(publishTime).unix(),
+          branch: process.env.QL_BRANCH || 'master',
          changeLog,
          changeLogLink,
        },
@@ -71,12 +64,12 @@ export default (app: Router) => {
  });

  route.get(
-    '/log/remove',
+    '/config',
    async (req: Request, res: Response, next: NextFunction) => {
      const logger: Logger = Container.get('logger');
      try {
        const systemService = Container.get(SystemService);
-        const data = await systemService.getLogRemoveFrequency();
+        const data = await systemService.getSystemConfig();
        res.send({ code: 200, data });
      } catch (e) {
        return next(e);
@@ -85,19 +78,18 @@ export default (app: Router) => {
  );

  route.put(
-    '/log/remove',
+    '/config',
    celebrate({
      body: Joi.object({
-        frequency: Joi.number().required(),
+        logRemoveFrequency: Joi.number().optional().allow(null),
+        cronConcurrency: Joi.number().optional().allow(null),
      }),
    }),
    async (req: Request, res: Response, next: NextFunction) => {
      const logger: Logger = Container.get('logger');
      try {
        const systemService = Container.get(SystemService);
-        const result = await systemService.updateLogRemoveFrequency(
-          req.body.frequency,
-        );
+        const result = await systemService.updateSystemConfig(req.body);
        res.send(result);
      } catch (e) {
        return next(e);
@@ -133,6 +125,25 @@ export default (app: Router) => {
    },
  );

+  route.put(
+    '/reload',
+    celebrate({
+      body: Joi.object({
+        type: Joi.string().required(),
+      }),
+    }),
+    async (req: Request, res: Response, next: NextFunction) => {
+      const logger: Logger = Container.get('logger');
+      try {
+        const systemService = Container.get(SystemService);
+        const result = await systemService.reloadSystem(req.body.type);
+        res.send(result);
+      } catch (e) {
+        return next(e);
+      }
+    },
+  );
+
  route.put(
    '/notify',
    celebrate({
@@ -170,6 +181,9 @@ export default (app: Router) => {
        await systemService.run(
          { ...req.body, logPath },
          {
+            onStart: async (cp, startTime) => {
+              res.setHeader('QL-Task-Pid', `${cp.pid}`);
+            },
            onEnd: async (cp, endTime, diff) => {
              res.end();
            },
@@ -195,7 +209,8 @@ export default (app: Router) => {
    '/command-stop',
    celebrate({
      body: Joi.object({
-        command: Joi.string().required(),
+        command: Joi.string().optional(),
+        pid: Joi.number().optional(),
      }),
    }),
    async (req: Request, res: Response, next: NextFunction) => {
@@ -208,4 +223,30 @@ export default (app: Router) => {
      }
    },
  );
+
+  route.put(
+    '/data/export',
+    async (req: Request, res: Response, next: NextFunction) => {
+      try {
+        const systemService = Container.get(SystemService);
+        await systemService.exportData(res);
+      } catch (e) {
+        return next(e);
+      }
+    },
+  );
+
+  route.put(
+    '/data/import',
+    upload.single('data'),
+    async (req: Request, res: Response, next: NextFunction) => {
+      try {
+        const systemService = Container.get(SystemService);
+        const result = await systemService.importData();
+        res.send(result);
+      } catch (e) {
+        return next(e);
+      }
+    },
+  );
 };
@@ -6,6 +6,7 @@ import { celebrate, Joi } from 'celebrate';
 import multer from 'multer';
 import path from 'path';
 import { v4 as uuidV4 } from 'uuid';
+import rateLimit from 'express-rate-limit';
 import config from '../config';
 const route = Router();

@@ -26,6 +27,10 @@ export default (app: Router) => {

  route.post(
    '/login',
+    rateLimit({
+      windowMs: 15 * 60 * 1000,
+      max: 100,
+    }),
    celebrate({
      body: Joi.object({
        username: Joi.string().required(),
@@ -18,6 +18,7 @@ async function startServer() {
  const server = app
    .listen(config.port, () => {
      Logger.debug(`✌️ 后端服务启动成功！`);
+      process.send?.('ready');
    })
    .on('error', (err) => {
      Logger.error(err);
@@ -20,6 +20,8 @@ const rootPath = process.env.QL_DIR as string;
 const envFound = dotenv.config({ path: path.join(rootPath, '.env') });

 const dataPath = path.join(rootPath, 'data/');
+const shellPath = path.join(rootPath, 'shell/');
+const tmpPath = path.join(rootPath, '.tmp/');
 const samplePath = path.join(rootPath, 'sample/');
 const configPath = path.join(dataPath, 'config/');
 const scriptPath = path.join(dataPath, 'scripts/');
@@ -42,6 +44,8 @@ const authError = '错误的用户名密码，请重试';
 const loginFaild = '请先登录!';
 const configString = 'config sample crontab shareCode diy';
 const versionFile = path.join(rootPath, 'version.yaml');
+const dataTgzFile = path.join(tmpPath, 'data.tgz');
+const shareShellFile = path.join(shellPath, 'share.sh');

 if (envFound.error) {
  throw new Error("⚠️  Couldn't find .env file  ⚠️");
@@ -59,6 +63,10 @@ export default {
    prefix: '/api',
  },
  rootPath,
+  tmpPath,
+  dataPath,
+  dataTgzFile,
+  shareShellFile,
  configString,
  loginFaild,
  authError,
@@ -92,6 +100,11 @@ export default {
    '/api/system',
    '/api/user/init',
    '/api/user/notification/init',
+    '/open/user/login',
+    '/open/user/two-factor/login',
+    '/open/system',
+    '/open/user/init',
+    '/open/user/notification/init',
  ],
  versionFile,
  lastVersionFile,
@@ -0,0 +1,20 @@
+import { Request, Response } from 'express';
+import { pick } from 'lodash';
+
+let pickedEnv: Record<string, string>;
+
+function getPickedEnv() {
+  if (pickedEnv) return pickedEnv;
+  const picked = pick(process.env, ['QlBaseUrl', 'DeployEnv']);
+  pickedEnv = picked as Record<string, string>;
+  return picked;
+}
+
+export function serveEnv(_req: Request, res: Response) {
+  res.type('.js');
+  res.send(
+    Object.entries(getPickedEnv())
+      .map(([k, v]) => `window.__ENV__${k}=${JSON.stringify(v)};`)
+      .join('\n'),
+  );
+}
@@ -34,9 +34,11 @@ export function formatCommand(doc: Subscription, url?: string) {
  if (type === 'file') {
    command += `raw "${_url}"`;
  } else {
-    command += `repo "${_url}" "${whitelist || ''}" "${blacklist || ''}" "${dependences || ''
-      }" "${branch || ''}" "${extensions || ''}" "${proxy || ''}" "${isNil(autoAddCron) ? true : Boolean(autoAddCron)
-      }" "${isNil(autoDelCron) ? true : Boolean(autoDelCron)}"`;
+    command += `repo "${_url}" "${whitelist || ''}" "${blacklist || ''}" "${
+      dependences || ''
+    }" "${branch || ''}" "${extensions || ''}" "${proxy || ''}" "${
+      isNil(autoAddCron) ? true : Boolean(autoAddCron)
+    }" "${isNil(autoDelCron) ? true : Boolean(autoDelCron)}"`;
  }
  return command;
 }
@@ -387,16 +387,22 @@ export function emptyDir(path: string) {
  fs.rmdirSync(path);
 }

-export function promiseExec(command: string): Promise<string> {
-  return new Promise((resolve, reject) => {
-    exec(
-      command,
-      { maxBuffer: 200 * 1024 * 1024, encoding: 'utf8' },
-      (err, stdout, stderr) => {
-        resolve(stdout || stderr || JSON.stringify(err));
-      },
-    );
-  });
+export async function promiseExec(command: string): Promise<string> {
+  try {
+    const { stderr, stdout } = await promisify(exec)(command, { maxBuffer: 200 * 1024 * 1024, encoding: 'utf8' });
+    return stdout || stderr;
+  } catch (error) {
+    return JSON.stringify(error);
+  }
+}
+
+export async function promiseExecSuccess(command: string): Promise<string> {
+  try {
+    const { stdout } = await promisify(exec)(command, { maxBuffer: 200 * 1024 * 1024, encoding: 'utf8' });
+    return stdout || '';
+  } catch (error) {
+    return '';
+  }
 }

 export function parseHeaders(headers: string) {
@@ -489,7 +495,7 @@ export async function killTask(pid: number) {
      [pid, ...pids].forEach((x) => {
        process.kill(x, 2);
      });
-    } catch (error) {}
+    } catch (error) { }
  } else {
    process.kill(pid, 2);
  }
@@ -505,6 +511,7 @@ interface IVersion {
  version: string;
  changeLogLink: string;
  changeLog: string;
+  publishTime: string;
 }

 export async function parseVersion(path: string): Promise<IVersion> {
@@ -1,10 +1,11 @@
 import { sequelize } from '.';
 import { DataTypes, Model, ModelDefined } from 'sequelize';
+import { NotificationInfo } from './notify';

 export class AuthInfo {
  ip?: string;
  type: AuthDataType;
-  info?: any;
+  info?: AuthModelInfo;
  id?: number;

  constructor(options: AuthInfo) {
@@ -25,9 +26,27 @@ export enum AuthDataType {
  'authToken' = 'authToken',
  'notification' = 'notification',
  'removeLogFrequency' = 'removeLogFrequency',
+  'systemConfig' = 'systemConfig',
 }

-interface AuthInstance extends Model<AuthInfo, AuthInfo>, AuthInfo {}
+export interface SystemConfigInfo {
+  logRemoveFrequency?: number;
+  cronConcurrency?: number;
+}
+
+export interface LoginLogInfo {
+  timestamp?: number;
+  address?: string;
+  ip?: string;
+  platform?: string;
+  status?: LoginStatus;
+}
+
+export type AuthModelInfo = SystemConfigInfo &
+  Partial<NotificationInfo> &
+  LoginLogInfo;
+
+export interface AuthInstance extends Model<AuthInfo, AuthInfo>, AuthInfo {}
 export const AuthModel = sequelize.define<AuthInstance>('Auth', {
  ip: DataTypes.STRING,
  type: DataTypes.STRING,
@@ -21,7 +21,7 @@ export class Crontab {

  constructor(options: Crontab) {
    this.name = options.name;
-    this.command = options.command;
+    this.command = options.command.trim();
    this.schedule = options.schedule;
    this.saved = options.saved;
    this.id = options.id;
@@ -43,13 +43,13 @@ export class Crontab {
 }

 export enum CrontabStatus {
-  'running',
-  'idle',
+  'running' = 0,
+  'queued' = 0.5,
+  'idle' = 1,
  'disabled',
-  'queued',
 }

-interface CronInstance extends Model<Crontab, Crontab>, Crontab {}
+export interface CronInstance extends Model<Crontab, Crontab>, Crontab {}
 export const CrontabModel = sequelize.define<CronInstance>('Crontab', {
  name: {
    unique: 'compositeIndex',
@@ -39,7 +39,7 @@ export class CrontabView {
  }
 }

-interface CronViewInstance
+export interface CronViewInstance
  extends Model<CrontabView, CrontabView>,
    CrontabView {}
 export const CrontabViewModel = sequelize.define<CronViewInstance>(
@@ -4,9 +4,9 @@ import { DataTypes, Model, ModelDefined } from 'sequelize';
 export class Dependence {
  timestamp?: string;
  id?: number;
-  status?: DependenceStatus;
-  type?: DependenceTypes;
-  name?: number;
+  status: DependenceStatus;
+  type: DependenceTypes;
+  name: string;
  log?: string[];
  remark?: string;

@@ -15,10 +15,10 @@ export class Dependence {
    this.status =
      typeof options.status === 'number' && DependenceStatus[options.status]
        ? options.status
-        : DependenceStatus.installing;
+        : DependenceStatus.queued;
    this.type = options.type || DependenceTypes.nodejs;
    this.timestamp = new Date().toString();
-    this.name = options.name;
+    this.name = options.name.trim();
    this.log = options.log || [];
    this.remark = options.remark || '';
  }
@@ -42,17 +42,29 @@ export enum DependenceTypes {

 export enum InstallDependenceCommandTypes {
  'pnpm add -g',
-  'pip3 install',
-  'apk add',
+  'pip3 install --disable-pip-version-check --root-user-action=ignore',
+  'apk add --no-check-certificate',
+}
+
+export enum GetDependenceCommandTypes {
+  'pnpm ls -g ',
+  'pip3 show --disable-pip-version-check',
+  'apk info -es',
+}
+
+export enum versionDependenceCommandTypes {
+  '@',
+  '==',
+  '=',
 }

 export enum unInstallDependenceCommandTypes {
  'pnpm remove -g',
-  'pip3 uninstall -y',
+  'pip3 uninstall --disable-pip-version-check --root-user-action=ignore -y',
  'apk del',
 }

-interface DependenceInstance
+export interface DependenceInstance
  extends Model<Dependence, Dependence>,
    Dependence {}
 export const DependenceModel = sequelize.define<DependenceInstance>(
@@ -34,7 +34,7 @@ export const initPosition = 4500000000000000;
 export const stepPosition = 10000000000;
 export const minPosition = 100;

-interface EnvInstance extends Model<Env, Env>, Env {}
+export interface EnvInstance extends Model<Env, Env>, Env {}
 export const EnvModel = sequelize.define<EnvInstance>('Env', {
  value: { type: DataTypes.STRING, unique: 'compositeIndex' },
  timestamp: DataTypes.STRING,
@@ -1,9 +1,10 @@
 import { Sequelize, Transaction } from 'sequelize';
 import config from '../config/index';
+import { join } from 'path';

 export const sequelize = new Sequelize({
  dialect: 'sqlite',
-  storage: `${config.dbPath}database.sqlite`,
+  storage: join(config.dbPath, 'database.sqlite'),
  logging: false,
  retry: {
    max: 10,
@@ -15,6 +15,7 @@ export enum NotificationMode {
  'iGot' = 'iGot',
  'pushPlus' = 'pushPlus',
  'email' = 'email',
+  'pushMe' = 'pushMe',
  'feishu' = 'feishu',
  'webhook' = 'webhook',
 }
@@ -72,10 +73,12 @@ export class DingtalkBotNotification extends NotificationBaseInfo {

 export class WeWorkBotNotification extends NotificationBaseInfo {
  public weWorkBotKey = '';
+  public weWorkOrigin = '';
 }

 export class WeWorkAppNotification extends NotificationBaseInfo {
  public weWorkAppKey = '';
+  public weWorkOrigin = '';
 }

 export class AibotkNotification extends NotificationBaseInfo {
@@ -99,6 +102,10 @@ export class EmailNotification extends NotificationBaseInfo {
  public emailPass: string = '';
 }

+export class PushMeNotification extends NotificationBaseInfo {
+  public pushMeKey: string = '';
+}
+
 export class WebhookNotification extends NotificationBaseInfo {
  public webhookHeaders: string = '';
  public webhookBody: string = '';
@@ -129,5 +136,6 @@ export interface NotificationInfo
    IGotNotification,
    PushPlusNotification,
    EmailNotification,
+    PushMeNotification,
    WebhookNotification,
    LarkNotification {}
@@ -26,14 +26,7 @@ export interface AppToken {

 export type AppScope = 'envs' | 'crons' | 'configs' | 'scripts' | 'logs';

-export enum CrontabStatus {
-  'running',
-  'idle',
-  'disabled',
-  'queued',
-}
-
-interface AppInstance extends Model<App, App>, App {}
+export interface AppInstance extends Model<App, App>, App {}
 export const AppModel = sequelize.define<AppInstance>('App', {
  name: { type: DataTypes.STRING, unique: 'name' },
  scopes: DataTypes.JSON,
@@ -16,4 +16,5 @@ export type SockMessageType =
  | 'uninstallDependence'
  | 'updateSystemVersion'
  | 'manuallyRunScript'
-  | 'runSubscriptionEnd';
+  | 'runSubscriptionEnd'
+  | 'reloadSystem';
@@ -70,7 +70,7 @@ export enum SubscriptionStatus {
  'queued',
 }

-interface SubscriptionInstance
+export interface SubscriptionInstance
  extends Model<Subscription, Subscription>,
    Subscription {}
 export const SubscriptionModel = sequelize.define<SubscriptionInstance>(
@@ -37,7 +37,7 @@ async function linkCommand() {
    if (fs.existsSync(target)) {
      fs.unlinkSync(target);
    }
-    fs.symlink(source, target, (err) => {});
+    fs.symlink(source, target, (err) => { });
  }
 }

@@ -10,26 +10,27 @@ import Container from 'typedi';
 import OpenService from '../services/open';
 import rewrite from 'express-urlrewrite';
 import UserService from '../services/user';
-import handler from 'serve-handler';
 import * as Sentry from '@sentry/node';
 import { EnvModel } from '../data/env';
 import { errors } from 'celebrate';
+import { createProxyMiddleware } from 'http-proxy-middleware';
+import { serveEnv } from '../config/serverEnv';

 export default ({ app }: { app: Application }) => {
  app.enable('trust proxy');
  app.use(cors());
+  app.get(`${config.api.prefix}/env.js`, serveEnv);
  app.use(`${config.api.prefix}/static`, express.static(config.uploadPath));

-  app.use((req, res, next) => {
-    if (req.path.startsWith('/api') || req.path.startsWith('/open')) {
-      next();
-    } else {
-      return handler(req, res, {
-        public: 'static/dist',
-        rewrites: [{ source: '**', destination: '/index.html' }],
-      });
-    }
-  });
+  app.use(
+    '/api/public',
+    createProxyMiddleware({
+      target: `http://localhost:${config.publicPort}/api`,
+      changeOrigin: true,
+      pathRewrite: { '/api/public': '' },
+    }),
+  );
+
  app.use(bodyParser.json({ limit: '50mb' }));
  app.use(bodyParser.urlencoded({ limit: '50mb', extended: true }));

@@ -108,8 +109,7 @@ export default ({ app }: { app: Application }) => {
    if (
      Object.keys(authInfo).length === 2 &&
      authInfo.username === 'admin' &&
-      authInfo.password === 'admin' &&
-      envCount === 0
+      authInfo.password === 'admin'
    ) {
      isInitialized = false;
    }
@@ -170,18 +170,6 @@ export default ({ app }: { app: Application }) => {
    },
  );

-  app.use(
-    Sentry.Handlers.errorHandler({
-      shouldHandleError(error) {
-        // 排除 SequelizeUniqueConstraintError / NotFound
-        return (
-          !['SequelizeUniqueConstraintError'].includes(error.name) ||
-          !['Not Found'].includes(error.message)
-        );
-      },
-    }),
-  );
-
  app.use(
    (
      err: Error & { status: number },
@@ -30,15 +30,15 @@ export default async () => {
  });

  // 初始化更新所有任务状态为空闲
-  await CrontabModel.update(
-    { status: CrontabStatus.idle },
-    { where: { status: [CrontabStatus.running, CrontabStatus.queued] } },
-  );
+  await CrontabModel.update({ status: CrontabStatus.idle }, { where: {} });

  // 初始化时安装所有处于安装中，安装成功，安装失败的依赖
  DependenceModel.findAll({
    where: {},
-    order: [['type', 'DESC']],
+    order: [
+      ['type', 'DESC'],
+      ['createdAt', 'DESC'],
+    ],
    raw: true,
  }).then(async (docs) => {
    await DependenceModel.update(
@@ -5,7 +5,7 @@ import dotenv from 'dotenv';
 import Logger from './logger';
 import { fileExist } from '../config/util';

-const rootPath = process.env.QL_DIR as string;;
+const rootPath = process.env.QL_DIR as string;
 const dataPath = path.join(rootPath, 'data/');
 const configPath = path.join(dataPath, 'config/');
 const scriptPath = path.join(dataPath, 'scripts/');
@@ -13,10 +13,18 @@ const logPath = path.join(dataPath, 'log/');
 const uploadPath = path.join(dataPath, 'upload/');
 const bakPath = path.join(dataPath, 'bak/');
 const samplePath = path.join(rootPath, 'sample/');
+const tmpPath = path.join(logPath, '.tmp/');
 const confFile = path.join(configPath, 'config.sh');
 const authConfigFile = path.join(configPath, 'auth.json');
 const sampleConfigFile = path.join(samplePath, 'config.sample.sh');
 const sampleAuthFile = path.join(samplePath, 'auth.sample.json');
+const sampleTaskShellFile = path.join(samplePath, 'task.sample.sh');
+const sampleNotifyJsFile = path.join(samplePath, 'notify.js');
+const sampleNotifyPyFile = path.join(samplePath, 'notify.py');
+const scriptNotifyJsFile = path.join(scriptPath, 'sendNotify.js');
+const scriptNotifyPyFile = path.join(scriptPath, 'notify.py');
+const TaskBeforeFile = path.join(configPath, 'task_before.sh');
+const TaskAfterFile = path.join(configPath, 'task_after.sh');
 const homedir = os.homedir();
 const sshPath = path.resolve(homedir, '.ssh');
 const sshdPath = path.join(dataPath, 'ssh.d');
@@ -31,19 +39,16 @@ export default async () => {
  const sshDirExist = await fileExist(sshPath);
  const bakDirExist = await fileExist(bakPath);
  const sshdDirExist = await fileExist(sshdPath);
+  const tmpDirExist = await fileExist(tmpPath);
+  const scriptNotifyJsFileExist = await fileExist(scriptNotifyJsFile);
+  const scriptNotifyPyFileExist = await fileExist(scriptNotifyPyFile);
+  const TaskBeforeFileExist = await fileExist(TaskBeforeFile);
+  const TaskAfterFileExist = await fileExist(TaskAfterFile);

  if (!configDirExist) {
    fs.mkdirSync(configPath);
  }

-  if (!authFileExist) {
-    fs.writeFileSync(authConfigFile, fs.readFileSync(sampleAuthFile));
-  }
-
-  if (!confFileExist) {
-    fs.writeFileSync(confFile, fs.readFileSync(sampleConfigFile));
-  }
-
  if (!scriptDirExist) {
    fs.mkdirSync(scriptPath);
  }
@@ -52,6 +57,10 @@ export default async () => {
    fs.mkdirSync(logPath);
  }

+  if (!tmpDirExist) {
+    fs.mkdirSync(tmpPath);
+  }
+
  if (!uploadDirExist) {
    fs.mkdirSync(uploadPath);
  }
@@ -68,6 +77,31 @@ export default async () => {
    fs.mkdirSync(sshdPath);
  }

+  // 初始化文件
+  if (!authFileExist) {
+    fs.writeFileSync(authConfigFile, fs.readFileSync(sampleAuthFile));
+  }
+
+  if (!confFileExist) {
+    fs.writeFileSync(confFile, fs.readFileSync(sampleConfigFile));
+  }
+
+  if (!scriptNotifyJsFileExist) {
+    fs.writeFileSync(scriptNotifyJsFile, fs.readFileSync(sampleNotifyJsFile));
+  }
+
+  if (!scriptNotifyPyFileExist) {
+    fs.writeFileSync(scriptNotifyPyFile, fs.readFileSync(sampleNotifyPyFile));
+  }
+
+  if (!TaskBeforeFileExist) {
+    fs.writeFileSync(TaskBeforeFile, fs.readFileSync(sampleTaskShellFile));
+  }
+
+  if (!TaskAfterFileExist) {
+    fs.writeFileSync(TaskAfterFile, fs.readFileSync(sampleTaskShellFile));
+  }
+
  dotenv.config({ path: confFile });

  Logger.info('✌️ Init file down');
@@ -4,6 +4,7 @@ import ScheduleService from '../services/schedule';
 import SubscriptionService from '../services/subscription';
 import config from '../config';
 import { fileExist } from '../config/util';
+import { join } from 'path';

 export default async () => {
  const systemService = Container.get(SystemService);
@@ -11,8 +12,9 @@ export default async () => {
  const subscriptionService = Container.get(SubscriptionService);

  // 生成内置token
-  let tokenCommand = `tsx ${config.rootPath}/back/token.ts`;
-  const tokenFile = `${config.rootPath}static/build/token.js`;
+  let tokenCommand = `tsx ${join(config.rootPath, 'back/token.ts')}`;
+  const tokenFile = join(config.rootPath, 'static/build/token.js');
+
  if (await fileExist(tokenFile)) {
    tokenCommand = `node ${tokenFile}`;
  }
@@ -27,16 +29,16 @@ export default async () => {
  });

  // 运行删除日志任务
-  const data = await systemService.getLogRemoveFrequency();
-  if (data && data.info && data.info.frequency) {
+  const data = await systemService.getSystemConfig();
+  if (data && data.info && data.info.logRemoveFrequency) {
    const rmlogCron = {
-      id: data.id,
+      id: data.id as number,
      name: '删除日志',
-      command: `ql rmlog ${data.info.frequency}`,
+      command: `ql rmlog ${data.info.logRemoveFrequency}`,
    };
    await scheduleService.cancelIntervalTask(rmlogCron);
    scheduleService.createIntervalTask(rmlogCron, {
-      days: data.info.frequency,
+      days: data.info.logRemoveFrequency,
    });
  }

@@ -10,12 +10,18 @@ export default async ({ expressApp }: { expressApp: Application }) => {
  const { version } = await parseVersion(config.versionFile);

  Sentry.init({
+    ignoreErrors: [
+      /SequelizeUniqueConstraintError/i,
+      /Validation error/i,
+      /UnauthorizedError/i,
+      /celebrate request validation failed/i,
+    ],
    dsn: 'https://f4b5b55fb3c645b29a5dc2d70a1a4ef4@o1098464.ingest.sentry.io/6122819',
    integrations: [
      new Sentry.Integrations.Http({ tracing: true }),
      new Tracing.Integrations.Express({ app: expressApp }),
    ],
-    tracesSampleRate: 0.1,
+    tracesSampleRate: 0.8,
    release: version,
  });

@@ -5,12 +5,34 @@ import Sock from './sock';
 export default async ({ server }: { server: Server }) => {
  await Sock({ server });
  Logger.info('✌️ Sock loaded');
+  let exitTime = 0;
+  let timer: NodeJS.Timeout;

-  process.on('SIGINT', () => {
-    Logger.info('✌️ Server need close');
+  process.on('SIGINT', (singal) => {
+    Logger.warn(`Server need close, singal ${singal}`);
+    exitTime++;
+    if (exitTime >= 3) {
+      Logger.warn('Forcing server close');
+      clearTimeout(timer);
+      process.exit(1);
+    }
    server.close(() => {
-      Logger.info('✌️ Server closed');
-      process.exit(0);
+      if (timer) {
+        clearTimeout(timer);
+      }
+      timer = setTimeout(() => {
+        process.exit();
+      }, 15000);
    });
  });
+
+  process.on('uncaughtException', (error) => {
+    Logger.error('Uncaught exception:', error);
+    process.exit(1);
+  });
+
+  process.on('unhandledRejection', (reason, promise) => {
+    Logger.error('Unhandled rejection:', reason);
+    process.exit(1);
+  });
 };
@@ -1,5 +1,4 @@
 import express from 'express';
-import { exec } from 'child_process';
 import Logger from './loaders/logger';
 import config from './config';
 import { HealthClient } from './protos/health';
@@ -14,9 +13,9 @@ const client = new HealthClient(
 app.get('/api/health', (req, res) => {
  client.check({ service: 'cron' }, (err, response) => {
    if (err) {
-      return res.status(500).send({ error: err });
+      return res.status(200).send({ code: 500, error: err });
    }
-    return res.status(200).send({ data: response });
+    return res.status(200).send({ code: 200, data: response });
  });
 });

@@ -26,6 +25,7 @@ app
    await require('./loaders/db').default();

    Logger.debug(`✌️ 公共服务启动成功！`);
+    process.send?.('ready');
  })
  .on('error', (err) => {
    Logger.error(err);
@@ -2,7 +2,10 @@ import { ServerUnaryCall, sendUnaryData } from '@grpc/grpc-js';
 import { AddCronRequest, AddCronResponse } from '../protos/cron';
 import nodeSchedule from 'node-schedule';
 import { scheduleStacks } from './data';
-import { exec } from 'child_process';
+import { runCron } from '../shared/runCron';
+import { QL_PREFIX, TASK_PREFIX } from '../config/const';
+import Logger from '../loaders/logger';
+import dayjs from 'dayjs';

 const addCron = (
  call: ServerUnaryCall<AddCronRequest, AddCronResponse>,
@@ -13,10 +16,21 @@ const addCron = (
    if (scheduleStacks.has(id)) {
      scheduleStacks.get(id)?.cancel();
    }
+
+    let cmdStr = command.trim();
+    if (!cmdStr.startsWith(TASK_PREFIX) && !cmdStr.startsWith(QL_PREFIX)) {
+      cmdStr = `${TASK_PREFIX}${cmdStr}`;
+    }
+
    scheduleStacks.set(
      id,
      nodeSchedule.scheduleJob(id, schedule, async () => {
-        exec(`ID=${id} ${command}`);
+        Logger.info(
+          `当前时间: ${dayjs().format(
+            'YYYY-MM-DD HH:mm:ss',
+          )}，运行命令: ${cmdStr}`,
+        );
+        runCron(`ID=${id} ${cmdStr}`);
      }),
    );
  }
@@ -1,6 +1,5 @@
 import { ServerUnaryCall, sendUnaryData } from '@grpc/grpc-js';
 import { HealthCheckRequest, HealthCheckResponse } from '../protos/health';
-import { exec } from 'child_process';
 import config from '../config';
 import { promiseExec } from '../config/util';

@@ -11,16 +10,22 @@ const check = async (
  switch (call.request.service) {
    case 'cron':
      const res = await promiseExec(
-        `curl -sf http://localhost:${config.port}/api/system`,
+        `curl -s http://localhost:${config.port}/api/system`,
      );

      if (res.includes('200')) {
        return callback(null, { status: 1 });
      }
-      const errLog = await promiseExec(
+
+      const panelErrLog = await promiseExec(
        `tail -n 300 ~/.pm2/logs/panel-error.log`,
      );
-      return callback(new Error(errLog));
+      const scheduleErrLog = await promiseExec(
+        `tail -n 300 ~/.pm2/logs/schedule-error.log`,
+      );
+      return callback(
+        new Error(`${scheduleErrLog || ''}\n${panelErrLog || ''}\n${res}`.trim()),
+      );

    default:
      return callback(null, { status: 1 });
@@ -13,8 +13,12 @@ server.addService(CronService, { addCron, delCron });
 server.bindAsync(
  `localhost:${config.cronPort}`,
  ServerCredentials.createInsecure(),
-  () => {
+  (err, port) => {
+    if (err) {
+      throw err;
+    }
    server.start();
    Logger.debug(`✌️ 定时服务启动成功！`);
+    process.send?.('ready');
  },
 );
@@ -2,28 +2,25 @@ import { Service, Inject } from 'typedi';
 import winston from 'winston';
 import config from '../config';
 import { Crontab, CrontabModel, CrontabStatus } from '../data/cron';
-import { exec, execSync, spawn } from 'child_process';
+import { exec, execSync } from 'child_process';
 import fs from 'fs';
 import cron_parser from 'cron-parser';
-import {
-  getFileContentByName,
-  concurrentRun,
-  fileExist,
-  killTask,
-} from '../config/util';
+import { getFileContentByName, fileExist, killTask } from '../config/util';
 import { promises, existsSync } from 'fs';
-import { Op, where, col as colFn, FindOptions } from 'sequelize';
+import { Op, where, col as colFn, FindOptions, fn } from 'sequelize';
 import path from 'path';
 import { TASK_PREFIX, QL_PREFIX } from '../config/const';
 import cronClient from '../schedule/client';
+import taskLimit from '../shared/pLimit';
+import { spawn } from 'cross-spawn';

@Service()
 export default class CronService {
-  constructor(@Inject('logger') private logger: winston.Logger) { }
+  constructor(@Inject('logger') private logger: winston.Logger) {}

  private isSixCron(cron: Crontab) {
    const { schedule } = cron;
-    if (schedule?.split(/ +/).length === 6) {
+    if (Number(schedule?.split(/ +/).length) > 5) {
      return true;
    }
    return false;
@@ -192,17 +189,13 @@ export default class CronService {
              {
                [operate2]: [
                  { [operate]: `%${value}%` },
-                  { [operate]: `%${encodeURIComponent(value)}%` },
+                  { [operate]: `%${encodeURI(value)}%` },
                ],
              },
              {
                [operate2]: [
                  where(colFn(property), operate, `%${value}%`),
-                  where(
-                    colFn(property),
-                    operate,
-                    `%${encodeURIComponent(value)}%`,
-                  ),
+                  where(colFn(property), operate, `%${encodeURI(value)}%`),
                ],
              },
            ],
@@ -229,7 +222,7 @@ export default class CronService {
          q[column] = {
            [Op.or]: [
              { [Op.like]: `%${textArray[1]}%` },
-              { [Op.like]: `%${encodeURIComponent(textArray[1])}%` },
+              { [Op.like]: `%${encodeURI(textArray[1])}%` },
            ],
          };
          break;
@@ -237,7 +230,7 @@ export default class CronService {
          const reg = {
            [Op.or]: [
              { [Op.like]: `%${searchText}%` },
-              { [Op.like]: `%${encodeURIComponent(searchText)}%` },
+              { [Op.like]: `%${encodeURI(searchText)}%` },
            ],
          };
          q[Op.or] = [
@@ -270,7 +263,7 @@ export default class CronService {
        let q: any = {};
        if (!filterQuery[key]) continue;
        if (key === 'status') {
-          if (filterQuery[key].includes(2)) {
+          if (filterQuery[key].includes(CrontabStatus.disabled)) {
            q = { [Op.or]: [{ [key]: filterQuery[key] }, { isDisabled: 1 }] };
          } else {
            q = { [Op.and]: [{ [key]: filterQuery[key] }, { isDisabled: 0 }] };
@@ -365,10 +358,9 @@ export default class CronService {
      { status: CrontabStatus.queued },
      { where: { id: ids } },
    );
-    concurrentRun(
-      ids.map((id) => async () => await this.runSingle(id)),
-      10,
-    );
+    ids.forEach((id) => {
+      this.runSingle(id);
+    });
  }

  public async stop(ids: number[]) {
@@ -390,63 +382,65 @@ export default class CronService {
  }

  private async runSingle(cronId: number): Promise<number> {
-    return new Promise(async (resolve: any) => {
-      const cron = await this.getDb({ id: cronId });
-      if (cron.status !== CrontabStatus.queued) {
-        resolve();
-        return;
-      }
-
-      let { id, command, log_path } = cron;
-      const absolutePath = path.resolve(config.logPath, `${log_path}`);
-      const logFileExist = log_path && (await fileExist(absolutePath));
-
-      this.logger.silly('Running job');
-      this.logger.silly('ID: ' + id);
-      this.logger.silly('Original command: ' + command);
-
-      let cmdStr = command;
-      if (!cmdStr.startsWith(TASK_PREFIX) && !cmdStr.startsWith(QL_PREFIX)) {
-        cmdStr = `${TASK_PREFIX}${cmdStr}`;
-      }
-      if (
-        cmdStr.endsWith('.js') ||
-        cmdStr.endsWith('.py') ||
-        cmdStr.endsWith('.pyc') ||
-        cmdStr.endsWith('.sh') ||
-        cmdStr.endsWith('.ts')
-      ) {
-        cmdStr = `${cmdStr} now`;
-      }
-
-      const cp = spawn(`ID=${id} ${cmdStr}`, { shell: '/bin/bash' });
-
-      await CrontabModel.update(
-        { status: CrontabStatus.running, pid: cp.pid },
-        { where: { id } },
-      );
-      cp.stderr.on('data', (data) => {
-        if (logFileExist) {
-          fs.appendFileSync(`${absolutePath}`, `${data.toString()}`);
+    return taskLimit.runWithCpuLimit(() => {
+      return new Promise(async (resolve: any) => {
+        const cron = await this.getDb({ id: cronId });
+        if (cron.status !== CrontabStatus.queued) {
+          resolve();
+          return;
        }
-      });
-      cp.on('error', (err) => {
-        if (logFileExist) {
-          fs.appendFileSync(`${absolutePath}`, `${JSON.stringify(err)}`);
-        }
-      });

-      cp.on('exit', async (code, signal) => {
-        this.logger.info(
-          `任务 ${command} 进程id: ${cp.pid} 退出，退出码 ${code}`,
-        );
-      });
-      cp.on('close', async (code) => {
+        let { id, command, log_path } = cron;
+        const absolutePath = path.resolve(config.logPath, `${log_path}`);
+        const logFileExist = log_path && (await fileExist(absolutePath));
+
+        this.logger.silly('Running job');
+        this.logger.silly('ID: ' + id);
+        this.logger.silly('Original command: ' + command);
+
+        let cmdStr = command;
+        if (!cmdStr.startsWith(TASK_PREFIX) && !cmdStr.startsWith(QL_PREFIX)) {
+          cmdStr = `${TASK_PREFIX}${cmdStr}`;
+        }
+        if (
+          cmdStr.endsWith('.js') ||
+          cmdStr.endsWith('.py') ||
+          cmdStr.endsWith('.pyc') ||
+          cmdStr.endsWith('.sh') ||
+          cmdStr.endsWith('.ts')
+        ) {
+          cmdStr = `${cmdStr} now`;
+        }
+
+        const cp = spawn(`ID=${id} ${cmdStr}`, { shell: '/bin/bash' });
+
        await CrontabModel.update(
-          { status: CrontabStatus.idle, pid: undefined },
+          { status: CrontabStatus.running, pid: cp.pid },
          { where: { id } },
        );
-        resolve();
+        cp.stderr.on('data', (data) => {
+          if (logFileExist) {
+            fs.appendFileSync(`${absolutePath}`, `${data.toString()}`);
+          }
+        });
+        cp.on('error', (err) => {
+          if (logFileExist) {
+            fs.appendFileSync(`${absolutePath}`, `${JSON.stringify(err)}`);
+          }
+        });
+
+        cp.on('exit', async (code, signal) => {
+          this.logger.info(
+            `任务 ${command} 进程id: ${cp.pid} 退出，退出码 ${code}`,
+          );
+        });
+        cp.on('close', async (code) => {
+          await CrontabModel.update(
+            { status: CrontabStatus.idle, pid: undefined },
+            { where: { id } },
+          );
+          resolve();
+        });
      });
    });
  }
@@ -509,13 +503,11 @@ export default class CronService {
  }

  private make_command(tab: Crontab) {
-    if (
-      !tab.command.startsWith(TASK_PREFIX) &&
-      !tab.command.startsWith(QL_PREFIX)
-    ) {
-      tab.command = `${TASK_PREFIX}${tab.command}`;
+    let command = tab.command.trim();
+    if (!command.startsWith(TASK_PREFIX) && !command.startsWith(QL_PREFIX)) {
+      command = `${TASK_PREFIX}${tab.command}`;
    }
-    const crontab_job_string = `ID=${tab.id} ${tab.command}`;
+    const crontab_job_string = `ID=${tab.id} ${command}`;
    return crontab_job_string;
  }

@@ -32,7 +32,7 @@ export default class CronViewService {
  }

  public async update(payload: CrontabView): Promise<CrontabView> {
-    const doc = await this.getDb({ id: payload.id })
+    const doc = await this.getDb({ id: payload.id });
    const tab = new CrontabView({ ...doc, ...payload });
    const newDoc = await this.updateDb(tab);
    return newDoc;
@@ -59,7 +59,9 @@ export default class CronViewService {
    }
  }

-  public async getDb(query: FindOptions<CrontabView>['where']): Promise<CrontabView> {
+  public async getDb(
+    query: FindOptions<CrontabView>['where'],
+  ): Promise<CrontabView> {
    const doc: any = await CrontabViewModel.findOne({ where: { ...query } });
    return doc && (doc.get({ plain: true }) as CrontabView);
  }
@@ -8,12 +8,15 @@ import {
  DependenceTypes,
  unInstallDependenceCommandTypes,
  DependenceModel,
+  GetDependenceCommandTypes,
+  versionDependenceCommandTypes,
 } from '../data/dependence';
-import { spawn } from 'child_process';
+import { spawn } from 'cross-spawn';
 import SockService from './sock';
 import { FindOptions, Op } from 'sequelize';
-import { concurrentRun } from '../config/util';
+import { promiseExecSuccess } from '../config/util';
 import dayjs from 'dayjs';
+import taskLimit from '../shared/pLimit';

@Service()
 export default class DependenceService {
@@ -78,7 +81,7 @@ export default class DependenceService {
  ): Promise<Dependence[]> {
    let condition = { ...query, type: DependenceTypes[type as any] };
    if (searchValue) {
-      const encodeText = encodeURIComponent(searchValue);
+      const encodeText = encodeURI(searchValue);
      const reg = {
        [Op.or]: [
          { [Op.like]: `%${searchValue}%` },
@@ -104,20 +107,9 @@ export default class DependenceService {
    isInstall: boolean = true,
    force: boolean = false,
  ) {
-    concurrentRun(
-      docs.map((dep) => async () => {
-        const status = isInstall
-          ? DependenceStatus.installing
-          : DependenceStatus.removing;
-        await DependenceModel.update({ status }, { where: { id: dep.id } });
-        return await this.installOrUninstallDependencies(
-          [dep],
-          isInstall,
-          force,
-        );
-      }),
-      1,
-    );
+    docs.forEach((dep) => {
+      this.installOrUninstallDependency(dep, isInstall, force);
+    });
  }

  public async reInstall(ids: number[]): Promise<Dependence[]> {
@@ -147,107 +139,174 @@ export default class DependenceService {
  }

  private async updateLog(ids: number[], log: string): Promise<void> {
-    const doc = await DependenceModel.findOne({ where: { id: ids } });
-    const newLog = doc?.log ? [...doc.log, log] : [log];
-    await DependenceModel.update({ log: newLog }, { where: { id: ids } });
+    taskLimit.updateDepLog(async () => {
+      const docs = await DependenceModel.findAll({ where: { id: ids } });
+      for (const doc of docs) {
+        const newLog = doc?.log ? [...doc.log, log] : [log];
+        await DependenceModel.update(
+          { log: newLog },
+          { where: { id: doc.id } },
+        );
+      }
+      return null;
+    });
  }

-  public installOrUninstallDependencies(
-    dependencies: Dependence[],
+  public installOrUninstallDependency(
+    dependency: Dependence,
    isInstall: boolean = true,
    force: boolean = false,
  ) {
-    return new Promise(async (resolve) => {
-      if (dependencies.length === 0) {
-        resolve(null);
-        return;
-      }
-      const socketMessageType = !force
-        ? 'installDependence'
-        : 'uninstallDependence';
-      const depNames = dependencies.map((x) => x.name).join(' ');
-      const depRunCommand = (
-        isInstall
-          ? InstallDependenceCommandTypes
-          : unInstallDependenceCommandTypes
-      )[dependencies[0].type as any];
-      const actionText = isInstall ? '安装' : '删除';
-      const depIds = dependencies.map((x) => x.id) as number[];
-      const startTime = dayjs();
+    return taskLimit.runOneByOne(() => {
+      return new Promise(async (resolve) => {
+        const depIds = [dependency.id!];
+        const status = isInstall
+          ? DependenceStatus.installing
+          : DependenceStatus.removing;
+        await DependenceModel.update({ status }, { where: { id: depIds } });

-      const message = `开始${actionText}依赖 ${depNames}，开始时间 ${startTime.format(
-        'YYYY-MM-DD HH:mm:ss',
-      )}\n\n`;
-      this.sockService.sendMessage({
-        type: socketMessageType,
-        message,
-        references: depIds,
-      });
-      await this.updateLog(depIds, message);
+        const socketMessageType = isInstall
+          ? 'installDependence'
+          : 'uninstallDependence';
+        let depName = dependency.name.trim();
+        const depRunCommand = (
+          isInstall
+            ? InstallDependenceCommandTypes
+            : unInstallDependenceCommandTypes
+        )[dependency.type];
+        const actionText = isInstall ? '安装' : '删除';
+        const startTime = dayjs();

-      const cp = spawn(`${depRunCommand} ${depNames}`, { shell: '/bin/bash' });
-
-      cp.stdout.on('data', async (data) => {
-        this.sockService.sendMessage({
-          type: socketMessageType,
-          message: data.toString(),
-          references: depIds,
-        });
-        await this.updateLog(depIds, data.toString());
-      });
-
-      cp.stderr.on('data', async (data) => {
-        this.sockService.sendMessage({
-          type: socketMessageType,
-          message: data.toString(),
-          references: depIds,
-        });
-        await this.updateLog(depIds, data.toString());
-      });
-
-      cp.on('error', async (err) => {
-        this.sockService.sendMessage({
-          type: socketMessageType,
-          message: JSON.stringify(err),
-          references: depIds,
-        });
-        await this.updateLog(depIds, JSON.stringify(err));
-        resolve(null);
-      });
-
-      cp.on('close', async (code) => {
-        const endTime = dayjs();
-        const isSucceed = code === 0;
-        const resultText = isSucceed ? '成功' : '失败';
-
-        const message = `\n依赖${actionText}${resultText}，结束时间 ${endTime.format(
+        const message = `开始${actionText}依赖 ${depName}，开始时间 ${startTime.format(
          'YYYY-MM-DD HH:mm:ss',
-        )}，耗时 ${endTime.diff(startTime, 'second')} 秒`;
+        )}\n\n`;
        this.sockService.sendMessage({
          type: socketMessageType,
          message,
          references: depIds,
        });
-        await this.updateLog(depIds, message);
+        this.updateLog(depIds, message);

-        let status = null;
-        if (isSucceed) {
-          status = isInstall
-            ? DependenceStatus.installed
-            : DependenceStatus.removed;
-        } else {
-          status = isInstall
-            ? DependenceStatus.installFailed
-            : DependenceStatus.removeFailed;
-        }
-        await DependenceModel.update({ status }, { where: { id: depIds } });
+        // 判断是否已经安装过依赖
+        if (isInstall) {
+          const getCommandPrefix = GetDependenceCommandTypes[dependency.type];
+          const depVersionStr = versionDependenceCommandTypes[dependency.type];
+          let depVersion = '';
+          if (depName.includes(depVersionStr)) {
+            const symbolRegx = new RegExp(
+              `(.*)${depVersionStr}([0-9\\.\\-\\+a-zA-Z]*)`,
+            );
+            const [, _depName, _depVersion] = depName.match(symbolRegx) || [];
+            if (_depVersion && _depName) {
+              depName = _depName;
+              depVersion = _depVersion;
+            }
+          }
+          const isNodeDependence = dependency.type === DependenceTypes.nodejs;
+          const isLinuxDependence = dependency.type === DependenceTypes.linux;
+          const isPythonDependence =
+            dependency.type === DependenceTypes.python3;
+          const depInfo = (
+            await promiseExecSuccess(
+              isNodeDependence
+                ? `${getCommandPrefix} | grep "${depName}" | head -1`
+                : `${getCommandPrefix} ${depName}`,
+            )
+          )
+            .replace(/\s{2,}/, ' ')
+            .replace(/\s+$/, '');

-        // 如果删除依赖成功或者强制删除
-        if ((isSucceed || force) && !isInstall) {
-          this.removeDb(depIds);
+          if (
+            depInfo &&
+            ((isNodeDependence && depInfo.split(' ')?.[0] === depName) ||
+              (isLinuxDependence &&
+                depInfo.toLocaleLowerCase().includes('installed')) ||
+              isPythonDependence) &&
+            (!depVersion || depInfo.includes(depVersion))
+          ) {
+            const endTime = dayjs();
+            const _message = `检测到已经安装 ${depName}\n\n${depInfo}\n\n跳过安装\n\n依赖${actionText}成功，结束时间 ${endTime.format(
+              'YYYY-MM-DD HH:mm:ss',
+            )}，耗时 ${endTime.diff(startTime, 'second')} 秒`;
+            this.sockService.sendMessage({
+              type: socketMessageType,
+              message: _message,
+              references: depIds,
+            });
+            this.updateLog(depIds, _message);
+            await DependenceModel.update(
+              { status: DependenceStatus.installed },
+              { where: { id: depIds } },
+            );
+            return resolve(null);
+          }
        }

-        resolve(null);
+        const cp = spawn(`${depRunCommand} ${dependency.name.trim()}`, {
+          shell: '/bin/bash',
+        });
+
+        cp.stdout.on('data', async (data) => {
+          this.sockService.sendMessage({
+            type: socketMessageType,
+            message: data.toString(),
+            references: depIds,
+          });
+          this.updateLog(depIds, data.toString());
+        });
+
+        cp.stderr.on('data', async (data) => {
+          this.sockService.sendMessage({
+            type: socketMessageType,
+            message: data.toString(),
+            references: depIds,
+          });
+          this.updateLog(depIds, data.toString());
+        });
+
+        cp.on('error', async (err) => {
+          this.sockService.sendMessage({
+            type: socketMessageType,
+            message: JSON.stringify(err),
+            references: depIds,
+          });
+          this.updateLog(depIds, JSON.stringify(err));
+        });
+
+        cp.on('close', async (code) => {
+          const endTime = dayjs();
+          const isSucceed = code === 0;
+          const resultText = isSucceed ? '成功' : '失败';
+
+          const message = `\n依赖${actionText}${resultText}，结束时间 ${endTime.format(
+            'YYYY-MM-DD HH:mm:ss',
+          )}，耗时 ${endTime.diff(startTime, 'second')} 秒`;
+          this.sockService.sendMessage({
+            type: socketMessageType,
+            message,
+            references: depIds,
+          });
+          this.updateLog(depIds, message);
+
+          let status = null;
+          if (isSucceed) {
+            status = isInstall
+              ? DependenceStatus.installed
+              : DependenceStatus.removed;
+          } else {
+            status = isInstall
+              ? DependenceStatus.installFailed
+              : DependenceStatus.removeFailed;
+          }
+          await DependenceModel.update({ status }, { where: { id: depIds } });
+
+          // 如果删除依赖成功或者强制删除
+          if ((isSucceed || force) && !isInstall) {
+            this.removeDb(depIds);
+          }
+
+          resolve(null);
+        });
      });
    });
  }
@@ -121,7 +121,7 @@ export default class EnvService {
  public async envs(searchText: string = '', query: any = {}): Promise<Env[]> {
    let condition = { ...query };
    if (searchText) {
-      const encodeText = encodeURIComponent(searchText);
+      const encodeText = encodeURI(searchText);
      const reg = {
        [Op.or]: [
          { [Op.like]: `%${searchText}%` },
@@ -28,6 +28,7 @@ export default class NotificationService {
    ['iGot', this.iGot],
    ['pushPlus', this.pushPlus],
    ['email', this.email],
+    ['pushMe', this.pushMe],
    ['webhook', this.webhook],
    ['lark', this.lark],
  ]);
@@ -93,7 +94,11 @@ export default class NotificationService {
          },
        })
        .json();
-      return typeof res.id === 'number';
+      if (typeof res.id === 'number') {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -109,7 +114,11 @@ export default class NotificationService {
          headers: { Authorization: 'Bearer ' + goCqHttpBotToken },
        })
        .json();
-      return res.retcode === 0;
+      if (res.retcode === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -128,7 +137,11 @@ export default class NotificationService {
          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        })
        .json();
-      return res.errno === 0 || res.data.errno === 0;
+      if (res.errno === 0 || res.data.errno === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -147,9 +160,14 @@ export default class NotificationService {
          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        })
        .json();
-      return (
-        res.content.result.length !== undefined && res.content.result.length > 0
-      );
+      if (
+        res.content.result.length !== undefined &&
+        res.content.result.length > 0
+      ) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -166,7 +184,11 @@ export default class NotificationService {
          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        })
        .json();
-      return res.success;
+      if (res.success) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -190,7 +212,11 @@ export default class NotificationService {
          headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        })
        .json();
-      return res.code === 200;
+      if (res.code === 200) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -234,7 +260,11 @@ export default class NotificationService {
          agent,
        })
        .json();
-      return !!res.ok;
+      if (res.ok) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -263,15 +293,20 @@ export default class NotificationService {
          },
        })
        .json();
-      return res.errcode === 0;
+      if (res.errcode === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
  }

  private async weWorkBot() {
-    const { weWorkBotKey } = this.params;
-    const url = `https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=${weWorkBotKey}`;
+    const { weWorkBotKey, weWorkOrigin = 'https://qyapi.weixin.qq.com' } =
+      this.params;
+    const url = `${weWorkOrigin}/cgi-bin/webhook/send?key=${weWorkBotKey}`;
    try {
      const res: any = await got
        .post(url, {
@@ -284,17 +319,22 @@ export default class NotificationService {
          },
        })
        .json();
-      return res.errcode === 0;
+      if (res.errcode === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
  }

  private async weWorkApp() {
-    const { weWorkAppKey } = this.params;
+    const { weWorkAppKey, weWorkOrigin = 'https://qyapi.weixin.qq.com' } =
+      this.params;
    const [corpid, corpsecret, touser, agentid, thumb_media_id = '1'] =
      weWorkAppKey.split(',');
-    const url = `https://qyapi.weixin.qq.com/cgi-bin/gettoken`;
+    const url = `${weWorkOrigin}/cgi-bin/gettoken`;
    const tokenRes: any = await got
      .post(url, {
        ...this.gotOption,
@@ -346,7 +386,7 @@ export default class NotificationService {
    try {
      const res: any = await got
        .post(
-          `https://qyapi.weixin.qq.com/cgi-bin/message/send?access_token=${tokenRes.access_token}`,
+          `${weWorkOrigin}/cgi-bin/message/send?access_token=${tokenRes.access_token}`,
          {
            ...this.gotOption,
            json: {
@@ -359,7 +399,11 @@ export default class NotificationService {
        )
        .json();

-      return res.errcode === 0;
+      if (res.errcode === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -403,8 +447,11 @@ export default class NotificationService {
          },
        })
        .json();
-
-      return res.code === 0;
+      if (res.code === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -422,7 +469,11 @@ export default class NotificationService {
        })
        .json();

-      return res.ret === 0;
+      if (res.ret === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -444,7 +495,11 @@ export default class NotificationService {
        })
        .json();

-      return res.code === 200;
+      if (res.code === 200) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -468,7 +523,11 @@ export default class NotificationService {
          headers: { 'Content-Type': 'application/json' },
        })
        .json();
-      return res.StatusCode === 0;
+      if (res.StatusCode === 0) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -495,7 +554,35 @@ export default class NotificationService {

      transporter.close();

-      return !!info.messageId;
+      if (info.messageId) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(info));
+      }
+    } catch (error: any) {
+      throw new Error(error.response ? error.response.body : error);
+    }
+  }
+
+  private async pushMe() {
+    const { pushMeKey } = this.params;
+    try {
+      const res: any = await got.post(
+        `https://push.i-i.me/?push_key=${pushMeKey}`,
+        {
+          ...this.gotOption,
+          json: {
+            title: this.title,
+            content: this.content,
+          },
+          headers: { 'Content-Type': 'application/json' },
+        },
+      );
+      if (res.body === 'success') {
+        return true;
+      } else {
+        throw new Error(res.body);
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -529,7 +616,11 @@ export default class NotificationService {
    };
    try {
      const res = await got(formatUrl, options);
-      return String(res.statusCode).startsWith('20');
+      if (String(res.statusCode).startsWith('20')) {
+        return true;
+      } else {
+        throw new Error(JSON.stringify(res));
+      }
    } catch (error: any) {
      throw new Error(error.response ? error.response.body : error);
    }
@@ -75,7 +75,7 @@ export default class OpenService {
  ): Promise<App[]> {
    let condition = { ...query };
    if (searchText) {
-      const encodeText = encodeURIComponent(searchText);
+      const encodeText = encodeURI(searchText);
      const reg = {
        [Op.or]: [
          { [Op.like]: `%${searchText}%` },
@@ -1,7 +1,7 @@
 import { Service, Inject } from 'typedi';
 import winston from 'winston';
 import nodeSchedule from 'node-schedule';
-import { ChildProcessWithoutNullStreams, exec, spawn } from 'child_process';
+import { ChildProcessWithoutNullStreams } from 'child_process';
 import {
  ToadScheduler,
  LongIntervalJob,
@@ -9,6 +9,8 @@ import {
  Task,
 } from 'toad-scheduler';
 import dayjs from 'dayjs';
+import taskLimit from '../shared/pLimit';
+import { spawn } from 'cross-spawn';

 interface ScheduleTaskType {
  id: number;
@@ -47,65 +49,66 @@ export default class ScheduleService {
    callbacks: TaskCallbacks = {},
    completionTime: 'start' | 'end' = 'end',
  ) {
-    return new Promise(async (resolve, reject) => {
-      try {
-        const startTime = dayjs();
-        await callbacks.onBefore?.(startTime);
+    return taskLimit.runWithCpuLimit(() => {
+      return new Promise(async (resolve, reject) => {
+        try {
+          const startTime = dayjs();
+          await callbacks.onBefore?.(startTime);

-        const cp = spawn(command, { shell: '/bin/bash' });
+          const cp = spawn(command, { shell: '/bin/bash' });

-        // TODO:
-        callbacks.onStart?.(cp, startTime);
-        completionTime === 'start' && resolve(cp.pid);
+          callbacks.onStart?.(cp, startTime);
+          completionTime === 'start' && resolve(cp.pid);

-        cp.stdout.on('data', async (data) => {
-          await callbacks.onLog?.(data.toString());
-        });
+          cp.stdout.on('data', async (data) => {
+            await callbacks.onLog?.(data.toString());
+          });

-        cp.stderr.on('data', async (data) => {
-          this.logger.info(
-            '[执行任务失败] %s，时间：%s, 错误信息：%j',
+          cp.stderr.on('data', async (data) => {
+            this.logger.info(
+              '[执行任务失败] %s，时间：%s, 错误信息：%j',
+              command,
+              new Date().toLocaleString(),
+              data.toString(),
+            );
+            await callbacks.onError?.(data.toString());
+          });
+
+          cp.on('error', async (err) => {
+            this.logger.error(
+              '[创建任务失败] %s，时间：%s, 错误信息：%j',
+              command,
+              new Date().toLocaleString(),
+              err,
+            );
+            await callbacks.onError?.(JSON.stringify(err));
+          });
+
+          cp.on('exit', async (code, signal) => {
+            this.logger.info(
+              `[任务退出] ${command} 进程id: ${cp.pid}，退出码 ${code}`,
+            );
+          });
+
+          cp.on('close', async (code) => {
+            const endTime = dayjs();
+            await callbacks.onEnd?.(
+              cp,
+              endTime,
+              endTime.diff(startTime, 'seconds'),
+            );
+            resolve(null);
+          });
+        } catch (error) {
+          await this.logger.error(
+            '执行任务%s失败，时间：%s, 错误信息：%j',
            command,
            new Date().toLocaleString(),
-            data.toString(),
+            error,
          );
-          await callbacks.onError?.(data.toString());
-        });
-
-        cp.on('error', async (err) => {
-          this.logger.error(
-            '[创建任务失败] %s，时间：%s, 错误信息：%j',
-            command,
-            new Date().toLocaleString(),
-            err,
-          );
-          await callbacks.onError?.(JSON.stringify(err));
-        });
-
-        cp.on('exit', async (code, signal) => {
-          this.logger.info(
-            `[任务退出] ${command} 进程id: ${cp.pid}，退出码 ${code}`,
-          );
-        });
-
-        cp.on('close', async (code) => {
-          const endTime = dayjs();
-          await callbacks.onEnd?.(
-            cp,
-            endTime,
-            endTime.diff(startTime, 'seconds'),
-          );
-          resolve(null);
-        });
-      } catch (error) {
-        await this.logger.error(
-          '执行任务%s失败，时间：%s, 错误信息：%j',
-          command,
-          new Date().toLocaleString(),
-          error,
-        );
-        await callbacks.onError?.(JSON.stringify(error));
-      }
+          await callbacks.onError?.(JSON.stringify(error));
+        }
+      });
    });
  }

@@ -126,12 +129,12 @@ export default class ScheduleService {
    this.scheduleStacks.set(
      _id,
      nodeSchedule.scheduleJob(_id, schedule, async () => {
-        await this.runTask(command, callbacks);
+        this.runTask(command, callbacks);
      }),
    );

    if (runImmediately) {
-      await this.runTask(command, callbacks);
+      this.runTask(command, callbacks);
    }
  }

@@ -60,7 +60,9 @@ export default class SshKeyService {
    if (host === 'github.com') {
      host = `ssh.github.com\n    Port 443\n    HostkeyAlgorithms +ssh-rsa\n    PubkeyAcceptedAlgorithms +ssh-rsa`;
    }
-    const proxyStr = proxy ? `    ProxyCommand nc -v -x ${proxy} %h %p\n` : '';
+    const proxyStr = proxy
+      ? `    ProxyCommand nc -v -x ${proxy} %h %p 2>/dev/null\n`
+      : '';
    const config = `Host ${alias}\n    Hostname ${host}\n    IdentityFile ${path.join(
      this.sshPath,
      alias,
@@ -6,12 +6,7 @@ import {
  SubscriptionModel,
  SubscriptionStatus,
 } from '../data/subscription';
-import {
-  ChildProcessWithoutNullStreams,
-  exec,
-  execSync,
-  spawn,
-} from 'child_process';
+import { ChildProcessWithoutNullStreams } from 'child_process';
 import fs from 'fs';
 import {
  getFileContentByName,
@@ -20,10 +15,12 @@ import {
  createFile,
  killTask,
  handleLogPath,
+  promiseExec,
+  emptyDir,
 } from '../config/util';
 import { promises, existsSync } from 'fs';
 import { FindOptions, Op } from 'sequelize';
-import path from 'path';
+import path, { join } from 'path';
 import ScheduleService, { TaskCallbacks } from './schedule';
 import { SimpleIntervalSchedule } from 'toad-scheduler';
 import SockService from './sock';
@@ -31,6 +28,8 @@ import SshKeyService from './sshKey';
 import dayjs from 'dayjs';
 import { LOG_END_SYMBOL } from '../config/const';
 import { formatCommand, formatUrl } from '../config/subscription';
+import { CrontabModel } from '../data/cron';
+import CrontabService from './cron';

@Service()
 export default class SubscriptionService {
@@ -39,7 +38,8 @@ export default class SubscriptionService {
    private scheduleService: ScheduleService,
    private sockService: SockService,
    private sshKeyService: SshKeyService,
-  ) {}
+    private crontabService: CrontabService,
+  ) { }

  public async list(searchText?: string): Promise<Subscription[]> {
    let query = {};
@@ -47,7 +47,7 @@ export default class SubscriptionService {
      const reg = {
        [Op.or]: [
          { [Op.like]: `%${searchText}%` },
-          { [Op.like]: `%${encodeURIComponent(searchText)}%` },
+          { [Op.like]: `%${encodeURI(searchText)}%` },
        ],
      };
      query = {
@@ -110,18 +110,6 @@ export default class SubscriptionService {
    this.sshKeyService.setSshConfig(docs);
  }

-  private async promiseExec(command: string): Promise<string> {
-    return new Promise((resolve, reject) => {
-      exec(
-        command,
-        { maxBuffer: 200 * 1024 * 1024, encoding: 'utf8' },
-        (err, stdout, stderr) => {
-          resolve(stdout || stderr || JSON.stringify(err));
-        },
-      );
-    });
-  }
-
  private taskCallbacks(doc: Subscription): TaskCallbacks {
    return {
      onBefore: async (startTime) => {
@@ -144,7 +132,7 @@ export default class SubscriptionService {
        try {
          if (doc.sub_before) {
            fs.appendFileSync(absolutePath, `\n## 执行before命令...\n\n`);
-            beforeStr = await this.promiseExec(doc.sub_before);
+            beforeStr = await promiseExec(doc.sub_before);
          }
        } catch (error: any) {
          beforeStr =
@@ -171,7 +159,7 @@ export default class SubscriptionService {
        try {
          if (sub.sub_after) {
            fs.appendFileSync(absolutePath, `\n\n## 执行after命令...\n\n`);
-            afterStr = await this.promiseExec(sub.sub_after);
+            afterStr = await promiseExec(sub.sub_after);
          }
        } catch (error: any) {
          afterStr =
@@ -269,13 +257,24 @@ export default class SubscriptionService {
    );
  }

-  public async remove(ids: number[]) {
+  public async remove(ids: number[], query: any) {
    const docs = await SubscriptionModel.findAll({ where: { id: ids } });
    for (const doc of docs) {
      await this.handleTask(doc, false);
    }
    await SubscriptionModel.destroy({ where: { id: ids } });
    await this.setSshConfig();
+
+    if (query?.force === true) {
+      const crons = await CrontabModel.findAll({ where: { sub_id: ids } });
+      if (crons?.length) {
+        await this.crontabService.remove(crons.map(x => x.id!))
+      }
+      for (const doc of docs) {
+        const filePath = join(config.scriptPath, doc.alias);
+        emptyDir(filePath);
+      }
+    }
  }

  public async getDb(
@@ -290,10 +289,9 @@ export default class SubscriptionService {
      { status: SubscriptionStatus.queued },
      { where: { id: ids } },
    );
-    concurrentRun(
-      ids.map((id) => async () => await this.runSingle(id)),
-      10,
-    );
+    ids.forEach((id) => {
+      this.runSingle(id);
+    });
  }

  public async stop(ids: number[]) {
@@ -330,10 +328,7 @@ export default class SubscriptionService {

    const command = formatCommand(subscription);

-    await this.scheduleService.runTask(
-      command,
-      this.taskCallbacks(subscription),
-    );
+    this.scheduleService.runTask(command, this.taskCallbacks(subscription));
  }

  public async disabled(ids: number[]) {
@@ -1,12 +1,18 @@
+import { Response } from 'express';
 import { Service, Inject } from 'typedi';
 import winston from 'winston';
 import config from '../config';
-import * as fs from 'fs';
-import { AuthDataType, AuthInfo, AuthModel, LoginStatus } from '../data/auth';
+import {
+  AuthDataType,
+  AuthInfo,
+  AuthInstance,
+  AuthModel,
+  AuthModelInfo,
+} from '../data/auth';
 import { NotificationInfo } from '../data/notify';
 import NotificationService from './notify';
 import ScheduleService, { TaskCallbacks } from './schedule';
-import { spawn } from 'child_process';
+import { spawn } from 'cross-spawn';
 import SockService from './sock';
 import got from 'got';
 import {
@@ -14,8 +20,12 @@ import {
  killTask,
  parseContentVersion,
  parseVersion,
+  promiseExec,
 } from '../config/util';
 import { TASK_COMMAND } from '../config/const';
+import taskLimit from '../shared/pLimit';
+import tar from 'tar';
+import path from 'path';

@Service()
 export default class SystemService {
@@ -28,20 +38,20 @@ export default class SystemService {
    private sockService: SockService,
  ) {}

-  public async getLogRemoveFrequency() {
-    const doc = await this.getDb({ type: AuthDataType.removeLogFrequency });
-    return doc || {};
+  public async getSystemConfig() {
+    const doc = await this.getDb({ type: AuthDataType.systemConfig });
+    return doc || ({} as AuthInstance);
  }

-  private async updateAuthDb(payload: AuthInfo): Promise<any> {
+  private async updateAuthDb(payload: AuthInfo): Promise<AuthInstance> {
    await AuthModel.upsert({ ...payload });
    const doc = await this.getDb({ type: payload.type });
    return doc;
  }

-  public async getDb(query: any): Promise<any> {
+  public async getDb(query: any): Promise<AuthInstance> {
    const doc: any = await AuthModel.findOne({ where: { ...query } });
-    return doc && (doc.get({ plain: true }) as any);
+    return doc && doc.get({ plain: true });
  }

  public async updateNotificationMode(notificationInfo: NotificationInfo) {
@@ -62,25 +72,30 @@ export default class SystemService {
    }
  }

-  public async updateLogRemoveFrequency(frequency: number) {
-    const oDoc = await this.getLogRemoveFrequency();
+  public async updateSystemConfig(info: AuthModelInfo) {
+    const oDoc = await this.getSystemConfig();
    const result = await this.updateAuthDb({
      ...oDoc,
-      type: AuthDataType.removeLogFrequency,
-      info: { frequency },
+      type: AuthDataType.systemConfig,
+      info,
    });
-    const cron = {
-      id: result.id,
-      name: '删除日志',
-      command: `ql rmlog ${frequency}`,
-    };
-    await this.scheduleService.cancelIntervalTask(cron);
-    if (frequency > 0) {
-      this.scheduleService.createIntervalTask(cron, {
-        days: frequency,
-      });
+    if (info.logRemoveFrequency) {
+      const cron = {
+        id: result.id,
+        name: '删除日志',
+        command: `ql rmlog ${info.logRemoveFrequency}`,
+      };
+      await this.scheduleService.cancelIntervalTask(cron);
+      if (info.logRemoveFrequency > 0) {
+        this.scheduleService.createIntervalTask(cron, {
+          days: info.logRemoveFrequency,
+        });
+      }
    }
-    return { code: 200, data: { ...cron } };
+    if (info.cronConcurrency) {
+      await taskLimit.setCustomLimit(info.cronConcurrency);
+    }
+    return { code: 200, data: info };
  }

  public async checkUpdate() {
@@ -142,7 +157,7 @@ export default class SystemService {
  }

  public async updateSystem() {
-    const cp = spawn('ql -l update', { shell: '/bin/bash' });
+    const cp = spawn('ql -l update false', { shell: '/bin/bash' });

    cp.stdout.on('data', (data) => {
      this.sockService.sendMessage({
@@ -168,6 +183,33 @@ export default class SystemService {
    return { code: 200 };
  }

+  public async reloadSystem(target: 'system' | 'data') {
+    const cp = spawn(`ql -l reload ${target || ''}`, { shell: '/bin/bash' });
+
+    cp.stdout.on('data', (data) => {
+      this.sockService.sendMessage({
+        type: 'reloadSystem',
+        message: data.toString(),
+      });
+    });
+
+    cp.stderr.on('data', (data) => {
+      this.sockService.sendMessage({
+        type: 'reloadSystem',
+        message: data.toString(),
+      });
+    });
+
+    cp.on('error', (err) => {
+      this.sockService.sendMessage({
+        type: 'reloadSystem',
+        message: JSON.stringify(err),
+      });
+    });
+
+    return { code: 200 };
+  }
+
  public async notify({ title, content }: { title: string; content: string }) {
    const isSuccess = await this.notificationService.notify(title, content);
    if (isSuccess) {
@@ -190,16 +232,47 @@ export default class SystemService {
    );
  }

-  public async stop({ command }: { command: string }) {
+  public async stop({ command, pid }: { command: string; pid: number }) {
+    if (!pid && !command) {
+      return { code: 400, message: '参数错误' };
+    }
+
+    if (pid) {
+      await killTask(pid);
+      return { code: 200 };
+    }
+
    if (!command.startsWith(TASK_COMMAND)) {
      command = `${TASK_COMMAND} ${command}`;
    }
-    const pid = await getPid(command);
-    if (pid) {
-      await killTask(pid);
+    const _pid = await getPid(command);
+    if (_pid) {
+      await killTask(_pid);
      return { code: 200 };
    } else {
      return { code: 400, message: '任务未找到' };
    }
  }
+
+  public async exportData(res: Response) {
+    try {
+      await tar.create(
+        { gzip: true, file: config.dataTgzFile, cwd: config.rootPath },
+        ['data'],
+      );
+      res.download(config.dataTgzFile);
+    } catch (error: any) {
+      return res.send({ code: 400, message: error.message });
+    }
+  }
+
+  public async importData() {
+    try {
+      await promiseExec(`rm -rf ${path.join(config.tmpPath, 'data')}`);
+      await tar.x({ file: config.dataTgzFile, cwd: config.tmpPath });
+      return { code: 200 };
+    } catch (error: any) {
+      return { code: 400, message: error.message };
+    }
+  }
 }
@@ -1,16 +1,26 @@
 import { Service, Inject } from 'typedi';
 import winston from 'winston';
-import { createRandomString, getNetIp, getPlatform } from '../config/util';
+import {
+  createRandomString,
+  fileExist,
+  getNetIp,
+  getPlatform,
+} from '../config/util';
 import config from '../config';
 import * as fs from 'fs';
 import jwt from 'jsonwebtoken';
 import { authenticator } from '@otplib/preset-default';
-import { AuthDataType, AuthInfo, AuthModel, LoginStatus } from '../data/auth';
+import {
+  AuthDataType,
+  AuthInfo,
+  AuthModel,
+  AuthModelInfo,
+  LoginStatus,
+} from '../data/auth';
 import { NotificationInfo } from '../data/notify';
 import NotificationService from './notify';
 import { Request } from 'express';
 import ScheduleService from './schedule';
-import { spawn } from 'child_process';
 import SockService from './sock';
 import dayjs from 'dayjs';

@@ -183,12 +193,14 @@ export default class UserService {
    });
  }

-  public async getLoginLog(): Promise<AuthInfo[]> {
+  public async getLoginLog(): Promise<Array<AuthModelInfo | undefined>> {
    const docs = await AuthModel.findAll({
      where: { type: AuthDataType.loginLog },
    });
    if (docs && docs.length > 0) {
-      const result = docs.sort((a, b) => b.info.timestamp - a.info.timestamp);
+      const result = docs.sort(
+        (a, b) => b.info!.timestamp! - a.info!.timestamp!,
+      );
      if (result.length > 100) {
        await AuthModel.destroy({
          where: { id: result[result.length - 1].id },
@@ -205,17 +217,16 @@ export default class UserService {
  }

  private initAuthInfo() {
-    const newPassword = createRandomString(16, 22);
    fs.writeFileSync(
      config.authConfigFile,
      JSON.stringify({
        username: 'admin',
-        password: newPassword,
+        password: 'admin',
      }),
    );
    return {
      code: 100,
-      message: '已初始化密码，请前往auth.json查看并重新登录',
+      message: '未找到认证文件，重新初始化',
    };
  }

@@ -240,13 +251,18 @@ export default class UserService {
    return { code: 200, data: avatar, message: '更新成功' };
  }

-  public getUserInfo(): Promise<any> {
-    return new Promise((resolve) => {
-      fs.readFile(config.authConfigFile, 'utf8', (err, data) => {
-        if (err) console.log(err);
-        resolve(JSON.parse(data));
-      });
-    });
+  public async getUserInfo(): Promise<any> {
+    const authFileExist = await fileExist(config.authConfigFile);
+    if (!authFileExist) {
+      fs.writeFileSync(
+        config.authConfigFile,
+        JSON.stringify({
+          username: 'admin',
+          password: 'admin',
+        }),
+      );
+    }
+    return this.getAuthInfo();
  }

  public initTwoFactor() {
@@ -0,0 +1,41 @@
+import pLimit from 'p-limit';
+import os from 'os';
+import { AuthDataType, AuthModel } from '../data/auth';
+
+class TaskLimit {
+  private oneLimit = pLimit(1);
+  private updateLogLimit = pLimit(1);
+  private cpuLimit = pLimit(Math.max(os.cpus().length, 4));
+
+  constructor() {
+    this.setCustomLimit();
+  }
+
+  public async setCustomLimit(limit?: number) {
+    if (limit) {
+      this.cpuLimit = pLimit(limit);
+      return;
+    }
+    await AuthModel.sync();
+    const doc = await AuthModel.findOne({
+      where: { type: AuthDataType.systemConfig },
+    });
+    if (doc?.info?.cronConcurrency) {
+      this.cpuLimit = pLimit(doc?.info?.cronConcurrency);
+    }
+  }
+
+  public runWithCpuLimit<T>(fn: () => Promise<T>): Promise<T> {
+    return this.cpuLimit(fn);
+  }
+
+  public runOneByOne<T>(fn: () => Promise<T>): Promise<T> {
+    return this.oneLimit(fn);
+  }
+
+  public updateDepLog<T>(fn: () => Promise<T>): Promise<T> {
+    return this.updateLogLimit(fn);
+  }
+}
+
+export default new TaskLimit();
@@ -0,0 +1,35 @@
+import { spawn } from 'cross-spawn';
+import taskLimit from './pLimit';
+import Logger from '../loaders/logger';
+
+export function runCron(cmd: string): Promise<number> {
+  return taskLimit.runWithCpuLimit(() => {
+    return new Promise(async (resolve: any) => {
+      Logger.silly('运行命令: ' + cmd);
+
+      const cp = spawn(cmd, { shell: '/bin/bash' });
+
+      cp.stderr.on('data', (data) => {
+        Logger.info(
+          '[执行任务失败] %s，时间：%s, 错误信息：%j',
+          cmd,
+          new Date().toLocaleString(),
+          data.toString(),
+        );
+      });
+      cp.on('error', (err) => {
+        Logger.error(
+          '[创建任务失败] %s，时间：%s, 错误信息：%j',
+          cmd,
+          new Date().toLocaleString(),
+          err,
+        );
+      });
+
+      cp.on('close', async (code) => {
+        Logger.info(`[任务退出] ${cmd} 进程id: ${cp.pid} 退出，退出码 ${code}`);
+        resolve();
+      });
+    });
+  });
+}
@@ -3,9 +3,9 @@ COPY package.json .npmrc pnpm-lock.yaml /tmp/build/
 RUN set -x \
  && apk update \
  && apk add nodejs npm git \
-  && npm i -g pnpm \
+  && npm i -g pnpm@8.3.1 \
  && cd /tmp/build \
-  && pnpm install --prod
+  && pnpm --registry https://registry.npmmirror.com install --prod

 FROM python:3.10-alpine

@@ -29,7 +29,6 @@ RUN set -x \
  && apk upgrade \
  && apk --no-cache add -f bash \
  coreutils \
-  moreutils \
  git \
  curl \
  wget \
@@ -41,6 +40,7 @@ RUN set -x \
  jq \
  openssh \
  procps \
+  netcat-openbsd \
  npm \
  && rm -rf /var/cache/apk/* \
  && apk update \
@@ -49,7 +49,8 @@ RUN set -x \
  && git config --global user.email "qinglong@@users.noreply.github.com" \
  && git config --global user.name "qinglong" \
  && git config --global http.postBuffer 524288000 \
-  && npm install -g pnpm \
+  && npm install -g pnpm@8.3.1 \
+  && cd && pnpm config set registry https://registry.npmmirror.com \
  && pnpm add -g pm2 tsx \
  && rm -rf /root/.pnpm-store \
  && rm -rf /root/.local/share/pnpm/store \
@@ -71,7 +72,7 @@ COPY --from=builder /tmp/build/node_modules/. /ql/node_modules/

 WORKDIR ${QL_DIR}

-HEALTHCHECK --interval=5s --timeout=2s --retries=10 \
+HEALTHCHECK --interval=5s --timeout=2s --retries=20 \
  CMD curl -sf http://127.0.0.1:5400/api/health || exit 1

 ENTRYPOINT ["./docker/docker-entrypoint.sh"]
@@ -1,14 +1,15 @@
 version: '2'
 services:
  web:
+    # alpine 基础镜像版本
    image: whyour/qinglong:latest
+    # debian-slim 基础镜像版本
+    # image: whyour/qinglong:debian  
    volumes:
      - ./data:/ql/data
    ports:
      - "0.0.0.0:5700:5700"
+    environment:
+      # 部署路径非必须，以斜杠开头和结尾，比如 /test/
+      QlBaseUrl: '/'
    restart: unless-stopped
-    healthcheck:
-      test: ["CMD", "curl", "-sf", "http://127.0.0.1:5400/api/health", "||", "exit", "1"]
-      interval: 2m
-      timeout: 10s
-      retries: 3
@@ -4,55 +4,52 @@ dir_shell=/ql/shell
 . $dir_shell/share.sh
 link_shell

-export isFirstStartServer=true
-
 echo -e "======================1. 检测配置文件========================\n"
 make_dir /etc/nginx/conf.d
 make_dir /run/nginx
 init_nginx
+fix_config

 pm2 l &>/dev/null
-pm2 flush &>/dev/null

 echo -e "======================2. 安装依赖========================\n"
 patch_version
-update_depend
+if [[ $PipMirror ]]; then
+  pip3 config set global.index-url $PipMirror
+fi
+current_npm_registry=$(cd && pnpm config get registry)
+is_equal_registry=$(echo $current_npm_registry | grep "${NpmMirror}")
+if [[ "$is_equal_registry" == "" ]]; then
+  cd && pnpm config set registry $NpmMirror
+  pnpm install -g
+fi
+if [[ ! -s $dir_scripts/package.json ]] || [[ $(diff $dir_sample/package.json $dir_scripts/package.json) ]]; then
+  cp -f $dir_sample/package.json $dir_scripts/package.json
+  npm_install_2 $dir_scripts
+fi
 echo

 echo -e "======================3. 启动nginx========================\n"
 nginx -s reload 2>/dev/null || nginx -c /etc/nginx/nginx.conf
 echo -e "nginx启动成功...\n"

-echo -e "======================4. 启动面板监控========================\n"
-pm2 delete public &>/dev/null
-pm2 start $dir_static/build/public.js -n public --source-map-support --time
-echo -e "监控服务启动成功...\n"
-
-echo -e "======================5. 启动主服务========================\n"
-pm2 delete panel &>/dev/null
-pm2 start $dir_static/build/app.js -n panel --source-map-support --time
-echo -e "主服务启动成功...\n"
-
-echo -e "======================6. 启动定时服务========================\n"
-pm2 delete schedule &>/dev/null
-pm2 start $dir_static/build/schedule/index.js -n schedule --source-map-support --time
-echo -e "定时任务启动成功...\n"
+echo -e "======================4. 启动pm2服务========================\n"
+reload_pm2

 if [[ $AutoStartBot == true ]]; then
-  echo -e "======================7. 启动bot========================\n"
+  echo -e "======================5. 启动bot========================\n"
  nohup ql -l bot >$dir_log/bot.log 2>&1 &
  echo -e "bot后台启动中...\n"
 fi

 if [[ $EnableExtraShell == true ]]; then
-  echo -e "======================8. 执行自定义脚本========================\n"
+  echo -e "====================6. 执行自定义脚本========================\n"
  nohup ql -l extra >$dir_log/extra.log 2>&1 &
  echo -e "自定义脚本后台执行中...\n"
 fi

 echo -e "############################################################\n"
 echo -e "容器启动成功..."
-echo -e "\n请先访问5700端口，登录成功面板之后再执行添加定时任务..."
 echo -e "############################################################\n"

 crond -f >/dev/null
@@ -14,31 +14,33 @@ map $http_upgrade $connection_upgrade {
 server {
  listen 5700;
  IPV6_CONFIG
-  root /ql/static/dist;
  ssl_session_timeout 5m;

-  location QL_BASE_URL/api/public/ {
+  location QL_BASE_URLapi/public/ {
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass http://publicApi/api/;
+    proxy_buffering off;
  }

-  location QL_BASE_URL/api/ {
+  location QL_BASE_URLapi/ {
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass http://baseApi/api/;
+    proxy_buffering off;

    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection $connection_upgrade;
  }

-  location QL_BASE_URL/open/ {
+  location QL_BASE_URLopen/ {
    proxy_set_header Host $http_host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass http://baseApi/open/;
+    proxy_buffering off;
  }

  gzip on;
@@ -49,10 +51,12 @@ server {
  gzip_comp_level 6;
  gzip_buffers 16 8k;
  gzip_http_version 1.0;
+  QL_ROOT_CONFIG

-  location QL_BASE_URL/ {
+  location QL_BASE_URL_LOCATION {
+    QL_ALIAS_CONFIG
    index index.html index.htm;
-    try_files $uri $uri/ QL_BASE_URL/index.html;
+    try_files $uri QL_BASE_URLindex.html;
  }

  location ~ .*\.(html)$ {
@@ -14,7 +14,7 @@ http {

  server_tokens off;

-  client_max_body_size 20m;
+  client_max_body_size 4096m;
  client_body_buffer_size 20m;

  keepalive_timeout 65;
@@ -0,0 +1,34 @@
+module.exports = {
+  apps: [
+    {
+      name: 'schedule',
+      max_restarts: 10,
+      kill_timeout: 15000,
+      wait_ready: true,
+      listen_timeout: 10000,
+      source_map_support: true,
+      time: true,
+      script: 'static/build/schedule/index.js',
+    },
+    {
+      name: 'public',
+      max_restarts: 10,
+      kill_timeout: 15000,
+      wait_ready: true,
+      listen_timeout: 10000,
+      source_map_support: true,
+      time: true,
+      script: 'static/build/public.js',
+    },
+    {
+      name: 'panel',
+      max_restarts: 10,
+      kill_timeout: 15000,
+      wait_ready: true,
+      listen_timeout: 10000,
+      source_map_support: true,
+      time: true,
+      script: 'static/build/app.js',
+    },
+  ],
+};
@@ -64,14 +64,17 @@
    "chokidar": "^3.5.3",
    "cors": "^2.8.5",
    "cron-parser": "^4.2.1",
+    "cross-spawn": "^7.0.3",
    "dayjs": "^1.11.2",
    "dotenv": "^16.0.0",
    "express": "^4.17.3",
    "express-jwt": "^6.1.1",
+    "express-rate-limit": "^6.7.0",
    "express-urlrewrite": "^1.4.0",
    "form-data": "^4.0.0",
    "got": "^11.8.2",
    "hpagent": "^0.1.2",
+    "http-proxy-middleware": "^2.0.6",
    "iconv-lite": "^0.6.3",
    "js-yaml": "^4.1.0",
    "jsonwebtoken": "^8.5.1",
@@ -80,13 +83,15 @@
    "nedb": "^1.8.0",
    "node-schedule": "^2.1.0",
    "nodemailer": "^6.7.2",
+    "p-limit": "3.1.0",
    "protobufjs": "^7.2.3",
    "pstree.remy": "^1.1.8",
    "reflect-metadata": "^0.1.13",
    "sequelize": "^6.25.5",
    "serve-handler": "^6.1.3",
    "sockjs": "^0.3.24",
-    "sqlite3": "git+https://github.com/whyour/node-sqlite3.git#v1.0.2",
+    "sqlite3": "git+https://github.com/whyour/node-sqlite3.git#v1.0.3",
+    "tar": "^6.1.15",
    "toad-scheduler": "^1.6.0",
    "typedi": "^0.10.0",
    "uuid": "^8.3.2",
@@ -101,8 +106,10 @@
    "@sentry/react": "^7.12.1",
    "@types/body-parser": "^1.19.2",
    "@types/cors": "^2.8.12",
+    "@types/cross-spawn": "^6.0.2",
    "@types/express": "^4.17.13",
    "@types/express-jwt": "^6.0.4",
+    "@types/file-saver": "^2.0.5",
    "@types/js-yaml": "^4.0.5",
    "@types/jsonwebtoken": "^8.5.8",
    "@types/lodash": "^4.14.185",
@@ -118,15 +125,19 @@
    "@types/serve-handler": "^6.1.1",
    "@types/sockjs": "^0.3.33",
    "@types/sockjs-client": "^1.5.1",
+    "@types/tar": "^6.1.5",
    "@types/uuid": "^8.3.4",
-    "@umijs/max": "^4.0.55",
+    "@umijs/max": "^4.0.72",
    "@umijs/ssr-darkreader": "^4.9.45",
+    "ahooks": "^3.7.8",
    "ansi-to-react": "^6.1.6",
    "antd": "^4.24.8",
    "antd-img-crop": "^4.2.3",
+    "axios": "^1.4.0",
    "codemirror": "^5.65.2",
    "compression-webpack-plugin": "9.2.0",
    "concurrently": "^7.0.0",
+    "file-saver": "^2.0.5",
    "lint-staged": "^13.0.3",
    "monaco-editor": "0.33.0",
    "nodemon": "^2.0.15",
@@ -135,6 +146,7 @@
    "qrcode.react": "^1.0.1",
    "query-string": "^7.1.1",
    "rc-tween-one": "^3.0.6",
+    "rc-virtual-list": "3.5.3",
    "react": "18.2.0",
    "react-codemirror2": "^7.2.1",
    "react-copy-to-clipboard": "^5.1.0",
@@ -142,6 +154,7 @@
    "react-dnd": "^14.0.2",
    "react-dnd-html5-backend": "^14.0.0",
    "react-dom": "18.2.0",
+    "react-intl-universal": "^2.6.21",
    "react-split-pane": "^0.1.92",
    "sockjs-client": "^1.6.0",
    "ts-node": "^10.6.0",
@@ -149,7 +162,6 @@
    "tslib": "^2.4.0",
    "tsx": "^3.12.3",
    "typescript": "4.8.4",
-    "umi-request": "^1.4.0",
    "vh-check": "^2.0.5",
    "virtualizedtableforantd4": "1.3.0",
    "webpack": "^5.70.0",
@@ -91,6 +91,10 @@ export TG_API_HOST=""
 export DD_BOT_TOKEN=""
 export DD_BOT_SECRET=""

+## 企业微信反向代理地址
+## (环境变量名 QYWX_ORIGIN)
+export QYWX_ORIGIN=""
+
 ## 5. 企业微信机器人
 ## 官方说明文档：https://work.weixin.qq.com/api/doc/90000/90136/91770
 ## 下方填写密钥，企业微信推送 webhook 后面的 key
@@ -164,4 +168,9 @@ export SMTP_PASSWORD=""
 ## smtp_name 填写 SMTP 收发件人姓名，可随意填写
 export SMTP_NAME=""

+## 15. PushMe
+## 官方说明文档：https://push.i-i.me/
+## PUSHME_KEY (必填)填写PushMe APP上获取的push_key
+export PUSHME_KEY=""
+
 ## 其他需要的变量，脚本中需要的变量使用 export 变量名= 声明即可
@@ -76,6 +76,8 @@ push_config = {
    'QMSG_KEY': '',                     # qmsg 酱的 QMSG_KEY
    'QMSG_TYPE': '',                    # qmsg 酱的 QMSG_TYPE

+    'QYWX_ORIGIN': '',                  # 企业微信代理地址
+    
    'QYWX_AM': '',                      # 企业微信应用

    'QYWX_KEY': '',                     # 企业微信机器人
@@ -96,6 +98,8 @@ push_config = {
    'SMTP_EMAIL': '',                   # SMTP 收发件邮箱，通知将会由自己发给自己
    'SMTP_PASSWORD': '',                # SMTP 登录密码，也可能为特殊口令，视具体邮件服务商说明而定
    'SMTP_NAME': '',                    # SMTP 收发件人姓名，可随意填写
+
+    'PUSHME_KEY': '',                     # PushMe 酱的 PUSHME_KEY
 }
 notify_function = []
 # fmt: on
@@ -164,8 +168,7 @@ def dingding_bot(title: str, content: str) -> None:

    timestamp = str(round(time.time() * 1000))
    secret_enc = push_config.get("DD_BOT_SECRET").encode("utf-8")
-    string_to_sign = "{}\n{}".format(
-        timestamp, push_config.get("DD_BOT_SECRET"))
+    string_to_sign = "{}\n{}".format(timestamp, push_config.get("DD_BOT_SECRET"))
    string_to_sign_enc = string_to_sign.encode("utf-8")
    hmac_code = hmac.new(
        secret_enc, string_to_sign_enc, digestmod=hashlib.sha256
@@ -231,8 +234,11 @@ def gotify(title: str, content: str) -> None:
    print("gotify 服务启动")

    url = f'{push_config.get("GOTIFY_URL")}/message?token={push_config.get("GOTIFY_TOKEN")}'
-    data = {"title": title, "message": content,
-            "priority": push_config.get("GOTIFY_PRIORITY")}
+    data = {
+        "title": title,
+        "message": content,
+        "priority": push_config.get("GOTIFY_PRIORITY"),
+    }
    response = requests.post(url, data=data).json()

    if response.get("id"):
@@ -291,9 +297,13 @@ def pushdeer(title: str, content: str) -> None:
        print("PushDeer 服务的 DEER_KEY 未设置!!\n取消推送")
        return
    print("PushDeer 服务启动")
-    data = {"text": title, "desp": content, "type": "markdown",
-            "pushkey": push_config.get("DEER_KEY")}
-    url = 'https://api2.pushdeer.com/message/push'
+    data = {
+        "text": title,
+        "desp": content,
+        "type": "markdown",
+        "pushkey": push_config.get("DEER_KEY"),
+    }
+    url = "https://api2.pushdeer.com/message/push"
    if push_config.get("DEER_URL"):
        url = push_config.get("DEER_URL")

@@ -313,7 +323,7 @@ def chat(title: str, content: str) -> None:
        print("chat 服务的 CHAT_URL或CHAT_TOKEN 未设置!!\n取消推送")
        return
    print("chat 服务启动")
-    data = 'payload=' + json.dumps({'text': title + '\n' + content})
+    data = "payload=" + json.dumps({"text": title + "\n" + content})
    url = push_config.get("CHAT_URL") + push_config.get("CHAT_TOKEN")
    response = requests.post(url, data=data)

@@ -347,11 +357,9 @@ def pushplus_bot(title: str, content: str) -> None:
        print("PUSHPLUS 推送成功！")

    else:
-
        url_old = "http://pushplus.hxtrip.com/send"
        headers["Accept"] = "application/json"
-        response = requests.post(
-            url=url_old, data=body, headers=headers).json()
+        response = requests.post(url=url_old, data=body, headers=headers).json()

        if response["code"] == 200:
            print("PUSHPLUS(hxtrip) 推送成功！")
@@ -370,8 +378,7 @@ def qmsg_bot(title: str, content: str) -> None:
    print("qmsg 服务启动")

    url = f'https://qmsg.zendee.cn/{push_config.get("QMSG_TYPE")}/{push_config.get("QMSG_KEY")}'
-    payload = {
-        "msg": f'{title}\n\n{content.replace("----", "-")}'.encode("utf-8")}
+    payload = {"msg": f'{title}\n\n{content.replace("----", "-")}'.encode("utf-8")}
    response = requests.post(url=url, params=payload).json()

    if response["code"] == 0:
@@ -420,9 +427,12 @@ class WeCom:
        self.CORPID = corpid
        self.CORPSECRET = corpsecret
        self.AGENTID = agentid
+        self.ORIGIN = "https://qyapi.weixin.qq.com"
+        if push_config.get("QYWX_ORIGIN"):
+            self.ORIGIN = push_config.get("QYWX_ORIGIN")

    def get_access_token(self):
-        url = "https://qyapi.weixin.qq.com/cgi-bin/gettoken"
+        url = f"{self.ORIGIN}/cgi-bin/gettoken"
        values = {
            "corpid": self.CORPID,
            "corpsecret": self.CORPSECRET,
@@ -432,10 +442,7 @@ class WeCom:
        return data["access_token"]

    def send_text(self, message, touser="@all"):
-        send_url = (
-            "https://qyapi.weixin.qq.com/cgi-bin/message/send?access_token="
-            + self.get_access_token()
-        )
+        send_url = f"{self.ORIGIN}/cgi-bin/message/send?access_token={self.get_access_token()}"
        send_values = {
            "touser": touser,
            "msgtype": "text",
@@ -449,10 +456,7 @@ class WeCom:
        return respone["errmsg"]

    def send_mpnews(self, title, message, media_id, touser="@all"):
-        send_url = (
-            "https://qyapi.weixin.qq.com/cgi-bin/message/send?access_token="
-            + self.get_access_token()
-        )
+        send_url = f"https://{self.HOST}/cgi-bin/message/send?access_token={self.get_access_token()}"
        send_values = {
            "touser": touser,
            "msgtype": "mpnews",
@@ -485,7 +489,11 @@ def wecom_bot(title: str, content: str) -> None:
        return
    print("企业微信机器人服务启动")

-    url = f"https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key={push_config.get('QYWX_KEY')}"
+    origin = "https://qyapi.weixin.qq.com"
+    if push_config.get("QYWX_ORIGIN"):
+        origin = push_config.get("QYWX_ORIGIN")
+
+    url = f"{origin}/cgi-bin/webhook/send?key={push_config.get('QYWX_KEY')}"
    headers = {"Content-Type": "application/json;charset=utf-8"}
    data = {"msgtype": "text", "text": {"content": f"{title}\n\n{content}"}}
    response = requests.post(
@@ -547,24 +555,28 @@ def aibotk(title: str, content: str) -> None:
    """
    使用 智能微秘书 推送消息。
    """
-    if not push_config.get("AIBOTK_KEY") or not push_config.get("AIBOTK_TYPE") or not push_config.get("AIBOTK_NAME"):
+    if (
+        not push_config.get("AIBOTK_KEY")
+        or not push_config.get("AIBOTK_TYPE")
+        or not push_config.get("AIBOTK_NAME")
+    ):
        print("智能微秘书 的 AIBOTK_KEY 或者 AIBOTK_TYPE 或者 AIBOTK_NAME 未设置!!\n取消推送")
        return
    print("智能微秘书 服务启动")

-    if push_config.get("AIBOTK_TYPE") == 'room':
+    if push_config.get("AIBOTK_TYPE") == "room":
        url = "https://api-bot.aibotk.com/openapi/v1/chat/room"
        data = {
            "apiKey": push_config.get("AIBOTK_KEY"),
            "roomName": push_config.get("AIBOTK_NAME"),
-            "message": {"type": 1, "content": f'【青龙快讯】\n\n{title}\n{content}'}
+            "message": {"type": 1, "content": f"【青龙快讯】\n\n{title}\n{content}"},
        }
    else:
        url = "https://api-bot.aibotk.com/openapi/v1/chat/contact"
        data = {
            "apiKey": push_config.get("AIBOTK_KEY"),
            "name": push_config.get("AIBOTK_NAME"),
-            "message": {"type": 1, "content": f'【青龙快讯】\n\n{title}\n{content}'}
+            "message": {"type": 1, "content": f"【青龙快讯】\n\n{title}\n{content}"},
        }
    body = json.dumps(data).encode(encoding="utf-8")
    headers = {"Content-Type": "application/json"}
@@ -580,29 +592,73 @@ def smtp(title: str, content: str) -> None:
    """
    使用 SMTP 邮件 推送消息。
    """
-    if not push_config.get("SMTP_SERVER") or not push_config.get("SMTP_SSL") or not push_config.get("SMTP_EMAIL") or not push_config.get("SMTP_PASSWORD") or not push_config.get("SMTP_NAME"):
-        print("SMTP 邮件 的 SMTP_SERVER 或者 SMTP_SSL 或者 SMTP_EMAIL 或者 SMTP_PASSWORD 或者 SMTP_NAME 未设置!!\n取消推送")
+    if (
+        not push_config.get("SMTP_SERVER")
+        or not push_config.get("SMTP_SSL")
+        or not push_config.get("SMTP_EMAIL")
+        or not push_config.get("SMTP_PASSWORD")
+        or not push_config.get("SMTP_NAME")
+    ):
+        print(
+            "SMTP 邮件 的 SMTP_SERVER 或者 SMTP_SSL 或者 SMTP_EMAIL 或者 SMTP_PASSWORD 或者 SMTP_NAME 未设置!!\n取消推送"
+        )
        return
    print("SMTP 邮件 服务启动")

-    message = MIMEText(content, 'plain', 'utf-8')
-    message['From'] = formataddr((Header(push_config.get(
-        "SMTP_NAME"), 'utf-8').encode(), push_config.get("SMTP_EMAIL")))
-    message['To'] = formataddr((Header(push_config.get(
-        "SMTP_NAME"), 'utf-8').encode(), push_config.get("SMTP_EMAIL")))
-    message['Subject'] = Header(title, 'utf-8')
+    message = MIMEText(content, "plain", "utf-8")
+    message["From"] = formataddr(
+        (
+            Header(push_config.get("SMTP_NAME"), "utf-8").encode(),
+            push_config.get("SMTP_EMAIL"),
+        )
+    )
+    message["To"] = formataddr(
+        (
+            Header(push_config.get("SMTP_NAME"), "utf-8").encode(),
+            push_config.get("SMTP_EMAIL"),
+        )
+    )
+    message["Subject"] = Header(title, "utf-8")

    try:
-        smtp_server = smtplib.SMTP_SSL(push_config.get("SMTP_SERVER")) if push_config.get(
-            "SMTP_SSL") == 'true' else smtplib.SMTP(push_config.get("SMTP_SERVER"))
-        smtp_server.login(push_config.get("SMTP_EMAIL"),
-                          push_config.get("SMTP_PASSWORD"))
-        smtp_server.sendmail(push_config.get("SMTP_EMAIL"),
-                             push_config.get("SMTP_EMAIL"), message.as_bytes())
+        smtp_server = (
+            smtplib.SMTP_SSL(push_config.get("SMTP_SERVER"))
+            if push_config.get("SMTP_SSL") == "true"
+            else smtplib.SMTP(push_config.get("SMTP_SERVER"))
+        )
+        smtp_server.login(
+            push_config.get("SMTP_EMAIL"), push_config.get("SMTP_PASSWORD")
+        )
+        smtp_server.sendmail(
+            push_config.get("SMTP_EMAIL"),
+            push_config.get("SMTP_EMAIL"),
+            message.as_bytes(),
+        )
        smtp_server.close()
        print("SMTP 邮件 推送成功！")
    except Exception as e:
-        print(f'SMTP 邮件 推送失败！{e}')
+        print(f"SMTP 邮件 推送失败！{e}")
+
+def pushme(title: str, content: str) -> None:
+    """
+    使用 PushMe 推送消息。
+    """
+    if not push_config.get("PUSHME_KEY"):
+        print("PushMe 服务的 PUSHME_KEY 未设置!!\n取消推送")
+        return
+    print("PushMe 服务启动")
+
+    url = f'https://push.i-i.me/?push_key={push_config.get("PUSHME_KEY")}'
+    data = {
+        "title": title,
+        "content": content,
+    }
+    response = requests.post(url, data=data)
+
+    if response.status_code == 200 and response.text == "success":
+        print("PushMe 推送成功！")
+    else:
+        print(f"PushMe 推送失败！{response.status_code} {response.text}")


 def one() -> str:
@@ -645,10 +701,22 @@ if push_config.get("QYWX_KEY"):
    notify_function.append(wecom_bot)
 if push_config.get("TG_BOT_TOKEN") and push_config.get("TG_USER_ID"):
    notify_function.append(telegram_bot)
-if push_config.get("AIBOTK_KEY") and push_config.get("AIBOTK_TYPE") and push_config.get("AIBOTK_NAME"):
+if (
+    push_config.get("AIBOTK_KEY")
+    and push_config.get("AIBOTK_TYPE")
+    and push_config.get("AIBOTK_NAME")
+):
    notify_function.append(aibotk)
-if push_config.get("SMTP_SERVER") and push_config.get("SMTP_SSL") and push_config.get("SMTP_EMAIL") and push_config.get("SMTP_PASSWORD") and push_config.get("SMTP_NAME"):
+if (
+    push_config.get("SMTP_SERVER")
+    and push_config.get("SMTP_SSL")
+    and push_config.get("SMTP_EMAIL")
+    and push_config.get("SMTP_PASSWORD")
+    and push_config.get("SMTP_NAME")
+):
    notify_function.append(smtp)
+if push_config.get("PUSHME_KEY"):
+    notify_function.append(pushme)


 def send(title: str, content: str) -> None:
@@ -659,7 +727,7 @@ def send(title: str, content: str) -> None:
    # 根据标题跳过一些消息推送，环境变量：SKIP_PUSH_TITLE 用回车分隔
    skipTitle = os.getenv("SKIP_PUSH_TITLE")
    if skipTitle:
-        if (title in re.split("\n", skipTitle)):
+        if title in re.split("\n", skipTitle):
            print(f"{title} 在SKIP_PUSH_TITLE环境变量内，跳过推送！")
            return

@@ -669,8 +737,7 @@ def send(title: str, content: str) -> None:
    content += "\n\n" + text

    ts = [
-        threading.Thread(target=mode, args=(
-            title, content), name=mode.__name__)
+        threading.Thread(target=mode, args=(title, content), name=mode.__name__)
        for mode in notify_function
    ]
    [t.start() for t in ts]
@@ -2,7 +2,7 @@

 create_token() {
  local token_command="tsx ${dir_root}/back/token.ts"
-  local token_file="${dir_root}static/build/token.js"
+  local token_file="${dir_root}/static/build/token.js"
  if [[ -f $token_file ]]; then
    token_command="node ${token_file}"
  fi
@@ -30,10 +30,10 @@ add_cron_api() {
    local name=$(echo "$1" | awk -F ":" '{print $3}')
    local sub_id=$(echo "$1" | awk -F ":" '{print $4}')
  else
-    local schedule=$1
-    local command=$2
-    local name=$3
-    local sub_id=$4
+    local schedule="$1"
+    local command="$2"
+    local name="$3"
+    local sub_id="$4"
  fi

  if [[ ! $sub_id ]];then
@@ -69,10 +69,10 @@ update_cron_api() {
    local name=$(echo "$1" | awk -F ":" '{print $3}')
    local id=$(echo "$1" | awk -F ":" '{print $4}')
  else
-    local schedule=$1
-    local command=$2
-    local name=$3
-    local id=$4
+    local schedule="$1"
+    local command="$2"
+    local name="$3"
+    local id="$4"
  fi

  local api=$(
@@ -103,8 +103,8 @@ update_cron_command_api() {
    local command=$(echo "$1" | awk -F ":" '{print $1}')
    local id=$(echo "$1" | awk -F ":" '{print $2}')
  else
-    local command=$1
-    local id=$2
+    local command="$1"
+    local id="$2"
  fi

  local api=$(
@@ -130,7 +130,7 @@ update_cron_command_api() {
 }

 del_cron_api() {
-  local ids=$1
+  local ids="$1"
  local currentTimeStamp=$(date +%s)
  local api=$(
    curl -s --noproxy "*" "http://0.0.0.0:5600/open/crons?t=$currentTimeStamp" \
@@ -183,8 +183,8 @@ update_cron() {
 }

 notify_api() {
-  local title=$1
-  local content=$2
+  local title="$1"
+  local content="$2"
  local currentTimeStamp=$(date +%s)
  local api=$(
    curl -s --noproxy "*" "http://0.0.0.0:5600/open/system/notify?t=$currentTimeStamp" \
@@ -202,14 +202,14 @@ notify_api() {
  code=$(echo "$api" | jq -r .code)
  message=$(echo "$api" | jq -r .message)
  if [[ $code == 200 ]]; then
-    echo -e "通知发送成功"
+    echo -e "通知发送成功🎉"
  else
    echo -e "通知失败(${message})"
  fi
 }

 find_cron_api() {
-  local params=$1
+  local params="$1"
  local currentTimeStamp=$(date +%s)
  local api=$(
    curl -s --noproxy "*" "http://0.0.0.0:5600/open/crons/detail?$params&t=$currentTimeStamp" \
@@ -74,19 +74,21 @@ check_pm2() {
  fi
 }

-start_public() {
-  echo -e "=====> 启动公开服务\n"
-  pm2 delete public --source-map-support --time &>/dev/null
-  pm2 start $dir_static/build/public.js -n public --source-map-support --time &>/dev/null
-}
-
 main() {
  echo -e "=====> 开始检测"
-  npm i -g pnpm
+  npm i -g pnpm@8.3.1
  patch_version
+
+  if [[ $PipMirror ]]; then
+    pip3 config set global.index-url $PipMirror
+  fi
+  if [[ $NpmMirror ]]; then
+    cd && pnpm config set registry $NpmMirror
+    pnpm install -g
+  fi
+
  pnpm add -g pm2 tsx
  reset_env
-  start_public
  copy_dep
  check_ql
  check_nginx
@@ -38,7 +38,7 @@ gen_array_scripts() {
    if [[ -f $file ]] && [[ $file == *.js && $file != sendNotify.js ]]; then
      let i++
      array_scripts[i]=$(echo "$file" | perl -pe "s|$dir_scripts/||g")
-      array_scripts_name[i]=$(grep "new Env" $file | awk -F "'|\"" '{print $2}' | head -1)
+      array_scripts_name[i]=$(grep "new Env" $file | awk -F "\(" '{print $2}' | awk -F "\)" '{print $1}' | sed 's:.*\('\''\|"\)\([^"'\'']*\)\('\''\|"\).*:\2:' | sed 's:"::g' | sed "s:'::g" | head -1)
      [[ -z ${array_scripts_name[i]} ]] && array_scripts_name[i]="<未识别出活动名称>"
    fi
  done
@@ -193,7 +193,7 @@ run_else() {
  local relative_path="${file_param%/*}"
  if [[ ! -z ${relative_path} ]] && [[ ${file_param} =~ "/" ]]; then
    cd ${relative_path}
-    file_param=${file_param/$relative_path\//}
+    file_param=${file_param/$relative_path\//.\/}
  fi

  shift
@@ -2,6 +2,7 @@

 ## 目录
 dir_root=$QL_DIR
+dir_tmp=$dir_root/.tmp
 dir_data=$dir_root/data
 dir_shell=$dir_root/shell
 dir_sample=$dir_root/sample
@@ -18,6 +19,7 @@ dir_update_log=$dir_log/update
 ql_static_repo=$dir_repo/static

 ## 文件
+file_ecosystem_js=$dir_root/ecosystem.config.js
 file_config_sample=$dir_sample/config.sample.sh
 file_env=$dir_config/env.sh
 file_sharecode=$dir_config/sharecode.sh
@@ -34,7 +36,6 @@ file_notify_js_sample=$dir_sample/notify.js
 file_notify_py_sample=$dir_sample/notify.py
 file_notify_py=$dir_scripts/notify.py
 file_notify_js=$dir_scripts/sendNotify.js
-task_error_log_path=$dir_log/task_error.log
 nginx_app_conf=$dir_root/docker/front.conf
 nginx_conf=$dir_root/docker/nginx.conf
 dep_notify_py=$dir_dep/notify.py
@@ -67,7 +68,7 @@ import_config() {
  [[ -f $file_config_user ]] && . $file_config_user
  [[ -f $file_env ]] && . $file_env

-  ql_base_url=${QlBaseUrl:-""}
+  ql_base_url=${QlBaseUrl:-"/"}
  command_timeout_time=${CommandTimeoutTime:-""}
  proxy_url=${ProxyUrl:-""}
  file_extensions=${RepoFileExtensions:-"js py"}
@@ -98,6 +99,9 @@ set_proxy() {
 unset_proxy() {
  unset http_proxy
  unset https_proxy
+  unset ftp_proxy
+  unset all_proxy
+  unset no_proxy
 }

 make_dir() {
@@ -172,6 +176,7 @@ define_cmd() {
 }

 fix_config() {
+  make_dir $dir_tmp
  make_dir $dir_static
  make_dir $dir_data
  make_dir $dir_config
@@ -260,17 +265,7 @@ npm_install_sub() {
  else
    pnpm install --loglevel error --production
  fi
-}
-
-npm_install_1() {
-  local dir_current=$(pwd)
-  local dir_work=$1
-
-  cd $dir_work
-  echo -e "运行 pnpm install...\n"
-  npm_install_sub
-  [[ $? -ne 0 ]] && echo -e "\nnpm install 运行不成功，请进入 $dir_work 目录后手动运行 pnpm install...\n"
-  cd $dir_current
+  exit_status=$?
 }

 npm_install_2() {
@@ -280,10 +275,6 @@ npm_install_2() {
  cd $dir_work
  echo -e "安装 $dir_work 依赖包...\n"
  npm_install_sub
-  if [[ $? -ne 0 ]]; then
-    echo -e "\n安装 $dir_work 的依赖包运行不成功，再次尝试一遍...\n"
-    npm_install_1 $dir_work
-  fi
  cd $dir_current
 }

@@ -295,83 +286,20 @@ diff_and_copy() {
  fi
 }

-update_depend() {
-  local dir_current=$(pwd)
-
-  if [[ ! -s $dir_scripts/package.json ]] || [[ $(diff $dir_sample/package.json $dir_scripts/package.json) ]]; then
-    cp -f $dir_sample/package.json $dir_scripts/package.json
-    npm_install_2 $dir_scripts
-  fi
-
-  cd $dir_current
-}
-
 git_clone_scripts() {
  local url="$1"
  local dir="$2"
  local branch="$3"
  local proxy="$4"
  [[ $branch ]] && local part_cmd="-b $branch "
-  echo -e "开始克隆仓库 $url 到 $dir\n"
+  echo -e "开始拉取仓库 ${uniq_path} 到 $dir\n"

  set_proxy "$proxy"
+
  git clone --depth=1 $part_cmd $url $dir
  exit_status=$?
+
  unset_proxy
-
-  reset_branch "$branch"
-}
-
-git_pull_scripts() {
-  local dir_current=$(pwd)
-  local dir_work="$1"
-  local branch="$2"
-  local proxy="$3"
-  cd $dir_work
-  echo -e "开始更新仓库：$dir_work"
-
-  local pre_commit_id=$(git rev-parse --short HEAD)
-  set_proxy "$proxy"
-  git fetch --depth=1 --all
-  git pull --depth=1 &>/dev/null
-  exit_status=$?
-  unset_proxy
-
-  reset_branch "$branch"
-  local cur_commit_id=$(git rev-parse --short HEAD)
-  if [[ $cur_commit_id != $pre_commit_id ]]; then
-    exit_status=0
-  fi
-  cd $dir_current
-}
-
-reset_romote_url() {
-  local dir_current=$(pwd)
-  local dir_work=$1
-  local url=$2
-  local branch="$3"
-
-  cd $dir_work
-  if [[ -d "$dir_work/.git" ]]; then
-    [[ -f ".git/index.lock" ]] && rm -f .git/index.lock >/dev/null
-    git remote set-url origin $url &>/dev/null
-  else
-    git init
-    git remote add origin $url &>/dev/null
-  fi
-  
-  cd $dir_current
-}
-
-reset_branch() {
-  local branch="$1"
-  local part_cmd="HEAD"
-  if [[ $branch ]]; then
-    part_cmd="origin/${branch}"
-    git checkout -B "$branch" &>/dev/null
-    git branch --set-upstream-to=$part_cmd $branch &>/dev/null
-  fi
-  git reset --hard $part_cmd &>/dev/null
 }

 random_range() {
@@ -381,16 +309,11 @@ random_range() {
 }

 reload_pm2() {
-  pm2 l &>/dev/null
+  cd $dir_root
+  # 代理会影响 grpc 服务
+  unset_proxy
  pm2 flush &>/dev/null
-
-  echo -e "启动面板服务\n"
-  pm2 delete panel --source-map-support --time &>/dev/null
-  pm2 start $dir_static/build/app.js -n panel --source-map-support --time &>/dev/null
-
-  echo -e "启动定时服务\n"
-  pm2 delete schedule --source-map-support --time &>/dev/null
-  pm2 start $dir_static/build/schedule/index.js -n schedule --source-map-support --time &>/dev/null
+  pm2 startOrGracefulReload $file_ecosystem_js --update-env
 }

 diff_time() {
@@ -440,19 +363,6 @@ format_timestamp() {
 }

 patch_version() {
-  # 兼容pnpm@7
-  pnpm setup &>/dev/null
-  source ~/.bashrc
-  apk add procps
-
-  if [[ $PipMirror ]]; then
-    pip3 config set global.index-url $PipMirror
-  fi
-  if [[ $NpmMirror ]]; then
-    cd && pnpm config set registry $NpmMirror
-    pnpm install -g --force
-  fi
-
  git config --global pull.rebase false

  cp -f $dir_root/.env.example $dir_root/.env
@@ -492,7 +402,19 @@ patch_version() {
 init_nginx() {
  cp -fv $nginx_conf /etc/nginx/nginx.conf
  cp -fv $nginx_app_conf /etc/nginx/conf.d/front.conf
-  sed -i "s,QL_BASE_URL,${qlBaseUrl},g" /etc/nginx/conf.d/front.conf
+  local location_url="/"
+  local aliasStr=""
+  local rootStr=""
+  if [[ $ql_base_url != "/" ]]; then
+    location_url="^~${ql_base_url%*/}"
+    aliasStr="alias ${dir_static}/dist;"
+  else
+    rootStr="root ${dir_static}/dist;"
+  fi
+  sed -i "s,QL_ALIAS_CONFIG,${aliasStr},g" /etc/nginx/conf.d/front.conf
+  sed -i "s,QL_ROOT_CONFIG,${rootStr},g" /etc/nginx/conf.d/front.conf
+  sed -i "s,QL_BASE_URL_LOCATION,${location_url},g" /etc/nginx/conf.d/front.conf
+  sed -i "s,QL_BASE_URL,${ql_base_url},g" /etc/nginx/conf.d/front.conf

  ipv6=$(ip a | grep inet6)
  ipv6Str=""
@@ -509,11 +431,6 @@ handle_task_before() {

  [[ $is_macos -eq 0 ]] && check_server

-  if [[ -s $task_error_log_path ]]; then
-    cat $task_error_log_path
-    echo -e "加载 config.sh 出错，请手动检查"
-  fi
-
  . $file_task_before "$@"
 }

@@ -536,6 +453,5 @@ init_env
 detect_termux
 detect_macos
 define_cmd
-fix_config

-import_config $1 2>$task_error_log_path
+import_config $1
@@ -14,7 +14,7 @@ single_hanle() {
 ## 选择python3还是node
 define_program() {
  local file_param=$1
-  if [[ $file_param == *.js ]]; then
+  if [[ $file_param == *.js ]] || [[ $file_param == *.mjs ]]; then
    which_program="node"
  elif [[ $file_param == *.py ]] || [[ $file_param == *.pyc ]]; then
    which_program="python3"
@@ -31,7 +31,7 @@ output_list_add_drop() {
  local list=$1
  local type=$2
  if [[ -s $list ]]; then
-    echo -e "检测到有$type的定时任务：\n"
+    echo -e "检测到有${type}的定时任务：\n"
    cat $list
    echo
  fi
@@ -44,7 +44,7 @@ del_cron() {
  local path=$2
  local detail=""
  local ids=""
-  echo -e "开始尝试自动删除失效的定时任务...\n"
+  echo -e "开始尝试自动删除失效的定时任务..."
  for cron in $(cat $list_drop); do
    local id=$(cat $list_crontab_user | grep -E "$cmd_task.* $cron" | perl -pe "s|.*ID=(.*) $cmd_task.* $cron\.*|\1|" | head -1 | awk -F " " '{print $1}')
    if [[ $ids ]]; then
@@ -54,7 +54,7 @@ del_cron() {
    fi
    cron_file="$dir_scripts/${cron}"
    if [[ -f $cron_file ]]; then
-      cron_name=$(grep "new Env" $cron_file | awk -F "\(" '{print $2}' | awk -F "\)" '{print $1}' | sed 's:^.\(.*\).$:\1:' | head -1)
+      cron_name=$(grep "new Env" $cron_file | awk -F "\(" '{print $2}' | awk -F "\)" '{print $1}' | sed 's:.*\('\''\|"\)\([^"'\'']*\)\('\''\|"\).*:\2:' | sed 's:"::g' | sed "s:'::g" | head -1)
      rm -f $cron_file
    fi
    [[ -z $cron_name ]] && cron_name="$cron"
@@ -75,7 +75,7 @@ del_cron() {
 add_cron() {
  local list_add=$1
  local path=$2
-  echo -e "开始尝试自动添加定时任务...\n"
+  echo -e "开始尝试自动添加定时任务..."
  local detail=""
  cd $dir_scripts
  for file in $(cat $list_add); do
@@ -92,7 +92,7 @@ add_cron() {
                        s|  | |g;
                    }" | sort -u | head -1
      )
-      cron_name=$(grep "new Env" $file | awk -F "\(" '{print $2}' | awk -F "\)" '{print $1}' | sed 's:^.\(.*\).$:\1:' | head -1)
+      cron_name=$(grep "new Env" $file | awk -F "\(" '{print $2}' | awk -F "\)" '{print $1}' | sed 's:.*\('\''\|"\)\([^"'\'']*\)\('\''\|"\).*:\2:' | sed 's:"::g' | sed "s:'::g" | head -1)
      [[ -z $cron_name ]] && cron_name="$file_name"
      [[ -z $cron_line ]] && cron_line=$(grep "cron:" $file | awk -F ":" '{print $2}' | head -1 | xargs)
      [[ -z $cron_line ]] && cron_line=$(grep "cron " $file | awk -F "cron \"" '{print $2}' | awk -F "\" " '{print $1}' | head -1 | xargs)
@@ -130,13 +130,9 @@ update_repo() {
  make_dir "${dir_scripts}/${uniq_path}"

  local formatUrl="$url"
-  if [[ -d ${repo_path}/.git ]]; then
-    reset_romote_url ${repo_path} "${formatUrl}" "${branch}"
-    git_pull_scripts ${repo_path} "${branch}" "${proxy}"
-  else
-    rm -rf ${repo_path} &>/dev/null
-    git_clone_scripts "${formatUrl}" ${repo_path} "${branch}" "${proxy}"
-  fi
+  rm -rf ${repo_path} &>/dev/null
+  git_clone_scripts "${formatUrl}" ${repo_path} "${branch}" "${proxy}"
+
  if [[ $exit_status -eq 0 ]]; then
    echo -e "\n更新${repo_path}成功...\n"
    diff_scripts "$repo_path" "$author" "$path" "$blackword" "$dependence" "$extensions" "$autoAddCron" "$autoDelCron"
@@ -193,7 +189,7 @@ update_raw() {
                      s|  | |g;
                  }" | sort -u | head -1
      )
-      cron_name=$(grep "new Env" $raw_file_name | awk -F "\(" '{print $2}' | awk -F "\)" '{print $1}' | sed 's:^.\(.*\).$:\1:' | head -1)
+      cron_name=$(grep "new Env" $raw_file_name | awk -F "\(" '{print $2}' | awk -F "\)" '{print $1}' | sed 's:.*\('\''\|"\)\([^"'\'']*\)\('\''\|"\).*:\2:' | sed 's:"::g' | sed "s:'::g" | head -1)
      [[ -z $cron_name ]] && cron_name="$raw_file_name"
      [[ -z $cron_line ]] && cron_line=$(grep "cron:" $raw_file_name | awk -F ":" '{print $2}' | head -1 | xargs)
      [[ -z $cron_line ]] && cron_line=$(grep "cron " $raw_file_name | awk -F "cron \"" '{print $2}' | awk -F "\" " '{print $1}' | head -1 | xargs)
@@ -233,60 +229,98 @@ usage() {
  echo -e "9. $cmd_update resettfa                                                                # 禁用两步登录"
 }

+reload_qinglong() {
+  local reload_target="${1}"
+  local primary_branch="master"
+  if [[ "${QL_BRANCH}" == "develop" ]]; then
+    primary_branch="develop"
+  fi
+
+  if [[ "$reload_target" == 'system' ]]; then
+    cp -rf ${dir_tmp}/qinglong-${primary_branch}/* ${dir_root}/
+    rm -rf $dir_static/*
+    cp -rf ${dir_tmp}/qinglong-static-${primary_branch}/* ${dir_static}/
+    cp -f $file_config_sample $dir_config/config.sample.sh
+  fi
+
+  if [[ "$reload_target" == 'data' ]]; then
+    cp -rf ${dir_tmp}/data ${dir_root}/
+  fi
+
+  reload_pm2
+}
+
 ## 更新qinglong
 update_qinglong() {
+  rm -rf ${dir_tmp}/*
  local mirror="gitee"
+  local downloadQLUrl="https://gitee.com/whyour/qinglong/repository/archive"
+  local downloadStaticUrl="https://gitee.com/whyour/qinglong-static/repository/archive"
  local githubStatus=$(curl -s -m 2 -IL "https://google.com" | grep 200)
  if [[ ! -z $githubStatus ]]; then
    mirror="github"
+    downloadQLUrl="https://github.com/whyour/qinglong/archive/refs/heads"
+    downloadStaticUrl="https://github.com/whyour/qinglong-static/archive/refs/heads"
  fi
  echo -e "使用 ${mirror} 源更新...\n"
-  export isFirstStartServer=false

-  local all_branch=$(cd ${dir_root} && git branch -a)
  local primary_branch="master"
-  if [[ "${all_branch}" =~ "${current_branch}" ]]; then
-    primary_branch="${current_branch}"
+  if [[ "${QL_BRANCH}" == "develop" ]]; then
+    primary_branch="develop"
  fi
-  [[ -f $dir_root/package.json ]] && ql_depend_old=$(cat $dir_root/package.json)
-  reset_romote_url ${dir_root} "https://${mirror}.com/whyour/qinglong.git" ${primary_branch}
-  git_pull_scripts $dir_root ${primary_branch}
+
+  wget -cqO "${dir_tmp}/ql.zip" "${downloadQLUrl}/${primary_branch}.zip"
+  exit_status=$?

  if [[ $exit_status -eq 0 ]]; then
    echo -e "\n更新青龙源文件成功...\n"
-    cp -f $file_config_sample $dir_config/config.sample.sh
-    update_depend

-    update_qinglong_static "$1" "$primary_branch"
+    unzip -oq ${dir_tmp}/ql.zip -d ${dir_tmp}
+
+    update_qinglong_static
  else
    echo -e "\n更新青龙源文件失败，请检查网络...\n"
  fi
 }

 update_qinglong_static() {
-  local no_restart="$1"
-  local primary_branch="$2"
-  local url="https://${mirror}.com/whyour/qinglong-static.git"
-  if [[ -d ${ql_static_repo}/.git ]]; then
-    reset_romote_url ${ql_static_repo} ${url} ${primary_branch}
-    git_pull_scripts ${ql_static_repo} ${primary_branch}
-  else
-    rm -rf ${ql_static_repo} &>/dev/null
-    git_clone_scripts ${url} ${ql_static_repo} ${primary_branch}
-  fi
+  wget -cqO "${dir_tmp}/static.zip" "${downloadStaticUrl}/${primary_branch}.zip"
+  exit_status=$?
+
  if [[ $exit_status -eq 0 ]]; then
    echo -e "\n更新青龙静态资源成功...\n"
+    unzip -oq ${dir_tmp}/static.zip -d ${dir_tmp}
+
+    check_update_dep
+  else
+    echo -e "\n更新青龙静态资源失败，请检查网络...\n"
+  fi
+}
+
+check_update_dep() {
+  echo -e "\n开始检测依赖...\n"
+  if [[ $(diff $dir_sample/package.json $dir_scripts/package.json) ]]; then
+    cp -f $dir_sample/package.json $dir_scripts/package.json
+    npm_install_2 $dir_scripts
+  fi
+  if [[ $(diff $dir_root/package.json ${dir_tmp}/qinglong-${primary_branch}/package.json) ]]; then
+    npm_install_2 "${dir_tmp}/qinglong-${primary_branch}"
+  fi
+
+  if [[ $exit_status -eq 0 ]]; then
+    echo -e "\n依赖检测安装成功...\n"
+    echo -e "\n更新包下载成功...\n"
+
+    if [[ "$needRestart" == 'true' ]]; then
+      cp -rf ${dir_tmp}/qinglong-${primary_branch}/* ${dir_root}/
+      rm -rf $dir_static/*
+      cp -rf ${dir_tmp}/qinglong-static-${primary_branch}/* ${dir_static}/
+      cp -f $file_config_sample $dir_config/config.sample.sh

-    rm -rf $dir_static/*
-    cp -rf $ql_static_repo/* $dir_static
-    if [[ $no_restart != "no-restart" ]]; then
-      nginx -s reload 2>/dev/null || nginx -c /etc/nginx/nginx.conf
-      echo -e "重启面板中..."
-      sleep 3
      reload_pm2
    fi
  else
-    echo -e "\n更新青龙静态资源失败，请检查网络...\n"
+    echo -e "\n依赖检测安装失败，请检查网络...\n"
  fi
 }

@@ -361,10 +395,10 @@ gen_list_repo() {
  done
  files=$(eval $cmd | sed 's/^..//')
  if [[ $path ]]; then
-    files=$(echo "$files" | egrep $path)
+    files=$(echo "$files" | egrep "$path")
  fi
  if [[ $blackword ]]; then
-    files=$(echo "$files" | egrep -v $blackword)
+    files=$(echo "$files" | egrep -v "$blackword")
  fi

  cp -f $file_notify_js "${dir_scripts}/${uniq_path}"
@@ -372,7 +406,7 @@ gen_list_repo() {

  if [[ $dependence ]]; then
    cd ${repo_path}
-    results=$(eval $cmd | sed 's/^..//' | egrep $dependence)
+    results=$(eval $cmd | sed 's/^..//' | egrep "$dependence")
    for _file in ${results}; do
      file_path=$(dirname $_file)
      make_dir "${dir_scripts}/${uniq_path}/${file_path}"
@@ -385,7 +419,7 @@ gen_list_repo() {
  fi

  for file in ${files}; do
-    filename=$(basename $file)
+    filename=$(basename "$file")
    cp -f $file "$dir_scripts/${uniq_path}/${filename}"
    echo "${uniq_path}/${filename}" >>"$dir_list_tmp/${uniq_path}_scripts.list"
    # cron_id=$(cat $list_crontab_user | grep -E "$cmd_task.* ${uniq_path}_${filename}" | perl -pe "s|.*ID=(.*) $cmd_task.* ${uniq_path}_${filename}\.*|\1|" | head -1 | awk -F " " '{print $1}')
@@ -454,12 +488,6 @@ main() {
    eval echo -e "\#\# 开始执行... $begin_time\\\n" $cmd
  fi

-  if [[ -s $task_error_log_path ]]; then
-    eval cat $task_error_log_path $cmd
-    eval echo -e "加载 config.sh 出错，请手动检查" $cmd
-    eval echo $cmd
-  fi
-
  if [[ "$show_log" == "true" ]] && [[ $ID ]]; then
    eval echo -e "请移除 -l 参数" $cmd
    exit 1
@@ -467,7 +495,12 @@ main() {

  case $p1 in
  update)
-    eval update_qinglong "$2" $cmd
+    fix_config
+    local needRestart=${p2:-"true"}
+    eval update_qinglong $cmd
+    ;;
+  reload)
+    eval reload_qinglong "$p2" $cmd
    ;;
  extra)
    eval run_extra_shell $cmd
@@ -0,0 +1,35 @@
+const baseUrl = window.__ENV__QlBaseUrl || '/';
+import intl from 'react-intl-universal';
+
+export function rootContainer(container: any) {
+  const locales = {
+    'en': require('./locales/en-US.json'),
+    'zh': require('./locales/zh-CN.json'),
+  };
+  let currentLocale = intl.determineLocale({
+    urlLocaleKey: 'lang',
+    cookieLocaleKey: 'lang',
+  }).slice(0, 2);
+
+  if (!currentLocale || !Object.keys(locales).includes(currentLocale)) {
+    currentLocale = 'zh';
+  }
+
+  intl.init({ currentLocale, locales });
+  return container;
+}
+
+export function modifyClientRenderOpts(memo: any) {
+  return {
+    ...memo,
+    publicPath: baseUrl,
+    basename: baseUrl,
+  };
+}
+
+export function modifyContextOpts(memo: any) {
+  return {
+    ...memo,
+    basename: baseUrl,
+  };
+}
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useRef, useState, useEffect } from 'react';
 import { Tooltip, Typography } from 'antd';
 import { CopyOutlined, CheckOutlined } from '@ant-design/icons';
@@ -28,7 +29,10 @@ const Copy = ({ text }: { text: string }) => {
  return (
    <Link onClick={copyText} style={{ marginLeft: 1 }}>
      <CopyToClipboard text={text}>
-        <Tooltip key="copy" title={copied ? '复制成功' : '复制'}>
+        <Tooltip
+          key="copy"
+          title={copied ? intl.get('复制成功') : intl.get('复制')}
+        >
          {copied ? <CheckOutlined /> : <CopyOutlined />}
        </Tooltip>
      </CopyToClipboard>
@@ -0,0 +1,22 @@
+import { useRequest } from 'ahooks';
+import { Service, Options } from 'ahooks/lib/useRequest/src/types';
+import { Spin, Typography } from 'antd';
+
+export default function Name<
+  TData extends { data?: { name: string } },
+  TParams,
+>({
+  service,
+  options,
+}: {
+  service: Service<TData, [TParams]>;
+  options: Options<TData, [TParams]>;
+}) {
+  const { loading, data } = useRequest(service, options);
+
+  return (
+    <Spin spinning={loading}>
+      <Typography.Text ellipsis={true}>{data?.data?.name}</Typography.Text>
+    </Spin>
+  );
+}
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import { Tag, Input } from 'antd';
 import { TweenOneGroup } from 'rc-tween-one';
 import { PlusOutlined } from '@ant-design/icons';
@@ -101,7 +102,7 @@ const EditableTagGroup = ({
          onClick={showInput}
          style={{ borderStyle: 'dashed', cursor: 'pointer' }}
        >
-          <PlusOutlined /> 新建
+          <PlusOutlined /> {intl.get('新建')}
        </Tag>
      )}
    </>
@@ -1,404 +0,0 @@
-import React, {
-  useRef,
-  useEffect,
-  useContext,
-  createContext,
-  useReducer,
-  useState,
-  useMemo,
-} from 'react';
-import { throttle, isNumber, debounce } from 'lodash';
-
-const initialState = {
-  // 行高度
-  rowHeight: 0,
-  // 当前的scrollTop
-  curScrollTop: 0,
-  // 总行数
-  totalLen: 0,
-};
-
-function reducer(state, action) {
-  const { curScrollTop, totalLen, ifScrollTopClear, scrollTop } = action;
-
-  let stateScrollTop = state.curScrollTop;
-  switch (action.type) {
-    // 改变trs 即 改变渲染的列表trs
-    case 'changeTrs':
-      return {
-        ...state,
-        curScrollTop,
-      };
-    // 更改totalLen
-    case 'changeTotalLen':
-      if (totalLen === 0) {
-        stateScrollTop = 0;
-      }
-
-      return {
-        ...state,
-        totalLen,
-        curScrollTop: stateScrollTop,
-      };
-
-    case 'reset':
-      return {
-        ...state,
-        curScrollTop: ifScrollTopClear ? 0 : scrollTop ?? state.curScrollTop,
-      };
-    default:
-      throw new Error();
-  }
-}
-
-// ==============全局常量 ================== //
-const DEFAULT_VID = 'vtable';
-const vidMap = new Map();
-let preData = 0;
-
-// ===============context ============== //
-const ScrollContext = createContext({
-  dispatch: undefined,
-  renderLen: 1,
-  start: 0,
-  offsetStart: 0,
-  // =============
-  rowHeight: initialState.rowHeight,
-  totalLen: 0,
-  vid: DEFAULT_VID,
-});
-
-// =============组件 =================== //
-
-function VCell(props: any): JSX.Element {
-  const { children, ...restProps } = props;
-
-  return (
-    <td {...restProps}>
-      <div>{children[1]}</div>
-    </td>
-  );
-}
-
-function VRow(props: any, ref: any): JSX.Element {
-  const { rowHeight } = useContext(ScrollContext);
-
-  const { children, style, ...restProps } = props;
-
-  const trRef = useRef<HTMLTableRowElement>(null);
-
-  return (
-    <tr
-      {...restProps}
-      ref={Object.prototype.hasOwnProperty.call(ref, 'current') ? ref : trRef}
-      style={{
-        ...style,
-        height: rowHeight || 'auto',
-        boxSizing: 'border-box',
-      }}
-    >
-      {children}
-    </tr>
-  );
-}
-
-function VWrapper(props: any): JSX.Element {
-  const { children, ...restProps } = props;
-
-  const { renderLen, start, dispatch, vid, totalLen } =
-    useContext(ScrollContext);
-
-  const contents = useMemo(() => {
-    return children[1];
-  }, [children]);
-
-  const contentsLen = useMemo(() => {
-    return contents?.length ?? 0;
-  }, [contents]);
-
-  useEffect(() => {
-    if (totalLen !== contentsLen) {
-      dispatch({
-        type: 'changeTotalLen',
-        totalLen: contentsLen ?? 0,
-      });
-    }
-  }, [contentsLen, dispatch, vid, totalLen]);
-
-  let tempNode = null;
-  if (Array.isArray(contents) && contents.length) {
-    tempNode = [
-      children[0],
-      contents.slice(start, start + (renderLen ?? 1)).map((item) => {
-        if (Array.isArray(item)) {
-          // 兼容antd v4.3.5 --- rc-table 7.8.1及以下
-          return item[0];
-        }
-        // 处理antd ^v4.4.0  --- rc-table ^7.8.2
-        return item;
-      }),
-    ];
-  } else {
-    tempNode = children;
-  }
-
-  return <tbody {...restProps}>{tempNode}</tbody>;
-}
-
-function VTable(props: any, otherParams): JSX.Element {
-  const { style, children, ...rest } = props;
-  const { width, ...rest_style } = style;
-
-  const { vid, scrollY, resetScrollTopWhenDataChange, rowHeight, scrollTop } =
-    otherParams ?? {};
-
-  const [state, dispatch] = useReducer(reducer, {
-    ...initialState,
-    curScrollTop: scrollTop,
-    rowHeight,
-  });
-
-  const wrap_tableRef = useRef<HTMLDivElement>(null);
-  const tableRef = useRef<HTMLTableElement>(null);
-
-  const ifChangeRef = useRef(false);
-
-  // 数据的总条数
-  const [totalLen, setTotalLen] = useState<number>(
-    children[1]?.props?.data?.length ?? 0,
-  );
-
-  useEffect(() => {
-    setTotalLen(state.totalLen);
-  }, [state.totalLen]);
-
-  // 组件卸载的清除操作
-  useEffect(() => {
-    return () => {
-      vidMap.delete(vid);
-    };
-  }, [vid]);
-
-  // 数据变更
-  useEffect(() => {
-    ifChangeRef.current = true;
-    // console.log('数据变更')
-    if (isNumber(children[1]?.props?.data?.length)) {
-      dispatch({
-        type: 'changeTotalLen',
-        totalLen: children[1]?.props?.data?.length ?? 0,
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [children[1].props.data]);
-
-  // table总高度
-  const tableHeight = useMemo<string | number>(() => {
-    let temp: string | number = 'auto';
-
-    if (rowHeight && totalLen) {
-      temp = rowHeight * totalLen;
-    }
-    return temp;
-  }, [totalLen]);
-
-  // table的scrollY值
-  const [tableScrollY, setTableScrollY] = useState(0);
-
-  // tableScrollY 随scrollY / tableHeight 进行变更
-  useEffect(() => {
-    let temp = 0;
-
-    if (typeof scrollY === 'string') {
-      temp =
-        (wrap_tableRef.current?.parentNode as HTMLElement)?.offsetHeight ?? 0;
-    } else {
-      temp = scrollY;
-    }
-
-    // if (isNumber(tableHeight) && tableHeight < temp) {
-    //   temp = tableHeight;
-    // }
-
-    // 处理tableScrollY <= 0的情况
-    if (temp <= 0) {
-      temp = 0;
-    }
-
-    setTableScrollY(temp);
-  }, [scrollY, tableHeight]);
-
-  // 渲染的条数
-  const renderLen = useMemo<number>(() => {
-    let temp = 1;
-    if (rowHeight && totalLen && tableScrollY) {
-      if (tableScrollY <= 0) {
-        temp = 0;
-      } else {
-        const tempRenderLen = ((tableScrollY / rowHeight) | 0) + 10;
-        // console.log('tempRenderLen', tempRenderLen)
-        // temp = tempRenderLen > totalLen ? totalLen : tempRenderLen;
-        temp = tempRenderLen;
-      }
-    }
-
-    return temp;
-  }, [totalLen, tableScrollY]);
-
-  // 渲染中的第一条
-  let start = rowHeight ? (state.curScrollTop / rowHeight) | 0 : 0;
-
-  start = start < 5 ? 0 : start - 5 + 1;
-
-  // 偏移量
-  let offsetStart = state.curScrollTop % (rowHeight * 5);
-
-  if (start > 0) {
-    offsetStart = offsetStart % rowHeight;
-  }
-  // console.log(offsetStart)
-  // offsetStart= offsetStart%rowHeight
-  // 用来优化向上滚动出现的空白
-  if (state.curScrollTop && state.curScrollTop >= rowHeight * 5) {
-    // start -= 1
-    // if (offsetStart >= rowHeight) {
-    //   offsetStart +=
-    // } else {
-    offsetStart += rowHeight * 4;
-    // }
-  } else {
-    start = 0;
-  }
-
-  // console.log(state.curScrollTop, start, offsetStart)
-
-  // 数据变更 操作scrollTop
-  useEffect(() => {
-    const scrollNode = wrap_tableRef.current?.parentNode as HTMLElement;
-    if (ifChangeRef?.current) {
-      // console.log(scrollNode)
-      ifChangeRef.current = false;
-
-      if (resetScrollTopWhenDataChange) {
-        // 重置scrollTop
-        if (scrollNode) {
-          scrollNode.scrollTop = 0;
-        }
-
-        dispatch({ type: 'reset', ifScrollTopClear: true });
-      } else {
-        // console.log(preData)
-        // scrollNode.scrollTop = preData+53
-        // 不重置scrollTop 不清空curScrollTop
-        dispatch({ type: 'reset', ifScrollTopClear: false });
-      }
-    }
-
-    if (vidMap.has(vid)) {
-      vidMap.set(vid, {
-        ...vidMap.get(vid),
-        scrollNode,
-      });
-    }
-  }, [totalLen, resetScrollTopWhenDataChange, vid, children]);
-
-  useEffect(() => {
-    const throttleScroll = throttle((e) => {
-      const scrollTop: number = e?.target?.scrollTop ?? 0;
-      // const scrollHeight: number = e?.target?.scrollHeight ?? 0
-      // const clientHeight: number = e?.target?.clientHeight ?? 0
-      if (scrollTop) {
-        preData = scrollTop;
-      }
-      // 到底了 没有滚动条就不会触发reachEnd. 建议设置scrolly高度少点或者数据量多点.
-      // 若renderLen大于totalLen, 置空curScrollTop. => table paddingTop会置空.
-      dispatch({
-        type: 'changeTrs',
-        curScrollTop: renderLen <= totalLen ? scrollTop : 0,
-      });
-    }, 60);
-
-    const ref = wrap_tableRef?.current?.parentNode as HTMLElement;
-
-    if (ref) {
-      ref.addEventListener('scroll', throttleScroll, { passive: true });
-    }
-
-    return () => {
-      ref.removeEventListener('scroll', throttleScroll);
-    };
-  }, [renderLen, totalLen]);
-
-  return (
-    <div
-      className="virtuallist"
-      ref={wrap_tableRef}
-      style={{
-        width: '100%',
-        position: 'relative',
-        height: tableHeight,
-        boxSizing: 'border-box',
-        paddingTop: state.curScrollTop,
-      }}
-    >
-      <ScrollContext.Provider
-        value={{
-          dispatch,
-          start,
-          offsetStart,
-          renderLen,
-          totalLen,
-          vid,
-          rowHeight,
-        }}
-      >
-        <table
-          {...rest}
-          ref={tableRef}
-          style={{
-            ...rest_style,
-            width,
-            position: 'relative',
-            transform: `translateY(-${offsetStart}px)`,
-          }}
-        >
-          {children}
-        </table>
-      </ScrollContext.Provider>
-    </div>
-  );
-}
-
-// ================导出===================
-export function VList(props: {
-  height: number;
-  // 唯一标识
-  vid?: string;
-  rowHeight: number | string;
-  reset?: boolean;
-  scrollTop?: number | string;
-}): any {
-  const { vid = DEFAULT_VID, rowHeight, height, reset, scrollTop } = props;
-
-  const resetScrollTopWhenDataChange = reset ?? true;
-
-  if (!vidMap.has(vid)) {
-    vidMap.set(vid, { _id: vid });
-  }
-
-  return {
-    table: (p) =>
-      VTable(p, {
-        vid,
-        scrollY: height,
-        rowHeight,
-        resetScrollTopWhenDataChange,
-        scrollTop,
-      }),
-    body: {
-      wrapper: VWrapper,
-      row: VRow,
-      cell: VCell,
-    },
-  };
-}
@@ -0,0 +1,14 @@
+import { RefObject, useState } from 'react';
+import useResizeObserver from '@react-hook/resize-observer';
+
+export default <T extends HTMLElement>(target: RefObject<T>) => {
+  const [height, setHeight] = useState<number>(0);
+
+  useResizeObserver(target, (entry) => {
+    let _height = entry.target.clientHeight;
+    if (height !== _height) {
+      setHeight(_height);
+    }
+  });
+  return height;
+};
@@ -1,9 +1,9 @@
-import { MutableRefObject, useLayoutEffect, useState } from 'react';
+import { RefObject, useState } from 'react';
 import useResizeObserver from '@react-hook/resize-observer';
 import { getTableScroll } from '@/utils';

 export default <T extends HTMLElement>(
-  target: MutableRefObject<T>,
+  target: RefObject<T>,
  extraHeight?: number,
 ) => {
  const [height, setHeight] = useState<number>(0);
@@ -1,14 +1,5 @@
-import {
-  FormOutlined,
-  FieldTimeOutlined,
-  DiffOutlined,
-  SettingOutlined,
-  CodeOutlined,
-  FolderOutlined,
-  RadiusSettingOutlined,
-  ControlOutlined,
-  ContainerOutlined,
-} from '@ant-design/icons';
+import intl from 'react-intl-universal';
+import { SettingOutlined } from '@ant-design/icons';
 import IconFont from '@/components/iconfont';
 import { BasicLayoutProps } from '@ant-design/pro-layout';

@@ -16,74 +7,74 @@ export default {
  route: {
    routes: [
      {
-        name: '登录',
+        name: intl.get('登录'),
        path: '/login',
        hideInMenu: true,
        component: '@/pages/login/index',
      },
      {
-        name: '初始化',
+        name: intl.get('初始化'),
        path: '/initialization',
        hideInMenu: true,
        component: '@/pages/initialization/index',
      },
      {
-        name: '错误',
+        name: intl.get('错误'),
        path: '/error',
        hideInMenu: true,
        component: '@/pages/error/index',
      },
      {
        path: '/crontab',
-        name: '定时任务',
+        name: intl.get('定时任务'),
        icon: <IconFont type="ql-icon-crontab" />,
        component: '@/pages/crontab/index',
      },
      {
        path: '/subscription',
-        name: '订阅管理',
+        name: intl.get('订阅管理'),
        icon: <IconFont type="ql-icon-subs" />,
        component: '@/pages/subscription/index',
      },
      {
        path: '/env',
-        name: '环境变量',
+        name: intl.get('环境变量'),
        icon: <IconFont type="ql-icon-env" />,
        component: '@/pages/env/index',
      },
      {
        path: '/config',
-        name: '配置文件',
+        name: intl.get('配置文件'),
        icon: <IconFont type="ql-icon-config" />,
        component: '@/pages/config/index',
      },
      {
        path: '/script',
-        name: '脚本管理',
+        name: intl.get('脚本管理'),
        icon: <IconFont type="ql-icon-script" />,
        component: '@/pages/script/index',
      },
      {
        path: '/dependence',
-        name: '依赖管理',
+        name: intl.get('依赖管理'),
        icon: <IconFont type="ql-icon-dependence" />,
        component: '@/pages/dependence/index',
      },
      {
        path: '/log',
-        name: '日志管理',
+        name: intl.get('日志管理'),
        icon: <IconFont type="ql-icon-log" />,
        component: '@/pages/log/index',
      },
      {
        path: '/diff',
-        name: '对比工具',
+        name: intl.get('对比工具'),
        icon: <IconFont type="ql-icon-diff" />,
        component: '@/pages/diff/index',
      },
      {
        path: '/setting',
-        name: '系统设置',
+        name: intl.get('系统设置'),
        icon: <SettingOutlined />,
        component: '@/pages/password/index',
      },
@@ -332,8 +332,22 @@ select:-webkit-autofill:focus {
 }

 .ant-pro-sider-logo {
-  h1 {
-    margin-left: 5px !important;
+  padding-inline: 5px !important;
+
+  .title {
+    display: flex;
+    height: 32px;
+    margin: 0 5px;
+    font-weight: 600;
+    font-size: 16px;
+    line-height: 32px;
+    vertical-align: middle;
+    animation: pro-layout-title-hide 0.3s;
+
+    a {
+      display: inline-flex;
+      align-items: center;
+    }
  }

  img {
@@ -347,6 +361,10 @@ select:-webkit-autofill:focus {
    // 移动端logo被拉伸
    width: auto !important;
  }
+
+  .ant-image {
+    display: inline-flex;
+  }
 }

 pre {
@@ -386,3 +404,28 @@ pre {
 .ant-table-filter-column {
  justify-content: unset;
 }
+
+textarea.ant-input {
+  word-break: break-all;
+}
+
+.ant-pro-sider-collapsed,
+body[data-mode='phone'] header {
+  .title {
+    display: none;
+  }
+}
+
+.ant-design-pro .ant-pro-sider.ant-layout-sider.ant-pro-sider-fixed {
+  box-shadow: none;
+  border-right: 1px solid #eee;
+}
+
+.ant-table.ant-table-middle .ant-table-title,
+.ant-table.ant-table-middle .ant-table-footer,
+.ant-table.ant-table-middle .ant-table-thead > tr > th,
+.ant-table.ant-table-middle .ant-table-tbody > tr > td,
+.ant-table.ant-table-middle tfoot > tr > th,
+.ant-table.ant-table-middle tfoot > tr > td {
+  padding: 12px 16px;
+}
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useEffect, useState, useRef } from 'react';
 import ProLayout, { PageLoading } from '@ant-design/pro-layout';
 import * as DarkReader from '@umijs/ssr-darkreader';
@@ -49,8 +50,7 @@ export interface SharedContext {
 interface TSystemInfo {
  branch: 'develop' | 'master';
  isInitialized: boolean;
-  lastCommitId: string;
-  lastCommitTime: number;
+  publishTime: number;
  version: string;
  changeLog: string;
  changeLogLink: string;
@@ -98,8 +98,7 @@ export default function () {
      })
      .catch((error) => {
        console.log(error);
-      })
-      .finally(() => setInitLoading(false));
+      });
  };

  const getUser = (needLoading = true) => {
@@ -120,6 +119,22 @@ export default function () {
      });
  };

+  const getHealthStatus = () => {
+    request
+      .get(`${config.apiPrefix}public/health`)
+      .then((res) => {
+        if (res?.data?.status === 1) {
+          getSystemInfo();
+        } else {
+          history.push('/error');
+        }
+      })
+      .catch((error) => {
+        history.push('/error');
+      })
+      .finally(() => setInitLoading(false));
+  };
+
  const reloadUser = (needLoading = false) => {
    getUser(needLoading);
  };
@@ -131,10 +146,8 @@ export default function () {
  }, [location.pathname]);

  useEffect(() => {
-    if (!systemInfo) {
-      getSystemInfo();
-    }
-  }, [systemInfo]);
+    getHealthStatus();
+  }, []);

  useEffect(() => {
    if (theme === 'vs-dark') {
@@ -252,7 +265,7 @@ export default function () {
  const menu: MenuProps = {
    items: [
      {
-        label: '退出登录',
+        label: intl.get('退出登录'),
        className: 'side-menu-user-drop-menu',
        onClick: logout,
        key: 'logout',
@@ -267,39 +280,45 @@ export default function () {
      selectedKeys={[location.pathname]}
      loading={loading}
      ErrorBoundary={Sentry.ErrorBoundary}
-      logo={<Image preview={false} src="https://qn.whyour.cn/logo.png" />}
-      // @ts-ignore
-      title={
+      logo={
        <>
-          <span style={{ fontSize: 16, marginRight: 5 }}>青龙</span>
-          <a
-            href={systemInfo?.changeLogLink}
-            target="_blank"
-            rel="noopener noreferrer"
-            onClick={(e) => {
-              e.stopPropagation();
-            }}
-          >
-            <Tooltip
-              title={systemInfo?.branch === 'develop' ? '开发版' : '正式版'}
+          <Image preview={false} src="https://qn.whyour.cn/logo.png" />
+          <div className="title">
+            <span className="title">{intl.get('青龙')}</span>
+            <a
+              href={systemInfo?.changeLogLink}
+              target="_blank"
+              rel="noopener noreferrer"
+              onClick={(e) => {
+                e.stopPropagation();
+              }}
            >
-              <Badge size="small" dot={systemInfo?.branch === 'develop'}>
-                <span
-                  style={{
-                    fontSize: isFirefox ? 9 : 12,
-                    color: '#666',
-                    marginLeft: 2,
-                    zoom: isSafari ? 0.66 : 0.8,
-                    letterSpacing: isQQBrowser ? -2 : 0,
-                  }}
-                >
-                  v{systemInfo?.version}
-                </span>
-              </Badge>
-            </Tooltip>
-          </a>
+              <Tooltip
+                title={
+                  systemInfo?.branch === 'develop'
+                    ? intl.get('开发版')
+                    : intl.get('正式版')
+                }
+              >
+                <Badge size="small" dot={systemInfo?.branch === 'develop'}>
+                  <span
+                    style={{
+                      fontSize: isFirefox ? 9 : 12,
+                      color: '#666',
+                      marginLeft: 2,
+                      zoom: isSafari ? 0.66 : 0.8,
+                      letterSpacing: isQQBrowser ? -2 : 0,
+                    }}
+                  >
+                    v{systemInfo?.version}
+                  </span>
+                </Badge>
+              </Tooltip>
+            </a>
+          </div>
        </>
      }
+      title={false}
      menuItemRender={(menuItemProps: any, defaultDom: any) => {
        if (
          menuItemProps.isUrl ||
@@ -312,8 +331,9 @@ export default function () {
      }}
      pageTitleRender={(props, pageName, info) => {
        const title =
-          (config.documentTitleMap as any)[location.pathname] || '未找到';
-        return `${title} - 青龙`;
+          (config.documentTitleMap as any)[location.pathname] ||
+          intl.get('未找到');
+        return `${title} - ${intl.get('青龙')}`;
      }}
      onCollapse={setCollapsed}
      collapsed={collapsed}
@@ -0,0 +1,452 @@
+{
+  "复制成功": "Copy successful",
+  "复制": "Copy",
+  "新建": "New",
+  "登录": "Login",
+  "初始化": "Initialize",
+  "错误": "Error",
+  "定时任务": "Scheduled Tasks",
+  "订阅管理": "Subscription Management",
+  "环境变量": "Environment Variables",
+  "配置文件": "Configuration Files",
+  "脚本管理": "Script Management",
+  "依赖管理": "Dependency Management",
+  "日志管理": "Log Management",
+  "对比工具": "Comparison Tool",
+  "系统设置": "System Settings",
+  "退出登录": "Logout",
+  "青龙": "Qinglong",
+  "返回首页": "Return to Home",
+  "保存": "Save",
+  "日志": "Log",
+  "脚本": "Script",
+  "确认保存文件": "Confirm to Save File",
+  "，保存后不可恢复": ", it can't be recovered after saving.",
+  "确认运行": "Confirm to Run",
+  "确认运行定时任务": "Confirm to Run Scheduled Task",
+  "吗": "?",
+  "确认停止": "Confirm to Stop",
+  "确认停止定时任务": "Confirm to Stop Scheduled Task",
+  "确认": "Confirm",
+  "任务": "Task",
+  "状态": "Status",
+  "空闲中": "Idle",
+  "运行中": "Running",
+  "队列中": "In Queue",
+  "已禁用": "Disabled",
+  "定时": "Schedule",
+  "最后运行时间": "Last Run Time",
+  "最后运行时长": "Last Run Duration",
+  "下次运行时间": "Next Run Time",
+  "名称": "Name",
+  "命令/脚本": "Command/Script",
+  "定时规则": "Schedule Rule",
+  "操作": "Action",
+  "确认删除": "Confirm to Delete",
+  "确认删除定时任务": "Confirm to Delete Scheduled Task",
+  "编辑": "Edit",
+  "删除": "Delete",
+  "确认删除选中的定时任务吗": "Confirm to delete the selected scheduled tasks?",
+  "选中的定时任务吗": "selected scheduled tasks?",
+  "创建视图": "Create View",
+  "视图管理": "View Management",
+  "请输入名称或者关键词": "Please enter a name or keyword",
+  "创建任务": "Create Task",
+  "更多": "More",
+  "批量删除": "Batch Delete",
+  "批量启用": "Batch Enable",
+  "批量禁用": "Batch Disable",
+  "批量运行": "Batch Run",
+  "批量停止": "Batch Stop",
+  "批量置顶": "Batch Top",
+  "批量取消置顶": "Batch Un-top",
+  "批量修改标签": "Batch Modify Tags",
+  "已选择": "Selected",
+  "项": "items",
+  "知道了": "Got it",
+  "请输入任务名称": "Please enter the task name",
+  "支持输入脚本路径/任意系统可执行命令/task 脚本路径": "Supports input of script paths / any system executable commands / task script paths",
+  "秒(可选) 分 时 天 月 周": "Seconds (optional) Minutes Hours Day Month Week",
+  "标签": "Tags",
+  "取消": "Cancel",
+  "添加": "Add",
+  "启用": "Enable",
+  "禁用": "Disable",
+  "运行": "Run",
+  "停止": "Stop",
+  "置顶": "Top",
+  "取消置顶": "Un-top",
+  "命令": "Command",
+  "包含": "Include",
+  "不包含": "Exclude",
+  "属于": "Belong to",
+  "不属于": "Not Belong to",
+  "顺序": "Order",
+  "倒序": "Reverse",
+  "且": "And",
+  "或": "Or",
+  "输入后回车增加自定义选项": "Press Enter to add custom options",
+  "视图名称": "View Name",
+  "请输入视图名称": "Please enter the view name",
+  "请输入内容": "Please enter the content",
+  "新增筛选条件": "Add Filter",
+  "新增排序方式": "Add Sort",
+  "类型": "Type",
+  "显示": "Display",
+  "确认删除视图": "Confirm to delete the view",
+  "安装中": "Installing",
+  "已安装": "Installed",
+  "安装失败": "Installation Failed",
+  "删除中": "Deleting",
+  "已删除": "Deleted",
+  "删除失败": "Deletion Failed",
+  "序号": "Number",
+  "备注": "Remarks",
+  "更新时间": "Update Time",
+  "创建时间": "Creation Time",
+  "确认删除依赖": "Confirm to delete the dependency",
+  "确认重新安装": "Confirm to reinstall",
+  "确认删除选中的依赖吗": "Confirm to delete the selected dependencies?",
+  "确认重新安装选中的依赖吗": "Confirm to reinstall the selected dependencies?",
+  "请输入名称": "Please enter a name",
+  "创建依赖": "Create Dependency",
+  "批量安装": "Batch Install",
+  "批量强制删除": "Batch Force Delete",
+  "日志 -": "Log -",
+  "依赖类型": "Dependency Type",
+  "自动拆分": "Auto Split",
+  "多个依赖是否换行分割": "Whether to separate multiple dependencies with new lines",
+  "是": "Yes",
+  "否": "No",
+  "请输入依赖名称，支持指定版本": "Please enter the dependency name, version specification is supported",
+  "请输入依赖名称": "Please enter the dependency name",
+  "请输入备注": "Please enter remarks",
+  "源文件": "Source File",
+  "当前文件": "Current File",
+  "修改环境变量名称": "Modify Environment Variable Name",
+  "请输入新的环境变量名称": "Please enter the new environment variable name",
+  "已启用": "Enabled",
+  "值": "Value",
+  "确认删除变量": "Confirm to delete the variable",
+  "确认删除选中的变量吗": "Confirm to delete the selected variables?",
+  "选中的变量吗": "selected variables?",
+  "请输入名称/值/备注": "Please enter name/value/remarks",
+  "导入": "Import",
+  "创建变量": "Create Variable",
+  "批量修改变量名称": "Batch Modify Variable Names",
+  "批量导出": "Batch Export",
+  "请输入环境变量名称": "Please enter the environment variable name",
+  "只能输入字母数字下划线，且不能以数字开头": "Only letters, numbers, and underscores are allowed, and cannot start with a number",
+  "请输入环境变量值": "Please enter the environment variable value",
+  "服务启动超时": "Service startup timeout",
+  "请先按如下方式修复：": "Please fix it as follows:",
+  "1. 宿主机执行 docker run --rm -v\n                  /var/run/docker.sock:/var/run/docker.sock\n                  containrrr/watchtower -cR <容器名>": "1. Execute 'docker run --rm -v /var/run/docker.sock:/var/run/docker.sock containrrr/watchtower -cR <container_name>' on the host machine",
+  "2. 容器内执行 ql -l check、ql -l update": "2. Execute 'ql -l check' and 'ql -l update' inside the container",
+  "3. 如果无法解决，容器内执行 pm2 logs，拷贝执行结果": "3. If the problem persists, execute 'pm2 logs' inside the container and copy the results",
+  "提交 issue": "Submit an issue",
+  "启动中，请稍后...": "Starting, please wait...",
+  "欢迎使用": "Welcome to use",
+  "欢迎使用青龙": "Welcome to use Qinglong",
+  "支持python3、javascript、shell、typescript 的定时任务管理面板": "A scheduling task management panel that supports python3, javascript, shell, and typescript",
+  "开始安装": "Start Installation",
+  "账户设置": "Account Settings",
+  "用户名": "Username",
+  "密码": "Password",
+  "密码不能为admin": "The password cannot be 'admin'",
+  "确认密码": "Confirm Password",
+  "您输入的两个密码不匹配！": "The two passwords you entered do not match!",
+  "提交": "Submit",
+  "通知设置": "Notification Settings",
+  "通知方式": "Notification Method",
+  "请选择通知方式": "Please select a notification method",
+  "跳过": "Skip",
+  "完成安装": "Installation Completed",
+  "恭喜安装完成！": "Congratulations, the installation is completed!",
+  "Telegram频道": "Telegram Channel",
+  "去登录": "Go to Login",
+  "初始化配置": "Initialize Configuration",
+  "文件": "File",
+  "，删除后不可恢复": ", it can't be recovered after deletion",
+  "请选择日志": "Please select a log",
+  "请输入日志名": "Please enter the log name",
+  "暂无日志": "No logs available",
+  "登录成功！": "Login successful!",
+  "上次登录时间：": "Last login time: ",
+  "上次登录地点：": "Last login location: ",
+  "上次登录IP：": "Last login IP: ",
+  "上次登录设备：": "Last login device: ",
+  "上次登录状态：": "Last login status: ",
+  "验证码": "Verification Code",
+  "验证码为6位数字": "Verification code is a 6-digit number",
+  "6位数字": "6-digit number",
+  "验证": "Verify",
+  "请": "Please",
+  "秒后重试": "Retry after seconds",
+  "在您的设备上打开两步验证应用程序以查看您的身份验证代码并验证您的身份。": "Open the two-factor authentication application on your device to view your authentication code and verify your identity.",
+  "请选择脚本文件": "Please select a script file",
+  "清空日志": "Clear Logs",
+  "设置": "Settings",
+  "退出": "Exit",
+  "空文件": "Empty File",
+  "本地文件": "Local File",
+  "文件夹": "Folder",
+  "文件名": "File Name",
+  "请输入文件名": "Please enter the file name",
+  "文件名不能包含斜杠": "File names cannot contain slashes",
+  "文件夹名": "Folder Name",
+  "请输入文件夹名": "Please enter the folder name",
+  "父目录": "Parent Directory",
+  "请选择父目录": "Please select a parent directory",
+  "点击或者拖拽文件到此区域上传": "Click or drag files here to upload",
+  "当前修改未保存，确定离开吗": "The current changes are not saved. Are you sure you want to leave?",
+  "退出编辑": "Exit Editing",
+  "重命名": "Rename",
+  "请选择脚本": "Please select a script",
+  "调试": "Debug",
+  "请输入脚本名": "Please enter the script name",
+  "暂无脚本": "No scripts available",
+  "请输入新名称": "Please enter a new name",
+  "保存文件": "Save File",
+  "保存目录": "Save Directory",
+  "请输入保存目录，默认scripts目录": "Please enter the save directory, default is 'scripts'",
+  "运行设置": "Run Settings",
+  "待开发": "To Be Developed",
+  "开发版": "Developer Edition",
+  "正式版": "Official Edition",
+  "版本": "Version",
+  "更新日志": "Changelog",
+  "查看": "View",
+  "提交BUG": "Submit Bug",
+  "名称不能为保留关键字": "The name cannot be a reserved keyword",
+  "请输入应用名称": "Please enter the application name",
+  "权限": "Permission",
+  "请选择模块权限": "Please select module permissions",
+  "更新": "Update",
+  "已经是最新版了！": "It is already the latest version!",
+  "是目前检测到的最新可用版本了。": "It is the latest available version currently detected.",
+  "重新下载": "Redownload",
+  "更新可用": "Update Available",
+  "新版本": "Create Version",
+  "可用，你使用的版本为": "available, the version you are using is",
+  "下载更新": "Download Update",
+  "以后再说": "Later",
+  "下载更新中...": "Downloading Update...",
+  "确认重启": "Confirm to Restart",
+  "系统安装包下载成功，确认重启": "System installation package downloaded successfully, confirm to restart",
+  "重启": "Restart",
+  "系统将在": "The system will restart in",
+  "秒后自动刷新": "seconds and automatically refresh",
+  "检查更新": "Check for Updates",
+  "确认删除应用": "Confirm to delete the application",
+  "确认重置": "Confirm to reset",
+  "确认重置应用": "Confirm to reset the application",
+  "的Secret吗": "'s Secret?",
+  "重置Secret会让当前应用所有token失效": "Resetting the Secret will invalidate all tokens for the current application",
+  "创建应用": "Create Application",
+  "安全设置": "Security Settings",
+  "应用设置": "Application Settings",
+  "登录日志": "Login Logs",
+  "其他设置": "Other Settings",
+  "关于": "About",
+  "成功": "Success",
+  "失败": "Failure",
+  "登录时间": "Login Time",
+  "登录地址": "Login Address",
+  "登录IP": "Login IP",
+  "登录设备": "Login Device",
+  "登录状态": "Login Status",
+  "亮色": "Light",
+  "暗色": "Dark",
+  "跟随系统": "Follow System",
+  "备份数据上传成功，确认覆盖数据": "Data backup uploaded successfully, confirm data overwrite",
+  "主题设置": "Theme Settings",
+  "日志删除频率": "Log Deletion Frequency",
+  "每x天自动删除x天以前的日志": "Automatically delete logs older than x days every x days",
+  "每": "Every",
+  "天": "day(s)",
+  "定时任务并发数": "Concurrent Scheduled Tasks",
+  "数据备份还原": "Data Backup & Restore",
+  "还原数据": "Restore Data",
+  "第一步": "Step 1",
+  "下载两步验证手机应用，比如 Google Authenticator 、": "Download a two-factor authentication mobile app, like Google Authenticator,",
+  "第二步": "Step 2",
+  "使用手机应用扫描二维码，或者输入秘钥": "Scan the QR code with the mobile app or enter the key",
+  "第三步": "Step 3",
+  "输入手机应用上的6位数字": "Enter the 6-digit code from the mobile app",
+  "完成设置": "Finish Setup",
+  "修改用户名密码": "Change Username and Password",
+  "两步验证": "Two-Factor Authentication",
+  "头像": "Profile Picture",
+  "更换头像": "Change Profile Picture",
+  "时": "hour(s)",
+  "分": "minute(s)",
+  "秒": "second(s)",
+  "私有仓库": "Private Repository",
+  "公开仓库": "Public Repository",
+  "单文件": "Single File",
+  "链接": "Link",
+  "分支": "Branch",
+  "确认删除定时订阅": "Confirm Deletion of Scheduled Subscription",
+  "定时订阅": "Scheduled Subscription",
+  "创建订阅": "Create Subscription",
+  "私钥": "Private Key",
+  "请输入私钥": "Please enter the private key",
+  "请输入认证用户名": "Please enter the authentication username",
+  "Github已不支持密码认证，请使用Token方式": "Github no longer supports password authentication. Please use the Token method.",
+  "密码/Token": "Password/Token",
+  "请输入密码或者Token": "Please enter the password or Token",
+  "支持拷贝 ql repo/raw 命令，粘贴导入": "Supports copying ql repo/raw command for import",
+  "请输入订阅链接": "Please enter the subscription link",
+  "请输入分支": "Please enter the branch",
+  "唯一值": "Unique Value",
+  "唯一值用于日志目录和私钥别名": "Unique value used for log directory and private key alias",
+  "自动生成": "Auto-generated",
+  "拉取方式": "Pull Method",
+  "用户名密码/Token": "Username/Password or Token",
+  "定时类型": "Schedule Type",
+  "白名单": "Whitelist",
+  "多个关键词竖线分割，支持正则表达式": "Multiple keywords separated by vertical lines (|), supports regular expressions",
+  "请输入脚本筛选白名单关键词，多个关键词竖线分割": "Please enter script filtering whitelist keywords, multiple keywords separated by vertical lines (|)",
+  "黑名单": "Blacklist",
+  "请输入脚本筛选黑名单关键词，多个关键词竖线分割": "Please enter script filtering blacklist keywords, multiple keywords separated by vertical lines (|)",
+  "依赖文件": "Dependency Files",
+  "请输入脚本依赖文件关键词，多个关键词竖线分割": "Please enter script dependency file keywords, multiple keywords separated by vertical lines (|)",
+  "文件后缀": "File Extension",
+  "仓库需要拉取的文件后缀，多个后缀空格分隔，默认使用配置文件中的RepoFileExtensions": "Repository requires pulling specific file extensions, multiple extensions separated by spaces, uses RepoFileExtensions from the configuration file by default",
+  "请输入文件后缀": "Please enter the file extension",
+  "执行前": "Before Execution",
+  "运行订阅前执行的命令，比如 cp/mv/python3 xxx.py/node xxx.js": "Run commands before executing the subscription, e.g., cp/mv/python3 xxx.py/node xxx.js",
+  "请输入运行订阅前要执行的命令": "Please enter the command to run before executing the subscription",
+  "执行后": "After Execution",
+  "运行订阅后执行的命令，比如 cp/mv/python3 xxx.py/node xxx.js": "Run commands after executing the subscription, e.g., cp/mv/python3 xxx.py/node xxx.js",
+  "请输入运行订阅后要执行的命令": "Please enter the command to run after executing the subscription",
+  "代理": "Proxy",
+  "公开仓库支持HTTP/SOCK5代理，私有仓库支持SOCK5代理": "Public repositories support HTTP/SOCK5 proxies, private repositories support SOCK5 proxies",
+  "自动添加任务": "Automatically Add Tasks",
+  "自动删除任务": "Automatically Delete Tasks",
+  "中文": "Chinese",
+  "系统信息": "System Information",
+  "Server酱": "ServerChan",
+  "Telegram机器人": "Telegram Bot",
+  "钉钉机器人": "DingTalk Bot",
+  "企业微信机器人": "WeChat Work Bot",
+  "企业微信应用": "WeChat Work App",
+  "智能微秘书": "Smart WeChat Assistant",
+  "群晖chat": "Synology Chat",
+  "邮箱": "Email",
+  "飞书机器人": "Feishu Bot",
+  "自定义通知": "Custom Notification",
+  "已关闭": "Disabled",
+  "gotify的url地址，例如 https://push.example.de:8080": "gotify URL address, e.g., https://push.example.de:8080",
+  "gotify的消息应用token码": "gotify message application token code",
+  "推送消息的优先级": "Priority of Push Messages",
+  "chat的url地址": "Chat URL address",
+  "chat的token码": "Chat token code",
+  "推送到个人QQ: http://127.0.0.1/send_private_msg，群：http://127.0.0.1/send_group_msg": "Push to personal QQ: http://127.0.0.1/send_private_msg, group: http://127.0.0.1/send_group_msg",
+  "访问密钥": "Access Key",
+  "如果GOBOT_URL设置 /send_private_msg 则需要填入 user_id=个人QQ 相反如果是 /send_group_msg 则需要填入 group_id=QQ群": "If GOBOT_URL is set to /send_private_msg, enter user_id=personal QQ; if set to /send_group_msg, enter group_id=QQ group",
+  "Server酱SENDKEY": "ServerChan SENDKEY",
+  "PushDeer的Key，https://github.com/easychen/pushdeer": "PushDeer Key, https://github.com/easychen/pushdeer",
+  "PushDeer的自架API endpoint，默认是 https://api2.pushdeer.com/message/push": "PushDeer's self-hosted API endpoint, default is https://api2.pushdeer.com/message/push",
+  "Bark的信息IP/设备码，例如：https://api.day.app/XXXXXXXX": "Bark information IP/device code, e.g., https://api.day.app/XXXXXXXX",
+  "BARK推送图标，自定义推送图标 (需iOS15或以上才能显示)": "BARK push icon, custom push icon (requires iOS 15 or above to display)",
+  "BARK推送铃声，铃声列表去APP查看复制填写": "BARK push ringtone, check and copy from the APP's ringtone list",
+  "BARK推送消息的分组，默认为qinglong": "BARK push message grouping, default is qinglong",
+  "telegram机器人的token，例如：1077xxx4424:AAFjv0FcqxxxxxxgEMGfi22B4yh15R5uw": "Telegram Bot token, e.g., 1077xxx4424:AAFjv0FcqxxxxxxgEMGfi22B4yh15R5uw",
+  "telegram用户的id，例如：129xxx206": "Telegram user ID, e.g., 129xxx206",
+  "代理IP": "Proxy IP",
+  "代理端口": "Proxy Port",
+  "telegram代理配置认证参数，用户名与密码用英文冒号连接 user:password": "Telegram proxy configuration authentication parameters, connect username and password with a colon, e.g., user:password",
+  "telegram api自建的反向代理地址，默认tg官方api": "Telegram API's self-built reverse proxy address, default is official tg API",
+  "钉钉机器人webhook token，例如：5a544165465465645d0f31dca676e7bd07415asdasd": "DingTalk Bot webhook token, e.g., 5a544165465465645d0f31dca676e7bd07415asdasd",
+  "密钥，机器人安全设置页面，加签一栏下面显示的SEC开头的字符串": "Secret key, shown below the signing section on the robot's security settings page, starts with SEC",
+  "企业微信机器人的webhook(详见文档 https://work.weixin.qq.com/api/doc/90000/90136/91770)，例如：693a91f6-7xxx-4bc4-97a0-0ec2sifa5aaa": "WeChat Work Bot webhook (see documentation at https://work.weixin.qq.com/api/doc/90000/90136/91770), e.g., 693a91f6-7xxx-4bc4-97a0-0ec2sifa5aaa",
+  "企业微信代理地址": "WeChat Work Proxy Address",
+  "corpid、corpsecret、touser(注:多个成员ID使用|隔开)、agentid、消息类型(选填，不填默认文本消息类型) 注意用,号隔开(英文输入法的逗号)，例如：wwcfrs,B-76WERQ,qinglong,1000001,2COat": "corpid, corpsecret, touser (note: separate multiple member IDs with |), agentid, message type (optional, defaults to text message type) – separated by commas (`,`), e.g., wwcfrs, B-76WERQ, qinglong, 1000001, 2COat",
+  "密钥key，智能微秘书个人中心获取apikey，申请地址：https://wechat.aibotk.com/signup?from=ql": "Key, obtain the API key from the Smart WeChat Assistant's personal center, apply at: https://wechat.aibotk.com/signup?from=ql",
+  "发送的目标，群组或者好友": "Recipient, group, or friend",
+  "请输入要发送的目标": "Please enter the recipient's name (group or friend)",
+  "群聊": "Group Chat",
+  "好友": "Friend",
+  "要发送的用户昵称或群名，如果目标是群，需要填群名，如果目标是好友，需要填好友昵称": "Enter the recipient's nickname if it's a friend or the group name if it's a group",
+  "iGot的信息推送key，例如：https://push.hellyw.com/XXXXXXXX": "iGot information push key, e.g., https://push.hellyw.com/XXXXXXXX",
+  "微信扫码登录后一对一推送或一对多推送下面的token(您的Token)，不提供PUSH_PLUS_USER则默认为一对一推送，参考 https://www.pushplus.plus/": "After WeChat scan login, one-to-one or one-to-many push using the provided token (your Token). If PUSH_PLUS_USER is not provided, it defaults to one-to-one push. See reference at https://www.pushplus.plus/",
+  "一对多推送的“群组编码”（一对多推送下面->您的群组(如无则创建)->群组编码，如果您是创建群组人。也需点击“查看二维码”扫描绑定，否则不能接受群组消息推送）": "The 'group code' for one-to-many push (one-to-many push -> your group (if none, create one) -> group code). If you are the creator of the group, you need to click 'View QR code' to scan and bind, otherwise, you won't receive group messages.",
+  "飞书群组机器人：https://www.feishu.cn/hc/zh-CN/articles/360024984973": "Feishu group bot: https://www.feishu.cn/hc/zh-CN/articles/360024984973",
+  "邮箱服务名称，比如126、163、Gmail、QQ等，支持列表https://nodemailer.com/smtp/well-known/": "Email service name, e.g., 126, 163, Gmail, QQ, etc. Supported list: https://nodemailer.com/smtp/well-known/",
+  "邮箱地址": "Email Address",
+  "邮箱SMTP授权码": "Email SMTP Authorization Code",
+  "PushMe的Key，https://push.i-i.me/": "PushMe key, https://push.i-i.me/",
+  "请求方法": "Request Method",
+  "请求头Content-Type": "Request Header Content-Type",
+  "请求链接以http或者https开头。url或者body中必须包含$title，$content可选，对应api内容的位置": "Request URL should start with http or https. URL or body must contain $title, $content is optional and corresponds to the API content position.",
+  "请求头格式Custom-Header1: Header1，多个换行分割": "Request header format: Custom-Header1: Header1 (separate multiple headers with line breaks)",
+  "请求体格式key1: value1，多个换行分割。url或者body中必须包含$title，$content可选，对应api内容的位置": "Request body format: key1: value1 (separate multiple keys with line breaks). URL or body must contain $title, $content is optional and corresponds to the API content position.",
+  "错误日志": "Error Log",
+  "执行结束": "Execution Finished",
+  "备份": "Backup",
+  "生成数据中...": "Generating data...",
+  "请选择日志文件": "Please select a log file",
+  "筛选条件": "Filter Conditions",
+  "系统": "System",
+  "个人": "Personal",
+  "重新安装": "Reinstall",
+  "强制删除": "Force Delete",
+  "全部任务": "All Tasks",
+  "关联订阅": "Associate Subscription",
+  "订阅": "Subscription",
+  "创建": "Create",
+  "同时删除关联任务和脚本": "Delete associated tasks and scripts as well",
+  "未找到": "Not Found",
+  "保存成功": "Saved successfully",
+  "删除成功": "Deleted successfully",
+  "批量删除成功": "Batch deleted successfully",
+  "启动中...": "Starting...",
+  "任务未运行": "Task not running",
+  "更新任务成功": "Task updated successfully",
+  "创建任务成功": "Task created successfully",
+  "编辑任务": "Edit Task",
+  "Cron表达式格式有误": "Incorrect Cron Expression Format",
+  "添加Labels成功": "Labels added successfully",
+  "删除Labels成功": "Labels deleted successfully",
+  "编辑视图": "Edit View",
+  "排序方式": "Sort Order",
+  "开始时间": "Start Time",
+  "安装": "Install",
+  "结束时间": "End Time",
+  "编辑依赖": "Edit Dependency",
+  "更新环境变量名称成功": "Environment Variable Name updated successfully",
+  "更新变量成功": "Variable updated successfully",
+  "创建变量成功": "Variable created successfully",
+  "编辑变量": "Edit Variable",
+  "加载中...": "Loading...",
+  "夹下所以日志": "Folder and All Subfiles",
+  "创建文件夹成功": "Folder created successfully",
+  "创建文件成功": "File created successfully",
+  "夹及其子文件": "Folder and Its Subfiles",
+  "更新名称成功": "Name updated successfully",
+  "保存文件成功": "File saved successfully",
+  "更新应用成功": "Application updated successfully",
+  "创建应用成功": "Application created successfully",
+  "编辑应用": "Edit Application",
+  "检查更新中...": "Checking for updates...",
+  "失败，请检查": "Failed, please check",
+  "更新失败，请检查网络及日志或稍后再试": "Update failed, please check network and logs or try again later",
+  "更新包下载成功": "Update package download successful",
+  "重置secret": "Reset secret",
+  "重置成功": "Reset successful",
+  "通知发送成功": "Notification sent successfully",
+  "通知关闭成功": "Notification closed successfully",
+  "测试中...": "Testing...",
+  "上传": "Upload",
+  "下载": "Download",
+  "更新成功": "Update successful",
+  "激活成功": "Activation successful",
+  "验证失败": "Validation failed",
+  "更新订阅成功": "Subscription updated successfully",
+  "创建订阅成功": "Subscription created successfully",
+  "编辑订阅": "Edit Subscription",
+  "Subscription表达式格式有误": "Incorrect Subscription Expression Format",
+  "一对多推送的“群组编码”（一对多推送下面->您的群组(如无则新建)->群组编码，如果您是创建群组人。也需点击“查看二维码”扫描绑定，否则不能接受群组消息推送）": "The 'Group Code' for One-to-Many Push (Below One-to-Many Push->Your Group (if not, create one)->Group Code, if you are the creator of the group, you also need to click 'View QR Code' to scan and bind, otherwise you cannot receive group messages)",
+  "登录已过期，请重新登录": "Login session has expired, please log in again"
+}
@@ -0,0 +1,452 @@
+{
+  "复制成功": "复制成功",
+  "复制": "复制",
+  "新建": "新建",
+  "登录": "登录",
+  "初始化": "初始化",
+  "错误": "错误",
+  "定时任务": "定时任务",
+  "订阅管理": "订阅管理",
+  "环境变量": "环境变量",
+  "配置文件": "配置文件",
+  "脚本管理": "脚本管理",
+  "依赖管理": "依赖管理",
+  "日志管理": "日志管理",
+  "对比工具": "对比工具",
+  "系统设置": "系统设置",
+  "退出登录": "退出登录",
+  "青龙": "青龙",
+  "返回首页": "返回首页",
+  "保存": "保存",
+  "日志": "日志",
+  "脚本": "脚本",
+  "确认保存文件": "确认保存文件",
+  "，保存后不可恢复": "，保存后不可恢复",
+  "确认运行": "确认运行",
+  "确认运行定时任务": "确认运行定时任务",
+  "吗": "吗",
+  "确认停止": "确认停止",
+  "确认停止定时任务": "确认停止定时任务",
+  "确认": "确认",
+  "任务": "任务",
+  "状态": "状态",
+  "空闲中": "空闲中",
+  "运行中": "运行中",
+  "队列中": "队列中",
+  "已禁用": "已禁用",
+  "定时": "定时",
+  "最后运行时间": "最后运行时间",
+  "最后运行时长": "最后运行时长",
+  "下次运行时间": "下次运行时间",
+  "名称": "名称",
+  "命令/脚本": "命令/脚本",
+  "定时规则": "定时规则",
+  "操作": "操作",
+  "确认删除": "确认删除",
+  "确认删除定时任务": "确认删除定时任务",
+  "编辑": "编辑",
+  "删除": "删除",
+  "确认删除选中的定时任务吗": "确认删除选中的定时任务吗",
+  "选中的定时任务吗": "选中的定时任务吗",
+  "创建视图": "创建视图",
+  "视图管理": "视图管理",
+  "请输入名称或者关键词": "请输入名称或者关键词",
+  "创建任务": "创建任务",
+  "更多": "更多",
+  "批量删除": "批量删除",
+  "批量启用": "批量启用",
+  "批量禁用": "批量禁用",
+  "批量运行": "批量运行",
+  "批量停止": "批量停止",
+  "批量置顶": "批量置顶",
+  "批量取消置顶": "批量取消置顶",
+  "批量修改标签": "批量修改标签",
+  "已选择": "已选择",
+  "项": "项",
+  "知道了": "知道了",
+  "请输入任务名称": "请输入任务名称",
+  "支持输入脚本路径/任意系统可执行命令/task 脚本路径": "支持输入脚本路径/任意系统可执行命令/task 脚本路径",
+  "秒(可选) 分 时 天 月 周": "秒(可选) 分 时 天 月 周",
+  "标签": "标签",
+  "取消": "取消",
+  "添加": "添加",
+  "启用": "启用",
+  "禁用": "禁用",
+  "运行": "运行",
+  "停止": "停止",
+  "置顶": "置顶",
+  "取消置顶": "取消置顶",
+  "命令": "命令",
+  "包含": "包含",
+  "不包含": "不包含",
+  "属于": "属于",
+  "不属于": "不属于",
+  "顺序": "顺序",
+  "倒序": "倒序",
+  "且": "且",
+  "或": "或",
+  "输入后回车增加自定义选项": "输入后回车增加自定义选项",
+  "视图名称": "视图名称",
+  "请输入视图名称": "请输入视图名称",
+  "请输入内容": "请输入内容",
+  "新增筛选条件": "新增筛选条件",
+  "新增排序方式": "新增排序方式",
+  "类型": "类型",
+  "显示": "显示",
+  "确认删除视图": "确认删除视图",
+  "安装中": "安装中",
+  "已安装": "已安装",
+  "安装失败": "安装失败",
+  "删除中": "删除中",
+  "已删除": "已删除",
+  "删除失败": "删除失败",
+  "序号": "序号",
+  "备注": "备注",
+  "更新时间": "更新时间",
+  "创建时间": "创建时间",
+  "确认删除依赖": "确认删除依赖",
+  "确认重新安装": "确认重新安装",
+  "确认删除选中的依赖吗": "确认删除选中的依赖吗",
+  "确认重新安装选中的依赖吗": "确认重新安装选中的依赖吗",
+  "请输入名称": "请输入名称",
+  "创建依赖": "创建依赖",
+  "批量安装": "批量安装",
+  "批量强制删除": "批量强制删除",
+  "日志 -": "日志 -",
+  "依赖类型": "依赖类型",
+  "自动拆分": "自动拆分",
+  "多个依赖是否换行分割": "多个依赖是否换行分割",
+  "是": "是",
+  "否": "否",
+  "请输入依赖名称，支持指定版本": "请输入依赖名称，支持指定版本",
+  "请输入依赖名称": "请输入依赖名称",
+  "请输入备注": "请输入备注",
+  "源文件": "源文件",
+  "当前文件": "当前文件",
+  "修改环境变量名称": "修改环境变量名称",
+  "请输入新的环境变量名称": "请输入新的环境变量名称",
+  "已启用": "已启用",
+  "值": "值",
+  "确认删除变量": "确认删除变量",
+  "确认删除选中的变量吗": "确认删除选中的变量吗",
+  "选中的变量吗": "选中的变量吗",
+  "请输入名称/值/备注": "请输入名称/值/备注",
+  "导入": "导入",
+  "创建变量": "创建变量",
+  "批量修改变量名称": "批量修改变量名称",
+  "批量导出": "批量导出",
+  "请输入环境变量名称": "请输入环境变量名称",
+  "只能输入字母数字下划线，且不能以数字开头": "只能输入字母数字下划线，且不能以数字开头",
+  "请输入环境变量值": "请输入环境变量值",
+  "服务启动超时": "服务启动超时",
+  "请先按如下方式修复：": "请先按如下方式修复：",
+  "1. 宿主机执行 docker run --rm -v\n                  /var/run/docker.sock:/var/run/docker.sock\n                  containrrr/watchtower -cR <容器名>": "1. 宿主机执行 docker run --rm -v\n                  /var/run/docker.sock:/var/run/docker.sock\n                  containrrr/watchtower -cR <容器名>",
+  "2. 容器内执行 ql -l check、ql -l update": "2. 容器内执行 ql -l check、ql -l update",
+  "3. 如果无法解决，容器内执行 pm2 logs，拷贝执行结果": "3. 如果无法解决，容器内执行 pm2 logs，拷贝执行结果",
+  "提交 issue": "提交 issue",
+  "启动中，请稍后...": "启动中，请稍后...",
+  "欢迎使用": "欢迎使用",
+  "欢迎使用青龙": "欢迎使用青龙",
+  "支持python3、javascript、shell、typescript 的定时任务管理面板": "支持python3、javascript、shell、typescript 的定时任务管理面板",
+  "开始安装": "开始安装",
+  "账户设置": "账户设置",
+  "用户名": "用户名",
+  "密码": "密码",
+  "密码不能为admin": "密码不能为admin",
+  "确认密码": "确认密码",
+  "您输入的两个密码不匹配！": "您输入的两个密码不匹配！",
+  "提交": "提交",
+  "通知设置": "通知设置",
+  "通知方式": "通知方式",
+  "请选择通知方式": "请选择通知方式",
+  "跳过": "跳过",
+  "完成安装": "完成安装",
+  "恭喜安装完成！": "恭喜安装完成！",
+  "Telegram频道": "Telegram频道",
+  "去登录": "去登录",
+  "初始化配置": "初始化配置",
+  "文件": "文件",
+  "，删除后不可恢复": "，删除后不可恢复",
+  "请选择日志": "请选择日志",
+  "请输入日志名": "请输入日志名",
+  "暂无日志": "暂无日志",
+  "登录成功！": "登录成功！",
+  "上次登录时间：": "上次登录时间：",
+  "上次登录地点：": "上次登录地点：",
+  "上次登录IP：": "上次登录IP：",
+  "上次登录设备：": "上次登录设备：",
+  "上次登录状态：": "上次登录状态：",
+  "验证码": "验证码",
+  "验证码为6位数字": "验证码为6位数字",
+  "6位数字": "6位数字",
+  "验证": "验证",
+  "请": "请",
+  "秒后重试": "秒后重试",
+  "在您的设备上打开两步验证应用程序以查看您的身份验证代码并验证您的身份。": "在您的设备上打开两步验证应用程序以查看您的身份验证代码并验证您的身份。",
+  "请选择脚本文件": "请选择脚本文件",
+  "清空日志": "清空日志",
+  "设置": "设置",
+  "退出": "退出",
+  "空文件": "空文件",
+  "本地文件": "本地文件",
+  "文件夹": "文件夹",
+  "文件名": "文件名",
+  "请输入文件名": "请输入文件名",
+  "文件名不能包含斜杠": "文件名不能包含斜杠",
+  "文件夹名": "文件夹名",
+  "请输入文件夹名": "请输入文件夹名",
+  "父目录": "父目录",
+  "请选择父目录": "请选择父目录",
+  "点击或者拖拽文件到此区域上传": "点击或者拖拽文件到此区域上传",
+  "当前修改未保存，确定离开吗": "当前修改未保存，确定离开吗",
+  "退出编辑": "退出编辑",
+  "重命名": "重命名",
+  "请选择脚本": "请选择脚本",
+  "调试": "调试",
+  "请输入脚本名": "请输入脚本名",
+  "暂无脚本": "暂无脚本",
+  "请输入新名称": "请输入新名称",
+  "保存文件": "保存文件",
+  "保存目录": "保存目录",
+  "请输入保存目录，默认scripts目录": "请输入保存目录，默认scripts目录",
+  "运行设置": "运行设置",
+  "待开发": "待开发",
+  "开发版": "开发版",
+  "正式版": "正式版",
+  "版本": "版本",
+  "更新日志": "更新日志",
+  "查看": "查看",
+  "提交BUG": "提交BUG",
+  "名称不能为保留关键字": "名称不能为保留关键字",
+  "请输入应用名称": "请输入应用名称",
+  "权限": "权限",
+  "请选择模块权限": "请选择模块权限",
+  "更新": "更新",
+  "已经是最新版了！": "已经是最新版了！",
+  "是目前检测到的最新可用版本了。": "是目前检测到的最新可用版本了。",
+  "重新下载": "重新下载",
+  "更新可用": "更新可用",
+  "新版本": "新版本",
+  "可用，你使用的版本为": "可用，你使用的版本为",
+  "下载更新": "下载更新",
+  "以后再说": "以后再说",
+  "下载更新中...": "下载更新中...",
+  "确认重启": "确认重启",
+  "系统安装包下载成功，确认重启": "系统安装包下载成功，确认重启",
+  "重启": "重启",
+  "系统将在": "系统将在",
+  "秒后自动刷新": "秒后自动刷新",
+  "检查更新": "检查更新",
+  "确认删除应用": "确认删除应用",
+  "确认重置": "确认重置",
+  "确认重置应用": "确认重置应用",
+  "的Secret吗": "的Secret吗",
+  "重置Secret会让当前应用所有token失效": "重置Secret会让当前应用所有token失效",
+  "创建应用": "创建应用",
+  "安全设置": "安全设置",
+  "应用设置": "应用设置",
+  "登录日志": "登录日志",
+  "其他设置": "其他设置",
+  "关于": "关于",
+  "成功": "成功",
+  "失败": "失败",
+  "登录时间": "登录时间",
+  "登录地址": "登录地址",
+  "登录IP": "登录IP",
+  "登录设备": "登录设备",
+  "登录状态": "登录状态",
+  "亮色": "亮色",
+  "暗色": "暗色",
+  "跟随系统": "跟随系统",
+  "备份数据上传成功，确认覆盖数据": "备份数据上传成功，确认覆盖数据",
+  "主题设置": "主题设置",
+  "日志删除频率": "日志删除频率",
+  "每x天自动删除x天以前的日志": "每x天自动删除x天以前的日志",
+  "每": "每",
+  "天": "天",
+  "定时任务并发数": "定时任务并发数",
+  "数据备份还原": "数据备份还原",
+  "还原数据": "还原数据",
+  "第一步": "第一步",
+  "下载两步验证手机应用，比如 Google Authenticator 、": "下载两步验证手机应用，比如 Google Authenticator 、",
+  "第二步": "第二步",
+  "使用手机应用扫描二维码，或者输入秘钥": "使用手机应用扫描二维码，或者输入秘钥",
+  "第三步": "第三步",
+  "输入手机应用上的6位数字": "输入手机应用上的6位数字",
+  "完成设置": "完成设置",
+  "修改用户名密码": "修改用户名密码",
+  "两步验证": "两步验证",
+  "头像": "头像",
+  "更换头像": "更换头像",
+  "时": "时",
+  "分": "分",
+  "秒": "秒",
+  "私有仓库": "私有仓库",
+  "公开仓库": "公开仓库",
+  "单文件": "单文件",
+  "链接": "链接",
+  "分支": "分支",
+  "确认删除定时订阅": "确认删除定时订阅",
+  "定时订阅": "定时订阅",
+  "创建订阅": "创建订阅",
+  "私钥": "私钥",
+  "请输入私钥": "请输入私钥",
+  "请输入认证用户名": "请输入认证用户名",
+  "Github已不支持密码认证，请使用Token方式": "Github已不支持密码认证，请使用Token方式",
+  "密码/Token": "密码/Token",
+  "请输入密码或者Token": "请输入密码或者Token",
+  "支持拷贝 ql repo/raw 命令，粘贴导入": "支持拷贝 ql repo/raw 命令，粘贴导入",
+  "请输入订阅链接": "请输入订阅链接",
+  "请输入分支": "请输入分支",
+  "唯一值": "唯一值",
+  "唯一值用于日志目录和私钥别名": "唯一值用于日志目录和私钥别名",
+  "自动生成": "自动生成",
+  "拉取方式": "拉取方式",
+  "用户名密码/Token": "用户名密码/Token",
+  "定时类型": "定时类型",
+  "白名单": "白名单",
+  "多个关键词竖线分割，支持正则表达式": "多个关键词竖线分割，支持正则表达式",
+  "请输入脚本筛选白名单关键词，多个关键词竖线分割": "请输入脚本筛选白名单关键词，多个关键词竖线分割",
+  "黑名单": "黑名单",
+  "请输入脚本筛选黑名单关键词，多个关键词竖线分割": "请输入脚本筛选黑名单关键词，多个关键词竖线分割",
+  "依赖文件": "依赖文件",
+  "请输入脚本依赖文件关键词，多个关键词竖线分割": "请输入脚本依赖文件关键词，多个关键词竖线分割",
+  "文件后缀": "文件后缀",
+  "仓库需要拉取的文件后缀，多个后缀空格分隔，默认使用配置文件中的RepoFileExtensions": "仓库需要拉取的文件后缀，多个后缀空格分隔，默认使用配置文件中的RepoFileExtensions",
+  "请输入文件后缀": "请输入文件后缀",
+  "执行前": "执行前",
+  "运行订阅前执行的命令，比如 cp/mv/python3 xxx.py/node xxx.js": "运行订阅前执行的命令，比如 cp/mv/python3 xxx.py/node xxx.js",
+  "请输入运行订阅前要执行的命令": "请输入运行订阅前要执行的命令",
+  "执行后": "执行后",
+  "运行订阅后执行的命令，比如 cp/mv/python3 xxx.py/node xxx.js": "运行订阅后执行的命令，比如 cp/mv/python3 xxx.py/node xxx.js",
+  "请输入运行订阅后要执行的命令": "请输入运行订阅后要执行的命令",
+  "代理": "代理",
+  "公开仓库支持HTTP/SOCK5代理，私有仓库支持SOCK5代理": "公开仓库支持HTTP/SOCK5代理，私有仓库支持SOCK5代理",
+  "自动添加任务": "自动添加任务",
+  "自动删除任务": "自动删除任务",
+  "中文": "中文",
+  "系统信息": "系统信息",
+  "Server酱": "Server酱",
+  "Telegram机器人": "Telegram机器人",
+  "钉钉机器人": "钉钉机器人",
+  "企业微信机器人": "企业微信机器人",
+  "企业微信应用": "企业微信应用",
+  "智能微秘书": "智能微秘书",
+  "群晖chat": "群晖chat",
+  "邮箱": "邮箱",
+  "飞书机器人": "飞书机器人",
+  "自定义通知": "自定义通知",
+  "已关闭": "已关闭",
+  "gotify的url地址,例如 https://push.example.de:8080": "gotify的url地址,例如 https://push.example.de:8080",
+  "gotify的消息应用token码": "gotify的消息应用token码",
+  "推送消息的优先级": "推送消息的优先级",
+  "chat的url地址": "chat的url地址",
+  "chat的token码": "chat的token码",
+  "推送到个人QQ: http://127.0.0.1/send_private_msg，群：http://127.0.0.1/send_group_msg": "推送到个人QQ: http://127.0.0.1/send_private_msg，群：http://127.0.0.1/send_group_msg",
+  "访问密钥": "访问密钥",
+  "如果GOBOT_URL设置 /send_private_msg 则需要填入 user_id=个人QQ 相反如果是 /send_group_msg 则需要填入 group_id=QQ群": "如果GOBOT_URL设置 /send_private_msg 则需要填入 user_id=个人QQ 相反如果是 /send_group_msg 则需要填入 group_id=QQ群",
+  "Server酱SENDKEY": "Server酱SENDKEY",
+  "PushDeer的Key，https://github.com/easychen/pushdeer": "PushDeer的Key，https://github.com/easychen/pushdeer",
+  "PushDeer的自架API endpoint，默认是 https://api2.pushdeer.com/message/push": "PushDeer的自架API endpoint，默认是 https://api2.pushdeer.com/message/push",
+  "Bark的信息IP/设备码，例如：https://api.day.app/XXXXXXXX": "Bark的信息IP/设备码，例如：https://api.day.app/XXXXXXXX",
+  "BARK推送图标,自定义推送图标 (需iOS15或以上才能显示)": "BARK推送图标,自定义推送图标 (需iOS15或以上才能显示)",
+  "BARK推送铃声,铃声列表去APP查看复制填写": "BARK推送铃声,铃声列表去APP查看复制填写",
+  "BARK推送消息的分组, 默认为qinglong": "BARK推送消息的分组, 默认为qinglong",
+  "telegram机器人的token，例如：1077xxx4424:AAFjv0FcqxxxxxxgEMGfi22B4yh15R5uw": "telegram机器人的token，例如：1077xxx4424:AAFjv0FcqxxxxxxgEMGfi22B4yh15R5uw",
+  "telegram用户的id，例如：129xxx206": "telegram用户的id，例如：129xxx206",
+  "代理IP": "代理IP",
+  "代理端口": "代理端口",
+  "telegram代理配置认证参数, 用户名与密码用英文冒号连接 user:password": "telegram代理配置认证参数, 用户名与密码用英文冒号连接 user:password",
+  "telegram api自建的反向代理地址，默认tg官方api": "telegram api自建的反向代理地址，默认tg官方api",
+  "钉钉机器人webhook token，例如：5a544165465465645d0f31dca676e7bd07415asdasd": "钉钉机器人webhook token，例如：5a544165465465645d0f31dca676e7bd07415asdasd",
+  "密钥，机器人安全设置页面，加签一栏下面显示的SEC开头的字符串": "密钥，机器人安全设置页面，加签一栏下面显示的SEC开头的字符串",
+  "企业微信机器人的 webhook(详见文档 https://work.weixin.qq.com/api/doc/90000/90136/91770)，例如：693a91f6-7xxx-4bc4-97a0-0ec2sifa5aaa": "企业微信机器人的 webhook(详见文档 https://work.weixin.qq.com/api/doc/90000/90136/91770)，例如：693a91f6-7xxx-4bc4-97a0-0ec2sifa5aaa",
+  "企业微信代理地址": "企业微信代理地址",
+  "corpid,corpsecret,touser(注:多个成员ID使用|隔开),agentid,消息类型(选填,不填默认文本消息类型) 注意用,号隔开(英文输入法的逗号)，例如：wwcfrs,B-76WERQ,qinglong,1000001,2COat": "corpid,corpsecret,touser(注:多个成员ID使用|隔开),agentid,消息类型(选填,不填默认文本消息类型) 注意用,号隔开(英文输入法的逗号)，例如：wwcfrs,B-76WERQ,qinglong,1000001,2COat",
+  "密钥key,智能微秘书个人中心获取apikey，申请地址：https://wechat.aibotk.com/signup?from=ql": "密钥key,智能微秘书个人中心获取apikey，申请地址：https://wechat.aibotk.com/signup?from=ql",
+  "发送的目标，群组或者好友": "发送的目标，群组或者好友",
+  "请输入要发送的目标": "请输入要发送的目标",
+  "群聊": "群聊",
+  "好友": "好友",
+  "要发送的用户昵称或群名，如果目标是群，需要填群名，如果目标是好友，需要填好友昵称": "要发送的用户昵称或群名，如果目标是群，需要填群名，如果目标是好友，需要填好友昵称",
+  "iGot的信息推送key，例如：https://push.hellyw.com/XXXXXXXX": "iGot的信息推送key，例如：https://push.hellyw.com/XXXXXXXX",
+  "微信扫码登录后一对一推送或一对多推送下面的token(您的Token)，不提供PUSH_PLUS_USER则默认为一对一推送，参考 https://www.pushplus.plus/": "微信扫码登录后一对一推送或一对多推送下面的token(您的Token)，不提供PUSH_PLUS_USER则默认为一对一推送，参考 https://www.pushplus.plus/",
+  "一对多推送的“群组编码”（一对多推送下面->您的群组(如无则创建)->群组编码，如果您是创建群组人。也需点击“查看二维码”扫描绑定，否则不能接受群组消息推送）": "一对多推送的“群组编码”（一对多推送下面->您的群组(如无则创建)->群组编码，如果您是创建群组人。也需点击“查看二维码”扫描绑定，否则不能接受群组消息推送）",
+  "飞书群组机器人：https://www.feishu.cn/hc/zh-CN/articles/360024984973": "飞书群组机器人：https://www.feishu.cn/hc/zh-CN/articles/360024984973",
+  "邮箱服务名称，比如126、163、Gmail、QQ等，支持列表https://nodemailer.com/smtp/well-known/": "邮箱服务名称，比如126、163、Gmail、QQ等，支持列表https://nodemailer.com/smtp/well-known/",
+  "邮箱地址": "邮箱地址",
+  "邮箱SMTP授权码": "邮箱SMTP授权码",
+  "PushMe的Key，https://push.i-i.me/": "PushMe的Key，https://push.i-i.me/",
+  "请求方法": "请求方法",
+  "请求头Content-Type": "请求头Content-Type",
+  "请求链接以http或者https开头。url或者body中必须包含$title，$content可选，对应api内容的位置": "请求链接以http或者https开头。url或者body中必须包含$title，$content可选，对应api内容的位置",
+  "请求头格式Custom-Header1: Header1，多个换行分割": "请求头格式Custom-Header1: Header1，多个换行分割",
+  "请求体格式key1: value1，多个换行分割。url或者body中必须包含$title，$content可选，对应api内容的位置": "请求体格式key1: value1，多个换行分割。url或者body中必须包含$title，$content可选，对应api内容的位置",
+  "错误日志": "错误日志",
+  "执行结束": "执行结束",
+  "备份": "备份",
+  "生成数据中...": "生成数据中...",
+  "请选择日志文件": "请选择日志文件",
+  "筛选条件": "筛选条件",
+  "系统": "系统",
+  "个人": "个人",
+  "重新安装": "重新安装",
+  "强制删除": "强制删除",
+  "全部任务": "全部任务",
+  "关联订阅": "关联订阅",
+  "订阅": "订阅",
+  "创建": "创建",
+  "同时删除关联任务和脚本": "同时删除关联任务和脚本",
+  "未找到": "未找到",
+  "保存成功": "保存成功",
+  "删除成功": "删除成功",
+  "批量删除成功": "批量删除成功",
+  "启动中...": "启动中...",
+  "任务未运行": "任务未运行",
+  "更新任务成功": "更新任务成功",
+  "创建任务成功": "创建任务成功",
+  "编辑任务": "编辑任务",
+  "Cron表达式格式有误": "Cron表达式格式有误",
+  "添加Labels成功": "添加Labels成功",
+  "删除Labels成功": "删除Labels成功",
+  "编辑视图": "编辑视图",
+  "排序方式": "排序方式",
+  "开始时间": "开始时间",
+  "安装": "安装",
+  "结束时间": "结束时间",
+  "编辑依赖": "编辑依赖",
+  "更新环境变量名称成功": "更新环境变量名称成功",
+  "更新变量成功": "更新变量成功",
+  "创建变量成功": "创建变量成功",
+  "编辑变量": "编辑变量",
+  "加载中...": "加载中...",
+  "夹下所以日志": "夹下所以日志",
+  "创建文件夹成功": "创建文件夹成功",
+  "创建文件成功": "创建文件成功",
+  "夹及其子文件": "夹及其子文件",
+  "更新名称成功": "更新名称成功",
+  "保存文件成功": "保存文件成功",
+  "更新应用成功": "更新应用成功",
+  "创建应用成功": "创建应用成功",
+  "编辑应用": "编辑应用",
+  "检查更新中...": "检查更新中...",
+  "失败，请检查": "失败，请检查",
+  "更新失败，请检查网络及日志或稍后再试": "更新失败，请检查网络及日志或稍后再试",
+  "更新包下载成功": "更新包下载成功",
+  "重置secret": "重置secret",
+  "重置成功": "重置成功",
+  "通知发送成功": "通知发送成功",
+  "通知关闭成功": "通知关闭成功",
+  "测试中...": "测试中...",
+  "上传": "上传",
+  "下载": "下载",
+  "更新成功": "更新成功",
+  "激活成功": "激活成功",
+  "验证失败": "验证失败",
+  "更新订阅成功": "更新订阅成功",
+  "创建订阅成功": "创建订阅成功",
+  "编辑订阅": "编辑订阅",
+  "Subscription表达式格式有误": "Subscription表达式格式有误",
+  "一对多推送的“群组编码”（一对多推送下面->您的群组(如无则新建)->群组编码，如果您是创建群组人。也需点击“查看二维码”扫描绑定，否则不能接受群组消息推送）": "一对多推送的“群组编码”（一对多推送下面->您的群组(如无则新建)->群组编码，如果您是创建群组人。也需点击“查看二维码”扫描绑定，否则不能接受群组消息推送）",
+  "登录已过期，请重新登录": "登录已过期，请重新登录"
+}
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React from 'react';
 import { Button, Result, Typography } from 'antd';

@@ -9,7 +10,7 @@ const NotFound: React.FC = () => (
    title="404"
    extra={
      <Button type="primary">
-        <Link href="/">返回首页</Link>
+        <Link href="/">{intl.get('返回首页')}</Link>
      </Button>
    }
  />
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal'
 import React, {
  PureComponent,
  Fragment,
@@ -51,12 +52,10 @@ const Config = () => {
      : value;

    request
-      .post(`${config.apiPrefix}configs/save`, {
-        data: { content, name: select },
-      })
+      .post(`${config.apiPrefix}configs/save`, { content, name: select })
      .then(({ code, data }) => {
        if (code === 200) {
-          message.success('保存成功');
+          message.success(intl.get('保存成功'));
        }
        setConfirmLoading(false);
      });
@@ -95,7 +94,7 @@ const Config = () => {
          type="primary"
          onClick={updateConfig}
        >
-          保存
+          {intl.get('保存')}
        </Button>,
      ]}
      header={{
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useEffect, useRef, useState } from 'react';
 import {
  Modal,
@@ -22,33 +23,29 @@ import {
  PauseCircleOutlined,
  FullscreenOutlined,
 } from '@ant-design/icons';
-import { CrontabStatus } from './index';
+import { CrontabStatus } from './type';
 import { diffTime } from '@/utils/date';
 import { request } from '@/utils/http';
 import config from '@/utils/config';
 import CronLogModal from './logModal';
 import Editor from '@monaco-editor/react';
 import IconFont from '@/components/iconfont';
-import { getCommandScript } from '@/utils';
+import { getCommandScript, getEditorMode } from '@/utils';
+import VirtualList from 'rc-virtual-list';
+import useScrollHeight from '@/hooks/useScrollHeight';

 const { Text } = Typography;

 const tabList = [
  {
    key: 'log',
-    tab: '日志',
+    tab: intl.get('日志'),
  },
  {
    key: 'script',
-    tab: '脚本',
+    tab: intl.get('脚本'),
  },
 ];
-const LangMap: any = {
-  '.py': 'python',
-  '.js': 'javascript',
-  '.sh': 'shell',
-  '.ts': 'typescript',
-};

 interface LogItem {
  directory: string;
@@ -81,23 +78,32 @@ const CronDetailModal = ({
  const [logUrl, setLogUrl] = useState('');
  const [validTabs, setValidTabs] = useState(tabList);
  const [currentCron, setCurrentCron] = useState<any>({});
+  const listRef = useRef<HTMLDivElement>(null);
+  const tableScrollHeight = useScrollHeight(listRef);

  const contentList: any = {
    log: (
-      <List
-        dataSource={logs}
-        loading={loading}
-        renderItem={(item) => (
-          <List.Item className="log-item" onClick={() => onClickItem(item)}>
-            <FileOutlined style={{ marginRight: 10 }} />
-            {item.directory}/{item.filename}
-          </List.Item>
-        )}
-      />
+      <div ref={listRef}>
+        <List>
+          <VirtualList
+            data={logs}
+            height={tableScrollHeight}
+            itemHeight={47}
+            itemKey="filename"
+          >
+            {(item) => (
+              <List.Item className="log-item" onClick={() => onClickItem(item)}>
+                <FileOutlined style={{ marginRight: 10 }} />
+                {item.directory}/{item.filename}
+              </List.Item>
+            )}
+          </VirtualList>
+        </List>
+      </div>
    ),
    script: scriptInfo.filename && (
      <Editor
-        language={LangMap[scriptInfo.filename.slice(-3)] || ''}
+        language={getEditorMode(scriptInfo.filename)}
        theme={theme}
        value={value}
        options={{
@@ -170,11 +176,11 @@ const CronDetailModal = ({
      title: `确认保存`,
      content: (
        <>
-          确认保存文件
+          {intl.get('确认保存文件')}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {scriptInfo.filename}
          </Text>{' '}
-          ，保存后不可恢复
+          {intl.get('，保存后不可恢复')}
        </>
      ),
      onOk() {
@@ -184,11 +190,9 @@ const CronDetailModal = ({
        return new Promise((resolve, reject) => {
          request
            .put(`${config.apiPrefix}scripts`, {
-              data: {
-                filename: scriptInfo.filename,
-                path: scriptInfo.parent || '',
-                content,
-              },
+              filename: scriptInfo.filename,
+              path: scriptInfo.parent || '',
+              content,
            })
            .then(({ code, data }) => {
              if (code === 200) {
@@ -208,19 +212,19 @@ const CronDetailModal = ({

  const runCron = () => {
    Modal.confirm({
-      title: '确认运行',
+      title: intl.get('确认运行'),
      content: (
        <>
-          确认运行定时任务{' '}
+          {intl.get('确认运行定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {currentCron.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
        request
-          .put(`${config.apiPrefix}crons/run`, { data: [currentCron.id] })
+          .put(`${config.apiPrefix}crons/run`, [currentCron.id])
          .then(({ code, data }) => {
            if (code === 200) {
              setCurrentCron({ ...currentCron, status: CrontabStatus.running });
@@ -238,19 +242,19 @@ const CronDetailModal = ({

  const stopCron = () => {
    Modal.confirm({
-      title: '确认停止',
+      title: intl.get('确认停止'),
      content: (
        <>
-          确认停止定时任务{' '}
+          {intl.get('确认停止定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {currentCron.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
        request
-          .put(`${config.apiPrefix}crons/stop`, { data: [currentCron.id] })
+          .put(`${config.apiPrefix}crons/stop`, [currentCron.id])
          .then(({ code, data }) => {
            if (code === 200) {
              setCurrentCron({ ...currentCron, status: CrontabStatus.idle });
@@ -265,15 +269,18 @@ const CronDetailModal = ({

  const enabledOrDisabledCron = () => {
    Modal.confirm({
-      title: `确认${currentCron.isDisabled === 1 ? '启用' : '禁用'}`,
+      title: `确认${
+        currentCron.isDisabled === 1 ? intl.get('启用') : intl.get('禁用')
+      }`,
      content: (
        <>
-          确认{currentCron.isDisabled === 1 ? '启用' : '禁用'}
-          定时任务{' '}
+          {intl.get('确认')}
+          {currentCron.isDisabled === 1 ? intl.get('启用') : intl.get('禁用')}
+          {intl.get('定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {currentCron.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -282,9 +289,7 @@ const CronDetailModal = ({
            `${config.apiPrefix}crons/${
              currentCron.isDisabled === 1 ? 'enable' : 'disable'
            }`,
-            {
-              data: [currentCron.id],
-            },
+            [currentCron.id],
          )
          .then(({ code, data }) => {
            if (code === 200) {
@@ -303,15 +308,18 @@ const CronDetailModal = ({

  const pinOrUnPinCron = () => {
    Modal.confirm({
-      title: `确认${currentCron.isPinned === 1 ? '取消置顶' : '置顶'}`,
+      title: `确认${
+        currentCron.isPinned === 1 ? intl.get('取消置顶') : intl.get('置顶')
+      }`,
      content: (
        <>
-          确认{currentCron.isPinned === 1 ? '取消置顶' : '置顶'}
-          定时任务{' '}
+          {intl.get('确认')}
+          {currentCron.isPinned === 1 ? intl.get('取消置顶') : intl.get('置顶')}
+          {intl.get('定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {currentCron.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -320,9 +328,7 @@ const CronDetailModal = ({
            `${config.apiPrefix}crons/${
              currentCron.isPinned === 1 ? 'unpin' : 'pin'
            }`,
-            {
-              data: [currentCron.id],
-            },
+            [currentCron.id],
          )
          .then(({ code, data }) => {
            if (code === 200) {
@@ -373,7 +379,9 @@ const CronDetailModal = ({
          <div className="operations">
            <Tooltip
              title={
-                currentCron.status === CrontabStatus.idle ? '运行' : '停止'
+                currentCron.status === CrontabStatus.idle
+                  ? intl.get('运行')
+                  : intl.get('停止')
              }
            >
              <Button
@@ -391,7 +399,13 @@ const CronDetailModal = ({
                }
              />
            </Tooltip>
-            <Tooltip title={currentCron.isDisabled === 1 ? '启用' : '禁用'}>
+            <Tooltip
+              title={
+                currentCron.isDisabled === 1
+                  ? intl.get('启用')
+                  : intl.get('禁用')
+              }
+            >
              <Button
                type="link"
                icon={
@@ -407,7 +421,13 @@ const CronDetailModal = ({
                onClick={enabledOrDisabledCron}
              />
            </Tooltip>
-            <Tooltip title={currentCron.isPinned === 1 ? '取消置顶' : '置顶'}>
+            <Tooltip
+              title={
+                currentCron.isPinned === 1
+                  ? intl.get('取消置顶')
+                  : intl.get('置顶')
+              }
+            >
              <Button
                type="link"
                icon={
@@ -437,20 +457,20 @@ const CronDetailModal = ({
      <div className="card-wrapper">
        <Card>
          <div className="cron-detail-info-item">
-            <div className="cron-detail-info-title">任务</div>
+            <div className="cron-detail-info-title">{intl.get('任务')}</div>
            <div className="cron-detail-info-value">{currentCron.command}</div>
          </div>
        </Card>
        <Card style={{ marginTop: 10 }}>
          <div className="cron-detail-info-item">
-            <div className="cron-detail-info-title">状态</div>
+            <div className="cron-detail-info-title">{intl.get('状态')}</div>
            <div className="cron-detail-info-value">
              {(!currentCron.isDisabled ||
                currentCron.status !== CrontabStatus.idle) && (
                <>
                  {currentCron.status === CrontabStatus.idle && (
                    <Tag icon={<ClockCircleOutlined />} color="default">
-                      空闲中
+                      {intl.get('空闲中')}
                    </Tag>
                  )}
                  {currentCron.status === CrontabStatus.running && (
@@ -458,12 +478,12 @@ const CronDetailModal = ({
                      icon={<Loading3QuartersOutlined spin />}
                      color="processing"
                    >
-                      运行中
+                      {intl.get('运行中')}
                    </Tag>
                  )}
                  {currentCron.status === CrontabStatus.queued && (
                    <Tag icon={<FieldTimeOutlined />} color="default">
-                      队列中
+                      {intl.get('队列中')}
                    </Tag>
                  )}
                </>
@@ -471,17 +491,19 @@ const CronDetailModal = ({
              {currentCron.isDisabled === 1 &&
                currentCron.status === CrontabStatus.idle && (
                  <Tag icon={<CloseCircleOutlined />} color="error">
-                    已禁用
+                    {intl.get('已禁用')}
                  </Tag>
                )}
            </div>
          </div>
          <div className="cron-detail-info-item">
-            <div className="cron-detail-info-title">定时</div>
+            <div className="cron-detail-info-title">{intl.get('定时')}</div>
            <div className="cron-detail-info-value">{currentCron.schedule}</div>
          </div>
          <div className="cron-detail-info-item">
-            <div className="cron-detail-info-title">最后运行时间</div>
+            <div className="cron-detail-info-title">
+              {intl.get('最后运行时间')}
+            </div>
            <div className="cron-detail-info-value">
              {currentCron.last_execution_time
                ? new Date(currentCron.last_execution_time * 1000)
@@ -493,7 +515,9 @@ const CronDetailModal = ({
            </div>
          </div>
          <div className="cron-detail-info-item">
-            <div className="cron-detail-info-title">最后运行时长</div>
+            <div className="cron-detail-info-title">
+              {intl.get('最后运行时长')}
+            </div>
            <div className="cron-detail-info-value">
              {currentCron.last_running_time
                ? diffTime(currentCron.last_running_time)
@@ -501,7 +525,9 @@ const CronDetailModal = ({
            </div>
          </div>
          <div className="cron-detail-info-item">
-            <div className="cron-detail-info-title">下次运行时间</div>
+            <div className="cron-detail-info-title">
+              {intl.get('下次运行时间')}
+            </div>
            <div className="cron-detail-info-value">
              {currentCron.nextRunTime &&
                currentCron.nextRunTime
@@ -527,7 +553,7 @@ const CronDetailModal = ({
                  style={{ marginRight: 8 }}
                  onClick={saveFile}
                >
-                  保存
+                  {intl.get('保存')}
                </Button>
                <Button
                  type="primary"
@@ -10,6 +10,10 @@
        height: calc(90vh - 367px);
        height: calc(90vh - var(--vh-offset, 0px) - 367px);
        overflow-y: auto;
+
+        > div {
+          height: 100%;
+        }
      }
    }
  }
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useState, useEffect, useRef, useMemo } from 'react';
 import {
  Button,
@@ -54,59 +55,21 @@ import useTableScrollHeight from '@/hooks/useTableScrollHeight';
 import { getCommandScript, parseCrontab } from '@/utils';
 import { ColumnProps } from 'antd/lib/table';
 import { useVT } from 'virtualizedtableforantd4';
+import { ICrontab, OperationName, OperationPath, CrontabStatus } from './type';
+import Name from '@/components/name';

 const { Text, Paragraph } = Typography;
 const { Search } = Input;

-export enum CrontabStatus {
-  'running',
-  'idle',
-  'disabled',
-  'queued',
-}
-
-const CrontabSort: any = { 0: 0, 5: 1, 3: 2, 1: 3, 4: 4 };
-
-enum OperationName {
-  '启用',
-  '禁用',
-  '运行',
-  '停止',
-  '置顶',
-  '取消置顶',
-}
-
-enum OperationPath {
-  'enable',
-  'disable',
-  'run',
-  'stop',
-  'pin',
-  'unpin',
-}
-
-export interface ICrontab {
-  name: string;
-  command: string;
-  schedule: string;
-  id: number;
-  status: number;
-  isDisabled?: 1 | 0;
-  isPinned?: 1 | 0;
-  labels?: string[];
-  last_running_time?: number;
-  last_execution_time?: number;
-  nextRunTime: Date;
-}
-
 const Crontab = () => {
  const { headerStyle, isPhone, theme } = useOutletContext<SharedContext>();
  const columns: ColumnProps<ICrontab>[] = [
    {
-      title: '名称',
+      title: intl.get('名称'),
      dataIndex: 'name',
      key: 'name',
-      width: 150,
+      fixed: isPhone ? undefined : 'left',
+      width: 120,
      render: (text: string, record: any) => (
        <>
          <a
@@ -158,10 +121,10 @@ const Crontab = () => {
      },
    },
    {
-      title: '命令/脚本',
+      title: intl.get('命令/脚本'),
      dataIndex: 'command',
      key: 'command',
-      width: 300,
+      width: 200,
      render: (text, record) => {
        return (
          <Paragraph
@@ -186,16 +149,87 @@ const Crontab = () => {
      },
    },
    {
-      title: '定时规则',
+      title: intl.get('状态'),
+      key: 'status',
+      dataIndex: 'status',
+      width: 100,
+      filters: [
+        {
+          text: intl.get('运行中'),
+          value: CrontabStatus.running,
+        },
+        {
+          text: intl.get('空闲中'),
+          value: CrontabStatus.idle,
+        },
+        {
+          text: intl.get('已禁用'),
+          value: CrontabStatus.disabled,
+        },
+        {
+          text: intl.get('队列中'),
+          value: CrontabStatus.queued,
+        },
+      ],
+      render: (text, record) => (
+        <>
+          {(!record.isDisabled || record.status !== CrontabStatus.idle) && (
+            <>
+              {record.status === CrontabStatus.idle && (
+                <Tag icon={<ClockCircleOutlined />} color="default">
+                  {intl.get('空闲中')}
+                </Tag>
+              )}
+              {record.status === CrontabStatus.running && (
+                <Tag
+                  icon={<Loading3QuartersOutlined spin />}
+                  color="processing"
+                >
+                  {intl.get('运行中')}
+                </Tag>
+              )}
+              {record.status === CrontabStatus.queued && (
+                <Tag icon={<FieldTimeOutlined />} color="default">
+                  {intl.get('队列中')}
+                </Tag>
+              )}
+            </>
+          )}
+          {record.isDisabled === 1 && record.status === CrontabStatus.idle && (
+            <Tag icon={<CloseCircleOutlined />} color="error">
+              {intl.get('已禁用')}
+            </Tag>
+          )}
+        </>
+      ),
+    },
+    {
+      title: intl.get('定时规则'),
      dataIndex: 'schedule',
      key: 'schedule',
-      width: 110,
+      width: 150,
      sorter: {
        compare: (a, b) => a.schedule.localeCompare(b.schedule),
      },
    },
    {
-      title: '最后运行时间',
+      title: intl.get('最后运行时长'),
+      width: 180,
+      dataIndex: 'last_running_time',
+      key: 'last_running_time',
+      sorter: {
+        compare: (a: any, b: any) => {
+          return a.last_running_time - b.last_running_time;
+        },
+      },
+      render: (text, record) => {
+        return record.last_running_time
+          ? diffTime(record.last_running_time)
+          : '-';
+      },
+    },
+    {
+      title: intl.get('最后运行时间'),
      dataIndex: 'last_execution_time',
      key: 'last_execution_time',
      width: 150,
@@ -224,23 +258,7 @@ const Crontab = () => {
      },
    },
    {
-      title: '最后运行时长',
-      width: 120,
-      dataIndex: 'last_running_time',
-      key: 'last_running_time',
-      sorter: {
-        compare: (a: any, b: any) => {
-          return a.last_running_time - b.last_running_time;
-        },
-      },
-      render: (text, record) => {
-        return record.last_running_time
-          ? diffTime(record.last_running_time)
-          : '-';
-      },
-    },
-    {
-      title: '下次运行时间',
+      title: intl.get('下次运行时间'),
      width: 150,
      sorter: {
        compare: (a: any, b: any) => {
@@ -257,70 +275,31 @@ const Crontab = () => {
      },
    },
    {
-      title: '状态',
-      key: 'status',
-      dataIndex: 'status',
-      width: 88,
-      filters: [
-        {
-          text: '运行中',
-          value: 0,
-        },
-        {
-          text: '空闲中',
-          value: 1,
-        },
-        {
-          text: '已禁用',
-          value: 2,
-        },
-        {
-          text: '队列中',
-          value: 3,
-        },
-      ],
-      render: (text, record) => (
-        <>
-          {(!record.isDisabled || record.status !== CrontabStatus.idle) && (
-            <>
-              {record.status === CrontabStatus.idle && (
-                <Tag icon={<ClockCircleOutlined />} color="default">
-                  空闲中
-                </Tag>
-              )}
-              {record.status === CrontabStatus.running && (
-                <Tag
-                  icon={<Loading3QuartersOutlined spin />}
-                  color="processing"
-                >
-                  运行中
-                </Tag>
-              )}
-              {record.status === CrontabStatus.queued && (
-                <Tag icon={<FieldTimeOutlined />} color="default">
-                  队列中
-                </Tag>
-              )}
-            </>
-          )}
-          {record.isDisabled === 1 && record.status === CrontabStatus.idle && (
-            <Tag icon={<CloseCircleOutlined />} color="error">
-              已禁用
-            </Tag>
-          )}
-        </>
-      ),
+      title: intl.get('关联订阅'),
+      width: 190,
+      render: (text, record: any) =>
+        record.sub_id ? (
+          <Name
+            service={() =>
+              request.get(`${config.apiPrefix}subscriptions/${record.sub_id}`)
+            }
+            options={{ ready: record?.sub_id, cacheKey: record.sub_id }}
+          />
+        ) : (
+          '-'
+        ),
    },
    {
-      title: '操作',
+      title: intl.get('操作'),
      key: 'action',
      width: 130,
+      fixed: isPhone ? undefined : 'right',
      render: (text, record, index) => {
        const isPc = !isPhone;
        return (
          <Space size="middle">
            {record.status === CrontabStatus.idle && (
-              <Tooltip title={isPc ? '运行' : ''}>
+              <Tooltip title={isPc ? intl.get('运行') : ''}>
                <a
                  onClick={(e) => {
                    e.stopPropagation();
@@ -332,7 +311,7 @@ const Crontab = () => {
              </Tooltip>
            )}
            {record.status !== CrontabStatus.idle && (
-              <Tooltip title={isPc ? '停止' : ''}>
+              <Tooltip title={isPc ? intl.get('停止') : ''}>
                <a
                  onClick={(e) => {
                    e.stopPropagation();
@@ -343,7 +322,7 @@ const Crontab = () => {
                </a>
              </Tooltip>
            )}
-            <Tooltip title={isPc ? '日志' : ''}>
+            <Tooltip title={isPc ? intl.get('日志') : ''}>
              <a
                onClick={(e) => {
                  e.stopPropagation();
@@ -387,8 +366,9 @@ const Crontab = () => {
  const [cronViews, setCronViews] = useState<any[]>([]);
  const [enabledCronViews, setEnabledCronViews] = useState<any[]>([]);
  const [moreMenuActive, setMoreMenuActive] = useState(false);
-  const tableRef = useRef<any>();
+  const tableRef = useRef<HTMLDivElement>(null);
  const tableScrollHeight = useTableScrollHeight(tableRef);
+  const [activeKey, setActiveKey] = useState('');

  const goToScriptManager = (record: any) => {
    const result = getCommandScript(record.command);
@@ -452,14 +432,14 @@ const Crontab = () => {

  const delCron = (record: any, index: number) => {
    Modal.confirm({
-      title: '确认删除',
+      title: intl.get('确认删除'),
      content: (
        <>
-          确认删除定时任务{' '}
+          {intl.get('确认删除定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -467,7 +447,7 @@ const Crontab = () => {
          .delete(`${config.apiPrefix}crons`, { data: [record.id] })
          .then(({ code, data }) => {
            if (code === 200) {
-              message.success('删除成功');
+              message.success(intl.get('删除成功'));
              const result = [...value];
              const i = result.findIndex((x) => x.id === record.id);
              if (i !== -1) {
@@ -485,19 +465,19 @@ const Crontab = () => {

  const runCron = (record: any, index: number) => {
    Modal.confirm({
-      title: '确认运行',
+      title: intl.get('确认运行'),
      content: (
        <>
-          确认运行定时任务{' '}
+          {intl.get('确认运行定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
        request
-          .put(`${config.apiPrefix}crons/run`, { data: [record.id] })
+          .put(`${config.apiPrefix}crons/run`, [record.id])
          .then(({ code, data }) => {
            if (code === 200) {
              const result = [...value];
@@ -520,19 +500,19 @@ const Crontab = () => {

  const stopCron = (record: any, index: number) => {
    Modal.confirm({
-      title: '确认停止',
+      title: intl.get('确认停止'),
      content: (
        <>
-          确认停止定时任务{' '}
+          {intl.get('确认停止定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
        request
-          .put(`${config.apiPrefix}crons/stop`, { data: [record.id] })
+          .put(`${config.apiPrefix}crons/stop`, [record.id])
          .then(({ code, data }) => {
            if (code === 200) {
              const result = [...value];
@@ -556,15 +536,18 @@ const Crontab = () => {

  const enabledOrDisabledCron = (record: any, index: number) => {
    Modal.confirm({
-      title: `确认${record.isDisabled === 1 ? '启用' : '禁用'}`,
+      title: `确认${
+        record.isDisabled === 1 ? intl.get('启用') : intl.get('禁用')
+      }`,
      content: (
        <>
-          确认{record.isDisabled === 1 ? '启用' : '禁用'}
-          定时任务{' '}
+          {intl.get('确认')}
+          {record.isDisabled === 1 ? intl.get('启用') : intl.get('禁用')}
+          {intl.get('定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -573,9 +556,7 @@ const Crontab = () => {
            `${config.apiPrefix}crons/${
              record.isDisabled === 1 ? 'enable' : 'disable'
            }`,
-            {
-              data: [record.id],
-            },
+            [record.id],
          )
          .then(({ code, data }) => {
            if (code === 200) {
@@ -600,15 +581,18 @@ const Crontab = () => {

  const pinOrUnPinCron = (record: any, index: number) => {
    Modal.confirm({
-      title: `确认${record.isPinned === 1 ? '取消置顶' : '置顶'}`,
+      title: `确认${
+        record.isPinned === 1 ? intl.get('取消置顶') : intl.get('置顶')
+      }`,
      content: (
        <>
-          确认{record.isPinned === 1 ? '取消置顶' : '置顶'}
-          定时任务{' '}
+          {intl.get('确认')}
+          {record.isPinned === 1 ? intl.get('取消置顶') : intl.get('置顶')}
+          {intl.get('定时任务')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -617,9 +601,7 @@ const Crontab = () => {
            `${config.apiPrefix}crons/${
              record.isPinned === 1 ? 'unpin' : 'pin'
            }`,
-            {
-              data: [record.id],
-            },
+            [record.id],
          )
          .then(({ code, data }) => {
            if (code === 200) {
@@ -644,16 +626,16 @@ const Crontab = () => {

  const getMenuItems = (record: any) => {
    return [
-      { label: '编辑', key: 'edit', icon: <EditOutlined /> },
+      { label: intl.get('编辑'), key: 'edit', icon: <EditOutlined /> },
      {
-        label: record.isDisabled === 1 ? '启用' : '禁用',
+        label: record.isDisabled === 1 ? intl.get('启用') : intl.get('禁用'),
        key: 'enableOrDisable',
        icon:
          record.isDisabled === 1 ? <CheckCircleOutlined /> : <StopOutlined />,
      },
-      { label: '删除', key: 'delete', icon: <DeleteOutlined /> },
+      { label: intl.get('删除'), key: 'delete', icon: <DeleteOutlined /> },
      {
-        label: record.isPinned === 1 ? '取消置顶' : '置顶',
+        label: record.isPinned === 1 ? intl.get('取消置顶') : intl.get('置顶'),
        key: 'pinOrUnPin',
        icon: record.isPinned === 1 ? <StopOutlined /> : <PushpinOutlined />,
      },
@@ -740,14 +722,14 @@ const Crontab = () => {

  const delCrons = () => {
    Modal.confirm({
-      title: '确认删除',
-      content: <>确认删除选中的定时任务吗</>,
+      title: intl.get('确认删除'),
+      content: <>{intl.get('确认删除选中的定时任务吗')}</>,
      onOk() {
        request
          .delete(`${config.apiPrefix}crons`, { data: selectedRowIds })
          .then(({ code, data }) => {
            if (code === 200) {
-              message.success('批量删除成功');
+              message.success(intl.get('批量删除成功'));
              setSelectedRowIds([]);
              getCrons();
            }
@@ -762,12 +744,19 @@ const Crontab = () => {
  const operateCrons = (operationStatus: number) => {
    Modal.confirm({
      title: `确认${OperationName[operationStatus]}`,
-      content: <>确认{OperationName[operationStatus]}选中的定时任务吗</>,
+      content: (
+        <>
+          {intl.get('确认')}
+          {OperationName[operationStatus]}
+          {intl.get('选中的定时任务吗')}
+        </>
+      ),
      onOk() {
        request
-          .put(`${config.apiPrefix}crons/${OperationPath[operationStatus]}`, {
-            data: selectedRowIds,
-          })
+          .put(
+            `${config.apiPrefix}crons/${OperationPath[operationStatus]}`,
+            selectedRowIds,
+          )
          .then(({ code, data }) => {
            if (code === 200) {
              getCrons();
@@ -814,6 +803,9 @@ const Crontab = () => {
    if (pageConf.page && pageConf.size) {
      getCrons();
    }
+    if (viewConf && viewConf.id) {
+      setActiveKey(viewConf.id);
+    }
  }, [pageConf, viewConf]);

  useEffect(() => {
@@ -824,12 +816,6 @@ const Crontab = () => {
  }, [viewConf, enabledCronViews]);

  useEffect(() => {
-    setPageConf({
-      page: 1,
-      size: parseInt(localStorage.getItem('pageSize') || '20'),
-      sorter: {},
-      filters: {},
-    });
    getCronViews();
  }, []);

@@ -870,12 +856,12 @@ const Crontab = () => {
        type: 'divider' as 'group',
      },
      {
-        label: '新建视图',
+        label: intl.get('创建视图'),
        key: 'new',
        icon: <PlusOutlined />,
      },
      {
-        label: '视图管理',
+        label: intl.get('视图管理'),
        key: 'manage',
        icon: <SettingOutlined />,
      },
@@ -889,7 +875,22 @@ const Crontab = () => {
      .then(({ code, data }) => {
        if (code === 200) {
          setCronViews(data);
-          setEnabledCronViews(data.filter((x) => !x.isDisabled));
+          const firstEnableView = data
+            .filter((x) => !x.isDisabled)
+            .map((x) => ({
+              ...x,
+              name: x.name === '全部任务' ? intl.get('全部任务') : x.name,
+            }));
+          setEnabledCronViews(firstEnableView);
+          setPageConf({
+            page: 1,
+            size: parseInt(localStorage.getItem('pageSize') || '20'),
+            sorter: {},
+            filters: {},
+          });
+          setViewConf({
+            ...firstEnableView[0],
+          });
        }
      })
      .finally(() => {
@@ -912,10 +913,10 @@ const Crontab = () => {
  return (
    <PageContainer
      className="ql-container-wrapper crontab-wrapper ql-container-wrapper-has-tab"
-      title="定时任务"
+      title={intl.get('定时任务')}
      extra={[
        <Search
-          placeholder="请输入名称或者关键词"
+          placeholder={intl.get('请输入名称或者关键词')}
          style={{ width: 'auto' }}
          enterButton
          allowClear
@@ -925,7 +926,7 @@ const Crontab = () => {
          onSearch={onSearch}
        />,
        <Button key="2" type="primary" onClick={() => addCron()}>
-          新建任务
+          {intl.get('创建任务')}
        </Button>,
      ]}
      header={{
@@ -935,6 +936,7 @@ const Crontab = () => {
      <Tabs
        defaultActiveKey="all"
        size="small"
+        activeKey={activeKey}
        tabPosition="top"
        className={`crontab-view ${moreMenuActive ? 'more-active' : ''}`}
        tabBarExtraContent={
@@ -945,7 +947,7 @@ const Crontab = () => {
          >
            <div className={`view-more ${moreMenuActive ? 'active' : ''}`}>
              <Space>
-                更多
+                {intl.get('更多')}
                <DownOutlined />
              </Space>
              <div className="ant-tabs-ink-bar ant-tabs-ink-bar-animated"></div>
@@ -968,56 +970,57 @@ const Crontab = () => {
              style={{ marginBottom: 5 }}
              onClick={delCrons}
            >
-              批量删除
+              {intl.get('批量删除')}
            </Button>
            <Button
              type="primary"
              onClick={() => operateCrons(0)}
              style={{ marginLeft: 8, marginBottom: 5 }}
            >
-              批量启用
+              {intl.get('批量启用')}
            </Button>
            <Button
              type="primary"
              onClick={() => operateCrons(1)}
              style={{ marginLeft: 8, marginRight: 8 }}
            >
-              批量禁用
+              {intl.get('批量禁用')}
            </Button>
            <Button
              type="primary"
              style={{ marginRight: 8 }}
              onClick={() => operateCrons(2)}
            >
-              批量运行
+              {intl.get('批量运行')}
            </Button>
            <Button type="primary" onClick={() => operateCrons(3)}>
-              批量停止
+              {intl.get('批量停止')}
            </Button>
            <Button
              type="primary"
              onClick={() => operateCrons(4)}
              style={{ marginLeft: 8, marginRight: 8 }}
            >
-              批量置顶
+              {intl.get('批量置顶')}
            </Button>
            <Button
              type="primary"
              onClick={() => operateCrons(5)}
              style={{ marginLeft: 8, marginRight: 8 }}
            >
-              批量取消置顶
+              {intl.get('批量取消置顶')}
            </Button>
            <Button
              type="primary"
              onClick={() => setIsLabelModalVisible(true)}
              style={{ marginLeft: 8, marginRight: 8 }}
            >
-              批量修改标签
+              {intl.get('批量修改标签')}
            </Button>
            <span style={{ marginLeft: 8 }}>
-              已选择
-              <a>{selectedRowIds?.length}</a>项
+              {intl.get('已选择')}
+              <a>{selectedRowIds?.length}</a>
+              {intl.get('项')}
            </span>
          </div>
        )}
@@ -1043,7 +1046,7 @@ const Crontab = () => {
          rowSelection={rowSelection}
          rowClassName={getRowClassName}
          onChange={onPageChange}
-          // components={isPhone ? undefined : vt}
+          components={isPhone || pageConf.size < 50 ? undefined : vt}
        />
      </div>
      <CronLogModal
@@ -1083,9 +1086,6 @@ const Crontab = () => {
        handleCancel={(data) => {
          setIsCreateViewModalVisible(false);
          getCronViews();
-          if (data && data.id === viewConf.id) {
-            setViewConf({ ...viewConf, ...data });
-          }
        }}
      />
      <ViewManageModal
@@ -1096,9 +1096,6 @@ const Crontab = () => {
        }}
        cronViewChange={(data) => {
          getCronViews();
-          if (data && data.id === viewConf.id) {
-            setViewConf({ ...viewConf, ...data });
-          }
        }}
      />
    </PageContainer>
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useEffect, useRef, useState } from 'react';
 import { Modal, message, Input, Form, Statistic, Button } from 'antd';
 import { request } from '@/utils/http';
@@ -8,13 +9,8 @@ import {
 } from '@ant-design/icons';
 import { PageLoading } from '@ant-design/pro-layout';
 import { logEnded } from '@/utils';
+import { CrontabStatus } from './type';

-enum CrontabStatus {
-  'running',
-  'idle',
-  'disabled',
-  'queued',
-}
 const { Countdown } = Statistic;

 const CronLogModal = ({
@@ -30,7 +26,7 @@ const CronLogModal = ({
  data?: string;
  logUrl?: string;
 }) => {
-  const [value, setValue] = useState<string>('启动中...');
+  const [value, setValue] = useState<string>(intl.get('启动中...'));
  const [loading, setLoading] = useState<any>(true);
  const [executing, setExecuting] = useState<any>(true);
  const [isPhone, setIsPhone] = useState(false);
@@ -49,12 +45,9 @@ const CronLogModal = ({
          data !== value
        ) {
          const log = data as string;
-          setValue(log || '暂无日志');
+          setValue(log || intl.get('暂无日志'));
          const hasNext = Boolean(
-            log &&
-              !logEnded(log) &&
-              !log.includes('重启面板') &&
-              !log.includes('任务未运行'),
+            log && !logEnded(log) && !log.includes('任务未运行'),
          );
          setExecuting(hasNext);
          autoScroll();
@@ -63,29 +56,6 @@ const CronLogModal = ({
              getCronLog();
            }, 2000);
          }
-          if (
-            log &&
-            log.includes('重启面板') &&
-            cron.status === CrontabStatus.running
-          ) {
-            message.warning({
-              content: (
-                <span>
-                  系统将在
-                  <Countdown
-                    className="inline-countdown"
-                    format="ss"
-                    value={Date.now() + 1000 * 30}
-                  />
-                  秒后自动刷新
-                </span>
-              ),
-              duration: 10,
-            });
-            setTimeout(() => {
-              window.location.reload();
-            }, 30000);
-          }
        }
      })
      .finally(() => {
@@ -162,7 +132,7 @@ const CronLogModal = ({
      onCancel={() => cancel()}
      footer={[
        <Button type="primary" onClick={() => cancel()}>
-          知道了
+          {intl.get('知道了')}
        </Button>,
      ]}
    >
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useEffect, useState } from 'react';
 import { Modal, message, Input, Form, Button } from 'antd';
 import { request } from '@/utils/http';
@@ -25,12 +26,15 @@ const CronModal = ({
      payload.id = cron.id;
    }
    try {
-      const { code, data } = await request[method](`${config.apiPrefix}crons`, {
-        data: payload,
-      });
+      const { code, data } = await request[method](
+        `${config.apiPrefix}crons`,
+        payload,
+      );

      if (code === 200) {
-        message.success(cron ? '更新Cron成功' : '新建Cron成功');
+        message.success(
+          cron ? intl.get('更新任务成功') : intl.get('创建任务成功'),
+        );
        handleCancel(data);
      }
      setLoading(false);
@@ -45,7 +49,7 @@ const CronModal = ({

  return (
    <Modal
-      title={cron ? '编辑任务' : '新建任务'}
+      title={cron ? intl.get('编辑任务') : intl.get('创建任务')}
      open={visible}
      forceRender
      centered
@@ -69,23 +73,25 @@ const CronModal = ({
        name="form_in_modal"
        initialValues={cron}
      >
-        <Form.Item name="name" label="名称">
-          <Input placeholder="请输入任务名称" />
+        <Form.Item name="name" label={intl.get('名称')}>
+          <Input placeholder={intl.get('请输入任务名称')} />
        </Form.Item>
        <Form.Item
          name="command"
-          label="命令/脚本"
+          label={intl.get('命令/脚本')}
          rules={[{ required: true, whitespace: true }]}
        >
          <Input.TextArea
            rows={4}
            autoSize={true}
-            placeholder="支持输入脚本路径/任意系统可执行命令/task 脚本路径"
+            placeholder={intl.get(
+              '支持输入脚本路径/任意系统可执行命令/task 脚本路径',
+            )}
          />
        </Form.Item>
        <Form.Item
          name="schedule"
-          label="定时规则"
+          label={intl.get('定时规则')}
          rules={[
            { required: true },
            {
@@ -93,15 +99,15 @@ const CronModal = ({
                if (!value || cronParse.parseExpression(value).hasNext()) {
                  return Promise.resolve();
                } else {
-                  return Promise.reject('Cron表达式格式有误');
+                  return Promise.reject(intl.get('Cron表达式格式有误'));
                }
              },
            },
          ]}
        >
-          <Input placeholder="秒(可选) 分 时 天 月 周" />
+          <Input placeholder={intl.get('秒(可选) 分 时 天 月 周')} />
        </Form.Item>
-        <Form.Item name="labels" label="标签">
+        <Form.Item name="labels" label={intl.get('标签')}>
          <EditableTagGroup />
        </Form.Item>
      </Form>
@@ -130,14 +136,14 @@ const CronLabelModal = ({
        try {
          const { code, data } = await request[action](
            `${config.apiPrefix}crons/labels`,
-            {
-              data: payload,
-            },
+            payload,
          );

          if (code === 200) {
            message.success(
-              action === 'post' ? '添加Labels成功' : '删除Labels成功',
+              action === 'post'
+                ? intl.get('添加Labels成功')
+                : intl.get('删除Labels成功'),
            );
            handleCancel(true);
          }
@@ -156,18 +162,18 @@ const CronLabelModal = ({
  }, [ids, visible]);

  const buttons = [
-    <Button onClick={() => handleCancel(false)}>取消</Button>,
+    <Button onClick={() => handleCancel(false)}>{intl.get('取消')}</Button>,
    <Button type="primary" danger onClick={() => update('delete')}>
-      删除
+      {intl.get('删除')}
    </Button>,
    <Button type="primary" onClick={() => update('post')}>
-      添加
+      {intl.get('添加')}
    </Button>,
  ];

  return (
    <Modal
-      title="批量修改标签"
+      title={intl.get('批量修改标签')}
      open={visible}
      footer={buttons}
      centered
@@ -177,7 +183,7 @@ const CronLabelModal = ({
      confirmLoading={loading}
    >
      <Form form={form} layout="vertical" name="form_in_label_modal">
-        <Form.Item name="labels" label="标签">
+        <Form.Item name="labels" label={intl.get('标签')}>
          <EditableTagGroup />
        </Form.Item>
      </Form>
@@ -0,0 +1,38 @@
+export enum CrontabStatus {
+  'running' = 0,
+  'queued' = 0.5,
+  'idle' = 1,
+  'disabled',
+}
+
+export enum OperationName {
+  '启用',
+  '禁用',
+  '运行',
+  '停止',
+  '置顶',
+  '取消置顶',
+}
+
+export enum OperationPath {
+  'enable',
+  'disable',
+  'run',
+  'stop',
+  'pin',
+  'unpin',
+}
+
+export interface ICrontab {
+  name: string;
+  command: string;
+  schedule: string;
+  id: number;
+  status: number;
+  isDisabled?: 1 | 0;
+  isPinned?: 1 | 0;
+  labels?: string[];
+  last_running_time?: number;
+  last_execution_time?: number;
+  nextRunTime: Date;
+}
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useEffect, useState } from 'react';
 import {
  Modal,
@@ -13,14 +14,16 @@ import { request } from '@/utils/http';
 import config from '@/utils/config';
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
 import IconFont from '@/components/iconfont';
-import get from 'lodash/get';
+import { CrontabStatus } from './type';
+import { useRequest } from 'ahooks';

 const PROPERTIES = [
-  { name: '命令', value: 'command' },
-  { name: '名称', value: 'name' },
-  { name: '定时规则', value: 'schedule' },
-  { name: '状态', value: 'status' },
-  { name: '标签', value: 'labels' },
+  { name: intl.get('命令'), value: 'command' },
+  { name: intl.get('名称'), value: 'name' },
+  { name: intl.get('定时规则'), value: 'schedule' },
+  { name: intl.get('状态'), value: 'status', onlySelect: true },
+  { name: intl.get('标签'), value: 'labels' },
+  { name: intl.get('订阅'), value: 'sub_id', onlySelect: true },
 ];

 const EOperation: any = {
@@ -30,10 +33,10 @@ const EOperation: any = {
  Nin: 'select',
 };
 const OPERATIONS = [
-  { name: '包含', value: 'Reg' },
-  { name: '不包含', value: 'NotReg' },
-  { name: '属于', value: 'In', type: 'select' },
-  { name: '不属于', value: 'Nin', type: 'select' },
+  { name: intl.get('包含'), value: 'Reg' },
+  { name: intl.get('不包含'), value: 'NotReg' },
+  { name: intl.get('属于'), value: 'In', type: 'select' },
+  { name: intl.get('不属于'), value: 'Nin', type: 'select' },
  // { name: '等于', value: 'Eq' },
  // { name: '不等于', value: 'Ne' },
  // { name: '为空', value: 'IsNull' },
@@ -41,18 +44,10 @@ const OPERATIONS = [
 ];

 const SORTTYPES = [
-  { name: '顺序', value: 'ASC' },
-  { name: '倒序', value: 'DESC' },
+  { name: intl.get('顺序'), value: 'ASC' },
+  { name: intl.get('倒序'), value: 'DESC' },
 ];

-const STATUS_MAP = {
-  status: [
-    { name: '运行中', value: 0 },
-    { name: '空闲中', value: 1 },
-    { name: '已禁用', value: 2 },
-  ],
-};
-
 enum ViewFilterRelation {
  'and' = '且',
  'or' = '或',
@@ -71,6 +66,21 @@ const ViewCreateModal = ({
  const [loading, setLoading] = useState(false);
  const [filterRelation, setFilterRelation] = useState<'and' | 'or'>('and');
  const filtersValue = Form.useWatch('filters', form);
+  const { data } = useRequest(
+    () => request.get(`${config.apiPrefix}subscriptions`),
+    {
+      cacheKey: 'subscriptions',
+    },
+  );
+
+  const STATUS_MAP = {
+    status: [
+      { name: intl.get('运行中'), value: CrontabStatus.running },
+      { name: intl.get('空闲中'), value: CrontabStatus.idle },
+      { name: intl.get('已禁用'), value: CrontabStatus.disabled },
+    ],
+    sub_id: data?.data.map((x) => ({ name: x.name, value: x.id })),
+  };

  const handleOk = async (values: any) => {
    setLoading(true);
@@ -79,9 +89,7 @@ const ViewCreateModal = ({
    try {
      const { code, data } = await request[method](
        `${config.apiPrefix}crons/views`,
-        {
-          data: view ? { ...values, id: view.id } : values,
-        },
+        view ? { ...values, id: view.id } : values,
      );

      if (code === 200) {
@@ -105,7 +113,7 @@ const ViewCreateModal = ({
  }, [view, visible]);

  const operationElement = (
-    <Select style={{ width: 80 }}>
+    <Select style={{ width: 120 }}>
      {OPERATIONS.map((x) => (
        <Select.Option key={x.name} value={x.value}>
          {x.name}
@@ -138,7 +146,11 @@ const ViewCreateModal = ({

  const statusElement = (property: keyof typeof STATUS_MAP) => {
    return (
-      <Select mode="tags" allowClear placeholder="输入后回车增加自定义选项">
+      <Select
+        mode="tags"
+        allowClear
+        placeholder={intl.get('输入后回车增加自定义选项')}
+      >
        {STATUS_MAP[property]?.map((x) => (
          <Select.Option key={x.name} value={x.value}>
            {x.name}
@@ -150,7 +162,7 @@ const ViewCreateModal = ({

  return (
    <Modal
-      title={view ? '编辑视图' : '新建视图'}
+      title={view ? intl.get('编辑视图') : intl.get('创建视图')}
      open={visible}
      forceRender
      width={580}
@@ -172,10 +184,10 @@ const ViewCreateModal = ({
      <Form form={form} layout="vertical" name="env_modal">
        <Form.Item
          name="name"
-          label="视图名称"
-          rules={[{ required: true, message: '请输入视图名称' }]}
+          label={intl.get('视图名称')}
+          rules={[{ required: true, message: intl.get('请输入视图名称') }]}
        >
-          <Input placeholder="请输入视图名称" />
+          <Input placeholder={intl.get('请输入视图名称')} />
        </Form.Item>
        <Form.List name="filters">
          {(fields, { add, remove }) => (
@@ -224,7 +236,7 @@ const ViewCreateModal = ({
              <div>
                {fields.map(({ key, name, ...restField }) => (
                  <Form.Item
-                    label={name === 0 ? '筛选条件' : ''}
+                    label={name === 0 ? intl.get('筛选条件') : ''}
                    key={key}
                    style={{ marginBottom: 0 }}
                    required
@@ -239,7 +251,7 @@ const ViewCreateModal = ({
                        name={[name, 'property']}
                        rules={[{ required: true }]}
                      >
-                        {propertyElement(PROPERTIES, { width: 90 })}
+                        {propertyElement(PROPERTIES, { width: 120 })}
                      </Form.Item>
                      <Form.Item
                        {...restField}
@@ -251,13 +263,15 @@ const ViewCreateModal = ({
                      <Form.Item
                        {...restField}
                        name={[name, 'value']}
-                        rules={[{ required: true, message: '请输入内容' }]}
+                        rules={[
+                          { required: true, message: intl.get('请输入内容') },
+                        ]}
                      >
-                        {EOperation[filtersValue[name]['operation']] ===
+                        {EOperation[filtersValue?.[name]['operation']] ===
                        'select' ? (
-                          statusElement(filtersValue[name]['property'])
+                          statusElement(filtersValue?.[name]['property'])
                        ) : (
-                          <Input placeholder="请输入内容" />
+                          <Input placeholder={intl.get('请输入内容')} />
                        )}
                      </Form.Item>
                      {name !== 0 && (
@@ -273,7 +287,7 @@ const ViewCreateModal = ({
                    }
                  >
                    <PlusOutlined />
-                    新增筛选条件
+                    {intl.get('新增筛选条件')}
                  </a>
                </Form.Item>
              </div>
@@ -321,7 +335,7 @@ const ViewCreateModal = ({
              <div>
                {fields.map(({ key, name, ...restField }) => (
                  <Form.Item
-                    label={name === 0 ? '排序方式' : ''}
+                    label={name === 0 ? intl.get('排序方式') : ''}
                    key={key}
                    style={{ marginBottom: 0 }}
                    className="filter-item"
@@ -348,7 +362,7 @@ const ViewCreateModal = ({
                <Form.Item>
                  <a onClick={() => add({ property: 'command', type: 'ASC' })}>
                    <PlusOutlined />
-                    新增排序方式
+                    {intl.get('新增排序方式')}
                  </a>
                </Form.Item>
              </div>
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
 import {
  Modal,
@@ -75,26 +76,32 @@ const ViewManageModal = ({
  handleCancel: () => void;
  cronViewChange: (data?: any) => void;
 }) => {
+  const islastEnableView = (record) => {
+    return list.filter((x) => !x.isDisabled).length <= 1 && !record.isDisabled;
+  };
+
  const columns: any = [
    {
-      title: '名称',
+      title: intl.get('名称'),
      dataIndex: 'name',
      key: 'name',
+      render: (v) => (v === '全部任务' ? intl.get('全部任务') : v)
    },
    {
-      title: '类型',
+      title: intl.get('类型'),
      dataIndex: 'type',
      key: 'type',
-      render: (v) => (v === 1 ? '系统' : '个人'),
+      render: (v) => (v === 1 ? intl.get('系统') : intl.get('个人')),
    },
    {
-      title: '显示',
+      title: intl.get('显示'),
      key: 'isDisabled',
      dataIndex: 'isDisabled',
      width: 100,
      render: (text: string, record: any, index: number) => {
        return (
          <Switch
+            disabled={islastEnableView(record)}
            checked={!record.isDisabled}
            onChange={(checked) => onShowChange(checked, record, index)}
          />
@@ -102,7 +109,7 @@ const ViewManageModal = ({
      },
    },
    {
-      title: '操作',
+      title: intl.get('操作'),
      key: 'action',
      width: 100,
      render: (text: string, record: any, index: number) => {
@@ -111,9 +118,11 @@ const ViewManageModal = ({
            <a onClick={() => editView(record, index)}>
              <EditOutlined />
            </a>
-            <a onClick={() => deleteView(record, index)}>
-              <DeleteOutlined />
-            </a>
+            {!islastEnableView(record) && (
+              <a onClick={() => deleteView(record, index)}>
+                <DeleteOutlined />
+              </a>
+            )}
          </Space>
        ) : (
          '-'
@@ -133,14 +142,14 @@ const ViewManageModal = ({

  const deleteView = (record: any, index: number) => {
    Modal.confirm({
-      title: '确认删除',
+      title: intl.get('确认删除'),
      content: (
        <>
-          确认删除视图{' '}
+          {intl.get('确认删除视图')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -148,7 +157,7 @@ const ViewManageModal = ({
          .delete(`${config.apiPrefix}crons/views`, { data: [record.id] })
          .then(({ code, data }) => {
            if (code === 200) {
-              message.success('删除成功');
+              message.success(intl.get('删除成功'));
              cronViewChange();
            }
          });
@@ -161,9 +170,9 @@ const ViewManageModal = ({

  const onShowChange = (checked: boolean, record: any, index: number) => {
    request
-      .put(`${config.apiPrefix}crons/views/${checked ? 'enable' : 'disable'}`, {
-        data: [record.id],
-      })
+      .put(`${config.apiPrefix}crons/views/${checked ? 'enable' : 'disable'}`, [
+        record.id,
+      ])
      .then(({ code, data }) => {
        if (code === 200) {
          const _list = [...list];
@@ -188,7 +197,9 @@ const ViewManageModal = ({
      const dragRow = list[dragIndex];
      request
        .put(`${config.apiPrefix}crons/views/move`, {
-          data: { fromIndex: dragIndex, toIndex: hoverIndex, id: dragRow.id },
+          fromIndex: dragIndex,
+          toIndex: hoverIndex,
+          id: dragRow.id,
        })
        .then(({ code, data }) => {
          if (code === 200) {
@@ -209,7 +220,7 @@ const ViewManageModal = ({

  return (
    <Modal
-      title="视图管理"
+      title={intl.get('视图管理')}
      open={visible}
      centered
      width={620}
@@ -234,7 +245,7 @@ const ViewManageModal = ({
            setIsCreateViewModalVisible(true);
          }}
        >
-          新建视图
+          {intl.get('创建视图')}
        </Button>
      </Space>
      <DndProvider backend={HTML5Backend}>
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useCallback, useRef, useState, useEffect } from 'react';
 import {
  Button,
@@ -33,6 +34,7 @@ import DependenceLogModal from './logModal';
 import { useOutletContext } from '@umijs/max';
 import { SharedContext } from '@/layouts';
 import useTableScrollHeight from '@/hooks/useTableScrollHeight';
+import dayjs from 'dayjs';

 const { Text } = Typography;
 const { Search } = Input;
@@ -89,20 +91,22 @@ const Dependence = () => {
    useOutletContext<SharedContext>();
  const columns: any = [
    {
-      title: '序号',
-      width: 50,
+      title: intl.get('序号'),
+      width: 80,
      render: (text: string, record: any, index: number) => {
        return <span style={{ cursor: 'text' }}>{index + 1} </span>;
      },
    },
    {
-      title: '名称',
+      title: intl.get('名称'),
      dataIndex: 'name',
+      width: 120,
      key: 'name',
    },
    {
-      title: '状态',
+      title: intl.get('状态'),
      key: 'status',
+      width: 120,
      dataIndex: 'status',
      render: (text: string, record: any, index: number) => {
        return (
@@ -112,48 +116,45 @@ const Dependence = () => {
              icon={StatusMap[record.status].icon}
              style={{ marginRight: 0 }}
            >
-              {Status[record.status]}
+              {intl.get(Status[record.status])}
            </Tag>
          </Space>
        );
      },
    },
    {
-      title: '备注',
+      title: intl.get('备注'),
      dataIndex: 'remark',
+      width: 120,
      key: 'remark',
    },
    {
-      title: '创建时间',
-      key: 'timestamp',
-      dataIndex: 'timestamp',
-      render: (text: string, record: any) => {
-        const language = navigator.language || navigator.languages[0];
-        const time = record.createdAt || record.timestamp;
-        const date = new Date(time)
-          .toLocaleString(language, {
-            hour12: false,
-          })
-          .replace(' 24:', ' 00:');
-        return (
-          <Tooltip
-            placement="topLeft"
-            title={date}
-            trigger={['hover', 'click']}
-          >
-            <span>{date}</span>
-          </Tooltip>
-        );
+      title: intl.get('更新时间'),
+      key: 'updatedAt',
+      dataIndex: 'updatedAt',
+      width: 150,
+      render: (text: string) => {
+        return <span>{dayjs(text).format('YYYY-MM-DD HH:mm:ss')}</span>;
      },
    },
    {
-      title: '操作',
+      title: intl.get('创建时间'),
+      key: 'createdAt',
+      dataIndex: 'createdAt',
+      width: 150,
+      render: (text: string) => {
+        return <span>{dayjs(text).format('YYYY-MM-DD HH:mm:ss')}</span>;
+      },
+    },
+    {
+      title: intl.get('操作'),
      key: 'action',
+      width: 150,
      render: (text: string, record: any, index: number) => {
        const isPc = !isPhone;
        return (
          <Space size="middle">
-            <Tooltip title={isPc ? '日志' : ''}>
+            <Tooltip title={isPc ? intl.get('日志') : ''}>
              <a
                onClick={() => {
                  setLogDependence({ ...record, timestamp: Date.now() });
@@ -165,17 +166,17 @@ const Dependence = () => {
            {record.status !== Status.安装中 &&
              record.status !== Status.删除中 && (
                <>
-                  <Tooltip title={isPc ? '重新安装' : ''}>
+                  <Tooltip title={isPc ? intl.get('重新安装') : ''}>
                    <a onClick={() => reInstallDependence(record, index)}>
                      <BugOutlined />
                    </a>
                  </Tooltip>
-                  <Tooltip title={isPc ? '删除' : ''}>
+                  <Tooltip title={isPc ? intl.get('删除') : ''}>
                    <a onClick={() => deleteDependence(record, index)}>
                      <DeleteOutlined />
                    </a>
                  </Tooltip>
-                  <Tooltip title={isPc ? '强制删除' : ''}>
+                  <Tooltip title={isPc ? intl.get('强制删除') : ''}>
                    <a onClick={() => deleteDependence(record, index, true)}>
                      <DeleteFilled />
                    </a>
@@ -196,7 +197,7 @@ const Dependence = () => {
  const [logDependence, setLogDependence] = useState<any>();
  const [isLogModalVisible, setIsLogModalVisible] = useState(false);
  const [type, setType] = useState('nodejs');
-  const tableRef = useRef<any>();
+  const tableRef = useRef<HTMLDivElement>(null);
  const tableScrollHeight = useTableScrollHeight(tableRef, 59);

  const getDependencies = () => {
@@ -229,14 +230,14 @@ const Dependence = () => {
    force: boolean = false,
  ) => {
    Modal.confirm({
-      title: '确认删除',
+      title: intl.get('确认删除'),
      content: (
        <>
-          确认删除依赖{' '}
+          {intl.get('确认删除依赖')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -246,7 +247,7 @@ const Dependence = () => {
          })
          .then(({ code, data }) => {
            if (code === 200 && force) {
-              const i = value.findIndex((x) => x.id === data.data[0].id);
+              const i = value.findIndex((x) => x.id === data[0].id);
              if (i !== -1) {
                const result = [...value];
                result.splice(i, 1);
@@ -263,21 +264,19 @@ const Dependence = () => {

  const reInstallDependence = (record: any, index: number) => {
    Modal.confirm({
-      title: '确认重新安装',
+      title: intl.get('确认重新安装'),
      content: (
        <>
-          确认重新安装{' '}
+          {intl.get('确认重新安装')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
        request
-          .put(`${config.apiPrefix}dependencies/reinstall`, {
-            data: [record.id],
-          })
+          .put(`${config.apiPrefix}dependencies/reinstall`, [record.id])
          .then(({ code, data }) => {
            if (code === 200) {
              handleDependence(data[0]);
@@ -298,7 +297,7 @@ const Dependence = () => {
  const handleDependence = (dependence: any) => {
    const result = [...value];
    if (Array.isArray(dependence)) {
-      result.push(...dependence);
+      result.unshift(...dependence);
    } else {
      const index = value.findIndex((x) => x.id === dependence.id);
      if (index !== -1) {
@@ -322,8 +321,8 @@ const Dependence = () => {
  const delDependencies = (force: boolean) => {
    const forceUrl = force ? '/force' : '';
    Modal.confirm({
-      title: '确认删除',
-      content: <>确认删除选中的依赖吗</>,
+      title: intl.get('确认删除'),
+      content: <>{intl.get('确认删除选中的依赖吗')}</>,
      onOk() {
        request
          .delete(`${config.apiPrefix}dependencies${forceUrl}`, {
@@ -344,13 +343,11 @@ const Dependence = () => {

  const handlereInstallDependencies = () => {
    Modal.confirm({
-      title: '确认重新安装',
-      content: <>确认重新安装选中的依赖吗</>,
+      title: intl.get('确认重新安装'),
+      content: <>{intl.get('确认重新安装选中的依赖吗')}</>,
      onOk() {
        request
-          .put(`${config.apiPrefix}dependencies/reinstall`, {
-            data: selectedRowIds,
-          })
+          .put(`${config.apiPrefix}dependencies/reinstall`, selectedRowIds)
          .then(({ code, data }) => {
            if (code === 200) {
              setSelectedRowIds([]);
@@ -403,7 +400,7 @@ const Dependence = () => {
    const { type, message, references } = socketMessage;
    if (
      type === 'installDependence' &&
-      message.includes('开始时间') &&
+      message.includes(intl.get('开始时间')) &&
      references.length > 0
    ) {
      const result = [...value];
@@ -412,7 +409,7 @@ const Dependence = () => {
        if (index !== -1) {
          result.splice(index, 1, {
            ...value[index],
-            status: message.includes('安装') ? Status.安装中 : Status.删除中,
+            status: message.includes(intl.get('安装')) ? Status.安装中 : Status.删除中,
          });
        }
      }
@@ -420,14 +417,14 @@ const Dependence = () => {
    }
    if (
      type === 'installDependence' &&
-      message.includes('结束时间') &&
+      message.includes(intl.get('结束时间')) &&
      references.length > 0
    ) {
      let status;
-      if (message.includes('安装')) {
-        status = message.includes('成功') ? Status.已安装 : Status.安装失败;
+      if (message.includes(intl.get('安装'))) {
+        status = message.includes(intl.get('成功')) ? Status.已安装 : Status.安装失败;
      } else {
-        status = message.includes('成功') ? Status.已删除 : Status.删除失败;
+        status = message.includes(intl.get('成功')) ? Status.已删除 : Status.删除失败;
      }
      const result = [...value];
      for (let i = 0; i < references.length; i++) {
@@ -464,17 +461,17 @@ const Dependence = () => {
  return (
    <PageContainer
      className="ql-container-wrapper dependence-wrapper ql-container-wrapper-has-tab"
-      title="依赖管理"
+      title={intl.get('依赖管理')}
      extra={[
        <Search
-          placeholder="请输入名称"
+          placeholder={intl.get('请输入名称')}
          style={{ width: 'auto' }}
          enterButton
          loading={loading}
          onSearch={onSearch}
        />,
        <Button key="2" type="primary" onClick={() => addDependence()}>
-          新建依赖
+          {intl.get('创建依赖')}
        </Button>,
      ]}
      header={{
@@ -509,25 +506,26 @@ const Dependence = () => {
              style={{ marginBottom: 5, marginLeft: 8 }}
              onClick={() => handlereInstallDependencies()}
            >
-              批量安装
+              {intl.get('批量安装')}
            </Button>
            <Button
              type="primary"
              style={{ marginBottom: 5, marginLeft: 8 }}
              onClick={() => delDependencies(false)}
            >
-              批量删除
+              {intl.get('批量删除')}
            </Button>
            <Button
              type="primary"
              style={{ marginBottom: 5, marginLeft: 8 }}
              onClick={() => delDependencies(true)}
            >
-              批量强制删除
+              {intl.get('批量强制删除')}
            </Button>
            <span style={{ marginLeft: 8 }}>
-              已选择
-              <a>{selectedRowIds?.length}</a>项
+              {intl.get('已选择')}
+              <a>{selectedRowIds?.length}</a>
+              {intl.get('项')}
            </span>
          </div>
        )}
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useEffect, useState } from 'react';
 import { Modal, message, Input, Form, Statistic, Button } from 'antd';
 import { request } from '@/utils/http';
@@ -38,7 +39,7 @@ const DependenceLogModal = ({
        {executing && <Loading3QuartersOutlined spin />}
        {!executing && <CheckCircleOutlined />}
        <span style={{ marginLeft: 5 }}>
-          日志 - {dependence && dependence.name}
+          {intl.get('日志 -')} {dependence && dependence.name}
        </span>{' '}
      </>
    );
@@ -55,8 +56,8 @@ const DependenceLogModal = ({
        ) {
          const log = (data.log || []).join('') as string;
          setValue(log);
-          setExecuting(!log.includes('结束时间'));
-          setIsRemoveFailed(log.includes('删除失败'));
+          setExecuting(!log.includes(intl.get('结束时间')));
+          setIsRemoveFailed(log.includes(intl.get('删除失败')));
        }
      })
      .finally(() => {
@@ -102,9 +103,9 @@ const DependenceLogModal = ({
      references.length > 0 &&
      references.includes(dependence.id)
    ) {
-      if (message.includes('结束时间')) {
+      if (message.includes(intl.get('结束时间'))) {
        setExecuting(false);
-        setIsRemoveFailed(message.includes('删除失败'));
+        setIsRemoveFailed(message.includes(intl.get('删除失败')));
      }
      setValue(`${value}${message}`);
    }
@@ -130,7 +131,7 @@ const DependenceLogModal = ({
      onCancel={() => cancel()}
      footer={[
        <Button type="primary" onClick={footerClick} loading={removeLoading}>
-          {isRemoveFailed ? '强制删除' : '知道了'}
+          {isRemoveFailed ? intl.get('强制删除') : intl.get('知道了')}
        </Button>,
      ]}
    >
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useEffect, useState } from 'react';
 import { Modal, message, Input, Form, Radio, Select } from 'antd';
 import { request } from '@/utils/http';
@@ -48,9 +49,7 @@ const DependenceModal = ({
    try {
      const { code, data } = await request[method](
        `${config.apiPrefix}dependencies`,
-        {
-          data: payload,
-        },
+        payload,
      );

      if (code === 200) {
@@ -68,7 +67,7 @@ const DependenceModal = ({

  return (
    <Modal
-      title={dependence ? '编辑依赖' : '新建依赖'}
+      title={dependence ? intl.get('编辑依赖') : intl.get('创建依赖')}
      open={visible}
      forceRender
      centered
@@ -94,7 +93,7 @@ const DependenceModal = ({
      >
        <Form.Item
          name="type"
-          label="依赖类型"
+          label={intl.get('依赖类型')}
          initialValue={DependenceTypes[defaultType as any]}
        >
          <Select>
@@ -108,31 +107,35 @@ const DependenceModal = ({
        {!dependence && (
          <Form.Item
            name="split"
-            label="自动拆分"
+            label={intl.get('自动拆分')}
            initialValue="0"
-            tooltip="多个依赖是否换行分割"
+            tooltip={intl.get('多个依赖是否换行分割')}
          >
            <Radio.Group>
-              <Radio value="1">是</Radio>
-              <Radio value="0">否</Radio>
+              <Radio value="1">{intl.get('是')}</Radio>
+              <Radio value="0">{intl.get('否')}</Radio>
            </Radio.Group>
          </Form.Item>
        )}
        <Form.Item
          name="name"
-          label="名称"
+          label={intl.get('名称')}
          rules={[
-            { required: true, message: '请输入依赖名称', whitespace: true },
+            {
+              required: true,
+              message: intl.get('请输入依赖名称，支持指定版本'),
+              whitespace: true,
+            },
          ]}
        >
          <Input.TextArea
            rows={4}
            autoSize={true}
-            placeholder="请输入依赖名称"
+            placeholder={intl.get('请输入依赖名称')}
          />
        </Form.Item>
-        <Form.Item name="remark" label="备注">
-          <Input placeholder="请输入备注" />
+        <Form.Item name="remark" label={intl.get('备注')}>
+          <Input placeholder={intl.get('请输入备注')} />
        </Form.Item>
      </Form>
    </Modal>
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { PureComponent, useRef, useState, useEffect } from 'react';
 import { Button, message, Select, Form, Row, Col } from 'antd';
 import config from '@/utils/config';
@@ -48,11 +49,12 @@ const Diff = () => {

    request
      .post(`${config.apiPrefix}configs/save`, {
-        data: { content, name: current },
+        content,
+        name: current,
      })
      .then(({ code, data }) => {
        if (code === 200) {
-          message.success('保存成功');
+          message.success(intl.get('保存成功'));
        }
      });
  };
@@ -92,7 +94,7 @@ const Diff = () => {
  return (
    <PageContainer
      className="ql-container-wrapper"
-      title="对比工具"
+      title={intl.get('对比工具')}
      loading={loading}
      header={{
        style: headerStyle,
@@ -100,14 +102,14 @@ const Diff = () => {
      extra={
        !isPhone && [
          <Button key="1" type="primary" onClick={updateConfig}>
-            保存
+            {intl.get('保存')}
          </Button>,
        ]
      }
    >
      <Row gutter={24} className="diff-switch-file">
        <Col span={12}>
-          <Form.Item label="源文件">
+          <Form.Item label={intl.get('源文件')}>
            <Select value={origin} onChange={originFileChange}>
              {files.map((x) => (
                <Option key={x.value} value={x.value}>
@@ -118,7 +120,7 @@ const Diff = () => {
          </Form.Item>
        </Col>
        <Col span={12}>
-          <Form.Item label="当前文件">
+          <Form.Item label={intl.get('当前文件')}>
            <Select value={current} onChange={currentFileChange}>
              {files.map((x) => (
                <Option key={x.value} value={x.value}>
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal'
 import React, { useEffect, useState } from 'react';
 import { Modal, message, Input, Form } from 'antd';
 import { request } from '@/utils/http';
@@ -19,14 +20,12 @@ const EditNameModal = ({
    setLoading(true);
    try {
      const { code, data } = await request.put(`${config.apiPrefix}envs/name`, {
-        data: {
-          ids,
-          name: values.name,
-        },
+        ids,
+        name: values.name,
      });

      if (code === 200) {
-        message.success('更新环境变量名称成功');
+        message.success(intl.get('更新环境变量名称成功'));
        handleCancel();
      }
      setLoading(false);
@@ -41,7 +40,7 @@ const EditNameModal = ({

  return (
    <Modal
-      title="修改环境变量名称"
+      title={intl.get('修改环境变量名称')}
      open={visible}
      forceRender
      centered
@@ -62,9 +61,9 @@ const EditNameModal = ({
      <Form form={form} layout="vertical" name="edit_name_modal">
        <Form.Item
          name="name"
-          rules={[{ required: true, message: '请输入新的环境变量名称' }]}
+          rules={[{ required: true, message: intl.get('请输入新的环境变量名称') }]}
        >
-          <Input placeholder="请输入新的环境变量名称" />
+          <Input placeholder={intl.get('请输入新的环境变量名称')} />
        </Form.Item>
      </Form>
    </Modal>
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal'
 import React, {
  useCallback,
  useRef,
@@ -70,20 +71,20 @@ const Env = () => {
  const { headerStyle, isPhone, theme } = useOutletContext<SharedContext>();
  const columns: any = [
    {
-      title: '序号',
-      width: 60,
+      title: intl.get('序号'),
+      width: 80,
      render: (text: string, record: any, index: number) => {
        return <span style={{ cursor: 'text' }}>{index + 1} </span>;
      },
    },
    {
-      title: '名称',
+      title: intl.get('名称'),
      dataIndex: 'name',
      key: 'name',
      sorter: (a: any, b: any) => a.name.localeCompare(b.name),
    },
    {
-      title: '值',
+      title: intl.get('值'),
      dataIndex: 'value',
      key: 'value',
      width: '35%',
@@ -99,7 +100,7 @@ const Env = () => {
      },
    },
    {
-      title: '备注',
+      title: intl.get('备注'),
      dataIndex: 'remarks',
      key: 'remarks',
      render: (text: string, record: any) => {
@@ -111,7 +112,7 @@ const Env = () => {
      },
    },
    {
-      title: '更新时间',
+      title: intl.get('更新时间'),
      dataIndex: 'timestamp',
      key: 'timestamp',
      width: 165,
@@ -145,17 +146,17 @@ const Env = () => {
      },
    },
    {
-      title: '状态',
+      title: intl.get('状态'),
      key: 'status',
      dataIndex: 'status',
-      width: 70,
+      width: 80,
      filters: [
        {
-          text: '已启用',
+          text: intl.get('已启用'),
          value: 0,
        },
        {
-          text: '已禁用',
+          text: intl.get('已禁用'),
          value: 1,
        },
      ],
@@ -164,28 +165,28 @@ const Env = () => {
        return (
          <Space size="middle" style={{ cursor: 'text' }}>
            <Tag color={StatusColor[record.status]} style={{ marginRight: 0 }}>
-              {Status[record.status]}
+              {intl.get(Status[record.status])}
            </Tag>
          </Space>
        );
      },
    },
    {
-      title: '操作',
+      title: intl.get('操作'),
      key: 'action',
      width: 120,
      render: (text: string, record: any, index: number) => {
        const isPc = !isPhone;
        return (
          <Space size="middle">
-            <Tooltip title={isPc ? '编辑' : ''}>
+            <Tooltip title={isPc ? intl.get('编辑') : ''}>
              <a onClick={() => editEnv(record, index)}>
                <EditOutlined />
              </a>
            </Tooltip>
            <Tooltip
              title={
-                isPc ? (record.status === Status.已禁用 ? '启用' : '禁用') : ''
+                isPc ? (record.status === Status.已禁用 ? intl.get('启用') : intl.get('禁用')) : ''
              }
            >
              <a onClick={() => enabledOrDisabledEnv(record, index)}>
@@ -196,7 +197,7 @@ const Env = () => {
                )}
              </a>
            </Tooltip>
-            <Tooltip title={isPc ? '删除' : ''}>
+            <Tooltip title={isPc ? intl.get('删除') : ''}>
              <a onClick={() => deleteEnv(record, index)}>
                <DeleteOutlined />
              </a>
@@ -214,7 +215,7 @@ const Env = () => {
  const [selectedRowIds, setSelectedRowIds] = useState<string[]>([]);
  const [searchText, setSearchText] = useState('');
  const [importLoading, setImportLoading] = useState(false);
-  const tableRef = useRef<any>();
+  const tableRef = useRef<HTMLDivElement>(null);
  const tableScrollHeight = useTableScrollHeight(tableRef, 59);

  const getEnvs = () => {
@@ -231,15 +232,15 @@ const Env = () => {

  const enabledOrDisabledEnv = (record: any, index: number) => {
    Modal.confirm({
-      title: `确认${record.status === Status.已禁用 ? '启用' : '禁用'}`,
+      title: `确认${record.status === Status.已禁用 ? intl.get('启用') : intl.get('禁用')}`,
      content: (
        <>
-          确认{record.status === Status.已禁用 ? '启用' : '禁用'}
+          {intl.get('确认')}{record.status === Status.已禁用 ? intl.get('启用') : intl.get('禁用')}
          Env{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.value}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -248,14 +249,12 @@ const Env = () => {
            `${config.apiPrefix}envs/${
              record.status === Status.已禁用 ? 'enable' : 'disable'
            }`,
-            {
-              data: [record.id],
-            },
+            [record.id],
          )
          .then(({ code, data }) => {
            if (code === 200) {
              message.success(
-                `${record.status === Status.已禁用 ? '启用' : '禁用'}成功`,
+                `${record.status === Status.已禁用 ? intl.get('启用') : intl.get('禁用')}${intl.get('成功')}`,
              );
              const newStatus =
                record.status === Status.已禁用 ? Status.已启用 : Status.已禁用;
@@ -286,14 +285,14 @@ const Env = () => {

  const deleteEnv = (record: any, index: number) => {
    Modal.confirm({
-      title: '确认删除',
+      title: intl.get('确认删除'),
      content: (
        <>
-          确认删除变量{' '}
+          {intl.get('确认删除变量')}{' '}
          <Text style={{ wordBreak: 'break-all' }} type="warning">
            {record.name}: {record.value}
          </Text>{' '}
-          吗
+          {intl.get('吗')}
        </>
      ),
      onOk() {
@@ -301,7 +300,7 @@ const Env = () => {
          .delete(`${config.apiPrefix}envs`, { data: [record.id] })
          .then(({ code, data }) => {
            if (code === 200) {
-              message.success('删除成功');
+              message.success(intl.get('删除成功'));
              const result = [...value];
              result.splice(index, 1);
              setValue(result);
@@ -388,13 +387,14 @@ const Env = () => {
      const dragRow = value[dragIndex];
      request
        .put(`${config.apiPrefix}envs/${dragRow.id}/move`, {
-          data: { fromIndex: dragIndex, toIndex: hoverIndex },
+          fromIndex: dragIndex,
+          toIndex: hoverIndex,
        })
        .then(({ code, data }) => {
          if (code === 200) {
            const newData = [...value];
            newData.splice(dragIndex, 1);
-            newData.splice(hoverIndex, 0, { ...dragRow, ...data.data });
+            newData.splice(hoverIndex, 0, { ...dragRow, ...data });
            setValue([...newData]);
          }
        });
@@ -413,14 +413,14 @@ const Env = () => {

  const delEnvs = () => {
    Modal.confirm({
-      title: '确认删除',
-      content: <>确认删除选中的变量吗</>,
+      title: intl.get('确认删除'),
+      content: <>{intl.get('确认删除选中的变量吗')}</>,
      onOk() {
        request
          .delete(`${config.apiPrefix}envs`, { data: selectedRowIds })
          .then(({ code, data }) => {
            if (code === 200) {
-              message.success('批量删除成功');
+              message.success(intl.get('批量删除成功'));
              setSelectedRowIds([]);
              getEnvs();
            }
@@ -435,12 +435,13 @@ const Env = () => {
  const operateEnvs = (operationStatus: number) => {
    Modal.confirm({
      title: `确认${OperationName[operationStatus]}`,
-      content: <>确认{OperationName[operationStatus]}选中的变量吗</>,
+      content: <>{intl.get('确认')}{OperationName[operationStatus]}{intl.get('选中的变量吗')}</>,
      onOk() {
        request
-          .put(`${config.apiPrefix}envs/${OperationPath[operationStatus]}`, {
-            data: selectedRowIds,
-          })
+          .put(
+            `${config.apiPrefix}envs/${OperationPath[operationStatus]}`,
+            selectedRowIds,
+          )
          .then(({ code, data }) => {
            if (code === 200) {
              getEnvs();
@@ -477,9 +478,7 @@ const Env = () => {
      try {
        const { code, data } = await request.post(
          `${config.apiPrefix}envs/upload`,
-          {
-            data: formData,
-          },
+          formData,
        );

        if (code === 200) {
@@ -502,10 +501,10 @@ const Env = () => {
  return (
    <PageContainer
      className="ql-container-wrapper env-wrapper"
-      title="环境变量"
+      title={intl.get('环境变量')}
      extra={[
        <Search
-          placeholder="请输入名称/值/备注"
+          placeholder={intl.get('请输入名称/值/备注')}
          style={{ width: 'auto' }}
          enterButton
          loading={loading}
@@ -517,11 +516,11 @@ const Env = () => {
            icon={<UploadOutlined />}
            loading={importLoading}
          >
-            导入
+            {intl.get('导入')}
          </Button>
        </Upload>,
        <Button key="2" type="primary" onClick={() => addEnv()}>
-          新建变量
+          {intl.get('创建变量')}
        </Button>,
      ]}
      header={{
@@ -536,39 +535,39 @@ const Env = () => {
              style={{ marginBottom: 5 }}
              onClick={modifyName}
            >
-              批量修改变量名称
+              {intl.get('批量修改变量名称')}
            </Button>
            <Button
              type="primary"
              style={{ marginBottom: 5, marginLeft: 8 }}
              onClick={delEnvs}
            >
-              批量删除
+              {intl.get('批量删除')}
            </Button>
            <Button
              type="primary"
              onClick={() => exportEnvs()}
              style={{ marginLeft: 8, marginRight: 8 }}
            >
-              批量导出
+              {intl.get('批量导出')}
            </Button>
            <Button
              type="primary"
              onClick={() => operateEnvs(0)}
              style={{ marginLeft: 8, marginBottom: 5 }}
            >
-              批量启用
+              {intl.get('批量启用')}
            </Button>
            <Button
              type="primary"
              onClick={() => operateEnvs(1)}
              style={{ marginLeft: 8, marginRight: 8 }}
            >
-              批量禁用
+              {intl.get('批量禁用')}
            </Button>
            <span style={{ marginLeft: 8 }}>
-              已选择
-              <a>{selectedRowIds?.length}</a>项
+              {intl.get('已选择')}
+              <a>{selectedRowIds?.length}</a>{intl.get('项')}
            </span>
          </div>
        )}
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal'
 import React, { useEffect, useState } from 'react';
 import { Modal, message, Input, Form, Radio } from 'antd';
 import { request } from '@/utils/http';
@@ -37,12 +38,13 @@ const EnvModal = ({
      payload = { ...values, id: env.id };
    }
    try {
-      const { code, data } = await request[method](`${config.apiPrefix}envs`, {
-        data: payload,
-      });
+      const { code, data } = await request[method](
+        `${config.apiPrefix}envs`,
+        payload,
+      );

      if (code === 200) {
-        message.success(env ? '更新变量成功' : '新建变量成功');
+        message.success(env ? intl.get('更新变量成功') : intl.get('创建变量成功'));
        handleCancel(data);
      }
      setLoading(false);
@@ -57,7 +59,7 @@ const EnvModal = ({

  return (
    <Modal
-      title={env ? '编辑变量' : '新建变量'}
+      title={env ? intl.get('编辑变量') : intl.get('创建变量')}
      open={visible}
      forceRender
      centered
@@ -78,45 +80,45 @@ const EnvModal = ({
      <Form form={form} layout="vertical" name="env_modal" initialValues={env}>
        <Form.Item
          name="name"
-          label="名称"
+          label={intl.get('名称')}
          rules={[
-            { required: true, message: '请输入环境变量名称', whitespace: true },
+            { required: true, message: intl.get('请输入环境变量名称'), whitespace: true },
            {
              pattern: /^[a-zA-Z_][0-9a-zA-Z_]*$/,
-              message: '只能输入字母数字下划线，且不能以数字开头',
+              message: intl.get('只能输入字母数字下划线，且不能以数字开头'),
            },
          ]}
        >
-          <Input placeholder="请输入环境变量名称" />
+          <Input placeholder={intl.get('请输入环境变量名称')} />
        </Form.Item>
        {!env && (
          <Form.Item
            name="split"
-            label="自动拆分"
+            label={intl.get('自动拆分')}
            initialValue="0"
-            tooltip="多个依赖是否换行分割"
+            tooltip={intl.get('多个依赖是否换行分割')}
          >
            <Radio.Group>
-              <Radio value="1">是</Radio>
-              <Radio value="0">否</Radio>
+              <Radio value="1">{intl.get('是')}</Radio>
+              <Radio value="0">{intl.get('否')}</Radio>
            </Radio.Group>
          </Form.Item>
        )}
        <Form.Item
          name="value"
-          label="值"
+          label={intl.get('值')}
          rules={[
-            { required: true, message: '请输入环境变量值', whitespace: true },
+            { required: true, message: intl.get('请输入环境变量值'), whitespace: true },
          ]}
        >
          <Input.TextArea
            rows={4}
            autoSize={true}
-            placeholder="请输入环境变量值"
+            placeholder={intl.get('请输入环境变量值')}
          />
        </Form.Item>
-        <Form.Item name="remarks" label="备注">
-          <Input placeholder="请输入备注" />
+        <Form.Item name="remarks" label={intl.get('备注')}>
+          <Input placeholder={intl.get('请输入备注')} />
        </Form.Item>
      </Form>
    </Modal>
@@ -1,6 +1,5 @@
 .error-wrapper {
  display: flex;
-  align-items: center;
  justify-content: center;
  height: 100vh;

@@ -13,7 +12,8 @@
  .code-box {
    position: relative;
    display: inline-block;
-    width: 80%;
+    width: 80vw;
+    height: 90vh;
    margin: 16px;
    background-color: #ffffff;
    border: 1px solid rgba(5, 5, 5, 0.06);
@@ -44,9 +44,10 @@
    }

    .log {
-      height: calc(100vh - 150px);
+      height: calc(90vh - 150px);
      overflow-y: auto;
      padding: 12px;
+      white-space: pre-line;
    }
  }
 }
@@ -1,3 +1,4 @@
+import intl from 'react-intl-universal';
 import React, { useState, useEffect, useRef } from 'react';
 import config from '@/utils/config';
 import { request } from '@/utils/http';
@@ -8,18 +9,23 @@ import { SharedContext } from '@/layouts';
 import { Alert, Typography } from 'antd';

 const Error = () => {
-  const { user, theme, reloadUser } = useOutletContext<SharedContext>();
+  const { user } = useOutletContext<SharedContext>();
  const [loading, setLoading] = useState(false);
-  const [data, setData] = useState('暂无日志');
+  const [data, setData] = useState(intl.get('暂无日志'));
  const retryTimes = useRef(1);

-  const getLog = (needLoading: boolean = true) => {
+  const getHealthStatus = (needLoading: boolean = true) => {
    needLoading && setLoading(true);
    request
      .get(`${config.apiPrefix}public/health`)
-      .then(({ status, error }) => {
-        if (status === 1) {
-          return reloadUser();
+      .then(({ error, data }) => {
+        if (data?.status === 1) {
+          if (retryTimes.current > 1) {
+            setTimeout(() => {
+              window.location.reload();
+            });
+          }
+          return;
        }
        if (retryTimes.current > 3) {
          setData(error?.details);
@@ -27,8 +33,7 @@ const Error = () => {
        }
        retryTimes.current += 1;
        setTimeout(() => {
-          reloadUser();
-          getLog(false);
+          getHealthStatus(false);
        }, 3000);
      })
      .finally(() => needLoading && setLoading(false));
@@ -41,7 +46,7 @@ const Error = () => {
  }, [user]);

  useEffect(() => {
-    getLog();
+    getHealthStatus();
  }, []);

  return (
@@ -53,13 +58,38 @@ const Error = () => {
          <div className="browser-markup"></div>
          <Alert
            type="error"
-            message="服务启动超时，请检查如下日志或者进入容器执行 ql -l check 后刷新再试"
+            message={
+              <Typography.Title level={5} type="danger">
+                {intl.get('服务启动超时')}
+              </Typography.Title>
+            }
+            description={
+              <Typography.Text type="danger">
+                <div>{intl.get('请先按如下方式修复：')}</div>
+                <div>
+                  1. 宿主机执行 docker run --rm -v
+                  /var/run/docker.sock:/var/run/docker.sock
+                  containrrr/watchtower -cR &lt;容器名&gt;
+                </div>
+                <div>{intl.get('2. 容器内执行 ql -l check、ql -l update')}</div>
+                <div>
+                  {intl.get(
+                    '3. 如果无法解决，容器内执行 pm2 logs，拷贝执行结果'
+                  )}
+                  <Typography.Link href="https://github.com/whyour/qinglong/issues/new?assignees=&labels=&template=bug_report.yml">
+                    {intl.get('提交 issue')}
+                  </Typography.Link>
+                </div>
+              </Typography.Text>
+            }
            banner
          />
-          <Typography.Paragraph className="log">{data}</Typography.Paragraph>
+          <Typography.Paragraph code className="log">
+            {data}
+          </Typography.Paragraph>
        </div>
      ) : (
-        <PageLoading tip="启动中，请稍后..." />
+        <PageLoading tip={intl.get('启动中，请稍后...')} />
      )}
    </div>
  );
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
whyour	89164a3bd2	更新版本 v2.16.0	2023-08-06 20:57:10 +08:00
whyour	a9b9c4d7ad	修复错误信息展示	2023-08-06 20:56:59 +08:00
whyour	f947866c32	修复全部任务多语言	2023-08-06 14:55:51 +08:00
whyour	a2e33d1ed4	修复 editor 判断语言	2023-08-05 13:18:28 +08:00
whyour	b1a242c8ee	更新多语言	2023-08-05 12:33:43 +08:00
whyour	0bf28e9ab3	task 支持运行 mjs 文件	2023-08-05 11:02:29 +08:00
whyour	624c9374e5	修复定时任务列表虚拟滚动	2023-08-04 22:24:54 +08:00
雨思andGitHub	a9da8fffc1	PushMe消息通道增加params参数，以支持markdown消息 (#2044 )	2023-08-01 21:33:19 +08:00
whyour	b4e5db9da9	删除订阅支持自动删除任务和脚本	2023-07-30 21:15:46 +08:00
whyour	2e27d4057e	定时任务增加关联订阅	2023-07-30 13:38:38 +08:00
whyour	e7d023a7e0	支持多语言英文	2023-07-29 18:26:30 +08:00
whyour	39bfd39559	修复任务详情日志列表卡顿	2023-07-27 23:15:48 +08:00
whyour	6832cb4e22	修复 6 位 cron 不以 task 开头运行失败	2023-07-25 22:18:35 +08:00
雨思andGitHub	590dbba19b	PushMe 推送通道修复 (#2034 )	2023-07-25 17:44:27 +08:00
whyour	3987ef8d97	更新版本 v2.15.20	2023-07-24 22:02:33 +08:00
whyour	8b0dedaf8c	修复 linux 依赖是否存在判断	2023-07-24 22:02:26 +08:00
whyour	04edd97967	修复 node 依赖匹配判断	2023-07-21 21:22:48 +08:00
whyour	6131fe0110	更新版本 v2.15.19	2023-07-20 23:14:16 +08:00
whyour	665c344ae4	修复依赖是否已经安装判断	2023-07-20 22:54:11 +08:00
雨思andGitHub	373b8c97d7	增加PushMe消息通道 (#2018 )，修复系统设置保存通知	2023-07-20 13:19:39 +08:00
whyour	56eb0c5408	更新版本 v2.15.18	2023-07-19 21:17:22 +08:00
whyour	fe55929959	更新 readme	2023-07-19 21:02:52 +08:00
whyour	01e2bd007d	修复重启提示持续时间	2023-07-18 21:39:03 +08:00
whyour	4e091b0c3e	修改 nginx body 限制，服务重启延迟时间	2023-07-18 15:30:43 +08:00
whyour	db94cd3799	修复备份数据超时时间	2023-07-18 13:43:02 +08:00
whyour	a15192b9b2	升级 @umijs/max 版本	2023-07-17 23:18:48 +08:00
whyour	efd4f1d5ab	umi-request 替换为 axios	2023-07-17 23:13:06 +08:00
whyour	bd166ee794	修复 pm2 重启逻辑	2023-07-17 13:25:56 +08:00
whyour	93e94ea94c	系统设置增加数据恢复功能	2023-07-16 22:02:30 +08:00
whyour	88b87de391	增加数据备份功能	2023-07-16 00:23:29 +08:00
whyour	8affff96f3	修改系统内更新系统逻辑	2023-07-13 22:09:45 +08:00
whyour	936b565fb1	修改系统更新时间和版本获取	2023-07-12 00:05:46 +08:00
whyour	b69ff2895e	增加依赖是否已经安装判断	2023-07-10 23:48:05 +08:00
whyour	f3791cbb62	修复编译错误	2023-07-09 17:46:02 +08:00
whyour	b0f3b51736	修复服务启动时定时删除日志失效	2023-07-08 20:58:36 +08:00
whyour	3aa112e373	修改 node 进程错误监控	2023-07-08 00:27:05 +08:00
whyour	683482e067	修改 ql update 逻辑	2023-07-08 00:18:09 +08:00
whyour	5a2caeb66b	更新版本 v2.15.17	2023-07-02 16:09:09 +08:00
whyour	ee6e5bd8b4	修改任务状态值	2023-07-02 16:09:01 +08:00
whyour	f970322f0a	修复定时任务状态筛选	2023-07-02 12:19:34 +08:00
whyour	1718120623	修改更新仓库逻辑	2023-07-01 20:48:28 +08:00
whyour	702c3160ec	修改并发逻辑，系统设置增加定时任务并发设置	2023-07-01 15:26:20 +08:00
whyour	db227e56bf	更新版本 v2.15.16	2023-06-18 15:51:42 +08:00
whyour	84828865f7	修复依赖安装流程	2023-06-18 15:51:35 +08:00
whyour	87455cebc0	修改应用设置 loading 默认值	2023-06-17 20:26:40 +08:00
whyour	9f4435b237	修改初始化逻辑	2023-06-16 02:12:25 +08:00
whyour	e5bc4b3b04	修复关闭全部任务视图，默认视图筛选错误	2023-06-14 22:38:15 +08:00
whyour	11e1b50000	修改订阅通知	2023-06-11 20:05:39 +08:00
whyour	bec226ae13	增加初始化文件写入，修复 shell 变量	2023-06-11 19:58:30 +08:00
whyour	c9ecdc6c97	企业微信通知增加代理地址配置 QYWX_ORIGIN	2023-06-11 15:03:07 +08:00
whyour	4cf64e7af0	增加 demo 环境变量	2023-06-10 22:20:19 +08:00
whyour	4ce01c5f0e	修复初始化界面样式	2023-06-10 16:16:36 +08:00
whyour	2eff99abe1	修复侧边栏样式	2023-06-10 13:27:21 +08:00
whyour	5bf57185d9	更新 readme	2023-06-10 12:52:53 +08:00
whyour	c59dac19ae	修复 shell 变量无引号报错	2023-06-09 19:50:38 +08:00
whyour	f1ef8e72ae	修复解析脚本名称逻辑	2023-06-09 19:45:25 +08:00
whyour	5b1accffb7	修改 api 限流策略，修复检查检查日志	2023-06-07 22:45:37 +08:00
whyour	f64ff83414	修复列表查询字符转码	2023-06-04 22:11:48 +08:00
whyour	26c914d1db	修复侧边栏样式	2023-06-03 01:24:52 +08:00
whyour	8f75a54110	修改 textarea 样式	2023-06-03 00:48:04 +08:00
whyour	874b6e3a56	修复错误页样式	2023-06-01 23:02:36 +08:00
whyour	f305d45225	修复依赖安装状态流转	2023-05-31 15:07:40 +08:00
whyour	a7f97bd729	替换 spawn 为 cross-spawn	2023-05-31 14:25:20 +08:00
whyour	0bbb7c7b89	修复获取 cpu 核数	2023-05-30 17:45:47 +08:00
whyour	f7465759c7	降级 p-limit，修复 esm 问题	2023-05-30 17:31:31 +08:00
whyour	998e82d323	增加 api 限流配置	2023-05-30 16:41:19 +08:00
whyour	f8dfee8945	重构任务并发执行逻辑	2023-05-30 16:32:00 +08:00
whyour	86e3d8736b	更新版本 v2.15.15	2023-05-28 20:06:15 +08:00
whyour	85d32d00e1	修改打包 latest 镜像分支	2023-05-28 20:06:05 +08:00
whyour	6a52e2f804	修复 env.js 路径	2023-05-27 23:05:46 +08:00
whyour	b4cb72c5d0	修改错误页面提示	2023-05-27 11:35:30 +08:00
whyour	79fd4ec58f	修复 nginx 变量替换	2023-05-26 17:08:40 +08:00
jzksnsjswkwandGitHub	49ed5c6632	修复可执行文件提示找不到文件的问题 (#1943 )	2023-05-26 15:17:47 +08:00
whyour	ffba7ee4a1	增加定时任务服务启动失败日志	2023-05-25 21:45:28 +08:00
whyour	91d080472f	修复环境变量接口前缀	2023-05-24 23:46:07 +08:00
whyour	826f214f0f	修复设置通知错误时提示不清晰	2023-05-24 23:37:44 +08:00
whyour	ca150dc6a6	修复 docker-compose 配置	2023-05-22 20:20:46 +08:00
whyour	ae5db60211	修复筛选可能报错	2023-05-21 12:29:29 +08:00
whyour	490bdc15f6	支持非根目录部署	2023-05-19 01:10:33 +08:00
whyour	1377fe31aa	更新版本 v2.15.14	2023-05-15 23:44:42 +08:00
whyour	3d1cf6bf2e	修改群晖名称	2023-05-15 23:44:32 +08:00
whyour	6ac755b478	修复后端 html 缓存	2023-05-15 22:34:06 +08:00
whyour	e70fa83074	修复获取配置文件参数	2023-05-14 20:53:45 +08:00
whyour	41521f1d08	修复 token 任务脚本路径，容器启动 bot	2023-05-13 01:10:49 +08:00
whyour	8b7bef097c	修复拉取仓库逻辑	2023-05-12 18:28:01 +08:00
whyour	618756d4a9	修复设置代理时，服务启动失败	2023-05-10 23:17:05 +08:00
whyour	70d0c71414	修复错误日志样式	2023-05-10 23:01:51 +08:00
whyour	65eb9c806d	更新 sqlite	2023-05-10 21:58:11 +08:00
whyour	50718ba714	修复 public 服务转发	2023-05-10 01:07:46 +08:00
whyour	7c3bb90d12	修复删除依赖和移动环境变量接口数据结构	2023-05-08 21:29:25 +08:00
whyour	f66390eabd	修改初始系统状态逻辑已经错误页面	2023-05-07 23:40:37 +08:00
whyour	481646501c	修复订阅更新仓库失败	2023-05-06 22:58:05 +08:00
whyour	5baa8e4391	增加 pm2 平滑重启	2023-05-06 00:09:03 +08:00
whyour	3d11210aeb	pnpm 版本降至 8.3.1	2023-05-05 00:26:23 +08:00
whyour	e1863407f2	修复 npm 源判断	2023-05-04 22:23:55 +08:00
whyour	0c28b63ab7	修改容器启动流程	2023-05-04 22:07:39 +08:00
whyour	8b8bd279c6	修复 nginx 转发stream接口失效，停止运行命令支持 pid 参数	2023-05-04 21:28:14 +08:00