baseline: 薪酬逻辑收口到 shared/payroll.js 后的当前全量状态

这是第一个包含完整工作区的提交，也是后续「拆 SFC / 上 Vite」的回滚基线。

此前的提交均为 index.html 单文件历史快照，由 .bak 文件重建。

当前状态（提交前已实测）：
- index.html 内联薪酬算法已删除，改调 WHTPayroll
- shared/payroll.js 为唯一薪酬实现，浏览器与 Node 共用
- 对外接口未变：aggregateMonth / isCutEdge / payDayKind 等保留同名薄包装

未入库内容见 .gitignore：依赖、Chrome 验证 profile、验证截图、
运行时 sqlite 数据与日志、时间戳备份、.trash。

png/verify_fouc_fixed.js

@@ -0,0 +1,76 @@
+// 修复后复测：冷启动逐帧 + 完全断外网 + 3G 限速，确认任何时刻都不闪裸模板
+const { spawn } = require('child_process');
+const fs = require('fs');
+const OUT = __dirname;
+const URL_ = 'http://127.0.0.1:9522/index.html';
+const chrome = spawn('/usr/bin/chromium', ['--headless=new','--no-sandbox','--disable-gpu','--disable-dev-shm-usage','--remote-debugging-port=9263',`--user-data-dir=${OUT}/.chrome-fixed`,'--window-size=360,900','about:blank'], { stdio:['ignore','ignore','pipe'] });
+const sleep = ms => new Promise(r => setTimeout(r, ms));
+async function getWs(){for(let i=0;i<40;i++){try{const t=await(await fetch('http://127.0.0.1:9263/json/list')).json();if(t.length)return t[0].webSocketDebuggerUrl;}catch(e){}await sleep(250);}throw new Error('cdp');}
+(async () => {
+  const ws = new WebSocket(await getWs()); let id=0; const p=new Map(); let or; const o=new Promise(r=>or=r); ws.onopen=or;
+  ws.onmessage = e => { const m=JSON.parse(e.data); if(m.id&&p.has(m.id)){p.get(m.id)(m);p.delete(m.id);} };
+  await o;
+  const send=(me,pa={})=>new Promise(r=>{const i=++id;p.set(i,r);ws.send(JSON.stringify({id:i,method:me,params:pa}));});
+  const ev=async x=>{const r=await send('Runtime.evaluate',{expression:x,awaitPromise:true,returnByValue:true});return r.result&&r.result.result&&r.result.result.value;};
+  await send('Runtime.enable'); await send('Page.enable'); await send('Network.enable'); await send('Log.enable');
+  await send('Emulation.setDeviceMetricsOverride',{width:360,height:900,deviceScaleFactor:2,mobile:true});
+  await send('Network.setCacheDisabled',{cacheDisabled:true});
+
+  const reqs=[]; const errs=[];
+  ws.addEventListener('message', e => { const m=JSON.parse(e.data);
+    if(m.method==='Network.responseReceived') reqs.push(`${m.params.response.status} ${m.params.response.url}`);
+    if(m.method==='Log.entryAdded'&&m.params.entry.level==='error') errs.push(m.params.entry.text); });
+
+  // 可见的裸模板：只算真正显示在屏上的（v-cloak 隐藏的不算）
+  const VISIBLE_MUSTACHE = `(function(){
+    const app=document.getElementById('app');
+    if(!app) return 'NO_APP';
+    const cs=getComputedStyle(app);
+    if(cs.visibility==='hidden'||cs.display==='none') return 'HIDDEN';
+    return /\\{\\{[^}]*\\}\\}/.test(app.innerHTML) ? 'LEAK' : 'CLEAN';
+  })()`;
+
+  const probe = async tag => {
+    const st = await ev(VISIBLE_MUSTACHE);
+    const txt = await ev(`document.body.innerText.replace(/\\s+/g,' ').slice(0,80)`);
+    const styled = await ev(`(function(){const a=document.getElementById('app');return a?getComputedStyle(a).maxWidth:'-'})()`);
+    const flag = st==='LEAK' ? '❌ 屏上出现裸模板' : st==='HIDDEN' ? '✅ 已遮住(v-cloak)' : '✅ 已渲染';
+    console.log(`  ${tag.padStart(6)}  ${flag}  app.maxWidth=${styled}  "${txt}"`);
+    return st;
+  };
+
+  console.log('=== 场景1：冷启动逐帧（本地资源，无缓存）===');
+  let leak=false; const t0=Date.now();
+  send('Page.navigate',{url:URL_});
+  for (const at of [50,100,200,300,500,800,1500]) {
+    while(Date.now()-t0<at) await sleep(10);
+    if (await probe(at+'ms')==='LEAK') leak=true;
+  }
+  let s=await send('Page.captureScreenshot',{format:'png'});
+  fs.writeFileSync(OUT+'/fixed_cold.png', Buffer.from(s.result.data,'base64'));
+
+  console.log('\n=== 场景2：完全断外网（原先这里只剩裸模板）===');
+  await send('Network.setBlockedURLs',{urls:['*cdn.tailwindcss.com*','*unpkg.com*','*://*.googleapis.com/*']});
+  await send('Page.navigate',{url:URL_}); await sleep(2000);
+  if (await probe('2000ms')==='LEAK') leak=true;
+  s=await send('Page.captureScreenshot',{format:'png'});
+  fs.writeFileSync(OUT+'/fixed_offline.png', Buffer.from(s.result.data,'base64'));
+
+  console.log('\n=== 场景3：3G 限速逐帧 ===');
+  await send('Network.setBlockedURLs',{urls:[]});
+  await send('Network.emulateNetworkConditions',{offline:false,latency:400,downloadThroughput:400*1024/8,uploadThroughput:400*1024/8});
+  const t1=Date.now(); send('Page.navigate',{url:URL_});
+  for (const at of [300,800,1500,3000,5000,8000]) {
+    while(Date.now()-t1<at) await sleep(20);
+    if (await probe(at+'ms')==='LEAK') leak=true;
+  }
+  s=await send('Page.captureScreenshot',{format:'png'});
+  fs.writeFileSync(OUT+'/fixed_slow.png', Buffer.from(s.result.data,'base64'));
+
+  console.log('\n=== 全部网络请求 ===');
+  [...new Set(reqs)].forEach(r=>console.log('  '+r));
+  console.log('\n=== 控制台错误 ===');
+  console.log(errs.length? errs.slice(0,5).map(x=>'  '+x).join('\n') : '  无');
+  console.log('\n结论：' + (leak ? '❌ 仍有裸模板闪现' : '✅ 三个场景下均未出现裸模板'));
+  ws.close(); chrome.kill(); process.exit(leak?1:0);
+})().catch(e=>{console.error('FAILED:',e.message);try{chrome.kill();}catch(_){}process.exit(1);});