@visactor/vrender-components 0.22.9-alpha.1 → 0.22.9

package/dist/index.es.js

@@ -489,14 +489,11 @@ class Container {
 const ContributionProvider = Symbol("ContributionProvider");
 class ContributionProviderCache {
   constructor(serviceIdentifier, container) {
-    this.serviceIdentifier = serviceIdentifier, this.container = container, ContributionStore.setStore(this.serviceIdentifier, this);
+    this.serviceIdentifier = serviceIdentifier, this.container = container;
   }
   getContributions() {
     return this.caches || (this.caches = [], this.container && this.container.isBound(this.serviceIdentifier) && this.caches.push(...this.container.getAll(this.serviceIdentifier))), this.caches;
   }
-  refresh() {
-    this.caches && (this.caches.length = 0, this.container && this.container.isBound(this.serviceIdentifier) && this.caches.push(...this.container.getAll(this.serviceIdentifier)));
-  }
 }
 function bindContributionProvider(bind, id) {
   bind(ContributionProvider).toDynamicValue(_ref => {
@@ -514,20 +511,6 @@ function bindContributionProviderNoSingletonScope(bind, id) {
     return new ContributionProviderCache(id, container);
   }).whenTargetNamed(id);
 }
-class ContributionStore {
-  static getStore(id) {
-    return this.store.get(id);
-  }
-  static setStore(id, cache) {
-    this.store.set(id, cache);
-  }
-  static refreshAllContributions() {
-    this.store.forEach(cache => {
-      cache.refresh();
-    });
-  }
-}
-ContributionStore.store = new Map();
 
 class Hook {
   constructor(args, name) {
@@ -594,48 +577,6 @@ const EnvContribution = Symbol.for("EnvContribution");
 const VGlobal = Symbol.for("VGlobal");
 const DEFAULT_TEXT_FONT_FAMILY$1 = "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol";
 
-class EventListenerManager {
-  constructor() {
-    this._listenerMap = new Map(), this._eventListenerTransformer = event => event;
-  }
-  setEventListenerTransformer(transformer) {
-    this._eventListenerTransformer = transformer || (event => event);
-  }
-  addEventListener(type, listener, options) {
-    if (!listener) return;
-    const wrappedListener = event => {
-      const transformedEvent = this._eventListenerTransformer(event);
-      "function" == typeof listener ? listener(transformedEvent) : listener.handleEvent && listener.handleEvent(transformedEvent);
-    };
-    this._listenerMap.has(type) || this._listenerMap.set(type, new Map()), this._listenerMap.get(type).set(listener, wrappedListener), this._nativeAddEventListener(type, wrappedListener, options);
-  }
-  removeEventListener(type, listener, options) {
-    var _a;
-    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));
-  }
-  dispatchEvent(event) {
-    return this._nativeDispatchEvent(event);
-  }
-  clearAllEventListeners() {
-    this._listenerMap.forEach((listenersMap, type) => {
-      listenersMap.forEach((wrappedListener, originalListener) => {
-        this._nativeRemoveEventListener(type, wrappedListener, void 0);
-      });
-    }), this._listenerMap.clear();
-  }
-  _nativeAddEventListener(type, listener, options) {
-    throw new Error("_nativeAddEventListener must be implemented by derived classes");
-  }
-  _nativeRemoveEventListener(type, listener, options) {
-    throw new Error("_nativeRemoveEventListener must be implemented by derived classes");
-  }
-  _nativeDispatchEvent(event) {
-    throw new Error("_nativeDispatchEvent must be implemented by derived classes");
-  }
-}
-
 var __decorate$P = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
@@ -676,7 +617,7 @@ var __decorate$P = undefined && undefined.__decorate || function (decorators, ta
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   };
-let DefaultGlobal = class extends EventListenerManager {
+let DefaultGlobal = class {
   get env() {
     return this._env;
   }
@@ -720,19 +661,10 @@ let DefaultGlobal = class extends EventListenerManager {
     this._env || this.setEnv("browser"), this.envContribution.applyStyles = support;
   }
   constructor(contributions) {
-    super(), this.contributions = contributions, this._isImageAnonymous = !0, this.eventListenerTransformer = event => event, this.id = Generator.GenAutoIncrementId(), this.hooks = {
+    this.contributions = contributions, this._isImageAnonymous = !0, this.id = Generator.GenAutoIncrementId(), this.hooks = {
       onSetEnv: new SyncHook(["lastEnv", "env", "global"])
     }, this.measureTextMethod = "native", this.optimizeVisible = !1;
   }
-  _nativeAddEventListener(type, listener, options) {
-    return this._env || this.setEnv("browser"), this.envContribution.addEventListener(type, listener, options);
-  }
-  _nativeRemoveEventListener(type, listener, options) {
-    return this._env || this.setEnv("browser"), this.envContribution.removeEventListener(type, listener, options);
-  }
-  _nativeDispatchEvent(event) {
-    return this._env || this.setEnv("browser"), this.envContribution.dispatchEvent(event);
-  }
   bindContribution(params) {
     const promiseArr = [];
     if (this.contributions.getContributions().forEach(contribution => {
@@ -773,6 +705,15 @@ let DefaultGlobal = class extends EventListenerManager {
   releaseCanvas(canvas) {
     return this._env || this.setEnv("browser"), this.envContribution.releaseCanvas(canvas);
   }
+  addEventListener(type, listener, options) {
+    return this._env || this.setEnv("browser"), this.envContribution.addEventListener(type, listener, options);
+  }
+  removeEventListener(type, listener, options) {
+    return this._env || this.setEnv("browser"), this.envContribution.removeEventListener(type, listener, options);
+  }
+  dispatchEvent(event) {
+    return this._env || this.setEnv("browser"), this.envContribution.dispatchEvent(event);
+  }
   getRequestAnimationFrame() {
     return this._env || this.setEnv("browser"), this.envContribution.getRequestAnimationFrame();
   }
@@ -1670,6 +1611,11 @@ let Step$1 = class Step {
     return this.context.tryUpdateLength();
   }
 };
+class StepClosed extends Step$1 {
+  lineEnd() {
+    this.context.closePath();
+  }
+}
 function genStepSegments(points, t) {
   let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   const {
@@ -1683,6 +1629,16 @@ function genStepSegments(points, t) {
 function genStepTypeSegments(path, points) {
   return genCurveSegments(path, points);
 }
+function genStepClosedSegments(points, t) {
+  let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    direction: direction,
+    startPoint: startPoint
+  } = params;
+  if (points.length < 2 - Number(!!startPoint)) return null;
+  const segContext = new SegContext("step", null != direction ? direction : abs(points[points.length - 1].x - points[0].x) > abs(points[points.length - 1].y - points[0].y) ? Direction$1.ROW : Direction$1.COLUMN);
+  return genStepTypeSegments(new StepClosed(segContext, t, startPoint), points), segContext;
+}
 
 class LinearClosed extends Linear {
   lineEnd() {
@@ -1912,6 +1868,8 @@ function calcLineCache(points, curveType, params) {
       return genMonotoneYSegments(points, params);
     case "step":
       return genStepSegments(points, .5, params);
+    case "stepClosed":
+      return genStepClosedSegments(points, .5, params);
     case "stepBefore":
       return genStepSegments(points, 0, params);
     case "stepAfter":
@@ -3434,7 +3392,7 @@ var __decorate$M = undefined && undefined.__decorate || function (decorators, ta
   };
 const VWindow = Symbol.for("VWindow");
 const WindowHandlerContribution = Symbol.for("WindowHandlerContribution");
-let DefaultWindow = class extends EventListenerManager {
+let DefaultWindow = class {
   get width() {
     if (this._handler) {
       const wh = this._handler.getWH();
@@ -3453,7 +3411,7 @@ let DefaultWindow = class extends EventListenerManager {
     return this._handler.getDpr();
   }
   constructor() {
-    super(), this.hooks = {
+    this.hooks = {
       onChange: new SyncHook(["x", "y", "width", "height"])
     }, this.active = () => {
       const global = this.global;
@@ -3461,15 +3419,6 @@ let DefaultWindow = class extends EventListenerManager {
       container.getNamed(WindowHandlerContribution, global.env).configure(this, global), this.actived = !0;
     }, this._uid = Generator.GenAutoIncrementId(), this.global = application.global, this.postInit();
   }
-  _nativeAddEventListener(type, listener, options) {
-    return this._handler.addEventListener(type, listener, options);
-  }
-  _nativeRemoveEventListener(type, listener, options) {
-    return this._handler.removeEventListener(type, listener, options);
-  }
-  _nativeDispatchEvent(event) {
-    return this._handler.dispatchEvent(event);
-  }
   postInit() {
     this.global.hooks.onSetEnv.tap("window", this.active), this.active();
   }
@@ -3509,7 +3458,7 @@ let DefaultWindow = class extends EventListenerManager {
     throw new Error("暂不支持");
   }
   release() {
-    return this.global.hooks.onSetEnv.unTap("window", this.active), this.clearAllEventListeners(), this._handler.releaseWindow();
+    return this.global.hooks.onSetEnv.unTap("window", this.active), this._handler.releaseWindow();
   }
   getContext() {
     return this._handler.getContext();
@@ -3520,6 +3469,15 @@ let DefaultWindow = class extends EventListenerManager {
   getImageBuffer(type) {
     return this._handler.getImageBuffer ? this._handler.getImageBuffer(type) : null;
   }
+  addEventListener(type, listener, options) {
+    return this._handler.addEventListener(type, listener, options);
+  }
+  removeEventListener(type, listener, options) {
+    return this._handler.removeEventListener(type, listener, options);
+  }
+  dispatchEvent(event) {
+    return this._handler.dispatchEvent(event);
+  }
   getBoundingClientRect() {
     return this._handler.getBoundingClientRect();
   }
@@ -5684,7 +5642,7 @@ class RectSymbol extends BaseSymbol {
 }
 var rect = new RectSymbol();
 
-const tempBounds$1 = new AABBBounds();
+const tempBounds = new AABBBounds();
 class CustomSymbolClass {
   constructor(type, path) {
     let isSvg = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !1;
@@ -5713,7 +5671,7 @@ class CustomSymbolClass {
         let {
           path: path
         } = _ref;
-        tempBounds$1.x1 = path.bounds.x1 * size, tempBounds$1.y1 = path.bounds.y1 * size, tempBounds$1.x2 = path.bounds.x2 * size, tempBounds$1.y2 = path.bounds.y2 * size, bounds.union(tempBounds$1);
+        tempBounds.x1 = path.bounds.x1 * size, tempBounds.y1 = path.bounds.y1 * size, tempBounds.x2 = path.bounds.x2 * size, tempBounds.y2 = path.bounds.y2 * size, bounds.union(tempBounds);
       });
     }
     this.path.bounds && (bounds.x1 = this.path.bounds.x1 * size, bounds.y1 = this.path.bounds.y1 * size, bounds.x2 = this.path.bounds.x2 * size, bounds.y2 = this.path.bounds.y2 * size);
@@ -6027,8 +5985,8 @@ const SVG_PARSE_ATTRIBUTE_MAP = {
 const SVG_PARSE_ATTRIBUTE_MAP_KEYS = Object.keys(SVG_PARSE_ATTRIBUTE_MAP);
 
 const _tempBounds = new AABBBounds(),
-  tempMatrix = new Matrix(),
-  tempBounds = new AABBBounds();
+  tempMatrix = new Matrix();
+  new AABBBounds();
 const GRAPHIC_UPDATE_TAG_KEY = ["lineWidth", "scaleX", "scaleY", "angle", "anchor", "visible"];
 const tempConstantXYKey = ["x", "y"],
   tempConstantScaleXYKey = ["scaleX", "scaleY"],
@@ -6547,25 +6505,12 @@ class Graphic extends Node {
   needUpdateLayout() {
     return !!(this._updateTag & UpdateTag.UPDATE_LAYOUT);
   }
-  getAnchor(anchor, params) {
+  getAnchor(anchor, params, resetScale) {
     const _anchor = [0, 0],
       getBounds = () => {
         if (params.b) return params.b;
-        const {
-          scaleX: scaleX,
-          scaleY: scaleY,
-          angle: angle,
-          scaleCenter: scaleCenter
-        } = this.attribute;
-        return tempBounds.copy(this._AABBBounds), this.setAttributes({
-          angle: 0,
-          scaleCenter: null
-        }), params.b = this.AABBBounds.clone(), this._AABBBounds.copy(tempBounds), this.setAttributes({
-          scaleX: scaleX,
-          scaleY: scaleY,
-          angle: angle,
-          scaleCenter: scaleCenter
-        }), params.b;
+        const graphic = this.clone();
+        return graphic.attribute.angle = 0, graphic.attribute.scaleCenter = null, resetScale && (graphic.attribute.scaleX = 1, graphic.attribute.scaleY = 1), params.b = graphic.AABBBounds, params.b;
       };
     if ("string" == typeof anchor[0]) {
       const ratio = parseFloat(anchor[0]) / 100,
@@ -6594,7 +6539,7 @@ class Graphic extends Node {
     const params = {};
     if (anchor && angle && (_anchor = this.getAnchor(anchor, params)), !scaleCenter || 1 === scaleX && 1 === scaleY) normalTransform(this._transMatrix, this._transMatrix.reset(), x, y, scaleX, scaleY, angle, anchor && _anchor);else {
       const m = this._transMatrix;
-      m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params), application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
+      m.reset(), m.translate(_anchor[0], _anchor[1]), m.rotate(angle), m.translate(-_anchor[0], -_anchor[1]), m.translate(x, y), _anchor = this.getAnchor(scaleCenter, params, !0), application.transformUtil.fromMatrix(m, m).scale(scaleX, scaleY, {
         x: _anchor[0],
         y: _anchor[1]
       });
@@ -10907,9 +10852,6 @@ class BaseRender {
   init(contributions) {
     contributions && (this._renderContribitions = contributions.getContributions()), this._renderContribitions || (this._renderContribitions = []), this.builtinContributions || (this.builtinContributions = []), this.builtinContributions.push(defaultBaseClipRenderBeforeContribution), this.builtinContributions.push(defaultBaseClipRenderAfterContribution), this.builtinContributions.forEach(item => this._renderContribitions.push(item)), this._renderContribitions.length && (this._renderContribitions.sort((a, b) => b.order - a.order), this._beforeRenderContribitions = this._renderContribitions.filter(c => c.time === BaseRenderContributionTime.beforeFillStroke), this._afterRenderContribitions = this._renderContribitions.filter(c => c.time === BaseRenderContributionTime.afterFillStroke));
   }
-  reInit() {
-    this.init(this.graphicRenderContributions);
-  }
   beforeRenderStep(graphic, context, x, y, doFill, doStroke, fVisible, sVisible, graphicAttribute, drawContext, fillCb, strokeCb, params) {
     this._beforeRenderContribitions && this._beforeRenderContribitions.forEach(c => {
       if (c.supportedAppName && graphic.stage && graphic.stage.params && graphic.stage.params.context && graphic.stage.params.context.appName) {
@@ -11079,8 +11021,8 @@ var __decorate$G = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasArcRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = ARC_NUMBER_TYPE, this.builtinContributions = [defaultArcRenderContribution, defaultArcBackgroundRenderContribution, defaultArcTextureRenderContribution], this.init(graphicRenderContributions);
+  constructor(arcRenderContribitions) {
+    super(), this.arcRenderContribitions = arcRenderContribitions, this.numberType = ARC_NUMBER_TYPE, this.builtinContributions = [defaultArcRenderContribution, defaultArcBackgroundRenderContribution, defaultArcTextureRenderContribution], this.init(arcRenderContribitions);
   }
   drawArcTailCapPath(arc, context, cx, cy, outerRadius, innerRadius, _sa, _ea) {
     const capAngle = _ea - _sa,
@@ -11256,8 +11198,8 @@ var __decorate$F = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasCircleRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = CIRCLE_NUMBER_TYPE, this.builtinContributions = [defaultCircleRenderContribution, defaultCircleBackgroundRenderContribution, defaultCircleTextureRenderContribution], this.init(graphicRenderContributions);
+  constructor(circleRenderContribitions) {
+    super(), this.circleRenderContribitions = circleRenderContribitions, this.numberType = CIRCLE_NUMBER_TYPE, this.builtinContributions = [defaultCircleRenderContribution, defaultCircleBackgroundRenderContribution, defaultCircleTextureRenderContribution], this.init(circleRenderContribitions);
   }
   drawShape(circle, context, x, y, drawContext, params, fillCb, strokeCb) {
     const circleAttribute = getTheme(circle, null == params ? void 0 : params.theme).circle,
@@ -11643,8 +11585,8 @@ var __decorate$D = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasAreaRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = AREA_NUMBER_TYPE, this.builtinContributions = [defaultAreaTextureRenderContribution, defaultAreaBackgroundRenderContribution], this.init(graphicRenderContributions);
+  constructor(areaRenderContribitions) {
+    super(), this.areaRenderContribitions = areaRenderContribitions, this.numberType = AREA_NUMBER_TYPE, this.builtinContributions = [defaultAreaTextureRenderContribution, defaultAreaBackgroundRenderContribution], this.init(areaRenderContribitions);
   }
   drawLinearAreaHighPerformance(area, context, fill, stroke, fillOpacity, strokeOpacity, offsetX, offsetY, areaAttribute, drawContext, params, fillCb, strokeCb) {
     var _a, _b, _c;
@@ -11887,8 +11829,8 @@ var __decorate$C = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasPathRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = PATH_NUMBER_TYPE, this.builtinContributions = [defaultPathBackgroundRenderContribution, defaultPathTextureRenderContribution], this.init(graphicRenderContributions);
+  constructor(pathRenderContribitions) {
+    super(), this.pathRenderContribitions = pathRenderContribitions, this.numberType = PATH_NUMBER_TYPE, this.builtinContributions = [defaultPathBackgroundRenderContribution, defaultPathTextureRenderContribution], this.init(pathRenderContribitions);
   }
   drawShape(path, context, x, y, drawContext, params, fillCb, strokeCb) {
     var _a, _b, _c;
@@ -11943,8 +11885,8 @@ var __decorate$B = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasRectRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.type = "rect", this.numberType = RECT_NUMBER_TYPE, this.builtinContributions = [defaultRectRenderContribution, defaultRectBackgroundRenderContribution, defaultRectTextureRenderContribution], this.init(graphicRenderContributions);
+  constructor(rectRenderContribitions) {
+    super(), this.rectRenderContribitions = rectRenderContribitions, this.type = "rect", this.numberType = RECT_NUMBER_TYPE, this.builtinContributions = [defaultRectRenderContribution, defaultRectBackgroundRenderContribution, defaultRectTextureRenderContribution], this.init(rectRenderContribitions);
   }
   drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
     var _a;
@@ -12015,8 +11957,8 @@ var __decorate$A = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasSymbolRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = SYMBOL_NUMBER_TYPE, this.builtinContributions = [defaultSymbolRenderContribution, defaultSymbolBackgroundRenderContribution, defaultSymbolTextureRenderContribution, defaultSymbolClipRangeStrokeRenderContribution], this.init(graphicRenderContributions);
+  constructor(symbolRenderContribitions) {
+    super(), this.symbolRenderContribitions = symbolRenderContribitions, this.numberType = SYMBOL_NUMBER_TYPE, this.builtinContributions = [defaultSymbolRenderContribution, defaultSymbolBackgroundRenderContribution, defaultSymbolTextureRenderContribution, defaultSymbolClipRangeStrokeRenderContribution], this.init(symbolRenderContribitions);
   }
   drawShape(symbol, context, x, y, drawContext, params, fillCb, strokeCb) {
     var _a;
@@ -12187,8 +12129,8 @@ var __decorate$z = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasTextRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = TEXT_NUMBER_TYPE, this.builtinContributions = [defaultTextBackgroundRenderContribution], this.init(graphicRenderContributions);
+  constructor(textRenderContribitions) {
+    super(), this.textRenderContribitions = textRenderContribitions, this.numberType = TEXT_NUMBER_TYPE, this.builtinContributions = [defaultTextBackgroundRenderContribution], this.init(textRenderContribitions);
   }
   drawShape(text, context, x, y, drawContext, params, fillCb, strokeCb) {
     var _a, _b, _c;
@@ -12392,8 +12334,8 @@ var __decorate$y = undefined && undefined.__decorate || function (decorators, ta
     };
   };
 let DefaultCanvasPolygonRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = POLYGON_NUMBER_TYPE, this.builtinContributions = [defaultPolygonBackgroundRenderContribution, defaultPolygonTextureRenderContribution], this.init(graphicRenderContributions);
+  constructor(polygonRenderContribitions) {
+    super(), this.polygonRenderContribitions = polygonRenderContribitions, this.numberType = POLYGON_NUMBER_TYPE, this.builtinContributions = [defaultPolygonBackgroundRenderContribution, defaultPolygonTextureRenderContribution], this.init(polygonRenderContribitions);
   }
   drawShape(polygon, context, x, y, drawContext, params, fillCb, strokeCb) {
     const polygonAttribute = getTheme(polygon, null == params ? void 0 : params.theme).polygon,
@@ -12448,9 +12390,6 @@ let DefaultCanvasGroupRender = class {
   constructor(groupRenderContribitions) {
     this.groupRenderContribitions = groupRenderContribitions, this.numberType = GROUP_NUMBER_TYPE;
   }
-  reInit() {
-    this._groupRenderContribitions = this.groupRenderContribitions.getContributions() || [], this._groupRenderContribitions.push(defaultGroupBackgroundRenderContribution);
-  }
   drawShape(group, context, x, y, drawContext, params, fillCb, strokeCb) {
     const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
       {
@@ -12581,8 +12520,8 @@ var __decorate$w = undefined && undefined.__decorate || function (decorators, ta
   };
 const repeatStr = ["", "repeat-x", "repeat-y", "repeat"];
 let DefaultCanvasImageRender = class extends BaseRender {
-  constructor(graphicRenderContributions) {
-    super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = IMAGE_NUMBER_TYPE, this.builtinContributions = [defaultImageRenderContribution, defaultImageBackgroundRenderContribution], this.init(graphicRenderContributions);
+  constructor(imageRenderContribitions) {
+    super(), this.imageRenderContribitions = imageRenderContribitions, this.numberType = IMAGE_NUMBER_TYPE, this.builtinContributions = [defaultImageRenderContribution, defaultImageBackgroundRenderContribution], this.init(imageRenderContribitions);
   }
   drawShape(image, context, x, y, drawContext, params, fillCb, strokeCb) {
     const imageAttribute = getTheme(image).image,
@@ -12905,9 +12844,6 @@ let DefaultRenderService = class {
   afterDraw(params) {
     this.drawContribution.afterDraw && this.drawContribution.afterDraw(this, Object.assign({}, this.drawParams));
   }
-  reInit() {
-    this.drawContribution.reInit();
-  }
   render(groups, params) {
     this.renderTreeRoots = groups, this.drawParams = params;
     const updateBounds = params.updateBounds;
@@ -13309,11 +13245,6 @@ let DefaultDrawContribution = class {
   constructor(contributions, drawItemInterceptorContributions) {
     this.contributions = contributions, this.drawItemInterceptorContributions = drawItemInterceptorContributions, this.currentRenderMap = new Map(), this.defaultRenderMap = new Map(), this.styleRenderMap = new Map(), this.dirtyBounds = new Bounds(), this.backupDirtyBounds = new Bounds(), this.global = application.global, this.layerService = application.layerService, isArray(this.contributions) || (this.contributions = [this.contributions]), this.init();
   }
-  reInit() {
-    this.init(), this.contributions.forEach(item => {
-      item.reInit();
-    });
-  }
   init() {
     this.contributions.forEach(item => {
       if (item.style) {
@@ -23217,7 +23148,8 @@ class DataZoom extends AbstractComponent {
             this._activeCache.lastPos = this.eventPosToStagePos(e);
             const evtTarget = vglobal.env === 'browser' ? vglobal : this.stage;
             const triggers = getEndTriggersOfDrag();
-            evtTarget.addEventListener('pointermove', this._onHandlerPointerMove, { capture: true, passive: false });
+            evtTarget.addEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
+            this.addEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
             triggers.forEach((trigger) => {
                 evtTarget.addEventListener(trigger, this._onHandlerPointerUp);
             });
@@ -23253,12 +23185,12 @@ class DataZoom extends AbstractComponent {
                         end = end + dis;
                     }
                 }
+                this._activeCache.lastPos = pos;
                 brushSelect && this.renderDragMask();
             }
             start = Math.min(Math.max(start, 0), 1);
             end = Math.min(Math.max(end, 0), 1);
             if (startAttr !== start || endAttr !== end) {
-                this._activeCache.lastPos = pos;
                 this.setStateAttr(start, end, true);
                 if (realTime) {
                     this._dispatchEvent('change', {
@@ -23372,10 +23304,11 @@ class DataZoom extends AbstractComponent {
     _clearDragEvents() {
         const evtTarget = vglobal.env === 'browser' ? vglobal : this.stage;
         const triggers = getEndTriggersOfDrag();
-        evtTarget.removeEventListener('pointermove', this._onHandlerPointerMove, { capture: true, passive: false });
+        evtTarget.removeEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
         triggers.forEach((trigger) => {
             evtTarget.removeEventListener(trigger, this._onHandlerPointerUp);
         });
+        this.removeEventListener('pointermove', this._onHandlerPointerMove, { capture: true });
     }
     _onHandlerPointerEnter(e) {
         this._showText = true;
@@ -29863,6 +29796,7 @@ class Brush extends AbstractComponent {
             this._activeMoveState = brushMoved && this._isPosInBrushMask(e);
             this._activeDrawState = !this._activeMoveState;
             this._startPos = this.eventPosToStagePos(e);
+            this._cacheDrawPoints = [this._startPos];
         };
         this._onBrushing = (e) => {
             if (this._outOfInteractiveRange(e)) {
@@ -29913,7 +29847,7 @@ class Brush extends AbstractComponent {
     _initDraw(e) {
         const { brushMode } = this.attribute;
         const pos = this.eventPosToStagePos(e);
-        this._cacheDrawPoints = [pos];
+        this._cacheDrawPoints.push(pos);
         brushMode === 'single' && this._clearMask();
         this._addBrushMask();
         this._dispatchBrushEvent(IOperateType.drawStart, e);
@@ -31692,6 +31626,6 @@ StoryLabelItem.defaultAttributes = {
     theme: 'default'
 };
 
-const version = "0.22.9-alpha.1";
+const version = "0.22.9";
 
 export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AxisStateValue, BasePlayer, Brush, CheckBox, CircleAxis, CircleAxisGrid, CircleCrosshair, ColorContinuousLegend, ContinuousPlayer, DEFAULT_ITEM_SPACE_COL, DEFAULT_ITEM_SPACE_ROW, DEFAULT_LABEL_SPACE, DEFAULT_PAGER_SPACE, DEFAULT_SHAPE_SIZE, DEFAULT_SHAPE_SPACE, DEFAULT_STATES$1 as DEFAULT_STATES, DEFAULT_TITLE_SPACE, DEFAULT_VALUE_SPACE, DataLabel, DataZoom, DataZoomActiveTag, DirectionEnum, DiscreteLegend, DiscretePlayer, EmptyTip, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PolygonSectorCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, StoryLabelItem, Switch, SymbolLabel, Tag, Timeline, Title, Tooltip, TopZIndex, VTag, WeatherBox, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getAxisBreakSymbolAttrs, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, hasOverlap, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, loadScrollbar, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, scrollbarModule, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, textIntersect, ticks, traverseGroup, version };

package/es/brush/brush.js

@@ -30,7 +30,8 @@ export class Brush extends AbstractComponent {
             array(updateTrigger).forEach((t => this.stage.addEventListener(t, this._onBrushingWithDelay))), 
             array(endTrigger).forEach((t => this.stage.addEventListener(t, this._onBrushEnd))), 
             e.stopPropagation(), this._firstUpdate = !0, this._activeMoveState = brushMoved && this._isPosInBrushMask(e), 
-            this._activeDrawState = !this._activeMoveState, this._startPos = this.eventPosToStagePos(e);
+            this._activeDrawState = !this._activeMoveState, this._startPos = this.eventPosToStagePos(e), 
+            this._cacheDrawPoints = [ this._startPos ];
         }, this._onBrushing = e => {
             this._outOfInteractiveRange(e) || (e.stopPropagation(), this._firstUpdate ? (this._activeDrawState && this._initDraw(e), 
             this._activeMoveState && this._initMove(e), this._firstUpdate = !1) : (this._activeDrawState && this._drawing(e), 
@@ -52,7 +53,7 @@ export class Brush extends AbstractComponent {
     }
     _initDraw(e) {
         const {brushMode: brushMode} = this.attribute, pos = this.eventPosToStagePos(e);
-        this._cacheDrawPoints = [ pos ], "single" === brushMode && this._clearMask(), this._addBrushMask(), 
+        this._cacheDrawPoints.push(pos), "single" === brushMode && this._clearMask(), this._addBrushMask(), 
         this._dispatchBrushEvent(IOperateType.drawStart, e), 1 === Object.keys(this._brushMaskAABBBoundsDict).length && this._dispatchBrushEvent(IOperateType.brushActive, e);
     }
     _initMove(e) {
@@ -196,4 +197,5 @@ export class Brush extends AbstractComponent {
     }
 }
 
-Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
+Brush.defaultAttributes = DEFAULT_BRUSH_ATTRIBUTES;
+//# sourceMappingURL=brush.js.map