@leafer-editor/worker 1.1.2 → 1.2.1

package/dist/worker.js

@@ -1405,9 +1405,21 @@ var LeaferUI = (function (exports) {
     };
     const R = Run;
 
-    function needPlugin(name) {
-        console.error('need plugin: @leafer-in/' + name);
-    }
+    const Plugin = {
+        list: {},
+        add(name) {
+            this.list[name] = true;
+        },
+        check(name, tip) {
+            const rs = this.list[name];
+            if (!rs && tip)
+                this.need(name);
+            return rs;
+        },
+        need(name) {
+            console.error('need plugin: @leafer-in/' + name);
+        }
+    };
 
     const debug$g = Debug.get('UICreator');
     const UICreator = {
@@ -5422,7 +5434,7 @@ var LeaferUI = (function (exports) {
             this.__[attrName] = value === undefined ? null : undefined;
             this[attrName] = value;
         }
-        forceRender(_bounds) {
+        forceRender(_bounds, _sync) {
             this.forceUpdate('surface');
         }
         __updateWorldMatrix() { }
@@ -5632,10 +5644,10 @@ var LeaferUI = (function (exports) {
         __updatePath() { }
         __updateRenderPath() { }
         getMotionPathData() {
-            return needPlugin('path');
+            return Plugin.need('path');
         }
         getMotionPoint(_motionDistance) {
-            return needPlugin('path');
+            return Plugin.need('path');
         }
         getMotionTotal() {
             return 0;
@@ -5992,7 +6004,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const version = "1.1.1";
+    const version = "1.2.1";
 
     class LeaferCanvas extends LeaferCanvasBase {
         get allowBackgroundColor() { return true; }
@@ -6990,8 +7002,8 @@ var LeaferUI = (function (exports) {
     const Effect = {};
     const Export = {};
     const State = {
-        setStyleName(_leaf, _styleName, _value) { return needPlugin('state'); },
-        set(_leaf, _stateName) { return needPlugin('state'); }
+        setStyleName(_leaf, _styleName, _value) { return Plugin.need('state'); },
+        set(_leaf, _stateName) { return Plugin.need('state'); }
     };
     const Transition = {
         list: {},
@@ -7492,7 +7504,7 @@ var LeaferUI = (function (exports) {
                 drawer.rect(x, y, width, height);
         }
         animate(_keyframe, _options, _type, _isTemp) {
-            return needPlugin('animate');
+            return Plugin.need('animate');
         }
         killAnimate(_type) { }
         export(filename, options) {
@@ -7891,10 +7903,13 @@ var LeaferUI = (function (exports) {
             const data = DataHelper.copyAttrs({}, size, canvasSizeAttrs);
             Object.keys(data).forEach(key => this[key] = data[key]);
         }
-        forceRender(bounds) {
-            this.renderer.addBlock(bounds ? new Bounds(bounds) : this.canvas.bounds);
-            if (this.viewReady)
-                this.renderer.render();
+        forceRender(bounds, sync) {
+            const { renderer } = this;
+            if (renderer) {
+                renderer.addBlock(bounds ? new Bounds(bounds) : this.canvas.bounds);
+                if (this.viewReady)
+                    sync ? renderer.render() : renderer.update();
+            }
         }
         requestRender(change = false) {
             if (this.renderer)
@@ -8070,7 +8085,7 @@ var LeaferUI = (function (exports) {
             this.requestRender();
         }
         zoom(_zoomType, _padding, _fixedScale) {
-            return needPlugin('view');
+            return Plugin.need('view');
         }
         getValidMove(moveX, moveY) { return { x: moveX, y: moveY }; }
         getValidScale(changeScale) { return changeScale; }
@@ -8883,8 +8898,8 @@ var LeaferUI = (function (exports) {
             super.lockLayout();
             this.children.forEach(leafer => leafer.lockLayout());
         }
-        forceRender(bounds) {
-            this.children.forEach(leafer => leafer.forceRender(bounds));
+        forceRender(bounds, sync) {
+            this.children.forEach(leafer => leafer.forceRender(bounds, sync));
         }
         addLeafer(merge) {
             const leafer = new exports.Leafer(merge);
@@ -11809,218 +11824,6 @@ var LeaferUI = (function (exports) {
     });
     useCanvas();
 
-    const { M: M$2, L: L$2, C: C$2, Q: Q$2, Z: Z$1, N: N$1, D: D$1, X: X$1, G: G$1, F: F$1, O: O$2, P: P$1, U: U$1 } = 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$2:
-                    case L$2:
-                        scalePoints(data, scaleX, scaleY, i, 1);
-                        i += 3;
-                        break;
-                    case C$2:
-                        scalePoints(data, scaleX, scaleY, i, 3);
-                        i += 7;
-                        break;
-                    case Q$2:
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 5;
-                        break;
-                    case Z$1:
-                        i += 1;
-                        break;
-                    case N$1:
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 5;
-                        break;
-                    case D$1:
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 9;
-                        break;
-                    case X$1:
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 6;
-                        break;
-                    case G$1:
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 9;
-                        break;
-                    case F$1:
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 5;
-                        break;
-                    case O$2:
-                        data[i] = G$1;
-                        data.splice(i + 4, 0, data[i + 3], 0);
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 7 + 2;
-                        len += 2;
-                        break;
-                    case P$1:
-                        data[i] = F$1;
-                        data.splice(i + 4, 0, data[i + 3]);
-                        scalePoints(data, scaleX, scaleY, i, 2);
-                        i += 4 + 1;
-                        len += 1;
-                        break;
-                    case U$1:
-                        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$1 = MatrixHelper.get();
-    const { topLeft: topLeft$1, top: top$1, topRight: topRight$1, right: right$2, bottom: bottom$1, left: left$2 } = exports.Direction9;
-    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 { app } = leaf;
-        const editor = app && app.editor;
-        let fontScale = scaleX;
-        if (editor.editing) {
-            const layout = leaf.__layout;
-            let { width, height } = layout.boxBounds;
-            width *= scaleY - scaleX;
-            height *= scaleX - scaleY;
-            switch (editor.resizeDirection) {
-                case top$1:
-                case bottom$1:
-                    fontScale = scaleY;
-                    layout.affectScaleOrRotation ? leaf.moveInner(-width / 2, 0) : leaf.x -= width / 2;
-                    break;
-                case left$2:
-                case right$2:
-                    layout.affectScaleOrRotation ? leaf.moveInner(0, -height / 2) : leaf.y -= height / 2;
-                    break;
-                case topLeft$1:
-                case topRight$1:
-                    layout.affectScaleOrRotation ? leaf.moveInner(0, -height) : leaf.y -= height;
-                    break;
-            }
-        }
-        leaf.fontSize *= fontScale;
-        const data = leaf.__;
-        if (!data.__autoWidth)
-            leaf.width *= fontScale;
-        if (!data.__autoHeight)
-            leaf.height *= fontScale;
-    }
-    function scaleResizePath(leaf, scaleX, scaleY) {
-        PathScaler.scale(leaf.__.path, scaleX, scaleY);
-        leaf.path = leaf.__.path;
-    }
-    function scaleResizePoints(leaf, scaleX, scaleY) {
-        const { points } = leaf;
-        typeof points[0] === 'object' ? points.forEach(p => { p.x *= scaleX, p.y *= scaleY; }) : PathScaler.scalePoints(points, scaleX, scaleY);
-        leaf.points = points;
-    }
-    function scaleResizeGroup(group, scaleX, scaleY) {
-        const { children } = group;
-        for (let i = 0; i < children.length; i++) {
-            matrix$1.a = scaleX;
-            matrix$1.d = scaleY;
-            children[i].transform(matrix$1, true);
-        }
-    }
-
-    const leaf = exports.Leaf.prototype;
-    leaf.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.__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);
-    };
-    exports.Text.prototype.__scaleResize = function (scaleX, scaleY) {
-        if (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size')) {
-            scaleResizeFontSize(this, scaleX, scaleY);
-        }
-        else {
-            scaleResize(this, scaleX, scaleY);
-        }
-    };
-    exports.Path.prototype.__scaleResize = function (scaleX, scaleY) {
-        scaleResizePath(this, scaleX, scaleY);
-    };
-    exports.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;
-        }
-    };
-    exports.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);
-        }
-    };
-    exports.Group.prototype.__scaleResize = function (scaleX, scaleY) {
-        scaleResizeGroup(this, scaleX, scaleY);
-    };
-    exports.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);
-        }
-    };
-
     function toList(value) {
         return value ? (value instanceof Array ? value : [value]) : [];
     }
@@ -12082,7 +11885,7 @@ var LeaferUI = (function (exports) {
     const { copy: copy$2, scale: scale$1 } = MatrixHelper;
     const { setListWithFn } = BoundsHelper;
     const { worldBounds } = LeafBoundsHelper;
-    const matrix = getMatrixData();
+    const matrix$1 = getMatrixData();
     const bounds$2 = getBoundsData();
     class Stroker extends exports.UI {
         constructor() {
@@ -12117,9 +11920,9 @@ var LeaferUI = (function (exports) {
                     if (!bounds || bounds.hit(worldRenderBounds, options.matrix)) {
                         const aScaleX = abs$1(worldTransform.scaleX), aScaleY = abs$1(worldTransform.scaleY);
                         if (aScaleX !== aScaleY) {
-                            copy$2(matrix, worldTransform);
-                            scale$1(matrix, 1 / aScaleX, 1 / aScaleY);
-                            canvas.setWorld(matrix, options.matrix);
+                            copy$2(matrix$1, worldTransform);
+                            scale$1(matrix$1, 1 / aScaleX, 1 / aScaleY);
+                            canvas.setWorld(matrix$1, options.matrix);
                             canvas.beginPath();
                             data.strokeWidth = strokeWidth;
                             const { x, y, width, height } = leaf.__layout.boxBounds;
@@ -12414,7 +12217,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const { topLeft, top, topRight, right: right$1, bottomRight, bottom, bottomLeft, left: left$1 } = exports.Direction9;
+    const { topLeft: topLeft$1, top: top$1, topRight: topRight$1, right: right$2, bottomRight, bottom: bottom$1, bottomLeft, left: left$2 } = exports.Direction9;
     const { toPoint } = AroundHelper;
     const { within } = MathHelper;
     const EditDataHelper = {
@@ -12443,28 +12246,28 @@ var LeaferUI = (function (exports) {
             const bottomScale = (totalMove.y + height) / height;
             const leftScale = (-totalMove.x + width) / width;
             switch (direction) {
-                case top:
+                case top$1:
                     scaleY = topScale;
                     align = 'bottom';
                     break;
-                case right$1:
+                case right$2:
                     scaleX = rightScale;
                     align = 'left';
                     break;
-                case bottom:
+                case bottom$1:
                     scaleY = bottomScale;
                     align = 'top';
                     break;
-                case left$1:
+                case left$2:
                     scaleX = leftScale;
                     align = 'right';
                     break;
-                case topLeft:
+                case topLeft$1:
                     scaleY = topScale;
                     scaleX = leftScale;
                     align = 'bottom-right';
                     break;
-                case topRight:
+                case topRight$1:
                     scaleY = topScale;
                     scaleX = rightScale;
                     align = 'bottom-left';
@@ -12484,12 +12287,12 @@ var LeaferUI = (function (exports) {
                 if (!unlockSide) {
                     let scale;
                     switch (direction) {
-                        case top:
-                        case bottom:
+                        case top$1:
+                        case bottom$1:
                             scale = scaleY;
                             break;
-                        case left$1:
-                        case right$1:
+                        case left$2:
+                        case right$2:
                             scale = scaleX;
                             break;
                         default:
@@ -12522,10 +12325,10 @@ var LeaferUI = (function (exports) {
         getRotateData(bounds, direction, current, last, around) {
             let align, origin = {};
             switch (direction) {
-                case topLeft:
+                case topLeft$1:
                     align = 'bottom-right';
                     break;
-                case topRight:
+                case topRight$1:
                     align = 'bottom-left';
                     break;
                 case bottomRight:
@@ -12544,22 +12347,22 @@ var LeaferUI = (function (exports) {
             let align, origin = {}, skewX = 0, skewY = 0;
             let last;
             switch (direction) {
-                case top:
+                case top$1:
                     last = { x: 0.5, y: 0 };
                     align = 'bottom';
                     skewX = 1;
                     break;
-                case bottom:
+                case bottom$1:
                     last = { x: 0.5, y: 1 };
                     align = 'top';
                     skewX = 1;
                     break;
-                case left$1:
+                case left$2:
                     last = { x: 0, y: 0.5 };
                     align = 'right';
                     skewY = 1;
                     break;
-                case right$1:
+                case right$2:
                     last = { x: 1, y: 0.5 };
                     align = 'left';
                     skewY = 1;
@@ -12584,20 +12387,20 @@ var LeaferUI = (function (exports) {
         getFlipDirection(direction, flipedX, flipedY) {
             if (flipedX) {
                 switch (direction) {
-                    case left$1:
-                        direction = right$1;
+                    case left$2:
+                        direction = right$2;
                         break;
-                    case topLeft:
-                        direction = topRight;
+                    case topLeft$1:
+                        direction = topRight$1;
                         break;
                     case bottomLeft:
                         direction = bottomRight;
                         break;
-                    case right$1:
-                        direction = left$1;
+                    case right$2:
+                        direction = left$2;
                         break;
-                    case topRight:
-                        direction = topLeft;
+                    case topRight$1:
+                        direction = topLeft$1;
                         break;
                     case bottomRight:
                         direction = bottomLeft;
@@ -12606,23 +12409,23 @@ var LeaferUI = (function (exports) {
             }
             if (flipedY) {
                 switch (direction) {
-                    case top:
-                        direction = bottom;
+                    case top$1:
+                        direction = bottom$1;
                         break;
-                    case topLeft:
+                    case topLeft$1:
                         direction = bottomLeft;
                         break;
-                    case topRight:
+                    case topRight$1:
                         direction = bottomRight;
                         break;
-                    case bottom:
-                        direction = top;
+                    case bottom$1:
+                        direction = top$1;
                         break;
                     case bottomLeft:
-                        direction = topLeft;
+                        direction = topLeft$1;
                         break;
                     case bottomRight:
-                        direction = topRight;
+                        direction = topRight$1;
                         break;
                 }
             }
@@ -13285,6 +13088,8 @@ ${filterStyle}
             if (userConfig)
                 this.config = DataHelper.default(userConfig, this.config);
             this.addMany(this.editMask, this.selector, this.editBox);
+            if (!Plugin.check('resize', true))
+                this.config.editSize = 'scale';
         }
         select(target) {
             this.target = target;
@@ -13756,7 +13561,7 @@ ${filterStyle}
         registerEditTool()
     ], exports.EditTool);
 
-    const { left, right } = exports.Direction9;
+    const { left: left$1, right: right$1 } = exports.Direction9;
     const { move, copy: copy$1, toNumberPoints } = PointHelper;
     exports.LineEditTool = class LineEditTool extends exports.EditTool {
         constructor() {
@@ -13767,7 +13572,7 @@ ${filterStyle}
         onScaleWithDrag(e) {
             const { drag, direction, lockRatio, around } = e;
             const line = e.target;
-            const isDragFrom = direction === left;
+            const isDragFrom = direction === left$1;
             if (line.pathInputed) {
                 const { path } = line.__;
                 const { from, to } = this.getFromToByPath(path);
@@ -13852,7 +13657,7 @@ ${filterStyle}
             for (let i = 0; i < 8; i++) {
                 if (i < 4)
                     resizeLines[i].visible = false;
-                leftOrRight = i === left || i === right;
+                leftOrRight = i === left$1 || i === right$1;
                 resizePoints[i].visible = leftOrRight;
                 rotatePoints[i].visible = fromTo ? false : leftOrRight;
             }
@@ -13862,6 +13667,221 @@ ${filterStyle}
         registerEditTool()
     ], exports.LineEditTool);
 
+    const { M: M$2, L: L$2, C: C$2, Q: Q$2, Z: Z$1, N: N$1, D: D$1, X: X$1, G: G$1, F: F$1, O: O$2, P: P$1, U: U$1 } = 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$2:
+                    case L$2:
+                        scalePoints(data, scaleX, scaleY, i, 1);
+                        i += 3;
+                        break;
+                    case C$2:
+                        scalePoints(data, scaleX, scaleY, i, 3);
+                        i += 7;
+                        break;
+                    case Q$2:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 5;
+                        break;
+                    case Z$1:
+                        i += 1;
+                        break;
+                    case N$1:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 5;
+                        break;
+                    case D$1:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 9;
+                        break;
+                    case X$1:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 6;
+                        break;
+                    case G$1:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 9;
+                        break;
+                    case F$1:
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 5;
+                        break;
+                    case O$2:
+                        data[i] = G$1;
+                        data.splice(i + 4, 0, data[i + 3], 0);
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 7 + 2;
+                        len += 2;
+                        break;
+                    case P$1:
+                        data[i] = F$1;
+                        data.splice(i + 4, 0, data[i + 3]);
+                        scalePoints(data, scaleX, scaleY, i, 2);
+                        i += 4 + 1;
+                        len += 1;
+                        break;
+                    case U$1:
+                        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();
+    const { topLeft, top, topRight, right, bottom, left } = exports.Direction9;
+    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 { app } = leaf;
+        const editor = app && app.editor;
+        let fontScale = scaleX;
+        if (editor.editing) {
+            const layout = leaf.__layout;
+            let { width, height } = layout.boxBounds;
+            width *= scaleY - scaleX;
+            height *= scaleX - scaleY;
+            switch (editor.resizeDirection) {
+                case top:
+                case bottom:
+                    fontScale = scaleY;
+                    layout.affectScaleOrRotation ? leaf.moveInner(-width / 2, 0) : leaf.x -= width / 2;
+                    break;
+                case left:
+                case right:
+                    layout.affectScaleOrRotation ? leaf.moveInner(0, -height / 2) : leaf.y -= height / 2;
+                    break;
+                case topLeft:
+                case topRight:
+                    layout.affectScaleOrRotation ? leaf.moveInner(0, -height) : leaf.y -= height;
+                    break;
+            }
+        }
+        leaf.fontSize *= fontScale;
+        const data = leaf.__;
+        if (!data.__autoWidth)
+            leaf.width *= fontScale;
+        if (!data.__autoHeight)
+            leaf.height *= fontScale;
+    }
+    function scaleResizePath(leaf, scaleX, scaleY) {
+        PathScaler.scale(leaf.__.path, scaleX, scaleY);
+        leaf.path = leaf.__.path;
+    }
+    function scaleResizePoints(leaf, scaleX, scaleY) {
+        const { points } = leaf;
+        typeof points[0] === 'object' ? points.forEach(p => { p.x *= scaleX, p.y *= scaleY; }) : PathScaler.scalePoints(points, scaleX, scaleY);
+        leaf.points = 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);
+        }
+    }
+
+    const leaf = exports.Leaf.prototype;
+    leaf.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.__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);
+    };
+    exports.Text.prototype.__scaleResize = function (scaleX, scaleY) {
+        if (this.__.resizeFontSize || (this.editConfig && this.editConfig.editSize === 'font-size')) {
+            scaleResizeFontSize(this, scaleX, scaleY);
+        }
+        else {
+            scaleResize(this, scaleX, scaleY);
+        }
+    };
+    exports.Path.prototype.__scaleResize = function (scaleX, scaleY) {
+        scaleResizePath(this, scaleX, scaleY);
+    };
+    exports.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;
+        }
+    };
+    exports.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);
+        }
+    };
+    exports.Group.prototype.__scaleResize = function (scaleX, scaleY) {
+        scaleResizeGroup(this, scaleX, scaleY);
+    };
+    exports.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);
+        }
+    };
+
+    Plugin.add('resize');
+
+    Plugin.add('editor');
     Creator.editor = function (options) { return new Editor(options); };
     dataType(false)(exports.Box.prototype, 'textBox');
     defineKey(exports.UI.prototype, 'editOuter', {
@@ -14235,6 +14255,8 @@ ${filterStyle}
         }
     };
 
+    Plugin.add('viewport');
+
     function getZoomScale(scaleX, type) {
         let scale = 1;
         const out = type === 'out', absScale = Math.abs(scaleX);
@@ -14262,6 +14284,7 @@ ${filterStyle}
         return fix ? { x, y, width, height } : bounds;
     }
 
+    Plugin.add('view');
     exports.Leafer.prototype.zoom = function (zoomType, padding, fixed) {
         const { zoomLayer } = this;
         const limitBounds = this.canvas.bounds.clone().shrink(padding !== undefined ? padding : 30), bounds = new Bounds();
@@ -14434,6 +14457,8 @@ ${filterStyle}
         }
     }
 
+    Plugin.add('scroll');
+
     class ArrowData extends LineData {
     }
 
@@ -14693,6 +14718,7 @@ ${filterStyle}
         }));
     }
 
+    Plugin.add('arrow');
     const ui = exports.UI.prototype;
     arrowType('none')(ui, 'startArrow');
     arrowType('none')(ui, 'endArrow');
@@ -14900,6 +14926,9 @@ ${filterStyle}
         registerInnerEditor()
     ], exports.TextEditor);
 
+    Plugin.add('text-editor');
+    setTimeout(() => Plugin.check('editor', true));
+
     class HTMLTextData extends ImageData {
         setText(value) {
             this._text = value;
@@ -14958,6 +14987,8 @@ ${filterStyle}
         registerUI()
     ], exports.HTMLText);
 
+    Plugin.add('html');
+
     exports.AlignHelper = AlignHelper;
     exports.AroundHelper = AroundHelper;
     exports.ArrowData = ArrowData;
@@ -15060,9 +15091,9 @@ ${filterStyle}
     exports.PathMatrixHelper = PathMatrixHelper;
     exports.PathNumberCommandLengthMap = PathNumberCommandLengthMap;
     exports.PathNumberCommandMap = PathNumberCommandMap;
-    exports.PathScaler = PathScaler;
     exports.PenData = PenData;
     exports.Platform = Platform;
+    exports.Plugin = Plugin;
     exports.Point = Point;
     exports.PointHelper = PointHelper;
     exports.PointerButton = PointerButton;
@@ -15130,7 +15161,6 @@ ${filterStyle}
     exports.layoutProcessor = layoutProcessor;
     exports.maskType = maskType;
     exports.naturalBoundsType = naturalBoundsType;
-    exports.needPlugin = needPlugin;
     exports.opacityType = opacityType;
     exports.pathInputType = pathInputType;
     exports.pathType = pathType;
@@ -15144,11 +15174,6 @@ ${filterStyle}
     exports.rewrite = rewrite;
     exports.rewriteAble = rewriteAble;
     exports.rotationType = rotationType;
-    exports.scaleResize = scaleResize;
-    exports.scaleResizeFontSize = scaleResizeFontSize;
-    exports.scaleResizeGroup = scaleResizeGroup;
-    exports.scaleResizePath = scaleResizePath;
-    exports.scaleResizePoints = scaleResizePoints;
     exports.scaleType = scaleType;
     exports.sortType = sortType;
     exports.strokeType = strokeType;