@bpmn-nova/studio 0.3.2-preview → 0.3.3-preview

package/dist/modules/viewer/index.d.ts

@@ -20,6 +20,7 @@ import type {
   RuntimeAppearanceResolver,
 } from '../theme/index.js'
 import type { RuntimeTimelineSvgRenderer, SvgExportArtifact, SvgExportOptions, SvgExportPreviewController, SvgNodeRenderer } from '../export-svg/index.js'
+import type { NodeSubtitleResolver } from '../node-presentation/index.js'
 
 export type ViewerProjection = 'auto' | 'standard' | 'approval' | 'compact'
 export interface RuntimeTraceItem {
@@ -200,6 +201,7 @@ export interface ViewerOptions {
   iconRegistry?: IconRegistry
   nodeRenderers?: Record<string, Function>
   nodeRenderer?: Function
+  nodeSubtitleResolver?: NodeSubtitleResolver
   projection?: ViewerProjection
   responsive?: boolean
   runtimeTraceOptions?: RuntimeTraceProjectionOptions
@@ -245,6 +247,7 @@ export class BpmnViewer {
   traceProjection: RuntimeTraceProjection | null
   setModel(model: ProcessModel): void
   setRuntime(runtime: ProcessInstanceSnapshot | null): void
+  refreshPresentation(): void
   setDisplayOptions(options: { timeline?: ViewerTimelineOptions; runtimeDetails?: RuntimeDetailsOptions; runtimeTraceOptions?: RuntimeTraceProjectionOptions; runtimeAssetResolver?: RuntimeAssetResolver | null }): void
   setProjection(projection: ViewerProjection): void
   setTheme(theme: NovaThemeInput): NovaThemeState

package/dist/modules/viewer/index.js

@@ -367,7 +367,7 @@ export class BpmnViewer {
     this.responsive = options.responsive === true;
     this.projection = options.projection || (this.runtime && this.responsive ? 'auto' : this.runtime ? 'approval' : 'standard');
     this.activeProjection = 'standard';
-    this.mode = this.runtime ? 'instance' : 'viewer';
+    this.mode = options.mode === 'instance' || this.runtime ? 'instance' : 'viewer';
     this.onElementClick = options.onElementClick || (() => {});
     this.onTraceClick = options.onTraceClick || (() => {});
     this.runtimePresenter = options.runtimePresenter || ((context) => createRuntimePresentation(context));
@@ -414,8 +414,15 @@ export class BpmnViewer {
     };
     document.addEventListener('pointerdown', this._outsideHandler, true);
     document.addEventListener('keydown', this._keyHandler);
-    this._rebuildProjection();
-    this._mountRenderer();
+    try {
+      this._rebuildProjection();
+      this._mountRenderer();
+    } catch (error) {
+      document.removeEventListener('pointerdown', this._outsideHandler, true);
+      document.removeEventListener('keydown', this._keyHandler);
+      if (this._ownsThemeController) this.themeController.destroy();
+      throw error;
+    }
     this._resizeObserver = typeof ResizeObserver === 'function'
       ? new ResizeObserver(() => {
         if (this.projection !== 'auto') return;
@@ -576,6 +583,7 @@ export class BpmnViewer {
       iconRegistry: this.options.iconRegistry,
       nodeRenderers: this.options.nodeRenderers,
       nodeRenderer: this.options.nodeRenderer,
+      nodeSubtitleResolver: this.options.nodeSubtitleResolver,
       svgExport: this.svgExportOptions,
       runtimeAppearance: this.runtimeAppearance,
       onNodeClick: (node, event) => this._select('node', node, event),
@@ -918,7 +926,12 @@ export class BpmnViewer {
   }
 
   setModel(model) { this.model = model; this._svgExportAssetCache.clear(); this.refresh(); }
-  setRuntime(runtime) { this.runtime = runtime ? normalizeRuntime(runtime) : null; this._svgExportAssetCache.clear(); this.refresh(); }
+  setRuntime(runtime) {
+    this.runtime = runtime ? normalizeRuntime(runtime) : null;
+    this.mode = this.options.mode === 'instance' || this.runtime ? 'instance' : 'viewer';
+    this._svgExportAssetCache.clear();
+    this.refresh();
+  }
   setProjection(projection) {
     if (!['auto', 'standard', 'approval', 'compact'].includes(projection)) return;
     this.projection = projection;
@@ -954,6 +967,10 @@ export class BpmnViewer {
     this.runtimeAppearance = createRuntimeAppearance(this.runtimeAppearanceOptions);
     this.refresh();
   }
+  refreshPresentation() {
+    if (this.mode !== 'viewer' || (this.runtime && this.activeProjection === 'compact')) return;
+    this.renderer?.refreshPresentation?.();
+  }
   exportSvg(options = {}) {
     const isTimeline = Boolean(this.runtime && this.activeProjection === 'compact' && this.traceProjection);
     const label = isTimeline ? '移动时间线' : this.activeProjection === 'approval' ? '实际路径' : this.runtime ? '完整 BPMN' : '流程展示';