@leafer-in/resize 1.0.0-rc.26

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023-present, Chao (Leafer) Wan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# @leafer-in/resize

package/dist/resize.cjs

@@ -0,0 +1,193 @@
+'use strict';
+
+var draw = require('@leafer-ui/draw');
+
+const { M, L, C, Q, Z, N, D, X, G, F, O, P, U } = draw.PathCommandMap;
+const PathScaler = {
+    scale(data, scaleX, scaleY) {
+        if (!data)
+            return;
+        let command;
+        let i = 0, len = data.length;
+        while (i < len) {
+            command = data[i];
+            switch (command) {
+                case M:
+                    scalePoints(data, scaleX, scaleY, i, 1);
+                    i += 3;
+                    break;
+                case L:
+                    scalePoints(data, scaleX, scaleY, i, 1);
+                    i += 3;
+                    break;
+                case C:
+                    scalePoints(data, scaleX, scaleY, i, 3);
+                    i += 7;
+                    break;
+                case Q:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 5;
+                    break;
+                case Z:
+                    i += 1;
+                    break;
+                case N:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 5;
+                    break;
+                case D:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 9;
+                    break;
+                case X:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 6;
+                    break;
+                case G:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 9;
+                    break;
+                case F:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 5;
+                    break;
+                case O:
+                    data[i] = G;
+                    data.splice(i + 4, 0, data[i + 3], 0);
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 7 + 2;
+                    len += 2;
+                    break;
+                case P:
+                    data[i] = F;
+                    data.splice(i + 4, 0, data[i + 3]);
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 4 + 1;
+                    len += 1;
+                    break;
+                case U:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 6;
+                    break;
+            }
+        }
+    },
+    scalePoints(data, scaleX, scaleY, start, pointCount) {
+        for (let i = pointCount ? start + 1 : 0, end = pointCount ? i + pointCount * 2 : data.length; i < end; i += 2) {
+            data[i] *= scaleX;
+            data[i + 1] *= scaleY;
+        }
+    }
+};
+const { scalePoints } = PathScaler;
+
+const matrix = draw.MatrixHelper.get();
+function scaleResize(leaf, scaleX, scaleY) {
+    if (leaf.pathInputed) {
+        scaleResizePath(leaf, scaleX, scaleY);
+    }
+    else {
+        if (scaleX !== 1)
+            leaf.width *= scaleX;
+        if (scaleY !== 1)
+            leaf.height *= scaleY;
+    }
+}
+function scaleResizeFontSize(leaf, scaleX, scaleY) {
+    const { width, height } = leaf.__localBoxBounds;
+    if (scaleX !== 1) {
+        leaf.fontSize *= scaleX;
+        leaf.y -= height * (scaleX - scaleY) / 2;
+    }
+    else if (scaleY !== 1) {
+        leaf.fontSize *= scaleY;
+        leaf.x -= width * (scaleY - scaleX) / 2;
+    }
+}
+function scaleResizePath(leaf, scaleX, scaleY) {
+    PathScaler.scale(leaf.__.path, scaleX, scaleY);
+    leaf.path = leaf.__.path;
+}
+function scaleResizePoints(leaf, scaleX, scaleY) {
+    PathScaler.scalePoints(leaf.__.points, scaleX, scaleY);
+    leaf.points = leaf.__.points;
+}
+function scaleResizeGroup(group, scaleX, scaleY) {
+    const { children } = group;
+    for (let i = 0; i < children.length; i++) {
+        matrix.a = scaleX;
+        matrix.d = scaleY;
+        children[i].transform(matrix, true);
+    }
+}
+
+draw.Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
+    const data = this;
+    if (noResize || (data.editConfig && data.editConfig.editSize === 'scale')) {
+        data.scaleX *= scaleX;
+        data.scaleY *= scaleY;
+    }
+    else {
+        if (scaleX < 0)
+            data.scaleX *= -1, scaleX = -scaleX;
+        if (scaleY < 0)
+            data.scaleY *= -1, scaleY = -scaleY;
+        this.__scaleResize(scaleX, scaleY);
+    }
+};
+draw.Leaf.prototype.__scaleResize = function (scaleX, scaleY) {
+    scaleResize(this, scaleX, scaleY);
+};
+draw.Text.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.__.__autoSize && (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size'))) {
+        scaleResizeFontSize(this, scaleX, scaleY);
+    }
+    else {
+        scaleResize(this, scaleX, scaleY);
+    }
+};
+draw.Path.prototype.__scaleResize = function (scaleX, scaleY) {
+    scaleResizePath(this, scaleX, scaleY);
+};
+draw.Line.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.pathInputed) {
+        scaleResizePath(this, scaleX, scaleY);
+    }
+    else if (this.points) {
+        scaleResizePoints(this, scaleX, scaleY);
+    }
+    else {
+        this.width *= scaleX;
+    }
+};
+draw.Polygon.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.pathInputed) {
+        scaleResizePath(this, scaleX, scaleY);
+    }
+    else if (this.points) {
+        scaleResizePoints(this, scaleX, scaleY);
+    }
+    else {
+        scaleResize(this, scaleX, scaleY);
+    }
+};
+draw.Group.prototype.__scaleResize = function (scaleX, scaleY) {
+    scaleResizeGroup(this, scaleX, scaleY);
+};
+draw.Box.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.__.__autoSize && this.children.length) {
+        scaleResizeGroup(this, scaleX, scaleY);
+    }
+    else {
+        scaleResize(this, scaleX, scaleY);
+        if (this.__.resizeChildren)
+            scaleResizeGroup(this, scaleX, scaleY);
+    }
+};
+
+exports.PathScaler = PathScaler;
+exports.scaleResize = scaleResize;
+exports.scaleResizeFontSize = scaleResizeFontSize;
+exports.scaleResizeGroup = scaleResizeGroup;
+exports.scaleResizePath = scaleResizePath;
+exports.scaleResizePoints = scaleResizePoints;

package/dist/resize.esm.js

@@ -0,0 +1,186 @@
+import { PathCommandMap, MatrixHelper, Leaf, Text, Path, Line, Polygon, Group, Box } from '@leafer-ui/draw';
+
+const { M, L, C, Q, Z, N, D, X, G, F, O, P, U } = PathCommandMap;
+const PathScaler = {
+    scale(data, scaleX, scaleY) {
+        if (!data)
+            return;
+        let command;
+        let i = 0, len = data.length;
+        while (i < len) {
+            command = data[i];
+            switch (command) {
+                case M:
+                    scalePoints(data, scaleX, scaleY, i, 1);
+                    i += 3;
+                    break;
+                case L:
+                    scalePoints(data, scaleX, scaleY, i, 1);
+                    i += 3;
+                    break;
+                case C:
+                    scalePoints(data, scaleX, scaleY, i, 3);
+                    i += 7;
+                    break;
+                case Q:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 5;
+                    break;
+                case Z:
+                    i += 1;
+                    break;
+                case N:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 5;
+                    break;
+                case D:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 9;
+                    break;
+                case X:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 6;
+                    break;
+                case G:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 9;
+                    break;
+                case F:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 5;
+                    break;
+                case O:
+                    data[i] = G;
+                    data.splice(i + 4, 0, data[i + 3], 0);
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 7 + 2;
+                    len += 2;
+                    break;
+                case P:
+                    data[i] = F;
+                    data.splice(i + 4, 0, data[i + 3]);
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 4 + 1;
+                    len += 1;
+                    break;
+                case U:
+                    scalePoints(data, scaleX, scaleY, i, 2);
+                    i += 6;
+                    break;
+            }
+        }
+    },
+    scalePoints(data, scaleX, scaleY, start, pointCount) {
+        for (let i = pointCount ? start + 1 : 0, end = pointCount ? i + pointCount * 2 : data.length; i < end; i += 2) {
+            data[i] *= scaleX;
+            data[i + 1] *= scaleY;
+        }
+    }
+};
+const { scalePoints } = PathScaler;
+
+const matrix = MatrixHelper.get();
+function scaleResize(leaf, scaleX, scaleY) {
+    if (leaf.pathInputed) {
+        scaleResizePath(leaf, scaleX, scaleY);
+    }
+    else {
+        if (scaleX !== 1)
+            leaf.width *= scaleX;
+        if (scaleY !== 1)
+            leaf.height *= scaleY;
+    }
+}
+function scaleResizeFontSize(leaf, scaleX, scaleY) {
+    const { width, height } = leaf.__localBoxBounds;
+    if (scaleX !== 1) {
+        leaf.fontSize *= scaleX;
+        leaf.y -= height * (scaleX - scaleY) / 2;
+    }
+    else if (scaleY !== 1) {
+        leaf.fontSize *= scaleY;
+        leaf.x -= width * (scaleY - scaleX) / 2;
+    }
+}
+function scaleResizePath(leaf, scaleX, scaleY) {
+    PathScaler.scale(leaf.__.path, scaleX, scaleY);
+    leaf.path = leaf.__.path;
+}
+function scaleResizePoints(leaf, scaleX, scaleY) {
+    PathScaler.scalePoints(leaf.__.points, scaleX, scaleY);
+    leaf.points = leaf.__.points;
+}
+function scaleResizeGroup(group, scaleX, scaleY) {
+    const { children } = group;
+    for (let i = 0; i < children.length; i++) {
+        matrix.a = scaleX;
+        matrix.d = scaleY;
+        children[i].transform(matrix, true);
+    }
+}
+
+Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
+    const data = this;
+    if (noResize || (data.editConfig && data.editConfig.editSize === 'scale')) {
+        data.scaleX *= scaleX;
+        data.scaleY *= scaleY;
+    }
+    else {
+        if (scaleX < 0)
+            data.scaleX *= -1, scaleX = -scaleX;
+        if (scaleY < 0)
+            data.scaleY *= -1, scaleY = -scaleY;
+        this.__scaleResize(scaleX, scaleY);
+    }
+};
+Leaf.prototype.__scaleResize = function (scaleX, scaleY) {
+    scaleResize(this, scaleX, scaleY);
+};
+Text.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.__.__autoSize && (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size'))) {
+        scaleResizeFontSize(this, scaleX, scaleY);
+    }
+    else {
+        scaleResize(this, scaleX, scaleY);
+    }
+};
+Path.prototype.__scaleResize = function (scaleX, scaleY) {
+    scaleResizePath(this, scaleX, scaleY);
+};
+Line.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.pathInputed) {
+        scaleResizePath(this, scaleX, scaleY);
+    }
+    else if (this.points) {
+        scaleResizePoints(this, scaleX, scaleY);
+    }
+    else {
+        this.width *= scaleX;
+    }
+};
+Polygon.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.pathInputed) {
+        scaleResizePath(this, scaleX, scaleY);
+    }
+    else if (this.points) {
+        scaleResizePoints(this, scaleX, scaleY);
+    }
+    else {
+        scaleResize(this, scaleX, scaleY);
+    }
+};
+Group.prototype.__scaleResize = function (scaleX, scaleY) {
+    scaleResizeGroup(this, scaleX, scaleY);
+};
+Box.prototype.__scaleResize = function (scaleX, scaleY) {
+    if (this.__.__autoSize && this.children.length) {
+        scaleResizeGroup(this, scaleX, scaleY);
+    }
+    else {
+        scaleResize(this, scaleX, scaleY);
+        if (this.__.resizeChildren)
+            scaleResizeGroup(this, scaleX, scaleY);
+    }
+};
+
+export { PathScaler, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints };

package/dist/resize.esm.min.js

@@ -0,0 +1 @@
+import{PathCommandMap as e,MatrixHelper as t,Leaf as i,Text as s,Path as o,Line as n,Polygon as a,Group as c,Box as h}from"@leafer-ui/draw";const{M:_,L:r,C:l,Q:p,Z:f,N:u,D:z,X:d,G:b,F:g,O:k,P:y,U:R}=e,S={scale(e,t,i){if(!e)return;let s,o=0,n=e.length;for(;o<n;)switch(s=e[o],s){case _:case r:C(e,t,i,o,1),o+=3;break;case l:C(e,t,i,o,3),o+=7;break;case p:C(e,t,i,o,2),o+=5;break;case f:o+=1;break;case u:C(e,t,i,o,2),o+=5;break;case z:C(e,t,i,o,2),o+=9;break;case d:C(e,t,i,o,2),o+=6;break;case b:C(e,t,i,o,2),o+=9;break;case g:C(e,t,i,o,2),o+=5;break;case k:e[o]=b,e.splice(o+4,0,e[o+3],0),C(e,t,i,o,2),o+=9,n+=2;break;case y:e[o]=g,e.splice(o+4,0,e[o+3]),C(e,t,i,o,2),o+=5,n+=1;break;case R:C(e,t,i,o,2),o+=6}},scalePoints(e,t,i,s,o){for(let n=o?s+1:0,a=o?n+2*o:e.length;n<a;n+=2)e[n]*=t,e[n+1]*=i}},{scalePoints:C}=S,w=t.get();function P(e,t,i){e.pathInputed?x(e,t,i):(1!==t&&(e.width*=t),1!==i&&(e.height*=i))}function m(e,t,i){const{width:s,height:o}=e.__localBoxBounds;1!==t?(e.fontSize*=t,e.y-=o*(t-i)/2):1!==i&&(e.fontSize*=i,e.x-=s*(i-t)/2)}function x(e,t,i){S.scale(e.__.path,t,i),e.path=e.__.path}function I(e,t,i){S.scalePoints(e.__.points,t,i),e.points=e.__.points}function X(e,t,i){const{children:s}=e;for(let e=0;e<s.length;e++)w.a=t,w.d=i,s[e].transform(w,!0)}i.prototype.scaleResize=function(e,t=e,i){const s=this;i||s.editConfig&&"scale"===s.editConfig.editSize?(s.scaleX*=e,s.scaleY*=t):(e<0&&(s.scaleX*=-1,e=-e),t<0&&(s.scaleY*=-1,t=-t),this.__scaleResize(e,t))},i.prototype.__scaleResize=function(e,t){P(this,e,t)},s.prototype.__scaleResize=function(e,t){this.__.__autoSize&&(this.__.resizeFontSize||this.editConfig&&"font-size"===this.editConfig.editSize)?m(this,e,t):P(this,e,t)},o.prototype.__scaleResize=function(e,t){x(this,e,t)},n.prototype.__scaleResize=function(e,t){this.pathInputed?x(this,e,t):this.points?I(this,e,t):this.width*=e},a.prototype.__scaleResize=function(e,t){this.pathInputed?x(this,e,t):this.points?I(this,e,t):P(this,e,t)},c.prototype.__scaleResize=function(e,t){X(this,e,t)},h.prototype.__scaleResize=function(e,t){this.__.__autoSize&&this.children.length?X(this,e,t):(P(this,e,t),this.__.resizeChildren&&X(this,e,t))};export{S as PathScaler,P as scaleResize,m as scaleResizeFontSize,X as scaleResizeGroup,x as scaleResizePath,I as scaleResizePoints};

package/dist/resize.js

@@ -0,0 +1,197 @@
+this.LeaferIN = this.LeaferIN || {};
+this.LeaferIN.resize = (function (exports, draw) {
+    'use strict';
+
+    const { M, L, C, Q, Z, N, D, X, G, F, O, P, U } = draw.PathCommandMap;
+    const PathScaler = {
+        scale(data, scaleX, scaleY) {
+            if (!data)
+                return;
+            let command;
+            let i = 0, len = data.length;
+            while (i < len) {
+                command = data[i];
+                switch (command) {
+                    case M:
+                        scalePoints(data, scaleX, scaleY, i, 1);
+                        i += 3;
+                        break;
+                    case L:
+                        scalePoints(data, scaleX, scaleY, i, 1);
+                        i += 3;
+                        break;
+                    case C:
+                        scalePoints(data, scaleX, scaleY, i, 3);
+                        i += 7;
+                        break;
+                    case Q:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 5;
+                        break;
+                    case Z:
+                        i += 1;
+                        break;
+                    case N:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 5;
+                        break;
+                    case D:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 9;
+                        break;
+                    case X:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 6;
+                        break;
+                    case G:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 9;
+                        break;
+                    case F:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 5;
+                        break;
+                    case O:
+                        data[i] = G;
+                        data.splice(i + 4, 0, data[i + 3], 0);
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 7 + 2;
+                        len += 2;
+                        break;
+                    case P:
+                        data[i] = F;
+                        data.splice(i + 4, 0, data[i + 3]);
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 4 + 1;
+                        len += 1;
+                        break;
+                    case U:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 6;
+                        break;
+                }
+            }
+        },
+        scalePoints(data, scaleX, scaleY, start, pointCount) {
+            for (let i = pointCount ? start + 1 : 0, end = pointCount ? i + pointCount * 2 : data.length; i < end; i += 2) {
+                data[i] *= scaleX;
+                data[i + 1] *= scaleY;
+            }
+        }
+    };
+    const { scalePoints } = PathScaler;
+
+    const matrix = draw.MatrixHelper.get();
+    function scaleResize(leaf, scaleX, scaleY) {
+        if (leaf.pathInputed) {
+            scaleResizePath(leaf, scaleX, scaleY);
+        }
+        else {
+            if (scaleX !== 1)
+                leaf.width *= scaleX;
+            if (scaleY !== 1)
+                leaf.height *= scaleY;
+        }
+    }
+    function scaleResizeFontSize(leaf, scaleX, scaleY) {
+        const { width, height } = leaf.__localBoxBounds;
+        if (scaleX !== 1) {
+            leaf.fontSize *= scaleX;
+            leaf.y -= height * (scaleX - scaleY) / 2;
+        }
+        else if (scaleY !== 1) {
+            leaf.fontSize *= scaleY;
+            leaf.x -= width * (scaleY - scaleX) / 2;
+        }
+    }
+    function scaleResizePath(leaf, scaleX, scaleY) {
+        PathScaler.scale(leaf.__.path, scaleX, scaleY);
+        leaf.path = leaf.__.path;
+    }
+    function scaleResizePoints(leaf, scaleX, scaleY) {
+        PathScaler.scalePoints(leaf.__.points, scaleX, scaleY);
+        leaf.points = leaf.__.points;
+    }
+    function scaleResizeGroup(group, scaleX, scaleY) {
+        const { children } = group;
+        for (let i = 0; i < children.length; i++) {
+            matrix.a = scaleX;
+            matrix.d = scaleY;
+            children[i].transform(matrix, true);
+        }
+    }
+
+    draw.Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
+        const data = this;
+        if (noResize || (data.editConfig && data.editConfig.editSize === 'scale')) {
+            data.scaleX *= scaleX;
+            data.scaleY *= scaleY;
+        }
+        else {
+            if (scaleX < 0)
+                data.scaleX *= -1, scaleX = -scaleX;
+            if (scaleY < 0)
+                data.scaleY *= -1, scaleY = -scaleY;
+            this.__scaleResize(scaleX, scaleY);
+        }
+    };
+    draw.Leaf.prototype.__scaleResize = function (scaleX, scaleY) {
+        scaleResize(this, scaleX, scaleY);
+    };
+    draw.Text.prototype.__scaleResize = function (scaleX, scaleY) {
+        if (this.__.__autoSize && (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size'))) {
+            scaleResizeFontSize(this, scaleX, scaleY);
+        }
+        else {
+            scaleResize(this, scaleX, scaleY);
+        }
+    };
+    draw.Path.prototype.__scaleResize = function (scaleX, scaleY) {
+        scaleResizePath(this, scaleX, scaleY);
+    };
+    draw.Line.prototype.__scaleResize = function (scaleX, scaleY) {
+        if (this.pathInputed) {
+            scaleResizePath(this, scaleX, scaleY);
+        }
+        else if (this.points) {
+            scaleResizePoints(this, scaleX, scaleY);
+        }
+        else {
+            this.width *= scaleX;
+        }
+    };
+    draw.Polygon.prototype.__scaleResize = function (scaleX, scaleY) {
+        if (this.pathInputed) {
+            scaleResizePath(this, scaleX, scaleY);
+        }
+        else if (this.points) {
+            scaleResizePoints(this, scaleX, scaleY);
+        }
+        else {
+            scaleResize(this, scaleX, scaleY);
+        }
+    };
+    draw.Group.prototype.__scaleResize = function (scaleX, scaleY) {
+        scaleResizeGroup(this, scaleX, scaleY);
+    };
+    draw.Box.prototype.__scaleResize = function (scaleX, scaleY) {
+        if (this.__.__autoSize && this.children.length) {
+            scaleResizeGroup(this, scaleX, scaleY);
+        }
+        else {
+            scaleResize(this, scaleX, scaleY);
+            if (this.__.resizeChildren)
+                scaleResizeGroup(this, scaleX, scaleY);
+        }
+    };
+
+    exports.PathScaler = PathScaler;
+    exports.scaleResize = scaleResize;
+    exports.scaleResizeFontSize = scaleResizeFontSize;
+    exports.scaleResizeGroup = scaleResizeGroup;
+    exports.scaleResizePath = scaleResizePath;
+    exports.scaleResizePoints = scaleResizePoints;
+
+    return exports;
+
+})({}, LeaferUI);

package/dist/resize.min.cjs

@@ -0,0 +1 @@
+"use strict";var e=require("@leafer-ui/draw");const{M:t,L:s,C:i,Q:a,Z:o,N:n,D:c,X:h,G:r,F:l,O:p,P:_,U:f}=e.PathCommandMap,u={scale(e,u,d){if(!e)return;let R,g=0,b=e.length;for(;g<b;)switch(R=e[g],R){case t:case s:z(e,u,d,g,1),g+=3;break;case i:z(e,u,d,g,3),g+=7;break;case a:z(e,u,d,g,2),g+=5;break;case o:g+=1;break;case n:z(e,u,d,g,2),g+=5;break;case c:z(e,u,d,g,2),g+=9;break;case h:z(e,u,d,g,2),g+=6;break;case r:z(e,u,d,g,2),g+=9;break;case l:z(e,u,d,g,2),g+=5;break;case p:e[g]=r,e.splice(g+4,0,e[g+3],0),z(e,u,d,g,2),g+=9,b+=2;break;case _:e[g]=l,e.splice(g+4,0,e[g+3]),z(e,u,d,g,2),g+=5,b+=1;break;case f:z(e,u,d,g,2),g+=6}},scalePoints(e,t,s,i,a){for(let o=a?i+1:0,n=a?o+2*a:e.length;o<n;o+=2)e[o]*=t,e[o+1]*=s}},{scalePoints:z}=u,d=e.MatrixHelper.get();function R(e,t,s){e.pathInputed?b(e,t,s):(1!==t&&(e.width*=t),1!==s&&(e.height*=s))}function g(e,t,s){const{width:i,height:a}=e.__localBoxBounds;1!==t?(e.fontSize*=t,e.y-=a*(t-s)/2):1!==s&&(e.fontSize*=s,e.x-=i*(s-t)/2)}function b(e,t,s){u.scale(e.__.path,t,s),e.path=e.__.path}function k(e,t,s){u.scalePoints(e.__.points,t,s),e.points=e.__.points}function x(e,t,s){const{children:i}=e;for(let e=0;e<i.length;e++)d.a=t,d.d=s,i[e].transform(d,!0)}e.Leaf.prototype.scaleResize=function(e,t=e,s){const i=this;s||i.editConfig&&"scale"===i.editConfig.editSize?(i.scaleX*=e,i.scaleY*=t):(e<0&&(i.scaleX*=-1,e=-e),t<0&&(i.scaleY*=-1,t=-t),this.__scaleResize(e,t))},e.Leaf.prototype.__scaleResize=function(e,t){R(this,e,t)},e.Text.prototype.__scaleResize=function(e,t){this.__.__autoSize&&(this.__.resizeFontSize||this.editConfig&&"font-size"===this.editConfig.editSize)?g(this,e,t):R(this,e,t)},e.Path.prototype.__scaleResize=function(e,t){b(this,e,t)},e.Line.prototype.__scaleResize=function(e,t){this.pathInputed?b(this,e,t):this.points?k(this,e,t):this.width*=e},e.Polygon.prototype.__scaleResize=function(e,t){this.pathInputed?b(this,e,t):this.points?k(this,e,t):R(this,e,t)},e.Group.prototype.__scaleResize=function(e,t){x(this,e,t)},e.Box.prototype.__scaleResize=function(e,t){this.__.__autoSize&&this.children.length?x(this,e,t):(R(this,e,t),this.__.resizeChildren&&x(this,e,t))},exports.PathScaler=u,exports.scaleResize=R,exports.scaleResizeFontSize=g,exports.scaleResizeGroup=x,exports.scaleResizePath=b,exports.scaleResizePoints=k;

package/dist/resize.min.js

@@ -0,0 +1 @@
+this.LeaferIN=this.LeaferIN||{},this.LeaferIN.resize=function(e,t){"use strict";const{M:s,L:i,C:a,Q:n,Z:o,N:c,D:h,X:r,G:l,F:_,O:p,P:f,U:z}=t.PathCommandMap,u={scale(e,t,u){if(!e)return;let R,g=0,b=e.length;for(;g<b;)switch(R=e[g],R){case s:case i:d(e,t,u,g,1),g+=3;break;case a:d(e,t,u,g,3),g+=7;break;case n:d(e,t,u,g,2),g+=5;break;case o:g+=1;break;case c:d(e,t,u,g,2),g+=5;break;case h:d(e,t,u,g,2),g+=9;break;case r:d(e,t,u,g,2),g+=6;break;case l:d(e,t,u,g,2),g+=9;break;case _:d(e,t,u,g,2),g+=5;break;case p:e[g]=l,e.splice(g+4,0,e[g+3],0),d(e,t,u,g,2),g+=9,b+=2;break;case f:e[g]=_,e.splice(g+4,0,e[g+3]),d(e,t,u,g,2),g+=5,b+=1;break;case z:d(e,t,u,g,2),g+=6}},scalePoints(e,t,s,i,a){for(let n=a?i+1:0,o=a?n+2*a:e.length;n<o;n+=2)e[n]*=t,e[n+1]*=s}},{scalePoints:d}=u,R=t.MatrixHelper.get();function g(e,t,s){e.pathInputed?k(e,t,s):(1!==t&&(e.width*=t),1!==s&&(e.height*=s))}function b(e,t,s){const{width:i,height:a}=e.__localBoxBounds;1!==t?(e.fontSize*=t,e.y-=a*(t-s)/2):1!==s&&(e.fontSize*=s,e.x-=i*(s-t)/2)}function k(e,t,s){u.scale(e.__.path,t,s),e.path=e.__.path}function y(e,t,s){u.scalePoints(e.__.points,t,s),e.points=e.__.points}function P(e,t,s){const{children:i}=e;for(let e=0;e<i.length;e++)R.a=t,R.d=s,i[e].transform(R,!0)}return t.Leaf.prototype.scaleResize=function(e,t=e,s){const i=this;s||i.editConfig&&"scale"===i.editConfig.editSize?(i.scaleX*=e,i.scaleY*=t):(e<0&&(i.scaleX*=-1,e=-e),t<0&&(i.scaleY*=-1,t=-t),this.__scaleResize(e,t))},t.Leaf.prototype.__scaleResize=function(e,t){g(this,e,t)},t.Text.prototype.__scaleResize=function(e,t){this.__.__autoSize&&(this.__.resizeFontSize||this.editConfig&&"font-size"===this.editConfig.editSize)?b(this,e,t):g(this,e,t)},t.Path.prototype.__scaleResize=function(e,t){k(this,e,t)},t.Line.prototype.__scaleResize=function(e,t){this.pathInputed?k(this,e,t):this.points?y(this,e,t):this.width*=e},t.Polygon.prototype.__scaleResize=function(e,t){this.pathInputed?k(this,e,t):this.points?y(this,e,t):g(this,e,t)},t.Group.prototype.__scaleResize=function(e,t){P(this,e,t)},t.Box.prototype.__scaleResize=function(e,t){this.__.__autoSize&&this.children.length?P(this,e,t):(g(this,e,t),this.__.resizeChildren&&P(this,e,t))},e.PathScaler=u,e.scaleResize=g,e.scaleResizeFontSize=b,e.scaleResizeGroup=P,e.scaleResizePath=k,e.scaleResizePoints=y,e}({},LeaferUI);

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@leafer-in/resize",
+  "version": "1.0.0-rc.26",
+  "description": "@leafer-in/resize",
+  "author": "Chao (Leafer) Wan",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/resize.esm.js",
+  "exports": {
+    "import": "./dist/resize.esm.js",
+    "require": "./dist/resize.cjs",
+    "types": "./types/index.d.ts"
+  },
+  "types": "types/index.d.ts",
+  "unpkg": "dist/resize.js",
+  "jsdelivr": "dist/resize.js",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/leaferjs/in.git"
+  },
+  "homepage": "https://github.com/leaferjs/in/tree/main/packages/resize",
+  "bugs": "https://github.com/leaferjs/in/issues",
+  "keywords": [
+    "leafer resize",
+    "leafer-resize",
+    "leafer-in",
+    "resize",
+    "leafer-ui",
+    "leaferjs"
+  ],
+  "dependencies": {
+    "@leafer-ui/draw": "1.0.0-rc.26",
+    "@leafer-ui/interface": "1.0.0-rc.26"
+  }
+}

package/src/PathScaler.ts

@@ -0,0 +1,93 @@
+import { IPathCommandData } from '@leafer-ui/interface'
+
+import { PathCommandMap as Command } from '@leafer-ui/draw'
+
+
+const { M, L, C, Q, Z, N, D, X, G, F, O, P, U } = Command
+
+export const PathScaler = {
+
+    scale(data: IPathCommandData, scaleX: number, scaleY: number): void {
+        if (!data) return
+
+        let command: number
+        let i = 0, len = data.length
+
+        while (i < len) {
+            command = data[i]
+            switch (command) {
+                case M:  //moveto(x, y)
+                    scalePoints(data, scaleX, scaleY, i, 1)
+                    i += 3
+                    break
+                case L:  //lineto(x, y)
+                    scalePoints(data, scaleX, scaleY, i, 1)
+                    i += 3
+                    break
+                case C:  //bezierCurveTo(x1, y1, x2, y2, x, y)
+                    scalePoints(data, scaleX, scaleY, i, 3)
+                    i += 7
+                    break
+                case Q:  //quadraticCurveTo(x1, y1, x, y)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 5
+                    break
+                case Z:  //closepath()
+                    i += 1
+                    break
+
+                // canvas command
+
+                case N: // rect(x, y, width, height)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 5
+                    break
+                case D: // roundRect(x, y, width, height, radius1, radius2, radius3, radius4)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 9
+                    break
+                case X: // simple roundRect(x, y, width, height, radius)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 6
+                    break
+                case G: // ellipse(x, y, radiusX, radiusY, rotation, startAngle, endAngle, anticlockwise)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 9
+                    break
+                case F: // simple ellipse(x, y, radiusX, radiusY)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 5
+                    break
+                case O: // arc(x, y, radius, startAngle, endAngle, anticlockwise)
+                    data[i] = G // to ellipse
+                    data.splice(i + 4, 0, data[i + 3], 0)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 7 + 2
+                    len += 2
+                    break
+                case P: // simple arc(x, y, radius)
+                    data[i] = F // to simple ellipse
+                    data.splice(i + 4, 0, data[i + 3])
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 4 + 1
+                    len += 1
+                    break
+                case U: // arcTo(x1, y1, x2, y2, radius)
+                    scalePoints(data, scaleX, scaleY, i, 2)
+                    i += 6
+                    break
+            }
+        }
+
+    },
+
+    scalePoints(data: IPathCommandData, scaleX: number, scaleY: number, start?: number, pointCount?: number): void {
+        for (let i = pointCount ? start + 1 : 0, end = pointCount ? i + pointCount * 2 : data.length; i < end; i += 2) {
+            data[i] *= scaleX
+            data[i + 1] *= scaleY
+        }
+    }
+
+}
+
+const { scalePoints } = PathScaler

package/src/index.ts

@@ -0,0 +1,74 @@
+export { PathScaler } from './PathScaler'
+export { scaleResize, scaleResizeGroup, scaleResizeFontSize, scaleResizePath, scaleResizePoints } from './scaler'
+
+import { Leaf, Path, Line, Text, Polygon, Group, Box, UI } from '@leafer-ui/draw'
+
+import { scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints } from './scaler'
+
+
+// leaf
+
+Leaf.prototype.scaleResize = function (scaleX: number, scaleY = scaleX, noResize?: boolean): void {
+    const data = this as UI
+    if (noResize || (data.editConfig && data.editConfig.editSize === 'scale')) {
+        data.scaleX *= scaleX
+        data.scaleY *= scaleY
+    } else {
+        if (scaleX < 0) data.scaleX *= -1, scaleX = -scaleX
+        if (scaleY < 0) data.scaleY *= -1, scaleY = -scaleY
+        this.__scaleResize(scaleX, scaleY)
+    }
+}
+
+
+Leaf.prototype.__scaleResize = function (scaleX: number, scaleY: number): void {
+    scaleResize(this, scaleX, scaleY)
+}
+
+Text.prototype.__scaleResize = function (scaleX: number, scaleY: number): void {
+    if (this.__.__autoSize && (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size'))) {
+        scaleResizeFontSize(this, scaleX, scaleY)
+    } else {
+        scaleResize(this, scaleX, scaleY)
+    }
+}
+
+Path.prototype.__scaleResize = function (scaleX: number, scaleY: number): void {
+    scaleResizePath(this, scaleX, scaleY)
+}
+
+Line.prototype.__scaleResize = function (scaleX: number, scaleY: number): void {
+    if (this.pathInputed) {
+        scaleResizePath(this, scaleX, scaleY)
+    } else if (this.points) {
+        scaleResizePoints(this, scaleX, scaleY)
+    } else {
+        this.width *= scaleX
+    }
+}
+
+Polygon.prototype.__scaleResize = function (scaleX: number, scaleY: number): void {
+    if (this.pathInputed) {
+        scaleResizePath(this, scaleX, scaleY)
+    } else if (this.points) {
+        scaleResizePoints(this, scaleX, scaleY)
+    } else {
+        scaleResize(this, scaleX, scaleY)
+    }
+}
+
+
+// group
+
+Group.prototype.__scaleResize = function (scaleX: number, scaleY: number): void {
+    scaleResizeGroup(this, scaleX, scaleY)
+}
+
+Box.prototype.__scaleResize = function (scaleX: number, scaleY: number): void {
+    if (this.__.__autoSize && this.children.length) {
+        scaleResizeGroup(this, scaleX, scaleY)
+    } else {
+        scaleResize(this, scaleX, scaleY)
+        if (this.__.resizeChildren) scaleResizeGroup(this, scaleX, scaleY)
+    }
+}

package/src/scaler.ts

@@ -0,0 +1,48 @@
+import { IBranch, ILeaf, ILine, IPolygon, IText } from '@leafer-ui/interface'
+import { MatrixHelper } from '@leafer-ui/draw'
+
+import { PathScaler } from './PathScaler'
+
+
+const matrix = MatrixHelper.get()
+
+export function scaleResize(leaf: ILeaf, scaleX: number, scaleY: number): void {
+    if (leaf.pathInputed) {
+        scaleResizePath(leaf, scaleX, scaleY)
+    } else {
+        // fix: Text / Box auto width / height, need check scale === 1
+        if (scaleX !== 1) leaf.width *= scaleX
+        if (scaleY !== 1) leaf.height *= scaleY
+    }
+}
+
+export function scaleResizeFontSize(leaf: IText, scaleX: number, scaleY: number): void {
+    const { width, height } = leaf.__localBoxBounds
+    if (scaleX !== 1) {
+        leaf.fontSize *= scaleX
+        leaf.y -= height * (scaleX - scaleY) / 2
+    } else if (scaleY !== 1) {
+        leaf.fontSize *= scaleY
+        leaf.x -= width * (scaleY - scaleX) / 2
+    }
+}
+
+export function scaleResizePath(leaf: ILeaf, scaleX: number, scaleY: number): void {
+    PathScaler.scale(leaf.__.path, scaleX, scaleY)
+    leaf.path = leaf.__.path
+}
+
+export function scaleResizePoints(leaf: ILine | IPolygon, scaleX: number, scaleY: number): void {
+    PathScaler.scalePoints(leaf.__.points, scaleX, scaleY)
+    leaf.points = leaf.__.points
+}
+
+
+export function scaleResizeGroup(group: IBranch, scaleX: number, scaleY: number): void {
+    const { children } = group
+    for (let i = 0; i < children.length; i++) {
+        matrix.a = scaleX // must update
+        matrix.d = scaleY
+        children[i].transform(matrix, true)
+    }
+}

package/types/index.d.ts

@@ -0,0 +1,14 @@
+import { IPathCommandData, ILeaf, IText, ILine, IPolygon, IBranch } from '@leafer-ui/interface';
+
+declare const PathScaler: {
+    scale(data: IPathCommandData, scaleX: number, scaleY: number): void;
+    scalePoints(data: IPathCommandData, scaleX: number, scaleY: number, start?: number, pointCount?: number): void;
+};
+
+declare function scaleResize(leaf: ILeaf, scaleX: number, scaleY: number): void;
+declare function scaleResizeFontSize(leaf: IText, scaleX: number, scaleY: number): void;
+declare function scaleResizePath(leaf: ILeaf, scaleX: number, scaleY: number): void;
+declare function scaleResizePoints(leaf: ILine | IPolygon, scaleX: number, scaleY: number): void;
+declare function scaleResizeGroup(group: IBranch, scaleX: number, scaleY: number): void;
+
+export { PathScaler, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints };