@visactor/vchart 1.11.7-alpha.2 → 1.11.7

package/build/index.js

@@ -55290,6 +55290,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
         return newStateStyle;
     }
+    function transformIndicatorStyle(style, datum) {
+        if (isEmpty(style)) {
+            return null;
+        }
+        const newStateStyle = {};
+        Object.keys(style).forEach(key => {
+            if (isFunction$1(style[key])) {
+                newStateStyle[key] = style[key](datum);
+            }
+            else {
+                newStateStyle[key] = style[key];
+            }
+        });
+        return transformToGraphic(newStateStyle);
+    }
     function transformToGraphic(style) {
         if (style === null || style === void 0 ? void 0 : style.angle) {
             style.angle = degreeToRadian(style.angle);
@@ -61477,8 +61492,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._updateDataById(id, data, parserOptions);
             return this;
         }
-        updateFullDataSync(data, reRender = true) {
+        updateFullDataSync(data, reRender = true, userUpdateOptions) {
             if (this._chart) {
+                if (userUpdateOptions === null || userUpdateOptions === void 0 ? void 0 : userUpdateOptions.reAnimate) {
+                    this.stopAnimation();
+                    this._updateAnimateState(true);
+                }
                 this._chart.updateFullData(data);
                 if (reRender) {
                     this._compiler.render();
@@ -62137,6 +62156,20 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._spec = spec;
             this._updateSpecInfo();
         }
+        updateIndicatorDataById(id, datum) {
+            var _a;
+            const indicator = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getComponentByUserId(id);
+            if (indicator) {
+                indicator.updateDatum(datum);
+            }
+        }
+        updateIndicatorDataByIndex(index = 0, datum) {
+            var _a;
+            const indicators = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getComponentsByType(ComponentTypeEnum.indicator);
+            if (indicators && indicators[index]) {
+                indicators[index].updateDatum(datum);
+            }
+        }
         _initChartPlugin() {
             const pluginList = Factory.getChartPlugins();
             if (pluginList.length > 0) {
@@ -66446,7 +66479,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerComponentPlugin(CanvasTooltipHandler);
     };
 
-    const version = "1.11.7-alpha.2";
+    const version = "1.11.7";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -73557,7 +73590,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             registerDataSetInstanceTransform(this._option.dataSet, 'addVChartProperty', addVChartProperty);
             if (hasBandAxis) {
                 const dimensionItems = ([data], { scaleDepth }) => {
-                    var _a;
+                    var _a, _b;
                     let dataCollect = [{}];
                     const fields = this.getDimensionField();
                     const depth = isNil$1(scaleDepth) ? fields.length : Math.min(fields.length, scaleDepth);
@@ -73568,9 +73601,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             continue;
                         }
                         const newDataCollect = [];
+                        const dataKey = (_b = this._spec.dataKey) !== null && _b !== void 0 ? _b : DEFAULT_DATA_KEY;
                         for (let j = 0; j < values.length; j++) {
                             for (let k = 0; k < dataCollect.length; k++) {
-                                newDataCollect.push(Object.assign(Object.assign({}, dataCollect[k]), { [field]: values[j] }));
+                                newDataCollect.push(Object.assign(Object.assign({}, dataCollect[k]), { [field]: values[j], [dataKey]: values[j] }));
                             }
                         }
                         dataCollect = newDataCollect;
@@ -73894,12 +73928,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const depth = isNil$1(scaleDepth) ? depthFromSpec : Math.min(depthFromSpec, scaleDepth);
             const bandWidth = (_b = (_a = axisHelper.getBandwidth) === null || _a === void 0 ? void 0 : _a.call(axisHelper, depth - 1)) !== null && _b !== void 0 ? _b : DefaultBandWidth$2;
             const hasBarWidth = this._spec.barWidth !== undefined && depth === depthFromSpec;
-            if (hasBarWidth) {
-                return getActualNumValue(this._spec.barWidth, bandWidth);
-            }
             const hasBarMinWidth = this._spec.barMinWidth !== undefined;
             const hasBarMaxWidth = this._spec.barMaxWidth !== undefined;
             let width = bandWidth;
+            if (hasBarWidth) {
+                width = getActualNumValue(this._spec.barWidth, bandWidth);
+            }
             if (hasBarMinWidth) {
                 width = Math.max(width, getActualNumValue(this._spec.barMinWidth, bandWidth));
             }
@@ -93681,6 +93715,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (isClick && this._spec.lockAfterClick && !this._clickLock) {
                         this._clickLock = true;
                     }
+                    else if (Number.isFinite(this._spec.hideTimer)) {
+                        if (this._timer) {
+                            clearTimeout(this._timer);
+                        }
+                        this._timer = setTimeout(() => {
+                            this._handleChartMouseOut();
+                        }, this._spec.hideTimer);
+                    }
                 }
                 const vchart = (_a = this._option) === null || _a === void 0 ? void 0 : _a.globalInstance;
                 if (success && VChart.globalConfig.uniqueTooltip && vchart) {
@@ -93785,6 +93827,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         release() {
             var _a, _b;
             super.release();
+            if (this._timer) {
+                clearTimeout(this._timer);
+            }
             this._eventList.forEach(({ eventType, handler }) => {
                 this.event.off(eventType, handler);
             });
@@ -94518,23 +94563,27 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (tooltipData && tooltipData.length) {
                 if (activeType === 'dimension') {
                     const dimensionInfo = tooltipData[0];
-                    const dimensionData = dimensionInfo.data[0];
-                    const pos = dimensionData.series.dataToPosition(dimensionData.datum[0]);
+                    const datumIndex = dimensionInfo.data.findIndex(dimData => dimData.datum.length > 0);
+                    let pos;
+                    if (datumIndex > -1) {
+                        const dimensionData = dimensionInfo.data[datumIndex];
+                        pos = dimensionData.series.dataToPosition(dimensionData.datum[0]);
+                    }
                     const isY = isValid$1(dimensionInfo.dimType)
                         ? dimensionInfo.dimType === 'y'
                         : isYAxis((_a = dimensionInfo === null || dimensionInfo === void 0 ? void 0 : dimensionInfo.axis) === null || _a === void 0 ? void 0 : _a.getOrient());
                     if (isY) {
-                        y = pos.y;
+                        y = pos === null || pos === void 0 ? void 0 : pos.y;
                     }
                     else {
-                        x = pos.x;
+                        x = pos === null || pos === void 0 ? void 0 : pos.x;
                     }
                 }
                 else if (activeType === 'mark') {
                     const dimensionData = tooltipData[0];
                     const pos = dimensionData.series.dataToPosition(dimensionData.datum[0]);
-                    x = pos.x;
-                    y = pos.y;
+                    x = pos === null || pos === void 0 ? void 0 : pos.x;
+                    y = pos === null || pos === void 0 ? void 0 : pos.y;
                 }
             }
             const { xAxisMap, yAxisMap } = this._findAllAxisContains(x, y);
@@ -96714,7 +96763,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     autoFit: contentSpec.autoFit,
                     fitPercent: contentSpec.fitPercent,
                     fitStrategy: contentSpec.fitStrategy,
-                    style: Object.assign(Object.assign({}, transformToGraphic(contentSpec.style)), { text: this._createText(contentSpec.field, contentSpec.style.text) })
+                    style: Object.assign(Object.assign({}, transformIndicatorStyle(pickWithout(contentSpec.style, ['text']), this._activeDatum)), { text: this._createText(contentSpec.field, contentSpec.style.text) })
                 });
             });
             return {
@@ -96736,7 +96785,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     autoFit: this._spec.title.autoFit,
                     fitPercent: this._spec.title.fitPercent,
                     fitStrategy: this._spec.title.fitStrategy,
-                    style: Object.assign(Object.assign({}, transformToGraphic(this._spec.title.style)), { text: this._createText(this._spec.title.field, this._spec.title.style.text) })
+                    style: Object.assign(Object.assign({}, transformIndicatorStyle(pickWithout(this._spec.title.style, ['text']), this._activeDatum)), { text: this._createText(this._spec.title.field, this._spec.title.style.text) })
                 },
                 content: contentComponentSpec
             };