@visactor/vchart 1.1.2 → 1.1.3-beta.1

package/build/index.js

@@ -22298,18 +22298,18 @@
 	  bind(DefaultGlobal).toSelf().inSingletonScope(), bind(Global).toService(DefaultGlobal), bind(DefaultWindow).to(DefaultWindow), bind(Window).toService(DefaultWindow), bind(DefaultGraphicUtil).toSelf().inSingletonScope(), bind(GraphicUtil).toService(DefaultGraphicUtil), bind(DefaultTransformUtil).toSelf().inSingletonScope(), bind(TransformUtil).toService(DefaultTransformUtil), bind(DefaultLayerService).toSelf().inSingletonScope(), bind(LayerService).toService(DefaultLayerService);
 	});
 
-	function runFill(fill) {
-	  return !!fill;
+	function runFill(fill, background) {
+	  return !(!fill && !background);
 	}
 	function runStroke(stroke, lineWidth) {
 	  let s;
 	  return s = isArray$3(stroke) ? stroke.some(item => item || void 0 === item) : !!stroke, s && lineWidth > 0;
 	}
-	function fillVisible(opacity, fillOpacity) {
-	  return opacity * fillOpacity > 0;
+	function fillVisible(opacity, fillOpacity, fill) {
+	  return fill && opacity * fillOpacity > 0;
 	}
-	function rectFillVisible(opacity, fillOpacity, width, height) {
-	  return opacity * fillOpacity > 0 && width > 0 && height > 0;
+	function rectFillVisible(opacity, fillOpacity, width, height, fill) {
+	  return fill && opacity * fillOpacity > 0 && width > 0 && height > 0;
 	}
 	function strokeVisible(opacity, strokeOpacity) {
 	  return opacity * strokeOpacity > 0;
@@ -22329,7 +22329,7 @@
 	      strokeOpacity = themeAttributes.strokeOpacity,
 	      visible = themeAttributes.visible
 	    } = graphic.attribute,
-	    fVisible = fillVisible(opacity, fillOpacity),
+	    fVisible = fillVisible(opacity, fillOpacity, fill),
 	    sVisible = strokeVisible(opacity, strokeOpacity),
 	    doFill = runFill(fill),
 	    doStroke = runStroke(stroke, lineWidth);
@@ -22691,12 +22691,12 @@
 	        x: originX = arcAttribute.x,
 	        y: originY = arcAttribute.y
 	      } = arc.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!arc.valid || !visible) return;
-	    if (!(doFill || doStroke || background)) return;
+	    if (!doFill && !doStroke) return;
 	    if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
 	    const {
 	      outerRadius = arcAttribute.outerRadius,
@@ -22709,7 +22709,7 @@
 	      isFullStroke: isFullStroke,
 	      stroke: arrayStroke
 	    } = parseStroke(stroke);
-	    if (doFill || isFullStroke || background) {
+	    if (doFill || isFullStroke) {
 	      if (context.beginPath(), drawArcPath$1(arc, context, x, y, outerRadius, innerRadius), !this._arcBeforeRenderContribitions) {
 	        this._arcBeforeRenderContribitions = [], this._arcAfterRenderContribitions = [];
 	        const contributions = this.arcRenderContribitions.getContributions() || [];
@@ -22833,11 +22833,11 @@
 	        x: originX = circleAttribute.x,
 	        y: originY = circleAttribute.y
 	      } = circle.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
-	    circle.valid && visible && (doFill || doStroke || background) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), context.arc(x, y, radius, startAngle, endAngle), context.closePath(), this._circleRenderContribitions || (this._circleRenderContribitions = this.circleRenderContribitions.getContributions() || [], this._circleRenderContribitions.sort((a, b) => b.order - a.order)), this._circleRenderContribitions.forEach(c => {
+	    circle.valid && visible && (doFill || doStroke) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), context.arc(x, y, radius, startAngle, endAngle), context.closePath(), this._circleRenderContribitions || (this._circleRenderContribitions = this.circleRenderContribitions.getContributions() || [], this._circleRenderContribitions.sort((a, b) => b.order - a.order)), this._circleRenderContribitions.forEach(c => {
 	      c.time === BaseRenderContributionTime.beforeFillStroke && c.drawShape(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
 	    }), context.setShadowStyle && context.setShadowStyle(circle, circle.attribute, circleAttribute), doFill && (fillCb ? fillCb(context, circle.attribute, circleAttribute) : fVisible && (context.setCommonStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute), context.fill())), doStroke && (strokeCb ? strokeCb(context, circle.attribute, circleAttribute) : sVisible && (context.setStrokeStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute), context.stroke())), this._circleRenderContribitions.forEach(c => {
 	      c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
@@ -25802,10 +25802,14 @@
 	    return aabbBounds.set(-outerRadius, -outerRadius, outerRadius, outerRadius), aabbBounds;
 	  }
 	  updateArcAABBBoundsAccurate(attribute, arcTheme, aabbBounds, graphic) {
-	    const {
+	    let {
 	      outerRadius = arcTheme.outerRadius,
 	      innerRadius = arcTheme.innerRadius
 	    } = attribute;
+	    if (outerRadius < innerRadius) {
+	      const temp = outerRadius;
+	      outerRadius = innerRadius, innerRadius = temp;
+	    }
 	    let {
 	      endAngle = arcTheme.endAngle,
 	      startAngle = arcTheme.startAngle
@@ -25928,7 +25932,7 @@
 	    return isArray$3(text) ? !text.every(t => null == t || "" === t) : null != text && "" !== text;
 	  }
 	  updateMultilineAABBBounds(text) {
-	    var _a;
+	    var _a, _b, _c;
 	    const textTheme = getTheme(this).text,
 	      {
 	        fontFamily = textTheme.fontFamily,
@@ -25967,6 +25971,10 @@
 	          break;
 	        }
 	        const clip = layoutObj.textMeasure.clipText(str, layoutObj.textOptions, maxLineWidth);
+	        if ("" !== str && "" === clip.str) if (ellipsis) {
+	          const clipEllipsis = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis);
+	          clip.str = null !== (_b = clipEllipsis.str) && void 0 !== _b ? _b : "", clip.width = null !== (_c = clipEllipsis.width) && void 0 !== _c ? _c : 0;
+	        } else clip.str = "", clip.width = 0;
 	        if (linesLayout.push({
 	          str: clip.str,
 	          width: clip.width
@@ -26192,6 +26200,7 @@
 	BaseRender = __decorate$1v([injectable()], BaseRender);
 
 	function drawSegments(path, segPath, percent, clipRangeByDimension, params) {
+	  if (!segPath) return;
 	  const {
 	    offsetX = 0,
 	    offsetY = 0,
@@ -26294,6 +26303,7 @@
 	  }
 	  drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb) {
 	    var _a;
+	    if (!cache) return;
 	    context.beginPath();
 	    const z = null !== (_a = this.z) && void 0 !== _a ? _a : 0;
 	    drawSegments(context.camera ? context : context.nativeContext, cache, clipRange, clipRangeByDimension, {
@@ -26318,7 +26328,7 @@
 	        lineWidth = lineAttribute.lineWidth,
 	        visible = lineAttribute.visible
 	      } = line.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
 	      doFill = runFill(fill),
 	      doStroke = runStroke(stroke, lineWidth);
@@ -26499,12 +26509,13 @@
 	        opacity = areaAttribute.opacity,
 	        visible = areaAttribute.visible,
 	        z = areaAttribute.z,
+	        background: background,
 	        stroke = area.attribute.stroke,
 	        lineWidth = areaAttribute.lineWidth,
 	        strokeOpacity = areaAttribute.strokeOpacity
 	      } = area.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
-	      doFill = runFill(fill),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth),
 	      sVisible = strokeVisible(opacity, strokeOpacity);
 	    if (!area.valid || !visible) return;
@@ -26605,6 +26616,7 @@
 	    drawPathProxy(area, context, x, y, drawContext, params) || this.drawShape(area, context, x, y, drawContext, params), context.highPerformanceRestore();
 	  }
 	  drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb) {
+	    if (!cache) return;
 	    context.beginPath();
 	    drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
 	      offsetX: offsetX,
@@ -26673,11 +26685,11 @@
 	        y: originY = pathAttribute.y
 	      } = path.attribute,
 	      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
-	    if (path.valid && visible && (doFill || doStroke || background) && (fVisible || sVisible || fillCb || strokeCb || background)) {
+	    if (path.valid && visible && (doFill || doStroke) && (fVisible || sVisible || fillCb || strokeCb || background)) {
 	      if (context.beginPath(), path.pathShape) renderCommandList(path.pathShape.commandList, context, x, y, 1, 1, z);else {
 	        const path2D = null !== (_b = path.attribute.path) && void 0 !== _b ? _b : pathAttribute.path;
 	        renderCommandList(path2D.commandList, context, x, y, 1, 1, z);
@@ -26799,12 +26811,12 @@
 	        x: originX = rectAttribute.x,
 	        y: originY = rectAttribute.y
 	      } = rect.attribute,
-	      fVisible = rectFillVisible(opacity, fillOpacity, width, height),
+	      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
 	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!rect.valid || !visible) return;
-	    if (!(doFill || doStroke || background)) return;
+	    if (!doFill && !doStroke) return;
 	    if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
 	    0 === cornerRadius || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius)), this._rectRenderContribitions || (this._rectRenderContribitions = this.rectRenderContribitions.getContributions() || [], this._rectRenderContribitions.sort((a, b) => b.order - a.order));
 	    const doFillOrStroke = {
@@ -26874,12 +26886,12 @@
 	        scaleX = symbolAttribute.scaleX,
 	        scaleY = symbolAttribute.scaleY
 	      } = symbol.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!symbol.valid || !visible) return;
-	    if (!(doFill || doStroke || background)) return;
+	    if (!doFill && !doStroke) return;
 	    if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
 	    const parsedPath = symbol.getParsedPath();
 	    if (!parsedPath) return;
@@ -26957,7 +26969,7 @@
 	        y: originY = textAttribute.y
 	      } = text.attribute,
 	      lineHeight = null !== (_a = text.attribute.lineHeight) && void 0 !== _a ? _a : fontSize,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
 	      doFill = runFill(fill),
 	      doStroke = runStroke(stroke, lineWidth);
@@ -27170,11 +27182,11 @@
 	        x: originX = polygonAttribute.x,
 	        y: originY = polygonAttribute.y
 	      } = polygon.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
-	    polygon.valid && visible && (doFill || doStroke || background) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), cornerRadius <= 0 || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? drawPolygon(context.camera ? context : context.nativeContext, points, x, y) : drawRoundedPolygon(context.camera ? context : context.nativeContext, points, x, y, cornerRadius), context.closePath(), this._polygonRenderContribitions || (this._polygonRenderContribitions = this.polygonRenderContribitions.getContributions() || [], this._polygonRenderContribitions.sort((a, b) => b.order - a.order)), this._polygonRenderContribitions.forEach(c => {
+	    polygon.valid && visible && (doFill || doStroke) && (fVisible || sVisible || fillCb || strokeCb || background) && (context.beginPath(), cornerRadius <= 0 || isArray$3(cornerRadius) && cornerRadius.every(num => 0 === num) ? drawPolygon(context.camera ? context : context.nativeContext, points, x, y) : drawRoundedPolygon(context.camera ? context : context.nativeContext, points, x, y, cornerRadius), context.closePath(), this._polygonRenderContribitions || (this._polygonRenderContribitions = this.polygonRenderContribitions.getContributions() || [], this._polygonRenderContribitions.sort((a, b) => b.order - a.order)), this._polygonRenderContribitions.forEach(c => {
 	      c.time === BaseRenderContributionTime.beforeFillStroke && c.drawShape(polygon, context, x, y, doFill, doStroke, fVisible, sVisible, polygonAttribute, drawContext, fillCb, strokeCb);
 	    }), context.setShadowStyle && context.setShadowStyle(polygon, polygon.attribute, polygonAttribute), doFill && (fillCb ? fillCb(context, polygon.attribute, polygonAttribute) : fillOpacity && (context.setCommonStyle(polygon, polygon.attribute, originX - x, originY - y, polygonAttribute), context.fill())), doStroke && (strokeCb ? strokeCb(context, polygon.attribute, polygonAttribute) : strokeOpacity && (context.setStrokeStyle(polygon, polygon.attribute, originX - x, originY - y, polygonAttribute), context.stroke())), this._polygonRenderContribitions.forEach(c => {
 	      c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(polygon, context, x, y, doFill, doStroke, fVisible, sVisible, polygonAttribute, drawContext, fillCb, strokeCb);
@@ -27233,7 +27245,7 @@
 	        repeatY = imageAttribute.repeatY,
 	        image: url
 	      } = image.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      doFill = runFill(fill);
 	    if (image.valid && visible && doFill && (fVisible || fillCb)) {
 	      if (this._imageRenderContribitions || (this._imageRenderContribitions = this.imageRenderContribitions.getContributions() || []), this._imageRenderContribitions.forEach(c => {
@@ -32352,13 +32364,13 @@
 	        lineWidth = groupAttribute.lineWidth,
 	        visible = groupAttribute.visible
 	      } = group.attribute,
-	      fVisible = rectFillVisible(opacity, fillOpacity, width, height),
+	      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
 	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth);
 	    if (!group.valid || !visible) return;
 	    if (!clip) {
-	      if (!(doFill || doStroke || background)) return;
+	      if (!doFill && !doStroke) return;
 	      if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
 	    }
 	    if (path && path.length && drawContext.drawContribution) {
@@ -32440,7 +32452,7 @@
 	          lineWidth = lineAttribute.lineWidth,
 	          visible = lineAttribute.visible
 	        } = line.attribute,
-	        fVisible = fillVisible(opacity, fillOpacity),
+	        fVisible = fillVisible(opacity, fillOpacity, fill),
 	        sVisible = strokeVisible(opacity, strokeOpacity),
 	        doFill = runFill(fill),
 	        doStroke = runStroke(stroke, lineWidth);
@@ -32490,7 +32502,7 @@
 	          opacity = areaAttribute.opacity,
 	          visible = areaAttribute.visible
 	        } = area.attribute,
-	        fVisible = fillVisible(opacity, fillOpacity),
+	        fVisible = fillVisible(opacity, fillOpacity, fill),
 	        doFill = runFill(fill);
 	      if (!area.valid || !visible) return;
 	      if (!doFill) return;
@@ -32680,7 +32692,7 @@
 	        visible = rectAttribute.visible
 	      } = rect.attribute,
 	      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
-	      fVisible = rectFillVisible(opacity, fillOpacity, width, height),
+	      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
 	      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
 	      doFill = runFill(fill),
 	      doStroke = runStroke(stroke, lineWidth);
@@ -32808,7 +32820,7 @@
 	        visible = richtextAttribute.visible
 	      } = richtext.attribute;
 	    if (!richtext.valid || !visible) return;
-	    if (!fillVisible(opacity, fillOpacity)) return;
+	    if (!fillVisible(opacity, fillOpacity, !0)) return;
 	    context.translate(x, y);
 	    richtext.getFrameCache().draw(context, this.drawIcon);
 	  }
@@ -32968,13 +32980,13 @@
 	        strokeOpacity = arcAttribute.strokeOpacity,
 	        visible = arcAttribute.visible
 	      } = arc.attribute,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
-	      doFill = runFill(fill),
+	      doFill = runFill(fill, background),
 	      doStroke = runStroke(stroke, lineWidth),
 	      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0;
 	    if (!arc.valid || !visible) return;
-	    if (!(doFill || doStroke || background)) return;
+	    if (!doFill && !doStroke) return;
 	    if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
 	    const {
 	        outerRadius = arcAttribute.outerRadius,
@@ -33061,7 +33073,7 @@
 	        face = [!0, !0, !0, !0, !0, !0]
 	      } = pyramid3d.attribute,
 	      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
-	      fVisible = fillVisible(opacity, fillOpacity),
+	      fVisible = fillVisible(opacity, fillOpacity, fill),
 	      sVisible = strokeVisible(opacity, strokeOpacity),
 	      doFill = runFill(fill),
 	      doStroke = runStroke(stroke, lineWidth);
@@ -40526,7 +40538,8 @@
 	        maxWidth: maxWidth,
 	        padding = 4,
 	        visible: visible,
-	        state: state
+	        state: state,
+	        formatMethod: formatMethod
 	      } = this.attribute,
 	      parsedPadding = normalizePadding$1(padding),
 	      group = this.createOrUpdateChild("tag-content", {
@@ -40558,7 +40571,7 @@
 	    }
 	    tagWidth += symbolPlaceWidth, textX += symbolPlaceWidth;
 	    const textAttrs = Object.assign(Object.assign({
-	      text: text,
+	      text: formatMethod ? formatMethod(text) : text,
 	      visible: isValid(text) && !1 !== visible,
 	      lineHeight: null == textStyle ? void 0 : textStyle.fontSize
 	    }, textStyle), {
@@ -43506,13 +43519,14 @@
 	        previewCallbackX: previewCallbackX,
 	        previewCallbackY: previewCallbackY,
 	        previewCallbackX1: previewCallbackX1,
-	        previewCallbackY1: previewCallbackY1
+	        previewCallbackY1: previewCallbackY1,
+	        updateStateCallback: updateStateCallback
 	      } = this.attribute,
 	      {
 	        width: width,
 	        height: height
 	      } = size;
-	    start && (this.state.start = start), end && (this.state.end = end), this._isHorizontal = "top" === orient || "bottom" === orient, this._layoutCache.max = this._isHorizontal ? width : height, this._layoutCache.attPos = this._isHorizontal ? "x" : "y", this._layoutCache.attSize = this._isHorizontal ? "width" : "height", this._activeCache.startPos = position, this._activeCache.lastPos = position, this._showText = "auto" !== showDetail && showDetail, previewData && (this._previewData = previewData), isFunction(previewCallbackX) && (this._previewCallbackX = previewCallbackX), isFunction(previewCallbackY) && (this._previewCallbackY = previewCallbackY), isFunction(previewCallbackX1) && (this._previewCallbackX1 = previewCallbackX1), isFunction(previewCallbackY1) && (this._previewCallbackY1 = previewCallbackY1);
+	    start && (this.state.start = start), end && (this.state.end = end), this._isHorizontal = "top" === orient || "bottom" === orient, this._layoutCache.max = this._isHorizontal ? width : height, this._layoutCache.attPos = this._isHorizontal ? "x" : "y", this._layoutCache.attSize = this._isHorizontal ? "width" : "height", this._activeCache.startPos = position, this._activeCache.lastPos = position, this._showText = "auto" !== showDetail && showDetail, previewData && (this._previewData = previewData), isFunction(previewCallbackX) && (this._previewCallbackX = previewCallbackX), isFunction(previewCallbackY) && (this._previewCallbackY = previewCallbackY), isFunction(previewCallbackX1) && (this._previewCallbackX1 = previewCallbackX1), isFunction(previewCallbackY1) && (this._previewCallbackY1 = previewCallbackY1), isFunction(updateStateCallback) && (this._updateStateCallback = updateStateCallback);
 	  }
 	  bindEvents() {
 	    const {
@@ -43942,10 +43956,10 @@
 	      start: startAttr,
 	      end: endAttr
 	    } = this.attribute;
-	    isValid(start) && isValid(end) && (start !== this.state.start || end !== this.state.end) && (this.state.start = start, this.state.end = end, startAttr === this.state.start && endAttr === this.state.end || this.setAttributes({
+	    isValid(start) && isValid(end) && (start !== this.state.start || end !== this.state.end) && (this.state.start = start, this.state.end = end, startAttr === this.state.start && endAttr === this.state.end || (this.setAttributes({
 	      start: start,
 	      end: end
-	    }));
+	    }), this._updateStateCallback && this._updateStateCallback(start, end)));
 	  }
 	  setPreviewData(data) {
 	    this._previewData = data;
@@ -44986,7 +45000,7 @@
 	    const innerGroupBounds = innerGroup.AABBBounds,
 	      innerGroupWidth = innerGroupBounds.width(),
 	      innerGroupHeight = innerGroupBounds.height(),
-	      itemGroupWidth = this._itemWidthByUser || innerGroupWidth + parsedPadding[1] + parsedPadding[3],
+	      itemGroupWidth = isValid(this.attribute.item.width) ? this.attribute.item.width : innerGroupWidth + parsedPadding[1] + parsedPadding[3],
 	      itemGroupHeight = this._itemHeightByUser || innerGroupHeight + parsedPadding[0] + parsedPadding[2];
 	    return itemGroup.attribute.width = itemGroupWidth, itemGroup.attribute.height = itemGroupHeight, innerGroup.translateTo(-innerGroupBounds.x1 + parsedPadding[3], -innerGroupBounds.y1 + parsedPadding[0]), itemGroup;
 	  }
@@ -58028,7 +58042,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.1.2";
+	const version = "1.1.3-beta.1";
 	Logger.getInstance(LoggerLevel.Error);
 
 	var SeriesMarkNameEnum;
@@ -64919,7 +64933,7 @@
 	    coordinate = 'geo';
 	    _mapViewData;
 	    getMapViewData() {
-	        return this._mapViewData.getDataView();
+	        return this._mapViewData?.getDataView();
 	    }
 	    _mapViewDataStatistics;
 	    _nameField;
@@ -70778,6 +70792,16 @@
 	    }
 	    setValueFieldToPercent() {
 	    }
+	    updateSpec(spec) {
+	        const originalSpec = this._originalSpec;
+	        const result = super.updateSpec(spec);
+	        if (!isEqual$1(originalSpec, spec)) {
+	            result.reMake = true;
+	            result.reCompile = true;
+	            return result;
+	        }
+	        return result;
+	    }
 	}
 
 	class WordCloudSeries extends BaseWordCloudSeries {
@@ -73793,6 +73817,29 @@
 	    else {
 	        data = data[0];
 	    }
+	    if (op.sourceField !== 'source' || op.targetField !== 'target') {
+	        for (const key in data) {
+	            if (key === 'links') {
+	                const updatedData = [];
+	                data[key].forEach((datum) => {
+	                    const updatedDatum = {};
+	                    for (const key in datum) {
+	                        if (key === op.sourceField) {
+	                            updatedDatum.source = datum[op.sourceField];
+	                        }
+	                        else if (key === op.targetField) {
+	                            updatedDatum.target = datum[op.targetField];
+	                        }
+	                        else {
+	                            updatedDatum[key] = datum[key];
+	                        }
+	                    }
+	                    updatedData.push(updatedDatum);
+	                });
+	                data[key] = updatedData;
+	            }
+	        }
+	    }
 	    const layout = new SankeyLayout(op);
 	    const result = [];
 	    result.push(layout.layout(data, view));
@@ -73972,13 +74019,15 @@
 	                            y1: this._viewBox.y2
 	                        };
 	                    },
+	                    sourceField: this._spec.sourceField,
+	                    targetField: this._spec.targetField,
 	                    direction: this._spec.direction,
-	                    nodeAlign: this._spec.nodeAlign,
-	                    nodeGap: this._spec.nodeGap,
-	                    nodeWidth: this._spec.nodeWidth,
+	                    nodeAlign: this._spec.nodeAlign ?? 'justify',
+	                    nodeGap: this._spec.nodeGap ?? 8,
+	                    nodeWidth: this._spec.nodeWidth ?? 10,
 	                    linkWidth: this._spec.linkWidth,
 	                    minStepWidth: this._spec.minStepWidth,
-	                    minNodeHeight: this._spec.minNodeHeight,
+	                    minNodeHeight: this._spec.minNodeHeight ?? 4,
 	                    minLinkHeight: this._spec.minLinkHeight,
 	                    iterations: this._spec.iterations,
 	                    nodeKey: this._spec.nodeKey,
@@ -77149,6 +77198,7 @@
 	    _getDefaultSeriesSpec(spec) {
 	        return {
 	            ...super._getDefaultSeriesSpec(spec),
+	            bar: spec.bar,
 	            stackLabel: spec.stackLabel,
 	            leaderLine: spec.leaderLine,
 	            total: spec.total
@@ -77896,9 +77946,6 @@
 	        return allDomain.slice(Math.min(startIndex, endIndex), Math.max(startIndex, endIndex) + 1);
 	    }
 	    _handleStateChange = (startValue, endValue) => {
-	        if (startValue === this._startValue && endValue === this._endValue) {
-	            return false;
-	        }
 	        this._startValue = startValue;
 	        this._endValue = endValue;
 	        this._newDomain = this._parseDomainFromState(this._startValue, this._endValue);
@@ -78145,12 +78192,12 @@
 	        this._middleHandlerSize = this._computeMiddleHandlerSize();
 	        this._width = this._computeWidth();
 	        this._height = this._computeHeight();
-	        if (this._originalSpec.startHandler?.style?.size ?? true) {
+	        if (isNil(this._originalSpec?.startHandler?.style?.size)) {
 	            this._spec.startHandler.style.size = this._isHorizontal
 	                ? this._height - this._middleHandlerSize
 	                : this._width - this._middleHandlerSize;
 	        }
-	        if (this._originalSpec.endHandler?.style?.size ?? true) {
+	        if (isNil(this._originalSpec?.startHandler?.style?.size)) {
 	            this._spec.endHandler.style.size = this._isHorizontal
 	                ? this._height - this._middleHandlerSize
 	                : this._width - this._middleHandlerSize;
@@ -78233,7 +78280,8 @@
 	        const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;
 	        const offsetHandler = this._isHorizontal ? this._startHandlerSize / 2 : 0;
 	        const xScale = this._isHorizontal ? this._stateScale : this._valueScale;
-	        return xScale.scale(datum[this._stateField]) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;
+	        const xField = this._isHorizontal ? this._stateField : this._valueField;
+	        return xScale.scale(datum[xField]) + this.getLayoutStartPoint().x + offsetLeft + offsetHandler;
 	    };
 	    _dataToPositionX2 = (datum) => {
 	        const offsetLeft = this._orient === 'left' ? this._middleHandlerSize : 0;
@@ -78246,7 +78294,8 @@
 	        const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;
 	        const offsetHandler = this._isHorizontal ? 0 : this._startHandlerSize / 2;
 	        const yScale = this._isHorizontal ? this._valueScale : this._stateScale;
-	        return yScale.scale(datum[this._valueField]) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;
+	        const yField = this._isHorizontal ? this._valueField : this._stateField;
+	        return yScale.scale(datum[yField]) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;
 	    };
 	    _dataToPositionY2 = (datum) => {
 	        const offsetTop = this._isHorizontal ? this._middleHandlerSize : 0;
@@ -82008,7 +82057,7 @@
 	    selectedData.forEach(s => {
 	        selectedFilter[s] = true;
 	    });
-	    const datumField = field();
+	    const datumField = field() ?? DEFAULT_DATA_SERIES_FIELD;
 	    if (isValid(datumField)) {
 	        data = data.filter(d => selectedFilter[d[datumField]] === true);
 	    }