@visactor/vchart 1.13.23 → 1.13.24-alpha.0

package/build/index.es.js

@@ -58354,6 +58354,33 @@ class Compiler {
             });
         }
     }
+    _isGeoRegionRoamDragEnabled() {
+        var _a, _b;
+        const chartSpec = (_b = (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.getSpec) === null || _b === void 0 ? void 0 : _b.call(_a);
+        const regions = chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.region;
+        if (!isArray$1(regions)) {
+            return false;
+        }
+        return regions.some((region) => {
+            var _a;
+            if ((region === null || region === void 0 ? void 0 : region.coordinate) !== 'geo' || !region.roam) {
+                return false;
+            }
+            if (region.roam === true) {
+                return true;
+            }
+            return (_a = region.roam.drag) !== null && _a !== void 0 ? _a : true;
+        });
+    }
+    _shouldDisableCanvasTouchAction() {
+        if (!isTrueBrowser(this._option.mode)) {
+            return false;
+        }
+        const supportsTouchEvents = isValid$1(this._option.supportsTouchEvents)
+            ? this._option.supportsTouchEvents
+            : vglobal.supportsTouchEvents;
+        return supportsTouchEvents === false && this._isGeoRegionRoamDragEnabled();
+    }
     _setCanvasStyle() {
         if (!this._view) {
             return;
@@ -58364,6 +58391,7 @@ class Compiler {
             const canvas = this.getCanvas();
             if (canvas) {
                 canvas.style.display = 'block';
+                canvas.style.touchAction = this._shouldDisableCanvasTouchAction() ? 'none' : '';
             }
         }
     }
@@ -58410,6 +58438,7 @@ class Compiler {
             return;
         }
         chart.compile();
+        this._setCanvasStyle();
         chart.afterCompile();
         this.updateDepend();
         this.compileInteractions();

package/build/index.js

@@ -58360,6 +58360,33 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 });
             }
         }
+        _isGeoRegionRoamDragEnabled() {
+            var _a, _b;
+            const chartSpec = (_b = (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.getSpec) === null || _b === void 0 ? void 0 : _b.call(_a);
+            const regions = chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.region;
+            if (!isArray$1(regions)) {
+                return false;
+            }
+            return regions.some((region) => {
+                var _a;
+                if ((region === null || region === void 0 ? void 0 : region.coordinate) !== 'geo' || !region.roam) {
+                    return false;
+                }
+                if (region.roam === true) {
+                    return true;
+                }
+                return (_a = region.roam.drag) !== null && _a !== void 0 ? _a : true;
+            });
+        }
+        _shouldDisableCanvasTouchAction() {
+            if (!isTrueBrowser(this._option.mode)) {
+                return false;
+            }
+            const supportsTouchEvents = isValid$1(this._option.supportsTouchEvents)
+                ? this._option.supportsTouchEvents
+                : vglobal.supportsTouchEvents;
+            return supportsTouchEvents === false && this._isGeoRegionRoamDragEnabled();
+        }
         _setCanvasStyle() {
             if (!this._view) {
                 return;
@@ -58370,6 +58397,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const canvas = this.getCanvas();
                 if (canvas) {
                     canvas.style.display = 'block';
+                    canvas.style.touchAction = this._shouldDisableCanvasTouchAction() ? 'none' : '';
                 }
             }
         }
@@ -58416,6 +58444,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             chart.compile();
+            this._setCanvasStyle();
             chart.afterCompile();
             this.updateDepend();
             this.compileInteractions();