@visactor/vchart 1.3.0-beta.3 → 1.3.0-beta.5

package/build/index.js

@@ -7514,11 +7514,12 @@
 	  }
 	  parse(data, options) {
 	    let emit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
+	    var _a;
 	    this.isRunning = !0, emit && this.target.emit("beforeParse", []);
 	    const cloneData = this.cloneParseData(data, options);
-	    if (options) {
+	    if (null == options ? void 0 : options.type) {
 	      this.parseOption = options, options = cloneDeep(options);
-	      const parserData = this.dataSet.getParser(options.type || "bytejson")(cloneData, options.options, this);
+	      const parserData = (null !== (_a = this.dataSet.getParser(options.type)) && void 0 !== _a ? _a : this.dataSet.getParser("bytejson"))(cloneData, options.options, this);
 	      this.rawData = cloneData, this.parserData = parserData, this.history && this.historyData.push(cloneData, parserData), this.latestData = parserData;
 	    } else this.parserData = cloneData, this.rawData = cloneData, this.history && this.historyData.push(cloneData), this.latestData = cloneData;
 	    return this.isRunning = !1, emit && this.target.emit("afterParse", []), this;
@@ -7599,8 +7600,8 @@
 	    this._diffRank = next;
 	  }
 	  cloneParseData(data, options) {
-	    let clone = !0;
-	    return (data instanceof DataView || !1 === (null == options ? void 0 : options.clone)) && (clone = !1), clone ? data : cloneDeep(data);
+	    let clone = !1;
+	    return data instanceof DataView || !0 !== (null == options ? void 0 : options.clone) || (clone = !0), clone ? cloneDeep(data) : data;
 	  }
 	  parseNewData(data, options) {
 	    this.parse(data, options || this.parseOption), this.reRunAllTransform();
@@ -26502,6 +26503,7 @@
 	    if (heightLimit > 0 && (lineCountLimit = Math.max(Math.floor(heightLimit / lineHeight), 1)), lineClamp && (lineCountLimit = Math.min(lineCountLimit, lineClamp)), "number" == typeof maxLineWidth && maxLineWidth !== 1 / 0) {
 	      if (maxLineWidth > 0) for (let i = 0; i < lines.length; i++) {
 	        const str = lines[i];
+	        let needCut = !0;
 	        if (i === lineCountLimit - 1) {
 	          const clip = layoutObj.textMeasure.clipTextWithSuffix(str, layoutObj.textOptions, maxLineWidth, ellipsis);
 	          linesLayout.push({
@@ -26511,14 +26513,17 @@
 	          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 ("" !== 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;
+	          needCut = !1;
+	        }
 	        if (linesLayout.push({
 	          str: clip.str,
 	          width: clip.width
-	        }), clip.str.length === str.length) ;else {
+	        }), clip.str.length === str.length) ;else if (needCut) {
 	          const newStr = str.substring(clip.str.length);
 	          lines.splice(i + 1, 0, newStr);
 	        }
@@ -46208,13 +46213,31 @@
 	}(IMarkPointItemPosition || (IMarkPointItemPosition = {}));
 
 	class Marker extends AbstractComponent {
+	  _initContainer() {
+	    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+	    const groupClip = createGroup(Object.assign(Object.assign({}, null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.clipRange), {
+	      clip: null !== (_c = isValid(null === (_b = this.attribute) || void 0 === _b ? void 0 : _b.clipRange)) && void 0 !== _c && _c
+	    }));
+	    groupClip.name = "marker-container";
+	    const group = createGroup({
+	      x: -(null !== (_f = null === (_e = null === (_d = this.attribute) || void 0 === _d ? void 0 : _d.clipRange) || void 0 === _e ? void 0 : _e.x) && void 0 !== _f ? _f : 0),
+	      y: -(null !== (_j = null === (_h = null === (_g = this.attribute) || void 0 === _g ? void 0 : _g.clipRange) || void 0 === _h ? void 0 : _h.y) && void 0 !== _j ? _j : 0)
+	    });
+	    groupClip.add(group), this._containerClip = groupClip, this.add(groupClip), this._container = group;
+	  }
+	  _updateContainer() {
+	    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+	    this._containerClip.setAttributes(Object.assign(Object.assign({}, null === (_a = this.attribute) || void 0 === _a ? void 0 : _a.clipRange), {
+	      clip: null !== (_c = isValid(null === (_b = this.attribute) || void 0 === _b ? void 0 : _b.clipRange)) && void 0 !== _c && _c
+	    })), this._container.setAttributes({
+	      x: -(null !== (_f = null === (_e = null === (_d = this.attribute) || void 0 === _d ? void 0 : _d.clipRange) || void 0 === _e ? void 0 : _e.x) && void 0 !== _f ? _f : 0),
+	      y: -(null !== (_j = null === (_h = null === (_g = this.attribute) || void 0 === _g ? void 0 : _g.clipRange) || void 0 === _h ? void 0 : _h.y) && void 0 !== _j ? _j : 0)
+	    });
+	  }
 	  render() {
 	    var _a, _b;
 	    const markerVisible = null === (_a = this.attribute.visible) || void 0 === _a || _a;
-	    if (null !== (_b = this.attribute.interactive) && void 0 !== _b && _b || (this.setAttribute("pickable", !1), this.setAttribute("childrenPickable", !1)), markerVisible) if (this._container) this.updateMarker();else {
-	      const group = createGroup({});
-	      group.name = "marker-container", this.add(group), this._container = group, this.initMarker(group);
-	    }
+	    null !== (_b = this.attribute.interactive) && void 0 !== _b && _b || (this.setAttribute("pickable", !1), this.setAttribute("childrenPickable", !1)), markerVisible && (this._containerClip ? (this._updateContainer(), this.updateMarker()) : (this._initContainer(), this.initMarker(this._container)));
 	  }
 	}
 
@@ -46891,7 +46914,7 @@
 	}(LegendStateValue || (LegendStateValue = {}));
 	var LegendEvent;
 	!function (LegendEvent) {
-	  LegendEvent.legendItemHover = "legendItemHover", LegendEvent.legendItemUnHover = "legendItemUnHover", LegendEvent.legendItemClick = "legendItemClick";
+	  LegendEvent.legendItemHover = "legendItemHover", LegendEvent.legendItemUnHover = "legendItemUnHover", LegendEvent.legendItemClick = "legendItemClick", LegendEvent.legendItemAttributeUpdate = "legendItemAttributeUpdate";
 	}(LegendEvent || (LegendEvent = {}));
 	var LEGEND_ELEMENT_NAME;
 	!function (LEGEND_ELEMENT_NAME) {
@@ -46990,11 +47013,12 @@
 	      const target = e.target;
 	      if (null === (_a = null == target ? void 0 : target.name) || void 0 === _a ? void 0 : _a.startsWith(LEGEND_ELEMENT_NAME.item)) {
 	        const legendItem = target.delegate;
-	        legendItem.removeState(LegendStateValue.unSelectedHover), legendItem.removeState(LegendStateValue.selectedHover), legendItem.getChildren()[0].getChildren().forEach(child => {
-	          child.removeState(LegendStateValue.unSelectedHover), child.removeState(LegendStateValue.selectedHover);
+	        let attributeUpdate = !1;
+	        (legendItem.hasState(LegendStateValue.unSelectedHover) || legendItem.hasState(LegendStateValue.selectedHover)) && (attributeUpdate = !0), legendItem.removeState(LegendStateValue.unSelectedHover), legendItem.removeState(LegendStateValue.selectedHover), legendItem.getChildren()[0].getChildren().forEach(child => {
+	          attributeUpdate || !child.hasState(LegendStateValue.unSelectedHover) && !child.hasState(LegendStateValue.selectedHover) || (attributeUpdate = !0), child.removeState(LegendStateValue.unSelectedHover), child.removeState(LegendStateValue.selectedHover);
 	        });
 	        const focusButton = legendItem.getChildren()[0].find(node => node.name === LEGEND_ELEMENT_NAME.focus, !1);
-	        focusButton && focusButton.setAttribute("visible", !1), this._dispatchEvent(LegendEvent.legendItemUnHover, legendItem);
+	        focusButton && focusButton.setAttribute("visible", !1), attributeUpdate && this._dispatchEvent(LegendEvent.legendItemAttributeUpdate, legendItem), this._dispatchEvent(LegendEvent.legendItemUnHover, legendItem);
 	      }
 	    }, this._onClick = e => {
 	      var _a, _b, _c, _d, _e;
@@ -47290,18 +47314,20 @@
 	  }
 	  _setLegendItemState(legendItem, stateName) {
 	    let keepCurrentStates = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
-	    legendItem.addState(stateName, keepCurrentStates), legendItem.getChildren()[0].getChildren().forEach(child => {
-	      child.name !== LEGEND_ELEMENT_NAME.focus && child.addState(stateName, keepCurrentStates);
-	    });
+	    let attributeUpdate = !1;
+	    legendItem.hasState(stateName) || (attributeUpdate = !0), legendItem.addState(stateName, keepCurrentStates), legendItem.getChildren()[0].getChildren().forEach(child => {
+	      child.name !== LEGEND_ELEMENT_NAME.focus && (attributeUpdate || child.hasState(stateName) || (attributeUpdate = !0), child.addState(stateName, keepCurrentStates));
+	    }), attributeUpdate && this._dispatchEvent(LegendEvent.legendItemAttributeUpdate, legendItem);
 	  }
 	  _removeLegendItemState(legendItem, stateNames) {
+	    let attributeUpdate = !1;
 	    stateNames.forEach(name => {
-	      legendItem.removeState(name);
+	      !attributeUpdate && legendItem.hasState(name) && (attributeUpdate = !0), legendItem.removeState(name);
 	    }), legendItem.getChildren()[0].getChildren().forEach(child => {
 	      child.name !== LEGEND_ELEMENT_NAME.focus && stateNames.forEach(name => {
-	        child.removeState(name);
+	        !attributeUpdate && child.hasState(name) && (attributeUpdate = !0), child.removeState(name);
 	      });
-	    });
+	    }), attributeUpdate && this._dispatchEvent(LegendEvent.legendItemAttributeUpdate, legendItem);
 	  }
 	  _getSelectedLegends() {
 	    var _a;
@@ -56098,9 +56124,20 @@
 	}
 
 	class DimensionClickEvent extends DimensionEvent {
-	    constructor(eventDispatcher, mode) {
-	        super(eventDispatcher, mode);
-	        this.onClick = this.onClick.bind(this);
+	    constructor() {
+	        super(...arguments);
+	        this.onClick = (params) => {
+	            if (!params) {
+	                return;
+	            }
+	            const x = params.event.viewX;
+	            const y = params.event.viewY;
+	            const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+	            if (!targetDimensionInfo) {
+	                return;
+	            }
+	            this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'click', dimensionInfo: [...targetDimensionInfo] }));
+	        };
 	    }
 	    register(eType, handler) {
 	        this._callback = handler.callback;
@@ -56115,25 +56152,41 @@
 	            callback: this.onClick
 	        });
 	    }
-	    onClick(params) {
-	        if (!params) {
-	            return;
-	        }
-	        const x = params.event.viewX;
-	        const y = params.event.viewY;
-	        const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
-	        if (!targetDimensionInfo) {
-	            return;
-	        }
-	        this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'click', dimensionInfo: [...targetDimensionInfo] }));
-	    }
 	}
 
 	class DimensionHoverEvent extends DimensionEvent {
-	    constructor(eventDispatcher, mode) {
-	        super(eventDispatcher, mode);
+	    constructor() {
+	        super(...arguments);
 	        this._cacheDimensionInfo = null;
-	        this.onMouseMove = this.onMouseMove.bind(this);
+	        this.onMouseMove = (params) => {
+	            if (!params) {
+	                return;
+	            }
+	            const x = params.event.viewX;
+	            const y = params.event.viewY;
+	            const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
+	            if (targetDimensionInfo === null && this._cacheDimensionInfo !== null) {
+	                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: [...this._cacheDimensionInfo] }));
+	                this._cacheDimensionInfo = targetDimensionInfo;
+	            }
+	            else if (targetDimensionInfo !== null &&
+	                (this._cacheDimensionInfo === null ||
+	                    targetDimensionInfo.length !== this._cacheDimensionInfo.length ||
+	                    targetDimensionInfo.some((info, i) => !isSameDimensionInfo(info, this._cacheDimensionInfo[i])))) {
+	                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'enter', dimensionInfo: [...targetDimensionInfo] }));
+	                this._cacheDimensionInfo = targetDimensionInfo;
+	            }
+	            else if (targetDimensionInfo !== null) {
+	                this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'move', dimensionInfo: [...targetDimensionInfo] }));
+	            }
+	        };
+	        this.onMouseOut = (params) => {
+	            if (!params) {
+	                return;
+	            }
+	            this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: this._cacheDimensionInfo ? [...this._cacheDimensionInfo] : [] }));
+	            this._cacheDimensionInfo = null;
+	        };
 	    }
 	    register(eType, handler) {
 	        this._callback = handler.callback;
@@ -56141,6 +56194,10 @@
 	            query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
 	            callback: this.onMouseMove
 	        });
+	        this._eventDispatcher.register('pointerout', {
+	            query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
+	            callback: this.onMouseOut
+	        });
 	        if (isMobileLikeMode(this._mode)) {
 	            this._eventDispatcher.register('pointerdown', {
 	                query: Object.assign(Object.assign({}, handler.query), { source: Event_Source_Type.chart }),
@@ -56160,28 +56217,6 @@
 	            });
 	        }
 	    }
-	    onMouseMove(params) {
-	        if (!params) {
-	            return;
-	        }
-	        const x = params.event.viewX;
-	        const y = params.event.viewY;
-	        const targetDimensionInfo = this.getTargetDimensionInfo(x, y);
-	        if (targetDimensionInfo === null && this._cacheDimensionInfo !== null) {
-	            this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'leave', dimensionInfo: [...this._cacheDimensionInfo] }));
-	            this._cacheDimensionInfo = targetDimensionInfo;
-	        }
-	        else if (targetDimensionInfo !== null &&
-	            (this._cacheDimensionInfo === null ||
-	                targetDimensionInfo.length !== this._cacheDimensionInfo.length ||
-	                targetDimensionInfo.some((info, i) => !isSameDimensionInfo(info, this._cacheDimensionInfo[i])))) {
-	            this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'enter', dimensionInfo: [...targetDimensionInfo] }));
-	            this._cacheDimensionInfo = targetDimensionInfo;
-	        }
-	        else if (targetDimensionInfo !== null) {
-	            this._callback.call(null, Object.assign(Object.assign({}, params), { action: 'move', dimensionInfo: [...targetDimensionInfo] }));
-	        }
-	    }
 	}
 
 	var DimensionEventEnum;
@@ -57872,6 +57907,18 @@
 	        var _a;
 	        return (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setDimensionIndex(value, opt);
 	    }
+	    stopAnimation() {
+	        var _a, _b, _c;
+	        (_c = (_b = (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) === null || _b === void 0 ? void 0 : _b.animate) === null || _c === void 0 ? void 0 : _c.stop();
+	    }
+	    pauseAnimation() {
+	        var _a, _b, _c;
+	        (_c = (_b = (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) === null || _b === void 0 ? void 0 : _b.animate) === null || _c === void 0 ? void 0 : _c.pause();
+	    }
+	    resumeAnimation() {
+	        var _a, _b, _c;
+	        (_c = (_b = (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) === null || _b === void 0 ? void 0 : _b.animate) === null || _c === void 0 ? void 0 : _c.resume();
+	    }
 	    convertDatumToPosition(datum, dataLinkInfo = {}, isRelativeToCanvas = false) {
 	        var _a;
 	        if (!this._chart) {
@@ -60699,7 +60746,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.3.0-beta.3";
+	const version = "1.3.0-beta.5";
 	Logger.getInstance(LoggerLevel.Error);
 
 	var SeriesMarkNameEnum;
@@ -90305,6 +90352,7 @@
 	                this._mountEvent('pointerdown', { level: Event_Bubble_Level.chart }, this._handleMouseMove);
 	                this._mountEvent('pointerup', { source: 'window' }, this._handleMouseOut);
 	            }
+	            this._mountEvent('pointerout', { level: Event_Bubble_Level.chart, source: 'chart' }, this._handleMouseOut);
 	            this._mountEvent('pointermove', { source: 'window' }, this._handleMouseOut);
 	        }
 	        else if (trigger === 'click') {