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

package/build/index.js

@@ -19958,14 +19958,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);
@@ -30717,6 +30717,37 @@
       });
     }
 
+    const factoryRegistry = {
+        charts: {},
+        series: {},
+        components: {},
+        graphicComponents: {},
+        marks: {},
+        regions: {},
+        animations: {},
+        implements: {},
+        chartPlugin: {},
+        vChartPlugin: {},
+        componentPlugin: {},
+        transforms: {
+            fields,
+            filter,
+            fold
+        },
+        dataParser: {
+            csv: csvParser,
+            dsv: dsvParser,
+            tsv: tsvParser
+        },
+        layout: {},
+        grammarTransforms: {},
+        stageEventPlugins: {},
+        interactionTriggers: {},
+        composedEventMap: {},
+        tooltipProcessors: {},
+        formatter: undefined
+    };
+
     class Factory {
         static registerChart(key, chart) {
             Factory._charts[key] = chart;
@@ -30894,9 +30925,11 @@
         }
         static registerFormatter(func) {
             this._formatter = func;
+            factoryRegistry.formatter = func;
         }
         static getFormatter() {
-            return this._formatter;
+            var _a;
+            return (_a = factoryRegistry.formatter) !== null && _a !== void 0 ? _a : this._formatter;
         }
         static createInteractionTrigger(interactionType, options) {
             const Ctor = Factory._interactionTriggers[interactionType];
@@ -30912,45 +30945,37 @@
             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._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) => {
         return Factory._stageEventPlugins[type];
     };
-    Factory._interactionTriggers = {};
+    Factory._interactionTriggers = factoryRegistry.interactionTriggers;
     Factory.registerInteractionTrigger = (interactionType, interaction) => {
         Factory._interactionTriggers[interactionType] = interaction;
     };
-    Factory._composedEventMap = {};
+    Factory._composedEventMap = factoryRegistry.composedEventMap;
     Factory.registerComposedEvent = (eType, composedEvent) => {
         Factory._composedEventMap[eType] = composedEvent;
     };
-    Factory._tooltipProcessors = {};
+    Factory._tooltipProcessors = factoryRegistry.tooltipProcessors;
     Factory.registerTooltipProcessor = (type, processor) => {
         Factory._tooltipProcessors[type] = processor;
     };
@@ -34250,7 +34275,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");
@@ -34291,10 +34317,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,
@@ -34305,14 +34331,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() {
@@ -41634,6 +41660,20 @@
         _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;
+            (_a = graphic.setFinalAttributes) === null || _a === void 0 ? void 0 : _a.call(graphic, attrs);
+            if (graphic._commitAnimationStaticAttributes) {
+                graphic._commitAnimationStaticAttributes(attrs);
+            }
+            else {
+                (_b = graphic.commitInternalBaseAttributes) === null || _b === void 0 ? void 0 : _b.call(graphic, attrs);
+            }
+        }
         _runApplyGraphic(graphics) {
             const hasAnimation = this.hasAnimation();
             graphics.forEach((g, index) => {
@@ -41671,7 +41711,13 @@
                         g.context.reusing = false;
                     }
                     else if (!hasStateAnimation) {
-                        hasAnimation ? g.setAttributesAndPreventAnimate(diffAttrs) : g.setAttributes(diffAttrs);
+                        if (hasAnimation) {
+                            g.setAttributesAndPreventAnimate(diffAttrs);
+                            this._commitPreventedAnimationStaticAttrs(g, diffAttrs);
+                        }
+                        else {
+                            g.setAttributes(diffAttrs);
+                        }
                     }
                     if (!((_b = this.renderContext) === null || _b === void 0 ? void 0 : _b.progressive) && this._product && g.parent !== this._product) {
                         this._product.appendChild(g);
@@ -42147,7 +42193,13 @@
                 const diffAttrs = getDiffAttributesOfGraphic(this._product, newAttrs);
                 this._product.context.diffAttrs = diffAttrs;
                 if (!this.hasAnimationByState(this._product.context.animationState)) {
-                    hasAnimation ? this._product.setAttributesAndPreventAnimate(diffAttrs) : this._product.setAttributes(diffAttrs);
+                    if (hasAnimation) {
+                        this._product.setAttributesAndPreventAnimate(diffAttrs);
+                        this._commitPreventedAnimationStaticAttrs(this._product, diffAttrs);
+                    }
+                    else {
+                        this._product.setAttributes(diffAttrs);
+                    }
                 }
             }
             else {