@visactor/vchart-extension 2.0.0-alpha.4 → 2.0.1-alpha.0

package/build/index.js

@@ -10210,9 +10210,9 @@
 	  setWidthHeightWithoutTransform(aabbBounds) {
 	    this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
 	  }
-	  setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context) {
+	  setAttributesAndPreventAnimate(params, forceUpdateTag = !1, context, ignorePriority) {
 	    this.setAttributes(params, forceUpdateTag, context), this.animates && this.animates.forEach(animate => {
-	      Object.keys(params).forEach(key => {
+	      (animate.priority !== 1 / 0 || ignorePriority) && Object.keys(params).forEach(key => {
 	        animate.preventAttr(key);
 	      });
 	    });
@@ -10383,7 +10383,7 @@
 	      });
 	    } else this.stopStateAnimates(), this.setAttributesAndPreventAnimate(attrs, !1, {
 	      type: AttributeUpdateType.STATE
-	    });
+	    }), this.finalAttribute && Object.assign(this.finalAttribute, attrs);
 	    this._emitCustomEvent("afterStateUpdate", {
 	      type: AttributeUpdateType.STATE
 	    });
@@ -17689,6 +17689,10 @@
 	      target.attribute.x = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), target.addUpdatePositionTag();
 	    }, this.y = (key, from, to, ratio, step, target) => {
 	      target.attribute.y = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), target.addUpdatePositionTag();
+	    }, this.dx = (key, from, to, ratio, step, target) => {
+	      target.attribute.dx = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), target.addUpdatePositionTag();
+	    }, this.dy = (key, from, to, ratio, step, target) => {
+	      target.attribute.dy = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), target.addUpdatePositionTag();
 	    }, this.angle = (key, from, to, ratio, step, target) => {
 	      target.attribute.angle = interpolateNumber(from, to, ratio), target.addUpdateBoundTag(), target.addUpdatePositionTag();
 	    }, this.scaleX = (key, from, to, ratio, step, target) => {
@@ -17865,7 +17869,7 @@
 	    return this._animateCount;
 	  }
 	  constructor() {
-	    super(), this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
+	    super(), this.head = null, this.tail = null, this.animateMap = new Map(), this._animateCount = 0, this._playSpeed = 1, this._totalDuration = 0, this._startTime = 0, this._currentTime = 0, this._animationEndFlag = !0, this.id = Generator.GenAutoIncrementId(), this.paused = !1;
 	  }
 	  isRunning() {
 	    return !this.paused && this._animateCount > 0;
@@ -17894,10 +17898,11 @@
 	  }
 	  tick(delta) {
 	    if (this.paused) return;
+	    this._animationEndFlag && (this._animationEndFlag = !1, this.emit("animationStart"));
 	    const scaledDelta = delta * this._playSpeed;
 	    this._currentTime += scaledDelta, this.forEachAccessAnimate((animate, i) => {
 	      animate.status === AnimateStatus.END ? this.removeAnimate(animate, !0) : animate.status !== AnimateStatus.RUNNING && animate.status !== AnimateStatus.INITIAL || animate.advance(scaledDelta);
-	    }), 0 === this._animateCount && this.emit("animationEnd");
+	    }), 0 === this._animateCount && (this._animationEndFlag = !0, this.emit("animationEnd"));
 	  }
 	  clear() {
 	    this.forEachAccessAnimate(animate => {
@@ -17961,7 +17966,9 @@
 	    return this._timeline;
 	  }
 	  bind(target) {
-	    return this.target = target, this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
+	    return this.target = target, this.target.animates || (this.target.animates = new Map()), this.target.animates.set(this.id, this), this.onRemove(() => {
+	      this.stop(), this.target.animates.delete(this.id);
+	    }), this.target.onAnimateBind && !this.slience && this.target.onAnimateBind(this), this.target.animationAttribute || (this.target.animationAttribute = {}), this;
 	  }
 	  to(props, duration = 300, easing = "linear") {
 	    const step = new Step(AnimateStepType.to, props, duration, easing);
@@ -18175,8 +18182,8 @@
 	  }
 	  init() {
 	    this.interval = 16, this.status = STATUS.INITIAL, application.global.hooks.onSetEnv.tap("graph-ticker", () => {
-	      this.initHandler();
-	    }), application.global.env && this.initHandler();
+	      this.initHandler(!1);
+	    }), application.global.env && this.initHandler(!1);
 	  }
 	  addTimeline(timeline) {
 	    this.timelines.push(timeline);
@@ -18187,10 +18194,11 @@
 	  getTimelines() {
 	    return this.timelines;
 	  }
-	  initHandler() {
-	    this.setupTickHandler();
+	  initHandler(force = !1) {
+	    this.setupTickHandler(force);
 	  }
-	  setupTickHandler() {
+	  setupTickHandler(force = !1) {
+	    if (!force && this.tickerHandler) return !0;
 	    const handler = new RAFTickHandler();
 	    return this.tickerHandler && this.tickerHandler.release(), this.tickerHandler = handler, !0;
 	  }
@@ -18241,7 +18249,7 @@
 	    return this.status = STATUS.RUNNING, this.tickerHandler.tick(0, this.handleTick), !0;
 	  }
 	  stop() {
-	    this.status = STATUS.INITIAL, this.setupTickHandler(), this.lastFrameTime = -1;
+	    this.status = STATUS.INITIAL, this.setupTickHandler(!0), this.lastFrameTime = -1;
 	  }
 	  trySyncTickStatus() {
 	    this.status === STATUS.INITIAL && this.timelines.some(timeline => timeline.isRunning()) ? this.start() : this.status === STATUS.RUNNING && this.timelines.every(timeline => !timeline.isRunning()) && this.stop();
@@ -18502,7 +18510,11 @@
 	  _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
 	    var _a, _b, _c, _d;
 	    if (custom && customType) {
-	      const customParams = this.resolveValue(customParameters, graphic, {}),
+	      const customParams = Object.assign({
+	          width: graphic.stage.width,
+	          height: graphic.stage.height,
+	          group: this._target.parent
+	        }, this.resolveValue(customParameters, graphic)),
 	        objOptions = isFunction$1(options) ? options.call(null, null !== (_b = customParams && (null === (_a = customParams.data) || void 0 === _a ? void 0 : _a[0])) && void 0 !== _b ? _b : null === (_d = null === (_c = graphic.context) || void 0 === _c ? void 0 : _c.data) || void 0 === _d ? void 0 : _d[0], graphic, customParams) : options;
 	      customParams.options = objOptions, customParams.controlOptions = controlOptions, 1 === customType ? this.createCustomAnimation(animate, custom, from, props, duration, easing, customParams) : 2 === customType && this.createCustomInterpolatorAnimation(animate, custom, props, duration, easing, customParams);
 	    } else "to" === type ? animate.to(props, duration, easing) : "from" === type && animate.from(props, duration, easing);
@@ -18767,7 +18779,6 @@
 	  }
 	  animate(params) {
 	    var _a, _b, _c;
-	    this.animates || (this.animates = new Map());
 	    const animate = new Animate(null == params ? void 0 : params.id, null !== (_b = null !== (_a = null == params ? void 0 : params.timeline) && void 0 !== _a ? _a : this.stage && this.stage.getTimeline()) && void 0 !== _b ? _b : defaultTimeline, null == params ? void 0 : params.slience);
 	    if (animate.bind(this), params) {
 	      const {
@@ -18777,9 +18788,7 @@
 	      } = params;
 	      null != onStart && animate.onStart(onStart), null != onEnd && animate.onEnd(onEnd), null != onRemove && animate.onRemove(onRemove);
 	    }
-	    return this.animates.set(animate.id, animate), animate.onRemove(() => {
-	      animate.stop(), this.animates.delete(animate.id);
-	    }), null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
+	    return null === (_c = this.stage) || void 0 === _c || _c.ticker.start(), animate;
 	  }
 	  createTimeline() {
 	    return new DefaultTimeline();
@@ -18818,7 +18827,7 @@
 
 	class ACustomAnimate extends Step {
 	  constructor(customFrom, customTo, duration, easing, params) {
-	    super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params;
+	    super("customAnimate", customTo, duration, easing), this.type = "customAnimate", this.customFrom = customFrom, this.params = params, this.from = customFrom, this.to = customTo;
 	  }
 	  update(end, ratio, out) {
 	    if (this.onStart(), !this.props || !this.propKeys) return;
@@ -21917,6 +21926,18 @@
 	    const changeEvent = new CustomEvent(eventName, details);
 	    changeEvent.manager = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.eventSystem.manager, this.dispatchEvent(changeEvent);
 	  }
+	  eventPosToStagePos(e) {
+	    var _a, _b;
+	    const result = {
+	        x: 0,
+	        y: 0
+	      },
+	      stagePoints = null !== (_b = null === (_a = this.stage) || void 0 === _a ? void 0 : _a.eventPointTransform(e)) && void 0 !== _b ? _b : {
+	        x: 0,
+	        y: 0
+	      };
+	    return this.globalTransMatrix.transformPoint(stagePoints, result), result;
+	  }
 	}
 
 	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";