@allbluecn/web-app 0.7.1 → 0.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allbluecn/web-app",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "license": "AGPL-3.0-or-later",
   "type": "module",
   "files": [
@@ -197,7 +197,9 @@
     "three": "^0.180.0",
     "tw-animate-css": "^1.4.0",
     "zod": "^4.4.3",
-    "@allbluecn/shared": "workspace:*"
+    "@allbluecn/shared": "workspace:*",
+    "@open-file-viewer/core": "^0.1.43",
+    "@open-file-viewer/react": "^0.1.43"
   },
   "devDependencies": {
     "@allblue/devtools": "workspace:*",

package/src/components/story/relations/file-preview.tsx

@@ -137,7 +137,7 @@ export function FilePreview({
         className: "ofv-toolbar-icon-button",
         // 标题栏存在时才显示按钮：open-file-viewer 在插件渲染完成（setCommandSupport）
         // 与翻页/缩放时会重新求值 hidden 函数
-        hidden: (ctx) => !ctx.viewport.querySelector(TITLE_SELECTORS),
+        hidden: (ctx: any) => !ctx.viewport.querySelector(TITLE_SELECTORS),
         onClick: () => setShowTitle((v) => !v),
       });
     }

package/src/lib/changelog/sdk-versions.ts

@@ -95,14 +95,14 @@ export const SDK_GROUPS: SdkGroup[] = [
     "items": [
       {
         "name": "@allbluecn/web-app",
-        "version": "v0.7.1",
+        "version": "v0.8.0",
         "lastUpdate": "Sep 3, 2026",
         "source": "apps/web/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"
       },
       {
         "name": "@allbluecn/kernel",
-        "version": "v0.3.1",
+        "version": "v0.4.0",
         "lastUpdate": "Sep 3, 2026",
         "source": "packages/kernel/package.json",
         "docsUrl": "https://github.com/allbluecn/allblue"

package/src/lib/outline-utils.ts

@@ -29,7 +29,7 @@ export function buildOutline(elements: CanvasElement[]): OutlineNode[] {
     const children = atoms
       .filter(a => !usedAtoms.has(a.id) && isInside(a, rect))
       .map(a => { usedAtoms.add(a.id); return toAtomNode(a); });
-    roots.push({ id: `container-${c.id}`, label: (c.overrides ?? c.props)?.name || c.type, type: "container", elementId: c.id, children });
+    roots.push({ id: `container-${c.id}`, label: String((c.overrides ?? c.props)?.name) || c.type, type: "container", elementId: c.id, children });
   }
 
   for (const a of atoms) {
@@ -53,5 +53,5 @@ function isInside(atom: CanvasElement, rect: { x: number; y: number; w: number;
 
 function toAtomNode(el: CanvasElement): OutlineNode {
   const p = el.overrides ?? el.props;
-  return { id: `atom-${el.id}`, label: p?.text || p?.label || el.type, type: "atom", elementId: el.id, children: [] };
+  return { id: `atom-${el.id}`, label: String(p?.text || p?.label || el.type), type: "atom", elementId: el.id, children: [] };
 }

package/src/types/open-file-viewer.d.ts

@@ -0,0 +1,14 @@
+declare module '@open-file-viewer/react' {
+  export const FileViewer: React.FC<any>
+}
+declare module '@open-file-viewer/core' {
+  export const imagePlugin: any
+  export const textPlugin: any
+  export const pdfPlugin: any
+  export const officePlugin: any
+  export const archivePlugin: any
+  export const audioPlugin: any
+  export const videoPlugin: any
+  export const epubPlugin: any
+  export type PreviewToolbarCustomAction = any
+}