@visactor/react-vchart 2.0.20-alpha.0 → 2.0.20-alpha.2

package/build/index.js

@@ -47252,11 +47252,24 @@
       updateLayoutTag() {
         this._layoutState = LayoutState.before;
       }
+      _isGeoRegionRoamDragEnabled() {
+        var _a, _b;
+        const chartSpec = null === (_b = null === (_a = this._compileChart) || void 0 === _a ? void 0 : _a.getSpec) || void 0 === _b ? void 0 : _b.call(_a),
+          regions = null == chartSpec ? void 0 : chartSpec.region;
+        return !!isArray$1(regions) && regions.some(region => {
+          var _a;
+          return !("geo" !== (null == region ? void 0 : region.coordinate) || !region.roam) && (!0 === region.roam || null === (_a = region.roam.drag) || void 0 === _a || _a);
+        });
+      }
+      _shouldDisableCanvasTouchAction() {
+        if (!isTrueBrowser(this._option.mode)) return !1;
+        return !1 === (isValid$1(this._option.supportsTouchEvents) ? this._option.supportsTouchEvents : vglobal.supportsTouchEvents) && this._isGeoRegionRoamDragEnabled();
+      }
       _setCanvasStyle() {
         if (this._stage && this._container.dom && !isString$1(this._container.dom)) {
           this._container.dom.style.display = "block", this._container.dom.style.position = "relative";
           const canvas = this.getCanvas();
-          canvas && (canvas.style.display = "block");
+          canvas && (canvas.style.display = "block", canvas.style.touchAction = this._shouldDisableCanvasTouchAction() ? "none" : "");
         }
       }
       compile(ctx, option) {
@@ -47264,7 +47277,7 @@
         const {
           chart: chart
         } = ctx;
-        this._compileChart = chart, this.initView(), this._stage && ("render" !== (null == option ? void 0 : option.actionSource) && this._cachedMarks && (this.reuseOrMorphing(option.morphConfig), this._cachedMarks = null), chart.compile(), chart.afterCompile());
+        this._compileChart = chart, this.initView(), this._stage && ("render" !== (null == option ? void 0 : option.actionSource) && this._cachedMarks && (this.reuseOrMorphing(option.morphConfig), this._cachedMarks = null), chart.compile(), this._setCanvasStyle(), chart.afterCompile());
       }
       clearNextRender() {
         return !!this._nextRafId && (vglobal.getSpecifiedCancelAnimationFrame(10)(this._nextRafId), this._nextRafId = null, !0);
@@ -49153,9 +49166,6 @@
           });
         });
       }
-      clearAllStateInfo() {
-        this._stateInfoList = [];
-      }
       _isMultiMark() {
         return !this._mark || isMultiDatumMark(this._mark.type);
       }
@@ -50304,9 +50314,6 @@
       runAnimation() {
         this._runStateAnimation(this.getGraphics());
       }
-      clearBeforeReInit() {
-        this.state.clearAllStateInfo(), this.uncommit(), this.stateStyle = {};
-      }
     }
 
     class GroupMark extends BaseMark {
@@ -53038,7 +53045,7 @@
         super.reInit(spec);
         const marks = this.getMarksWithoutRoot();
         marks.forEach(mark => {
-          mark.clearBeforeReInit(), this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
+          this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
         }), this.initMarkStyle(), marks.forEach(mark => {
           mark.commit(!1);
         }), this._updateExtensionMarkSpec(), this._updateSpecData(), this._tooltipHelper && this._tooltipHelper.updateTooltipSpec();