@visactor/vchart 2.0.20-alpha.1 → 2.0.20-alpha.2

package/build/index.es.js

@@ -55091,6 +55091,33 @@ class Compiler {
     updateLayoutTag() {
         this._layoutState = LayoutState.before;
     }
+    _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._stage) {
             return;
@@ -55101,6 +55128,7 @@ class Compiler {
             const canvas = this.getCanvas();
             if (canvas) {
                 canvas.style.display = 'block';
+                canvas.style.touchAction = this._shouldDisableCanvasTouchAction() ? 'none' : '';
             }
         }
     }
@@ -55119,6 +55147,7 @@ class Compiler {
             this._cachedMarks = null;
         }
         chart.compile();
+        this._setCanvasStyle();
         chart.afterCompile();
     }
     clearNextRender() {
@@ -57698,9 +57727,6 @@ class MarkStateManager extends StateManager {
             }
         });
     }
-    clearAllStateInfo() {
-        this._stateInfoList = [];
-    }
     _isMultiMark() {
         return !this._mark || isMultiDatumMark(this._mark.type);
     }
@@ -58714,11 +58740,7 @@ class BaseMark extends GrammarItem {
             return;
         }
         this._product = mark.getProduct();
-        this._product.clearStates();
         this._graphics = mark.getGraphics();
-        this._graphics.forEach(g => {
-            g.clearStates();
-        });
         this._graphicMap = mark._graphicMap;
         this._graphicMap.forEach(g => {
             g.context = Object.assign(Object.assign({}, g.context), this._getCommonContext());
@@ -59427,14 +59449,6 @@ class BaseMark extends GrammarItem {
     runAnimation() {
         this._runStateAnimation(this.getGraphics());
     }
-    clearBeforeReInit() {
-        this.state.clearAllStateInfo();
-        this.uncommit();
-        this.stateStyle = {};
-        this.getGraphics().forEach(g => {
-            g.clearStates();
-        });
-    }
 }
 
 var MarkTypeEnum;
@@ -63534,7 +63548,6 @@ class BaseSeries extends BaseModel {
         super.reInit(spec);
         const marks = this.getMarksWithoutRoot();
         marks.forEach(mark => {
-            mark.clearBeforeReInit();
             this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
         });
         this.initMarkStyle();

package/build/index.js

@@ -55097,6 +55097,33 @@
         updateLayoutTag() {
             this._layoutState = LayoutState.before;
         }
+        _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._stage) {
                 return;
@@ -55107,6 +55134,7 @@
                 const canvas = this.getCanvas();
                 if (canvas) {
                     canvas.style.display = 'block';
+                    canvas.style.touchAction = this._shouldDisableCanvasTouchAction() ? 'none' : '';
                 }
             }
         }
@@ -55125,6 +55153,7 @@
                 this._cachedMarks = null;
             }
             chart.compile();
+            this._setCanvasStyle();
             chart.afterCompile();
         }
         clearNextRender() {
@@ -57704,9 +57733,6 @@
                 }
             });
         }
-        clearAllStateInfo() {
-            this._stateInfoList = [];
-        }
         _isMultiMark() {
             return !this._mark || isMultiDatumMark(this._mark.type);
         }
@@ -58720,11 +58746,7 @@
                 return;
             }
             this._product = mark.getProduct();
-            this._product.clearStates();
             this._graphics = mark.getGraphics();
-            this._graphics.forEach(g => {
-                g.clearStates();
-            });
             this._graphicMap = mark._graphicMap;
             this._graphicMap.forEach(g => {
                 g.context = Object.assign(Object.assign({}, g.context), this._getCommonContext());
@@ -59433,14 +59455,6 @@
         runAnimation() {
             this._runStateAnimation(this.getGraphics());
         }
-        clearBeforeReInit() {
-            this.state.clearAllStateInfo();
-            this.uncommit();
-            this.stateStyle = {};
-            this.getGraphics().forEach(g => {
-                g.clearStates();
-            });
-        }
     }
 
     exports.MarkTypeEnum = void 0;
@@ -63540,7 +63554,6 @@
             super.reInit(spec);
             const marks = this.getMarksWithoutRoot();
             marks.forEach(mark => {
-                mark.clearBeforeReInit();
                 this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
             });
             this.initMarkStyle();