@leafer/core 1.0.0-rc.23 → 1.0.0-rc.24

package/lib/core.cjs

@@ -1487,6 +1487,8 @@ const DataHelper = {
 const { assign } = DataHelper;
 
 class LeafData {
+    get __useNaturalRatio() { return true; }
+    get __isLinePath() { return this.path && this.path.length === 6; }
     get __blendMode() {
         if (this.eraser && this.eraser !== 'path')
             return 'destination-out';
@@ -1984,6 +1986,11 @@ class LeaferCanvasBase extends Canvas {
     }
     updateViewSize() { }
     updateClientBounds() { }
+    getClientBounds(update) {
+        if (update)
+            this.updateClientBounds();
+        return this.clientBounds || this.bounds;
+    }
     startAutoLayout(_autoBounds, _listener) { }
     stopAutoLayout() { }
     setCursor(_cursor) { }
@@ -2532,11 +2539,15 @@ const PathConvert = {
             char = pathString[i];
             if (StringNumberMap[char]) {
                 if (char === '.') {
-                    current.dot++;
-                    if (current.dot > 1) {
+                    if (current.dot) {
                         pushData(data, num);
                         num = '';
                     }
+                    current.dot++;
+                }
+                if (num === '0' && char !== '.') {
+                    pushData(data, num);
+                    num = '';
                 }
                 num += char;
             }
@@ -3626,7 +3637,9 @@ class LeaferImage {
     }
 }
 
-function defineKey(target, key, descriptor) {
+function defineKey(target, key, descriptor, noConfigurable) {
+    if (!noConfigurable)
+        descriptor.configurable = descriptor.enumerable = true;
     Object.defineProperty(target, key, descriptor);
 }
 function getDescriptor(object, name) {
@@ -3645,9 +3658,7 @@ function attr(partDescriptor) {
 function defineLeafAttr(target, key, defaultValue, partDescriptor) {
     const defaultDescriptor = {
         get() { return this.__getAttr(key); },
-        set(value) { this.__setAttr(key, value); },
-        configurable: true,
-        enumerable: true
+        set(value) { this.__setAttr(key, value); }
     };
     defineKey(target, key, Object.assign(defaultDescriptor, partDescriptor || {}));
     defineDataProcessor(target, key, defaultValue);
@@ -3658,35 +3669,33 @@ function dataType(defaultValue) {
 function positionType(defaultValue, checkFiniteNumber) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value, checkFiniteNumber);
-            this.__layout.matrixChanged || this.__layout.matrixChange();
+            this.__setAttr(key, value, checkFiniteNumber) && (this.__layout.matrixChanged || this.__layout.matrixChange());
         }
     }));
 }
 function autoLayoutType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            this.__layout.matrixChanged || this.__layout.matrixChange();
-            this.__hasAutoLayout = !!value;
-            if (!this.__local)
-                this.__layout.createLocal();
+            if (this.__setAttr(key, value)) {
+                this.__layout.matrixChanged || this.__layout.matrixChange();
+                this.__hasAutoLayout = !!value;
+                if (!this.__local)
+                    this.__layout.createLocal();
+            }
         }
     }));
 }
 function scaleType(defaultValue, checkFiniteNumber) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value, checkFiniteNumber);
-            this.__layout.scaleChanged || this.__layout.scaleChange();
+            this.__setAttr(key, value, checkFiniteNumber) && (this.__layout.scaleChanged || this.__layout.scaleChange());
         }
     }));
 }
 function rotationType(defaultValue, checkFiniteNumber) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value, checkFiniteNumber);
-            this.__layout.rotationChanged || this.__layout.rotationChange();
+            this.__setAttr(key, value, checkFiniteNumber) && (this.__layout.rotationChanged || this.__layout.rotationChange());
         }
     }));
 }
@@ -3700,9 +3709,7 @@ function boundsType(defaultValue, checkFiniteNumber) {
 function naturalBoundsType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            doBoundsType(this);
-            this.__.__removeNaturalSize();
+            this.__setAttr(key, value) && (doBoundsType(this), this.__.__removeNaturalSize());
         }
     }));
 }
@@ -3714,8 +3721,11 @@ function doBoundsType(leaf) {
 function pathInputType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            if (this.__.__pathInputed !== 2)
-                this.__.__pathInputed = value ? 1 : 0;
+            const data = this.__;
+            if (data.__pathInputed !== 2)
+                data.__pathInputed = value ? 1 : 0;
+            if (!value)
+                data.__pathForRender = undefined;
             this.__setAttr(key, value);
             doBoundsType(this);
         }
@@ -3746,56 +3756,66 @@ function affectRenderBoundsType(defaultValue) {
 function surfaceType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            this.__layout.surfaceChanged || this.__layout.surfaceChange();
+            this.__setAttr(key, value) && (this.__layout.surfaceChanged || this.__layout.surfaceChange());
         }
     }));
 }
 function opacityType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            this.__layout.opacityChanged || this.__layout.opacityChange();
+            this.__setAttr(key, value) && (this.__layout.opacityChanged || this.__layout.opacityChange());
+        }
+    }));
+}
+function visibleType(defaultValue) {
+    return decorateLeafAttr(defaultValue, (key) => attr({
+        set(value) {
+            const oldValue = this.visible;
+            if (this.__setAttr(key, value)) {
+                this.__layout.opacityChanged || this.__layout.opacityChange();
+                if (oldValue === 0 || value === 0)
+                    doBoundsType(this);
+            }
         }
     }));
 }
 function sortType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            this.__layout.surfaceChanged || this.__layout.surfaceChange();
-            this.waitParent(() => { this.parent.__layout.childrenSortChange(); });
+            if (this.__setAttr(key, value)) {
+                this.__layout.surfaceChanged || this.__layout.surfaceChange();
+                this.waitParent(() => { this.parent.__layout.childrenSortChange(); });
+            }
         }
     }));
 }
 function maskType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            this.__layout.boxChanged || this.__layout.boxChange();
-            this.waitParent(() => { this.parent.__updateMask(value); });
-            if (typeof value === 'string')
-                this.maskType = value;
+            if (this.__setAttr(key, value)) {
+                this.__layout.boxChanged || this.__layout.boxChange();
+                this.waitParent(() => { this.parent.__updateMask(value); });
+            }
         }
     }));
 }
 function eraserType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            this.waitParent(() => { this.parent.__updateEraser(value); });
+            this.__setAttr(key, value) && this.waitParent(() => { this.parent.__updateEraser(value); });
         }
     }));
 }
 function hitType(defaultValue) {
     return decorateLeafAttr(defaultValue, (key) => attr({
         set(value) {
-            this.__setAttr(key, value);
-            if (Debug.showHitView) {
-                this.__layout.surfaceChanged || this.__layout.surfaceChange();
+            if (this.__setAttr(key, value)) {
+                if (Debug.showHitView) {
+                    this.__layout.surfaceChanged || this.__layout.surfaceChange();
+                }
+                if (this.leafer)
+                    this.leafer.updateCursor();
             }
-            if (this.leafer)
-                this.leafer.updateCursor();
         }
     }));
 }
@@ -3836,9 +3856,7 @@ function defineDataProcessor(target, key, defaultValue) {
         },
         set(value) {
             this[computedKey] = value;
-        },
-        configurable: true,
-        enumerable: true
+        }
     };
     if (defaultValue === undefined) {
         property.get = function () { return this[computedKey]; };
@@ -3846,13 +3864,25 @@ function defineDataProcessor(target, key, defaultValue) {
     else if (key === 'width') {
         property.get = function () {
             const v = this[computedKey];
-            return v === undefined ? (this.__naturalWidth || defaultValue) : v;
+            if (v === undefined) {
+                const t = this;
+                return t._height && t.__naturalWidth && t.__useNaturalRatio ? t._height * t.__naturalWidth / t.__naturalHeight : t.__naturalWidth || defaultValue;
+            }
+            else {
+                return v;
+            }
         };
     }
     else if (key === 'height') {
         property.get = function () {
             const v = this[computedKey];
-            return v === undefined ? (this.__naturalHeight || defaultValue) : v;
+            if (v === undefined) {
+                const t = this;
+                return t._width && t.__naturalHeight && t.__useNaturalRatio ? t._width * t.__naturalHeight / t.__naturalWidth : t.__naturalHeight || defaultValue;
+            }
+            else {
+                return v;
+            }
         };
     }
     let descriptor, find = data;
@@ -3866,7 +3896,7 @@ function defineDataProcessor(target, key, defaultValue) {
         property.set = data[setMethodName];
         delete data[setMethodName];
     }
-    Object.defineProperty(data, key, property);
+    defineKey(data, key, property);
 }
 
 const debug$1 = new Debug('rewrite');
@@ -4067,13 +4097,6 @@ const LeafHelper = {
                 return true;
             p = p.parent;
         }
-    },
-    hasParentAutoLayout(p) {
-        while (p.parent) {
-            p = p.parent;
-            if (p.__hasAutoLayout)
-                return true;
-        }
     }
 };
 const L = LeafHelper;
@@ -4093,13 +4116,13 @@ const LeafBoundsHelper = {
         return target.__world;
     },
     localBoxBounds(target) {
-        return target.__.eraser ? null : (target.__local || target.__layout);
+        return target.__.eraser || target.__.visible === 0 ? null : (target.__local || target.__layout);
     },
     localStrokeBounds(target) {
-        return target.__.eraser ? null : target.__layout.localStrokeBounds;
+        return target.__.eraser || target.__.visible === 0 ? null : target.__layout.localStrokeBounds;
     },
     localRenderBounds(target) {
-        return target.__.eraser ? null : target.__layout.localRenderBounds;
+        return target.__.eraser || target.__.visible === 0 ? null : target.__layout.localRenderBounds;
     },
     maskLocalBoxBounds(target) {
         return target.__.mask ? target.__localBoxBounds : null;
@@ -4830,7 +4853,7 @@ const LeafMatrix = {
     }
 };
 
-const { updateMatrix, updateAllMatrix, hasParentAutoLayout } = LeafHelper;
+const { updateMatrix, updateAllMatrix } = LeafHelper;
 const { updateBounds } = BranchHelper;
 const { toOuterOf: toOuterOf$1, copyAndSpread, copy: copy$1 } = BoundsHelper;
 const { toBounds } = PathBounds;
@@ -4849,7 +4872,6 @@ const LeafBounds = {
                 this.__updatePath();
             this.__updateRenderPath();
             this.__updateBoxBounds();
-            layout.boxChanged = false;
             layout.resized = true;
         }
         if (layout.localBoxChanged) {
@@ -4863,12 +4885,12 @@ const LeafBounds = {
             if (this.parent)
                 this.parent.__layout.boxChange();
         }
+        layout.boxChanged = false;
         if (layout.strokeChanged) {
             layout.strokeSpread = this.__updateStrokeSpread();
             if (layout.strokeSpread) {
-                if (layout.strokeBounds === layout.boxBounds) {
+                if (layout.strokeBounds === layout.boxBounds)
                     layout.spreadStroke();
-                }
                 this.__updateStrokeBounds();
                 this.__updateLocalStrokeBounds();
             }
@@ -4876,7 +4898,7 @@ const LeafBounds = {
                 layout.spreadStrokeCancel();
             }
             layout.strokeChanged = false;
-            if (layout.renderSpread)
+            if (layout.renderSpread || layout.strokeSpread !== layout.strokeBoxSpread)
                 layout.renderChanged = true;
             if (this.parent)
                 this.parent.__layout.strokeChange();
@@ -4885,9 +4907,8 @@ const LeafBounds = {
         if (layout.renderChanged) {
             layout.renderSpread = this.__updateRenderSpread();
             if (layout.renderSpread) {
-                if (layout.renderBounds === layout.boxBounds || layout.renderBounds === layout.strokeBounds) {
+                if (layout.renderBounds === layout.boxBounds || layout.renderBounds === layout.strokeBounds)
                     layout.spreadRender();
-                }
                 this.__updateRenderBounds();
                 this.__updateLocalRenderBounds();
             }
@@ -4927,12 +4948,15 @@ const LeafBounds = {
     __updateAutoLayout() {
         this.__layout.matrixChanged = true;
         if (this.isBranch) {
-            if (this.leafer)
+            if (this.leafer && this.leafer.ready)
                 this.leafer.layouter.addExtra(this);
-            if (this.__.flow)
-                this.__updateFlowLayout();
-            if (hasParentAutoLayout(this)) {
-                updateMatrix(this);
+            if (this.__.flow) {
+                if (this.__layout.boxChanged)
+                    this.__updateFlowLayout();
+                updateAllMatrix(this);
+                updateBounds(this, this);
+                if (this.__.__autoSide)
+                    this.__updateBoxBounds();
             }
             else {
                 updateAllMatrix(this);
@@ -4949,12 +4973,13 @@ const LeafBounds = {
         data.__naturalHeight = layout.boxBounds.height;
     },
     __updateStrokeBounds() {
-        copyAndSpread(this.__layout.strokeBounds, this.__layout.boxBounds, this.__layout.strokeSpread);
+        const layout = this.__layout;
+        copyAndSpread(layout.strokeBounds, layout.boxBounds, layout.strokeBoxSpread);
     },
     __updateRenderBounds() {
-        const { renderSpread, strokeBounds, renderBounds } = this.__layout;
-        renderSpread > 0 ? copyAndSpread(renderBounds, strokeBounds, renderSpread) : copy$1(renderBounds, strokeBounds);
-    },
+        const layout = this.__layout;
+        layout.renderSpread > 0 ? copyAndSpread(layout.renderBounds, layout.boxBounds, layout.renderSpread) : copy$1(layout.renderBounds, layout.strokeBounds);
+    }
 };
 
 const LeafRender = {
@@ -5074,7 +5099,7 @@ exports.Leaf = class Leaf {
     get __worldFlipped() { return this.__world.scaleX < 0 || this.__world.scaleY < 0; }
     get __onlyHitMask() { return this.__hasMask && !this.__.hitChildren; }
     get __ignoreHitWorld() { return (this.__hasMask || this.__hasEraser) && this.__.hitChildren; }
-    get pathInputed() { return !!this.__.__pathInputed; }
+    get pathInputed() { return this.__.__pathInputed; }
     constructor(data) {
         this.innerId = create(LEAF);
         this.reset(data);
@@ -5686,6 +5711,9 @@ class LeafLevelList {
     }
 }
 
+const version = "1.0.0-rc.24";
+const inviteCode = {};
+
 exports.AlignHelper = AlignHelper;
 exports.AnimateEvent = AnimateEvent;
 exports.AroundHelper = AroundHelper;
@@ -5777,6 +5805,7 @@ exports.getDescriptor = getDescriptor;
 exports.getMatrixData = getMatrixData;
 exports.getPointData = getPointData;
 exports.hitType = hitType;
+exports.inviteCode = inviteCode;
 exports.layoutProcessor = layoutProcessor;
 exports.maskType = maskType;
 exports.naturalBoundsType = naturalBoundsType;
@@ -5798,3 +5827,5 @@ exports.tempBounds = tempBounds;
 exports.tempMatrix = tempMatrix;
 exports.tempPoint = tempPoint$2;
 exports.useModule = useModule;
+exports.version = version;
+exports.visibleType = visibleType;