@visactor/vrender-components 0.19.21 → 0.19.22

package/dist/index.es.js

@@ -3716,13 +3716,23 @@ class FederatedEvent {
     }
   }
   preventDefault() {
-    this.nativeEvent instanceof Event && this.nativeEvent.cancelable && this.nativeEvent.preventDefault(), this.defaultPrevented = !0;
+    try {
+      this.nativeEvent instanceof Event && this.nativeEvent.cancelable && this.nativeEvent.preventDefault();
+    } catch (err) {
+      this.nativeEvent.preventDefault && isFunction(this.nativeEvent.preventDefault) && this.nativeEvent.preventDefault();
+    }
+    this.defaultPrevented = !0;
   }
   stopImmediatePropagation() {
     this.propagationImmediatelyStopped = !0;
   }
   stopPropagation() {
-    this.nativeEvent instanceof Event && this.nativeEvent.cancelable && this.nativeEvent.stopPropagation(), this.propagationStopped = !0;
+    try {
+      this.nativeEvent instanceof Event && this.nativeEvent.cancelable && this.nativeEvent.stopPropagation();
+    } catch (err) {
+      this.nativeEvent.stopPropagation && isFunction(this.nativeEvent.stopPropagation) && this.nativeEvent.stopPropagation();
+    }
+    this.propagationStopped = !0;
   }
   initEvent() {}
   initUIEvent() {}
@@ -12075,6 +12085,100 @@ var __decorate$A = undefined && undefined.__decorate || function (decorators, ta
       decorator(target, key, paramIndex);
     };
   };
+let DefaultCanvasGroupRender = class {
+  constructor(groupRenderContribitions) {
+    this.groupRenderContribitions = groupRenderContribitions, this.numberType = GROUP_NUMBER_TYPE;
+  }
+  drawShape(group, context, x, y, drawContext, params, fillCb, strokeCb) {
+    const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
+      {
+        fill = groupAttribute.fill,
+        background: background,
+        stroke = groupAttribute.stroke,
+        opacity = groupAttribute.opacity,
+        width = groupAttribute.width,
+        height = groupAttribute.height,
+        clip = groupAttribute.clip,
+        fillOpacity = groupAttribute.fillOpacity,
+        strokeOpacity = groupAttribute.strokeOpacity,
+        cornerRadius = groupAttribute.cornerRadius,
+        path = groupAttribute.path,
+        lineWidth = groupAttribute.lineWidth,
+        visible = groupAttribute.visible
+      } = group.attribute,
+      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
+      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+      doFill = runFill(fill, background),
+      doStroke = runStroke(stroke, lineWidth);
+    if (!group.valid || !visible) return;
+    if (!clip) {
+      if (!doFill && !doStroke) return;
+      if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
+    }
+    if (path && path.length && drawContext.drawContribution) {
+      const disableFill = context.disableFill,
+        disableStroke = context.disableStroke,
+        disableBeginPath = context.disableBeginPath;
+      context.disableFill = !0, context.disableStroke = !0, context.disableBeginPath = !0, path.forEach(g => {
+        drawContext.drawContribution.getRenderContribution(g).draw(g, drawContext.renderService, drawContext, params);
+      }), context.disableFill = disableFill, context.disableStroke = disableStroke, context.disableBeginPath = disableBeginPath;
+    } else 0 === cornerRadius || isArray(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius));
+    this._groupRenderContribitions || (this._groupRenderContribitions = this.groupRenderContribitions.getContributions() || [], this._groupRenderContribitions.push(defaultGroupBackgroundRenderContribution));
+    const doFillOrStroke = {
+      doFill: doFill,
+      doStroke: doStroke
+    };
+    this._groupRenderContribitions.forEach(c => {
+      c.time === BaseRenderContributionTime.beforeFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke);
+    }), clip && context.clip(), context.setShadowBlendStyle && context.setShadowBlendStyle(group, group.attribute, groupAttribute), doFillOrStroke.doFill && (fillCb ? fillCb(context, group.attribute, groupAttribute) : fVisible && (context.setCommonStyle(group, group.attribute, x, y, groupAttribute), context.fill())), doFillOrStroke.doStroke && (strokeCb ? strokeCb(context, group.attribute, groupAttribute) : sVisible && (context.setStrokeStyle(group, group.attribute, x, y, groupAttribute), context.stroke())), this._groupRenderContribitions.forEach(c => {
+      c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb);
+    });
+  }
+  draw(group, renderService, drawContext, params) {
+    const {
+      context: context
+    } = drawContext;
+    if (!context) return;
+    const {
+      clip: clip,
+      baseOpacity = 1
+    } = group.attribute;
+    clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
+    const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
+      lastModelMatrix = context.modelMatrix;
+    if (context.camera) {
+      const nextModelMatrix = mat4Allocate.allocate(),
+        modelMatrix = mat4Allocate.allocate();
+      getModelMatrix(modelMatrix, group, groupAttribute), multiplyMat4Mat4(nextModelMatrix, lastModelMatrix || nextModelMatrix, modelMatrix), context.modelMatrix = nextModelMatrix, mat4Allocate.free(modelMatrix), context.setTransform(1, 0, 0, 1, 0, 0, !0);
+    } else context.transformFromMatrix(group.transMatrix, !0);
+    context.beginPath(), params.skipDraw ? this.drawShape(group, context, 0, 0, drawContext, params, () => !1, () => !1) : this.drawShape(group, context, 0, 0, drawContext);
+    const {
+      scrollX = groupAttribute.scrollX,
+      scrollY = groupAttribute.scrollY
+    } = group.attribute;
+    let p;
+    (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha /= baseOpacity, p && p.then ? p.then(() => {
+      clip ? context.restore() : context.highPerformanceRestore();
+    }) : clip ? context.restore() : context.highPerformanceRestore();
+  }
+};
+DefaultCanvasGroupRender = __decorate$A([injectable(), __param$n(0, inject(ContributionProvider)), __param$n(0, named(GroupRenderContribution)), __metadata$s("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+
+var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var d,
+      c = arguments.length,
+      r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+  },
+  __metadata$r = undefined && undefined.__metadata || function (k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+  },
+  __param$m = undefined && undefined.__param || function (paramIndex, decorator) {
+    return function (target, key) {
+      decorator(target, key, paramIndex);
+    };
+  };
 const repeatStr = ["", "repeat-x", "repeat-y", "repeat"];
 let DefaultCanvasImageRender = class extends BaseRender {
   constructor(imageRenderContribitions) {
@@ -12131,7 +12235,7 @@ let DefaultCanvasImageRender = class extends BaseRender {
     this._draw(image, imageAttribute, !1, drawContext);
   }
 };
-DefaultCanvasImageRender = __decorate$A([injectable(), __param$n(0, inject(ContributionProvider)), __param$n(0, named(ImageRenderContribution)), __metadata$s("design:paramtypes", [Object])], DefaultCanvasImageRender);
+DefaultCanvasImageRender = __decorate$z([injectable(), __param$m(0, inject(ContributionProvider)), __param$m(0, named(ImageRenderContribution)), __metadata$r("design:paramtypes", [Object])], DefaultCanvasImageRender);
 
 const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
 const ArcRender = Symbol.for("ArcRender");
@@ -12149,14 +12253,14 @@ const RichTextRender = Symbol.for("RichTextRender");
 const ImageRender = Symbol.for("ImageRender");
 const DrawContribution = Symbol.for("DrawContribution");
 
-var __decorate$z = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   },
-  __metadata$r = undefined && undefined.__metadata || function (k, v) {
+  __metadata$q = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
@@ -12216,7 +12320,7 @@ let CommonDrawItemInterceptorContribution = class {
     return !1;
   }
 };
-CommonDrawItemInterceptorContribution = __decorate$z([injectable(), __metadata$r("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
+CommonDrawItemInterceptorContribution = __decorate$y([injectable(), __metadata$q("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
 class InteractiveDrawItemInterceptorContribution {
   constructor() {
     this.order = 1;
@@ -12348,17 +12452,17 @@ class Canvas3DDrawItemInterceptor {
   }
 }
 
-var __decorate$y = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   },
-  __metadata$q = undefined && undefined.__metadata || function (k, v) {
+  __metadata$p = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$m = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$l = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -12395,7 +12499,7 @@ let DefaultRenderService = class {
     this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
   }
 };
-DefaultRenderService = __decorate$y([injectable(), __param$m(0, inject(DrawContribution)), __metadata$q("design:paramtypes", [Object])], DefaultRenderService);
+DefaultRenderService = __decorate$x([injectable(), __param$l(0, inject(DrawContribution)), __metadata$p("design:paramtypes", [Object])], DefaultRenderService);
 
 var renderModule$1 = new ContainerModule(bind => {
   bind(RenderService).to(DefaultRenderService);
@@ -12404,7 +12508,7 @@ var renderModule$1 = new ContainerModule(bind => {
 const PickerService = Symbol.for("PickerService");
 const GlobalPickerService = Symbol.for("GlobalPickerService");
 
-var __decorate$x = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var d,
     c = arguments.length,
     r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -12434,10 +12538,10 @@ let ShadowRootPickItemInterceptorContribution = class {
       currentGroupMatrix = matrixAllocate.allocateByObj(parentMatrix),
       newPoint = new Point(currentGroupMatrix.a * point.x + currentGroupMatrix.c * point.y + currentGroupMatrix.e, currentGroupMatrix.b * point.x + currentGroupMatrix.d * point.y + currentGroupMatrix.f),
       result = pickerService.pickGroup(g, newPoint, currentGroupMatrix, pickParams);
-    return context.highPerformanceRestore(), result;
+    return context.highPerformanceRestore(), !result.graphic && result.group && (result.graphic = result.group), result;
   }
 };
-ShadowRootPickItemInterceptorContribution = __decorate$x([injectable()], ShadowRootPickItemInterceptorContribution);
+ShadowRootPickItemInterceptorContribution = __decorate$w([injectable()], ShadowRootPickItemInterceptorContribution);
 let InteractivePickItemInterceptorContribution = class {
   constructor() {
     this.order = 1;
@@ -12456,7 +12560,7 @@ let InteractivePickItemInterceptorContribution = class {
     return null;
   }
 };
-InteractivePickItemInterceptorContribution = __decorate$x([injectable()], InteractivePickItemInterceptorContribution);
+InteractivePickItemInterceptorContribution = __decorate$w([injectable()], InteractivePickItemInterceptorContribution);
 let Canvas3DPickItemInterceptor = class {
   constructor() {
     this.order = 1;
@@ -12516,7 +12620,7 @@ let Canvas3DPickItemInterceptor = class {
     context.setTransformForCurrent();
   }
 };
-Canvas3DPickItemInterceptor = __decorate$x([injectable()], Canvas3DPickItemInterceptor);
+Canvas3DPickItemInterceptor = __decorate$w([injectable()], Canvas3DPickItemInterceptor);
 
 var pickModule = new ContainerModule((bind, unbind, isBound) => {
   isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(Canvas3DPickItemInterceptor), bind(ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(ShadowRootPickItemInterceptorContribution), bind(InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
@@ -12529,17 +12633,17 @@ var graphicModule = new ContainerModule(bind => {
 const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
 const PluginService = Symbol.for("PluginService");
 
-var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   },
-  __metadata$p = undefined && undefined.__metadata || function (k, v) {
+  __metadata$o = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$l = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$k = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -12579,7 +12683,7 @@ let DefaultPluginService = class {
     }), this.onRegisterPlugin = [];
   }
 };
-DefaultPluginService = __decorate$w([injectable(), __param$l(0, inject(ContributionProvider)), __param$l(0, named(AutoEnablePlugins)), __metadata$p("design:paramtypes", [Object])], DefaultPluginService);
+DefaultPluginService = __decorate$v([injectable(), __param$k(0, inject(ContributionProvider)), __param$k(0, named(AutoEnablePlugins)), __metadata$o("design:paramtypes", [Object])], DefaultPluginService);
 
 var pluginModule = new ContainerModule(bind => {
   bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -12593,14 +12697,14 @@ var textMeasureModules = new ContainerModule(bind => {
   bind(TextMeasureContribution).to(DefaultTextMeasureContribution).inSingletonScope(), bindContributionProvider(bind, TextMeasureContribution);
 });
 
-var __decorate$v = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   },
-  __metadata$o = undefined && undefined.__metadata || function (k, v) {
+  __metadata$n = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let CanvasLayerHandlerContribution = class {
@@ -12670,16 +12774,16 @@ let CanvasLayerHandlerContribution = class {
     this.canvas.release();
   }
 };
-CanvasLayerHandlerContribution = __decorate$v([injectable(), __metadata$o("design:paramtypes", [])], CanvasLayerHandlerContribution);
+CanvasLayerHandlerContribution = __decorate$u([injectable(), __metadata$n("design:paramtypes", [])], CanvasLayerHandlerContribution);
 
-var __decorate$u = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   },
-  __metadata$n = undefined && undefined.__metadata || function (k, v) {
+  __metadata$m = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let EmptyLayerHandlerContribution = class {
@@ -12714,16 +12818,16 @@ let EmptyLayerHandlerContribution = class {
   }
   release() {}
 };
-EmptyLayerHandlerContribution = __decorate$u([injectable(), __metadata$n("design:paramtypes", [])], EmptyLayerHandlerContribution);
+EmptyLayerHandlerContribution = __decorate$t([injectable(), __metadata$m("design:paramtypes", [])], EmptyLayerHandlerContribution);
 
-var __decorate$t = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   },
-  __metadata$m = undefined && undefined.__metadata || function (k, v) {
+  __metadata$l = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   };
 let OffscreenLayerHandlerContribution = class {
@@ -12786,7 +12890,7 @@ let OffscreenLayerHandlerContribution = class {
   }
   merge(layerHandlers) {}
 };
-OffscreenLayerHandlerContribution = __decorate$t([injectable(), __metadata$m("design:paramtypes", [])], OffscreenLayerHandlerContribution);
+OffscreenLayerHandlerContribution = __decorate$s([injectable(), __metadata$l("design:paramtypes", [])], OffscreenLayerHandlerContribution);
 
 var layerHandlerModules = new ContainerModule(bind => {
   bind(CanvasLayerHandlerContribution).toSelf(), bind(OffscreenLayerHandlerContribution).toSelf(), bind(EmptyLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution), bind(DynamicLayerHandlerContribution).toService(OffscreenLayerHandlerContribution), bind(VirtualLayerHandlerContribution).toService(EmptyLayerHandlerContribution);
@@ -12902,17 +13006,17 @@ function findNextGraphic(graphic, id, defaultZIndex) {
   return result;
 }
 
-var __decorate$s = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
     var d,
       c = arguments.length,
       r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
     if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   },
-  __metadata$l = undefined && undefined.__metadata || function (k, v) {
+  __metadata$k = undefined && undefined.__metadata || function (k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
   },
-  __param$k = undefined && undefined.__param || function (paramIndex, decorator) {
+  __param$j = undefined && undefined.__param || function (paramIndex, decorator) {
     return function (target, key) {
       decorator(target, key, paramIndex);
     };
@@ -13099,101 +13203,7 @@ let DefaultDrawContribution = class {
   }
   afterDraw(renderService, drawParams) {}
 };
-DefaultDrawContribution = __decorate$s([injectable(), __param$k(0, multiInject(GraphicRender)), __param$k(1, inject(ContributionProvider)), __param$k(1, named(DrawItemInterceptor)), __metadata$l("design:paramtypes", [Array, Object])], DefaultDrawContribution);
-
-var __decorate$r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-    var d,
-      c = arguments.length,
-      r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-  },
-  __metadata$k = undefined && undefined.__metadata || function (k, v) {
-    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-  },
-  __param$j = undefined && undefined.__param || function (paramIndex, decorator) {
-    return function (target, key) {
-      decorator(target, key, paramIndex);
-    };
-  };
-let DefaultCanvasGroupRender = class {
-  constructor(groupRenderContribitions) {
-    this.groupRenderContribitions = groupRenderContribitions, this.numberType = GROUP_NUMBER_TYPE;
-  }
-  drawShape(group, context, x, y, drawContext, params, fillCb, strokeCb) {
-    const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
-      {
-        fill = groupAttribute.fill,
-        background: background,
-        stroke = groupAttribute.stroke,
-        opacity = groupAttribute.opacity,
-        width = groupAttribute.width,
-        height = groupAttribute.height,
-        clip = groupAttribute.clip,
-        fillOpacity = groupAttribute.fillOpacity,
-        strokeOpacity = groupAttribute.strokeOpacity,
-        cornerRadius = groupAttribute.cornerRadius,
-        path = groupAttribute.path,
-        lineWidth = groupAttribute.lineWidth,
-        visible = groupAttribute.visible
-      } = group.attribute,
-      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
-      doFill = runFill(fill, background),
-      doStroke = runStroke(stroke, lineWidth);
-    if (!group.valid || !visible) return;
-    if (!clip) {
-      if (!doFill && !doStroke) return;
-      if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
-    }
-    if (path && path.length && drawContext.drawContribution) {
-      const disableFill = context.disableFill,
-        disableStroke = context.disableStroke,
-        disableBeginPath = context.disableBeginPath;
-      context.disableFill = !0, context.disableStroke = !0, context.disableBeginPath = !0, path.forEach(g => {
-        drawContext.drawContribution.getRenderContribution(g).draw(g, drawContext.renderService, drawContext, params);
-      }), context.disableFill = disableFill, context.disableStroke = disableStroke, context.disableBeginPath = disableBeginPath;
-    } else 0 === cornerRadius || isArray(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius));
-    this._groupRenderContribitions || (this._groupRenderContribitions = this.groupRenderContribitions.getContributions() || [], this._groupRenderContribitions.push(defaultGroupBackgroundRenderContribution));
-    const doFillOrStroke = {
-      doFill: doFill,
-      doStroke: doStroke
-    };
-    this._groupRenderContribitions.forEach(c => {
-      c.time === BaseRenderContributionTime.beforeFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke);
-    }), clip && context.clip(), context.setShadowBlendStyle && context.setShadowBlendStyle(group, group.attribute, groupAttribute), doFillOrStroke.doFill && (fillCb ? fillCb(context, group.attribute, groupAttribute) : fVisible && (context.setCommonStyle(group, group.attribute, x, y, groupAttribute), context.fill())), doFillOrStroke.doStroke && (strokeCb ? strokeCb(context, group.attribute, groupAttribute) : sVisible && (context.setStrokeStyle(group, group.attribute, x, y, groupAttribute), context.stroke())), this._groupRenderContribitions.forEach(c => {
-      c.time === BaseRenderContributionTime.afterFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb);
-    });
-  }
-  draw(group, renderService, drawContext, params) {
-    const {
-      context: context
-    } = drawContext;
-    if (!context) return;
-    const {
-      clip: clip,
-      baseOpacity = 1
-    } = group.attribute;
-    clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
-    const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
-      lastModelMatrix = context.modelMatrix;
-    if (context.camera) {
-      const nextModelMatrix = mat4Allocate.allocate(),
-        modelMatrix = mat4Allocate.allocate();
-      getModelMatrix(modelMatrix, group, groupAttribute), multiplyMat4Mat4(nextModelMatrix, lastModelMatrix || nextModelMatrix, modelMatrix), context.modelMatrix = nextModelMatrix, mat4Allocate.free(modelMatrix), context.setTransform(1, 0, 0, 1, 0, 0, !0);
-    } else context.transformFromMatrix(group.transMatrix, !0);
-    context.beginPath(), params.skipDraw ? this.drawShape(group, context, 0, 0, drawContext, params, () => !1, () => !1) : this.drawShape(group, context, 0, 0, drawContext);
-    const {
-      scrollX = groupAttribute.scrollX,
-      scrollY = groupAttribute.scrollY
-    } = group.attribute;
-    let p;
-    (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha /= baseOpacity, p && p.then ? p.then(() => {
-      clip ? context.restore() : context.highPerformanceRestore();
-    }) : clip ? context.restore() : context.highPerformanceRestore();
-  }
-};
-DefaultCanvasGroupRender = __decorate$r([injectable(), __param$j(0, inject(ContributionProvider)), __param$j(0, named(GroupRenderContribution)), __metadata$k("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+DefaultDrawContribution = __decorate$r([injectable(), __param$j(0, multiInject(GraphicRender)), __param$j(1, inject(ContributionProvider)), __param$j(1, named(DrawItemInterceptor)), __metadata$k("design:paramtypes", [Array, Object])], DefaultDrawContribution);
 
 var __decorate$q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var d,
@@ -27142,61 +27152,47 @@ class Indicator extends AbstractComponent {
         super(...arguments);
         this.name = 'indicator';
     }
+    _renderText(group, title, limit, limitRatio, themePath, graphicName) {
+        if (title.visible !== false) {
+            const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, themePath), title.style, {
+                visible: title.visible
+            });
+            titleStyle.lineHeight = isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize;
+            if (title.formatMethod) {
+                titleStyle._originText = titleStyle.text;
+                titleStyle.text = title.formatMethod(titleStyle.text, titleStyle);
+            }
+            const textGraphic = createTextGraphicByType(titleStyle);
+            textGraphic.name = graphicName;
+            group.appendChild(textGraphic);
+            if (title.autoFit && isValidNumber(limit)) {
+                this._setLocalAutoFit(limit, textGraphic, title);
+            }
+            if (title.autoLimit && isValidNumber(limitRatio)) {
+                textGraphic.setAttribute('maxLineWidth', limit);
+            }
+            return textGraphic;
+        }
+        return undefined;
+    }
     render() {
         var _a;
-        const { visible, title = {}, content, size, limitRatio = Infinity } = this.attribute;
-        const limit = Math.min(size.width, size.height) * limitRatio;
-        const group = this.createOrUpdateChild('indicator-container', { x: 0, y: 0, zIndex: 1 }, 'group');
-        if (visible !== true) {
-            group && group.hideAll();
+        this.removeAllChild(true);
+        if (this.attribute.visible !== true) {
             return;
         }
+        const { title = {}, content, size, limitRatio = Infinity } = this.attribute;
+        const limit = Math.min(size.width, size.height) * limitRatio;
+        const group = this.createOrUpdateChild('indicator-container', { x: 0, y: 0, zIndex: 1 }, 'group');
         if (isValid(title)) {
-            if (title.visible !== false) {
-                const titleStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'title.style'), title.style);
-                if (isRichText(titleStyle)) {
-                    this._title = group.createOrUpdateChild('indicator-title', Object.assign(Object.assign({}, richTextAttributeTransform(titleStyle)), { visible: title.visible, x: 0, y: 0 }), 'richtext');
-                }
-                else {
-                    this._title = group.createOrUpdateChild('indicator-title', Object.assign(Object.assign({}, titleStyle), { lineHeight: isValid(titleStyle.lineHeight) ? titleStyle.lineHeight : titleStyle.fontSize, visible: title.visible, x: 0, y: 0 }), 'text');
-                }
-                if (title.autoFit && isValidNumber(limit)) {
-                    this._setLocalAutoFit(limit, this._title, title);
-                }
-                if (title.autoLimit && isValidNumber(limitRatio)) {
-                    this._title.setAttribute('maxLineWidth', limit);
-                }
-            }
-            else {
-                const titleNode = group.find(node => node.name === 'indicator-title', false);
-                titleNode && group.removeChild(titleNode);
-                this._title = undefined;
-            }
+            this._title = this._renderText(group, title, limit, limitRatio, 'title.style', 'indicator-title');
         }
         if (isValid(content)) {
             const contents = array(content);
             const contentComponents = [];
             contents.forEach((contentItem, i) => {
                 if (contentItem.visible !== false) {
-                    const contentStyle = merge({}, get(DEFAULT_INDICATOR_THEME, 'content.style'), contentItem.style);
-                    let contentComponent;
-                    if (isRichText(contentStyle)) {
-                        contentComponent = group.createOrUpdateChild('indicator-content-' + i, Object.assign(Object.assign({}, richTextAttributeTransform(contentStyle)), { visible: title.visible, x: 0, y: 0 }), 'richtext');
-                    }
-                    else {
-                        contentComponent = group.createOrUpdateChild('indicator-content-' + i, Object.assign(Object.assign({}, contentStyle), { lineHeight: isValid(contentStyle.lineHeight) ? contentStyle.lineHeight : contentStyle.fontSize, visible: contentItem.visible, x: 0, y: 0 }), 'text');
-                    }
-                    if (contentItem.autoFit && isValidNumber(limit)) {
-                        this._setLocalAutoFit(limit, contentComponent, contentItem);
-                    }
-                    if (contentItem.autoLimit && isValidNumber(limitRatio)) {
-                        contentComponent.setAttribute('maxLineWidth', limit);
-                    }
-                    contentComponents.push(contentComponent);
-                }
-                else {
-                    const contentItemNode = group.find(node => node.name === 'indicator-content-' + i, false);
-                    contentItemNode && group.removeChild(contentItemNode);
+                    contentComponents.push(this._renderText(group, contentItem, limit, limitRatio, 'content.style', 'indicator-content-' + i));
                 }
             });
             this._content = contentComponents;
@@ -29019,6 +29015,219 @@ class Tooltip extends AbstractComponent {
 }
 Tooltip.defaultAttributes = defaultAttributes;
 
+function loadTimelineComponent() {
+    registerGroup();
+    registerText();
+    registerSymbol();
+    registerLine();
+}
+
+loadTimelineComponent();
+class Timeline extends AbstractComponent {
+    constructor(attributes, options) {
+        super((options === null || options === void 0 ? void 0 : options.skipDefault) ? attributes : merge({}, Timeline.defaultAttributes, attributes));
+        this.name = 'timeline';
+    }
+    render() {
+        const { width, lineStyle, activeLineStyle, symbolStyle, activeSymbolStyle, labelStyle, activeLabelStyle, times, pointLayoutMode, labelSpace, clipRange, animation } = this.attribute;
+        if (!(times && times.length)) {
+            return;
+        }
+        const symbolHeight = (isArray(symbolStyle.size) ? symbolStyle.size[1] : symbolStyle.size) || 0;
+        const activeSymbolHeight = (isArray(activeSymbolStyle.size) ? activeSymbolStyle.size[1] : activeSymbolStyle.size) || 0;
+        const lineSymbolHeight = Math.max(lineStyle.lineWidth || 0, activeLineStyle.lineWidth || 0, symbolHeight, activeSymbolHeight);
+        const lineY = lineSymbolHeight / 2;
+        const lineAttr = {
+            y: lineY,
+            points: [
+                { x: 0, y: 0 },
+                { x: width, y: 0 }
+            ]
+        };
+        this._line = this.createOrUpdateChild('line-axes', Object.assign(Object.assign({}, lineStyle), lineAttr), 'line');
+        this._activeLine = this.createOrUpdateChild('active-line-axes', Object.assign(Object.assign(Object.assign({}, activeLineStyle), lineAttr), { clipRange }), 'line');
+        const activeWidth = width * clipRange;
+        const symbolGroup = this.createOrUpdateChild('symbol-group', {
+            y: lineY
+        }, 'group');
+        const symbolSpace = times.length === 1
+            ? width
+            : pointLayoutMode === 'space-between'
+                ? width / (times.length - 1)
+                : width / times.length;
+        const symbolStartX = pointLayoutMode === 'space-between' ? 0 : symbolSpace / 2;
+        this._timesPercent = times.map((_, i) => (symbolStartX + symbolSpace * i) / width);
+        times.forEach((item, i) => {
+            const x = this._timesPercent[i] * width;
+            symbolGroup.createOrUpdateChild(item.label, Object.assign(Object.assign({}, symbolStyle), { x }), 'symbol');
+        });
+        this._symbolGroup = symbolGroup;
+        const labelY = lineSymbolHeight + labelSpace;
+        const labelGroup = this.createOrUpdateChild('label-group', {
+            y: labelY
+        }, 'group');
+        times.forEach((item, i) => {
+            const x = this._timesPercent[i] * width;
+            labelGroup.createOrUpdateChild(item.label, Object.assign(Object.assign({}, labelStyle), { x, text: item.label }), 'text');
+        });
+        this._labelGroup = labelGroup;
+        const setActive = (group, activeStyle) => {
+            group.forEachChildren((label) => {
+                if (label.currentStates) {
+                    const currentStates = label.currentStates;
+                    label.clearStates();
+                    label.useStates(currentStates, false);
+                }
+                label.states = {
+                    active: activeStyle
+                };
+                if (label.attribute.x <= activeWidth) {
+                    label.useStates(['active'], animation);
+                }
+            });
+        };
+        setActive(labelGroup, activeLabelStyle);
+        setActive(symbolGroup, activeSymbolStyle);
+    }
+    appearAnimate(animateConfig) {
+        const { duration = 1000, easing = 'quadOut' } = animateConfig;
+        const { activeLabelStyle, activeSymbolStyle } = this.attribute;
+        const percent = duration / 1000;
+        const lineDuration = percent * 500;
+        const activeLineDuration = percent * 200;
+        const perSymbolDuration = percent * 100;
+        const perSymbolNormalDuration = percent * 90;
+        const symbolDelay = percent * 100;
+        const symbolNormalDelay = percent * 600;
+        if (this._line) {
+            this._line.setAttributes({ clipRange: 0 });
+            this._line.animate().to({ clipRange: 1 }, lineDuration, easing);
+        }
+        if (this._activeLine) {
+            this._activeLine.setAttributes({ opacity: 0 });
+            this._activeLine
+                .animate()
+                .wait(500)
+                .to({ opacity: 1 }, activeLineDuration, easing);
+        }
+        if (this._symbolGroup) {
+            const size = this._symbolGroup.count - 1;
+            const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));
+            const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));
+            this._symbolGroup.forEachChildren((symbol, i) => {
+                const originAttrs = Object.assign({}, symbol.attribute);
+                symbol.setAttributes({ opacity: 0 });
+                symbol
+                    .animate()
+                    .wait(symbolDelay + delay * i)
+                    .to({ opacity: 1 }, perSymbolDuration, easing);
+                symbol
+                    .animate()
+                    .wait(symbolNormalDelay + delayNormal * i)
+                    .to(Object.assign({ scaleX: 1.8, scaleY: 1.8 }, activeSymbolStyle), perSymbolNormalDuration, easing)
+                    .to(Object.assign({ scaleX: 1, scaleY: 1 }, originAttrs), perSymbolNormalDuration, easing);
+            });
+        }
+        if (this._labelGroup) {
+            const size = this._labelGroup.count - 1;
+            const delay = percent * (size === 1 ? 0 : (500 - 100) / (size - 1));
+            const delayNormal = percent * (size === 1 ? 0 : (400 - 160) / (size - 1));
+            this._labelGroup.forEachChildren((label, i) => {
+                const originAttrs = Object.assign({}, label.attribute);
+                label.setAttributes({ opacity: 0 });
+                label
+                    .animate()
+                    .wait(symbolDelay + delay * i)
+                    .to({ opacity: 1 }, perSymbolDuration, easing);
+                label
+                    .animate()
+                    .wait(symbolNormalDelay + delayNormal * i)
+                    .to(Object.assign({ dy: 10 }, activeLabelStyle), perSymbolNormalDuration, easing)
+                    .to(Object.assign({ dy: 0 }, originAttrs), perSymbolNormalDuration, easing);
+            });
+        }
+    }
+    goto(flag, animateConfig) {
+        var _a;
+        let { clipRange } = this.attribute;
+        const { animation } = this.attribute;
+        if (flag > 0) {
+            if (clipRange >= 1) {
+                return;
+            }
+            else if (clipRange < 0) {
+                clipRange = 0;
+            }
+        }
+        else {
+            if (clipRange <= 0) {
+                return;
+            }
+            else if (clipRange > 1) {
+                clipRange = 1;
+            }
+        }
+        if (clipRange !== this.attribute.clipRange) {
+            this.setAttributes({ clipRange });
+        }
+        let i = 0;
+        for (; i < this._timesPercent.length; i++) {
+            if (clipRange < this._timesPercent[i]) {
+                break;
+            }
+        }
+        const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;
+        if (animation) {
+            const { duration = 1000, easing = 'quadOut' } = animateConfig;
+            const actDuration = (Math.abs(nextClipRange - clipRange) / (this._timesPercent[i] - ((_a = this._timesPercent[i - 1]) !== null && _a !== void 0 ? _a : 0))) * duration;
+            this.animate().to({ clipRange: nextClipRange }, actDuration, easing);
+        }
+        else {
+            this.setAttributes({ clipRange: nextClipRange });
+        }
+    }
+    forward(animateConfig) {
+        this.goto(1, animateConfig);
+    }
+    backward(animateConfig) {
+        this.goto(-1, animateConfig);
+    }
+}
+Timeline.defaultAttributes = {
+    labelSpace: 10,
+    pointLayoutMode: 'space-around',
+    animation: true,
+    symbolStyle: {
+        fill: 'black',
+        size: 12,
+        symbolType: 'circle'
+    },
+    activeSymbolStyle: {
+        fill: 'orange'
+    },
+    lineStyle: {
+        lineDash: [2, 2],
+        lineCap: 'butt',
+        stroke: 'black',
+        lineWidth: 2
+    },
+    activeLineStyle: {
+        stroke: 'orange',
+        lineWidth: 4
+    },
+    labelStyle: {
+        fontSize: 12,
+        fill: 'black',
+        textAlign: 'center',
+        textBaseline: 'top'
+    },
+    activeLabelStyle: {
+        fontSize: 14,
+        fill: 'orange'
+    },
+    clipRange: 0
+};
+
 function VTag(params) {
     return new Tag(params ? params.attribute : {});
 }
@@ -29374,6 +29583,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.19.21";
+const version = "0.19.22";
 
-export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AreaLabel, 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, GroupFadeIn, GroupFadeOut, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineDataLabel, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, clampRadian, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, direction, fuzzyEqualNumber, getCircleLabelPosition, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, loadPoptip, measureTextSize, normalize, reactAttributeTransform, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };
+export { AXIS_ELEMENT_NAME, AbstractComponent, ArcInfo, ArcLabel, ArcSegment, AreaLabel, 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, GroupFadeIn, GroupFadeOut, GroupTransition, IMarkAreaLabelPosition, IMarkCommonArcLabelPosition, IMarkLineLabelPosition, IMarkPointItemPosition, IOperateType, Indicator, LEGEND_ELEMENT_NAME, LabelBase, LegendEvent, LegendStateValue, LineAxis, LineAxisGrid, LineCrosshair, LineDataLabel, LineLabel, LinkPath, MarkArcArea, MarkArcLine, MarkArea, MarkLine, MarkPoint, Pager, PlayerEventEnum, PolygonCrosshair, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, clampRadian, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, direction, fuzzyEqualNumber, getCircleLabelPosition, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, loadPoptip, measureTextSize, normalize, reactAttributeTransform, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };