@finebi/finebi-cli 1.6.3 → 2.0.1

package/templates/web-app/tests/browser/main.tsx

@@ -1,149 +1,149 @@
-import {createElement} from 'react';
-import {createRoot} from 'react-dom/client';
-import {flushSync} from 'react-dom';
-import App from '../../src/App';
-import '../../src/styles.css';
-import {fixtureConfig, nativeFixture} from './fixtures.mjs';
-import './test-page.css';
-
-const root = createRoot(document.getElementById('root')!);
-const result = document.getElementById('test-result')!;
-const checks = document.getElementById('test-checks')!;
-const runButton = document.getElementById('test-run') as HTMLButtonElement;
-const layoutSelect = document.getElementById('test-layout') as HTMLSelectElement;
-let config = fixtureConfig(layoutSelect.value), scenario = 'normal', generation = 0, failOnce = false;
-let requests: any[] = [];
-const runtimeErrors: string[] = [];
-for (const level of ['error', 'warn'] as const) {
-  const original = console[level].bind(console);
-  console[level] = (...args) => {runtimeErrors.push(args.map(String).join(' ')); original(...args);};
-}
-window.addEventListener('error', event => runtimeErrors.push(event.message));
-window.addEventListener('unhandledrejection', event => runtimeErrors.push(String(event.reason)));
-
-// This page is a test-only network boundary. Unexpected app requests fail closed.
-window.fetch = async (input, init = {}) => {
-  const url = new URL(input instanceof Request ? input.url : String(input), location.href);
-  if (url.origin !== location.origin) throw new Error('浏览器夹具禁止外部请求');
-  if (url.pathname.endsWith('/app-config.json')) return Response.json(config);
-  if (url.pathname !== '/fixture-decision/v5/api/dashboard/report/fixture-dashboard/widgets/query') throw new Error(`未配置的夹具请求：${url.pathname}`);
-  const body = JSON.parse(String(init.body));
-  requests.push(body);
-  await new Promise(resolve => setTimeout(resolve, 25));
-  if (init.signal?.aborted) throw new DOMException('Aborted', 'AbortError');
-  const id = body.widgetIds[0];
-  if (failOnce && id === 'chart1') {failOnce = false; return Response.json({}, {status: 403});}
-  return Response.json({success: true, data: {[id]: nativeFixture(id, body.refer, scenario)}});
-};
-
-function assert(condition: unknown, message: string): asserts condition {if (!condition) throw new Error(message);}
-async function wait(check: () => boolean, label: string) {
-  const deadline = performance.now() + 15000;
-  while (!check()) {
-    assert(performance.now() < deadline, `超时：${label}`);
-    await new Promise(resolve => setTimeout(resolve, 40));
-  }
-}
-function pass(message: string) {const li = document.createElement('li'); li.textContent = `PASS · ${message}`; checks.append(li);}
-const panels = () => Array.from(document.querySelectorAll<HTMLElement>('#root .panel'));
-async function settled() {
-  await wait(() => panels().length === config.widgets.length && panels().every(panel => /更新于|查询失败/.test(panel.querySelector('.component-status')?.textContent ?? '')), '组件查询结束');
-}
-async function mount(state = 'normal', chartCount = 8) {
-  scenario = state; config = fixtureConfig(layoutSelect.value, chartCount); requests = []; failOnce = state === 'failure';
-  flushSync(() => root.render(createElement(App, {key: ++generation})));
-  await settled();
-}
-function assertRequests(filtered: boolean) {
-  assert(requests.length === config.widgets.length, '每个展示组件应恰好请求一次');
-  for (const request of requests) {
-    assert(request.reportEntryId === 'fixture-directory', '目录入口丢失');
-    const expected = filtered && request.widgetIds[0] !== 'kpi3' ? {区域: ['华东']} : {};
-    assert(JSON.stringify(request.refer) === JSON.stringify(expected), '筛选编码或组件作用范围错误');
-  }
-}
-async function painted(count: number) {
-  await wait(() => {
-    const canvases = Array.from(document.querySelectorAll<HTMLCanvasElement>('#root .chart canvas'));
-    return canvases.length === count && canvases.every(canvas => {
-      const pixels = canvas.getContext('2d')!.getImageData(0, 0, canvas.width, canvas.height).data;
-      let colored = 0;
-      for (let i = 3; i < pixels.length; i += 4) if (pixels[i] && ++colored > 100) return true;
-      return false;
-    });
-  }, '柱/线/饼图实际绘制');
-  assert(runtimeErrors.length === 0, runtimeErrors.join('\n'));
-}
-function geometry(even: boolean) {
-  assert(document.documentElement.scrollWidth <= innerWidth + 1, '页面存在横向溢出');
-  const cards = panels().map(panel => panel.getBoundingClientRect());
-  for (let i = 0; i < cards.length; i++) {
-    const a = cards[i];
-    assert(a.width > 0 && a.left >= -1 && a.right <= innerWidth + 1, '卡片超出视口');
-    for (const b of cards.slice(i + 1)) assert(Math.min(a.right,b.right) - Math.max(a.left,b.left) <= 1 || Math.min(a.bottom,b.bottom) - Math.max(a.top,b.top) <= 1, '卡片重叠');
-  }
-  const grid = document.querySelector<HTMLElement>('#root .grid')!;
-  const columns = getComputedStyle(grid).gridTemplateColumns.split(' ').length;
-  const regular = Array.from(grid.querySelectorAll<HTMLElement>(':scope > .panel:not(.wide)')).map(el => el.getBoundingClientRect());
-  if (even && columns === 2 && regular.length % 2 === 0) for (let i = 0; i < regular.length; i += 2) assert(Math.abs(regular[i].top - regular[i + 1].top) < 2, '偶数组件双列排列出现孤立卡片');
-}
-function button(text: string) {
-  const found = Array.from(document.querySelectorAll<HTMLButtonElement>('#root button')).find(el => el.textContent?.trim() === text);
-  assert(found, `找不到按钮：${text}`); return found;
-}
-
-async function retailNavigation() {
-  if (layoutSelect.value !== 'retail') return;
-  const nav = document.querySelector<HTMLElement>('#root .retail-nav')!;
-  for (const id of ['components', 'data-notes', 'dashboard']) {
-    nav.querySelector<HTMLAnchorElement>(`a[href="#${id}"]`)!.click();
-    await new Promise<void>(resolve => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
-    const bar = nav.getBoundingClientRect(), target = document.getElementById(id)!.getBoundingClientRect();
-    assert(bar.top >= -1 && bar.bottom < innerHeight, '跳转后导航离开视口');
-    assert(target.top >= bar.bottom - 1 && target.top < innerHeight, '锚点标题被导航遮住或离开视口');
-  }
-  assert(document.querySelector('#components h2')?.textContent === '销售表现', '销售分析未定位到区域标题');
-  window.scrollTo(0, 0);
-  pass('页内导航持续可见，三个锚点标题可见且不被遮挡');
-}
-
-async function run() {
-  runButton.disabled = true; layoutSelect.disabled = true; checks.replaceChildren(); result.textContent = '运行中';
-  const started = performance.now();
-  try {
-    assert(runtimeErrors.length === 0, '已有运行错误，请修复并刷新测试页：' + runtimeErrors.join('\n'));
-    await mount(); await painted(8); assertRequests(false); geometry(true);
-    assert(document.querySelector('#root .widget-table')?.textContent?.includes('受限'), '受限值未标记');
-    pass('八张图实际绘制，长标题/边界/偶数排列、目录入口和受限值');
-    const input = document.querySelector<HTMLInputElement>('#root input[aria-label="区域"]');
-    assert(input, '文本筛选尚未加载');
-    Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')!.set!.call(input, '华东');
-    input.dispatchEvent(new Event('input', {bubbles: true}));
-    await wait(() => document.querySelector('.filter-status')?.textContent === '待应用', '筛选草稿');
-    assert(requests.length === config.widgets.length, '编辑草稿触发了查询');
-    requests = []; button('应用筛选').click();
-    await wait(() => requests.length === config.widgets.length, '应用发起查询'); await settled();
-    assertRequests(true);
-    assert(document.querySelector('#root .kpi')?.textContent === '120', '应用条件后指标未变化');
-    pass('草稿不查询，应用后按真实编码及组件范围请求，显示值变化');
-    requests = []; button('恢复全部默认').click();
-    await wait(() => requests.length === config.widgets.length, '恢复默认查询'); await settled();
-    assertRequests(false); assert(document.querySelector('#root .kpi')?.textContent === '260', '恢复默认后指标未恢复');
-    pass('恢复默认省略覆盖，显示值恢复');
-    await mount('normal', 7); await painted(7); geometry(false); pass('七张图、奇数组件无溢出与重叠');
-    await mount('empty'); assert(document.querySelectorAll('#root .empty').length === config.widgets.length, '空结果未独立显示');
-    assert(!document.querySelector('#root canvas'), '空结果保留了旧图'); pass('空结果不保留旧图');
-    await mount('partial'); await painted(8);
-    assert(document.querySelector('#root .notice')?.textContent?.includes('首屏'), '截断警告缺失');
-    assert(document.querySelector('#root .notice')?.textContent?.includes('PARTIAL'), '部分适配标记缺失');
-    pass('部分适配与首屏范围警告保持可见');
-    await mount('failure'); assert(document.querySelectorAll('#root .component-error').length === 1, '单组件失败未隔离');
-    assert(document.querySelector('#root .component-error')?.textContent?.includes('PERMISSION_DENIED'), '权限失败语义错误');
-    requests = []; button('重试组件').click(); await wait(() => requests.length === 1, '组件重试'); await settled(); await painted(8);
-    assert(requests.length === 1 && requests[0].widgetIds[0] === 'chart1', '重试影响了其他组件'); pass('权限失败独立显示，单项重试只请求失败组件');
-    await mount(); await painted(8); geometry(true); await retailNavigation();
-    result.textContent = `PASS · ${layoutSelect.value} · ${innerWidth}×${innerHeight} · ${checks.children.length} 项 · ${((performance.now()-started)/1000).toFixed(1)}s`;
-  } catch (error) {result.textContent = `FAIL · ${layoutSelect.value} · ${innerWidth}×${innerHeight} · ${String(error)}`;}
-  finally {runButton.disabled = false; layoutSelect.disabled = false;}
-}
-runButton.addEventListener('click', run);
+import {createElement} from 'react';
+import {createRoot} from 'react-dom/client';
+import {flushSync} from 'react-dom';
+import App from '../../src/App';
+import '../../src/styles.css';
+import {fixtureConfig, nativeFixture} from './fixtures.mjs';
+import './test-page.css';
+
+const root = createRoot(document.getElementById('root')!);
+const result = document.getElementById('test-result')!;
+const checks = document.getElementById('test-checks')!;
+const runButton = document.getElementById('test-run') as HTMLButtonElement;
+const layoutSelect = document.getElementById('test-layout') as HTMLSelectElement;
+let config = fixtureConfig(layoutSelect.value), scenario = 'normal', generation = 0, failOnce = false;
+let requests: any[] = [];
+const runtimeErrors: string[] = [];
+for (const level of ['error', 'warn'] as const) {
+  const original = console[level].bind(console);
+  console[level] = (...args) => {runtimeErrors.push(args.map(String).join(' ')); original(...args);};
+}
+window.addEventListener('error', event => runtimeErrors.push(event.message));
+window.addEventListener('unhandledrejection', event => runtimeErrors.push(String(event.reason)));
+
+// This page is a test-only network boundary. Unexpected app requests fail closed.
+window.fetch = async (input, init = {}) => {
+  const url = new URL(input instanceof Request ? input.url : String(input), location.href);
+  if (url.origin !== location.origin) throw new Error('浏览器夹具禁止外部请求');
+  if (url.pathname.endsWith('/app-config.json')) return Response.json(config);
+  if (url.pathname !== '/fixture-decision/v5/api/dashboard/report/fixture-dashboard/widgets/query') throw new Error(`未配置的夹具请求：${url.pathname}`);
+  const body = JSON.parse(String(init.body));
+  requests.push(body);
+  await new Promise(resolve => setTimeout(resolve, 25));
+  if (init.signal?.aborted) throw new DOMException('Aborted', 'AbortError');
+  const id = body.widgetIds[0];
+  if (failOnce && id === 'chart1') {failOnce = false; return Response.json({}, {status: 403});}
+  return Response.json({success: true, data: {[id]: nativeFixture(id, body.refer, scenario)}});
+};
+
+function assert(condition: unknown, message: string): asserts condition {if (!condition) throw new Error(message);}
+async function wait(check: () => boolean, label: string) {
+  const deadline = performance.now() + 15000;
+  while (!check()) {
+    assert(performance.now() < deadline, `超时：${label}`);
+    await new Promise(resolve => setTimeout(resolve, 40));
+  }
+}
+function pass(message: string) {const li = document.createElement('li'); li.textContent = `PASS · ${message}`; checks.append(li);}
+const panels = () => Array.from(document.querySelectorAll<HTMLElement>('#root .panel'));
+async function settled() {
+  await wait(() => panels().length === config.widgets.length && panels().every(panel => /更新于|查询失败/.test(panel.querySelector('.component-status')?.textContent ?? '')), '组件查询结束');
+}
+async function mount(state = 'normal', chartCount = 8) {
+  scenario = state; config = fixtureConfig(layoutSelect.value, chartCount); requests = []; failOnce = state === 'failure';
+  flushSync(() => root.render(createElement(App, {key: ++generation})));
+  await settled();
+}
+function assertRequests(filtered: boolean) {
+  assert(requests.length === config.widgets.length, '每个展示组件应恰好请求一次');
+  for (const request of requests) {
+    assert(request.reportEntryId === 'fixture-directory', '目录入口丢失');
+    const expected = filtered && request.widgetIds[0] !== 'kpi3' ? {区域: ['华东']} : {};
+    assert(JSON.stringify(request.refer) === JSON.stringify(expected), '筛选编码或组件作用范围错误');
+  }
+}
+async function painted(count: number) {
+  await wait(() => {
+    const canvases = Array.from(document.querySelectorAll<HTMLCanvasElement>('#root .chart canvas'));
+    return canvases.length === count && canvases.every(canvas => {
+      const pixels = canvas.getContext('2d')!.getImageData(0, 0, canvas.width, canvas.height).data;
+      let colored = 0;
+      for (let i = 3; i < pixels.length; i += 4) if (pixels[i] && ++colored > 100) return true;
+      return false;
+    });
+  }, '柱/线/饼图实际绘制');
+  assert(runtimeErrors.length === 0, runtimeErrors.join('\n'));
+}
+function geometry(even: boolean) {
+  assert(document.documentElement.scrollWidth <= innerWidth + 1, '页面存在横向溢出');
+  const cards = panels().map(panel => panel.getBoundingClientRect());
+  for (let i = 0; i < cards.length; i++) {
+    const a = cards[i];
+    assert(a.width > 0 && a.left >= -1 && a.right <= innerWidth + 1, '卡片超出视口');
+    for (const b of cards.slice(i + 1)) assert(Math.min(a.right,b.right) - Math.max(a.left,b.left) <= 1 || Math.min(a.bottom,b.bottom) - Math.max(a.top,b.top) <= 1, '卡片重叠');
+  }
+  const grid = document.querySelector<HTMLElement>('#root .grid')!;
+  const columns = getComputedStyle(grid).gridTemplateColumns.split(' ').length;
+  const regular = Array.from(grid.querySelectorAll<HTMLElement>(':scope > .panel:not(.wide)')).map(el => el.getBoundingClientRect());
+  if (even && columns === 2 && regular.length % 2 === 0) for (let i = 0; i < regular.length; i += 2) assert(Math.abs(regular[i].top - regular[i + 1].top) < 2, '偶数组件双列排列出现孤立卡片');
+}
+function button(text: string) {
+  const found = Array.from(document.querySelectorAll<HTMLButtonElement>('#root button')).find(el => el.textContent?.trim() === text);
+  assert(found, `找不到按钮：${text}`); return found;
+}
+
+async function retailNavigation() {
+  if (layoutSelect.value !== 'retail') return;
+  const nav = document.querySelector<HTMLElement>('#root .retail-nav')!;
+  for (const id of ['components', 'data-notes', 'dashboard']) {
+    nav.querySelector<HTMLAnchorElement>(`a[href="#${id}"]`)!.click();
+    await new Promise<void>(resolve => requestAnimationFrame(() => requestAnimationFrame(() => resolve())));
+    const bar = nav.getBoundingClientRect(), target = document.getElementById(id)!.getBoundingClientRect();
+    assert(bar.top >= -1 && bar.bottom < innerHeight, '跳转后导航离开视口');
+    assert(target.top >= bar.bottom - 1 && target.top < innerHeight, '锚点标题被导航遮住或离开视口');
+  }
+  assert(document.querySelector('#components h2')?.textContent === '销售表现', '销售分析未定位到区域标题');
+  window.scrollTo(0, 0);
+  pass('页内导航持续可见，三个锚点标题可见且不被遮挡');
+}
+
+async function run() {
+  runButton.disabled = true; layoutSelect.disabled = true; checks.replaceChildren(); result.textContent = '运行中';
+  const started = performance.now();
+  try {
+    assert(runtimeErrors.length === 0, '已有运行错误，请修复并刷新测试页：' + runtimeErrors.join('\n'));
+    await mount(); await painted(8); assertRequests(false); geometry(true);
+    assert(document.querySelector('#root .widget-table')?.textContent?.includes('受限'), '受限值未标记');
+    pass('八张图实际绘制，长标题/边界/偶数排列、目录入口和受限值');
+    const input = document.querySelector<HTMLInputElement>('#root input[aria-label="区域"]');
+    assert(input, '文本筛选尚未加载');
+    Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')!.set!.call(input, '华东');
+    input.dispatchEvent(new Event('input', {bubbles: true}));
+    await wait(() => document.querySelector('.filter-status')?.textContent === '待应用', '筛选草稿');
+    assert(requests.length === config.widgets.length, '编辑草稿触发了查询');
+    requests = []; button('应用筛选').click();
+    await wait(() => requests.length === config.widgets.length, '应用发起查询'); await settled();
+    assertRequests(true);
+    assert(document.querySelector('#root .kpi')?.textContent === '120', '应用条件后指标未变化');
+    pass('草稿不查询，应用后按真实编码及组件范围请求，显示值变化');
+    requests = []; button('恢复全部默认').click();
+    await wait(() => requests.length === config.widgets.length, '恢复默认查询'); await settled();
+    assertRequests(false); assert(document.querySelector('#root .kpi')?.textContent === '260', '恢复默认后指标未恢复');
+    pass('恢复默认省略覆盖，显示值恢复');
+    await mount('normal', 7); await painted(7); geometry(false); pass('七张图、奇数组件无溢出与重叠');
+    await mount('empty'); assert(document.querySelectorAll('#root .empty').length === config.widgets.length, '空结果未独立显示');
+    assert(!document.querySelector('#root canvas'), '空结果保留了旧图'); pass('空结果不保留旧图');
+    await mount('partial'); await painted(8);
+    assert(document.querySelector('#root .notice')?.textContent?.includes('首屏'), '截断警告缺失');
+    assert(document.querySelector('#root .notice')?.textContent?.includes('PARTIAL'), '部分适配标记缺失');
+    pass('部分适配与首屏范围警告保持可见');
+    await mount('failure'); assert(document.querySelectorAll('#root .component-error').length === 1, '单组件失败未隔离');
+    assert(document.querySelector('#root .component-error')?.textContent?.includes('PERMISSION_DENIED'), '权限失败语义错误');
+    requests = []; button('重试组件').click(); await wait(() => requests.length === 1, '组件重试'); await settled(); await painted(8);
+    assert(requests.length === 1 && requests[0].widgetIds[0] === 'chart1', '重试影响了其他组件'); pass('权限失败独立显示，单项重试只请求失败组件');
+    await mount(); await painted(8); geometry(true); await retailNavigation();
+    result.textContent = `PASS · ${layoutSelect.value} · ${innerWidth}×${innerHeight} · ${checks.children.length} 项 · ${((performance.now()-started)/1000).toFixed(1)}s`;
+  } catch (error) {result.textContent = `FAIL · ${layoutSelect.value} · ${innerWidth}×${innerHeight} · ${String(error)}`;}
+  finally {runButton.disabled = false; layoutSelect.disabled = false;}
+}
+runButton.addEventListener('click', run);

package/templates/web-app/tests/browser/test-page.css

@@ -1,4 +1,4 @@
-#browser-checks{padding:20px 24px;border-bottom:2px solid #adb8c5;background:#fff;color:#243042;overflow-wrap:anywhere}
-#browser-checks h1{font-size:19px;margin:0 0 8px}#browser-checks p,#browser-checks li{font-size:12px;line-height:1.7}
-#browser-checks label{display:inline-flex;align-items:center;gap:8px;margin:8px 12px 8px 0}#test-result{display:block;margin:12px 0;font-size:14px}
-#test-checks{padding-left:22px;margin:0}#test-run{background:#243042;color:white}
+#browser-checks{padding:20px 24px;border-bottom:2px solid #adb8c5;background:#fff;color:#243042;overflow-wrap:anywhere}
+#browser-checks h1{font-size:19px;margin:0 0 8px}#browser-checks p,#browser-checks li{font-size:12px;line-height:1.7}
+#browser-checks label{display:inline-flex;align-items:center;gap:8px;margin:8px 12px 8px 0}#test-result{display:block;margin:12px 0;font-size:14px}
+#test-checks{padding-left:22px;margin:0}#test-run{background:#243042;color:white}

package/templates/web-app/tests/browser/vite.config.mjs

@@ -1,13 +1,13 @@
-import {fileURLToPath} from 'node:url';
-import {defineConfig, normalizePath} from 'vite';
-
-const project = fileURLToPath(new URL('../../', import.meta.url));
-export default defineConfig({
-  root: fileURLToPath(new URL('./', import.meta.url)),
-  publicDir: false,
-  envDir: false,
-  cacheDir: fileURLToPath(new URL('../../temp/vite-browser', import.meta.url)),
-  resolve: {alias: [{find: /^date-fns\/locale$/, replacement: fileURLToPath(new URL('../../src/components/calendar-locales.ts', import.meta.url))}]},
-  server: {host: '127.0.0.1', port: 4188, strictPort: true, hmr: false,
-    fs: {allow: [project], deny: ['.env', '.env.*', '*.{crt,pem}', '**/.git/**', normalizePath(project) + 'temp/**']}},
-});
+import {fileURLToPath} from 'node:url';
+import {defineConfig, normalizePath} from 'vite';
+
+const project = fileURLToPath(new URL('../../', import.meta.url));
+export default defineConfig({
+  root: fileURLToPath(new URL('./', import.meta.url)),
+  publicDir: false,
+  envDir: false,
+  cacheDir: fileURLToPath(new URL('../../temp/vite-browser', import.meta.url)),
+  resolve: {alias: [{find: /^date-fns\/locale$/, replacement: fileURLToPath(new URL('../../src/components/calendar-locales.ts', import.meta.url))}]},
+  server: {host: '127.0.0.1', port: 4188, strictPort: true, hmr: false,
+    fs: {allow: [project], deny: ['.env', '.env.*', '*.{crt,pem}', '**/.git/**', normalizePath(project) + 'temp/**']}},
+});

package/templates/web-app/tests/bundle.test.mjs

@@ -1,19 +1,19 @@
-import assert from 'node:assert/strict';
-import {test} from 'node:test';
-import {build} from 'vite';
-
-test('production entry defers charts and optional controls and only bundles supported date locales',async()=>{
-  const result=await build({logLevel:'silent',build:{write:false}});
-  const chunks=result.output.filter(item=>item.type==='chunk');
-  const initial=new Set();
-  const visit=chunk=>{if(initial.has(chunk))return;initial.add(chunk);for(const name of chunk.imports){const imported=chunks.find(c=>c.fileName===name);if(imported)visit(imported);}};
-  chunks.filter(c=>c.isEntry).forEach(visit);
-  const initialModules=[...initial].flatMap(c=>Object.keys(c.modules));
-  assert.ok(!initialModules.some(id=>/node_modules\/(echarts|zrender)\//.test(id)),'ECharts must not be an entry dependency');
-  assert.ok(!initialModules.some(id=>/node_modules\/(antd|@rc-component\/picker)\//.test(id)),'optional filter UI must not be an entry dependency');
-  const modules=chunks.flatMap(c=>Object.keys(c.modules));
-  assert.ok(!modules.some(id=>id.includes('/tests/browser/')),'browser fixtures and their fetch replacement must not enter production');
-  const locales=new Set(modules.flatMap(id=>{const match=id.match(/date-fns\/locale\/([^/]+)/);return match?[match[1]]:[];}));
-  assert.deepEqual([...locales].filter(name=>!['en-US','zh-CN','_lib','en-US.js','zh-CN.js'].includes(name)),[],'do not bundle unused calendar languages');
-  for(const type of ['Bar','Line','Pie'])assert.ok(chunks.some(c=>c.isDynamicEntry&&Object.keys(c.modules).some(id=>id.endsWith(`/charts/${type}.tsx`))),`${type} has an independent lazy entry`);
-});
+import assert from 'node:assert/strict';
+import {test} from 'node:test';
+import {build} from 'vite';
+
+test('production entry defers charts and optional controls and only bundles supported date locales',async()=>{
+  const result=await build({logLevel:'silent',build:{write:false}});
+  const chunks=result.output.filter(item=>item.type==='chunk');
+  const initial=new Set();
+  const visit=chunk=>{if(initial.has(chunk))return;initial.add(chunk);for(const name of chunk.imports){const imported=chunks.find(c=>c.fileName===name);if(imported)visit(imported);}};
+  chunks.filter(c=>c.isEntry).forEach(visit);
+  const initialModules=[...initial].flatMap(c=>Object.keys(c.modules));
+  assert.ok(!initialModules.some(id=>/node_modules\/(echarts|zrender)\//.test(id)),'ECharts must not be an entry dependency');
+  assert.ok(!initialModules.some(id=>/node_modules\/(antd|@rc-component\/picker)\//.test(id)),'optional filter UI must not be an entry dependency');
+  const modules=chunks.flatMap(c=>Object.keys(c.modules));
+  assert.ok(!modules.some(id=>id.includes('/tests/browser/')),'browser fixtures and their fetch replacement must not enter production');
+  const locales=new Set(modules.flatMap(id=>{const match=id.match(/date-fns\/locale\/([^/]+)/);return match?[match[1]]:[];}));
+  assert.deepEqual([...locales].filter(name=>!['en-US','zh-CN','_lib','en-US.js','zh-CN.js'].includes(name)),[],'do not bundle unused calendar languages');
+  for(const type of ['Bar','Line','Pie'])assert.ok(chunks.some(c=>c.isDynamicEntry&&Object.keys(c.modules).some(id=>id.endsWith(`/charts/${type}.tsx`))),`${type} has an independent lazy entry`);
+});

package/templates/web-app/tests/cockpit.test.mjs

@@ -1,73 +1,73 @@
-import assert from 'node:assert/strict';
-import {after,test} from 'node:test';
-import {createServer} from 'vite';
-import {createElement} from 'react';
-import {renderToStaticMarkup} from 'react-dom/server';
-const server=await createServer({configFile:false,cacheDir:'temp/vite-cockpit-tests',server:{middlewareMode:true,hmr:false}});
-after(()=>server.close());
-const client=await server.ssrLoadModule('/src/finebi/client.ts');
-const data=await server.ssrLoadModule('/src/services/table-data.ts');
-const queries=await server.ssrLoadModule('/src/services/widget-queries.ts');
-const {Widget}=await server.ssrLoadModule('/src/components/Widget.tsx');
-const config={schemaVersion:'1',title:'Test',basePath:'/bi',layout:'cockpit',dashboardId:'r',directoryEntryId:'directory',maxRows:1000,pageSize:8,
-  widgets:[{entryId:'a',name:'A',type:'table',filterNames:['month']},{entryId:'b',name:'B',type:'table',filterNames:[]}],filters:[{name:'month',label:'月份',type:'month'}]};
-const native={previewResult:{resultType:'DETAIL',header:[],items:[],size:10,row:0,hasNext:false}};
-test('retry is only exposed after a settled failure, never while an initial request is pending',()=>{
-  const props={binding:config.widgets[0],pageSize:8,onRetry:()=>{}};
-  assert.doesNotMatch(renderToStaticMarkup(createElement(Widget,{...props,state:{loading:true}})),/重试组件/);
-  assert.match(renderToStaticMarkup(createElement(Widget,{...props,state:{loading:false,error:new Error('fixture')}})),/重试组件/);
-});
-test('directory source and verified per-widget scope survive individual queries, never falling back',async()=>{
-  const sent=[];
-  const fetcher=async(url,init)=>{sent.push({url,...JSON.parse(init.body)});return new Response(JSON.stringify({success:true,data:{a:native,b:native}}));};
-  await client.queryWidget(config,config.widgets[0],{month:'2024-02'},undefined,fetcher);
-  await client.queryWidget(config,config.widgets[1],{month:'2024-02'},undefined,fetcher);
-  assert.deepEqual(sent.map(s=>s.reportEntryId),['directory','directory']);
-  assert.deepEqual(sent.map(s=>s.widgetIds),[['a'],['b']]);
-  assert.deepEqual(sent.map(s=>s.refer),[{month:['2024-02']},{}]);
-  let calls=0;
-  await assert.rejects(client.queryWidget(config,config.widgets[0],{},undefined,async()=>{calls++;return new Response('{}',{status:403});}),e=>e.code==='PERMISSION_DENIED');
-  assert.equal(calls,1);
-});
-test('component loader limits concurrency, publishes independent failures and respects cancellation',async()=>{
-  const updates=[];let active=0,peak=0;
-  const many={...config,widgets:[...config.widgets,...Array.from({length:6},(_,i)=>({entryId:'extra-'+i,name:'Extra',type:'table'}))]};
-  await queries.loadWidgets(many,{},new AbortController().signal,(id,state)=>updates.push([id,state]),async(_url,init)=>{
-    active++;peak=Math.max(peak,active);await new Promise(r=>setTimeout(r,5));active--;
-    const id=JSON.parse(init.body).widgetIds[0];return id==='a'?new Response('{}',{status:500}):new Response(JSON.stringify({success:true,data:{[id]:native}}));
-  });
-  assert.equal(peak,3);assert.ok(updates.find(([id,s])=>id==='0:a'&&s.error));assert.ok(updates.find(([id,s])=>id==='1:b'&&s.result));
-  const controller=new AbortController();controller.abort();let calls=0;
-  await queries.loadWidgets(config,{},controller.signal,()=>assert.fail('no stale update'),async()=>{calls++;});assert.equal(calls,0);
-});
-test('same native widget can have separate display scopes; aborted old responses publish nothing',async()=>{
-  const duplicate={...config,widgets:[config.widgets[0],{...config.widgets[0],filterNames:[]}]};
-  const complete=[];
-  await queries.loadWidgets(duplicate,{month:'2024-02'},new AbortController().signal,(key,state)=>{if(state.result)complete.push(key);},async()=>new Response(JSON.stringify({success:true,data:{a:native}})));
-  assert.deepEqual(complete.sort(),['0:a','1:a']);
-  const controller=new AbortController(),updates=[];
-  await queries.loadWidgets(config,{},controller.signal,(_key,state)=>updates.push(state),async()=>{controller.abort();return new Response(JSON.stringify({success:true,data:{a:native,b:native}}));});
-  assert.ok(updates.every(s=>s.loading));
-});
-const cell=(value,state='AVAILABLE',display=value)=>({value,display,state,reason:null});
-const dataset={id:'main',returnedRowCount:4,columns:[{fieldId:'x',key:'c0',name:'名字',type:'STRING'},{fieldId:'v',key:'c1',name:'金额',type:'DECIMAL'}],rows:[
-  {kind:'DATA',cells:[cell('=HYPERLINK("x")'),cell('9007199254740993.01')]},
-  {kind:'DATA',cells:[cell('B'),cell('9007199254740993.02','AVAILABLE','9,007,199,254,740,993.02元')]},
-  {kind:'UNKNOWN',cells:[cell('C'),cell(null,'RESTRICTED','***')]},
-  {kind:'DATA',cells:[cell('D'),cell(null,'NULL',null)]},
-]};
-test('loaded table sorts decimals exactly, filters and exports matching rows with safe CSV and explicit states',()=>{
-  assert.equal(data.compareDecimal('9007199254740993.01','9007199254740993.02'),-1);
-  assert.equal(data.compareDecimal('-1.001e3','-1001'),0);
-  assert.equal(data.compareDecimal('1e-10','0.00000000009'),1);
-  assert.equal(data.compareDecimal('1.20','1.2'),0);
-  assert.equal(data.compareDecimal('1200','1.2e3'),0);
-  assert.equal(data.compareDecimal('-0.001200','-1.2e-3'),0);
-  const rows=data.tableRows(dataset,{search:'',sort:{fieldId:'v',direction:'desc'},filters:{}});
-  assert.equal(rows[0].cells[0].value,'B');assert.equal(rows[1].cells[0].value,'=HYPERLINK("x")');
-  const filtered=data.tableRows(dataset,{search:'',filters:{x:'B'}});assert.equal(filtered.length,1);
-  const csv=data.tableCsv(dataset,rows);
-  assert.match(csv,/'=HYPERLINK/);assert.match(csv,/受限/);assert.doesNotMatch(csv,/\*\*\*/);assert.match(csv,/UNKNOWN/);
-  assert.match(data.tableCsv(dataset,filtered),/9,007,199/);
-  assert.throws(()=>data.tableRows(dataset,{search:'',filters:{missing:'x'}}),/字段/);
-});
+import assert from 'node:assert/strict';
+import {after,test} from 'node:test';
+import {createServer} from 'vite';
+import {createElement} from 'react';
+import {renderToStaticMarkup} from 'react-dom/server';
+const server=await createServer({configFile:false,cacheDir:'temp/vite-cockpit-tests',server:{middlewareMode:true,hmr:false}});
+after(()=>server.close());
+const client=await server.ssrLoadModule('/src/finebi/client.ts');
+const data=await server.ssrLoadModule('/src/services/table-data.ts');
+const queries=await server.ssrLoadModule('/src/services/widget-queries.ts');
+const {Widget}=await server.ssrLoadModule('/src/components/Widget.tsx');
+const config={schemaVersion:'1',title:'Test',basePath:'/bi',layout:'cockpit',dashboardId:'r',directoryEntryId:'directory',maxRows:1000,pageSize:8,
+  widgets:[{entryId:'a',name:'A',type:'table',filterNames:['month']},{entryId:'b',name:'B',type:'table',filterNames:[]}],filters:[{name:'month',label:'月份',type:'month'}]};
+const native={previewResult:{resultType:'DETAIL',header:[],items:[],size:10,row:0,hasNext:false}};
+test('retry is only exposed after a settled failure, never while an initial request is pending',()=>{
+  const props={binding:config.widgets[0],pageSize:8,onRetry:()=>{}};
+  assert.doesNotMatch(renderToStaticMarkup(createElement(Widget,{...props,state:{loading:true}})),/重试组件/);
+  assert.match(renderToStaticMarkup(createElement(Widget,{...props,state:{loading:false,error:new Error('fixture')}})),/重试组件/);
+});
+test('directory source and verified per-widget scope survive individual queries, never falling back',async()=>{
+  const sent=[];
+  const fetcher=async(url,init)=>{sent.push({url,...JSON.parse(init.body)});return new Response(JSON.stringify({success:true,data:{a:native,b:native}}));};
+  await client.queryWidget(config,config.widgets[0],{month:'2024-02'},undefined,fetcher);
+  await client.queryWidget(config,config.widgets[1],{month:'2024-02'},undefined,fetcher);
+  assert.deepEqual(sent.map(s=>s.reportEntryId),['directory','directory']);
+  assert.deepEqual(sent.map(s=>s.widgetIds),[['a'],['b']]);
+  assert.deepEqual(sent.map(s=>s.refer),[{month:['2024-02']},{}]);
+  let calls=0;
+  await assert.rejects(client.queryWidget(config,config.widgets[0],{},undefined,async()=>{calls++;return new Response('{}',{status:403});}),e=>e.code==='PERMISSION_DENIED');
+  assert.equal(calls,1);
+});
+test('component loader limits concurrency, publishes independent failures and respects cancellation',async()=>{
+  const updates=[];let active=0,peak=0;
+  const many={...config,widgets:[...config.widgets,...Array.from({length:6},(_,i)=>({entryId:'extra-'+i,name:'Extra',type:'table'}))]};
+  await queries.loadWidgets(many,{},new AbortController().signal,(id,state)=>updates.push([id,state]),async(_url,init)=>{
+    active++;peak=Math.max(peak,active);await new Promise(r=>setTimeout(r,5));active--;
+    const id=JSON.parse(init.body).widgetIds[0];return id==='a'?new Response('{}',{status:500}):new Response(JSON.stringify({success:true,data:{[id]:native}}));
+  });
+  assert.equal(peak,3);assert.ok(updates.find(([id,s])=>id==='0:a'&&s.error));assert.ok(updates.find(([id,s])=>id==='1:b'&&s.result));
+  const controller=new AbortController();controller.abort();let calls=0;
+  await queries.loadWidgets(config,{},controller.signal,()=>assert.fail('no stale update'),async()=>{calls++;});assert.equal(calls,0);
+});
+test('same native widget can have separate display scopes; aborted old responses publish nothing',async()=>{
+  const duplicate={...config,widgets:[config.widgets[0],{...config.widgets[0],filterNames:[]}]};
+  const complete=[];
+  await queries.loadWidgets(duplicate,{month:'2024-02'},new AbortController().signal,(key,state)=>{if(state.result)complete.push(key);},async()=>new Response(JSON.stringify({success:true,data:{a:native}})));
+  assert.deepEqual(complete.sort(),['0:a','1:a']);
+  const controller=new AbortController(),updates=[];
+  await queries.loadWidgets(config,{},controller.signal,(_key,state)=>updates.push(state),async()=>{controller.abort();return new Response(JSON.stringify({success:true,data:{a:native,b:native}}));});
+  assert.ok(updates.every(s=>s.loading));
+});
+const cell=(value,state='AVAILABLE',display=value)=>({value,display,state,reason:null});
+const dataset={id:'main',returnedRowCount:4,columns:[{fieldId:'x',key:'c0',name:'名字',type:'STRING'},{fieldId:'v',key:'c1',name:'金额',type:'DECIMAL'}],rows:[
+  {kind:'DATA',cells:[cell('=HYPERLINK("x")'),cell('9007199254740993.01')]},
+  {kind:'DATA',cells:[cell('B'),cell('9007199254740993.02','AVAILABLE','9,007,199,254,740,993.02元')]},
+  {kind:'UNKNOWN',cells:[cell('C'),cell(null,'RESTRICTED','***')]},
+  {kind:'DATA',cells:[cell('D'),cell(null,'NULL',null)]},
+]};
+test('loaded table sorts decimals exactly, filters and exports matching rows with safe CSV and explicit states',()=>{
+  assert.equal(data.compareDecimal('9007199254740993.01','9007199254740993.02'),-1);
+  assert.equal(data.compareDecimal('-1.001e3','-1001'),0);
+  assert.equal(data.compareDecimal('1e-10','0.00000000009'),1);
+  assert.equal(data.compareDecimal('1.20','1.2'),0);
+  assert.equal(data.compareDecimal('1200','1.2e3'),0);
+  assert.equal(data.compareDecimal('-0.001200','-1.2e-3'),0);
+  const rows=data.tableRows(dataset,{search:'',sort:{fieldId:'v',direction:'desc'},filters:{}});
+  assert.equal(rows[0].cells[0].value,'B');assert.equal(rows[1].cells[0].value,'=HYPERLINK("x")');
+  const filtered=data.tableRows(dataset,{search:'',filters:{x:'B'}});assert.equal(filtered.length,1);
+  const csv=data.tableCsv(dataset,rows);
+  assert.match(csv,/'=HYPERLINK/);assert.match(csv,/受限/);assert.doesNotMatch(csv,/\*\*\*/);assert.match(csv,/UNKNOWN/);
+  assert.match(data.tableCsv(dataset,filtered),/9,007,199/);
+  assert.throws(()=>data.tableRows(dataset,{search:'',filters:{missing:'x'}}),/字段/);
+});