feat(console,admin): kiosk 不再点击穿透 + 压住任务栏；大屏控制页新增「局域网大屏」（链接/复制/二维码）dev_0.4.0
## ① 现场问题：kiosk 窗口点击穿透（原设计方向反了） `displays.js` 原来对多屏 kiosk 调 `setIgnoreMouseEvents(true)`，注释写的是 「防止现场误触」——但该 API 的语义是「本窗口忽略鼠标」，点击会**落到它后面的 窗口或桌面**，现场想防的误触正好变成误点别的东西；被忽略鼠标的窗口也点不活。 现在窗口**默认吞掉鼠标、不穿透**。 配置项**改名**为 `display.allowClickThrough`（缺省 false；显式 true 才穿透）。 **旧键 `display.ignoreMouse` 完全不读**——老机器的配置文件里还写着旧版模板留下的 `ignoreMouse: true`，而配置策略是「已存在不覆盖」，只改默认值等于老机器升级后 照样穿透；改名才能让默认值真正生效。启动时若发现旧键会记一条中文提示（只记一次）， 并在合并后的配置里把它剥掉，防止将来有人再读到那个陈年 true。 （不是自动改写用户配置文件：无法区分「操作员刻意写的 true」与「旧模板留下的 true」。） ## ② 现场问题：任务栏盖住 kiosk 窗口、被盖住后抢不回前台 原顺序是 `setKiosk(true)` 之后又 `setBounds(...)`，在 Windows 上会把窗口从真正的 全屏态拽回「恰好铺满该屏的无边框窗口」→ 不是 topmost，任务栏与拖过去的窗口都盖得住。 现在固定为 **先 `setBounds` 定位 → 再 `setKiosk(true)` → 最后 `setAlwaysOnTop(true, 'screen-saver')`**（默认层级 `floating` 在 Windows 上仍画在任务栏下面），并加了 「已达标就不重复进出 kiosk」的守卫避免重排白闪；非 kiosk 分支会摘掉置顶。 Win 真机行为需现场复核，代码/桩级已验（含顺序与层级的断言）。 ## ③ 新功能：大屏控制页「局域网大屏」卡片 - 服务端新增 `GET /api/system/network`（recorder 及以上）：回本机可用局域网 IPv4 （排除回环/link-local/IPv6，去重，按 192.168/10/172.16-31 优先排序）+ 真实监听端口 + 路径；无地址回 `[]` 不报错。 - 卡片：每个地址一条可点击链接 + 复制按钮，第一个地址配二维码（148px）。 - **二维码是离线自实现的纯 TS 编码器**（版本 1–40 自动、ECC L/M/Q/H、8 种掩码择优）， 正确性用 **Python OpenCV 真解码**验收：29/29 条解出原文（含中文与边界）， SVG 渲染后再解码 4/4，并把验证过的矩阵冻结成仓库参照用例。 - 复制按**非安全上下文**处理：面板常从 `http://192.168.x.x` 打开，那里 `navigator.clipboard` 是 undefined，自动回退 `execCommand('copy')`。 ## ④ 真机联调抓出并修掉一个时序缺陷（真浏览器 + 真服务端） `DisplayPage` 的 `refreshLan()` 在挂载时跑，而 `auth` 是异步加载的——那一刻 `auth.readOnly` 必然为 true，卡片把「当前为只读访客」写进一个**普通 ref** 就返回了， 身份落定后没有任何东西再触发它：**管理员登录后卡片永远停在访客态， `/api/system/network` 一次都没被请求**。 改为「gate 由 computed 直接渲染 + watch gate 变 null 时重跑加载」，并补回归钉子。 （同时修正了一条把该错误结构当成正确行为的源码断言用例。） 端到端证据：真服务 + 局域网 IP（真非安全上下文）→ 卡片列出两个地址、点击复制变 「已复制」（走 execCommand 回退）→ 浏览器渲染的二维码截图经 cv2 解出 `http://10.50.101.85:19861/display`。 ## 文档 部署指南配置表与多屏行为、使用手册「大屏控制」与局域网设备段、devdocs 05/07/10/13、 升级说明新增 dev_0.4.0（含旧键废弃与启动提示）。**无数据迁移**，旧赛事包照常导入。 自检：服务端 13 包 ×2；前端 vue-tsc + 645 例 ×2 + build；Console 20 文件 + 68 例。
This commit is contained in:
AskaEth committed
1 parent
ed2c0b3f3c
commit
9ef68c2589
33 files changed
+2923
-95
No files matched your search
@@ -47,6 +47,13 @@ class FakeBrowserWindow extends EventEmitter {
|
||||
this.destroyed = false
|
||||
this.kiosk = options.kiosk === true
|
||||
this.fullScreen = false
|
||||
// Electron 里 setIgnoreMouseEvents / setAlwaysOnTop 的默认态：不穿透、不置顶
|
||||
this.ignoreMouse = false
|
||||
this.alwaysOnTop = false
|
||||
this.alwaysOnTopLevel = null
|
||||
// 调用流水。坐标与窗口态的**先后顺序**本身就是被测行为（见 assertKioskOrder）：
|
||||
// 只看最终状态会漏掉「先进 kiosk 再 setBounds」这种被改回去的回归
|
||||
this.calls = []
|
||||
// 模拟真实 Electron 在切换瞬间回读到的旧值：设了它 isFullScreen() 就返回这个
|
||||
this.staleFullScreen = undefined
|
||||
this.bounds = { x: options.x, y: options.y, width: options.width, height: options.height }
|
||||
@@ -74,14 +81,19 @@ class FakeBrowserWindow extends EventEmitter {
|
||||
|
||||
setFullScreen(value) {
|
||||
this.fullScreen = value
|
||||
this.calls.push(['setFullScreen', value])
|
||||
}
|
||||
|
||||
isKiosk() {
|
||||
return this.kiosk
|
||||
}
|
||||
|
||||
// 真实 Electron 里 kiosk 就是窗口级全屏，两者同进同退，桩也照这个来，
|
||||
// 否则「kiosk 窗口其实是全屏」这层关系测不出来
|
||||
setKiosk(value) {
|
||||
this.kiosk = value
|
||||
this.fullScreen = value
|
||||
this.calls.push(['setKiosk', value])
|
||||
}
|
||||
|
||||
getBounds() {
|
||||
@@ -90,10 +102,22 @@ class FakeBrowserWindow extends EventEmitter {
|
||||
|
||||
setBounds(bounds) {
|
||||
this.bounds = bounds
|
||||
this.calls.push(['setBounds', { ...bounds }])
|
||||
}
|
||||
|
||||
isAlwaysOnTop() {
|
||||
return this.alwaysOnTop
|
||||
}
|
||||
|
||||
setAlwaysOnTop(value, level) {
|
||||
this.alwaysOnTop = value
|
||||
this.alwaysOnTopLevel = value ? level || 'floating' : null
|
||||
this.calls.push(['setAlwaysOnTop', value, level])
|
||||
}
|
||||
|
||||
setIgnoreMouseEvents(value) {
|
||||
this.ignoreMouse = value
|
||||
this.calls.push(['setIgnoreMouseEvents', value])
|
||||
}
|
||||
|
||||
show() {
|
||||
@@ -137,6 +161,12 @@ Module._load = function (request, parent, isMain) {
|
||||
}
|
||||
const { DisplayManager } = require('./displays')
|
||||
Module._load = originalLoad
|
||||
// 随包发布的内置默认值：用例要验「多屏 kiosk 默认不穿透」，就得拿**真的默认值**去跑，
|
||||
// 在测试里自己写死一份 false 是验不到 DEFAULTS/config.json 被改回 true 的
|
||||
const { DEFAULTS } = require('./config')
|
||||
// 随包的 config.json 模板（打包态首次启动复制到用户数据目录）是现场真正的默认值，
|
||||
// 只改代码里的 DEFAULTS 而漏了它，现场升级后仍然是穿透
|
||||
const shippedConfig = require('../config.json')
|
||||
|
||||
const WIDTH = 1920
|
||||
const HEIGHT = 1080
|
||||
@@ -145,7 +175,15 @@ function fakeDisplay(id, { internal = false } = {}) {
|
||||
return { id, label: `显示器 ${id}`, internal, bounds: { x: 0, y: 0, width: WIDTH, height: HEIGHT }, scaleFactor: 1 }
|
||||
}
|
||||
|
||||
function makeManager(t, { selection = 'all', kiosk = true } = {}) {
|
||||
// allowClickThrough 默认直接取 config.js 里的内置默认值（false = 不穿透），
|
||||
// 这样「默认值被改回 true」这件事本身会被用例抓住；要穿透的用例显式传 { allowClickThrough: true }。
|
||||
// legacy 用来注入旧机器配置文件里留下的老键（如 ignoreMouse: true），验「老键已失效」
|
||||
function makeManager(t, {
|
||||
selection = 'all',
|
||||
kiosk = true,
|
||||
allowClickThrough = DEFAULTS.display.allowClickThrough,
|
||||
legacy = {}
|
||||
} = {}) {
|
||||
fakeScreen.displays = []
|
||||
fakeScreen.primaryId = 1
|
||||
// 上一个用例若忘了收摊，残留的监听会串到这一个用例里
|
||||
@@ -160,9 +198,10 @@ function makeManager(t, { selection = 'all', kiosk = true } = {}) {
|
||||
pages: ['standings', 'medals'],
|
||||
pageParam: 'page',
|
||||
kiosk,
|
||||
ignoreMouse: true,
|
||||
allowClickThrough,
|
||||
reloadEveryHours: 0,
|
||||
backgroundColor: '#000000'
|
||||
backgroundColor: '#000000',
|
||||
...legacy
|
||||
}
|
||||
},
|
||||
server: { host: '0.0.0.0', port: 19540 },
|
||||
@@ -343,6 +382,181 @@ test('kiosk 窗口不挂 F11 处理', (t) => {
|
||||
assert.equal(manager.windows.get(2).win.webContents.listeners('before-input-event').length, 0)
|
||||
})
|
||||
|
||||
// —— 窗口层行为：能不能点穿、压不压得住任务栏 ——
|
||||
// 现场回归：① 大屏窗口默认 setIgnoreMouseEvents(true)，点击穿透到后面的窗口/桌面，
|
||||
// 「防误触」变成了「误点别的东西」，被穿透的窗口还点不活；
|
||||
// ② kiosk 窗口先 setKiosk(true) 再 setBounds，被 Windows 从真正的全屏态拽回
|
||||
// 「恰好铺满该屏的无边框窗口」，不是 topmost，任务栏与拖过来的窗口都能盖住它。
|
||||
// ①的开关键从 ignoreMouse 改名成了 allowClickThrough：旧键在老机器的用户配置里被写死着，
|
||||
// 只改默认值救不了它们，用例里的「老机器」就是带 ignoreMouse: true 进来的那份配置。
|
||||
|
||||
// 窗口调用流水里「最后一次」满足条件的调用下标；找不到返回 -1
|
||||
function lastCallIndex(win, name, match = () => true) {
|
||||
return win.calls.reduce((found, [called, ...args], index) => (
|
||||
called === name && match(...args) ? index : found
|
||||
), -1)
|
||||
}
|
||||
|
||||
// kiosk 窗口必须：先 setBounds 定位 → 再 setKiosk(true) → 最后置顶到 screen-saver。
|
||||
// 顺序反了就是上面 ② 那个事故；这里断言的是顺序而不是最终状态，正为此。
|
||||
function assertKioskOrder(win) {
|
||||
const boundsAt = lastCallIndex(win, 'setBounds')
|
||||
const kioskAt = lastCallIndex(win, 'setKiosk', (value) => value === true)
|
||||
assert.notEqual(kioskAt, -1, 'kiosk 窗口必须真的进过 kiosk')
|
||||
assert.ok(
|
||||
boundsAt !== -1 && boundsAt < kioskAt,
|
||||
`setBounds(#${boundsAt}) 必须在 setKiosk(true)(#${kioskAt}) 之前，实际调用流水：${JSON.stringify(win.calls)}`
|
||||
)
|
||||
|
||||
const topAt = lastCallIndex(win, 'setAlwaysOnTop', (value) => value === true)
|
||||
assert.ok(topAt > kioskAt, `进 kiosk 之后必须置顶，实际调用流水：${JSON.stringify(win.calls)}`)
|
||||
assert.equal(win.alwaysOnTopLevel, 'screen-saver', 'Windows 上只有 pop-up-menu 及以上才画在任务栏之上')
|
||||
}
|
||||
|
||||
test('新键缺省 = 不穿透：多屏 kiosk 不调 setIgnoreMouseEvents(true)', (t) => {
|
||||
// 先把「默认值本身」钉住：这份默认值改成 true，就等于把点击穿透又放回现场
|
||||
assert.equal(DEFAULTS.display.allowClickThrough, false, '内置默认值必须是「不穿透」')
|
||||
assert.equal(shippedConfig.display.allowClickThrough, false, '随包的 config.json 模板也必须是「不穿透」')
|
||||
assert.equal('ignoreMouse' in DEFAULTS.display, false, '旧键必须从 DEFAULTS 里消失，否则等于还在读它')
|
||||
|
||||
const manager = makeManager(t)
|
||||
fakeScreen.displays = [fakeDisplay(1, { internal: true }), fakeDisplay(2)]
|
||||
|
||||
manager.enable()
|
||||
|
||||
for (const id of [1, 2]) {
|
||||
const win = manager.windows.get(id).win
|
||||
assert.equal(win.ignoreMouse, false, `display=${id} 默认必须吞掉鼠标：穿透会把点击送给后面的窗口/桌面`)
|
||||
assert.equal(lastCallIndex(win, 'setIgnoreMouseEvents', (value) => value === true), -1)
|
||||
}
|
||||
})
|
||||
|
||||
test('只有显式配 display.allowClickThrough=true 才穿透', (t) => {
|
||||
const manager = makeManager(t, { allowClickThrough: true })
|
||||
fakeScreen.displays = [fakeDisplay(1, { internal: true }), fakeDisplay(2)]
|
||||
|
||||
manager.enable()
|
||||
|
||||
assert.deepEqual(
|
||||
manager.windows.get(2).win.calls.filter(([name]) => name === 'setIgnoreMouseEvents'),
|
||||
[['setIgnoreMouseEvents', true]]
|
||||
)
|
||||
})
|
||||
|
||||
test('回归钉子：老机器配置里留着 ignoreMouse: true 也不穿透（旧键已失效）', (t) => {
|
||||
// 这就是本次修复的核心：旧版模板把 ignoreMouse: true 写进了现场机器的用户配置，
|
||||
// 而 userpaths.js 不会覆盖用户文件——只要还读旧键，那台机器升级后照样穿透
|
||||
const manager = makeManager(t, { legacy: { ignoreMouse: true } })
|
||||
fakeScreen.displays = [fakeDisplay(1, { internal: true }), fakeDisplay(2)]
|
||||
|
||||
manager.enable()
|
||||
|
||||
for (const id of [1, 2]) {
|
||||
const win = manager.windows.get(id).win
|
||||
assert.equal(win.ignoreMouse, false, `display=${id}：旧键 ignoreMouse 已废弃，不能让它把穿透带回来`)
|
||||
assert.equal(lastCallIndex(win, 'setIgnoreMouseEvents', (value) => value === true), -1)
|
||||
}
|
||||
|
||||
// 用例本身要确保旧键真的塞进了配置里，否则这条测试等于没测
|
||||
assert.equal('ignoreMouse' in manager.display, true)
|
||||
assert.equal(manager.display.allowClickThrough, false, '新键没被显式写成 true')
|
||||
})
|
||||
|
||||
test('单屏窗口化不受穿透开关影响：配了穿透也不穿透、也不置顶', (t) => {
|
||||
const manager = makeManager(t, { allowClickThrough: true })
|
||||
fakeScreen.displays = [fakeDisplay(1, { internal: true })]
|
||||
|
||||
manager.enable()
|
||||
|
||||
const win = manager.windows.get(1).win
|
||||
assert.equal(win.ignoreMouse, false, '穿透这一行从来只管多屏 kiosk')
|
||||
assert.equal(lastCallIndex(win, 'setAlwaysOnTop', (value) => value === true), -1, '窗口化的 F11 全屏归用户管，不能置顶')
|
||||
assert.equal(win.isKiosk(), false)
|
||||
})
|
||||
|
||||
test('kiosk 窗口：先 setBounds 再 setKiosk(true)，最后置顶 screen-saver', (t) => {
|
||||
const manager = makeManager(t)
|
||||
fakeScreen.displays = [fakeDisplay(1, { internal: true }), fakeDisplay(2)]
|
||||
|
||||
manager.enable()
|
||||
|
||||
for (const id of [1, 2]) {
|
||||
const win = manager.windows.get(id).win
|
||||
assertKioskOrder(win)
|
||||
assert.equal(win.isKiosk(), true)
|
||||
assert.equal(win.alwaysOnTop, true, '被别的窗口盖住后要能点回最前')
|
||||
}
|
||||
})
|
||||
|
||||
test('面板手动开的 kiosk 窗口同样置顶、不穿透', (t) => {
|
||||
const manager = makeManager(t)
|
||||
const primary = fakeDisplay(1, { internal: true })
|
||||
const external = fakeDisplay(2)
|
||||
fakeScreen.displays = [primary, external]
|
||||
|
||||
assert.deepEqual(manager.openOn(external, { page: 'medals', single: false }), { created: true, mode: 'kiosk' })
|
||||
|
||||
const win = manager.windows.get(2).win
|
||||
assertKioskOrder(win)
|
||||
assert.equal(win.ignoreMouse, false)
|
||||
})
|
||||
|
||||
test('kiosk 已是目标态时不重复进出 kiosk（重排不该让大屏白闪）', (t) => {
|
||||
const manager = makeManager(t)
|
||||
fakeScreen.displays = [fakeDisplay(1, { internal: true }), fakeDisplay(2)]
|
||||
manager.enable()
|
||||
|
||||
const win = manager.windows.get(2).win
|
||||
const callsBefore = JSON.stringify(win.calls)
|
||||
|
||||
// 一次「屏幕没变」的重排：窗口态已经是目标态，就一个窗口调用都不该发生
|
||||
manager.layout()
|
||||
|
||||
assert.equal(JSON.stringify(win.calls), callsBefore)
|
||||
assertKioskOrder(win)
|
||||
})
|
||||
|
||||
test('插拔屏幕就地换模式：置顶跟着 kiosk 来回，顺序不变', (t) => {
|
||||
const manager = makeManager(t)
|
||||
const primary = fakeDisplay(1, { internal: true })
|
||||
fakeScreen.displays = [primary]
|
||||
manager.enable()
|
||||
|
||||
const win = manager.windows.get(1).win
|
||||
assert.equal(win.alwaysOnTop, false, '单屏窗口化不置顶')
|
||||
|
||||
// 插上电视：同一块屏上的窗口就地转 kiosk，必须补上置顶
|
||||
fakeScreen.displays = [primary, fakeDisplay(2)]
|
||||
manager.layout()
|
||||
assertModeConsistent(manager, 1, false)
|
||||
assertKioskOrder(win)
|
||||
|
||||
// 电视拔了：转回窗口化，置顶必须摘掉，否则窗口化态会继续盖住一切
|
||||
fakeScreen.displays = [primary]
|
||||
manager.layout()
|
||||
assertModeConsistent(manager, 1, true)
|
||||
assert.equal(win.alwaysOnTop, false)
|
||||
assert.equal(win.alwaysOnTopLevel, null)
|
||||
})
|
||||
|
||||
test('收窗路径不被置顶破坏：closeDisplay / closeAll 仍收得掉 kiosk 窗口', (t) => {
|
||||
const manager = makeManager(t)
|
||||
fakeScreen.displays = [fakeDisplay(1, { internal: true }), fakeDisplay(2)]
|
||||
manager.enable()
|
||||
|
||||
const external = manager.windows.get(2).win
|
||||
const primary = manager.windows.get(1).win
|
||||
assert.equal(manager.closeDisplay(2), true)
|
||||
assert.equal(external.isDestroyed(), true)
|
||||
assert.equal(manager.windows.has(2), false)
|
||||
assert.equal(manager.closeDisplay(2), false, '已经收掉的窗口不能再报成功')
|
||||
|
||||
manager.closeAll()
|
||||
assert.equal(primary.isDestroyed(), true)
|
||||
assert.equal(manager.windows.size, 0)
|
||||
assert.equal(manager.enabled, false)
|
||||
})
|
||||
|
||||
// 屏幕监听的三条不变式，对应审查日志模块13 [1] P1：
|
||||
// ① 任何一次「屏幕数量变化」都不能把监听永久摘掉（只有 closeAll 摘）
|
||||
// ② 事件到达后 600ms 防抖重排，从 1 块恢复 2 块要自动回到 kiosk，从 2 块变 1 块要收回窗口化
|
||||
|
||||
Reference in new issue
Block a user