更新

src/class/Common.ts

@@ -9,6 +9,8 @@ import SidebarHelper from "./action/SidebarHelper";
 import CommonUtils from "./utils/CommonUtils";
 import Log from "./Log";
 import FetchUtils from "./utils/FetchUtils";
+import ZhongIcon from "./ZhongIcon";
+import Alert from "./utils/Alert";
 
 export class Common extends WuhuBase {
     className = 'Common';
@@ -74,5 +76,21 @@ export class Common extends WuhuBase {
             Log.info('应用自定义CSS');
             CommonUtils.addStyle(WuhuConfig.get('CustomCss'));
         }
+
+        // 现金变动提醒
+        if (WuhuConfig.get('CashChangeAlert')) CommonUtils.elementReady("#user-money").then(userMoney => {
+            new MutationObserver((mutations, observer) => {
+                Log.info("现金变动提醒", mutations);
+                mutations.forEach(item => {
+                    if (item.attributeName === 'data-money') {
+                        ZhongIcon.getInstance().updateCashView(userMoney.innerText);
+                        new Alert(
+                            '提醒: 现金变动 ' + item.oldValue + ' -> ' + userMoney.innerText,
+                            { sysNotify: true }
+                        );
+                    }
+                });
+            }).observe(userMoney, { attributes: true, attributeOldValue: true })
+        });
     }
 }

src/class/WuhuConfig.ts

@@ -121,6 +121,10 @@ export default class WuhuConfig extends WuhuBase {
             { key: 'IconPosition', val: {} },
             // 记住图标位置
             { key: 'SaveIconPosition', val: false },
+            // 现金变动提醒
+            { key: 'CashChangeAlert', val: false },
+            // 收集数据以改进翻译质量
+            { key: 'CollectPlayerData', val: true },
 
             /**
              * 危险行为⚠️

src/class/ZhongIcon.ts

@@ -27,6 +27,7 @@ export default class ZhongIcon extends WuhuBase {
     className = 'ZhongIcon';
     public static ZhongNode: MyHTMLElement = null;
     private menuItemList: MenuItemConfig[] = null;
+    private cashView: HTMLElement = null;
 
     // private settingItemList: MenuItemConfig[] = null;
 
@@ -52,6 +53,168 @@ export default class ZhongIcon extends WuhuBase {
         }
     }
 
+    public updateCashView(content: string): void {
+        if (!this.cashView || !ZhongIcon.ZhongNode.contains(this.cashView)) {
+            this.cashView = document.createElement('div');
+            this.cashView.id = 'wh-cash-monitor';
+            ZhongIcon.ZhongNode.append(this.cashView);
+        }
+        this.cashView.innerText = content;
+    }
+
+    /**
+     * 添加左侧图标
+     */
+    private insert2Dom(): ZhongIcon {
+        let zhongNode: MyHTMLElement = document.querySelector('div#wh-trans-icon');
+        let settings = this.menuItemList;
+        let { version } = WuhuBase.glob;
+        if ((self !== top) || !!zhongNode) return null;
+        zhongNode = document.createElement('div');
+        ZhongIcon.ZhongNode = zhongNode;
+        zhongNode.id = 'wh-trans-icon';
+        zhongNode.classList.add('cont-gray');
+        zhongNode.innerHTML = ZHONG_MENU_HTML.replace('{{}}', version.slice(-1) === '$' ? 'DEV' : version);
+        // 助手菜单
+        const menu_cont = zhongNode.querySelector('#wh-gSettings');
+        // 遍历菜单node设置、生成node、插入dom
+        this.menuItemList.forEach(setting => CommonUtils.getInstance().elemGenerator(setting, menu_cont));
+        Log.info('生成元素插入完成');
+        // 计时node
+        zhongNode.initTimer = zhongNode.querySelector('#wh-inittimer');
+        // 芜湖助手图标点击事件
+        (<MyHTMLElement>zhongNode.querySelector('#wh-trans-icon-btn')).onclick = () => {
+            zhongNode.classList.toggle('wh-icon-expanded');
+            const click_func = e => {
+                Log.info(e.target);
+                if (e.target === zhongNode.querySelector('#wh-trans-icon-btn')) return;
+                if (!zhongNode.contains(e.target)) {
+                    Log.info('移除事件监听器');
+                    document.body.removeEventListener('click', click_func);
+                    zhongNode.classList.remove('wh-icon-expanded');
+                }
+            };
+            if (zhongNode.classList.contains('wh-icon-expanded')) {
+                Log.info('芜湖助手图标点击->添加监听');
+                document.body.addEventListener('click', click_func);
+            } else {
+                Log.info('芜湖助手图标->移除监听');
+                document.body.removeEventListener('click', click_func);
+            }
+        };
+        // 更新按钮点击事件
+        (<MyHTMLElement>zhongNode.querySelector('#wh-update-btn')).onclick = e => {
+            (<HTMLButtonElement>e.target).blur();
+            const innerHtml = ZHONG_UPDATE_HTML;
+            // 直接复制的按钮
+            new Popup(innerHtml, '如何更新')
+                .getElement()
+                .querySelector('button').onclick = async (e) => {
+                let target = e.target as HTMLButtonElement;
+                target.innerHTML = '加载中';
+                const js_text = await CommonUtils.COFetch(`https://jjins.github.io/fyfuzhi/release.min.user.js?${ performance.now() }`);
+                target.innerHTML = '点击复制到剪切板';
+                target.onclick = () => {
+                    const textarea_node = document.createElement('textarea');
+                    textarea_node.innerHTML = js_text;
+                    target.parentElement.append(textarea_node);
+                    textarea_node.focus();
+                    textarea_node.select();
+                    document.execCommand('Copy');
+                    textarea_node.remove();
+                    target.innerHTML = '已复制';
+                    target.onclick = null;
+                    new Alert('脚本已复制，请前往粘贴');
+                };
+            };
+        };
+        // 节日
+        zhongNode.querySelectorAll('#wh-trans-fest-date button').forEach((el, i) => i === 0
+            ? el.addEventListener('click', () => {
+                let html = '<table>';
+                settings.fest_date_list.sort().forEach(date =>
+                    html += `<tr><td>${ 1 + ((<any>date.slice(0, 2)) | 0) }月${ date.slice(2) }日</td><td>${ settings.fest_date_dict[date].name }</td><td>${ settings.fest_date_dict[date].eff }</td></tr>`
+                );
+                new Popup(html += '</table>', '节日');
+            })
+            : el.addEventListener('click', null));
+        // 活动
+        zhongNode.querySelectorAll('#wh-trans-event-cont button').forEach((el, i) => i === 0
+            ? el.addEventListener('click', () => {
+                let html = '<table>';
+                settings.events.forEach(el =>
+                    html += `<tr><td><b>${ el.name }</b></td><td>${ el.start[0] + 1 }月${ el.start[1] }日${ el.start[2] }:00~${ el.end[0] + 1 }月${ el.end[1] }日${ el.end[2] }:00</td></tr><tr><td colspan="2">${ el.eff }</td></tr>`);
+                new Popup(html += '</table><p>更多信息请关注群聊和公众号</p>', '活动');
+            })
+            : el.addEventListener('click', null));
+        // 调整图标至有记录的位置
+        if (WuhuConfig.get("SaveIconPosition")) {
+            let iconPosition = WuhuConfig.get("IconPosition");
+            let documentSize = { x: document.documentElement.offsetWidth, y: document.documentElement.offsetHeight };
+            ZhongIcon.setPosition(
+                iconPosition.x > documentSize.x ? documentSize.x * 0.9 | 0 : iconPosition.x,
+                iconPosition.y > documentSize.y ? documentSize.y * 0.9 | 0 : iconPosition.y
+            );
+        }
+        document.body.append(zhongNode);
+        // 引入torn自带浮动提示
+        Log.info('引入torn自带浮动提示');
+        (window.initializeTooltip) && (window.initializeTooltip('.wh-container', 'white-tooltip'));
+        // 加载torn mini profile
+        Log.info('加载torn mini profile');
+        let miniProfileInterval = {
+            id: window.setInterval(() => {
+                miniProfileInterval.counter++;
+                if (window.$ || (window.unsafeWindow && window.unsafeWindow.$)) {
+                    initMiniProf('#wh-trans-icon');
+                    window.clearInterval(miniProfileInterval.id);
+                }
+                if (miniProfileInterval.counter > 30) window.clearInterval(miniProfileInterval.id);
+            }, 1000),
+            counter: 0
+        };
+        Log.info('图标加入文档树完成');
+        return this;
+    }
+
+    private dragHandler(): ZhongIcon {
+        let isMouseDown = false;
+        let isMouseMoved = false;
+        let offsetXY = { x: 0, y: 0 };
+        ZhongIcon.ZhongNode.addEventListener('mousedown', (e) => {
+            if (e.button === 0) {
+                e.preventDefault();
+                isMouseDown = true;
+                let nodeXY = ZhongIcon.getPosition();
+                offsetXY.x = e.x - nodeXY.x;
+                offsetXY.y = e.y - nodeXY.y;
+            }
+        });
+        document.addEventListener('mouseup', () => {
+            isMouseDown = false;
+            if (isMouseMoved) {
+                isMouseMoved = false;
+                if (WuhuConfig.get("SaveIconPosition")) {
+                    WuhuConfig.set("IconPosition", ZhongIcon.getPosition());
+                }
+            }
+        });
+        document.addEventListener('mousemove', (e) => {
+            if (isMouseDown) {
+                ZhongIcon.setPosition(e.x - offsetXY.x, e.y - offsetXY.y);
+                isMouseMoved = true;
+            }
+        });
+        return this;
+    }
+
+    private static getPosition(): { x: number, y: number } {
+        return {
+            x: ZhongIcon.ZhongNode.style.left ? parseInt(ZhongIcon.ZhongNode.style.left.slice(0, -2)) : ZhongIcon.ZhongNode.offsetLeft,
+            y: ZhongIcon.ZhongNode.style.top ? parseInt(ZhongIcon.ZhongNode.style.top.slice(0, -2)) : ZhongIcon.ZhongNode.offsetTop
+        }
+    }
+
     // 菜单
     private constructMenuList(): ZhongIcon {
         Log.info('构造展开菜单列表开始');
@@ -209,7 +372,7 @@ export default class ZhongIcon extends WuhuBase {
         });
         // 全屏
         if (!Global.getInstance().isPDA) list.push({
-            domType: 'button', domId: '', domText: '🖥 进入全屏', clickFunc() {
+            domType: 'button', domId: '', domText: '🖥️ 进入全屏', clickFunc() {
                 document.documentElement.requestFullscreen().then();
             }
         });
@@ -274,159 +437,6 @@ export default class ZhongIcon extends WuhuBase {
         Log.info('构造展开菜单列表结束' + timer.getTimeMs());
         return this;
     }
-
-    /**
-     * 添加左侧图标
-     */
-    private insert2Dom(): ZhongIcon {
-        let zhongNode: MyHTMLElement = document.querySelector('div#wh-trans-icon');
-        let settings = this.menuItemList;
-        let { version } = WuhuBase.glob;
-        if ((self !== top) || !!zhongNode) return null;
-        zhongNode = document.createElement('div');
-        ZhongIcon.ZhongNode = zhongNode;
-        zhongNode.id = 'wh-trans-icon';
-        zhongNode.classList.add('cont-gray');
-        zhongNode.innerHTML = ZHONG_MENU_HTML.replace('{{}}', version.slice(-1) === '$' ? 'DEV' : version);
-        // 助手菜单
-        const menu_cont = zhongNode.querySelector('#wh-gSettings');
-        // 遍历菜单node设置、生成node、插入dom
-        this.menuItemList.forEach(setting => CommonUtils.getInstance().elemGenerator(setting, menu_cont));
-        Log.info('生成元素插入完成');
-        // 计时node
-        zhongNode.initTimer = zhongNode.querySelector('#wh-inittimer');
-        // 芜湖助手图标点击事件
-        (<MyHTMLElement>zhongNode.querySelector('#wh-trans-icon-btn')).onclick = () => {
-            zhongNode.classList.toggle('wh-icon-expanded');
-            const click_func = e => {
-                Log.info(e.target);
-                if (e.target === zhongNode.querySelector('#wh-trans-icon-btn')) return;
-                if (!zhongNode.contains(e.target)) {
-                    Log.info('移除事件监听器');
-                    document.body.removeEventListener('click', click_func);
-                    zhongNode.classList.remove('wh-icon-expanded');
-                }
-            };
-            if (zhongNode.classList.contains('wh-icon-expanded')) {
-                Log.info('芜湖助手图标点击->添加监听');
-                document.body.addEventListener('click', click_func);
-            } else {
-                Log.info('芜湖助手图标->移除监听');
-                document.body.removeEventListener('click', click_func);
-            }
-        };
-        // 更新按钮点击事件
-        (<MyHTMLElement>zhongNode.querySelector('#wh-update-btn')).onclick = e => {
-            (<HTMLButtonElement>e.target).blur();
-            const innerHtml = ZHONG_UPDATE_HTML;
-            // 直接复制的按钮
-            new Popup(innerHtml, '如何更新')
-                .getElement()
-                .querySelector('button').onclick = async (e) => {
-                let target = e.target as HTMLButtonElement;
-                target.innerHTML = '加载中';
-                const js_text = await CommonUtils.COFetch(`https://jjins.github.io/fyfuzhi/release.min.user.js?${ performance.now() }`);
-                target.innerHTML = '点击复制到剪切板';
-                target.onclick = () => {
-                    const textarea_node = document.createElement('textarea');
-                    textarea_node.innerHTML = js_text;
-                    target.parentElement.append(textarea_node);
-                    textarea_node.focus();
-                    textarea_node.select();
-                    document.execCommand('Copy');
-                    textarea_node.remove();
-                    target.innerHTML = '已复制';
-                    target.onclick = null;
-                    new Alert('脚本已复制，请前往粘贴');
-                };
-            };
-        };
-        // 节日
-        zhongNode.querySelectorAll('#wh-trans-fest-date button').forEach((el, i) => i === 0
-            ? el.addEventListener('click', () => {
-                let html = '<table>';
-                settings.fest_date_list.sort().forEach(date =>
-                    html += `<tr><td>${ 1 + ((<any>date.slice(0, 2)) | 0) }月${ date.slice(2) }日</td><td>${ settings.fest_date_dict[date].name }</td><td>${ settings.fest_date_dict[date].eff }</td></tr>`
-                );
-                new Popup(html += '</table>', '节日');
-            })
-            : el.addEventListener('click', null));
-        // 活动
-        zhongNode.querySelectorAll('#wh-trans-event-cont button').forEach((el, i) => i === 0
-            ? el.addEventListener('click', () => {
-                let html = '<table>';
-                settings.events.forEach(el =>
-                    html += `<tr><td><b>${ el.name }</b></td><td>${ el.start[0] + 1 }月${ el.start[1] }日${ el.start[2] }:00~${ el.end[0] + 1 }月${ el.end[1] }日${ el.end[2] }:00</td></tr><tr><td colspan="2">${ el.eff }</td></tr>`);
-                new Popup(html += '</table><p>更多信息请关注群聊和公众号</p>', '活动');
-            })
-            : el.addEventListener('click', null));
-        // 调整图标至有记录的位置
-        if (WuhuConfig.get("SaveIconPosition")) {
-            let iconPosition = WuhuConfig.get("IconPosition");
-            let documentSize = { x: document.documentElement.offsetWidth, y: document.documentElement.offsetHeight };
-            ZhongIcon.setPosition(
-                iconPosition.x > documentSize.x ? documentSize.x * 0.9 | 0 : iconPosition.x,
-                iconPosition.y > documentSize.y ? documentSize.y * 0.9 | 0 : iconPosition.y
-            );
-        }
-        document.body.append(zhongNode);
-        // 引入torn自带浮动提示
-        Log.info('引入torn自带浮动提示');
-        (window.initializeTooltip) && (window.initializeTooltip('.wh-container', 'white-tooltip'));
-        // 加载torn mini profile
-        Log.info('加载torn mini profile');
-        let miniProfileInterval = {
-            id: window.setInterval(() => {
-                miniProfileInterval.counter++;
-                if (window.$ || (window.unsafeWindow && window.unsafeWindow.$)) {
-                    initMiniProf('#wh-trans-icon');
-                    window.clearInterval(miniProfileInterval.id);
-                }
-                if (miniProfileInterval.counter > 30) window.clearInterval(miniProfileInterval.id);
-            }, 1000),
-            counter: 0
-        };
-        Log.info('图标加入文档树完成');
-        return this;
-    }
-
-    private dragHandler(): ZhongIcon {
-        let isMouseDown = false;
-        let isMouseMoved = false;
-        let offsetXY = { x: 0, y: 0 };
-        ZhongIcon.ZhongNode.addEventListener('mousedown', (e) => {
-            if (e.button === 0) {
-                e.preventDefault();
-                isMouseDown = true;
-                let nodeXY = ZhongIcon.getPosition();
-                offsetXY.x = e.x - nodeXY.x;
-                offsetXY.y = e.y - nodeXY.y;
-            }
-        });
-        document.addEventListener('mouseup', () => {
-            isMouseDown = false;
-            if (isMouseMoved) {
-                isMouseMoved = false;
-                if (WuhuConfig.get("SaveIconPosition")) {
-                    WuhuConfig.set("IconPosition", ZhongIcon.getPosition());
-                }
-            }
-        });
-        document.addEventListener('mousemove', (e) => {
-            if (isMouseDown) {
-                ZhongIcon.setPosition(e.x - offsetXY.x, e.y - offsetXY.y);
-                isMouseMoved = true;
-            }
-        });
-        return this;
-    }
-
-    private static getPosition(): { x: number, y: number } {
-        return {
-            x: ZhongIcon.ZhongNode.style.left ? parseInt(ZhongIcon.ZhongNode.style.left.slice(0, -2)) : ZhongIcon.ZhongNode.offsetLeft,
-            y: ZhongIcon.ZhongNode.style.top ? parseInt(ZhongIcon.ZhongNode.style.top.slice(0, -2)) : ZhongIcon.ZhongNode.offsetTop
-        }
-    }
 }
 
 export interface MenuItemConfig {

src/class/handler/SettingsHandler.ts

@@ -97,6 +97,14 @@ export default class SettingsHandler extends WuhuBase {
             isTornBtn: true,
             clickFunc: () => UpdateTranslateDict.getInstance().handle()
         });
+        // 收集数据以改进翻译质量
+        list.push({
+            domType: 'checkbox',
+            domId: '',
+            domText: ' 收集数据以改进翻译质量',
+            dictName: 'CollectPlayerData',
+            tip: '未实现功能<br/>收集玩家基础信息与页面上(未翻译)的内容上传以改进翻译'
+        });
 
         // 战斗
         list.push({
@@ -414,6 +422,14 @@ export default class SettingsHandler extends WuhuBase {
             dictName: 'HideSidebarBtn',
             tip: '仅PC'
         });
+        // 现金变动提醒
+        list.push({
+            domType: 'checkbox',
+            domId: '',
+            domText: ' 现金变动提醒',
+            dictName: 'CashChangeAlert',
+            tip: '插件图标下方显示现金、现金变动时通知提醒<br/>注: 刷新页面生效、系统级通知需要浏览器权限'
+        });
 
         // 其他
         list.push({

src/static/css/common.css

@@ -87,6 +87,15 @@ div#effectiveness-wrap {
     min-width: 200px;
 }
 
+#wh-cash-monitor {
+    margin: 4px 8px;
+    font-size: 14px;
+}
+
+.wh-icon-expanded #wh-cash-monitor {
+    display: none;
+}
+
 #wh-latest-version {
     display: inline-block;
     background-image: url("https://jjins.github.io/t2i/version.png?{{}}");