@idraw/util 0.4.0-beta.40 → 0.4.0-beta.42

package/dist/index.global.js

@@ -377,30 +377,38 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return `${_createStr()}${_createStr()}-${_createStr()}-${_createStr()}-${_createStr()}-${_createStr()}${_createStr()}${_createStr()}`;
   }
-  function limitHexStr(str) {
+  function limitHexStr(str, seed) {
     let count = 0;
     for (let i = 0; i < str.length; i++) {
-      count += str.charCodeAt(i) * str.charCodeAt(i) * i * i;
+      count += str.charCodeAt(i);
     }
-    return count.toString(16).substring(0, 4);
+    return (count + seed).toString(16).substring(0, 4);
   }
-  function createAssetId(assetStr) {
+  function sumCharCodes(str) {
+    let sum = 0;
+    for (let i = 0; i < str.length; i++) {
+      sum += str.charCodeAt(i);
+    }
+    return sum;
+  }
+  function createAssetId(assetStr, elemUUID) {
     const len = assetStr.length;
+    const seed = sumCharCodes(elemUUID);
     const mid = Math.floor(len / 2);
-    const start4 = assetStr.substring(0, 4).padEnd(4, "0");
-    const end4 = assetStr.substring(0, 4).padEnd(4, "0");
-    const str1 = limitHexStr(len.toString(16).padEnd(4, start4));
-    const str2 = limitHexStr(assetStr.substring(mid - 4, mid).padEnd(4, start4)).padEnd(4, "f");
-    const str3 = limitHexStr(assetStr.substring(mid - 8, mid - 4).padEnd(4, start4)).padEnd(4, "f");
-    const str4 = limitHexStr(assetStr.substring(mid - 12, mid - 8).padEnd(4, start4)).padEnd(4, "f");
-    const str5 = limitHexStr(assetStr.substring(mid - 16, mid - 12).padEnd(4, end4)).padEnd(4, "f");
-    const str6 = limitHexStr(assetStr.substring(mid, mid + 4).padEnd(4, end4)).padEnd(4, "f");
-    const str7 = limitHexStr(assetStr.substring(mid + 4, mid + 8).padEnd(4, end4)).padEnd(4, "f");
-    const str8 = limitHexStr(end4.padEnd(4, start4).padEnd(4, end4));
+    const start4 = assetStr.substring(0, 4).padStart(4, "0");
+    const end4 = assetStr.substring(0, 4).padStart(4, "0");
+    const str1 = limitHexStr(len.toString(16).padStart(4, start4), seed).padStart(4, "0");
+    const str2 = limitHexStr(assetStr.substring(mid - 4, mid).padStart(4, start4), seed).padStart(4, "0");
+    const str3 = limitHexStr(assetStr.substring(mid - 8, mid - 4).padStart(4, start4), seed).padStart(4, "0");
+    const str4 = limitHexStr(assetStr.substring(mid - 12, mid - 8).padStart(4, start4), seed).padStart(4, "0");
+    const str5 = limitHexStr(assetStr.substring(mid - 16, mid - 12).padStart(4, end4), seed).padStart(4, "0");
+    const str6 = limitHexStr(assetStr.substring(mid, mid + 4).padStart(4, end4), seed).padStart(4, "0");
+    const str7 = limitHexStr(assetStr.substring(mid + 4, mid + 8).padStart(4, end4), seed).padStart(4, "0");
+    const str8 = limitHexStr(end4.padStart(4, start4).padStart(4, end4), seed);
     return `@assets/${str1}${str2}-${str3}-${str4}-${str5}-${str6}${str7}${str8}`;
   }
   function isAssetId(id) {
-    return /^@assets\/[0-9a-z]{8,8}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{4,4}\-[0-9a-z]{12,12}$/.test(`${id}`);
+    return /^@assets\/[0-9a-z-]{0,}$/.test(`${id}`);
   }
   function deepClone(target) {
     function _clone(t) {
@@ -463,7 +471,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       elems.forEach((elem) => {
         if (elem.type === "image" && elem.detail.src) {
           const src = elem.detail.src;
-          const assetUUID = createAssetId(src);
+          const assetUUID = createAssetId(src, elem.uuid);
           if (!assets[assetUUID]) {
             assets[assetUUID] = {
               type: "image",
@@ -473,7 +481,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           elem.detail.src = assetUUID;
         } else if (elem.type === "svg") {
           const svg2 = elem.detail.svg;
-          const assetUUID = createAssetId(svg2);
+          const assetUUID = createAssetId(svg2, elem.uuid);
           if (!assets[assetUUID]) {
             assets[assetUUID] = {
               type: "svg",
@@ -483,7 +491,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           elem.detail.svg = assetUUID;
         } else if (elem.type === "html") {
           const html2 = elem.detail.html;
-          const assetUUID = createAssetId(html2);
+          const assetUUID = createAssetId(html2, elem.uuid);
           if (!assets[assetUUID]) {
             assets[assetUUID] = {
               type: "html",
@@ -522,7 +530,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               value: loadItemMap[src].source
             };
           } else if (!assets[src]) {
-            const assetUUID = createAssetId(src);
+            const assetUUID = createAssetId(src, elem.uuid);
             if (!assets[assetUUID]) {
               assets[assetUUID] = {
                 type: "image",
@@ -539,7 +547,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               value: loadItemMap[svg2].source
             };
           } else if (!assets[svg2]) {
-            const assetUUID = createAssetId(svg2);
+            const assetUUID = createAssetId(svg2, elem.uuid);
             if (!assets[assetUUID]) {
               assets[assetUUID] = {
                 type: "svg",
@@ -556,7 +564,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
               value: loadItemMap[html2].source
             };
           } else if (!assets[html2]) {
-            const assetUUID = createAssetId(html2);
+            const assetUUID = createAssetId(html2, elem.uuid);
             if (!assets[assetUUID]) {
               assets[assetUUID] = {
                 type: "html",
@@ -814,20 +822,20 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   function box(detail = {}) {
     const { borderColor, borderRadius: borderRadius2, borderWidth: borderWidth2 } = detail;
-    if (detail.hasOwnProperty("borderColor") && !is.color(borderColor)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "borderColor") && !is.color(borderColor)) {
       return false;
     }
-    if (detail.hasOwnProperty("borderRadius") && !is.number(borderRadius2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "borderRadius") && !is.number(borderRadius2)) {
       return false;
     }
-    if (detail.hasOwnProperty("borderWidth") && !is.number(borderWidth2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "borderWidth") && !is.number(borderWidth2)) {
       return false;
     }
     return true;
   }
   function rectDesc(detail) {
     const { background } = detail;
-    if (detail.hasOwnProperty("background") && !is.color(background)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "background") && !is.color(background)) {
       return false;
     }
     if (!box(detail)) {
@@ -837,13 +845,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   function circleDesc(detail) {
     const { background, borderColor, borderWidth: borderWidth2 } = detail;
-    if (detail.hasOwnProperty("background") && !is.color(background)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "background") && !is.color(background)) {
       return false;
     }
-    if (detail.hasOwnProperty("borderColor") && !is.color(borderColor)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "borderColor") && !is.color(borderColor)) {
       return false;
     }
-    if (detail.hasOwnProperty("borderWidth") && !is.number(borderWidth2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "borderWidth") && !is.number(borderWidth2)) {
       return false;
     }
     return true;
@@ -880,25 +888,25 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     if (!is.fontSize(fontSize2)) {
       return false;
     }
-    if (detail.hasOwnProperty("background") && !is.color(background)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "background") && !is.color(background)) {
       return false;
     }
-    if (detail.hasOwnProperty("fontWeight") && !is.fontWeight(fontWeight2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "fontWeight") && !is.fontWeight(fontWeight2)) {
       return false;
     }
-    if (detail.hasOwnProperty("lineHeight") && !is.lineHeight(lineHeight2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "lineHeight") && !is.lineHeight(lineHeight2)) {
       return false;
     }
-    if (detail.hasOwnProperty("fontFamily") && !is.fontFamily(fontFamily2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "fontFamily") && !is.fontFamily(fontFamily2)) {
       return false;
     }
-    if (detail.hasOwnProperty("textAlign") && !is.textAlign(textAlign2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "textAlign") && !is.textAlign(textAlign2)) {
       return false;
     }
-    if (detail.hasOwnProperty("strokeWidth") && !is.strokeWidth(strokeWidth2)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "strokeWidth") && !is.strokeWidth(strokeWidth2)) {
       return false;
     }
-    if (detail.hasOwnProperty("strokeColor") && !is.color(strokeColor)) {
+    if (Object.prototype.hasOwnProperty.call(detail, "strokeColor") && !is.color(strokeColor)) {
       return false;
     }
     if (!box(detail)) {
@@ -1815,7 +1823,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     return ctxSize;
   }
   function calcElementsViewInfo(elements, prevViewSize, options) {
-    const contextSize = calcElementsContextSize(elements, { viewWidth: prevViewSize.width, viewHeight: prevViewSize.height, extend: options == null ? void 0 : options.extend });
+    const contextSize = calcElementsContextSize(elements, {
+      viewWidth: prevViewSize.width,
+      viewHeight: prevViewSize.height,
+      extend: options == null ? void 0 : options.extend
+    });
     if ((options == null ? void 0 : options.extend) === true) {
       contextSize.contextWidth = Math.max(contextSize.contextWidth, prevViewSize.contextWidth);
       contextSize.contextHeight = Math.max(contextSize.contextHeight, prevViewSize.contextHeight);
@@ -1961,7 +1973,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       resource = element.detail.html;
     }
     if (typeof resource === "string" && !isAssetId(resource)) {
-      assetId = createAssetId(resource);
+      assetId = createAssetId(resource, element.uuid);
       assetItem = {
         type: element.type,
         value: resource
@@ -1999,7 +2011,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     for (let i = 0; i < position.length; i++) {
       const pos = position[i];
       const item = tempList[pos];
-      if (i < position.length - 1 && item.type === "group") {
+      if (i < position.length - 1 && (item == null ? void 0 : item.type) === "group") {
         tempList = item.detail.children;
       } else if (i === position.length - 1) {
         result = item;
@@ -2576,15 +2588,38 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const topLeftSize = createControllerElementSizeFromCenter(topLeftCenter, { size: ctrlSize, angle: totalAngle });
     const topRightSize = createControllerElementSizeFromCenter(topRightCenter, { size: ctrlSize, angle: totalAngle });
     const bottomLeftSize = createControllerElementSizeFromCenter(bottomLeftCenter, { size: ctrlSize, angle: totalAngle });
-    const bottomRightSize = createControllerElementSizeFromCenter(bottomRightCenter, { size: ctrlSize, angle: totalAngle });
+    const bottomRightSize = createControllerElementSizeFromCenter(bottomRightCenter, {
+      size: ctrlSize,
+      angle: totalAngle
+    });
     const topLeftVertexes = calcElementVertexes(topLeftSize);
     const topRightVertexes = calcElementVertexes(topRightSize);
     const bottomLeftVertexes = calcElementVertexes(bottomLeftSize);
     const bottomRightVertexes = calcElementVertexes(bottomRightSize);
-    const topVertexes = [topLeftVertexes[1], topRightVertexes[0], topRightVertexes[3], topLeftVertexes[2]];
-    const rightVertexes = [topRightVertexes[3], topRightVertexes[2], bottomRightVertexes[1], bottomRightVertexes[0]];
-    const bottomVertexes = [bottomLeftVertexes[1], bottomRightVertexes[0], bottomRightVertexes[3], bottomLeftVertexes[2]];
-    const leftVertexes = [topLeftVertexes[3], topLeftVertexes[2], bottomLeftVertexes[1], bottomLeftVertexes[0]];
+    const topVertexes = [
+      topLeftVertexes[1],
+      topRightVertexes[0],
+      topRightVertexes[3],
+      topLeftVertexes[2]
+    ];
+    const rightVertexes = [
+      topRightVertexes[3],
+      topRightVertexes[2],
+      bottomRightVertexes[1],
+      bottomRightVertexes[0]
+    ];
+    const bottomVertexes = [
+      bottomLeftVertexes[1],
+      bottomRightVertexes[0],
+      bottomRightVertexes[3],
+      bottomLeftVertexes[2]
+    ];
+    const leftVertexes = [
+      topLeftVertexes[3],
+      topLeftVertexes[2],
+      bottomLeftVertexes[1],
+      bottomLeftVertexes[0]
+    ];
     const topMiddleVertexes = calcElementVertexes(topMiddleSize);
     const rightMiddleVertexes = calcElementVertexes(rightMiddleSize);
     const bottomMiddleVertexes = calcElementVertexes(bottomMiddleSize);
@@ -2706,10 +2741,30 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const topRightVertexes = calcElementVertexes(topRightSize);
     const bottomLeftVertexes = calcElementVertexes(bottomLeftSize);
     const bottomRightVertexes = calcElementVertexes(bottomRightSize);
-    const topVertexes = [topLeftVertexes[1], topRightVertexes[0], topRightVertexes[3], topLeftVertexes[2]];
-    const rightVertexes = [topRightVertexes[3], topRightVertexes[2], bottomRightVertexes[1], bottomRightVertexes[0]];
-    const bottomVertexes = [bottomLeftVertexes[1], bottomRightVertexes[0], bottomRightVertexes[3], bottomLeftVertexes[2]];
-    const leftVertexes = [topLeftVertexes[3], topLeftVertexes[2], bottomLeftVertexes[1], bottomLeftVertexes[0]];
+    const topVertexes = [
+      topLeftVertexes[1],
+      topRightVertexes[0],
+      topRightVertexes[3],
+      topLeftVertexes[2]
+    ];
+    const rightVertexes = [
+      topRightVertexes[3],
+      topRightVertexes[2],
+      bottomRightVertexes[1],
+      bottomRightVertexes[0]
+    ];
+    const bottomVertexes = [
+      bottomLeftVertexes[1],
+      bottomRightVertexes[0],
+      bottomRightVertexes[3],
+      bottomLeftVertexes[2]
+    ];
+    const leftVertexes = [
+      topLeftVertexes[3],
+      topLeftVertexes[2],
+      bottomLeftVertexes[1],
+      bottomLeftVertexes[0]
+    ];
     const topMiddleVertexes = calcElementVertexes(topMiddleSize);
     const rightMiddleVertexes = calcElementVertexes(rightMiddleSize);
     const bottomMiddleVertexes = calcElementVertexes(bottomMiddleSize);
@@ -2945,7 +3000,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   function attrString(attrs2) {
     const buff = [];
-    for (let key in attrs2) {
+    for (const key in attrs2) {
       buff.push(key + '="' + attrs2[key] + '"');
     }
     if (!buff.length) {
@@ -3147,6 +3202,106 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       radiusList
     };
   }
+  function flattenObject(obj, parentKey = "", result = {}, opts) {
+    Object.keys(obj).forEach((key) => {
+      var _a;
+      const currentKey = parentKey ? `${parentKey}${isArrayIndex$1(key) ? `[${key}]` : `.${key}`}` : key;
+      if (!((_a = opts == null ? void 0 : opts.ignorePaths) == null ? void 0 : _a.includes(currentKey))) {
+        const value = obj[key];
+        if (isFlattenable(value)) {
+          flattenObject(value, Array.isArray(value) ? currentKey : currentKey, result, opts);
+        } else {
+          result[currentKey] = value;
+        }
+      }
+    });
+    return result;
+  }
+  function isFlattenable(value) {
+    return typeof value === "object" && value !== null && !(value instanceof Date) || Array.isArray(value);
+  }
+  function isArrayIndex$1(key) {
+    return /^\d+$/.test(key) && !isNaN(Number(key));
+  }
+  function flatObject(obj, opts) {
+    if (typeof obj !== "object" || obj === null) {
+      return { "": obj };
+    }
+    return flattenObject(obj, "", {}, opts);
+  }
+  function toFlattenElement(elem) {
+    return flatObject(elem, { ignorePaths: ["detail.children"] });
+  }
+  function toFlattenLayout(layout) {
+    return flatObject(layout);
+  }
+  function toFlattenGlobal(global) {
+    return flatObject(global);
+  }
+  function toPath(path) {
+    if (Array.isArray(path)) return [...path];
+    return path.split(/\.|\[|\]/).filter((key) => key !== "");
+  }
+  function get(obj, path, defaultValue) {
+    if (!path) {
+      return void 0;
+    }
+    const pathArray = toPath(path);
+    let current = obj;
+    for (const key of pathArray) {
+      if (current === null || current === void 0) {
+        return defaultValue;
+      }
+      current = current[key];
+    }
+    return current !== void 0 ? current : defaultValue;
+  }
+  function set(obj, path, value) {
+    const pathArray = toPath(path);
+    if (pathArray.length === 0) {
+      return obj;
+    }
+    let current = obj;
+    if (current) {
+      for (let i = 0; i < pathArray.length; i++) {
+        const key = pathArray[i];
+        if (i === pathArray.length - 1) {
+          current[key] = value;
+          break;
+        }
+        if (current && ((current == null ? void 0 : current[key]) === void 0 || typeof (current == null ? void 0 : current[key]) !== "object" || (current == null ? void 0 : current[key]) === null)) {
+          const nextKey = pathArray[i + 1];
+          const isNextNumeric = /^\d+$/.test(nextKey);
+          current[key] = isNextNumeric ? [] : {};
+        }
+        current = current == null ? void 0 : current[key];
+      }
+    }
+    return obj;
+  }
+  function del(obj, path) {
+    const pathArray = toPath(path);
+    if (pathArray.length === 0) {
+      return obj;
+    }
+    let current = obj;
+    if (current) {
+      for (let i = 0; i < pathArray.length; i++) {
+        const key = pathArray[i];
+        if (i === pathArray.length - 1) {
+          delete current[key];
+          break;
+        }
+        if (current && ((current == null ? void 0 : current[key]) === void 0 || typeof (current == null ? void 0 : current[key]) !== "object" || (current == null ? void 0 : current[key]) === null)) {
+          const nextKey = pathArray[i + 1];
+          const isNextNumeric = /^\d+$/.test(nextKey);
+          current[key] = isNextNumeric ? [] : {};
+        }
+        current = current == null ? void 0 : current[key];
+      }
+    }
+    return obj;
+  }
   const doNum = (n) => {
     return formatNumber(n, { decimalPlaces: 4 });
   };
@@ -3296,9 +3451,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       detail = getDefaultElementGroupDetail();
     }
     const elem = {
+      uuid: createUUID(),
       ...elementSize,
       ...baseElem,
-      uuid: createUUID(),
       type,
       detail: {
         ...detail,
@@ -3443,33 +3598,29 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return { elements, from, to };
   }
-  function mergeElement(originElem, updateContent) {
-    var _a;
-    const commonKeys = Object.keys(updateContent);
-    for (let i = 0; i < commonKeys.length; i++) {
-      const commonKey = commonKeys[i];
-      if (["x", "y", "w", "h", "angle", "name"].includes(commonKey)) {
-        originElem[commonKey] = updateContent[commonKey];
-      } else if (["detail", "operations"].includes(commonKey)) {
-        if (istype.json(updateContent[commonKey])) {
-          if (!(originElem == null ? void 0 : originElem.hasOwnProperty(commonKey))) {
-            originElem[commonKey] = {};
-          }
-          if (istype.json(originElem[commonKey])) {
-            originElem[commonKey] = { ...originElem[commonKey], ...updateContent[commonKey] };
-          }
-        } else if (istype.array(updateContent[commonKey])) {
-          if (!(originElem == null ? void 0 : originElem.hasOwnProperty(commonKey))) {
-            originElem[commonKey] = [];
-          }
-          if (istype.array(originElem[commonKey])) {
-            (_a = updateContent == null ? void 0 : updateContent[commonKey]) == null ? void 0 : _a.forEach((item, i2) => {
-              originElem[commonKey][i2] = item;
-            });
-            originElem[commonKey] = [...originElem[commonKey], ...updateContent[commonKey]];
-          }
+  function mergeElement(originElem, updateContent, opts) {
+    const updatedFlatten = toFlattenElement(updateContent);
+    const ignoreKeys = ["uuid", "type"];
+    const updatedKeys = Object.keys(updatedFlatten);
+    updatedKeys.forEach((key) => {
+      if (!ignoreKeys.includes(key)) {
+        const value = updatedFlatten[key];
+        del(originElem, key);
+        if (value !== void 0) {
+          set(originElem, key, value);
         }
       }
+    });
+    if ((opts == null ? void 0 : opts.strict) === true) {
+      const originFlatten = toFlattenElement(originElem);
+      const originKeys = Object.keys(originFlatten);
+      originKeys.forEach((key) => {
+        if (!ignoreKeys.includes(key)) {
+          if (!updatedKeys.includes(key)) {
+            del(originElem, key);
+          }
+        }
+      });
     }
     return originElem;
   }
@@ -3496,7 +3647,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return targetElement;
   }
-  function updateElementInListByPosition(position, updateContent, elements) {
+  function updateElementInListByPosition(position, updateContent, elements, opts) {
     var _a;
     const elem = findElementFromListByPosition(position, elements);
     if (elem) {
@@ -3508,7 +3659,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           });
         }
       }
-      mergeElement(elem, updateContent);
+      mergeElement(elem, updateContent, opts);
     }
     return elem;
   }
@@ -3596,100 +3747,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     };
     return p;
   }
-  function modifyElement(data, options) {
-    const { type } = options;
-    const content = { ...options.content };
-    if (type === "addElement") {
-      const opts = options;
-      const { element, position } = opts.content;
-      if ((position == null ? void 0 : position.length) > 0) {
-        insertElementToListByPosition(element, [...position], data.elements);
-      } else {
-        data.elements.push(element);
-      }
-    } else if (type === "deleteElement") {
-      const opts = options;
-      const { position } = opts.content;
-      deleteElementInListByPosition(position, data.elements);
-    } else if (type === "moveElement") {
-      const opts = options;
-      const { from, to } = opts.content;
-      const movedResult = moveElementPosition(data.elements, { from, to });
-      content.from = movedResult.from;
-      content.to = movedResult.to;
-      data.elements = movedResult.elements;
-    } else if (type === "updateElement") {
-      const opts = options;
-      const { position, afterModifiedElement } = opts.content;
-      updateElementInListByPosition(position, afterModifiedElement, data.elements);
-    }
-    return { data, content };
-  }
-  function _get(source, path, defaultValue = void 0) {
-    const keyList = path.split(".");
-    const result = keyList.reduce((obj, key) => {
-      return Object(obj)[key];
-    }, source);
-    return result === void 0 ? defaultValue : result;
-  }
-  function _set(obj, path, value) {
-    const keys = path.split(".");
-    if (typeof obj !== "object") return obj;
-    keys.reduce((o, k, i, _) => {
-      if (i === _.length - 1) {
-        o[k] = value;
-        return null;
-      } else if (k in o) {
-        return o[k];
-      } else {
-        o[k] = /^[0-9]{1,}$/.test(_[i + 1]) ? [] : {};
-        return o[k];
-      }
-    }, obj);
-    return obj;
-  }
-  function getModifiedElement(target, originElement) {
-    const modifiedElement = {};
-    const pathList = [];
-    const _walk = (t) => {
-      if (istype.json(t)) {
-        const keys = Object.keys(t);
-        keys.forEach((key) => {
-          pathList.push(key);
-          if (istype.json(t[key]) || istype.array(t[key])) {
-            _walk(t[key]);
-          } else {
-            const pathStr = pathList.join(".");
-            if (pathStr !== "uuid") {
-              const value = _get(originElement, pathStr);
-              _set(modifiedElement, pathList.join("."), value);
-            }
-          }
-          pathList.pop();
-        });
-      } else if (istype.array(t)) {
-        t.forEach((index) => {
-          pathList.push(index);
-          if (istype.json(t[index]) || istype.array(t[index])) {
-            _walk(t[index]);
-          } else {
-            const value = _get(originElement, pathList.join("."));
-            _set(modifiedElement, pathList.join("."), value);
-          }
-          pathList.pop();
-        });
-      }
-    };
-    _walk(target);
-    return modifiedElement;
-  }
   const baseFontFamilyList = ["-apple-system", '"system-ui"', ' "Segoe UI"', " Roboto", '"Helvetica Neue"', "Arial", '"Noto Sans"', " sans-serif"];
   function enhanceFontFamliy(fontFamily2) {
     return [fontFamily2, ...baseFontFamilyList].join(", ");
   }
   function flatElementSize(elemSize, opts) {
     const { groupQueue } = opts;
-    let { x: x2, y: y2, w: w2, h: h2, angle: angle2 = 0 } = elemSize;
+    let { x: x2, y: y2 } = elemSize;
+    const { w: w2, h: h2, angle: angle2 = 0 } = elemSize;
     let totalAngle = 0;
     groupQueue.forEach((group) => {
       x2 += group.x;
@@ -3917,6 +3982,132 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       moveY
     };
   }
+  function mergeLayout(originLayout, updateContent, opts) {
+    const updatedFlatten = toFlattenLayout(updateContent);
+    const ignoreKeys = [];
+    const updatedKeys = Object.keys(updatedFlatten);
+    updatedKeys.forEach((key) => {
+      if (!ignoreKeys.includes(key)) {
+        const value = updatedFlatten[key];
+        del(originLayout, key);
+        if (value !== void 0) {
+          set(originLayout, key, value);
+        }
+      }
+    });
+    if ((opts == null ? void 0 : opts.strict) === true) {
+      const originFlatten = toFlattenLayout(originLayout);
+      const originKeys = Object.keys(originFlatten);
+      originKeys.forEach((key) => {
+        if (!ignoreKeys.includes(key)) {
+          if (!updatedKeys.includes(key)) {
+            del(originLayout, key);
+          }
+        }
+      });
+    }
+    return originLayout;
+  }
+  function mergeGlobal(originGlobal, updateContent, opts) {
+    const updatedFlatten = toFlattenGlobal(updateContent);
+    const ignoreKeys = [];
+    const updatedKeys = Object.keys(updatedFlatten);
+    updatedKeys.forEach((key) => {
+      if (!ignoreKeys.includes(key)) {
+        const value = updatedFlatten[key];
+        del(originGlobal, key);
+        if (value !== void 0) {
+          set(originGlobal, key, value);
+        }
+      }
+    });
+    if ((opts == null ? void 0 : opts.strict) === true) {
+      const originFlatten = toFlattenGlobal(originGlobal);
+      const originKeys = Object.keys(originFlatten);
+      originKeys.forEach((key) => {
+        if (!ignoreKeys.includes(key)) {
+          if (!updatedKeys.includes(key)) {
+            del(originGlobal, key);
+          }
+        }
+      });
+    }
+    return originGlobal;
+  }
+  function calcResultMovePosition(opts) {
+    const from = [...opts.from];
+    const to = [...opts.to];
+    if (from.length === 0 || to.length === 0) {
+      return null;
+    }
+    if (from.length <= to.length) {
+      for (let i = 0; i < from.length; i++) {
+        if (to[i] === from[i]) {
+          if (i === from.length - 1) {
+            return null;
+          }
+          continue;
+        }
+      }
+    }
+    let moveDirection = null;
+    if (from.length >= 1 && to.length >= 1) {
+      if (from.length <= to.length) {
+        if (from.length === 1) {
+          if (from[0] < to[0]) {
+            moveDirection = "up-down";
+          }
+        } else {
+          for (let i = 0; i < from.length; i++) {
+            if (from[i] === to[i]) {
+              if (from.length === from.length - 1) {
+                moveDirection = "up-down";
+                break;
+              }
+            } else {
+              break;
+            }
+          }
+        }
+      }
+      if (from.length >= to.length) {
+        if (to.length === 1) {
+          if (to[0] < from[0]) {
+            moveDirection = "down-up";
+          }
+        } else {
+          for (let i = 0; i < to.length; i++) {
+            if (i === to.length - 1 && to[i] < from[i]) {
+              moveDirection = "down-up";
+            }
+            if (from[i] === to[i]) {
+              continue;
+            } else {
+              break;
+            }
+          }
+        }
+      }
+    }
+    const startEffectIndex = from.length - 1;
+    const endEffectIndex = to.length - 1;
+    if (moveDirection === "up-down" && startEffectIndex >= 0) {
+      to[startEffectIndex] -= 1;
+    } else if (moveDirection === "down-up" && endEffectIndex >= 0) {
+      from[endEffectIndex] += 1;
+    }
+    return { from, to };
+  }
+  function calcRevertMovePosition(opts) {
+    const result = calcResultMovePosition(opts);
+    if (!result) {
+      return result;
+    }
+    return {
+      from: [...result.to],
+      to: [...result.from]
+    };
+  }
   function merge(target, source) {
     const result = target;
     for (const key in source) {
@@ -4105,6 +4296,93 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       ip3e
     };
   }
+  function unflatObject(flatObj) {
+    const result = {};
+    for (const [flatKey, value] of Object.entries(flatObj)) {
+      const pathParts = parseKeyToPath(flatKey);
+      buildNestedStructure(result, pathParts, value);
+    }
+    return result;
+  }
+  function parseKeyToPath(flatKey) {
+    const regex = /([\w-]+)|\[(\d+)\]/g;
+    const pathParts = [];
+    let match;
+    while ((match = regex.exec(flatKey)) !== null) {
+      const prop = match[1] || match[2];
+      if (prop) {
+        pathParts.push(prop);
+      }
+    }
+    return pathParts;
+  }
+  function buildNestedStructure(currentObj, pathParts, value) {
+    let currentLevel = currentObj;
+    for (let i = 0; i < pathParts.length; i++) {
+      const part = pathParts[i];
+      const isArrayPart = isArrayIndex(part);
+      const isLast = i === pathParts.length - 1;
+      try {
+        if (isArrayPart) {
+          validateArrayPath(currentLevel, part);
+        } else {
+          validateObjectPath(currentLevel, part);
+        }
+      } catch (e) {
+        throw new Error(`Structure conflict at path '${pathParts.slice(0, i + 1).join(".")}': ${e.message}`);
+      }
+      if (isLast) {
+        assignValue(currentLevel, part, value);
+      } else {
+        currentLevel = prepareNextLevel(currentLevel, part, pathParts[i + 1]);
+      }
+    }
+  }
+  function isArrayIndex(key) {
+    return /^\d+$/.test(key);
+  }
+  function validateArrayPath(obj, index) {
+    if (!Array.isArray(obj)) {
+      throw new Error(`Expected array but found ${typeof obj}`);
+    }
+    const idx = Number(index);
+    if (idx > obj.length) {
+      obj.length = idx + 1;
+    }
+  }
+  function validateObjectPath(obj, key) {
+    if (Array.isArray(obj)) {
+      throw new Error(`Cannot create object property '${key}' on array`);
+    }
+    if (typeof obj !== "object" || obj === null) {
+      throw new Error(`Invalid structure for property '${key}'`);
+    }
+  }
+  function prepareNextLevel(current, part, nextPart) {
+    const isNextArray = nextPart ? isArrayIndex(nextPart) : false;
+    if (Array.isArray(current)) {
+      const index = Number(part);
+      if (!current[index]) {
+        current[index] = isNextArray ? [] : {};
+      }
+      return current[index];
+    }
+    if (!current[part]) {
+      current[part] = isNextArray ? [] : {};
+    }
+    return current[part];
+  }
+  function assignValue(target, key, value) {
+    if (Array.isArray(target)) {
+      const index = Number(key);
+      if (index >= target.length) {
+        target.length = index + 1;
+      }
+      target[index] = value;
+    } else {
+      target[key] = value;
+    }
+  }
   exports.Context2D = Context2D;
   exports.EventEmitter = EventEmitter;
   exports.Store = Store;
@@ -4123,6 +4401,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   exports.calcLayoutSizeController = calcLayoutSizeController;
   exports.calcPointMoveElementInGroup = calcPointMoveElementInGroup;
   exports.calcRadian = calcRadian;
+  exports.calcResultMovePosition = calcResultMovePosition;
+  exports.calcRevertMovePosition = calcRevertMovePosition;
   exports.calcSpeed = calcSpeed;
   exports.calcViewBoxSize = calcViewBoxSize;
   exports.calcViewCenter = calcViewCenter;
@@ -4166,9 +4446,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   exports.findElementsFromList = findElementsFromList;
   exports.findElementsFromListByPositions = findElementsFromListByPositions;
   exports.flatElementList = flatElementList;
+  exports.flatObject = flatObject;
   exports.formatNumber = formatNumber;
   exports.generateHTML = generateHTML;
   exports.generateSVGPath = generateSVGPath;
+  exports.get = get;
   exports.getCenterFromTwoPoints = getCenterFromTwoPoints;
   exports.getDefaultElementDetailConfig = getDefaultElementDetailConfig;
   exports.getDefaultElementRectDetail = getDefaultElementRectDetail;
@@ -4180,7 +4462,6 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   exports.getElementVertexes = getElementVertexes;
   exports.getGroupQueueByElementPosition = getGroupQueueByElementPosition;
   exports.getGroupQueueFromList = getGroupQueueFromList;
-  exports.getModifiedElement = getModifiedElement;
   exports.getSelectedElementUUIDs = getSelectedElementUUIDs;
   exports.getViewPointAtElement = getViewPointAtElement;
   exports.getViewScaleInfoFromSnapshot = getViewScaleInfoFromSnapshot;
@@ -4204,9 +4485,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   exports.matrixToAngle = matrixToAngle;
   exports.matrixToRadian = matrixToRadian;
   exports.merge = merge;
+  exports.mergeElement = mergeElement;
   exports.mergeElementAsset = mergeElementAsset;
+  exports.mergeGlobal = mergeGlobal;
   exports.mergeHexColorAlpha = mergeHexColorAlpha;
-  exports.modifyElement = modifyElement;
+  exports.mergeLayout = mergeLayout;
   exports.moveElementPosition = moveElementPosition;
   exports.omit = omit;
   exports.originRectInfoToRangeRectInfo = originRectInfoToRangeRectInfo;
@@ -4223,10 +4506,16 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   exports.rotatePoint = rotatePoint;
   exports.rotatePointInGroup = rotatePointInGroup;
   exports.rotateVertexes = rotateVertexes;
+  exports.set = set;
   exports.sortDataAsserts = sortDataAsserts;
   exports.throttle = throttle;
   exports.toColorHexNum = toColorHexNum;
   exports.toColorHexStr = toColorHexStr;
+  exports.toFlattenElement = toFlattenElement;
+  exports.toFlattenGlobal = toFlattenGlobal;
+  exports.toFlattenLayout = toFlattenLayout;
+  exports.toPath = toPath;
+  exports.unflatObject = unflatObject;
   exports.ungroupElementsByPosition = ungroupElementsByPosition;
   exports.updateElementInList = updateElementInList;
   exports.updateElementInListByPosition = updateElementInListByPosition;