@leafer-editor/worker 1.1.2 → 1.2.1

package/dist/worker.module.js

@@ -1402,9 +1402,21 @@ const Run = {
 };
 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 = {
@@ -5419,7 +5431,7 @@ let Leaf = class Leaf {
         this.__[attrName] = value === undefined ? null : undefined;
         this[attrName] = value;
     }
-    forceRender(_bounds) {
+    forceRender(_bounds, _sync) {
         this.forceUpdate('surface');
     }
     __updateWorldMatrix() { }
@@ -5629,10 +5641,10 @@ let Leaf = class Leaf {
     __updatePath() { }
     __updateRenderPath() { }
     getMotionPathData() {
-        return needPlugin('path');
+        return Plugin.need('path');
     }
     getMotionPoint(_motionDistance) {
-        return needPlugin('path');
+        return Plugin.need('path');
     }
     getMotionTotal() {
         return 0;
@@ -5989,7 +6001,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.1.1";
+const version = "1.2.1";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() { return true; }
@@ -6987,8 +6999,8 @@ const PaintGradient = {};
 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: {},
@@ -7489,7 +7501,7 @@ let UI = UI_1 = class UI extends Leaf {
             drawer.rect(x, y, width, height);
     }
     animate(_keyframe, _options, _type, _isTemp) {
-        return needPlugin('animate');
+        return Plugin.need('animate');
     }
     killAnimate(_type) { }
     export(filename, options) {
@@ -7888,10 +7900,13 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         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)
@@ -8067,7 +8082,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         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; }
@@ -8880,8 +8895,8 @@ let App = class App extends Leafer {
         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 Leafer(merge);
@@ -11806,218 +11821,6 @@ Object.assign(Creator, {
 });
 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 } = 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 = 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);
-};
-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);
-    }
-};
-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);
-    }
-};
-
 function toList(value) {
     return value ? (value instanceof Array ? value : [value]) : [];
 }
@@ -12079,7 +11882,7 @@ const { abs: abs$1 } = Math;
 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 UI {
     constructor() {
@@ -12114,9 +11917,9 @@ class Stroker extends UI {
                 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;
@@ -12411,7 +12214,7 @@ class EditSelect extends Group {
     }
 }
 
-const { topLeft, top, topRight, right: right$1, bottomRight, bottom, bottomLeft, left: left$1 } = Direction9;
+const { topLeft: topLeft$1, top: top$1, topRight: topRight$1, right: right$2, bottomRight, bottom: bottom$1, bottomLeft, left: left$2 } = Direction9;
 const { toPoint } = AroundHelper;
 const { within } = MathHelper;
 const EditDataHelper = {
@@ -12440,28 +12243,28 @@ const EditDataHelper = {
         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';
@@ -12481,12 +12284,12 @@ const EditDataHelper = {
             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:
@@ -12519,10 +12322,10 @@ const EditDataHelper = {
     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:
@@ -12541,22 +12344,22 @@ const EditDataHelper = {
         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;
@@ -12581,20 +12384,20 @@ const EditDataHelper = {
     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;
@@ -12603,23 +12406,23 @@ const EditDataHelper = {
         }
         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;
             }
         }
@@ -13282,6 +13085,8 @@ class Editor extends Group {
         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;
@@ -13753,7 +13558,7 @@ EditTool = __decorate([
     registerEditTool()
 ], EditTool);
 
-const { left, right } = Direction9;
+const { left: left$1, right: right$1 } = Direction9;
 const { move, copy: copy$1, toNumberPoints } = PointHelper;
 let LineEditTool = class LineEditTool extends EditTool {
     constructor() {
@@ -13764,7 +13569,7 @@ let LineEditTool = class LineEditTool extends EditTool {
     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);
@@ -13849,7 +13654,7 @@ let LineEditTool = class LineEditTool extends EditTool {
         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;
         }
@@ -13859,6 +13664,221 @@ LineEditTool = __decorate([
     registerEditTool()
 ], 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 } = 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 = 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);
+};
+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);
+    }
+};
+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);
+    }
+};
+
+Plugin.add('resize');
+
+Plugin.add('editor');
 Creator.editor = function (options) { return new Editor(options); };
 dataType(false)(Box.prototype, 'textBox');
 defineKey(UI.prototype, 'editOuter', {
@@ -14232,6 +14252,8 @@ dragger.autoMoveCancel = function () {
     }
 };
 
+Plugin.add('viewport');
+
 function getZoomScale(scaleX, type) {
     let scale = 1;
     const out = type === 'out', absScale = Math.abs(scaleX);
@@ -14259,6 +14281,7 @@ function getFixBounds(bounds, scaleBounds) {
     return fix ? { x, y, width, height } : bounds;
 }
 
+Plugin.add('view');
 Leafer.prototype.zoom = function (zoomType, padding, fixed) {
     const { zoomLayer } = this;
     const limitBounds = this.canvas.bounds.clone().shrink(padding !== undefined ? padding : 30), bounds = new Bounds();
@@ -14431,6 +14454,8 @@ class ScrollBar extends Group {
     }
 }
 
+Plugin.add('scroll');
+
 class ArrowData extends LineData {
 }
 
@@ -14690,6 +14715,7 @@ function arrowType(defaultValue) {
     }));
 }
 
+Plugin.add('arrow');
 const ui = UI.prototype;
 arrowType('none')(ui, 'startArrow');
 arrowType('none')(ui, 'endArrow');
@@ -14897,6 +14923,9 @@ TextEditor = __decorate([
     registerInnerEditor()
 ], TextEditor);
 
+Plugin.add('text-editor');
+setTimeout(() => Plugin.check('editor', true));
+
 class HTMLTextData extends ImageData {
     setText(value) {
         this._text = value;
@@ -14955,4 +14984,6 @@ HTMLText = __decorate([
     registerUI()
 ], HTMLText);
 
-export { AlignHelper, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Platform, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, doBoundsType, doStrokeType, effectType, emptyData, eraserType, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isNull, layoutProcessor, maskType, naturalBoundsType, needPlugin, opacityType, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleResize, scaleResizeFontSize, scaleResizeGroup, scaleResizePath, scaleResizePoints, scaleType, sortType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix, tempPoint$3 as tempPoint, useCanvas, useModule, version, visibleType, zoomLayerType };
+Plugin.add('html');
+
+export { AlignHelper, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, doBoundsType, doStrokeType, effectType, emptyData, eraserType, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isNull, layoutProcessor, maskType, naturalBoundsType, opacityType, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, sortType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix, tempPoint$3 as tempPoint, useCanvas, useModule, version, visibleType, zoomLayerType };