med-viewer-sdk 0.1.14 → 0.1.15

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "med-viewer-sdk",
-  "version": "0.1.14",
+  "version": "0.1.15",
   "main": "dist/med-viewer-sdk.umd.js",
   "module": "dist/med-viewer-sdk.mjs",
   "types": "dist/med-viewer-sdk.d.ts",
   "files": [
     "dist",
-    "README.md",
-    "src"
+    "README.md"
   ],
   "scripts": {
     "build": "npx vite build && tsc -p tsconfig.dts.json && powershell -Command \"if (Test-Path -Path 'dist\\med-viewer-sdk.d.ts') { Remove-Item -Path 'dist\\med-viewer-sdk.d.ts' } ; Move-Item -Path 'dist\\index.d.ts' -Destination 'dist\\med-viewer-sdk.d.ts'\"",

package/src/adapters/vue/MedViewer.ts

@@ -1,38 +0,0 @@
-// 渲染函数写的通用组件
-import { defineComponent, h, onBeforeUnmount, onMounted, shallowRef } from 'vue-demi';
-import type { MedEngineOptions } from '../../core/Engine';
-import { MedViewerEngine } from '../../core/Engine';
-
-export default defineComponent({
-  name: 'MedViewer',
-  props: {
-    options: {
-      type: Object as () => Omit<MedEngineOptions, 'element'>,
-      required: true
-    }
-  },
-  emits: ['ready'],
-  setup(props, { slots, expose, emit }) {
-    const containerRef = shallowRef<HTMLElement | null>(null);
-    const engineRef = shallowRef<MedViewerEngine | null>(null);
-
-    onMounted(() => {
-      if (!containerRef.value) return;
-      engineRef.value = new MedViewerEngine({
-        osdOptions: props.options.osdOptions,
-        locale: props.options.locale,
-        plugins: props.options.plugins,
-      });
-      emit('ready', engineRef.value);
-    });
-
-    onBeforeUnmount(() => {
-      engineRef.value?.destroy();
-      engineRef.value = null;
-    });
-
-    expose({ engine: engineRef });
-
-    return () => h('div', { class: 'med-viewer', ref: containerRef }, slots.default?.());
-  }
-});

package/src/adapters/vue/index.ts

@@ -1,4 +0,0 @@
-// 插件入口
-import MedViewer from './MedViewer';
-
-export default MedViewer;

package/src/core/AnnoAnnotator.ts

@@ -1,94 +0,0 @@
-// 使用本地下载的 Annotorious v2.7.17 文件
-import Annotorious from "annotorious-openseadragon-ld";
-import "annotorious-openseadragon-ld/dist/annotorious.min.css";
-import { MedViewerEngine } from "./Engine";
-import { BaseAnnotator } from "./BaseAnnotator";
-
-
-// // 全局类型声明
-// declare global {
-//   interface Window {
-//     Annotorious: any;
-//   }
-// }
-
-export class AnnoAnnotator extends BaseAnnotator {
-  public anno: any;
-
-  constructor(engine: MedViewerEngine, config: any = {}) {
-    super(engine);
-   
-    // 使用 v2.7.17 的 Annotorious (全局变量)
-    this.anno = Annotorious(this.engine.viewer, {
-      ...config,
-      // 可以在此配置样式、偏好等
-    });
-    this.injectStyles();
-    this.initEvents();
-  }
-
-  public setEnabled(enabled: boolean): void {
-    this.anno.setDrawingEnabled(enabled);
-  }
-
-  public setTool(
-    tool:
-      | "rect"
-      | "polygon"
-      | "line"
-      | "point"
-      | "circle"
-      | "ellipse"
-      | "freehand"
-      | null,
-    color?: string,
-  ): void {
-    if (!tool) {
-      this.setEnabled(false);
-    } else {
-      this.anno.setDrawingTool(tool, color);
-      this.setEnabled(true);
-    }
-  }
-
-  public getAnnotations(): any[] {
-    // 获取当前所有标注
-    return this.anno.getAnnotations();
-  }
-
-  public setAnnotations(data: any[]): void {
-    this.anno.setAnnotations(data);
-  }
-
-  public clear(): void {
-    this.anno.clearAnnotations();
-  }
-
-  public destroy(): void {
-    this.anno.destroy();
-  }
-
-  private initEvents() {
-    this.anno.on("createAnnotation", (anno: any) => {
-      console.log("新标注已创建:", anno);
-    });
-  }
-
-  private injectStyles() {
-    // 适配医学影像的样式（v2.7.17 默认样式有时在深色背景下不明显）
-    const styleId = "med-anno-v2-7-17-overrides";
-    if (document.getElementById(styleId)) return;
-    const style = document.createElement("style");
-    style.id = styleId;
-    style.innerHTML = `
-      .a9s-handle .a9s-handle-inner {
-          stroke: #FFEB3B;
-          fill: #FF9800;
-      }
-      .a9s-handle .a9s-handle-outer {
-          stroke: #000;
-          fill: #fff;
-      }`;
-    document.head.appendChild(style);
-  }
-}

package/src/core/BaseAnnotator.ts

@@ -1,43 +0,0 @@
-import { MedViewerEngine } from './Engine';
-
-/**
- * 标注插件的基类
- */
-export abstract class BaseAnnotator {
-    protected engine: MedViewerEngine;
-    protected isEnabled: boolean = false;
-
-    constructor(engine: MedViewerEngine) {
-        this.engine = engine;
-    }
-
-    /**
-     * 启用/禁用标注功能
-     */
-    public abstract setEnabled(enabled: boolean): void;
-
-    /**
-     * 设置当前的工具模式 (例如：矩形、箭头、多边形)
-     */
-    public abstract setTool(tool: string | null): void;
-
-    /**
-     * 获取所有标注数据 (建议在此处进行格式标准化)
-     */
-    public abstract getAnnotations(): any[];
-
-    /**
-     * 加载标注数据
-     */
-    public abstract setAnnotations(data: any[]): void;
-
-    /**
-     * 清除所有标注
-     */
-    public abstract clear(): void;
-
-    /**
-     * 销毁插件，移除事件监听
-     */
-    public abstract destroy(): void;
-}

package/src/core/ColorAdjustPlugin.ts

@@ -1,183 +0,0 @@
-import "openseadragon-filtering";
-
-export interface ColorAdjustments {
-  brightness?: number;
-  contrast?: number;
-  saturation?: number;
-  gamma?: number;
-  hue?: number;
-  invert?: boolean;
-  sepia?: boolean;
-  greyscale?: boolean;
-}
-
-export interface ColorAdjustOptions {
-  adjustments?: ColorAdjustments;
-  debounceMs?: number; // 建议 60ms 左右，平衡实时性与性能
-  loadMode?: "async" | "sync"; 
-}
-
-export class ColorAdjustPlugin {
-  private viewer: any;
-  private _adjustments: ColorAdjustments;
-  private options: Required<ColorAdjustOptions>;
-  private lut = new Uint8ClampedArray(256);
-  private needUpdate = true;
-  private debounceTimer: ReturnType<typeof setTimeout> | null = null;
-
-  constructor(viewer: any, options?: ColorAdjustOptions) {
-    this.viewer = viewer.viewer || viewer;
-    
-    // 默认配置初始化
-    this.options = {
-      adjustments: {
-        brightness: 1.0, contrast: 1.0, saturation: 1.0,
-        gamma: 1.0, hue: 0, invert: false, sepia: false, greyscale: false,
-      },
-      debounceMs: 60,
-      loadMode: "async",
-      ...options
-    };
-
-    this._adjustments = { ...this.options.adjustments };
-
-    this.viewer.addHandler("open", () => this.apply());
-    if (this.viewer.isOpen()) this.apply();
-  }
-
-  /**
-   * 更新查找表 (LUT)
-   * 将亮度、对比度、反色、伽马合并为一个 256 长度的数组，大幅减少循环内计算
-   */
-  private updateLut() {
-    const adj = this._adjustments;
-    const invGamma = 1.0 / (adj.gamma || 1.0);
-    const { brightness: br = 1, contrast: co = 1, invert, gamma } = adj;
-
-    for (let i = 0; i < 256; i++) {
-      let v = i;
-      if (invert) v = 255 - v;
-      if (br !== 1.0) v *= br;
-      if (co !== 1.0) v = (v - 128) * co + 128;
-      if (gamma !== 1.0) v = 255 * Math.pow(v / 255, invGamma);
-      this.lut[i] = v; // Uint8ClampedArray 会自动处理 round 和 0-255 截断
-    }
-    this.needUpdate = false;
-  }
-
-  /**
-   * 核心处理器：利用异步调度减少主线程占用
-   */
-  private combinedProcessor = (context: CanvasRenderingContext2D, callback: () => void) => {
-    // 1. 将重计算任务推入宏任务队列，让出主线程给 UI 交互（如缩放、拖拽）
-    setTimeout(() => {
-      const { width, height } = context.canvas;
-      if (width <= 0 || height <= 0) {
-        callback();
-        return;
-      }
-
-      if (this.needUpdate) this.updateLut();
-
-      const imageData = context.getImageData(0, 0, width, height);
-      const data = imageData.data;
-      const len = data.length;
-      const lut = this.lut;
-      const { hue = 0, saturation = 1, greyscale, sepia } = this._adjustments;
-
-      // 2. 性能优化：根据滤镜配置选择执行路径，避免循环内部做 if 判断
-      if (greyscale) {
-        for (let i = 0; i < len; i += 4) {
-          const avg = 0.2126 * lut[data[i]] + 0.7152 * lut[data[i + 1]] + 0.0722 * lut[data[i + 2]];
-          data[i] = data[i + 1] = data[i + 2] = avg;
-        }
-      } else if (sepia) {
-        for (let i = 0; i < len; i += 4) {
-          const r = lut[data[i]], g = lut[data[i + 1]], b = lut[data[i + 2]];
-          data[i] = 0.393 * r + 0.769 * g + 0.189 * b;
-          data[i + 1] = 0.349 * r + 0.686 * g + 0.168 * b;
-          data[i + 2] = 0.272 * r + 0.534 * g + 0.131 * b;
-        }
-      } else {
-        // 处理 Hue 和 Saturation
-        const hasHue = hue !== 0;
-        const hasSat = saturation !== 1.0;
-        const angle = hue * (Math.PI / 180);
-        const cosA = Math.cos(angle), sinA = Math.sin(angle);
-        const r1 = cosA + (1-cosA)/3, g1 = 1/3*(1-cosA)-Math.sqrt(1/3)*sinA, b1 = 1/3*(1-cosA)+Math.sqrt(1/3)*sinA;
-        const r2 = 1/3*(1-cosA)+Math.sqrt(1/3)*sinA, g2 = cosA+(1-cosA)/3, b2 = 1/3*(1-cosA)-Math.sqrt(1/3)*sinA;
-        const r3 = 1/3*(1-cosA)-Math.sqrt(1/3)*sinA, g3 = 1/3*(1-cosA)+Math.sqrt(1/3)*sinA, b3 = cosA+(1-cosA)/3;
-
-        for (let i = 0; i < len; i += 4) {
-          let r = lut[data[i]], g = lut[data[i + 1]], b = lut[data[i + 2]];
-          if (hasHue) {
-            const tr = r * r1 + g * r2 + b * r3;
-            const tg = r * g1 + g * g2 + b * g3;
-            const tb = r * b1 + g * b2 + b * b3;
-            r = tr; g = tg; b = tb;
-          }
-          if (hasSat) {
-            const gray = 0.2989 * r + 0.587 * g + 0.114 * b;
-            r = gray + (r - gray) * saturation;
-            g = gray + (g - gray) * saturation;
-            b = gray + (b - gray) * saturation;
-          }
-          data[i] = r; data[i + 1] = g; data[i + 2] = b;
-        }
-      }
-
-      context.putImageData(imageData, 0, 0);
-      
-      // 3. 必须调用 callback，告知 OSD 瓦片处理完毕
-      callback();
-    }, 0);
-  };
-
-  /**
-   * 应用滤镜配置到 Viewer
-   */
-  public apply() {
-    if (!this.viewer.setFilterOptions) return;
-    this.needUpdate = true;
-
-    this.viewer.setFilterOptions({
-      filters: { processors: this.combinedProcessor },
-      loadMode: this.options.loadMode,
-    });
-
-    // 强制触发可见重绘
-    this.viewer.world.draw();
-  }
-
-  /**
-   * 业务层调用的 API，内置防抖
-   */
-  public setAdjustments(adj: ColorAdjustments) {
-    this._adjustments = { ...this._adjustments, ...adj };
-
-    // 性能优化：防抖处理。避免滑动滑块时瞬间产生数百个绘制请求
-    if (this.debounceTimer) clearTimeout(this.debounceTimer);
-
-    this.debounceTimer = setTimeout(() => {
-      this.apply();
-      this.debounceTimer = null;
-    }, this.options.debounceMs);
-  }
-
-  public get adjustments(): ColorAdjustments {
-    return this._adjustments;
-  }
-
-  public reset() {
-    this._adjustments = { ...this.options.adjustments };
-    this.apply();
-  }
-
-  public destroy() {
-    if (this.debounceTimer) clearTimeout(this.debounceTimer);
-    if (this.viewer?.setFilterOptions) {
-      this.viewer.setFilterOptions({ filters: { processors: [] } });
-    }
-    this.viewer = null;
-  }
-}

package/src/core/Coords.ts

@@ -1,9 +0,0 @@
-// 坐标算法 (Image to Screen)
-export class Coords {
-  static imageToScreen(imageX: number, imageY: number, scale: number): { x: number; y: number } {
-    return {
-      x: imageX * scale,
-      y: imageY * scale
-    };
-  }
-}