@visactor/vchart-extension 2.1.3-alpha.4 → 2.1.3

package/build/index.js

@@ -7351,12 +7351,12 @@
       cursor: 1,
       html: 1
     };
-    class Graphic extends Node {
+    class GraphicImpl extends Node {
       static mixin(source) {
         const keys = Object.keys(source);
         for (let i = 0; i < keys.length; ++i) {
           const propertyName = keys[i];
-          Object.defineProperty(Graphic.prototype, propertyName, Object.getOwnPropertyDescriptor(source, propertyName));
+          Object.defineProperty(this.prototype, propertyName, Object.getOwnPropertyDescriptor(source, propertyName));
         }
       }
       get AABBBounds() {
@@ -8595,13 +8595,26 @@
         return null;
       }
     }
+    GraphicImpl.userSymbolMap = {};
+    const GRAPHIC_CLASS_SYMBOL = Symbol.for("@visactor/vrender-core/graphic-class");
+    function createGraphicClassState() {
+      return {
+        Graphic: GraphicImpl
+      };
+    }
+    function getGraphicClassState() {
+      var _a;
+      const globalScope = globalThis;
+      return null !== (_a = globalScope[GRAPHIC_CLASS_SYMBOL]) && void 0 !== _a || (globalScope[GRAPHIC_CLASS_SYMBOL] = createGraphicClassState()), globalScope[GRAPHIC_CLASS_SYMBOL];
+    }
+    const Graphic = getGraphicClassState().Graphic;
     function backgroundNotImage(image) {
       return "string" == typeof image ? !(image.startsWith("<svg") || vutils.isValidUrl(image) || image.includes("/") || vutils.isBase64(image)) : !(!image.fill && !image.stroke) || !("string" != typeof image.gradient || !Array.isArray(image.stops));
     }
     function isExternalTexture(texture) {
       return !!texture && ("string" == typeof texture ? !builtinTextureTypes.has(texture) && (texture.startsWith("<svg") || vutils.isValidUrl(texture) || texture.includes("/") || vutils.isBase64(texture)) : vutils.isObject(texture));
     }
-    Graphic.userSymbolMap = {}, Graphic.mixin(EventTarget);
+    Graphic.mixin(EventTarget);
 
     const defaultThemeObj = {
         arc: DefaultArcAttribute,
@@ -10300,7 +10313,7 @@
     }
 
     var _a;
-    const factoryRegistryKey = Symbol.for("@visactor/vchart/factory-registry@2.1.1"),
+    const factoryRegistryKey = Symbol.for("@visactor/vchart/factory-registry@2.1.3"),
       globalFactoryRegistry = globalThis;
     const factoryRegistry = null !== (_a = globalFactoryRegistry[factoryRegistryKey]) && void 0 !== _a ? _a : globalFactoryRegistry[factoryRegistryKey] = {
       charts: {},
@@ -10330,6 +10343,7 @@
       interactionTriggers: {},
       composedEventMap: {},
       tooltipProcessors: {},
+      runtimePluginInstallers: {},
       formatter: void 0
     };
 
@@ -10509,7 +10523,9 @@
     }, Factory.createTooltipProcessor = (type, tooltip) => {
       const Cror = Factory._tooltipProcessors[type];
       return Cror ? new Cror(tooltip) : null;
-    };
+    }, Factory._runtimePluginInstallers = factoryRegistry.runtimePluginInstallers, Factory.registerRuntimePluginInstaller = (type, installer) => {
+      Factory._runtimePluginInstallers[type] = installer;
+    }, Factory.getRuntimePluginInstaller = type => Factory._runtimePluginInstallers[type];
 
     const registerChartPlugin = plugin => {
       Factory.registerChartPlugin(plugin.type, plugin);
@@ -21806,41 +21822,46 @@
       getStatedGraphics(trigger) {
         return this._stateGraphicsByTrigger.get(trigger);
       }
+      _getMarkById(trigger) {
+        const markById = new Map();
+        return trigger.getMarks().forEach(mark => {
+          mark && markById.set(mark.id, mark);
+        }), markById;
+      }
+      _hasAnimationByGraphicState(graphic, markById) {
+        var _a, _b, _c;
+        const mark = null !== (_b = null === (_a = graphic.parent) || void 0 === _a ? void 0 : _a.mark) && void 0 !== _b ? _b : markById.get(graphic.context.markId);
+        return !!(null === (_c = null == mark ? void 0 : mark.hasAnimationByState) || void 0 === _c ? void 0 : _c.call(mark, "state"));
+      }
       updateStates(trigger, newStatedGraphics, prevStatedGraphics, state, reverseState) {
-        return this._disableTriggerEvent ? [] : newStatedGraphics && newStatedGraphics.length ? (state && reverseState ? prevStatedGraphics && prevStatedGraphics.length ? (this.toggleReverseStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, reverseState), this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state)) : this.addBothStateOfGraphics(trigger, newStatedGraphics, state, reverseState) : state && (prevStatedGraphics && prevStatedGraphics.length ? this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state) : this.addStateOfGraphics(trigger, newStatedGraphics, state)), newStatedGraphics) : [];
+        return this._disableTriggerEvent ? [] : newStatedGraphics && newStatedGraphics.length ? (state && reverseState ? prevStatedGraphics && prevStatedGraphics.length ? (this.toggleReverseStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, reverseState), this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state)) : this.addBothStateOfGraphics(trigger, newStatedGraphics, state, reverseState) : state && (prevStatedGraphics && prevStatedGraphics.length ? this.toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state) : this.addStateOfGraphics(trigger, newStatedGraphics, state)), newStatedGraphics) : (prevStatedGraphics && prevStatedGraphics.length && this.clearAllStatesOfTrigger(trigger, state, reverseState), []);
       }
       toggleReverseStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, reverseState) {
-        const markIdByState = trigger.getMarkIdByState();
+        const markIdByState = trigger.getMarkIdByState(),
+          markById = this._getMarkById(trigger);
         prevStatedGraphics.forEach(g => {
-          var _a;
           if (reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(g.context.markId)) {
-            const m = null === (_a = g.parent) || void 0 === _a ? void 0 : _a.mark,
-              hasAnimation = m.hasAnimationByState && m.hasAnimationByState("state");
+            const hasAnimation = this._hasAnimationByGraphicState(g, markById);
             addGraphicState(g, reverseState, !0, hasAnimation);
           }
         }), newStatedGraphics.forEach(g => {
-          var _a;
           if (reverseState && markIdByState[reverseState] && markIdByState[reverseState].includes(g.context.markId)) {
-            const m = null === (_a = g.parent) || void 0 === _a ? void 0 : _a.mark,
-              hasAnimation = m.hasAnimationByState && m.hasAnimationByState("state");
+            const hasAnimation = this._hasAnimationByGraphicState(g, markById);
             removeGraphicState(g, reverseState, hasAnimation);
           }
         });
       }
       toggleStateOfGraphics(trigger, newStatedGraphics, prevStatedGraphics, state) {
-        const markIdByState = trigger.getMarkIdByState();
+        const markIdByState = trigger.getMarkIdByState(),
+          markById = this._getMarkById(trigger);
         prevStatedGraphics.forEach(g => {
-          var _a;
           if (state && markIdByState[state] && markIdByState[state].includes(g.context.markId)) {
-            const m = null === (_a = g.parent) || void 0 === _a ? void 0 : _a.mark,
-              hasAnimation = m.hasAnimationByState && m.hasAnimationByState("state");
+            const hasAnimation = this._hasAnimationByGraphicState(g, markById);
             removeGraphicState(g, state, hasAnimation);
           }
         }), newStatedGraphics.forEach(g => {
-          var _a;
           if (state && markIdByState[state] && markIdByState[state].includes(g.context.markId)) {
-            const m = null === (_a = g.parent) || void 0 === _a ? void 0 : _a.mark,
-              hasAnimation = m.hasAnimationByState && m.hasAnimationByState("state");
+            const hasAnimation = this._hasAnimationByGraphicState(g, markById);
             addGraphicState(g, state, !0, hasAnimation);
           }
         });
@@ -24574,7 +24595,7 @@
         const marks = this.getMarksWithoutRoot();
         marks.forEach(mark => {
           mark.clearBeforeReInit(), this._spec[mark.name] && this.initMarkStyleWithSpec(mark, this._spec[mark.name]);
-        }), this.initMarkStyle(), marks.forEach(mark => {
+        }), this.initMarkStyle(), this.initMarkState(), marks.forEach(mark => {
           mark.commit(!1);
         }), this._updateExtensionMarkSpec(), this._updateSpecData(), this._tooltipHelper && this._tooltipHelper.updateTooltipSpec();
         isAnimationEnabledForSeries(this) && this.initAnimation();