@idraw/util 0.4.3 → 1.0.0-alpha.1

package/dist/esm/view/element.js

@@ -1,471 +0,0 @@
-import { limitAngle, rotateElementVertexes } from './rotate';
-import { isAssetId, createAssetId } from '../tool/uuid';
-function getGroupUUIDs(elements, index) {
-    var _a;
-    const uuids = [];
-    if (typeof index === 'string' && /^\d+(\.\d+)*$/.test(index)) {
-        const nums = index.split('.');
-        let target = elements;
-        while (nums.length > 0) {
-            const num = nums.shift();
-            if (typeof num === 'string') {
-                const elem = target[parseInt(num)];
-                if (elem && nums.length === 0) {
-                    uuids.push(elem.uuid);
-                }
-                else if (elem.type === 'group' && nums.length > 0) {
-                    target = ((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || [];
-                }
-            }
-            break;
-        }
-    }
-    return uuids;
-}
-export function getSelectedElementUUIDs(data, indexes) {
-    var _a;
-    let uuids = [];
-    if (Array.isArray(data === null || data === void 0 ? void 0 : data.elements) && ((_a = data === null || data === void 0 ? void 0 : data.elements) === null || _a === void 0 ? void 0 : _a.length) > 0 && Array.isArray(indexes) && indexes.length > 0) {
-        indexes.forEach((idx) => {
-            var _a;
-            if (typeof idx === 'number') {
-                if ((_a = data === null || data === void 0 ? void 0 : data.elements) === null || _a === void 0 ? void 0 : _a[idx]) {
-                    uuids.push(data.elements[idx].uuid);
-                }
-            }
-            else if (typeof idx === 'string') {
-                uuids = uuids.concat(getGroupUUIDs(data.elements, idx));
-            }
-        });
-    }
-    return uuids;
-}
-export function validateElements(elements) {
-    let isValid = true;
-    if (Array.isArray(elements)) {
-        const uuids = [];
-        elements.forEach((elem) => {
-            var _a;
-            if (typeof elem.uuid === 'string' && elem.uuid) {
-                if (uuids.includes(elem.uuid)) {
-                    isValid = false;
-                    console.warn(`Duplicate uuids: ${elem.uuid}`);
-                }
-                else {
-                    uuids.push(elem.uuid);
-                }
-            }
-            else {
-                isValid = false;
-                console.warn('Element missing uuid', elem);
-            }
-            if (elem.type === 'group') {
-                isValid = validateElements((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children);
-            }
-        });
-    }
-    return isValid;
-}
-export function calcElementListSize(list) {
-    var _a;
-    const area = { x: 0, y: 0, w: 0, h: 0 };
-    let prevElemSize = null;
-    for (let i = 0; i < list.length; i++) {
-        const elem = list[i];
-        if ((_a = elem === null || elem === void 0 ? void 0 : elem.operations) === null || _a === void 0 ? void 0 : _a.invisible) {
-            continue;
-        }
-        const elemSize = {
-            x: elem.x,
-            y: elem.y,
-            w: elem.w,
-            h: elem.h,
-            angle: elem.angle || 0
-        };
-        if (elemSize.angle && (elemSize.angle > 0 || elemSize.angle < 0)) {
-            const ves = rotateElementVertexes(elemSize);
-            if (ves.length === 4) {
-                const xList = [ves[0].x, ves[1].x, ves[2].x, ves[3].x];
-                const yList = [ves[0].y, ves[1].y, ves[2].y, ves[3].y];
-                elemSize.x = Math.min(...xList);
-                elemSize.y = Math.min(...yList);
-                elemSize.w = Math.abs(Math.max(...xList) - Math.min(...xList));
-                elemSize.h = Math.abs(Math.max(...yList) - Math.min(...yList));
-            }
-        }
-        if (prevElemSize) {
-            const areaStartX = Math.min(elemSize.x, area.x);
-            const areaStartY = Math.min(elemSize.y, area.y);
-            const areaEndX = Math.max(elemSize.x + elemSize.w, area.x + area.w);
-            const areaEndY = Math.max(elemSize.y + elemSize.h, area.y + area.h);
-            area.x = areaStartX;
-            area.y = areaStartY;
-            area.w = Math.abs(areaEndX - areaStartX);
-            area.h = Math.abs(areaEndY - areaStartY);
-        }
-        else {
-            area.x = elemSize.x;
-            area.y = elemSize.y;
-            area.w = elemSize.w;
-            area.h = elemSize.h;
-        }
-        prevElemSize = elemSize;
-    }
-    const listSize = {
-        x: Math.floor(area.x),
-        y: Math.floor(area.y),
-        w: Math.ceil(area.w),
-        h: Math.ceil(area.h)
-    };
-    return listSize;
-}
-export function calcElementsContextSize(elements, opts) {
-    const area = { x: 0, y: 0, w: 0, h: 0 };
-    elements.forEach((elem) => {
-        const elemSize = {
-            x: elem.x,
-            y: elem.y,
-            w: elem.w,
-            h: elem.h,
-            angle: elem.angle
-        };
-        if (elemSize.angle && (elemSize.angle > 0 || elemSize.angle < 0)) {
-            const ves = rotateElementVertexes(elemSize);
-            if (ves.length === 4) {
-                const xList = [ves[0].x, ves[1].x, ves[2].x, ves[3].x];
-                const yList = [ves[0].y, ves[1].y, ves[2].y, ves[3].y];
-                elemSize.x = Math.min(...xList);
-                elemSize.y = Math.min(...yList);
-                elemSize.w = Math.abs(Math.max(...xList) - Math.min(...xList));
-                elemSize.h = Math.abs(Math.max(...yList) - Math.min(...yList));
-            }
-        }
-        const areaStartX = Math.min(elemSize.x, area.x);
-        const areaStartY = Math.min(elemSize.y, area.y);
-        const areaEndX = Math.max(elemSize.x + elemSize.w, area.x + area.w);
-        const areaEndY = Math.max(elemSize.y + elemSize.h, area.y + area.h);
-        area.x = areaStartX;
-        area.y = areaStartY;
-        area.w = Math.abs(areaEndX - areaStartX);
-        area.h = Math.abs(areaEndY - areaStartY);
-    });
-    if (opts === null || opts === void 0 ? void 0 : opts.extend) {
-        area.x = Math.min(area.x, 0);
-        area.y = Math.min(area.y, 0);
-    }
-    const ctxSize = {
-        contextWidth: area.w,
-        contextHeight: area.h
-    };
-    if ((opts === null || opts === void 0 ? void 0 : opts.viewWidth) && (opts === null || opts === void 0 ? void 0 : opts.viewHeight) && (opts === null || opts === void 0 ? void 0 : opts.viewWidth) > 0 && (opts === null || opts === void 0 ? void 0 : opts.viewHeight) > 0) {
-        if (opts.viewWidth > area.x + area.w) {
-            ctxSize.contextWidth = opts.viewWidth - area.x;
-        }
-        if (opts.viewHeight > area.y + area.h) {
-            ctxSize.contextHeight = opts.viewHeight - area.y;
-        }
-    }
-    return ctxSize;
-}
-export function calcElementsViewInfo(elements, prevViewSize, options) {
-    const contextSize = calcElementsContextSize(elements, {
-        viewWidth: prevViewSize.width,
-        viewHeight: prevViewSize.height,
-        extend: options === null || options === void 0 ? void 0 : options.extend
-    });
-    if ((options === null || options === void 0 ? void 0 : options.extend) === true) {
-        contextSize.contextWidth = Math.max(contextSize.contextWidth, prevViewSize.contextWidth);
-        contextSize.contextHeight = Math.max(contextSize.contextHeight, prevViewSize.contextHeight);
-    }
-    return {
-        contextSize
-    };
-}
-export function getElemenetsAssetIds(elements) {
-    const assetIds = [];
-    const _scanElements = (elems) => {
-        elems.forEach((elem) => {
-            if (elem.type === 'image' && isAssetId(elem.detail.src)) {
-                assetIds.push(elem.detail.src);
-            }
-            else if (elem.type === 'svg' && isAssetId(elem.detail.svg)) {
-                assetIds.push(elem.detail.svg);
-            }
-            else if (elem.type === 'html' && elem.detail.html) {
-                assetIds.push(elem.detail.html);
-            }
-            else if (elem.type === 'group' && Array.isArray(elem.detail.children)) {
-                _scanElements(elem.detail.children);
-            }
-        });
-    };
-    _scanElements(elements);
-    return assetIds;
-}
-export function findElementFromList(uuid, list) {
-    var _a;
-    let result = null;
-    for (let i = 0; i < list.length; i++) {
-        const elem = list[i];
-        if (elem.uuid === uuid) {
-            result = elem;
-            break;
-        }
-        else if (!result && elem.type === 'group') {
-            const resultInGroup = findElementFromList(uuid, ((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
-            if ((resultInGroup === null || resultInGroup === void 0 ? void 0 : resultInGroup.uuid) === uuid) {
-                result = resultInGroup;
-                break;
-            }
-        }
-    }
-    return result;
-}
-export function findElementsFromList(uuids, list) {
-    const result = [];
-    function _find(elements) {
-        var _a;
-        for (let i = 0; i < elements.length; i++) {
-            const elem = elements[i];
-            if (uuids.includes(elem.uuid)) {
-                result.push(elem);
-            }
-            else if (elem.type === 'group') {
-                _find(((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
-            }
-        }
-    }
-    _find(list);
-    return result;
-}
-export function getGroupQueueFromList(uuid, elements) {
-    const groupQueue = [];
-    function _scan(uuid, elements) {
-        var _a;
-        let result = null;
-        for (let i = 0; i < elements.length; i++) {
-            const elem = elements[i];
-            if (elem.uuid === uuid) {
-                result = elem;
-                break;
-            }
-            else if (!result && elem.type === 'group') {
-                groupQueue.push(elem);
-                const resultInGroup = _scan(uuid, ((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
-                if ((resultInGroup === null || resultInGroup === void 0 ? void 0 : resultInGroup.uuid) === uuid) {
-                    result = resultInGroup;
-                    break;
-                }
-                groupQueue.pop();
-            }
-        }
-        return result;
-    }
-    _scan(uuid, elements);
-    return groupQueue;
-}
-export function getGroupQueueByElementPosition(elements, position) {
-    var _a;
-    const groupQueue = [];
-    let currentElements = elements;
-    if (position.length > 1) {
-        for (let i = 0; i < position.length - 1; i++) {
-            const index = position[i];
-            const group = currentElements[index];
-            if ((group === null || group === void 0 ? void 0 : group.type) === 'group' && Array.isArray((_a = group === null || group === void 0 ? void 0 : group.detail) === null || _a === void 0 ? void 0 : _a.children)) {
-                groupQueue.push(group);
-                currentElements = group.detail.children;
-            }
-            else {
-                return null;
-            }
-        }
-    }
-    return groupQueue;
-}
-export function getElementSize(elem) {
-    const { x, y, w, h, angle } = elem;
-    const size = { x, y, w, h, angle };
-    return size;
-}
-export function mergeElementAsset(element, assets) {
-    const elem = element;
-    let assetId = null;
-    let assetItem = null;
-    if (elem.type === 'image') {
-        assetId = elem.detail.src;
-    }
-    else if (elem.type === 'svg') {
-        assetId = elem.detail.svg;
-    }
-    else if (elem.type === 'html') {
-        assetId = elem.detail.html;
-    }
-    if (assetId && (assetId === null || assetId === void 0 ? void 0 : assetId.startsWith('@assets/'))) {
-        assetItem = assets[assetId];
-    }
-    if ((assetItem === null || assetItem === void 0 ? void 0 : assetItem.type) === elem.type && typeof (assetItem === null || assetItem === void 0 ? void 0 : assetItem.value) === 'string' && (assetItem === null || assetItem === void 0 ? void 0 : assetItem.value)) {
-        if (elem.type === 'image') {
-            elem.detail.src = assetItem.value;
-        }
-        else if (elem.type === 'svg') {
-            elem.detail.svg = assetItem.value;
-        }
-        else if (elem.type === 'html') {
-            elem.detail.html = assetItem.value;
-        }
-    }
-    return elem;
-}
-export function filterElementAsset(element) {
-    let assetId = null;
-    let assetItem = null;
-    let resource = null;
-    if (element.type === 'image') {
-        resource = element.detail.src;
-    }
-    else if (element.type === 'svg') {
-        resource = element.detail.svg;
-    }
-    else if (element.type === 'html') {
-        resource = element.detail.html;
-    }
-    if (typeof resource === 'string' && !isAssetId(resource)) {
-        assetId = createAssetId(resource, element.uuid);
-        assetItem = {
-            type: element.type,
-            value: resource
-        };
-        if (element.type === 'image') {
-            element.detail.src = assetId;
-        }
-        else if (element.type === 'svg') {
-            element.detail.svg = assetId;
-        }
-        else if (element.type === 'html') {
-            element.detail.html = assetId;
-        }
-    }
-    return {
-        element,
-        assetId,
-        assetItem
-    };
-}
-export function isResourceElement(elem) {
-    return ['image', 'svg', 'html'].includes(elem === null || elem === void 0 ? void 0 : elem.type);
-}
-export function findElementsFromListByPositions(positions, list) {
-    const elements = [];
-    positions.forEach((pos) => {
-        const elem = findElementFromListByPosition(pos, list);
-        if (elem) {
-            elements.push(elem);
-        }
-    });
-    return elements;
-}
-export function findElementFromListByPosition(position, list) {
-    let result = null;
-    let tempList = list;
-    for (let i = 0; i < position.length; i++) {
-        const pos = position[i];
-        const item = tempList[pos];
-        if (i < position.length - 1 && (item === null || item === void 0 ? void 0 : item.type) === 'group') {
-            tempList = item.detail.children;
-        }
-        else if (i === position.length - 1) {
-            result = item;
-        }
-        else {
-            break;
-        }
-    }
-    return result;
-}
-export function findElementQueueFromListByPosition(position, list) {
-    const result = [];
-    let tempList = list;
-    for (let i = 0; i < position.length; i++) {
-        const pos = position[i];
-        const item = tempList[pos];
-        if (item) {
-            result.push(item);
-        }
-        else {
-            break;
-        }
-        if (i < position.length - 1 && item.type === 'group') {
-            tempList = item.detail.children;
-        }
-        else {
-            break;
-        }
-    }
-    return result;
-}
-export function getElementPositionFromList(uuid, elements) {
-    const result = [];
-    let over = false;
-    const _loop = (list) => {
-        var _a;
-        for (let i = 0; i < list.length; i++) {
-            if (over === true) {
-                break;
-            }
-            result.push(i);
-            const elem = list[i];
-            if (elem.uuid === uuid) {
-                over = true;
-                break;
-            }
-            else if (elem.type === 'group') {
-                _loop(((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
-            }
-            if (over) {
-                break;
-            }
-            result.pop();
-        }
-    };
-    _loop(elements);
-    return result;
-}
-export function getElementPositionMapFromList(uuids, elements) {
-    const currentPosition = [];
-    const positionMap = {};
-    let over = false;
-    const _loop = (list) => {
-        var _a;
-        for (let i = 0; i < list.length; i++) {
-            if (over === true) {
-                break;
-            }
-            currentPosition.push(i);
-            const elem = list[i];
-            if (uuids.includes(elem.uuid)) {
-                positionMap[elem.uuid] = [...currentPosition];
-                if (Object.keys(positionMap).length === uuids.length) {
-                    over = true;
-                    break;
-                }
-            }
-            else if (elem.type === 'group') {
-                _loop(((_a = elem === null || elem === void 0 ? void 0 : elem.detail) === null || _a === void 0 ? void 0 : _a.children) || []);
-            }
-            if (over) {
-                break;
-            }
-            currentPosition.pop();
-        }
-    };
-    _loop(elements);
-    return positionMap;
-}
-export function isSameElementSize(elem1, elem2) {
-    return (elem1.x === elem2.x &&
-        elem1.y === elem2.y &&
-        elem1.h === elem2.h &&
-        elem1.w === elem2.w &&
-        limitAngle(elem1.angle || 0) === limitAngle(elem2.angle || 0));
-}

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

@@ -1,24 +0,0 @@
-import type { RecursivePartial, Element, Elements, ElementPosition, ElementType, ViewScaleInfo, ViewSizeInfo } from '@idraw/types';
-export declare function createElement<T extends ElementType>(type: T, baseElem: RecursivePartial<Element<T>>, opts?: {
-    viewScaleInfo: ViewScaleInfo;
-    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: Elements;
-    from: ElementPosition;
-    to: ElementPosition;
-};
-export declare function mergeElement<T extends Element<ElementType> = Element<ElementType>>(originElem: T, updateContent: RecursivePartial<T>, opts?: {
-    strict?: boolean;
-}): T;
-export declare function updateElementInList(uuid: string, updateContent: RecursivePartial<Element<ElementType>>, elements: Element[]): Element | null;
-export declare function updateElementInListByPosition(position: ElementPosition, updateContent: RecursivePartial<Element<ElementType>>, elements: Element[], opts?: {
-    strict?: boolean;
-}): Element | null;

package/dist/esm/view/point-move-element.d.ts

@@ -1,5 +0,0 @@
-import type { PointSize, Element } from '@idraw/types';
-export declare function calcPointMoveElementInGroup(start: PointSize, end: PointSize, groupQueue: Element<'group'>[]): {
-    moveX: number;
-    moveY: number;
-};

package/dist/esm/view/resize-element.d.ts

@@ -1,4 +0,0 @@
-import type { Element, ElementSize, ElementOperations, ModifyRecord } from '@idraw/types';
-export declare function resizeEffectGroupElement(elem: Element<'group'>, size: Partial<ElementSize>, opts?: {
-    resizeEffect?: ElementOperations['resizeEffect'];
-}): ModifyRecord<'resizeElements'> | null;