@idraw/util 0.4.0-alpha.6 → 0.4.0-beta.0

package/dist/esm/lib/element.js

@@ -1,6 +1,5 @@
 import { rotateElementVertexes } from './rotate';
 import { isAssetId, createAssetId } from './uuid';
-import { istype } from './istype';
 function getGroupUUIDs(elements, index) {
     var _a;
     const uuids = [];
@@ -208,54 +207,6 @@ export function getGroupQueueFromList(uuid, elements) {
     _scan(uuid, elements);
     return groupQueue;
 }
-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 || originElem === void 0 ? void 0 : originElem.hasOwnProperty(commonKey))) {
-                    originElem[commonKey] = {};
-                }
-                if (istype.json(originElem[commonKey])) {
-                    originElem[commonKey] = Object.assign(Object.assign({}, originElem[commonKey]), updateContent[commonKey]);
-                }
-            }
-            else if (istype.array(updateContent[commonKey])) {
-                if (!(originElem === null || originElem === void 0 ? void 0 : originElem.hasOwnProperty(commonKey))) {
-                    originElem[commonKey] = [];
-                }
-                if (istype.array(originElem[commonKey])) {
-                    (_a = updateContent === null || updateContent === void 0 ? void 0 : updateContent[commonKey]) === null || _a === void 0 ? void 0 : _a.forEach((item, i) => {
-                        originElem[commonKey][i] = item;
-                    });
-                    originElem[commonKey] = [...originElem[commonKey], ...updateContent[commonKey]];
-                }
-            }
-        }
-    }
-    return originElem;
-}
-export function updateElementInList(uuid, updateContent, elements) {
-    var _a;
-    let targetElement = null;
-    for (let i = 0; i < elements.length; i++) {
-        const elem = elements[i];
-        if (elem.uuid === uuid) {
-            mergeElement(elem, updateContent);
-            targetElement = elem;
-            break;
-        }
-        else if (elem.type === 'group') {
-            targetElement = updateElementInList(uuid, updateContent, ((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
-        }
-    }
-    return targetElement;
-}
 export function getElementSize(elem) {
     const { x, y, w, h, angle } = elem;
     const size = { x, y, w, h, angle };
@@ -356,57 +307,30 @@ export function findElementFromListByPosition(position, list) {
     }
     return result;
 }
-export function insertElementToListByPosition(element, position, list) {
-    let result = false;
-    if (position.length === 1) {
-        const pos = position[0];
-        list.splice(pos, 0, element);
-        result = true;
-    }
-    else if (position.length > 1) {
-        let tempList = list;
-        for (let i = 0; i < position.length; i++) {
-            const pos = position[i];
-            const item = tempList[pos];
-            if (i === position.length - 1) {
-                const pos = position[i];
-                tempList.splice(pos, 0, element);
-                result = true;
-            }
-            else if (i < position.length - 1 && item.type === 'group') {
-                tempList = item.detail.children;
-            }
-            else {
+export function getElementPositionFromList(uuid, elements) {
+    let result = [];
+    let over = false;
+    const _loop = (list) => {
+        var _a;
+        for (let i = 0; i < list.length; i++) {
+            if (over === true) {
                 break;
             }
-        }
-    }
-    return result;
-}
-export function deleteElementInListByPosition(position, list) {
-    let result = false;
-    if (position.length === 1) {
-        const pos = position[0];
-        list.splice(pos, 1);
-        result = true;
-    }
-    else if (position.length > 1) {
-        let tempList = list;
-        for (let i = 0; i < position.length; i++) {
-            const pos = position[i];
-            const item = tempList[pos];
-            if (i === position.length - 1) {
-                const pos = position[i];
-                tempList.splice(pos, 1);
-                result = true;
+            result.push(i);
+            const elem = list[i];
+            if (elem.uuid === uuid) {
+                over = true;
+                break;
             }
-            else if (i < position.length - 1 && item.type === 'group') {
-                tempList = item.detail.children;
+            else if (elem.type === 'group') {
+                _loop(((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
             }
-            else {
+            if (over) {
                 break;
             }
+            result.pop();
         }
-    }
+    };
+    _loop(elements);
     return result;
 }

package/dist/esm/lib/handle-element.d.ts

@@ -4,7 +4,11 @@ export declare function createElement<T extends ElementType>(type: T, baseElem:
     viewSizeInfo: ViewSizeInfo;
     limitRatio?: boolean;
 }): Element<T>;
+export declare function insertElementToListByPosition(element: Element, position: ElementPosition, list: Element[]): boolean;
+export declare function deleteElementInListByPosition(position: ElementPosition, list: Element[]): boolean;
+export declare function deleteElementInList(uuid: string, list: Element[]): boolean;
 export declare function moveElementPosition(elements: Elements, opts: {
     from: ElementPosition;
     to: ElementPosition;
 }): Elements;
+export declare function updateElementInList(uuid: string, updateContent: RecursivePartial<Element<ElementType>>, elements: Element[]): Element | null;

package/dist/esm/lib/handle-element.js

@@ -1,6 +1,7 @@
 import { createUUID } from './uuid';
 import { getDefaultElementDetailConfig, getDefaultElementRectDetail, getDefaultElementCircleDetail, getDefaultElementTextDetail, getDefaultElementSVGDetail, getDefaultElementImageDetail, getDefaultElementGroupDetail } from './config';
-import { findElementFromListByPosition, insertElementToListByPosition, deleteElementInListByPosition } from './element';
+import { istype } from './istype';
+import { findElementFromListByPosition, getElementPositionFromList } from './element';
 const defaultViewWidth = 200;
 const defaultViewHeight = 200;
 const defaultDetail = getDefaultElementDetailConfig();
@@ -74,6 +75,64 @@ export function createElement(type, baseElem, opts) {
     const elem = Object.assign(Object.assign(Object.assign({}, elemSize), baseElem), { uuid: createUUID(), type, detail: Object.assign(Object.assign({}, detail), (baseElem.detail || {})) });
     return elem;
 }
+export function insertElementToListByPosition(element, position, list) {
+    let result = false;
+    if (position.length === 1) {
+        const pos = position[0];
+        list.splice(pos, 0, element);
+        result = true;
+    }
+    else if (position.length > 1) {
+        let tempList = list;
+        for (let i = 0; i < position.length; i++) {
+            const pos = position[i];
+            const item = tempList[pos];
+            if (i === position.length - 1) {
+                const pos = position[i];
+                tempList.splice(pos, 0, element);
+                result = true;
+            }
+            else if (i < position.length - 1 && item.type === 'group') {
+                tempList = item.detail.children;
+            }
+            else {
+                break;
+            }
+        }
+    }
+    return result;
+}
+export function deleteElementInListByPosition(position, list) {
+    let result = false;
+    if (position.length === 1) {
+        const pos = position[0];
+        list.splice(pos, 1);
+        result = true;
+    }
+    else if (position.length > 1) {
+        let tempList = list;
+        for (let i = 0; i < position.length; i++) {
+            const pos = position[i];
+            const item = tempList[pos];
+            if (i === position.length - 1) {
+                const pos = position[i];
+                tempList.splice(pos, 1);
+                result = true;
+            }
+            else if (i < position.length - 1 && item.type === 'group') {
+                tempList = item.detail.children;
+            }
+            else {
+                break;
+            }
+        }
+    }
+    return result;
+}
+export function deleteElementInList(uuid, list) {
+    const position = getElementPositionFromList(uuid, list);
+    return deleteElementInListByPosition(position, list);
+}
 export function moveElementPosition(elements, opts) {
     const { from, to } = opts;
     if (from.length === 0 || to.length === 0) {
@@ -117,3 +176,51 @@ export function moveElementPosition(elements, opts) {
     }
     return elements;
 }
+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 || originElem === void 0 ? void 0 : originElem.hasOwnProperty(commonKey))) {
+                    originElem[commonKey] = {};
+                }
+                if (istype.json(originElem[commonKey])) {
+                    originElem[commonKey] = Object.assign(Object.assign({}, originElem[commonKey]), updateContent[commonKey]);
+                }
+            }
+            else if (istype.array(updateContent[commonKey])) {
+                if (!(originElem === null || originElem === void 0 ? void 0 : originElem.hasOwnProperty(commonKey))) {
+                    originElem[commonKey] = [];
+                }
+                if (istype.array(originElem[commonKey])) {
+                    (_a = updateContent === null || updateContent === void 0 ? void 0 : updateContent[commonKey]) === null || _a === void 0 ? void 0 : _a.forEach((item, i) => {
+                        originElem[commonKey][i] = item;
+                    });
+                    originElem[commonKey] = [...originElem[commonKey], ...updateContent[commonKey]];
+                }
+            }
+        }
+    }
+    return originElem;
+}
+export function updateElementInList(uuid, updateContent, elements) {
+    var _a;
+    let targetElement = null;
+    for (let i = 0; i < elements.length; i++) {
+        const elem = elements[i];
+        if (elem.uuid === uuid) {
+            mergeElement(elem, updateContent);
+            targetElement = elem;
+            break;
+        }
+        else if (elem.type === 'group') {
+            targetElement = updateElementInList(uuid, updateContent, ((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
+        }
+    }
+    return targetElement;
+}