@visactor/vchart 1.13.21-alpha.4 → 1.13.21-alpha.6

package/build/index.es.js

@@ -64274,7 +64274,7 @@ const registerVChartCore = () => {
 };
 registerVChartCore();
 
-const version = "1.13.21-alpha.4";
+const version = "1.13.21-alpha.6";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();
@@ -104693,6 +104693,12 @@ const DefaultTheme = {
     sliderStyle: undefined
 };
 class ScrollPlugin extends BasePlugin {
+    get lastScrollX() {
+        return this._lastScrollX;
+    }
+    get lastScrollY() {
+        return this._lastScrollY;
+    }
     constructor() {
         super(ScrollPlugin.type);
         this.type = 'chartScroll';
@@ -104715,6 +104721,8 @@ class ScrollPlugin extends BasePlugin {
         };
         this.onWheel = (e) => {
             var _a, _b;
+            e.preventDefault();
+            e.stopPropagation();
             const scrollX = e.deltaX;
             const scrollY = e.deltaY;
             const rootMark = this.getRootMark();
@@ -104753,6 +104761,25 @@ class ScrollPlugin extends BasePlugin {
         if (!this._event) {
             this._event = new Event$1(this._service.globalInstance.getChart().getOption().eventDispatcher, null);
         }
+        if (this._xScrollComponent) {
+            this._xScrollComponent.setAttributes({
+                width: canvasSize.width,
+                y: canvasSize.height - DefaultTheme.size
+            });
+            this._xScrollComponent.setAttributes({
+                visible: this._scrollLimit.x.percent < 1
+            });
+        }
+        if (this._yScrollComponent) {
+            this._yScrollComponent.setAttributes({
+                height: canvasSize.height,
+                x: canvasSize.width - DefaultTheme.size
+            });
+            this._yScrollComponent.setAttributes({
+                visible: this._scrollLimit.y.percent < 1
+            });
+        }
+        this.scrollTo({ x: 0, y: 0 });
     }
     onAfterRender() {
         const rootMark = this.getRootMark();
@@ -104822,7 +104849,7 @@ class ScrollPlugin extends BasePlugin {
             const canvasSize = this._service.globalInstance.getChart().getCanvasRect();
             const viewSize = this._service.globalInstance.getChart().getViewRect();
             const _f = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.y) !== null && _b !== void 0 ? _b : {}, rest = __rest$e(_f, ["enable"]);
-            this._yScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: canvasSize.width - DefaultTheme.size, y: 0, width: DefaultTheme.size, height: canvasSize.height, range: [0, canvasSize.height / viewSize.height], direction: 'vertical', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, railStyle: DefaultTheme.railStyle, sliderStyle: DefaultTheme.sliderStyle }));
+            this._yScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: canvasSize.width - DefaultTheme.size, y: 0, width: DefaultTheme.size, height: canvasSize.height, range: [0, canvasSize.height / viewSize.height], direction: 'vertical', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, railStyle: DefaultTheme.railStyle, sliderStyle: DefaultTheme.sliderStyle, visible: canvasSize.height < viewSize.height }));
             this._yScrollComponent.addEventListener(SCROLLBAR_EVENT, (e) => {
                 var _a;
                 const value = e.detail.value;
@@ -104858,7 +104885,7 @@ class ScrollPlugin extends BasePlugin {
             const canvasSize = this._service.globalInstance.getChart().getCanvasRect();
             const viewSize = this._service.globalInstance.getChart().getViewRect();
             const _f = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : {}, rest = __rest$e(_f, ["enable"]);
-            this._xScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: 0, y: canvasSize.height - DefaultTheme.size, width: canvasSize.width, height: DefaultTheme.size, range: [0, canvasSize.width / viewSize.width], direction: 'horizontal', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, sliderStyle: DefaultTheme.sliderStyle, railStyle: DefaultTheme.railStyle }));
+            this._xScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: 0, y: canvasSize.height - DefaultTheme.size, width: canvasSize.width, height: DefaultTheme.size, range: [0, canvasSize.width / viewSize.width], direction: 'horizontal', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, sliderStyle: DefaultTheme.sliderStyle, railStyle: DefaultTheme.railStyle, visible: canvasSize.width < viewSize.width }));
             this._xScrollComponent.addEventListener(SCROLLBAR_EVENT, (e) => {
                 var _a;
                 const value = e.detail.value;

package/build/index.js

@@ -64280,7 +64280,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     registerVChartCore();
 
-    const version = "1.13.21-alpha.4";
+    const version = "1.13.21-alpha.6";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -104699,6 +104699,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         sliderStyle: undefined
     };
     class ScrollPlugin extends BasePlugin {
+        get lastScrollX() {
+            return this._lastScrollX;
+        }
+        get lastScrollY() {
+            return this._lastScrollY;
+        }
         constructor() {
             super(ScrollPlugin.type);
             this.type = 'chartScroll';
@@ -104721,6 +104727,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this.onWheel = (e) => {
                 var _a, _b;
+                e.preventDefault();
+                e.stopPropagation();
                 const scrollX = e.deltaX;
                 const scrollY = e.deltaY;
                 const rootMark = this.getRootMark();
@@ -104759,6 +104767,25 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!this._event) {
                 this._event = new Event$1(this._service.globalInstance.getChart().getOption().eventDispatcher, null);
             }
+            if (this._xScrollComponent) {
+                this._xScrollComponent.setAttributes({
+                    width: canvasSize.width,
+                    y: canvasSize.height - DefaultTheme.size
+                });
+                this._xScrollComponent.setAttributes({
+                    visible: this._scrollLimit.x.percent < 1
+                });
+            }
+            if (this._yScrollComponent) {
+                this._yScrollComponent.setAttributes({
+                    height: canvasSize.height,
+                    x: canvasSize.width - DefaultTheme.size
+                });
+                this._yScrollComponent.setAttributes({
+                    visible: this._scrollLimit.y.percent < 1
+                });
+            }
+            this.scrollTo({ x: 0, y: 0 });
         }
         onAfterRender() {
             const rootMark = this.getRootMark();
@@ -104828,7 +104855,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const canvasSize = this._service.globalInstance.getChart().getCanvasRect();
                 const viewSize = this._service.globalInstance.getChart().getViewRect();
                 const _f = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.y) !== null && _b !== void 0 ? _b : {}, rest = __rest$e(_f, ["enable"]);
-                this._yScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: canvasSize.width - DefaultTheme.size, y: 0, width: DefaultTheme.size, height: canvasSize.height, range: [0, canvasSize.height / viewSize.height], direction: 'vertical', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, railStyle: DefaultTheme.railStyle, sliderStyle: DefaultTheme.sliderStyle }));
+                this._yScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: canvasSize.width - DefaultTheme.size, y: 0, width: DefaultTheme.size, height: canvasSize.height, range: [0, canvasSize.height / viewSize.height], direction: 'vertical', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, railStyle: DefaultTheme.railStyle, sliderStyle: DefaultTheme.sliderStyle, visible: canvasSize.height < viewSize.height }));
                 this._yScrollComponent.addEventListener(SCROLLBAR_EVENT, (e) => {
                     var _a;
                     const value = e.detail.value;
@@ -104864,7 +104891,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const canvasSize = this._service.globalInstance.getChart().getCanvasRect();
                 const viewSize = this._service.globalInstance.getChart().getViewRect();
                 const _f = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : {}, rest = __rest$e(_f, ["enable"]);
-                this._xScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: 0, y: canvasSize.height - DefaultTheme.size, width: canvasSize.width, height: DefaultTheme.size, range: [0, canvasSize.width / viewSize.width], direction: 'horizontal', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, sliderStyle: DefaultTheme.sliderStyle, railStyle: DefaultTheme.railStyle }));
+                this._xScrollComponent = new ScrollBar$1(Object.assign(Object.assign({}, rest), { zIndex: 9999, x: 0, y: canvasSize.height - DefaultTheme.size, width: canvasSize.width, height: DefaultTheme.size, range: [0, canvasSize.width / viewSize.width], direction: 'horizontal', delayTime: (_c = rest === null || rest === void 0 ? void 0 : rest.delayTime) !== null && _c !== void 0 ? _c : 30, realTime: (_d = rest === null || rest === void 0 ? void 0 : rest.realTime) !== null && _d !== void 0 ? _d : true, sliderStyle: DefaultTheme.sliderStyle, railStyle: DefaultTheme.railStyle, visible: canvasSize.width < viewSize.width }));
                 this._xScrollComponent.addEventListener(SCROLLBAR_EVENT, (e) => {
                     var _a;
                     const value = e.detail.value;