@leafer-editor/worker 1.2.2 → 1.3.0

package/dist/worker.module.js

@@ -1402,21 +1402,24 @@ 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$g = Debug.get('UICreator');
 const UICreator = {
@@ -4808,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';
@@ -6005,7 +6007,7 @@ class LeafLevelList {
     }
 }
 
-const version = "1.2.2";
+const version = "1.3.0";
 
 class LeaferCanvas extends LeaferCanvasBase {
     get allowBackgroundColor() { return true; }
@@ -6073,6 +6075,7 @@ function useCanvas(_canvasType, _power) {
 }
 Platform.name = 'web';
 Platform.isWorker = true;
+Platform.backgrounder = true;
 Platform.requestRender = function (render) { requestAnimationFrame(render); };
 defineKey(Platform, 'devicePixelRatio', { get() { return 1; } });
 const { userAgent } = navigator;
@@ -6805,143 +6808,26 @@ class Picker {
     }
 }
 
-const { Yes: Yes$1, NoAndSkip: NoAndSkip$1, YesAndSkip: YesAndSkip$1 } = 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$1 || result === YesAndSkip$1) {
-                if (list) {
-                    list.push(child);
-                }
-                else {
-                    this.findLeaf = child;
-                    return;
-                }
-            }
-            if (child.isBranch && result < NoAndSkip$1)
-                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();
     }
 }
 
@@ -7437,25 +7323,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();
@@ -7507,9 +7395,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();
@@ -7755,16 +7643,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);
@@ -8102,9 +7992,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));
     }
@@ -8115,7 +8002,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);
@@ -8180,7 +8067,7 @@ Rect = __decorate([
 ], Rect);
 
 const { copy: copy$6, add, includes: includes$1 } = BoundsHelper;
-const rect$1 = Rect.prototype, group$1 = Group.prototype;
+const rect$1 = Rect.prototype, group = Group.prototype;
 const childrenRenderBounds = {};
 let Box = class Box extends Group {
     get __tag() { return 'Box'; }
@@ -8290,7 +8177,7 @@ __decorate([
     rewrite(rect$1.__render)
 ], Box.prototype, "__renderRect", null);
 __decorate([
-    rewrite(group$1.__render)
+    rewrite(group.__render)
 ], Box.prototype, "__renderGroup", null);
 Box = __decorate([
     rewriteAble(),
@@ -8771,6 +8658,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);
@@ -8957,8 +8847,8 @@ let App = class App extends Leafer {
         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);
@@ -10035,8 +9925,8 @@ leaf$1.__drawHitPath = function (canvas) { if (canvas)
     this.__drawRenderPath(canvas); };
 
 const matrix$2 = new Matrix();
-const ui$3 = UI.prototype;
-ui$3.__updateHitCanvas = function () {
+const ui$2 = UI.prototype;
+ui$2.__updateHitCanvas = function () {
     const data = this.__, { hitCanvasManager } = this.leafer;
     const isHitPixelFill = (data.__pixelFill || data.__isCanvas) && data.hitFill === 'pixel';
     const isHitPixelStroke = data.__pixelStroke && data.hitStroke === 'pixel';
@@ -10063,7 +9953,7 @@ ui$3.__updateHitCanvas = function () {
     this.__drawHitPath(h);
     h.setStrokeOptions(data);
 };
-ui$3.__hit = function (inner) {
+ui$2.__hit = function (inner) {
     if (Platform.name === 'miniapp')
         this.__drawHitPath(this.__hitCanvas);
     const data = this.__;
@@ -10103,31 +9993,23 @@ ui$3.__hit = function (inner) {
     return hitWidth ? this.__hitStroke(inner, hitWidth) : false;
 };
 
-const ui$2 = UI.prototype, rect = Rect.prototype, box$1 = Box.prototype;
+const ui$1 = UI.prototype, rect = Rect.prototype, box$1 = Box.prototype;
 rect.__updateHitCanvas = box$1.__updateHitCanvas = function () {
     if (this.stroke || this.cornerRadius || ((this.fill || this.__.__isCanvas) && this.hitFill === 'pixel') || this.hitStroke === 'all')
-        ui$2.__updateHitCanvas.call(this);
+        ui$1.__updateHitCanvas.call(this);
     else if (this.__hitCanvas)
         this.__hitCanvas = null;
 };
 rect.__hitFill = box$1.__hitFill = function (inner) {
-    return this.__hitCanvas ? ui$2.__hitFill.call(this, inner) : BoundsHelper.hitRadiusPoint(this.__layout.boxBounds, inner);
+    return this.__hitCanvas ? ui$1.__hitFill.call(this, inner) : BoundsHelper.hitRadiusPoint(this.__layout.boxBounds, inner);
 };
 
-const ui$1 = UI.prototype, group = Group.prototype;
 function getSelector(ui) {
     return ui.leafer ? ui.leafer.selector : (Platform.selector || (Platform.selector = Creator.selector()));
 }
-ui$1.find = function (condition, options) {
-    return getSelector(this).getBy(condition, this, false, options);
-};
-ui$1.findOne = function (condition, options) {
-    return getSelector(this).getBy(condition, this, true, options);
-};
-group.pick = function (hitPoint, options) {
-    this.__layout.update();
-    if (!options)
-        options = {};
+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 }));
 };
 
@@ -11631,197 +11513,12 @@ const ColorConvertModule = {
     string
 };
 
-const { setPoint: setPoint$2, 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$2(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$2 = 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$2.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$2.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 InteractionBase(target, canvas, selector, options),
@@ -12966,7 +12663,7 @@ const EditorHelper = {
     }
 };
 
-const debug$1 = Debug.get('EditToolCreator');
+const debug$2 = Debug.get('EditToolCreator');
 function registerEditTool() {
     return (target) => {
         EditToolCreator.register(target);
@@ -12977,7 +12674,7 @@ const EditToolCreator = {
     list: {},
     register(EditTool) {
         const { tag } = EditTool.prototype;
-        list$1[tag] && debug$1.repeat(tag);
+        list$1[tag] && debug$2.repeat(tag);
         list$1[tag] = EditTool;
     },
     get(tag, editor) {
@@ -13094,7 +12791,7 @@ class Editor extends Group {
         if (userConfig)
             this.config = DataHelper.default(userConfig, this.config);
         this.addMany(this.editMask, this.selector, this.editBox);
-        if (!Plugin.check('resize', true))
+        if (!Plugin.has('resize'))
             this.config.editSize = 'scale';
     }
     select(target) {
@@ -13887,7 +13584,7 @@ Box.prototype.__scaleResize = function (scaleX, scaleY) {
 
 Plugin.add('resize');
 
-Plugin.add('editor');
+Plugin.add('editor', 'resize');
 Creator.editor = function (options) { return new Editor(options); };
 dataType(false)(Box.prototype, 'textBox');
 defineKey(UI.prototype, 'editOuter', {
@@ -13968,11 +13665,11 @@ function document$1(leafer) {
     });
 }
 
-const debug = Debug.get('LeaferTypeCreator');
+const debug$1 = Debug.get('LeaferTypeCreator');
 const LeaferTypeCreator = {
     list: {},
     register(name, fn) {
-        list[name] && debug.repeat(name);
+        list[name] && debug$1.repeat(name);
         list[name] = fn;
     },
     run(name, leafer) {
@@ -14497,17 +14194,17 @@ const PathMatrixHelper = {
             switch (command) {
                 case M$1:
                 case L$1:
-                    setPoint$1(data, i + 1, x, y, scaleX, scaleY, rotation, origin);
+                    setPoint$2(data, i + 1, x, y, scaleX, scaleY, rotation, origin);
                     i += 3;
                     break;
                 case C$1:
                     for (j = 1; j < 6; j += 2)
-                        setPoint$1(data, i + j, x, y, scaleX, scaleY, rotation, origin);
+                        setPoint$2(data, i + j, x, y, scaleX, scaleY, rotation, origin);
                     i += 7;
                     break;
                 case Q$1:
                     for (j = 1; j < 4; j += 2)
-                        setPoint$1(data, i + j, x, y, scaleX, scaleY, rotation, origin);
+                        setPoint$2(data, i + j, x, y, scaleX, scaleY, rotation, origin);
                     i += 5;
                     break;
                 case O$1:
@@ -14528,7 +14225,7 @@ const PathMatrixHelper = {
         PathMatrixHelper.layout(data, 0, 0, 1, 1, rotation, center);
     }
 };
-function setPoint$1(data, startIndex, x, y, scaleX, scaleY, rotation, origin) {
+function setPoint$2(data, startIndex, x, y, scaleX, scaleY, rotation, origin) {
     copyFrom$1(point, data[startIndex], data[startIndex + 1]);
     if (rotation)
         rotate$1(point, rotation, origin);
@@ -14694,7 +14391,7 @@ const PathArrowModule = {
                                 break;
                         }
                         if (index)
-                            setPoint(path, last, index);
+                            setPoint$1(path, last, index);
                     }
                 }
             }
@@ -14708,7 +14405,7 @@ function copyPoints(data, from, to, startIndex) {
     copyFrom(from, data[startIndex], data[startIndex + 1]);
     copyFrom(to, data[startIndex + 2], data[startIndex + 3]);
 }
-function setPoint(data, point, startIndex) {
+function setPoint$1(data, point, startIndex) {
     data[startIndex] = point.x;
     data[startIndex + 1] = point.y;
 }
@@ -14731,6 +14428,195 @@ arrowType('none')(ui, 'startArrow');
 arrowType('none')(ui, 'endArrow');
 Object.assign(PathArrow, PathArrowModule);
 
+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-in/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(Export, ExportModule);
+UI.prototype.export = function (filename, options) {
+    return Export.export(this, filename, options);
+};
+
 const textCaseMap = {
     'none': 'none',
     'title': 'capitalize',
@@ -14933,8 +14819,7 @@ TextEditor = __decorate([
     registerInnerEditor()
 ], TextEditor);
 
-Plugin.add('text-editor');
-setTimeout(() => Plugin.check('editor', true));
+Plugin.add('text-editor', 'editor');
 
 class HTMLTextData extends ImageData {
     setText(value) {
@@ -14996,4 +14881,4 @@ HTMLText = __decorate([
 
 Plugin.add('html');
 
-export { AlignHelper, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, doBoundsType, doStrokeType, effectType, emptyData, eraserType, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isNull, layoutProcessor, maskType, naturalBoundsType, opacityType, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, sortType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix, tempPoint$3 as tempPoint, useCanvas, useModule, version, visibleType, zoomLayerType };
+export { AlignHelper, Answer, App, AroundHelper, Arrow, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragEvent, Dragger, DropEvent, EditBox, EditDataHelper, EditPoint, EditSelect, EditSelectHelper, EditTool, EditToolCreator, Editor, EditorEvent, EditorGroupEvent, EditorHelper, EditorMoveEvent, EditorRotateEvent, EditorScaleEvent, EditorSkewEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Eventer, Export, FileHelper, Frame, FrameData, Group, GroupData, HTMLText, HTMLTextData, HitCanvasManager, Image, ImageData, ImageEvent, ImageManager, IncrementId, InnerEditor, InnerEditorEvent, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafLayout, LeafLevelList, LeafList, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, LineEditTool, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, MyDragEvent, MyImage, MyPointerEvent, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, PaintGradient, PaintImage, Path, PathArrow, PathArrowModule, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathMatrixHelper, PathNumberCommandLengthMap, PathNumberCommandMap, Pen, PenData, Picker, Platform, Plugin, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, RotateEvent, Run, ScrollBar, SelectArea, Selector, Star, StarData, State, StringNumberMap, Stroker, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert, TextData, TextEditor, Transformer, Transition, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, WheelEventHelper, ZoomEvent, addViewport, addViewportConfig, affectRenderBoundsType, affectStrokeBoundsType, arrowType, attr, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, cursorType, dataProcessor, dataType, decorateLeafAttr, defineDataProcessor, defineKey, defineLeafAttr, doBoundsType, doStrokeType, effectType, emptyData, eraserType, getBoundsData, getDescriptor, getMatrixData, getPointData, hitType, isNull, layoutProcessor, maskType, naturalBoundsType, opacityType, pathInputType, pathType, pen, positionType, registerEditTool, registerInnerEditor, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, sortType, strokeType, surfaceType, tempBounds$1 as tempBounds, tempMatrix, tempPoint$3 as tempPoint, useCanvas, useModule, version, visibleType, zoomLayerType };