@visactor/vrender 1.0.41-alpha.2 → 1.0.41-alpha.3

package/cjs/index.d.ts

@@ -1,5 +1,5 @@
 import '@visactor/vrender-core';
-export declare const version = "1.0.41-alpha.2";
+export declare const version = "1.0.41-alpha.3";
 export * from '@visactor/vrender-core';
 export * from '@visactor/vrender-kits';
 export * from '@visactor/vrender-animate';

package/cjs/index.js

@@ -21,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 
 const vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_kits_2 = require("@visactor/vrender-kits"), vrender_animate_1 = require("@visactor/vrender-animate");
 
-exports.version = "1.0.41-alpha.2", (0, vrender_core_1.preLoadAllModule)(), (0, 
+exports.version = "1.0.41-alpha.3", (0, vrender_core_1.preLoadAllModule)(), (0, 
 vrender_core_1.isBrowserEnv)() ? (0, vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, 
 vrender_core_1.isNodeEnv)() && (0, vrender_kits_1.loadNodeEnv)(vrender_core_1.container), 
 (0, vrender_kits_2.registerArc)(), (0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), 

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAmF;AACnF,yDAmBgC;AAChC,+DAAmF;AAEtE,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,2BAAY,GAAE,CAAC;AAEf,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AAEtB,IAAA,uCAAqB,GAAE,CAAC;AACxB,IAAA,iCAAe,GAAE,CAAC;AAElB,yDAAuC;AACvC,yDAAuC;AACvC,4DAA0C;AAC1C,+DAA6C;AAG7C,6DAAkD;AAAzC,wGAAA,KAAK,OAAA;AACd,uDAAmD;AAA1C,yGAAA,SAAS,OAAA","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv, registerStar } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\nimport { registerCustomAnimate, registerAnimate } from '@visactor/vrender-animate';\n// 导出版本号\nexport const version = \"1.0.41-alpha.2\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\nregisterStar();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\n\nregisterCustomAnimate();\nregisterAnimate();\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-animate';\nexport * from '@visactor/vrender-components';\n\n// avoid naming conflicts with 'State' & 'Direction' in '@visactor/vrender-components'\nexport { State } from '@visactor/vrender-animate';\nexport { Direction } from '@visactor/vrender-core';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAmF;AACnF,yDAmBgC;AAChC,+DAAmF;AAEtE,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,2BAAY,GAAE,CAAC;AAEf,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AAEtB,IAAA,uCAAqB,GAAE,CAAC;AACxB,IAAA,iCAAe,GAAE,CAAC;AAElB,yDAAuC;AACvC,yDAAuC;AACvC,4DAA0C;AAC1C,+DAA6C;AAG7C,6DAAkD;AAAzC,wGAAA,KAAK,OAAA;AACd,uDAAmD;AAA1C,yGAAA,SAAS,OAAA","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv, registerStar } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\nimport { registerCustomAnimate, registerAnimate } from '@visactor/vrender-animate';\n// 导出版本号\nexport const version = \"1.0.41-alpha.3\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\nregisterStar();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\n\nregisterCustomAnimate();\nregisterAnimate();\n\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\nexport * from '@visactor/vrender-animate';\nexport * from '@visactor/vrender-components';\n\n// avoid naming conflicts with 'State' & 'Direction' in '@visactor/vrender-components'\nexport { State } from '@visactor/vrender-animate';\nexport { Direction } from '@visactor/vrender-core';\n"]}

package/dist/index.es.js

@@ -631,28 +631,59 @@ class EventListenerManager {
   }
   addEventListener(type, listener, options) {
     if (!listener) return;
+    const capture = this._resolveCapture(options),
+      once = this._resolveOnce(options),
+      listenerTypeMap = this._getOrCreateListenerTypeMap(type),
+      wrappedMap = this._getOrCreateWrappedMap(listenerTypeMap, listener);
+    if (wrappedMap.has(capture)) return;
     const wrappedListener = event => {
       const transformedEvent = this._eventListenerTransformer(event);
-      "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent);
+      "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent), once && this._deleteListenerRecord(type, listener, capture);
     };
-    this._listenerMap.has(type) || this._listenerMap.set(type, new Map()), this._listenerMap.get(type).set(listener, wrappedListener), this._nativeAddEventListener(type, wrappedListener, options);
+    wrappedMap.set(capture, {
+      wrappedListener: wrappedListener,
+      options: options
+    }), this._nativeAddEventListener(type, wrappedListener, options);
   }
   removeEventListener(type, listener, options) {
-    var _a;
+    var _a, _b;
     if (!listener) return;
-    const wrappedListener = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener);
-    wrappedListener && (this._nativeRemoveEventListener(type, wrappedListener, options), this._listenerMap.get(type).delete(listener), 0 === this._listenerMap.get(type).size && this._listenerMap.delete(type));
+    const capture = this._resolveCapture(options),
+      wrappedRecord = null === (_b = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener)) || void 0 === _b ? void 0 : _b.get(capture);
+    wrappedRecord && (this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture), this._deleteListenerRecord(type, listener, capture));
   }
   dispatchEvent(event) {
     return this._nativeDispatchEvent(event);
   }
   clearAllEventListeners() {
-    this._listenerMap.forEach((listenersMap, type) => {
-      listenersMap.forEach((wrappedListener, originalListener) => {
-        this._nativeRemoveEventListener(type, wrappedListener, void 0);
+    this._listenerMap.forEach((listenerMap, type) => {
+      listenerMap.forEach(wrappedMap => {
+        wrappedMap.forEach((wrappedRecord, capture) => {
+          this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);
+        });
       });
     }), this._listenerMap.clear();
   }
+  _resolveCapture(options) {
+    return "boolean" == typeof options ? options : !!(null == options ? void 0 : options.capture);
+  }
+  _resolveOnce(options) {
+    return "object" == typeof options && !!(null == options ? void 0 : options.once);
+  }
+  _getOrCreateListenerTypeMap(type) {
+    let listenerTypeMap = this._listenerMap.get(type);
+    return listenerTypeMap || (listenerTypeMap = new Map(), this._listenerMap.set(type, listenerTypeMap)), listenerTypeMap;
+  }
+  _getOrCreateWrappedMap(listenerTypeMap, listener) {
+    let wrappedMap = listenerTypeMap.get(listener);
+    return wrappedMap || (wrappedMap = new Map(), listenerTypeMap.set(listener, wrappedMap)), wrappedMap;
+  }
+  _deleteListenerRecord(type, listener, capture) {
+    const listenerTypeMap = this._listenerMap.get(type);
+    if (!listenerTypeMap) return;
+    const wrappedMap = listenerTypeMap.get(listener);
+    wrappedMap && (wrappedMap.delete(capture), 0 === wrappedMap.size && listenerTypeMap.delete(listener), 0 === listenerTypeMap.size && this._listenerMap.delete(type));
+  }
   _nativeAddEventListener(type, listener, options) {
     throw new Error("_nativeAddEventListener must be implemented by derived classes");
   }
@@ -7460,7 +7491,9 @@ class EventManager {
     var _a;
     if (event.manager !== this) throw new Error("It is illegal to free an event not managed by this EventManager!");
     const constructor = event.constructor;
-    this.eventPool.has(constructor) || this.eventPool.set(constructor, []), null === (_a = this.eventPool.get(constructor)) || void 0 === _a || _a.push(event);
+    this.eventPool.has(constructor) || (this.eventPool.get(constructor).forEach(e => {
+      e.eventPhase = event.NONE, e.currentTarget = null, e.path = [], e.detailPath = [], e.target = null;
+    }), this.eventPool.set(constructor, [])), null === (_a = this.eventPool.get(constructor)) || void 0 === _a || _a.push(event);
   }
   notifyListeners(e, type) {
     const listeners = e.currentTarget._events[type];
@@ -10264,7 +10297,7 @@ class Graphic extends Node {
     });
   }
   release() {
-    this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this);
+    this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this), super.release();
   }
   _emitCustomEvent(type, context) {
     var _a, _b;
@@ -15994,9 +16027,10 @@ class DefaultTextBackgroundRenderContribution extends DefaultBaseBackgroundRende
       }), context.highPerformanceRestore(), context.setTransformForCurrent();
     } else {
       const {
-        backgroundCornerRadius: backgroundCornerRadius
+        backgroundCornerRadius: backgroundCornerRadius,
+        backgroundOpacity = 1
       } = graphic.attribute;
-      context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
+      context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.globalAlpha = backgroundOpacity, context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
     }
     shouldReCalBounds && boundsAllocate.free(b), restore();
   }
@@ -18262,12 +18296,12 @@ class Stage extends Group {
     throw new Error("暂不支持");
   }
   release() {
-    var _a, _b;
+    var _a, _b, _d;
     super.release(), this.hooks.beforeRender.unTap("constructor", this.beforeRender), this.hooks.afterRender.unTap("constructor", this.afterRender), this.eventSystem && this.eventSystem.release(), this.layerService.releaseStage(this), this.pluginService.release(), this.forEach(layer => {
       layer.release();
     }), this.interactiveLayer && (this.interactiveLayer.forEachChildren(item => {
       item.setStage && item.setStage(null, null), this.interactiveLayer.removeChild(item);
-    }), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.renderService.renderTreeRoots = [];
+    }), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.params.ticker || null === (_d = this._ticker) || void 0 === _d || _d.release(), this.renderService.renderTreeRoots = [];
   }
   setStage(stage) {}
   dirty(b, matrix) {
@@ -43523,8 +43557,9 @@ class LabelBase extends AnimateComponent {
       const label = labels[i];
       if (!label) continue;
       const baseMark = this.getRelatedGraphic(label.attribute);
-      let backgroundColor = baseMark.getAttributes(!0).fill,
-        foregroundColor = label.attribute.fill;
+      let backgroundColor = baseMark.getAttributes(!0).fill;
+      const backgroundOpacity = baseMark.getAttributes(!0).fillOpacity;
+      let foregroundColor = label.attribute.fill;
       if (isObject$1(backgroundColor) && backgroundColor.gradient) {
         const firstStopColor = null === (_g = null === (_f = backgroundColor.stops) || void 0 === _f ? void 0 : _f[0]) || void 0 === _g ? void 0 : _g.color;
         firstStopColor && (backgroundColor = firstStopColor, foregroundColor = firstStopColor);
@@ -43538,11 +43573,26 @@ class LabelBase extends AnimateComponent {
         if (fill && label.setAttributes({
           fill: fill
         }), 0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
-        const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
-        stroke && label.setAttributes({
-          stroke: stroke
-        });
+        if ("background" === interactInvertType) label.setAttributes({
+          stroke: !1
+        });else {
+          const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
+          stroke && label.setAttributes({
+            stroke: stroke
+          });
+        }
       } else if (isIntersect && "none" !== interactInvertType) {
+        if ("background" === interactInvertType) {
+          const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
+          fill && label.setAttributes({
+            fill: fill
+          }), label.setAttributes({
+            stroke: !1,
+            background: backgroundColor,
+            backgroundOpacity: backgroundOpacity
+          });
+          continue;
+        }
         if (0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
         if (label.attribute.stroke) {
           label.setAttributes({
@@ -43559,6 +43609,9 @@ class LabelBase extends AnimateComponent {
           stroke: stroke
         });
       }
+      !1 === isInside && "background" === interactInvertType && label.setAttributes({
+        background: null
+      });
     }
   }
   _canPlaceInside(textBound, shapeBound) {
@@ -45613,7 +45666,7 @@ class DataZoomInteraction extends EventEmitter {
     });
   }
   clearVGlobalEvents() {
-    ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+    ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
       passive: !1
     });
   }
@@ -49114,7 +49167,28 @@ class Slider extends AbstractComponent {
     return graphicCreator.symbol(style);
   }
   _renderHandlerText(value, position) {
-    var _a, _b, _c;
+    return graphicCreator.text(this._getHandlerTextAttributes(value, position));
+  }
+  _getHandlerTextStyle(value, position) {
+    const {
+      align: align,
+      handlerSize = 14,
+      handlerText = {},
+      railHeight: railHeight,
+      railWidth: railWidth,
+      slidable: slidable
+    } = this.attribute;
+    return isFunction$1(handlerText.style) ? handlerText.style(value, position, {
+      layout: this.attribute.layout,
+      align: align,
+      railWidth: railWidth,
+      railHeight: railHeight,
+      handlerSize: handlerSize,
+      slidable: slidable
+    }) : handlerText.style;
+  }
+  _getHandlerTextAttributes(value, position) {
+    var _a, _b;
     const {
         align: align,
         handlerSize = 14,
@@ -49126,13 +49200,13 @@ class Slider extends AbstractComponent {
       isHorizontal = this._isHorizontal,
       pos = this.calculatePosByValue(value, position),
       textSpace = null !== (_a = handlerText.space) && void 0 !== _a ? _a : 4,
+      handlerTextStyle = this._getHandlerTextStyle(value, position),
       textStyle = {
         text: handlerText.formatter ? handlerText.formatter(value) : value.toFixed(null !== (_b = handlerText.precision) && void 0 !== _b ? _b : 0),
-        lineHeight: null === (_c = handlerText.style) || void 0 === _c ? void 0 : _c.lineHeight,
+        lineHeight: null == handlerTextStyle ? void 0 : handlerTextStyle.lineHeight,
         cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
       };
-    isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = pos) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = pos);
-    return graphicCreator.text(Object.assign(Object.assign({}, textStyle), handlerText.style));
+    return isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = pos) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = pos), Object.assign(Object.assign({}, textStyle), handlerTextStyle);
   }
   _renderTooltip() {
     var _a;
@@ -49260,31 +49334,19 @@ class Slider extends AbstractComponent {
     }
   }
   _updateHandler(handler, position, value) {
-    var _a;
     const isHorizontal = this._isHorizontal;
     handler.setAttribute(isHorizontal ? "x" : "y", position);
     const updateHandlerText = handler.name === SLIDER_ELEMENT_NAME.startHandler ? this._startHandlerText : this._endHandlerText;
     if (updateHandlerText) {
-      const {
-        handlerText = {}
-      } = this.attribute;
-      updateHandlerText.setAttributes({
-        text: handlerText.formatter ? handlerText.formatter(value) : value.toFixed(null !== (_a = handlerText.precision) && void 0 !== _a ? _a : 0),
-        [isHorizontal ? "x" : "y"]: position
-      });
+      const handlerPosition = handler.name === SLIDER_ELEMENT_NAME.startHandler ? "start" : "end";
+      updateHandlerText.setAttributes(this._getHandlerTextAttributes(value, handlerPosition));
     }
     handler.name === SLIDER_ELEMENT_NAME.startHandler ? (this._currentValue.startValue = value, this._currentValue.startPos = position) : (this._currentValue.endValue = value, this._currentValue.endPos = position);
   }
   _updateHandlerText(handlerText, position, value) {
-    var _a;
     const isHorizontal = this._isHorizontal,
-      {
-        handlerText: handlerTextAttr = {}
-      } = this.attribute;
-    handlerText.setAttributes({
-      [isHorizontal ? "x" : "y"]: position,
-      text: handlerTextAttr.formatter ? handlerTextAttr.formatter(value) : value.toFixed(null !== (_a = handlerTextAttr.precision) && void 0 !== _a ? _a : 0)
-    });
+      handlerPosition = handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText ? "start" : "end";
+    handlerText.setAttributes(this._getHandlerTextAttributes(value, handlerPosition));
     const updateHandler = handlerText.name === SLIDER_ELEMENT_NAME.startHandlerText ? this._startHandler : this._endHandler;
     updateHandler && updateHandler.setAttributes({
       [isHorizontal ? "x" : "y"]: position
@@ -49320,7 +49382,7 @@ class Slider extends AbstractComponent {
     };
   }
   release(all) {
-    super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+    super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
       passive: !1
     }), this._clearAllDragEvents();
   }
@@ -50458,6 +50520,9 @@ class BasePlayer extends AbstractComponent {
       value: this._data[dataIndex]
     });
   }
+  release(all) {
+    this._sliderVisible || this._slider.release(all), super.release(all);
+  }
 }
 BasePlayer.defaultAttributes = {
   visible: !0,
@@ -53057,7 +53122,7 @@ TableSeriesNumber.defaultAttributes = {
   select: !0
 };
 
-const version = "1.0.41-alpha.2";
+const version = "1.0.41-alpha.3";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);

package/dist/index.js

@@ -637,28 +637,59 @@
       }
       addEventListener(type, listener, options) {
         if (!listener) return;
+        const capture = this._resolveCapture(options),
+          once = this._resolveOnce(options),
+          listenerTypeMap = this._getOrCreateListenerTypeMap(type),
+          wrappedMap = this._getOrCreateWrappedMap(listenerTypeMap, listener);
+        if (wrappedMap.has(capture)) return;
         const wrappedListener = event => {
           const transformedEvent = this._eventListenerTransformer(event);
-          "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent);
+          "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent), once && this._deleteListenerRecord(type, listener, capture);
         };
-        this._listenerMap.has(type) || this._listenerMap.set(type, new Map()), this._listenerMap.get(type).set(listener, wrappedListener), this._nativeAddEventListener(type, wrappedListener, options);
+        wrappedMap.set(capture, {
+          wrappedListener: wrappedListener,
+          options: options
+        }), this._nativeAddEventListener(type, wrappedListener, options);
       }
       removeEventListener(type, listener, options) {
-        var _a;
+        var _a, _b;
         if (!listener) return;
-        const wrappedListener = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener);
-        wrappedListener && (this._nativeRemoveEventListener(type, wrappedListener, options), this._listenerMap.get(type).delete(listener), 0 === this._listenerMap.get(type).size && this._listenerMap.delete(type));
+        const capture = this._resolveCapture(options),
+          wrappedRecord = null === (_b = null === (_a = this._listenerMap.get(type)) || void 0 === _a ? void 0 : _a.get(listener)) || void 0 === _b ? void 0 : _b.get(capture);
+        wrappedRecord && (this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture), this._deleteListenerRecord(type, listener, capture));
       }
       dispatchEvent(event) {
         return this._nativeDispatchEvent(event);
       }
       clearAllEventListeners() {
-        this._listenerMap.forEach((listenersMap, type) => {
-          listenersMap.forEach((wrappedListener, originalListener) => {
-            this._nativeRemoveEventListener(type, wrappedListener, void 0);
+        this._listenerMap.forEach((listenerMap, type) => {
+          listenerMap.forEach(wrappedMap => {
+            wrappedMap.forEach((wrappedRecord, capture) => {
+              this._nativeRemoveEventListener(type, wrappedRecord.wrappedListener, capture);
+            });
           });
         }), this._listenerMap.clear();
       }
+      _resolveCapture(options) {
+        return "boolean" == typeof options ? options : !!(null == options ? void 0 : options.capture);
+      }
+      _resolveOnce(options) {
+        return "object" == typeof options && !!(null == options ? void 0 : options.once);
+      }
+      _getOrCreateListenerTypeMap(type) {
+        let listenerTypeMap = this._listenerMap.get(type);
+        return listenerTypeMap || (listenerTypeMap = new Map(), this._listenerMap.set(type, listenerTypeMap)), listenerTypeMap;
+      }
+      _getOrCreateWrappedMap(listenerTypeMap, listener) {
+        let wrappedMap = listenerTypeMap.get(listener);
+        return wrappedMap || (wrappedMap = new Map(), listenerTypeMap.set(listener, wrappedMap)), wrappedMap;
+      }
+      _deleteListenerRecord(type, listener, capture) {
+        const listenerTypeMap = this._listenerMap.get(type);
+        if (!listenerTypeMap) return;
+        const wrappedMap = listenerTypeMap.get(listener);
+        wrappedMap && (wrappedMap.delete(capture), 0 === wrappedMap.size && listenerTypeMap.delete(listener), 0 === listenerTypeMap.size && this._listenerMap.delete(type));
+      }
       _nativeAddEventListener(type, listener, options) {
         throw new Error("_nativeAddEventListener must be implemented by derived classes");
       }
@@ -7466,7 +7497,9 @@
         var _a;
         if (event.manager !== this) throw new Error("It is illegal to free an event not managed by this EventManager!");
         const constructor = event.constructor;
-        this.eventPool.has(constructor) || this.eventPool.set(constructor, []), null === (_a = this.eventPool.get(constructor)) || void 0 === _a || _a.push(event);
+        this.eventPool.has(constructor) || (this.eventPool.get(constructor).forEach(e => {
+          e.eventPhase = event.NONE, e.currentTarget = null, e.path = [], e.detailPath = [], e.target = null;
+        }), this.eventPool.set(constructor, [])), null === (_a = this.eventPool.get(constructor)) || void 0 === _a || _a.push(event);
       }
       notifyListeners(e, type) {
         const listeners = e.currentTarget._events[type];
@@ -10270,7 +10303,7 @@
         });
       }
       release() {
-        this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this);
+        this.releaseStatus = "released", this.stopAnimates(), application.graphicService.onRelease(this), super.release();
       }
       _emitCustomEvent(type, context) {
         var _a, _b;
@@ -16000,9 +16033,10 @@
           }), context.highPerformanceRestore(), context.setTransformForCurrent();
         } else {
           const {
-            backgroundCornerRadius: backgroundCornerRadius
+            backgroundCornerRadius: backgroundCornerRadius,
+            backgroundOpacity = 1
           } = graphic.attribute;
-          context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
+          context.highPerformanceSave(), context.setCommonStyle(graphic, graphic.attribute, x, y, graphicAttribute), context.globalAlpha = backgroundOpacity, context.fillStyle = background, backgroundCornerRadius ? (createRectPath(context, b.x1, b.y1, b.width(), b.height(), backgroundCornerRadius, !0), context.fill()) : context.fillRect(b.x1, b.y1, b.width(), b.height()), context.highPerformanceRestore();
         }
         shouldReCalBounds && boundsAllocate.free(b), restore();
       }
@@ -18268,12 +18302,12 @@
         throw new Error("暂不支持");
       }
       release() {
-        var _a, _b;
+        var _a, _b, _d;
         super.release(), this.hooks.beforeRender.unTap("constructor", this.beforeRender), this.hooks.afterRender.unTap("constructor", this.afterRender), this.eventSystem && this.eventSystem.release(), this.layerService.releaseStage(this), this.pluginService.release(), this.forEach(layer => {
           layer.release();
         }), this.interactiveLayer && (this.interactiveLayer.forEachChildren(item => {
           item.setStage && item.setStage(null, null), this.interactiveLayer.removeChild(item);
-        }), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.renderService.renderTreeRoots = [];
+        }), this.interactiveLayer.release()), this.window.release(), null === (_a = this._ticker) || void 0 === _a || _a.remTimeline(null == this ? void 0 : this.timeline), null === (_b = this._ticker) || void 0 === _b || _b.removeListener("tick", this.afterTickCb), this.params.ticker || null === (_d = this._ticker) || void 0 === _d || _d.release(), this.renderService.renderTreeRoots = [];
       }
       setStage(stage) {}
       dirty(b, matrix) {
@@ -43529,8 +43563,9 @@
           const label = labels[i];
           if (!label) continue;
           const baseMark = this.getRelatedGraphic(label.attribute);
-          let backgroundColor = baseMark.getAttributes(!0).fill,
-            foregroundColor = label.attribute.fill;
+          let backgroundColor = baseMark.getAttributes(!0).fill;
+          const backgroundOpacity = baseMark.getAttributes(!0).fillOpacity;
+          let foregroundColor = label.attribute.fill;
           if (isObject$1(backgroundColor) && backgroundColor.gradient) {
             const firstStopColor = null === (_g = null === (_f = backgroundColor.stops) || void 0 === _f ? void 0 : _f[0]) || void 0 === _g ? void 0 : _g.color;
             firstStopColor && (backgroundColor = firstStopColor, foregroundColor = firstStopColor);
@@ -43544,11 +43579,26 @@
             if (fill && label.setAttributes({
               fill: fill
             }), 0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
-            const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
-            stroke && label.setAttributes({
-              stroke: stroke
-            });
+            if ("background" === interactInvertType) label.setAttributes({
+              stroke: !1
+            });else {
+              const stroke = smartInvertStrategy(strokeStrategy, backgroundColor, invertColor, similarColor);
+              stroke && label.setAttributes({
+                stroke: stroke
+              });
+            }
           } else if (isIntersect && "none" !== interactInvertType) {
+            if ("background" === interactInvertType) {
+              const fill = smartInvertStrategy(fillStrategy, backgroundColor, invertColor, similarColor);
+              fill && label.setAttributes({
+                fill: fill
+              }), label.setAttributes({
+                stroke: !1,
+                background: backgroundColor,
+                backgroundOpacity: backgroundOpacity
+              });
+              continue;
+            }
             if (0 === label.attribute.lineWidth || 0 === label.attribute.strokeOpacity) continue;
             if (label.attribute.stroke) {
               label.setAttributes({
@@ -43565,6 +43615,9 @@
               stroke: stroke
             });
           }
+          !1 === isInside && "background" === interactInvertType && label.setAttributes({
+            background: null
+          });
         }
       }
       _canPlaceInside(textBound, shapeBound) {
@@ -45619,7 +45672,7 @@
         });
       }
       clearVGlobalEvents() {
-        ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+        ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
           passive: !1
         });
       }
@@ -49120,7 +49173,28 @@
         return graphicCreator.symbol(style);
       }
       _renderHandlerText(value, position) {
-        var _a, _b, _c;
+        return graphicCreator.text(this._getHandlerTextAttributes(value, position));
+      }
+      _getHandlerTextStyle(value, position) {
+        const {
+          align: align,
+          handlerSize = 14,
+          handlerText = {},
+          railHeight: railHeight,
+          railWidth: railWidth,
+          slidable: slidable
+        } = this.attribute;
+        return isFunction$1(handlerText.style) ? handlerText.style(value, position, {
+          layout: this.attribute.layout,
+          align: align,
+          railWidth: railWidth,
+          railHeight: railHeight,
+          handlerSize: handlerSize,
+          slidable: slidable
+        }) : handlerText.style;
+      }
+      _getHandlerTextAttributes(value, position) {
+        var _a, _b;
         const {
             align: align,
             handlerSize = 14,
@@ -49132,13 +49206,13 @@
           isHorizontal = this._isHorizontal,
           pos = this.calculatePosByValue(value, position),
           textSpace = null !== (_a = handlerText.space) && void 0 !== _a ? _a : 4,
+          handlerTextStyle = this._getHandlerTextStyle(value, position),
           textStyle = {
             text: handlerText.formatter ? handlerText.formatter(value) : value.toFixed(null !== (_b = handlerText.precision) && void 0 !== _b ? _b : 0),
-            lineHeight: null === (_c = handlerText.style) || void 0 === _c ? void 0 : _c.lineHeight,
+            lineHeight: null == handlerTextStyle ? void 0 : handlerTextStyle.lineHeight,
             cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
           };
-        isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = pos) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = pos);
-        return graphicCreator.text(Object.assign(Object.assign({}, textStyle), handlerText.style));
+        return isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = pos, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = pos) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = pos), Object.assign(Object.assign({}, textStyle), handlerTextStyle);
       }
       _renderTooltip() {
         var _a;
@@ -49266,31 +49340,19 @@
         }
       }
       _updateHandler(handler, position, value) {
-        var _a;
         const isHorizontal = this._isHorizontal;
         handler.setAttribute(isHorizontal ? "x" : "y", position);
         const updateHandlerText = handler.name === exports.SLIDER_ELEMENT_NAME.startHandler ? this._startHandlerText : this._endHandlerText;
         if (updateHandlerText) {
-          const {
-            handlerText = {}
-          } = this.attribute;
-          updateHandlerText.setAttributes({
-            text: handlerText.formatter ? handlerText.formatter(value) : value.toFixed(null !== (_a = handlerText.precision) && void 0 !== _a ? _a : 0),
-            [isHorizontal ? "x" : "y"]: position
-          });
+          const handlerPosition = handler.name === exports.SLIDER_ELEMENT_NAME.startHandler ? "start" : "end";
+          updateHandlerText.setAttributes(this._getHandlerTextAttributes(value, handlerPosition));
         }
         handler.name === exports.SLIDER_ELEMENT_NAME.startHandler ? (this._currentValue.startValue = value, this._currentValue.startPos = position) : (this._currentValue.endValue = value, this._currentValue.endPos = position);
       }
       _updateHandlerText(handlerText, position, value) {
-        var _a;
         const isHorizontal = this._isHorizontal,
-          {
-            handlerText: handlerTextAttr = {}
-          } = this.attribute;
-        handlerText.setAttributes({
-          [isHorizontal ? "x" : "y"]: position,
-          text: handlerTextAttr.formatter ? handlerTextAttr.formatter(value) : value.toFixed(null !== (_a = handlerTextAttr.precision) && void 0 !== _a ? _a : 0)
-        });
+          handlerPosition = handlerText.name === exports.SLIDER_ELEMENT_NAME.startHandlerText ? "start" : "end";
+        handlerText.setAttributes(this._getHandlerTextAttributes(value, handlerPosition));
         const updateHandler = handlerText.name === exports.SLIDER_ELEMENT_NAME.startHandlerText ? this._startHandler : this._endHandler;
         updateHandler && updateHandler.setAttributes({
           [isHorizontal ? "x" : "y"]: position
@@ -49326,7 +49388,7 @@
         };
       }
       release(all) {
-        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).addEventListener("touchmove", this._handleTouchMove, {
+        super.release(all), ("browser" === vglobal.env ? vglobal : this.stage).removeEventListener("touchmove", this._handleTouchMove, {
           passive: !1
         }), this._clearAllDragEvents();
       }
@@ -50464,6 +50526,9 @@
           value: this._data[dataIndex]
         });
       }
+      release(all) {
+        this._sliderVisible || this._slider.release(all), super.release(all);
+      }
     }
     BasePlayer.defaultAttributes = {
       visible: !0,
@@ -53063,7 +53128,7 @@
       select: !0
     };
 
-    const version = "1.0.41-alpha.2";
+    const version = "1.0.41-alpha.3";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);