跨端: harmony 管理页（用户管理）+ P4c 壁纸上传入口 —— 「功能做全再交付」的两块
pi 的交付清单里缺的两块（`docs/GUI-PLAN-HARMONY.md` 原先把管理后台划在首版之外， 用户明确要求「功能做全再给我」之后收进来）。 标 `跨端:` 是因为判据落在 `client/electron/test/`（鸿蒙的判据目录一向量在那里）， 代码本体全在 `client/harmony/`。 ## 管理页（用户管理） - `pages/AdminUsersPage.ets`：新建 / 编辑（显示名·角色·白名单）/ 启停 / 重置密码。 排布照 `AdminUsersPage.tsx`，包括「受限」徽标口径（普通用户且白名单非空才显示）、 最后登录缺席与空串都显示「从未登录」、管理员对白名单两项忽略。 - 入口在设置页底部，**仅管理员可见**（`role === 'admin'` 严格相等，与 `App.tsx` 同口径）。 读不到身份时**不**显示也不报错（乐观放行会让每个普通用户看到点进去 403 的入口）。 - `api/AdminApi.ets` + `model/AdminUsers.ts`（纯逻辑，零 import ⇒ 判据能真跑）。 - 启停**只发 status 一个字段** —— 服务端是部分更新，多发字段会把显示名与白名单一起改掉。 - `model/Models.ets` 补管理端 DTO；`main_pages.json` 注册路由。 ## P4c 壁纸上传 - `model/ImagePrep.ts`：阈值与两档策略（2560/0.85 → 1280/0.78，入口 20MB，压后上限 3.5MiB）。 **一处有意不对齐 WebUI** 并写明理由：WebUI 卡 data-URL 长度（含 base64 膨胀）， 鸿蒙内存直传 ArrayBuffer，卡的是字节数。 - `common/BackgroundPicker.ets`：不设 / 预设 / 自定义图片 + 浓度与模糊滑杆。 上传链：picker → 判可不可以 → 逐档按 desiredSize 解码压缩 → 上传 → **请页面以服务端为准重新同步**。 失败**必带原因**（服务端 415/413 文案原样透出）。用户取消选图**不算失败**。 - `ApiClient.uploadBytes`：MultiFormData.data 收 ArrayBuffer（核了 SDK，since 11；本工程 23） ⇒ 内存直传，不需要 base64 也不需要临时文件。 ## 两处真 bug（变异测试逼出来的，不是"新写坏的"） 1. **压缩循环的第二档此前是死代码**：循环里的 break 与循环外那句 shouldRetryWithActual 互相抵消 —— 把循环里那处改成 `if (true)`（永远只压一档）整套判据照样全绿。 收成一处判定（overLimit），循环外只读结论，并加结构性判据（该函数在这条链上只许调用一次）。 2. **壁纸的模糊档一直是「只写不读」**（计划文档 §7.12 登记过）：滑杆能拖、值能存、 blurStyleFor 也写了，就是**没有调用点**，壁纸一点没糊。 本次补上的调用点分两层：壁纸层 `.blur(px)` = **图片内容模糊** （与 WebUI 的 `filter: blur(var(--bg-blur))` 同一个量、同一个数，所以不需要映射表）； 而那张**材质档**映射表 `blurStyleFor` 也终于有了调用点（`navMaterialFor` 内部复用它）。 `docs/HARMONY-ALIGN-PLAN.md` 的 §7.12 两行（材质 / 壁纸模糊度）已一并改准、不再互相矛盾。 ## pi 复核后**改回来的**（这一笔里我自己犯的两处，都由 pi 抓出） 1. **导航条材质一度绑定到 `bg_blur`，`bg_blur=0` 时整个消失。** 我把 `NavBar` 从固定档改成 `blurStyleFor(bgPlan.blurPx)`，而滑杆 `min: 0` 可达、 `blurStyleFor(0) === 'NONE'` ⇒ 用户把壁纸调清晰时**导航条一点材质都没有**。 而且它与本笔自己的论证**相反**：刚论证完"图片内容模糊"与"面板材质"是两个物理量， 转头把面板材质接到壁纸模糊这个输入上。 现在**分层**：`blurStyleFor` 是通用映射（**允许** NONE —— "0 px 不模糊"是它的正确语义）； `navMaterialFor` 是**导航条专用、有下限**的入口（0 px ⇒ 最薄档）。 判据钉**可达性**（滑杆 0..40 每个整数 + 界外值都不许 NONE，且三档都要出现 —— 否则"恒定最薄档"会让滑杆成为死控件）。 2. **`Theme.navMaterial` 被我弄成了死令牌**，而看着它的判据**照样绿** （那条只断言"声明存在且不是 NONE" —— 守的是声明，坏的是活的调用路径）。 现在导航条真的用它；并把同文件里**只覆盖 `Theme.overlay` 一个令牌**的死令牌规则 **铺到 Theme 的全部 35 个令牌**（量**外部引用数**：只被 Theme 内部方法读、 而那个方法自己有外部调用点 ⇒ 不算死 —— `chipSpentBg` 是这种；`navMaterial` 当时 唯一的消费者是一张可整体删掉的局部表，所以必须被抓）。 ## pi 复核后**补上的**（这一笔漏掉的接线，都是我造成的） - **`test/run-all.mjs` 的 SUITE 没接两个新判据文件** ⇒ HEAD 上 `npm test` **一条判据都不跑、直接 exit 1**（套件自检 2 就是为这件事写的）。已接入， 并把两条登记进 `STATIC_ONLY`（`.ets` 要设备 ⇒ 静态欠账）。 - **`debt-visibility` 是我自伤**：那两个新文件里有 5 处"边界声明"但一次都没登记。 我当时报"2 条失败是改动前就红" —— **只对一半**：这条在父提交上是**绿的**。 我那次 `git stash push -u -- client/harmony` 的对照是**无效对照** （`-- client/harmony` 把 `client/electron/test/` 整个排除在外，新判据文件根本没被 stash）， 所以两次跑都红、看着像"既有"。已按 pi 的建议改用 `git worktree` 到父提交做对照。 现在两处都登记进 `docs/DEBTS.json`（含 `static-criteria` 5→7，Go 侧同一份登记同步改）。 ## 一并修正的旧判据（都是"太宽/太窄/钉错东西"，不是放宽标准） - 「模糊归属」：原文「壁纸层不许有**任何**模糊调用」把**图片内容模糊**与**面板材质** 混为一谈（WebUI 侧核实：`.app-backdrop` 的 filter 与它之上那层的 backdrop-filter 是两个不同的量）⇒ 改成按两种模糊分别钉。 - 「bgBlur 只写不读，消费侧必须为 0」：值不再成立，**形状保留**（逐文件登记 + 计数 + 理由）， 标题与断言里的假话一并改掉。 - isDarkMode 那条 `/dark\s*\)/` 断的是**参数顺序**（加一个入参就误红）⇒ 改成"dark 在实参里"。 - 三条钉 `backgroundBlurStyle` **整条字面表达式**的断言 ⇒ 改成钉语义 （"用系统材质 + 材质有下限"），不再匹配那一行的字符。 ## 判据 新增 `harmony-admin.test.mjs`（22 条）、`harmony-imageprep.test.mjs`（29 条）； `harmony-presets.test.mjs` 加 1 条（模糊档搬运与归一，含 `-0` 那个洞： `Math.round(-0.4)` 是 `-0` 而 `-0 < 0` 为 false ⇒ 改成判 `!(r > 0)`）。 **`node test/run-all.mjs`：22 个判据文件全部跑起来**，红的只有 1 个： `build-stamp`（`dist` 是 `a5fc86b` 上构建的，`gitRev` 对不上当前 HEAD）。 这条**不是我的代码造成的**（可证：`a5fc86b..HEAD` 之间，`srcHash` 覆盖的那批文件 ——`client/electron/src` 等——**一个都没动过**，所以 `srcHash` 没变，差的是 `gitRev`）， 但也**不是"改动前就红"**：任何推进 HEAD 的提交都会让它变红，正确修法是重构建。 ## 未验（如实标注） - **本机无设备/无模拟器 ⇒ 全部观感未验**：管理页排版与卡片观感、滑杆手感、 模糊在真机上的实际档位观感、系统材质在自绘悬浮条上的实际效果。代码齐 ≠ 真机验过。 - 预设档**没有**上模糊（壁纸在预设档下是一叠自绘矩形，系统材质对它不生效）—— 这是我**主动收的范围**，不是漏，真机看一眼再决定要不要补。 - **Go 侧的 `debt_registry_test.go` 我没能跑**（沙箱里没有 Go 模块缓存，`go test` 起不来）， 只做了 `gofmt` 校验；那处改动是一行 `Count: 5 → 7`。
This commit is contained in:
@ -190,8 +190,8 @@ test('④ 悬浮 + 让位：自绘浮动层（留白/圆角/系统材质），
|
||||
assert.match(bar, /\.margin\(\{\s*left:\s*NAV_BAR_SIDE,\s*right:\s*NAV_BAR_SIDE,\s*bottom:\s*NAV_BAR_BOTTOM\s*\}\)/,
|
||||
'四周要留白（左右 + 离底），贴边就不是悬浮');
|
||||
assert.match(bar, /\.borderRadius\(NAV_BAR_RADIUS\)/, '要圆角（胶囊）');
|
||||
assert.match(bar, /\.backgroundBlurStyle\(BLUR_STYLE_OF\[blurStyleFor\(this\.bgPlan\.blurPx\)\] \?\? BlurStyle\.NONE\)/,
|
||||
'材质用系统档次（不手写 alpha），且档位由用户的模糊偏好映射而来');
|
||||
assert.match(bar, /\.backgroundBlurStyle\(NAV_MATERIAL_OF\[navMaterialFor\(this\.bgPlan\.blurPx\)\] \?\? Theme\.navMaterial\)/,
|
||||
'材质用系统档次，不手写 alpha（且**不跟随** `bg_blur` —— 理由见本文件末那条"可达性"判据）');
|
||||
/*
|
||||
* 色值检查要读**剥掉注释**的正文 —— 条上的注释正好写着"原来那两个手写玻璃色值"，
|
||||
* 读原文会把它当成"条上还有手写色值"（我第一版就是这样误报的）。
|
||||
@ -282,8 +282,8 @@ test('★ 玻璃只在两处、且这一处是"背后有可变内容"（GLASS
|
||||
assert.equal(imgBlurs.length, 1,
|
||||
`壁纸层的**图片内容模糊**只许一次（现在 ${imgBlurs.length} 次）—— 同一张底糊两遍 = 更脏更掉帧`);
|
||||
const bar = builderBody(main, 'NavBar() {');
|
||||
assert.match(bar, /backgroundBlurStyle\(BLUR_STYLE_OF\[blurStyleFor\(this\.bgPlan\.blurPx\)\] \?\? BlurStyle\.NONE\)/,
|
||||
'悬浮条必须有系统材质（背后是滚动内容），且档位由用户偏好映射而来');
|
||||
assert.match(bar, /backgroundBlurStyle\(NAV_MATERIAL_OF\[navMaterialFor\(this\.bgPlan\.blurPx\)\] \?\? Theme\.navMaterial\)/,
|
||||
'悬浮条必须有系统材质（背后是滚动内容），且**经 navMaterialFor 保底**（blur=0 也不许变透明）');
|
||||
// 理由要写在**原文**（注释会被剥掉，而理由就在注释里）
|
||||
const mainRaw = read('pages/MainPage.ets');
|
||||
const navDoc = mainRaw.slice(mainRaw.indexOf('底部导航：**自绘的悬浮玻璃条**'), mainRaw.indexOf('@Builder\n NavBar() {'));
|
||||
@ -344,3 +344,60 @@ test('★ ⑤ 变异自检：图标不上色（改造前的写法）必须被判
|
||||
const icon = itemCode.slice(itemCode.indexOf('Text(item.icon)'), itemCode.indexOf('Text(', itemCode.indexOf('Text(item.icon)') + 1));
|
||||
assert.ok(!/fontColor/.test(icon), `旧写法里图标没有 fontColor ⇒ ⑤ 的图标那一半会命中它（切片=${JSON.stringify(icon)}）`);
|
||||
});
|
||||
|
||||
/**
|
||||
* ★ 导航条材质**在每一个可达 `bg_blur` 下都存在**（可达性判据，不是源码形状判据）。
|
||||
*
|
||||
* 这条的来历：我一度把导航条的档位**直接**接到用户的 `bg_blur` 上
|
||||
* （`blurStyleFor(this.bgPlan.blurPx)`），而 `blurStyleFor(0)` 是 `'NONE'` ——
|
||||
* 用户把模糊滑杆拖到 0（**要壁纸清晰**）时，**导航条一点材质都没有**。pi 复核抓出来的。
|
||||
*
|
||||
* 为什么原来那几条看不见它：它们钉的是"`Theme.navMaterial` **声明**了、且不是 NONE"
|
||||
* 与"某一行出现了某个表达式" —— 声明是好的，坏的是**那条活的调用路径**。
|
||||
* 判据名替实现作证。
|
||||
*
|
||||
* ── 这条判据自己先错过一次，记在这里 ──
|
||||
* 第一版写成"`blurStyleFor` 在 0..40 上**不许**返回 NONE"。**那是错的**：
|
||||
* `blurStyleFor` 是**通用映射**，"0 px ⇒ 不模糊"是它的**正确语义**，
|
||||
* 该函数必须保留 `'NONE'` 这一档。写"不许 NONE"等于要求"用户把壁纸调清晰时
|
||||
* 还得给壁纸留一点糊"—— 正是用户不要的。所以那条判据**恒红**，是我的判据错，不是代码错。
|
||||
*
|
||||
* 正确的形状是**分层**：
|
||||
* · `blurStyleFor`：通用映射，**允许** NONE（它的边界判据在 `harmony-appearance`）；
|
||||
* · `navMaterialFor`：**导航条专用**入口，**有下限**（材质不低于最薄档）——
|
||||
* 因为"导航条是玻璃"是设计不变量，而壁纸可以不模糊。
|
||||
* 这条判据钉的是后者：**在可达输入上不许 NONE**；前者不许被导航条直接用。
|
||||
*/
|
||||
test('★ 导航条材质在**每一个可达的 bg_blur** 下都不为 NONE（可达性判据）', async () => {
|
||||
const { pathToFileURL } = await import('node:url');
|
||||
const A = await import(pathToFileURL(join(HARMONY_ETS, 'model', 'Appearance.ts')).href);
|
||||
assert.equal(typeof A.navMaterialFor, 'function',
|
||||
'要有**导航条专用**入口 `navMaterialFor`（与通用的 blurStyleFor 分开：一个有下限、一个允许 NONE）');
|
||||
|
||||
// 可达输入：滑杆 step=1 + 服务端 clamp 到 0~40 ⇒ 0..40 的每个整数
|
||||
const reachable = [];
|
||||
for (let px = 0; px <= 40; px++) reachable.push(px);
|
||||
// 界外也要挡住（服务端/别的客户端可能送来越界值）
|
||||
reachable.push(-1, -100, 41, 999, NaN);
|
||||
|
||||
const bad = reachable.filter((px) => A.navMaterialFor(px) === 'NONE');
|
||||
assert.deepEqual(bad, [],
|
||||
`★ 这些 bg_blur 取值会让导航条材质变成 NONE（= 没有材质，"玻璃"名存实亡）：${bad.join('、')}`);
|
||||
|
||||
/*
|
||||
* 而且它必须**真的跟着走**：不许"恒定返回最薄档"糊弄过去 ——
|
||||
* 那样判据全绿，而用户把滑杆从 0 拉到 40 时导航条**毫无变化**（滑杆又成了死控件）。
|
||||
* 所以钉住两端的**档位**，并要求整段上**至少出现 3 个不同档位**（薄/中/厚都用上）。
|
||||
*/
|
||||
assert.equal(A.navMaterialFor(0), 'COMPONENT_THIN', '0 px 时导航条取**最薄档**（不是 NONE）');
|
||||
assert.equal(A.navMaterialFor(40), 'COMPONENT_THICK', '拉满时取最厚档');
|
||||
const tiers = new Set(reachable.map((px) => A.navMaterialFor(px)));
|
||||
assert.equal(tiers.size, 3,
|
||||
`可达输入上应当出现 3 档（薄/中/厚），实际 ${tiers.size} 档：${[...tiers].join('、')} —— ` +
|
||||
'少于 3 档说明滑杆在某一段上是死控件（拉了没反应）');
|
||||
|
||||
// 导航条那一处必须真的用它（否则上面那条判的是一个没人调的函数）
|
||||
const bar = builderBody(main, 'NavBar() {');
|
||||
assert.match(bar, /\.backgroundBlurStyle\(NAV_MATERIAL_OF\[navMaterialFor\(this\.bgPlan\.blurPx\)\] \?\? Theme\.navMaterial\)/,
|
||||
'导航条的材质要经 `navMaterialFor`（有下限）—— 直接用通用的 `blurStyleFor` 会让 0 px 把玻璃弄没');
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user