@leafer-in/resize 1.0.0-rc.27 → 1.0.0-rc.30

package/dist/resize.cjs

@@ -121,7 +121,8 @@ function scaleResizeGroup(group, scaleX, scaleY) {
     }
 }
 
-draw.Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
+const leaf = draw.Leaf.prototype;
+leaf.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
     const data = this;
     if (noResize || (data.editConfig && data.editConfig.editSize === 'scale')) {
         data.scaleX *= scaleX;
@@ -135,9 +136,17 @@ draw.Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
         this.__scaleResize(scaleX, scaleY);
     }
 };
-draw.Leaf.prototype.__scaleResize = function (scaleX, scaleY) {
+leaf.__scaleResize = function (scaleX, scaleY) {
     scaleResize(this, scaleX, scaleY);
 };
+leaf.resizeWidth = function (width) {
+    const scale = width / this.getBounds('box', 'local').width;
+    this.scaleOf(this.__layout.boxBounds, scale, this.__.lockRatio ? scale : 1, true);
+};
+leaf.resizeHeight = function (height) {
+    const scale = height / this.getBounds('box', 'local').height;
+    this.scaleOf(this.__layout.boxBounds, this.__.lockRatio ? scale : 1, scale, true);
+};
 draw.Text.prototype.__scaleResize = function (scaleX, scaleY) {
     if (this.__.__autoSize && (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size'))) {
         scaleResizeFontSize(this, scaleX, scaleY);

package/dist/resize.esm.js

@@ -119,7 +119,8 @@ function scaleResizeGroup(group, scaleX, scaleY) {
     }
 }
 
-Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
+const leaf = Leaf.prototype;
+leaf.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
     const data = this;
     if (noResize || (data.editConfig && data.editConfig.editSize === 'scale')) {
         data.scaleX *= scaleX;
@@ -133,9 +134,17 @@ Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
         this.__scaleResize(scaleX, scaleY);
     }
 };
-Leaf.prototype.__scaleResize = function (scaleX, scaleY) {
+leaf.__scaleResize = function (scaleX, scaleY) {
     scaleResize(this, scaleX, scaleY);
 };
+leaf.resizeWidth = function (width) {
+    const scale = width / this.getBounds('box', 'local').width;
+    this.scaleOf(this.__layout.boxBounds, scale, this.__.lockRatio ? scale : 1, true);
+};
+leaf.resizeHeight = function (height) {
+    const scale = height / this.getBounds('box', 'local').height;
+    this.scaleOf(this.__layout.boxBounds, this.__.lockRatio ? scale : 1, scale, true);
+};
 Text.prototype.__scaleResize = function (scaleX, scaleY) {
     if (this.__.__autoSize && (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size'))) {
         scaleResizeFontSize(this, scaleX, scaleY);

package/dist/resize.esm.min.js

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

package/dist/resize.js

@@ -121,7 +121,8 @@ this.LeaferIN.resize = (function (exports, draw) {
         }
     }
 
-    draw.Leaf.prototype.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
+    const leaf = draw.Leaf.prototype;
+    leaf.scaleResize = function (scaleX, scaleY = scaleX, noResize) {
         const data = this;
         if (noResize || (data.editConfig && data.editConfig.editSize === 'scale')) {
             data.scaleX *= scaleX;
@@ -135,9 +136,17 @@ this.LeaferIN.resize = (function (exports, draw) {
             this.__scaleResize(scaleX, scaleY);
         }
     };
-    draw.Leaf.prototype.__scaleResize = function (scaleX, scaleY) {
+    leaf.__scaleResize = function (scaleX, scaleY) {
         scaleResize(this, scaleX, scaleY);
     };
+    leaf.resizeWidth = function (width) {
+        const scale = width / this.getBounds('box', 'local').width;
+        this.scaleOf(this.__layout.boxBounds, scale, this.__.lockRatio ? scale : 1, true);
+    };
+    leaf.resizeHeight = function (height) {
+        const scale = height / this.getBounds('box', 'local').height;
+        this.scaleOf(this.__layout.boxBounds, this.__.lockRatio ? scale : 1, scale, true);
+    };
     draw.Text.prototype.__scaleResize = function (scaleX, scaleY) {
         if (this.__.__autoSize && (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size'))) {
             scaleResizeFontSize(this, scaleX, scaleY);

package/dist/resize.min.cjs

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

package/dist/resize.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leafer-in/resize",
-  "version": "1.0.0-rc.27",
+  "version": "1.0.0-rc.30",
   "description": "@leafer-in/resize",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "leaferjs"
   ],
   "dependencies": {
-    "@leafer-ui/draw": "1.0.0-rc.27",
-    "@leafer-ui/interface": "1.0.0-rc.27"
+    "@leafer-ui/draw": "1.0.0-rc.30",
+    "@leafer-ui/interface": "1.0.0-rc.30"
   }
 }

package/src/index.ts

@@ -1,74 +1,3 @@
 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)
-    }
-}
+export * from './resize'

package/src/resize.ts

@@ -0,0 +1,93 @@
+
+import { Leaf, Path, Line, Text, Polygon, Group, Box, UI } from '@leafer-ui/draw'
+
+import { scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints } from './scaler'
+
+
+// leaf
+
+const leaf = Leaf.prototype
+
+leaf.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.__scaleResize = function (scaleX: number, scaleY: number): void {
+    scaleResize(this, scaleX, scaleY)
+}
+
+
+leaf.resizeWidth = function (width: number): void {
+    const scale = width / this.getBounds('box', 'local').width
+    this.scaleOf(this.__layout.boxBounds, scale, this.__.lockRatio ? scale : 1, true)
+}
+
+
+leaf.resizeHeight = function (height: number): void {
+    const scale = height / this.getBounds('box', 'local').height
+    this.scaleOf(this.__layout.boxBounds, this.__.lockRatio ? scale : 1, scale, true)
+}
+
+
+// UI
+
+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)
+    }
+}