leafer-ui 1.2.2 → 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$g = Debug.get('RunTime');
+    const debug$f = 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$g.log(name, duration, 'ms');
+            debug$f.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$f = Debug.get('UICreator');
+    const debug$e = Debug.get('UICreator');
     const UICreator = {
         list: {},
         register(UI) {
             const { __tag: tag } = UI.prototype;
             if (list$1[tag])
-                debug$f.repeat(tag);
+                debug$e.repeat(tag);
             list$1[tag] = UI;
         },
         get(tag, data, x, y, width, height) {
             if (!list$1[tag])
-                debug$f.error('not register ' + tag);
+                debug$e.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$e = Debug.get('EventCreator');
+    const debug$d = 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$e.repeat(name), nameList[name] = Event;
+                    nameList[name] && debug$d.repeat(name), nameList[name] = Event;
             });
         },
         changeName(oldName, newName) {
@@ -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$3, roundRect: roundRect$2, arcTo: arcTo$3, arc: arc$3, ellipse: ellipse$4, quadraticCurveTo: quadraticCurveTo$1 } = BezierHelper;
     const { ellipticalArc } = EllipseHelper;
-    const debug$d = Debug.get('PathConvert');
+    const debug$c = Debug.get('PathConvert');
     const setEndPoint$1 = {};
     const PathConvert = {
         current: { dot: 0 },
@@ -2853,7 +2856,7 @@ var LeaferUI = (function (exports) {
                         i += 6;
                         break;
                     default:
-                        debug$d.error(`command: ${command} [index:${i}]`, old);
+                        debug$c.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$c = Debug.get('PathDrawer');
+    const debug$b = Debug.get('PathDrawer');
     const PathDrawer = {
         drawPathByData(drawer, data) {
             if (!data)
@@ -3141,7 +3144,7 @@ var LeaferUI = (function (exports) {
                         i += 6;
                         break;
                     default:
-                        debug$c.error(`command: ${command} [index:${i}]`, data);
+                        debug$b.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$8, addPoint: addPoint$1, setPoint: setPoint$1, addBounds, toBounds: toBounds$3 } = TwoPointBoundsHelper;
-    const debug$b = Debug.get('PathBounds');
+    const { addPointBounds, copy: copy$8, addPoint, setPoint, addBounds, toBounds: toBounds$2 } = TwoPointBoundsHelper;
+    const debug$a = 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$b.error(`command: ${command} [index:${i}]`, data);
+                        debug$a.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$a = Debug.get('TaskProcessor');
+    const debug$9 = Debug.get('TaskProcessor');
     class TaskItem {
         constructor(task) {
             this.parallel = true;
@@ -3390,7 +3393,7 @@ var LeaferUI = (function (exports) {
                         yield this.task();
                 }
                 catch (error) {
-                    debug$a.error(error);
+                    debug$9.error(error);
                 }
             });
         }
@@ -4077,7 +4080,7 @@ var LeaferUI = (function (exports) {
         defineKey(data, key, property);
     }
 
-    const debug$9 = new Debug('rewrite');
+    const debug$8 = 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$9.error(item.name, '需在Class上装饰@rewriteAble()');
+                    debug$8.error(item.name, '需在Class上装饰@rewriteAble()');
                 item.run();
             });
             list.length = 0;
@@ -4811,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';
@@ -5006,13 +5008,13 @@ var LeaferUI = (function (exports) {
     const LeafEventer = { on, on_, off, off_, once, emit: emit$2, emitEvent: emitEvent$1, hasEvent, destroyEventer: destroy };
 
     const { isFinite } = Number;
-    const debug$8 = Debug.get('setAttr');
+    const debug$7 = Debug.get('setAttr');
     const LeafDataProxy = {
         __setAttr(name, newValue, checkFiniteNumber) {
             if (this.leaferIsCreated) {
                 const oldValue = this.__.__getInput(name);
                 if (checkFiniteNumber && !isFinite(newValue) && newValue !== undefined) {
-                    debug$8.warn(this.innerName, name, newValue);
+                    debug$7.warn(this.innerName, name, newValue);
                     newValue = undefined;
                 }
                 if (typeof newValue === 'object' || oldValue !== newValue) {
@@ -5082,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$5 } = BoundsHelper;
-    const { toBounds: toBounds$2 } = PathBounds;
+    const { toBounds: toBounds$1 } = PathBounds;
     const LeafBounds = {
         __updateWorldBounds() {
             toOuterOf$1(this.__layout.renderBounds, this.__world, this.__world);
@@ -5164,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;
@@ -5712,7 +5714,7 @@ var LeaferUI = (function (exports) {
     const { setListWithFn } = BoundsHelper;
     const { sort } = BranchHelper;
     const { localBoxBounds, localStrokeBounds, localRenderBounds, maskLocalBoxBounds, maskLocalStrokeBounds, maskLocalRenderBounds } = LeafBoundsHelper;
-    const debug$7 = new Debug('Branch');
+    const debug$6 = new Debug('Branch');
     exports.Branch = class Branch extends exports.Leaf {
         __updateStrokeSpread() {
             const { children } = this;
@@ -5754,7 +5756,7 @@ var LeaferUI = (function (exports) {
         }
         add(child, index) {
             if (child === this || child.destroyed)
-                return debug$7.warn('add self or destroyed');
+                return debug$6.warn('add self or destroyed');
             const noIndex = index === undefined;
             if (!child.__) {
                 if (child instanceof Array)
@@ -6008,9 +6010,9 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const version = "1.2.2";
+    const version = "1.3.0";
 
-    const debug$6 = Debug.get('LeaferCanvas');
+    const debug$5 = Debug.get('LeaferCanvas');
     class LeaferCanvas extends LeaferCanvasBase {
         set zIndex(zIndex) {
             const { style } = this.view;
@@ -6082,7 +6084,7 @@ var LeaferUI = (function (exports) {
                 }
             }
             else {
-                debug$6.error(`no id: ${inputView}`);
+                debug$5.error(`no id: ${inputView}`);
                 this.__createView();
             }
         }
@@ -6120,7 +6122,7 @@ var LeaferUI = (function (exports) {
                     }
                     else {
                         this.checkAutoBounds(this.view);
-                        debug$6.warn('no parent');
+                        debug$5.warn('no parent');
                     }
                 }
                 catch (_a) {
@@ -6456,7 +6458,7 @@ var LeaferUI = (function (exports) {
     }
 
     const { updateAllMatrix, updateAllChange } = LeafHelper;
-    const debug$5 = Debug.get('Layouter');
+    const debug$4 = Debug.get('Layouter');
     class Layouter {
         constructor(target, userConfig) {
             this.totalTimes = 0;
@@ -6491,7 +6493,7 @@ var LeaferUI = (function (exports) {
                 target.emitEvent(new LayoutEvent(LayoutEvent.END, this.layoutedBlocks, this.times));
             }
             catch (e) {
-                debug$5.error(e);
+                debug$4.error(e);
             }
             this.layoutedBlocks = null;
         }
@@ -6505,9 +6507,9 @@ var LeaferUI = (function (exports) {
         }
         layoutOnce() {
             if (this.layouting)
-                return debug$5.warn('layouting');
+                return debug$4.warn('layouting');
             if (this.times > 3)
-                return debug$5.warn('layout max times');
+                return debug$4.warn('layout max times');
             this.times++;
             this.totalTimes++;
             this.layouting = true;
@@ -6611,7 +6613,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const debug$4 = Debug.get('Renderer');
+    const debug$3 = Debug.get('Renderer');
     class Renderer {
         get needFill() { return !!(!this.canvas.allowBackgroundColor && this.config.fill); }
         constructor(target, canvas, userConfig) {
@@ -6649,7 +6651,7 @@ var LeaferUI = (function (exports) {
             const { target } = this;
             this.times = 0;
             this.totalBounds = new Bounds();
-            debug$4.log(target.innerName, '--->');
+            debug$3.log(target.innerName, '--->');
             try {
                 if (!target.isApp)
                     target.app.emit(RenderEvent.CHILD_START, target);
@@ -6660,9 +6662,9 @@ var LeaferUI = (function (exports) {
             }
             catch (e) {
                 this.rendering = false;
-                debug$4.error(e);
+                debug$3.error(e);
             }
-            debug$4.log('-------------|');
+            debug$3.log('-------------|');
         }
         renderAgain() {
             if (this.rendering) {
@@ -6674,9 +6676,9 @@ var LeaferUI = (function (exports) {
         }
         renderOnce(callback) {
             if (this.rendering)
-                return debug$4.warn('rendering');
+                return debug$3.warn('rendering');
             if (this.times > 3)
-                return debug$4.warn('render max times');
+                return debug$3.warn('render max times');
             this.times++;
             this.totalTimes++;
             this.rendering = true;
@@ -6713,7 +6715,7 @@ var LeaferUI = (function (exports) {
         partRender() {
             const { canvas, updateBlocks: list } = this;
             if (!list)
-                return debug$4.warn('PartRender: need update attr');
+                return debug$3.warn('PartRender: need update attr');
             this.mergeBlocks();
             list.forEach(block => { if (canvas.bounds.hit(block) && !block.isEmpty())
                 this.clipRender(block); });
@@ -6816,7 +6818,7 @@ var LeaferUI = (function (exports) {
                             empty = (!leaf.__world.width || !leaf.__world.height);
                             if (empty) {
                                 if (!leaf.isLeafer)
-                                    debug$4.tip(leaf.innerName, ': empty');
+                                    debug$3.tip(leaf.innerName, ': empty');
                                 empty = (!leaf.isBranch || leaf.isBranchLeaf);
                             }
                             return empty;
@@ -6982,143 +6984,26 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const { Yes, NoAndSkip, YesAndSkip } = exports.Answer;
-    const idCondition = {}, classNameCondition = {}, tagCondition = {};
     class Selector {
         constructor(target, userConfig) {
             this.config = {};
-            this.innerIdMap = {};
-            this.idMap = {};
-            this.methods = {
-                id: (leaf, name) => leaf.id === name ? (this.target && (this.idMap[name] = leaf), 1) : 0,
-                innerId: (leaf, innerId) => leaf.innerId === innerId ? (this.target && (this.innerIdMap[innerId] = leaf), 1) : 0,
-                className: (leaf, name) => leaf.className === name ? 1 : 0,
-                tag: (leaf, name) => leaf.__tag === name ? 1 : 0,
-                tags: (leaf, nameMap) => nameMap[leaf.__tag] ? 1 : 0
-            };
-            this.target = target;
             if (userConfig)
                 this.config = DataHelper.default(userConfig, this.config);
-            this.picker = new Picker(target, this);
-            if (target)
-                this.__listenEvents();
-        }
-        getBy(condition, branch, one, options) {
-            switch (typeof condition) {
-                case 'number':
-                    const leaf = this.getByInnerId(condition, branch);
-                    return one ? leaf : (leaf ? [leaf] : []);
-                case 'string':
-                    switch (condition[0]) {
-                        case '#':
-                            idCondition.id = condition.substring(1), condition = idCondition;
-                            break;
-                        case '.':
-                            classNameCondition.className = condition.substring(1), condition = classNameCondition;
-                            break;
-                        default:
-                            tagCondition.tag = condition, condition = tagCondition;
-                    }
-                case 'object':
-                    if (condition.id !== undefined) {
-                        const leaf = this.getById(condition.id, branch);
-                        return one ? leaf : (leaf ? [leaf] : []);
-                    }
-                    else if (condition.tag) {
-                        const { tag } = condition, isArray = tag instanceof Array;
-                        return this.getByMethod(isArray ? this.methods.tags : this.methods.tag, branch, one, isArray ? DataHelper.toMap(tag) : tag);
-                    }
-                    else {
-                        return this.getByMethod(this.methods.className, branch, one, condition.className);
-                    }
-                case 'function':
-                    return this.getByMethod(condition, branch, one, options);
-            }
+            this.picker = new Picker(this.target = target, this);
+            this.finder = Creator.finder && Creator.finder();
         }
         getByPoint(hitPoint, hitRadius, options) {
-            if (Platform.name === 'node' && this.target)
-                this.target.emit(LayoutEvent.CHECK_UPDATE);
+            if (Platform.backgrounder && this.target)
+                this.target.updateLayout();
             return this.picker.getByPoint(hitPoint, hitRadius, options);
         }
-        getByInnerId(innerId, branch) {
-            const cache = this.innerIdMap[innerId];
-            if (cache)
-                return cache;
-            this.eachFind(this.toChildren(branch), this.methods.innerId, null, innerId);
-            return this.findLeaf;
-        }
-        getById(id, branch) {
-            const cache = this.idMap[id];
-            if (cache && LeafHelper.hasParent(cache, branch || this.target))
-                return cache;
-            this.eachFind(this.toChildren(branch), this.methods.id, null, id);
-            return this.findLeaf;
-        }
-        getByClassName(className, branch) {
-            return this.getByMethod(this.methods.className, branch, false, className);
-        }
-        getByTag(tag, branch) {
-            return this.getByMethod(this.methods.tag, branch, false, tag);
-        }
-        getByMethod(method, branch, one, options) {
-            const list = one ? null : [];
-            this.eachFind(this.toChildren(branch), method, list, options);
-            return list || this.findLeaf;
-        }
-        eachFind(children, method, list, options) {
-            let child, result;
-            for (let i = 0, len = children.length; i < len; i++) {
-                child = children[i];
-                result = method(child, options);
-                if (result === Yes || result === YesAndSkip) {
-                    if (list) {
-                        list.push(child);
-                    }
-                    else {
-                        this.findLeaf = child;
-                        return;
-                    }
-                }
-                if (child.isBranch && result < NoAndSkip)
-                    this.eachFind(child.children, method, list, options);
-            }
-        }
-        toChildren(branch) {
-            this.findLeaf = null;
-            return [branch || this.target];
-        }
-        __onRemoveChild(event) {
-            const { id, innerId } = event.child;
-            if (this.idMap[id])
-                delete this.idMap[id];
-            if (this.innerIdMap[innerId])
-                delete this.innerIdMap[innerId];
-        }
-        __checkIdChange(event) {
-            if (event.attrName === 'id') {
-                const id = event.oldValue;
-                if (this.idMap[id])
-                    delete this.idMap[id];
-            }
-        }
-        __listenEvents() {
-            this.__eventIds = [
-                this.target.on_(ChildEvent.REMOVE, this.__onRemoveChild, this),
-                this.target.on_(PropertyEvent.CHANGE, this.__checkIdChange, this)
-            ];
-        }
-        __removeListenEvents() {
-            this.target.off_(this.__eventIds);
-            this.__eventIds.length = 0;
+        getBy(condition, branch, one, options) {
+            return this.finder ? this.finder.getBy(condition, branch, one, options) : Plugin.need('find');
         }
         destroy() {
-            if (this.__eventIds.length) {
-                this.__removeListenEvents();
-                this.picker.destroy();
-                this.findLeaf = null;
-                this.innerIdMap = {};
-                this.idMap = {};
-            }
+            this.picker.destroy();
+            if (this.finder)
+                this.finder.destroy();
         }
     }
 
@@ -7191,7 +7076,7 @@ var LeaferUI = (function (exports) {
 
     const { parse, objectToCanvasData } = PathConvert;
     const emptyPaint = {};
-    const debug$3 = Debug.get('UIData');
+    const debug$2 = Debug.get('UIData');
     class UIData extends LeafData {
         get scale() { const { scaleX, scaleY } = this; return scaleX !== scaleY ? { x: scaleX, y: scaleY } : scaleX; }
         get __strokeWidth() {
@@ -7228,7 +7113,7 @@ var LeaferUI = (function (exports) {
             if (value < 0) {
                 this._width = -value;
                 this.__leaf.scaleX *= -1;
-                debug$3.warn('width < 0, instead -scaleX ', this);
+                debug$2.warn('width < 0, instead -scaleX ', this);
             }
             else
                 this._width = value;
@@ -7237,7 +7122,7 @@ var LeaferUI = (function (exports) {
             if (value < 0) {
                 this._height = -value;
                 this.__leaf.scaleY *= -1;
-                debug$3.warn('height < 0, instead -scaleY', this);
+                debug$2.warn('height < 0, instead -scaleY', this);
             }
             else
                 this._height = value;
@@ -7614,25 +7499,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();
@@ -7684,9 +7571,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();
@@ -7932,16 +7819,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);
@@ -7973,7 +7862,7 @@ var LeaferUI = (function (exports) {
     ], exports.Group);
 
     var Leafer_1;
-    const debug$2 = Debug.get('Leafer');
+    const debug$1 = Debug.get('Leafer');
     exports.Leafer = Leafer_1 = class Leafer extends exports.Group {
         get __tag() { return 'Leafer'; }
         get isApp() { return false; }
@@ -8138,7 +8027,7 @@ var LeaferUI = (function (exports) {
             if (this.canvas) {
                 if (canvasSizeAttrs.includes(attrName)) {
                     if (!newValue)
-                        debug$2.warn(attrName + ' is 0');
+                        debug$1.warn(attrName + ' is 0');
                     this.__changeCanvasSize(attrName, newValue);
                 }
                 else if (attrName === 'fill') {
@@ -8279,9 +8168,6 @@ var LeaferUI = (function (exports) {
             this.canvas && this.canvas.updateClientBounds();
         }
         receiveEvent(_event) { }
-        __checkUpdateLayout() {
-            this.__layout.update();
-        }
         emitLeafer(type) {
             this.emitEvent(new LeaferEvent(type, this));
         }
@@ -8292,7 +8178,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);
@@ -8323,7 +8209,7 @@ var LeaferUI = (function (exports) {
                         setTimeout(() => { ImageManager.clearRecycled(); }, 100);
                     }
                     catch (e) {
-                        debug$2.error(e);
+                        debug$1.error(e);
                     }
                 }
             };
@@ -8357,7 +8243,7 @@ var LeaferUI = (function (exports) {
     ], exports.Rect);
 
     const { copy: copy$3, add, includes: includes$1 } = BoundsHelper;
-    const rect$1 = exports.Rect.prototype, group$1 = exports.Group.prototype;
+    const rect$1 = exports.Rect.prototype, group = exports.Group.prototype;
     const childrenRenderBounds = {};
     exports.Box = class Box extends exports.Group {
         get __tag() { return 'Box'; }
@@ -8467,7 +8353,7 @@ var LeaferUI = (function (exports) {
         rewrite(rect$1.__render)
     ], exports.Box.prototype, "__renderRect", null);
     __decorate([
-        rewrite(group$1.__render)
+        rewrite(group.__render)
     ], exports.Box.prototype, "__renderGroup", null);
     exports.Box = __decorate([
         rewriteAble(),
@@ -8552,7 +8438,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() {
@@ -8596,7 +8482,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();
@@ -8948,6 +8834,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);
@@ -9134,8 +9023,8 @@ var LeaferUI = (function (exports) {
             this.children.forEach(leafer => leafer.resize(event));
             super.__onResize(event);
         }
-        __checkUpdateLayout() {
-            this.children.forEach(leafer => leafer.__layout.update());
+        updateLayout() {
+            this.children.forEach(leafer => leafer.updateLayout());
         }
         __getChildConfig(userConfig) {
             let config = Object.assign({}, this.config);
@@ -9625,7 +9514,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const debug$1 = Debug.get('emit');
+    const debug = Debug.get('emit');
     function emit$1(type, data, path, excludePath) {
         if (!path && !data.path)
             return;
@@ -9655,7 +9544,7 @@ var LeaferUI = (function (exports) {
             }
         }
         catch (e) {
-            debug$1.error(e);
+            debug.error(e);
         }
     }
     const allowTypes = ['move', 'zoom', 'rotate', 'key'];
@@ -10212,8 +10101,8 @@ var LeaferUI = (function (exports) {
         this.__drawRenderPath(canvas); };
 
     const matrix = new Matrix();
-    const ui$2 = exports.UI.prototype;
-    ui$2.__updateHitCanvas = function () {
+    const ui$1 = exports.UI.prototype;
+    ui$1.__updateHitCanvas = function () {
         const data = this.__, { hitCanvasManager } = this.leafer;
         const isHitPixelFill = (data.__pixelFill || data.__isCanvas) && data.hitFill === 'pixel';
         const isHitPixelStroke = data.__pixelStroke && data.hitStroke === 'pixel';
@@ -10240,7 +10129,7 @@ var LeaferUI = (function (exports) {
         this.__drawHitPath(h);
         h.setStrokeOptions(data);
     };
-    ui$2.__hit = function (inner) {
+    ui$1.__hit = function (inner) {
         if (Platform.name === 'miniapp')
             this.__drawHitPath(this.__hitCanvas);
         const data = this.__;
@@ -10280,43 +10169,35 @@ var LeaferUI = (function (exports) {
         return hitWidth ? this.__hitStroke(inner, hitWidth) : false;
     };
 
-    const ui$1 = exports.UI.prototype, rect = exports.Rect.prototype, box$1 = exports.Box.prototype;
+    const ui = exports.UI.prototype, rect = exports.Rect.prototype, box$1 = exports.Box.prototype;
     rect.__updateHitCanvas = box$1.__updateHitCanvas = function () {
         if (this.stroke || this.cornerRadius || ((this.fill || this.__.__isCanvas) && this.hitFill === 'pixel') || this.hitStroke === 'all')
-            ui$1.__updateHitCanvas.call(this);
+            ui.__updateHitCanvas.call(this);
         else if (this.__hitCanvas)
             this.__hitCanvas = null;
     };
     rect.__hitFill = box$1.__hitFill = function (inner) {
-        return this.__hitCanvas ? ui$1.__hitFill.call(this, inner) : BoundsHelper.hitRadiusPoint(this.__layout.boxBounds, inner);
+        return this.__hitCanvas ? ui.__hitFill.call(this, inner) : BoundsHelper.hitRadiusPoint(this.__layout.boxBounds, inner);
     };
 
-    const ui = exports.UI.prototype, group = exports.Group.prototype;
     function getSelector(ui) {
         return ui.leafer ? ui.leafer.selector : (Platform.selector || (Platform.selector = Creator.selector()));
     }
-    ui.find = function (condition, options) {
-        return getSelector(this).getBy(condition, this, false, options);
-    };
-    ui.findOne = function (condition, options) {
-        return getSelector(this).getBy(condition, this, true, options);
-    };
-    group.pick = function (hitPoint, options) {
-        this.__layout.update();
-        if (!options)
-            options = {};
+    exports.Group.prototype.pick = function (hitPoint, options) {
+        this.leafer || this.updateLayout();
+        options || (options = emptyData);
         return getSelector(this).getByPoint(hitPoint, options.hitRadius || 0, Object.assign(Object.assign({}, options), { target: this }));
     };
 
-    const canvas$1 = LeaferCanvasBase.prototype;
-    canvas$1.hitFill = function (point, fillRule) {
+    const canvas = LeaferCanvasBase.prototype;
+    canvas.hitFill = function (point, fillRule) {
         return fillRule ? this.context.isPointInPath(point.x, point.y, fillRule) : this.context.isPointInPath(point.x, point.y);
     };
-    canvas$1.hitStroke = function (point, strokeWidth) {
+    canvas.hitStroke = function (point, strokeWidth) {
         this.strokeWidth = strokeWidth;
         return this.context.isPointInStroke(point.x, point.y);
     };
-    canvas$1.hitPixel = function (radiusPoint, offset, scale = 1) {
+    canvas.hitPixel = function (radiusPoint, offset, scale = 1) {
         let { x, y, radiusX, radiusY } = radiusPoint;
         if (offset)
             x -= offset.x, y -= offset.y;
@@ -12112,197 +11993,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);
 
     Object.assign(Creator, {
         interaction: (target, canvas, selector, options) => new Interaction(target, canvas, selector, options),
@@ -12393,6 +12089,7 @@ var LeaferUI = (function (exports) {
     exports.PathNumberCommandLengthMap = PathNumberCommandLengthMap;
     exports.PathNumberCommandMap = PathNumberCommandMap;
     exports.PenData = PenData;
+    exports.Picker = Picker;
     exports.Platform = Platform;
     exports.Plugin = Plugin;
     exports.Point = Point;