优化起飞功能错误处理，取消网络拦截，避免官方功能被影响，更新版本至1.2.4

Fix
快捷动作【REFILL】修复
2025-04-07 16:03:01 +08:00 · 2025-03-11 14:54:00 +08:00 · 2024-04-07 08:32:07 +08:00 · 2024-04-03 09:33:54 +08:00 · 2024-03-29 09:56:49 +08:00 · 2024-03-29 09:44:06 +08:00
114 changed files with 8661 additions and 4323 deletions
--- a/.gitignore
+++ b/.gitignore
@ -2,3 +2,7 @@
 /.fleet
 /src/dist/bundle.min.js
 /src/dist/bundle.js
+/dist
+auto-imports.d.ts
+components.d.ts
+aws.xml
--- a/.idea/jsLibraryMappings.xml
+++ b/.idea/jsLibraryMappings.xml
@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JavaScriptLibraryMappings">
-    <file url="file://$PROJECT_DIR$" libraries="{Node.js Core}" />
-  </component>
-</project>
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@ -0,0 +1,14 @@
+{
+    // 使用 IntelliSense 了解相关属性。 
+    // 悬停以查看现有属性的描述。
+    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "command": "npm run rollup",
+            "name": "rollup",
+            "request": "launch",
+            "type": "node-terminal"
+        }
+    ]
+}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,10 +1,261 @@
-# TODO
-
- 翻译：baza npc商店、imarket、imarket搜索结果
- log重构，通知重构
-
 # CHANGE

+## 1.2.4
+
+2025年04月07日
+
+### 修改
+
+- 优化起飞功能错误处理
+- 取消网络拦截，避免官方功能被影响
+
+## 1.2.3
+
+2025年03月11日
+
+### 修改
+
+- 删除GS Load模块代码
+- 删除翻译
+- 删除去Google化部分代码
+- 修复起飞逻辑
+- 修复通知
+
+## 1.2.2
+
+2024年04月07日
+
+### 修改
+
+- 快捷动作【REFILL】修复
+
+## 1.2.1
+
+2024年04月03日
+
+### 修改
+
+- 快捷动作【REFILL】修复
+
+## 1.2.0
+
+2024年03月29日
+
+### 修改
+
+- BS估算缓存机制修复
+- 快捷功能【快速犯罪】界面优化
+
+## 1.1.9
+
+2024年03月27日
+
+### 添加
+
+- 引入了BS估算功能
+
+### 修改
+
+- 快捷功能【快速犯罪】去除了烦人的通知
+
+## 1.1.8
+
+2024年03月20日
+
+### 修改
+
+- 快捷功能的【喝啤酒】移动至【快速犯罪】中
+- profile页面中在线状态调整
+
+## 1.1.7
+
+2024年03月15日
+
+### 添加
+
+- 快捷功能-PI存钱
+
+### 修改
+
+- 上次动作的url判断修复
+- profile页面中添加了更明显的上次动作时间
+- 快速取钱功能添加了常用输入
+
+## 1.1.6
+
+2024年01月08日
+
+### 修改
+
+- refill功能改为菜单式，新增支持3种refil
+- 快速犯罪功能现已支持全部种类
+
+## 1.1.5
+
+2023年12月22日
+
+### 修改
+
+- 圣诞小镇掉落物记录表格中的undefined错误修复
+
+## 1.1.4
+
+2023年12月08日
+
+### 修改
+
+- 快速犯罪中添加了15-3
+
+## 1.1.3
+
+2023年11月29日
+
+### 修改
+
+- 通知浏览错误修复
+
+## 1.1.2
+
+2023年09月19日
+
+### 修改
+
+- 火车提醒错误修复
+- 光速刷新错误修复
+
+## 1.1.1
+
+2023年09月13日
+
+### 修改
+
+- 调整了上次动作的显示逻辑
+- 更准确的现金变动提醒
+
+### 添加
+
+- 监控模块-毒CD提醒
+
+## 1.1.0
+
+2023年09月11日
+
+### 修改
+
+- 更正上次动作的匹配路径、添加了毒和糖 CD 的提示
+
+## 1.0.9
+
+2023年09月08日
+
+### 修改
+
+- 侧边菜单UI优化
+
+## 1.0.8
+
+2023年08月23日
+
+### 修改
+
+- 通知浏览修复
+
+## 1.0.7
+
+2023年06月27日
+
+### 修改
+
+- 物品功能补充完善
+- 菜单顺序调整
+
+## 1.0.6
+
+2023年06月26日
+
+### 添加
+
+- 物品功能标签
+
+## 1.0.5
+
+2023年06月19日
+
+### 修改
+
+- 移除原菜单
+- 调整了新菜单的样式、部分逻辑
+
+## 1.0.4
+
+2023年06月16日
+
+### 添加
+
+- 标签页管理功能
+
+## 1.0.3
+
+2023年06月16日
+
+### 修改
+
+- 样式错误修复
+
+## 1.0.2
+
+2023年06月15日
+
+### 修改
+
+- 错误修复
+- 菜单样式修改
+
+## 1.0.1
+
+2023年06月14日
+
+### 添加
+
+- 公司存取钱
+
+## 1.0.0
+
+2023年06月12日
+
+### 添加
+
+- PT购买
+
+## 0.9.9
+
+2023年06月07日
+
+### 修改
+
+- 购物助手错误修复及样式调整
+
+## 0.9.8
+
+2023年06月06日
+
+### 修改
+
+- 错误修复
+
+## 0.9.7
+
+2023年06月05日
+
+### 添加
+
+- bazaar快速开关店
+- 购物助手
+
+### 修改
+
+- 部分样式修改
+
 ## 0.9.6

 2023年06月01日
--- a/README.md
+++ b/README.md
@ -1,3 +1,23 @@
-# 芜湖助手 Torncity 翻译插件
+# Wuhu Torn Helper

-[CHANGELOG](CHANGELOG.md)
+[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+
+[中文](README_ZHCN.md)
+
+[CHANGELOG(CN)](CHANGELOG.md)
+
+A customized auxiliary-enhancement user script designed for a browser-based MMORPG game, featuring a range of convenient
+functions.
+
+This script does not include any automation-related code.
+
+## Build
+
+    npm init
+    npm run rollup
+
+## Use
+
+[release.min.user.js](release.min.user.js)
+
+Please install with Tampermonkey (for PC browser) or TornPDA.
--- a/README_ZHCN.md
+++ b/README_ZHCN.md
@ -0,0 +1,20 @@
+# 芜湖助手 Torncity 翻译插件
+
+[![LICENSE](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
+
+[CHANGELOG](CHANGELOG.md)
+
+一个为浏览器网页MMORPG游戏定制的辅助增强用户脚本，包含了一系列便携功能。
+
+此脚本不包含自动化相关代码。
+
+## 编译
+
+    npm init
+    npm run rollup
+
+## 使用
+
+[release.min.user.js](https://gitlab.com/JJins/wuhu-torn-helper/-/raw/dev/README_ZHCN.md)
+
+请使用 Tampermonkey (浏览器) 或 TornPDA 安装。
--- a/build.mjs
+++ b/build.mjs
@ -21,7 +21,6 @@ let metaData =
 // @downloadURL  https://gitlab.com/JJins/wuhu-torn-helper/-/raw/dev/release.min.user.js
 // @grant        GM_xmlhttpRequest
 // @grant        unsafeWindow
-// @connect      ljs-lyt.com
 // @connect      yata.yt
 // @connect      github.io
 // @connect      gitlab.com
--- a/global.d.ts
+++ b/global.d.ts
@ -122,10 +122,8 @@ declare module "*.module.css" {
 declare function GM_xmlhttpRequest(init: any): void;

 declare var unsafeWindow: Window & typeof globalThis;
-
-declare interface UnknownFields {
-    // any property
-    [key: string]: any
-}
-
 declare type Constructor<T = any> = new (...args: any[]) => T;
+
+declare interface ClassType<T> {
+    new(...args: unknown[]): T
+}
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "wuhu-torn-helper",
-  "version": "0.8.7",
+  "version": "1.2.2",
  "lockfileVersion": 2,
  "requires": true,
  "packages": {
    "": {
      "name": "wuhu-torn-helper",
-      "version": "0.8.7",
+      "version": "1.2.2",
      "devDependencies": {
        "@element-plus/icons-vue": "^2.1.0",
        "@rollup/plugin-alias": "^4.0.3",
@ -17,11 +17,11 @@
        "@rollup/plugin-terser": "^0.4.0",
        "@rollup/plugin-typescript": "^8.5.0",
        "@types/jquery": "^3.5.14",
-        "@types/node": "^18.0.6",
+        "@types/node": "^20.6.0",
        "@vitejs/plugin-vue": "^4.0.0",
        "@vue/tsconfig": "^0.1.3",
        "cross-env": "^7.0.3",
-        "element-plus": "^2.3.3",
+        "element-plus": "^2.3.10",
        "just-clone": "^6.2.0",
        "npm": "^8.19.2",
        "reflect-metadata": "^0.1.13",
@ -1150,9 +1150,9 @@
      }
    },
    "node_modules/@types/node": {
-      "version": "18.0.6",
-      "resolved": "https://registry.npmmirror.com/@types/node/-/node-18.0.6.tgz",
-      "integrity": "sha512-/xUq6H2aQm261exT6iZTMifUySEt4GR5KX8eYyY+C4MSNPqSh9oNIP7tz2GLKTlFaiBbgZNxffoR3CVRG+cljw==",
+      "version": "20.6.0",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-20.6.0.tgz",
+      "integrity": "sha512-najjVq5KN2vsH2U/xyh2opaSEz6cZMR2SetLIlxlj08nOcmPOemJmUK2o4kUzfLqfrWE0PIrNeE16XhYDd3nqg==",
      "dev": true
    },
    "node_modules/@types/parse-json": {
@ -1577,10 +1577,24 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001457",
-      "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001457.tgz",
-      "integrity": "sha512-SDIV6bgE1aVbK6XyxdURbUE89zY7+k1BBBaOwYwkNCglXlel/E7mELiHC64HQ+W0xSKlqWhV9Wh7iHxUjMs4fA==",
-      "dev": true
+      "version": "1.0.30001597",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz",
+      "integrity": "sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
    },
    "node_modules/chalk": {
      "version": "4.1.2",
@ -1971,9 +1985,9 @@
      "dev": true
    },
    "node_modules/element-plus": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.3.3.tgz",
-      "integrity": "sha512-Zy61OXrG6b4FF3h29A9ZOUkaEQXjCuFwNa7DlpB3Vo+42Tw5zBbHe5a4BY7i56TVJG5xTbS9UQyA726J91pDqg==",
+      "version": "2.3.12",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.3.12.tgz",
+      "integrity": "sha512-fAWpbKCyt+l1dsqSNPOs/F/dBN4Wp5CGAyxbiS5zqDwI4q3QPM+LxLU2h3GUHMIBtMGCvmsG98j5HPMkTKkvcA==",
      "dev": true,
      "dependencies": {
        "@ctrl/tinycolor": "^3.4.1",
@ -8390,9 +8404,9 @@
      }
    },
    "@types/node": {
-      "version": "18.0.6",
-      "resolved": "https://registry.npmmirror.com/@types/node/-/node-18.0.6.tgz",
-      "integrity": "sha512-/xUq6H2aQm261exT6iZTMifUySEt4GR5KX8eYyY+C4MSNPqSh9oNIP7tz2GLKTlFaiBbgZNxffoR3CVRG+cljw==",
+      "version": "20.6.0",
+      "resolved": "https://registry.npmmirror.com/@types/node/-/node-20.6.0.tgz",
+      "integrity": "sha512-najjVq5KN2vsH2U/xyh2opaSEz6cZMR2SetLIlxlj08nOcmPOemJmUK2o4kUzfLqfrWE0PIrNeE16XhYDd3nqg==",
      "dev": true
    },
    "@types/parse-json": {
@ -8747,9 +8761,9 @@
      }
    },
    "caniuse-lite": {
-      "version": "1.0.30001457",
-      "resolved": "https://registry.npmmirror.com/caniuse-lite/-/caniuse-lite-1.0.30001457.tgz",
-      "integrity": "sha512-SDIV6bgE1aVbK6XyxdURbUE89zY7+k1BBBaOwYwkNCglXlel/E7mELiHC64HQ+W0xSKlqWhV9Wh7iHxUjMs4fA==",
+      "version": "1.0.30001597",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001597.tgz",
+      "integrity": "sha512-7LjJvmQU6Sj7bL0j5b5WY/3n7utXUJvAe1lxhsHDbLmwX9mdL86Yjtr+5SRCyf8qME4M7pU2hswj0FpyBVCv9w==",
      "dev": true
    },
    "chalk": {
@ -9066,9 +9080,9 @@
      "dev": true
    },
    "element-plus": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.3.3.tgz",
-      "integrity": "sha512-Zy61OXrG6b4FF3h29A9ZOUkaEQXjCuFwNa7DlpB3Vo+42Tw5zBbHe5a4BY7i56TVJG5xTbS9UQyA726J91pDqg==",
+      "version": "2.3.12",
+      "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.3.12.tgz",
+      "integrity": "sha512-fAWpbKCyt+l1dsqSNPOs/F/dBN4Wp5CGAyxbiS5zqDwI4q3QPM+LxLU2h3GUHMIBtMGCvmsG98j5HPMkTKkvcA==",
      "dev": true,
      "requires": {
        "@ctrl/tinycolor": "^3.4.1",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "wuhu-torn-helper",
-  "version": "0.9.6",
+  "version": "1.2.4",
  "description": "芜湖助手",
  "scripts": {
    "release": "cross-env NODE_ENV=production rollup -c && node build.mjs",
@ -17,11 +17,11 @@
    "@rollup/plugin-terser": "^0.4.0",
    "@rollup/plugin-typescript": "^8.5.0",
    "@types/jquery": "^3.5.14",
-    "@types/node": "^18.0.6",
+    "@types/node": "^20.6.0",
    "@vitejs/plugin-vue": "^4.0.0",
    "@vue/tsconfig": "^0.1.3",
    "cross-env": "^7.0.3",
-    "element-plus": "^2.3.3",
+    "element-plus": "^2.3.10",
    "just-clone": "^6.2.0",
    "npm": "^8.19.2",
    "reflect-metadata": "^0.1.13",
--- a/release.min.user.js
+++ b/release.min.user.js
--- a/src/static/css/common.module.css
+++ b/src/static/css/common.module.css
@ -282,3 +282,11 @@ div#wh-popup::after {
 .non-selection {
    user-select: none;
 }
+
+.mt-4 {
+    margin-bottom: 4px;
+}
+
+/*.el-overlay {*/
+/*    backdrop-filter: blur(20px);*/
+/*}*/
--- a/src/static/html/buyBeer/shop_beer_static_item.html
+++ b/src/static/html/buyBeer/shop_beer_static_item.html
@ -1,19 +1,24 @@
 <div class="acc-title">
-<span class="item-desc" style="display: inline-block;">
+    <span class="item-desc tt-buy">
        <span class="item Alcohol" itemid="180" loaded="0">
            <span class="item-plate">
-<img alt="Bottle of Beer" class="torn-item large" src="/images/items/180/large.png">
+                <img alt="Bottle of Beer" class="torn-item large"
+                     src="/images/items/180/large.png"
+                     srcset="/images/items/180/large.png 1x, /images/items/180/large@2x.png 2x, /images/items/180/large@3x.png 3x, /images/items/180/large@4x.png 4x">
            </span>
            <span class="item-hover">
-<button aria-labelledby="Show info: 180-name 180-price 180-stock" class="view-info wai-btn" i-data="i_871_346_51_52"
+                <button aria-labelledby="Show info: 180-name 180-price 180-stock" class="view-info wai-btn"
                        value="100"></button>
-<button aria-label="Buy: Bottle of Beer" class="buy-info wai-btn" i-data="i_922_346_51_52" value="100"></button>
+                <button aria-label="Buy: Bottle of Beer" class="buy-info wai-btn" value="100"></button>
            </span>
        </span>
        <span class="desc">
+            <input name="shoparea" type="hidden" value="100">
            <span id="180-name" class="name  t-overflow bold">Bottle of Beer</span>
-<span id="180-price" class="price t-gray-6" data-sell="$5">$10</span>
-<span id="180-stock" class="stock t-gray-6 t-overflow">Alcohol (<span class="instock">800</span> in stock)</span>
+            <span id="180-price" class="price t-gray-6 tt-modified" data-sell="$5">$10<span
+                    class="tt-profit positive"><i class="fas fa-caret-up"></i>$1,636</span></span>
+            <span id="180-stock" class="stock t-gray-6 t-overflow">Alcohol (<span class="instock">5,000</span> in
+                stock)</span>
        </span>
        <span class="buy-act-wrap">
            <button aria-label="Close" class="close-icon p0 wai-btn" value="100"></button>
@ -21,37 +26,42 @@
                of Bottle of Beer</label>
            <input id="180" autocomplete="new-amount" maxlength="3" name="buyAmount[]" type="text" value="100">
            <span class="buy-act bold">
-<button class="wai-support t-blue h" i-data="i_1076_375_53_34" value="100">Buy<br></button>
+                <button class="wai-support t-blue h" value="100">Buy<br><span class="tt-max-buy">fill
+                        max</span></button>
+                <div class="tt-max-buy-overlay"></div>
            </span>
        </span>
    </span>
    <div class="torn-divider divider-right"></div>
-    <div class="confirm-wrap" style="display: none;" tabindex="0">
+    <div class="confirm-wrap" tabindex="0">
        <span class="confirm">
            <span>
                Are you sure you would like to buy
            </span>
            <span>
-<span class="count">100</span>
+                <span class="count"></span>
                x Bottle of Beer for
-$<span class="total">1,000</span>
+                $<span class="total"></span>
            </span>
            <span class="confirm-act m-top5">
-<a class="wai-support yes m-right10 bold t-blue h" data-id="180" href="#" i-data="i_966_379_24_14">
+                <a class="wai-support yes m-right10 bold t-blue h" data-id="180" href="#">
                    Yes
                </a>
                <span class="no bold">
-<a class="wai-support t-blue h" href="#" i-data="i_1001_379_16_14">
+                    <a class="wai-support t-blue h" href="#">
                        No
                    </a>
                </span>
            </span>
        </span>
    </div>
-    <div class="success-wrap" style="display: none;">
-<span class="success"><span class="t-green bold"></span>
-<span class="confirm-act m-top5"></span></span>
-        <button aria-label="Close" class="close-icon p0 wai-btn" i-data="i_1101_344_10_11" value="100"></button>
+    <div class="success-wrap">
+        <span class="success">
+            <span class="t-green bold">
+                <span class="ajax-preloader"></span>
+            </span>
+        </span>
+        <button aria-label="Close" class="close-icon p0 wai-btn" value="100"></button>
    </div>
    <div class="msg-wrap">
        <span class="t-green bold">
@ -59,10 +69,3 @@ No
        </span>
    </div>
 </div>
-<div class="view-item-info">
-    <div class="item-cont">
-        <div class="item-wrap">
-            <span class="ajax-preloader m-top10 m-bottom10"></span>
-        </div>
-    </div>
-</div>
--- a/src/ts/App.ts
+++ b/src/ts/App.ts
@ -1,52 +1,61 @@
-import WuhuBase from "./class/WuhuBase";
-import WuHuTornHelper from "./class/WuhuTornHelper";
-import ZhongIcon from "./class/ZhongIcon";
-import { Common } from "./class/Common";
-import UrlRouter from "./class/UrlRouter";
-import translateMain from "./func/translate/translateMain";
-import CommonUtils from "./class/utils/CommonUtils";
-import LocalConfigWrapper from "./class/LocalConfigWrapper";
-import ClassName from "./container/ClassName";
-import { Injectable } from "./container/Injectable";
+import Interrupt from "./class/Interrupt"
+import Initializer from "./class/Initializer"
+// import { Common } from "./class/Common"
+// import UrlRouter from "./class/UrlRouter"
+import translateMain from "./func/translate/translateMain"
+import CommonUtils from "./class/utils/CommonUtils"
+import LocalConfigWrapper from "./class/LocalConfigWrapper"
+import ClassName from "./container/ClassName"
+import { Injectable } from "./container/Injectable"
+import FeatureMan from "./man/FeatureMan"
+import Logger from "./class/Logger"

@ClassName('Application')
@Injectable()
 export default class App {
+    private readonly logger = Logger.factory(App)
+
    constructor(
-        private readonly icon: ZhongIcon,
-        private readonly wuhuBase: WuhuBase,
-        private readonly tornHelper: WuHuTornHelper,
-        private readonly common: Common,
-        private readonly urlRouter: UrlRouter,
+        private readonly interrupt: Interrupt,
+        private readonly initializer: Initializer,
+        // private readonly common: Common,
+        // private readonly urlRouter: UrlRouter,
        private readonly configWrapper: LocalConfigWrapper,
        private readonly utils: CommonUtils,
+        private readonly featureMan: FeatureMan,
    ) {
    }

    public run() {

-        this.wuhuBase.conditionInterrupt();
+        this.interrupt.conditionInterrupt();

        // 初始化
-        this.tornHelper.init();
+        this.initializer.init();
+
+        // this.featureMan.fStart().then(() => this.featureMan.printTable());

        // 插件图标和设置菜单
-        this.icon.init();
+        // this.icon.init();

        let tmp = () => {
-            // 所有页面通用
-            try {
-                // this.common.resolve.apply(this.common, this.run);
-                this.common.resolve(() => this.run());
-            } catch (e) {
-            }
+            // // 所有页面通用
+            // try {
+            //     // this.common.resolve.apply(this.common, this.run);
+            //     // this.common.resolve(() => this.run());
+            // } catch (e) {
+            // }
+            (async function (self: App) {
+                await self.featureMan.fStart()
+                self.featureMan.printTable()
+            })(this)

            // URL匹配
-            this.urlRouter.resolve();
+            // this.urlRouter.resolve();

            // 翻译
-            if (this.configWrapper.config.transEnable)
-                translateMain(window.location.href);
+            // if (this.configWrapper.config.transEnable)
+            //     translateMain(window.location.href);
        };
        // TODO 临时检测jquery
        if (typeof $ === "function") {
--- a/src/ts/class/Common.ts
+++ b/src/ts/class/Common.ts
@ -1,145 +1,160 @@
-import depoHelper from "../func/module/depoHelper";
-import TravelHelper from "../func/module/travelHelper";
-import priceWatcherHandle from "../func/module/priceWatcherHandle";
-import CompanyHelper from "./action/CompanyHelper";
-import AttackHelper from "./action/AttackHelper";
-import SidebarHelper from "./action/SidebarHelper";
-import CommonUtils from "./utils/CommonUtils";
-import FetchUtils from "./utils/FetchUtils";
-import ZhongIcon from "./ZhongIcon";
-import Alert from "./utils/Alert";
-import FetchEventCallback from "./action/FetchEventCallback";
-import globVars from "../globVars";
-import TranslateNew from "./action/TranslateNew";
-import ClassName from "../container/ClassName";
-import { Injectable } from "../container/Injectable";
-import LocalConfigWrapper from "./LocalConfigWrapper";
-import Logger from "./Logger";
-import BuyBeerHelper from "./action/BuyBeerHelper";
-import ModuleLoader from "./ModuleLoader";
-import TornPDAUtils from "./utils/TornPDAUtils";
-import TravelItem from "./action/TravelItem";
-import IconHelper from "./IconHelper";
-
-/**
- * 脚本不区分页面的通用功能入口
- */
-@Injectable()
-@ClassName('Common')
-export class Common {
-
-    constructor(
-        private readonly localConfigWrapper: LocalConfigWrapper,
-        private readonly fetchEventCallback: FetchEventCallback,
-        private readonly translateNew: TranslateNew,
-        private readonly tornPDAUtils: TornPDAUtils,
-        private readonly logger: Logger,
-        private readonly buyBeerHelper: BuyBeerHelper,
-        private readonly icon: ZhongIcon,
-        private readonly fetchUtils: FetchUtils,
-        private readonly moduleLoader: ModuleLoader,
+// import depoHelper from "../func/module/depoHelper";
+// import TravelHelper from "../feature/TravelHelper";
+// import priceWatcherHandle from "../func/module/priceWatcherHandle";
+// import CompanyHelper from "../feature/CompanyHelper";
+// import AttackHelper from "./action/AttackHelper";
+// import SidebarHelper from "../feature/SidebarHelper";
+// import CommonUtils from "./utils/CommonUtils";
+// import FetchUtils from "./utils/FetchUtils";
+// import FetchEventCallback from "./action/FetchEventCallback";
+// import globVars from "../globVars";
+// import TranslateNew from "./action/TranslateNew";
+// import ClassName from "../container/ClassName";
+// import { Injectable } from "../container/Injectable";
+// import LocalConfigWrapper from "./LocalConfigWrapper";
+// import Logger from "./Logger";
+// import BuyBeerHelper from "../feature/BuyBeerHelper";
+// import ModuleLoader from "./ModuleLoader";
+// import TornPDAUtils from "./utils/TornPDAUtils";
+// import TravelItem from "../feature/TravelItem";
+// import IconHelper from "../feature/IconHelper";
+// import MsgWrapper from "./utils/MsgWrapper";
+// import toThousands from "../func/utils/toThousands";
+// import { WHIntervalLoader } from "../monitor/WHIntervalLoader";
+//
+// /**
+//  * 脚本不区分页面的通用功能入口
+//  */
+// @Injectable()
+// @ClassName('Common')
+// export class Common {
+//     private readonly logger = Logger.factory(Common)
+//
+//     constructor(
+//         private readonly localConfigWrapper: LocalConfigWrapper,
+//         // private readonly fetchEventCallback: FetchEventCallback,
+//         // private readonly translateNew: TranslateNew,
+//         // private readonly tornPDAUtils: TornPDAUtils,
+//         // private readonly buyBeerHelper: BuyBeerHelper,
+//         // private readonly fetchUtils: FetchUtils,
+//         // private readonly moduleLoader: ModuleLoader,
 //         private readonly msgWrapper: MsgWrapper,
-    ) {
-    }
-
-    public resolve(mainMethod) {
-        // window.setInterval(()=>this.msgWrapper.create('test',{sysNotify:true},'info'),2000);
-
-        // fetch方法处理
-        globVars.responseHandlers.push(
-            (...args: any[]) => this.fetchEventCallback.responseHandler.apply(this.fetchEventCallback, args)
-        );
-        // fetch方法处理-翻译
-        globVars.responseHandlers.push(
-            (...args: any[]) => this.translateNew.responseHandler.apply(this.translateNew, args)
-        );
-
-        // 价格监控
-        priceWatcherHandle(this.tornPDAUtils.isPDA(), this.tornPDAUtils.APIKey);
-
-        // 啤酒提醒
-        if (this.localConfigWrapper.config._15Alarm) this.buyBeerHelper.start();
-
-        this.moduleLoader.push(SidebarHelper);
-        this.moduleLoader.push(TravelItem);
-
-        /**
-         * 解决一直转圈(加载中)的问题
-         * All('script[src*="google"]')
-         * All('#gtm_tag')
-         * All('script[src*="chat/gonline"]')
-         * All('head script[nonce]')
-         */
-        if (document.readyState === 'interactive' && this.localConfigWrapper.config.SolveGoogleScriptPendingIssue) {
-            window.stop();
-            document.open();
-            let readyStateChangeHandler = () => {
-                this.logger.info('document.readyState', document.readyState);
-                if (document.readyState === 'complete') {
-                    document.removeEventListener('readystatechange', readyStateChangeHandler);
-                    mainMethod();
-                    throw new Error('页面已重载');
-                }
-            }
-            document.addEventListener('readystatechange', readyStateChangeHandler);
-            this.fetchUtils.fetchText(window.location.href).then(resp => {
-                let removed = resp;
-                [
-                    /<script id="gtm_tag">.+?<\/script>/ms,
-                    /<script async src="https:\/\/www\.google.+?<\/script>/ms,
-                    /<script nonce=".+?gtag.+?<\/script>/ms,
-                    /<script.+?google.+?\/script>/,
-                ].forEach(remove => {
-                    removed = removed.replace(remove, '');
-                });
-                this.logger.info({ removed });
-                document.write(removed);
-                document.close();
-            });
-        }
-
-        // 存钱相关
-        depoHelper();
-
-        // 飞行相关
-        this.moduleLoader.push(TravelHelper);
-
-        // 战斗相关
-        this.moduleLoader.push(AttackHelper);
-
-        // 公司助手
-        this.moduleLoader.push(CompanyHelper);
-
-        // TODO 新菜单
-        this.moduleLoader.push(IconHelper);
-
-        this.moduleLoader.load().then();
-
-        // 自定义CSS
-        if (this.localConfigWrapper.config.CustomCss) {
-            this.logger.info('应用自定义CSS');
-            CommonUtils.addStyle(this.localConfigWrapper.config.CustomCss);
-        }
-
-        // 现金变动提醒
-        if (this.localConfigWrapper.config.CashChangeAlert) CommonUtils.elementReady("#user-money").then(userMoney => {
-            new MutationObserver((mutations, observer) => {
-                if (!this.localConfigWrapper.config.CashChangeAlert) {
-                    observer.disconnect();
-                    new Alert('现金变动提醒已关闭', { sysNotify: true });
-                    return;
-                }
-                this.logger.info("现金变动提醒", mutations);
-                mutations.forEach(item => {
-                    if (item.attributeName === 'data-money') {
-                        this.icon.updateCashView(userMoney.innerText);
-                        new Alert(
-                            '提醒: 现金变动 ' + item.oldValue + ' -> ' + userMoney.innerText,
-                            { sysNotify: true }
-                        );
-                    }
-                });
-            }).observe(userMoney, { attributes: true, attributeOldValue: true })
-        });
-    }
-}
+//     ) {
+//     }
+//
+//     public resolve(mainMethod) {
+//         // window.setInterval(()=>this.msgWrapper.create('test',{sysNotify:true},'info'),2000);
+//
+//         // // fetch方法处理
+//         // globVars.responseHandlers.push(
+//         //     (...args: any[]) => this.fetchEventCallback.responseHandler.apply(this.fetchEventCallback, args)
+//         // );
+//         // // fetch方法处理-翻译
+//         // globVars.responseHandlers.push(
+//         //     (...args: any[]) => this.translateNew.responseHandler.apply(this.translateNew, args)
+//         // );
+//
+//         // // 价格监控
+//         // priceWatcherHandle(this.tornPDAUtils.isPDA(), this.tornPDAUtils.APIKey);
+//
+//         // 啤酒提醒
+//         // if (this.localConfigWrapper.config._15Alarm) this.buyBeerHelper.start();
+//
+//         // this.moduleLoader.push(SidebarHelper);
+//         // this.moduleLoader.push(TravelItem);
+//         // this.moduleLoader.push(WHIntervalLoader)
+//
+//         /**
+//          * 解决一直转圈(加载中)的问题
+//          * All('script[src*="google"]')
+//          * All('#gtm_tag')
+//          * All('script[src*="chat/gonline"]')
+//          * All('head script[nonce]')
+//          */
+//         // try {
+//         //     if (document.readyState === 'interactive' && this.localConfigWrapper.config.SolveGoogleScriptPendingIssue) {
+//         //         window.stop();
+//         //         document.open();
+//         //         let readyStateChangeHandler = () => {
+//         //             this.logger.info('document.readyState', document.readyState);
+//         //             if (document.readyState === 'complete') {
+//         //                 document.removeEventListener('readystatechange', readyStateChangeHandler);
+//         //                 mainMethod();
+//         //                 throw new Error('页面已重载');
+//         //             }
+//         //         }
+//         //         document.addEventListener('readystatechange', readyStateChangeHandler);
+//         //         this.fetchUtils.fetchText(window.location.href).then(resp => {
+//         //             let removed = resp;
+//         //             [
+//         //                 /<script id="gtm_tag">.+?<\/script>/ms,
+//         //                 /<script async src="https:\/\/www\.google.+?<\/script>/ms,
+//         //                 /<script nonce=".+?gtag.+?<\/script>/ms,
+//         //                 /<script.+?google.+?\/script>/,
+//         //             ].forEach(remove => {
+//         //                 removed = removed.replace(remove, '');
+//         //             });
+//         //             this.logger.info({ removed });
+//         //             document.write(removed);
+//         //             document.close();
+//         //         });
+//         //     }
+//         // } catch (e) {
+//         //     this.logger.error('【解决一直转圈(加载中)的问题】错误',e)
+//         // }
+//
+//         // // 存钱相关
+//         // try {
+//         //     depoHelper();
+//         // } catch (e) {
+//         //     this.logger.error('【存钱相关】错误',e)
+//         // }
+//
+//         // // 飞行相关
+//         // this.moduleLoader.push(TravelHelper);
+//
+//         // 战斗相关
+//         // this.moduleLoader.push(AttackHelper);
+//
+//         // 公司助手
+//         // this.moduleLoader.push(CompanyHelper);
+//
+//         // // 菜单
+//         // this.moduleLoader.push(IconHelper);
+//
+//         // this.moduleLoader.load().then();
+//
+//         // // 自定义CSS
+//         // if (this.localConfigWrapper.config.CustomCss) {
+//         //     this.logger.info('应用自定义CSS');
+//         //     CommonUtils.addStyle(this.localConfigWrapper.config.CustomCss);
+//         // }
+//         //
+//         // // 现金变动提醒
+//         // if (this.localConfigWrapper.config.CashChangeAlert) CommonUtils.elementReady("#user-money").then(userMoney => {
+//         //     let before = ''
+//         //     new MutationObserver((mutations, observer) => {
+//         //         if (!this.localConfigWrapper.config.CashChangeAlert) {
+//         //             observer.disconnect();
+//         //             this.msgWrapper.create('现金变动提醒已关闭', { sysNotify: true });
+//         //             return;
+//         //         }
+//         //         this.logger.info("现金变动提醒", mutations);
+//         //         mutations.forEach(item => {
+//         //             if (item.attributeName === 'data-money') {
+//         //                 let change = userMoney.innerText
+//         //                     .trim()
+//         //                     .replaceAll(/[,$]/g, '')
+//         //                 if (change !== before) {
+//         //                     this.msgWrapper.create(
+//         //                         '现金变动 ' + item.oldValue + ' --> ' + toThousands(change),
+//         //                         { sysNotify: true }
+//         //                     );
+//         //                     before = change
+//         //                 }
+//         //             }
+//         //         });
+//         //     }).observe(userMoney, { attributes: true, attributeOldValue: true })
+//         // });
+//     }
+// }
--- a/src/ts/class/IconHelper.ts
+++ b/src/ts/class/IconHelper.ts
@ -1,59 +0,0 @@
-import Logger, { LoggerKey } from "./Logger";
-import ClassName from "../container/ClassName";
-import { Injectable } from "../container/Injectable";
-import CommonUtils, { CommonUtilsKey } from "./utils/CommonUtils";
-import LocalConfigWrapper, { LocalConfigWrapperKey } from "./LocalConfigWrapper";
-import NNB from "./handler/NNB";
-import ItemPriceWatcherHandler from "./handler/ItemPriceWatcherHandler";
-import { createApp } from "vue";
-import FloatMenu from "../../vue/FloatMenu.vue";
-import PopupWrapper, { PopupWrapperKey } from "./utils/PopupWrapper";
-import InfoUtils from "./utils/InfoUtils";
-import TravelItem, { TravelItemKey } from "./action/TravelItem";
-import QuickGymTrain, { QuickGymTrainKey } from "./action/QuickGymTrain";
-import QuickFlyBtnHandler, { QuickFlyBtnHandlerKey } from "./handler/QuickFlyBtnHandler";
-import ItemHelper, { ItemHelperKey } from "./utils/ItemHelper";
-
-@ClassName("IconHelper")
-@Injectable()
-export default class IconHelper {
-    private readonly _element: HTMLElement;
-
-    constructor(
-        private readonly logger: Logger,
-        private readonly commonUtils: CommonUtils,
-        private readonly localConfigWrapper: LocalConfigWrapper,
-        private readonly nnb: NNB,
-        private readonly itemPriceWatcherHandler: ItemPriceWatcherHandler,
-        private readonly popupWrapper: PopupWrapper,
-        private readonly infoUtils: InfoUtils,
-        private readonly travelItem: TravelItem,
-        private readonly quickGymTrain: QuickGymTrain,
-        private readonly quickFlyBtnHandler: QuickFlyBtnHandler,
-        private readonly itemHelper: ItemHelper,
-    ) {
-        this._element = document.createElement('div');
-    }
-
-    get element() {
-        return this._element;
-    }
-
-    init() {
-        this._element.id = 'WHMenu2023';
-        document.body.append(this._element);
-        let app = createApp(FloatMenu);
-        app.config.errorHandler = (err) => this.logger.error('[VUE错误]', err);
-        app.config.warnHandler = (err) => this.logger.warn('[VUE警告]', err);
-        app.provide(LoggerKey, this.logger);
-        app.provide(CommonUtilsKey, this.commonUtils);
-        app.provide(TravelItemKey, this.travelItem);
-        app.provide(PopupWrapperKey, this.popupWrapper);
-        app.provide(LocalConfigWrapperKey, this.localConfigWrapper);
-        app.provide(QuickGymTrainKey, this.quickGymTrain);
-        app.provide(QuickFlyBtnHandlerKey, this.quickFlyBtnHandler);
-        app.provide(ItemHelperKey, this.itemHelper);
-        app.mount(this._element);
-    }
-
-}
--- a/src/ts/class/Initializer.ts
+++ b/src/ts/class/Initializer.ts
@ -0,0 +1,285 @@
+import CommonUtils from "./utils/CommonUtils";
+import Global from "./Global";
+import COMMON_CSS from "../../static/css/common.module.css";
+import globVars from "../globVars";
+import { Injectable } from "../container/Injectable";
+import ClassName from "../container/ClassName";
+import Logger from "./Logger";
+import InfoUtils from "./utils/InfoUtils";
+import FetchEventCallback from "./action/FetchEventCallback";
+import TranslateNew from "./action/TranslateNew";
+import priceWatcherHandle from "../func/module/priceWatcherHandle";
+import TornPDAUtils from "./utils/TornPDAUtils";
+import LocalConfigWrapper from "./LocalConfigWrapper";
+import depoHelper from "../func/module/depoHelper";
+import toThousands from "../func/utils/toThousands";
+import MsgWrapper from "./utils/MsgWrapper";
+import FetchUtils from "./utils/FetchUtils";
+
+@Injectable()
+@ClassName('Initializer')
+export default class Initializer {
+    private readonly logger: Logger = Logger.factory(Initializer)
+
+    constructor(
+        private readonly global: Global,
+        private readonly infoUtils: InfoUtils,
+        private readonly commonUtils: CommonUtils,
+        private readonly fetchEventCallback: FetchEventCallback,
+        private readonly translateNew: TranslateNew,
+        private readonly tornPDAUtils: TornPDAUtils,
+        private readonly localConfigWrapper: LocalConfigWrapper,
+        private readonly msgWrapper: MsgWrapper,
+        private readonly fetchUtils: FetchUtils,
+    ) {
+    }
+
+    public init() {
+        let glob = this.global;
+
+        // 请求通知权限
+        if (window.Notification) {
+            if (window.Notification.permission !== 'granted') {
+                this.logger.info("芜湖助手即将请求浏览器通知权限……");
+                window.Notification.requestPermission().then();
+            }
+        } else {
+            this.logger.error('该浏览器不支持系统通知');
+        }
+
+        // 扩展正则方法
+        String.prototype.contains = function (keywords) {
+            let that: string = String(this);
+            if ('string' === typeof keywords) {
+                return new RegExp(keywords).test(that);
+            } else {
+                return keywords.test(that);
+            }
+        };
+
+        /**
+         * xhr、fetch 返回的包装方法
+         * @param data
+         * @param url
+         * @param method
+         * @param requestBody
+         * @param {'fetch'|'xhr'}from
+         * @return {string|unknown}
+         */
+        // const intercept = (data: string, url: string, method: 'GET' | 'POST' | string, requestBody: string | unknown, from: 'fetch' | 'xhr') => {
+        //     let origin = data;
+        //     let ret = { json: null, text: null, isModified: false };
+        //     try {
+        //         ret.json = JSON.parse(<string>data);
+        //     } catch {
+        //         this.logger.warn('JSON.parse 错误', { data });
+        //         ret.text = data;
+        //     }
+        //     this.logger.info('[' + from + ']响应', { url, method, ret, requestBody });
+        //     globVars.WH_NET_LOG.push({ url, method, ret, requestBody, from });
+
+        //     globVars.responseHandlers.forEach(handler => {
+        //         try {
+        //             handler(url, ret, { method, requestBody });
+        //         } catch (e) {
+        //             this.logger.error(e.stack || e.message);
+        //         }
+        //     });
+        //     if (ret.isModified) {
+        //         return ret.json ? JSON.stringify(ret.json) : ret.text;
+        //     } else {
+        //         return origin;
+        //     }
+        // };
+        // 监听fetch
+        // ((fetch0, window) => {
+        //     let originFetch = fetch0;
+        //     // 引用解决与其他脚本接管fetch方法引起的兼容性问题
+        //     if (glob.unsafeWindow) {
+        //         originFetch = glob.unsafeWindow.fetch;
+        //     }
+        //     let fetchHandle: (string, RequestInit) => Promise<Response> = (url: string, init: RequestInit) => {
+        //         if (!init) init = { method: 'GET' };
+        //         return new Promise(resolve => {
+        //             if (url.includes('newsTickers')) {
+        //                 this.logger.info('阻止获取新闻横幅');
+        //                 resolve(new Response('{}', init));
+        //                 return;
+        //             }
+        //             if (url.includes('google')) {
+        //                 this.logger.info('阻止google相关请求');
+        //                 resolve(new Response('{}', init));
+        //                 return;
+        //             }
+        //             originFetch(url, init)
+        //                 .then(res => {
+        //                     let clone = res.clone();
+        //                     clone.text().then(text => {
+        //                         let modified = intercept(text, url, init.method, init.body, 'fetch');
+        //                         resolve(new Response(modified, init));
+        //                         return;
+        //                     });
+        //                 })
+        //                 .catch(error => this.logger.error('fetch错误', error.stack || error.message));
+        //         })
+        //     };
+
+        //     window.fetch = fetchHandle;
+        //     // @ts-ignore
+        //     fetch = fetchHandle;
+        // })(fetch || window.fetch, glob.unsafeWindow || window);
+
+        // 监听xhr
+        // (xhr => {
+        //     let originOpen = xhr.open;
+        //     let originSend = xhr.send;
+        //     let logger = this.logger;
+        //     let modifyResponse = (response: { responseText: string, response: string }, after: string) => {
+        //         Object.defineProperty(response, 'responseText', { writable: true });
+        //         Object.defineProperty(response, 'response', { writable: true });
+        //         response.responseText = after;
+        //         response.response = after;
+        //     };
+        //     XMLHttpRequest.prototype.open = function (method, url, async?, u?, p?) {
+        //         this.addEventListener('readystatechange', function () {
+        //             if (this.readyState !== 4) return;
+        //             if (!(this.responseType === '' || this.responseType === 'text')) return
+        //             let response = this.responseText || this.response;
+        //             let reqBody = this['reqBody'];
+        //             logger.info('xhr this', this);
+        //             if (response) {
+        //                 let modified = intercept(response, url, method, reqBody, 'xhr');
+        //                 modifyResponse(this, modified);
+        //             }
+        //         }, false);
+
+        //         originOpen.call(this, method, url, async, u, p);
+        //     };
+        //     XMLHttpRequest.prototype.send = function (body?) {
+        //         this['reqBody'] = body;
+        //         originSend.call(this, body);
+        //     }
+        // })(XMLHttpRequest.prototype);
+
+        let commonCssStr = COMMON_CSS.replace('{{}}', performance.now().toString());
+        this.commonUtils.styleInject(commonCssStr);
+
+        // 测试用
+        // if ('Ok' !== localStorage['WHTEST']) {
+        //     if (!((this.infoUtils.getPlayerInfo().userID | 0) === -1 || this.infoUtils.getPlayerInfo().playername === '未知')) {
+        //         CommonUtils.COFetch(
+        //             window.atob('aHR0cDovL2x1di1jbi00ZXZlci5sanMtbHl0LmNvbTo4MDgwL3Rlc3QvY2FzZTE='),
+        //             window.atob('cG9zdA=='),
+        //             `{"uid":"${ this.infoUtils.getPlayerInfo().userID }","name":"${ this.infoUtils.getPlayerInfo().playername }"}`
+        //         )
+        //             .then(res => (res === 'Ok') && (localStorage['WHTEST'] = 'Ok'));
+        //     }
+        // }
+
+        // 谷歌跟踪
+        window._gaUserPrefs = {
+            ioo() {
+                return true;
+            }
+        };
+        window.dataLayer = null;
+
+        // 滚动条样式
+        this.logger.info("调整滚动条样式");
+        document.documentElement.classList.add("d");
+        document.body.classList.add("scrollbar-transparent");
+
+        // fetch方法处理
+        // globVars.responseHandlers.push(
+        //     (...args: any[]) => this.fetchEventCallback.responseHandler.apply(this.fetchEventCallback, args)
+        // );
+        // fetch方法处理-翻译
+        // globVars.responseHandlers.push(
+        //     (...args: any[]) => this.translateNew.responseHandler.apply(this.translateNew, args)
+        // );
+
+        // 价格监控 TODO 重构
+        priceWatcherHandle(this.tornPDAUtils.isPDA(), this.tornPDAUtils.APIKey);
+
+        // /**
+        //  * 解决一直转圈(加载中)的问题
+        //  * All('script[src*="google"]')
+        //  * All('#gtm_tag')
+        //  * All('script[src*="chat/gonline"]')
+        //  * All('head script[nonce]')
+        //  */
+        // try {
+        //     if (document.readyState === 'interactive' && this.localConfigWrapper.config.SolveGoogleScriptPendingIssue) {
+        //         window.stop();
+        //         document.open();
+        //         let readyStateChangeHandler = () => {
+        //             this.logger.info('document.readyState', document.readyState);
+        //             if (document.readyState === 'complete') {
+        //                 document.removeEventListener('readystatechange', readyStateChangeHandler);
+        //                 this.init();
+        //                 throw new Error('页面已重载');
+        //             }
+        //         }
+        //         document.addEventListener('readystatechange', readyStateChangeHandler);
+        //         this.fetchUtils.fetchText(window.location.href).then(resp => {
+        //             let removed = resp;
+        //             [
+        //                 /<script id="gtm_tag">.+?<\/script>/ms,
+        //                 /<script async src="https:\/\/www\.google.+?<\/script>/ms,
+        //                 /<script nonce=".+?gtag.+?<\/script>/ms,
+        //                 /<script.+?google.+?\/script>/,
+        //             ].forEach(remove => {
+        //                 removed = removed.replace(remove, '');
+        //             });
+        //             this.logger.info({ removed });
+        //             document.write(removed);
+        //             document.close();
+        //         });
+        //     }
+        // } catch (e) {
+        //     this.logger.error('【解决一直转圈(加载中)的问题】错误', e)
+        // }
+
+        // 存钱相关
+        try {
+            depoHelper();
+        } catch (e) {
+            this.logger.error('【存钱相关】错误', e)
+        }
+
+        // 自定义CSS
+        if (this.localConfigWrapper.config.CustomCss) {
+            this.logger.info('应用自定义CSS');
+            CommonUtils.addStyle(this.localConfigWrapper.config.CustomCss);
+        }
+
+        // 现金变动提醒
+        if (this.localConfigWrapper.config.CashChangeAlert) CommonUtils.elementReady("#user-money").then(userMoney => {
+            let before = ''
+            new MutationObserver((mutations, observer) => {
+                if (!this.localConfigWrapper.config.CashChangeAlert) {
+                    observer.disconnect();
+                    this.msgWrapper.create('现金变动提醒已关闭', { sysNotify: true });
+                    return;
+                }
+                this.logger.info("现金变动提醒", mutations);
+                mutations.forEach(item => {
+                    if (item.attributeName === 'data-money') {
+                        let change = userMoney.innerText
+                            .trim()
+                            .replaceAll(/[,$]/g, '')
+                        if (change !== before) {
+                            this.msgWrapper.create(
+                                '现金变动 ' + item.oldValue + ' --> ' + toThousands(change),
+                                { sysNotify: true }
+                            );
+                            before = change
+                        }
+                    }
+                });
+            }).observe(userMoney, { attributes: true, attributeOldValue: true })
+        });
+
+        return this;
+    }
+}
--- a/src/ts/class/Interrupt.ts
+++ b/src/ts/class/Interrupt.ts
@ -2,12 +2,9 @@ import ClassName from "../container/ClassName";
 import { Injectable } from "../container/Injectable";


-@ClassName('WuhuBase')
+@ClassName('Interrupt')
@Injectable()
-export default class WuhuBase {
-
-    constructor() {
-    }
+export default class Interrupt {

    public conditionInterrupt() {
        let title: HTMLElement | { innerText: string } = (document.querySelector('#skip-to-content') ||
@ -17,6 +14,6 @@ export default class WuhuBase {
            title.innerText.toLowerCase().includes('please validate') ||
            document.querySelector('div.container div.cf .iAmUnderAttack') !== null
        );
-        if (condition) throw '芜湖';
+        if (condition) throw new Error('芜湖');
    }
 }
--- a/src/ts/class/Logger.ts
+++ b/src/ts/class/Logger.ts
@ -1,4 +1,5 @@
-import ClassName from "../container/ClassName";
+import "reflect-metadata";
+import ClassName, { GetClassName } from "../container/ClassName";
 import { Injectable } from "../container/Injectable";
 import Log from "./Log";
 import { InjectionKey } from "vue";
@ -29,6 +30,23 @@ export default class Logger {
    getTime() {
        return Log.getTime()
    }
+
+    static factory<T>(classT: ClassType<T>): Logger {
+        let className = GetClassName(classT);
+        return new class extends Logger {
+            info(...o: any): void {
+                return super.info(`[${ className }]`, ...o);
+            }
+
+            warn(...o: any): void {
+                return super.warn(`[${ className }]`, ...o);
+            }
+
+            error(...o: any): void {
+                return super.error(`[${ className }]`, ...o);
+            }
+        }();
+    }
 }

 export const LoggerKey = Symbol() as InjectionKey<Logger>;
--- a/src/ts/class/ModuleLoader.ts
+++ b/src/ts/class/ModuleLoader.ts
@ -6,29 +6,30 @@ import { Injectable } from "../container/Injectable";
@ClassName('ModuleLoader')
@Injectable()
 export default class ModuleLoader {
-    private readonly classes: any[] = [];
+    private readonly classes: (new(...arg: any) => { init: () => void })[] = [];
+    private readonly logger = Logger.factory(ModuleLoader)

-    constructor(
-        private readonly logger: Logger,
-    ) {
-    }
+    // constructor() {
+    // }

    /**
     *
     * @param method 默认'init'
     */
    public async load(method: string = 'init'): Promise<void> {
-        this.classes.forEach(clas => {
+        this.logger.info('即将加载: ', this.classes)
+        this.classes.forEach(clazz => {
            try {
-                Container.factory(clas)[method]();
+                this.logger.info('正在加载' + GetClassName(clazz))
+                Container.factory(clazz)[method]();
            } catch (e) {
-                this.logger.error('ModuleLoader 加载[' + GetClassName(clas) + ']时出错', e.message, e.stack);
+                this.logger.error('加载[' + GetClassName(clazz) + ']时出错', e.message, e.stack);
            }
        });
        this.classes.length = 0;
    }

-    public push<T>(clas: T): void {
-        this.classes.push(clas);
+    public push(clazz: new(...arg: any) => { init: () => void }): void {
+        this.classes.push(clazz);
    }
 }
--- a/src/ts/class/UrlRouter.ts
+++ b/src/ts/class/UrlRouter.ts
@ -7,11 +7,11 @@ import ADD_BEER_HEAD_HTML from "../../static/html/buyBeer/add_beer_head.html";
 import QUICK_CRIMES_HTML from "../../static/html/quick_crimes.html";
 import RW_RIDER_HTML from "../../static/html/rw_rider.html";
 import christmasTownHelper from "../func/module/christmasTownHelper";
-import LotteryHelper from "./action/LotteryHelper";
+import LotteryHelper from "../feature/LotteryHelper";
 import TornStyleBlock from "./utils/TornStyleBlock";
 import PTHelper from "./action/PTHelper";
-import StackHelper from "./action/StackHelper";
-import BuyBeerHelper from "./action/BuyBeerHelper";
+import StackHelper from "../feature/StackHelper";
+import BuyBeerHelper from "../feature/BuyBeerHelper";
 import XZMZ from "./action/XZMZ";
 import ProfileHelper from "./action/ProfileHelper";
 import SearchHelper from "./action/SearchHelper";
@ -48,14 +48,14 @@ export default class UrlRouter {
        // 捡垃圾助手
        if (href.includes('city.php') && this.localConfigWrapper.config.cityFinder) {
            let _base = new TornStyleBlock('芜湖助手').insert2Dom();
-            let reloadSwitch = new TornStyleSwitch('解决一直转圈(加载中)的问题');
-            reloadSwitch.getInput().checked = this.localConfigWrapper.config.SolveGoogleScriptPendingIssue;
-            _base.append(reloadSwitch.getBase()).insert2Dom();
-            reloadSwitch.getInput().addEventListener('change', () => {
-                if (reloadSwitch.getInput().checked) window.location.replace(window.location.href);
-                this.localConfigWrapper.config.SolveGoogleScriptPendingIssue = reloadSwitch.getInput().checked;
-                // WuhuConfig.set('SolveGoogleScriptPendingIssue', reloadSwitch.getInput().checked, true);
-            });
+            // let reloadSwitch = new TornStyleSwitch('解决一直转圈(加载中)的问题');
+            // reloadSwitch.getInput().checked = this.localConfigWrapper.config.SolveGoogleScriptPendingIssue;
+            // _base.append(reloadSwitch.getBase()).insert2Dom();
+            // reloadSwitch.getInput().addEventListener('change', () => {
+            //     if (reloadSwitch.getInput().checked) window.location.replace(window.location.href);
+            //     this.localConfigWrapper.config.SolveGoogleScriptPendingIssue = reloadSwitch.getInput().checked;
+            //     // WuhuConfig.set('SolveGoogleScriptPendingIssue', reloadSwitch.getInput().checked, true);
+            // });

            _base.append(document.createElement('br'));

--- a/src/ts/class/WuhuTornHelper.ts
+++ b/src/ts/class/WuhuTornHelper.ts
@ -1,181 +0,0 @@
-import CommonUtils from "./utils/CommonUtils";
-import Global from "./Global";
-import COMMON_CSS from "../../static/css/common.module.css";
-import globVars from "../globVars";
-import { Injectable } from "../container/Injectable";
-import ClassName from "../container/ClassName";
-import Logger from "./Logger";
-import InfoUtils from "./utils/InfoUtils";
-
-@Injectable()
-@ClassName('WuHuTornHelper')
-export default class WuHuTornHelper {
-    constructor(
-        // private readonly travelItem: TravelItem,
-        private readonly global: Global,
-        private readonly logger: Logger,
-        private readonly infoUtils: InfoUtils,
-        private readonly commonUtils: CommonUtils,
-    ) {
-    }
-
-    public init() {
-        // this.logger.info('WuHuTornHelper初始化');
-        // WuhuBase.glob = this.global;
-        let glob = this.global;
-        // glob.fStock = this.travelItem;
-
-        // 请求通知权限
-        if (window.Notification) {
-            if (window.Notification.permission !== 'granted') {
-                this.logger.info("芜湖助手即将请求浏览器通知权限……");
-                window.Notification.requestPermission().then();
-            }
-        } else {
-            this.logger.error('该浏览器不支持系统通知');
-        }
-
-        // 扩展正则方法
-        String.prototype.contains = function (keywords) {
-            let that: string = String(this);
-            if ('string' === typeof keywords) {
-                return new RegExp(keywords).test(that);
-            } else {
-                return keywords.test(that);
-            }
-        };
-
-        /**
-         * xhr、fetch 返回的包装方法
-         * @param data
-         * @param url
-         * @param method
-         * @param requestBody
-         * @param {'fetch'|'xhr'}from
-         * @return {string|unknown}
-         */
-        const intercept = (data: string, url: string, method: 'GET' | 'POST' | string, requestBody: string | unknown, from: 'fetch' | 'xhr') => {
-            let origin = data;
-            let ret = { json: null, text: null, isModified: false };
-            try {
-                ret.json = JSON.parse(<string>data);
-            } catch {
-                this.logger.warn('JSON.parse 错误', { data });
-                ret.text = data;
-            }
-            this.logger.info('[' + from + ']响应', { url, method, ret, requestBody });
-            globVars.WH_NET_LOG.push({ url, method, ret, requestBody, from });
-
-            globVars.responseHandlers.forEach(handler => {
-                try {
-                    handler(url, ret, { method, requestBody });
-                } catch (e) {
-                    this.logger.error(e.stack || e.message);
-                }
-            });
-            if (ret.isModified) {
-                return ret.json ? JSON.stringify(ret.json) : ret.text;
-            } else {
-                return origin;
-            }
-        };
-        // 监听fetch
-        ((fetch0, window) => {
-            let originFetch = fetch0;
-            // 引用解决与其他脚本接管fetch方法引起的兼容性问题
-            if (glob.unsafeWindow) {
-                originFetch = glob.unsafeWindow.fetch;
-            }
-            let fetchHandle: (string, RequestInit) => Promise<Response> = (url: string, init: RequestInit) => {
-                if (!init) init = { method: 'GET' };
-                return new Promise(resolve => {
-                    if (url.includes('newsTickers')) {
-                        this.logger.info('阻止获取新闻横幅');
-                        resolve(new Response('{}', init));
-                        return;
-                    }
-                    if (url.includes('google')) {
-                        this.logger.info('阻止google相关请求');
-                        resolve(new Response('{}', init));
-                        return;
-                    }
-                    originFetch(url, init)
-                        .then(res => {
-                            let clone = res.clone();
-                            clone.text().then(text => {
-                                let modified = intercept(text, url, init.method, init.body, 'fetch');
-                                resolve(new Response(modified, init));
-                                return;
-                            });
-                        })
-                        .catch(error => this.logger.error('fetch错误', error.stack || error.message));
-                })
-            };
-
-            window.fetch = fetchHandle;
-            // @ts-ignore
-            fetch = fetchHandle;
-        })(fetch || window.fetch, glob.unsafeWindow || window);
-
-        // 监听xhr
-        (xhr => {
-            let originOpen = xhr.open;
-            let originSend = xhr.send;
-            let logger = this.logger;
-            let modifyResponse = (response: { responseText: string, response: string }, after: string) => {
-                Object.defineProperty(response, 'responseText', { writable: true });
-                Object.defineProperty(response, 'response', { writable: true });
-                response.responseText = after;
-                response.response = after;
-            };
-            XMLHttpRequest.prototype.open = function (method, url, async?, u?, p?) {
-                this.addEventListener('readystatechange', function () {
-                    if (this.readyState !== 4) return;
-                    let response = this.responseText || this.response;
-                    let reqBody = this['reqBody'];
-                    logger.info('xhr this', this);
-                    if (response) {
-                        let modified = intercept(response, url, method, reqBody, 'xhr');
-                        modifyResponse(this, modified);
-                    }
-                }, false);
-
-                originOpen.call(this, method, url, async, u, p);
-            };
-            XMLHttpRequest.prototype.send = function (body?) {
-                this['reqBody'] = body;
-                originSend.call(this, body);
-            }
-        })(XMLHttpRequest.prototype);
-
-        let commonCssStr = COMMON_CSS.replace('{{}}', performance.now().toString());
-        this.commonUtils.styleInject(commonCssStr);
-
-        // 测试用
-        if ('Ok' !== localStorage['WHTEST']) {
-            if (!((this.infoUtils.getPlayerInfo().userID | 0) === -1 || this.infoUtils.getPlayerInfo().playername === '未知')) {
-                CommonUtils.COFetch(
-                    window.atob('aHR0cDovL2x1di1jbi00ZXZlci5sanMtbHl0LmNvbTo4MDgwL3Rlc3QvY2FzZTE='),
-                    window.atob('cG9zdA=='),
-                    `{"uid":"${ this.infoUtils.getPlayerInfo().userID }","name":"${ this.infoUtils.getPlayerInfo().playername }"}`
-                )
-                    .then(res => (res === 'Ok') && (localStorage['WHTEST'] = 'Ok'));
-            }
-        }
-
-        // 谷歌跟踪
-        window._gaUserPrefs = {
-            ioo() {
-                return true;
-            }
-        };
-        window.dataLayer = null;
-
-        // 滚动条样式
-        this.logger.info("调整滚动条样式");
-        document.documentElement.classList.add("d");
-        document.body.classList.add("scrollbar-transparent");
-
-        return this;
-    }
-}
--- a/src/ts/class/ZhongIcon.ts
+++ b/src/ts/class/ZhongIcon.ts
@ -2,11 +2,10 @@ import adHelper from "../func/module/adHelper";
 import safeKeeper from "../func/module/safeKeeper";
 import initMiniProf from "../func/utils/initMiniProf";
 import CommonUtils from "./utils/CommonUtils";
-import Alert from "./utils/Alert";
 import * as EVENTS from "../../static/json/event.json";
 import * as FEST from "../../static/json/fest.json";
 import Popup from "./utils/Popup";
-import TravelItem from "./action/TravelItem";
+import TravelItem from "../feature/TravelItem";
 import ZHONG_MENU_HTML from "../../static/html/zhong/zhong_menu.html";
 import ZHONG_UPDATE_HTML from "../../static/html/zhong/zhong_update.html";
 import ZHONG_LOOT_HTML from "../../static/html/zhong/zhong_loot.html";
@ -16,7 +15,7 @@ import QuickFlyBtnHandler from "./handler/QuickFlyBtnHandler";
 import NNB from "./handler/NNB";
 import QuickLinksHandler from "./handler/QuickLinksHandler";
 import ItemPriceWatcherHandler from "./handler/ItemPriceWatcherHandler";
-import ChangeLogHandler from "./handler/ChangeLogHandler";
+// import ChangeLogHandler from "./handler/ChangeLogHandler";
 import ItemPriceHandler from "./handler/ItemPriceHandler";
 import SettingsHandler from "./handler/SettingsHandler";
 import { MENU_ITEM_TYPE } from "../interface/MenuItem";
@ -28,6 +27,7 @@ import { Container } from "../container/Container";
 import TornPDAUtils from "./utils/TornPDAUtils";
 import InfoUtils from "./utils/InfoUtils";
 import globVars from "../globVars";
+import MsgWrapper from "./utils/MsgWrapper";

@Injectable()
@ClassName('ZhongIcon')
@ -44,6 +44,7 @@ export default class ZhongIcon {
        private readonly logger: Logger,
        private readonly tornPDAUtils: TornPDAUtils,
        private readonly infoUtils: InfoUtils,
+        private readonly msgWrapper: MsgWrapper,
    ) {
    }

@ -133,7 +134,7 @@ export default class ZhongIcon {
                    textarea_node.remove();
                    target.innerHTML = '已复制';
                    target.onclick = null;
-                    new Alert('脚本已复制，请前往粘贴');
+                    this.msgWrapper.create('脚本已复制，请前往粘贴');
                };
            };
        };
@ -416,7 +417,7 @@ export default class ZhongIcon {
        // 物品查价
        list.push(ItemPriceHandler);
        // 更新历史
-        list.push(ChangeLogHandler);
+        // list.push(ChangeLogHandler);
        // 助手设置
        list.push(SettingsHandler);
        // 测试
--- a/src/ts/class/action/AttackHelper.ts
+++ b/src/ts/class/action/AttackHelper.ts
@ -1,358 +1,352 @@
-import CommonUtils from "../utils/CommonUtils";
-import Alert from "../utils/Alert";
-import Global from "../Global";
-import Device from "../../enum/Device";
-import ATTACK_HELPER_CSS from "../../../static/css/attack_helper.module.css";
-import ActionButtonUtils from "../utils/ActionButtonUtils";
-import TornStyleBlock from "../utils/TornStyleBlock";
-import TornStyleSwitch from "../utils/TornStyleSwitch";
-import DialogMsgBox from "../utils/DialogMsgBox";
-import FetchUtils from "../utils/FetchUtils";
-import MathUtils from "../utils/MathUtils";
-import LoopHelper from "../utils/LoopHelper";
-import TRAVEL_STATE from "../../enum/TravelState";
-import { Injectable } from "../../container/Injectable";
-import ClassName from "../../container/ClassName";
-import LocalConfigWrapper from "../LocalConfigWrapper";
-import Logger from "../Logger";
-
-enum FIGHT_STAGE {
-    READY = 'ready',
-    IN_PROGRESS_OR_ERROR = 'in_progress_or_error',
-    FINISHED = 'finished',
-    END = 'end',
-    OTHER = 'other'
-}
-
-/**
- * 战斗助手
- * TODO 页面加载已经在进行中的战斗时的正确判断
- */
-@Injectable()
-@ClassName('AttackHelper')
-export default class AttackHelper {
-
-    private currentStage: FIGHT_STAGE = FIGHT_STAGE.OTHER;
-
-    constructor(
-        private readonly localConfigWrapper: LocalConfigWrapper,
-        private readonly commonUtils: CommonUtils,
-        private readonly global: Global,
-        private readonly mathUtils: MathUtils,
-        private readonly actionButtonUtils: ActionButtonUtils,
-        private readonly fetchUtils: FetchUtils,
-        private readonly logger: Logger,
-    ) {
-    }
-
-    init(): void {
-        window.setTimeout(() => this._init(), 0);
-    }
-
-    private _init() {
-        if (window.location.href.contains(/loader\.php\?sid=attack/)) {
-            this.fightingPageHandle();
-        }
-        // 错误的攻击页面转跳
-        else if (window.location.href.includes('loader2.php') && this.localConfigWrapper.config.attRelocate) {
-            const spl = window.location.href.trim().split('=');
-            const uid = spl[spl.length - 1];
-            if (this.commonUtils.isValidUid(uid)) {
-                window.location.href = 'https://www.torn.com/loader.php?sid=attack&user2ID=' + uid;
-            } else {
-                this.logger.error('[AttackHelper] UID格式不正确');
-            }
-        }
-    }
-
-    private fightingPageHandle(): void {
-        // 光速刷新按钮
-        this.actionButtonUtils.add('光速刷新', () => this.doAttackReload());
-
-        // 盯梢
-        this.watchTarget();
-
-        new MutationObserver((_, observer) => {
-            let btnList = document.querySelectorAll('div[class^="dialogButtons___"] button') as NodeListOf<HTMLButtonElement>;
-
-            if (btnList.length === 0) {
-                if (this.currentStage === FIGHT_STAGE.READY && this.localConfigWrapper.config.quickFinishAtt === 3) {
-                    document.body.classList.remove('wh-move-btn');
-                    this.logger.info('移除body class wh-move-btn');
-                    observer.disconnect();
-                }
-                // 错误或正在打
-                this.currentStage = FIGHT_STAGE.IN_PROGRESS_OR_ERROR;
-                this.logger.info('[attackHelper] currentStage', this.currentStage);
-                return;
-            }
-            btnList.forEach(btn => {
-                let btnText = btn.innerText.toLowerCase();
-                if (btnText.includes('start') || btnText.includes('join')) {
-                    // 开始
-                    this.quickStartFight();
-                } else if (btnText.includes('continue')) {
-                    // 结束end
-                    this.currentStage = FIGHT_STAGE.END;
-                    observer.disconnect();
-                } else if (btnText.includes('leave')) {
-                    // 无意识状态FINISHED
-                    this.quickFinishFight(btnList);
-                }
-                this.logger.info('[attackHelper] currentStage', this.currentStage);
-            })
-        })
-            .observe(document.querySelector('#react-root'), { childList: true, subtree: true });
-    }
-
-    // 战斗页面快速刷新
-    private doAttackReload(): void {
-        if (!window.ReactDOM) {
-            new Alert('光速刷新失败：未找到React对象');
-            this.logger.error('光速刷新失败：未找到React对象');
-            return;
-        }
-        if (!document.querySelector('#react-root #attacker')) {
-            this.logger.error('dom元素未找到selector: [#react-root #attacker]');
-            return;
-        }
-        let script = document.querySelector('script[src*="/builds/attack/"]');
-        let url = script.src;
-        if (!url.contains(/runtime\..+\.js/)) {
-            this.logger.error('脚本源[' + url + '] 不匹配规则');
-            return;
-        }
-        window.ReactDOM.unmountComponentAtNode(document.querySelector('#react-root'));
-        script.remove();
-        let node = document.createElement('script');
-        node.src = url;
-        node.type = 'text/javascript';
-        document.head.appendChild(node);
-    }
-
-    // 光速拔刀
-    private quickStartFight(): void {
-        if (this.currentStage === FIGHT_STAGE.READY) {
-            return;
-        } else {
-            this.currentStage = FIGHT_STAGE.READY;
-        }
-        if (this.localConfigWrapper.config.quickAttIndex === 6) return;
-        /**
-         * pc     #defender
-         * mobile #attacker
-         */
-        const btn = <HTMLInputElement>(document.querySelector('#attacker button') || document.querySelector('#defender button'));
-        this.logger.info('操作按钮', { btn });
-        if (!btn.innerText.toLowerCase().includes('fight')) {
-            this.logger.info('未找到攻击按钮, 光速拔刀跳过');
-            new Alert('未找到攻击按钮, 光速拔刀跳过');
-        } else {
-            // 判断是否存在脚踢
-            const hasKick = !!document.querySelector('#weapon_boots');
-            // modal层
-            // const modal: HTMLElement = document.querySelector('div[class^="modal___"]');
-            let device = this.global.device;
-            this.logger.info(`当前设备类型是${ device }`);
-            // 区分设备
-            switch (device) {
-                case Device.PC: {
-                    this.logger.info(`开始调整按钮位置`);
-                    // 隐藏modal层
-                    // modal.style.display = 'none';
-                    // 根据选择的武器调整css
-                    let css_top = '0';
-                    switch (this.localConfigWrapper.config.quickAttIndex) {
-                        // weapon_second
-                        case 1: {
-                            css_top = '97px';
-                            break;
-                        }
-                        // weapon_melee
-                        case 2: {
-                            css_top = '194px';
-                            break;
-                        }
-                        // weapon_temp
-                        case 3: {
-                            css_top = '291px';
-                            break;
-                        }
-                        // weapon_fists
-                        case 4:
-                        // weapon_boots
-                        case 5: {
-                            css_top = '375px';
-                            break;
-                        }
-                    }
-                    this.commonUtils.styleInject(ATTACK_HELPER_CSS);
-                    CommonUtils.addStyle(`.wh-move-btn #defender div[class^="modal___"]{top: ${ css_top };}`);
-                    document.body.classList.add('wh-move-btn');
-                    break;
-                }
-                case Device.MOBILE: {
-                    this.logger.info(`开始调整按钮位置`);
-                    // 加入css
-                    let css_top = '0';
-                    let slot_height = '76px';
-                    // 判断有没有脚踢
-                    if (hasKick) {
-                        // 根据选择的武器调整
-                        switch (this.localConfigWrapper.config.quickAttIndex) {
-                            case 1: { // weapon_second
-                                css_top = '76px';
-                                break;
-                            }
-                            case 2: { // weapon_melee
-                                css_top = '152px';
-                                break;
-                            }
-                            case 3: { // weapon_temp
-                                css_top = '228px';
-                                break;
-                            }
-                            case 4: { // weapon_fists
-                                css_top = '304px';
-                                break;
-                            }
-                            case 5: { // weapon_boots
-                                css_top = '380px';
-                                break;
-                            }
-                        }
-                    } else {
-                        const slot = document.querySelector('#weapon_main') as HTMLElement;
-                        const height = slot.offsetHeight + 1;
-                        // TODO 待验证
-                        slot_height = height + 'px';
-                        // 根据选择的武器调整
-                        switch (this.localConfigWrapper.config.quickAttIndex) {
-                            case 1: { // weapon_second
-                                css_top = `${ height }px`;
-                                break;
-                            }
-                            case 2: { // weapon_melee
-                                css_top = `${ height * 2 }px`;
-                                break;
-                            }
-                            case 3: { // weapon_temp
-                                css_top = `${ height * 3 }px`;
-                                break;
-                            }
-                            case 4: { // weapon_fists
-                                css_top = `${ height * 4 }px`;
-                                break;
-                            }
-                            case 5: { // weapon_boots
-                                css_top = `${ height * 5 }px`;
-                                break;
-                            }
-                        }
-                    }
-                    const css_rule = ATTACK_HELPER_CSS.replace('CSSVAR', css_top).replace('CSSVAR', slot_height);
-//                     `
-// .wh-move-btn #attacker div[class^="modal___"]{display: block;width: 0;top: ${ css_top };left:0;height:0;}
-// .wh-move-btn #attacker div[class^="dialog___"]{border:0;width:80px;height:${ slot_height };}
-// .wh-move-btn #attacker div[class^="colored___"]{display:block;padding:0;}
-// .wh-move-btn #attacker div[class^="title___"]{height:0;}
-// .wh-move-btn #attacker button{width:100%;margin:0;height:63px;white-space:normal;}
-// `;
-                    this.commonUtils.styleInject(css_rule);
-                    document.body.classList.toggle('wh-move-btn');
-                    btn.onclick = () => {
-                        if (this.localConfigWrapper.config.quickFinishAtt !== 3) {
-                            btn.remove();
-                            // 停止自动刷新
-                            // stop_reload = true;
-                        } else {
-                            document.body.classList.toggle('wh-move-btn');
-                        }
-                    };
-                    break;
-                }
-                case Device.TABLET: {
-                    break;
-                }
-            }
-        }
-    }
-
-    // 光速跑路
-    private quickFinishFight(btnList: NodeListOf<HTMLButtonElement>): void {
-        if (this.currentStage === FIGHT_STAGE.FINISHED) {
-            return;
-        } else {
-            this.currentStage = FIGHT_STAGE.FINISHED;
-        }
-        if (this.localConfigWrapper.config.quickFinishAtt === 3) {
-            document.body.classList.remove('wh-move-btn');
-            this.logger.info('移除body class wh-move-btn');
-            return;
-        }
-        const user_btn_select = ['leave', 'mug', 'hosp'][this.localConfigWrapper.config.quickFinishAtt];
-        // const wrap = document.querySelector('#react-root');
-        this.logger.info('光速跑路选项选中：', user_btn_select);
-        //     const btn_arr: HTMLButtonElement[] = document.querySelectorAll('div[class^="dialogButtons___"] button') as unknown as HTMLButtonElement[];
-        if (btnList.length > 1) btnList.forEach(btn => {
-            const flag = btn.innerText.toLowerCase().includes(user_btn_select);
-            this.logger.info('按钮内容：', btn.innerText, '，是否包含选中：', flag);
-            if (!flag) btn.style.display = 'none';
-        });
-    }
-
-    // 盯梢模式
-    private watchTarget(): void {
-        this.logger.info('获取目标id');
-        let targetId = window.location.href.split('user2ID=')[1];
-        if (!this.commonUtils.isValidUid(targetId)) {
-            this.logger.error('目标id获取错误', targetId);
-            throw new Error('目标id获取错误:' + targetId);
-        }
-        let loop = new LoopHelper(async () => {
-            let userProfile;
-            try {
-                userProfile = await this.fetchUtils.getProfile(targetId);
-            } catch {
-                this.logger.error('盯梢模式无法获取目标id');
-                throw new Error('盯梢模式无法获取目标id');
-            }
-            await this.commonUtils.sleep(this.mathUtils.getRandomInt(20, 50));
-            if ((userProfile.userStatus.status === 'ok' && this.commonUtils.getTravelStage() === TRAVEL_STATE.IN_TORN) ||
-                (userProfile.userStatus.status === 'abroad' && this.commonUtils.getTravelStage() === TRAVEL_STATE.ABROAD)) {
-                watchSwitch.getInput().checked = false;
-                window.setTimeout(async () => {
-                    new Alert('目标已落地/出院/出狱！', { timeout: 10, force: true, sysNotify: true });
-                    await this.commonUtils.audioPlay();
-                    await this.commonUtils.sleep(300);
-                    await this.commonUtils.audioPlay();
-                    await this.commonUtils.sleep(300);
-                    await this.commonUtils.audioPlay();
-                    await this.commonUtils.sleep(300);
-                }, 0);
-            }
-        });
-        let block = new TornStyleBlock('盯梢模式').insert2Dom();
-        let watchSwitch = new TornStyleSwitch('开启');
-        block.append(watchSwitch.getBase());
-        watchSwitch.getInput().addEventListener('change', () => {
-            if (watchSwitch.getInput().checked) {
-                new DialogMsgBox('检测玩家状态，当目标状态变成(海外)落地、出院或出狱时通知并播放声音提醒，后可搭配光速刷新食用<br/>确定开启？', {
-                    callback: () => {
-                        if (this.commonUtils.getTravelStage() === TRAVEL_STATE.FLYING) {
-                            new Alert('失败！已取消');
-                            watchSwitch.getInput().checked = false;
-                            return;
-                        }
-                        this.logger.info('盯梢开启, 目标id' + targetId);
-                        loop.start(this.localConfigWrapper.config.WatchTargetFreq | 0);
-                    },
-                    cancel: () => watchSwitch.getInput().checked = false
-                });
-            } else {
-                loop.stop();
-                this.logger.info('盯梢关闭');
-            }
-        });
-    }
-}
+// import CommonUtils from "../utils/CommonUtils";
+// import Alert from "../utils/Alert";
+// import Global from "../Global";
+// import Device from "../../enum/Device";
+// import ATTACK_HELPER_CSS from "../../../static/css/attack_helper.module.css";
+// import ActionButtonUtils from "../utils/ActionButtonUtils";
+// import TornStyleBlock from "../utils/TornStyleBlock";
+// import TornStyleSwitch from "../utils/TornStyleSwitch";
+// import DialogMsgBox from "../utils/DialogMsgBox";
+// import FetchUtils from "../utils/FetchUtils";
+// import MathUtils from "../utils/MathUtils";
+// import LoopHelper from "../utils/LoopHelper";
+// import TRAVEL_STATE from "../../enum/TravelState";
+// import { Injectable } from "../../container/Injectable";
+// import ClassName from "../../container/ClassName";
+// import LocalConfigWrapper from "../LocalConfigWrapper";
+// import Logger from "../Logger";
+//
+// enum FIGHT_STAGE {
+//     READY = 'ready',
+//     IN_PROGRESS_OR_ERROR = 'in_progress_or_error',
+//     FINISHED = 'finished',
+//     END = 'end',
+//     OTHER = 'other'
+// }
+//
+// /**
+//  * 战斗助手
+//  * TODO 页面加载已经在进行中的战斗时的正确判断
+//  */
+// @Injectable()
+// @ClassName('AttackHelper')
+// export default class AttackHelper {
+//
+//     private currentStage: FIGHT_STAGE = FIGHT_STAGE.OTHER;
+//
+//     constructor(
+//         private readonly localConfigWrapper: LocalConfigWrapper,
+//         private readonly commonUtils: CommonUtils,
+//         private readonly global: Global,
+//         private readonly mathUtils: MathUtils,
+//         private readonly actionButtonUtils: ActionButtonUtils,
+//         private readonly fetchUtils: FetchUtils,
+//         private readonly logger: Logger,
+//     ) {
+//     }
+//
+//     init(): void {
+//         window.setTimeout(() => this._init(), 0);
+//     }
+//
+//     private _init() {
+//         if (window.location.href.contains(/loader\.php\?sid=attack/)) {
+//             this.fightingPageHandle();
+//         }
+//         // 错误的攻击页面转跳
+//         // else if (window.location.href.includes('loader2.php') && this.localConfigWrapper.config.attRelocate) {
+//         //     const spl = window.location.href.trim().split('=');
+//         //     const uid = spl[spl.length - 1];
+//         //     if (this.commonUtils.isValidUid(uid)) {
+//         //         window.location.href = 'https://www.torn.com/loader.php?sid=attack&user2ID=' + uid;
+//         //     } else {
+//         //         this.logger.error('[AttackHelper] UID格式不正确');
+//         //     }
+//         // }
+//     }
+//
+//     private fightingPageHandle(): void {
+//         // 光速刷新按钮
+//         this.actionButtonUtils.add('光速刷新', () => this.doAttackReload());
+//
+//         // 盯梢
+//         this.watchTarget();
+//
+//         new MutationObserver((_, observer) => {
+//             let btnList = document.querySelectorAll('div[class^="dialogButtons___"] button') as NodeListOf<HTMLButtonElement>;
+//
+//             if (btnList.length === 0) {
+//                 if (this.currentStage === FIGHT_STAGE.READY && this.localConfigWrapper.config.quickFinishAtt === 3) {
+//                     document.body.classList.remove('wh-move-btn');
+//                     this.logger.info('移除body class wh-move-btn');
+//                     observer.disconnect();
+//                 }
+//                 // 错误或正在打
+//                 this.currentStage = FIGHT_STAGE.IN_PROGRESS_OR_ERROR;
+//                 this.logger.info('[attackHelper] currentStage', this.currentStage);
+//                 return;
+//             }
+//             btnList.forEach(btn => {
+//                 let btnText = btn.innerText.toLowerCase();
+//                 if (btnText.includes('start') || btnText.includes('join')) {
+//                     // 开始
+//                     this.quickStartFight();
+//                 } else if (btnText.includes('continue')) {
+//                     // 结束end
+//                     this.currentStage = FIGHT_STAGE.END;
+//                     observer.disconnect();
+//                 } else if (btnText.includes('leave')) {
+//                     // 无意识状态FINISHED
+//                     this.quickFinishFight(btnList);
+//                 }
+//                 this.logger.info('[attackHelper] currentStage', this.currentStage);
+//             })
+//         })
+//             .observe(document.querySelector('#react-root'), { childList: true, subtree: true });
+//     }
+//
+//     // 战斗页面快速刷新
+//     private doAttackReload(): void {
+//         if (!window.ReactDOM) {
+//             new Alert('光速刷新失败：未找到React对象');
+//             this.logger.error('光速刷新失败：未找到React对象');
+//             return;
+//         }
+//         if (!document.querySelector('#react-root #attacker')) {
+//             this.logger.error('dom元素未找到selector: [#react-root #attacker]');
+//             return;
+//         }
+//         let script = document.querySelector('script[src*="/builds/attack/"]');
+//         let url = script.src;
+//         if (!url.contains(/runtime\..+\.js/)) {
+//             this.logger.error('脚本源[' + url + '] 不匹配规则');
+//             return;
+//         }
+//         window.ReactDOM.unmountComponentAtNode(document.querySelector('#react-root'));
+//         script.remove();
+//         let node = document.createElement('script');
+//         node.src = url;
+//         node.type = 'text/javascript';
+//         document.head.appendChild(node);
+//     }
+//
+//     // 光速拔刀
+//     private quickStartFight(): void {
+//         if (this.currentStage === FIGHT_STAGE.READY) {
+//             return;
+//         } else {
+//             this.currentStage = FIGHT_STAGE.READY;
+//         }
+//         if (this.localConfigWrapper.config.quickAttIndex === 6) return;
+//         /**
+//          * pc     #defender
+//          * mobile #attacker
+//          */
+//         const btn = <HTMLInputElement>(document.querySelector('#attacker button') || document.querySelector('#defender button'));
+//         this.logger.info('操作按钮', { btn });
+//         if (!btn.innerText.toLowerCase().includes('fight')) {
+//             this.logger.info('未找到攻击按钮, 光速拔刀跳过');
+//             new Alert('未找到攻击按钮, 光速拔刀跳过');
+//         } else {
+//             // 判断是否存在脚踢
+//             const hasKick = !!document.querySelector('#weapon_boots');
+//             // modal层
+//             // const modal: HTMLElement = document.querySelector('div[class^="modal___"]');
+//             let device = this.global.device;
+//             this.logger.info(`当前设备类型是${ device }`);
+//             // 区分设备
+//             switch (device) {
+//                 case Device.PC: {
+//                     this.logger.info(`开始调整按钮位置`);
+//                     // 隐藏modal层
+//                     // modal.style.display = 'none';
+//                     // 根据选择的武器调整css
+//                     let css_top = '0';
+//                     switch (this.localConfigWrapper.config.quickAttIndex) {
+//                         // weapon_second
+//                         case 1: {
+//                             css_top = '97px';
+//                             break;
+//                         }
+//                         // weapon_melee
+//                         case 2: {
+//                             css_top = '194px';
+//                             break;
+//                         }
+//                         // weapon_temp
+//                         case 3: {
+//                             css_top = '291px';
+//                             break;
+//                         }
+//                         // weapon_fists
+//                         case 4:
+//                         // weapon_boots
+//                         case 5: {
+//                             css_top = '375px';
+//                             break;
+//                         }
+//                     }
+//                     this.commonUtils.styleInject(ATTACK_HELPER_CSS);
+//                     CommonUtils.addStyle(`.wh-move-btn #defender div[class^="modal___"]{top: ${ css_top };}`);
+//                     document.body.classList.add('wh-move-btn');
+//                     break;
+//                 }
+//                 case Device.MOBILE: {
+//                     this.logger.info(`开始调整按钮位置`);
+//                     // 加入css
+//                     let css_top = '0';
+//                     let slot_height = '76px';
+//                     // 判断有没有脚踢
+//                     if (hasKick) {
+//                         // 根据选择的武器调整
+//                         switch (this.localConfigWrapper.config.quickAttIndex) {
+//                             case 1: { // weapon_second
+//                                 css_top = '76px';
+//                                 break;
+//                             }
+//                             case 2: { // weapon_melee
+//                                 css_top = '152px';
+//                                 break;
+//                             }
+//                             case 3: { // weapon_temp
+//                                 css_top = '228px';
+//                                 break;
+//                             }
+//                             case 4: { // weapon_fists
+//                                 css_top = '304px';
+//                                 break;
+//                             }
+//                             case 5: { // weapon_boots
+//                                 css_top = '380px';
+//                                 break;
+//                             }
+//                         }
+//                     } else {
+//                         const slot = document.querySelector('#weapon_main') as HTMLElement;
+//                         const height = slot.offsetHeight + 1;
+//                         // TODO 待验证
+//                         slot_height = height + 'px';
+//                         // 根据选择的武器调整
+//                         switch (this.localConfigWrapper.config.quickAttIndex) {
+//                             case 1: { // weapon_second
+//                                 css_top = `${ height }px`;
+//                                 break;
+//                             }
+//                             case 2: { // weapon_melee
+//                                 css_top = `${ height * 2 }px`;
+//                                 break;
+//                             }
+//                             case 3: { // weapon_temp
+//                                 css_top = `${ height * 3 }px`;
+//                                 break;
+//                             }
+//                             case 4: { // weapon_fists
+//                                 css_top = `${ height * 4 }px`;
+//                                 break;
+//                             }
+//                             case 5: { // weapon_boots
+//                                 css_top = `${ height * 5 }px`;
+//                                 break;
+//                             }
+//                         }
+//                     }
+//                     const css_rule = ATTACK_HELPER_CSS.replace('CSSVAR', css_top).replace('CSSVAR', slot_height);
+//
+//                     this.commonUtils.styleInject(css_rule);
+//                     document.body.classList.toggle('wh-move-btn');
+//                     btn.onclick = () => {
+//                         if (this.localConfigWrapper.config.quickFinishAtt !== 3) {
+//                             btn.remove();
+//                             // 停止自动刷新
+//                             // stop_reload = true;
+//                         } else {
+//                             document.body.classList.toggle('wh-move-btn');
+//                         }
+//                     };
+//                     break;
+//                 }
+//                 case Device.TABLET: {
+//                     break;
+//                 }
+//             }
+//         }
+//     }
+//
+//     // 光速跑路
+//     private quickFinishFight(btnList: NodeListOf<HTMLButtonElement>): void {
+//         if (this.currentStage === FIGHT_STAGE.FINISHED) {
+//             return;
+//         } else {
+//             this.currentStage = FIGHT_STAGE.FINISHED;
+//         }
+//         if (this.localConfigWrapper.config.quickFinishAtt === 3) {
+//             document.body.classList.remove('wh-move-btn');
+//             this.logger.info('移除body class wh-move-btn');
+//             return;
+//         }
+//         const user_btn_select = ['leave', 'mug', 'hosp'][this.localConfigWrapper.config.quickFinishAtt];
+//         // const wrap = document.querySelector('#react-root');
+//         this.logger.info('光速跑路选项选中：', user_btn_select);
+//         //     const btn_arr: HTMLButtonElement[] = document.querySelectorAll('div[class^="dialogButtons___"] button') as unknown as HTMLButtonElement[];
+//         if (btnList.length > 1) btnList.forEach(btn => {
+//             const flag = btn.innerText.toLowerCase().includes(user_btn_select);
+//             this.logger.info('按钮内容：', btn.innerText, '，是否包含选中：', flag);
+//             if (!flag) btn.style.display = 'none';
+//         });
+//     }
+//
+//     // 盯梢模式
+//     private watchTarget(): void {
+//         this.logger.info('获取目标id');
+//         let targetId = window.location.href.split('user2ID=')[1];
+//         if (!this.commonUtils.isValidUid(targetId)) {
+//             this.logger.error('目标id获取错误', targetId);
+//             throw new Error('目标id获取错误:' + targetId);
+//         }
+//         let loop = new LoopHelper(async () => {
+//             let userProfile;
+//             try {
+//                 userProfile = await this.fetchUtils.getProfile(targetId);
+//             } catch {
+//                 this.logger.error('盯梢模式无法获取目标id');
+//                 throw new Error('盯梢模式无法获取目标id');
+//             }
+//             await this.commonUtils.sleep(this.mathUtils.getRandomInt(20, 50));
+//             if ((userProfile.userStatus.status === 'ok' && this.commonUtils.getTravelStage() === TRAVEL_STATE.IN_TORN) ||
+//                 (userProfile.userStatus.status === 'abroad' && this.commonUtils.getTravelStage() === TRAVEL_STATE.ABROAD)) {
+//                 watchSwitch.getInput().checked = false;
+//                 window.setTimeout(async () => {
+//                     new Alert('目标已落地/出院/出狱！', { timeout: 10, force: true, sysNotify: true });
+//                     await this.commonUtils.audioPlay();
+//                     await this.commonUtils.sleep(300);
+//                     await this.commonUtils.audioPlay();
+//                     await this.commonUtils.sleep(300);
+//                     await this.commonUtils.audioPlay();
+//                     await this.commonUtils.sleep(300);
+//                 }, 0);
+//             }
+//         });
+//         let block = new TornStyleBlock('盯梢模式').insert2Dom();
+//         let watchSwitch = new TornStyleSwitch('开启');
+//         block.append(watchSwitch.getBase());
+//         watchSwitch.getInput().addEventListener('change', () => {
+//             if (watchSwitch.getInput().checked) {
+//                 new DialogMsgBox('检测玩家状态，当目标状态变成(海外)落地、出院或出狱时通知并播放声音提醒，后可搭配光速刷新食用<br/>确定开启？', {
+//                     callback: () => {
+//                         if (this.commonUtils.getTravelStage() === TRAVEL_STATE.FLYING) {
+//                             new Alert('失败！已取消');
+//                             watchSwitch.getInput().checked = false;
+//                             return;
+//                         }
+//                         this.logger.info('盯梢开启, 目标id' + targetId);
+//                         loop.start(this.localConfigWrapper.config.WatchTargetFreq | 0);
+//                     },
+//                     cancel: () => watchSwitch.getInput().checked = false
+//                 });
+//             } else {
+//                 loop.stop();
+//                 this.logger.info('盯梢关闭');
+//             }
+//         });
+//     }
+// }
--- a/src/ts/class/action/FetchEventCallback.ts
+++ b/src/ts/class/action/FetchEventCallback.ts
@ -5,6 +5,10 @@ import ResponseInject from "../../interface/ResponseInject";
 import { Injectable } from "../../container/Injectable";
 import ClassName from "../../container/ClassName";
 import LocalConfigWrapper from "../LocalConfigWrapper";
+import Logger from "../Logger";
+import MsgWrapper from "../utils/MsgWrapper";
+import { fetchYata } from "../../func/module/fetchYata";
+import toThousands from "../../func/utils/toThousands";

 /**
 * fetch 事件监听回调
@ -14,9 +18,14 @@ import LocalConfigWrapper from "../LocalConfigWrapper";
 export default class FetchEventCallback extends Provider implements ResponseInject {
    className = "FetchEventCallback";

+    newNode = document.createElement('div')
+    bsEstNode = document.createElement('div')
+
    constructor(
        private readonly localConfigWrapper: LocalConfigWrapper,
        private readonly commonUtils: CommonUtils,
+        private readonly logger: Logger,
+        private readonly msgWrapper: MsgWrapper,
    ) {
        super();
    }
@ -28,15 +37,38 @@ export default class FetchEventCallback extends Provider implements ResponseInje
     */
    public responseHandler(url: string, response) {
        // mini profile 中添加上次动作
-        if (url.includes('profiles.php?step=getUserNameContextMenu') && this.localConfigWrapper.config.ShowMiniProfLastAct) {
+        if (url.startsWith('/page.php?sid=UserMiniProfile&userID')) {
            window.setTimeout(async () => {
                let cont = CommonUtils.querySelector('[class*=profile-mini-_userProfileWrapper___]');
                let resp: MiniProfile = response.json as MiniProfile;
-                let newNode = document.createElement('div');
+                if (this.localConfigWrapper.config.ShowMiniProfLastAct) {
+                    this.logger.info({ resp })
                    let formatted = this.commonUtils.secondsFormat(resp.user.lastAction.seconds);

-                newNode.innerText = '上次动作: ' + formatted;
-                (await cont).append(newNode);
+                    (await cont).append(this.newNode);
+                    this.newNode.innerText = '上次动作: ' + formatted;
+                }
+                if (this.localConfigWrapper.config.isBSEstMiniProfOn) {
+                    const id = resp.user.userID
+                    const apikey = localStorage.getItem('APIKey')
+                    this.bsEstNode.innerHTML = `[BS估算] [${ id }]获取中...`;
+                    (await cont).append(this.bsEstNode)
+                    if (!apikey) {
+                        this.bsEstNode.innerHTML = '[BS估算] 未配置APIKey，无法估算BS'
+                        this.logger.error('MINI Profile bs估算失败: APIKey为空')
+                    } else {
+                        const bsData = fetchYata(id, apikey)
+                        bsData.then(data => {
+                            // 网速过慢时可能mini profile容器已更新新内容，与上次请求的用户数据不同，需要判断
+                            if (this.bsEstNode.innerHTML.includes(resp.user.userID.toString())) {
+                                this.bsEstNode.innerHTML = `[BS估算] ${ resp.user.playerName }[${ id }] ${ toThousands(data.total) }`
+                            }
+                        })
+                            .catch(err => {
+                                this.bsEstNode.innerHTML = `[BS估算] ${ err.message }`
+                            })
+                    }
+                }
            }, 0);
        }
    }
--- a/src/ts/class/action/PTHelper.ts
+++ b/src/ts/class/action/PTHelper.ts
@ -1,25 +1,47 @@
 import TornStyleBlock from "../utils/TornStyleBlock";
-import Alert from "../utils/Alert";
 import TornStyleSwitch from "../utils/TornStyleSwitch";
 import { Injectable } from "../../container/Injectable";
 import ClassName from "../../container/ClassName";
 import LocalConfigWrapper from "../LocalConfigWrapper";
+import IFeature from "../../man/IFeature";
+import MsgWrapper from "../utils/MsgWrapper";

@Injectable()
@ClassName('PTHelper')
-export default class PTHelper {
-    private readonly observer;
-    private readonly usersPointSell;
+export default class PTHelper implements IFeature {
+    private observer: MutationObserver;
+    private usersPointSell: HTMLDivElement;

    constructor(
        private readonly localConfigWrapper: LocalConfigWrapper,
+        private readonly msgWrapper: MsgWrapper,
    ) {
+    }
+
+    description(): string {
+        return "pt一键购买";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/pmarket\.php/];
+    }
+
+    start() {
+
        this.observer = new MutationObserver(e => {
            for (const t of e) {
                t.addedNodes.forEach(e => 'LI' === (e as HTMLElement).tagName && this.removeConfirm(e))
            }
        });
-        this.usersPointSell = document.querySelector('.users-point-sell');
+        this.usersPointSell = document.querySelector<HTMLDivElement>('.users-point-sell');

        let block = new TornStyleBlock('PT一键购买').insert2Dom();
        let switcher = new TornStyleSwitch('开启');
@ -27,7 +49,7 @@ export default class PTHelper {
        let toggle = switcher.getInput();
        toggle.checked = this.localConfigWrapper.config.ptQuickBuy;
        if (toggle.checked) {
-            new Alert('一键购买已开启');
+            this.msgWrapper.create('一键购买已开启');
            for (const index in this.usersPointSell.children) {
                'LI' === this.usersPointSell.children[index].tagName && this.removeConfirm(this.usersPointSell.children[index])
            }
@ -40,13 +62,13 @@ export default class PTHelper {
                    'LI' === this.usersPointSell.children[index].tagName && this.removeConfirm(this.usersPointSell.children[index])
                }
                this.observer.observe(this.usersPointSell, { childList: true });
-                new Alert('一键购买已开启');
+                this.msgWrapper.create('一键购买已开启');
            } else {
                for (const index in this.usersPointSell.children) {
                    'LI' === this.usersPointSell.children[index].tagName && this.rollbackConfirm(this.usersPointSell.children[index])
                }
                this.observer.disconnect();
-                new Alert('一键购买已关闭');
+                this.msgWrapper.create('一键购买已关闭');
            }
        });
    }
--- a/src/ts/class/action/ProfileHelper.ts
+++ b/src/ts/class/action/ProfileHelper.ts
@ -8,21 +8,46 @@ import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
 import LocalConfigWrapper from "../LocalConfigWrapper";
 import Logger from "../Logger";
+import IFeature from "../../man/IFeature";
+import { fetchYata } from "../../func/module/fetchYata";
+import MsgWrapper from "../utils/MsgWrapper";
+import toThousands from "../../func/utils/toThousands";
+import { timePastFormat } from "../../func/utils/timePastFormat";

@ClassName('ProfileHelper')
@Injectable()
-export default class ProfileHelper implements ResponseInject {
-
-    private readonly block;
-
-    // 曾用名已检测过标记
-    private task = true;
+export default class ProfileHelper implements ResponseInject, IFeature {
+    private block: TornStyleBlock;

    constructor(
        private readonly localConfigWrapper: LocalConfigWrapper,
        private readonly commonUtils: CommonUtils,
        private readonly logger: Logger,
+        private readonly msgWrapper: MsgWrapper,
    ) {
+    }
+
+    description(): string {
+        return "个人资料页面辅助";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    // 曾用名已检测过标记
+    private task = true;
+
+    urlIncludes(): RegExp[] {
+        return [/profiles\.php\?XID=/];
+    }
+
+    start() {
+
        CommonUtils.addStyle('body.wh-hide_profile_img .profile-image a.profile-image-wrapper .img-wrap img{display:none;}');
        // let id = document.querySelector('link[rel="canonical"]').getAttribute('href').split('=')[1];
        let id = (new URL(window.location.href)).searchParams.get('XID');
@ -36,6 +61,7 @@ export default class ProfileHelper implements ResponseInject {
        }
        this.block = new TornStyleBlock('芜湖助手').insert2Dom();
        // 隐藏头像
+        try {
            let hideImgSwitch = new TornStyleSwitch('隐藏头像', this.localConfigWrapper.config.HideProfileImg);
            this.block.append(hideImgSwitch.getBase());
            hideImgSwitch.getInput().addEventListener('change', () => {
@ -45,21 +71,80 @@ export default class ProfileHelper implements ResponseInject {
            if (this.localConfigWrapper.config.ShowNameHistory) {
                globVars.responseHandlers.push((...args: any[]) => this.responseHandler.apply(this, args));
            }
+        } catch (e) {
+            this.logger.error('隐藏头像时出错了', e.stack)
+        }
+        // bs估算
+        if (this.localConfigWrapper.config.isBSEstProfOn) {
+            try {
+                const apikey = localStorage.getItem('APIKey')
+                if (!apikey) {
+                    this.msgWrapper.create('BS估算失败: 尚未设定APIKey', null, 'error')
+                }
+                const promise = fetchYata(parseInt(id), apikey)
+                const domNode = document.createElement('div')
+                domNode.innerHTML = 'BS估算中...'
+                domNode.classList.add('mt-4')
+                domNode.style.border = '1px solid green'
+                domNode.style.padding = '2px'
+                this.block.append(domNode)
+                const buildType = { Offensive: '攻击型', Defensive: '防御型', Balanced: '平衡型' }
+                promise.then(data => {
+                    domNode.innerHTML = `<b>BS估算</b><br/>
+BS: ${ toThousands(data.total) }<br/>
+评分: ${ toThousands(data.score) }<br/>
+风格: ${ buildType[data.type] }<br/>
+偏差: ${ data.skewness }%<br/>
+估算时间: ${ timePastFormat(Date.now() - data.timestamp * 1000) }前
+`
+                }).catch(err => {
+                    domNode.innerHTML = 'BS估算出错了: ' + err.message
+                    throw new TypeError('BS估算出错了: ' + err.message)
+                })
+            } catch (e) {
+                this.msgWrapper.create('BS估算失败' + e.message, null, 'error')
+                throw new TypeError('BS估算失败' + e.message)
+            }
+        }
    }

    responseHandler(url: string, body: { json: unknown; text: string; isModified: boolean }) {
        if (url.includes('profiles.php?step=getProfileData') && this.task) {
            // 曾用名
-            let nameHistoryNode;
-            nameHistoryNode = document.createElement('p');
+            const nameHistoryNode = document.createElement('p');
            nameHistoryNode.innerHTML = '曾用名：';
            this.block.append(nameHistoryNode);
            let resp = body.json as IUserProfileData;
-            if (resp.userInformation.previousAliases.length > 0) {
+            if (resp.userInformation.previousAliases.length > 0) { // 曾用名列表
                resp.userInformation.previousAliases.forEach(item => nameHistoryNode.innerHTML += item + ' ');
            } else {
                nameHistoryNode.innerHTML += '暂无';
            }
+            let lastAction = -1
+            let onlineStatusTitle = '-'
+            if (resp.basicInformation?.lastAction.seconds) {
+                lastAction = resp.basicInformation.lastAction.seconds
+            }
+            if (resp.basicInformation.icons) {
+                for (let i = 0; i < resp.basicInformation.icons.length; i++) {
+                    let item = resp.basicInformation.icons[i]
+                    if (item.id === 1) {
+                        onlineStatusTitle = '🟢️ 在线'
+                        break
+                    }
+                    if (item.id === 62) {
+                        onlineStatusTitle = '🟡 挂机'
+                        break
+                    }
+                    if (item.id === 2) {
+                        onlineStatusTitle = '⚪ 离线'
+                        break
+                    }
+                }
+            }
+            const lastActionNode = document.createElement('p')
+            lastActionNode.innerHTML = `${ onlineStatusTitle } ${ this.commonUtils.secondsFormat(lastAction) }`
+            this.block.append(lastActionNode)
            this.task = false;
        }
    }
--- a/src/ts/class/action/SearchHelper.ts
+++ b/src/ts/class/action/SearchHelper.ts
@ -4,10 +4,26 @@ import CommonUtils from "../utils/CommonUtils";
 import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
 import LocalConfigWrapper from "../LocalConfigWrapper";
+import IFeature from "../../man/IFeature";

@ClassName('SearchHelper')
@Injectable()
-export default class SearchHelper {
+export default class SearchHelper implements IFeature {
+    description(): string {
+        return "搜索助手";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/page\.php\?sid=UserList/];
+    }

    constructor(
        private readonly localConfigWrapper: LocalConfigWrapper,
--- a/src/ts/class/action/SlotsHelper.ts
+++ b/src/ts/class/action/SlotsHelper.ts
@ -6,13 +6,29 @@ import MathUtils from "../utils/MathUtils";
 import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
 import Logger from "../Logger";
+import IFeature from "../../man/IFeature";

 /**
 * 老虎机批量购买助手
 */
@ClassName("SlotsHelper")
@Injectable()
-export default class SlotsHelper {
+export default class SlotsHelper implements IFeature {
+    description(): string {
+        return "老虎机批量购买助手";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/loader\.php\?sid=slots/];
+    }

    constructor(
        private readonly mathUtils: MathUtils,
--- a/src/ts/class/action/TranslateNew.ts
+++ b/src/ts/class/action/TranslateNew.ts
@ -374,8 +374,7 @@ export default class TranslateNew extends Provider implements ResponseInject {
                                name.innerText = `${ name.innerText } ${ nameZh }`;
                            }
                            // 操作按钮
-                            let actions = elem.querySelectorAll('.icon-h');
-                            actions.forEach(action => {
+                            elem.querySelectorAll('.icon-h').forEach(action => {
                                let attrTitle = action.getAttribute('title');
                                // TODO
                                let zh = itemPageDict[attrTitle];
--- a/src/ts/class/action/XZMZ.ts
+++ b/src/ts/class/action/XZMZ.ts
@ -7,6 +7,7 @@ import MathUtils from "../utils/MathUtils";
 import FetchUtils from "../utils/FetchUtils";
 import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
+import IFeature from "../../man/IFeature";

 /**
 * 寻找木桩
@ -14,8 +15,35 @@ import { Injectable } from "../../container/Injectable";
 */
@ClassName('XZMZ')
@Injectable()
-export default class XZMZ {
-    className = 'XZMZ';
+export default class XZMZ implements IFeature {
+    description(): string {
+        return "寻找木桩";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/item.php\?temp=4/];
+    }
+
+    start() {
+        let hasInit: boolean = false
+        let handle = () => {
+            if (!hasInit && window.location.hash === '#xunzhaomuzhuang') {
+                this.init()
+                hasInit = true
+            }
+        }
+        window.addEventListener('hashchange', handle)
+        handle()
+    }
+
    private mainRoleContainer: HTMLElement;
    private IDList: number[];
    private btn: HTMLButtonElement;
--- a/src/ts/class/config/defaultConfig.ts
+++ b/src/ts/class/config/defaultConfig.ts
@ -105,6 +105,16 @@ class DefaultConfigType {
    // 自定义css
    @Notified()
    CustomCss = '';
+
+    monitorOn = ['drugCDMonitor']
+    drugCDMonitorInterval = 60000
+
+    // mini profile显示bs估算
+    @Notified()
+    isBSEstMiniProfOn = false
+    // profile页面显示bs估算
+    @Notified()
+    isBSEstProfOn = true
 }

 export type Config = DefaultConfigType;
--- a/src/ts/class/handler/AdditionalSettingsHandler.ts
+++ b/src/ts/class/handler/AdditionalSettingsHandler.ts
@ -3,11 +3,8 @@ import Alert from "../utils/Alert";
 import DialogMsgBox from "../utils/DialogMsgBox";
 import CommonUtils from "../utils/CommonUtils";
 import { MenuItemConfig } from "../ZhongIcon";
-import IFrameCrimeHandler from "./IFrameCrimeHandler";
-import loadGS from "../../func/module/loadGS";
 import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
-import { Container } from "../../container/Container";

@ClassName('AdditionalSettingsHandler')
@Injectable()
@ -20,26 +17,6 @@ export default class AdditionalSettingsHandler {

    public show(): void {
        let pop = new Popup('', '更多设定');
-        // let insertHtml = '<p><button class="torn-btn">清空设置</button></p><p><button class="torn-btn">通知权限</button></p><p><button class="torn-btn">外部数据权限</button></p>';
-        // pop.getElement().insertAdjacentHTML('beforeend', insertHtml);
-        // let [btn1, btn2, btn3] = Array.from(pop.getElement().querySelectorAll('button'));
-        // btn1.addEventListener('click', () => {
-        //     new DialogMsgBox('将清空所有芜湖助手相关设置并刷新页面，确定？', {
-        //         callback: () => {
-        //             localStorage.removeItem('wh_trv_alarm');
-        //             localStorage.removeItem('wh_trans_settings');
-        //             localStorage.removeItem('whuuid');
-        //             localStorage.removeItem('wh-gs-storage');
-        //             localStorage.removeItem('WHTEST');
-        //             new Alert('已清空，刷新页面');
-        //             window.location.reload();
-        //         }
-        //     });
-        // });
-        // btn2.addEventListener('click', () => {
-        // });
-        // btn3.addEventListener('click', () => {
-        // });

        let menuList: MenuItemConfig[] = [
            {
@ -65,20 +42,6 @@ export default class AdditionalSettingsHandler {
                domType: 'button', domId: '', domText: '第三方API通信权限', clickFunc() {
                }
            },
-            {
-                domType: 'button', domId: '', domText: '小窗犯罪', clickFunc() {
-                    Container.factory(IFrameCrimeHandler).handle()
-                }
-            },
-            {
-                domType: 'button',
-                domId: '',
-                domText: '飞贼小助手',
-                tip: '加载从PC端移植的伞佬的油猴版飞贼小助手',
-                clickFunc: () => {
-                    loadGS(this.commonUtils.getScriptEngine())
-                }
-            },
        ];
        menuList.forEach(i => pop.element.append(this.commonUtils.elemGenerator(i, pop.element)));
    }
--- a/src/ts/class/handler/ChangeLogHandler.ts
+++ b/src/ts/class/handler/ChangeLogHandler.ts
@ -1,67 +1,70 @@
-import Popup from "../utils/Popup";
-import CommonUtils from "../utils/CommonUtils";
-import MDUtils from "../utils/MDUtils";
-import { MENU_ITEM_TYPE } from "../../interface/MenuItem";
-import Provider from "../provider/Provider";
-import ClassName from "../../container/ClassName";
-import { Injectable } from "../../container/Injectable";
-import { Container } from "../../container/Container";
-import Logger from "../Logger";
-
-@ClassName('ChangeLogHandler')
-@Injectable()
-class ChangeLogHandler extends Provider {
-    constructor(
-        private readonly mdUtils: MDUtils,
-        private readonly logger: Logger,
-    ) {
-        super();
-    }
-
-    public show(): void {
-        let popup = new Popup(
-            '更新历史：<br/><a target="_blank" href="https://gitlab.com/JJins/wuhu-torn-helper/-/blob/dev/CHANGELOG.md">https://gitlab.com/JJins/wuhu-torn-helper/-/blob/dev/CHANGELOG.md</a><br/>',
-            '更新历史'
-        ).element;
-        popup.classList.add('wh-changeLog');
-        let progressBar = document.createElement('div');
-        progressBar.style.height = '2px';
-        progressBar.style.width = '1%';
-        progressBar.style.backgroundColor = 'red';
-        let progressText = document.createElement('p');
-        progressText.innerText = '加载更新文件……';
-        progressText.style.textAlign = 'center';
-        let style = document.createElement('style');
-        style.innerHTML = `.wh-changeLog h2,.wh-changeLog h3,.wh-changeLog h4 {margin:8px 0;}.wh-changeLog li{list-style: inside;}`;
-
-        popup.append(progressBar, progressText, style);
-
-        CommonUtils
-            .COFetch('https://gitlab.com/JJins/wuhu-torn-helper/-/raw/dev/CHANGELOG.md?' + performance.now())
-            .then(update => {
-                progressBar.style.width = '60%';
-                progressText.innerText = '解析中……';
-                let md = this.mdUtils.parse(update);
-                popup.append(md);
-                progressBar.style.width = '100%';
-                progressText.innerText = '加载完成';
-
-                window.setTimeout(() => {
-                    progressBar.remove();
-                    progressText.remove()
-                }, 3000);
-            })
-            .catch(e => {
-                this.logger.error(e);
-                progressBar.remove();
-                progressText.innerText = '无法加载';
-            });
-    }
-
-}
-
-export default {
-    domType: MENU_ITEM_TYPE.BUTTON,
-    domText: '🐞 更新历史',
-    clickFunc: () => Container.factory(ChangeLogHandler).show()
-};
+// import Popup from "../utils/Popup";
+// import CommonUtils from "../utils/CommonUtils";
+// import MDUtils from "../utils/MDUtils";
+// import { MENU_ITEM_TYPE } from "../../interface/MenuItem";
+// import Provider from "../provider/Provider";
+// import ClassName from "../../container/ClassName";
+// import { Injectable } from "../../container/Injectable";
+// import { Container } from "../../container/Container";
+// import Logger from "../Logger";
+//
+// /**
+//  * @deprecated
+//  */
+// @ClassName('ChangeLogHandler')
+// @Injectable()
+// export class ChangeLogHandler extends Provider {
+//     constructor(
+//         private readonly mdUtils: MDUtils,
+//         private readonly logger: Logger,
+//     ) {
+//         super();
+//     }
+//
+//     public show(): void {
+//         let popup = new Popup(
+//             '更新历史：<br/><a target="_blank" href="https://gitlab.com/JJins/wuhu-torn-helper/-/blob/dev/CHANGELOG.md">https://gitlab.com/JJins/wuhu-torn-helper/-/blob/dev/CHANGELOG.md</a><br/>',
+//             '更新历史'
+//         ).element;
+//         popup.classList.add('wh-changeLog');
+//         let progressBar = document.createElement('div');
+//         progressBar.style.height = '2px';
+//         progressBar.style.width = '1%';
+//         progressBar.style.backgroundColor = 'red';
+//         let progressText = document.createElement('p');
+//         progressText.innerText = '加载更新文件……';
+//         progressText.style.textAlign = 'center';
+//         let style = document.createElement('style');
+//         style.innerHTML = `.wh-changeLog h2,.wh-changeLog h3,.wh-changeLog h4 {margin:8px 0;}.wh-changeLog li{list-style: inside;}`;
+//
+//         popup.append(progressBar, progressText, style);
+//
+//         CommonUtils
+//             .COFetch('https://gitlab.com/JJins/wuhu-torn-helper/-/raw/dev/CHANGELOG.md?' + performance.now())
+//             .then(update => {
+//                 progressBar.style.width = '60%';
+//                 progressText.innerText = '解析中……';
+//                 let md = this.mdUtils.parse(update);
+//                 popup.append(md);
+//                 progressBar.style.width = '100%';
+//                 progressText.innerText = '加载完成';
+//
+//                 window.setTimeout(() => {
+//                     progressBar.remove();
+//                     progressText.remove()
+//                 }, 3000);
+//             })
+//             .catch(e => {
+//                 this.logger.error(e);
+//                 progressBar.remove();
+//                 progressText.innerText = '无法加载';
+//             });
+//     }
+//
+// }
+//
+// export default {
+//     domType: MENU_ITEM_TYPE.BUTTON,
+//     domText: '🐞 更新历史',
+//     clickFunc: () => Container.factory(ChangeLogHandler).show()
+// };
--- a/src/ts/class/handler/IFrameCrimeHandler.ts
+++ b/src/ts/class/handler/IFrameCrimeHandler.ts
@ -1,97 +1,97 @@
-import CommonUtils from "../utils/CommonUtils";
-import Popup from "../utils/Popup";
-import QUICK_CRIMES_HTML from "../../../static/html/quick_crimes.html";
-import ClassName from "../../container/ClassName";
-import { Injectable } from "../../container/Injectable";
-
-@ClassName('IFrameCrimeHandler')
-@Injectable()
-export default class IFrameCrimeHandler {
-
-    public handle(): void {
-        // 弹出小窗口
-        const ifHTML = `<iframe src="/crimes.php?step=main" style="width:100%;max-width: 450px;margin: 0 auto;display: none;height: 340px;"></iframe>`;
-        const popup_insert = `<p>加载中请稍后${ CommonUtils.loading_gif_html() }</p><div id="wh-quick-crime-if-container"></div>`;
-        const $popup = new Popup(popup_insert, '小窗快速犯罪').getElement();
-        // 运行状态node
-        let loading_node = $popup.querySelector('p:first-of-type');
-        // if容器
-        const if_cont = $popup.querySelector('#wh-quick-crime-if-container');
-        if_cont.innerHTML = ifHTML;
-
-        // if内未加载脚本时插入的快捷crime node
-        const mobile_prepend_node = document.createElement('div');
-        mobile_prepend_node.classList.add('wh-translate');
-        mobile_prepend_node.innerHTML = QUICK_CRIMES_HTML;
-
-        // if对象加载后运行
-        let cIframe = $popup.querySelector('iframe');
-
-        // 加载状态
-        const if_onload_func = () => {
-            // if内部文档对象
-            const ifDocu = cIframe.contentWindow.document;
-            // 内部插件运行flag
-            const ifWH = cIframe.contentWindow.WHTRANS;
-            // 文档加载完成后移除
-            if (!!loading_node) loading_node.remove();
-            // 文档加载完成后才显示if
-            cIframe.style.display = 'block';
-            // 验证码flag
-            const isValidate = ifDocu.querySelector('h4#skip-to-content').innerText.toLowerCase().includes('validate');
-            // 如果iframe内部未运行脚本
-            if (ifWH === undefined) {
-                // 隐藏顶部
-                CommonUtils.elementReady('#header-root', ifDocu).then(e => e.style.display = 'none');
-                // 隐藏4条
-                CommonUtils.elementReady('#sidebarroot', ifDocu).then(e => e.style.display = 'none');
-                // 隐藏聊天
-                CommonUtils.elementReady('#chatRoot', ifDocu).then(e => e.style.display = 'none');
-                // 非验证码页面隐藏滚动条
-                if (!isValidate) ifDocu.body.style.overflow = 'hidden';
-                // 调整容器位置
-                CommonUtils.elementReady('.content-wrapper', ifDocu).then(elem => {
-                    // 加入
-                    elem.prepend(mobile_prepend_node);
-                    elem.style.margin = '0px';
-                    elem.style.position = 'absolute';
-                    elem.style.top = '-35px';
-                    new MutationObserver((m, o) => {
-                        o.disconnect();
-                        if (!elem.querySelector('.wh-translate')) elem.prepend(mobile_prepend_node);
-                        o.observe(elem, { childList: true, subtree: true });
-                    })
-                        .observe(elem, { childList: true, subtree: true });
-                });
-                // 隐藏返回顶部按钮
-                CommonUtils.elementReady('#go-to-top-btn button', ifDocu).then(e => e.style.display = 'none');
-            }
-        };
-        cIframe.onload = if_onload_func;
-
-        // 超时判断
-        let time_counter = 0;
-        let time_out_id = window.setInterval(() => {
-            loading_node = $popup.querySelector('p:first-of-type');
-            if (!loading_node) {
-                clearInterval(time_out_id);
-                time_out_id = undefined;
-                return;
-            }
-            time_counter++;
-            if (time_counter > 0 && !loading_node.querySelector('button')) {
-                const reload_btn = document.createElement('button');
-                reload_btn.innerHTML = '重新加载';
-                reload_btn.onclick = () => {
-                    reload_btn.remove();
-                    time_counter = 0;
-                    if_cont.innerHTML = null;
-                    if_cont.innerHTML = ifHTML;
-                    cIframe = $popup.querySelector('iframe');
-                    cIframe.onload = if_onload_func;
-                };
-                loading_node.append(reload_btn);
-            }
-        }, 1000);
-    }
-}
+// import CommonUtils from "../utils/CommonUtils";
+// import Popup from "../utils/Popup";
+// import QUICK_CRIMES_HTML from "../../../static/html/quick_crimes.html";
+// import ClassName from "../../container/ClassName";
+// import { Injectable } from "../../container/Injectable";
+//
+// @ClassName('IFrameCrimeHandler')
+// @Injectable()
+// export default class IFrameCrimeHandler {
+//
+//     public handle(): void {
+//         // 弹出小窗口
+//         const ifHTML = `<iframe src="/crimes.php?step=main" style="width:100%;max-width: 450px;margin: 0 auto;display: none;height: 340px;"></iframe>`;
+//         const popup_insert = `<p>加载中请稍后${ CommonUtils.loading_gif_html() }</p><div id="wh-quick-crime-if-container"></div>`;
+//         const $popup = new Popup(popup_insert, '小窗快速犯罪').getElement();
+//         // 运行状态node
+//         let loading_node = $popup.querySelector('p:first-of-type');
+//         // if容器
+//         const if_cont = $popup.querySelector('#wh-quick-crime-if-container');
+//         if_cont.innerHTML = ifHTML;
+//
+//         // if内未加载脚本时插入的快捷crime node
+//         const mobile_prepend_node = document.createElement('div');
+//         mobile_prepend_node.classList.add('wh-translate');
+//         mobile_prepend_node.innerHTML = QUICK_CRIMES_HTML;
+//
+//         // if对象加载后运行
+//         let cIframe = $popup.querySelector('iframe');
+//
+//         // 加载状态
+//         const if_onload_func = () => {
+//             // if内部文档对象
+//             const ifDocu = cIframe.contentWindow.document;
+//             // 内部插件运行flag
+//             const ifWH = cIframe.contentWindow.WHTRANS;
+//             // 文档加载完成后移除
+//             if (!!loading_node) loading_node.remove();
+//             // 文档加载完成后才显示if
+//             cIframe.style.display = 'block';
+//             // 验证码flag
+//             const isValidate = ifDocu.querySelector('h4#skip-to-content').innerText.toLowerCase().includes('validate');
+//             // 如果iframe内部未运行脚本
+//             if (ifWH === undefined) {
+//                 // 隐藏顶部
+//                 CommonUtils.elementReady('#header-root', ifDocu).then(e => e.style.display = 'none');
+//                 // 隐藏4条
+//                 CommonUtils.elementReady('#sidebarroot', ifDocu).then(e => e.style.display = 'none');
+//                 // 隐藏聊天
+//                 CommonUtils.elementReady('#chatRoot', ifDocu).then(e => e.style.display = 'none');
+//                 // 非验证码页面隐藏滚动条
+//                 if (!isValidate) ifDocu.body.style.overflow = 'hidden';
+//                 // 调整容器位置
+//                 CommonUtils.elementReady('.content-wrapper', ifDocu).then(elem => {
+//                     // 加入
+//                     elem.prepend(mobile_prepend_node);
+//                     elem.style.margin = '0px';
+//                     elem.style.position = 'absolute';
+//                     elem.style.top = '-35px';
+//                     new MutationObserver((m, o) => {
+//                         o.disconnect();
+//                         if (!elem.querySelector('.wh-translate')) elem.prepend(mobile_prepend_node);
+//                         o.observe(elem, { childList: true, subtree: true });
+//                     })
+//                         .observe(elem, { childList: true, subtree: true });
+//                 });
+//                 // 隐藏返回顶部按钮
+//                 CommonUtils.elementReady('#go-to-top-btn button', ifDocu).then(e => e.style.display = 'none');
+//             }
+//         };
+//         cIframe.onload = if_onload_func;
+//
+//         // 超时判断
+//         let time_counter = 0;
+//         let time_out_id = window.setInterval(() => {
+//             loading_node = $popup.querySelector('p:first-of-type');
+//             if (!loading_node) {
+//                 clearInterval(time_out_id);
+//                 time_out_id = undefined;
+//                 return;
+//             }
+//             time_counter++;
+//             if (time_counter > 0 && !loading_node.querySelector('button')) {
+//                 const reload_btn = document.createElement('button');
+//                 reload_btn.innerHTML = '重新加载';
+//                 reload_btn.onclick = () => {
+//                     reload_btn.remove();
+//                     time_counter = 0;
+//                     if_cont.innerHTML = null;
+//                     if_cont.innerHTML = ifHTML;
+//                     cIframe = $popup.querySelector('iframe');
+//                     cIframe.onload = if_onload_func;
+//                 };
+//                 loading_node.append(reload_btn);
+//             }
+//         }, 1000);
+//     }
+// }
--- a/src/ts/class/handler/QuickFlyBtnHandler.ts
+++ b/src/ts/class/handler/QuickFlyBtnHandler.ts
@ -2,7 +2,7 @@ import CommonUtils from "../utils/CommonUtils";
 import QUICK_FLY_CSS from "../../../static/css/quick_fly.module.css";
 import QUICK_FLY_HTML from "../../../static/html/quick_fly.html";
 import Alert from "../utils/Alert";
-import TravelItem from "../action/TravelItem";
+import TravelItem from "../../feature/TravelItem";
 import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
 import Logger from "../Logger";
@ -61,7 +61,7 @@ export default class QuickFlyBtnHandler {
    }

    // 起飞目的地id
-    private static getDestId(dest): number {
+    private static getDestId(dest: number): number {
        // 墨、开、加、夏、英、阿、瑞s、立本、祖、迪、南
        return [2, 12, 9, 3, 10, 7, 8, 5, 6, 11, 4][dest];
    }
@ -121,24 +121,33 @@ export default class QuickFlyBtnHandler {
        yaoCD.innerHTML = `药CD剩余：${ CommonUtils.getYaoCD() }`;
    }

-    public async directFly(destIndex, typeIndex) {
+    public async directFly(destIndex: number, typeIndex: number) {
        // 获取key
-        let key;
+        // if(false){
+        //     let key;
+        //     try {
+        //         const resp = await (await fetch('/travelagency.php')).text();
+        //         key = resp.match(/data-key="([0-9]+)"/)[1];
+        //     } catch (e) {
+        //         this.msgWrapper.create('起飞参数获取失败', {}, 'error');
+        //         this.logger.error(e.stack);
+        //         throw new Error('起飞参数获取失败');
+        //     }
+        // }
+        let msg: string;
        try {
-            const resp = await (await fetch('/travelagency.php')).text();
-            key = resp.match(/data-key="([0-9]+)"/)[1];
-        } catch (e) {
-            this.msgWrapper.create('起飞参数获取失败', {}, 'error');
-            this.logger.error(e.stack);
-            throw new Error('起飞参数获取失败');
+            msg = await this.netHighLvlWrapper.doTravelFly(QuickFlyBtnHandler.getDestId(destIndex), null, ['standard', 'airstrip', 'private', 'business'][typeIndex])
+            const response = JSON.parse(msg);
+            if (!response.success) {
+                this.msgWrapper.create('起飞失败 ' + response.error, {}, 'error');
+                this.logger.error('起飞失败 ' + response.error, response.err);
+                throw new Error('起飞失败 ' + response.error);
            }
-        let msg;
-        try {
-            msg = this.netHighLvlWrapper.doTravelFly(QuickFlyBtnHandler.getDestId(destIndex), key, ['standard', 'airstrip', 'private', 'business'][typeIndex])
+            console.log(msg);
        } catch (e) {
-            this.msgWrapper.create(msg, {}, 'error');
+            this.msgWrapper.create('起飞时出现错误 ' + e.message, {}, 'error');
            this.logger.error(e.stack);
-            throw new Error('起飞时出现错误');
+            throw new Error('起飞时出现错误 ' + e.message);
        }
        this.msgWrapper.create('已起飞', {}, 'success');
    }
--- a/src/ts/class/handler/SettingsHandler.ts
+++ b/src/ts/class/handler/SettingsHandler.ts
@ -1,6 +1,6 @@
 import { MenuItemConfig } from "../ZhongIcon";
 import Timer from "../utils/Timer";
-import BuyBeerHelper from "../action/BuyBeerHelper";
+import BuyBeerHelper from "../../feature/BuyBeerHelper";
 import UpdateTranslateDict from "./UpdateTranslateDict";
 import landedRedirect from "../../func/module/landedRedirect";
 import Alert from "../utils/Alert";
--- a/src/ts/class/provider/ButtonHandler.ts
+++ b/src/ts/class/provider/ButtonHandler.ts
@ -1,12 +0,0 @@
-import { MENU_ITEM_TYPE } from "../../interface/MenuItem";
-
-const BUTTON_HANDLE_METADATA_KEY = Symbol("BUTTON_HANDLE_KEY")
-
-/**
- * @ButtonHandler
- * 按钮
- * @param target 类本身
- */
-export function ButtonHandler<T>(target: T): void {
-    Reflect.defineMetadata(BUTTON_HANDLE_METADATA_KEY, MENU_ITEM_TYPE.BUTTON, target);
-}
--- a/src/ts/class/provider/Elem.ts
+++ b/src/ts/class/provider/Elem.ts
@ -1,26 +0,0 @@
-export default class Elem {
-    private readonly elem: HTMLElement;
-
-    constructor(tagName) {
-        this.elem = document.createElement(tagName);
-    }
-
-    public html(htmlString): Elem {
-        this.elem.innerHTML = htmlString;
-        return this;
-    }
-
-    public id(id): Elem {
-        this.elem.id = id;
-        return this;
-    }
-
-    public class(className): Elem {
-        this.elem.classList.add(className);
-        return this;
-    }
-
-    public el(): HTMLElement {
-        return this.elem;
-    }
-}
--- a/src/ts/class/provider/Provider.ts
+++ b/src/ts/class/provider/Provider.ts
@ -2,6 +2,7 @@ import ClassWithName from "../../interface/ClassWithName";

 /**
 * 基类、单例
+ * @deprecated
 */
 export default class Provider implements ClassWithName {
    readonly className: string = 'Provider';
--- a/src/ts/class/utils/ActionButtonUtils.ts
+++ b/src/ts/class/utils/ActionButtonUtils.ts
@ -1,32 +1,20 @@
-import ZhongIcon from "../ZhongIcon";
 import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
 import Logger from "../Logger";
+import globVars from "../../globVars";

@ClassName('ActionButtonUtils')
@Injectable()
 export default class ActionButtonUtils {
    private hasAdded: boolean = false;
-
-    constructor(
-        private readonly logger: Logger,
-    ) {
-    }
+    private readonly logger = Logger.factory(ActionButtonUtils)

    public add(txt: string, func: (ev: Event) => void = () => null): void {
-        if (!this.hasAdded) this.handle(txt, func);
-        else this.logger.warn('ActionButton已存在');
+
+        let added = { txt, func }
+        globVars.buttons.push(added)
+
+        this.logger.info({ globVars })
    }

-    private handle(txt, func): void {
-        let btn = document.createElement('button');
-        btn.style.padding = '8px 13px 8px 0';
-        btn.style.verticalAlign = 'bottom';
-        btn.style.color = '#4CAF50';
-        btn.innerHTML = txt;
-        btn.addEventListener('click', func);
-        ZhongIcon.ZhongNode.querySelector('button').after(btn);
-        this.hasAdded = true;
-        this.logger.info('ActionButton已添加', { txt, func, btn });
-    }
 }
--- a/src/ts/class/utils/CommonUtils.ts
+++ b/src/ts/class/utils/CommonUtils.ts
@ -43,7 +43,7 @@ export default class CommonUtils {
        let logger = Container.factory(Logger);
        let start = new Timer();
        const engine = this.getScriptEngine();
-        logger.info('跨域获取数据开始, 脚本引擎: ' + engine);
+        logger.info(`跨域请求 -> ${url}, 脚本引擎: ${engine}`);
        return new Promise<string>((resolve, reject) => {
            switch (engine) {
                case UserScriptEngine.RAW: {
--- a/src/ts/class/utils/MathUtils.ts
+++ b/src/ts/class/utils/MathUtils.ts
@ -1,5 +1,6 @@
 import ClassName from "../../container/ClassName";
 import { Injectable } from "../../container/Injectable";
+import { InjectionKey } from "vue";

@ClassName('MathUtils')
@Injectable()
@ -14,3 +15,5 @@ export default class MathUtils {
        return Math.floor(Math.random() * (max - min)) + min;
    }
 }
+
+export const MathUtilsKey = Symbol('MathUtilsKey') as InjectionKey<MathUtils>
--- a/src/ts/class/utils/NetHighLvlWrapper.ts
+++ b/src/ts/class/utils/NetHighLvlWrapper.ts
@ -48,7 +48,7 @@ export default class NetHighLvlWrapper {
            },
            "referrer": "https://www.torn.com/travelagency.php",
            "referrerPolicy": "strict-origin-when-cross-origin",
-            "body": `step=travel&id=${ destId }&key=${ key }&type=${ type }`,
+            "body": `step=travel&id=${ destId }&type=${ type }`,
            "method": "POST",
            "mode": "cors",
            "credentials": "include"
--- a/src/ts/container/ClassName.ts
+++ b/src/ts/container/ClassName.ts
@ -3,13 +3,13 @@ const CLASSNAME_METADATA_KEY = Symbol("CLASSNAME_KEY");
 /**
 * 记录类名，避免打包后丢失原类名
 */
-export default function ClassName(className?: string): ClassDecorator {
+export default function ClassName(className: string): ClassDecorator {
    return function <TFunction extends Function>(target: TFunction): TFunction {
-        Reflect.defineMetadata(CLASSNAME_METADATA_KEY, className || target.name, target);
+        Reflect.defineMetadata(CLASSNAME_METADATA_KEY, className, target);
        return target;
    };
 }

-export function GetClassName(target: any) {
+export function GetClassName(target: ClassType<{}>): string {
    return Reflect.getMetadata(CLASSNAME_METADATA_KEY, target);
 }
--- a/src/ts/container/Container.ts
+++ b/src/ts/container/Container.ts
@ -1,40 +1,38 @@
+import "reflect-metadata";
 import { assertInjectable } from "./Injectable";
-import { GetClassName } from "./ClassName";
+import ClassName, { GetClassName } from "./ClassName";
+import Logger from "../class/Logger";

 /**
 * 一个简单的类容器
 */
+@ClassName('Container')
 export class Container {
    static _container = new Map();
    private static logger;

-    static set(k: any, v: any): void {
+    static set<T>(k: Constructor<T>, v: T): void {
        if (!this._container.has(k)) {
            this._container.set(k, v);
        }
    }

-    static get(k: any): any {
+    static get<T>(k: Constructor<T>): T {
        return this._container.get(k);
    }

-    static factory<T>(target: Constructor<T>): T {
+    static factory<T>(target: ClassType<T>): T {
        assertInjectable(target);
-        // if (Container.get(target))
-        //     return Container.get(target);
        return this.get(target) || this.initParam(target);
    }

-    static setLogger(logger: { info(...o: any[]), error(...o: any[]), warn(...o: any[]) }): void {
+    static setLogger(logger: Logger): void {
        this.logger = logger;
    }

    private static initParam<T>(target: Constructor<T>): T {
        // 获取所有注入的服务
        const providers = Reflect.getMetadata('design:paramtypes', target);
-        // this.logger.info({providers})
-        // this.logger.info('原型名'+Object.getPrototypeOf(target).constructor.name)
-        // this.logger.info('直接名'+target.name)
        const args = providers ? providers.map((provider: Constructor) => {
            return this.factory(provider);
        }) : [];
--- a/src/ts/container/Injectable.ts
+++ b/src/ts/container/Injectable.ts
@ -5,7 +5,6 @@ const INJECTABLE_METADATA_KEY = Symbol("INJECTABLE_KEY");
 // TODO 实现非单例注入
 export enum INJECT_MODE {
    Singleton = 1,
-    Multi = 2,
 }

 export function Injectable(injectMode: INJECT_MODE = INJECT_MODE.Singleton): ClassDecorator {
--- a/src/ts/dictionary/translation.ts
+++ b/src/ts/dictionary/translation.ts
--- a/src/ts/feature/Atk.ts
+++ b/src/ts/feature/Atk.ts
@ -0,0 +1,278 @@
+import ClassName from "../container/ClassName"
+import { Injectable } from "../container/Injectable"
+import IFeature from "../man/IFeature"
+import LocalConfigWrapper from "../class/LocalConfigWrapper"
+import CommonUtils from "../class/utils/CommonUtils"
+import Global from "../class/Global"
+import ActionButtonUtils from "../class/utils/ActionButtonUtils"
+import Logger from "../class/Logger"
+import Alert from "../class/utils/Alert"
+import Device from "../enum/Device"
+import ATTACK_HELPER_CSS from "../../static/css/attack_helper.module.css"
+import ATK_PAGE_REG from "./url/ATK_PAGE_REG";
+
+enum FIGHT_STAGE {
+    READY = 'ready',
+    IN_PROGRESS_OR_ERROR = 'in_progress_or_error',
+    FINISHED = 'finished',
+    END = 'end',
+    OTHER = 'other'
+}
+
+@ClassName('Atk')
+@Injectable()
+export default class Atk implements IFeature {
+
+    private currentStage: FIGHT_STAGE = FIGHT_STAGE.OTHER;
+
+    constructor(
+        private readonly actionButtonUtils: ActionButtonUtils,
+        private readonly localConfigWrapper: LocalConfigWrapper,
+        private readonly commonUtils: CommonUtils,
+        private readonly global: Global,
+        // private readonly mathUtils: MathUtils,
+        // private readonly fetchUtils: FetchUtils,
+        private readonly logger: Logger,
+    ) {
+    }
+
+    urlIncludes(): RegExp[] {
+        return [ATK_PAGE_REG]
+    }
+
+    urlExcludes(): RegExp[] {
+        return []
+    }
+
+    description(): string {
+        return '攻击助手'
+    }
+
+    iStart(): void | Promise<void> {
+        // 光速刷新按钮
+        this.actionButtonUtils.add('光速刷新', () => this.doAttackReload());
+
+        new MutationObserver((_, observer) => {
+            let btnList = document.querySelectorAll('div[class^="dialogButtons___"] button') as NodeListOf<HTMLButtonElement>;
+
+            if (btnList.length === 0) {
+                if (this.currentStage === FIGHT_STAGE.READY && this.localConfigWrapper.config.quickFinishAtt === 3) {
+                    document.body.classList.remove('wh-move-btn');
+                    this.logger.info('移除body class wh-move-btn');
+                    observer.disconnect();
+                }
+                // 错误或正在打
+                this.currentStage = FIGHT_STAGE.IN_PROGRESS_OR_ERROR;
+                this.logger.info('[attackHelper] currentStage', this.currentStage);
+                return;
+            }
+            btnList.forEach(btn => {
+                let btnText = btn.innerText.toLowerCase();
+                if (btnText.includes('start') || btnText.includes('join')) {
+                    // 开始
+                    this.quickStartFight();
+                } else if (btnText.includes('continue')) {
+                    // 结束end
+                    this.currentStage = FIGHT_STAGE.END;
+                    observer.disconnect();
+                } else if (btnText.includes('leave')) {
+                    // 无意识状态FINISHED
+                    this.quickFinishFight(btnList);
+                }
+                this.logger.info('[attackHelper] currentStage', this.currentStage);
+            })
+        })
+            .observe(document.querySelector('#react-root'), { childList: true, subtree: true });
+    }
+
+    // 战斗页面快速刷新
+    private doAttackReload(): void {
+        if (!window.ReactDOM) {
+            new Alert('光速刷新失败：未找到React对象');
+            this.logger.error('光速刷新失败：未找到React对象');
+            return;
+        }
+        if (!document.querySelector('#react-root #attacker')) {
+            this.logger.error('dom元素未找到selector: [#react-root #attacker]');
+            return;
+        }
+        let script = document.querySelector('script[src*="/builds/attack/"]');
+        let url = script.src;
+        if (!url.contains(/runtime\..+\.js/)) {
+            this.logger.error('脚本源[' + url + '] 不匹配规则');
+            return;
+        }
+        window.ReactDOM.unmountComponentAtNode(document.querySelector('#react-root'));
+        script.remove();
+        let node = document.createElement('script');
+        node.src = url;
+        node.type = 'text/javascript';
+        document.head.appendChild(node);
+    }
+
+    // 光速拔刀
+    private quickStartFight(): void {
+        if (this.currentStage === FIGHT_STAGE.READY) {
+            return;
+        } else {
+            this.currentStage = FIGHT_STAGE.READY;
+        }
+        if (this.localConfigWrapper.config.quickAttIndex === 6) return;
+        /**
+         * pc     #defender
+         * mobile #attacker
+         */
+        const btn = <HTMLInputElement>(document.querySelector('#attacker button') || document.querySelector('#defender button'));
+        this.logger.info('操作按钮', { btn });
+        if (!btn.innerText.toLowerCase().includes('fight')) {
+            this.logger.info('未找到攻击按钮, 光速拔刀跳过');
+            new Alert('未找到攻击按钮, 光速拔刀跳过');
+        } else {
+            // 判断是否存在脚踢
+            const hasKick = !!document.querySelector('#weapon_boots');
+            // modal层
+            // const modal: HTMLElement = document.querySelector('div[class^="modal___"]');
+            let device = this.global.device;
+            this.logger.info(`当前设备类型是${ device }`);
+            // 区分设备
+            switch (device) {
+                case Device.PC: {
+                    this.logger.info(`开始调整按钮位置`);
+                    // 隐藏modal层
+                    // modal.style.display = 'none';
+                    // 根据选择的武器调整css
+                    let css_top = '0';
+                    switch (this.localConfigWrapper.config.quickAttIndex) {
+                        // weapon_second
+                        case 1: {
+                            css_top = '97px';
+                            break;
+                        }
+                        // weapon_melee
+                        case 2: {
+                            css_top = '194px';
+                            break;
+                        }
+                        // weapon_temp
+                        case 3: {
+                            css_top = '291px';
+                            break;
+                        }
+                        // weapon_fists
+                        case 4:
+                        // weapon_boots
+                        case 5: {
+                            css_top = '375px';
+                            break;
+                        }
+                    }
+                    this.commonUtils.styleInject(ATTACK_HELPER_CSS);
+                    CommonUtils.addStyle(`.wh-move-btn #defender div[class^="modal___"]{top: ${ css_top };}`);
+                    document.body.classList.add('wh-move-btn');
+                    break;
+                }
+                case Device.MOBILE: {
+                    this.logger.info(`开始调整按钮位置`);
+                    // 加入css
+                    let css_top = '0';
+                    let slot_height = '76px';
+                    // 判断有没有脚踢
+                    if (hasKick) {
+                        // 根据选择的武器调整
+                        switch (this.localConfigWrapper.config.quickAttIndex) {
+                            case 1: { // weapon_second
+                                css_top = '76px';
+                                break;
+                            }
+                            case 2: { // weapon_melee
+                                css_top = '152px';
+                                break;
+                            }
+                            case 3: { // weapon_temp
+                                css_top = '228px';
+                                break;
+                            }
+                            case 4: { // weapon_fists
+                                css_top = '304px';
+                                break;
+                            }
+                            case 5: { // weapon_boots
+                                css_top = '380px';
+                                break;
+                            }
+                        }
+                    } else {
+                        const slot = document.querySelector('#weapon_main') as HTMLElement;
+                        const height = slot.offsetHeight + 1;
+                        // TODO 待验证
+                        slot_height = height + 'px';
+                        // 根据选择的武器调整
+                        switch (this.localConfigWrapper.config.quickAttIndex) {
+                            case 1: { // weapon_second
+                                css_top = `${ height }px`;
+                                break;
+                            }
+                            case 2: { // weapon_melee
+                                css_top = `${ height * 2 }px`;
+                                break;
+                            }
+                            case 3: { // weapon_temp
+                                css_top = `${ height * 3 }px`;
+                                break;
+                            }
+                            case 4: { // weapon_fists
+                                css_top = `${ height * 4 }px`;
+                                break;
+                            }
+                            case 5: { // weapon_boots
+                                css_top = `${ height * 5 }px`;
+                                break;
+                            }
+                        }
+                    }
+                    const css_rule = ATTACK_HELPER_CSS.replace('CSSVAR', css_top).replace('CSSVAR', slot_height);
+
+                    this.commonUtils.styleInject(css_rule);
+                    document.body.classList.toggle('wh-move-btn');
+                    btn.onclick = () => {
+                        if (this.localConfigWrapper.config.quickFinishAtt !== 3) {
+                            btn.remove();
+                            // 停止自动刷新
+                            // stop_reload = true;
+                        } else {
+                            document.body.classList.toggle('wh-move-btn');
+                        }
+                    };
+                    break;
+                }
+                case Device.TABLET: {
+                    break;
+                }
+            }
+        }
+    }
+
+    // 光速跑路
+    private quickFinishFight(btnList: NodeListOf<HTMLButtonElement>): void {
+        if (this.currentStage === FIGHT_STAGE.FINISHED) {
+            return;
+        } else {
+            this.currentStage = FIGHT_STAGE.FINISHED;
+        }
+        if (this.localConfigWrapper.config.quickFinishAtt === 3) {
+            document.body.classList.remove('wh-move-btn');
+            this.logger.info('移除body class wh-move-btn');
+            return;
+        }
+        const user_btn_select = ['leave', 'mug', 'hosp'][this.localConfigWrapper.config.quickFinishAtt];
+        // const wrap = document.querySelector('#react-root');
+        this.logger.info('光速跑路选项选中：', user_btn_select);
+        //     const btn_arr: HTMLButtonElement[] = document.querySelectorAll('div[class^="dialogButtons___"] button') as unknown as HTMLButtonElement[];
+        if (btnList.length > 1) btnList.forEach(btn => {
+            const flag = btn.innerText.toLowerCase().includes(user_btn_select);
+            this.logger.info('按钮内容：', btn.innerText, '，是否包含选中：', flag);
+            if (!flag) btn.style.display = 'none';
+        });
+    }
+
+}
--- a/src/ts/feature/BeerShopModifier.ts
+++ b/src/ts/feature/BeerShopModifier.ts
@ -0,0 +1,68 @@
+import ClassName from "../container/ClassName"
+import { Injectable } from "../container/Injectable"
+import IFeature from "../man/IFeature"
+import TornStyleBlock from "../class/utils/TornStyleBlock"
+import ADD_BEER_HEAD_HTML from "../../static/html/buyBeer/add_beer_head.html"
+import SHOP_BEER_STATIC_ITEM_HTML from "../../static/html/buyBeer/shop_beer_static_item.html"
+import globVars from "../globVars"
+import Logger from "../class/Logger";
+import BuyBeerHelper from "./BuyBeerHelper";
+
+@ClassName('BeerShopModifier')
+@Injectable()
+export default class BeerShopModifier implements IFeature {
+    private readonly logger = Logger.factory(BeerShopModifier)
+
+    constructor(
+        private readonly buyBeerHelper: BuyBeerHelper,
+    ) {
+    }
+
+    description(): string {
+        return "啤酒店页面修改";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/shops.php\?step=bitsnbobs/];
+    }
+
+    start() {
+        let block = new TornStyleBlock('啤酒助手').insert2Dom();
+        block.setContent(ADD_BEER_HEAD_HTML);
+        const msg_node = block.querySelector('#wh-msg');
+        // 加入啤酒
+        block.querySelector('button').addEventListener('click', e => {
+            let node = document.querySelector('ul.items-list');
+            if (!node) {
+                msg_node.innerHTML = '❌ 商品未加载完';
+                this.logger.error('商品未加载完');
+                return;
+            }
+            if (node.querySelector('span[id="180-name"]')) {
+                msg_node.innerHTML = '❌ 页面已经有啤酒了';
+                this.logger.warn('商店页面已有啤酒');
+                return;
+            }
+            const clear_node = node.querySelector('li.clear');
+            const beer = document.createElement('li');
+            beer.classList.add('torn-divider', 'divider-vertical');
+            beer.style.backgroundColor = '#c8c8c8';
+            beer.innerHTML = SHOP_BEER_STATIC_ITEM_HTML;
+            if (clear_node) clear_node.before(beer);
+            else node.append(beer);
+            (<HTMLInputElement>e.target).disabled = true;
+            msg_node.innerHTML = '添加成功';
+        });
+
+        // 监听啤酒购买
+        globVars.responseHandlers.push((...args: any[]) => this.buyBeerHelper.responseHandler.apply(this.buyBeerHelper, args));
+    }
+}
--- a/src/ts/class/action/BuyBeerHelper.ts
+++ b/src/ts/class/action/BuyBeerHelper.ts
@ -1,18 +1,37 @@
-import InfoUtils from "../utils/InfoUtils";
-import Alert from "../utils/Alert";
-import MathUtils from "../utils/MathUtils";
-import NOTIFY_HTML from "../../../static/html/buyBeer/notify.html";
-import CommonUtils from "../utils/CommonUtils";
-import Popup from "../utils/Popup";
-import ResponseInject from "../../interface/ResponseInject";
-import LocalConfigWrapper from "../LocalConfigWrapper";
-import ClassName from "../../container/ClassName";
-import { Injectable } from "../../container/Injectable";
-import Logger from "../Logger";
+import InfoUtils from "../class/utils/InfoUtils";
+import MathUtils from "../class/utils/MathUtils";
+import NOTIFY_HTML from "../../static/html/buyBeer/notify.html";
+import CommonUtils from "../class/utils/CommonUtils";
+import Popup from "../class/utils/Popup";
+import ResponseInject from "../interface/ResponseInject";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import ClassName from "../container/ClassName";
+import { Injectable } from "../container/Injectable";
+import Logger from "../class/Logger";
+import MsgWrapper from "../class/utils/MsgWrapper";
+import IFeature from "../man/IFeature";
+import ATK_PAGE_REG from "./url/ATK_PAGE_REG";
+import ALL_PAGE_REG from "./url/ALL_PAGE_REG";

@ClassName('BuyBeerHelper')
@Injectable()
-export default class BuyBeerHelper implements BeerMonitorLoop, ResponseInject {
+export default class BuyBeerHelper implements BeerMonitorLoop, ResponseInject, IFeature {
+
+    urlIncludes(): RegExp[] {
+        return [ALL_PAGE_REG]
+    }
+
+    urlExcludes(): RegExp[] {
+        return [ATK_PAGE_REG]
+    }
+
+    description(): string {
+        return '啤酒助手'
+    }
+
+    iStart(): void | Promise<void> {
+        (this.localConfigWrapper.config._15Alarm) && this.start()
+    }

    private isNotifying = false;
    private loopId: number = null;
@ -25,6 +44,7 @@ export default class BuyBeerHelper implements BeerMonitorLoop, ResponseInject {
        private readonly infoUtils: InfoUtils,
        private readonly mathUtils: MathUtils,
        private readonly logger: Logger,
+        private readonly msgWrapper: MsgWrapper,
    ) {
        this.time = this.localConfigWrapper.config._15AlarmTime || 30;
    }
@ -60,16 +80,18 @@ export default class BuyBeerHelper implements BeerMonitorLoop, ResponseInject {
                    if (this.isNotifying) return;
                    this.isNotifying = true;
                    // 发送通知
-                    const notify = new Alert(this.notifyHtml, {
+                    const rNum = this.mathUtils.getRandomInt(0, 99);
+                    // const notify =
+                    this.msgWrapper.create(NOTIFY_HTML.replace('{{}}', rNum.toString()), {
                        timeout: 30,
                        sysNotify: true,
                    });
-                    notify.getElement().querySelector('.wh-notify-msg button').addEventListener('click', () => this.skip_today());
-                    notify.getElement().addEventListener('click', ev => {
-                        if ((ev.target as HTMLElement).tagName.toLowerCase() === 'a') {
-                            notify.close();
-                        }
-                    });
+                    document.querySelector('button#wh-rd-btn-' + rNum).addEventListener('click', () => this.skip_today());
+                    // notify.getElement().addEventListener('click', ev => {
+                    //     if ((ev.target as HTMLElement).tagName.toLowerCase() === 'a') {
+                    //         notify.close();
+                    //     }
+                    // });
                    // 声音提醒
                    {
                        let loop = 3;
@ -110,9 +132,10 @@ export default class BuyBeerHelper implements BeerMonitorLoop, ResponseInject {
        this.localConfigWrapper.config._15_alarm_ignore = [date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()];
        // WuhuConfig.set('_15_alarm_ignore', [date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate()], false);
        // 通知
-        const notify = new Alert(`明早8点前将不再提醒 <button id="wh-rd-btn-${ this.mathUtils.getRandomInt(0, 100) }">取消</button>`);
+        const rNumber = this.mathUtils.getRandomInt(0, 100);
+        const notify = this.msgWrapper.create(`明早8点前将不再提醒 <button id="wh-rd-btn-${ rNumber }">取消</button>`);
        // 通知中的取消按钮
-        notify.getElement().querySelector('.wh-notify-msg button')
+        document.querySelector('#wh-rd-btn-' + rNumber)
            .addEventListener(
                'click',
                () => this.localConfigWrapper.config._15_alarm_ignore.length = 0
@ -139,11 +162,14 @@ export default class BuyBeerHelper implements BeerMonitorLoop, ResponseInject {
        popup.element.appendChild(confirm);
    }

-    public responseHandler(url: string, body: { json: unknown; text: string; isModified: boolean }, opt: { method: "GET" | "POST"; requestBody: string }) {
+    public responseHandler(url: string, body: { json: unknown; text: string; isModified: boolean }, opt: {
+        method: "GET" | "POST";
+        requestBody: string
+    }) {
        if (url.includes('shops.php') && opt?.method === 'POST') {
            let req = opt.requestBody;
            if (req && req.includes('step=buyShopItem') && req.includes('ID=180') && body.json && body.json['success']) {
-                new Alert('检测到已成功购买啤酒');
+                this.msgWrapper.create('检测到已成功购买啤酒');
                this.skip_today();
            }
        }
--- a/src/ts/feature/ChristmasTown.ts
+++ b/src/ts/feature/ChristmasTown.ts
@ -0,0 +1,25 @@
+import ClassName from "../container/ClassName";
+import { Injectable } from "../container/Injectable";
+import IFeature from "../man/IFeature";
+import christmasTownHelper from "../func/module/christmasTownHelper";
+
+@ClassName('ChristmasTown')
+@Injectable()
+export default class ChristmasTown implements IFeature {
+
+    urlIncludes(): RegExp[] {
+        return [/christmas_town\.php/]
+    }
+
+    urlExcludes(): RegExp[] {
+        return []
+    }
+
+    description(): string {
+        return '圣诞小镇助手'
+    }
+
+    iStart(): void | Promise<void> {
+        christmasTownHelper()
+    }
+}
--- a/src/ts/class/action/CompanyHelper.ts
+++ b/src/ts/class/action/CompanyHelper.ts
@ -1,27 +1,46 @@
-import CommonUtils from "../utils/CommonUtils";
-import FetchUtils from "../utils/FetchUtils";
-import InfoUtils from "../utils/InfoUtils";
-import Alert from "../utils/Alert";
-import TRAVEL_STATE from "../../enum/TravelState";
-import LocalConfigWrapper from "../LocalConfigWrapper";
-import { Injectable } from "../../container/Injectable";
-import ClassName from "../../container/ClassName";
-import Logger from "../Logger";
+import CommonUtils from "../class/utils/CommonUtils";
+import FetchUtils from "../class/utils/FetchUtils";
+import InfoUtils from "../class/utils/InfoUtils";
+import TRAVEL_STATE from "../enum/TravelState";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import { Injectable } from "../container/Injectable";
+import ClassName from "../container/ClassName";
+import Logger from "../class/Logger";
+import MsgWrapper from "../class/utils/MsgWrapper";
+import IFeature from "../man/IFeature";
+import ATK_PAGE_REG from "./url/ATK_PAGE_REG";
+import ALL_PAGE_REG from "./url/ALL_PAGE_REG";

 /**
 * 公司助手
 */
@Injectable()
@ClassName('CompanyHelper')
-export default class CompanyHelper {
-    className = 'CompanyHelper';
+export default class CompanyHelper implements IFeature {
+    private readonly logger: Logger = Logger.factory(CompanyHelper)
+
+    description(): string {
+        return "公司助手、火车爆仓检测";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [ATK_PAGE_REG];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [ALL_PAGE_REG];
+    }

    public constructor(
        private readonly localConfigWrapper: LocalConfigWrapper,
        private readonly commonUtils: CommonUtils,
        private readonly fetchUtils: FetchUtils,
-        private readonly logger: Logger,
        private readonly infoUtils: InfoUtils,
+        private readonly msgWrapper: MsgWrapper,
    ) {
    }

@ -29,10 +48,6 @@ export default class CompanyHelper {
        this.localConfigWrapper.config.CHTrainsDetectSwitch && this.trainsDetect().then();
    }

-    // public detectNow(): void {
-    //     this.trainsDetect(true).then();
-    // }
-
    /**
     * 火车检测
     * 每日判断一次，非公司老板跳过检测
@ -40,7 +55,7 @@ export default class CompanyHelper {
     */
    private async trainsDetect(test: boolean = false): Promise<null> {
        // 通过用户的icon判断公司老板
-        if ((await this.infoUtils.getSessionData()).statusIcons.icons.company.iconID !== 'icon73') {
+        if ((await this.infoUtils.getSessionData()).statusIcons.icons.company?.iconID !== 'icon73') {
            this.logger.info('火车检测跳过：非公司老板');
            return;
        }
@ -55,7 +70,7 @@ export default class CompanyHelper {
                this.fetchUtils.fetchText('/companies.php')
                    .then(res => {
                        let tmp: HTMLElement = document.createElement('div');
-                        let bodyTagStart = this.commonUtils.matchOne(res, /<body.+>/);
+                        let bodyTagStart = this.commonUtils.matchOne(res, /<body.+/);
                        if (!bodyTagStart) {
                            this.logger.warn('火车检测: 无法获取数据');
                            throw new Error('火车检测: 无法获取数据');
@ -76,7 +91,7 @@ export default class CompanyHelper {
                        this.logger.info('火车检测: 火车/星级: ' + trains + '/' + stars);
                        this.logger.info({ tmp });
                        if (trains + stars > 20) {
-                            new Alert(`公司助手<br/><br/>火车检测：火车明日将溢出！${ trains }/20火车`, {
+                            this.msgWrapper.create(`【公司助手】火车检测：火车明日将溢出！${ trains }/20火车`, {
                                timeout: 15,
                                force: true,
                                sysNotify: true
--- a/src/ts/feature/CrimePageModifier.ts
+++ b/src/ts/feature/CrimePageModifier.ts
@ -0,0 +1,78 @@
+import ClassName from "../container/ClassName";
+import { Injectable } from "../container/Injectable";
+import IFeature from "../man/IFeature";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import CommonUtils from "../class/utils/CommonUtils";
+import QUICK_CRIMES_HTML from "../../static/html/quick_crimes.html";
+
+@ClassName('CrimePageModifier')
+@Injectable()
+export default class CrimePageModifier implements IFeature {
+    constructor(
+        private readonly localConfigWrapper: LocalConfigWrapper
+    ) {
+    }
+
+    description(): string {
+        return "页面快速crime";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/crimes\.php/];
+    }
+
+    start() { // TODO 重构、与翻译解藕
+        if (this.localConfigWrapper.config.quickCrime) {
+            // iframe
+            if (self !== top) {
+                const isValidate = document.querySelector('h4#skip-to-content').innerText.toLowerCase().includes('validate');
+                CommonUtils.elementReady('#header-root').then(e => e.style.display = 'none');
+                CommonUtils.elementReady('#sidebarroot').then(e => e.style.display = 'none');
+                CommonUtils.elementReady('#chatRoot').then(e => e.style.display = 'none');
+                if (!isValidate) document.body.style.overflow = 'hidden';
+                CommonUtils.elementReady('.content-wrapper').then(e => {
+                    e.style.margin = '0px';
+                    e.style.position = 'absolute';
+                    e.style.top = '-35px';
+                });
+                CommonUtils.elementReady('#go-to-top-btn button').then(e => e.style.display = 'none');
+            }
+            const element = document.querySelector('.content-wrapper');
+            const OB = new MutationObserver(() => {
+                OB.disconnect();
+                trans();
+                OB.observe(element, {
+                    characterData: true,
+                    attributes: true,
+                    subtree: true,
+                    childList: true
+                });
+            });
+            const trans = () => {
+                const dom = QUICK_CRIMES_HTML;
+                const hasInserted = element.querySelector('.wh-translate') !== null;
+                const $title = document.querySelector('div.content-title');
+                const $info = document.querySelector('.info-msg-cont');
+                if (!hasInserted) {
+                    if ($title) $title.insertAdjacentHTML('beforebegin', dom);
+                    else if ($info) $info.insertAdjacentHTML('beforebegin', dom);
+                }
+            };
+            trans();
+            OB.observe(element, {
+                characterData: true,
+                attributes: true,
+                subtree: true,
+                childList: true
+            });
+        }
+    }
+}
--- a/src/ts/feature/IconHelper.ts
+++ b/src/ts/feature/IconHelper.ts
@ -0,0 +1,76 @@
+import Logger, { LoggerKey } from "../class/Logger"
+import ClassName from "../container/ClassName"
+import { Injectable } from "../container/Injectable"
+import CommonUtils, { CommonUtilsKey } from "../class/utils/CommonUtils"
+import LocalConfigWrapper, { LocalConfigWrapperKey } from "../class/LocalConfigWrapper"
+import { createApp } from "vue"
+import FloatMenu from "../../vue/FloatMenu.vue"
+import PopupWrapper, { PopupWrapperKey } from "../class/utils/PopupWrapper"
+import TravelItem from "./TravelItem"
+import QuickGymTrain, { QuickGymTrainKey } from "../class/action/QuickGymTrain"
+import QuickFlyBtnHandler, { QuickFlyBtnHandlerKey } from "../class/handler/QuickFlyBtnHandler"
+import ItemHelper, { ItemHelperKey } from "../class/utils/ItemHelper"
+import MathUtils, { MathUtilsKey } from "../class/utils/MathUtils"
+import IFeature from "../man/IFeature"
+import ALL_PAGE_REG from "./url/ALL_PAGE_REG"
+
+@ClassName("IconHelper")
+@Injectable()
+export default class IconHelper implements IFeature {
+    private readonly _element: HTMLElement = document.createElement('div');
+    private readonly logger = Logger.factory(IconHelper)
+
+    description(): string {
+        return "浮动图标、侧边菜单、标签式便携功能";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [ALL_PAGE_REG];
+    }
+
+    constructor(
+        private readonly commonUtils: CommonUtils,
+        private readonly localConfigWrapper: LocalConfigWrapper,
+        private readonly popupWrapper: PopupWrapper,
+        private readonly travelItem: TravelItem,
+        private readonly quickGymTrain: QuickGymTrain,
+        private readonly quickFlyBtnHandler: QuickFlyBtnHandler,
+        private readonly itemHelper: ItemHelper,
+        private readonly mathUtils: MathUtils,
+    ) {
+    }
+
+    get element() {
+        return this._element;
+    }
+
+    init() {
+        this._element.id = 'WHMenu2023';
+        document.body.append(this._element);
+        let app = createApp(FloatMenu);
+        this.logger.info('Vue实例已创建', { app })
+
+        app.config.errorHandler = (err) => this.logger.error('[VUE错误]', err);
+        app.config.warnHandler = (err) => this.logger.warn('[VUE警告]', err);
+        app.provide(LoggerKey, this.logger);
+        app.provide(CommonUtilsKey, this.commonUtils);
+        app.provide(MathUtilsKey, this.mathUtils);
+        // app.provide(TravelItemKey, this.travelItem);
+        app.provide(PopupWrapperKey, this.popupWrapper);
+        app.provide(LocalConfigWrapperKey, this.localConfigWrapper);
+        app.provide(QuickGymTrainKey, this.quickGymTrain);
+        app.provide(QuickFlyBtnHandlerKey, this.quickFlyBtnHandler);
+        app.provide(ItemHelperKey, this.itemHelper);
+        app.mount(this._element);
+        this.logger.info('Vue实例已挂载')
+    }
+
+}
--- a/src/ts/class/action/LotteryHelper.ts
+++ b/src/ts/class/action/LotteryHelper.ts
@ -1,19 +1,34 @@
-import InfoUtils from "../utils/InfoUtils";
-import MathUtils from "../utils/MathUtils";
-import CommonUtils from "../utils/CommonUtils";
-import TornStyleBlock from "../utils/TornStyleBlock";
-import Timer from "../utils/Timer";
-import FetchUtils from "../utils/FetchUtils";
-import { Injectable } from "../../container/Injectable";
-import ClassName from "../../container/ClassName";
-import Logger from "../Logger";
+import InfoUtils from "../class/utils/InfoUtils";
+import MathUtils from "../class/utils/MathUtils";
+import CommonUtils from "../class/utils/CommonUtils";
+import TornStyleBlock from "../class/utils/TornStyleBlock";
+import Timer from "../class/utils/Timer";
+import FetchUtils from "../class/utils/FetchUtils";
+import { Injectable } from "../container/Injectable";
+import ClassName from "../container/ClassName";
+import Logger from "../class/Logger";
+import IFeature from "../man/IFeature";

 /**
 * 彩票助手
 */
@Injectable()
@ClassName('LotteryHelper')
-export default class LotteryHelper {
+export default class LotteryHelper implements IFeature {
+    private readonly logger: Logger = Logger.factory(LotteryHelper)
+
+    description(): string {
+        return "彩票助手";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
    private loopFlag = true;

    private radioDaily: HTMLInputElement = null;
@ -26,12 +41,15 @@ export default class LotteryHelper {
    private status: HTMLElement = null;
    private desc: HTMLElement = null;

+    urlIncludes(): RegExp[] {
+        return [/loader\.php\?sid=lottery/];
+    }
+
    constructor(
        private readonly mathUtils: MathUtils,
        private readonly commonUtils: CommonUtils,
        private readonly fetchUtils: FetchUtils,
        private readonly infoUtils: InfoUtils,
-        private readonly logger: Logger,
    ) {
    }

--- a/src/ts/feature/MapItem.ts
+++ b/src/ts/feature/MapItem.ts
@ -0,0 +1,50 @@
+import IFeature from "../man/IFeature";
+import ClassName from "../container/ClassName";
+import { Injectable } from "../container/Injectable";
+import TornStyleBlock from "../class/utils/TornStyleBlock";
+import TornStyleSwitch from "../class/utils/TornStyleSwitch";
+import cityFinder from "../func/module/cityFinder";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+
+@ClassName('MapItem')
+@Injectable()
+export default class MapItem implements IFeature {
+    constructor(
+        private readonly localConfigWrapper: LocalConfigWrapper
+    ) {
+    }
+
+    description(): string {
+        return "捡垃圾助手";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/city\.php/];
+    }
+
+    start() {
+        if (this.localConfigWrapper.config.cityFinder) {
+            let _base = new TornStyleBlock('芜湖助手').insert2Dom();
+            // let reloadSwitch = new TornStyleSwitch('解决一直转圈(加载中)的问题');
+            // reloadSwitch.getInput().checked = this.localConfigWrapper.config.SolveGoogleScriptPendingIssue;
+            // _base.append(reloadSwitch.getBase()).insert2Dom();
+            // reloadSwitch.getInput().addEventListener('change', () => {
+            //     if (reloadSwitch.getInput().checked) window.location.replace(window.location.href);
+            //     this.localConfigWrapper.config.SolveGoogleScriptPendingIssue = reloadSwitch.getInput().checked;
+            // });
+
+            _base.append(document.createElement('br'));
+
+            cityFinder(_base);
+        }
+    }
+
+}
--- a/src/ts/feature/MissionPageModifier.ts
+++ b/src/ts/feature/MissionPageModifier.ts
@ -0,0 +1,77 @@
+import ClassName from "../container/ClassName";
+import { Injectable } from "../container/Injectable";
+import IFeature from "../man/IFeature";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import getTaskHint from "../func/translate/getTaskHint";
+import { missionDict } from "../dictionary/translation";
+
+@ClassName('MissionPageModifier')
+@Injectable()
+export default class MissionPageModifier implements IFeature {
+    constructor(
+        private readonly localConfigWrapper: LocalConfigWrapper
+    ) {
+    }
+
+    description(): string {
+        return "页面快速crime";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/crimes\.php/];
+    }
+
+    start() {
+        const anchor = document.querySelector('.content-wrapper');
+        const OB = new MutationObserver(() => {
+            OB.disconnect();
+            trans();
+            OB.observe(anchor, {
+                characterData: true,
+                attributes: true,
+                subtree: true,
+                childList: true
+            });
+        });
+        const taskList = {};
+        const trans = () => {
+            $('ul#giver-tabs a.ui-tabs-anchor').each((i, e) => {
+                let $e = $(e);
+                if ($e.children().hasClass('mission-complete-icon')) {
+                    taskList[i] = e.innerText.trim();
+                } else {
+                    taskList[i] = $e.clone().children().remove().end().text().trim();
+                }
+            });
+            // 助手注入
+            $('div.max-height-fix.info').each((i, e) => {
+                let $e = $(e);
+                if ($e.find('.wh-translated').length !== 0) return;
+                $e.append(`<div class="wh-translated"><h6 style="color:green"><b>任务助手</b></h6><p>${ getTaskHint(taskList[i]) }</p></div>`);
+            });
+            // 任务目标
+            $('ul.tasks-list span.title-wrap').contents().each((i, e) => {
+                if (e.nodeType === 3) {
+                    if (missionDict[e.nodeValue.trim()]) {
+                        e.nodeValue = missionDict[e.nodeValue.trim()];
+                    }
+                }
+            });
+        };
+        trans();
+        OB.observe(anchor, {
+            characterData: true,
+            attributes: true,
+            subtree: true,
+            childList: true
+        });
+    }
+}
--- a/src/ts/class/action/SidebarHelper.ts
+++ b/src/ts/class/action/SidebarHelper.ts
@ -1,10 +1,13 @@
-import CommonUtils from "../utils/CommonUtils";
-import Global from "../Global";
-import Device from "../../enum/Device";
-import ClassName from "../../container/ClassName";
-import { Injectable } from "../../container/Injectable";
-import LocalConfigWrapper from "../LocalConfigWrapper";
-import Logger from "../Logger";
+import CommonUtils from "../class/utils/CommonUtils";
+import Global from "../class/Global";
+import Device from "../enum/Device";
+import ClassName from "../container/ClassName";
+import { Injectable } from "../container/Injectable";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import Logger from "../class/Logger";
+import IFeature from "../man/IFeature";
+import ATK_PAGE_REG from "./url/ATK_PAGE_REG";
+import ALL_PAGE_REG from "./url/ALL_PAGE_REG";

 /**
 * ### 边栏助手
@ -13,16 +16,32 @@ import Logger from "../Logger";
 */
@ClassName('SidebarHelper')
@Injectable()
-export default class SidebarHelper {
+export default class SidebarHelper implements IFeature {
+    private readonly logger: Logger = Logger.factory(SidebarHelper)
+
+    description(): string {
+        return "边栏助手";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [ATK_PAGE_REG];
+    }

    private readonly sidebarRootNode: HTMLElement;
    private readonly toggleBtn: HTMLButtonElement;
    private isHide: boolean;

+    urlIncludes(): RegExp[] {
+        return [ALL_PAGE_REG];
+    }
+
    constructor(
        private readonly localConfigWrapper: LocalConfigWrapper,
        private readonly global: Global,
-        private readonly logger: Logger,
    ) {
        this.sidebarRootNode = document.querySelector('#sidebarroot');
        this.toggleBtn = document.createElement('button');
@ -35,7 +54,7 @@ export default class SidebarHelper {
            this.initToggleBtn();
            this.barRedirect();
        } else {
-            this.logger.warn('[SidebarHelper] 页面未开启边栏，边栏助手退出');
+            this.logger.warn('页面未开启边栏，边栏助手退出');
        }
    }

@ -73,10 +92,10 @@ export default class SidebarHelper {
    // 4条转跳
    private barRedirect(): void {
        if (this.localConfigWrapper.config.barsRedirect) {
-            const eb = document.getElementById('barEnergy') as HTMLAnchorElement;
-            const nb = document.getElementById('barNerve') as HTMLAnchorElement;
-            const hb = document.getElementById('barHappy') as HTMLAnchorElement;
-            const lb = document.getElementById('barLife') as HTMLAnchorElement;
+            const eb = document.querySelector<HTMLAnchorElement>('#barEnergy');
+            const nb = document.querySelector<HTMLAnchorElement>('#barNerve');
+            const hb = document.querySelector<HTMLAnchorElement>('#barHappy');
+            const lb = document.querySelector<HTMLAnchorElement>('#barLife');
            if (eb) {
                eb.addEventListener('click', () => location.href = '/gym.php');
                eb.href = '/gym.php';
--- a/src/ts/class/action/StackHelper.ts
+++ b/src/ts/class/action/StackHelper.ts
@ -1,15 +1,36 @@
-import TornStyleBlock from "../utils/TornStyleBlock";
-import TornStyleSwitch from "../utils/TornStyleSwitch";
-import { Injectable } from "../../container/Injectable";
-import ClassName from "../../container/ClassName";
-import LocalConfigWrapper from "../LocalConfigWrapper";
+import TornStyleBlock from "../class/utils/TornStyleBlock";
+import TornStyleSwitch from "../class/utils/TornStyleSwitch";
+import { Injectable } from "../container/Injectable";
+import ClassName from "../container/ClassName";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import IFeature from "../man/IFeature";

@Injectable()
@ClassName('StackHelper')
-export default class StackHelper {
+export default class StackHelper implements IFeature {
+
    constructor(
        private readonly localConfigWrapper: LocalConfigWrapper,
    ) {
+    }
+
+    description(): string {
+        return "叠e助手";
+    }
+
+    iStart(): void | Promise<void> {
+        this.start()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [/gym\.php/];
+    }
+
+    start() {
        let block = new TornStyleBlock('叠E保护').insert2Dom();
        let switcher = new TornStyleSwitch('启用');
        let input = switcher.getInput();
@ -23,5 +44,4 @@ export default class StackHelper {
            this.localConfigWrapper.config.SEProtect = target.checked;
        };
    }
-
 }
--- a/src/ts/func/module/travelHelper.ts
+++ b/src/ts/func/module/travelHelper.ts
@ -1,49 +1,20 @@
-import titleTrans from "../translate/titleTrans";
-import contentTitleLinksTrans from "../translate/contentTitleLinksTrans";
-import Device from "../../enum/Device";
-import Alert from "../../class/utils/Alert";
-import ActionButtonUtils from "../../class/utils/ActionButtonUtils";
-import CommonUtils from "../../class/utils/CommonUtils";
-import TRAVEL_ALARM_CSS from "../../../static/css/travel_alarm.module.css";
-import TRAVEL_ALARM_HTML from "../../../static/html/travel_alarm.html";
-import TornStyleBlock from "../../class/utils/TornStyleBlock";
-import QuickFlyBtnHandler from "../../class/handler/QuickFlyBtnHandler";
-import TRAVEL_STATE from "../../enum/TravelState";
-import Global from "../../class/Global";
-import ClassName from "../../container/ClassName";
-import { Injectable } from "../../container/Injectable";
-import LocalConfigWrapper from "../../class/LocalConfigWrapper";
-
-// async function travelHelper(): Promise<void> {
-//     let global = Container.factory(Global);
-//     let commonUtils = Container.factory(CommonUtils);
-// }
-
-// async function travelBack(): Promise<null> {
-//     if (typeof window['getAction'] !== 'function') return;
-//     let backHomeAction = function (): Promise<string> {
-//         return new Promise(resolve => {
-//             window.getAction({
-//                 type: "post",
-//                 action: 'travelagency.php',
-//                 data: {
-//                     step: 'backHomeAction'
-//                 },
-//                 success: function (msg) {
-//                     resolve(msg);
-//                 }
-//             });
-//         });
-//     };
-//     let res = await backHomeAction();
-//     new Alert(res);
-//     if (!res.includes('error')) {
-//         new Alert('成功，即将刷新');
-//         window.setTimeout(() => location.reload(), 3000);
-//     } else {
-//         new Alert('出错了');
-//     }
-// }
+import titleTrans from "../func/translate/titleTrans";
+import contentTitleLinksTrans from "../func/translate/contentTitleLinksTrans";
+import Device from "../enum/Device";
+import ActionButtonUtils from "../class/utils/ActionButtonUtils";
+import CommonUtils from "../class/utils/CommonUtils";
+import TRAVEL_ALARM_CSS from "../../static/css/travel_alarm.module.css";
+import TRAVEL_ALARM_HTML from "../../static/html/travel_alarm.html";
+import TornStyleBlock from "../class/utils/TornStyleBlock";
+import QuickFlyBtnHandler from "../class/handler/QuickFlyBtnHandler";
+import TRAVEL_STATE from "../enum/TravelState";
+import Global from "../class/Global";
+import ClassName from "../container/ClassName";
+import { Injectable } from "../container/Injectable";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import MsgWrapper from "../class/utils/MsgWrapper";
+import IFeature from "../man/IFeature";
+import INDEX_PAGE_REG from "./url/INDEX_PAGE_REG";

 /**
 * 飞行助手
@ -55,12 +26,29 @@ import LocalConfigWrapper from "../../class/LocalConfigWrapper";
 */
@ClassName('TravelHelper')
@Injectable()
-export default class TravelHelper {
+export default class TravelHelper implements IFeature {
+    description(): string {
+        return "飞行助手";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [INDEX_PAGE_REG, /travelagency\.php/];
+    }
+
    constructor(
        private readonly global: Global,
        private readonly commonUtils: CommonUtils,
        private readonly actionButtonUtils: ActionButtonUtils,
        private readonly localConfigWrapper: LocalConfigWrapper,
+        private readonly msgWrapper: MsgWrapper,
    ) {
    }

@ -133,10 +121,6 @@ export default class TravelHelper {
                        const set_node = wh_trv_alarm_node.querySelectorAll('#wh-trv-alarm-cont button')[0] as HTMLButtonElement;
                        // 落地前响铃时长
                        const cd_time = wh_trv_alarm_node.querySelector('input[type="number"]') as HTMLInputElement;
-                        let count_down_notify: MyHTMLElement | { close: Function } = {
-                            close: () => {
-                            }
-                        };
                        set_node.onclick = () => {
                            try {
                                wh_trv_alarm.alert_time = parseInt(cd_time.value);
@ -145,8 +129,7 @@ export default class TravelHelper {
                            }
                            save_trv_settings();
                            set_node.value = wh_trv_alarm.alert_time;
-                            count_down_notify.close();
-                            count_down_notify = new Alert('设置已更新');
+                            this.msgWrapper.create('设置已更新');
                        };
                        // 停止响铃按钮
                        const stop_node = wh_trv_alarm_node.querySelectorAll('#wh-trv-alarm-cont button')[1] as HTMLButtonElement;
@ -157,15 +140,10 @@ export default class TravelHelper {
                        }
                        // 开启闹钟勾选
                        const enable_node = wh_trv_alarm_node.querySelector('#wh-trv-alarm-cont input[type="checkbox"]') as HTMLInputElement;
-                        let on_off_notify: MyHTMLElement | { close: Function } = {
-                            close: () => {
-                            }
-                        };
                        enable_node.onchange = ev => {
                            wh_trv_alarm.enable = (<HTMLInputElement>ev.target).checked;
                            save_trv_settings();
-                            on_off_notify.close();
-                            on_off_notify = new Alert(wh_trv_alarm.enable ? '闹钟已开启' : '闹钟已关闭');
+                            this.msgWrapper.create(wh_trv_alarm.enable ? '闹钟已开启' : '闹钟已关闭');
                        };
                        // 剩余时间 秒
                        const remaining_sec = parseInt(remaining_arr);
@ -193,7 +171,7 @@ export default class TravelHelper {
                        // 响铃的方法
                        let audio_play_handle = () => {
                            if (user_stop_alert) {
-                                clearInterval(audio_play_id);
+                                window.clearInterval(audio_play_id);
                                audio_play_id = null;
                                return;
                            }
@ -234,7 +212,7 @@ export default class TravelHelper {
                            } else {
                                // flying_status.innerHTML = `飞行中...`;
                                if (wh_trv_alarm.enable) {
-                                    clearInterval(audio_play_id);
+                                    window.clearInterval(audio_play_id);
                                    audio_play_id = null;
                                    stop_node.parentElement.classList.add('wh-trv-alarm-stop-hide');
                                }
@ -260,7 +238,7 @@ export default class TravelHelper {
                    // 海外警告
                    if (this.localConfigWrapper.config.abroadWarning) {
                        let c = 1;
-                        setInterval(() => new Alert(`警告：您已海外落地${ c++ * 30 }秒`, {
+                        setInterval(() => this.msgWrapper.create(`警告：您已海外落地${ c++ * 30 }秒`, {
                            timeout: 30,
                            sysNotify: true
                        }), 30000);
@ -306,6 +284,7 @@ export default class TravelHelper {
                });
                const trans = () => {
                    // 当前能量e
+                    // @ts-ignore
                    const energyBarStr = $('#barEnergy p[class^="bar-value__"]').text().trim();
                    const [curE, maxE] = energyBarStr.split('/').length === 2
                        ? [parseInt(energyBarStr.split('/')[0]), parseInt(energyBarStr.split('/')[1])]
@ -314,6 +293,7 @@ export default class TravelHelper {
                    const fullEnergyTime = !(isNaN(curE) || isNaN(maxE)) ? (maxE - 5 - curE) / 5 * incTime
                        + (incTime - new Date().getMinutes() % incTime) : NaN;
                    // 起飞前提示
+                    // @ts-ignore
                    $('.travel-confirm .travel-question .q-wrap span:nth-of-type(2)').each((i, e) => {
                        if (isNaN(fullEnergyTime)) return;
                        const spl = e.innerText.trim().split(' ');
@ -344,10 +324,6 @@ export default class TravelHelper {
        }
    }

-    /** TODO */
-    inTravelPage() {
-    }
-
    async doTravelBack(): Promise<void> {
        if (typeof window['getAction'] !== 'function') return;
        let backHomeAction = function (): Promise<string> {
@ -365,12 +341,12 @@ export default class TravelHelper {
            });
        };
        let res = await backHomeAction();
-        new Alert(res);
+        this.msgWrapper.create(res);
        if (!res.includes('error')) {
-            new Alert('成功，即将刷新');
+            this.msgWrapper.create('成功，即将刷新');
            window.setTimeout(() => location.reload(), 3000);
        } else {
-            new Alert('出错了');
+            this.msgWrapper.create('出错了');
        }
    }
 }
--- a/src/ts/class/action/TravelItem.ts
+++ b/src/ts/class/action/TravelItem.ts
@ -1,22 +1,41 @@
-import CommonUtils from "../utils/CommonUtils";
-import UserScriptEngine from "../../enum/UserScriptEngine";
-import Popup from "../utils/Popup";
-import STOCK_IMG_HTML from "../../../static/html/stock_img.html";
-import WindowActiveState from "./WindowActiveState";
-import { Injectable } from "../../container/Injectable";
-import ClassName from "../../container/ClassName";
-import Logger from "../Logger";
-import { InjectionKey } from "vue";
+import CommonUtils from "../class/utils/CommonUtils";
+import UserScriptEngine from "../enum/UserScriptEngine";
+import Popup from "../class/utils/Popup";
+import STOCK_IMG_HTML from "../../static/html/stock_img.html";
+import WindowActiveState from "../class/action/WindowActiveState";
+import { Injectable } from "../container/Injectable";
+import ClassName from "../container/ClassName";
+import Logger from "../class/Logger";
+import IFeature from "../man/IFeature";
+import ATK_PAGE_REG from "./url/ATK_PAGE_REG";
+import ALL_PAGE_REG from "./url/ALL_PAGE_REG";

@Injectable()
@ClassName('TravelItem')
-export default class TravelItem {
+export default class TravelItem implements IFeature {
+    private readonly logger: Logger = Logger.factory(TravelItem)
+
+    description(): string {
+        return "海外货物存量静默获取";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [ATK_PAGE_REG];
+    }
+
    private readonly apiUrl: string = 'https://yata.yt/api/v1/travel/export/';
    private foreignStockInfo: any = null;

+    urlIncludes(): RegExp[] {
+        return [ALL_PAGE_REG];
+    }
+
    public constructor(
        private readonly windowActiveState: WindowActiveState,
-        private readonly logger: Logger,
        private readonly commonUtils: CommonUtils,
    ) {
    }
@ -174,4 +193,4 @@ export default class TravelItem {
    }
 }

-export const TravelItemKey = Symbol('TravelItemKey') as InjectionKey<TravelItem>
+// export const TravelItemKey = Symbol('TravelItemKey') as InjectionKey<TravelItem>
--- a/src/ts/feature/url/ALL_PAGE_REG.ts
+++ b/src/ts/feature/url/ALL_PAGE_REG.ts
@ -0,0 +1,2 @@
+const ALL_PAGE_REG = /^/
+export default ALL_PAGE_REG
--- a/src/ts/feature/url/ATK_PAGE_REG.ts
+++ b/src/ts/feature/url/ATK_PAGE_REG.ts
@ -0,0 +1,2 @@
+const ATK_PAGE_REG = /\/loader.php\?sid=attack&user2ID=/
+export default ATK_PAGE_REG
--- a/src/ts/feature/url/INDEX_PAGE_REG.ts
+++ b/src/ts/feature/url/INDEX_PAGE_REG.ts
@ -0,0 +1,2 @@
+const INDEX_PAGE_REG = /index\.php/
+export default INDEX_PAGE_REG
--- a/src/ts/func/module/adHelper.ts
+++ b/src/ts/func/module/adHelper.ts
@ -1,7 +1,10 @@
 import Popup from "../../class/utils/Popup";
+import { Container } from "../../container/Container";
+import Logger from "../../class/Logger";

 // 传单助手
 export default function adHelper() {
+    Container.factory(Logger).error('adHelper')
    let popup = new Popup('', '传单助手').getElement();
    document.querySelector('#chatRoot').classList.remove('wh-hide');
    let info = document.createElement('p');
--- a/src/ts/func/module/christmasTownHelper.ts
+++ b/src/ts/func/module/christmasTownHelper.ts
@ -280,7 +280,7 @@ export default function christmasTownHelper() {
            const history = Object.keys(dropHist).map(key => dropHist[key]).sort((a, b) => a.id - b.id);
            let table_html = '';
            history.forEach(e => {
-                table_html += `<tr><td>${ e.pos }</td><td>${ e.map }</td><td>${ e.name }</td><td>${ e.last }</td><td>${ e.isPassed ? '已取得' : '不确定' }</td></tr>`;
+                table_html += `<tr><td>${ e.pos }</td><td>${ e.map ?? e.data }</td><td>${ e.name }</td><td>${ e.last }</td><td>${ e.isPassed ? '已取得' : '不确定' }</td></tr>`;
            });
            $tbody.innerHTML = table_html;
            localStorage.setItem('wh-loot-store', JSON.stringify(dropHist));
--- a/src/ts/func/module/fetchYata.ts
+++ b/src/ts/func/module/fetchYata.ts
@ -0,0 +1,98 @@
+import CommonUtils from "../../class/utils/CommonUtils"
+
+type YataBSEstData = {
+    "total": number,
+    "score": number,
+    "type": "Offensive" | "Defensive" | "Balanced",
+    "skewness": number,
+    "timestamp": number,
+    "version": 1,
+}
+
+type YataApiResponse = {
+    // key为请求id
+    [key: number]: YataBSEstData
+    error?: { 'error': string, 'code': 1 | 2 | 3 | 4 }
+}
+
+type YataApiDataWrap = YataBSEstData & {
+    id: string,
+    isCache: boolean,
+}
+
+const cacheExpireMs = 86400000 // 一天
+const KEY = 'WHBSEstCache'
+
+const getCacheObj = () => {
+    let obj: { [key: string]: YataApiDataWrap }
+    try {
+        obj = JSON.parse(localStorage.getItem(KEY)) ?? {}
+    } catch (e) {
+        obj = {}
+    }
+    return obj
+}
+
+const getCache = (id: number): YataApiDataWrap => {
+    let cache: YataApiDataWrap = getCacheObj()[id]
+    if (cache && ((Date.now() - (cache.timestamp * 1000)) < cacheExpireMs)) {
+        cache.isCache = true
+    } else {
+        cache = null
+    }
+    return cache
+}
+
+const setCache = (data: YataApiDataWrap): void => {
+    const cache = getCacheObj()
+    cache[data.id] = data
+    localStorage.setItem(KEY, JSON.stringify(cache))
+}
+
+/**
+ * 清空本地缓存
+ */
+const purge = () => {
+    localStorage.removeItem(KEY)
+}
+
+const fetchYata = async (id: number, apikey: string): Promise<YataApiDataWrap> => {
+    if (!id || !apikey) {
+        throw new TypeError('请求yata接口时出错: id和apikey不能为空')
+    }
+    const cache = getCache(id)
+    if (cache) {
+        return cache
+    } else {
+        let responseString: string, response: YataApiResponse
+        try {
+            responseString = await CommonUtils.COFetch(`https://yata.yt/api/v1/bs/${ id }?key=${ apikey }`)
+        } catch (e) {
+            throw new TypeError('请求yata接口时出错 ' + e.message)
+        }
+        try {
+            response = JSON.parse(responseString)
+        } catch (e) {
+            throw new TypeError('解析yata接口响应时出错 ' + e.message)
+        }
+        if (response.error) {
+            switch (response.error.code) {
+                case 1:
+                    throw new TypeError('请求yata接口时出错: yata服务端错误-' + response.error.error)
+                case 2:
+                    throw new TypeError('请求yata接口时出错: 脚本逻辑错误-' + response.error.error)
+                case 3:
+                    throw new TypeError('请求yata接口时出错: 已达到次数限制-' + response.error.error)
+                case 4:
+                    throw new TypeError('请求yata接口时出错: apikey错误-' + response.error.error)
+            }
+        }
+        const wrapper = <YataApiDataWrap>response[id]
+        wrapper.id = String(id)
+        wrapper.isCache = false
+        setCache(wrapper)
+        return wrapper
+    }
+}
+
+export { fetchYata, YataApiDataWrap, purge }
--- a/src/ts/func/module/loadGS.ts
+++ b/src/ts/func/module/loadGS.ts
@ -1,120 +1,120 @@
-import UserScriptEngine from "../../enum/UserScriptEngine";
-import CommonUtils from "../../class/utils/CommonUtils";
-import Alert from "../../class/utils/Alert";
-import { Container } from "../../container/Container";
-import Logger from "../../class/Logger";
-
-// gs loader
-export default function loadGS(use) {
-    let logger = Container.factory(Logger);
-    if (use === UserScriptEngine.PDA) {
-        let ifr: HTMLIFrameElement = document.querySelector('#wh-gs-loader-ifr');
-        if (ifr) {
-            new Alert('飞贼小助手已经加载了');
-            return;
-        }
-        const container = document.createElement('div');
-        container.id = 'wh-gs-loader';
-        ifr = document.createElement('iframe');
-        ifr.id = 'wh-gs-loader-ifr';
-        ifr.src = 'https://www.torn.com/crimes.php';
-        container.append(ifr);
-        document.body.append(container);
-        CommonUtils.addStyle(`
-#wh-gs-loader {
-position:fixed;
-top:0;
-left:0;
-z-index:100001;
-}
-`);
-        let notify = new Alert('加载中');
-        ifr.onload = () => {
-            notify.close();
-            const _window = ifr.contentWindow;
-            const _docu = _window.document;
-            _docu.head.innerHTML = '';
-            _docu.body.innerHTML = '';
-            notify = new Alert('加载依赖');
-            CommonUtils.COFetch('https://cdn.staticfile.org/vue/2.2.2/vue.min.js')
-                .then(vuejs => {
-                    notify.close();
-                    _window.eval(vuejs);
-                    _window.GM_getValue = (k, v = undefined) => {
-                        const objV = JSON.parse(_window.localStorage.getItem('wh-gs-storage') || '{}')[k];
-                        return objV || v;
-                    };
-                    _window.GM_setValue = (k, v) => {
-                        const obj = JSON.parse(_window.localStorage.getItem('wh-gs-storage') || '{}');
-                        obj[k] = v;
-                        _window.localStorage.setItem('wh-gs-storage', JSON.stringify(obj));
-                    };
-                    _window.GM_xmlhttpRequest = function (opt) {
-                        // 暂不适配pda post
-                        if (opt.method.toLowerCase() === 'post') return;
-                        CommonUtils.COFetch(opt.url).then(res => {
-                            const obj = {
-                                responseText: res
-                            };
-                            opt.onload(obj);
-                        });
-                    };
-                    notify = new Alert('加载飞贼小助手');
-                    CommonUtils.COFetch(`https://gitee.com/ameto_kasao/tornjs/raw/master/GoldenSnitch.js?${ performance.now() }`)
-                        .then(res => {
-                            _window.eval(res.replace('http://222.160.142.50:8154/mugger', `https://api.ljs-lyt.com/mugger`));
-                            _window.GM_setValue("gsp_x", 10);
-                            _window.GM_setValue("gsp_y", 10);
-                            notify.close();
-                            notify = new Alert('飞贼小助手已加载', { timeout: 1 });
-                            const gsp: HTMLElement = _docu.querySelector('#gsp');
-                            const thisRun = () => {
-                                ifr.style.height = `${ gsp.offsetHeight + 10 }px`;
-                                ifr.style.width = `${ gsp.offsetWidth + 20 }px`;
-                                gsp.style.top = '10px';
-                                gsp.style.left = '10px';
-                            };
-                            new MutationObserver(thisRun).observe(gsp, { childList: true, subtree: true });
-                            thisRun();
-                            if (logger.debug()) _window.GM_setValue("gsp_showContent", true)
-                        });
-                });
-        };
-        return;
-    }
-    if (use === UserScriptEngine.GM) {
-        if (typeof window.Vue !== 'function') {
-            let notify = new Alert('正在加载依赖');
-            CommonUtils.COFetch('https://cdn.staticfile.org/vue/2.2.2/vue.min.js')
-                .then(VueJS => {
-                    window.eval(VueJS);
-                    notify.close();
-                    notify = new Alert('已载入依赖');
-                    window.GM_getValue = (k, v = undefined) => {
-                        const objV = JSON.parse(window.localStorage.getItem('wh-gs-storage') || '{}')[k];
-                        return objV || v;
-                    };
-                    window.GM_setValue = (k, v) => {
-                        const obj = JSON.parse(window.localStorage.getItem('wh-gs-storage') || '{}');
-                        obj[k] = v;
-                        window.localStorage.setItem('wh-gs-storage', JSON.stringify(obj));
-                    };
-                    // TODO
-                    // window.GM_xmlhttpRequest = GM_xmlhttpRequest;
-                    CommonUtils.COFetch(`https://gitee.com/ameto_kasao/tornjs/raw/master/GoldenSnitch.js?${ performance.now() }`)
-                        .then(GSJS => {
-                            window.eval(GSJS);
-                            if (logger.debug()) window.GM_setValue("gsp_showContent", true);
-                            notify.close();
-                            notify = new Alert('已载入飞贼助手');
-                        })
-                        .catch(err => new Alert(`PDA API错误。${ JSON.stringify(err) }`));
-                })
-                .catch(err => new Alert(JSON.stringify(err)));
-        } else {
-            new Alert('飞贼助手已经加载了');
-        }
-        return;
-    }
-    new Alert('暂不支持');
-}
+// import UserScriptEngine from "../../enum/UserScriptEngine";
+// import CommonUtils from "../../class/utils/CommonUtils";
+// import Alert from "../../class/utils/Alert";
+// import { Container } from "../../container/Container";
+// import Logger from "../../class/Logger";
+//
+// // gs loader
+// export default function loadGS(use) {
+//     let logger = Container.factory(Logger);
+//     if (use === UserScriptEngine.PDA) {
+//         let ifr: HTMLIFrameElement = document.querySelector('#wh-gs-loader-ifr');
+//         if (ifr) {
+//             new Alert('飞贼小助手已经加载了');
+//             return;
+//         }
+//         const container = document.createElement('div');
+//         container.id = 'wh-gs-loader';
+//         ifr = document.createElement('iframe');
+//         ifr.id = 'wh-gs-loader-ifr';
+//         ifr.src = 'https://www.torn.com/crimes.php';
+//         container.append(ifr);
+//         document.body.append(container);
+//         CommonUtils.addStyle(`
+// #wh-gs-loader {
+// position:fixed;
+// top:0;
+// left:0;
+// z-index:100001;
+// }
+// `);
+//         let notify = new Alert('加载中');
+//         ifr.onload = () => {
+//             notify.close();
+//             const _window = ifr.contentWindow;
+//             const _docu = _window.document;
+//             _docu.head.innerHTML = '';
+//             _docu.body.innerHTML = '';
+//             notify = new Alert('加载依赖');
+//             CommonUtils.COFetch('https://cdn.staticfile.org/vue/2.2.2/vue.min.js')
+//                 .then(vuejs => {
+//                     notify.close();
+//                     _window.eval(vuejs);
+//                     _window.GM_getValue = (k, v = undefined) => {
+//                         const objV = JSON.parse(_window.localStorage.getItem('wh-gs-storage') || '{}')[k];
+//                         return objV || v;
+//                     };
+//                     _window.GM_setValue = (k, v) => {
+//                         const obj = JSON.parse(_window.localStorage.getItem('wh-gs-storage') || '{}');
+//                         obj[k] = v;
+//                         _window.localStorage.setItem('wh-gs-storage', JSON.stringify(obj));
+//                     };
+//                     _window.GM_xmlhttpRequest = function (opt) {
+//                         // 暂不适配pda post
+//                         if (opt.method.toLowerCase() === 'post') return;
+//                         CommonUtils.COFetch(opt.url).then(res => {
+//                             const obj = {
+//                                 responseText: res
+//                             };
+//                             opt.onload(obj);
+//                         });
+//                     };
+//                     notify = new Alert('加载飞贼小助手');
+//                     CommonUtils.COFetch(`https://gitee.com/ameto_kasao/tornjs/raw/master/GoldenSnitch.js?${ performance.now() }`)
+//                         .then(res => {
+//                             _window.eval(res.replace('http://222.160.142.50:8154/mugger', `https://api.ljs-lyt.com/mugger`));
+//                             _window.GM_setValue("gsp_x", 10);
+//                             _window.GM_setValue("gsp_y", 10);
+//                             notify.close();
+//                             notify = new Alert('飞贼小助手已加载', { timeout: 1 });
+//                             const gsp: HTMLElement = _docu.querySelector('#gsp');
+//                             const thisRun = () => {
+//                                 ifr.style.height = `${ gsp.offsetHeight + 10 }px`;
+//                                 ifr.style.width = `${ gsp.offsetWidth + 20 }px`;
+//                                 gsp.style.top = '10px';
+//                                 gsp.style.left = '10px';
+//                             };
+//                             new MutationObserver(thisRun).observe(gsp, { childList: true, subtree: true });
+//                             thisRun();
+//                             if (logger.debug()) _window.GM_setValue("gsp_showContent", true)
+//                         });
+//                 });
+//         };
+//         return;
+//     }
+//     if (use === UserScriptEngine.GM) {
+//         if (typeof window.Vue !== 'function') {
+//             let notify = new Alert('正在加载依赖');
+//             CommonUtils.COFetch('https://cdn.staticfile.org/vue/2.2.2/vue.min.js')
+//                 .then(VueJS => {
+//                     window.eval(VueJS);
+//                     notify.close();
+//                     notify = new Alert('已载入依赖');
+//                     window.GM_getValue = (k, v = undefined) => {
+//                         const objV = JSON.parse(window.localStorage.getItem('wh-gs-storage') || '{}')[k];
+//                         return objV || v;
+//                     };
+//                     window.GM_setValue = (k, v) => {
+//                         const obj = JSON.parse(window.localStorage.getItem('wh-gs-storage') || '{}');
+//                         obj[k] = v;
+//                         window.localStorage.setItem('wh-gs-storage', JSON.stringify(obj));
+//                     };
+//                     // TODO
+//                     // window.GM_xmlhttpRequest = GM_xmlhttpRequest;
+//                     CommonUtils.COFetch(`https://gitee.com/ameto_kasao/tornjs/raw/master/GoldenSnitch.js?${ performance.now() }`)
+//                         .then(GSJS => {
+//                             window.eval(GSJS);
+//                             if (logger.debug()) window.GM_setValue("gsp_showContent", true);
+//                             notify.close();
+//                             notify = new Alert('已载入飞贼助手');
+//                         })
+//                         .catch(err => new Alert(`PDA API错误。${ JSON.stringify(err) }`));
+//                 })
+//                 .catch(err => new Alert(JSON.stringify(err)));
+//         } else {
+//             new Alert('飞贼助手已经加载了');
+//         }
+//         return;
+//     }
+//     new Alert('暂不支持');
+// }
--- a/src/ts/func/translate/translateMain.ts
+++ b/src/ts/func/translate/translateMain.ts
@ -67,57 +67,57 @@ export default function translateMain(href: string): void {
    };

    // 边栏
-    let sidebarTimeOut = 60;
-    const sidebarInterval = setInterval(() => {
-        // 60秒后取消定时
-        if ($('div[class^="sidebar"]').length === 0) {
-            sidebarTimeOut--;
-            if (sidebarTimeOut < 0) {
-                clearInterval(sidebarInterval);
-            }
-            return;
-        }
-        // 边栏块标题
-        $('h2[class^="header"]').each((i, e) => {
-            if (!sidebarDict[e.firstChild.nodeValue]) return;
-            e.firstChild.nodeValue = sidebarDict[e.firstChild.nodeValue];
-        });
-        // 边栏人物名字
-        $('span[class^="menu-name"]').each((i, e) => {
-            e.firstChild.nodeValue = '名字:';
-        });
-        // 钱 等级 pt 天赋点
-        $('p[class^="point-block"]').each((i, e) => {
-            if (sidebarDict[e.firstChild.firstChild.nodeValue])
-                e.firstChild.firstChild.nodeValue = sidebarDict[e.firstChild.firstChild.nodeValue];
-        });
-        // 4条 状态条
-        $('p[class^="bar-name"]').each((i, e) => {
-            if (sidebarDict[e.firstChild.nodeValue])
-                e.firstChild.nodeValue = sidebarDict[e.firstChild.nodeValue];
-        });
-        // 边栏菜单
-        $('span[class^="linkName"]').each((i, e) => {
-            if (sidebarDict[e.firstChild.nodeValue])
-                e.firstChild.nodeValue = sidebarDict[e.firstChild.nodeValue];
-        });
-        // [use]按钮
-        if (document.querySelector('#pointsMerits'))
-            $('#pointsMerits')[0].firstChild.nodeValue = '[使用]';
-        if (document.querySelector('#pointsPoints'))
-            $('#pointsPoints')[0].firstChild.nodeValue = '[使用]';
-        if (document.querySelector('#pointsLevel'))
-            $('#pointsLevel')[0].firstChild.nodeValue = '[升级]';
-
-        // 手机 区域菜单
-        $('div[class*="areas-mobile"] span:nth-child(2)').contents().each((i, e) => {
-            //log(e);
-            if (sidebarDict[e.nodeValue])
-                e.nodeValue = sidebarDict[e.nodeValue];
-        });
-
-        clearInterval(sidebarInterval);
-    }, 1000);
+    // let sidebarTimeOut = 60;
+    // const sidebarInterval = setInterval(() => {
+    //     // 60秒后取消定时
+    //     if ($('div[class^="sidebar"]').length === 0) {
+    //         sidebarTimeOut--;
+    //         if (sidebarTimeOut < 0) {
+    //             clearInterval(sidebarInterval);
+    //         }
+    //         return;
+    //     }
+    //     // 边栏块标题
+    //     $('h2[class^="header"]').each((i, e) => {
+    //         if (!sidebarDict[e.firstChild.nodeValue]) return;
+    //         e.firstChild.nodeValue = sidebarDict[e.firstChild.nodeValue];
+    //     });
+    //     // 边栏人物名字
+    //     $('span[class^="menu-name"]').each((i, e) => {
+    //         e.firstChild.nodeValue = '名字:';
+    //     });
+    //     // 钱 等级 pt 天赋点
+    //     $('p[class^="point-block"]').each((i, e) => {
+    //         if (sidebarDict[e.firstChild.firstChild.nodeValue])
+    //             e.firstChild.firstChild.nodeValue = sidebarDict[e.firstChild.firstChild.nodeValue];
+    //     });
+    //     // 4条 状态条
+    //     $('p[class^="bar-name"]').each((i, e) => {
+    //         if (sidebarDict[e.firstChild.nodeValue])
+    //             e.firstChild.nodeValue = sidebarDict[e.firstChild.nodeValue];
+    //     });
+    //     // 边栏菜单
+    //     $('span[class^="linkName"]').each((i, e) => {
+    //         if (sidebarDict[e.firstChild.nodeValue])
+    //             e.firstChild.nodeValue = sidebarDict[e.firstChild.nodeValue];
+    //     });
+    //     // [use]按钮
+    //     if (document.querySelector('#pointsMerits'))
+    //         $('#pointsMerits')[0].firstChild.nodeValue = '[使用]';
+    //     if (document.querySelector('#pointsPoints'))
+    //         $('#pointsPoints')[0].firstChild.nodeValue = '[使用]';
+    //     if (document.querySelector('#pointsLevel'))
+    //         $('#pointsLevel')[0].firstChild.nodeValue = '[升级]';
+    //
+    //     // 手机 区域菜单
+    //     $('div[class*="areas-mobile"] span:nth-child(2)').contents().each((i, e) => {
+    //         //log(e);
+    //         if (sidebarDict[e.nodeValue])
+    //             e.nodeValue = sidebarDict[e.nodeValue];
+    //     });
+    //
+    //     clearInterval(sidebarInterval);
+    // }, 1000);

    // header
    if (document.querySelector('div#header-root')) {
--- a/src/ts/func/utils/Sleep.ts
+++ b/src/ts/func/utils/Sleep.ts
@ -0,0 +1,5 @@
+const Sleep = (ms: number = 0) => {
+    return new Promise(resolve => window.setTimeout(resolve, ms))
+}
+
+export default Sleep
--- a/src/ts/func/utils/convert2Csv.ts
+++ b/src/ts/func/utils/convert2Csv.ts
@ -0,0 +1,14 @@
+const convertToCSV = (data: any[]) => {
+    let csv = ''
+    for (let i = 0; i < data.length; i++) {
+        let row = ''
+        for (const key in data[i]) {
+            row += `"${ data[i][key] }",`
+        }
+        row = row.slice(0, -1) // 删除最后一个逗号
+        csv += row + '\r\n' // 添加换行符
+    }
+    return csv
+}
+
+export { convertToCSV }
--- a/src/ts/func/utils/equipItem.ts
+++ b/src/ts/func/utils/equipItem.ts
@ -0,0 +1,21 @@
+const equipItem = (itemId: string, armoryId: string, type: number) => {
+    return fetch(window.addRFC("https://www.torn.com/item.php"), {
+        "headers": {
+            "accept": "*/*",
+            "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
+            "sec-ch-ua-mobile": "?0",
+            "sec-fetch-dest": "empty",
+            "sec-fetch-mode": "cors",
+            "sec-fetch-site": "same-origin",
+            "x-requested-with": "XMLHttpRequest"
+        },
+        "referrer": "https://www.torn.com/item.php",
+        "referrerPolicy": "strict-origin-when-cross-origin",
+        "body": `step=actionForm&item_id=${ itemId }&armour-from-set=&type=${ type }&action=equip&item=${ itemId }&id=${ armoryId }&confirm=1`,
+        "method": "POST",
+        "mode": "cors",
+        "credentials": "include"
+    })
+}
+
+export default equipItem
--- a/src/ts/func/utils/fetchCurrentMoney.ts
+++ b/src/ts/func/utils/fetchCurrentMoney.ts
@ -0,0 +1,28 @@
+const init: RequestInit = {
+    "headers": {
+        "accept": "*/*",
+        "sec-ch-ua-mobile": "?0",
+        "sec-fetch-dest": "empty",
+        "sec-fetch-mode": "cors",
+        "sec-fetch-site": "same-origin",
+        "x-requested-with": "XMLHttpRequest"
+    },
+    "referrer": "https://www.torn.com/companies.php",
+    "referrerPolicy": "strict-origin-when-cross-origin",
+    "body": null,
+    "method": "GET",
+    "mode": "cors",
+    "credentials": "include"
+};
+
+export const fetchCurrentMoney = async (action?: string): Promise<number> => {
+    return Number(await (await fetch(window.addRFC("/inputMoneyAction.php?step=" + (action ? action : "generalAction")), init)).text());
+};
+
+export const fetchCurrentCompanyAvailableMoney = () => {
+    return fetchCurrentMoney("companyAction");
+};
+
+export const fetchCurrentPropVaultAvailableMoney = () => {
+    return fetchCurrentMoney("propertyDepositAction");
+};
--- a/src/ts/func/utils/getSidebarData.ts
+++ b/src/ts/func/utils/getSidebarData.ts
@ -0,0 +1,19 @@
+import { SessionStoreDataType } from "../../interface/SessionStoreDataType";
+
+/**
+ * 寻找 session storage 中以 sidebarData 开头的数据以对象返回
+ */
+export default function (): SessionStoreDataType {
+    let json: string = null
+    for (let i = 0; i < sessionStorage.length; i++) {
+        let key = sessionStorage.key(i)
+        if (key.startsWith('sidebarData')) {
+            json = sessionStorage.getItem(key)
+            break
+        }
+    }
+    if (!json) {
+        throw new TypeError('未找到 sidebarData')
+    }
+    return JSON.parse(json)
+}
--- a/src/ts/func/utils/timePastFormat.ts
+++ b/src/ts/func/utils/timePastFormat.ts
@ -0,0 +1,20 @@
+const timePastFormat = (ts: number): string => {
+    // 毫秒
+    if (ts < 1000) {
+        return ts + 'ms'
+    }
+    // 秒
+    else if (ts < 60000) {
+        return (ts / 1000 | 0) + 's'
+    }
+    // 分
+    else if (ts < 3600000) {
+        return (ts / 60000 | 0) + 'm'
+    }
+    // 时
+    else {
+        return (ts / 3600000 | 0) + 'h'
+    }
+}
+
+export { timePastFormat }
--- a/src/ts/func/utils/useItem.ts
+++ b/src/ts/func/utils/useItem.ts
@ -0,0 +1,51 @@
+import { ElMessage } from "element-plus"
+
+type CrimeResVo = { text: string, success: boolean }
+
+const defaultCb = (res: CrimeResVo) => {
+    ElMessage({
+        message: res.text,
+        type: res.success ? 'success' : 'error',
+        dangerouslyUseHTMLString: true,
+        grouping: true
+    })
+}
+
+const useItem = (itemId: string, cb = defaultCb) => {
+    fetch(window.addRFC("https://www.torn.com/item.php"), {
+        "headers": {
+            "accept": "*/*",
+            "content-type": "application/x-www-form-urlencoded;charset=UTF-8",
+            "sec-ch-ua-mobile": "?0",
+            "sec-fetch-dest": "empty",
+            "sec-fetch-mode": "cors",
+            "sec-fetch-site": "same-origin",
+            "x-requested-with": "XMLHttpRequest"
+        },
+        "referrer": "https://www.torn.com/item.php",
+        "referrerPolicy": "strict-origin-when-cross-origin",
+        "body": `step=useItem&id=${ itemId }&itemID=${ itemId }`,
+        "method": "POST",
+        "mode": "cors",
+        "credentials": "include"
+    })
+        .then(res => res.json())
+        .then(res => cb(res))
+        .catch(e => ElMessage({
+            message: e.toString,
+            type: 'error'
+        }));
+}
+
+const useItemSync = (itemId: string, showMsg = true, cb = (response: CrimeResVo) => null) => {
+    return new Promise((res, rej) => {
+        useItem(itemId, (_res) => {
+            if (showMsg) defaultCb(_res)
+            cb(_res)
+            res(null)
+        })
+    })
+}
+
+export default useItem
+export { useItemSync }
--- a/src/ts/globVars.ts
+++ b/src/ts/globVars.ts
@ -1,22 +1,15 @@
 import Popup from "./class/utils/Popup";
+import { reactive } from 'vue'
+import IFeatureResult from "./man/IFeatureResult";

-// export default {
-//     // 监听到的fetch数据
-//     WH_NET_LOG: [],
-//     map: {},
-//     responseHandlers: [],
-//     version: '$$WUHU_DEV_VERSION$$',
-// } as IGlobVars;
-//
-// interface IGlobVars {
-//     WH_NET_LOG: unknown[],
-//     map: { [key: string]: unknown },
-//     responseHandlers: ((url: string, responseBody: { json: unknown, text: string, isModified: boolean }, opt: { method: string, requestBody: unknown }) => void)[],
-//     version: string,
-// }
-
-
-type ResponseHandlers = ((url: string, responseBody: { json: unknown, text: string, isModified: boolean }, opt: { method: string, requestBody: unknown }) => void)[];
+type ResponseHandlers = ((url: string, responseBody: {
+    json: unknown,
+    text: string,
+    isModified: boolean
+}, opt: {
+    method: string,
+    requestBody: unknown
+}) => void)[];

 /**
 * 通用全局参数
@ -28,6 +21,14 @@ class GlobVars {
    responseHandlers: ResponseHandlers = [];
    version = '$$WUHU_DEV_VERSION$$';
    popup_node: MyHTMLElement | Popup = null;
+    loadTime: number = 0;
+    buttons = reactive<FloatButtonData[]>([])
+    featureStatus = reactive<IFeatureResult[]>([])
 }

 export default new GlobVars();
+
+interface FloatButtonData {
+    txt: string,
+    func: (ev: Event) => void
+}
--- a/src/ts/index.ts
+++ b/src/ts/index.ts
@ -1,13 +1,15 @@
 import "reflect-metadata";
-import { Container } from "./container/Container";
 import App from "./App";
-import Logger from "./class/Logger";
-import EntryPoint from "./class/provider/EntryPoint";
+import EntryPoint from "./starter/EntryPoint";
+import { Injectable } from "./container/Injectable";
+import ClassName from "./container/ClassName";
+import { Container } from "./container/Container";

@EntryPoint
-class _ {
-    static main() {
-        Container.setLogger(new Logger());
-        Container.factory(App).run();
+@ClassName('Index')
+@Injectable()
+class Index {
+    public static main() {
+        Container.factory(App).run()
    }
 }
--- a/src/ts/interface/IGlobal.ts
+++ b/src/ts/interface/IGlobal.ts
@ -1,7 +1,7 @@
 import Device from "../enum/Device";
-import { BeerMonitorLoop } from "../class/action/BuyBeerHelper";
+import { BeerMonitorLoop } from "../feature/BuyBeerHelper";
 import Popup from "../class/utils/Popup";
-import TravelItem from "../class/action/TravelItem";
+import TravelItem from "../feature/TravelItem";

 export default interface IGlobal {
    GM_xmlhttpRequest?: Function;
--- a/src/ts/interface/IUserProfileData.ts
+++ b/src/ts/interface/IUserProfileData.ts
@ -38,7 +38,10 @@ export default interface IUserProfileData {
        }
    };
    medalInformation: unknown;
-    basicInformation: unknown;
+    basicInformation: {
+        icons: { id: number, title: string }[],
+        lastAction: { seconds: number }
+    };
    personalInformation: unknown;
    competitionStatus: unknown;
    staffTools: null;
--- a/src/ts/interface/SessionStoreDataType.ts
+++ b/src/ts/interface/SessionStoreDataType.ts
@ -0,0 +1,566 @@
+/**
+ * 存在于 session storage 中的 sidebarData+uid
+ */
+export interface SessionStoreDataType {
+    sliderHintDisabled: boolean
+    selectedStatusIcon: any
+    progressBarFetchActive: boolean
+    linkWithContextMenu: number
+    statusIcons: StatusIcons
+    user: User
+    listsStatuses: ListsStatuses
+    listsLinksStatuses: ListsLinksStatuses
+    bars: Bars
+    account: Account
+    areas: Areas
+    lists: Lists
+    footer: Footer
+    dataSync: boolean
+    sidebarFetched: boolean
+    currentUrl: string
+}
+
+export interface StatusIcons {
+    size: string
+    icons: Icons
+    visible: boolean
+    onTop: boolean
+}
+
+export interface Icons {
+    enbyGender: EnbyGender
+    donator: Donator
+    company: Company
+    faction: Faction
+    education: Education
+    bazaar: Bazaar
+    stock_market: StockMarket
+    booster_cooldown?: BoosterCooldown
+    drug_cooldown?: DrugCooldown
+}
+
+export interface EnbyGender {
+    iconID: string
+    title: string
+}
+
+export interface Donator {
+    iconID: string
+    title: string
+    subtitle: string
+    link: string
+}
+
+export interface Company {
+    iconID: string
+    title: string
+    subtitle: string
+    link: string
+}
+
+export interface Faction {
+    iconID: string
+    title: string
+    subtitle: string
+    link: string
+}
+
+export interface Education {
+    iconID: string
+    title: string
+    subtitle: string
+    link: string
+    serverTimestamp: number
+    timerExpiresAt: number
+    isShortFormatTimer: boolean
+}
+
+export interface Bazaar {
+    iconID: string
+    title: string
+    subtitle: string
+    link: string
+}
+
+export interface StockMarket {
+    iconID: string
+    title: string
+    subtitle: string
+    link: string
+}
+
+export interface BoosterCooldown {
+    iconID: string
+    title: string
+    factionUpgrade: string
+    serverTimestamp: number
+    timerExpiresAt: number
+    isShortFormatTimer: boolean
+}
+
+export interface DrugCooldown {
+    iconID: string
+    title: string
+    subtitle: string
+    serverTimestamp: number
+    timerExpiresAt: number
+    isShortFormatTimer: boolean
+}
+
+export interface User {
+    userID: number
+    name: string
+    link: string
+    money: Money
+    donator: boolean
+    level: Level
+    points: Points
+    merits: Merits
+    refills: Refills
+    lifeModifier: number
+    status: any
+}
+
+export interface Money {
+    value: number
+}
+
+export interface Level {
+    value: number
+    upgradePossibility: boolean
+    link: string
+}
+
+export interface Points {
+    value: number
+    link: string
+}
+
+export interface Merits {
+    value: number
+    link: string
+}
+
+export interface Refills {
+    value: string
+    link: string
+}
+
+export interface ListsStatuses {
+    areas: boolean
+    lists: boolean
+}
+
+export interface ListsLinksStatuses {
+    staff: boolean
+    friends: boolean
+    enemies: boolean
+}
+
+export interface Bars {
+    energy: Energy
+    nerve: Nerve
+    happy: Happy
+    life: Life
+    chain: Chain
+}
+
+export interface Energy {
+    name: string
+    timestampToUpdate: number
+    timeToUpdate: number
+    statstamp: number
+    amount: number
+    max: number
+    step: number
+}
+
+export interface Nerve {
+    name: string
+    timestampToUpdate: number
+    timeToUpdate: number
+    statstamp: number
+    amount: number
+    max: number
+    step: number
+}
+
+export interface Happy {
+    name: string
+    timestampToUpdate: number
+    timeToUpdate: number
+    statstamp: number
+    amount: number
+    max: number
+    step: number
+}
+
+export interface Life {
+    name: string
+    timestampToUpdate: number
+    timeToUpdate: any
+    statstamp: number
+    amount: number
+    max: number
+    step: number
+}
+
+export interface Chain {
+    name: string
+    timestampToUpdate: number
+    timeToUpdate: number
+    amount: number
+    max: number
+    step: number
+    coolDown: number
+    endCoolDownTimestamp: number
+    bonuses: number
+    link: string
+}
+
+export interface Account {
+    messages: Messages
+    events: Events
+    awards: Awards
+}
+
+export interface Messages {
+    linkOrder: number
+    name: string
+    amount: number
+    link: string
+    icon: string
+    highlightStatus: boolean
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Events {
+    linkOrder: number
+    name: string
+    amount: number
+    link: string
+    icon: string
+    highlightStatus: boolean
+    status: string
+    isMobileOnly: boolean
+}
+
+export interface Awards {
+    linkOrder: number
+    name: string
+    amount: number
+    link: string
+    icon: string
+    highlightStatus: boolean
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Areas {
+    messages: Messages2
+    events: Events2
+    awards: Awards2
+    gym: Gym
+    crimes: Crimes
+    items: Items
+    city: City
+    missions: Missions
+    casino: Casino
+    calendar: Calendar
+    education: Education2
+    properties: Properties
+    friends_list: FriendsList
+    enemies_list: EnemiesList
+    elimination: Elimination
+    community_events: CommunityEvents
+}
+
+export interface Messages2 {
+    linkOrder: number
+    name: string
+    amount: number
+    link: string
+    icon: string
+    highlightStatus: boolean
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Events2 {
+    linkOrder: number
+    name: string
+    amount: number
+    link: string
+    icon: string
+    highlightStatus: boolean
+    status: string
+    isMobileOnly: boolean
+}
+
+export interface Awards2 {
+    linkOrder: number
+    name: string
+    amount: number
+    link: string
+    icon: string
+    highlightStatus: boolean
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Gym {
+    linkOrder: number
+    name: string
+    shortName: any
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Crimes {
+    linkOrder: number
+    name: string
+    shortName: any
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Items {
+    linkOrder: number
+    name: string
+    shortName: any
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface City {
+    linkOrder: number
+    name: string
+    shortName: any
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Missions {
+    linkOrder: number
+    name: string
+    shortName: any
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Casino {
+    linkOrder: number
+    name: string
+    shortName: any
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Calendar {
+    linkOrder: number
+    name: string
+    shortName: string
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Education2 {
+    linkOrder: number
+    name: string
+    shortName: string
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Properties {
+    linkOrder: number
+    name: string
+    shortName: string
+    link: string
+    icon: string
+    styleStatus: any
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface FriendsList {
+    linkOrder: number
+    name: string
+    icon: string
+    link: string
+    elements: any
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface EnemiesList {
+    linkOrder: number
+    name: string
+    icon: string
+    link: string
+    elements: Element[]
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Element {
+    name: string
+    link: string
+    status: string
+    lastAction: number
+}
+
+export interface Elimination {
+    linkOrder: number
+    name: string
+    shortName: string
+    link: string
+    icon: string
+    styleStatus: string
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface CommunityEvents {
+    linkOrder: number
+    name: string
+    shortName: string
+    link: string
+    icon: string
+    styleStatus: string
+    highlightStatus: boolean
+    status: any
+    activeStatusUrlRegex: any
+    amount: any
+    isMobileOnly: boolean
+}
+
+export interface Lists {
+    company_list: CompanyList
+    faction_list: FactionList
+    friends_list: FriendsList2
+    enemies_list: EnemiesList2
+}
+
+export interface CompanyList {
+    linkOrder: number
+    name: string
+    icon: string
+    link: string
+    elements: Element2[]
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Element2 {
+    name: string
+    link: string
+    status: string
+    lastAction: number
+}
+
+export interface FactionList {
+    linkOrder: number
+    name: string
+    icon: string
+    link: string
+    elements: Element3[]
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Element3 {
+    name: string
+    link: string
+    status: string
+    lastAction: number
+}
+
+export interface FriendsList2 {
+    linkOrder: number
+    name: string
+    icon: string
+    link: string
+    elements: any
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface EnemiesList2 {
+    linkOrder: number
+    name: string
+    icon: string
+    link: string
+    elements: Element4[]
+    status: any
+    isMobileOnly: boolean
+}
+
+export interface Element4 {
+    name: string
+    link: string
+    status: string
+    lastAction: number
+}
+
+export interface Footer {
+    serverName: string
+    dayTextualFormat: string
+    dateFormat: string
+    dayTimeFormat: string
+}
--- a/src/ts/interface/responseType/MiniProfile.ts
+++ b/src/ts/interface/responseType/MiniProfile.ts
@ -32,6 +32,7 @@ export interface MiniProfile {
        },
        sendMoneyWarning: string,
        playerName: string,
+        userID: number,
    };
    userStatus: {
        status: {
--- a/src/ts/man/FeatureMan.ts
+++ b/src/ts/man/FeatureMan.ts
@ -0,0 +1,116 @@
+import IFeature from "./IFeature"
+import { Container } from "../container/Container"
+import ClassName, { GetClassName } from "../container/ClassName"
+import Atk from "../feature/Atk"
+import { Injectable } from "../container/Injectable"
+import Logger from "../class/Logger"
+import BuyBeerHelper from "../feature/BuyBeerHelper"
+import SidebarHelper from "../feature/SidebarHelper"
+import TravelItem from "../feature/TravelItem"
+import TravelHelper from "../feature/TravelHelper"
+import CompanyHelper from "../feature/CompanyHelper"
+import IconHelper from "../feature/IconHelper"
+import MapItem from "../feature/MapItem"
+import PTHelper from "../class/action/PTHelper"
+import StackHelper from "../feature/StackHelper"
+import XZMZ from "../class/action/XZMZ"
+import BeerShopModifier from "../feature/BeerShopModifier"
+import CrimePageModifier from "../feature/CrimePageModifier"
+import ProfileHelper from "../class/action/ProfileHelper"
+import ChristmasTown from "../feature/ChristmasTown"
+import LotteryHelper from "../feature/LotteryHelper"
+import SlotsHelper from "../class/action/SlotsHelper"
+import SearchHelper from "../class/action/SearchHelper"
+import { WHIntervalLoader } from "../monitor/WHIntervalLoader"
+import IFeatureResult from "./IFeatureResult"
+import FeatureStatus from "./const/FeatureStatus"
+import globVars from "../globVars";
+
+@ClassName('FeatureMan')
+@Injectable()
+export default class FeatureMan {
+    private readonly features: ClassType<IFeature>[] = [
+        /* 通配 */
+        BuyBeerHelper,
+        SidebarHelper,
+        TravelItem,
+        CompanyHelper,
+        IconHelper,
+        WHIntervalLoader,
+        /* 页面匹配 */
+        Atk,
+        TravelHelper,
+        MapItem,
+        PTHelper,
+        StackHelper,
+        XZMZ,
+        BeerShopModifier,
+        CrimePageModifier,
+        ProfileHelper,
+        ChristmasTown,
+        LotteryHelper,
+        SlotsHelper,
+        SearchHelper,
+    ]
+    private result: IFeatureResult[] = null
+    private readonly logger = Logger.factory(FeatureMan)
+
+    async fStart() {
+        const manResult: IFeatureResult[] = []
+        for (let i = 0; i < this.features.length; i++) {
+            const className = GetClassName(this.features[i])
+            const instant = Container.factory(this.features[i])
+            const description = instant.description()
+            const urlPath = location.href.replace(/^.+\/\/.+?\/(?!\/)?/, '/')
+            let status = FeatureStatus.ADDED
+            let isMatch = false
+            const urlIncludes = instant.urlIncludes()
+            let load = 0
+            for (let j = 0; j < urlIncludes.length; j++) {
+                if (urlIncludes[j].test(urlPath)) {
+                    isMatch = true
+                    const urlExcludes = instant.urlExcludes() ?? []
+                    for (let k = 0; k < urlExcludes.length; k++) {
+                        if (urlExcludes[k].test(urlPath)) {
+                            isMatch = false
+                            status = FeatureStatus.EXCLUDED
+                            break
+                        }
+                    }
+                    break
+                }
+            }
+            if (isMatch) {
+                try {
+                    const start = performance.now()
+                    let run = instant.iStart()
+                    if (run instanceof Promise) {
+                        run = await run
+                    }
+                    status = FeatureStatus.RUNNING
+                    load = ((performance.now() - start) * 10 | 0) / 10
+                } catch (e) {
+                    this.logger.error(e.message)
+                    status = FeatureStatus.EXCEPTION
+                }
+            }
+            // else {
+            //     status = FeatureStatus.EXCLUDED
+            // }
+            const result = {
+                desc: description,
+                status: status,
+                clazz: className,
+                load
+            }
+            manResult.push(result)
+            globVars.featureStatus.push(result)
+        }
+        this.result = manResult
+    }
+
+    printTable() {
+        console.table(this.result)
+        this.logger.info(this.result)
+    }
+}
--- a/src/ts/man/IFeature.ts
+++ b/src/ts/man/IFeature.ts
@ -0,0 +1,15 @@
+export default interface IFeature {
+    iStart(): void | Promise<void>
+
+    /**
+     * 包含url、不能返回null
+     */
+    urlIncludes(): RegExp[]
+
+    /**
+     * 排除url
+     */
+    urlExcludes(): RegExp[]
+
+    description(): string
+}
--- a/src/ts/man/IFeatureResult.ts
+++ b/src/ts/man/IFeatureResult.ts
@ -0,0 +1,8 @@
+import FeatureStatus from "./const/FeatureStatus";
+
+export default interface IFeatureResult {
+    desc: string
+    status: FeatureStatus
+    clazz: string
+    load: number
+}
--- a/src/ts/man/const/FeatureStatus.ts
+++ b/src/ts/man/const/FeatureStatus.ts
@ -0,0 +1,8 @@
+enum FeatureStatus {
+    ADDED = '已添加',
+    RUNNING = '正常',
+    EXCLUDED = '页面排除',
+    EXCEPTION = '异常',
+}
+
+export default FeatureStatus
--- a/src/ts/monitor/DrugCDMonitor.ts
+++ b/src/ts/monitor/DrugCDMonitor.ts
@ -0,0 +1,47 @@
+import IntervalType from "./WHIntervalLoader";
+import ClassName from "../container/ClassName";
+import IntervalSwitch from "./IntervalSwitch";
+import { SWITCHER } from "./SWITCHER";
+import getSidebarData from "../func/utils/getSidebarData";
+import { Container } from "../container/Container";
+import MsgWrapper from "../class/utils/MsgWrapper";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+
+@ClassName('DrugCDMonitor')
+class DrugCDMonitor implements IntervalType {
+    private id: number = null
+    private ms: number
+    private readonly msgWrapper = Container.factory(MsgWrapper)
+
+    getId(): number {
+        return this.id
+    }
+
+    getMs(): number {
+        return this.ms
+    }
+
+    handler(): void {
+        const data = getSidebarData()
+        if (data?.statusIcons?.icons?.drug_cooldown?.timerExpiresAt * 1000 < Date.now()) {
+            this.msgWrapper.create('警告: 药CD停转', { sysNotify: true })
+        }
+    }
+
+    setMs(ms: number): void {
+        this.ms = ms
+    }
+
+    switcher(s: IntervalSwitch): void {
+        SWITCHER(this, DrugCDMonitor, s)
+    }
+
+    setId(id: number): void {
+        this.id = id
+    }
+
+}
+
+const drugCDMonitor = new DrugCDMonitor()
+drugCDMonitor.setMs(Container.factory(LocalConfigWrapper).config.drugCDMonitorInterval)
+export default drugCDMonitor
--- a/src/ts/monitor/IntervalSwitch.ts
+++ b/src/ts/monitor/IntervalSwitch.ts
@ -0,0 +1,5 @@
+enum IntervalSwitch {
+    ON = 9, OFF = 10
+}
+
+export default IntervalSwitch
--- a/src/ts/monitor/SWITCHER.ts
+++ b/src/ts/monitor/SWITCHER.ts
@ -0,0 +1,24 @@
+import { GetClassName } from "../container/ClassName";
+import IntervalType from "./WHIntervalLoader";
+import IntervalSwitch from "./IntervalSwitch";
+
+export function SWITCHER(self: IntervalType, clazz: new () => IntervalType, s: IntervalSwitch) {
+    if (self.getMs() === null) {
+        throw new Error('循环时间为空')
+    }
+    switch (s) {
+        case IntervalSwitch.ON:
+            if (self.getId()) {
+                throw new TypeError(GetClassName(clazz) + ' 正在启用')
+            }
+            self.setId(window.setInterval(() => self.handler(), self.getMs()))
+            break
+        case IntervalSwitch.OFF:
+            if (self.getId()) {
+                window.clearInterval(self.getId())
+                self.setId(null)
+            } else {
+                throw new TypeError(GetClassName(clazz) + ' 未启用')
+            }
+    }
+}
--- a/src/ts/monitor/WHIntervalLoader.ts
+++ b/src/ts/monitor/WHIntervalLoader.ts
@ -0,0 +1,57 @@
+/**
+ * 监控模块的循环处理部分
+ */
+
+import drugCDMonitor from "./DrugCDMonitor";
+import { Injectable } from "../container/Injectable";
+import ClassName from "../container/ClassName";
+import LocalConfigWrapper from "../class/LocalConfigWrapper";
+import IntervalSwitch from "./IntervalSwitch";
+import IFeature from "../man/IFeature";
+import ATK_PAGE_REG from "../feature/url/ATK_PAGE_REG";
+import ALL_PAGE_REG from "../feature/url/ALL_PAGE_REG";
+
+export default interface IntervalType {
+    handler: () => void
+    switcher: (s: IntervalSwitch) => void
+    getId: () => number
+    setId: (id: number) => void
+    getMs: () => number
+    setMs: (ms: number) => void
+}
+
+const intervalUnits: { [key: string]: IntervalType } = {
+    drugCDMonitor,
+}
+
+@Injectable()
+@ClassName('WHIntervalLoader')
+export class WHIntervalLoader implements IFeature {
+    description(): string {
+        return "新监控模块";
+    }
+
+    iStart(): void | Promise<void> {
+        this.init()
+    }
+
+    urlExcludes(): RegExp[] {
+        return [ATK_PAGE_REG];
+    }
+
+    urlIncludes(): RegExp[] {
+        return [ALL_PAGE_REG];
+    }
+
+    constructor(
+        private readonly localConfigWrapper: LocalConfigWrapper,
+    ) {
+    }
+
+    init() {
+        const list = this.localConfigWrapper.config.monitorOn
+        for (let i = 0; i < list.length; i++) {
+            intervalUnits[list[i]].switcher(IntervalSwitch.ON)
+        }
+    }
+}
--- a/src/ts/class/provider/EntryPoint.ts
+++ b/src/ts/class/provider/EntryPoint.ts
@ -1,31 +1,30 @@
 import "reflect-metadata";
-import ZhongIcon from "../ZhongIcon";
-import { Container } from "../../container/Container";
-import Logger from "../Logger";
+import Logger from "../class/Logger";
+import globVars from "../globVars";
+import { Container } from "../container/Container";

-export default function EntryPoint(T: { main: () => void }) {
+export default function EntryPoint(Index: ClassType<{}> & { main: () => void }) {
+    const logger = Logger.factory(Index);
    if (window.WHTRANS) {
-        console.log('退出, 已运行次数' + window.WHTRANS)
+        logger.warn('退出, 已运行次数' + window.WHTRANS)
    } else {
        window.WHTRANS = window.WHTRANS === undefined ? 1 : window.WHTRANS++;
-        const logger = Container.factory(Logger);

        let started = false;
        const starter = () => {
            console.log('starter init...');
            let started = performance.now();
            try {
-                T.main();
+                Container.setLogger(Container.factory(Logger))
+                Index.main()
            } catch (e) {
-                logger.error('[Starter]加载出错信息: ' + e.stack || e.message);
+                logger.error('加载出错: ' + e.stack || e.message);
            }
            let runTime: number = (performance.now() - started) | 0;
+            globVars.loadTime = runTime;
            logger.info(`芜湖脚本完成加载, 耗时${ runTime }ms`);
-            if (ZhongIcon.ZhongNode && ZhongIcon.ZhongNode.initTimer)
-                ZhongIcon.ZhongNode.initTimer.innerHTML = `加载时间 ${ runTime }ms`;
        };
        const evHandler = () => {
-            // console.log('document.readyState: ' + document.readyState);
            if (!started && (document.readyState === 'complete' || document.readyState === 'interactive')) {
                document.removeEventListener('readystatechange', evHandler);
                started = !started;
--- a/src/ts/test/Test.ts
+++ b/src/ts/test/Test.ts
@ -4,7 +4,6 @@ import ClassName from "../container/ClassName";
 import Debug from "../class/provider/Debug";
 import "reflect-metadata";
 import { Injectable } from "../container/Injectable";
-import { ButtonHandler } from "../class/provider/ButtonHandler";
 import { Container } from "../container/Container";
 import NetHighLvlWrapper from "../class/utils/NetHighLvlWrapper";
 import Logger from "../class/Logger";
@ -12,7 +11,6 @@ import QuickGymTrain from "../class/action/QuickGymTrain";
 import LocalConfigWrapper from "../class/LocalConfigWrapper";
 import { ElMessage } from "element-plus";

-@ButtonHandler
@ClassName('Test')
@Injectable()
 class Test {
--- a/src/ts/useEventListener.ts
+++ b/src/ts/useEventListener.ts
@ -1,21 +0,0 @@
-import { isRef, onMounted, onUnmounted, Ref } from 'vue'
-
-// https://cn.vuejs.org/guide/reusability/composables.html#mouse-tracker-example
-export function useEventListener(target: HTMLElement | Ref<HTMLElement>, event: string, callback: (ev: Event) => void) {
-    // 如果你想的话，
-    // 也可以用字符串形式的 CSS 选择器来寻找目标 DOM 元素
-    onMounted(() => {
-        if (isRef(target)) {
-            target.value.addEventListener(event, callback)
-        } else {
-            target.addEventListener(event, callback)
-        }
-    })
-    onUnmounted(() => {
-        if (isRef(target)) {
-            target.value.removeEventListener(event, callback)
-        } else {
-            target.removeEventListener(event, callback)
-        }
-    })
-}
--- a/src/vue/BSEstView.vue
+++ b/src/vue/BSEstView.vue
@ -0,0 +1,262 @@
+<script lang="ts" setup>
+import { inject, onMounted, ref } from "vue"
+import { LocalConfigWrapperKey } from "../ts/class/LocalConfigWrapper"
+import { ElMessage } from "element-plus"
+import { fetchYata, purge, YataApiDataWrap } from "../ts/func/module/fetchYata"
+import { LoggerKey } from "../ts/class/Logger"
+import toThousands from "../ts/func/utils/toThousands"
+import { Download, QuestionFilled, Refresh, Search } from "@element-plus/icons-vue"
+import { timePastFormat } from "../ts/func/utils/timePastFormat"
+import { convertToCSV } from "../ts/func/utils/convert2Csv"
+
+const isMiniProfOn = ref<boolean>(false)
+const isProfOn = ref<boolean>(false)
+const apikey = ref<string>('')
+const targetId = ref<string>('')
+const tableData = ref<Partial<YataApiDataWrap>[]>([])
+const isLoading = ref(false)
+const idKey: { [key: string]: number } = {}
+const buildType = { Offensive: '攻击型', Defensive: '防御型', Balanced: '平衡型' }
+
+const localConfigWrapper = inject(LocalConfigWrapperKey)
+const logger = inject(LoggerKey)
+
+const saveApikey = () => {
+  if (!apikey.value) {
+    ElMessage({
+      message: 'apikey保存时输入为空',
+      type: 'error',
+      showClose: true
+    })
+    throw new TypeError('apikey保存时输入为空')
+  }
+  localStorage.setItem('APIKey', apikey.value)
+  ElMessage.success({
+    message: 'APIKey设置成功',
+    showClose: true
+  })
+}
+const onMiniProfSwitchChange = () => localConfigWrapper.config.isBSEstMiniProfOn = isMiniProfOn.value
+const onProfSwitchChange = () => localConfigWrapper.config.isBSEstProfOn = isProfOn.value
+const doRequest = async () => {
+  if (!apikey.value) {
+    ElMessage.warning({
+      message: '未设置APIKey',
+      showClose: true
+    })
+    return
+  }
+  isLoading.value = true
+  for (let i = 0; i < tableData.value.length; i++) {
+    const item = tableData.value[i]
+    if (!item.total) {
+      let est: YataApiDataWrap
+      try {
+        est = await fetchYata(parseInt(item.id), apikey.value)
+      } catch (e) {
+        ElMessage.error({
+          message: e.message,
+          showClose: true
+        })
+        logger.error(e.stack)
+        continue
+      }
+      item.total = est.total
+      item.score = est.score
+      item.type = est.type
+      item.skewness = est.skewness
+      item.timestamp = est.timestamp
+      item.version = est.version
+      item.isCache = est.isCache
+    }
+  }
+  isLoading.value = false
+}
+/**
+ * 查询列表中添加新的id
+ * @param _id
+ */
+const add = (_id: string) => {
+  const id = parseInt(_id)
+  if (id) {
+    // 重复id判断
+    if (!idKey[_id]) {
+      tableData.value.push({ id: _id })
+      idKey[_id] = 1
+      targetId.value = ''
+    } else {
+      ElMessage.warning({
+        message: '重复的id',
+        showClose: true
+      })
+    }
+  } else {
+    ElMessage.error({
+      message: 'id有误',
+      showClose: true
+    })
+  }
+}
+
+/**
+ * 清空查询列表和唯一id表
+ */
+const emptyList = () => {
+  tableData.value = []
+  const keys = Object.keys(idKey)
+  for (let i = 0; i < keys.length; i++) {
+    const key = keys[i]
+    idKey[key] = 0
+  }
+}
+
+const purgeCache = () => {
+  purge()
+  ElMessage.warning({
+    message: '本地缓存已清除',
+    showClose: true
+  })
+}
+
+const exportCsv = () => {
+  const exportList: any[] = [{
+    id: "ID", total: "BS", score: "评分", type: "风格", skewness: "偏差", timestamp: "时间戳"
+  }]
+  for (let i = 0; i < tableData.value.length; i++) {
+    const item = tableData.value[i]
+    const newItem = {
+      id: item.id ?? '-1',
+      total: item.total ?? null,
+      score: item.score ?? null,
+      type: buildType[item.type] ?? null,
+      skewness: item.skewness ?? null,
+      timestamp: item.timestamp ?? null,
+      // isCache: item.isCache ?? null,
+      // version: item.version ?? null
+    }
+    exportList.push(newItem)
+  }
+  const csvContent = convertToCSV(exportList)
+  let url: string
+  let isBlob = false
+  const UTF8 = "\uFEFF"
+  if (window.Blob && window.URL && window.URL.createObjectURL) {
+    const csvData = new window.Blob([UTF8 + csvContent], {
+      type: 'text/csv'
+    })
+    url = window.URL.createObjectURL(csvData)
+    isBlob = true
+  } else {
+    url = window.encodeURI(csvContent)
+  }
+  window.location.href = isBlob ? url : 'data:text/csv;charset=utf-8,' + UTF8 + url
+}
+
+onMounted(() => {
+  // APIKey
+  const key = localStorage.getItem('APIKey')
+  if (!key) {
+    ElMessage.error({
+      message: '尚未配置APIKey',
+      showClose: true
+    })
+  } else {
+    apikey.value = key
+  }
+
+  // 获取配置
+  isMiniProfOn.value = localConfigWrapper.config.isBSEstMiniProfOn
+  isProfOn.value = localConfigWrapper.config.isBSEstProfOn
+})
+</script>
+
+<template>
+  <el-space :fill="true">
+    <el-card shadow="never">
+      <template #header>设置</template>
+      <el-form label-width="auto" @submit.prevent>
+        <el-form-item label="MINI资料卡中显示">
+          <el-switch v-model="isMiniProfOn" @change="onMiniProfSwitchChange"/>
+        </el-form-item>
+        <el-form-item label="个人资料中显示">
+          <el-switch v-model="isProfOn" @change="onProfSwitchChange"/>
+        </el-form-item>
+        <el-form-item label="API KEY">
+          <el-input v-model="apikey">
+            <template #append>
+              <el-button :loading="isLoading" @click="saveApikey">保存</el-button>
+            </template>
+          </el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-popconfirm cancel-button-text="取消" confirm-button-text="确定" title="确定操作" @confirm="purgeCache">
+            <template #reference>
+              <el-button type="danger">清空缓存</el-button>
+            </template>
+          </el-popconfirm>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card shadow="never">
+      <template #header>使用</template>
+      <p class="mt-4">BS估算功能使用了
+        <el-link href="https://yata.yt/api/v1/" target="_blank">yata</el-link>
+        神经网络模型接口，需要提供torn apikey (上面输入)
+      </p>
+      <p class="mt-4">本插件缓存机制：1天</p>
+      <el-form label-width="auto" @submit="add(targetId)" @submit.prevent>
+        <el-form-item label="目标数字ID">
+          <el-input v-model="targetId" clearable/>
+        </el-form-item>
+        <el-form-item>
+          <el-button :loading="isLoading" type="primary" @click="add(targetId)">添加</el-button>
+        </el-form-item>
+      </el-form>
+    </el-card>
+    <el-card shadow="never">
+      <template #header>结果</template>
+      <el-button-group>
+        <el-button :icon="Search" :loading="isLoading" type="primary" @click="doRequest">估算</el-button>
+        <el-button :icon="Refresh" :loading="isLoading" @click="emptyList">清空</el-button>
+        <el-button :icon="Download" :loading="isLoading" @click="exportCsv">导出CSV</el-button>
+      </el-button-group>
+      <el-row>
+        <el-col :span="23">
+          <el-table :data="tableData" empty-text=" ">
+            <el-table-column label="ID" prop="id"/>
+            <el-table-column label="BS">
+              <template #default="scope">
+                {{ toThousands(scope.row.total) }}
+              </template>
+            </el-table-column>
+            <el-table-column label="评分" prop="score"/>
+            <el-table-column label="风格">
+              <template #default="scope">
+                {{ buildType[scope.row.type] }}
+              </template>
+            </el-table-column>
+            <el-table-column>
+              <template #header>
+                <el-tooltip content="越低越准" effect="light" placement="top">
+                  <span>偏差<el-icon><QuestionFilled/></el-icon></span>
+                </el-tooltip>
+              </template>
+              <template #default="scope">
+                {{ scope.row.skewness }}%
+              </template>
+            </el-table-column>
+            <el-table-column label="时间">
+              <template #default="scope">
+                {{ timePastFormat(Date.now() - scope.row.timestamp * 1000) }}
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
+    </el-card>
+  </el-space>
+</template>
+
+<style scoped>
+
+</style>
--- a/src/vue/ChangeLogView.vue
+++ b/src/vue/ChangeLogView.vue
@ -0,0 +1,54 @@
+<template>
+  <el-card shadow="never">
+    <el-row>
+      <el-col span="24">
+        <el-button @click="refresh">刷新</el-button>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col span="24">
+        <el-link href="https://gitlab.com/JJins/wuhu-torn-helper/-/raw/dev/CHANGELOG.md" target="_blank">
+          https://gitlab.com/JJins/wuhu-torn-helper/-/raw/dev/CHANGELOG.md
+        </el-link>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col span="24">
+        <div v-loading="!respond" class="wh-change-log-view-render" v-html="html"></div>
+      </el-col>
+    </el-row>
+  </el-card>
+</template>
+
+<script lang="ts" setup>
+import { onMounted, ref } from "vue";
+import CommonUtils from "../ts/class/utils/CommonUtils";
+import { Container } from "../ts/container/Container";
+import MDUtils from "../ts/class/utils/MDUtils";
+
+const mdUtils = Container.factory(MDUtils)
+
+const respond = ref('')
+const html = ref('')
+
+const refresh = async () => {
+  respond.value = ''
+  html.value = ''
+  try {
+    respond.value = await CommonUtils.COFetch('https://gitlab.com/JJins/wuhu-torn-helper/-/raw/dev/CHANGELOG.md?' + performance.now())
+    html.value = mdUtils.parse(respond.value).innerHTML
+  } catch (e) {
+    html.value = '错误: ' + e.message
+  }
+}
+
+onMounted(() => {
+  refresh()
+})
+</script>
+
+<style>
+.wh-change-log-view-render h2, .wh-change-log-view-render h3, .wh-change-log-view-render h4 {
+  margin-top: 20px;
+}
+</style>
--- a/src/vue/CityUItems.vue
+++ b/src/vue/CityUItems.vue
@ -88,7 +88,7 @@ onMounted(async () => {
 </script>

 <template>
-    <div v-loading="!ret">
+    <div v-if="ret">
        <div v-if="msg" style="color: red">{{ msg }}</div>
        <el-text>飞行、住院等非OK状态时该表格不可用</el-text>
        <el-table v-if="ret" :data="ret" style="width: 100%">
@ -109,6 +109,7 @@ onMounted(async () => {
        </el-table>
        <div>总计 ${{ toThousands(total) }}</div>
    </div>
+    <el-skeleton v-if="!ret" :rows="8" animated/>
 </template>

 <style scoped>
--- a/src/vue/CompanyWithdraw.vue
+++ b/src/vue/CompanyWithdraw.vue
@ -0,0 +1,141 @@
+<script lang="ts" setup>
+
+import { inject, onMounted, ref } from "vue";
+import toThousands from "../ts/func/utils/toThousands";
+import { fetchCurrentCompanyAvailableMoney, fetchCurrentMoney } from "../ts/func/utils/fetchCurrentMoney";
+import { ElMessage } from "element-plus";
+import { LoggerKey } from "../ts/class/Logger";
+
+const logger = inject(LoggerKey);
+
+const inputMoney = ref('');
+const inputWithdrawMoney = ref('');
+const formModel = ref({
+  cash: 0, company: 0,
+});
+
+const updateCash = async () => {
+  formModel.value.cash = await fetchCurrentMoney();
+  return formModel.value.cash;
+};
+const updateCompany = async () => {
+  formModel.value.company = await fetchCurrentCompanyAvailableMoney();
+  return formModel.value.company;
+};
+
+/**
+ * 存取钱通用
+ * @param amount
+ * @param action {'deposit' | 'withdraw'}
+ */
+const deposit = async (amount: number, action: 'deposit' | 'withdraw' = 'deposit') => {
+  if (amount < 1) {
+    ElMessage.error('数额不能小于1');
+    logger.error('数额不能小于1');
+    throw new Error('数额不能小于1');
+  }
+
+  let response: string;
+
+  try {
+    response = await (await fetch(window.addRFC("https://www.torn.com/companies.php?step=funds"), {
+      "headers": {
+        "accept": "*/*",
+        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
+        "sec-ch-ua-mobile": "?0",
+        "sec-fetch-dest": "empty",
+        "sec-fetch-mode": "cors",
+        "sec-fetch-site": "same-origin",
+        "x-requested-with": "XMLHttpRequest"
+      },
+      "referrer": "https://www.torn.com/companies.php",
+      "referrerPolicy": "strict-origin-when-cross-origin",
+      "body": action + "=" + amount,
+      "method": "POST",
+      "mode": "cors",
+      "credentials": "include"
+    })).text();
+  } catch (e) {
+    ElMessage.error('请求出错 ' + e.message);
+    logger.error(e.stack);
+    throw e;
+  }
+
+  let error: string, text: string;
+  try {
+    let json = JSON.parse(response);
+    error = json.error;
+    text = json.text;
+  } catch (e) {
+  }
+  if (error) {
+    ElMessage.error('$' + toThousands(amount) + ' 存取请求失败 ' + text);
+    logger.error('存取请求失败 ' + text);
+    throw new Error('存取请求失败 ' + text);
+  } else {
+    ElMessage.success('$' + toThousands(amount) + ' 存取请求完成');
+  }
+
+  if (action === 'deposit') {
+    inputWithdrawMoney.value = '';
+  } else {
+    inputMoney.value = '';
+  }
+  updateCompany().then();
+  updateCash().then();
+};
+
+onMounted(() => {
+  updateCompany();
+  updateCash();
+});
+</script>
+
+<template>
+  <el-form
+      :model="formModel"
+      label-position="top"
+  >
+    <el-form-item :label="'现金 $' + toThousands(formModel.cash)">
+      <el-input
+          v-model="inputWithdrawMoney"
+          :formatter="toThousands" clearable
+          :parser="(value) => value.replaceAll(',', '')"
+      >
+        <template #prepend>
+          <el-button @click="async () => inputWithdrawMoney = toThousands(await updateCash())">$</el-button>
+        </template>
+        <template #append>
+          <el-button @click="deposit(Number(inputWithdrawMoney.replaceAll(',', '')))">存入</el-button>
+        </template>
+      </el-input>
+    </el-form-item>
+    <el-form-item :label="'公司可用余额 $' + toThousands(formModel.company)">
+      <el-input
+          v-model="inputMoney"
+          :formatter="toThousands" clearable
+          :parser="(value) => value.replaceAll(',', '')"
+      >
+        <template #prepend>
+          <el-button @click="async () => inputMoney = toThousands(await updateCompany())">$</el-button>
+        </template>
+        <template #append>
+          <el-button @click="deposit(Number(inputMoney.replaceAll(',', '')), 'withdraw')">取出</el-button>
+        </template>
+      </el-input>
+    </el-form-item>
+    <el-button-group>
+      <el-button type="primary" @click="()=>inputMoney='1000000'">1m</el-button>
+      <el-button type="primary" @click="()=>inputMoney='2000000'">2m</el-button>
+      <el-button type="primary" @click="()=>inputMoney='5000000'">5m</el-button>
+      <el-button type="primary" @click="()=>inputMoney='10000000'">10m</el-button>
+      <el-button type="primary" @click="()=>inputMoney='20000000'">20m</el-button>
+    </el-button-group>
+  </el-form>
+</template>
+
+<style scoped>
+.el-input {
+  max-width: 400px;
+}
+</style>
--- a/src/vue/EventsViewer.vue
+++ b/src/vue/EventsViewer.vue
@ -1,19 +1,12 @@
-<script lang="ts">
-export default {
-    name: "EventsViewer"
-}
-</script>
-
 <script lang="ts" setup>
-import { inject, onMounted, Ref, ref } from "vue";
-import { LoggerKey } from "../ts/class/Logger";
+import { inject, onMounted, Ref, ref } from "vue"
+import { LoggerKey } from "../ts/class/Logger"

-const logger = inject(LoggerKey);
-const loading = ref(true);
-const doFetch = () => fetch("https://www.torn.com/page.php", {
+const logger = inject(LoggerKey)
+const loading = ref(true)
+const doFetch = () => fetch(window.addRFC("https://www.torn.com/page.php?sid=eventsData"), {
  "headers": {
    "accept": "*/*",
-        "content-type": "multipart/form-data; boundary=----WebKitFormBoundaryqnl8FNrJpu0CEGSU",
    "sec-ch-ua-mobile": "?0",
    "sec-fetch-dest": "empty",
    "sec-fetch-mode": "cors",
@ -22,45 +15,68 @@ const doFetch = () => fetch("https://www.torn.com/page.php", {
  },
  "referrer": "https://www.torn.com/page.php?sid=events",
  "referrerPolicy": "strict-origin-when-cross-origin",
-    "body": "------WebKitFormBoundaryqnl8FNrJpu0CEGSU\r\nContent-Disposition: form-data; name=\"sid\"\r\n\r\neventsData\r\n------WebKitFormBoundaryqnl8FNrJpu0CEGSU--\r\n",
+  "body": (() => {
+    const data = new FormData();
+    data.append('sid', 'eventsData');
+    return data;
+  })(),
  "method": "POST",
  "mode": "cors",
  "credentials": "include"
 });
-const events: Ref<{ ID: string, message: string, time: number, isNew: boolean }[]> = ref([]);
+const events: Ref<{ ID: string, message: string, time: string, date: string, isNew: boolean, ts: number }[]> = ref([]);
 const DateTimeFormatter = (ts: number) => {
  let date = new Date(ts);
  return date.toLocaleDateString() + ' ' + date.toLocaleTimeString();
 };
-
-onMounted(async () => {
+const loadData = async () => {
+  loading.value = true;
+  events.value = [];
  let res;
  try {
    res = await (await doFetch()).json();
    if (res.success) {
-            events.value = res.events;
-            if (res['newEventsAmount']) {
-                for (let i = 0; i < res['newEventsAmount']; i++) {
-                    events.value[i].isNew = true;
+      events.value = res.list;
+      let newEventsAmount = res['newEventsAmount']
+      for (let i = 0; i < res.list.length; i++) {
+        if (i < newEventsAmount) {
+          events.value[i].isNew = true
        }
+        let date = new Date(0)
+        try {
+          let dateResponseSplit = events.value[i].date.split('/')
+          let timeResponseSplit = events.value[i].time.split(':')
+          date.setUTCDate(parseInt(dateResponseSplit[0]))
+          date.setUTCMonth(parseInt(dateResponseSplit[1]) - 1)
+          date.setUTCFullYear(2000 + parseInt(dateResponseSplit[2]))
+          date.setUTCHours(parseInt(timeResponseSplit[0]))
+          date.setUTCMinutes(parseInt(timeResponseSplit[1]))
+          date.setUTCSeconds(parseInt(timeResponseSplit[2]))
+        } catch (e) {
+          logger.error('未能解析时间', e)
+        }
+        events.value[i].ts = date.getTime()
      }
      loading.value = false;
    }
  } catch (e) {
    logger.error(e.stack);
  }
-});
+};
+
+onMounted(loadData);
 </script>

 <template>
-    <el-timeline v-loading="loading">
+  <el-button @click="loadData">刷新</el-button>
+  <el-divider/>
+  <el-timeline v-if="!loading">
    <el-timeline-item v-for="ev in events" :color="ev.isNew?'#0bbd87':''"
-                          :timestamp="DateTimeFormatter(ev.time*1000)">
+                      :timestamp="DateTimeFormatter(ev.ts)">
      <span v-html="ev.message"></span>
    </el-timeline-item>
  </el-timeline>
+  <el-skeleton v-if="loading" :rows="10" animated/>
 </template>

-<style scoped>
-
-</style>
+<style scoped></style>
--- a/src/vue/FloatMenu.vue
+++ b/src/vue/FloatMenu.vue
@ -1,177 +1,185 @@
 <template>
  <el-config-provider :size="'default'" :z-index="1000000">
-        <el-dropdown :hide-on-click="false" size="small" style="z-index: 1000000" trigger="click">
-            <el-button circle class="wh-menu-button">
+    <el-button-group class="wh-menu-button" style="z-index: 1000000;">
+      <el-button circle @click="expanded = !expanded">
        <el-icon>
          <MoonNight/>
        </el-icon>
      </el-button>
-            <template #dropdown>
-                <el-dropdown-menu>
-                    <el-dropdown-item>芜湖助手</el-dropdown-item>
-                    <el-dropdown-item divided>
-                        <el-dropdown placement="bottom-end" size="small" style="width: 100%" trigger="click">
-                            <el-button link size="small" style="width: 100%;text-align: left;">💪 快速锻炼 ></el-button>
-                            <template #dropdown>
-                                <el-dropdown-item @click="quickGymTrain.doTrain(BATTLE_STAT.STR)">力量
-                                </el-dropdown-item>
-                                <el-dropdown-item @click="quickGymTrain.doTrain(BATTLE_STAT.DEF)">防御
-                                </el-dropdown-item>
-                                <el-dropdown-item @click="quickGymTrain.doTrain(BATTLE_STAT.SPD)">速度
-                                </el-dropdown-item>
-                                <el-dropdown-item @click="quickGymTrain.doTrain(BATTLE_STAT.DEX)">闪避
-                                </el-dropdown-item>
-                            </template>
-                        </el-dropdown>
-                    </el-dropdown-item>
-                    <el-dropdown-item>
-                        <el-dropdown placement="bottom-end" size="small" style="width: 100%" trigger="click">
-                            <el-button link size="small" style="width: 100%;text-align: left;">✈️ 一键起飞 ></el-button>
-                            <template #dropdown>
-                                <template v-for="travel in travelData">
-                                    <el-dropdown-item>
-                                        <el-dropdown placement="bottom-end" size="small" style="width: 100%"
-                                                     trigger="click">
-                                            <div style="width: 100%">{{ travel.cName }} ></div>
-                                            <template #dropdown>
-                                                <el-dropdown-item @click="travelConfirm(travel.index,0)">
-                                                    普通飞机
-                                                </el-dropdown-item>
-                                                <el-dropdown-item @click="travelConfirm(travel.index,1)">
-                                                    PI飞机
-                                                </el-dropdown-item>
-                                                <el-dropdown-item @click="travelConfirm(travel.index,2)">
-                                                    股票飞机
-                                                </el-dropdown-item>
-                                                <el-dropdown-item @click="travelConfirm(travel.index,3)">
-                                                    商务飞机(机票或内衣店)
-                                                </el-dropdown-item>
-                                            </template>
-                                        </el-dropdown>
-                                    </el-dropdown-item>
-                                </template>
-                            </template>
-                        </el-dropdown>
-                    </el-dropdown-item>
-                    <template v-for="(item, i) in menuItemList">
-                        <el-dropdown-item v-if="i===0" divided @click="menuClick(item)">
-                            {{ item.title }}
-                        </el-dropdown-item>
-                        <el-dropdown-item v-else @click="menuClick(item)">
-                            {{ item.title }}
-                        </el-dropdown-item>
-                    </template>
-                </el-dropdown-menu>
-            </template>
-        </el-dropdown>
-        <el-dialog
-            v-model="drawer"
-            :destroy-on-close="true"
-            :title="drawerTitle"
-        >
-            <component :is="drawerContent"/>
+      <el-button v-for="item in globVars.buttons" @click="item.func">{{ item.txt }}</el-button>
+      <el-button v-if="editableTabs.length > 0" circle @click="showDrawer">
+        <el-badge :value="editableTabs.length" type="primary">
+          <el-icon>
+            <CopyDocument/>
+          </el-icon>
+        </el-badge>
+      </el-button>
+    </el-button-group>
+    <el-dialog v-model="drawer" :fullscreen="isMobilePhone" :lock-scroll="true" width="65%">
+      <el-tabs v-model="editableTabsValue" closable style="margin-top: -1em" type="border-card" @tab-remove="removeTab">
+        <el-tab-pane v-for="item in editableTabs" :key="item.name" :label="item.title" :name="item.name">
+          <component :is="item.content"/>
+        </el-tab-pane>
+      </el-tabs>
    </el-dialog>
+    <el-drawer v-model="expanded" :show-close="false" :size="isMobilePhone ? '85%' : '30%'" class="whDrawer"
+               :with-header="false" direction="rtl">
+      <el-card :body-style="{ 'padding': '0' }" class="innerCard" style="margin-bottom: 0.5em">
+        <template #header>
+          <div>快捷动作</div>
+        </template>
+        <el-menu :unique-opened="true">
+          <el-sub-menu index="1">
+            <template #title>
+              <el-icon>✈️</el-icon>
+              <span>起飞</span>
+            </template>
+            <el-sub-menu v-for="(item, i) in travelData" :index="'1-' + (i + 1)">
+              <template #title>{{ item.cName }}</template>
+              <el-menu-item :index="'1-' + (i + 1) + '1'" @click="travelConfirm(item.index, 0)">
+                ❌ 普通飞机
+              </el-menu-item>
+              <el-menu-item :index="'1-' + (i + 1) + '2'" @click="travelConfirm(item.index, 1)">
+                ✅ PI飞机
+              </el-menu-item>
+              <el-menu-item :index="'1-' + (i + 1) + '3'" @click="travelConfirm(item.index, 2)">
+                👍 股票飞机
+              </el-menu-item>
+              <el-menu-item :index="'1-' + (i + 1) + '4'" @click="travelConfirm(item.index, 3)">
+                🥵 商务飞机(机票或内衣店)
+              </el-menu-item>
+            </el-sub-menu>
+          </el-sub-menu>
+          <el-sub-menu index="2">
+            <template #title>
+              <el-icon>💪</el-icon>
+              <span>锻炼</span>
+            </template>
+            <el-menu-item @click="quickGymTrain.doTrain(BATTLE_STAT.STR)">力量 STR
+            </el-menu-item>
+            <el-menu-item @click="quickGymTrain.doTrain(BATTLE_STAT.DEF)">防御 DEF
+            </el-menu-item>
+            <el-menu-item @click="quickGymTrain.doTrain(BATTLE_STAT.SPD)">速度 SPD
+            </el-menu-item>
+            <el-menu-item @click="quickGymTrain.doTrain(BATTLE_STAT.DEX)">闪避 DEX
+            </el-menu-item>
+          </el-sub-menu>
+          <el-sub-menu index="3">
+            <template #title>
+              <el-icon>♻️</el-icon>
+              <span>REFILL</span>
+            </template>
+            <el-menu-item @click="handleRefil('refillEnergy')">能量E
+            </el-menu-item>
+            <el-menu-item @click="handleRefil('refillNerve')">犯罪N
+            </el-menu-item>
+            <el-menu-item @click="handleRefil('refillCasinoTokens')">赌场代币
+            </el-menu-item>
+          </el-sub-menu>
+        </el-menu>
+      </el-card>
+      <el-card :body-style="{ 'padding': '4px' }" class="innerCard">
+        <template #header>
+          <div>快捷功能</div>
+        </template>
+        <el-row style="display: flex;">
+          <el-col v-for="item in menuItemList" class="featureCol">
+            <el-card :body-class="'featureMenuBody'" class="featureMenu" shadow="never" @click="menuClick(item)">
+              <div>
+                <el-icon class="icon">{{ item.title.slice(0, 2) }}</el-icon>
+              </div>
+              <div class="title">
+                <span>{{ item.title.slice(2, item.title.length) }}</span>
+              </div>
+            </el-card>
+          </el-col>
+        </el-row>
+      </el-card>
+      <div style="margin-top: 1em; text-align: center">
+        <el-row>
+          <el-col :span="24">
+            <el-tooltip content="更新？" placement="bottom-start">
+              <el-button link @click="menuClick({ title: '关于助手', template: UpdateDate })">芜湖助手
+                <el-icon>
+                  <Refresh/>
+                </el-icon>
+              </el-button>
+            </el-tooltip>
+            <el-tag size="small" type="info">{{
+                globVars.version.startsWith('$') ? 'dev' : 'v' + globVars.version
+              }}
+            </el-tag>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-text v-if="_globVars.loadTime" size="small">
+              {{ _globVars.loadTime }}ms
+            </el-text>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="24">
+            <el-text size="small">
+              2021-{{ new Date().getFullYear() }}
+            </el-text>
+          </el-col>
+        </el-row>
+      </div>
+    </el-drawer>
  </el-config-provider>
 </template>

 <script lang="ts" setup>
-import { inject, ref, shallowRef } from 'vue';
-import { LoggerKey } from "../ts/class/Logger";
-import ForeignStock from "./ForeignStock.vue";
-import { MoonNight } from "@element-plus/icons-vue";
-import Config from "./Config.vue";
-import { QuickGymTrainKey } from "../ts/class/action/QuickGymTrain";
-import { BATTLE_STAT } from "../ts/class/utils/NetHighLvlWrapper";
-import { QuickFlyBtnHandlerKey } from "../ts/class/handler/QuickFlyBtnHandler";
-import { ElMessage, ElMessageBox } from "element-plus";
-import QuickCrime from "./QuickCrime.vue";
-import EventsViewer from "./EventsViewer.vue";
-import CityUItems from "./CityUItems.vue";
-import AutoLoginForm from "./AutoLoginForm.vue";
-import VirusProgramming from "./VirusProgramming.vue";

-const logger = inject(LoggerKey);
-const quickGymTrain = inject(QuickGymTrainKey);
-const quickFlyBtnHandler = inject(QuickFlyBtnHandlerKey);
+import { CopyDocument, MoonNight, Refresh } from "@element-plus/icons-vue"
+import { ElMessage, ElMessageBox } from "element-plus"
+import { Component, inject, onMounted, ref, shallowRef, triggerRef } from 'vue'
+import { LoggerKey } from "../ts/class/Logger"
+import { QuickGymTrainKey } from "../ts/class/action/QuickGymTrain"
+import { QuickFlyBtnHandlerKey } from "../ts/class/handler/QuickFlyBtnHandler"
+import SettingsHandler from "../ts/class/handler/SettingsHandler"
+import { BATTLE_STAT } from "../ts/class/utils/NetHighLvlWrapper"
+import adHelper from "../ts/func/module/adHelper"
+import safeKeeper from "../ts/func/module/safeKeeper"
+import getSidebarData from "../ts/func/utils/getSidebarData"
+import useItem from "../ts/func/utils/useItem"
+import globVars from "../ts/globVars"
+import AutoLoginForm from "./AutoLoginForm.vue"
+import ChangeLogView from "./ChangeLogView.vue"
+import CityUItems from "./CityUItems.vue"
+import CompanyWithdraw from "./CompanyWithdraw.vue"
+import EventsViewer from "./EventsViewer.vue"
+import ForeignStock from "./ForeignStock.vue"
+import InventoryView from "./InventoryView.vue"
+import MarketHelper from "./MarketHelper.vue"
+import MonitorMgrView from "./MonitorMgrView.vue"
+import PTMarketView from "./PTMarketView.vue"
+import QuickCrime from "./QuickCrime.vue"
+import UpdateDate from "./UpdateScript.vue"
+import VirusProgramming from "./VirusProgramming.vue"
+import PropertyVault from "./PropertyVault.vue";
+import BSEstView from "./BSEstView.vue";

-const useItem = (itemId) => {
-    fetch(window.addRFC("https://www.torn.com/item.php"), {
-        "headers": {
-            "accept": "*/*",
-            "content-type": "application/x-www-form-urlencoded;charset=UTF-8",
-            "sec-ch-ua-mobile": "?0",
-            "sec-fetch-dest": "empty",
-            "sec-fetch-mode": "cors",
-            "sec-fetch-site": "same-origin",
-            "x-requested-with": "XMLHttpRequest"
-        },
-        "referrer": "https://www.torn.com/item.php",
-        "referrerPolicy": "strict-origin-when-cross-origin",
-        "body": `step=useItem&id=${ itemId }&itemID=${ itemId }`,
-        "method": "POST",
-        "mode": "cors",
-        "credentials": "include"
-    })
-        .then(res => res.json())
-        .then(res => ElMessage({
-            message: res.text,
-            type: res.success ? 'success' : 'error',
-            dangerouslyUseHTMLString: true
-        }))
-        .catch(e => ElMessage({
-            message: e.toString,
-            type: 'error'
-        }));
-};
+const logger = inject(LoggerKey)
+const quickGymTrain = inject(QuickGymTrainKey)
+const quickFlyBtnHandler = inject(QuickFlyBtnHandlerKey)

-const menuItemList = [
+type MenuItem = { title: string, template?: Component, handler?: Function }
+const menuItemList: MenuItem[] = [
  {
    title: '💊 吃 XAN',
-        template: () => useItem(206),
+    handler: () => {
+      useItem('206')
+      const sidebarData = getSidebarData()
+      const cd = ((sidebarData.statusIcons.icons.drug_cooldown?.timerExpiresAt - sidebarData.statusIcons.icons.drug_cooldown?.serverTimestamp) / 36 | 0) / 100
+      ElMessage({ message: '毒 CD: ' + cd + 'h', showClose: true })
    },
-    {
-        title: '🍺 喝啤酒',
-        template: () => useItem(180),
-    },
-    {
-        title: '♻️ 能量续杯',
-        template: () => fetch(window.addRFC("https://www.torn.com/points.php?step=pointsbuy&action=energyrefill2"), {
-            "headers": {
-                "accept": "text/plain, */*; q=0.01",
-                "accept-language": "zh-CN,zh;q=0.9",
-                "sec-ch-ua": "\" Not A;Brand\";v=\"99\", \"Chromium\";v=\"92\"",
-                "sec-ch-ua-mobile": "?0",
-                "sec-fetch-dest": "empty",
-                "sec-fetch-mode": "cors",
-                "sec-fetch-site": "same-origin",
-                "x-requested-with": "XMLHttpRequest"
-            },
-            "referrer": "https://www.torn.com/points.php",
-            "referrerPolicy": "strict-origin-when-cross-origin",
-            "body": null,
-            "method": "GET",
-            "mode": "cors",
-            "credentials": "include"
-        })
-            .then(res => res.json())
-            .then(res => ElMessage({
-                message: res.msg,
-                type: res.success ? 'success' : 'error',
-                dangerouslyUseHTMLString: true
-            }))
-            .catch(e => ElMessage({
-                message: e.toString,
-                type: 'error'
-            })),
  },
  {
    title: '🚓 快速犯罪',
    template: QuickCrime,
  },
-    {
-        title: '🌸 飞花库存',
-        template: ForeignStock,
-    },
  {
    title: '📢 浏览通知',
    template: EventsViewer,
@ -181,51 +189,210 @@ const menuItemList = [
    template: CityUItems,
  },
  {
-        title: '🩼 配置自动登陆',
-        template: AutoLoginForm,
+    title: '🛒 购物助手',
+    template: MarketHelper,
+  },
+  {
+    title: '🅿️ PT购买',
+    template: PTMarketView,
+  },
+  {
+    title: '💰 公司存钱',
+    template: CompanyWithdraw,
+  },
+  {
+    title: '💰 PI存钱',
+    template: PropertyVault,
+  },
+  {
+    title: '📦 物品',
+    template: InventoryView,
+  },
+  {
+    title: '🎯 BS估算',
+    template: BSEstView,
+  },
+  {
+    title: '🫵 关闭店铺(双击开启)',
+    handler: () => bazaarControl.method(),
+  },
+  {
+    title: '🌸 飞花库存',
+    template: ForeignStock,
  },
  {
    title: '💻 PC',
    template: VirusProgramming,
  },
  {
-        title: '⚙️ 插件配置',
-        template: Config,
+    title: '🩼 配置自动登陆',
+    template: AutoLoginForm,
  },
-];
-const drawer = ref(false);
-const drawerTitle = ref('');
-const drawerContent = shallowRef(null);
+  {
+    title: '🖥 监控',
+    template: MonitorMgrView,
+  },
+  {
+    title: '📜️ 传单助手',
+    handler: () => {
+      expanded.value = false
+      adHelper()
+    },
+  },
+  {
+    title: '🛡️ 守望者',
+    handler: () => {
+      expanded.value = false
+      safeKeeper()
+    },
+  },
+  {
+    title: '🌲 寻找木桩',
+    handler: () => window.location.replace('https://www.torn.com/item.php?temp=4#xunzhaomuzhuang'),
+  },
+  {
+    title: '🚀 更新历史',
+    template: ChangeLogView
+  },
+  {
+    title: '⚙️ 助手设置',
+    handler: () => {
+      expanded.value = false
+      SettingsHandler.clickFunc()
+    },
+  },
+]
+const drawer = ref(false)
+const isMobilePhone = ref(false)
+const documentHeight = ref(0)
+const expanded = ref(false)
+const _globVars = ref(globVars)
+
+// tabs
+const editableTabsValue = ref('')
+const editableTabs = shallowRef([])
+
+// refil
+const handleRefil = (method: 'refillEnergy' | 'refillNerve' | 'refillCasinoTokens') => {
+  fetch(window.addRFC("https://www.torn.com/page.php?sid=pointsBuildingExchange"), {
+    "headers": {
+      "accept": "*/*",
+      "accept-language": "zh-CN,zh;q=0.9",
+      "sec-fetch-dest": "empty",
+      "sec-fetch-mode": "cors",
+      "sec-fetch-site": "same-origin",
+      "x-requested-with": "XMLHttpRequest"
+    },
+    "referrer": "https://www.torn.com/page.php?sid=points",
+    "referrerPolicy": "strict-origin-when-cross-origin",
+    "body": (() => {
+      const data = new FormData();
+      data.append('key', method);
+      return data;
+    })(),
+    "method": "POST",
+    "mode": "cors",
+    "credentials": "include"
+  })
+      .then(res => res.json())
+      .catch(e => ElMessage.error('REFILL异常: ' + e.toString))
+      .then(res => {
+        ElMessage({
+          message: res.success ?
+              `<p>成功</p><p>剩余次数: ${ res["specialRefills"] }  剩余点数: ${ res['points'] }</p>` :
+              `REFILL异常: ${ res.error }`,
+          type: res.success ? 'success' : 'error',
+          dangerouslyUseHTMLString: true
+        })
+        throw new TypeError('REFILL异常: ' + res.error)
+      })
+}

 // fast travel
 const travelData = [
-    { cName: "墨西哥", index: "0" },
-    { cName: "开曼", index: "1" },
-    { cName: "加拿大", index: "2" },
-    { cName: "夏威夷", index: "3" },
-    { cName: "嘤国", index: "4" },
-    { cName: "阿根廷", index: "5" },
-    { cName: "瑞士 (解毒)", index: "6" },
-    { cName: "立本", index: "7" },
-    { cName: "祖国", index: "8" },
-    { cName: "阿联酋 (UAE)", index: "9" },
-    { cName: "南非", index: "10" },
-];
+  { cName: "🇲🇽 墨西哥", index: 0 },
+  { cName: "🇰🇾 开曼", index: 1 },
+  { cName: "🇨🇦 加拿大", index: 2 },
+  { cName: "🌺 夏威夷", index: 3 },
+  { cName: "🇬🇧 嘤国", index: 4 },
+  { cName: "🇦🇷 阿根廷", index: 5 },
+  { cName: "🇨🇭 瑞士 (解毒)", index: 6 },
+  { cName: "🇯🇵 立本", index: 7 },
+  { cName: "🇨🇳 祖国", index: 8 },
+  { cName: "🇦🇪 阿联酋 (UAE)", index: 9 },
+  { cName: "🇿🇦 南非", index: 10 },
+]

-const menuClick = (menuItem) => {
-    logger.info(menuItem);
-    if (typeof menuItem.template === 'function') {
-        menuItem.template();
-    } else {
+const menuClick = (menuItem: MenuItem) => {
+  if (menuItem.handler) {
+    menuItem.handler();
+  } else if (menuItem.template) {
    drawer.value = true;
-        drawerTitle.value = menuItem.title;
-        drawerContent.value = menuItem.template;
+    addTab(menuItem);
+  }
+}
+
+const showDrawer = () => {
+  if (editableTabs.value.length < 1) {
+    logger.error('页面还没有打开任何功能标签');
+    throw new Error('页面还没有打开任何功能标签');
+  }
+
+  drawer.value = true;
+};
+
+const addTab = (menuItem: MenuItem) => {
+  for (let i = 0; i < editableTabs.value.length; i++) {
+    if (editableTabs.value[i].name === menuItem.title) {
+      editableTabsValue.value = menuItem.title;
+      // drawerTitle.value = menuItem.title;
+      return;
+    }
+  }
+  editableTabs.value.push({
+    title: menuItem.title,
+    name: menuItem.title,
+    content: menuItem.template!,
+  });
+  triggerRef(editableTabs);
+  editableTabsValue.value = menuItem.title;
+};
+
+const removeTab = (targetName: string) => {
+  const tabs = editableTabs.value
+  let activeName = editableTabsValue.value
+  logger.info({
+    activeName,
+    targetName
+  })
+  if (activeName === targetName) {
+    tabs.forEach((tab, index) => {
+      if (tab.name === targetName) {
+        const nextTab = tabs[index + 1] || tabs[index - 1]
+        if (nextTab) {
+          activeName = nextTab.name
+        }
+      }
+    })
+  }
+
+  editableTabsValue.value = activeName
+  editableTabs.value = tabs.filter((tab) => tab.name !== targetName)
+  logger.info({
+    activeName,
+    targetName
+  })
+
+  if (editableTabs.value.length < 1) {
+    drawer.value = false;
  }
 };

-const travelConfirm = (destIndex, typeIndex) => {
+const travelConfirm = (destIndex: number, typeIndex: number) => {
+  const destName = travelData[destIndex].cName;
+  const typeName = ['普通飞机', 'PI飞机', '股票飞机', '商务飞机(机票或内衣店)'][typeIndex];
  ElMessageBox.confirm(
-        '即将使用[' + ['普通飞机', 'PI飞机', '股票飞机', '商务飞机(机票或内衣店)'][typeIndex] + ']飞往[' + travelData[destIndex].cName + ']',
+      '即将使用「' + typeName + '」飞往「' + destName + '」',
      '确认',
      {
        confirmButtonText: '好',
@ -245,12 +412,67 @@ const travelConfirm = (destIndex, typeIndex) => {
      })
      .catch(() => null);
 };
-</script>

-<script lang="ts">
-export default {
-    name: 'FloatMenu',
+const bazaarControl = {
+  wait: (t: number) => new Promise(resolve => window.setTimeout(() => resolve(null), t)),
+  count: 0,
+  doGet: async (isClose: boolean) => {
+    let response;
+    try {
+      response = await (await fetch(
+          "https://www.torn.com/bazaar.php?sid=bazaarData&step=" + (isClose ? "closeBazaar" : "openBazaar"),
+          {
+            "headers": {
+              "accept": "*/*",
+              "sec-ch-ua-mobile": "?0",
+              "sec-fetch-dest": "empty",
+              "sec-fetch-mode": "cors",
+              "sec-fetch-site": "same-origin",
+              "x-requested-with": "XMLHttpRequest"
+            },
+            "referrer": "https://www.torn.com/bazaar.php",
+            "referrerPolicy": "strict-origin-when-cross-origin",
+            "body": null,
+            "method": "GET",
+            "mode": "cors",
+            "credentials": "include"
+          }
+      )).json();
+    } catch (e) {
+      logger.error(e.stack);
+      ElMessage.error(e.message);
+      throw e;
+    }
+    if (response.success) {
+      ElMessage.success({
+        dangerouslyUseHTMLString: true,
+        message: response.text,
+      });
+    } else {
+      ElMessage.error(response.text);
+    }
+  },
+  method: async () => {
+    bazaarControl.count++;
+    if (bazaarControl.count === 1) await bazaarControl.wait(600);
+    if (bazaarControl.count === 1) {
+      bazaarControl.count = 0;
+      await bazaarControl.doGet(true);
+    }
+    if (bazaarControl.count === 2) {
+      bazaarControl.count = 0;
+      await bazaarControl.doGet(false);
+    }
+  },
 };
+
+onMounted(() => {
+  if (document.documentElement.scrollWidth < 600) {
+    isMobilePhone.value = true;
+  }
+  documentHeight.value = document.documentElement.scrollHeight;
+});
+
 </script>

 <style scoped>
@ -259,4 +481,34 @@ export default {
  top: 32px;
  left: 10px;
 }
+
+.featureCol {
+  max-width: 33.33%;
+}
+
+.featureMenu {
+  cursor: pointer;
+  margin: 4px;
+  border: none;
+  background-color: transparent;
+}
+
+.featureMenu div {
+  text-align: center;
+}
+
+.featureMenu .icon {
+  font-size: 28px;
+}
+
+.featureMenu .title {
+  font-size: 14px;
+  height: 32px;
+  margin-left: -0.5em;
+  margin-right: -0.5em;
+}
+
+.featureMenu:hover {
+  background-color: #E9EEF6;
+}
 </style>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
wy	17b58c7924	优化起飞功能错误处理，取消网络拦截，避免官方功能被影响，更新版本至1.2.4	2025-04-07 16:03:01 +08:00
wy	4ae5ba1e46	Fix	2025-03-11 14:54:00 +08:00
Liwanyi	d3b85ec361	快捷动作【REFILL】修复	2024-04-07 08:32:07 +08:00
Liwanyi	6234424aa6	快捷动作【REFILL】修复	2024-04-03 09:33:54 +08:00
Liwanyi	2285b3f41e	v1.2.0	2024-03-29 09:56:49 +08:00
Liwanyi	92173c57ec	- BS估算缓存机制修复 - 快捷功能【快速犯罪】界面优化	2024-03-29 09:44:06 +08:00
Liwanyi	2eb1fbf087	### 添加 - 引入了BS估算功能 ### 修改 - 快捷功能【快速犯罪】去除了烦人的通知	2024-03-27 16:54:55 +08:00
Liwanyi	4d92efa48b	优化task逻辑	2024-03-21 15:22:19 +08:00
Liwanyi	f66b165eb7	readme修正	2024-03-20 17:13:46 +08:00
Liwanyi	5d42062001	### 修改 - 快捷功能的【喝啤酒】移动至【快速犯罪】中 - profile页面中在线状态调整	2024-03-20 17:09:12 +08:00
Liwanyi	234022c80c	### 添加 - 快捷功能-PI存钱 ### 修改 - 上次动作的url判断修复 - profile页面中添加了更明显的上次动作时间 - 快速取钱功能添加了常用输入	2024-03-15 16:06:23 +08:00
Liwanyi	5ec20fa327	更新	2024-01-08 11:11:09 +08:00
Liwanyi	773332f406	快速犯罪中添加自定义选项	2024-01-05 17:44:43 +08:00
Liwanyi	46a1339d5c	圣诞小镇掉落物记录表格中的undefined错误修复	2023-12-22 16:16:40 +08:00
Liwanyi	ab0a1f2fdd	Merge remote-tracking branch 'gitlab/dev' into dev	2023-12-08 14:50:22 +08:00
Liwanyi	4121fd9ed0	更新	2023-12-08 14:49:35 +08:00
JJins	1c04624903	Update 2 files - /README_ZHCN.md - /README.md	2023-11-29 13:42:08 +00:00
Liwanyi	64c906f064	更新	2023-11-29 17:55:36 +08:00
Liwanyi	53756f53a7	更新	2023-09-19 11:05:28 +08:00
Liwanyi	201dcb9ba5	更新	2023-09-19 10:54:30 +08:00
Liwanyi	ad36cba92e	更新	2023-09-13 16:58:16 +08:00
Liwanyi	27dfc7aedb	更新	2023-09-13 16:54:58 +08:00
Liwanyi	c48165cd78	更新	2023-09-11 11:30:12 +08:00
Liwanyi	876f49fb25	更新	2023-09-08 17:09:31 +08:00
Liwanyi	b41b1696fc	更新菜单样式	2023-09-08 14:11:07 +08:00
Liwanyi	2bcd3a83e4	更新	2023-08-23 15:40:13 +08:00
Liwanyi	9c1db27ebe	更新	2023-06-27 16:57:16 +08:00
Liwanyi	e7effb0881	更新	2023-06-26 18:13:47 +08:00
Liwanyi	8146b165f9	更新	2023-06-19 17:27:58 +08:00
Liwanyi	55ff6e7a5a	更新	2023-06-16 13:40:51 +08:00
Liwanyi	a29fa0d9c8	更新	2023-06-16 10:44:30 +08:00
Liwanyi	0a255f0e51	更新	2023-06-16 10:43:40 +08:00
Liwanyi	207bea46ca	更新	2023-06-15 15:41:05 +08:00
Liwanyi	d30e4f0d96	更新	2023-06-14 18:02:59 +08:00
Liwanyi	d788227ae4	更新	2023-06-13 08:53:12 +08:00
Liwanyi	3104ea2b53	更新	2023-06-12 17:47:44 +08:00
Liwanyi	0c6ab02e8d	更新	2023-06-07 16:20:52 +08:00
Liwanyi	ccf30c5dca	更新	2023-06-06 09:41:27 +08:00
Liwanyi	412198358d	更新	2023-06-05 15:36:06 +08:00
Liwanyi	302006530e	更新	2023-06-02 19:34:48 +08:00