@visactor/vchart 1.2.3-beta.0 → 1.2.3

package/build/index.js

@@ -9700,7 +9700,7 @@
 	    if (!isValid(value) || typeof value !== 'object') {
 	        return value;
 	    }
-	    if (isDataView(value)) {
+	    if (isDataView(value) || isHTMLElement(value)) {
 	        return value;
 	    }
 	    const isArr = isArray$3(value);
@@ -9732,9 +9732,24 @@
 	    return result;
 	}
 	function isDataView(obj) {
-	    const dataViewKeys = ['dataSet', 'latestData', 'rawData', 'parserData', 'isDataView', 'history'];
-	    const keys = Object.keys(obj);
-	    return obj instanceof DataView || dataViewKeys.every(key => keys.includes(key));
+	    return obj instanceof DataView;
+	}
+	function isHTMLElement(obj) {
+	    try {
+	        return obj instanceof Element;
+	    }
+	    catch {
+	        const htmlElementKeys = [
+	            'children',
+	            'innerHTML',
+	            'classList',
+	            'setAttribute',
+	            'tagName',
+	            'getBoundingClientRect'
+	        ];
+	        const keys = Object.keys(obj);
+	        return htmlElementKeys.every(key => keys.includes(key));
+	    }
 	}
 	function convertBackgroundSpec(bg) {
 	    if (!bg) {
@@ -36667,7 +36682,7 @@
 	  graphicItem && (graphicItem[BridgeElementKey] = null, graphicItem.release(), graphicItem.parent && graphicItem.parent.removeChild(graphicItem));
 	};
 
-	class Element {
+	let Element$1 = class Element {
 	  constructor(mark) {
 	    this.data = null, this.states = [], this.diffState = DiffState.enter, this.isReserved = !1, this.runtimeStatesEncoder = null, this.items = [], this.getStateAttrs = (stateName, nextStates) => {
 	      var _a, _b, _c, _d;
@@ -36939,7 +36954,7 @@
 	    var _a, _b;
 	    return this.mark.isCollectionMark() ? null !== (_a = this.data) && void 0 !== _a ? _a : [] : null === (_b = this.data) || void 0 === _b ? void 0 : _b[0];
 	  }
-	}
+	};
 
 	const clipIn = (element, options, animationParameters) => {
 	  var _a;
@@ -39429,7 +39444,7 @@
 	  return null;
 	};
 
-	class GlyphElement extends Element {
+	class GlyphElement extends Element$1 {
 	  constructor(mark) {
 	    super(mark), this.getStateAttrs = (stateName, nextStates) => {
 	      var _a, _b, _c, _d;
@@ -39635,7 +39650,7 @@
 	  }
 	}
 
-	const createElement = mark => mark.markType === GrammarMarkType.glyph ? new GlyphElement(mark) : new Element(mark);
+	const createElement = mark => mark.markType === GrammarMarkType.glyph ? new GlyphElement(mark) : new Element$1(mark);
 
 	function point(event) {
 	  ["touches", "changedTouches", "targetTouches"].forEach(touchKey => {
@@ -56524,6 +56539,9 @@
 	                return;
 	            }
 	            const value = obj[key];
+	            if (isObject$f(value) && (isDataView(value) || isHTMLElement(value))) {
+	                return;
+	            }
 	            if (isObject$f(value) && !isFunction(value)) {
 	                if (isColorKey(value)) {
 	                    newObj[key] = getActualColor(value, this._option.getTheme?.()?.colorScheme, this.modelType === 'series' ? this.type : undefined);
@@ -58422,7 +58440,7 @@
 	VChart.useMark([ComponentMark, GroupMark, ImageMark]);
 	Factory.registerRegion('region', Region);
 	Factory.registerLayout('base', Layout);
-	const version = "1.2.3-beta.0";
+	const version = "1.2.3";
 	Logger.getInstance(LoggerLevel.Error);
 
 	var SeriesMarkNameEnum;
@@ -64671,7 +64689,7 @@
 	        }
 	    }
 	    getSeriesStyle(datum) {
-	        const isLineAsSeriesMark = this._spec.seriesMark !== 'point';
+	        const isLineAsSeriesMark = this._spec?.seriesMark !== 'point';
 	        return (attribute) => {
 	            if (isLineAsSeriesMark) {
 	                attribute === 'fill' && (attribute = 'stroke');
@@ -81248,6 +81266,7 @@
 	            }
 	            return new C({
 	                ...spec,
+	                type: axisType,
 	                inverse
 	            }, options);
 	        }
@@ -81906,7 +81925,7 @@
 	    }
 	    niceDomain(domain) {
 	        const { min: userMin, max: userMax } = getLinearAxisSpecDomain(this._spec);
-	        if (isValid(userMin) || isValid(userMax)) {
+	        if (isValid(userMin) || isValid(userMax) || this._spec.type !== 'linear') {
 	            return domain;
 	        }
 	        if (Math.abs(minInArray(domain) - maxInArray(domain)) <= 1e-12) {
@@ -82338,7 +82357,10 @@
 	        const componentName = `${PolarAxis.type}-${axisType}`;
 	        const C = Factory.getComponentInKey(componentName);
 	        if (C) {
-	            return new C(spec, options);
+	            return new C({
+	                ...spec,
+	                type: axisType
+	            }, options);
 	        }
 	        options.onError(`Component ${componentName} not found`);
 	        return null;
@@ -83243,10 +83265,10 @@
 	            const statisticData = s.getRawDataStatistics().latestData;
 	            const seriesMin = statisticData?.[datumField]?.min;
 	            const seriesMax = statisticData?.[datumField]?.max;
-	            if (isValidNumber(seriesMin) && seriesMin < min) {
+	            if (isValidNumber(seriesMin)) {
 	                min = seriesMin;
 	            }
-	            if (isValidNumber(seriesMax) && seriesMax > max) {
+	            if (isValidNumber(seriesMax)) {
 	                max = seriesMax;
 	            }
 	        });
@@ -83453,13 +83475,20 @@
 	        if (isEmpty(visualMappingRange)) {
 	            visualMappingRange = this._legendType === 'color' ? SINGLE_SEQUENCE : SIZE;
 	        }
+	        let min = this._legendData.getLatestData()[0] ?? 0;
+	        let max = this._legendData.getLatestData()[1] ?? 1;
+	        const isSame = this._legendData.getLatestData()[0] === this._legendData.getLatestData()[1];
+	        if (isSame) {
+	            min = Math.min(0, this._legendData.getLatestData()[0]);
+	            max = this._legendData.getLatestData()[0] === 0 ? 1 : Math.max(0, this._legendData.getLatestData()[0]);
+	        }
 	        const attrs = {
 	            ...getContinuousLegendAttributes(this._spec),
 	            layout,
 	            align,
 	            zIndex: this.layoutZIndex,
-	            min: this._legendData.getLatestData()[0] ?? 0,
-	            max: this._legendData.getLatestData()[1] ?? 1,
+	            min,
+	            max,
 	            value: this._spec.defaultSelected,
 	            [this._legendType === 'color' ? 'colors' : 'sizeRange']: visualMappingRange
 	        };
@@ -86562,6 +86591,9 @@
 	    }
 	}
 	const getScale = (element, boundingClientRect) => {
+	    if (!element) {
+	        return 1;
+	    }
 	    if (!boundingClientRect) {
 	        boundingClientRect = element.getBoundingClientRect();
 	    }
@@ -87395,9 +87427,12 @@
 	            containerSize.width = window.innerWidth;
 	            containerSize.height = window.innerHeight;
 	            if (!isCanvas) {
-	                tooltipParentElementRect = tooltipParentElement.getBoundingClientRect();
+	                tooltipParentElementRect = tooltipParentElement?.getBoundingClientRect() ?? {
+	                    x: Infinity,
+	                    y: Infinity
+	                };
 	                const chartElement = (this._compiler.getCanvas() ?? this._chartContainer);
-	                const chartElementRect = chartElement.getBoundingClientRect();
+	                const chartElementRect = chartElement?.getBoundingClientRect();
 	                relativePosOffset = {
 	                    x: chartElementRect.x - tooltipParentElementRect.x,
 	                    y: chartElementRect.y - tooltipParentElementRect.y