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

package/dist/esm/index.d.ts

@@ -2,7 +2,7 @@ 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, filterCompactData } from './lib/data';
+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';
@@ -16,8 +16,7 @@ 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, calcElementViewRectInfoMap, originRectInfoToRangeRectInfo, isViewPointInElementSize, isViewPointInVertexes } from './lib/view-calc';
-export { sortElementsViewVisiableInfoMap, calcVisibleOriginCanvasRectInfo, updateViewVisibleInfoMapStatus } from './lib/view-visible';
+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';
@@ -36,3 +35,6 @@ 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';

package/dist/esm/index.js

@@ -2,7 +2,7 @@ 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, filterCompactData } from './lib/data';
+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';
@@ -16,8 +16,7 @@ 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, calcElementViewRectInfoMap, originRectInfoToRangeRectInfo, isViewPointInElementSize, isViewPointInVertexes } from './lib/view-calc';
-export { sortElementsViewVisiableInfoMap, calcVisibleOriginCanvasRectInfo, updateViewVisibleInfoMapStatus } from './lib/view-visible';
+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';
@@ -36,3 +35,6 @@ 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';

package/dist/esm/lib/box.d.ts

@@ -0,0 +1,2 @@
+import type { BoxInfo, Element } from '@idraw/types';
+export declare function elementToBoxInfo(elem: Element): BoxInfo;

package/dist/esm/lib/box.js

@@ -0,0 +1,173 @@
+import { is } from './is';
+export function elementToBoxInfo(elem) {
+    const { x, y, w, h, detail } = elem;
+    const { borderWidth, borderRadius, boxSizing } = detail;
+    let btw = 0;
+    let brw = 0;
+    let bbw = 0;
+    let blw = 0;
+    let btlr = 0;
+    let btrr = 0;
+    let bblr = 0;
+    let bbrr = 0;
+    if (typeof borderWidth === 'number' && borderWidth > 0) {
+        btw = borderWidth;
+        brw = borderWidth;
+        bbw = borderWidth;
+        blw = borderWidth;
+    }
+    else if (Array.isArray(borderWidth)) {
+        btw = is.positiveNum(borderWidth[0]) ? borderWidth[0] : 0;
+        brw = is.positiveNum(borderWidth[1]) ? borderWidth[0] : 0;
+        bbw = is.positiveNum(borderWidth[2]) ? borderWidth[0] : 0;
+        blw = is.positiveNum(borderWidth[3]) ? borderWidth[0] : 0;
+    }
+    if (typeof borderRadius === 'number' && borderRadius > 0) {
+        btlr = borderRadius;
+        btrr = borderRadius;
+        bblr = borderRadius;
+        bbrr = borderRadius;
+    }
+    else if (Array.isArray(borderRadius)) {
+        btlr = is.positiveNum(borderRadius[0]) ? borderRadius[0] : 0;
+        btrr = is.positiveNum(borderRadius[0]) ? borderRadius[0] : 0;
+        bblr = is.positiveNum(borderRadius[0]) ? borderRadius[0] : 0;
+        bbrr = is.positiveNum(borderRadius[0]) ? borderRadius[0] : 0;
+    }
+    const p0 = { x: x, y: y };
+    const p1 = { x: x + w, y: y };
+    const p2 = { x: x + w, y: y + h };
+    const p3 = { x: x, y: y + h };
+    const p0s = { x: x, y: y + btlr };
+    const p0e = { x: x + btlr, y: y };
+    const p1s = { x: x + w - btrr, y: y };
+    const p1e = { x: x + w, y: y + btrr };
+    const p2s = { x: x + w, y: y + h - bbrr };
+    const p2e = { x: x + w - bbrr, y: y + h };
+    const p3s = { x: x + bblr, y: y + h };
+    const p3e = { x: x, y: y + h - bblr };
+    let op0 = Object.assign({}, p0);
+    let op1 = Object.assign({}, p1);
+    let op2 = Object.assign({}, p2);
+    let op3 = Object.assign({}, p3);
+    let op0s = Object.assign({}, p0s);
+    let op0e = Object.assign({}, p0e);
+    let op1s = Object.assign({}, p1s);
+    let op1e = Object.assign({}, p1e);
+    let op2s = Object.assign({}, p2s);
+    let op2e = Object.assign({}, p2e);
+    let op3s = Object.assign({}, p3s);
+    let op3e = Object.assign({}, p3e);
+    let ip0 = Object.assign({}, p0);
+    let ip1 = Object.assign({}, p1);
+    let ip2 = Object.assign({}, p2);
+    let ip3 = Object.assign({}, p3);
+    let ip0s = Object.assign({}, p0s);
+    let ip0e = Object.assign({}, p0e);
+    let ip1s = Object.assign({}, p1s);
+    let ip1e = Object.assign({}, p1e);
+    let ip2s = Object.assign({}, p2s);
+    let ip2e = Object.assign({}, p2e);
+    let ip3s = Object.assign({}, p3s);
+    let ip3e = Object.assign({}, p3e);
+    if (boxSizing === 'border-box') {
+        ip0 = { x: ip0.x + blw, y: ip0.y + btw };
+        ip1 = { x: ip1.x - brw, y: ip1.y + btw };
+        ip2 = { x: ip2.x - brw, y: ip2.y - bbw };
+        ip3 = { x: ip3.x + blw, y: ip3.y - bbw };
+        ip0s = { x: ip0s.x + blw, y: ip0s.y + btw };
+        ip0e = { x: ip0e.x + blw, y: ip0e.y + btw };
+        ip1s = { x: ip1s.x - brw, y: ip1s.y + btw };
+        ip1e = { x: ip1e.x - brw, y: ip1e.y + btw };
+        ip2s = { x: ip2s.x - brw, y: ip2s.y - bbw };
+        ip2e = { x: ip2e.x - brw, y: ip2e.y - bbw };
+        ip3s = { x: ip3s.x + blw, y: ip3s.y - bbw };
+        ip3e = { x: ip3e.x + blw, y: ip3e.y - bbw };
+    }
+    else if (boxSizing === 'content-box') {
+        op0 = { x: op0.x - blw, y: op0.y - btw };
+        op1 = { x: op1.x + brw, y: op1.y - btw };
+        op2 = { x: op2.x + brw, y: op2.y + bbw };
+        op3 = { x: op3.x - blw, y: op3.y + bbw };
+        op0s = { x: op0s.x - blw, y: op0s.y - btw };
+        op0e = { x: op0e.x - blw, y: op0e.y - btw };
+        op1s = { x: op1s.x + brw, y: op1s.y - btw };
+        op1e = { x: op1e.x + brw, y: op1e.y - btw };
+        op2s = { x: op2s.x + brw, y: op2s.y + bbw };
+        op2e = { x: op2e.x + brw, y: op2e.y + bbw };
+        op3s = { x: op3s.x - blw, y: op3s.y + bbw };
+        op3e = { x: op3e.x - blw, y: op3e.y + bbw };
+    }
+    else {
+        ip0 = { x: ip0.x + blw / 2, y: ip0.y + btw / 2 };
+        ip1 = { x: ip1.x - brw / 2, y: ip1.y + btw / 2 };
+        ip2 = { x: ip2.x - brw / 2, y: ip2.y - bbw / 2 };
+        ip3 = { x: ip3.x + blw / 2, y: ip3.y - bbw / 2 };
+        ip0s = { x: ip0s.x + blw / 2, y: ip0s.y + btw / 2 };
+        ip0e = { x: ip0e.x + blw / 2, y: ip0e.y + btw / 2 };
+        ip1s = { x: ip1s.x - brw / 2, y: ip1s.y + btw / 2 };
+        ip1e = { x: ip1e.x - brw / 2, y: ip1e.y + btw / 2 };
+        ip2s = { x: ip2s.x - brw / 2, y: ip2s.y - bbw / 2 };
+        ip2e = { x: ip2e.x - brw / 2, y: ip2e.y - bbw / 2 };
+        ip3s = { x: ip3s.x + blw / 2, y: ip3s.y - bbw / 2 };
+        ip3e = { x: ip3e.x + blw / 2, y: ip3e.y - bbw / 2 };
+        op0 = { x: op0.x - blw / 2, y: op0.y - btw / 2 };
+        op1 = { x: op1.x + brw / 2, y: op1.y - btw / 2 };
+        op2 = { x: op2.x + brw / 2, y: op2.y + bbw / 2 };
+        op3 = { x: op3.x - blw / 2, y: op3.y + bbw / 2 };
+        op0s = { x: op0s.x - blw / 2, y: op0s.y - btw / 2 };
+        op0e = { x: op0e.x - blw / 2, y: op0e.y - btw / 2 };
+        op1s = { x: op1s.x + brw / 2, y: op1s.y - btw / 2 };
+        op1e = { x: op1e.x + brw / 2, y: op1e.y - btw / 2 };
+        op2s = { x: op2s.x + brw / 2, y: op2s.y + bbw / 2 };
+        op2e = { x: op2e.x + brw / 2, y: op2e.y + bbw / 2 };
+        op3s = { x: op3s.x - blw / 2, y: op3s.y + bbw / 2 };
+        op3e = { x: op3e.x - blw / 2, y: op3e.y + bbw / 2 };
+    }
+    return {
+        btw,
+        brw,
+        bbw,
+        blw,
+        btlr,
+        btrr,
+        bblr,
+        bbrr,
+        p0,
+        p1,
+        p2,
+        p3,
+        p0s,
+        p0e,
+        p1s,
+        p1e,
+        p2s,
+        p2e,
+        p3s,
+        p3e,
+        op0,
+        op1,
+        op2,
+        op3,
+        op0s,
+        op0e,
+        op1s,
+        op1e,
+        op2s,
+        op2e,
+        op3s,
+        op3e,
+        ip0,
+        ip1,
+        ip2,
+        ip3,
+        ip0s,
+        ip0e,
+        ip1s,
+        ip1e,
+        ip2s,
+        ip2e,
+        ip3s,
+        ip3e
+    };
+}

package/dist/esm/lib/canvas.d.ts

@@ -1,4 +1,4 @@
-import type { BoardContent, ViewContext2D } from '@idraw/types';
+import type { BoardContent } from '@idraw/types';
 import { Context2D } from './context2d';
 export declare function createContext2D(opts: {
     ctx?: CanvasRenderingContext2D;
@@ -15,10 +15,4 @@ export declare function createBoardContent(canvas: HTMLCanvasElement, opts: {
     width: number;
     height: number;
     devicePixelRatio: number;
-    offscreen?: boolean;
-    createCustomContext2D?: (opts: {
-        width: number;
-        height: number;
-        devicePixelRatio: number;
-    }) => ViewContext2D;
 }): BoardContent;

package/dist/esm/lib/canvas.js

@@ -23,82 +23,35 @@ export function createOffscreenContext2D(opts) {
     return context2d;
 }
 export function createBoardContent(canvas, opts) {
-    const { width, height, devicePixelRatio, offscreen, createCustomContext2D } = opts;
+    const { width, height, devicePixelRatio } = opts;
     const ctxOpts = {
         width,
         height,
         devicePixelRatio
     };
     const ctx = canvas.getContext('2d');
-    if (createCustomContext2D) {
-        const viewContext = createCustomContext2D(ctxOpts);
-        const overlayContext = createCustomContext2D(ctxOpts);
-        const underlayContext = createCustomContext2D(ctxOpts);
-        const boardContext = createContext2D(Object.assign({ ctx }, ctxOpts));
-        const drawView = () => {
-            const { width: w, height: h } = viewContext.$getSize();
-            boardContext.clearRect(0, 0, w, h);
-            boardContext.drawImage(underlayContext.canvas, 0, 0, w, h);
-            boardContext.drawImage(viewContext.canvas, 0, 0, w, h);
-            boardContext.drawImage(overlayContext.canvas, 0, 0, w, h);
-            underlayContext.clearRect(0, 0, w, h);
-            viewContext.clearRect(0, 0, w, h);
-            overlayContext.clearRect(0, 0, w, h);
-        };
-        const content = {
-            underlayContext,
-            viewContext,
-            overlayContext,
-            boardContext,
-            drawView
-        };
-        return content;
-    }
-    if (offscreen === true) {
-        const viewContext = createOffscreenContext2D(ctxOpts);
-        const overlayContext = createOffscreenContext2D(ctxOpts);
-        const underlayContext = createOffscreenContext2D(ctxOpts);
-        const boardContext = createContext2D(Object.assign({ ctx }, ctxOpts));
-        const drawView = () => {
-            const { width: w, height: h } = viewContext.$getSize();
-            boardContext.clearRect(0, 0, w, h);
-            boardContext.drawImage(underlayContext.canvas, 0, 0, w, h);
-            boardContext.drawImage(viewContext.canvas, 0, 0, w, h);
-            boardContext.drawImage(overlayContext.canvas, 0, 0, w, h);
-            underlayContext.clearRect(0, 0, w, h);
-            viewContext.clearRect(0, 0, w, h);
-            overlayContext.clearRect(0, 0, w, h);
-        };
-        const content = {
-            underlayContext,
-            viewContext,
-            overlayContext,
-            boardContext,
-            drawView
-        };
-        return content;
-    }
-    else {
-        const viewContext = createContext2D(ctxOpts);
-        const overlayContext = createContext2D(ctxOpts);
-        const underlayContext = createContext2D(ctxOpts);
-        const boardContext = createContext2D(Object.assign({ ctx }, ctxOpts));
-        const drawView = () => {
-            boardContext.clearRect(0, 0, width, height);
-            boardContext.drawImage(underlayContext.canvas, 0, 0, width, height);
-            boardContext.drawImage(viewContext.canvas, 0, 0, width, height);
-            boardContext.drawImage(overlayContext.canvas, 0, 0, width, height);
-            underlayContext.clearRect(0, 0, width, height);
-            viewContext.clearRect(0, 0, width, height);
-            overlayContext.clearRect(0, 0, width, height);
-        };
-        const content = {
-            underlayContext,
-            viewContext,
-            overlayContext,
-            boardContext,
-            drawView
-        };
-        return content;
-    }
+    const viewContext = createOffscreenContext2D(ctxOpts);
+    const overlayContext = createOffscreenContext2D(ctxOpts);
+    const underlayContext = createOffscreenContext2D(ctxOpts);
+    const boardContext = createContext2D(Object.assign({ ctx }, ctxOpts));
+    const tempContext = createOffscreenContext2D(ctxOpts);
+    const drawView = () => {
+        const { width: w, height: h } = viewContext.$getSize();
+        boardContext.clearRect(0, 0, w, h);
+        boardContext.drawImage(underlayContext.canvas, 0, 0, w, h);
+        boardContext.drawImage(viewContext.canvas, 0, 0, w, h);
+        boardContext.drawImage(overlayContext.canvas, 0, 0, w, h);
+        underlayContext.clearRect(0, 0, w, h);
+        viewContext.clearRect(0, 0, w, h);
+        overlayContext.clearRect(0, 0, w, h);
+    };
+    const content = {
+        underlayContext,
+        viewContext,
+        overlayContext,
+        boardContext,
+        tempContext,
+        drawView
+    };
+    return content;
 }

package/dist/esm/lib/color.js

@@ -1,11 +1,11 @@
 export function toColorHexNum(color) {
-    return parseInt(color.replace(/^\#/, '0x'));
+    return parseInt(color.replace(/^#/, '0x'));
 }
 export function toColorHexStr(color) {
     return '#' + color.toString(16);
 }
 export function isColorStr(color) {
-    return typeof color === 'string' && (/^\#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(color) || /^[a-z]{1,}$/i.test(color));
+    return (typeof color === 'string' && (/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(color) || /^[a-z]{1,}$/i.test(color)));
 }
 const colorNameMap = {
     aliceblue: '#f0f8ff',
@@ -163,6 +163,9 @@ export function colorToCSS(color) {
     if (typeof color === 'string') {
         css = color;
     }
+    else if ((color === null || color === void 0 ? void 0 : color.stops.length) === 1) {
+        css = color.stops[0].color;
+    }
     else if ((color === null || color === void 0 ? void 0 : color.type) === 'linear-gradient') {
         const items = [];
         if (typeof color.angle === 'number') {
@@ -213,14 +216,14 @@ export function mergeHexColorAlpha(hex, alpha) {
         return hex;
     }
     let hexAlpha = 1;
-    const regHex1 = /^\#[0-9a-f]{6,6}$/i;
-    const regHex2 = /^\#[0-9a-f]{8,8}$/i;
+    const regHex1 = /^#[0-9a-f]{6,6}$/i;
+    const regHex2 = /^#[0-9a-f]{8,8}$/i;
     let result = hex;
     if (regHex1.test(hex)) {
-        hexAlpha = parseInt(hex.substring(5, 7).replace(/^\#/, '0x'));
+        hexAlpha = parseInt(hex.substring(5, 7).replace(/^#/, '0x'));
     }
     else if (regHex2.test(hex)) {
-        hexAlpha = parseInt(hex.substring(7, 9).replace(/^\#/, '0x'));
+        hexAlpha = parseInt(hex.substring(7, 9).replace(/^#/, '0x'));
         result = hex.substring(0, 7);
     }
     hexAlpha = hexAlpha * alpha;

package/dist/esm/lib/context2d.d.ts

@@ -59,6 +59,8 @@ export declare class Context2D implements ViewContext2D {
     lineTo(x: number, y: number): void;
     moveTo(x: number, y: number): void;
     arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void;
+    bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
+    quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
     getLineDash(): number[];
     setLineDash(nums: number[]): void;
     stroke(path?: Path2D): void;

package/dist/esm/lib/context2d.js

@@ -179,6 +179,12 @@ export class Context2D {
     arcTo(x1, y1, x2, y2, radius) {
         return __classPrivateFieldGet(this, _Context2D_ctx, "f").arcTo(this.$doPixelRatio(x1), this.$doPixelRatio(y1), this.$doPixelRatio(x2), this.$doPixelRatio(y2), this.$doPixelRatio(radius));
     }
+    bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
+        return __classPrivateFieldGet(this, _Context2D_ctx, "f").bezierCurveTo(this.$doPixelRatio(cp1x), this.$doPixelRatio(cp1y), this.$doPixelRatio(cp2x), this.$doPixelRatio(cp2y), this.$doPixelRatio(x), this.$doPixelRatio(y));
+    }
+    quadraticCurveTo(cpx, cpy, x, y) {
+        return __classPrivateFieldGet(this, _Context2D_ctx, "f").quadraticCurveTo(this.$doPixelRatio(cpx), this.$doPixelRatio(cpy), this.$doPixelRatio(x), this.$doPixelRatio(y));
+    }
     getLineDash() {
         return __classPrivateFieldGet(this, _Context2D_ctx, "f").getLineDash();
     }

package/dist/esm/lib/data.d.ts

@@ -1,6 +1,7 @@
 import type { Data, Element, LoadItemMap } from '@idraw/types';
 export declare function deepClone<T = any>(target: T): T;
 export declare function deepCloneElement<T extends Element = Element>(element: T): T;
+export declare function deepCloneData(data: Data): Data;
 export declare function sortDataAsserts(data: Data, opts?: {
     clone?: boolean;
 }): Data;

package/dist/esm/lib/data.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { createAssetId, createUUID, isAssetId } from './uuid';
 export function deepClone(target) {
     function _clone(t) {
@@ -40,11 +51,17 @@ export function deepCloneElement(element) {
     _resetUUID(elem);
     return elem;
 }
+export function deepCloneData(data) {
+    const { elements } = data, restData = __rest(data, ["elements"]);
+    return Object.assign(Object.assign({}, deepClone(restData)), {
+        elements: elements.map((elem) => deepCloneElement(elem))
+    });
+}
 function is(target) {
-    return Object.prototype.toString
+    return (Object.prototype.toString
         .call(target)
         .replace(/[\]|\[]{1,1}/gi, '')
-        .split(' ')[1];
+        .split(' ')[1]);
 }
 export function sortDataAsserts(data, opts) {
     const assets = data.assets || {};

package/dist/esm/lib/is.d.ts

@@ -1,3 +1,4 @@
+declare function positiveNum(value: any): boolean;
 declare function number(value: any): boolean;
 declare function x(value: any): boolean;
 declare function y(value: any): boolean;
@@ -21,6 +22,7 @@ declare function fontFamily(value: any): boolean;
 declare function fontWeight(value: any): boolean;
 declare function numberStr(value: any): boolean;
 export declare const is: {
+    positiveNum: typeof positiveNum;
     x: typeof x;
     y: typeof y;
     w: typeof w;

package/dist/esm/lib/is.js

@@ -1,4 +1,7 @@
 import { isColorStr } from './color';
+function positiveNum(value) {
+    return typeof value === 'number' && value >= 0;
+}
 function number(value) {
     return typeof value === 'number' && (value > 0 || value <= 0);
 }
@@ -9,19 +12,29 @@ function y(value) {
     return number(value);
 }
 function w(value) {
-    return typeof value === 'number' && value >= 0;
+    return positiveNum(value);
 }
 function h(value) {
-    return typeof value === 'number' && value >= 0;
+    return positiveNum(value);
 }
 function angle(value) {
     return typeof value === 'number' && value >= -360 && value <= 360;
 }
 function borderWidth(value) {
-    return w(value);
+    return (positiveNum(value) ||
+        (Array.isArray(value) &&
+            positiveNum(value[0]) &&
+            positiveNum(value[1]) &&
+            positiveNum(value[2]) &&
+            positiveNum(value[3])));
 }
 function borderRadius(value) {
-    return number(value) && value >= 0;
+    return (positiveNum(value) ||
+        (Array.isArray(value) &&
+            positiveNum(value[0]) &&
+            positiveNum(value[1]) &&
+            positiveNum(value[2]) &&
+            positiveNum(value[3])));
 }
 function color(value) {
     return isColorStr(value);
@@ -36,7 +49,9 @@ function imageSrc(value) {
     return imageBase64(value) || imageURL(value);
 }
 function svg(value) {
-    return typeof value === 'string' && /^(<svg[\s]{1,}|<svg>)/i.test(`${value}`.trim()) && /<\/[\s]{0,}svg>$/i.test(`${value}`.trim());
+    return (typeof value === 'string' &&
+        /^(<svg[\s]{1,}|<svg>)/i.test(`${value}`.trim()) &&
+        /<\/[\s]{0,}svg>$/i.test(`${value}`.trim()));
 }
 function html(value) {
     let result = false;
@@ -75,6 +90,7 @@ function numberStr(value) {
     return /^(-?\d+(?:\.\d+)?)$/.test(`${value}`);
 }
 export const is = {
+    positiveNum,
     x,
     y,
     w,

package/dist/esm/lib/merge.d.ts

@@ -0,0 +1 @@
+export declare function merge<T extends Record<string, any> = any, U extends Record<string, any> = any>(target: T, source: U): T & U;

package/dist/esm/lib/merge.js

@@ -0,0 +1,17 @@
+export function merge(target, source) {
+    const result = target;
+    for (const key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+            if (typeof source[key] === 'object' &&
+                source[key] !== null &&
+                typeof result[key] === 'object' &&
+                result[key] !== null) {
+                result[key] = merge(result[key], source[key]);
+            }
+            else {
+                result[key] = source[key];
+            }
+        }
+    }
+    return target;
+}

package/dist/esm/lib/omit.d.ts

@@ -0,0 +1 @@
+export declare function omit<T extends Record<string, any>, K extends keyof T>(obj: T, keys: K[]): Omit<T, K>;

package/dist/esm/lib/omit.js

@@ -0,0 +1,7 @@
+export function omit(obj, keys) {
+    const result = Object.assign({}, obj);
+    for (const key of keys) {
+        delete result[key];
+    }
+    return result;
+}

package/dist/esm/lib/view-box.js

@@ -3,7 +3,8 @@ const defaultElemConfig = getDefaultElementDetailConfig();
 export function calcViewBoxSize(viewElem, opts) {
     const { viewScaleInfo } = opts;
     const { scale } = viewScaleInfo;
-    let { borderRadius, borderDash } = viewElem.detail;
+    let { borderRadius } = viewElem.detail;
+    const { borderDash } = viewElem.detail;
     const hasBorderDash = Array.isArray(borderDash) && borderDash.length > 0;
     const { boxSizing = defaultElemConfig.boxSizing, borderWidth } = viewElem.detail;
     if (Array.isArray(borderWidth)) {

package/dist/esm/lib/view-calc.d.ts

@@ -1,4 +1,4 @@
-import { Point, PointSize, Data, ViewScaleInfo, ViewSizeInfo, Element, ElementType, ElementSize, ViewContext2D, ViewRectVertexes, ViewRectInfo, ViewRectInfoMap } from '@idraw/types';
+import { Point, PointSize, Data, ViewScaleInfo, ViewSizeInfo, Element, ElementType, ElementSize, ViewContext2D, ViewRectVertexes, ViewRectInfo } from '@idraw/types';
 export declare function calcViewScaleInfo(info: {
     scale: number;
     offsetX: number;
@@ -67,7 +67,3 @@ export declare function calcElementViewRectInfo(elemSize: ElementSize, opts: {
     viewScaleInfo: ViewScaleInfo;
     range?: boolean;
 }): ViewRectInfo;
-export declare function calcElementViewRectInfoMap(elemSize: ElementSize, opts: {
-    groupQueue: Element<'group'>[];
-    viewScaleInfo: ViewScaleInfo;
-}): ViewRectInfoMap;

package/dist/esm/lib/view-calc.js

@@ -308,47 +308,3 @@ export function calcElementViewRectInfo(elemSize, opts) {
     }
     return viewRectInfo;
 }
-export function calcElementViewRectInfoMap(elemSize, opts) {
-    const { groupQueue, viewScaleInfo } = opts;
-    const originRectInfo = calcElementOriginRectInfo(elemSize, { groupQueue });
-    const { center, top, bottom, left, right, topLeft, topRight, bottomLeft, bottomRight } = originRectInfo;
-    const viewRectInfo = {
-        center: calcViewPointSize(center, { viewScaleInfo }),
-        topLeft: calcViewPointSize(topLeft, { viewScaleInfo }),
-        topRight: calcViewPointSize(topRight, { viewScaleInfo }),
-        bottomLeft: calcViewPointSize(bottomLeft, { viewScaleInfo }),
-        bottomRight: calcViewPointSize(bottomRight, { viewScaleInfo }),
-        top: calcViewPointSize(top, { viewScaleInfo }),
-        right: calcViewPointSize(right, { viewScaleInfo }),
-        left: calcViewPointSize(left, { viewScaleInfo }),
-        bottom: calcViewPointSize(bottom, { viewScaleInfo })
-    };
-    const viewMaxX = Math.max(viewRectInfo.topLeft.x, viewRectInfo.topRight.x, viewRectInfo.bottomRight.x, viewRectInfo.bottomLeft.x);
-    const viewMaxY = Math.max(viewRectInfo.topLeft.y, viewRectInfo.topRight.y, viewRectInfo.bottomRight.y, viewRectInfo.bottomLeft.y);
-    const viewMinX = Math.min(viewRectInfo.topLeft.x, viewRectInfo.topRight.x, viewRectInfo.bottomRight.x, viewRectInfo.bottomLeft.x);
-    const viewMinY = Math.min(viewRectInfo.topLeft.y, viewRectInfo.topRight.y, viewRectInfo.bottomRight.y, viewRectInfo.bottomLeft.y);
-    const rangeCenter = { x: viewRectInfo.center.x, y: viewRectInfo.center.y };
-    const rangeTopLeft = { x: viewMinX, y: viewMinY };
-    const rangeTopRight = { x: viewMaxX, y: viewMinY };
-    const rangeBottomRight = { x: viewMaxX, y: viewMaxY };
-    const rangeBottomLeft = { x: viewMinX, y: viewMaxY };
-    const rangeTop = getCenterFromTwoPoints(rangeTopLeft, rangeTopRight);
-    const rangeBottom = getCenterFromTwoPoints(rangeBottomLeft, rangeBottomRight);
-    const rangeLeft = getCenterFromTwoPoints(rangeTopLeft, rangeBottomLeft);
-    const rangeRight = getCenterFromTwoPoints(rangeTopRight, rangeBottomRight);
-    const rangeRectInfo = {
-        center: rangeCenter,
-        topLeft: rangeTopLeft,
-        topRight: rangeTopRight,
-        bottomLeft: rangeBottomLeft,
-        bottomRight: rangeBottomRight,
-        top: rangeTop,
-        right: rangeRight,
-        left: rangeLeft,
-        bottom: rangeBottom
-    };
-    return {
-        originRectInfo,
-        rangeRectInfo
-    };
-}