@netless/forge-imagery-doc 0.1.1 → 0.1.3

package/changelog.md

@@ -0,0 +1,4 @@
+### 0.1.3
+
+* 修复首页无法画图的问题
+* 修复连续滚动视图的相机对齐问题

package/dist/Container.d.ts

@@ -1,4 +1,4 @@
-import type { LazyImage } from "./LazyImage";
+import type { LazyImage } from './LazyImage';
 export interface Container {
     readonly view: HTMLDivElement;
     readonly pageIndex: number;

package/dist/Container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../src/Container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,SAAS;IACtB,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,IAAI,IAAI,CAAC;IACb,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;;CAKzB,CAAA"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../src/Container.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,WAAW,SAAS;IACtB,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,IAAI,IAAI,IAAI,CAAC;IACb,OAAO,IAAI,IAAI,CAAC;CACnB;AAED,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC"}

package/dist/ContinuousContainer.d.ts

@@ -1,8 +1,8 @@
-import { LazyImage } from "./LazyImage";
-import * as Y from "yjs";
-import { WhiteboardApplication } from "@netless/forge-whiteboard";
-import type { ImageryDoc } from "./ImageryDoc";
-import { Container } from "./Container";
+import { LazyImage } from './LazyImage';
+import * as Y from 'yjs';
+import { WhiteboardApplication } from '@netless/forge-whiteboard';
+import type { ImageryDoc } from './ImageryDoc';
+import { Container } from './Container';
 export declare class ContinuousContainer implements Container {
     readonly view: HTMLDivElement;
     private parentView;

package/dist/ContinuousContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContinuousContainer.d.ts","sourceRoot":"","sources":["../src/ContinuousContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAgB,MAAM,aAAa,CAAC;AAErD,qBAAa,mBAAoB,YAAW,SAAS;IACjD,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,aAAa,CAAwB;IAC7C,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,UAAU,CAAa;IAE/B,OAAO,KAAK,UAAU,GAErB;IACD,OAAO,KAAK,UAAU,QAErB;IAED,IAAW,SAAS,IAAI,MAAM,CAQ7B;gBAGG,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EACf,aAAa,EAAE,qBAAqB,EACpC,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,UAAU;IAmCjB,IAAI;IAKX,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe,CAKrB;IAEK,IAAI,CAAC,KAAK,EAAE,MAAM;IAMlB,MAAM,CAAC,KAAK,EAAE,SAAS;YAKhB,UAAU;IAkBxB,OAAO,CAAC,YAAY,CAYnB;IAED,OAAO,CAAC,qBAAqB,CAY5B;IAEM,OAAO;CAIjB"}
+{"version":3,"file":"ContinuousContainer.d.ts","sourceRoot":"","sources":["../src/ContinuousContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAiB,MAAM,aAAa,CAAC;AAEvD,qBAAa,mBAAoB,YAAW,SAAS;IACnD,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,aAAa,CAAwB;IAC7C,OAAO,CAAC,QAAQ,CAAa;IAC7B,OAAO,CAAC,WAAW,CAAa;IAChC,OAAO,CAAC,UAAU,CAAa;IAE/B,OAAO,KAAK,UAAU,GAErB;IACD,OAAO,KAAK,UAAU,QAErB;IAED,IAAW,SAAS,IAAI,MAAM,CAQ7B;gBAGC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EACf,aAAa,EAAE,qBAAqB,EACpC,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,UAAU;IAmCf,IAAI;IAKX,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,eAAe,CAKrB;IAEK,IAAI,CAAC,KAAK,EAAE,MAAM;IAMlB,MAAM,CAAC,KAAK,EAAE,SAAS;YAKhB,UAAU;IAkBxB,OAAO,CAAC,YAAY,CAYlB;IAEF,OAAO,CAAC,qBAAqB,CAY3B;IAEK,OAAO;CAIf"}

package/dist/FooterView.d.ts

@@ -1,4 +1,4 @@
-import { ImageryDoc } from "./ImageryDoc";
+import { ImageryDoc } from './ImageryDoc';
 export declare class FooterView {
     readonly root: HTMLDivElement;
     private prevPage;

package/dist/FooterView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterView.d.ts","sourceRoot":"","sources":["../src/FooterView.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAIxC,qBAAa,UAAU;IAEnB,SAAgB,IAAI,EAAE,cAAc,CAAC;IAErC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,gBAAgB,CAAiD;IAEzE,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,UAAU,CAAa;gBAEZ,UAAU,EAAE,UAAU;IAgClC,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAUpC,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAU3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,aAAa;IAqCrB,OAAO,CAAC,kBAAkB,CAMxB;CACL"}
+{"version":3,"file":"FooterView.d.ts","sourceRoot":"","sources":["../src/FooterView.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,qBAAa,UAAU;IAErB,SAAgB,IAAI,EAAE,cAAc,CAAC;IAErC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,gBAAgB,CAAiD;IAEzE,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,UAAU,CAAa;gBAEZ,UAAU,EAAE,UAAU;IAgClC,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAUpC,aAAa,CAAC,MAAM,EAAE,OAAO,GAAG,IAAI;IAU3C,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,aAAa;IAqCrB,OAAO,CAAC,kBAAkB,CAMxB;CACH"}

package/dist/ImageryDoc.d.ts

@@ -1,6 +1,6 @@
-import EventEmitter from "eventemitter3";
-import { ApplicationInstanceType } from "@netless/forge-room";
-import { ImageryDocPermissionFlag, ImageryDocPermissions } from "./ImageryDocPermissions";
+import EventEmitter from 'eventemitter3';
+import { ApplicationInstanceType } from '@netless/forge-room';
+import { ImageryDocPermissionFlag, ImageryDocPermissions } from './ImageryDocPermissions';
 export interface ImageryDocEvents {
     /**
      * 当用户权限变更时触发
@@ -23,32 +23,32 @@ export interface ImageryDocEvents {
 export declare class ImageryDoc extends EventEmitter<ImageryDocEvents> implements ApplicationInstanceType {
     readonly view: HTMLDivElement;
     /**
-     * 底部操作栏
-     */
+       * 底部操作栏
+       */
     readonly footView: HTMLDivElement;
     readonly permissions: ImageryDocPermissions;
     /**
-     * 当前页面索引, 从 0 开始
-     */
+       * 当前页面索引, 从 0 开始
+       */
     readonly pageIndex: number;
     /**
-     * 总页数
-     */
+       * 总页数
+       */
     readonly pageCount: number;
     /**
-     * 切换到参数指定页面, index 从 0 开始
-     * @param {number} index 页面索引
-     */
+       * 切换到参数指定页面, index 从 0 开始
+       * @param {number} index 页面索引
+       */
     goto: (index: number) => void;
     /**
-     * 获取图片内容, base64 编码
-     * @param {number} index 页面索引
-     */
+       * 获取图片内容, base64 编码
+       * @param {number} index 页面索引
+       */
     imgContent: (index: number) => Promise<string>;
     /**
-     * 获取图片尺寸
-     * @param {number} index 页面索引
-     */
+       * 获取图片尺寸
+       * @param {number} index 页面索引
+       */
     imgSize: (index: number) => {
         width: number;
         height: number;

package/dist/ImageryDoc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageryDoc.d.ts","sourceRoot":"","sources":["../src/ImageryDoc.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,uBAAuB,EAAC,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAC,wBAAwB,EAAE,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAExF,MAAM,WAAW,gBAAgB;IAC7B;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7F;;;OAGG;IACH,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,gBAAgB,CAAE,YAAW,uBAAuB;IAE7F,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC;;OAEG;IACH,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IAEpD;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;OAEG;IACH,SAAgB,SAAS,EAAG,MAAM,CAAC;IAEnC;;;OAGG;IACI,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;OAGG;IACI,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAEvD;;;OAGG;IACI,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC;CACvE"}
+{"version":3,"file":"ImageryDoc.d.ts","sourceRoot":"","sources":["../src/ImageryDoc.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAE1F,MAAM,WAAW,gBAAgB;IAC7B;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7F;;;OAGG;IACH,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC;;;OAGG;IACH,SAAS,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,gBAAgB,CAAE,YAAW,uBAAuB;IAE/F,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC;;SAEK;IACL,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IAEpD;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IAEnC;;;SAGK;IACE,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;;SAGK;IACE,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IAEvD;;;SAGK;IACE,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC;CACrE"}

package/dist/ImageryDocApplication.d.ts

@@ -1,5 +1,5 @@
-import { AbstractApplication } from "@netless/forge-room";
-import { ImageryDoc } from "./ImageryDoc";
+import { AbstractApplication } from '@netless/forge-room';
+import { ImageryDoc } from './ImageryDoc';
 export interface ImageryDocOption {
     images: {
         src: string;
@@ -10,7 +10,7 @@ export interface ImageryDocOption {
      * 从指定的白板 id 继承白板权限以及工具栏配置
      */
     inheritWhiteboardId?: string;
-    displayMode: "continuous" | "single";
+    displayMode: 'continuous' | 'single';
 }
 export declare const IMAGERY_DOC_APP_NAME = "imagery_doc";
 /**

package/dist/ImageryDocApplication.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageryDocApplication.d.ts","sourceRoot":"","sources":["../src/ImageryDocApplication.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAC,MAAM,qBAAqB,CAAC;AAIxD,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAQxC,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,EAAE,CAAC;IACJ;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,YAAY,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,oBAAoB,gBAAgB,CAAC;AAElD;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,mBAAmB,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAExF,MAAM,CAAC,eAAe,SAAwB;IAE9C,SAAgB,IAAI,EAAE,MAAM,CAAwB;IAE7C,OAAO,EAAE,UAAU,CAAoB;IAE9C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,mBAAmB,CAAiD;IAC5E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,MAAM,CAAmB;;IA2EpB,UAAU,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA4FhE,OAAO,CAAC,OAAO;IAIF,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAMxC"}
+{"version":3,"file":"ImageryDocApplication.d.ts","sourceRoot":"","sources":["../src/ImageryDocApplication.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;KAClB,EAAE,CAAC;IACJ;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,YAAY,GAAG,QAAQ,CAAC;CACxC;AAED,eAAO,MAAM,oBAAoB,gBAAgB,CAAC;AAElD;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,mBAAmB,CAAC,gBAAgB,EAAE,UAAU,CAAC;IAE1F,MAAM,CAAC,eAAe,SAAwB;IAE9C,SAAgB,IAAI,EAAE,MAAM,CAAwB;IAE7C,OAAO,EAAE,UAAU,CAAoB;IAE9C,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,UAAU,CAAc;IAChC,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,QAAQ,CAAiD;IACjE,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,mBAAmB,CAAiD;IAC5E,OAAO,CAAC,eAAe,CAAiD;IACxE,OAAO,CAAC,WAAW,CAAyB;IAC5C,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,MAAM,CAAmB;;IA4EpB,UAAU,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA2FhE,OAAO,CAAC,OAAO;IAIF,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAgBtC"}

package/dist/ImageryDocPermissions.d.ts

@@ -1,6 +1,6 @@
-import { type UserManager } from "@netless/forge-room";
-import EventEmitter from "eventemitter3";
-import * as Y from "yjs";
+import { type UserManager } from '@netless/forge-room';
+import EventEmitter from 'eventemitter3';
+import * as Y from 'yjs';
 export declare enum ImageryDocPermissionFlag {
     /**
      * 没有任何权限, 只能同步他人的操作
@@ -43,38 +43,39 @@ export declare class ImageryDocPermissions extends EventEmitter<ImageryDocPermis
     private createModel;
     private handleUserPermissionChange;
     /**
-     * 解析权限列表组合
-     * @param {number} value - 权限数字值
-     * @return {WhiteboardPermissionFlag[]} - 权限列表
-     */
+       * 解析权限列表组合
+       * @param {number} value - 权限数字值
+       * @return {WhiteboardPermissionFlag[]} - 权限列表
+       */
     resolveFlags(value: number): ImageryDocPermissionFlag[];
     /**
-     * 获取权限列表组合对应的数值
-     * @param { string } userId 不传表示获取自己
-     */
+       * 获取权限列表组合对应的数值
+       * @param { string } userId 不传表示获取自己
+       */
     getPermissionValue(userId?: string): number;
     /**
-     * 获取权限列表
-     * @param {string=} userId 可选, 不传表示获取自己
-     */
+       * 获取权限列表
+       * @param {string=} userId 可选, 不传表示获取自己
+       */
     getPermissionFlags(userId?: string): ImageryDocPermissionFlag[];
     /**
-     * 返回对应 userId 是否有相应权限
-     * @param {string=} userId 可选, 不传表示返回自己是否有相应权限
-     * @param {WhiteboardPermissionFlag} flag
-     */
+       * 返回对应 userId 是否有相应权限
+       * @param {string=} userId 可选, 不传表示返回自己是否有相应权限
+       * @param {WhiteboardPermissionFlag} flag
+       */
     hasPermission(flag: ImageryDocPermissionFlag, userId?: string): boolean;
     /**
-     * 添加权限
-     * @param {WhiteboardPermissionFlag} flag 权限标记
-     * @param {string=} userId 可选, 为 userId 添加权限, 不传表示为自己添加权限
-     */
+       * 添加权限
+       * @param {WhiteboardPermissionFlag} flag 权限标记
+       * @param {string=} userId 可选, 为 userId 添加权限, 不传表示为自己添加权限
+       */
     addPermission(flag: ImageryDocPermissionFlag, userId?: string): void;
     /**
-     * 移除权限
-     * @param {WhiteboardPermissionFlag} flag 权限标记
-     * @param {string=} userId 可选, 为 userId 移除权限, 不传表示为自己移除权限
-     */
+       * 移除权限
+       * @param {WhiteboardPermissionFlag} flag 权限标记
+       * @param {string=} userId 可选, 为 userId 移除权限, 不传表示为自己移除权限
+       */
     removePermission(flag: ImageryDocPermissionFlag, userId?: string): void;
+    dispose(): void;
 }
 //# sourceMappingURL=ImageryDocPermissions.d.ts.map

package/dist/ImageryDocPermissions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageryDocPermissions.d.ts","sourceRoot":"","sources":["../src/ImageryDocPermissions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAEzB,oBAAY,wBAAwB;IAChC;;OAEG;IACH,IAAI,IAAqB;IACzB;;OAEG;IACH,UAAU,IAAqB;IAC/B;;OAEG;IACH,MAAM,IAAqB;IAC3B;;OAEG;IACH,OAAO,IAAqB;IAC5B;;OAEG;IACH,GAAG,IAEiC;CACvC;AAED,MAAM,WAAW,0BAA0B;IACvC;;;;;OAKG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtF;AAED,qBAAa,qBAAsB,SAAQ,YAAY,CAAC,0BAA0B,CAAC;IAE/E,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,SAAS,CAA+B;gBAG5C,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IAclD,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,0BAA0B;IAWlC;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,wBAAwB,EAAE;IAQ9D;;;OAGG;IACI,kBAAkB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM;IAIlD;;;OAGG;IACI,kBAAkB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,wBAAwB,EAAE;IAKtE;;;;OAIG;IACI,aAAa,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO;IAI9E;;;;OAIG;IACI,aAAa,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM;IAMpE;;;;OAIG;IACI,gBAAgB,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM;CAK1E"}
+{"version":3,"file":"ImageryDocPermissions.d.ts","sourceRoot":"","sources":["../src/ImageryDocPermissions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAEzB,oBAAY,wBAAwB;IAChC;;OAEG;IACH,IAAI,IAAqB;IACzB;;OAEG;IACH,UAAU,IAAqB;IAC/B;;OAEG;IACH,MAAM,IAAqB;IAC3B;;OAEG;IACH,OAAO,IAAqB;IAC5B;;OAEG;IACH,GAAG,IAEiC;CACvC;AAED,MAAM,WAAW,0BAA0B;IACvC;;;;;OAKG;IACH,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtF;AAED,qBAAa,qBAAsB,SAAQ,YAAY,CAAC,0BAA0B,CAAC;IAEjF,OAAO,CAAC,cAAc,CAAiC;IACvD,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,SAAS,CAA+B;gBAG9C,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IAchD,OAAO,CAAC,eAAe,CAKrB;IAEF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,0BAA0B;IAWlC;;;;SAIK;IACE,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,wBAAwB,EAAE;IAQ9D;;;SAGK;IACE,kBAAkB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM;IAIlD;;;SAGK;IACE,kBAAkB,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,wBAAwB,EAAE;IAKtE;;;;SAIK;IACE,aAAa,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO;IAI9E;;;;SAIK;IACE,aAAa,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM;IAMpE;;;;SAIK;IACE,gBAAgB,CAAC,IAAI,EAAE,wBAAwB,EAAE,MAAM,CAAC,EAAE,MAAM;IAMhE,OAAO;CASf"}

package/dist/InfinityScroll.d.ts

@@ -1,4 +1,4 @@
-import EventEmitter from "eventemitter3";
+import EventEmitter from 'eventemitter3';
 interface InfinityScrollEvents {
     scale: (value: number) => void;
     translate: (x: number, y: number) => void;

package/dist/InfinityScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfinityScroll.d.ts","sourceRoot":"","sources":["../src/InfinityScroll.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,UAAU,oBAAoB;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,qBAAa,cAAe,SAAQ,YAAY,CAAC,oBAAoB,CAAC;IAElE,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,eAAe,CAAa;gBAEjB,IAAI,EAAE,cAAc;IAMvC,OAAO,CAAC,WAAW,CA8BjB;IAEK,OAAO;CAGjB"}
+{"version":3,"file":"InfinityScroll.d.ts","sourceRoot":"","sources":["../src/InfinityScroll.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AAEzC,UAAU,oBAAoB;IAC1B,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,qBAAa,cAAe,SAAQ,YAAY,CAAC,oBAAoB,CAAC;IAEpE,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,OAAO,CAAC,SAAS,CAA0C;IAC3D,OAAO,CAAC,eAAe,CAAa;gBAEjB,IAAI,EAAE,cAAc;IAMvC,OAAO,CAAC,WAAW,CA8BjB;IAEK,OAAO;CAIf"}

package/dist/LazyImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../src/LazyImage.ts"],"names":[],"mappings":"AAEA,qBAAa,SAAS;IAElB,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,GAAG,CAAS;gBAED,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAWtD,KAAK,CAAC,KAAK,EAAE,MAAM;IAOb,aAAa,IAAI,OAAO,CAAC,MAAM,CAAC;IA0BhC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAYxC"}
+{"version":3,"file":"LazyImage.d.ts","sourceRoot":"","sources":["../src/LazyImage.ts"],"names":[],"mappings":"AAEA,qBAAa,SAAS;IAEpB,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,SAAgB,KAAK,EAAE,MAAM,CAAC;IAC9B,SAAgB,MAAM,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,GAAG,CAAS;gBAED,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IAWtD,KAAK,CAAC,KAAK,EAAE,MAAM;IAOb,aAAa,IAAI,OAAO,CAAC,MAAM,CAAC;IA0BhC,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;CAYtC"}

package/dist/SingleContainer.d.ts

@@ -1,8 +1,8 @@
-import { LazyImage } from "./LazyImage";
-import * as Y from "yjs";
-import { WhiteboardApplication } from "@netless/forge-whiteboard";
-import type { ImageryDoc } from "./ImageryDoc";
-import { Container } from "./Container";
+import { LazyImage } from './LazyImage';
+import * as Y from 'yjs';
+import { WhiteboardApplication } from '@netless/forge-whiteboard';
+import type { ImageryDoc } from './ImageryDoc';
+import { Container } from './Container';
 export declare const delay: (value: number) => Promise<unknown>;
 export declare class SingleContainer implements Container {
     readonly view: HTMLDivElement;
@@ -13,7 +13,6 @@ export declare class SingleContainer implements Container {
     private scroll;
     private map;
     private whiteboardApp;
-    private timeoutId;
     private imageDoc;
     private get scale();
     private set scale(value);
@@ -24,6 +23,7 @@ export declare class SingleContainer implements Container {
     get pageIndex(): number;
     constructor(map: Y.Map<any>, whiteboardApp: WhiteboardApplication, parentView: HTMLDivElement, imageDoc: ImageryDoc);
     init(): void;
+    private resetTranslateOnResize;
     private handleTranslate;
     private handleMapChange;
     goto(index: number): void;

package/dist/SingleContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleContainer.d.ts","sourceRoot":"","sources":["../src/SingleContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAC,SAAS,EAAgB,MAAM,aAAa,CAAC;AAErD,eAAO,MAAM,KAAK,UAAW,MAAM,qBAAuD,CAAC;AAU3F,qBAAa,eAAgB,YAAW,SAAS;IAC7C,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,aAAa,CAAwB;IAC7C,OAAO,CAAC,SAAS,CAAa;IAC9B,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,KAAK,KAAK,GAEhB;IACD,OAAO,KAAK,KAAK,QAEhB;IACD,OAAO,KAAK,UAAU,GAErB;IACD,OAAO,KAAK,UAAU,QAErB;IACD,OAAO,KAAK,UAAU,GAErB;IACD,OAAO,KAAK,UAAU,QAErB;IACD,IAAW,SAAS,IAAI,MAAM,CAE7B;gBAGG,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EACf,aAAa,EAAE,qBAAqB,EACpC,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,UAAU;IA8CjB,IAAI;IAQX,OAAO,CAAC,eAAe;IAkCvB,OAAO,CAAC,eAAe,CAerB;IAEK,IAAI,CAAC,KAAK,EAAE,MAAM;IAMlB,MAAM,CAAC,KAAK,EAAE,SAAS;YAIhB,UAAU;IAgCxB,OAAO,CAAC,YAAY,CAYnB;IAED,OAAO,CAAC,qBAAqB,CAwB5B;IAEM,OAAO;CAKjB"}
+{"version":3,"file":"SingleContainer.d.ts","sourceRoot":"","sources":["../src/SingleContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAiB,MAAM,aAAa,CAAC;AAEvD,eAAO,MAAM,KAAK,UAAW,MAAM,qBAAuD,CAAC;AAU3F,qBAAa,eAAgB,YAAW,SAAS;IAC/C,SAAgB,IAAI,EAAE,cAAc,CAAC;IACrC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,cAAc,CAAkB;IACxC,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,GAAG,CAAa;IACxB,OAAO,CAAC,aAAa,CAAwB;IAC7C,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,KAAK,KAAK,GAEhB;IACD,OAAO,KAAK,KAAK,QAEhB;IACD,OAAO,KAAK,UAAU,GAErB;IACD,OAAO,KAAK,UAAU,QAErB;IACD,OAAO,KAAK,UAAU,GAErB;IACD,OAAO,KAAK,UAAU,QAErB;IACD,IAAW,SAAS,IAAI,MAAM,CAE7B;gBAGC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EACf,aAAa,EAAE,qBAAqB,EACpC,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,UAAU;IA+Cf,IAAI;IAQX,OAAO,CAAC,sBAAsB;IAiB9B,OAAO,CAAC,eAAe;IAkCvB,OAAO,CAAC,eAAe,CAerB;IAEK,IAAI,CAAC,KAAK,EAAE,MAAM;IAMlB,MAAM,CAAC,KAAK,EAAE,SAAS;YAIhB,UAAU;IAgCxB,OAAO,CAAC,YAAY,CAalB;IAEF,OAAO,CAAC,qBAAqB,CAgB3B;IAEK,OAAO;CAKf"}

package/dist/imagery-doc.esm.js

@@ -86,7 +86,7 @@ var LazyImage = class {
     const blob = await response.blob();
     return new Promise((resolve, reject) => {
       const reader = new FileReader();
-      reader.onload = (e) => {
+      reader.onload = (_e) => {
         kvStore.setItem(this.src, reader.result);
         resolve(reader.result);
       };
@@ -185,56 +185,65 @@ var ImageryDocPermissions = class extends EventEmitter2 {
     }
   }
   /**
-   * 解析权限列表组合
-   * @param {number} value - 权限数字值
-   * @return {WhiteboardPermissionFlag[]} - 权限列表
-   */
+     * 解析权限列表组合
+     * @param {number} value - 权限数字值
+     * @return {WhiteboardPermissionFlag[]} - 权限列表
+     */
   resolveFlags(value) {
     return [ImageryDocPermissionFlag.switchPage, ImageryDocPermissionFlag.sideBar, ImageryDocPermissionFlag.camera].filter((v) => (v & value) !== 0);
   }
   /**
-   * 获取权限列表组合对应的数值
-   * @param { string } userId 不传表示获取自己
-   */
+     * 获取权限列表组合对应的数值
+     * @param { string } userId 不传表示获取自己
+     */
   getPermissionValue(userId) {
     return this.requestUserMap(userId ?? this.userManager.selfId).get("permission") ?? 0;
   }
   /**
-   * 获取权限列表
-   * @param {string=} userId 可选, 不传表示获取自己
-   */
+     * 获取权限列表
+     * @param {string=} userId 可选, 不传表示获取自己
+     */
   getPermissionFlags(userId) {
     const value = this.requestUserMap(userId ?? this.userManager.selfId).get("permission") ?? 0;
     return this.resolveFlags(value);
   }
   /**
-   * 返回对应 userId 是否有相应权限
-   * @param {string=} userId 可选, 不传表示返回自己是否有相应权限
-   * @param {WhiteboardPermissionFlag} flag
-   */
+     * 返回对应 userId 是否有相应权限
+     * @param {string=} userId 可选, 不传表示返回自己是否有相应权限
+     * @param {WhiteboardPermissionFlag} flag
+     */
   hasPermission(flag, userId) {
     return ((this.requestUserMap(userId ?? this.userManager.selfId).get("permission") ?? 0) & flag) !== 0;
   }
   /**
-   * 添加权限
-   * @param {WhiteboardPermissionFlag} flag 权限标记
-   * @param {string=} userId 可选, 为 userId 添加权限, 不传表示为自己添加权限
-   */
+     * 添加权限
+     * @param {WhiteboardPermissionFlag} flag 权限标记
+     * @param {string=} userId 可选, 为 userId 添加权限, 不传表示为自己添加权限
+     */
   addPermission(flag, userId) {
     const userMap = this.requestUserMap(userId ?? this.userManager.selfId);
     const oldValue = userMap.get("permission") ?? 0;
     this.requestUserMap(userId ?? this.userManager.selfId).set("permission", oldValue | flag);
   }
   /**
-   * 移除权限
-   * @param {WhiteboardPermissionFlag} flag 权限标记
-   * @param {string=} userId 可选, 为 userId 移除权限, 不传表示为自己移除权限
-   */
+     * 移除权限
+     * @param {WhiteboardPermissionFlag} flag 权限标记
+     * @param {string=} userId 可选, 为 userId 移除权限, 不传表示为自己移除权限
+     */
   removePermission(flag, userId) {
     const userMap = this.requestUserMap(userId ?? this.userManager.selfId);
     const oldValue = userMap.get("permission") ?? 0;
     this.requestUserMap(userId ?? this.userManager.selfId).set("permission", oldValue & ~flag);
   }
+  dispose() {
+    this.userManager.off("join", this.handleUserJoin);
+    this.userManager.off("leave", this.handleUserLeave);
+    for (const [userId, observer] of this.observers) {
+      this.requestUserMap(userId).unobserve(observer);
+    }
+    this.observers.clear();
+    this.removeAllListeners();
+  }
 };
 
 // src/icons.ts
@@ -458,6 +467,7 @@ var InfinityScroll = class extends EventEmitter3 {
   }
   dispose() {
     this.view.removeEventListener("wheel", this.handleWheel);
+    this.removeAllListeners();
   }
 };
 
@@ -523,7 +533,7 @@ var ContinuousContainer = class {
       const bound = this.view.getBoundingClientRect();
       let scaledHeight = 0;
       for (const image of this.images) {
-        let scale = bound.width / image.width;
+        const scale = bound.width / image.width;
         image.scale(scale);
         scaledHeight += image.height * scale;
       }
@@ -675,14 +685,13 @@ var SingleContainer = class {
     _defineProperty7(this, "scroll", void 0);
     _defineProperty7(this, "map", void 0);
     _defineProperty7(this, "whiteboardApp", void 0);
-    _defineProperty7(this, "timeoutId", null);
     _defineProperty7(this, "imageDoc", void 0);
     _defineProperty7(this, "handleMapChange", (event) => {
       if (event.keysChanged.has(ContainerKeys.scale) || event.keysChanged.has(ContainerKeys.translateX) || event.keysChanged.has(ContainerKeys.translateY)) {
         this.updateSyncedTransform();
       }
       if (event.keysChanged.has(ContainerKeys.pageIndex)) {
-        this.handleGoto(this.pageIndex).catch((error) => {
+        this.handleGoto(this.pageIndex).catch((_error) => {
         });
       }
     });
@@ -697,6 +706,7 @@ var SingleContainer = class {
         const ty = Math.round((bound.height - this.currentImage.height * scale) / 2 / scale);
         this.currentImage.view.style.transform = `scale(${scale}) translate(${tx}px, ${ty}px)`;
         this.updateSyncedTransform();
+        this.resetTranslateOnResize();
       }
     });
     _defineProperty7(this, "updateSyncedTransform", () => {
@@ -707,22 +717,11 @@ var SingleContainer = class {
       const tx = -this.translateX * parentBounds.width / this.scale;
       const ty = -this.translateY * parentBounds.height / this.scale;
       this.view.style.transform = `scale(${this.scale}) translate(${tx}px, ${ty}px)`;
-      const whiteboardView = this.whiteboardApp.emitter.view;
-      whiteboardView.style.width = `${parentBounds.width}px`;
-      whiteboardView.style.height = `${parentBounds.height}px`;
-      whiteboardView.style.top = "0";
-      whiteboardView.style.left = "0";
-      whiteboardView.style.transform = `scale(${this.scale}) translate(${tx}px, ${ty}px)`;
-      this.whiteboardApp.adjustByOutFrame(parentBounds.width, parentBounds.height);
-      window.clearTimeout(this.timeoutId);
-      this.timeoutId = window.setTimeout(() => {
-        whiteboardView.style.width = `${parentBounds.width * this.scale}px`;
-        whiteboardView.style.height = `${parentBounds.height * this.scale}px`;
-        whiteboardView.style.top = `${-(this.scale - 1) * parentBounds.height / 2 + ty * this.scale}px`;
-        whiteboardView.style.left = `${-(this.scale - 1) * parentBounds.width / 2 + tx * this.scale}px`;
-        whiteboardView.style.transform = `scale(1) translate(0px, 0px)`;
-        this.whiteboardApp.adjustByOutFrame(parentBounds.width * this.scale, parentBounds.height * this.scale);
-      }, 200);
+      this.whiteboardApp.adjustByOutFrame(parentBounds.width * this.scale, parentBounds.height * this.scale);
+      const whiteboardSize = this.whiteboardApp.getViewSize();
+      const whiteboardScale = this.whiteboardApp.getInherentScale();
+      this.whiteboardApp.emitter.resetCamera();
+      this.whiteboardApp.emitter.translateCamera(-this.translateX * whiteboardSize[0] / whiteboardScale / this.scale, -this.translateY * whiteboardSize[1] / whiteboardScale / this.scale);
     });
     this.imageDoc = imageDoc;
     this.parentView = parentView;
@@ -739,7 +738,6 @@ var SingleContainer = class {
     this.view.setAttribute("data-imagery-container", "single");
     this.resizeObserver = new ResizeObserver(this.handleResize);
     this.resizeObserver.observe(this.view);
-    window.imageWhiteboard = this.whiteboardApp;
     this.whiteboardApp.updateInternalResizeObserverStatus(false);
     this.map.observe(this.handleMapChange);
     if (!this.map.has(ContainerKeys.scale)) {
@@ -764,12 +762,29 @@ var SingleContainer = class {
       this.scale = nextScale;
       this.handleTranslate(0, 0);
     });
+    window.__doc = this;
   }
   init() {
-    this.handleGoto(this.pageIndex).catch((error) => {
+    this.handleGoto(this.pageIndex).catch((_error) => {
     });
     this.updateSyncedTransform();
   }
+  resetTranslateOnResize() {
+    const image = this.view.children[0];
+    if (!image) {
+      return;
+    }
+    const imageBounds = image.getBoundingClientRect();
+    const parentBounds = this.parentView.getBoundingClientRect();
+    const maxDx = (imageBounds.width - parentBounds.width) / 2;
+    const maxDy = (imageBounds.height - parentBounds.height) / 2;
+    if (maxDx < 0) {
+      this.translateX = 0;
+    }
+    if (maxDy < 0) {
+      this.translateY = 0;
+    }
+  }
   handleTranslate(dx, dy) {
     const image = this.view.children[0];
     if (!image) {
@@ -839,9 +854,9 @@ var SingleContainer = class {
     }
   }
   dispose() {
+    this.map.unobserve(this.handleMapChange);
     this.resizeObserver.disconnect();
     this.scroll.dispose();
-    window.clearTimeout(this.timeoutId);
   }
 };
 
@@ -979,9 +994,9 @@ var ImageryDocApplication = class extends AbstractApplication {
     this.contentContainer.appendChild(this.whiteboardContainer);
     this.contentContainer.appendChild(this.footerContainer);
     this.footerContainer.appendChild(this.footer.root);
-    this.whiteboard.setViewModeToMain();
     let i = 0;
     this.whiteboard.permissions.addPermission(WhiteboardPermissionFlag.mainView);
+    this.whiteboard.setViewModeToMain();
     while (i < option.images.length) {
       const image = option.images[i];
       this.images[i] = new LazyImage(image.src, image.width, image.height);
@@ -995,14 +1010,13 @@ var ImageryDocApplication = class extends AbstractApplication {
       this.whiteboard.addPage("doc_continuous");
       this.whiteboard.gotoPage("doc_continuous");
     }
-    if (option.displayMode === "single") {
-      this.whiteboard.setViewModeToMain();
-    } else {
-      this.whiteboard.setViewModeToFree();
-    }
+    this.whiteboard.setViewModeToFree();
     this.permissions = new ImageryDocPermissions(this.userManager, (userId) => {
       return this.userMap(userId);
     });
+    this.permissions.on("change", (userId, flags, value) => {
+      this.emitter.emit("permissionChange", userId, flags, value);
+    });
     this.permissions.addPermission(ImageryDocPermissionFlag.all);
     this.whiteboardApp.disableViewModel();
     this.container.init();
@@ -1019,10 +1033,37 @@ var ImageryDocApplication = class extends AbstractApplication {
     await this.whiteboardApp.dispose();
     this.rootView.parentElement?.removeChild(this.rootView);
     this.container.dispose();
+    this.permissions.dispose();
+    Object.defineProperty(this.emitter, "footView", {
+      value: null
+    });
+    Object.defineProperty(this.emitter, "view", {
+      value: null
+    });
+    Object.defineProperty(this.emitter, "permissions", {
+      value: null
+    });
+    Object.defineProperty(this.emitter, "pageIndex", {
+      value: null
+    });
+    Object.defineProperty(this.emitter, "pageCount", {
+      value: null
+    });
+    Object.defineProperty(this.emitter, "goto", {
+      value: null
+    });
+    Object.defineProperty(this.emitter, "imgContent", {
+      value: null
+    });
+    Object.defineProperty(this.emitter, "imgSize", {
+      value: null
+    });
+    this.emitter.removeAllListeners();
     return Promise.resolve(void 0);
   }
 };
 _defineProperty8(ImageryDocApplication, "applicationName", IMAGERY_DOC_APP_NAME);
+window.__ImageryDocApplication = ImageryDocApplication;
 export {
   ImageryDoc,
   ImageryDocApplication,