@visactor/vchart 1.10.2-alpha.1 → 1.10.2-alpha.3

package/build/index.js

@@ -26262,6 +26262,7 @@
       if (!isNil$3(path)) return get$1(target, path, defaultValue);
     };
 
+    const isClose = isNumberClose;
     function polarToCartesian$1(point) {
         if (!point.radius) {
             return { x: 0, y: 0 };
@@ -52341,9 +52342,10 @@
             type: 'rect',
             visible: true,
             style: {
-                fill: { type: 'palette', key: 'axisGridColor', a: 0.7 },
+                fill: { type: 'palette', key: 'axisGridColor' },
+                opacity: 0.7,
                 lineWidth: 0,
-                stroke: { type: 'palette', key: 'markLineStrokeColor', a: 0.7 },
+                stroke: { type: 'palette', key: 'markLineStrokeColor' },
                 lineDash: [2, 3]
             }
         },
@@ -52355,9 +52357,10 @@
             type: 'line',
             visible: true,
             style: {
-                stroke: { type: 'palette', key: 'markLineStrokeColor', a: 0.7 },
-                lineDash: [2, 3],
-                fill: { type: 'palette', key: 'axisGridColor', a: 0.7 }
+                stroke: { type: 'palette', key: 'markLineStrokeColor' },
+                fill: { type: 'palette', key: 'axisGridColor' },
+                opacity: 0.7,
+                lineDash: [2, 3]
             }
         },
         label: getLabelSpec()
@@ -52365,9 +52368,7 @@
     const crosshair = {
         trigger: 'hover',
         bandField: getBandField(),
-        linearField: getLinearField(),
-        categoryField: getBandField(),
-        valueField: getLinearField()
+        linearField: getLinearField()
     };
 
     const DataZoomHandlerSymbolType = `M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3
@@ -54145,8 +54146,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const bubble = bubbles.get(eType);
             bubble.addHandler(handler, (_c = handler.filter) === null || _c === void 0 ? void 0 : _c.level);
             if (this._isValidEvent(eType) && !listeners.has(eType)) {
-                this._compiler.addEventListener((_d = handler.filter) === null || _d === void 0 ? void 0 : _d.source, eType, this._onDelegate);
-                listeners.set(eType, this._onDelegate);
+                const callback = this._onDelegate.bind(this);
+                this._compiler.addEventListener((_d = handler.filter) === null || _d === void 0 ? void 0 : _d.source, eType, callback);
+                listeners.set(eType, callback);
             }
             return this;
         }
@@ -64188,7 +64190,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerComponentPlugin(CanvasTooltipHandler);
     };
 
-    const version = "1.10.2-alpha.1";
+    const version = "1.10.2-alpha.3";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -78916,9 +78918,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const hasTransform = !!this._spec.isTransform;
             const gap = hasTransform ? 0 : (_a = this._spec.gap) !== null && _a !== void 0 ? _a : 0;
             const transformCount = hasTransform ? Math.max(0, funnelCount - 1) : 0;
-            const funnelHeight = (viewHeight - gap * Math.max(0, funnelCount - 1)) / (funnelCount + 0.5 * transformCount);
+            const heightRatio = this._spec.heightRatio || 0.5;
+            const funnelHeight = (viewHeight - gap * Math.max(0, funnelCount - 1)) / (funnelCount + heightRatio * transformCount);
             if (isTransform) {
-                return hasTransform ? funnelHeight * 0.5 : 0;
+                return hasTransform ? funnelHeight * heightRatio : 0;
             }
             return funnelHeight;
         }
@@ -85185,7 +85188,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return false;
         }
         _getDefaultSeriesSpec(spec) {
-            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, funnelAlign: spec.funnelAlign, funnelOrient: spec.funnelOrient, shape: spec.shape, funnel: spec.funnel, transform: spec.transform, outerLabel: spec.outerLabel, transformLabel: spec.transformLabel, isTransform: spec.isTransform, maxSize: spec.maxSize, minSize: spec.minSize, gap: spec.gap, isCone: spec.isCone, range: spec.range });
+            const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { categoryField: spec.categoryField, valueField: spec.valueField, seriesField: spec.seriesField, funnelAlign: spec.funnelAlign, funnelOrient: spec.funnelOrient, heightRatio: spec.heightRatio, shape: spec.shape, funnel: spec.funnel, transform: spec.transform, outerLabel: spec.outerLabel, transformLabel: spec.transformLabel, isTransform: spec.isTransform, maxSize: spec.maxSize, minSize: spec.minSize, gap: spec.gap, isCone: spec.isCone, range: spec.range });
             const seriesType = this.seriesType;
             if (seriesType) {
                 series.type = seriesType;
@@ -89839,8 +89842,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             else {
                 const style = line.style || {};
                 const { stroke, fill, lineWidth } = style;
+                const _d = style, { strokeOpacity, fillOpacity, opacity } = _d, restStyle = __rest$7(_d, ["strokeOpacity", "fillOpacity", "opacity"]);
                 const isLineType = hair.type === 'line';
-                hair.style = Object.assign({ pickable: false, visible: true }, style);
+                let finalOpacity = isLineType ? strokeOpacity : fillOpacity;
+                if (isNumber$3(opacity)) {
+                    finalOpacity = (finalOpacity !== null && finalOpacity !== void 0 ? finalOpacity : 1) * opacity;
+                }
+                hair.style = Object.assign({ opacity: finalOpacity, pickable: false, visible: true }, restStyle);
                 if (isLineType) {
                     hair.style.stroke = stroke || fill;
                     hair.style.lineWidth = get$1(line, 'width', lineWidth || 2);
@@ -89863,7 +89871,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!!label.visible) {
                 const labelBackground = label.labelBackground || {};
                 const labelStyle = label.style || {};
-                const _d = labelBackground.style || {}, { fill: rectFill = 'rgba(47, 59, 82, 0.9)', stroke: rectStroke, outerBorder } = _d, rectStyle = __rest$7(_d, ["fill", "stroke", "outerBorder"]);
+                const _e = labelBackground.style || {}, { fill: rectFill = 'rgba(47, 59, 82, 0.9)', stroke: rectStroke, outerBorder } = _e, rectStyle = __rest$7(_e, ["fill", "stroke", "outerBorder"]);
                 hair.label = {
                     visible: true,
                     formatMethod: label.formatMethod,
@@ -91944,7 +91952,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _handleChange(start, end, updateComponent) {
             super._handleChange(start, end, updateComponent);
-            if (this._shouldChange) {
+            const isSameScrollValue = isClose(this._start, start) && isClose(this._end, end);
+            if (this._shouldChange && !isSameScrollValue) {
                 if (updateComponent && this._component) {
                     this._component.setAttribute('range', [start, end]);
                 }