@visactor/react-vchart 2.1.2-alpha.9 → 2.1.3-alpha.0

package/build/index.js

@@ -18646,14 +18646,14 @@
       get dpr() {
         return this._handler.getDpr();
       }
-      constructor(global = application.global, handlerFactory = defaultWindowHandlerFactory) {
+      constructor(vRenderGlobal = application.global, handlerFactory = defaultWindowHandlerFactory) {
         super(), this.handlerFactory = handlerFactory, this.hooks = {
           onChange: new SyncHook(["x", "y", "width", "height"])
         }, this.active = () => {
-          const global = this.global;
-          if (!global.env || this.actived) return;
-          this.handlerFactory(global.env).configure(this, global), this.actived = !0;
-        }, this._uid = Generator.GenAutoIncrementId(), this.global = global, this.postInit();
+          const vRenderGlobal = this.global;
+          if (!vRenderGlobal.env || this.actived) return;
+          this.handlerFactory(vRenderGlobal.env).configure(this, vRenderGlobal), this.actived = !0;
+        }, this._uid = Generator.GenAutoIncrementId(), this.global = vRenderGlobal, this.postInit();
       }
       _nativeAddEventListener(type, listener, options) {
         return this._handler.addEventListener(type, listener, options);
@@ -30806,6 +30806,37 @@
       });
     }
 
+    const factoryRegistry = {
+      charts: {},
+      series: {},
+      components: {},
+      graphicComponents: {},
+      marks: {},
+      regions: {},
+      animations: {},
+      implements: {},
+      chartPlugin: {},
+      vChartPlugin: {},
+      componentPlugin: {},
+      transforms: {
+        fields: fields,
+        filter: filter,
+        fold: fold
+      },
+      dataParser: {
+        csv: csvParser,
+        dsv: dsvParser,
+        tsv: tsvParser
+      },
+      layout: {},
+      grammarTransforms: {},
+      stageEventPlugins: {},
+      interactionTriggers: {},
+      composedEventMap: {},
+      tooltipProcessors: {},
+      formatter: void 0
+    };
+
     class Factory {
       static registerChart(key, chart) {
         Factory._charts[key] = chart;
@@ -30954,10 +30985,11 @@
         return Factory._componentPlugin[type];
       }
       static registerFormatter(func) {
-        this._formatter = func;
+        this._formatter = func, factoryRegistry.formatter = func;
       }
       static getFormatter() {
-        return this._formatter;
+        var _a;
+        return null !== (_a = factoryRegistry.formatter) && void 0 !== _a ? _a : this._formatter;
       }
       static createInteractionTrigger(interactionType, options) {
         const Ctor = Factory._interactionTriggers[interactionType];
@@ -30970,21 +31002,13 @@
         return Factory._composedEventMap[eType];
       }
     }
-    Factory._charts = {}, Factory._series = {}, Factory._components = {}, Factory._graphicComponents = {}, Factory._marks = {}, Factory._regions = {}, Factory._animations = {}, Factory._implements = {}, Factory._chartPlugin = {}, Factory._vChartPlugin = {}, Factory._componentPlugin = {}, Factory.transforms = {
-      fields: fields,
-      filter: filter,
-      fold: fold
-    }, Factory.dataParser = {
-      csv: csvParser,
-      dsv: dsvParser,
-      tsv: tsvParser
-    }, Factory._layout = {}, Factory._grammarTransforms = {}, Factory._stageEventPlugins = {}, Factory.registerStageEventPlugin = (type, Plugin) => {
+    Factory._charts = factoryRegistry.charts, Factory._series = factoryRegistry.series, Factory._components = factoryRegistry.components, Factory._graphicComponents = factoryRegistry.graphicComponents, Factory._marks = factoryRegistry.marks, Factory._regions = factoryRegistry.regions, Factory._animations = factoryRegistry.animations, Factory._implements = factoryRegistry.implements, Factory._chartPlugin = factoryRegistry.chartPlugin, Factory._vChartPlugin = factoryRegistry.vChartPlugin, Factory._componentPlugin = factoryRegistry.componentPlugin, Factory.transforms = factoryRegistry.transforms, Factory.dataParser = factoryRegistry.dataParser, Factory._layout = factoryRegistry.layout, Factory._grammarTransforms = factoryRegistry.grammarTransforms, Factory._stageEventPlugins = factoryRegistry.stageEventPlugins, Factory.registerStageEventPlugin = (type, Plugin) => {
       Factory._stageEventPlugins[type] = Plugin;
-    }, Factory.getStageEventPlugin = type => Factory._stageEventPlugins[type], Factory._interactionTriggers = {}, Factory.registerInteractionTrigger = (interactionType, interaction) => {
+    }, Factory.getStageEventPlugin = type => Factory._stageEventPlugins[type], Factory._interactionTriggers = factoryRegistry.interactionTriggers, Factory.registerInteractionTrigger = (interactionType, interaction) => {
       Factory._interactionTriggers[interactionType] = interaction;
-    }, Factory._composedEventMap = {}, Factory.registerComposedEvent = (eType, composedEvent) => {
+    }, Factory._composedEventMap = factoryRegistry.composedEventMap, Factory.registerComposedEvent = (eType, composedEvent) => {
       Factory._composedEventMap[eType] = composedEvent;
-    }, Factory._tooltipProcessors = {}, Factory.registerTooltipProcessor = (type, processor) => {
+    }, Factory._tooltipProcessors = factoryRegistry.tooltipProcessors, Factory.registerTooltipProcessor = (type, processor) => {
       Factory._tooltipProcessors[type] = processor;
     }, Factory.createTooltipProcessor = (type, tooltip) => {
       const Cror = Factory._tooltipProcessors[type];
@@ -33731,7 +33755,8 @@
         params.canvas ? this.createWindowByCanvas(params) : this.createWindowByConfig(params), this.postInit();
       }
       postInit() {
-        if (this.global.optimizeVisible) try {
+        var _a;
+        if (null === (_a = this.global) || void 0 === _a ? void 0 : _a.optimizeVisible) try {
           this.observerCanvas();
         } catch (err) {
           console.error("发生错误，该环境不存在IntersectionObserver");
@@ -33772,10 +33797,10 @@
         this.canvas = new BrowserCanvas(options);
       }
       createWindowByCanvas(params) {
-        var _a, _b;
+        var _a, _b, _c;
         let canvas;
         if ("string" == typeof params.canvas) {
-          if (canvas = this.global.getElementById(params.canvas), canvas || "undefined" == typeof document || (canvas = document.getElementById(params.canvas)), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
+          if (canvas = null === (_a = this.global) || void 0 === _a ? void 0 : _a.getElementById(params.canvas), canvas || "undefined" == typeof document || (canvas = document.getElementById(params.canvas)), !canvas) throw new Error("canvasId 参数不正确，请确认canvas存在并插入dom");
         } else canvas = params.canvas;
         if (!canvas) throw new Error("发生错误，传入的canvas不正确");
         let width = params.width,
@@ -33786,14 +33811,14 @@
         }
         let dpr = params.dpr;
         if (null == dpr) {
-          dpr = null !== (_a = canvas.getContext("2d").pixelRatio) && void 0 !== _a ? _a : canvas.width / width;
+          dpr = null !== (_b = canvas.getContext("2d").pixelRatio) && void 0 !== _b ? _b : canvas.width / width;
         }
         this.canvas = new BrowserCanvas({
           width: width,
           height: height,
           dpr: dpr,
           nativeCanvas: canvas,
-          canvasControled: null !== (_b = params.canvasControled) && void 0 !== _b && _b
+          canvasControled: null !== (_c = params.canvasControled) && void 0 !== _c && _c
         });
       }
       releaseWindow() {
@@ -47244,6 +47269,12 @@
       _hasDiffAttrs(g) {
         return !!g.context.diffAttrs && Object.keys(g.context.diffAttrs).length > 0;
       }
+      _commitPreventedAnimationStaticAttrs(g, attrs) {
+        var _a, _b;
+        if (!attrs || !Object.keys(attrs).length) return;
+        const graphic = g;
+        null === (_a = graphic.setFinalAttributes) || void 0 === _a || _a.call(graphic, attrs), graphic._commitAnimationStaticAttributes ? graphic._commitAnimationStaticAttributes(attrs) : null === (_b = graphic.commitInternalBaseAttributes) || void 0 === _b || _b.call(graphic, attrs);
+      }
       _runApplyGraphic(graphics) {
         const hasAnimation = this.hasAnimation();
         graphics.forEach((g, index) => {
@@ -47252,7 +47283,7 @@
             hasStateAnimation = this.hasAnimationByState(g.context.animationState);
           if (g.setAttributes) {
             const diffAttrs = this._excludeStateControlledDiffAttrs(g, getDiffAttributesOfGraphic(g, finalAttrs));
-            g.context.diffAttrs = diffAttrs, g.context.reusing ? (g.context.lastAttrs = g.attribute, g.initAttributes(finalAttrs), g.context.reusing = !1) : hasStateAnimation || (hasAnimation ? g.setAttributesAndPreventAnimate(diffAttrs) : g.setAttributes(diffAttrs)), !(null === (_b = this.renderContext) || void 0 === _b ? void 0 : _b.progressive) && this._product && g.parent !== this._product && this._product.appendChild(g);
+            g.context.diffAttrs = diffAttrs, g.context.reusing ? (g.context.lastAttrs = g.attribute, g.initAttributes(finalAttrs), g.context.reusing = !1) : hasStateAnimation || (hasAnimation ? (g.setAttributesAndPreventAnimate(diffAttrs), this._commitPreventedAnimationStaticAttrs(g, diffAttrs)) : g.setAttributes(diffAttrs)), !(null === (_b = this.renderContext) || void 0 === _b ? void 0 : _b.progressive) && this._product && g.parent !== this._product && this._product.appendChild(g);
           } else {
             const mockGraphic = g;
             (g = this._createGraphic(finalAttrs)).context = mockGraphic.context, g.context.diffAttrs = finalAttrs, g.stateSort = this._stateSort;
@@ -47555,7 +47586,7 @@
         if (this._product.context.finalAttrs = newAttrs, this._product.context.diffState === DiffState.update) {
           const hasAnimation = this.hasAnimation(),
             diffAttrs = getDiffAttributesOfGraphic(this._product, newAttrs);
-          this._product.context.diffAttrs = diffAttrs, this.hasAnimationByState(this._product.context.animationState) || (hasAnimation ? this._product.setAttributesAndPreventAnimate(diffAttrs) : this._product.setAttributes(diffAttrs));
+          this._product.context.diffAttrs = diffAttrs, this.hasAnimationByState(this._product.context.animationState) || (hasAnimation ? (this._product.setAttributesAndPreventAnimate(diffAttrs), this._commitPreventedAnimationStaticAttrs(this._product, diffAttrs)) : this._product.setAttributes(diffAttrs));
         } else this._product.setAttributes(newAttrs);
         this.needClear = !0;
       }