med-viewer-sdk 0.1.11 → 0.1.12

package/dist/core/Engine.d.ts

@@ -43,6 +43,17 @@ export interface AiBoxRect {
     };
     labels: Array<AiBoxRectLabel>;
 }
+export interface SelectionBox {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    style: {
+        border: string;
+        fontSize: number;
+        [key: string]: any;
+    };
+}
 /**
  * 医学影像核心引擎
  * 职责：初始化 OpenSeadragon，管理插件生命周期
@@ -70,6 +81,7 @@ export declare class MedViewerEngine {
     loadAIMarks(aiBoxes?: AiBoxRect[], showLabel?: boolean): void;
     updateAIMarks(aiBoxes?: AiBoxRect[], showLabel?: boolean): void;
     clearAIMarks(): void;
+    loadSelectionBox(selections?: SelectionBox[]): void;
     addHandler(event: string, handler: Function): void;
     addOnceHandler(event: string, handler: Function): void;
     removeHandler(event: string, handler: Function): void;

package/dist/core/Magnification.d.ts

@@ -29,6 +29,7 @@ export declare class MagnificationPlugin {
     private init;
     private createButton;
     private updateMagnificationDisplay;
+    getMagnification(): number;
     private setMagnification;
     private fitToScreen;
     refresh(): void;

package/dist/med-viewer-sdk.mjs

@@ -15893,7 +15893,7 @@ class MagnificationPlugin {
         const source = this.viewer.source;
         const width = source.width;
         source.height;
-        const pixelsPerMeter = this.options.pixelsPerMeter || (((_a2 = this.viewer.scalebarInstance) == null ? void 0 : _a2.pixelsPerMeter) || 96);
+        const pixelsPerMeter = this.options.pixelsPerMeter || ((_a2 = this.viewer.scalebarInstance) == null ? void 0 : _a2.pixelsPerMeter) || 96;
         const currentZoom = this.viewer.viewport.getZoom();
         const conversionFactor = 20 * 11e-4 * pixelsPerMeter / width;
         const magnification = conversionFactor * currentZoom;
@@ -15948,6 +15948,25 @@ class MagnificationPlugin {
     button.onclick = onClick;
     return button;
   }
+  getMagnification() {
+    var _a2, _b2;
+    const tiledImage = this.viewer.world.getItemAt(0);
+    if (!tiledImage)
+      return 0;
+    if (this.options.type === "LD") {
+      const source = this.viewer.source;
+      const width = source == null ? void 0 : source.width;
+      const pixelsPerMeter = this.options.pixelsPerMeter || ((_a2 = this.viewer.scalebarInstance) == null ? void 0 : _a2.pixelsPerMeter) || 96;
+      const currentZoom2 = this.viewer.viewport.getZoom();
+      const conversionFactor = 20 * 11e-4 * pixelsPerMeter / width;
+      return conversionFactor * currentZoom2;
+    }
+    const currentZoom = this.viewer.viewport.viewportToImageZoom(
+      this.viewer.viewport.getZoom()
+    );
+    const baseMag = ((_b2 = this.viewer.source) == null ? void 0 : _b2.max_magnification) || 40;
+    return currentZoom * baseMag;
+  }
   // 修改 setMagnification 方法
   setMagnification(mag) {
     var _a2, _b2;
@@ -15958,11 +15977,15 @@ class MagnificationPlugin {
       const source = this.viewer.source;
       const width = source.width;
       source.height;
-      const pixelsPerMeter = this.options.pixelsPerMeter || (((_a2 = this.viewer.scalebarInstance) == null ? void 0 : _a2.pixelsPerMeter) || 96);
+      const pixelsPerMeter = this.options.pixelsPerMeter || ((_a2 = this.viewer.scalebarInstance) == null ? void 0 : _a2.pixelsPerMeter) || 96;
       this.viewer.viewport.getZoom();
       const conversionFactor = 20 * 11e-4 * pixelsPerMeter / width;
       const targetZoom = mag / conversionFactor;
-      this.viewer.viewport.zoomTo(targetZoom, this.viewer.viewport.getCenter(), false);
+      this.viewer.viewport.zoomTo(
+        targetZoom,
+        this.viewer.viewport.getCenter(),
+        false
+      );
       this.updateMagnificationDisplay();
     } else {
       const tiledImage = this.viewer.world.getItemAt(0);
@@ -16241,7 +16264,7 @@ class MedViewerEngine {
     this.clearAIMarks();
     aiBoxes.forEach((box) => {
       var elt = document.createElement("div");
-      elt.classList.add("ld_ai-box");
+      elt.classList.add("ld-ai-box");
       if (box.style) {
         Object.assign(elt.style, box.style);
       }
@@ -16271,12 +16294,7 @@ class MedViewerEngine {
       const h2 = box.height / size.y;
       this.viewer.addOverlay({
         element: elt,
-        location: new OpenSeadragon.Rect(
-          x2,
-          y2,
-          w2,
-          h2
-        )
+        location: new OpenSeadragon.Rect(x2, y2, w2, h2)
       });
     });
   }
@@ -16285,11 +16303,40 @@ class MedViewerEngine {
   }
   clearAIMarks() {
     const aiBoxesList = Array.from(
-      document.getElementsByClassName("ld_ai-box")
+      document.getElementsByClassName(
+        "ld-ai-box"
+      )
+    );
+    aiBoxesList.forEach((box) => {
+      this.viewer.removeOverlay(box);
+    });
+  }
+  loadSelectionBox(selections = []) {
+    const aiBoxesList = Array.from(
+      document.getElementsByClassName(
+        "ld-selection-box"
+      )
     );
     aiBoxesList.forEach((box) => {
       this.viewer.removeOverlay(box);
     });
+    selections.forEach((selection) => {
+      let elt = document.createElement("div");
+      elt.classList.add("ld-selection-box");
+      if (selection.style) {
+        Object.assign(elt.style, selection.style);
+      }
+      const img = this.viewer.world.getItemAt(0);
+      const size = img.getContentSize();
+      const x2 = selection.x / size.x;
+      const y2 = selection.y / size.y;
+      const w2 = selection.width / size.x;
+      const h2 = selection.height / size.y;
+      this.viewer.addOverlay({
+        element: elt,
+        location: new OpenSeadragon.Rect(x2, y2, w2, h2)
+      });
+    });
   }
   addHandler(event2, handler) {
     if (!this.events.has(event2)) {