npm - @idraw/core - Versions diffs - 0.4.0 → 0.4.2 - Mend

@idraw/core 0.4.0 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/esm/board/index.js +2 -1
package/dist/esm/board/watcher.js +6 -0
package/dist/esm/middlewares/selector/index.js +27 -24
package/dist/index.global.js +400 -365
package/dist/index.global.min.js +1 -1
package/package.json +4 -4

package/dist/index.global.js CHANGED Viewed

@@ -85,16 +85,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   });
   function deepClone(target) {
     function _clone(t) {
-      const type = is$1(t);
-      if (["Null", "Number", "String", "Boolean", "Undefined"].indexOf(type) >= 0) {
+      const type2 = is$1(t);
+      if (["Null", "Number", "String", "Boolean", "Undefined"].indexOf(type2) >= 0) {
         return t;
-      } else if (type === "Array") {
+      } else if (type2 === "Array") {
         const arr = [];
         t.forEach((item) => {
           arr.push(_clone(item));
         });
         return arr;
-      } else if (type === "Object") {
+      } else if (type2 === "Object") {
         const obj = {};
         const keys = Object.keys(t);
         keys.forEach((key2) => {
@@ -112,45 +112,45 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function is$1(target) {
     return Object.prototype.toString.call(target).replace(/[\]|\[]{1,1}/gi, "").split(" ")[1];
   }
-  function parsePrototype(data) {
-    const typeStr = Object.prototype.toString.call(data) || "";
+  function parsePrototype(data2) {
+    const typeStr = Object.prototype.toString.call(data2) || "";
     const result = typeStr.replace(/(\[object|\])/gi, "").trim();
     return result;
   }
   const istype = {
-    type(data, lowerCase) {
-      const result = parsePrototype(data);
+    type(data2, lowerCase) {
+      const result = parsePrototype(data2);
       return lowerCase === true ? result.toLocaleLowerCase() : result;
     },
-    array(data) {
-      return parsePrototype(data) === "Array";
+    array(data2) {
+      return parsePrototype(data2) === "Array";
     },
-    json(data) {
-      return parsePrototype(data) === "Object";
+    json(data2) {
+      return parsePrototype(data2) === "Object";
     },
-    function(data) {
-      return parsePrototype(data) === "Function";
+    function(data2) {
+      return parsePrototype(data2) === "Function";
     },
-    asyncFunction(data) {
-      return parsePrototype(data) === "AsyncFunction";
+    asyncFunction(data2) {
+      return parsePrototype(data2) === "AsyncFunction";
     },
-    boolean(data) {
-      return parsePrototype(data) === "Boolean";
+    boolean(data2) {
+      return parsePrototype(data2) === "Boolean";
     },
-    string(data) {
-      return parsePrototype(data) === "String";
+    string(data2) {
+      return parsePrototype(data2) === "String";
     },
-    number(data) {
-      return parsePrototype(data) === "Number";
+    number(data2) {
+      return parsePrototype(data2) === "Number";
     },
-    undefined(data) {
-      return parsePrototype(data) === "Undefined";
+    undefined(data2) {
+      return parsePrototype(data2) === "Undefined";
     },
-    null(data) {
-      return parsePrototype(data) === "Null";
+    null(data2) {
+      return parsePrototype(data2) === "Null";
     },
-    promise(data) {
-      return parsePrototype(data) === "Promise";
+    promise(data2) {
+      return parsePrototype(data2) === "Promise";
     }
   };
   function parseHTMLToDataURL(html2, opts) {
@@ -333,8 +333,33 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function numberStr(value) {
     return /^(-?\d+(?:\.\d+)?)$/.test(`${value}`);
   }
+  function type(value) {
+    return ["rect", "circle", "text", "image", "svg", "html", "group"].includes(value);
+  }
+  function element(elem) {
+    if (!elem) {
+      return false;
+    }
+    return type(elem === null || elem === void 0 ? void 0 : elem.type) && x(elem === null || elem === void 0 ? void 0 : elem.x) && y(elem === null || elem === void 0 ? void 0 : elem.y) && w(elem === null || elem === void 0 ? void 0 : elem.w) && h(elem === null || elem === void 0 ? void 0 : elem.h);
+  }
+  function layout(value) {
+    if (!value) {
+      return false;
+    }
+    return x(value === null || value === void 0 ? void 0 : value.x) && y(value === null || value === void 0 ? void 0 : value.y) && w(value === null || value === void 0 ? void 0 : value.w) && h(value === null || value === void 0 ? void 0 : value.h);
+  }
+  function data(d) {
+    if (Array(d === null || d === void 0 ? void 0 : d.elements) && (d === null || d === void 0 ? void 0 : d.elements.length) >= 0) {
+      return true;
+    }
+    return false;
+  }
   const is = {
     positiveNum,
+    data,
+    element,
+    layout,
+    type,
     x,
     y,
     w,
@@ -1454,7 +1479,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   function getViewPointAtElement(p, opts) {
     var _a, _b, _c;
-    const { context2d: ctx, data, viewScaleInfo, viewSizeInfo, groupQueue } = opts;
+    const { context2d: ctx, data: data2, viewScaleInfo, viewSizeInfo, groupQueue } = opts;
     const result = {
       index: -1,
       element: null,
@@ -1505,8 +1530,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     if (result.element) {
       return result;
     }
-    for (let i = data.elements.length - 1; i >= 0; i--) {
-      const elem = data.elements[i];
+    for (let i = data2.elements.length - 1; i >= 0; i--) {
+      const elem = data2.elements[i];
       if (((_c = elem === null || elem === void 0 ? void 0 : elem.operations) === null || _c === void 0 ? void 0 : _c.invisible) === true) {
         continue;
       }
@@ -2060,8 +2085,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   function toFlattenElement(elem) {
     return flatObject(elem, { ignorePaths: ["detail.children"] });
   }
-  function toFlattenLayout(layout) {
-    return flatObject(layout);
+  function toFlattenLayout(layout2) {
+    return flatObject(layout2);
   }
   function toFlattenGlobal(global) {
     return flatObject(global);
@@ -2248,14 +2273,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     return record;
   }
   function deepResizeElementByRatio(elem, opts, record) {
-    const { type, uuid } = elem;
+    const { type: type2, uuid } = elem;
     const rootRecord = resizeElementBaseByRatio(elem, opts);
     const rootRecordBefore = Object.assign(Object.assign({}, rootRecord.content.before), { uuid });
     const rootRecordAfter = Object.assign(Object.assign({}, rootRecord.content.after), { uuid });
     record === null || record === void 0 ? void 0 : record.content.before.push(rootRecordBefore);
     record === null || record === void 0 ? void 0 : record.content.after.push(rootRecordAfter);
-    if (type === "circle") ;
-    else if (type === "text") {
+    if (type2 === "circle") ;
+    else if (type2 === "text") {
       const textRecord = resizeTextElementDetailByRatio(elem, opts);
       Object.keys(textRecord.content.before || {}).forEach((key2) => {
         var _a;
@@ -2265,11 +2290,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         var _a;
         rootRecordAfter[key2] = (_a = textRecord.content.after) === null || _a === void 0 ? void 0 : _a[key2];
       });
-    } else if (type === "image") ;
-    else if (type === "svg") ;
-    else if (type === "html") ;
-    else if (type === "path") ;
-    else if (type === "group" && Array.isArray(elem.detail.children)) {
+    } else if (type2 === "image") ;
+    else if (type2 === "svg") ;
+    else if (type2 === "html") ;
+    else if (type2 === "path") ;
+    else if (type2 === "group" && Array.isArray(elem.detail.children)) {
       elem.detail.children.forEach((child) => {
         deepResizeElementByRatio(child, opts, record);
       });
@@ -2377,7 +2402,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   const defaultViewWidth = 200;
   const defaultViewHeight = 200;
-  function createElementSize(type, opts) {
+  function createElementSize(type2, opts) {
     let x2 = 0;
     let y2 = 0;
     let w2 = defaultViewWidth;
@@ -2398,9 +2423,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       } else {
         h2 = defaultViewHeight / scale;
       }
-      if (["circle", "svg", "image"].includes(type)) {
+      if (["circle", "svg", "image"].includes(type2)) {
         w2 = h2 = Math.max(w2, h2);
-      } else if (type === "text") {
+      } else if (type2 === "text") {
         const fontSize2 = w2 / defaultText.length;
         h2 = fontSize2 * 2;
       }
@@ -2415,30 +2440,30 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
     return elemSize;
   }
-  function createElement(type, baseElem, opts) {
-    const elementSize = createElementSize(type, opts);
+  function createElement(type2, baseElem, opts) {
+    const elementSize = createElementSize(type2, opts);
     let detail = {};
-    if (type === "rect") {
+    if (type2 === "rect") {
       detail = getDefaultElementRectDetail();
-    } else if (type === "circle") {
+    } else if (type2 === "circle") {
       detail = getDefaultElementCircleDetail();
-    } else if (type === "text") {
+    } else if (type2 === "text") {
       detail = getDefaultElementTextDetail(elementSize);
-    } else if (type === "svg") {
+    } else if (type2 === "svg") {
       detail = getDefaultElementSVGDetail();
-    } else if (type === "image") {
+    } else if (type2 === "image") {
       detail = getDefaultElementImageDetail();
-    } else if (type === "group") {
+    } else if (type2 === "group") {
       detail = getDefaultElementGroupDetail();
     }
-    const elem = Object.assign(Object.assign(Object.assign({ uuid: createUUID() }, elementSize), baseElem), { type, detail: Object.assign(Object.assign({}, detail), baseElem.detail || {}) });
+    const elem = Object.assign(Object.assign(Object.assign({ uuid: createUUID() }, elementSize), baseElem), { type: type2, detail: Object.assign(Object.assign({}, detail), baseElem.detail || {}) });
     return elem;
   }
-  function insertElementToListByPosition(element, position, list) {
+  function insertElementToListByPosition(element2, position, list) {
     let result = false;
     if (position.length === 1) {
       const pos = position[0];
-      list.splice(pos, 0, element);
+      list.splice(pos, 0, element2);
       result = true;
     } else if (position.length > 1) {
       let tempList = list;
@@ -2447,7 +2472,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         const item = tempList[pos];
         if (i === position.length - 1) {
           const pos2 = position[i];
-          tempList.splice(pos2, 0, element);
+          tempList.splice(pos2, 0, element2);
           result = true;
         } else if (i < position.length - 1 && item.type === "group") {
           tempList = item.detail.children;
@@ -3529,14 +3554,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   const defaultDetail = getDefaultElementDetailConfig();
-  function drawElementList(ctx, data, opts) {
+  function drawElementList(ctx, data2, opts) {
     var _a;
-    const { elements = [] } = data;
+    const { elements = [] } = data2;
     const { parentOpacity } = opts;
     for (let i = 0; i < elements.length; i++) {
-      const element = elements[i];
-      const elem = Object.assign(Object.assign({}, element), {
-        detail: Object.assign(Object.assign({}, defaultDetail), element === null || element === void 0 ? void 0 : element.detail)
+      const element2 = elements[i];
+      const elem = Object.assign(Object.assign({}, element2), {
+        detail: Object.assign(Object.assign({}, defaultDetail), element2 === null || element2 === void 0 ? void 0 : element2.detail)
       });
       if (opts.forceDrawAll !== true) {
         if (!((_a = opts.calculator) === null || _a === void 0 ? void 0 : _a.needRender(elem))) {
@@ -3552,9 +3577,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     }
   }
-  function drawLayout(ctx, layout, opts, renderContent) {
+  function drawLayout(ctx, layout2, opts, renderContent) {
     const { viewScaleInfo, viewSizeInfo, parentOpacity } = opts;
-    const elem = Object.assign({ uuid: "layout", type: "group" }, layout);
+    const elem = Object.assign({ uuid: "layout", type: "group" }, layout2);
     const { x: x2, y: y2, w: w2, h: h2 } = calcViewElementSize(elem, { viewScaleInfo }) || elem;
     const angle2 = 0;
     const viewElem = Object.assign(Object.assign({}, elem), { x: x2, y: y2, w: w2, h: h2, angle: angle2 });
@@ -3565,9 +3590,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         drawBoxBackground(ctx, viewElem, { viewScaleInfo, viewSizeInfo });
       }
     });
-    if (layout.detail.overflow === "hidden") {
+    if (layout2.detail.overflow === "hidden") {
       const { viewScaleInfo: viewScaleInfo2, viewSizeInfo: viewSizeInfo2 } = opts;
-      const elem2 = Object.assign({ uuid: "layout", type: "group" }, layout);
+      const elem2 = Object.assign({ uuid: "layout", type: "group" }, layout2);
       const viewElemSize = calcViewElementSize(elem2, { viewScaleInfo: viewScaleInfo2 }) || elem2;
       const viewElem2 = Object.assign(Object.assign({}, elem2), viewElemSize);
       const { x: x3, y: y3, w: w3, h: h3, radiusList } = calcViewBoxSize(viewElem2, {
@@ -3586,7 +3611,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       ctx.clip("nonzero");
     }
     renderContent(ctx);
-    if (layout.detail.overflow === "hidden") {
+    if (layout2.detail.overflow === "hidden") {
       ctx.restore();
     }
     drawBoxBorder(ctx, viewElem, { viewScaleInfo });
@@ -3641,23 +3666,23 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   };
   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) => {
+  const getAssetIdFromElement = (element2) => {
     var _a, _b, _c;
     let source = null;
-    if (element.type === "image") {
-      source = ((_a = element === null || element === void 0 ? void 0 : element.detail) === null || _a === void 0 ? void 0 : _a.src) || null;
-    } else if (element.type === "svg") {
-      source = ((_b = element === null || element === void 0 ? void 0 : element.detail) === null || _b === void 0 ? void 0 : _b.svg) || null;
-    } else if (element.type === "html") {
-      source = ((_c = element === null || element === void 0 ? void 0 : element.detail) === null || _c === void 0 ? void 0 : _c.html) || null;
+    if (element2.type === "image") {
+      source = ((_a = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _a === void 0 ? void 0 : _a.src) || null;
+    } else if (element2.type === "svg") {
+      source = ((_b = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _b === void 0 ? void 0 : _b.svg) || null;
+    } else if (element2.type === "html") {
+      source = ((_c = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _c === void 0 ? void 0 : _c.html) || null;
     }
     if (typeof source === "string" && source) {
       if (isAssetId(source)) {
         return source;
       }
-      return createAssetId(source, element.uuid);
+      return createAssetId(source, element2.uuid);
     }
-    return createAssetId(`${createUUID()}-${element.uuid}-${createUUID()}-${createUUID()}`, element.uuid);
+    return createAssetId(`${createUUID()}-${element2.uuid}-${createUUID()}-${createUUID()}`, element2.uuid);
   };
   class Loader extends EventEmitter {
     constructor() {
@@ -3711,24 +3736,24 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __classPrivateFieldSet$2(this, _Loader_currentLoadItemMap, {}, "f");
       __classPrivateFieldSet$2(this, _Loader_storageLoadItemMap, {}, "f");
     }
-    resetElementAsset(element) {
+    resetElementAsset(element2) {
       var _a, _b, _c;
-      if (supportElementTypes.includes(element.type)) {
+      if (supportElementTypes.includes(element2.type)) {
         let assetId = null;
         let resource = null;
-        if (element.type === "image" && typeof ((_a = element === null || element === void 0 ? void 0 : element.detail) === null || _a === void 0 ? void 0 : _a.src) === "string") {
-          resource = element.detail.src;
-        } else if (element.type === "svg" && typeof ((_b = element === null || element === void 0 ? void 0 : element.detail) === null || _b === void 0 ? void 0 : _b.svg) === "string") {
-          resource = element.detail.svg;
-        } else if (element.type === "html" && typeof ((_c = element === null || element === void 0 ? void 0 : element.detail) === null || _c === void 0 ? void 0 : _c.html) === "string") {
-          resource = element.detail.html;
+        if (element2.type === "image" && typeof ((_a = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _a === void 0 ? void 0 : _a.src) === "string") {
+          resource = element2.detail.src;
+        } else if (element2.type === "svg" && typeof ((_b = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _b === void 0 ? void 0 : _b.svg) === "string") {
+          resource = element2.detail.svg;
+        } else if (element2.type === "html" && typeof ((_c = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _c === void 0 ? void 0 : _c.html) === "string") {
+          resource = element2.detail.html;
         }
         if (typeof resource === "string") {
-          this.load(element, {});
+          this.load(element2, {});
           if (isAssetId(resource)) {
             assetId = resource;
-          } else if (element.uuid) {
-            assetId = createAssetId(resource, element.uuid);
+          } else if (element2.uuid) {
+            assetId = createAssetId(resource, element2.uuid);
           }
         }
         if (assetId && isAssetId(assetId)) {
@@ -3744,20 +3769,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __classPrivateFieldSet$2(this, _Loader_currentLoadItemMap, null, "f");
       __classPrivateFieldSet$2(this, _Loader_storageLoadItemMap, null, "f");
     }
-    load(element, assets) {
+    load(element2, assets) {
       if (__classPrivateFieldGet$2(this, _Loader_hasDestroyed, "f") === true) {
         return;
       }
-      if (__classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_isExistingErrorStorage).call(this, element)) {
+      if (__classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_isExistingErrorStorage).call(this, element2)) {
         return;
       }
-      if (supportElementTypes.includes(element.type)) {
-        __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_loadResource).call(this, element, assets);
+      if (supportElementTypes.includes(element2.type)) {
+        __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_loadResource).call(this, element2, assets);
       }
     }
-    getContent(element) {
+    getContent(element2) {
       var _a, _b;
-      const assetId = getAssetIdFromElement(element);
+      const assetId = getAssetIdFromElement(element2);
       return ((_b = (_a = __classPrivateFieldGet$2(this, _Loader_storageLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId]) === null || _b === void 0 ? void 0 : _b.content) || null;
     }
     getLoadItemMap() {
@@ -3767,28 +3792,28 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __classPrivateFieldSet$2(this, _Loader_storageLoadItemMap, itemMap, "f");
     }
   }
-  _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$2(this, _Loader_loadFuncMap, "f")[type] = func;
-  }, _Loader_getLoadElementSource = function _Loader_getLoadElementSource2(element) {
+  _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(type2, func) {
+    __classPrivateFieldGet$2(this, _Loader_loadFuncMap, "f")[type2] = func;
+  }, _Loader_getLoadElementSource = function _Loader_getLoadElementSource2(element2) {
     var _a, _b, _c;
     let source = null;
-    if (element.type === "image") {
-      source = ((_a = element === null || element === void 0 ? void 0 : element.detail) === null || _a === void 0 ? void 0 : _a.src) || null;
-    } else if (element.type === "svg") {
-      source = ((_b = element === null || element === void 0 ? void 0 : element.detail) === null || _b === void 0 ? void 0 : _b.svg) || null;
-    } else if (element.type === "html") {
-      source = ((_c = element === null || element === void 0 ? void 0 : element.detail) === null || _c === void 0 ? void 0 : _c.html) || null;
+    if (element2.type === "image") {
+      source = ((_a = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _a === void 0 ? void 0 : _a.src) || null;
+    } else if (element2.type === "svg") {
+      source = ((_b = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _b === void 0 ? void 0 : _b.svg) || null;
+    } else if (element2.type === "html") {
+      source = ((_c = element2 === null || element2 === void 0 ? void 0 : element2.detail) === null || _c === void 0 ? void 0 : _c.html) || null;
     }
     return source;
-  }, _Loader_createLoadItem = function _Loader_createLoadItem2(element) {
+  }, _Loader_createLoadItem = function _Loader_createLoadItem2(element2) {
     return {
-      element,
+      element: element2,
       status: "null",
       content: null,
       error: null,
       startTime: -1,
       endTime: -1,
-      source: __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)
+      source: __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element2)
     };
   }, _Loader_emitLoad = function _Loader_emitLoad2(item) {
     const assetId = getAssetIdFromElement(item.element);
@@ -3819,17 +3844,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         this.trigger("error", Object.assign(Object.assign({}, item), { countTime: item.endTime - item.startTime }));
       }
     }
-  }, _Loader_loadResource = function _Loader_loadResource2(element, assets) {
-    const item = __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_createLoadItem).call(this, element);
-    const assetId = getAssetIdFromElement(element);
+  }, _Loader_loadResource = function _Loader_loadResource2(element2, assets) {
+    const item = __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_createLoadItem).call(this, element2);
+    const assetId = getAssetIdFromElement(element2);
     if (__classPrivateFieldGet$2(this, _Loader_currentLoadItemMap, "f")[assetId]) {
       return;
     }
     __classPrivateFieldGet$2(this, _Loader_currentLoadItemMap, "f")[assetId] = item;
-    const loadFunc = __classPrivateFieldGet$2(this, _Loader_loadFuncMap, "f")[element.type];
+    const loadFunc = __classPrivateFieldGet$2(this, _Loader_loadFuncMap, "f")[element2.type];
     if (typeof loadFunc === "function" && !__classPrivateFieldGet$2(this, _Loader_hasDestroyed, "f")) {
       item.startTime = Date.now();
-      loadFunc(element, assets).then((result) => {
+      loadFunc(element2, assets).then((result) => {
         if (!__classPrivateFieldGet$2(this, _Loader_hasDestroyed, "f")) {
           item.content = result.content;
           item.endTime = Date.now();
@@ -3837,18 +3862,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_emitLoad).call(this, item);
         }
       }).catch((err) => {
-        console.warn(`Load element source "${item.source}" fail`, err, element);
+        console.warn(`Load element source "${item.source}" fail`, err, element2);
         item.endTime = Date.now();
         item.status = "error";
         item.error = err;
         __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_emitError).call(this, item);
       });
     }
-  }, _Loader_isExistingErrorStorage = function _Loader_isExistingErrorStorage2(element) {
+  }, _Loader_isExistingErrorStorage = function _Loader_isExistingErrorStorage2(element2) {
     var _a;
-    const assetId = getAssetIdFromElement(element);
+    const assetId = getAssetIdFromElement(element2);
     const existItem = (_a = __classPrivateFieldGet$2(this, _Loader_currentLoadItemMap, "f")) === null || _a === void 0 ? void 0 : _a[assetId];
-    if (existItem && existItem.status === "error" && existItem.source && existItem.source === __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element)) {
+    if (existItem && existItem.status === "error" && existItem.source && existItem.source === __classPrivateFieldGet$2(this, _Loader_instances, "m", _Loader_getLoadElementSource).call(this, element2)) {
       return true;
     }
     return false;
@@ -4137,9 +4162,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const context2d = __classPrivateFieldGet$1(this, _Calculator_opts, "f").tempContext;
       return getViewPointAtElement(p, Object.assign(Object.assign({}, opts), { context2d }));
     }
-    resetVirtualFlatItemMap(data, opts) {
-      if (data) {
-        const { virtualFlatItemMap, invisibleCount, visibleCount } = sortElementsViewVisiableInfoMap(data.elements, Object.assign(Object.assign({}, opts), {
+    resetVirtualFlatItemMap(data2, opts) {
+      if (data2) {
+        const { virtualFlatItemMap, invisibleCount, visibleCount } = sortElementsViewVisiableInfoMap(data2.elements, Object.assign(Object.assign({}, opts), {
           tempContext: __classPrivateFieldGet$1(this, _Calculator_opts, "f").tempContext
         }));
         __classPrivateFieldGet$1(this, _Calculator_store, "f").set("virtualFlatItemMap", virtualFlatItemMap);
@@ -4201,24 +4226,24 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       };
       return viewRectInfo;
     }
-    modifyText(element) {
+    modifyText(element2) {
       const virtualFlatItemMap = __classPrivateFieldGet$1(this, _Calculator_store, "f").get("virtualFlatItemMap");
-      const flatItem = virtualFlatItemMap[element.uuid];
-      if (element && element.type === "text") {
-        const newVirtualFlatItem = Object.assign(Object.assign({}, flatItem), calcVirtualTextDetail(element, {
+      const flatItem = virtualFlatItemMap[element2.uuid];
+      if (element2 && element2.type === "text") {
+        const newVirtualFlatItem = Object.assign(Object.assign({}, flatItem), calcVirtualTextDetail(element2, {
           tempContext: __classPrivateFieldGet$1(this, _Calculator_opts, "f").tempContext
         }));
-        virtualFlatItemMap[element.uuid] = newVirtualFlatItem;
+        virtualFlatItemMap[element2.uuid] = newVirtualFlatItem;
         __classPrivateFieldGet$1(this, _Calculator_store, "f").set("virtualFlatItemMap", virtualFlatItemMap);
       }
     }
-    modifyVirtualFlatItemMap(data, opts) {
+    modifyVirtualFlatItemMap(data2, opts) {
       const { modifyInfo, viewScaleInfo, viewSizeInfo } = opts;
-      const { type, content } = modifyInfo;
-      const list = data.elements;
+      const { type: type2, content } = modifyInfo;
+      const list = data2.elements;
       const virtualFlatItemMap = __classPrivateFieldGet$1(this, _Calculator_store, "f").get("virtualFlatItemMap");
-      if (type === "deleteElement") {
-        const { element } = content;
+      if (type2 === "deleteElement") {
+        const { element: element2 } = content;
         const uuids = [];
         const _walk = (e) => {
           uuids.push(e.uuid);
@@ -4228,34 +4253,34 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             });
           }
         };
-        _walk(element);
+        _walk(element2);
         uuids.forEach((uuid) => {
           delete virtualFlatItemMap[uuid];
         });
         __classPrivateFieldGet$1(this, _Calculator_store, "f").set("virtualFlatItemMap", virtualFlatItemMap);
-      } else if (type === "addElement" || type === "updateElement") {
+      } else if (type2 === "addElement" || type2 === "updateElement") {
         const { position } = content;
-        const element = findElementFromListByPosition(position, data.elements);
+        const element2 = findElementFromListByPosition(position, data2.elements);
         const groupQueue = getGroupQueueByElementPosition(list, position);
-        if (element) {
-          if (type === "updateElement" && element.type === "group") {
-            this.resetVirtualFlatItemMap(data, { viewScaleInfo, viewSizeInfo });
+        if (element2) {
+          if (type2 === "updateElement" && element2.type === "group") {
+            this.resetVirtualFlatItemMap(data2, { viewScaleInfo, viewSizeInfo });
           } else {
-            const originRectInfo = calcElementOriginRectInfo(element, {
+            const originRectInfo = calcElementOriginRectInfo(element2, {
               groupQueue: groupQueue || []
             });
-            const newVirtualFlatItem = Object.assign({ type: element.type, originRectInfo, rangeRectInfo: is.angle(element.angle) ? originRectInfoToRangeRectInfo(originRectInfo) : originRectInfo, isVisibleInView: true, position: [...position] }, calcVirtualFlatDetail(element, {
+            const newVirtualFlatItem = Object.assign({ type: element2.type, originRectInfo, rangeRectInfo: is.angle(element2.angle) ? originRectInfoToRangeRectInfo(originRectInfo) : originRectInfo, isVisibleInView: true, position: [...position] }, calcVirtualFlatDetail(element2, {
               tempContext: __classPrivateFieldGet$1(this, _Calculator_opts, "f").tempContext
             }));
-            virtualFlatItemMap[element.uuid] = newVirtualFlatItem;
+            virtualFlatItemMap[element2.uuid] = newVirtualFlatItem;
             __classPrivateFieldGet$1(this, _Calculator_store, "f").set("virtualFlatItemMap", virtualFlatItemMap);
-            if (type === "updateElement") {
+            if (type2 === "updateElement") {
               this.updateVisiableStatus({ viewScaleInfo, viewSizeInfo });
             }
           }
         }
-      } else if (type === "moveElement") {
-        this.resetVirtualFlatItemMap(data, { viewScaleInfo, viewSizeInfo });
+      } else if (type2 === "moveElement") {
+        this.resetVirtualFlatItemMap(data2, { viewScaleInfo, viewSizeInfo });
       }
     }
     getVirtualFlatItem(uuid) {
@@ -4303,7 +4328,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     updateOptions(opts) {
       __classPrivateFieldSet(this, _Renderer_opts, opts, "f");
     }
-    drawData(data, opts) {
+    drawData(data2, opts) {
       const loader = __classPrivateFieldGet(this, _Renderer_loader, "f");
       const calculator = __classPrivateFieldGet(this, _Renderer_calculator, "f");
       const { sharer } = __classPrivateFieldGet(this, _Renderer_opts, "f");
@@ -4316,7 +4341,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         h: opts.viewSizeInfo.height
       };
       if (opts.forceDrawAll === true) {
-        __classPrivateFieldGet(this, _Renderer_calculator, "f").resetVirtualFlatItemMap(data, {
+        __classPrivateFieldGet(this, _Renderer_calculator, "f").resetVirtualFlatItemMap(data2, {
           viewScaleInfo: opts.viewScaleInfo,
           viewSizeInfo: opts.viewSizeInfo
         });
@@ -4325,17 +4350,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         loader,
         calculator,
         parentElementSize,
-        elementAssets: data.assets,
+        elementAssets: data2.assets,
         parentOpacity: 1,
         overrideElementMap: sharer === null || sharer === void 0 ? void 0 : sharer.getActiveOverrideElemenentMap()
       }, opts);
-      drawGlobalBackground(viewContext, data.global, drawOpts);
-      if (data.layout) {
-        drawLayout(viewContext, data.layout, drawOpts, () => {
-          drawElementList(viewContext, data, drawOpts);
+      drawGlobalBackground(viewContext, data2.global, drawOpts);
+      if (data2.layout) {
+        drawLayout(viewContext, data2.layout, drawOpts, () => {
+          drawElementList(viewContext, data2, drawOpts);
         });
       } else {
-        drawElementList(viewContext, data, drawOpts);
+        drawElementList(viewContext, data2, drawOpts);
       }
     }
     scale(num) {
@@ -4343,9 +4368,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       if (!sharer) {
         return;
       }
-      const { data, offsetTop, offsetBottom, offsetLeft, offsetRight, width, height, contextHeight, contextWidth, devicePixelRatio } = sharer.getActiveStoreSnapshot();
-      if (data) {
-        this.drawData(data, {
+      const { data: data2, offsetTop, offsetBottom, offsetLeft, offsetRight, width, height, contextHeight, contextWidth, devicePixelRatio } = sharer.getActiveStoreSnapshot();
+      if (data2) {
+        this.drawData(data2, {
           viewScaleInfo: {
             scale: num,
             offsetTop,
@@ -4518,6 +4543,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __privateMethod(this, _BoardWatcher_instances, init_fn).call(this);
     }
     onEvents() {
+      if (__privateGet(this, _opts).disabled === true) {
+        return;
+      }
       if (__privateGet(this, _hasDestroyed)) {
         return;
       }
@@ -4532,6 +4560,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       container.addEventListener("contextmenu", __privateGet(this, _onContextMenu));
     }
     offEvents() {
+      if (__privateGet(this, _opts).disabled === true) {
+        return;
+      }
       const container = window;
       const canvas = __privateGet(this, _opts).boardContent.boardContext.canvas;
       container.removeEventListener("mousemove", __privateGet(this, _onHover));
@@ -4686,9 +4717,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       __privateSet(this, _opts2, opts);
       __privateMethod(this, _Viewer_instances, init_fn2).call(this);
     }
-    resetVirtualFlatItemMap(data, opts) {
-      if (data) {
-        __privateGet(this, _opts2).calculator.resetVirtualFlatItemMap(data, opts);
+    resetVirtualFlatItemMap(data2, opts) {
+      if (data2) {
+        __privateGet(this, _opts2).calculator.resetVirtualFlatItemMap(data2, opts);
       }
     }
     drawFrame() {
@@ -4860,7 +4891,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const sharer = new Sharer();
       const watcher = new BoardWatcher({
         boardContent,
-        sharer
+        sharer,
+        disabled: opts == null ? void 0 : opts.disableWatcher
       });
       const renderer = new Renderer({
         viewContext: boardContent.viewContext,
@@ -4907,17 +4939,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     getRenderer() {
       return __privateGet(this, _renderer);
     }
-    setData(data) {
+    setData(data2) {
       const sharer = __privateGet(this, _sharer);
-      __privateGet(this, _sharer).setActiveStorage("data", data);
+      __privateGet(this, _sharer).setActiveStorage("data", data2);
       const viewSizeInfo = sharer.getActiveViewSizeInfo();
       const viewScaleInfo = sharer.getActiveViewScaleInfo();
-      const newViewContextSize = calcElementsContextSize(data.elements, {
+      const newViewContextSize = calcElementsContextSize(data2.elements, {
         viewWidth: viewSizeInfo.width,
         viewHeight: viewSizeInfo.height,
         extend: true
       });
-      __privateGet(this, _viewer).resetVirtualFlatItemMap(data, {
+      __privateGet(this, _viewer).resetVirtualFlatItemMap(data2, {
         viewSizeInfo,
         viewScaleInfo
       });
@@ -4930,8 +4962,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return { viewSizeInfo: newViewSizeInfo };
     }
     getData() {
-      const { data } = __privateGet(this, _sharer).getActiveStoreSnapshot();
-      return data;
+      const { data: data2 } = __privateGet(this, _sharer).getActiveStoreSnapshot();
+      return data2;
     }
     use(middleware, config) {
       var _a, _b, _c;
@@ -5587,7 +5619,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       style,
       rotateControllerPattern,
       viewSizeInfo,
-      element
+      element: element2
       // calculator, viewScaleInfo, viewSizeInfo
     } = opts;
     const { devicePixelRatio = 1 } = viewSizeInfo;
@@ -5606,7 +5638,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       drawVertexes(ctx, calcViewVertexes(topRight.vertexes, opts), ctrlOpts);
       drawVertexes(ctx, calcViewVertexes(bottomLeft.vertexes, opts), ctrlOpts);
       drawVertexes(ctx, calcViewVertexes(bottomRight.vertexes, opts), ctrlOpts);
-      if (((_a = element == null ? void 0 : element.operations) == null ? void 0 : _a.rotatable) !== false) {
+      if (((_a = element2 == null ? void 0 : element2.operations) == null ? void 0 : _a.rotatable) !== false) {
         drawCircleController(ctx, calcViewPointSize(rotate.center, opts), {
           ...ctrlOpts,
           size: rotate.size
@@ -5753,7 +5785,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
     const {
       ctx,
-      data,
+      data: data2,
       calculator,
       selectedElements,
       viewScaleInfo,
@@ -5810,10 +5842,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         return target;
       }
     }
-    if (data) {
-      const { index, element } = calculator.getPointElement(p, { data, viewScaleInfo, viewSizeInfo });
-      if (index >= 0 && element && ((_e = element == null ? void 0 : element.operations) == null ? void 0 : _e.invisible) !== true) {
-        target.elements = [element];
+    if (data2) {
+      const { index, element: element2 } = calculator.getPointElement(p, { data: data2, viewScaleInfo, viewSizeInfo });
+      if (index >= 0 && element2 && ((_e = element2 == null ? void 0 : element2.operations) == null ? void 0 : _e.invisible) !== true) {
+        target.elements = [element2];
         target.type = "over-element";
         return target;
       }
@@ -6404,21 +6436,21 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       angle: endAngle
     };
   }
-  function getSelectedListArea(data, opts) {
+  function getSelectedListArea(data2, opts) {
     var _a;
     const indexes = [];
     const uuids = [];
     const elements = [];
     const { viewScaleInfo, start, end } = opts;
-    if (!(Array.isArray(data.elements) && start && end)) {
+    if (!(Array.isArray(data2.elements) && start && end)) {
       return { indexes, uuids, elements };
     }
     const startX = Math.min(start.x, end.x);
     const endX = Math.max(start.x, end.x);
     const startY = Math.min(start.y, end.y);
     const endY = Math.max(start.y, end.y);
-    for (let idx = 0; idx < data.elements.length; idx++) {
-      const elem = data.elements[idx];
+    for (let idx = 0; idx < data2.elements.length; idx++) {
+      const elem = data2.elements[idx];
       if (((_a = elem == null ? void 0 : elem.operations) == null ? void 0 : _a.locked) === true) {
         continue;
       }
@@ -6541,8 +6573,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const isEqualNum = (a, b) => Math.abs(a - b) < 1e-5;
   function calcReferenceInfo(uuid, opts) {
     var _a, _b;
-    const { data, groupQueue, calculator, viewScaleInfo, viewSizeInfo } = opts;
-    let targetElements = data.elements || [];
+    const { data: data2, groupQueue, calculator, viewScaleInfo, viewSizeInfo } = opts;
+    let targetElements = data2.elements || [];
     if ((groupQueue == null ? void 0 : groupQueue.length) > 0) {
       targetElements = ((_b = (_a = groupQueue[groupQueue.length - 1]) == null ? void 0 : _a.detail) == null ? void 0 : _b.children) || [];
     }
@@ -6873,9 +6905,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return false;
     };
     const getLayoutSize = () => {
-      const data = sharer.getActiveStorage("data");
-      if (data == null ? void 0 : data.layout) {
-        const { x: x2, y: y2, w: w2, h: h2 } = data.layout;
+      const data2 = sharer.getActiveStorage("data");
+      if (data2 == null ? void 0 : data2.layout) {
+        const { x: x2, y: y2, w: w2, h: h2 } = data2.layout;
         return { x: x2, y: y2, w: w2, h: h2 };
       }
       return null;
@@ -6909,10 +6941,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     };
     const resetControlType = (e) => {
-      const data = sharer.getActiveStorage("data");
+      const data2 = sharer.getActiveStorage("data");
       const controller = sharer.getSharedStorage(keyLayoutController);
       let controllerType = null;
-      if (controller && (data == null ? void 0 : data.layout) && (e == null ? void 0 : e.point)) {
+      if (controller && (data2 == null ? void 0 : data2.layout) && (e == null ? void 0 : e.point)) {
         let layoutControlType = null;
         if (controller) {
           const { topLeft, top, topRight, right, bottomRight, bottom, bottomLeft, left } = controller;
@@ -6975,8 +7007,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
         if (sharer.getSharedStorage(keyLayoutIsSelected) === true) {
           const prevLayoutActionType = sharer.getSharedStorage(keyLayoutActionType);
-          const data = sharer.getActiveStorage("data");
-          if (data == null ? void 0 : data.layout) {
+          const data2 = sharer.getActiveStorage("data");
+          if (data2 == null ? void 0 : data2.layout) {
             if (prevLayoutActionType !== "resize") {
               resetController();
               const layoutControlType = resetControlType(e);
@@ -7017,9 +7049,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           }
           sharer.setSharedStorage(keyLayoutIsSelected, false);
         }
-        const data = sharer.getActiveStorage("data");
-        if (data == null ? void 0 : data.layout) {
-          pointStartLayoutSize = getElementSize(data.layout);
+        const data2 = sharer.getActiveStorage("data");
+        if (data2 == null ? void 0 : data2.layout) {
+          pointStartLayoutSize = getElementSize(data2.layout);
         } else {
           pointStartLayoutSize = null;
         }
@@ -7046,8 +7078,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
         const layoutActionType = sharer.getSharedStorage(keyLayoutActionType);
         const layoutControlType = sharer.getSharedStorage(keyLayoutControlType);
-        const data = sharer.getActiveStorage("data");
-        if (layoutActionType === "resize" && layoutControlType && (data == null ? void 0 : data.layout)) {
+        const data2 = sharer.getActiveStorage("data");
+        if (layoutActionType === "resize" && layoutControlType && (data2 == null ? void 0 : data2.layout)) {
           if (prevPoint) {
             sharer.setSharedStorage(keyLayoutIsBusyMoving, true);
             const scale = sharer.getActiveStorage("scale");
@@ -7055,65 +7087,65 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             const viewMoveY = e.point.y - prevPoint.y;
             const moveX = viewMoveX / scale;
             const moveY = viewMoveY / scale;
-            const { x: x2, y: y2, w: w2, h: h2, operations = {} } = data.layout;
+            const { x: x2, y: y2, w: w2, h: h2, operations = {} } = data2.layout;
             const { position = "absolute" } = operations;
             if (layoutControlType === "top") {
               if (position === "relative") {
-                data.layout.h = calculator.toGridNum(h2 - moveY);
+                data2.layout.h = calculator.toGridNum(h2 - moveY);
                 viewer.scroll({ moveY: viewMoveY });
               } else {
-                data.layout.y = calculator.toGridNum(y2 + moveY);
-                data.layout.h = calculator.toGridNum(h2 - moveY);
+                data2.layout.y = calculator.toGridNum(y2 + moveY);
+                data2.layout.h = calculator.toGridNum(h2 - moveY);
               }
             } else if (layoutControlType === "right") {
-              data.layout.w = calculator.toGridNum(w2 + moveX);
+              data2.layout.w = calculator.toGridNum(w2 + moveX);
             } else if (layoutControlType === "bottom") {
-              data.layout.h = calculator.toGridNum(h2 + moveY);
+              data2.layout.h = calculator.toGridNum(h2 + moveY);
             } else if (layoutControlType === "left") {
               if (position === "relative") {
-                data.layout.w = calculator.toGridNum(w2 - moveX);
+                data2.layout.w = calculator.toGridNum(w2 - moveX);
                 viewer.scroll({ moveX: viewMoveX });
               } else {
-                data.layout.x = calculator.toGridNum(x2 + moveX);
-                data.layout.w = calculator.toGridNum(w2 - moveX);
+                data2.layout.x = calculator.toGridNum(x2 + moveX);
+                data2.layout.w = calculator.toGridNum(w2 - moveX);
               }
             } else if (layoutControlType === "top-left") {
               if (position === "relative") {
-                data.layout.w = calculator.toGridNum(w2 - moveX);
-                data.layout.h = calculator.toGridNum(h2 - moveY);
+                data2.layout.w = calculator.toGridNum(w2 - moveX);
+                data2.layout.h = calculator.toGridNum(h2 - moveY);
                 viewer.scroll({ moveX: viewMoveX, moveY: viewMoveY });
               } else {
-                data.layout.x = calculator.toGridNum(x2 + moveX);
-                data.layout.y = calculator.toGridNum(y2 + moveY);
-                data.layout.w = calculator.toGridNum(w2 - moveX);
-                data.layout.h = calculator.toGridNum(h2 - moveY);
+                data2.layout.x = calculator.toGridNum(x2 + moveX);
+                data2.layout.y = calculator.toGridNum(y2 + moveY);
+                data2.layout.w = calculator.toGridNum(w2 - moveX);
+                data2.layout.h = calculator.toGridNum(h2 - moveY);
               }
             } else if (layoutControlType === "top-right") {
               if (position === "relative") {
                 viewer.scroll({
                   moveY: viewMoveY
                 });
-                data.layout.w = calculator.toGridNum(w2 + moveX);
-                data.layout.h = calculator.toGridNum(h2 - moveY);
+                data2.layout.w = calculator.toGridNum(w2 + moveX);
+                data2.layout.h = calculator.toGridNum(h2 - moveY);
               } else {
-                data.layout.y = calculator.toGridNum(y2 + moveY);
-                data.layout.w = calculator.toGridNum(w2 + moveX);
-                data.layout.h = calculator.toGridNum(h2 - moveY);
+                data2.layout.y = calculator.toGridNum(y2 + moveY);
+                data2.layout.w = calculator.toGridNum(w2 + moveX);
+                data2.layout.h = calculator.toGridNum(h2 - moveY);
               }
             } else if (layoutControlType === "bottom-right") {
-              data.layout.w = calculator.toGridNum(w2 + moveX);
-              data.layout.h = calculator.toGridNum(h2 + moveY);
+              data2.layout.w = calculator.toGridNum(w2 + moveX);
+              data2.layout.h = calculator.toGridNum(h2 + moveY);
             } else if (layoutControlType === "bottom-left") {
               if (position === "relative") {
                 viewer.scroll({
                   moveX: viewMoveX
                 });
-                data.layout.w = calculator.toGridNum(w2 - moveX);
-                data.layout.h = calculator.toGridNum(h2 + moveY);
+                data2.layout.w = calculator.toGridNum(w2 - moveX);
+                data2.layout.h = calculator.toGridNum(h2 + moveY);
               } else {
-                data.layout.x = calculator.toGridNum(x2 + moveX);
-                data.layout.w = calculator.toGridNum(w2 - moveX);
-                data.layout.h = calculator.toGridNum(h2 + moveY);
+                data2.layout.x = calculator.toGridNum(x2 + moveX);
+                data2.layout.w = calculator.toGridNum(w2 - moveX);
+                data2.layout.h = calculator.toGridNum(h2 + moveY);
               }
             }
           }
@@ -7130,8 +7162,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         sharer.setSharedStorage(keyLayoutIsBusyMoving, false);
         const layoutActionType = sharer.getSharedStorage(keyLayoutActionType);
         const layoutControlType = sharer.getSharedStorage(keyLayoutControlType);
-        const data = sharer.getActiveStorage("data");
-        if (data && layoutActionType === "resize" && layoutControlType) {
+        const data2 = sharer.getActiveStorage("data");
+        if (data2 && layoutActionType === "resize" && layoutControlType) {
           let modifyRecord = void 0;
           if (pointStartLayoutSize) {
             modifyRecord = {
@@ -7140,13 +7172,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               content: {
                 method: "modifyLayout",
                 before: toFlattenLayout(pointStartLayoutSize),
-                after: toFlattenLayout(getElementSize(data.layout))
+                after: toFlattenLayout(getElementSize(data2.layout))
               }
             };
           }
           eventHub.trigger(coreEventKeys.CHANGE, {
             type: "resizeLayout",
-            data,
+            data: data2,
             modifyRecord
           });
         }
@@ -7717,8 +7749,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
       if ((opts2 == null ? void 0 : opts2.triggerEvent) === true) {
         const uuids = list.map((elem) => elem.uuid);
-        const data = sharer.getActiveStorage("data");
-        const positionMap = getElementPositionMapFromList(uuids, (data == null ? void 0 : data.elements) || []);
+        const data2 = sharer.getActiveStorage("data");
+        const positionMap = getElementPositionMapFromList(uuids, (data2 == null ? void 0 : data2.elements) || []);
         eventHub.trigger(coreEventKeys.SELECT, {
           type: "clickCanvas",
           uuids,
@@ -7761,11 +7793,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const selectCallback = ({ uuids = [], positions }) => {
       let elements = [];
       const actionType = sharer.getSharedStorage(keyActionType);
-      const data = sharer.getActiveStorage("data");
+      const data2 = sharer.getActiveStorage("data");
       if (positions && Array.isArray(positions)) {
-        elements = findElementsFromListByPositions(positions, (data == null ? void 0 : data.elements) || []);
+        elements = findElementsFromListByPositions(positions, (data2 == null ? void 0 : data2.elements) || []);
       } else {
-        elements = findElementsFromList(uuids, (data == null ? void 0 : data.elements) || []);
+        elements = findElementsFromList(uuids, (data2 == null ? void 0 : data2.elements) || []);
       }
       let needRefresh = false;
       if (!actionType && elements.length === 1) {
@@ -7776,9 +7808,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
       if (needRefresh) {
         const elem = elements[0];
-        const groupQueue = getGroupQueueFromList(elem.uuid, (data == null ? void 0 : data.elements) || []);
+        const groupQueue = getGroupQueueFromList(elem.uuid, (data2 == null ? void 0 : data2.elements) || []);
         sharer.setSharedStorage(keyGroupQueue, groupQueue);
         updateSelectedElementList(elements);
+        pointStartElementSizeList = [{ ...getElementSize(elements[0]), uuid: elements[0].uuid }];
         viewer.drawFrame();
       }
     };
@@ -7987,7 +8020,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       pointMove: (e) => {
         var _a, _b, _c;
         sharer.setSharedStorage(keyIsMoving, true);
-        const data = sharer.getActiveStorage("data");
+        const data2 = sharer.getActiveStorage("data");
         const elems = getActiveElements();
         const scale = sharer.getActiveStorage("scale") || 1;
         const viewScaleInfo = sharer.getActiveViewScaleInfo();
@@ -8003,14 +8036,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           hasChangedData = true;
           inBusyMode = "drag";
           eventHub.trigger(MIDDLEWARE_INTERNAL_EVENT_SHOW_INFO_ANGLE, { show: false });
-          if (data && (elems == null ? void 0 : elems.length) === 1 && moveOriginalStartElementSize && originalStart && end && ((_b = (_a = elems[0]) == null ? void 0 : _a.operations) == null ? void 0 : _b.locked) !== true) {
+          if (data2 && (elems == null ? void 0 : elems.length) === 1 && moveOriginalStartElementSize && originalStart && end && ((_b = (_a = elems[0]) == null ? void 0 : _a.operations) == null ? void 0 : _b.locked) !== true) {
             const { moveX, moveY } = calcPointMoveElementInGroup(originalStart, end, groupQueue);
             let totalMoveX = calculator.toGridNum(moveX / scale);
             let totalMoveY = calculator.toGridNum(moveY / scale);
             if (enableSnapToGrid === true) {
               const referenceInfo = calcReferenceInfo(elems[0].uuid, {
                 calculator,
-                data,
+                data: data2,
                 groupQueue,
                 viewScaleInfo,
                 viewSizeInfo
@@ -8031,7 +8064,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             elems[0].x = calculator.toGridNum(moveOriginalStartElementSize.x + totalMoveX);
             elems[0].y = calculator.toGridNum(moveOriginalStartElementSize.y + totalMoveY);
             updateSelectedElementList([elems[0]]);
-            calculator.modifyVirtualFlatItemMap(data, {
+            calculator.modifyVirtualFlatItemMap(data2, {
               modifyInfo: {
                 type: "updateElement",
                 content: {
@@ -8047,7 +8080,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         } else if (actionType === "drag-list") {
           hasChangedData = true;
           inBusyMode = "drag-list";
-          if (data && originalStart && start && end && (elems == null ? void 0 : elems.length) > 1) {
+          if (data2 && originalStart && start && end && (elems == null ? void 0 : elems.length) > 1) {
             const moveX = (end.x - start.x) / scale;
             const moveY = (end.y - start.y) / scale;
             elems.forEach((elem) => {
@@ -8055,12 +8088,12 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               if (elem && ((_a2 = elem == null ? void 0 : elem.operations) == null ? void 0 : _a2.locked) !== true) {
                 elem.x = calculator.toGridNum(elem.x + moveX);
                 elem.y = calculator.toGridNum(elem.y + moveY);
-                calculator.modifyVirtualFlatItemMap(data, {
+                calculator.modifyVirtualFlatItemMap(data2, {
                   modifyInfo: {
                     type: "updateElement",
                     content: {
                       element: elem,
-                      position: getElementPositionFromList(elem.uuid, data.elements) || []
+                      position: getElementPositionFromList(elem.uuid, data2.elements) || []
                     }
                   },
                   viewSizeInfo,
@@ -8068,11 +8101,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
                 });
               }
             });
-            sharer.setActiveStorage("data", data);
+            sharer.setActiveStorage("data", data2);
           }
           viewer.drawFrame();
         } else if (actionType === "resize") {
-          if (data && (elems == null ? void 0 : elems.length) === 1 && originalStart && moveOriginalStartElementSize && (resizeType == null ? void 0 : resizeType.startsWith("resize-"))) {
+          if (data2 && (elems == null ? void 0 : elems.length) === 1 && originalStart && moveOriginalStartElementSize && (resizeType == null ? void 0 : resizeType.startsWith("resize-"))) {
             hasChangedData = true;
             inBusyMode = "resize";
             const pointGroupQueue = [];
@@ -8144,7 +8177,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               }
             }
             updateSelectedElementList([elems[0]]);
-            calculator.modifyVirtualFlatItemMap(data, {
+            calculator.modifyVirtualFlatItemMap(data2, {
               modifyInfo: {
                 type: "updateElement",
                 content: {
@@ -8167,7 +8200,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       pointEnd(e) {
         inBusyMode = null;
         sharer.setSharedStorage(keyIsMoving, false);
-        const data = sharer.getActiveStorage("data");
+        const data2 = sharer.getActiveStorage("data");
         const selectedElements = sharer.getSharedStorage(keySelectedElementList);
         const hoverElement = sharer.getSharedStorage(keyHoverElement);
         const resizeType = sharer.getSharedStorage(keyResizeType);
@@ -8185,11 +8218,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           needDrawFrame = true;
         } else if (actionType === "area") {
           sharer.setSharedStorage(keyActionType, null);
-          if (data) {
+          if (data2) {
             const start = sharer.getSharedStorage(keyAreaStart);
             const end = sharer.getSharedStorage(keyAreaEnd);
             if (start && end) {
-              const { elements } = getSelectedListArea(data, {
+              const { elements } = getSelectedListArea(data2, {
                 start,
                 end,
                 viewScaleInfo: sharer.getActiveViewScaleInfo(),
@@ -8205,9 +8238,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         } else if (actionType === "drag-list") {
           sharer.setSharedStorage(keyActionType, "drag-list-end");
           needDrawFrame = true;
-        } else if (data) {
+        } else if (data2) {
           const result = calculator.getPointElement(e.point, {
-            data,
+            data: data2,
             viewScaleInfo: sharer.getActiveViewScaleInfo(),
             viewSizeInfo: sharer.getActiveViewSizeInfo()
           });
@@ -8226,54 +8259,56 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           if (!needDrawFrame) {
             return;
           }
-          if (data && Array.isArray(data == null ? void 0 : data.elements) && ["drag", "drag-list"].includes(actionType)) {
-            const viewInfo = calcElementsViewInfo(data.elements, viewSizeInfo, { extend: true });
+          if (data2 && Array.isArray(data2 == null ? void 0 : data2.elements) && ["drag", "drag-list"].includes(actionType)) {
+            const viewInfo = calcElementsViewInfo(data2.elements, viewSizeInfo, { extend: true });
             sharer.setActiveStorage("contextHeight", viewInfo.contextSize.contextHeight);
             sharer.setActiveStorage("contextWidth", viewInfo.contextSize.contextWidth);
           }
-          if (data && ["drag", "drag-list", "drag-list-end", "resize"].includes(actionType)) {
-            let type = "resizeElement";
+          if (data2 && ["drag", "drag-list", "drag-list-end", "resize"].includes(actionType)) {
+            let type2 = "resizeElement";
             if (hasChangedData) {
-              const startSize = pointStartElementSizeList[0];
               let modifyRecord = null;
-              if (selectedElements.length === 1) {
-                modifyRecord = {
-                  type: "resizeElement",
-                  time: 0,
-                  content: {
-                    method: "modifyElement",
-                    uuid: startSize.uuid,
-                    before: toFlattenElement(startSize),
-                    after: toFlattenElement(getElementSize(selectedElements[0]))
+              if (Array.isArray(pointStartElementSizeList) && pointStartElementSizeList.length) {
+                const startSize = pointStartElementSizeList[0];
+                if (selectedElements.length === 1) {
+                  modifyRecord = {
+                    type: "resizeElement",
+                    time: 0,
+                    content: {
+                      method: "modifyElement",
+                      uuid: startSize.uuid,
+                      before: toFlattenElement(startSize),
+                      after: toFlattenElement(getElementSize(selectedElements[0]))
+                    }
+                  };
+                  if (selectedElements[0].type === "group" && startResizeGroupRecord && endResizeGroupRecord) {
+                    modifyRecord = {
+                      ...endResizeGroupRecord,
+                      content: {
+                        ...endResizeGroupRecord.content,
+                        before: startResizeGroupRecord.content.before
+                      }
+                    };
                   }
-                };
-                if (selectedElements[0].type === "group" && startResizeGroupRecord && endResizeGroupRecord) {
+                } else if (selectedElements.length > 1) {
                   modifyRecord = {
-                    ...endResizeGroupRecord,
+                    type: "resizeElements",
+                    time: 0,
                     content: {
-                      ...endResizeGroupRecord.content,
-                      before: startResizeGroupRecord.content.before
+                      method: "modifyElements",
+                      before: pointStartElementSizeList.map((item) => ({
+                        ...toFlattenElement(item),
+                        uuid: item.uuid
+                      })),
+                      after: selectedElements.map((item) => ({
+                        ...toFlattenElement(getElementSize(item)),
+                        uuid: item.uuid
+                      }))
                     }
                   };
                 }
-              } else if (selectedElements.length > 1) {
-                modifyRecord = {
-                  type: "resizeElements",
-                  time: 0,
-                  content: {
-                    method: "modifyElements",
-                    before: pointStartElementSizeList.map((item) => ({
-                      ...toFlattenElement(item),
-                      uuid: item.uuid
-                    })),
-                    after: selectedElements.map((item) => ({
-                      ...toFlattenElement(getElementSize(item)),
-                      uuid: item.uuid
-                    }))
-                  }
-                };
               }
-              eventHub.trigger(coreEventKeys.CHANGE, { data, type, selectedElements, hoverElement, modifyRecord });
+              eventHub.trigger(coreEventKeys.CHANGE, { data: data2, type: type2, selectedElements, hoverElement, modifyRecord });
               hasChangedData = false;
             }
           }
@@ -9296,7 +9331,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return div;
     };
     const resetTextArea = (e) => {
-      const { viewScaleInfo, element, groupQueue } = e;
+      const { viewScaleInfo, element: element2, groupQueue } = e;
       const { scale, offsetTop, offsetLeft } = viewScaleInfo;
       if (canvasWrapper.children) {
         Array.from(canvasWrapper.children).forEach((child) => {
@@ -9323,17 +9358,17 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
       const detail = {
         ...defaultElementDetail,
-        ...element.detail
+        ...element2.detail
       };
-      let elemX = element.x * scale + offsetLeft;
-      let elemY = element.y * scale + offsetTop;
-      let elemW = element.w * scale;
-      let elemH = element.h * scale;
+      let elemX = element2.x * scale + offsetLeft;
+      let elemY = element2.y * scale + offsetTop;
+      let elemW = element2.w * scale;
+      let elemH = element2.h * scale;
       if (groupQueue.length > 0) {
-        elemX = element.x * scale;
-        elemY = element.y * scale;
-        elemW = element.w * scale;
-        elemH = element.h * scale;
+        elemX = element2.x * scale;
+        elemY = element2.y * scale;
+        elemW = element2.w * scale;
+        elemH = element2.h * scale;
       }
       let justifyContent = "center";
       let alignItems = "center";
@@ -9355,7 +9390,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       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.transform = `rotate(${limitAngle(element2.angle || 0)}deg)`;
       textarea.style.boxSizing = "border-box";
       textarea.style.border = "1px solid #1973ba";
       textarea.style.resize = "none";
@@ -9417,13 +9452,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           },
           position: [...activePosition]
         });
-        const data = sharer.getActiveStorage("data") || { elements: [] };
+        const data2 = sharer.getActiveStorage("data") || { elements: [] };
         const updateContent = {
           detail: {
             text: activeElem.detail.text
           }
         };
-        updateElementInList(activeElem.uuid, updateContent, data.elements);
+        updateElementInList(activeElem.uuid, updateContent, data2.elements);
         eventHub.trigger(coreEventKeys.CHANGE, {
           selectedElements: [
             {
@@ -9434,7 +9469,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               }
             }
           ],
-          data,
+          data: data2,
           type: "modifyElement",
           modifyRecord: {
             type: "modifyElement",
@@ -9645,10 +9680,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     resetMiddlewareConfig(middleware, config) {
       __privateGet(this, _board).resetMiddlewareConfig(middleware, config);
     }
-    setData(data) {
+    setData(data2) {
       const loader = __privateGet(this, _board).getRenderer().getLoader();
       loader.reset();
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
     }
     getData() {
       return __privateGet(this, _board).getData();
@@ -9699,10 +9734,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const renderer = __privateGet(this, _board).getRenderer();
       const calculator = renderer.getCalculator();
       const loader = renderer.getLoader();
-      const data = this.getData();
-      if (data) {
+      const data2 = this.getData();
+      if (data2) {
         const { viewScaleInfo, viewSizeInfo } = this.getViewInfo();
-        calculator.resetVirtualFlatItemMap(data, {
+        calculator.resetVirtualFlatItemMap(data2, {
           viewScaleInfo,
           viewSizeInfo
         });
@@ -9722,31 +9757,31 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     offBoardWatcherEvents() {
       __privateGet(this, _board).offWatcherEvents();
     }
-    createElement(type, element, opts) {
+    createElement(type2, element2, opts) {
       const { viewScaleInfo, viewSizeInfo } = this.getViewInfo();
       return createElement(
-        type,
-        element || {},
+        type2,
+        element2 || {},
         (opts == null ? void 0 : opts.viewCenter) === true ? {
           viewScaleInfo,
           viewSizeInfo
         } : void 0
       );
     }
-    updateElement(element) {
-      const data = this.getData() || { elements: [] };
-      const uuid = element.uuid;
-      const position = getElementPositionFromList(uuid, data.elements);
-      const beforeElem = findElementFromListByPosition(position, data.elements);
+    updateElement(element2) {
+      const data2 = this.getData() || { elements: [] };
+      const uuid = element2.uuid;
+      const position = getElementPositionFromList(uuid, data2.elements);
+      const beforeElem = findElementFromListByPosition(position, data2.elements);
       if (!beforeElem) {
         return null;
       }
       const before = toFlattenElement(beforeElem);
-      const updatedElement = updateElementInListByPosition(position, element, data.elements, { strict: true });
+      const updatedElement = updateElementInListByPosition(position, element2, data2.elements, { strict: true });
       const after = toFlattenElement(updatedElement);
       const loader = __privateGet(this, _board).getRenderer().getLoader();
-      loader.resetElementAsset(element);
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      loader.resetElementAsset(element2);
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       const modifyRecord = {
         type: "updateElement",
@@ -9755,39 +9790,39 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       };
       return modifyRecord;
     }
-    modifyElement(element) {
-      const { uuid, ...restElement } = element;
-      const data = this.getData() || { elements: [] };
-      const position = getElementPositionFromList(uuid, data.elements);
-      const beforeElem = findElementFromListByPosition(position, data.elements);
+    modifyElement(element2) {
+      const { uuid, ...restElement } = element2;
+      const data2 = this.getData() || { elements: [] };
+      const position = getElementPositionFromList(uuid, data2.elements);
+      const beforeElem = findElementFromListByPosition(position, data2.elements);
       if (!beforeElem) {
         return null;
       }
       const modifyRecord = getModifyElementRecord({
-        modifiedElement: element,
+        modifiedElement: element2,
         beforeElement: beforeElem
       });
-      updateElementInListByPosition(position, restElement, data.elements);
+      updateElementInListByPosition(position, restElement, data2.elements);
       const loader = __privateGet(this, _board).getRenderer().getLoader();
-      loader.resetElementAsset({ ...element, type: beforeElem.type });
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      loader.resetElementAsset({ ...element2, type: beforeElem.type });
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       return modifyRecord;
     }
     modifyElements(elements) {
-      const data = this.getData() || { elements: [] };
+      const data2 = this.getData() || { elements: [] };
       let modifyRecord = null;
       const before = [];
       const after = [];
-      elements.forEach((element) => {
-        const { uuid, ...restElement } = element;
-        const position = getElementPositionFromList(uuid, data.elements);
-        const beforeElem = findElementFromListByPosition(position, data.elements);
+      elements.forEach((element2) => {
+        const { uuid, ...restElement } = element2;
+        const position = getElementPositionFromList(uuid, data2.elements);
+        const beforeElem = findElementFromListByPosition(position, data2.elements);
         if (!beforeElem) {
           return null;
         }
         const tempRecord = getModifyElementRecord({
-          modifiedElement: element,
+          modifiedElement: element2,
           beforeElement: beforeElem
         });
         if (tempRecord.content) {
@@ -9800,7 +9835,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             uuid
           });
         }
-        updateElementInListByPosition(position, restElement, data.elements);
+        updateElementInListByPosition(position, restElement, data2.elements);
       });
       modifyRecord = {
         type: "modifyElements",
@@ -9811,63 +9846,63 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           after
         }
       };
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       return modifyRecord;
     }
-    addElement(element, opts) {
+    addElement(element2, opts) {
       var _a;
-      const data = this.getData() || { elements: [] };
+      const data2 = this.getData() || { elements: [] };
       if (!opts || !((_a = opts == null ? void 0 : opts.position) == null ? void 0 : _a.length)) {
-        data.elements.push(element);
+        data2.elements.push(element2);
       } else if (opts == null ? void 0 : opts.position) {
         const position2 = [...(opts == null ? void 0 : opts.position) || []];
-        insertElementToListByPosition(element, position2, data.elements);
+        insertElementToListByPosition(element2, position2, data2.elements);
       }
-      const position = getElementPositionFromList(element.uuid, data.elements);
+      const position = getElementPositionFromList(element2.uuid, data2.elements);
       const modifyRecord = {
         type: "addElement",
         time: Date.now(),
-        content: { method: "addElement", uuid: element.uuid, position, element: deepClone(element) }
+        content: { method: "addElement", uuid: element2.uuid, position, element: deepClone(element2) }
       };
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       return modifyRecord;
     }
     deleteElement(uuid) {
-      const data = this.getData() || { elements: [] };
-      const position = getElementPositionFromList(uuid, data.elements);
-      const element = findElementFromListByPosition(position, data.elements);
+      const data2 = this.getData() || { elements: [] };
+      const position = getElementPositionFromList(uuid, data2.elements);
+      const element2 = findElementFromListByPosition(position, data2.elements);
       const modifyRecord = {
         type: "deleteElement",
         time: Date.now(),
-        content: { method: "deleteElement", uuid, position, element: element ? deepClone(element) : null }
+        content: { method: "deleteElement", uuid, position, element: element2 ? deepClone(element2) : null }
       };
-      if (element) {
+      if (element2) {
         const loader = __privateGet(this, _board).getRenderer().getLoader();
-        loader.resetElementAsset(element);
+        loader.resetElementAsset(element2);
       }
-      deleteElementInList(uuid, data.elements);
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      deleteElementInList(uuid, data2.elements);
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       return modifyRecord;
     }
     moveElement(uuid, to) {
-      const data = this.getData() || { elements: [] };
-      const from = getElementPositionFromList(uuid, data.elements);
+      const data2 = this.getData() || { elements: [] };
+      const from = getElementPositionFromList(uuid, data2.elements);
       const modifyRecord = {
         type: "moveElement",
         time: Date.now(),
         content: { method: "moveElement", uuid, from: [...from], to: [...to] }
       };
-      const { elements: list } = moveElementPosition(data.elements, { from, to });
-      data.elements = list;
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      const { elements: list } = moveElementPosition(data2.elements, { from, to });
+      data2.elements = list;
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       return modifyRecord;
     }
-    modifyLayout(layout) {
-      const data = this.getData() || { elements: [] };
+    modifyLayout(layout2) {
+      const data2 = this.getData() || { elements: [] };
       const modifyRecord = {
         type: "modifyLayout",
         time: Date.now(),
@@ -9877,21 +9912,21 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           after: null
         }
       };
-      if (layout === null) {
-        if (data.layout) {
-          modifyRecord.content.before = toFlattenLayout(data.layout);
-          delete data["layout"];
-          __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      if (layout2 === null) {
+        if (data2.layout) {
+          modifyRecord.content.before = toFlattenLayout(data2.layout);
+          delete data2["layout"];
+          __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
           this.refresh();
           return modifyRecord;
         } else {
           return modifyRecord;
         }
       }
-      const beforeLayout = data.layout;
+      const beforeLayout = data2.layout;
       let before = {};
-      const after = toFlattenLayout(layout);
-      if (data.layout) {
+      const after = toFlattenLayout(layout2);
+      if (data2.layout) {
         Object.keys(after).forEach((key2) => {
           let val = get(beforeLayout, key2);
           if (val === void 0 && /(borderRadius|borderWidth)\[[0-9]{1,}\]$/.test(key2)) {
@@ -9903,16 +9938,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         before = toFlattenLayout(before);
         modifyRecord.content.before = before;
       } else {
-        data.layout = {};
+        data2.layout = {};
       }
       modifyRecord.content.after = after;
-      mergeLayout(data.layout, layout);
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      mergeLayout(data2.layout, layout2);
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       return modifyRecord;
     }
     modifyGlobal(global) {
-      const data = this.getData() || { elements: [] };
+      const data2 = this.getData() || { elements: [] };
       const modifyRecord = {
         type: "modifyGlobal",
         time: Date.now(),
@@ -9923,31 +9958,31 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         }
       };
       if (global === null) {
-        if (data.global) {
-          modifyRecord.content.before = toFlattenGlobal(data.global);
-          delete data["global"];
-          __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+        if (data2.global) {
+          modifyRecord.content.before = toFlattenGlobal(data2.global);
+          delete data2["global"];
+          __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
           this.refresh();
           return modifyRecord;
         } else {
           return modifyRecord;
         }
       }
-      const beforeGlobal = data.global;
+      const beforeGlobal = data2.global;
       let before = {};
       const after = toFlattenGlobal(global);
-      if (data.global) {
+      if (data2.global) {
         Object.keys(after).forEach((key2) => {
           before[key2] = get(beforeGlobal, key2);
         });
         before = toFlattenGlobal(before);
         modifyRecord.content.before = before;
       } else {
-        data.global = {};
+        data2.global = {};
       }
       modifyRecord.content.after = after;
-      mergeGlobal(data.global, global);
-      __privateMethod(this, _Core_instances, resetData_fn).call(this, data);
+      mergeGlobal(data2.global, global);
+      __privateMethod(this, _Core_instances, resetData_fn).call(this, data2);
       this.refresh();
       return modifyRecord;
     }
@@ -9960,9 +9995,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const container = __privateGet(this, _container2);
     container.style.position = "relative";
   };
-  resetData_fn = function(data) {
-    validateElements((data == null ? void 0 : data.elements) || []);
-    __privateGet(this, _board).setData(data);
+  resetData_fn = function(data2) {
+    validateElements((data2 == null ? void 0 : data2.elements) || []);
+    __privateGet(this, _board).setData(data2);
   };
   exports.Board = Board;
   exports.Calculator = Calculator;