@idraw/core 0.4.0-beta.10 → 0.4.0-beta.11

package/dist/index.global.js

@@ -22,7 +22,7 @@ var __privateMethod = (obj, member, method) => {
   return method;
 };
 
-  var _board, _canvas, _container, _initContainer, initContainer_fn;
+  var _eventHub, _container, _cursorType, _resizeCursorBaseImage, _cursorImageMap, _init, init_fn, _loadResizeCursorBaseImage, loadResizeCursorBaseImage_fn, _resetCursor, resetCursor_fn, _setCursorResize, setCursorResize_fn, _appendRotateResizeImage, appendRotateResizeImage_fn, _board, _canvas, _container2, _initContainer, initContainer_fn;
   function throttle(fn, timeout) {
     let timer = -1;
     return function(...args) {
@@ -789,6 +789,9 @@ var __privateMethod = (obj, member, method) => {
       return false;
     }
     destroy() {
+      this.clear();
+    }
+    clear() {
       __classPrivateFieldGet$8(this, _EventEmitter_listeners, "f").clear();
     }
   }
@@ -2172,7 +2175,7 @@ var __privateMethod = (obj, member, method) => {
             viewSizeInfo,
             parentOpacity,
             renderContent: () => {
-              if (!content) {
+              if (!content && !opts.loader.isDestroyed()) {
                 opts.loader.load(elem, opts.elementAssets || {});
               }
               if (elem.type === "image" && content) {
@@ -2207,7 +2210,7 @@ var __privateMethod = (obj, member, method) => {
     const { calculator, viewScaleInfo, viewSizeInfo, parentOpacity } = opts;
     const { x: x2, y: y2, w: w2, h: h2, angle: angle2 } = (calculator === null || calculator === void 0 ? void 0 : calculator.elementSize(elem, viewScaleInfo, viewSizeInfo)) || elem;
     rotateElement(ctx, { x: x2, y: y2, w: w2, h: h2, angle: angle2 }, () => {
-      if (!content) {
+      if (!content && !opts.loader.isDestroyed()) {
         opts.loader.load(elem, opts.elementAssets || {});
       }
       if (elem.type === "svg" && content) {
@@ -2222,7 +2225,7 @@ var __privateMethod = (obj, member, method) => {
     const { calculator, viewScaleInfo, viewSizeInfo, parentOpacity } = opts;
     const { x: x2, y: y2, w: w2, h: h2, angle: angle2 } = (calculator === null || calculator === void 0 ? void 0 : calculator.elementSize(elem, viewScaleInfo, viewSizeInfo)) || elem;
     rotateElement(ctx, { x: x2, y: y2, w: w2, h: h2, angle: angle2 }, () => {
-      if (!content) {
+      if (!content && !opts.loader.isDestroyed()) {
         opts.loader.load(elem, opts.elementAssets || {});
       }
       if (elem.type === "html" && content) {
@@ -2597,7 +2600,7 @@ var __privateMethod = (obj, member, method) => {
       throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
   };
-  var _Loader_instances, _Loader_loadFuncMap, _Loader_currentLoadItemMap, _Loader_storageLoadItemMap, _Loader_registerLoadFunc, _Loader_getLoadElementSource, _Loader_createLoadItem, _Loader_emitLoad, _Loader_emitError, _Loader_loadResource, _Loader_isExistingErrorStorage;
+  var _Loader_instances, _Loader_loadFuncMap, _Loader_currentLoadItemMap, _Loader_storageLoadItemMap, _Loader_hasDestroyed, _Loader_registerLoadFunc, _Loader_getLoadElementSource, _Loader_createLoadItem, _Loader_emitLoad, _Loader_emitError, _Loader_loadResource, _Loader_isExistingErrorStorage;
   const supportElementTypes = ["image", "svg", "html"];
   const getAssetIdFromElement = (element) => {
     var _a, _b, _c;
@@ -2624,6 +2627,7 @@ var __privateMethod = (obj, member, method) => {
       _Loader_loadFuncMap.set(this, {});
       _Loader_currentLoadItemMap.set(this, {});
       _Loader_storageLoadItemMap.set(this, {});
+      _Loader_hasDestroyed.set(this, false);
       __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_registerLoadFunc).call(this, "image", (elem, assets) => __awaiter(this, void 0, void 0, function* () {
         var _a;
         const src = ((_a = assets[elem.detail.src]) === null || _a === void 0 ? void 0 : _a.value) || elem.detail.src;
@@ -2658,12 +2662,20 @@ var __privateMethod = (obj, member, method) => {
         };
       }));
     }
+    isDestroyed() {
+      return __classPrivateFieldGet$6(this, _Loader_hasDestroyed, "f");
+    }
     destroy() {
+      __classPrivateFieldSet$6(this, _Loader_hasDestroyed, true, "f");
+      this.clear();
       __classPrivateFieldSet$6(this, _Loader_loadFuncMap, null, "f");
       __classPrivateFieldSet$6(this, _Loader_currentLoadItemMap, null, "f");
       __classPrivateFieldSet$6(this, _Loader_storageLoadItemMap, null, "f");
     }
     load(element, assets) {
+      if (__classPrivateFieldGet$6(this, _Loader_hasDestroyed, "f") === true) {
+        return;
+      }
       if (__classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_isExistingErrorStorage).call(this, element)) {
         return;
       }
@@ -2683,7 +2695,7 @@ var __privateMethod = (obj, member, method) => {
       __classPrivateFieldSet$6(this, _Loader_storageLoadItemMap, itemMap, "f");
     }
   }
-  _Loader_loadFuncMap = /* @__PURE__ */ new WeakMap(), _Loader_currentLoadItemMap = /* @__PURE__ */ new WeakMap(), _Loader_storageLoadItemMap = /* @__PURE__ */ new WeakMap(), _Loader_instances = /* @__PURE__ */ new WeakSet(), _Loader_registerLoadFunc = function _Loader_registerLoadFunc2(type, func) {
+  _Loader_loadFuncMap = /* @__PURE__ */ new WeakMap(), _Loader_currentLoadItemMap = /* @__PURE__ */ new WeakMap(), _Loader_storageLoadItemMap = /* @__PURE__ */ new WeakMap(), _Loader_hasDestroyed = /* @__PURE__ */ new WeakMap(), _Loader_instances = /* @__PURE__ */ new WeakSet(), _Loader_registerLoadFunc = function _Loader_registerLoadFunc2(type, func) {
     __classPrivateFieldGet$6(this, _Loader_loadFuncMap, "f")[type] = func;
   }, _Loader_getLoadElementSource = function _Loader_getLoadElementSource2(element) {
     var _a, _b, _c;
@@ -2709,40 +2721,46 @@ var __privateMethod = (obj, member, method) => {
   }, _Loader_emitLoad = function _Loader_emitLoad2(item) {
     const assetId = getAssetIdFromElement(item.element);
     const storageItem = __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId];
-    if (storageItem) {
-      if (storageItem.startTime < item.startTime) {
+    if (!__classPrivateFieldGet$6(this, _Loader_hasDestroyed, "f")) {
+      if (storageItem) {
+        if (storageItem.startTime < item.startTime) {
+          __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+          this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
+        }
+      } else {
         __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
         this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
       }
-    } else {
-      __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
-      this.trigger("load", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
     }
   }, _Loader_emitError = function _Loader_emitError2(item) {
     var _a;
     const assetId = getAssetIdFromElement(item.element);
     const storageItem = (_a = __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId];
-    if (storageItem) {
-      if (storageItem.startTime < item.startTime) {
+    if (!__classPrivateFieldGet$6(this, _Loader_hasDestroyed, "f")) {
+      if (storageItem) {
+        if (storageItem.startTime < item.startTime) {
+          __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
+          this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
+        }
+      } else {
         __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
         this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
       }
-    } else {
-      __classPrivateFieldGet$6(this, _Loader_storageLoadItemMap, "f")[assetId] = item;
-      this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
     }
   }, _Loader_loadResource = function _Loader_loadResource2(element, assets) {
     const item = __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_createLoadItem).call(this, element);
     const assetId = getAssetIdFromElement(element);
     __classPrivateFieldGet$6(this, _Loader_currentLoadItemMap, "f")[assetId] = item;
     const loadFunc = __classPrivateFieldGet$6(this, _Loader_loadFuncMap, "f")[element.type];
-    if (typeof loadFunc === "function") {
+    if (typeof loadFunc === "function" && !__classPrivateFieldGet$6(this, _Loader_hasDestroyed, "f")) {
       item.startTime = Date.now();
       loadFunc(element, assets).then((result) => {
-        item.content = result.content;
-        item.endTime = Date.now();
-        item.status = "load";
-        __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_emitLoad).call(this, item);
+        if (!__classPrivateFieldGet$6(this, _Loader_hasDestroyed, "f")) {
+          item.content = result.content;
+          item.endTime = Date.now();
+          item.status = "load";
+          __classPrivateFieldGet$6(this, _Loader_instances, "m", _Loader_emitLoad).call(this, item);
+        }
       }).catch((err) => {
         console.warn(`Load element source "${item.source}" fail`, err, element);
         item.endTime = Date.now();
@@ -2776,20 +2794,26 @@ var __privateMethod = (obj, member, method) => {
       throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
   };
-  var _Renderer_instances, _Renderer_opts, _Renderer_loader, _Renderer_init;
+  var _Renderer_instances, _Renderer_opts, _Renderer_loader, _Renderer_hasDestroyed, _Renderer_init;
   class Renderer extends EventEmitter {
     constructor(opts) {
       super();
       _Renderer_instances.add(this);
       _Renderer_opts.set(this, void 0);
       _Renderer_loader.set(this, new Loader());
+      _Renderer_hasDestroyed.set(this, false);
       __classPrivateFieldSet$5(this, _Renderer_opts, opts, "f");
       __classPrivateFieldGet$5(this, _Renderer_instances, "m", _Renderer_init).call(this);
     }
+    isDestroyed() {
+      return __classPrivateFieldGet$5(this, _Renderer_hasDestroyed, "f");
+    }
     destroy() {
+      this.clear();
       __classPrivateFieldSet$5(this, _Renderer_opts, null, "f");
       __classPrivateFieldGet$5(this, _Renderer_loader, "f").destroy();
       __classPrivateFieldSet$5(this, _Renderer_loader, null, "f");
+      __classPrivateFieldSet$5(this, _Renderer_hasDestroyed, true, "f");
     }
     updateOptions(opts) {
       __classPrivateFieldSet$5(this, _Renderer_opts, opts, "f");
@@ -2856,7 +2880,7 @@ var __privateMethod = (obj, member, method) => {
       return __classPrivateFieldGet$5(this, _Renderer_loader, "f");
     }
   }
-  _Renderer_opts = /* @__PURE__ */ new WeakMap(), _Renderer_loader = /* @__PURE__ */ new WeakMap(), _Renderer_instances = /* @__PURE__ */ new WeakSet(), _Renderer_init = function _Renderer_init2() {
+  _Renderer_opts = /* @__PURE__ */ new WeakMap(), _Renderer_loader = /* @__PURE__ */ new WeakMap(), _Renderer_hasDestroyed = /* @__PURE__ */ new WeakMap(), _Renderer_instances = /* @__PURE__ */ new WeakSet(), _Renderer_init = function _Renderer_init2() {
     const loader = __classPrivateFieldGet$5(this, _Renderer_loader, "f");
     loader.on("load", (e) => {
       this.trigger("load", e);
@@ -2926,7 +2950,7 @@ var __privateMethod = (obj, member, method) => {
       throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
   };
-  var _BoardWatcher_instances, _BoardWatcher_opts, _BoardWatcher_store, _BoardWatcher_init, _BoardWatcher_onWheel, _BoardWatcher_onContextMenu, _BoardWatcher_onClick, _BoardWatcher_onPointLeave, _BoardWatcher_onPointEnd, _BoardWatcher_onPointMove, _BoardWatcher_onPointStart, _BoardWatcher_onHover, _BoardWatcher_isInTarget, _BoardWatcher_getPoint, _BoardWatcher_isVaildPoint;
+  var _BoardWatcher_instances, _BoardWatcher_opts, _BoardWatcher_store, _BoardWatcher_hasDestroyed, _BoardWatcher_init, _BoardWatcher_onWheel, _BoardWatcher_onContextMenu, _BoardWatcher_onClick, _BoardWatcher_onPointLeave, _BoardWatcher_onPointEnd, _BoardWatcher_onPointMove, _BoardWatcher_onPointStart, _BoardWatcher_onHover, _BoardWatcher_isInTarget, _BoardWatcher_getPoint, _BoardWatcher_isVaildPoint;
   function isBoardAvailableNum(num) {
     return num > 0 || num < 0 || num === 0;
   }
@@ -2936,6 +2960,7 @@ var __privateMethod = (obj, member, method) => {
       _BoardWatcher_instances.add(this);
       _BoardWatcher_opts.set(this, void 0);
       _BoardWatcher_store.set(this, void 0);
+      _BoardWatcher_hasDestroyed.set(this, false);
       _BoardWatcher_onWheel.set(this, (e) => {
         if (!__classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_isInTarget).call(this, e)) {
           return;
@@ -3047,7 +3072,21 @@ var __privateMethod = (obj, member, method) => {
       __classPrivateFieldSet$3(this, _BoardWatcher_opts, opts, "f");
       __classPrivateFieldGet$3(this, _BoardWatcher_instances, "m", _BoardWatcher_init).call(this);
     }
-    destroy() {
+    onEvents() {
+      if (__classPrivateFieldGet$3(this, _BoardWatcher_hasDestroyed, "f")) {
+        return;
+      }
+      const container = window;
+      container.addEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onHover, "f"));
+      container.addEventListener("mousedown", __classPrivateFieldGet$3(this, _BoardWatcher_onPointStart, "f"));
+      container.addEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onPointMove, "f"));
+      container.addEventListener("mouseup", __classPrivateFieldGet$3(this, _BoardWatcher_onPointEnd, "f"));
+      container.addEventListener("mouseleave", __classPrivateFieldGet$3(this, _BoardWatcher_onPointLeave, "f"));
+      container.addEventListener("wheel", __classPrivateFieldGet$3(this, _BoardWatcher_onWheel, "f"), { passive: false });
+      container.addEventListener("click", __classPrivateFieldGet$3(this, _BoardWatcher_onClick, "f"));
+      container.addEventListener("contextmenu", __classPrivateFieldGet$3(this, _BoardWatcher_onContextMenu, "f"));
+    }
+    offEvents() {
       const container = window;
       container.removeEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onHover, "f"));
       container.removeEventListener("mousedown", __classPrivateFieldGet$3(this, _BoardWatcher_onPointStart, "f"));
@@ -3058,17 +3097,14 @@ var __privateMethod = (obj, member, method) => {
       container.removeEventListener("click", __classPrivateFieldGet$3(this, _BoardWatcher_onClick, "f"));
       container.removeEventListener("contextmenu", __classPrivateFieldGet$3(this, _BoardWatcher_onContextMenu, "f"));
     }
+    destroy() {
+      this.offEvents();
+      __classPrivateFieldGet$3(this, _BoardWatcher_store, "f").destroy();
+      __classPrivateFieldSet$3(this, _BoardWatcher_hasDestroyed, true, "f");
+    }
   }
-  _BoardWatcher_opts = /* @__PURE__ */ new WeakMap(), _BoardWatcher_store = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onWheel = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onContextMenu = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onClick = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointLeave = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointEnd = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointMove = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointStart = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onHover = /* @__PURE__ */ new WeakMap(), _BoardWatcher_instances = /* @__PURE__ */ new WeakSet(), _BoardWatcher_init = function _BoardWatcher_init2() {
-    const container = window;
-    container.addEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onHover, "f"));
-    container.addEventListener("mousedown", __classPrivateFieldGet$3(this, _BoardWatcher_onPointStart, "f"));
-    container.addEventListener("mousemove", __classPrivateFieldGet$3(this, _BoardWatcher_onPointMove, "f"));
-    container.addEventListener("mouseup", __classPrivateFieldGet$3(this, _BoardWatcher_onPointEnd, "f"));
-    container.addEventListener("mouseleave", __classPrivateFieldGet$3(this, _BoardWatcher_onPointLeave, "f"));
-    container.addEventListener("wheel", __classPrivateFieldGet$3(this, _BoardWatcher_onWheel, "f"), { passive: false });
-    container.addEventListener("click", __classPrivateFieldGet$3(this, _BoardWatcher_onClick, "f"));
-    container.addEventListener("contextmenu", __classPrivateFieldGet$3(this, _BoardWatcher_onContextMenu, "f"));
+  _BoardWatcher_opts = /* @__PURE__ */ new WeakMap(), _BoardWatcher_store = /* @__PURE__ */ new WeakMap(), _BoardWatcher_hasDestroyed = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onWheel = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onContextMenu = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onClick = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointLeave = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointEnd = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointMove = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onPointStart = /* @__PURE__ */ new WeakMap(), _BoardWatcher_onHover = /* @__PURE__ */ new WeakMap(), _BoardWatcher_instances = /* @__PURE__ */ new WeakSet(), _BoardWatcher_init = function _BoardWatcher_init2() {
+    this.onEvents();
   }, _BoardWatcher_isInTarget = function _BoardWatcher_isInTarget2(e) {
     return e.target === __classPrivateFieldGet$3(this, _BoardWatcher_opts, "f").boardContent.boardContext.canvas;
   }, _BoardWatcher_getPoint = function _BoardWatcher_getPoint2(e) {
@@ -3343,7 +3379,7 @@ var __privateMethod = (obj, member, method) => {
       throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
   };
-  var _Board_instances, _Board_opts, _Board_middlewareMap, _Board_middlewares, _Board_activeMiddlewareObjs, _Board_watcher, _Board_renderer, _Board_sharer, _Board_viewer, _Board_calculator, _Board_eventHub, _Board_init, _Board_handlePointStart, _Board_handlePointEnd, _Board_handlePointMove, _Board_handleHover, _Board_handleDoubleClick, _Board_handleWheel, _Board_handleWheelScale, _Board_handleScrollX, _Board_handleScrollY, _Board_handleResize, _Board_handleClear, _Board_handleBeforeDrawFrame, _Board_handleAfterDrawFrame, _Board_resetActiveMiddlewareObjs;
+  var _Board_instances, _Board_opts, _Board_middlewareMap, _Board_middlewares, _Board_activeMiddlewareObjs, _Board_watcher, _Board_renderer, _Board_sharer, _Board_viewer, _Board_calculator, _Board_eventHub, _Board_hasDestroyed, _Board_init, _Board_handlePointStart, _Board_handlePointEnd, _Board_handlePointMove, _Board_handleHover, _Board_handleDoubleClick, _Board_handleWheel, _Board_handleWheelScale, _Board_handleScrollX, _Board_handleScrollY, _Board_handleResize, _Board_handleClear, _Board_handleBeforeDrawFrame, _Board_handleAfterDrawFrame, _Board_resetActiveMiddlewareObjs;
   const throttleTime = 10;
   class Board {
     constructor(opts) {
@@ -3358,6 +3394,7 @@ var __privateMethod = (obj, member, method) => {
       _Board_viewer.set(this, void 0);
       _Board_calculator.set(this, void 0);
       _Board_eventHub.set(this, new EventEmitter());
+      _Board_hasDestroyed.set(this, false);
       const { boardContent } = opts;
       const sharer = new Sharer();
       const calculator = new Calculator({ viewContext: boardContent.viewContext });
@@ -3390,11 +3427,15 @@ var __privateMethod = (obj, member, method) => {
       __classPrivateFieldGet(this, _Board_instances, "m", _Board_init).call(this);
       __classPrivateFieldGet(this, _Board_instances, "m", _Board_resetActiveMiddlewareObjs).call(this);
     }
+    isDestroyed() {
+      return __classPrivateFieldGet(this, _Board_hasDestroyed, "f");
+    }
     destroy() {
       __classPrivateFieldGet(this, _Board_watcher, "f").destroy();
       __classPrivateFieldGet(this, _Board_renderer, "f").destroy();
       __classPrivateFieldGet(this, _Board_calculator, "f").destroy();
       __classPrivateFieldGet(this, _Board_eventHub, "f").destroy();
+      __classPrivateFieldSet(this, _Board_hasDestroyed, true, "f");
     }
     getSharer() {
       return __classPrivateFieldGet(this, _Board_sharer, "f");
@@ -3495,8 +3536,14 @@ var __privateMethod = (obj, member, method) => {
     getEventHub() {
       return __classPrivateFieldGet(this, _Board_eventHub, "f");
     }
+    onWatcherEvents() {
+      __classPrivateFieldGet(this, _Board_watcher, "f").onEvents();
+    }
+    offWatcherEvents() {
+      __classPrivateFieldGet(this, _Board_watcher, "f").offEvents();
+    }
   }
-  _Board_opts = /* @__PURE__ */ new WeakMap(), _Board_middlewareMap = /* @__PURE__ */ new WeakMap(), _Board_middlewares = /* @__PURE__ */ new WeakMap(), _Board_activeMiddlewareObjs = /* @__PURE__ */ new WeakMap(), _Board_watcher = /* @__PURE__ */ new WeakMap(), _Board_renderer = /* @__PURE__ */ new WeakMap(), _Board_sharer = /* @__PURE__ */ new WeakMap(), _Board_viewer = /* @__PURE__ */ new WeakMap(), _Board_calculator = /* @__PURE__ */ new WeakMap(), _Board_eventHub = /* @__PURE__ */ new WeakMap(), _Board_instances = /* @__PURE__ */ new WeakSet(), _Board_init = function _Board_init2() {
+  _Board_opts = /* @__PURE__ */ new WeakMap(), _Board_middlewareMap = /* @__PURE__ */ new WeakMap(), _Board_middlewares = /* @__PURE__ */ new WeakMap(), _Board_activeMiddlewareObjs = /* @__PURE__ */ new WeakMap(), _Board_watcher = /* @__PURE__ */ new WeakMap(), _Board_renderer = /* @__PURE__ */ new WeakMap(), _Board_sharer = /* @__PURE__ */ new WeakMap(), _Board_viewer = /* @__PURE__ */ new WeakMap(), _Board_calculator = /* @__PURE__ */ new WeakMap(), _Board_eventHub = /* @__PURE__ */ new WeakMap(), _Board_hasDestroyed = /* @__PURE__ */ new WeakMap(), _Board_instances = /* @__PURE__ */ new WeakSet(), _Board_init = function _Board_init2() {
     __classPrivateFieldGet(this, _Board_watcher, "f").on("pointStart", __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointStart).bind(this));
     __classPrivateFieldGet(this, _Board_watcher, "f").on("pointEnd", __classPrivateFieldGet(this, _Board_instances, "m", _Board_handlePointEnd).bind(this));
     __classPrivateFieldGet(this, _Board_watcher, "f").on("pointMove", throttle((e) => {
@@ -3649,118 +3696,139 @@ var __privateMethod = (obj, member, method) => {
   const CURSOR_DRAG_ACTIVE = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAER0lEQVRYhe2YT2hjRRjAf8lL22xsNsm6EWKrSKvuIkIh+O9QRFxEW18KUsoe7FHoRaWCN1FPetOrIHgVKS0q9P5OxaJbodkalgVrtVZjS7Ntd02z6abPw3yzmaT585q+elj2g2HmvZn35jffN/PNNwP35R6XgM/fuif4n+dO2klQvgsaZRc4NJJvoJbHdhrIAkJAN2ADHwFfAw9J3ZoB/b9I0AA6A0SBc0Aa2EVpSqddeZ+QdmfkO+u0gIPSQQR4HfhRQH4AHMDNZDJXXNd1M5nMFalzdB3wJTAOPAD0yEB9066G6wXepVZTd5MpTdporZ6jVqsatmMJoTR3HvgJQ1u2bS+3ArRte9l1XXdsbGyJo1pdBN6Wf3d3ChlAmSQO9LeC8fquQRpDWaerHWSjSr1iu4BkJyOsF9u2s67rkslkluTVxygltAVsJBZqdCngEj5osIlW+4EYytRNF04jeu3vulCT+7QkLH20dEOhumft97pQI4s3+iiRSPwtxVSbd39J8eEGvzFXc1NAs8KSFAZeBt4AHgNeBFDWObkEAne7HAK2gT2gCFQatdca1GbtBj4E3veFprVYVLXXcg4GqM6588BbAMlkcm1qamqzr6/v6ikBet5RgiizJoDPAXdgYGDZXHkzMzPrrk9CdRWngUeAsxxdCzVwpgZ/BigWiz1mo4mJif7jqMajeJrU5hywgGvAej6fvzA0NLThN1Eul9uT4g5VTbYFNKUIfAbsZ7PZvuHh4Wt+As7Ozu5IcY2j219TQB0NV4A7qODgO4CFhYWLg4ODOb8AHccpG4A68m6pRQ1YAQ6A28A+8BXwBcDq6upTqVTquh+AuVyuW4q/opRRaQdZD1gCbgE3ge+BT4HdfD7/ZDwe/z2bzRY6hRsfH1/e3Nx8FDX/sgbgoZfvg6jo4ixqW7oIPA+8CrwHrAJuJBLJd+JaHMf5k6qmPgGeQe1SCenXk0/U21xcIC8AzwGvAJPAEuAmEon1xcXFba9w8/Pz5oqdB14CnpY+oij35km0qwmjwqAU8ISM9hIwBeQA17KsG9PT07+1gxsZGdmgdqW+BjwLDAAPoo4ALU+W9arVwWoIpXp9kouKZpPAO8AwQCwW+2d0dLQ0OTkZSafT0UKhUJ6bm9t2HKeysrIS3tra0g7+KvABUJC0g5rrJdRcbLpImtleRzYashc1P2OSXwbebDVykX3gW+Ab1AHqhuQ3pe6AJlFMO0CoPROHDcio5I8DL1A9C8dQbmod+APYAK4DvwjQnsDdErgyVTfTEaCG1GFYGHXG7TVSo2OkdvhlAflXoHSuNdfStFqaRhEi2kfdprrj6M5LAt0I8EDaaMdflPal48CB95hMr3Bt8h4jD0kyL5E0pN6dysZzW7N2AqjbmhdIZjJvufTOpE19x3g+9s1XJ/ck5tVbfdhu+rxDfLiSO+lFToCjZwrXyH2/0Lwv95z8B1jAqXmDnj4YAAAAAElFTkSuQmCC`;
   class Cursor {
     constructor(container, opts) {
-      this._cursorType = null;
-      this._resizeCursorBaseImage = null;
-      this._cursorImageMap = {
+      __privateAdd(this, _init);
+      __privateAdd(this, _loadResizeCursorBaseImage);
+      __privateAdd(this, _resetCursor);
+      __privateAdd(this, _setCursorResize);
+      __privateAdd(this, _appendRotateResizeImage);
+      __privateAdd(this, _eventHub, void 0);
+      __privateAdd(this, _container, void 0);
+      __privateAdd(this, _cursorType, null);
+      __privateAdd(this, _resizeCursorBaseImage, null);
+      __privateAdd(this, _cursorImageMap, {
         auto: CURSOR,
         "drag-default": CURSOR_DRAG_DEFAULT,
         "drag-active": CURSOR_DRAG_ACTIVE,
         "rotate-0": CURSOR_RESIZE
-      };
-      this._container = container;
-      this._eventHub = opts.eventHub;
-      this._init();
-      this._loadResizeCursorBaseImage();
-    }
-    _init() {
-      const { _eventHub: eventHub } = this;
-      this._resetCursor("auto");
-      eventHub.on("cursor", (e) => {
-        var _a;
-        if (e.type === "over-element" || !e.type) {
-          this._resetCursor("auto");
-        } else if (typeof e.type === "string" && ((_a = e.type) == null ? void 0 : _a.startsWith("resize-"))) {
-          this._setCursorResize(e);
-        } else if (e.type === "drag-default") {
-          this._resetCursor("drag-default");
-        } else if (e.type === "drag-active") {
-          this._resetCursor("drag-active");
-        } else {
-          this._resetCursor("auto");
-        }
-      });
-    }
-    _loadResizeCursorBaseImage() {
-      loadImage(CURSOR_RESIZE).then((img) => {
-        this._resizeCursorBaseImage = img;
-      }).catch((err) => {
-        console.error(err);
       });
+      __privateSet(this, _container, container);
+      __privateSet(this, _eventHub, opts.eventHub);
+      __privateMethod(this, _init, init_fn).call(this);
+      __privateMethod(this, _loadResizeCursorBaseImage, loadResizeCursorBaseImage_fn).call(this);
     }
-    _resetCursor(cursorKey) {
-      if (this._cursorType === cursorKey) {
-        return;
-      }
-      this._cursorType = cursorKey;
-      const image = this._cursorImageMap[this._cursorType] || this._cursorImageMap["auto"];
-      let offsetX = 0;
-      let offsetY = 0;
-      if (cursorKey.startsWith("rotate-") && this._cursorImageMap[this._cursorType]) {
-        offsetX = 10;
-        offsetY = 10;
-      }
-      this._container.style.cursor = `image-set(url(${image})2x) ${offsetX} ${offsetY}, auto`;
-    }
-    _setCursorResize(e) {
+  }
+  _eventHub = new WeakMap();
+  _container = new WeakMap();
+  _cursorType = new WeakMap();
+  _resizeCursorBaseImage = new WeakMap();
+  _cursorImageMap = new WeakMap();
+  _init = new WeakSet();
+  init_fn = function() {
+    const eventHub = __privateGet(this, _eventHub);
+    __privateMethod(this, _resetCursor, resetCursor_fn).call(this, "default");
+    eventHub.on("cursor", (e) => {
       var _a;
-      let totalAngle = 0;
-      if (e.type === "resize-top") {
-        totalAngle += 0;
-      } else if (e.type === "resize-top-right") {
-        totalAngle += 45;
-      } else if (e.type === "resize-right") {
-        totalAngle += 90;
-      } else if (e.type === "resize-bottom-right") {
-        totalAngle += 135;
-      } else if (e.type === "resize-bottom") {
-        totalAngle += 180;
-      } else if (e.type === "resize-bottom-left") {
-        totalAngle += 225;
-      } else if (e.type === "resize-left") {
-        totalAngle += 270;
-      } else if (e.type === "resize-top-left") {
-        totalAngle += 315;
-      }
-      totalAngle += limitAngle(((_a = e == null ? void 0 : e.element) == null ? void 0 : _a.angle) || 0);
-      if (Array.isArray(e.groupQueue) && e.groupQueue.length > 0) {
-        e.groupQueue.forEach((group) => {
-          totalAngle += limitAngle(group.angle || 0);
-        });
-      }
-      totalAngle = limitAngle(totalAngle);
-      const cursorKey = this._appendRotateResizeImage(totalAngle);
-      this._resetCursor(cursorKey);
-    }
-    _appendRotateResizeImage(angle2) {
-      const key2 = `rotate-${angle2}`;
-      if (!this._cursorImageMap[key2]) {
-        const baseImage = this._resizeCursorBaseImage;
-        if (baseImage) {
-          const canvas = document.createElement("canvas");
-          const w2 = baseImage.width;
-          const h2 = baseImage.height;
-          const center = {
-            x: w2 / 2,
-            y: h2 / 2
-          };
-          canvas.width = w2;
-          canvas.height = h2;
-          const ctx = canvas.getContext("2d");
-          const radian = parseAngleToRadian(angle2);
-          ctx.translate(center.x, center.y);
-          ctx.rotate(radian);
-          ctx.translate(-center.x, -center.y);
-          ctx.drawImage(baseImage, 0, 0, w2, h2);
-          ctx.translate(center.x, center.y);
-          ctx.rotate(-radian);
-          ctx.translate(-center.x, -center.y);
-          const base = canvas.toDataURL("image/png");
-          this._cursorImageMap[key2] = base;
-        }
+      if (e.type === "over-element" || !e.type) {
+        __privateMethod(this, _resetCursor, resetCursor_fn).call(this, "auto");
+      } else if (typeof e.type === "string" && ((_a = e.type) == null ? void 0 : _a.startsWith("resize-"))) {
+        __privateMethod(this, _setCursorResize, setCursorResize_fn).call(this, e);
+      } else if (e.type === "drag-default") {
+        __privateMethod(this, _resetCursor, resetCursor_fn).call(this, "drag-default");
+      } else if (e.type === "drag-active") {
+        __privateMethod(this, _resetCursor, resetCursor_fn).call(this, "drag-active");
+      } else {
+        __privateMethod(this, _resetCursor, resetCursor_fn).call(this, "auto");
       }
-      return key2;
+    });
+  };
+  _loadResizeCursorBaseImage = new WeakSet();
+  loadResizeCursorBaseImage_fn = function() {
+    loadImage(CURSOR_RESIZE).then((img) => {
+      __privateSet(this, _resizeCursorBaseImage, img);
+    }).catch((err) => {
+      console.error(err);
+    });
+  };
+  _resetCursor = new WeakSet();
+  resetCursor_fn = function(cursorKey) {
+    if (__privateGet(this, _cursorType) === cursorKey) {
+      return;
     }
-  }
+    __privateSet(this, _cursorType, cursorKey);
+    const image = __privateGet(this, _cursorImageMap)[__privateGet(this, _cursorType)] || __privateGet(this, _cursorImageMap)["auto"];
+    let offsetX = 0;
+    let offsetY = 0;
+    if (cursorKey.startsWith("rotate-") && __privateGet(this, _cursorImageMap)[__privateGet(this, _cursorType)]) {
+      offsetX = 10;
+      offsetY = 10;
+    }
+    if (cursorKey === "default") {
+      __privateGet(this, _container).style.cursor = "default";
+    } else {
+      __privateGet(this, _container).style.cursor = `image-set(url(${image})2x) ${offsetX} ${offsetY}, auto`;
+    }
+  };
+  _setCursorResize = new WeakSet();
+  setCursorResize_fn = function(e) {
+    var _a;
+    let totalAngle = 0;
+    if (e.type === "resize-top") {
+      totalAngle += 0;
+    } else if (e.type === "resize-top-right") {
+      totalAngle += 45;
+    } else if (e.type === "resize-right") {
+      totalAngle += 90;
+    } else if (e.type === "resize-bottom-right") {
+      totalAngle += 135;
+    } else if (e.type === "resize-bottom") {
+      totalAngle += 180;
+    } else if (e.type === "resize-bottom-left") {
+      totalAngle += 225;
+    } else if (e.type === "resize-left") {
+      totalAngle += 270;
+    } else if (e.type === "resize-top-left") {
+      totalAngle += 315;
+    }
+    totalAngle += limitAngle(((_a = e == null ? void 0 : e.element) == null ? void 0 : _a.angle) || 0);
+    if (Array.isArray(e.groupQueue) && e.groupQueue.length > 0) {
+      e.groupQueue.forEach((group) => {
+        totalAngle += limitAngle(group.angle || 0);
+      });
+    }
+    totalAngle = limitAngle(totalAngle);
+    const cursorKey = __privateMethod(this, _appendRotateResizeImage, appendRotateResizeImage_fn).call(this, totalAngle);
+    __privateMethod(this, _resetCursor, resetCursor_fn).call(this, cursorKey);
+  };
+  _appendRotateResizeImage = new WeakSet();
+  appendRotateResizeImage_fn = function(angle2) {
+    const key2 = `rotate-${angle2}`;
+    if (!__privateGet(this, _cursorImageMap)[key2]) {
+      const baseImage = __privateGet(this, _resizeCursorBaseImage);
+      if (baseImage) {
+        const canvas = document.createElement("canvas");
+        const w2 = baseImage.width;
+        const h2 = baseImage.height;
+        const center = {
+          x: w2 / 2,
+          y: h2 / 2
+        };
+        canvas.width = w2;
+        canvas.height = h2;
+        const ctx = canvas.getContext("2d");
+        const radian = parseAngleToRadian(angle2);
+        ctx.translate(center.x, center.y);
+        ctx.rotate(radian);
+        ctx.translate(-center.x, -center.y);
+        ctx.drawImage(baseImage, 0, 0, w2, h2);
+        ctx.translate(center.x, center.y);
+        ctx.rotate(-radian);
+        ctx.translate(-center.x, -center.y);
+        const base = canvas.toDataURL("image/png");
+        __privateGet(this, _cursorImageMap)[key2] = base;
+      }
+    }
+    return key2;
+  };
   const key$2 = "SELECT";
   const keyActionType = Symbol(`${key$2}_actionType`);
   const keyResizeType = Symbol(`${key$2}_resizeType`);
@@ -4731,10 +4799,10 @@ var __privateMethod = (obj, member, method) => {
         elemH = element.h * scale;
       }
       textarea.style.position = "absolute";
-      textarea.style.left = `${elemX}px`;
-      textarea.style.top = `${elemY}px`;
-      textarea.style.width = `${elemW}px`;
-      textarea.style.height = `${elemH}px`;
+      textarea.style.left = `${elemX - 1}px`;
+      textarea.style.top = `${elemY - 1}px`;
+      textarea.style.width = `${elemW + 2}px`;
+      textarea.style.height = `${elemH + 2}px`;
       textarea.style.transform = `rotate(${limitAngle(element.angle || 0)}deg)`;
       textarea.style.boxSizing = "border-box";
       textarea.style.border = "1px solid #1973ba";
@@ -4747,6 +4815,9 @@ var __privateMethod = (obj, member, method) => {
       textarea.style.lineHeight = `${detail.lineHeight * scale}px`;
       textarea.style.fontFamily = detail.fontFamily;
       textarea.style.fontWeight = `${detail.fontWeight}`;
+      textarea.style.padding = "0";
+      textarea.style.margin = "0";
+      textarea.style.outline = "none";
       textarea.value = detail.text || "";
       parent.appendChild(textarea);
     };
@@ -5898,9 +5969,9 @@ var __privateMethod = (obj, member, method) => {
       __privateAdd(this, _board, void 0);
       // #opts: CoreOptions;
       __privateAdd(this, _canvas, void 0);
-      __privateAdd(this, _container, void 0);
+      __privateAdd(this, _container2, void 0);
       const { devicePixelRatio = 1, width, height, createCustomContext2D } = opts;
-      __privateSet(this, _container, container);
+      __privateSet(this, _container2, container);
       const canvas = document.createElement("canvas");
       __privateSet(this, _canvas, canvas);
       __privateMethod(this, _initContainer, initContainer_fn).call(this);
@@ -5922,6 +5993,9 @@ var __privateMethod = (obj, member, method) => {
         eventHub
       });
     }
+    isDestroyed() {
+      return __privateGet(this, _board).isDestroyed();
+    }
     destroy() {
       __privateGet(this, _board).destroy();
       __privateGet(this, _canvas).remove();
@@ -5987,13 +6061,19 @@ var __privateMethod = (obj, member, method) => {
     getLoadItemMap() {
       return __privateGet(this, _board).getRenderer().getLoadItemMap();
     }
+    onBoardWatcherEvents() {
+      __privateGet(this, _board).onWatcherEvents();
+    }
+    offBoardWatcherEvents() {
+      __privateGet(this, _board).offWatcherEvents();
+    }
   }
   _board = new WeakMap();
   _canvas = new WeakMap();
-  _container = new WeakMap();
+  _container2 = new WeakMap();
   _initContainer = new WeakSet();
   initContainer_fn = function() {
-    const container = __privateGet(this, _container);
+    const container = __privateGet(this, _container2);
     container.style.position = "relative";
   };
   exports.Core = Core;