@idraw/util 0.4.2 → 1.0.0-alpha.1

package/dist/esm/view/resize-element.js

@@ -1,255 +0,0 @@
-import { istype } from '../tool/istype';
-import { formatNumber } from '../tool/number';
-import { toFlattenElement } from '../view/modify-record';
-const doNum = (n) => {
-    return formatNumber(n, { decimalPlaces: 4 });
-};
-function resizeElementBaseDetailByRatio(elem, opts) {
-    const beforeElem = { detail: {} };
-    const afterElem = { detail: {} };
-    const record = {
-        type: 'modifyElement',
-        time: Date.now(),
-        content: {
-            method: 'modifyElement',
-            uuid: elem.uuid,
-            before: null,
-            after: null
-        }
-    };
-    const { detail } = elem;
-    const { xRatio, yRatio, maxRatio } = opts;
-    const middleRatio = (xRatio + yRatio) / 2;
-    const { borderWidth, borderRadius, borderDash, shadowOffsetX, shadowOffsetY, shadowBlur } = detail;
-    if (typeof borderWidth === 'number') {
-        detail.borderWidth = doNum(borderWidth * middleRatio);
-        beforeElem.detail.borderWidth = borderWidth;
-        afterElem.detail.borderWidth = detail.borderWidth;
-    }
-    else if (Array.isArray(detail.borderWidth)) {
-        const bw = borderWidth;
-        detail.borderWidth = [doNum(bw[0] * yRatio), doNum(bw[1] * xRatio), doNum(bw[2] * yRatio), doNum(bw[3] * xRatio)];
-        beforeElem.detail.borderWidth = [...bw];
-        afterElem.detail.borderWidth = [...detail.borderWidth];
-    }
-    if (typeof borderRadius === 'number') {
-        detail.borderRadius = doNum(borderRadius * middleRatio);
-        beforeElem.detail.borderRadius = borderRadius;
-        afterElem.detail.borderRadius = detail.borderRadius;
-    }
-    else if (Array.isArray(detail.borderRadius)) {
-        const br = borderRadius;
-        detail.borderRadius = [br[0] * xRatio, br[1] * xRatio, br[2] * yRatio, br[3] * yRatio];
-        beforeElem.detail.borderRadius = [...br];
-        afterElem.detail.borderRadius = [...detail.borderRadius];
-    }
-    if (Array.isArray(borderDash)) {
-        borderDash.forEach((dash, i) => {
-            detail.borderDash[i] = doNum(dash * maxRatio);
-        });
-        beforeElem.detail.borderDash = [...borderDash];
-        afterElem.detail.borderDash = [...detail.borderDash];
-    }
-    if (typeof shadowOffsetX === 'number') {
-        detail.shadowOffsetX = doNum(shadowOffsetX * maxRatio);
-        beforeElem.detail.shadowOffsetX = shadowOffsetX;
-        afterElem.detail.shadowOffsetX = detail.shadowOffsetX;
-    }
-    if (typeof shadowOffsetY === 'number') {
-        detail.shadowOffsetY = doNum(shadowOffsetY * maxRatio);
-        beforeElem.detail.shadowOffsetY = shadowOffsetY;
-        afterElem.detail.shadowOffsetY = detail.shadowOffsetY;
-    }
-    if (typeof shadowBlur === 'number') {
-        detail.shadowBlur = doNum(shadowBlur * maxRatio);
-        beforeElem.detail.shadowBlur = shadowBlur;
-        afterElem.detail.shadowBlur = detail.shadowBlur;
-    }
-    record.content.before = toFlattenElement(beforeElem);
-    record.content.after = toFlattenElement(afterElem);
-    return record;
-}
-function resizeElementBaseByRatio(elem, opts) {
-    const { xRatio, yRatio } = opts;
-    const { uuid, x, y, w, h } = elem;
-    elem.x = doNum(x * xRatio);
-    elem.y = doNum(y * yRatio);
-    elem.w = doNum(w * xRatio);
-    elem.h = doNum(h * yRatio);
-    const record = {
-        type: 'modifyElement',
-        time: Date.now(),
-        content: {
-            method: 'modifyElement',
-            uuid: uuid,
-            before: { x, y, w, h },
-            after: { x: elem.x, y: elem.y, w: elem.w, h: elem.h }
-        }
-    };
-    const detailRecord = resizeElementBaseDetailByRatio(elem, opts);
-    record.content.before = Object.assign(Object.assign({}, record.content.before), detailRecord.content.before);
-    record.content.after = Object.assign(Object.assign({}, record.content.after), detailRecord.content.after);
-    return record;
-}
-function resizeTextElementDetailByRatio(elem, opts) {
-    const { minRatio, maxRatio } = opts;
-    const { fontSize, lineHeight } = elem.detail;
-    const ratio = (minRatio + maxRatio) / 2;
-    const beforeFlattenElem = {};
-    const afterFlattenElem = {};
-    if (fontSize && fontSize > 0) {
-        elem.detail.fontSize = doNum(fontSize * ratio);
-        beforeFlattenElem['detail.fontSize'] = fontSize;
-        afterFlattenElem['detail.fontSize'] = elem.detail.fontSize;
-    }
-    if (lineHeight && lineHeight > 0) {
-        elem.detail.lineHeight = doNum(lineHeight * ratio);
-        beforeFlattenElem['detail.lineHeight'] = lineHeight;
-        afterFlattenElem['detail.lineHeight'] = elem.detail.lineHeight;
-    }
-    const record = {
-        type: 'modifyElement',
-        time: Date.now(),
-        content: {
-            method: 'modifyElement',
-            uuid: elem.uuid,
-            before: beforeFlattenElem,
-            after: afterFlattenElem
-        }
-    };
-    return record;
-}
-function deepResizeElementByRatio(elem, opts, record) {
-    const { type, uuid } = elem;
-    const rootRecord = resizeElementBaseByRatio(elem, opts);
-    const rootRecordBefore = Object.assign(Object.assign({}, rootRecord.content.before), { uuid });
-    const rootRecordAfter = Object.assign(Object.assign({}, rootRecord.content.after), { uuid });
-    record === null || record === void 0 ? void 0 : record.content.before.push(rootRecordBefore);
-    record === null || record === void 0 ? void 0 : record.content.after.push(rootRecordAfter);
-    if (type === 'circle') {
-    }
-    else if (type === 'text') {
-        const textRecord = resizeTextElementDetailByRatio(elem, opts);
-        Object.keys(textRecord.content.before || {}).forEach((key) => {
-            var _a;
-            rootRecordBefore[key] = (_a = textRecord.content.before) === null || _a === void 0 ? void 0 : _a[key];
-        });
-        Object.keys(textRecord.content.after || {}).forEach((key) => {
-            var _a;
-            rootRecordAfter[key] = (_a = textRecord.content.after) === null || _a === void 0 ? void 0 : _a[key];
-        });
-    }
-    else if (type === 'image') {
-    }
-    else if (type === 'svg') {
-    }
-    else if (type === 'html') {
-    }
-    else if (type === 'path') {
-    }
-    else if (type === 'group' && Array.isArray(elem.detail.children)) {
-        elem.detail.children.forEach((child) => {
-            deepResizeElementByRatio(child, opts, record);
-        });
-    }
-}
-function fixedResizeGroupElementChildren(elem, opts, record) {
-    if (!(elem.type === 'group' && Array.isArray(elem.detail.children))) {
-        return;
-    }
-    const { moveX, moveY, moveH, moveW } = opts;
-    let childChangedX = 0;
-    let childChangedY = 0;
-    let needReszieChildren = false;
-    if ((moveX !== 0 || moveY !== 0) && (moveH !== 0 || moveW !== 0)) {
-        needReszieChildren = true;
-        childChangedX = -moveX;
-        childChangedY = -moveY;
-    }
-    if (needReszieChildren !== true) {
-        return;
-    }
-    elem.detail.children.forEach((child) => {
-        const { uuid, x, y } = child;
-        const afterX = x + childChangedX;
-        const afterY = y + childChangedY;
-        const before = { uuid, x, y };
-        const after = { uuid, x: afterX, y: afterY };
-        child.x = afterX;
-        child.y = afterY;
-        record === null || record === void 0 ? void 0 : record.content.before.push(before);
-        record === null || record === void 0 ? void 0 : record.content.after.push(after);
-    });
-}
-export function resizeEffectGroupElement(elem, size, opts) {
-    const record = {
-        type: 'resizeElements',
-        time: Date.now(),
-        content: {
-            method: 'modifyElements',
-            before: [],
-            after: []
-        }
-    };
-    const uuid = elem.uuid;
-    const originX = elem.x;
-    const originY = elem.y;
-    const originW = elem.w;
-    const originH = elem.h;
-    const resizeX = (istype.number(size.x) ? size.x : elem.x);
-    const resizeY = (istype.number(size.y) ? size.y : elem.y);
-    const resizeW = (size.w && size.w > 0 ? size.w : elem.w) || 0;
-    const resizeH = (size.h && size.h > 0 ? size.h : elem.h) || 0;
-    const beforeGroupElem = { uuid, x: originX, y: originY, w: originW, h: originH };
-    const afterGroupElem = { uuid, x: resizeX, y: resizeY, w: resizeW, h: resizeH };
-    if ((opts === null || opts === void 0 ? void 0 : opts.resizeEffect) === 'deepResize') {
-        record.content.before.push(beforeGroupElem);
-        record.content.after.push(afterGroupElem);
-        const xRatio = resizeW / elem.w;
-        const yRatio = resizeH / elem.h;
-        if (xRatio === yRatio && xRatio === 1) {
-            return record;
-        }
-        const minRatio = Math.min(xRatio, yRatio);
-        const maxRatio = Math.max(xRatio, yRatio);
-        elem.w = resizeW;
-        elem.h = resizeH;
-        const resizeRadioOpts = { xRatio, yRatio, minRatio, maxRatio };
-        if (elem.type === 'group' && Array.isArray(elem.detail.children)) {
-            elem.detail.children.forEach((child) => {
-                deepResizeElementByRatio(child, resizeRadioOpts, record);
-            });
-        }
-        const groupDetailRecord = resizeElementBaseDetailByRatio(elem, resizeRadioOpts);
-        Object.keys(groupDetailRecord.content.before || {}).forEach((key) => {
-            var _a;
-            beforeGroupElem[key] = (_a = groupDetailRecord.content.before) === null || _a === void 0 ? void 0 : _a[key];
-        });
-        Object.keys(groupDetailRecord.content.after || {}).forEach((key) => {
-            var _a;
-            afterGroupElem[key] = (_a = groupDetailRecord.content.after) === null || _a === void 0 ? void 0 : _a[key];
-        });
-        return record;
-    }
-    if ((opts === null || opts === void 0 ? void 0 : opts.resizeEffect) === 'fixed') {
-        record.content.before.push(beforeGroupElem);
-        record.content.after.push(afterGroupElem);
-        const moveX = resizeX - elem.x;
-        const moveY = resizeY - elem.y;
-        const moveW = resizeW - elem.w;
-        const moveH = resizeH - elem.h;
-        fixedResizeGroupElementChildren(elem, { moveX, moveY, moveH, moveW }, record);
-        elem.w = resizeW;
-        elem.h = resizeH;
-        elem.x = resizeX;
-        elem.y = resizeY;
-        return record;
-    }
-    elem.w = resizeW;
-    elem.h = resizeH;
-    elem.x = resizeX;
-    elem.y = resizeY;
-    record.content.before.push(beforeGroupElem);
-    record.content.after.push(afterGroupElem);
-    return record;
-}

package/dist/esm/view/svg-path.d.ts

@@ -1,10 +0,0 @@
-import type { SVGPathCommand, ElementSize } from '@idraw/types';
-export declare function parseSVGPath(path: string): SVGPathCommand[];
-export declare function generateSVGPath(commands: SVGPathCommand[]): string;
-type FilterSVGPathResult = ElementSize & {
-    detail: {
-        commands: SVGPathCommand[];
-    };
-};
-export declare function filterSVGPath(commands: SVGPathCommand[]): FilterSVGPathResult;
-export {};