leafer-draw 1.2.1 → 1.3.0

package/dist/web.js

@@ -768,8 +768,8 @@ var LeaferUI = (function (exports) {
             t.maxY = y > t.maxY ? y : t.maxY;
         },
         addBounds(t, x, y, width, height) {
-            addPoint$4(t, x, y);
-            addPoint$4(t, x + width, y + height);
+            addPoint$3(t, x, y);
+            addPoint$3(t, x + width, y + height);
         },
         copy(t, pb) {
             t.minX = pb.minX;
@@ -790,9 +790,9 @@ var LeaferUI = (function (exports) {
             setBounds.height = t.maxY - t.minY;
         }
     };
-    const { addPoint: addPoint$4 } = TwoPointBoundsHelper;
+    const { addPoint: addPoint$3 } = TwoPointBoundsHelper;
 
-    const { tempPointBounds: tempPointBounds$1, setPoint: setPoint$3, addPoint: addPoint$3, toBounds: toBounds$4 } = TwoPointBoundsHelper;
+    const { tempPointBounds: tempPointBounds$1, setPoint: setPoint$2, addPoint: addPoint$2, toBounds: toBounds$3 } = TwoPointBoundsHelper;
     const { toOuterPoint: toOuterPoint$2 } = MatrixHelper;
     const { float, fourNumber } = MathHelper;
     const { floor, ceil: ceil$2 } = Math;
@@ -908,17 +908,17 @@ var LeaferUI = (function (exports) {
                 point.x = t.x;
                 point.y = t.y;
                 toOuterPoint$2(matrix, point, toPoint$5);
-                setPoint$3(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
+                setPoint$2(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
                 point.x = t.x + t.width;
                 toOuterPoint$2(matrix, point, toPoint$5);
-                addPoint$3(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
+                addPoint$2(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
                 point.y = t.y + t.height;
                 toOuterPoint$2(matrix, point, toPoint$5);
-                addPoint$3(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
+                addPoint$2(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
                 point.x = t.x;
                 toOuterPoint$2(matrix, point, toPoint$5);
-                addPoint$3(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
-                toBounds$4(tempPointBounds$1, to);
+                addPoint$2(tempPointBounds$1, toPoint$5.x, toPoint$5.y);
+                toBounds$3(tempPointBounds$1, to);
             }
         },
         toInnerOf(t, matrix, to) {
@@ -1008,8 +1008,8 @@ var LeaferUI = (function (exports) {
                 B.reset(t);
         },
         setPoints(t, points) {
-            points.forEach((point, index) => index === 0 ? setPoint$3(tempPointBounds$1, point.x, point.y) : addPoint$3(tempPointBounds$1, point.x, point.y));
-            toBounds$4(tempPointBounds$1, t);
+            points.forEach((point, index) => index === 0 ? setPoint$2(tempPointBounds$1, point.x, point.y) : addPoint$2(tempPointBounds$1, point.x, point.y));
+            toBounds$3(tempPointBounds$1, t);
         },
         setPoint(t, point) {
             B.set(t, point.x, point.y);
@@ -1377,7 +1377,7 @@ var LeaferUI = (function (exports) {
     }
     const D$4 = Debug;
 
-    const debug$f = Debug.get('RunTime');
+    const debug$e = Debug.get('RunTime');
     const Run = {
         currentId: 0,
         currentName: '',
@@ -1395,7 +1395,7 @@ var LeaferUI = (function (exports) {
             const time = R.idMap[id], name = R.nameMap[id];
             const duration = microsecond ? (performance.now() - time) / 1000 : Date.now() - time;
             R.idMap[id] = R.nameMap[id] = R.nameToIdMap[name] = undefined;
-            debug$f.log(name, duration, 'ms');
+            debug$e.log(name, duration, 'ms');
         },
         endOfName(name, microsecond) {
             const id = R.nameToIdMap[name];
@@ -1405,34 +1405,37 @@ var LeaferUI = (function (exports) {
     };
     const R = Run;
 
+    const check = [];
     const Plugin = {
         list: {},
-        add(name) {
+        add(name, ...needPlugins) {
             this.list[name] = true;
+            check.push(...needPlugins);
         },
-        check(name, tip) {
+        has(name, tip) {
             const rs = this.list[name];
             if (!rs && tip)
                 this.need(name);
             return rs;
         },
         need(name) {
-            console.error('need plugin: @leafer-in/' + name);
+            console.error('need plugin: ' + (name.includes('-x') ? '' : '@leafer-in/') + name);
         }
     };
+    setTimeout(() => check.forEach(name => Plugin.has(name, true)));
 
-    const debug$e = Debug.get('UICreator');
+    const debug$d = Debug.get('UICreator');
     const UICreator = {
         list: {},
         register(UI) {
             const { __tag: tag } = UI.prototype;
             if (list$1[tag])
-                debug$e.repeat(tag);
+                debug$d.repeat(tag);
             list$1[tag] = UI;
         },
         get(tag, data, x, y, width, height) {
             if (!list$1[tag])
-                debug$e.error('not register ' + tag);
+                debug$d.error('not register ' + tag);
             const ui = new list$1[tag](data);
             if (x !== undefined) {
                 ui.x = x;
@@ -1448,7 +1451,7 @@ var LeaferUI = (function (exports) {
     };
     const { list: list$1 } = UICreator;
 
-    const debug$d = Debug.get('EventCreator');
+    const debug$c = Debug.get('EventCreator');
     const EventCreator = {
         nameList: {},
         register(Event) {
@@ -1456,7 +1459,7 @@ var LeaferUI = (function (exports) {
             Object.keys(Event).forEach(key => {
                 name = Event[key];
                 if (typeof name === 'string')
-                    nameList[name] && debug$d.repeat(name), nameList[name] = Event;
+                    nameList[name] && debug$c.repeat(name), nameList[name] = Event;
             });
         },
         changeName(oldName, newName) {
@@ -2050,11 +2053,11 @@ var LeaferUI = (function (exports) {
         toBlob(_type, _quality) { return undefined; }
         toDataURL(_type, _quality) { return undefined; }
         saveAs(_filename, _quality) { return undefined; }
-        resize(size) {
+        resize(size, safeResize = true) {
             if (this.isSameSize(size))
                 return;
             let takeCanvas;
-            if (this.context && !this.unreal && this.width) {
+            if (this.context && !this.unreal && safeResize && this.width) {
                 takeCanvas = this.getSameCanvas();
                 takeCanvas.copyWorld(this);
             }
@@ -2345,7 +2348,7 @@ var LeaferUI = (function (exports) {
     };
 
     const { sin: sin$3, cos: cos$3, atan2: atan2$1, ceil: ceil$1, abs: abs$3, PI: PI$2, sqrt: sqrt$1, pow } = Math;
-    const { setPoint: setPoint$2, addPoint: addPoint$2 } = TwoPointBoundsHelper;
+    const { setPoint: setPoint$1, addPoint: addPoint$1 } = TwoPointBoundsHelper;
     const { set, toNumberPoints } = PointHelper;
     const { M: M$5, L: L$6, C: C$5, Q: Q$4, Z: Z$5 } = PathCommandMap;
     const tempPoint$2 = {};
@@ -2421,8 +2424,8 @@ var LeaferUI = (function (exports) {
                 if (data)
                     data.push(L$6, x1, y1);
                 if (setPointBounds) {
-                    setPoint$2(setPointBounds, fromX, fromY);
-                    addPoint$2(setPointBounds, x1, y1);
+                    setPoint$1(setPointBounds, fromX, fromY);
+                    addPoint$1(setPointBounds, x1, y1);
                 }
                 if (setStartPoint)
                     set(setStartPoint, fromX, fromY);
@@ -2474,7 +2477,7 @@ var LeaferUI = (function (exports) {
             if (data)
                 data.push(data.length ? L$6 : M$5, fromX, fromY);
             if (setPointBounds)
-                setPoint$2(setPointBounds, fromX, fromY);
+                setPoint$1(setPointBounds, fromX, fromY);
             if (setStartPoint)
                 set(setStartPoint, fromX, fromY);
             for (let i = 0; i < parts; i++) {
@@ -2536,11 +2539,11 @@ var LeaferUI = (function (exports) {
                 if (0 < t2 && t2 < 1)
                     tList.push(t2);
             }
-            addMode ? addPoint$2(pointBounds, fromX, fromY) : setPoint$2(pointBounds, fromX, fromY);
-            addPoint$2(pointBounds, toX, toY);
+            addMode ? addPoint$1(pointBounds, fromX, fromY) : setPoint$1(pointBounds, fromX, fromY);
+            addPoint$1(pointBounds, toX, toY);
             for (let i = 0, len = tList.length; i < len; i++) {
                 getPointAndSet(tList[i], fromX, fromY, x1, y1, x2, y2, toX, toY, tempPoint$2);
-                addPoint$2(pointBounds, tempPoint$2.x, tempPoint$2.y);
+                addPoint$1(pointBounds, tempPoint$2.x, tempPoint$2.y);
             }
         },
         getPointAndSet(t, fromX, fromY, x1, y1, x2, y2, toX, toY, setPoint) {
@@ -2612,7 +2615,7 @@ var LeaferUI = (function (exports) {
     const { M: M$4, m, L: L$5, l, H, h, V, v, C: C$4, c, S, s, Q: Q$3, q, T, t, A, a, Z: Z$4, z, N: N$3, D: D$3, X: X$3, G: G$3, F: F$4, O: O$3, P: P$3, U: U$3 } = PathCommandMap;
     const { rect: rect$2, roundRect: roundRect$2, arcTo: arcTo$3, arc: arc$3, ellipse: ellipse$4, quadraticCurveTo: quadraticCurveTo$1 } = BezierHelper;
     const { ellipticalArc } = EllipseHelper;
-    const debug$c = Debug.get('PathConvert');
+    const debug$b = Debug.get('PathConvert');
     const setEndPoint$1 = {};
     const PathConvert = {
         current: { dot: 0 },
@@ -2853,7 +2856,7 @@ var LeaferUI = (function (exports) {
                         i += 6;
                         break;
                     default:
-                        debug$c.error(`command: ${command} [index:${i}]`, old);
+                        debug$b.error(`command: ${command} [index:${i}]`, old);
                         return data;
                 }
                 lastCommand = command;
@@ -3078,7 +3081,7 @@ var LeaferUI = (function (exports) {
     }
 
     const { M: M$2, L: L$3, C: C$2, Q: Q$1, Z: Z$2, N: N$1, D: D$1, X: X$1, G: G$1, F: F$2, O: O$1, P: P$1, U: U$1 } = PathCommandMap;
-    const debug$b = Debug.get('PathDrawer');
+    const debug$a = Debug.get('PathDrawer');
     const PathDrawer = {
         drawPathByData(drawer, data) {
             if (!data)
@@ -3141,7 +3144,7 @@ var LeaferUI = (function (exports) {
                         i += 6;
                         break;
                     default:
-                        debug$b.error(`command: ${command} [index:${i}]`, data);
+                        debug$a.error(`command: ${command} [index:${i}]`, data);
                         return;
                 }
             }
@@ -3150,8 +3153,8 @@ var LeaferUI = (function (exports) {
 
     const { M: M$1, L: L$2, C: C$1, Q, Z: Z$1, N, D, X, G, F: F$1, O, P, U } = PathCommandMap;
     const { toTwoPointBounds, toTwoPointBoundsByQuadraticCurve, arcTo: arcTo$1, arc, ellipse: ellipse$1 } = BezierHelper;
-    const { addPointBounds, copy: copy$7, addPoint: addPoint$1, setPoint: setPoint$1, addBounds, toBounds: toBounds$3 } = TwoPointBoundsHelper;
-    const debug$a = Debug.get('PathBounds');
+    const { addPointBounds, copy: copy$7, addPoint, setPoint, addBounds, toBounds: toBounds$2 } = TwoPointBoundsHelper;
+    const debug$9 = Debug.get('PathBounds');
     let radius, radiusX, radiusY;
     const tempPointBounds = {};
     const setPointBounds = {};
@@ -3159,21 +3162,21 @@ var LeaferUI = (function (exports) {
     const PathBounds = {
         toBounds(data, setBounds) {
             PathBounds.toTwoPointBounds(data, setPointBounds);
-            toBounds$3(setPointBounds, setBounds);
+            toBounds$2(setPointBounds, setBounds);
         },
         toTwoPointBounds(data, setPointBounds) {
             if (!data || !data.length)
-                return setPoint$1(setPointBounds, 0, 0);
+                return setPoint(setPointBounds, 0, 0);
             let i = 0, x = 0, y = 0, x1, y1, toX, toY, command;
             const len = data.length;
             while (i < len) {
                 command = data[i];
                 if (i === 0) {
                     if (command === Z$1 || command === C$1 || command === Q) {
-                        setPoint$1(setPointBounds, x, y);
+                        setPoint(setPointBounds, x, y);
                     }
                     else {
-                        setPoint$1(setPointBounds, data[i + 1], data[i + 2]);
+                        setPoint(setPointBounds, data[i + 1], data[i + 2]);
                     }
                 }
                 switch (command) {
@@ -3181,7 +3184,7 @@ var LeaferUI = (function (exports) {
                     case L$2:
                         x = data[i + 1];
                         y = data[i + 2];
-                        addPoint$1(setPointBounds, x, y);
+                        addPoint(setPointBounds, x, y);
                         i += 3;
                         break;
                     case C$1:
@@ -3259,7 +3262,7 @@ var LeaferUI = (function (exports) {
                         i += 6;
                         break;
                     default:
-                        debug$a.error(`command: ${command} [index:${i}]`, data);
+                        debug$9.error(`command: ${command} [index:${i}]`, data);
                         return;
                 }
             }
@@ -3375,7 +3378,7 @@ var LeaferUI = (function (exports) {
     const F = FileHelper;
     F.opacityTypes.forEach(type => F.upperCaseTypeMap[type] = type.toUpperCase());
 
-    const debug$9 = Debug.get('TaskProcessor');
+    const debug$8 = Debug.get('TaskProcessor');
     class TaskItem {
         constructor(task) {
             this.parallel = true;
@@ -3390,7 +3393,7 @@ var LeaferUI = (function (exports) {
                         yield this.task();
                 }
                 catch (error) {
-                    debug$9.error(error);
+                    debug$8.error(error);
                 }
             });
         }
@@ -4077,7 +4080,7 @@ var LeaferUI = (function (exports) {
         defineKey(data, key, property);
     }
 
-    const debug$8 = new Debug('rewrite');
+    const debug$7 = new Debug('rewrite');
     const list = [];
     const excludeNames = ['destroy', 'constructor'];
     function rewrite(method) {
@@ -4094,7 +4097,7 @@ var LeaferUI = (function (exports) {
         if (list.length) {
             list.forEach(item => {
                 if (error)
-                    debug$8.error(item.name, '需在Class上装饰@rewriteAble()');
+                    debug$7.error(item.name, '需在Class上装饰@rewriteAble()');
                 item.run();
             });
             list.length = 0;
@@ -4256,18 +4259,21 @@ var LeaferUI = (function (exports) {
             L.setTransform(t, matrix, resize);
         },
         setTransform(t, transform, resize) {
-            const layout = getLayout(transform, t.origin && L.getInnerOrigin(t, t.origin), t.around && L.getInnerOrigin(t, t.around));
+            const data = t.__, originPoint = data.origin && L.getInnerOrigin(t, data.origin);
+            const layout = getLayout(transform, originPoint, data.around && L.getInnerOrigin(t, data.around));
             if (resize) {
-                const scaleX = layout.scaleX / t.scaleX;
-                const scaleY = layout.scaleY / t.scaleY;
-                delete layout.scaleX;
-                delete layout.scaleY;
+                const scaleX = layout.scaleX / t.scaleX, scaleY = layout.scaleY / t.scaleY;
+                delete layout.scaleX, delete layout.scaleY;
+                if (originPoint) {
+                    BoundsHelper.scale(t.boxBounds, Math.abs(scaleX), Math.abs(scaleY));
+                    const changedPoint = L.getInnerOrigin(t, data.origin);
+                    PointHelper.move(layout, originPoint.x - changedPoint.x, originPoint.y - changedPoint.y);
+                }
                 t.set(layout);
-                t.scaleResize(scaleX, scaleY, resize !== true);
+                t.scaleResize(scaleX, scaleY, false);
             }
-            else {
+            else
                 t.set(layout);
-            }
         },
         getFlipTransform(t, axis) {
             const m = getMatrixData();
@@ -4808,7 +4814,6 @@ var LeaferUI = (function (exports) {
             }
         }
     }
-    LayoutEvent.CHECK_UPDATE = 'layout.check_update';
     LayoutEvent.REQUEST = 'layout.request';
     LayoutEvent.START = 'layout.start';
     LayoutEvent.BEFORE = 'layout.before';
@@ -4950,14 +4955,15 @@ var LeaferUI = (function (exports) {
             if (list) {
                 let item;
                 for (let i = 0, len = list.length; i < len; i++) {
-                    item = list[i];
-                    item.listener(event);
-                    if (item.once) {
-                        this.off(type, item.listener, capture);
-                        i--, len--;
+                    if (item = list[i]) {
+                        item.listener(event);
+                        if (item.once) {
+                            this.off(type, item.listener, capture);
+                            i--, len--;
+                        }
+                        if (event && event.isStopNow)
+                            break;
                     }
-                    if (event && event.isStopNow)
-                        break;
                 }
             }
             this.syncEventer && this.syncEventer.emitEvent(event, capture);
@@ -5002,13 +5008,13 @@ var LeaferUI = (function (exports) {
     const LeafEventer = { on, on_, off, off_, once, emit: emit$1, emitEvent, hasEvent, destroyEventer: destroy };
 
     const { isFinite } = Number;
-    const debug$7 = Debug.get('setAttr');
+    const debug$6 = Debug.get('setAttr');
     const LeafDataProxy = {
         __setAttr(name, newValue, checkFiniteNumber) {
             if (this.leaferIsCreated) {
                 const oldValue = this.__.__getInput(name);
                 if (checkFiniteNumber && !isFinite(newValue) && newValue !== undefined) {
-                    debug$7.warn(this.innerName, name, newValue);
+                    debug$6.warn(this.innerName, name, newValue);
                     newValue = undefined;
                 }
                 if (typeof newValue === 'object' || oldValue !== newValue) {
@@ -5078,7 +5084,7 @@ var LeaferUI = (function (exports) {
     const { updateMatrix: updateMatrix$1, updateAllMatrix: updateAllMatrix$2 } = LeafHelper;
     const { updateBounds: updateBounds$1 } = BranchHelper;
     const { toOuterOf: toOuterOf$1, copyAndSpread: copyAndSpread$1, copy: copy$4 } = BoundsHelper;
-    const { toBounds: toBounds$2 } = PathBounds;
+    const { toBounds: toBounds$1 } = PathBounds;
     const LeafBounds = {
         __updateWorldBounds() {
             toOuterOf$1(this.__layout.renderBounds, this.__world, this.__world);
@@ -5160,7 +5166,7 @@ var LeaferUI = (function (exports) {
             const b = this.__layout.boxBounds;
             const data = this.__;
             if (data.__pathInputed) {
-                toBounds$2(data.path, b);
+                toBounds$1(data.path, b);
             }
             else {
                 b.x = 0;
@@ -5708,7 +5714,7 @@ var LeaferUI = (function (exports) {
     const { setListWithFn } = BoundsHelper;
     const { sort } = BranchHelper;
     const { localBoxBounds, localStrokeBounds, localRenderBounds, maskLocalBoxBounds, maskLocalStrokeBounds, maskLocalRenderBounds } = LeafBoundsHelper;
-    const debug$6 = new Debug('Branch');
+    const debug$5 = new Debug('Branch');
     exports.Branch = class Branch extends exports.Leaf {
         __updateStrokeSpread() {
             const { children } = this;
@@ -5750,7 +5756,7 @@ var LeaferUI = (function (exports) {
         }
         add(child, index) {
             if (child === this || child.destroyed)
-                return debug$6.warn('add self or destroyed');
+                return debug$5.warn('add self or destroyed');
             const noIndex = index === undefined;
             if (!child.__) {
                 if (child instanceof Array)
@@ -6004,9 +6010,9 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const version = "1.2.1";
+    const version = "1.3.0";
 
-    const debug$5 = Debug.get('LeaferCanvas');
+    const debug$4 = Debug.get('LeaferCanvas');
     class LeaferCanvas extends LeaferCanvasBase {
         set zIndex(zIndex) {
             const { style } = this.view;
@@ -6078,7 +6084,7 @@ var LeaferUI = (function (exports) {
                 }
             }
             else {
-                debug$5.error(`no id: ${inputView}`);
+                debug$4.error(`no id: ${inputView}`);
                 this.__createView();
             }
         }
@@ -6096,7 +6102,8 @@ var LeaferUI = (function (exports) {
             this.view.height = Math.ceil(height * pixelRatio);
         }
         updateClientBounds() {
-            this.clientBounds = this.view.getBoundingClientRect();
+            if (this.view.parentElement)
+                this.clientBounds = this.view.getBoundingClientRect();
         }
         startAutoLayout(autoBounds, listener) {
             this.resizeListener = listener;
@@ -6115,7 +6122,7 @@ var LeaferUI = (function (exports) {
                     }
                     else {
                         this.checkAutoBounds(this.view);
-                        debug$5.warn('no parent');
+                        debug$4.warn('no parent');
                     }
                 }
                 catch (_a) {
@@ -6451,7 +6458,7 @@ var LeaferUI = (function (exports) {
     }
 
     const { updateAllMatrix, updateAllChange } = LeafHelper;
-    const debug$4 = Debug.get('Layouter');
+    const debug$3 = Debug.get('Layouter');
     class Layouter {
         constructor(target, userConfig) {
             this.totalTimes = 0;
@@ -6486,7 +6493,7 @@ var LeaferUI = (function (exports) {
                 target.emitEvent(new LayoutEvent(LayoutEvent.END, this.layoutedBlocks, this.times));
             }
             catch (e) {
-                debug$4.error(e);
+                debug$3.error(e);
             }
             this.layoutedBlocks = null;
         }
@@ -6500,9 +6507,9 @@ var LeaferUI = (function (exports) {
         }
         layoutOnce() {
             if (this.layouting)
-                return debug$4.warn('layouting');
+                return debug$3.warn('layouting');
             if (this.times > 3)
-                return debug$4.warn('layout max times');
+                return debug$3.warn('layout max times');
             this.times++;
             this.totalTimes++;
             this.layouting = true;
@@ -6606,7 +6613,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const debug$3 = Debug.get('Renderer');
+    const debug$2 = Debug.get('Renderer');
     class Renderer {
         get needFill() { return !!(!this.canvas.allowBackgroundColor && this.config.fill); }
         constructor(target, canvas, userConfig) {
@@ -6644,7 +6651,7 @@ var LeaferUI = (function (exports) {
             const { target } = this;
             this.times = 0;
             this.totalBounds = new Bounds();
-            debug$3.log(target.innerName, '--->');
+            debug$2.log(target.innerName, '--->');
             try {
                 if (!target.isApp)
                     target.app.emit(RenderEvent.CHILD_START, target);
@@ -6655,9 +6662,9 @@ var LeaferUI = (function (exports) {
             }
             catch (e) {
                 this.rendering = false;
-                debug$3.error(e);
+                debug$2.error(e);
             }
-            debug$3.log('-------------|');
+            debug$2.log('-------------|');
         }
         renderAgain() {
             if (this.rendering) {
@@ -6669,9 +6676,9 @@ var LeaferUI = (function (exports) {
         }
         renderOnce(callback) {
             if (this.rendering)
-                return debug$3.warn('rendering');
+                return debug$2.warn('rendering');
             if (this.times > 3)
-                return debug$3.warn('render max times');
+                return debug$2.warn('render max times');
             this.times++;
             this.totalTimes++;
             this.rendering = true;
@@ -6708,7 +6715,7 @@ var LeaferUI = (function (exports) {
         partRender() {
             const { canvas, updateBlocks: list } = this;
             if (!list)
-                return debug$3.warn('PartRender: need update attr');
+                return debug$2.warn('PartRender: need update attr');
             this.mergeBlocks();
             list.forEach(block => { if (canvas.bounds.hit(block) && !block.isEmpty())
                 this.clipRender(block); });
@@ -6811,7 +6818,7 @@ var LeaferUI = (function (exports) {
                             empty = (!leaf.__world.width || !leaf.__world.height);
                             if (empty) {
                                 if (!leaf.isLeafer)
-                                    debug$3.tip(leaf.innerName, ': empty');
+                                    debug$2.tip(leaf.innerName, ': empty');
                                 empty = (!leaf.isBranch || leaf.isBranchLeaf);
                             }
                             return empty;
@@ -6913,7 +6920,7 @@ var LeaferUI = (function (exports) {
 
     const { parse, objectToCanvasData } = PathConvert;
     const emptyPaint = {};
-    const debug$2 = Debug.get('UIData');
+    const debug$1 = Debug.get('UIData');
     class UIData extends LeafData {
         get scale() { const { scaleX, scaleY } = this; return scaleX !== scaleY ? { x: scaleX, y: scaleY } : scaleX; }
         get __strokeWidth() {
@@ -6950,7 +6957,7 @@ var LeaferUI = (function (exports) {
             if (value < 0) {
                 this._width = -value;
                 this.__leaf.scaleX *= -1;
-                debug$2.warn('width < 0, instead -scaleX ', this);
+                debug$1.warn('width < 0, instead -scaleX ', this);
             }
             else
                 this._width = value;
@@ -6959,7 +6966,7 @@ var LeaferUI = (function (exports) {
             if (value < 0) {
                 this._height = -value;
                 this.__leaf.scaleY *= -1;
-                debug$2.warn('height < 0, instead -scaleY', this);
+                debug$1.warn('height < 0, instead -scaleY', this);
             }
             else
                 this._height = value;
@@ -7336,25 +7343,27 @@ var LeaferUI = (function (exports) {
         }
         reset(_data) { }
         set(data, transition) {
-            if (transition) {
-                if (transition === 'temp') {
-                    this.lockNormalStyle = true;
-                    Object.assign(this, data);
-                    this.lockNormalStyle = false;
+            if (data) {
+                if (transition) {
+                    if (transition === 'temp') {
+                        this.lockNormalStyle = true;
+                        Object.assign(this, data);
+                        this.lockNormalStyle = false;
+                    }
+                    else
+                        this.animate(data, transition);
                 }
                 else
-                    this.animate(data, transition);
+                    Object.assign(this, data);
             }
-            else
-                Object.assign(this, data);
         }
         get(name) {
             return typeof name === 'string' ? this.__.__getInput(name) : this.__.__getInputData(name);
         }
         createProxyData() { return undefined; }
-        find(_condition, _options) { return undefined; }
+        find(_condition, _options) { return Plugin.need('find'); }
         findTag(tag) { return this.find({ tag }); }
-        findOne(_condition, _options) { return undefined; }
+        findOne(_condition, _options) { return Plugin.need('find'); }
         findId(id) { return this.findOne({ id }); }
         getPath(curve, pathForRender) {
             this.__layout.update();
@@ -7406,9 +7415,9 @@ var LeaferUI = (function (exports) {
         animate(_keyframe, _options, _type, _isTemp) {
             return Plugin.need('animate');
         }
-        killAnimate(_type) { }
-        export(filename, options) {
-            return Export.export(this, filename, options);
+        killAnimate(_type, _killStyle) { }
+        export(_filename, _options) {
+            return Plugin.need('export');
         }
         clone(data) {
             const json = this.toJSON();
@@ -7654,16 +7663,18 @@ var LeaferUI = (function (exports) {
                 this.children = [];
         }
         set(data, transition) {
-            if (data.children) {
-                const { children } = data;
-                delete data.children;
-                this.children ? this.clear() : this.__setBranch();
-                super.set(data, transition);
-                children.forEach(child => this.add(child));
-                data.children = children;
+            if (data) {
+                if (data.children) {
+                    const { children } = data;
+                    delete data.children;
+                    this.children ? this.clear() : this.__setBranch();
+                    super.set(data, transition);
+                    children.forEach(child => this.add(child));
+                    data.children = children;
+                }
+                else
+                    super.set(data, transition);
             }
-            else
-                super.set(data, transition);
         }
         toJSON(options) {
             const data = super.toJSON(options);
@@ -7695,7 +7706,7 @@ var LeaferUI = (function (exports) {
     ], exports.Group);
 
     var Leafer_1;
-    const debug$1 = Debug.get('Leafer');
+    const debug = Debug.get('Leafer');
     exports.Leafer = Leafer_1 = class Leafer extends exports.Group {
         get __tag() { return 'Leafer'; }
         get isApp() { return false; }
@@ -7860,7 +7871,7 @@ var LeaferUI = (function (exports) {
             if (this.canvas) {
                 if (canvasSizeAttrs.includes(attrName)) {
                     if (!newValue)
-                        debug$1.warn(attrName + ' is 0');
+                        debug.warn(attrName + ' is 0');
                     this.__changeCanvasSize(attrName, newValue);
                 }
                 else if (attrName === 'fill') {
@@ -7926,6 +7937,8 @@ var LeaferUI = (function (exports) {
                     this.requestRender();
                 }
             }
+            else
+                this.requestRender();
         }
         __checkViewCompleted(emit = true) {
             this.nextRender(() => {
@@ -7999,9 +8012,6 @@ var LeaferUI = (function (exports) {
             this.canvas && this.canvas.updateClientBounds();
         }
         receiveEvent(_event) { }
-        __checkUpdateLayout() {
-            this.__layout.update();
-        }
         emitLeafer(type) {
             this.emitEvent(new LeaferEvent(type, this));
         }
@@ -8012,7 +8022,7 @@ var LeaferUI = (function (exports) {
             this.once(LayoutEvent.END, () => this.__onReady());
             this.once(RenderEvent.START, () => this.__onCreated());
             this.once(RenderEvent.END, () => this.__onViewReady());
-            this.__eventIds.push(this.on_(WatchEvent.DATA, this.__onWatchData, this), this.on_(RenderEvent.NEXT, this.__onNextRender, this), this.on_(LayoutEvent.CHECK_UPDATE, this.__checkUpdateLayout, this));
+            this.__eventIds.push(this.on_(WatchEvent.DATA, this.__onWatchData, this), this.on_(RenderEvent.NEXT, this.__onNextRender, this));
         }
         __removeListenEvents() {
             this.off_(this.__eventIds);
@@ -8043,7 +8053,7 @@ var LeaferUI = (function (exports) {
                         setTimeout(() => { ImageManager.clearRecycled(); }, 100);
                     }
                     catch (e) {
-                        debug$1.error(e);
+                        debug.error(e);
                     }
                 }
             };
@@ -8272,7 +8282,7 @@ var LeaferUI = (function (exports) {
 
     const { moveTo: moveTo$2, lineTo: lineTo$2, drawPoints: drawPoints$1 } = PathCommandDataHelper;
     const { rotate: rotate$1, getAngle: getAngle$1, getDistance: getDistance$2, defaultPoint } = PointHelper;
-    const { toBounds: toBounds$1 } = PathBounds;
+    const { toBounds } = PathBounds;
     exports.Line = class Line extends exports.UI {
         get __tag() { return 'Line'; }
         get toPoint() {
@@ -8316,7 +8326,7 @@ var LeaferUI = (function (exports) {
         }
         __updateBoxBounds() {
             if (this.points) {
-                toBounds$1(this.__.__pathForRender, this.__layout.boxBounds);
+                toBounds(this.__.__pathForRender, this.__layout.boxBounds);
             }
             else
                 super.__updateBoxBounds();
@@ -8491,10 +8501,10 @@ var LeaferUI = (function (exports) {
         __updateSize() {
             const { canvas } = this;
             if (canvas) {
-                const { smooth } = this.__;
+                const { smooth, safeResize } = this.__;
+                canvas.resize(this.__, safeResize);
                 if (canvas.smooth !== smooth)
                     canvas.smooth = smooth;
-                canvas.resize(this.__);
             }
         }
         destroy() {
@@ -8520,6 +8530,9 @@ var LeaferUI = (function (exports) {
     __decorate([
         resizeType(true)
     ], exports.Canvas.prototype, "smooth", void 0);
+    __decorate([
+        dataType(false)
+    ], exports.Canvas.prototype, "safeResize", void 0);
     __decorate([
         resizeType()
     ], exports.Canvas.prototype, "contextSettings", void 0);
@@ -8665,6 +8678,9 @@ var LeaferUI = (function (exports) {
     __decorate([
         boundsType(0)
     ], exports.Text.prototype, "paraSpacing", void 0);
+    __decorate([
+        boundsType('x')
+    ], exports.Text.prototype, "writingMode", void 0);
     __decorate([
         boundsType('left')
     ], exports.Text.prototype, "textAlign", void 0);
@@ -10229,197 +10245,12 @@ var LeaferUI = (function (exports) {
         string
     };
 
-    const { setPoint, addPoint, toBounds } = TwoPointBoundsHelper;
-    function getTrimBounds(canvas) {
-        const { width, height } = canvas.view;
-        const { data } = canvas.context.getImageData(0, 0, width, height);
-        let x, y, pointBounds, index = 0;
-        for (let i = 0; i < data.length; i += 4) {
-            if (data[i + 3] !== 0) {
-                x = index % width;
-                y = (index - x) / width;
-                pointBounds ? addPoint(pointBounds, x, y) : setPoint(pointBounds = {}, x, y);
-            }
-            index++;
-        }
-        const bounds = new Bounds();
-        toBounds(pointBounds, bounds);
-        return bounds.scale(1 / canvas.pixelRatio).ceil();
-    }
-
-    const ExportModule = {
-        export(leaf, filename, options) {
-            this.running = true;
-            const fileType = FileHelper.fileType(filename);
-            const isDownload = filename.includes('.');
-            options = FileHelper.getExportOptions(options);
-            return addTask((success) => new Promise((resolve) => {
-                const over = (result) => {
-                    success(result);
-                    resolve();
-                    this.running = false;
-                };
-                const { toURL } = Platform;
-                const { download } = Platform.origin;
-                if (fileType === 'json') {
-                    isDownload && download(toURL(JSON.stringify(leaf.toJSON(options.json)), 'text'), filename);
-                    return over({ data: isDownload ? true : leaf.toJSON(options.json) });
-                }
-                if (fileType === 'svg') {
-                    isDownload && download(toURL(leaf.toSVG(), 'svg'), filename);
-                    return over({ data: isDownload ? true : leaf.toSVG() });
-                }
-                const { leafer } = leaf;
-                if (leafer) {
-                    checkLazy(leaf);
-                    leafer.waitViewCompleted(() => __awaiter(this, void 0, void 0, function* () {
-                        let renderBounds, trimBounds, scaleX = 1, scaleY = 1;
-                        const { worldTransform, isLeafer, isFrame } = leaf;
-                        const { slice, trim, onCanvas } = options;
-                        const smooth = options.smooth === undefined ? leafer.config.smooth : options.smooth;
-                        const contextSettings = options.contextSettings || leafer.config.contextSettings;
-                        const screenshot = options.screenshot || leaf.isApp;
-                        const fill = (isLeafer && screenshot) ? (options.fill === undefined ? leaf.fill : options.fill) : options.fill;
-                        const needFill = FileHelper.isOpaqueImage(filename) || fill, matrix = new Matrix();
-                        if (screenshot) {
-                            renderBounds = screenshot === true ? (isLeafer ? leafer.canvas.bounds : leaf.worldRenderBounds) : screenshot;
-                        }
-                        else {
-                            let relative = options.relative || (isLeafer ? 'inner' : 'local');
-                            scaleX = worldTransform.scaleX;
-                            scaleY = worldTransform.scaleY;
-                            switch (relative) {
-                                case 'inner':
-                                    matrix.set(worldTransform);
-                                    break;
-                                case 'local':
-                                    matrix.set(worldTransform).divide(leaf.localTransform);
-                                    scaleX /= leaf.scaleX;
-                                    scaleY /= leaf.scaleY;
-                                    break;
-                                case 'world':
-                                    scaleX = 1;
-                                    scaleY = 1;
-                                    break;
-                                case 'page':
-                                    relative = leaf.leafer;
-                                default:
-                                    matrix.set(worldTransform).divide(leaf.getTransform(relative));
-                                    const l = relative.worldTransform;
-                                    scaleX /= scaleX / l.scaleX;
-                                    scaleY /= scaleY / l.scaleY;
-                            }
-                            renderBounds = leaf.getBounds('render', relative);
-                        }
-                        const scaleData = { scaleX: 1, scaleY: 1 };
-                        MathHelper.getScaleData(options.scale, options.size, renderBounds, scaleData);
-                        let pixelRatio = options.pixelRatio || 1;
-                        if (leaf.isApp) {
-                            scaleData.scaleX *= pixelRatio;
-                            scaleData.scaleY *= pixelRatio;
-                            pixelRatio = leaf.app.pixelRatio;
-                        }
-                        const { x, y, width, height } = new Bounds(renderBounds).scale(scaleData.scaleX, scaleData.scaleY);
-                        const renderOptions = { matrix: matrix.scale(1 / scaleData.scaleX, 1 / scaleData.scaleY).invert().translate(-x, -y).withScale(1 / scaleX * scaleData.scaleX, 1 / scaleY * scaleData.scaleY) };
-                        let canvas = Creator.canvas({ width: Math.round(width), height: Math.round(height), pixelRatio, smooth, contextSettings });
-                        let sliceLeaf;
-                        if (slice) {
-                            sliceLeaf = leaf;
-                            sliceLeaf.__worldOpacity = 0;
-                            leaf = leafer;
-                            renderOptions.bounds = canvas.bounds;
-                        }
-                        canvas.save();
-                        if (isFrame && fill !== undefined) {
-                            const oldFill = leaf.get('fill');
-                            leaf.fill = '';
-                            leaf.__render(canvas, renderOptions);
-                            leaf.fill = oldFill;
-                        }
-                        else {
-                            leaf.__render(canvas, renderOptions);
-                        }
-                        canvas.restore();
-                        if (sliceLeaf)
-                            sliceLeaf.__updateWorldOpacity();
-                        if (trim) {
-                            trimBounds = getTrimBounds(canvas);
-                            const old = canvas, { width, height } = trimBounds;
-                            const config = { x: 0, y: 0, width, height, pixelRatio };
-                            canvas = Creator.canvas(config);
-                            canvas.copyWorld(old, trimBounds, config);
-                        }
-                        if (needFill)
-                            canvas.fillWorld(canvas.bounds, fill || '#FFFFFF', 'destination-over');
-                        if (onCanvas)
-                            onCanvas(canvas);
-                        const data = filename === 'canvas' ? canvas : yield canvas.export(filename, options);
-                        over({ data, width: canvas.pixelWidth, height: canvas.pixelHeight, renderBounds, trimBounds });
-                    }));
-                }
-                else {
-                    over({ data: false });
-                }
-            }));
-        }
-    };
-    let tasker;
-    function addTask(task) {
-        if (!tasker)
-            tasker = new TaskProcessor();
-        return new Promise((resolve) => {
-            tasker.add(() => __awaiter(this, void 0, void 0, function* () { return yield task(resolve); }), { parallel: false });
-        });
-    }
-    function checkLazy(leaf) {
-        if (leaf.__.__needComputePaint)
-            leaf.__.__computePaint();
-        if (leaf.isBranch)
-            leaf.children.forEach(child => checkLazy(child));
-    }
-
-    const canvas = LeaferCanvasBase.prototype;
-    const debug = Debug.get('@leafer-ui/export');
-    canvas.export = function (filename, options) {
-        const { quality, blob } = FileHelper.getExportOptions(options);
-        if (filename.includes('.'))
-            return this.saveAs(filename, quality);
-        else if (blob)
-            return this.toBlob(filename, quality);
-        else
-            return this.toDataURL(filename, quality);
-    };
-    canvas.toBlob = function (type, quality) {
-        return new Promise((resolve) => {
-            Platform.origin.canvasToBolb(this.view, type, quality).then((blob) => {
-                resolve(blob);
-            }).catch((e) => {
-                debug.error(e);
-                resolve(null);
-            });
-        });
-    };
-    canvas.toDataURL = function (type, quality) {
-        return Platform.origin.canvasToDataURL(this.view, type, quality);
-    };
-    canvas.saveAs = function (filename, quality) {
-        return new Promise((resolve) => {
-            Platform.origin.canvasSaveAs(this.view, filename, quality).then(() => {
-                resolve(true);
-            }).catch((e) => {
-                debug.error(e);
-                resolve(false);
-            });
-        });
-    };
-
     Object.assign(TextConvert, TextConvertModule);
     Object.assign(ColorConvert, ColorConvertModule);
     Object.assign(Paint, PaintModule);
     Object.assign(PaintImage, PaintImageModule);
     Object.assign(PaintGradient, PaintGradientModule);
     Object.assign(Effect, EffectModule);
-    Object.assign(Export, ExportModule);
 
     useCanvas();