@idraw/core 0.4.0 → 0.4.1

package/dist/index.global.js

@@ -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,
@@ -4686,9 +4711,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() {
@@ -4907,17 +4932,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 +4955,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 +5612,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 +5631,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 +5778,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
     const {
       ctx,
-      data,
+      data: data2,
       calculator,
       selectedElements,
       viewScaleInfo,
@@ -5810,10 +5835,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 +6429,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 +6566,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 +6898,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 +6934,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 +7000,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 +7042,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 +7071,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 +7080,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 +7155,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 +7165,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 +7742,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 +7786,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,7 +7801,7 @@ 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);
         viewer.drawFrame();
@@ -7987,7 +8012,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 +8028,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 +8056,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 +8072,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 +8080,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 +8093,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 +8169,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 +8192,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 +8210,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 +8230,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,13 +8251,13 @@ 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;
@@ -8273,7 +8298,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
                   }
                 };
               }
-              eventHub.trigger(coreEventKeys.CHANGE, { data, type, selectedElements, hoverElement, modifyRecord });
+              eventHub.trigger(coreEventKeys.CHANGE, { data: data2, type: type2, selectedElements, hoverElement, modifyRecord });
               hasChangedData = false;
             }
           }
@@ -9296,7 +9321,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 +9348,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 +9380,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 +9442,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 +9459,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               }
             }
           ],
-          data,
+          data: data2,
           type: "modifyElement",
           modifyRecord: {
             type: "modifyElement",
@@ -9645,10 +9670,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 +9724,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 +9747,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 +9780,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 +9825,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 +9836,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 +9902,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 +9928,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 +9948,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 +9985,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;