leafer-ui 1.0.0-rc.8 → 1.0.0-rc.9

package/dist/web.module.js

@@ -5935,7 +5935,7 @@ const LeafRender = {
             canvas.setWorld(this.__world, options.matrix);
             canvas.opacity = this.__worldOpacity;
             if (this.__.__single) {
-                const tempCanvas = canvas.getSameCanvas(true);
+                const tempCanvas = canvas.getSameCanvas(true, true);
                 this.__draw(tempCanvas, options);
                 const blendMode = this.__.isEraser ? 'destination-out' : this.__.blendMode;
                 if (this.__worldFlipped || options.matrix) {
@@ -6012,7 +6012,7 @@ const BranchRender = {
         if (this.__worldOpacity) {
             if (this.__.__single) {
                 canvas.resetTransform();
-                const tempCanvas = canvas.getSameCanvas();
+                const tempCanvas = canvas.getSameCanvas(false, true);
                 this.__renderBranch(tempCanvas, options);
                 canvas.opacity = this.__worldOpacity;
                 const blendMode = this.__.isEraser ? 'destination-out' : this.__.blendMode;
@@ -7357,8 +7357,9 @@ class LeaferCanvas extends LeaferCanvasBase {
         view ? this.__createViewFrom(view) : this.__createView();
         const { style } = this.view;
         style.display || (style.display = 'block');
-        style.userSelect = 'none';
         this.parentView = this.view.parentElement;
+        if (this.parentView)
+            this.parentView.style.userSelect = 'none';
         if (Platform.syncDomFont && !this.parentView) {
             this.view.style.display = 'none';
             document.body.appendChild(this.view);
@@ -8084,6 +8085,9 @@ class FrameData extends BoxData {
 class LineData extends UIData {
 }
 
+class ArrowData extends LineData {
+}
+
 class RectData extends UIData {
     get __boxStroke() { return true; }
 }
@@ -8142,6 +8146,25 @@ class TextData extends UIData {
 }
 
 class ImageData extends RectData {
+    setUrl(value) {
+        this.__setImageFill(value);
+        this._url = value;
+    }
+    __setImageFill(value) {
+        if (this.__leaf.image)
+            this.__leaf.image = null;
+        this.fill = value ? { type: 'image', mode: 'strench', url: value } : undefined;
+    }
+    __getData() {
+        const data = super.__getData();
+        delete data.fill;
+        return data;
+    }
+    __getInputData() {
+        const data = super.__getInputData();
+        delete data.fill;
+        return data;
+    }
 }
 
 class CanvasData extends RectData {
@@ -8388,14 +8411,15 @@ let UI = UI_1 = class UI extends Leaf {
     findOne(condition, options) {
         return this.leafer ? this.leafer.selector.getBy(condition, this, true, options) : null;
     }
-    getPath(curve) {
-        const { path } = this.__;
+    getPath(curve, pathForRender) {
+        this.__layout.update();
+        let path = pathForRender ? this.__.__pathForRender : this.__.path;
         if (!path)
-            return [];
+            this.__drawPathByBox(new PathCreator(path = []));
         return curve ? PathConvert.toCanvasData(path, true) : path;
     }
-    getPathString(curve) {
-        return PathConvert.stringify(this.getPath(curve));
+    getPathString(curve, pathForRender) {
+        return PathConvert.stringify(this.getPath(curve, pathForRender));
     }
     __onUpdateSize() {
         if (this.__.__input) {
@@ -8567,6 +8591,12 @@ __decorate([
 __decorate([
     strokeType(10)
 ], UI.prototype, "miterLimit", void 0);
+__decorate([
+    strokeType('none')
+], UI.prototype, "startArrow", void 0);
+__decorate([
+    strokeType('none')
+], UI.prototype, "endArrow", void 0);
 __decorate([
     pathType(0)
 ], UI.prototype, "cornerRadius", void 0);
@@ -9063,26 +9093,10 @@ let Image$1 = class Image extends Rect {
     get ready() { return this.image ? this.image.ready : false; }
     constructor(data) {
         super(data);
-    }
-    __updateBoxBounds() {
-        let update;
-        const { url } = this;
-        const fill = this.fill;
-        if (fill) {
-            if (fill.url !== url)
-                update = true;
-        }
-        else {
-            if (url)
-                update = true;
-        }
-        if (update) {
-            if (this.image)
-                this.image = null;
-            this.fill = url ? { type: 'image', mode: 'strench', url } : undefined;
-            this.once(ImageEvent.LOADED, (e) => this.image = e.image);
-        }
-        super.__updateBoxBounds();
+        this.on(ImageEvent.LOADED, (e) => {
+            if (e.attrName === 'fill' && e.attrValue.url === this.url)
+                this.image = e.image;
+        });
     }
     destroy() {
         this.image = null;
@@ -9842,6 +9856,7 @@ App = __decorate([
     registerUI()
 ], App);
 
+let origin = {};
 const { get: get$4, rotateOfOuter: rotateOfOuter$2, translate: translate$1, scaleOfOuter: scaleOfOuter$2, scale: scaleHelper, rotate } = MatrixHelper;
 function fillOrFitMode(data, mode, box, width, height, rotation) {
     const transform = get$4();
@@ -9858,13 +9873,13 @@ function fillOrFitMode(data, mode, box, width, height, rotation) {
     data.scaleX = data.scaleY = scale;
     data.transform = transform;
 }
-function clipMode(data, box, offset, scale, rotation) {
+function clipMode(data, box, x, y, scaleX, scaleY, rotation) {
     const transform = get$4();
     translate$1(transform, box.x, box.y);
-    if (offset)
-        translate$1(transform, offset.x, offset.y);
-    if (scale) {
-        typeof scale === 'number' ? scaleHelper(transform, scale) : scaleHelper(transform, scale.x, scale.y);
+    if (x || y)
+        translate$1(transform, x, y);
+    if (scaleX) {
+        scaleHelper(transform, scaleX, scaleY);
         data.scaleX = transform.a;
         data.scaleY = transform.d;
     }
@@ -9872,7 +9887,7 @@ function clipMode(data, box, offset, scale, rotation) {
         rotate(transform, rotation);
     data.transform = transform;
 }
-function repeatMode(data, box, width, height, scale, rotation) {
+function repeatMode(data, box, width, height, x, y, scaleX, scaleY, rotation) {
     const transform = get$4();
     if (rotation) {
         rotate(transform, rotation);
@@ -9888,10 +9903,15 @@ function repeatMode(data, box, width, height, scale, rotation) {
                 break;
         }
     }
-    translate$1(transform, box.x, box.y);
-    if (scale) {
-        scaleOfOuter$2(transform, box, scale);
-        data.scaleX = data.scaleY = scale;
+    origin.x = box.x;
+    origin.y = box.y;
+    if (x || y)
+        origin.x += x, origin.y += y;
+    translate$1(transform, origin.x, origin.y);
+    if (scaleX) {
+        scaleOfOuter$2(transform, origin, scaleX, scaleY);
+        data.scaleX = scaleX;
+        data.scaleY = scaleY;
     }
     data.transform = transform;
 }
@@ -9899,11 +9919,22 @@ function repeatMode(data, box, width, height, scale, rotation) {
 const { get: get$3, translate } = MatrixHelper;
 function createData(leafPaint, image, paint, box) {
     let { width, height } = image;
-    const { opacity, mode, offset, scale, rotation, blendMode, repeat } = paint;
+    const { opacity, mode, offset, scale, size, rotation, blendMode, repeat } = paint;
     const sameBox = box.width === width && box.height === height;
     if (blendMode)
         leafPaint.blendMode = blendMode;
     const data = leafPaint.data = { mode };
+    let x, y, scaleX, scaleY;
+    if (offset)
+        x = offset.x, y = offset.y;
+    if (size) {
+        scaleX = (typeof size === 'number' ? size : size.width) / width;
+        scaleY = (typeof size === 'number' ? size : size.height) / height;
+    }
+    else if (scale) {
+        scaleX = typeof scale === 'number' ? scale : scale.x;
+        scaleY = typeof scale === 'number' ? scale : scale.y;
+    }
     switch (mode) {
         case 'strench':
             if (!sameBox)
@@ -9914,12 +9945,12 @@ function createData(leafPaint, image, paint, box) {
             }
             break;
         case 'clip':
-            if (offset || scale || rotation)
-                clipMode(data, box, offset, scale, rotation);
+            if (offset || scaleX || rotation)
+                clipMode(data, box, x, y, scaleX, scaleY, rotation);
             break;
         case 'repeat':
-            if (!sameBox || scale || rotation)
-                repeatMode(data, box, width, height, scale, rotation);
+            if (!sameBox || scaleX || rotation)
+                repeatMode(data, box, width, height, x, y, scaleX, scaleY, rotation);
             if (!repeat)
                 data.repeat = 'repeat';
             break;
@@ -11221,4 +11252,4 @@ Object.assign(Export$1, Export);
 
 useCanvas();
 
-export { Animate, AnimateEvent, App, AroundHelper, AutoBounds, BezierHelper, Bounds, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert$1 as ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragEvent, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Export$1 as Export, FileHelper, Frame, FrameData, Group, GroupData, HitCanvasManager, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafHit, LeafLayout, LeafLevelList, LeafList, LeafMask, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, Path, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Platform, PluginManager, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, RotateEvent, Run, Selector, Star, StarData, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert$1 as TextConvert, TextData, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIHit, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, ZoomEvent, affectRenderBoundsType, affectStrokeBoundsType, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, cursorType, dataProcessor, dataType, defineDataProcessor, defineKey, defineLeafAttr, effectType, eraserType, getDescriptor, hitType, layoutProcessor, maskType, opacityType, pathType, positionType, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, sortType, strokeType, surfaceType, useCanvas, useModule, usePlugin };
+export { Animate, AnimateEvent, App, AroundHelper, ArrowData, AutoBounds, BezierHelper, Bounds, BoundsHelper, Box, BoxData, Branch, BranchHelper, BranchRender, Canvas, CanvasData, CanvasManager, ChildEvent, ColorConvert$1 as ColorConvert, Creator, Cursor, DataHelper, Debug, Direction4, Direction9, DragEvent, DropEvent, Effect, Ellipse, EllipseData, EllipseHelper, Event, EventCreator, Export$1 as Export, FileHelper, Frame, FrameData, Group, GroupData, HitCanvasManager, Image$1 as Image, ImageData, ImageEvent, ImageManager, IncrementId, Interaction, InteractionBase, InteractionHelper, KeyEvent, Keyboard, LayoutEvent, Layouter, Leaf, LeafBounds, LeafBoundsHelper, LeafData, LeafDataProxy, LeafEventer, LeafHelper, LeafHit, LeafLayout, LeafLevelList, LeafList, LeafMask, LeafMatrix, LeafRender, Leafer, LeaferCanvas, LeaferCanvasBase, LeaferData, LeaferEvent, LeaferImage, LeaferTypeCreator, Line, LineData, MathHelper, Matrix, MatrixHelper, MoveEvent, MultiTouchHelper, NeedConvertToCanvasCommandMap, OneRadian, PI2, PI_2, Paint, Path, PathBounds, PathCommandDataHelper, PathCommandMap, PathConvert, PathCorner, PathCreator, PathData, PathDrawer, PathHelper, PathNumberCommandLengthMap, PathNumberCommandMap, PathScaler, Pen, PenData, Platform, PluginManager, Point, PointHelper, PointerButton, PointerEvent, Polygon, PolygonData, PropertyEvent, Rect, RectData, RectHelper, RectRender, RenderEvent, Renderer, ResizeEvent, RotateEvent, Run, Selector, Star, StarData, StringNumberMap, SwipeEvent, TaskItem, TaskProcessor, Text, TextConvert$1 as TextConvert, TextData, TwoPointBoundsHelper, UI, UIBounds, UICreator, UIData, UIEvent, UIHit, UIRender, UnitConvert, WaitHelper, WatchEvent, Watcher, ZoomEvent, affectRenderBoundsType, affectStrokeBoundsType, autoLayoutType, boundsType, canvasPatch, canvasSizeAttrs, cursorType, dataProcessor, dataType, defineDataProcessor, defineKey, defineLeafAttr, effectType, eraserType, getDescriptor, hitType, layoutProcessor, maskType, opacityType, pathType, positionType, registerUI, registerUIEvent, resizeType, rewrite, rewriteAble, rotationType, scaleType, sortType, strokeType, surfaceType, useCanvas, useModule, usePlugin };