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

package/dist/esm/index.d.ts

@@ -1,40 +1,46 @@
-export { delay, compose, throttle, debounce } from './lib/time';
-export { downloadImageFromCanvas, parseFileToBase64, pickFile, parseFileToText, downloadFileFromText } from './lib/file';
-export { toColorHexStr, toColorHexNum, isColorStr, colorNameToHex, colorToCSS, colorToLinearGradientCSS, mergeHexColorAlpha } from './lib/color';
-export { createUUID, isAssetId, createAssetId } from './lib/uuid';
-export { deepClone, sortDataAsserts, deepCloneElement, deepCloneData, filterCompactData } from './lib/data';
-export { istype } from './lib/istype';
-export { loadImage, loadSVG, loadHTML } from './lib/load';
-export { is } from './lib/is';
-export { check } from './lib/check';
-export { createBoardContent, createContext2D, createOffscreenContext2D } from './lib/canvas';
-export { EventEmitter } from './lib/event';
-export { calcDistance, calcSpeed, equalPoint, equalTouchPoint, vaildPoint, vaildTouchPoint, getCenterFromTwoPoints } from './lib/point';
-export { Store } from './lib/store';
-export { getViewScaleInfoFromSnapshot, getViewSizeInfoFromSnapshot } from './lib/middleware';
-export { Context2D } from './lib/context2d';
-export { rotateElement, parseRadianToAngle, parseAngleToRadian, rotateElementVertexes, getElementRotateVertexes, calcElementCenter, calcElementCenterFromVertexes, rotatePointInGroup, limitAngle, calcRadian } from './lib/rotate';
-export { getSelectedElementUUIDs, validateElements, calcElementsContextSize, calcElementsViewInfo, getElemenetsAssetIds, findElementFromList, findElementsFromList, findElementFromListByPosition, findElementQueueFromListByPosition, findElementsFromListByPositions, getGroupQueueFromList, getGroupQueueByElementPosition, getElementSize, mergeElementAsset, filterElementAsset, isResourceElement, getElementPositionFromList, getElementPositionMapFromList, calcElementListSize, isSameElementSize } from './lib/element';
-export { checkRectIntersect } from './lib/rect';
-export { viewScale, viewScroll, calcViewElementSize, calcViewPointSize, calcViewVertexes, isViewPointInElement, getViewPointAtElement, isElementInView, calcViewScaleInfo, calcElementViewRectInfo, calcElementOriginRectInfo, originRectInfoToRangeRectInfo, isViewPointInElementSize, isViewPointInVertexes } from './lib/view-calc';
-export { rotatePoint, rotateVertexes, rotateByCenter } from './lib/rotate';
-export { getElementVertexes, calcElementVertexesInGroup, calcElementVertexesQueueInGroup, calcElementQueueVertexesQueueInGroup } from './lib/vertex';
-export { calcElementSizeController, calcLayoutSizeController } from './lib/controller';
-export { generateSVGPath, parseSVGPath } from './lib/svg-path';
-export { generateHTML, parseHTML } from './lib/html';
-export { compressImage } from './lib/image';
-export { formatNumber } from './lib/number';
-export { matrixToAngle, matrixToRadian } from './lib/matrix';
-export { getDefaultElementDetailConfig, getDefaultElementRectDetail } from './lib/config';
-export { calcViewBoxSize } from './lib/view-box';
-export { createElement, insertElementToListByPosition, deleteElementInListByPosition, deleteElementInList, moveElementPosition, updateElementInList, updateElementInListByPosition } from './lib/handle-element';
-export { deepResizeGroupElement } from './lib/resize-element';
-export { calcViewCenterContent, calcViewCenter } from './lib/view-content';
-export { modifyElement, getModifiedElement } from './lib/modify';
-export { enhanceFontFamliy } from './lib/text';
-export { flatElementList } from './lib/flat';
-export { groupElementsByPosition, ungroupElementsByPosition } from './lib/group';
-export { calcPointMoveElementInGroup } from './lib/point-move-element';
-export { merge } from './lib/merge';
-export { omit } from './lib/omit';
-export { elementToBoxInfo } from './lib/box';
+export { delay, compose, throttle, debounce } from './tool/time';
+export { downloadImageFromCanvas, parseFileToBase64, pickFile, parseFileToText, downloadFileFromText } from './tool/file';
+export { toColorHexStr, toColorHexNum, isColorStr, colorNameToHex, colorToCSS, colorToLinearGradientCSS, mergeHexColorAlpha } from './tool/color';
+export { createUUID, isAssetId, createAssetId } from './tool/uuid';
+export { deepClone, sortDataAsserts, deepCloneElement, deepCloneData, filterCompactData } from './view/data';
+export { istype } from './tool/istype';
+export { loadImage, loadSVG, loadHTML } from './view/load';
+export { is } from './view/is';
+export { check } from './view/check';
+export { createBoardContent, createContext2D, createOffscreenContext2D } from './view/canvas';
+export { EventEmitter } from './tool/event';
+export { calcDistance, calcSpeed, equalPoint, equalTouchPoint, vaildPoint, vaildTouchPoint, getCenterFromTwoPoints } from './view/point';
+export { Store } from './tool/store';
+export { getViewScaleInfoFromSnapshot, getViewSizeInfoFromSnapshot } from './view/middleware';
+export { Context2D } from './view/context2d';
+export { rotateElement, parseRadianToAngle, parseAngleToRadian, rotateElementVertexes, getElementRotateVertexes, calcElementCenter, calcElementCenterFromVertexes, rotatePointInGroup, limitAngle, calcRadian } from './view/rotate';
+export { getSelectedElementUUIDs, validateElements, calcElementsContextSize, calcElementsViewInfo, getElemenetsAssetIds, findElementFromList, findElementsFromList, findElementFromListByPosition, findElementQueueFromListByPosition, findElementsFromListByPositions, getGroupQueueFromList, getGroupQueueByElementPosition, getElementSize, mergeElementAsset, filterElementAsset, isResourceElement, getElementPositionFromList, getElementPositionMapFromList, calcElementListSize, isSameElementSize } from './view/element';
+export { checkRectIntersect } from './view/rect';
+export { viewScale, viewScroll, calcViewElementSize, calcViewPointSize, calcViewVertexes, isViewPointInElement, getViewPointAtElement, isElementInView, calcViewScaleInfo, calcElementViewRectInfo, calcElementOriginRectInfo, originRectInfoToRangeRectInfo, isViewPointInElementSize, isViewPointInVertexes } from './view/view-calc';
+export { rotatePoint, rotateVertexes, rotateByCenter } from './view/rotate';
+export { getElementVertexes, calcElementVertexesInGroup, calcElementVertexesQueueInGroup, calcElementQueueVertexesQueueInGroup } from './view/vertex';
+export { calcElementSizeController, calcLayoutSizeController } from './view/controller';
+export { generateSVGPath, parseSVGPath } from './view/svg-path';
+export { generateHTML, parseHTML } from './tool/html';
+export { compressImage } from './tool/image';
+export { formatNumber } from './tool/number';
+export { matrixToAngle, matrixToRadian } from './view/matrix';
+export { getDefaultElementDetailConfig, getDefaultElementRectDetail } from './view/config';
+export { calcViewBoxSize } from './view/view-box';
+export { mergeElement, createElement, insertElementToListByPosition, deleteElementInListByPosition, deleteElementInList, moveElementPosition, updateElementInList, updateElementInListByPosition } from './view/handle-element';
+export { deepResizeGroupElement } from './view/resize-element';
+export { calcViewCenterContent, calcViewCenter } from './view/view-content';
+export { toFlattenElement, toFlattenLayout, toFlattenGlobal } from './view/modify-record';
+export { enhanceFontFamliy } from './view/text';
+export { flatElementList } from './view/flat';
+export { groupElementsByPosition, ungroupElementsByPosition } from './view/group';
+export { calcPointMoveElementInGroup } from './view/point-move-element';
+export { mergeLayout } from './view/handle-layout';
+export { mergeGlobal } from './view/handle-global';
+export { calcRevertMovePosition, calcResultMovePosition } from './view/position';
+export { merge } from './tool/merge';
+export { omit } from './tool/omit';
+export { elementToBoxInfo } from './view/box';
+export { get, set, toPath } from './tool/get-set-del';
+export { flatObject } from './tool/flat-object';
+export { unflatObject } from './tool/unflat-object';

package/dist/esm/index.js

@@ -1,40 +1,46 @@
-export { delay, compose, throttle, debounce } from './lib/time';
-export { downloadImageFromCanvas, parseFileToBase64, pickFile, parseFileToText, downloadFileFromText } from './lib/file';
-export { toColorHexStr, toColorHexNum, isColorStr, colorNameToHex, colorToCSS, colorToLinearGradientCSS, mergeHexColorAlpha } from './lib/color';
-export { createUUID, isAssetId, createAssetId } from './lib/uuid';
-export { deepClone, sortDataAsserts, deepCloneElement, deepCloneData, filterCompactData } from './lib/data';
-export { istype } from './lib/istype';
-export { loadImage, loadSVG, loadHTML } from './lib/load';
-export { is } from './lib/is';
-export { check } from './lib/check';
-export { createBoardContent, createContext2D, createOffscreenContext2D } from './lib/canvas';
-export { EventEmitter } from './lib/event';
-export { calcDistance, calcSpeed, equalPoint, equalTouchPoint, vaildPoint, vaildTouchPoint, getCenterFromTwoPoints } from './lib/point';
-export { Store } from './lib/store';
-export { getViewScaleInfoFromSnapshot, getViewSizeInfoFromSnapshot } from './lib/middleware';
-export { Context2D } from './lib/context2d';
-export { rotateElement, parseRadianToAngle, parseAngleToRadian, rotateElementVertexes, getElementRotateVertexes, calcElementCenter, calcElementCenterFromVertexes, rotatePointInGroup, limitAngle, calcRadian } from './lib/rotate';
-export { getSelectedElementUUIDs, validateElements, calcElementsContextSize, calcElementsViewInfo, getElemenetsAssetIds, findElementFromList, findElementsFromList, findElementFromListByPosition, findElementQueueFromListByPosition, findElementsFromListByPositions, getGroupQueueFromList, getGroupQueueByElementPosition, getElementSize, mergeElementAsset, filterElementAsset, isResourceElement, getElementPositionFromList, getElementPositionMapFromList, calcElementListSize, isSameElementSize } from './lib/element';
-export { checkRectIntersect } from './lib/rect';
-export { viewScale, viewScroll, calcViewElementSize, calcViewPointSize, calcViewVertexes, isViewPointInElement, getViewPointAtElement, isElementInView, calcViewScaleInfo, calcElementViewRectInfo, calcElementOriginRectInfo, originRectInfoToRangeRectInfo, isViewPointInElementSize, isViewPointInVertexes } from './lib/view-calc';
-export { rotatePoint, rotateVertexes, rotateByCenter } from './lib/rotate';
-export { getElementVertexes, calcElementVertexesInGroup, calcElementVertexesQueueInGroup, calcElementQueueVertexesQueueInGroup } from './lib/vertex';
-export { calcElementSizeController, calcLayoutSizeController } from './lib/controller';
-export { generateSVGPath, parseSVGPath } from './lib/svg-path';
-export { generateHTML, parseHTML } from './lib/html';
-export { compressImage } from './lib/image';
-export { formatNumber } from './lib/number';
-export { matrixToAngle, matrixToRadian } from './lib/matrix';
-export { getDefaultElementDetailConfig, getDefaultElementRectDetail } from './lib/config';
-export { calcViewBoxSize } from './lib/view-box';
-export { createElement, insertElementToListByPosition, deleteElementInListByPosition, deleteElementInList, moveElementPosition, updateElementInList, updateElementInListByPosition } from './lib/handle-element';
-export { deepResizeGroupElement } from './lib/resize-element';
-export { calcViewCenterContent, calcViewCenter } from './lib/view-content';
-export { modifyElement, getModifiedElement } from './lib/modify';
-export { enhanceFontFamliy } from './lib/text';
-export { flatElementList } from './lib/flat';
-export { groupElementsByPosition, ungroupElementsByPosition } from './lib/group';
-export { calcPointMoveElementInGroup } from './lib/point-move-element';
-export { merge } from './lib/merge';
-export { omit } from './lib/omit';
-export { elementToBoxInfo } from './lib/box';
+export { delay, compose, throttle, debounce } from './tool/time';
+export { downloadImageFromCanvas, parseFileToBase64, pickFile, parseFileToText, downloadFileFromText } from './tool/file';
+export { toColorHexStr, toColorHexNum, isColorStr, colorNameToHex, colorToCSS, colorToLinearGradientCSS, mergeHexColorAlpha } from './tool/color';
+export { createUUID, isAssetId, createAssetId } from './tool/uuid';
+export { deepClone, sortDataAsserts, deepCloneElement, deepCloneData, filterCompactData } from './view/data';
+export { istype } from './tool/istype';
+export { loadImage, loadSVG, loadHTML } from './view/load';
+export { is } from './view/is';
+export { check } from './view/check';
+export { createBoardContent, createContext2D, createOffscreenContext2D } from './view/canvas';
+export { EventEmitter } from './tool/event';
+export { calcDistance, calcSpeed, equalPoint, equalTouchPoint, vaildPoint, vaildTouchPoint, getCenterFromTwoPoints } from './view/point';
+export { Store } from './tool/store';
+export { getViewScaleInfoFromSnapshot, getViewSizeInfoFromSnapshot } from './view/middleware';
+export { Context2D } from './view/context2d';
+export { rotateElement, parseRadianToAngle, parseAngleToRadian, rotateElementVertexes, getElementRotateVertexes, calcElementCenter, calcElementCenterFromVertexes, rotatePointInGroup, limitAngle, calcRadian } from './view/rotate';
+export { getSelectedElementUUIDs, validateElements, calcElementsContextSize, calcElementsViewInfo, getElemenetsAssetIds, findElementFromList, findElementsFromList, findElementFromListByPosition, findElementQueueFromListByPosition, findElementsFromListByPositions, getGroupQueueFromList, getGroupQueueByElementPosition, getElementSize, mergeElementAsset, filterElementAsset, isResourceElement, getElementPositionFromList, getElementPositionMapFromList, calcElementListSize, isSameElementSize } from './view/element';
+export { checkRectIntersect } from './view/rect';
+export { viewScale, viewScroll, calcViewElementSize, calcViewPointSize, calcViewVertexes, isViewPointInElement, getViewPointAtElement, isElementInView, calcViewScaleInfo, calcElementViewRectInfo, calcElementOriginRectInfo, originRectInfoToRangeRectInfo, isViewPointInElementSize, isViewPointInVertexes } from './view/view-calc';
+export { rotatePoint, rotateVertexes, rotateByCenter } from './view/rotate';
+export { getElementVertexes, calcElementVertexesInGroup, calcElementVertexesQueueInGroup, calcElementQueueVertexesQueueInGroup } from './view/vertex';
+export { calcElementSizeController, calcLayoutSizeController } from './view/controller';
+export { generateSVGPath, parseSVGPath } from './view/svg-path';
+export { generateHTML, parseHTML } from './tool/html';
+export { compressImage } from './tool/image';
+export { formatNumber } from './tool/number';
+export { matrixToAngle, matrixToRadian } from './view/matrix';
+export { getDefaultElementDetailConfig, getDefaultElementRectDetail } from './view/config';
+export { calcViewBoxSize } from './view/view-box';
+export { mergeElement, createElement, insertElementToListByPosition, deleteElementInListByPosition, deleteElementInList, moveElementPosition, updateElementInList, updateElementInListByPosition } from './view/handle-element';
+export { deepResizeGroupElement } from './view/resize-element';
+export { calcViewCenterContent, calcViewCenter } from './view/view-content';
+export { toFlattenElement, toFlattenLayout, toFlattenGlobal } from './view/modify-record';
+export { enhanceFontFamliy } from './view/text';
+export { flatElementList } from './view/flat';
+export { groupElementsByPosition, ungroupElementsByPosition } from './view/group';
+export { calcPointMoveElementInGroup } from './view/point-move-element';
+export { mergeLayout } from './view/handle-layout';
+export { mergeGlobal } from './view/handle-global';
+export { calcRevertMovePosition, calcResultMovePosition } from './view/position';
+export { merge } from './tool/merge';
+export { omit } from './tool/omit';
+export { elementToBoxInfo } from './view/box';
+export { get, set, toPath } from './tool/get-set-del';
+export { flatObject } from './tool/flat-object';
+export { unflatObject } from './tool/unflat-object';

package/dist/esm/tool/flat-object.d.ts

@@ -0,0 +1,6 @@
+type FlattenedObject = Record<string, any>;
+type FlatObjectOptions = {
+    ignorePaths?: string[];
+};
+export declare function flatObject<T extends Record<string, any>>(obj: T, opts?: FlatObjectOptions): FlattenedObject;
+export {};

package/dist/esm/tool/flat-object.js

@@ -0,0 +1,28 @@
+function flattenObject(obj, parentKey = '', result = {}, opts) {
+    Object.keys(obj).forEach((key) => {
+        var _a;
+        const currentKey = parentKey ? `${parentKey}${isArrayIndex(key) ? `[${key}]` : `.${key}`}` : key;
+        if (!((_a = opts === null || opts === void 0 ? void 0 : opts.ignorePaths) === null || _a === void 0 ? 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(key) {
+    return /^\d+$/.test(key) && !isNaN(Number(key));
+}
+export function flatObject(obj, opts) {
+    if (typeof obj !== 'object' || obj === null) {
+        return { '': obj };
+    }
+    return flattenObject(obj, '', {}, opts);
+}

package/dist/esm/tool/get-set-del.d.ts

@@ -0,0 +1,4 @@
+export declare function toPath(path: string | string[]): string[];
+export declare function get<T = any, D = any>(obj: T, path: string | string[], defaultValue?: D): D | undefined;
+export declare function set<T = any>(obj: T, path: string | string[], value: any): T;
+export declare function del<T = any>(obj: T, path: string | string[]): T;

package/dist/esm/tool/get-set-del.js

@@ -0,0 +1,65 @@
+export function toPath(path) {
+    if (Array.isArray(path))
+        return [...path];
+    return path.split(/\.|\[|\]/).filter((key) => key !== '');
+}
+export function get(obj, path, defaultValue) {
+    if (!path) {
+        return undefined;
+    }
+    const pathArray = toPath(path);
+    let current = obj;
+    for (const key of pathArray) {
+        if (current === null || current === undefined) {
+            return defaultValue;
+        }
+        current = current[key];
+    }
+    return current !== undefined ? current : defaultValue;
+}
+export 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 || current === void 0 ? void 0 : current[key]) === undefined || typeof (current === null || current === void 0 ? void 0 : current[key]) !== 'object' || (current === null || current === void 0 ? void 0 : current[key]) === null)) {
+                const nextKey = pathArray[i + 1];
+                const isNextNumeric = /^\d+$/.test(nextKey);
+                current[key] = isNextNumeric ? [] : {};
+            }
+            current = current === null || current === void 0 ? void 0 : current[key];
+        }
+    }
+    return obj;
+}
+export 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 || current === void 0 ? void 0 : current[key]) === undefined || typeof (current === null || current === void 0 ? void 0 : current[key]) !== 'object' || (current === null || current === void 0 ? void 0 : current[key]) === null)) {
+                const nextKey = pathArray[i + 1];
+                const isNextNumeric = /^\d+$/.test(nextKey);
+                current[key] = isNextNumeric ? [] : {};
+            }
+            current = current === null || current === void 0 ? void 0 : current[key];
+        }
+    }
+    return obj;
+}

package/dist/esm/tool/hash.d.ts

@@ -0,0 +1 @@
+export declare function generate32Base36Hash(str: string): string;

package/dist/esm/tool/hash.js

@@ -0,0 +1,33 @@
+export function generate32Base36Hash(str) {
+    const hash256 = generate256BitHash(str);
+    return bigIntToBase36(hash256).padStart(32, '0').slice(0, 32);
+}
+function generate256BitHash(str) {
+    let h1 = 0xcbf29ce484222325n, h2 = 0x84222325cbf29ce4n;
+    let h3 = 0x1b3n * h1, h4 = 0x1000000n * h2;
+    const prime = 0x100000001b3n;
+    const chunkSize = 4096;
+    for (let i = 0; i < str.length; i += chunkSize) {
+        const chunk = str.slice(i, i + chunkSize);
+        for (let j = 0; j < chunk.length; j++) {
+            const code = BigInt(chunk.charCodeAt(j) + i + j);
+            h1 = (h1 ^ code) * prime;
+            h2 = ((h2 ^ h1) * prime) ^ h3;
+            h3 = (h3 ^ h2) * prime + h4;
+            h4 = ((h4 ^ h3) * prime) | 0x1234567890abcdefn;
+        }
+    }
+    return (h1 << 192n) | (h2 << 128n) | (h3 << 64n) | h4;
+}
+function bigIntToBase36(num) {
+    const chars = '0123456789abcdefghijklmnopqrstuvwxyz';
+    if (num === 0n)
+        return '0';
+    let result = '';
+    while (num > 0n) {
+        const rem = num % 36n;
+        result = chars[Number(rem)] + result;
+        num = num / 36n;
+    }
+    return result;
+}

package/dist/esm/{lib → tool}/html.js

@@ -140,7 +140,7 @@ export function parseHTML(html) {
 }
 function attrString(attrs) {
     const buff = [];
-    for (let key in attrs) {
+    for (const key in attrs) {
         buff.push(key + '="' + attrs[key] + '"');
     }
     if (!buff.length) {
@@ -153,7 +153,11 @@ function stringify(buff, htmlNode) {
         case 'text':
             return buff + htmlNode.textContent;
         case 'element':
-            buff += '<' + htmlNode.name + (htmlNode.attributes ? attrString(htmlNode.attributes) : '') + (htmlNode.isVoid ? '/>' : '>');
+            buff +=
+                '<' +
+                    htmlNode.name +
+                    (htmlNode.attributes ? attrString(htmlNode.attributes) : '') +
+                    (htmlNode.isVoid ? '/>' : '>');
             if (htmlNode.isVoid) {
                 return buff;
             }

package/dist/esm/{lib → tool}/store.js

@@ -10,7 +10,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _Store_instances, _Store_temp, _Store_backUpDefaultStorage, _Store_static, _Store_createTempStorage;
-import { deepClone } from './data';
+import { deepClone } from '../view/data';
 export class Store {
     constructor(opts) {
         _Store_instances.add(this);

package/dist/esm/tool/unflat-object.d.ts

@@ -0,0 +1,3 @@
+type NestedStructure = object | unknown[];
+export declare function unflatObject<T extends Record<string, unknown>>(flatObj: T): NestedStructure;
+export {};

package/dist/esm/tool/unflat-object.js

@@ -0,0 +1,91 @@
+export 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;
+    }
+}

package/dist/esm/tool/uuid.js

@@ -0,0 +1,13 @@
+import { generate32Base36Hash } from './hash';
+export function createUUID() {
+    function _createStr() {
+        return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+    }
+    return `${_createStr()}${_createStr()}-${_createStr()}-${_createStr()}-${_createStr()}-${_createStr()}${_createStr()}${_createStr()}`;
+}
+export function createAssetId(assetStr) {
+    return `@assets/${generate32Base36Hash(assetStr)}`;
+}
+export function isAssetId(id) {
+    return /^@assets\/[0-9a-z-]{0,}$/.test(`${id}`);
+}

package/dist/esm/{lib → view}/check.js

@@ -11,20 +11,20 @@ function attrs(attrs) {
 }
 function box(detail = {}) {
     const { borderColor, borderRadius, borderWidth } = 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(borderRadius)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'borderRadius') && !is.number(borderRadius)) {
         return false;
     }
-    if (detail.hasOwnProperty('borderWidth') && !is.number(borderWidth)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'borderWidth') && !is.number(borderWidth)) {
         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)) {
@@ -34,13 +34,13 @@ function rectDesc(detail) {
 }
 function circleDesc(detail) {
     const { background, borderColor, borderWidth } = 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(borderWidth)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'borderWidth') && !is.number(borderWidth)) {
         return false;
     }
     return true;
@@ -77,25 +77,25 @@ function textDesc(detail) {
     if (!is.fontSize(fontSize)) {
         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(fontWeight)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'fontWeight') && !is.fontWeight(fontWeight)) {
         return false;
     }
-    if (detail.hasOwnProperty('lineHeight') && !is.lineHeight(lineHeight)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'lineHeight') && !is.lineHeight(lineHeight)) {
         return false;
     }
-    if (detail.hasOwnProperty('fontFamily') && !is.fontFamily(fontFamily)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'fontFamily') && !is.fontFamily(fontFamily)) {
         return false;
     }
-    if (detail.hasOwnProperty('textAlign') && !is.textAlign(textAlign)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'textAlign') && !is.textAlign(textAlign)) {
         return false;
     }
-    if (detail.hasOwnProperty('strokeWidth') && !is.strokeWidth(strokeWidth)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'strokeWidth') && !is.strokeWidth(strokeWidth)) {
         return false;
     }
-    if (detail.hasOwnProperty('strokeColor') && !is.color(strokeColor)) {
+    if (Object.prototype.hasOwnProperty.call(detail, 'strokeColor') && !is.color(strokeColor)) {
         return false;
     }
     if (!box(detail)) {

package/dist/esm/{lib → view}/controller.js

@@ -1,4 +1,4 @@
-import { createUUID } from './uuid';
+import { createUUID } from '../tool/uuid';
 import { getCenterFromTwoPoints } from './point';
 import { calcElementVertexesInGroup, calcElementVertexes } from './vertex';
 import { calcViewElementSize } from './view-calc';
@@ -62,15 +62,38 @@ export function calcElementSizeController(elemSize, opts) {
     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);
@@ -192,10 +215,30 @@ export function calcLayoutSizeController(layoutSize, opts) {
     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);