@visactor/vchart 2.0.1 → 2.0.2

package/build/index.es.js

@@ -21166,7 +21166,7 @@ let DefaultDrawContribution = class {
     return data || this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
   }
   clearScreen(renderService, context, drawContext) {
-    var _a, _b;
+    var _a, _b, _c;
     const {
         clear: clear,
         viewBox: viewBox
@@ -21174,9 +21174,9 @@ let DefaultDrawContribution = class {
       width = viewBox.width(),
       height = viewBox.height();
     if (clear) {
-      context.clearRect(0, 0, width, height);
-      const stage = null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage;
-      if (stage && (context.globalAlpha = null !== (_b = stage.attribute.opacity) && void 0 !== _b ? _b : 1), stage && stage.backgroundImg && stage.resources) {
+      context.clearRect(0, 0, width, height), (null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage) && renderService.drawParams.stage.hooks.afterClearRect.call(renderService.drawParams);
+      const stage = null === (_b = renderService.drawParams) || void 0 === _b ? void 0 : _b.stage;
+      if (stage && (context.globalAlpha = null !== (_c = stage.attribute.opacity) && void 0 !== _c ? _c : 1), stage && stage.backgroundImg && stage.resources) {
         const res = stage.resources.get(clear);
         res && "success" === res.state && res.data && context.drawImage(res.data, 0, 0, width, height);
       } else context.fillStyle = createColor(context, clear, {
@@ -21706,6 +21706,8 @@ class Stage extends Group$1 {
       this._beforeRender && this._beforeRender(stage);
     }, this.afterClearScreen = drawParams => {
       this._afterClearScreen && this._afterClearScreen(drawParams);
+    }, this.afterClearRect = drawParams => {
+      this._afterClearRect && this._afterClearRect(drawParams);
     }, this.afterRender = stage => {
       this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
     }, this.afterTickCb = () => {
@@ -21713,7 +21715,8 @@ class Stage extends Group$1 {
     }, this.params = params, this.theme = new Theme(), this.hooks = {
       beforeRender: new SyncHook(["stage"]),
       afterRender: new SyncHook(["stage"]),
-      afterClearScreen: new SyncHook(["stage"])
+      afterClearScreen: new SyncHook(["stage"]),
+      afterClearRect: new SyncHook(["stage"])
     }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this.window.create({
       width: params.width,
       height: params.height,
@@ -21725,7 +21728,7 @@ class Stage extends Group$1 {
       canvas: params.canvas
     }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
       main: !0
-    })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
+    })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
       tickRenderMode: "effect"
     }), this.optmize(params.optimize), params.background && isString$1(this._background) && this._background.includes("/") && this.setAttributes({
       background: this._background
@@ -50262,7 +50265,7 @@ class Compiler {
         return this._stage;
     }
     initView() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         if (this._released) {
             return;
         }
@@ -50273,37 +50276,14 @@ class Compiler {
         const { autoRefreshDpr, dpr, mode, modeParams, gestureConfig, interactive, clickInterval, autoPreventDefault, background } = this._option;
         vglobal.setEnv(toRenderMode(mode), modeParams !== null && modeParams !== void 0 ? modeParams : {});
         this._stage =
-            (_a = this._option.stage) !== null && _a !== void 0 ? _a : new Stage({
-                background,
-                width: this._width,
-                height: this._height,
-                container: (_b = this._container.dom) !== null && _b !== void 0 ? _b : null,
-                canvas: (_c = this._container.canvas) !== null && _c !== void 0 ? _c : null,
-                dpr,
-                viewBox: this._option.viewBox,
-                canvasControled: this._option.canvasControled,
-                beforeRender: (stage) => {
+            (_a = this._option.stage) !== null && _a !== void 0 ? _a : new Stage(Object.assign({ background, width: this._width, height: this._height, container: (_b = this._container.dom) !== null && _b !== void 0 ? _b : null, canvas: (_c = this._container.canvas) !== null && _c !== void 0 ? _c : null, dpr, viewBox: this._option.viewBox, canvasControled: this._option.canvasControled, beforeRender: (stage) => {
                     var _a, _b, _c;
                     (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.onBeforeRender();
                     (_c = (_b = this._option).beforeRender) === null || _c === void 0 ? void 0 : _c.call(_b, stage);
-                },
-                afterRender: this._option.afterRender,
-                afterClearScreen: this._option.afterClearScreen,
-                disableDirtyBounds: true,
-                autoRender: true,
-                ticker: this._option.ticker,
-                pluginList: this._option.pluginList,
-                enableHtmlAttribute: this._option.enableHtmlAttribute,
-                optimize: this._option.optimize,
-                supportsTouchEvents: this._option.supportsTouchEvents,
-                supportsPointerEvents: this._option.supportsPointerEvents,
-                event: {
+                }, afterRender: this._option.afterRender, disableDirtyBounds: true, autoRender: true, ticker: this._option.ticker, pluginList: this._option.pluginList, enableHtmlAttribute: this._option.enableHtmlAttribute, optimize: this._option.optimize, supportsTouchEvents: this._option.supportsTouchEvents, supportsPointerEvents: this._option.supportsPointerEvents, event: {
                     clickInterval: clickInterval,
                     autoPreventDefault: autoPreventDefault
-                },
-                ReactDOM: this._option.ReactDOM,
-                autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr)
-            });
+                }, ReactDOM: this._option.ReactDOM, autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr) }, ((_d = this._option.renderHooks) !== null && _d !== void 0 ? _d : {})));
         this._stage.enableIncrementalAutoRender();
         this._stage.setTheme({
             symbol: {
@@ -56924,7 +56904,7 @@ const lookup = (data, opt) => {
     });
 };
 
-const version = "2.0.1";
+const version = "2.0.2";
 
 const addVChartProperty = (data, op) => {
     const context = op.beforeCall();

package/build/index.js

@@ -21172,7 +21172,7 @@
         return data || this.currentRenderMap.get(type) || this.defaultRenderMap.get(type);
       }
       clearScreen(renderService, context, drawContext) {
-        var _a, _b;
+        var _a, _b, _c;
         const {
             clear: clear,
             viewBox: viewBox
@@ -21180,9 +21180,9 @@
           width = viewBox.width(),
           height = viewBox.height();
         if (clear) {
-          context.clearRect(0, 0, width, height);
-          const stage = null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage;
-          if (stage && (context.globalAlpha = null !== (_b = stage.attribute.opacity) && void 0 !== _b ? _b : 1), stage && stage.backgroundImg && stage.resources) {
+          context.clearRect(0, 0, width, height), (null === (_a = renderService.drawParams) || void 0 === _a ? void 0 : _a.stage) && renderService.drawParams.stage.hooks.afterClearRect.call(renderService.drawParams);
+          const stage = null === (_b = renderService.drawParams) || void 0 === _b ? void 0 : _b.stage;
+          if (stage && (context.globalAlpha = null !== (_c = stage.attribute.opacity) && void 0 !== _c ? _c : 1), stage && stage.backgroundImg && stage.resources) {
             const res = stage.resources.get(clear);
             res && "success" === res.state && res.data && context.drawImage(res.data, 0, 0, width, height);
           } else context.fillStyle = createColor(context, clear, {
@@ -21712,6 +21712,8 @@
           this._beforeRender && this._beforeRender(stage);
         }, this.afterClearScreen = drawParams => {
           this._afterClearScreen && this._afterClearScreen(drawParams);
+        }, this.afterClearRect = drawParams => {
+          this._afterClearRect && this._afterClearRect(drawParams);
         }, this.afterRender = stage => {
           this.renderCount++, this._afterRender && this._afterRender(stage), this._afterNextRenderCbs && this._afterNextRenderCbs.forEach(cb => cb(stage)), this._afterNextRenderCbs = null, this.tickedBeforeRender = !1;
         }, this.afterTickCb = () => {
@@ -21719,7 +21721,8 @@
         }, this.params = params, this.theme = new Theme(), this.hooks = {
           beforeRender: new SyncHook(["stage"]),
           afterRender: new SyncHook(["stage"]),
-          afterClearScreen: new SyncHook(["stage"])
+          afterClearScreen: new SyncHook(["stage"]),
+          afterClearRect: new SyncHook(["stage"])
         }, this.global = application.global, !this.global.env && isBrowserEnv() && this.global.setEnv("browser"), this.window = container.get(VWindow), this.renderService = container.get(RenderService), this.pluginService = container.get(PluginService), this.layerService = container.get(LayerService), this.graphicService = container.get(GraphicService), this.pluginService.active(this, params), this.window.create({
           width: params.width,
           height: params.height,
@@ -21731,7 +21734,7 @@
           canvas: params.canvas
         }), this.state = "normal", this.renderCount = 0, this.tryInitEventSystem(), this._background = null !== (_a = params.background) && void 0 !== _a ? _a : DefaultConfig.BACKGROUND, this.appendChild(this.layerService.createLayer(this, {
           main: !0
-        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
+        })), this.nextFrameRenderLayerSet = new Set(), this.willNextFrameRender = !1, this.stage = this, this.renderStyle = params.renderStyle, params.autoRender && this.enableAutoRender(), params.autoRefresh && this.enableAutoRefresh(), !1 === params.disableDirtyBounds && this.enableDirtyBounds(), params.enableHtmlAttribute && this.enableHtmlAttribute(params.enableHtmlAttribute), params.ReactDOM && this.enableReactAttribute(params.ReactDOM), params.enableLayout && this.enableLayout(), this.hooks.beforeRender.tap("constructor", this.beforeRender), this.hooks.afterRender.tap("constructor", this.afterRender), this.hooks.afterClearScreen.tap("constructor", this.afterClearScreen), this.hooks.afterClearRect.tap("constructor", this.afterClearRect), this._beforeRender = params.beforeRender, this._afterRender = params.afterRender, this._afterClearScreen = params.afterClearScreen, this._afterClearRect = params.afterClearRect, this.supportInteractiveLayer = !1 !== params.interactiveLayer, params.optimize || (params.optimize = {
           tickRenderMode: "effect"
         }), this.optmize(params.optimize), params.background && isString$1(this._background) && this._background.includes("/") && this.setAttributes({
           background: this._background
@@ -50268,7 +50271,7 @@
             return this._stage;
         }
         initView() {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             if (this._released) {
                 return;
             }
@@ -50279,37 +50282,14 @@
             const { autoRefreshDpr, dpr, mode, modeParams, gestureConfig, interactive, clickInterval, autoPreventDefault, background } = this._option;
             vglobal.setEnv(toRenderMode(mode), modeParams !== null && modeParams !== void 0 ? modeParams : {});
             this._stage =
-                (_a = this._option.stage) !== null && _a !== void 0 ? _a : new Stage({
-                    background,
-                    width: this._width,
-                    height: this._height,
-                    container: (_b = this._container.dom) !== null && _b !== void 0 ? _b : null,
-                    canvas: (_c = this._container.canvas) !== null && _c !== void 0 ? _c : null,
-                    dpr,
-                    viewBox: this._option.viewBox,
-                    canvasControled: this._option.canvasControled,
-                    beforeRender: (stage) => {
+                (_a = this._option.stage) !== null && _a !== void 0 ? _a : new Stage(Object.assign({ background, width: this._width, height: this._height, container: (_b = this._container.dom) !== null && _b !== void 0 ? _b : null, canvas: (_c = this._container.canvas) !== null && _c !== void 0 ? _c : null, dpr, viewBox: this._option.viewBox, canvasControled: this._option.canvasControled, beforeRender: (stage) => {
                         var _a, _b, _c;
                         (_a = this._compileChart) === null || _a === void 0 ? void 0 : _a.onBeforeRender();
                         (_c = (_b = this._option).beforeRender) === null || _c === void 0 ? void 0 : _c.call(_b, stage);
-                    },
-                    afterRender: this._option.afterRender,
-                    afterClearScreen: this._option.afterClearScreen,
-                    disableDirtyBounds: true,
-                    autoRender: true,
-                    ticker: this._option.ticker,
-                    pluginList: this._option.pluginList,
-                    enableHtmlAttribute: this._option.enableHtmlAttribute,
-                    optimize: this._option.optimize,
-                    supportsTouchEvents: this._option.supportsTouchEvents,
-                    supportsPointerEvents: this._option.supportsPointerEvents,
-                    event: {
+                    }, afterRender: this._option.afterRender, disableDirtyBounds: true, autoRender: true, ticker: this._option.ticker, pluginList: this._option.pluginList, enableHtmlAttribute: this._option.enableHtmlAttribute, optimize: this._option.optimize, supportsTouchEvents: this._option.supportsTouchEvents, supportsPointerEvents: this._option.supportsPointerEvents, event: {
                         clickInterval: clickInterval,
                         autoPreventDefault: autoPreventDefault
-                    },
-                    ReactDOM: this._option.ReactDOM,
-                    autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr)
-                });
+                    }, ReactDOM: this._option.ReactDOM, autoRefresh: isValid$1(autoRefreshDpr) ? autoRefreshDpr : !isValid$1(dpr) }, ((_d = this._option.renderHooks) !== null && _d !== void 0 ? _d : {})));
             this._stage.enableIncrementalAutoRender();
             this._stage.setTheme({
                 symbol: {
@@ -56930,7 +56910,7 @@
         });
     };
 
-    const version = "2.0.1";
+    const version = "2.0.2";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();