@visactor/vchart-extension 2.0.4-alpha.6 → 2.0.4-alpha.7

package/build/index.js

@@ -7015,7 +7015,8 @@
 	  y1: 0,
 	  strokeBoundsBuffer: 0,
 	  cornerRadius: 0,
-	  cornerType: "round"
+	  cornerType: "round",
+	  drawStrokeWhenZeroWH: !1
 	});
 	Object.assign(Object.assign({}, DefaultAttribute), {
 	  width: 0,
@@ -7024,7 +7025,8 @@
 	  y1: 0,
 	  cornerRadius: 0,
 	  length: 0,
-	  cornerType: "round"
+	  cornerType: "round",
+	  drawStrokeWhenZeroWH: !1
 	});
 	const DefaultSymbolAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
 	  symbolType: "circle",
@@ -7251,6 +7253,34 @@
 	    }
 	    return c;
 	  }
+	  static processColorStops(colorStops) {
+	    if (!colorStops || 0 === colorStops.length) return [];
+	    if (colorStops.some(item => item.length)) {
+	      const stops = colorStops.map(item => ({
+	        color: item.value,
+	        offset: item.length ? parseFloat(item.length.value) / 100 : -1
+	      }));
+	      stops[0].offset < 0 && (stops[0].offset = 0), stops[stops.length - 1].offset < 0 && (stops[stops.length - 1].offset = 1);
+	      for (let i = 1; i < stops.length - 1; i++) if (stops[i].offset < 0) {
+	        const prevWithOffsetIdx = i - 1;
+	        let nextWithOffsetIdx = i + 1;
+	        for (; nextWithOffsetIdx < stops.length && stops[nextWithOffsetIdx].offset < 0;) nextWithOffsetIdx++;
+	        const startOffset = stops[prevWithOffsetIdx].offset,
+	          endOffset = stops[nextWithOffsetIdx].offset,
+	          unspecCount = nextWithOffsetIdx - prevWithOffsetIdx;
+	        for (let j = 1; j < unspecCount; j++) stops[prevWithOffsetIdx + j].offset = startOffset + (endOffset - startOffset) * j / unspecCount;
+	        i = nextWithOffsetIdx - 1;
+	      }
+	      return stops;
+	    }
+	    return colorStops.map((item, index) => {
+	      const offset = colorStops.length > 1 ? index / (colorStops.length - 1) : 0;
+	      return {
+	        color: item.value,
+	        offset: offset
+	      };
+	    });
+	  }
 	  static ParseConic(datum) {
 	    const {
 	        orientation: orientation,
@@ -7264,10 +7294,7 @@
 	      y: .5,
 	      startAngle: sa,
 	      endAngle: sa + pi2,
-	      stops: colorStops.map(item => ({
-	        color: item.value,
-	        offset: parseFloat(item.length.value) / 100
-	      }))
+	      stops: GradientParser.processColorStops(colorStops)
 	    };
 	  }
 	  static ParseRadial(datum) {
@@ -7282,10 +7309,7 @@
 	      y1: .5,
 	      r0: 0,
 	      r1: 1,
-	      stops: colorStops.map(item => ({
-	        color: item.value,
-	        offset: parseFloat(item.length.value) / 100
-	      }))
+	      stops: GradientParser.processColorStops(colorStops)
 	    };
 	  }
 	  static ParseLinear(datum) {
@@ -7307,10 +7331,7 @@
 	      y0: y0,
 	      x1: x1,
 	      y1: y1,
-	      stops: colorStops.map(item => ({
-	        color: item.value,
-	        offset: parseFloat(item.length.value) / 100
-	      }))
+	      stops: GradientParser.processColorStops(colorStops)
 	    };
 	  }
 	}
@@ -10219,7 +10240,7 @@
 	    });
 	  }
 	  setAttributes(params, forceUpdateTag = !1, context) {
-	    (params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context);
+	    params && ((params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params).background ? this.loadImage(params.background, !0) : params.shadowGraphic && this.setShadowGraphic(params.shadowGraphic), this._setAttributes(params, forceUpdateTag, context));
 	  }
 	  _setAttributes(params, forceUpdateTag = !1, context) {
 	    const keys = Object.keys(params);
@@ -10854,8 +10875,8 @@
 	function strokeVisible(opacity, strokeOpacity) {
 	  return opacity * strokeOpacity > 0;
 	}
-	function rectStrokeVisible(opacity, strokeOpacity, width, height) {
-	  return opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
+	function rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH) {
+	  return drawStrokeWhenZeroWH ? opacity * strokeOpacity > 0 : opacity * strokeOpacity > 0 && 0 !== width && 0 !== height;
 	}
 	function intersect(x0, y0, x1, y1, x2, y2, x3, y3) {
 	  const x10 = x1 - x0,
@@ -12843,7 +12864,7 @@
 	      case "right":
 	        deltaX = -aabbBounds.width();
 	    }
-	    return aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, application.graphicService.transformAABBBounds(attribute, aabbBounds, richtextTheme, !1, this), 0 === aabbBounds.width() && 0 === aabbBounds.height() && aabbBounds.clear(), aabbBounds;
+	    return height || ("middle" === this.verticalDirection ? deltaY -= aabbBounds.height() / 2 : "bottom" === this.verticalDirection && (deltaY -= aabbBounds.height())), aabbBounds.translate(deltaX, deltaY), application.graphicService.updateTempAABBBounds(aabbBounds), null == attribute.forceBoundsHeight && null == attribute.forceBoundsWidth || application.graphicService.updateHTMLTextAABBBounds(attribute, richtextTheme, aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1, application.graphicService.transformAABBBounds(attribute, aabbBounds, richtextTheme, !1, this), 0 === aabbBounds.width() && 0 === aabbBounds.height() && aabbBounds.clear(), aabbBounds;
 	  }
 	  needUpdateTags(keys) {
 	    return super.needUpdateTags(keys, RICHTEXT_UPDATE_TAG_KEY);
@@ -14921,7 +14942,8 @@
 	      y1: y1,
 	      x: originX = rectAttribute.x,
 	      y: originY = rectAttribute.y,
-	      fillStrokeOrder = rectAttribute.fillStrokeOrder
+	      fillStrokeOrder = rectAttribute.fillStrokeOrder,
+	      drawStrokeWhenZeroWH = rectAttribute.drawStrokeWhenZeroWH
 	    } = rect.attribute;
 	    let {
 	      width: width,
@@ -14929,7 +14951,7 @@
 	    } = rect.attribute;
 	    width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
 	    const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
 	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!rect.valid || !visible) return;
@@ -15833,7 +15855,7 @@
 	    super(...arguments), this.type = "rect3d", this.numberType = RECT3D_NUMBER_TYPE;
 	  }
 	  drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
-	    var _a;
+	    var _a, _b;
 	    const rectAttribute = getTheme(rect, null == params ? void 0 : params.theme).rect,
 	      {
 	        fill = rectAttribute.fill,
@@ -15846,16 +15868,17 @@
 	        fillOpacity = rectAttribute.fillOpacity,
 	        lineWidth = rectAttribute.lineWidth,
 	        strokeOpacity = rectAttribute.strokeOpacity,
-	        visible = rectAttribute.visible
+	        visible = rectAttribute.visible,
+	        drawStrokeWhenZeroWH = null !== (_a = rectAttribute.drawStrokeWhenZeroWH) && void 0 !== _a && _a
 	      } = rect.attribute;
 	    let {
 	      width: width,
 	      height: height
 	    } = rect.attribute;
 	    width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
-	    const z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
+	    const z = null !== (_b = this.z) && void 0 !== _b ? _b : 0,
 	      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
 	      doFill = runFill(fill),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!rect.valid || !visible) return;
@@ -17848,6 +17871,7 @@
 	    return this.getEndProps();
 	  }
 	  stop() {}
+	  release() {}
 	}
 	class WaitStep extends Step {
 	  constructor(type, props, duration, easing) {
@@ -17855,8 +17879,6 @@
 	  }
 	  onStart() {
 	    super.onStart();
-	  }
-	  onFirstRun() {
 	    const fromProps = this.getFromProps();
 	    this.target.setAttributes(fromProps);
 	  }
@@ -18065,7 +18087,9 @@
 	    this.status !== AnimateStatus.END && this.onEnd(), this.status = AnimateStatus.END, this.target && ("start" === type ? this.target.setAttributes(this._startProps) : "end" === type ? this.target.setAttributes(this._endProps) : type && this.target.setAttributes(type));
 	  }
 	  release() {
-	    this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [];
+	    this.status = AnimateStatus.END, this._onRemove && this._onRemove.forEach(cb => cb()), this._onStart = [], this._onFrame = [], this._onEnd = [], this._onRemove = [], this.forEachStep(step => {
+	      step.release();
+	    });
 	  }
 	  getDuration() {
 	    return this._duration;
@@ -18139,6 +18163,10 @@
 	  getLoop() {
 	    return this._loopCount;
 	  }
+	  forEachStep(cb) {
+	    let step = this._firstStep;
+	    for (; step;) cb(step), step = step.next;
+	  }
 	}
 
 	const performanceRAF = new PerformanceRAF();
@@ -18371,6 +18399,9 @@
 	  constructor(target) {
 	    this._animates = [], this._startCallbacks = [], this._endCallbacks = [], this._started = !1, this._activeCount = 0, this._target = target;
 	  }
+	  get started() {
+	    return this._started;
+	  }
 	  onStart(cb) {
 	    cb ? (this._startCallbacks.push(cb), this._started && this._activeCount > 0 && cb()) : this._startCallbacks.forEach(cb => {
 	      cb();
@@ -18511,14 +18542,14 @@
 	    return delayAfterValue > 0 && (totalDelay += delayAfterValue), totalDelay > 0 && animate.wait(totalDelay), loop && loop > 0 && animate.loop(loop), bounce && animate.bounce(!0), animate;
 	  }
 	  _handleRunAnimate(animate, custom, customType, from, props, duration, easing, customParameters, controlOptions, options, type, graphic) {
-	    var _a, _b, _c, _d;
+	    var _a, _b, _c, _d, _e, _f;
 	    if (custom && customType) {
 	      const customParams = Object.assign({
-	          width: graphic.stage.width,
-	          height: graphic.stage.height,
+	          width: (null === (_a = graphic.stage) || void 0 === _a ? void 0 : _a.width) || 0,
+	          height: (null === (_b = graphic.stage) || void 0 === _b ? void 0 : _b.height) || 0,
 	          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;
+	        objOptions = isFunction$1(options) ? options.call(null, null !== (_d = customParams && (null === (_c = customParams.data) || void 0 === _c ? void 0 : _c[0])) && void 0 !== _d ? _d : null === (_f = null === (_e = graphic.context) || void 0 === _e ? void 0 : _e.data) || void 0 === _f ? void 0 : _f[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);
 	  }
@@ -18738,7 +18769,7 @@
 	  reApplyState(state) {
 	    var _a;
 	    const stateInfo = null === (_a = this.stateList) || void 0 === _a ? void 0 : _a.find(stateInfo => stateInfo.state === state);
-	    if (stateInfo) {
+	    if (stateInfo && stateInfo.executor.started) {
 	      const stateList = this.stateList.slice();
 	      stateInfo.executor.stop(), this.stateList = stateList, stateInfo.executor.execute(stateInfo.animationConfig);
 	    }
@@ -21877,7 +21908,14 @@
 	                if (maskImage && ((_a = this._spec.layoutConfig) === null || _a === void 0 ? void 0 : _a.placement) === 'masked') {
 	                    this._rootMark.getProduct().setAttribute('background', maskImage);
 	                }
-	            }).bind(this)
+	            }).bind(this),
+	            onLayoutFinished: () => {
+	                var _a, _b;
+	                return (_b = (_a = this._option.globalInstance
+	                    .getChart()
+	                    .getOption()
+	                    .performanceHook) === null || _a === void 0 ? void 0 : _a.afterWordcloudShapeDraw) === null || _b === void 0 ? void 0 : _b.call(_a, this._option.globalInstance);
+	            }
 	        };
 	    }
 	    _buildMarkAttributeContext() {