@netless/forge-slide 1.0.0 → 1.0.1

package/dist/Slide.d.ts

@@ -1,5 +1,5 @@
 import EventEmitter from 'eventemitter3';
-import { ApplicationInstanceType } from '@netless/forge-room';
+import { ApplicationInstanceType, ForgeWindow } from '@netless/forge-room';
 import { ForgeSlidePermissionFlag, ForgeSlidePermissions } from './ForgeSlidePermession';
 export interface SlideEvents {
     /**
@@ -35,6 +35,7 @@ export declare class SlideForge extends EventEmitter<SlideEvents> implements App
     readonly permissions: ForgeSlidePermissions;
     readonly footView: HTMLDivElement;
     readonly sideBarView: HTMLDivElement;
+    readonly window: ForgeWindow | undefined;
     /**
        * 当前页面索引, 从 0 开始
        */

package/dist/Slide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../src/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEzF,MAAM,WAAW,WAAW;IACxB;;;;;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;IAEvC;;;OAGG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,WAAW,CAAE,YAAW,uBAAuB;IAE1F,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IACpD,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAG,cAAc,CAAC;IAC7C;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;;SAGK;IACE,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,aAAa,EAAG,MAAM,IAAI,CAAC;IAElC;;;SAGK;IACE,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD;;;SAGK;IACE,MAAM,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACnD;;;SAGK;IACE,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;CAC9E"}
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../src/Slide.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEzF,MAAM,WAAW,WAAW;IACxB;;;;;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;IAEvC;;;OAGG;IACH,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/C;;;OAGG;IACH,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAGD,qBAAa,UAAW,SAAQ,YAAY,CAAC,WAAW,CAAE,YAAW,uBAAuB;IAE1F,SAAgB,IAAI,EAAG,cAAc,CAAC;IACtC,SAAgB,WAAW,EAAG,qBAAqB,CAAC;IACpD,SAAgB,QAAQ,EAAG,cAAc,CAAC;IAC1C,SAAgB,WAAW,EAAG,cAAc,CAAC;IAC7C,SAAgB,MAAM,EAAE,WAAW,GAAG,SAAS,CAAa;IAC5D;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;SAEK;IACL,SAAgB,SAAS,EAAG,MAAM,CAAC;IACnC;;;SAGK;IACE,IAAI,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,QAAQ,EAAG,MAAM,IAAI,CAAC;IAC7B;;SAEK;IACE,aAAa,EAAG,MAAM,IAAI,CAAC;IAElC;;;SAGK;IACE,UAAU,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACvD;;;SAGK;IACE,MAAM,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACnD;;;SAGK;IACE,OAAO,EAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC,CAAC,CAAC;CAC9E"}

package/dist/index.esm.js

@@ -61158,7 +61158,11 @@ var ElementModel = class _ElementModel {
     return this.root.get(_ElementModel.KEYS.pointsMatrix) || [1, 0, 0, 1, 0, 0];
   }
   get points() {
-    return this.root.get(_ElementModel.KEYS.points).toArray();
+    const list = this.root.get(_ElementModel.KEYS.points);
+    if (list) {
+      return list.toArray();
+    }
+    return [];
   }
   set ownerId(value) {
     this.root.set(_ElementModel.KEYS.ownerId, value);
@@ -61801,7 +61805,12 @@ var LineTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createLinePath(true);
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createLinePath(true);
+      }
+    });
     this.from = event.point.clone();
     this.to = event.point.clone();
   }
@@ -63693,7 +63702,12 @@ var CurveTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createCurve(true);
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createCurve(true);
+      }
+    });
   }
   onMouseDrag(event) {
     if (this.pointCount > 1024) {
@@ -63720,34 +63734,41 @@ var CurveTool = class extends WhiteboardTool {
     }
   }
   onMouseUp(event) {
-    if (this.pointCount < 3 && this.elementModel) {
-      this.modelGetter().removeElementItem(this.elementModel.uuid);
-    }
-    if (this.elementModel) {
-      this.elementModel.shadow = "";
-    }
-    if (this.elementModel && event.event.metaKey) {
-      const result = this.recognizer.recognize(this.elementModel.points);
-      if (result) {
-        this.modelGetter().removeElementItem(this.elementModel.uuid);
-        if (/^rectangle/.test(result.shape)) {
-          const model = this.modelGetter().createRectangle(false);
-          model?.setPoints([result.minX, result.minY, result.maxX, result.maxY]);
-        } else if (/^circle/.test(result.shape)) {
-          const model = this.modelGetter().createSegmentedPath("ellipse", false);
-          const rect = new this.scope.Rectangle(new this.scope.Point(result.minX, result.minY), new this.scope.Point(result.maxX, result.maxY));
-          const pathRect = new this.scope.Path.Ellipse(rect);
-          const points = serializePath(pathRect);
-          model?.setPoints(points);
-        } else if (/^triangle/.test(result.shape)) {
-          const model = this.modelGetter().createTriangle(false);
-          model?.setPoints([result.minX + (result.maxX - result.minX) / 2, result.minY, result.minX, result.maxY, result.maxX, result.maxY]);
-        } else if (/^arrow/.test(result.shape)) {
-          const model = this.modelGetter().createLinePath(false);
-          model?.setPoints([result.minX, (result.maxY + result.minY) / 2, result.maxX, (result.maxY + result.minY) / 2]);
+    this.modelGetter().then((model) => {
+      if (!model) {
+        return;
+      }
+      if (this.pointCount < 3 && this.elementModel) {
+        if (this.elementModel) {
+          model.removeElementItem(this.elementModel.uuid);
         }
       }
-    }
+      if (this.elementModel) {
+        this.elementModel.shadow = "";
+      }
+      if (this.elementModel && event.event.metaKey) {
+        const result = this.recognizer.recognize(this.elementModel.points);
+        if (result) {
+          model.removeElementItem(this.elementModel.uuid);
+          if (/^rectangle/.test(result.shape)) {
+            const rect = model.createRectangle(false);
+            rect?.setPoints([result.minX, result.minY, result.maxX, result.maxY]);
+          } else if (/^circle/.test(result.shape)) {
+            const circle = model.createSegmentedPath("ellipse", false);
+            const rect = new this.scope.Rectangle(new this.scope.Point(result.minX, result.minY), new this.scope.Point(result.maxX, result.maxY));
+            const pathRect = new this.scope.Path.Ellipse(rect);
+            const points = serializePath(pathRect);
+            circle?.setPoints(points);
+          } else if (/^triangle/.test(result.shape)) {
+            const triangle = model.createTriangle(false);
+            triangle?.setPoints([result.minX + (result.maxX - result.minX) / 2, result.minY, result.minX, result.maxY, result.maxX, result.maxY]);
+          } else if (/^arrow/.test(result.shape)) {
+            const arrow = model.createLinePath(false);
+            arrow?.setPoints([result.minX, (result.maxY + result.minY) / 2, result.maxX, (result.maxY + result.minY) / 2]);
+          }
+        }
+      }
+    });
   }
 };
 function _defineProperty20(e, r, t) {
@@ -63780,7 +63801,12 @@ var RectangleTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createRectangle(true);
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createRectangle(true);
+      }
+    });
     this.from = event.point.clone();
     this.to = event.point.clone();
   }
@@ -63795,7 +63821,11 @@ var RectangleTool = class extends WhiteboardTool {
       this.elementModel.shadow = "";
     }
     if (this.elementModel && this.from && this.from.getDistance(event.point) < 3) {
-      this.modelGetter().removeElementItem(this.elementModel.uuid);
+      this.modelGetter().then((model) => {
+        if (model && this.elementModel) {
+          model.removeElementItem(this.elementModel.uuid);
+        }
+      });
     }
   }
 };
@@ -63933,11 +63963,16 @@ var SelectorTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createSelector();
-    this.from = event.point.clone();
-    this.to = event.point.clone();
-    const rect = new this.scope.Rectangle(this.from, this.to);
-    this.elementModel?.setPoints([rect.topLeft.x, rect.topLeft.y, rect.size.width, rect.size.height]);
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createSelector();
+        this.from = event.point.clone();
+        this.to = event.point.clone();
+        const rect = new this.scope.Rectangle(this.from, this.to);
+        this.elementModel?.setPoints([rect.topLeft.x, rect.topLeft.y, rect.size.width, rect.size.height]);
+      }
+    });
     this.selectElements.clear();
   }
   onMouseDrag(event) {
@@ -63959,7 +63994,11 @@ var SelectorTool = class extends WhiteboardTool {
   }
   onMouseUp(event) {
     if (this.elementModel) {
-      this.modelGetter().removeElementItem(this.elementModel.uuid);
+      this.modelGetter().then((model) => {
+        if (model && this.elementModel) {
+          model.removeElementItem(this.elementModel.uuid);
+        }
+      });
     }
     const elements = Array.from(this.selectElements.keys()).reduce((result, next) => {
       result.push({
@@ -64885,41 +64924,46 @@ var TextTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createPointText(x, y, true);
-    if (this.elementModel === null) {
-      return;
-    }
-    const editorContainer = window.document.createElement("div");
-    const canvasBounds = this.canvasElement.getBoundingClientRect();
-    editorContainer.style.cssText = `position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:${canvasBounds.width}px;height:${canvasBounds.height}px;`;
-    const editor = new TextEditor(this.camera);
-    editor.setOrigin(x, y);
-    editorContainer.appendChild(editor.rootView);
-    this.rootView.appendChild(editorContainer);
-    editor.setFontSize(this.toolbarModel.fontSize);
-    editor.setFontFamily(this.toolbarModel.fontFamily);
-    this.camera.triggerZoom();
-    editor.on("caretOutRight", () => {
-    });
-    editor.on("change", (content) => {
-      if (this.elementModel) {
-        this.elementModel.content = content;
-      }
-    });
-    editor.on("done", () => {
-      if (this.elementModel) {
-        if (!this.elementModel.content || this.elementModel.content.length === 0) {
-          this.modelGetter().removeElementItem(this.elementModel.uuid);
-        } else {
-          this.elementModel.shadow = "";
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createPointText(x, y, true);
+        if (this.elementModel === null) {
+          return;
         }
+        const editorContainer = window.document.createElement("div");
+        const canvasBounds = this.canvasElement.getBoundingClientRect();
+        editorContainer.style.cssText = `position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;width:${canvasBounds.width}px;height:${canvasBounds.height}px;`;
+        const editor = new TextEditor(this.camera);
+        editor.setOrigin(x, y);
+        editorContainer.appendChild(editor.rootView);
+        this.rootView.appendChild(editorContainer);
+        editor.setFontSize(this.toolbarModel.fontSize);
+        editor.setFontFamily(this.toolbarModel.fontFamily);
+        this.camera.triggerZoom();
+        editor.on("caretOutRight", () => {
+        });
+        editor.on("change", (content) => {
+          if (this.elementModel) {
+            this.elementModel.content = content;
+          }
+        });
+        editor.on("done", () => {
+          if (this.elementModel) {
+            if (!this.elementModel.content || this.elementModel.content.length === 0) {
+              model.removeElementItem(this.elementModel.uuid);
+            } else {
+              this.elementModel.shadow = "";
+            }
+          }
+          editor.dispose();
+          this.rootView.removeChild(editorContainer);
+        });
+        setTimeout(() => {
+          editor.focus();
+        }, 30);
       }
-      editor.dispose();
-      this.rootView.removeChild(editorContainer);
     });
-    setTimeout(() => {
-      editor.focus();
-    }, 30);
   }
 };
 function _defineProperty27(e, r, t) {
@@ -65426,7 +65470,12 @@ var EllipseTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createSegmentedPath("ellipse", true);
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createSegmentedPath("ellipse", true);
+      }
+    });
     this.from = event.point.clone();
     this.to = event.point.clone();
   }
@@ -65441,7 +65490,11 @@ var EllipseTool = class extends WhiteboardTool {
   }
   onMouseUp(event) {
     if (this.elementModel && this.from && this.from.getDistance(event.point) < 3) {
-      this.modelGetter().removeElementItem(this.elementModel.uuid);
+      this.modelGetter().then((model) => {
+        if (model && this.elementModel) {
+          model.removeElementItem(this.elementModel.uuid);
+        }
+      });
     } else {
       if (this.elementModel) {
         this.elementModel.shadow = "";
@@ -65479,7 +65532,12 @@ var TriangleTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createTriangle(true);
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createTriangle(true);
+      }
+    });
     this.from = event.point.clone();
     this.to = event.point.clone();
   }
@@ -65491,7 +65549,11 @@ var TriangleTool = class extends WhiteboardTool {
   }
   onMouseUp(event) {
     if (this.elementModel && this.from && this.from.getDistance(event.point) < 3) {
-      this.modelGetter().removeElementItem(this.elementModel.uuid);
+      this.modelGetter().then((model) => {
+        if (model && this.elementModel) {
+          model.removeElementItem(this.elementModel.uuid);
+        }
+      });
     }
     if (this.elementModel) {
       this.elementModel.shadow = "";
@@ -65520,6 +65582,7 @@ var Whiteboard = class extends EventEmitter8 {
     super();
     _defineProperty31(this, "view", void 0);
     _defineProperty31(this, "selfUserId", void 0);
+    _defineProperty31(this, "window", void 0);
     _defineProperty31(this, "permissions", void 0);
     _defineProperty31(this, "tool", void 0);
     _defineProperty31(this, "fontSize", void 0);
@@ -65601,7 +65664,12 @@ var EraserTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createEraser();
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createEraser();
+      }
+    });
   }
   onMouseDrag(event) {
     if (this.pointCount > 1024) {
@@ -65634,7 +65702,11 @@ var EraserTool = class extends WhiteboardTool {
   }
   onMouseUp(_event) {
     if (this.elementModel) {
-      this.modelGetter().removeElementItem(this.elementModel.uuid);
+      this.modelGetter().then((model) => {
+        if (model && this.elementModel) {
+          model.removeElementItem(this.elementModel.uuid);
+        }
+      });
     }
     this.trashedElementsModel.removeAllTrashedElementsForSelf();
   }
@@ -65786,7 +65858,12 @@ var LaserPointerTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createLaserPointer();
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createLaserPointer();
+      }
+    });
   }
   onMouseDrag(event) {
     if (this.pointCount > 1024) {
@@ -66396,7 +66473,12 @@ var StraightLineTool = class extends WhiteboardTool {
     if (this.elementModel) {
       this.elementModel.dispose();
     }
-    this.elementModel = this.modelGetter().createStraightLine(true);
+    this.elementModel = null;
+    this.modelGetter().then((model) => {
+      if (model) {
+        this.elementModel = model.createStraightLine(true);
+      }
+    });
     this.from = event.point.clone();
     this.to = event.point.clone();
   }
@@ -66411,7 +66493,11 @@ var StraightLineTool = class extends WhiteboardTool {
       this.elementModel.shadow = "";
     }
     if (this.elementModel && this.from && this.from.getDistance(event.point) < 3) {
-      this.modelGetter().removeElementItem(this.elementModel.uuid);
+      this.modelGetter().then((model) => {
+        if (model && this.elementModel) {
+          model.removeElementItem(this.elementModel.uuid);
+        }
+      });
     }
   }
 };
@@ -66885,12 +66971,20 @@ var WhiteboardApplication = class extends AbstractApplication {
         }
       }
     });
-    _defineProperty43(this, "getCurrentRenderableModel", () => {
+    _defineProperty43(this, "getCurrentRendererModel", () => {
       const layerId = this.userMap(this.userId).get(WhiteboardKeys.currentPage);
-      if (!this.layers.has(layerId)) {
-        this.emitter.emit("error", 300002, `target page: ${layerId} not found`);
+      if (this.layers.has(layerId)) {
+        return Promise.resolve(this.layers.get(layerId));
+      } else {
+        return waitUntil(() => this.layers.has(layerId), 1e3).then(() => {
+          if (this.layers.has(layerId)) {
+            return this.layers.get(layerId);
+          } else {
+            this.emitter.emit("error", 300002, `target page: ${layerId} not found`);
+            return null;
+          }
+        });
       }
-      return this.layers.get(layerId);
     });
     _defineProperty43(this, "handleElementClear", () => {
       this.shadowScope.project.activeLayer.removeChildren();
@@ -67186,11 +67280,17 @@ var WhiteboardApplication = class extends AbstractApplication {
       }
     };
     this.emitter.clearPage = () => {
-      const model = this.getCurrentRenderableModel();
-      model.elements.doc.transact(() => {
-        model.elements.clear();
-      }, elementsUndoOrigin);
-      model.elementModels.clear();
+      this.getCurrentRendererModel().then((model) => {
+        if (model) {
+          if (model.elements.doc) {
+            model.elements.doc.transact(() => {
+              model.elements.clear();
+            }, elementsUndoOrigin);
+          } else {
+            model.elementModels.clear();
+          }
+        }
+      });
     };
     this.emitter.undo = () => {
       this.undoManager?.undo();
@@ -67412,18 +67512,18 @@ var WhiteboardApplication = class extends AbstractApplication {
       return this.userMap(userId);
     });
     this.tools = {
-      pointer: new PointerTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      curve: new CurveTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      rectangle: new RectangleTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      selector: new SelectorTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope, this.selectElementsModel),
-      arrow: new LineTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      line: new StraightLineTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      text: new TextTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope, this.rootElement, this.canvasElement, this.toolbarModel, this.camera),
-      ellipse: new EllipseTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      triangle: new TriangleTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      eraser: new EraserTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope, this.trashedElementsModel, this.shadowScope),
-      laser: new LaserPointerTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope),
-      grab: new GrabTool(this.enableToolEvent, this.getCurrentRenderableModel, this.shadowEmitter, this.paperScope, this.camera)
+      pointer: new PointerTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      curve: new CurveTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      rectangle: new RectangleTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      selector: new SelectorTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope, this.selectElementsModel),
+      arrow: new LineTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      line: new StraightLineTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      text: new TextTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope, this.rootElement, this.canvasElement, this.toolbarModel, this.camera),
+      ellipse: new EllipseTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      triangle: new TriangleTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      eraser: new EraserTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope, this.trashedElementsModel, this.shadowScope),
+      laser: new LaserPointerTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope),
+      grab: new GrabTool(this.enableToolEvent, this.getCurrentRendererModel, this.shadowEmitter, this.paperScope, this.camera)
     };
     this.toolbarModel.on("update", (style) => {
       if (this.tools[style.tool]) {
@@ -67741,6 +67841,7 @@ var SlideForge = class extends EventEmitter13 {
   permissions;
   footView;
   sideBarView;
+  window = void 0;
   /**
      * 当前页面索引, 从 0 开始
      */