@visactor/vrender 1.0.0-alpha.12 → 1.0.0-alpha.14

package/dist/index.js

@@ -580,6 +580,9 @@
     const VGlobal = Symbol.for("VGlobal");
     const DEFAULT_TEXT_FONT_FAMILY = "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol";
 
+    class Application {}
+    const application = new Application();
+
     class PerformanceRAF {
       constructor() {
         this.nextAnimationFrameCbs = [], this._rafHandle = null, this.runAnimationFrame = time => {
@@ -588,7 +591,7 @@
           this.nextAnimationFrameCbs = [];
           for (let i = 0; i < cbs.length; i++) cbs[i] && cbs[i](time);
         }, this.tryRunAnimationFrameNextFrame = () => {
-          null === this._rafHandle && 0 !== this.nextAnimationFrameCbs.length && (this._rafHandle = vglobal.getRequestAnimationFrame()(this.runAnimationFrame));
+          null === this._rafHandle && 0 !== this.nextAnimationFrameCbs.length && (this._rafHandle = application.global.getRequestAnimationFrame()(this.runAnimationFrame));
         };
       }
       addAnimationFrameCb(callback) {
@@ -3108,44 +3111,6 @@
       return snapLength([p0.x, p1.x, p2.x], [p0.y, p1.y, p2.y]);
     }
 
-    class QuadraticBezierCurve extends Curve {
-      constructor(p0, p1, p2) {
-        super(), this.type = exports.CurveTypeEnum.QuadraticBezierCurve, this.p0 = p0, this.p1 = p1, this.p2 = p2;
-      }
-      _validPoint() {
-        return Number.isFinite(this.p0.x + this.p0.y + this.p1.x + this.p1.y + this.p2.x + this.p2.y);
-      }
-      getPointAt(t) {
-        if (!1 !== this.defined) return quadPointAt(this.p0, this.p1, this.p2, t);
-        throw new Error("defined为false的点不能getPointAt");
-      }
-      calcLength() {
-        return this._validPoint() ? quadLength(this.p0, this.p1, this.p2) : 60;
-      }
-      calcProjLength(direction) {
-        return direction === exports.Direction.ROW ? abs(this.p0.x - this.p2.x) : direction === exports.Direction.COLUMN ? abs(this.p0.y - this.p2.y) : 0;
-      }
-      getAngleAt(t) {
-        const minT = max(t - .01, 0),
-          maxT = min(t + .01, 1),
-          minP = this.getPointAt(minT),
-          maxP = this.getPointAt(maxT);
-        return atan2(maxP.y - minP.y, maxP.x - minP.x);
-      }
-      draw(path, x, y, sx, sy, percent) {
-        if (path.moveTo(this.p0.x * sx + x, this.p0.y * sy + y), percent >= 1) path.quadraticCurveTo(this.p1.x * sx + x, this.p1.y * sy + y, this.p2.x * sx + x, this.p2.y * sy + y);else if (percent > 0) {
-          const [curve1] = divideQuad(this, percent);
-          path.quadraticCurveTo(curve1.p1.x * sx + x, curve1.p1.y * sy + y, curve1.p2.x * sx + x, curve1.p2.y * sy + y);
-        }
-      }
-      getYAt(x) {
-        throw new Error("QuadraticBezierCurve暂不支持getYAt");
-      }
-      includeX(x) {
-        throw new Error("QuadraticBezierCurve暂不支持includeX");
-      }
-    }
-
     function divideCubic(curve, t) {
       const {
           p0: p0,
@@ -3161,17 +3126,6 @@
         c23 = PointService.pointAtPP(c2, c3, t);
       return [new CubicBezierCurve(p0, c1, c12, pt), new CubicBezierCurve(pt, c23, c3, p3)];
     }
-    function divideQuad(curve, t) {
-      const {
-          p0: p0,
-          p1: p1,
-          p2: p2
-        } = curve,
-        pt = quadPointAt(p0, p1, p2, t),
-        c1 = PointService.pointAtPP(p0, p1, t),
-        c2 = PointService.pointAtPP(p1, p2, t);
-      return [new QuadraticBezierCurve(p0, c1, pt), new QuadraticBezierCurve(pt, c2, p2)];
-    }
     class CubicBezierCurve extends Curve {
       constructor(p0, p1, p2, p3) {
         super(), this.type = exports.CurveTypeEnum.CubicBezierCurve, this.p0 = p0, this.p1 = p1, this.p2 = p2, this.p3 = p3;
@@ -3812,6 +3766,55 @@
     }
     const genCatmullRomClosedSegments = commonGenCatmullRomSegments("catmullRomClosed", CatmullRomClosed);
 
+    function divideQuad(curve, t) {
+      const {
+          p0: p0,
+          p1: p1,
+          p2: p2
+        } = curve,
+        pt = quadPointAt(p0, p1, p2, t),
+        c1 = PointService.pointAtPP(p0, p1, t),
+        c2 = PointService.pointAtPP(p1, p2, t);
+      return [new QuadraticBezierCurve(p0, c1, pt), new QuadraticBezierCurve(pt, c2, p2)];
+    }
+    class QuadraticBezierCurve extends Curve {
+      constructor(p0, p1, p2) {
+        super(), this.type = exports.CurveTypeEnum.QuadraticBezierCurve, this.p0 = p0, this.p1 = p1, this.p2 = p2;
+      }
+      _validPoint() {
+        return Number.isFinite(this.p0.x + this.p0.y + this.p1.x + this.p1.y + this.p2.x + this.p2.y);
+      }
+      getPointAt(t) {
+        if (!1 !== this.defined) return quadPointAt(this.p0, this.p1, this.p2, t);
+        throw new Error("defined为false的点不能getPointAt");
+      }
+      calcLength() {
+        return this._validPoint() ? quadLength(this.p0, this.p1, this.p2) : 60;
+      }
+      calcProjLength(direction) {
+        return direction === exports.Direction.ROW ? abs(this.p0.x - this.p2.x) : direction === exports.Direction.COLUMN ? abs(this.p0.y - this.p2.y) : 0;
+      }
+      getAngleAt(t) {
+        const minT = max(t - .01, 0),
+          maxT = min(t + .01, 1),
+          minP = this.getPointAt(minT),
+          maxP = this.getPointAt(maxT);
+        return atan2(maxP.y - minP.y, maxP.x - minP.x);
+      }
+      draw(path, x, y, sx, sy, percent) {
+        if (path.moveTo(this.p0.x * sx + x, this.p0.y * sy + y), percent >= 1) path.quadraticCurveTo(this.p1.x * sx + x, this.p1.y * sy + y, this.p2.x * sx + x, this.p2.y * sy + y);else if (percent > 0) {
+          const [curve1] = divideQuad(this, percent);
+          path.quadraticCurveTo(curve1.p1.x * sx + x, curve1.p1.y * sy + y, curve1.p2.x * sx + x, curve1.p2.y * sy + y);
+        }
+      }
+      getYAt(x) {
+        throw new Error("QuadraticBezierCurve暂不支持getYAt");
+      }
+      includeX(x) {
+        throw new Error("QuadraticBezierCurve暂不支持includeX");
+      }
+    }
+
     class CurveContext {
       constructor(path) {
         this.path = path, this._lastX = this._lastY = this._startX = this._startY = 0;
@@ -4510,9 +4513,6 @@
       opacity: 1
     });
 
-    class Application {}
-    const application = new Application();
-
     const parse$1 = function () {
       const tokens = {
         linearGradient: /^(linear\-gradient)/i,
@@ -9134,6 +9134,10 @@
         var _a;
         super(), this._AABBBounds = new AABBBounds(), this._updateTag = exports.UpdateTag.INIT, this.attribute = params, this.valid = this.isValid(), this.updateAABBBoundsStamp = 0, params.background ? this.loadImage(null !== (_a = params.background.background) && void 0 !== _a ? _a : params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic);
       }
+      getGraphicService() {
+        var _a, _b;
+        return null !== (_b = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.graphicService) && void 0 !== _b ? _b : application.graphicService;
+      }
       getAttributes() {
         return this.attribute;
       }
@@ -9163,13 +9167,12 @@
         this._emitCustomEvent("animate-bind", animate);
       }
       tryUpdateAABBBounds() {
-        var _a, _b;
         const full = "imprecise" === this.attribute.boundsMode;
         if (!this.shouldUpdateAABBBounds()) return this._AABBBounds;
         if (!this.valid) return this._AABBBounds.clear(), this._AABBBounds;
-        null === (_a = this.stage) || void 0 === _a || _a.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
+        this.getGraphicService().beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
         const bounds = this.doUpdateAABBBounds(full);
-        return null === (_b = this.stage) || void 0 === _b || _b.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
+        return this.getGraphicService().afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, !0), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
       }
       tryUpdateOBBBounds() {
         if (this._OBBBounds || (this._OBBBounds = new OBBBounds()), this.tryUpdateAABBBounds(), this.updateOBBBoundsStamp === this.updateAABBBoundsStamp) return this._OBBBounds;
@@ -9276,7 +9279,7 @@
         return this._transMatrix || (this._transMatrix = new Matrix()), this.shouldUpdateLocalMatrix() && (this.doUpdateLocalMatrix(), clearTag && this.clearUpdateLocalPositionTag()), this._transMatrix;
       }
       shouldUpdateAABBBounds() {
-        return this.shadowRoot ? (!!(this._updateTag & exports.UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this) : !!(this._updateTag & exports.UpdateTag.UPDATE_BOUNDS) && application.graphicService.validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this);
+        return this.shadowRoot ? (!!(this._updateTag & exports.UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds()) && this.getGraphicService().validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this) : !!(this._updateTag & exports.UpdateTag.UPDATE_BOUNDS) && this.getGraphicService().validCheck(this.attribute, this.getGraphicTheme(), this._AABBBounds, this);
       }
       shouldSelfChangeUpdateAABBBounds() {
         return this.shadowRoot ? !!(this._updateTag & exports.UpdateTag.UPDATE_BOUNDS) || this.shadowRoot.shouldUpdateAABBBounds() : !!(this._updateTag & exports.UpdateTag.UPDATE_BOUNDS);
@@ -9457,8 +9460,7 @@
         return this;
       }
       onAttributeUpdate(context) {
-        var _a;
-        context && context.skipUpdateCallback || (null === (_a = this.stage) || void 0 === _a || _a.graphicService.onAttributeUpdate(this), this._emitCustomEvent("afterAttributeUpdate", context));
+        context && context.skipUpdateCallback || (this.getGraphicService().onAttributeUpdate(this), this._emitCustomEvent("afterAttributeUpdate", context));
       }
       update(d) {
         d ? (d.bounds && this.tryUpdateAABBBounds(), d.trans && this.tryUpdateLocalTransMatrix()) : (this.tryUpdateAABBBounds(), this.tryUpdateLocalTransMatrix());
@@ -9648,7 +9650,6 @@
         }
       }
       setStage(stage, layer) {
-        var _a;
         if (this.stage !== stage) {
           if (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this.animates && this.animates.size) {
             const timeline = stage.getTimeline();
@@ -9656,7 +9657,7 @@
               a.timeline.isGlobal && (a.setTimeline(timeline), timeline.addAnimate(a));
             });
           }
-          this._onSetStage && this._onSetStage(this, stage, layer), null === (_a = this.stage) || void 0 === _a || _a.graphicService.onSetStage(this, stage);
+          this._onSetStage && this._onSetStage(this, stage, layer), this.getGraphicService().onSetStage(this, stage);
         }
       }
       setStageToShadowRoot(stage, layer) {
@@ -9804,12 +9805,11 @@
         return !!super.shouldUpdateAABBBounds() || !!(this._childUpdateTag & exports.UpdateTag.UPDATE_BOUNDS);
       }
       tryUpdateAABBBounds() {
-        var _a, _b;
         if (!this.shouldUpdateAABBBounds()) return this._AABBBounds;
-        null === (_a = this.stage) || void 0 === _a || _a.graphicService.beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
+        this.getGraphicService().beforeUpdateAABBBounds(this, this.stage, !0, this._AABBBounds);
         const selfChange = this.shouldSelfChangeUpdateAABBBounds(),
           bounds = this.doUpdateAABBBounds();
-        return this.addUpdateLayoutTag(), null === (_b = this.stage) || void 0 === _b || _b.graphicService.afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
+        return this.addUpdateLayoutTag(), this.getGraphicService().afterUpdateAABBBounds(this, this.stage, this._AABBBounds, this, selfChange), "empty" === this.attribute.boundsMode && bounds.clear(), bounds;
       }
       doUpdateLocalMatrix() {
         const {
@@ -9869,13 +9869,11 @@
         return this.theme.getTheme(this);
       }
       incrementalAppendChild(node) {
-        var _a;
         const data = super.appendChild(node);
-        return this.stage && data && (data.stage = this.stage, data.layer = this.layer), this.addUpdateBoundTag(), null === (_a = this.stage) || void 0 === _a || _a.graphicService.onAddIncremental(node, this, this.stage), data;
+        return this.stage && data && (data.stage = this.stage, data.layer = this.layer), this.addUpdateBoundTag(), this.getGraphicService().onAddIncremental(node, this, this.stage), data;
       }
       incrementalClearChild() {
-        var _a;
-        super.removeAllChild(), this.addUpdateBoundTag(), null === (_a = this.stage) || void 0 === _a || _a.graphicService.onClearIncremental(this, this.stage);
+        super.removeAllChild(), this.addUpdateBoundTag(), this.getGraphicService().onClearIncremental(this, this.stage);
       }
       _updateChildToStage(child) {
         return this.stage && child && child.setStage(this.stage, this.layer), this.addUpdateBoundTag(), child;
@@ -9895,20 +9893,17 @@
         return this._updateChildToStage(super.insertInto(newNode, idx));
       }
       removeChild(child) {
-        var _a;
         const data = super.removeChild(child);
-        return child.stage = null, null === (_a = this.stage) || void 0 === _a || _a.graphicService.onRemove(child), this.addUpdateBoundTag(), data;
+        return child.stage = null, this.getGraphicService().onRemove(child), this.addUpdateBoundTag(), data;
       }
       removeAllChild() {
         let deep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !1;
         this.forEachChildren(child => {
-          var _a;
-          null === (_a = this.stage) || void 0 === _a || _a.graphicService.onRemove(child), deep && child.isContainer && child.removeAllChild(deep);
+          this.getGraphicService().onRemove(child), deep && child.isContainer && child.removeAllChild(deep);
         }), super.removeAllChild(), this.addUpdateBoundTag();
       }
       setStage(stage, layer) {
-        var _a;
-        this.stage !== stage && (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), null === (_a = this.stage) || void 0 === _a || _a.graphicService.onSetStage(this, stage), this.forEachChildren(item => {
+        this.stage !== stage && (this.stage = stage, this.layer = layer, this.setStageToShadowRoot(stage, layer), this._onSetStage && this._onSetStage(this, stage, layer), this.getGraphicService().onSetStage(this, stage), this.forEachChildren(item => {
           item.setStage(stage, this.layer);
         }));
       }
@@ -10582,7 +10577,7 @@
         const {
           visible = theme.visible
         } = attribute;
-        return !(!graphic.valid || !visible) || (aabbBounds.empty() || (graphic.parent && aabbBounds.transformWithMatrix(graphic.parent.globalTransMatrix), application.graphicService.clearAABBBounds(graphic, graphic.stage, aabbBounds), aabbBounds.clear()), !1);
+        return !(!graphic.valid || !visible) || (aabbBounds.empty() || (graphic.parent && aabbBounds.transformWithMatrix(graphic.parent.globalTransMatrix), this.clearAABBBounds(graphic, graphic.stage, aabbBounds), aabbBounds.clear()), !1);
       }
       updateTempAABBBounds(aabbBounds) {
         const tb1 = this.tempAABBBounds1,
@@ -15844,7 +15839,7 @@
               height: height
             } = group.attribute,
             canvas = context.canvas,
-            newCanvas = vglobal.createCanvas({
+            newCanvas = application.global.createCanvas({
               width: canvas.width,
               height: canvas.height,
               dpr: 1
@@ -31188,6 +31183,24 @@
         })), this.registerTransition("disappear", "appear", () => ({
           allowTransition: !0,
           stopOriginalTransition: !0
+        })), this.registerTransition("update", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("update", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("update", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("state", "*", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !1
+        })), this.registerTransition("state", "disappear", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
+        })), this.registerTransition("state", "exit", () => ({
+          allowTransition: !0,
+          stopOriginalTransition: !0
         }));
       }
       isTransitionAllowed(fromState, toState, graphic) {
@@ -35209,7 +35222,7 @@
       AnimateExecutor.registerBuiltInAnimate("increaseCount", IncreaseCount), AnimateExecutor.registerBuiltInAnimate("fromTo", FromTo), AnimateExecutor.registerBuiltInAnimate("scaleIn", ScaleIn), AnimateExecutor.registerBuiltInAnimate("scaleOut", ScaleOut), AnimateExecutor.registerBuiltInAnimate("growHeightIn", GrowHeightIn), AnimateExecutor.registerBuiltInAnimate("growHeightOut", GrowHeightOut), AnimateExecutor.registerBuiltInAnimate("growWidthIn", GrowWidthIn), AnimateExecutor.registerBuiltInAnimate("growWidthOut", GrowWidthOut), AnimateExecutor.registerBuiltInAnimate("growCenterIn", GrowCenterIn), AnimateExecutor.registerBuiltInAnimate("growCenterOut", GrowCenterOut), AnimateExecutor.registerBuiltInAnimate("clipIn", ClipIn), AnimateExecutor.registerBuiltInAnimate("clipOut", ClipOut), AnimateExecutor.registerBuiltInAnimate("fadeIn", FadeIn), AnimateExecutor.registerBuiltInAnimate("fadeOut", FadeOut), AnimateExecutor.registerBuiltInAnimate("growPointsIn", GrowPointsIn), AnimateExecutor.registerBuiltInAnimate("growPointsOut", GrowPointsOut), AnimateExecutor.registerBuiltInAnimate("growPointsXIn", GrowPointsXIn), AnimateExecutor.registerBuiltInAnimate("growPointsXOut", GrowPointsXOut), AnimateExecutor.registerBuiltInAnimate("growPointsYIn", GrowPointsYIn), AnimateExecutor.registerBuiltInAnimate("growPointsYOut", GrowPointsYOut), AnimateExecutor.registerBuiltInAnimate("growAngleIn", GrowAngleIn), AnimateExecutor.registerBuiltInAnimate("growAngleOut", GrowAngleOut), AnimateExecutor.registerBuiltInAnimate("growRadiusIn", GrowRadiusIn), AnimateExecutor.registerBuiltInAnimate("growRadiusOut", GrowRadiusOut), AnimateExecutor.registerBuiltInAnimate("moveIn", MoveIn), AnimateExecutor.registerBuiltInAnimate("moveOut", MoveOut), AnimateExecutor.registerBuiltInAnimate("rotateIn", RotateIn), AnimateExecutor.registerBuiltInAnimate("rotateOut", RotateOut), AnimateExecutor.registerBuiltInAnimate("update", Update), AnimateExecutor.registerBuiltInAnimate("state", State), AnimateExecutor.registerBuiltInAnimate("labelItemAppear", LabelItemAppear), AnimateExecutor.registerBuiltInAnimate("labelItemDisappear", LabelItemDisappear), AnimateExecutor.registerBuiltInAnimate("poptipAppear", PoptipAppear), AnimateExecutor.registerBuiltInAnimate("poptipDisappear", PoptipDisappear), AnimateExecutor.registerBuiltInAnimate("inputText", InputText), AnimateExecutor.registerBuiltInAnimate("inputRichText", InputRichText), AnimateExecutor.registerBuiltInAnimate("outputRichText", OutputRichText), AnimateExecutor.registerBuiltInAnimate("slideRichText", SlideRichText), AnimateExecutor.registerBuiltInAnimate("slideOutRichText", SlideOutRichText), AnimateExecutor.registerBuiltInAnimate("slideIn", SlideIn), AnimateExecutor.registerBuiltInAnimate("growIn", GrowIn), AnimateExecutor.registerBuiltInAnimate("spinIn", SpinIn), AnimateExecutor.registerBuiltInAnimate("moveScaleIn", MoveScaleIn), AnimateExecutor.registerBuiltInAnimate("moveRotateIn", MoveRotateIn), AnimateExecutor.registerBuiltInAnimate("strokeIn", StrokeIn), AnimateExecutor.registerBuiltInAnimate("slideOut", SlideOut), AnimateExecutor.registerBuiltInAnimate("growOut", GrowOut), AnimateExecutor.registerBuiltInAnimate("spinOut", SpinOut), AnimateExecutor.registerBuiltInAnimate("moveScaleOut", MoveScaleOut), AnimateExecutor.registerBuiltInAnimate("moveRotateOut", MoveRotateOut), AnimateExecutor.registerBuiltInAnimate("strokeOut", StrokeOut), AnimateExecutor.registerBuiltInAnimate("pulse", PulseAnimate), AnimateExecutor.registerBuiltInAnimate("MotionPath", MotionPath), AnimateExecutor.registerBuiltInAnimate("streamLight", StreamLight);
     };
 
-    const version = "1.0.0-alpha.12";
+    const version = "1.0.0-alpha.14";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);
@@ -35707,7 +35720,6 @@
     exports.diagonalTopLeftToBottomRight = diagonalTopLeftToBottomRight;
     exports.diff = diff;
     exports.divideCubic = divideCubic;
-    exports.divideQuad = divideQuad;
     exports.drawArc = drawArc;
     exports.drawArcPath = drawArcPath$1;
     exports.drawAreaSegments = drawAreaSegments;