@leafer-editor/worker 1.6.0 → 1.6.2

package/dist/worker.cjs

@@ -73,4 +73,3 @@ Object.keys(html).forEach(function (k) {
 		get: function () { return html[k]; }
 	});
 });
-//# sourceMappingURL=worker.cjs.map

package/dist/worker.esm.js

@@ -8,4 +8,3 @@ export * from '@leafer-in/find';
 export * from '@leafer-in/export';
 export * from '@leafer-in/text-editor';
 export * from '@leafer-in/html';
-//# sourceMappingURL=worker.esm.js.map

package/dist/worker.js

@@ -2592,7 +2592,11 @@ var LeaferUI = (function (exports) {
             const point = {};
             getPointAndSet(t, fromX, fromY, x1, y1, x2, y2, toX, toY, point);
             return point;
-        }
+        },
+        getDerivative(t, fromV, v1, v2, toV) {
+            const o = 1 - t;
+            return 3 * o * o * (v1 - fromV) + 6 * o * t * (v2 - v1) + 3 * t * t * (toV - v2);
+        },
     };
     const { getPointAndSet, toTwoPointBounds: toTwoPointBounds$1, ellipse: ellipse$6 } = BezierHelper;
 
@@ -3773,8 +3777,11 @@ var LeaferUI = (function (exports) {
         load(onSuccess, onError) {
             if (!this.loading) {
                 this.loading = true;
+                let { loadImage, loadImageWithProgress } = Platform.origin, onProgress = this.config.showProgress && loadImageWithProgress && this.onProgress.bind(this);
+                if (onProgress)
+                    loadImage = loadImageWithProgress;
                 Resource.tasker.add(() => __awaiter(this, void 0, void 0, function* () {
-                    return yield Platform.origin.loadImage(this.url).then(img => this.setView(img)).catch((e) => {
+                    return yield loadImage(this.url, onProgress).then(img => this.setView(img)).catch((e) => {
                         this.error = e;
                         this.onComplete(false);
                     });
@@ -3799,6 +3806,9 @@ var LeaferUI = (function (exports) {
             this.view = img;
             this.onComplete(true);
         }
+        onProgress(progress) {
+            this.progress = progress;
+        }
         onComplete(isSuccess) {
             let odd;
             this.waitComplete.forEach((item, index) => {
@@ -4264,13 +4274,20 @@ var LeaferUI = (function (exports) {
             if (leaf.isBranch) {
                 const { children } = leaf;
                 for (let i = 0, len = children.length; i < len; i++) {
-                    updateAllWorldOpacity$1(children[i]);
+                    updateAllWorldOpacity(children[i]);
                 }
             }
         },
-        updateAllChange(leaf) {
-            updateAllWorldOpacity$1(leaf);
+        updateChange(leaf) {
+            const layout = leaf.__layout;
+            if (layout.stateStyleChanged)
+                leaf.updateState();
+            if (layout.opacityChanged)
+                updateAllWorldOpacity(leaf);
             leaf.__updateChange();
+        },
+        updateAllChange(leaf) {
+            updateChange$1(leaf);
             if (leaf.isBranch) {
                 const { children } = leaf;
                 for (let i = 0, len = children.length; i < len; i++) {
@@ -4406,7 +4423,7 @@ var LeaferUI = (function (exports) {
         }
     };
     const L$3 = LeafHelper;
-    const { updateAllMatrix: updateAllMatrix$3, updateMatrix: updateMatrix$3, updateAllWorldOpacity: updateAllWorldOpacity$1, updateAllChange: updateAllChange$1 } = L$3;
+    const { updateAllMatrix: updateAllMatrix$3, updateMatrix: updateMatrix$3, updateAllWorldOpacity, updateAllChange: updateAllChange$1, updateChange: updateChange$1 } = L$3;
     function getTempLocal(t, world) {
         t.__layout.update();
         return t.parent ? PointHelper.tempToInnerOf(world, t.parent.__world) : world;
@@ -6128,7 +6145,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const version = "1.6.0";
+    const version = "1.6.2";
 
     class LeaferCanvas extends LeaferCanvasBase {
         get allowBackgroundColor() { return true; }
@@ -6313,7 +6330,7 @@ var LeaferUI = (function (exports) {
         }
     }
 
-    const { updateAllMatrix: updateAllMatrix$1, updateBounds: updateOneBounds, updateAllWorldOpacity } = LeafHelper;
+    const { updateAllMatrix: updateAllMatrix$1, updateBounds: updateOneBounds, updateChange: updateOneChange } = LeafHelper;
     const { pushAllChildBranch, pushAllParent } = BranchHelper;
     function updateMatrix$1(updateList, levelList) {
         let layout;
@@ -6356,15 +6373,7 @@ var LeaferUI = (function (exports) {
         });
     }
     function updateChange(updateList) {
-        let layout;
-        updateList.list.forEach(leaf => {
-            layout = leaf.__layout;
-            if (layout.opacityChanged)
-                updateAllWorldOpacity(leaf);
-            if (layout.stateStyleChanged)
-                setTimeout(() => layout.stateStyleChanged && leaf.updateState());
-            leaf.__updateChange();
-        });
+        updateList.list.forEach(updateOneChange);
     }
 
     const { worldBounds: worldBounds$1 } = LeafBoundsHelper;
@@ -6585,6 +6594,15 @@ var LeaferUI = (function (exports) {
         }
         checkRender() {
             if (this.running) {
+                const { target } = this;
+                if (target.isApp) {
+                    target.emit(RenderEvent.CHILD_START, target);
+                    target.children.forEach(leafer => {
+                        leafer.renderer.FPS = this.FPS;
+                        leafer.renderer.checkRender();
+                    });
+                    target.emit(RenderEvent.CHILD_END, target);
+                }
                 if (this.changed && this.canvas.view)
                     this.render();
                 this.target.emit(RenderEvent.NEXT);
@@ -6670,7 +6688,7 @@ var LeaferUI = (function (exports) {
             bounds.spread(Renderer.clipSpread).ceil();
             canvas.clearWorld(bounds, true);
             canvas.clipWorld(bounds, true);
-            this.__render(bounds, block.includes(this.target.__world), realBounds);
+            this.__render(bounds, realBounds);
             canvas.restore();
             Run.end(t);
         }
@@ -6679,12 +6697,12 @@ var LeaferUI = (function (exports) {
             const { canvas } = this;
             canvas.save();
             canvas.clear();
-            this.__render(canvas.bounds, true);
+            this.__render(canvas.bounds);
             canvas.restore();
             Run.end(t);
         }
-        __render(bounds, includes, realBounds) {
-            const { canvas } = this, options = includes ? { includes } : { bounds, includes };
+        __render(bounds, realBounds) {
+            const { canvas } = this, includes = bounds.includes(this.target.__world), options = includes ? { includes } : { bounds, includes };
             if (this.needFill)
                 canvas.fillWorld(bounds, this.config.fill);
             if (Debug.showRepaint)
@@ -6711,22 +6729,14 @@ var LeaferUI = (function (exports) {
         }
         __requestRender() {
             const target = this.target;
-            if (target.parentApp)
-                return target.parentApp.renderer.update(false);
-            if (this.requestTime)
+            if (this.requestTime || !target)
                 return;
+            if (target.parentApp)
+                return target.parentApp.requestRender(false);
             const requestTime = this.requestTime = Date.now();
             Platform.requestRender(() => {
                 this.FPS = Math.min(60, Math.ceil(1000 / (Date.now() - requestTime)));
                 this.requestTime = 0;
-                if (target.isApp) {
-                    target.emit(RenderEvent.CHILD_START, target);
-                    target.children.forEach(leafer => {
-                        leafer.renderer.FPS = this.FPS;
-                        leafer.renderer.checkRender();
-                    });
-                    target.emit(RenderEvent.CHILD_END, target);
-                }
                 this.checkRender();
             });
         }
@@ -7208,13 +7218,11 @@ var LeaferUI = (function (exports) {
         setFontWeight(value) {
             if (typeof value === 'string') {
                 this.__setInput('fontWeight', value);
-                this._fontWeight = fontWeightMap[value] || 400;
-            }
-            else {
-                if (this.__input)
-                    this.__removeInput('fontWeight');
-                this._fontWeight = value;
+                value = fontWeightMap[value] || 400;
             }
+            else if (this.__input)
+                this.__removeInput('fontWeight');
+            this._fontWeight = value;
         }
         setBoxStyle(value) {
             let t = this.__leaf, box = t.__box;
@@ -7541,6 +7549,9 @@ var LeaferUI = (function (exports) {
             else
                 drawer.rect(x, y, width, height);
         }
+        drawImagePlaceholder(canvas, _image) {
+            Paint.fill(this.__.placeholderColor, this, canvas);
+        }
         animate(_keyframe, _options, _type, _isTemp) {
             return Plugin.need('animate');
         }
@@ -7777,6 +7788,9 @@ var LeaferUI = (function (exports) {
     __decorate([
         effectType()
     ], exports.UI.prototype, "filter", void 0);
+    __decorate([
+        surfaceType()
+    ], exports.UI.prototype, "placeholderColor", void 0);
     __decorate([
         dataType({})
     ], exports.UI.prototype, "data", void 0);
@@ -8607,10 +8621,11 @@ var LeaferUI = (function (exports) {
         get ready() { return this.image ? this.image.ready : false; }
         constructor(data) {
             super(data);
-            this.on(ImageEvent.LOADED, (e) => {
-                if (e.attrName === 'fill' && e.attrValue.url === this.url)
-                    this.image = e.image;
-            });
+            this.on_(ImageEvent.LOADED, this.__onLoaded, this);
+        }
+        __onLoaded(e) {
+            if (e.attrName === 'fill' && e.attrValue.url === this.url)
+                this.image = e.image;
         }
         destroy() {
             this.image = null;
@@ -8724,7 +8739,7 @@ var LeaferUI = (function (exports) {
             data.__baseLine = data.__lineHeight - (data.__lineHeight - fontSize * 0.7) / 2;
             data.__font = `${italic ? 'italic ' : ''}${textCase === 'small-caps' ? 'small-caps ' : ''}${fontWeight !== 'normal' ? fontWeight + ' ' : ''}${fontSize}px ${fontFamily}`;
             data.__clipText = textOverflow !== 'show' && !data.__autoSize;
-            data.__textDrawData = TextConvert.getDrawData(data.text, this.__);
+            data.__textDrawData = TextConvert.getDrawData((data.__isPlacehold = data.placeholder && data.text === '') ? data.placeholder : data.text, this.__);
         }
         __updateBoxBounds() {
             const data = this.__;
@@ -8822,6 +8837,9 @@ var LeaferUI = (function (exports) {
     __decorate([
         boundsType('')
     ], exports.Text.prototype, "text", void 0);
+    __decorate([
+        boundsType('')
+    ], exports.Text.prototype, "placeholder", void 0);
     __decorate([
         boundsType('caption')
     ], exports.Text.prototype, "fontFamily", void 0);
@@ -9697,8 +9715,7 @@ var LeaferUI = (function (exports) {
             if (this.downData) {
                 const canDrag = PointHelper.getDistance(this.downData, data) > this.p.dragDistance;
                 if (canDrag) {
-                    if (this.waitTap || this.longPressTimer)
-                        this.pointerWaitCancel();
+                    this.pointerWaitCancel();
                     this.waitRightTap = false;
                 }
                 this.dragger.checkDrag(data, canDrag);
@@ -9980,9 +9997,11 @@ var LeaferUI = (function (exports) {
             this.waitTap = true;
         }
         tapWaitCancel() {
-            clearTimeout(this.tapTimer);
-            this.waitTap = false;
-            this.tapCount = 0;
+            if (this.waitTap) {
+                clearTimeout(this.tapTimer);
+                this.waitTap = false;
+                this.tapCount = 0;
+            }
         }
         longPressWait(data) {
             clearTimeout(this.longPressTimer);
@@ -10002,8 +10021,10 @@ var LeaferUI = (function (exports) {
             return hasLong;
         }
         longPressWaitCancel() {
-            clearTimeout(this.longPressTimer);
-            this.longPressed = false;
+            if (this.longPressTimer) {
+                clearTimeout(this.longPressTimer);
+                this.longPressed = false;
+            }
         }
         __onResize() {
             const { dragOut } = this.m;
@@ -10244,8 +10265,10 @@ var LeaferUI = (function (exports) {
     };
 
     function fillText(ui, canvas) {
-        let row, data = ui.__.__textDrawData;
-        const { rows, decorationY } = data;
+        const data = ui.__, { rows, decorationY } = data.__textDrawData;
+        if (data.__isPlacehold && data.placeholderColor)
+            canvas.fillStyle = data.placeholderColor;
+        let row;
         for (let i = 0, len = rows.length; i < len; i++) {
             row = rows[i];
             if (row.text)
@@ -10254,7 +10277,7 @@ var LeaferUI = (function (exports) {
                 row.data.forEach(charData => { canvas.fillText(charData.char, charData.x, row.y); });
         }
         if (decorationY) {
-            const { decorationColor, decorationHeight } = data;
+            const { decorationColor, decorationHeight } = data.__textDrawData;
             if (decorationColor)
                 canvas.fillStyle = decorationColor;
             rows.forEach(row => decorationY.forEach(value => canvas.fillRect(row.x, row.y + value, row.width, decorationHeight)));
@@ -10263,38 +10286,44 @@ var LeaferUI = (function (exports) {
 
     function fill(fill, ui, canvas) {
         canvas.fillStyle = fill;
-        ui.__.__font ? fillText(ui, canvas) : (ui.__.windingRule ? canvas.fill(ui.__.windingRule) : canvas.fill());
+        fillPathOrText(ui, canvas);
     }
     function fills(fills, ui, canvas) {
         let item;
-        const { windingRule, __font } = ui.__;
         for (let i = 0, len = fills.length; i < len; i++) {
             item = fills[i];
-            if (item.image && PaintImage.checkImage(ui, canvas, item, !__font))
-                continue;
-            if (item.style) {
-                canvas.fillStyle = item.style;
-                if (item.transform) {
-                    canvas.save();
-                    canvas.transform(item.transform);
-                    if (item.blendMode)
-                        canvas.blendMode = item.blendMode;
-                    __font ? fillText(ui, canvas) : (windingRule ? canvas.fill(windingRule) : canvas.fill());
-                    canvas.restore();
+            if (item.image) {
+                if (PaintImage.checkImage(ui, canvas, item, !ui.__.__font))
+                    continue;
+                if (!item.style) {
+                    if (!i && item.image.isPlacehold)
+                        ui.drawImagePlaceholder(canvas, item.image);
+                    continue;
                 }
-                else {
-                    if (item.blendMode) {
-                        canvas.saveBlendMode(item.blendMode);
-                        __font ? fillText(ui, canvas) : (windingRule ? canvas.fill(windingRule) : canvas.fill());
-                        canvas.restoreBlendMode();
-                    }
-                    else {
-                        __font ? fillText(ui, canvas) : (windingRule ? canvas.fill(windingRule) : canvas.fill());
-                    }
+            }
+            canvas.fillStyle = item.style;
+            if (item.transform) {
+                canvas.save();
+                canvas.transform(item.transform);
+                if (item.blendMode)
+                    canvas.blendMode = item.blendMode;
+                fillPathOrText(ui, canvas);
+                canvas.restore();
+            }
+            else {
+                if (item.blendMode) {
+                    canvas.saveBlendMode(item.blendMode);
+                    fillPathOrText(ui, canvas);
+                    canvas.restoreBlendMode();
                 }
+                else
+                    fillPathOrText(ui, canvas);
             }
         }
     }
+    function fillPathOrText(ui, canvas) {
+        ui.__.__font ? fillText(ui, canvas) : (ui.__.windingRule ? canvas.fill(ui.__.windingRule) : canvas.fill());
+    }
 
     function strokeText(stroke, ui, canvas) {
         const { strokeAlign } = ui.__;
@@ -10534,6 +10563,7 @@ var LeaferUI = (function (exports) {
         compute,
         fill,
         fills,
+        fillPathOrText,
         fillText,
         stroke,
         strokes,
@@ -10726,6 +10756,13 @@ var LeaferUI = (function (exports) {
                 onLoadError(ui, event, error);
                 leafPaint.loadId = null;
             });
+            if (ui.placeholderColor)
+                setTimeout(() => {
+                    if (!(image.ready || image.isPlacehold)) {
+                        image.isPlacehold = true;
+                        ui.forceUpdate('surface');
+                    }
+                }, 100);
         }
         return leafPaint;
     }
@@ -12279,8 +12316,10 @@ var LeaferUI = (function (exports) {
                     align = 'top-right';
             }
             if (lockRatio) {
-                const unlockSide = lockRatio === 'corner' && direction % 2;
-                if (!unlockSide) {
+                if (lockRatio === 'corner' && direction % 2) {
+                    lockRatio = false;
+                }
+                else {
                     let scale;
                     switch (direction) {
                         case top$1:
@@ -14315,6 +14354,7 @@ ${filterStyle}
             return;
         const { move, rotation, scale, center } = MultiTouchHelper.getData(list);
         Object.assign(data, center);
+        this.pointerWaitCancel();
         this.rotate(getRotateEventData(rotation, data));
         this.zoom(getZoomEventData(scale, data));
         this.move(getMoveEventData(move, data));
@@ -15038,7 +15078,7 @@ ${filterStyle}
             else {
                 let renderBounds, trimBounds, scaleX = 1, scaleY = 1;
                 const { worldTransform, isLeafer, leafer, isFrame } = leaf;
-                const { slice, trim, padding, onCanvas } = options;
+                const { slice, clip, trim, padding, onCanvas } = options;
                 const smooth = options.smooth === undefined ? (leafer ? leafer.config.smooth : true) : options.smooth;
                 const contextSettings = options.contextSettings || (leafer ? leafer.config.contextSettings : undefined);
                 const screenshot = options.screenshot || leaf.isApp;
@@ -15082,7 +15122,9 @@ ${filterStyle}
                     scaleData.scaleY *= pixelRatio;
                     pixelRatio = leaf.app.pixelRatio;
                 }
-                const { x, y, width, height } = new Bounds(renderBounds).scale(scaleData.scaleX, scaleData.scaleY);
+                let { x, y, width, height } = new Bounds(renderBounds).scale(scaleData.scaleX, scaleData.scaleY);
+                if (clip)
+                    x += clip.x, y += clip.y, width = clip.width, height = clip.height;
                 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.floor(width), height: Math.floor(height), pixelRatio, smooth, contextSettings });
                 let sliceLeaf;
@@ -15420,6 +15462,8 @@ ${filterStyle}
             const { editTarget: text, editor, editDom: dom } = this;
             if (text) {
                 this.onInput();
+                if (text.text === '\n')
+                    text.text = '';
                 text.textEditing = undefined;
                 if (editor.app)
                     editor.app.config.keyEvent = this._keyEvent;
@@ -15708,4 +15752,7 @@ ${filterStyle}
     return exports;
 
 })({});
-//# sourceMappingURL=worker.js.map
+
+function Leafer(opt) { return new LeaferUI.Leafer(opt); }
+Object.setPrototypeOf(Leafer, LeaferUI);
+Leafer.prototype = LeaferUI.Leafer.prototype;