openxiangda-cli 2.0.0-alpha.58 → 2.0.0-alpha.59

package/template/apps/web/src/styles.css

@@ -692,6 +692,25 @@ body {
   gap: 2px;
 }
 
+.oxa-file-name-button {
+  border: 0;
+  background: transparent;
+  padding: 0;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+
+.oxa-file-name-button:hover strong {
+  color: #1677ff;
+}
+
+.oxa-file-name-button:disabled {
+  cursor: wait;
+  opacity: 0.65;
+}
+
 .oxa-file-meta strong {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -725,30 +744,6 @@ body {
   padding: 22px;
 }
 
-.oxa-attachment-readonly {
-  display: grid;
-  width: 100%;
-  gap: 8px;
-}
-
-.oxa-attachment-row {
-  display: grid;
-  grid-template-columns: auto minmax(0, 1fr) auto auto;
-  align-items: center;
-  gap: 10px;
-  min-height: 42px;
-  border: 1px solid #e2e8f0;
-  border-radius: 7px;
-  padding: 6px 10px;
-}
-
-.oxa-attachment-name {
-  overflow: hidden;
-  color: #27364d;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .oxa-detail-hero,
 .oxa-edit-hero {
   margin-bottom: 16px;
@@ -768,6 +763,150 @@ body {
   gap: 16px;
 }
 
+.oxa-file-preview-page {
+  min-height: 100vh;
+  background: #eef2f7;
+}
+
+.oxa-file-preview-toolbar {
+  position: sticky;
+  z-index: 10;
+  top: 0;
+  display: flex;
+  min-height: 66px;
+  align-items: center;
+  justify-content: space-between;
+  gap: 20px;
+  border-bottom: 1px solid #dfe5ee;
+  background: rgb(255 255 255 / 96%);
+  padding: 10px 20px;
+  box-shadow: 0 2px 12px rgb(26 45 75 / 6%);
+  backdrop-filter: blur(12px);
+}
+
+.oxa-file-preview-toolbar > div:last-child {
+  display: flex;
+  gap: 8px;
+}
+
+.oxa-file-preview-title {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 12px;
+}
+
+.oxa-file-preview-title > .anticon {
+  color: #1677ff;
+  font-size: 26px;
+}
+
+.oxa-file-preview-title > div {
+  display: grid;
+  min-width: 0;
+  gap: 2px;
+}
+
+.oxa-file-preview-title strong,
+.oxa-file-preview-title span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.oxa-file-preview-title span {
+  color: #7b879b;
+  font-size: 12px;
+}
+
+.oxa-file-preview-body {
+  display: grid;
+  min-height: calc(100vh - 66px);
+  place-items: center;
+  padding: 20px;
+}
+
+.oxa-preview-frame {
+  width: 100%;
+  height: calc(100vh - 106px);
+  border: 0;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 8px 32px rgb(24 42 72 / 10%);
+}
+
+.oxa-preview-image {
+  max-width: 100%;
+  max-height: calc(100vh - 106px);
+  border-radius: 8px;
+  object-fit: contain;
+  box-shadow: 0 8px 32px rgb(24 42 72 / 12%);
+}
+
+.oxa-docx-preview,
+.oxa-spreadsheet-preview {
+  width: 100%;
+  height: calc(100vh - 106px);
+  overflow: auto;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 8px 32px rgb(24 42 72 / 10%);
+}
+
+.oxa-docx-preview .docx-wrapper {
+  min-height: 100%;
+  background: #dfe4eb;
+  padding: 24px;
+}
+
+.oxa-spreadsheet-preview {
+  display: flex;
+  flex-direction: column;
+}
+
+.oxa-spreadsheet-preview > .ant-segmented {
+  flex: 0 0 auto;
+  margin: 12px;
+}
+
+.oxa-spreadsheet-scroll {
+  min-height: 0;
+  flex: 1;
+  overflow: auto;
+  border-top: 1px solid #e5eaf1;
+}
+
+.oxa-spreadsheet-scroll table {
+  min-width: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+  font-size: 13px;
+}
+
+.oxa-spreadsheet-scroll th,
+.oxa-spreadsheet-scroll td {
+  min-width: 96px;
+  max-width: 360px;
+  border-right: 1px solid #e5eaf1;
+  border-bottom: 1px solid #e5eaf1;
+  padding: 7px 9px;
+  background: #fff;
+  text-align: left;
+  vertical-align: top;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.oxa-spreadsheet-scroll th {
+  position: sticky;
+  z-index: 1;
+  left: 0;
+  min-width: 52px;
+  background: #f5f7fa;
+  color: #7b879b;
+  text-align: center;
+}
+
 .oxa-detail-hero-top {
   align-items: flex-start;
 }

package/template/apps/web/test/contracts.test.ts

@@ -10,6 +10,8 @@ import {
   browseDepartmentTree,
   browseDepartmentUsers,
   instrumentDataApi,
+  fetchDataFileBlob,
+  loadDataFilePreview,
   loadCurrentIdentity,
   resolveCollegeScope,
   resolveDirectory,
@@ -19,6 +21,7 @@ import {
 import {
   applicationApiPath,
   readRuntimeMount,
+  resolveAttachmentPreviewPath,
   resolveApplicationApiPath,
   resolveApplicationBasename,
 } from '../src/runtime-meta';
@@ -65,6 +68,14 @@ test('application shell and instrument surfaces match the approved navigation mo
     new URL('../src/components/platform-fields/PlatformDirectoryPicker.tsx', import.meta.url),
     'utf8'
   );
+  const attachment = readFileSync(
+    new URL('../src/components/platform-fields/AttachmentFileList.tsx', import.meta.url),
+    'utf8'
+  );
+  const preview = readFileSync(
+    new URL('../src/FilePreviewPage.tsx', import.meta.url),
+    'utf8'
+  );
   for (const marker of [
     '仪器资源管理',
     '工作台',
@@ -92,6 +103,13 @@ test('application shell and instrument surfaces match the approved navigation mo
   assert.match(form, /PlatformDirectoryPicker/);
   assert.match(form, /oxa-file-dropzone/);
   assert.match(form, /oxa-detail-layout/);
+  assert.match(routes, /path="\/files\/:resourceCode\/:fileId\/preview"/);
+  assert.match(attachment, /Image\.PreviewGroup/);
+  assert.match(attachment, /attachmentPreviewPath/);
+  assert.match(preview, /import\('docx-preview'\)/);
+  assert.match(preview, /import\('xlsx'\)/);
+  assert.match(preview, /只读预览/);
+  assert.doesNotMatch(form, /instrumentFileContentUrl|window\.open/);
   assert.doesNotMatch(
     `${form}\n${directory}`,
     /FormContext|tools\/openxiangda|RoleSession/
@@ -253,6 +271,92 @@ test('deployed app/environment come only from platform-injected runtime meta', (
     resolveApplicationApiPath(mount, 'api/instruments/context'),
     '/service/openxiangda-app-api/v2/instrument-center/production/api/instruments/context'
   );
+  assert.equal(
+    resolveAttachmentPreviewPath(
+      mount,
+      'instruments',
+      '77777777-7777-4777-8777-777777777777'
+    ),
+    '/view/instrument-center/files/instruments/77777777-7777-4777-8777-777777777777/preview'
+  );
+});
+
+test('managed file preview reads metadata and bytes without a RoleSession', async () => {
+  const calls: Array<{ path: string; init?: RequestInit }> = [];
+  const originalFetch = globalThis.fetch;
+  globalThis.fetch = async (input, init) => {
+    const path = String(input);
+    calls.push({ path, init });
+    if (path.endsWith('/dev-sessions/current')) {
+      return Response.json({
+        code: 200,
+        data: {
+          environment: { id: 'test-id', key: 'preproduction' },
+          principal: {
+            userId,
+            roleCodes: ['school_admin'],
+            capabilityCodes: [],
+            isAppSuperAdmin: false,
+          },
+        },
+      });
+    }
+    if (path.includes('/files/file-1/preview?')) {
+      return Response.json({
+        code: 200,
+        data: {
+          schemaVersion: 'openxiangda.data-file-preview/v2',
+          resourceCode: 'instruments',
+          file: {
+            schemaVersion: 'openxiangda.data-file-ref/v2',
+            id: 'file-1',
+            name: 'manual.docx',
+            size: 12,
+            contentType:
+              'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+          },
+          extension: 'docx',
+          previewType: 'office',
+          renderMode: 'docx-html',
+          previewSurface: 'document',
+          previewProvider: 'browser',
+          canPreview: true,
+          canDownload: true,
+        },
+      });
+    }
+    if (path.includes('/files/file-1/content?')) {
+      return new Response(new Uint8Array([80, 75, 3, 4]), {
+        status: 200,
+        headers: {
+          'content-type':
+            'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+        },
+      });
+    }
+    return Response.json({ code: 404, message: 'not mocked' }, { status: 404 });
+  };
+  try {
+    await loadCurrentIdentity();
+    const preview = await loadDataFilePreview('instruments', 'file-1');
+    const blob = await fetchDataFileBlob('instruments', 'file-1');
+    assert.equal(preview.renderMode, 'docx-html');
+    assert.equal(blob.size, 4);
+  } finally {
+    globalThis.fetch = originalFetch;
+  }
+  const previewCall = calls.find(call => call.path.includes('/files/file-1/preview?'))!;
+  const contentCall = calls.find(call => call.path.includes('/files/file-1/content?'))!;
+  assert.match(previewCall.path, /environmentKey=preproduction/);
+  assert.match(contentCall.path, /disposition=inline/);
+  assert.equal(
+    calls.some(call =>
+      Object.keys(call.init?.headers || {}).some(header =>
+        header.toLowerCase().includes('role-session')
+      )
+    ),
+    false
+  );
 });
 
 test('list uses the native Data API with server paging, filters, and sorting', async () => {

package/template/package.json

@@ -21,9 +21,9 @@
     "build": "pnpm --recursive build"
   },
   "devDependencies": {
-    "openxiangda-cli": "2.0.0-alpha.58",
-    "openxiangda-contracts": "2.0.0-alpha.27",
-    "openxiangda-devkit-core": "2.0.0-alpha.34",
+    "openxiangda-cli": "2.0.0-alpha.59",
+    "openxiangda-contracts": "2.0.0-alpha.28",
+    "openxiangda-devkit-core": "2.0.0-alpha.35",
     "typescript": "5.9.3"
   }
 }

package/template/scripts/verify-template-budget.mjs

@@ -16,7 +16,7 @@ function visit(directory) {
 }
 visit(root);
 const bytes = files.reduce((total, file) => total + statSync(file).size, 0);
-if (files.length > 50) throw new Error(`TEMPLATE_SOURCE_FILE_BUDGET_EXCEEDED:${files.length}>50`);
+if (files.length > 52) throw new Error(`TEMPLATE_SOURCE_FILE_BUDGET_EXCEEDED:${files.length}>52`);
 if (bytes > 500_000) throw new Error(`TEMPLATE_SOURCE_BYTE_BUDGET_EXCEEDED:${bytes}>500000`);
 const productionFiles = files.filter(file => {
   const name = relative(root, file).replaceAll('\\', '/');