leafer-draw 1.2.1 → 1.3.0

package/dist/web.module.js

@@ -765,8 +765,8 @@ const TwoPointBoundsHelper = {
         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;
@@ -787,9 +787,9 @@ const TwoPointBoundsHelper = {
         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;
@@ -905,17 +905,17 @@ const BoundsHelper = {
             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) {
@@ -1005,8 +1005,8 @@ const BoundsHelper = {
             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);
@@ -1374,7 +1374,7 @@ function getNameList(name) {
 }
 const D$4 = Debug;
 
-const debug$f = Debug.get('RunTime');
+const debug$e = Debug.get('RunTime');
 const Run = {
     currentId: 0,
     currentName: '',
@@ -1392,7 +1392,7 @@ const Run = {
         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];
@@ -1402,34 +1402,37 @@ const Run = {
 };
 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;
@@ -1445,7 +1448,7 @@ const UICreator = {
 };
 const { list: list$1 } = UICreator;
 
-const debug$d = Debug.get('EventCreator');
+const debug$c = Debug.get('EventCreator');
 const EventCreator = {
     nameList: {},
     register(Event) {
@@ -1453,7 +1456,7 @@ const EventCreator = {
         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) {
@@ -2047,11 +2050,11 @@ class LeaferCanvasBase extends Canvas$1 {
     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);
         }
@@ -2342,7 +2345,7 @@ const RectHelper = {
 };
 
 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 = {};
@@ -2418,8 +2421,8 @@ const BezierHelper = {
             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);
@@ -2471,7 +2474,7 @@ const BezierHelper = {
         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++) {
@@ -2533,11 +2536,11 @@ const BezierHelper = {
             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) {
@@ -2609,7 +2612,7 @@ const EllipseHelper = {
 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 },
@@ -2850,7 +2853,7 @@ const PathConvert = {
                     i += 6;
                     break;
                 default:
-                    debug$c.error(`command: ${command} [index:${i}]`, old);
+                    debug$b.error(`command: ${command} [index:${i}]`, old);
                     return data;
             }
             lastCommand = command;
@@ -3075,7 +3078,7 @@ class PathCreator {
 }
 
 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)
@@ -3138,7 +3141,7 @@ const PathDrawer = {
                     i += 6;
                     break;
                 default:
-                    debug$b.error(`command: ${command} [index:${i}]`, data);
+                    debug$a.error(`command: ${command} [index:${i}]`, data);
                     return;
             }
         }
@@ -3147,8 +3150,8 @@ const PathDrawer = {
 
 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 = {};
@@ -3156,21 +3159,21 @@ const setEndPoint = {};
 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) {
@@ -3178,7 +3181,7 @@ const PathBounds = {
                 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:
@@ -3256,7 +3259,7 @@ const PathBounds = {
                     i += 6;
                     break;
                 default:
-                    debug$a.error(`command: ${command} [index:${i}]`, data);
+                    debug$9.error(`command: ${command} [index:${i}]`, data);
                     return;
             }
         }
@@ -3372,7 +3375,7 @@ const FileHelper = {
 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;
@@ -3387,7 +3390,7 @@ class TaskItem {
                     yield this.task();
             }
             catch (error) {
-                debug$9.error(error);
+                debug$8.error(error);
             }
         });
     }
@@ -4074,7 +4077,7 @@ function defineDataProcessor(target, key, defaultValue) {
     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) {
@@ -4091,7 +4094,7 @@ function doRewrite(error) {
     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;
@@ -4253,18 +4256,21 @@ const LeafHelper = {
         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();
@@ -4805,7 +4811,6 @@ class LayoutEvent extends Event {
         }
     }
 }
-LayoutEvent.CHECK_UPDATE = 'layout.check_update';
 LayoutEvent.REQUEST = 'layout.request';
 LayoutEvent.START = 'layout.start';
 LayoutEvent.BEFORE = 'layout.before';
@@ -4947,14 +4952,15 @@ class Eventer {
         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);
@@ -4999,13 +5005,13 @@ const { on, on_, off, off_, once, emit: emit$1, emitEvent, hasEvent, destroy } =
 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) {
@@ -5075,7 +5081,7 @@ const LeafMatrix = {
 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);
@@ -5157,7 +5163,7 @@ const LeafBounds = {
         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;
@@ -5705,7 +5711,7 @@ Leaf = __decorate([
 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');
 let Branch = class Branch extends Leaf {
     __updateStrokeSpread() {
         const { children } = this;
@@ -5747,7 +5753,7 @@ let Branch = class Branch extends Leaf {
     }
     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)
@@ -6001,9 +6007,9 @@ class LeafLevelList {
     }
 }
 
-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;
@@ -6075,7 +6081,7 @@ class LeaferCanvas extends LeaferCanvasBase {
             }
         }
         else {
-            debug$5.error(`no id: ${inputView}`);
+            debug$4.error(`no id: ${inputView}`);
             this.__createView();
         }
     }
@@ -6093,7 +6099,8 @@ class LeaferCanvas extends LeaferCanvasBase {
         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;
@@ -6112,7 +6119,7 @@ class LeaferCanvas extends LeaferCanvasBase {
                 }
                 else {
                     this.checkAutoBounds(this.view);
-                    debug$5.warn('no parent');
+                    debug$4.warn('no parent');
                 }
             }
             catch (_a) {
@@ -6448,7 +6455,7 @@ class LayoutBlockData {
 }
 
 const { updateAllMatrix, updateAllChange } = LeafHelper;
-const debug$4 = Debug.get('Layouter');
+const debug$3 = Debug.get('Layouter');
 class Layouter {
     constructor(target, userConfig) {
         this.totalTimes = 0;
@@ -6483,7 +6490,7 @@ class Layouter {
             target.emitEvent(new LayoutEvent(LayoutEvent.END, this.layoutedBlocks, this.times));
         }
         catch (e) {
-            debug$4.error(e);
+            debug$3.error(e);
         }
         this.layoutedBlocks = null;
     }
@@ -6497,9 +6504,9 @@ class Layouter {
     }
     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;
@@ -6603,7 +6610,7 @@ class Layouter {
     }
 }
 
-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) {
@@ -6641,7 +6648,7 @@ class Renderer {
         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);
@@ -6652,9 +6659,9 @@ class Renderer {
         }
         catch (e) {
             this.rendering = false;
-            debug$3.error(e);
+            debug$2.error(e);
         }
-        debug$3.log('-------------|');
+        debug$2.log('-------------|');
     }
     renderAgain() {
         if (this.rendering) {
@@ -6666,9 +6673,9 @@ class Renderer {
     }
     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;
@@ -6705,7 +6712,7 @@ class Renderer {
     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); });
@@ -6808,7 +6815,7 @@ class Renderer {
                         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;
@@ -6910,7 +6917,7 @@ const Transition = {
 
 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() {
@@ -6947,7 +6954,7 @@ class UIData extends LeafData {
         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;
@@ -6956,7 +6963,7 @@ class UIData extends LeafData {
         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;
@@ -7333,25 +7340,27 @@ let UI = UI_1 = class UI extends Leaf {
     }
     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();
@@ -7403,9 +7412,9 @@ let UI = UI_1 = class UI extends Leaf {
     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();
@@ -7651,16 +7660,18 @@ let Group = class Group extends UI {
             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);
@@ -7692,7 +7703,7 @@ Group = __decorate([
 ], Group);
 
 var Leafer_1;
-const debug$1 = Debug.get('Leafer');
+const debug = Debug.get('Leafer');
 let Leafer = Leafer_1 = class Leafer extends Group {
     get __tag() { return 'Leafer'; }
     get isApp() { return false; }
@@ -7857,7 +7868,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         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') {
@@ -7923,6 +7934,8 @@ let Leafer = Leafer_1 = class Leafer extends Group {
                 this.requestRender();
             }
         }
+        else
+            this.requestRender();
     }
     __checkViewCompleted(emit = true) {
         this.nextRender(() => {
@@ -7996,9 +8009,6 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         this.canvas && this.canvas.updateClientBounds();
     }
     receiveEvent(_event) { }
-    __checkUpdateLayout() {
-        this.__layout.update();
-    }
     emitLeafer(type) {
         this.emitEvent(new LeaferEvent(type, this));
     }
@@ -8009,7 +8019,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
         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);
@@ -8040,7 +8050,7 @@ let Leafer = Leafer_1 = class Leafer extends Group {
                     setTimeout(() => { ImageManager.clearRecycled(); }, 100);
                 }
                 catch (e) {
-                    debug$1.error(e);
+                    debug.error(e);
                 }
             }
         };
@@ -8269,7 +8279,7 @@ Ellipse = __decorate([
 
 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;
 let Line = class Line extends UI {
     get __tag() { return 'Line'; }
     get toPoint() {
@@ -8313,7 +8323,7 @@ let Line = class Line extends UI {
     }
     __updateBoxBounds() {
         if (this.points) {
-            toBounds$1(this.__.__pathForRender, this.__layout.boxBounds);
+            toBounds(this.__.__pathForRender, this.__layout.boxBounds);
         }
         else
             super.__updateBoxBounds();
@@ -8488,10 +8498,10 @@ let Canvas = class Canvas extends Rect {
     __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() {
@@ -8517,6 +8527,9 @@ __decorate([
 __decorate([
     resizeType(true)
 ], Canvas.prototype, "smooth", void 0);
+__decorate([
+    dataType(false)
+], Canvas.prototype, "safeResize", void 0);
 __decorate([
     resizeType()
 ], Canvas.prototype, "contextSettings", void 0);
@@ -8662,6 +8675,9 @@ __decorate([
 __decorate([
     boundsType(0)
 ], Text.prototype, "paraSpacing", void 0);
+__decorate([
+    boundsType('x')
+], Text.prototype, "writingMode", void 0);
 __decorate([
     boundsType('left')
 ], Text.prototype, "textAlign", void 0);
@@ -10226,197 +10242,12 @@ const ColorConvertModule = {
     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();