@visactor/vrender-components 0.20.0-alpha.4 → 0.20.1-alpha.0

package/dist/index.es.js

@@ -32,40 +32,11 @@ class Metadata {
 var Reflect$1 = (function (Reflect) {
   var target;
   return function (exporter) {
-    const hasOwn = Object.prototype.hasOwnProperty,
-      supportsSymbol = "function" == typeof Symbol,
+    const supportsSymbol = "function" == typeof Symbol,
       toPrimitiveSymbol = supportsSymbol && void 0 !== Symbol.toPrimitive ? Symbol.toPrimitive : "@@toPrimitive",
-      iteratorSymbol = supportsSymbol && void 0 !== Symbol.iterator ? Symbol.iterator : "@@iterator",
-      supportsCreate = "function" == typeof Object.create,
-      supportsProto = {
-        __proto__: []
-      } instanceof Array,
-      downLevel = !supportsCreate && !supportsProto,
-      HashMap = {
-        create: supportsCreate ? function () {
-          return MakeDictionary(Object.create(null));
-        } : supportsProto ? function () {
-          return MakeDictionary({
-            __proto__: null
-          });
-        } : function () {
-          return MakeDictionary({});
-        },
-        has: downLevel ? function (map, key) {
-          return hasOwn.call(map, key);
-        } : function (map, key) {
-          return key in map;
-        },
-        get: downLevel ? function (map, key) {
-          return hasOwn.call(map, key) ? map[key] : void 0;
-        } : function (map, key) {
-          return map[key];
-        }
-      },
-      functionPrototype = Object.getPrototypeOf(Function),
-      usePolyfill = "object" == typeof process && process.env && "true" === process.env.REFLECT_METADATA_USE_MAP_POLYFILL,
-      _Map = usePolyfill || "function" != typeof Map || "function" != typeof Map.prototype.entries ? CreateMapPolyfill() : Map,
-      Metadata = (usePolyfill || "function" != typeof Set || "function" != typeof Set.prototype.entries ? CreateSetPolyfill() : Set, new (usePolyfill || "function" != typeof WeakMap ? CreateWeakMapPolyfill() : WeakMap)());
+      functionPrototype = (Object.getPrototypeOf(Function)),
+      _Map = ("object" == typeof process && process.env && process.env.REFLECT_METADATA_USE_MAP_POLYFILL, Map),
+      Metadata = (new WeakMap());
     function defineMetadata(metadataKey, metadataValue, target, propertyKey) {
       if (!IsObject(target)) throw new TypeError();
       return OrdinaryDefineOwnMetadata(metadataKey, metadataValue, target, propertyKey);
@@ -222,183 +193,6 @@ var Reflect$1 = (function (Reflect) {
       const constructor = prototypeProto.constructor;
       return "function" != typeof constructor || constructor === O ? proto : constructor;
     }
-    function CreateMapPolyfill() {
-      const cacheSentinel = {},
-        arraySentinel = [],
-        MapIterator = function () {
-          function MapIterator(keys, values, selector) {
-            this._index = 0, this._keys = keys, this._values = values, this._selector = selector;
-          }
-          return MapIterator.prototype["@@iterator"] = function () {
-            return this;
-          }, MapIterator.prototype[iteratorSymbol] = function () {
-            return this;
-          }, MapIterator.prototype.next = function () {
-            const index = this._index;
-            if (index >= 0 && index < this._keys.length) {
-              const result = this._selector(this._keys[index], this._values[index]);
-              return index + 1 >= this._keys.length ? (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel) : this._index++, {
-                value: result,
-                done: !1
-              };
-            }
-            return {
-              value: void 0,
-              done: !0
-            };
-          }, MapIterator.prototype.throw = function (error) {
-            throw this._index >= 0 && (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel), error;
-          }, MapIterator.prototype.return = function (value) {
-            return this._index >= 0 && (this._index = -1, this._keys = arraySentinel, this._values = arraySentinel), {
-              value: value,
-              done: !0
-            };
-          }, MapIterator;
-        }();
-      return function () {
-        function Map() {
-          this._keys = [], this._values = [], this._cacheKey = cacheSentinel, this._cacheIndex = -2;
-        }
-        return Object.defineProperty(Map.prototype, "size", {
-          get: function () {
-            return this._keys.length;
-          },
-          enumerable: !0,
-          configurable: !0
-        }), Map.prototype.has = function (key) {
-          return this._find(key, !1) >= 0;
-        }, Map.prototype.get = function (key) {
-          const index = this._find(key, !1);
-          return index >= 0 ? this._values[index] : void 0;
-        }, Map.prototype.set = function (key, value) {
-          const index = this._find(key, !0);
-          return this._values[index] = value, this;
-        }, Map.prototype.delete = function (key) {
-          const index = this._find(key, !1);
-          if (index >= 0) {
-            const size = this._keys.length;
-            for (let i = index + 1; i < size; i++) this._keys[i - 1] = this._keys[i], this._values[i - 1] = this._values[i];
-            return this._keys.length--, this._values.length--, key === this._cacheKey && (this._cacheKey = cacheSentinel, this._cacheIndex = -2), !0;
-          }
-          return !1;
-        }, Map.prototype.clear = function () {
-          this._keys.length = 0, this._values.length = 0, this._cacheKey = cacheSentinel, this._cacheIndex = -2;
-        }, Map.prototype.keys = function () {
-          return new MapIterator(this._keys, this._values, getKey);
-        }, Map.prototype.values = function () {
-          return new MapIterator(this._keys, this._values, getValue);
-        }, Map.prototype.entries = function () {
-          return new MapIterator(this._keys, this._values, getEntry);
-        }, Map.prototype["@@iterator"] = function () {
-          return this.entries();
-        }, Map.prototype[iteratorSymbol] = function () {
-          return this.entries();
-        }, Map.prototype._find = function (key, insert) {
-          return this._cacheKey !== key && (this._cacheIndex = this._keys.indexOf(this._cacheKey = key)), this._cacheIndex < 0 && insert && (this._cacheIndex = this._keys.length, this._keys.push(key), this._values.push(void 0)), this._cacheIndex;
-        }, Map;
-      }();
-      function getKey(key, _) {
-        return key;
-      }
-      function getValue(_, value) {
-        return value;
-      }
-      function getEntry(key, value) {
-        return [key, value];
-      }
-    }
-    function CreateSetPolyfill() {
-      return function () {
-        function Set() {
-          this._map = new _Map();
-        }
-        return Object.defineProperty(Set.prototype, "size", {
-          get: function () {
-            return this._map.size;
-          },
-          enumerable: !0,
-          configurable: !0
-        }), Set.prototype.has = function (value) {
-          return this._map.has(value);
-        }, Set.prototype.add = function (value) {
-          return this._map.set(value, value), this;
-        }, Set.prototype.delete = function (value) {
-          return this._map.delete(value);
-        }, Set.prototype.clear = function () {
-          this._map.clear();
-        }, Set.prototype.keys = function () {
-          return this._map.keys();
-        }, Set.prototype.values = function () {
-          return this._map.values();
-        }, Set.prototype.entries = function () {
-          return this._map.entries();
-        }, Set.prototype["@@iterator"] = function () {
-          return this.keys();
-        }, Set.prototype[iteratorSymbol] = function () {
-          return this.keys();
-        }, Set;
-      }();
-    }
-    function CreateWeakMapPolyfill() {
-      const UUID_SIZE = 16,
-        keys = HashMap.create(),
-        rootKey = CreateUniqueKey();
-      return function () {
-        function WeakMap() {
-          this._key = CreateUniqueKey();
-        }
-        return WeakMap.prototype.has = function (target) {
-          const table = GetOrCreateWeakMapTable(target, !1);
-          return void 0 !== table && HashMap.has(table, this._key);
-        }, WeakMap.prototype.get = function (target) {
-          const table = GetOrCreateWeakMapTable(target, !1);
-          return void 0 !== table ? HashMap.get(table, this._key) : void 0;
-        }, WeakMap.prototype.set = function (target, value) {
-          return GetOrCreateWeakMapTable(target, !0)[this._key] = value, this;
-        }, WeakMap.prototype.delete = function (target) {
-          const table = GetOrCreateWeakMapTable(target, !1);
-          return void 0 !== table && delete table[this._key];
-        }, WeakMap.prototype.clear = function () {
-          this._key = CreateUniqueKey();
-        }, WeakMap;
-      }();
-      function CreateUniqueKey() {
-        let key;
-        do {
-          key = "@@WeakMap@@" + CreateUUID();
-        } while (HashMap.has(keys, key));
-        return keys[key] = !0, key;
-      }
-      function GetOrCreateWeakMapTable(target, create) {
-        if (!hasOwn.call(target, rootKey)) {
-          if (!create) return;
-          Object.defineProperty(target, rootKey, {
-            value: HashMap.create()
-          });
-        }
-        return target[rootKey];
-      }
-      function FillRandomBytes(buffer, size) {
-        for (let i = 0; i < size; ++i) buffer[i] = 255 * Math.random() | 0;
-        return buffer;
-      }
-      function GenRandomBytes(size) {
-        return "function" == typeof Uint8Array ? "undefined" != typeof crypto ? crypto.getRandomValues(new Uint8Array(size)) : FillRandomBytes(new Uint8Array(size), size) : FillRandomBytes(new Array(size), size);
-      }
-      function CreateUUID() {
-        const data = GenRandomBytes(UUID_SIZE);
-        data[6] = 79 & data[6] | 64, data[8] = 191 & data[8] | 128;
-        let result = "";
-        for (let offset = 0; offset < UUID_SIZE; ++offset) {
-          const byte = data[offset];
-          4 !== offset && 6 !== offset && 8 !== offset || (result += "-"), byte < 16 && (result += "0"), result += byte.toString(16).toLowerCase();
-        }
-        return result;
-      }
-    }
-    function MakeDictionary(obj) {
-      return obj.__ = void 0, delete obj.__, obj;
-    }
     exporter("defineMetadata", defineMetadata), exporter("hasMetadata", hasMetadata), exporter("hasOwnMetadata", hasOwnMetadata), exporter("getMetadata", getMetadata);
   }((target = Reflect, function (key, value) {
     "function" != typeof target[key] && Object.defineProperty(target, key, {
@@ -7290,7 +7084,7 @@ class DefaultGroupBackgroundRenderContribution extends DefaultBaseBackgroundRend
 const defaultGroupBackgroundRenderContribution = new DefaultGroupBackgroundRenderContribution();
 
 const halfPi = pi / 2;
-function createRectPath(path, x, y, width, height, rectCornerRadius) {
+function createRectPath(path, x, y, width, height, rectCornerRadius, edgeCb) {
   let cornerRadius;
   if (width < 0 && (x += width, width = -width), height < 0 && (y += height, height = -height), isNumber(rectCornerRadius, !0)) cornerRadius = [rectCornerRadius = abs(rectCornerRadius), rectCornerRadius, rectCornerRadius, rectCornerRadius];else if (Array.isArray(rectCornerRadius)) {
     const cornerRadiusArr = rectCornerRadius;
@@ -7322,27 +7116,28 @@ function createRectPath(path, x, y, width, height, rectCornerRadius) {
     rightBottomPoint2 = [rightBottom[0], rightBottom[1] - _cornerRadius[2]],
     leftBottomPoint1 = [leftBottom[0] + _cornerRadius[3], leftBottom[1]],
     leftBottomPoint2 = [leftBottom[0], leftBottom[1] - _cornerRadius[3]];
-  if (path.moveTo(leftTopPoint1[0], leftTopPoint1[1]), path.lineTo(rightTopPoint1[0], rightTopPoint1[1]), !arrayEqual(rightTopPoint1, rightTopPoint2)) {
+  if (path.moveTo(leftTopPoint1[0], leftTopPoint1[1]), edgeCb && edgeCb[0] ? edgeCb[0](leftTopPoint1[0], leftTopPoint1[1], rightTopPoint1[0], rightTopPoint1[1]) : path.lineTo(rightTopPoint1[0], rightTopPoint1[1]), !arrayEqual(rightTopPoint1, rightTopPoint2)) {
+    edgeCb && edgeCb[0] && path.moveTo(rightTopPoint1[0], rightTopPoint1[1]);
     const centerX = rightTopPoint1[0],
       centerY = rightTopPoint1[1] + _cornerRadius[1];
     path.arc(centerX, centerY, _cornerRadius[1], -halfPi, 0, !1);
   }
-  if (path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]), !arrayEqual(rightBottomPoint1, rightBottomPoint2)) {
+  if (edgeCb && edgeCb[1] ? edgeCb[1](rightTopPoint2[0], rightTopPoint2[1], rightBottomPoint2[0], rightBottomPoint2[1]) : path.lineTo(rightBottomPoint2[0], rightBottomPoint2[1]), !arrayEqual(rightBottomPoint1, rightBottomPoint2)) {
     const centerX = rightBottomPoint2[0] - _cornerRadius[2],
       centerY = rightBottomPoint2[1];
-    path.arc(centerX, centerY, _cornerRadius[2], 0, halfPi, !1);
+    edgeCb && edgeCb[1] && path.moveTo(rightBottomPoint2[0], rightBottomPoint2[1]), path.arc(centerX, centerY, _cornerRadius[2], 0, halfPi, !1);
   }
-  if (path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]), !arrayEqual(leftBottomPoint1, leftBottomPoint2)) {
+  if (edgeCb && edgeCb[2] ? edgeCb[2](rightBottomPoint1[0], rightBottomPoint1[1], leftBottomPoint1[0], leftBottomPoint1[1]) : path.lineTo(leftBottomPoint1[0], leftBottomPoint1[1]), !arrayEqual(leftBottomPoint1, leftBottomPoint2)) {
     const centerX = leftBottomPoint1[0],
       centerY = leftBottomPoint1[1] - _cornerRadius[3];
-    path.arc(centerX, centerY, _cornerRadius[3], halfPi, pi, !1);
+    edgeCb && edgeCb[2] && path.moveTo(leftBottomPoint1[0], leftBottomPoint1[1]), path.arc(centerX, centerY, _cornerRadius[3], halfPi, pi, !1);
   }
-  if (path.lineTo(leftTopPoint2[0], leftTopPoint2[1]), !arrayEqual(leftTopPoint1, leftTopPoint2)) {
+  if (edgeCb && edgeCb[3] ? edgeCb[3](leftBottomPoint2[0], leftBottomPoint2[1], leftTopPoint2[0], leftTopPoint2[1]) : path.lineTo(leftTopPoint2[0], leftTopPoint2[1]), !arrayEqual(leftTopPoint1, leftTopPoint2)) {
     const centerX = leftTopPoint1[0],
       centerY = leftTopPoint1[1] + _cornerRadius[0];
-    path.arc(centerX, centerY, _cornerRadius[0], pi, pi + halfPi, !1);
+    edgeCb && edgeCb[3] && path.moveTo(leftTopPoint2[0], leftTopPoint2[1]), path.arc(centerX, centerY, _cornerRadius[0], pi, pi + halfPi, !1);
   }
-  return path.closePath(), path;
+  return !edgeCb && path.closePath(), path;
 }
 
 var __decorate$H = undefined && undefined.__decorate || function (decorators, target, key, desc) {
@@ -7419,14 +7214,24 @@ let SplitRectAfterRenderContribution = class {
       y1: y1,
       x: originX = groupAttribute.x,
       y: originY = groupAttribute.y,
-      stroke = groupAttribute.stroke
+      stroke = groupAttribute.stroke,
+      cornerRadius = groupAttribute.cornerRadius
     } = rect.attribute;
     let {
       width: width,
       height: height
     } = rect.attribute;
     if (width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0, Array.isArray(stroke) && stroke.some(s => !1 === s)) {
-      if (context.setStrokeStyle(rect, rect.attribute, x, y, groupAttribute), context.beginPath(), context.moveTo(x, y), stroke[0] ? context.lineTo(x + width, y) : context.moveTo(x + width, y), stroke[1] ? context.lineTo(x + width, y + height) : context.moveTo(x + width, y + height), stroke[2] ? context.lineTo(x, y + height) : context.moveTo(x, y + height), stroke[3]) {
+      if (context.setStrokeStyle(rect, rect.attribute, x, y, groupAttribute), !(0 === cornerRadius || isArray(cornerRadius) && cornerRadius.every(num => 0 === num))) {
+        let lastStroke,
+          lastStrokeI = 0;
+        return createRectPath(context, x, y, width, height, cornerRadius, new Array(4).fill(0).map((_, i) => (x1, y1, x2, y2) => {
+          stroke[i] && (lastStrokeI === i - 1 && stroke[i] === lastStroke || (context.setStrokeStyle(rect, Object.assign(Object.assign({}, rect.attribute), {
+            stroke: stroke[i]
+          }), x, y, groupAttribute), context.beginPath(), context.moveTo(x1, y1), lastStroke = stroke[i]), lastStrokeI = i, context.lineTo(x2, y2), context.stroke(), 3 === i && context.beginPath());
+        })), void context.stroke();
+      }
+      if (context.beginPath(), context.moveTo(x, y), stroke[0] ? context.lineTo(x + width, y) : context.moveTo(x + width, y), stroke[1] ? context.lineTo(x + width, y + height) : context.moveTo(x + width, y + height), stroke[2] ? context.lineTo(x, y + height) : context.moveTo(x, y + height), stroke[3]) {
         const adjustY = stroke[0] ? y - context.lineWidth / 2 : y;
         context.lineTo(x, adjustY);
       } else context.moveTo(x, y);
@@ -8271,9 +8076,9 @@ let DefaultCanvasAreaRender = class extends BaseRender {
       data = this.valid(area, areaAttribute, fillCb, strokeCb);
     if (!data) return;
     const {
-        doFill: doFill,
-        doStroke: doStroke
+        doFill: doFill
       } = data,
+      doStroke = data.doStroke && data.sVisible,
       {
         clipRange = areaAttribute.clipRange,
         closePath: closePath,
@@ -9078,7 +8883,9 @@ let DefaultCanvasGroupRender = class {
       clip: clip,
       baseOpacity = 1
     } = group.attribute;
-    clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
+    clip ? context.save() : context.highPerformanceSave();
+    const baseGlobalAlpha = context.baseGlobalAlpha;
+    context.baseGlobalAlpha *= baseOpacity;
     const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
       lastModelMatrix = context.modelMatrix;
     if (context.camera) {
@@ -9092,7 +8899,7 @@ let DefaultCanvasGroupRender = class {
       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(() => {
+    (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha = baseGlobalAlpha, p && p.then ? p.then(() => {
       clip ? context.restore() : context.highPerformanceRestore();
     }) : clip ? context.restore() : context.highPerformanceRestore();
   }
@@ -9266,7 +9073,7 @@ class ShadowRootDrawItemInterceptorContribution {
       const m = graphic.globalTransMatrix.getInverse();
       drawContribution.dirtyBounds.copy(drawContribution.backupDirtyBounds).transformWithMatrix(m), drawContribution.backupDirtyBounds.copy(drawContribution.dirtyBounds);
     }
-    return drawContribution.renderGroup(graphic.shadowRoot, drawContext, graphic.parent.globalTransMatrix), context.highPerformanceRestore(), drawContribution.dirtyBounds && drawContribution.backupDirtyBounds && (drawContribution.dirtyBounds.copy(tempDirtyBounds), drawContribution.backupDirtyBounds.copy(tempBackupDirtyBounds)), !0;
+    return drawContribution.renderGroup(graphic.shadowRoot, drawContext, matrixAllocate.allocate(1, 0, 0, 1, 0, 0)), context.highPerformanceRestore(), drawContribution.dirtyBounds && drawContribution.backupDirtyBounds && (drawContribution.dirtyBounds.copy(tempDirtyBounds), drawContribution.backupDirtyBounds.copy(tempBackupDirtyBounds)), !0;
   }
 }
 class DebugDrawItemInterceptorContribution {
@@ -11452,20 +11259,21 @@ class Wrapper {
     this.frame.lines.push(line), this.frame.actualHeight += line.height, this.y += line.height, this.lineBuffer.length = 0, this.lineWidth = this.maxAscent = this.maxDescent = this.maxAscentForBlank = this.maxDescentForBlank = 0;
   }
   deal(paragraph) {
-    paragraph instanceof RichTextIcon ? "horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : 0 === this.lineBuffer.length ? (this.store(paragraph), this.send()) : (this.send(), this.deal(paragraph)) : "number" != typeof this.width || this.width < 0 || (paragraph.newLine && this.send(), 0 !== paragraph.text.length && ("horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : this.lineWidth === this[this.directionKey.width] ? (this.send(), this.deal(paragraph)) : this.cut(paragraph)));
+    let singleLine = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !1;
+    paragraph instanceof RichTextIcon ? "horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : 0 === this.lineBuffer.length ? (this.store(paragraph), this.send()) : (this.send(), this.deal(paragraph)) : "number" != typeof this.width || this.width < 0 || (paragraph.newLine && this.send(), 0 !== paragraph.text.length && ("horizontal" === this.direction && 0 === this.width || "vertical" === this.direction && 0 === this.height || this.lineWidth + paragraph[this.directionKey.width] <= this[this.directionKey.width] ? this.store(paragraph) : this.lineWidth === this[this.directionKey.width] ? (this.send(), this.deal(paragraph)) : this.cut(paragraph, singleLine)));
   }
-  cut(paragraph) {
+  cut(paragraph, singleLine) {
     const availableWidth = this[this.directionKey.width] - this.lineWidth || 0,
       guessIndex = Math.ceil(availableWidth / paragraph[this.directionKey.width] * paragraph.length) || 0,
       index = getStrByWithCanvas(paragraph.text, availableWidth, paragraph.character, guessIndex, "break-word" === this.frame.wordBreak);
     if (0 !== index) {
       const [p1, p2] = seperateParagraph(paragraph, index);
-      this.store(p1), this.deal(p2);
+      this.store(p1), singleLine ? this.send() : this.deal(p2);
     } else 0 !== this.lineBuffer.length && (this.send(), this.deal(paragraph));
   }
 }
 
-const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", ...GRAPHIC_UPDATE_TAG_KEY];
+const RICHTEXT_UPDATE_TAG_KEY = ["width", "height", "ellipsis", "wordBreak", "verticalDirection", "maxHeight", "maxWidth", "textAlign", "textBaseline", "textConfig", "layoutDirection", "fill", "stroke", "fontSize", ...GRAPHIC_UPDATE_TAG_KEY];
 class RichText extends Graphic {
   constructor(params) {
     super(params), this.type = "richtext", this._currentHoverIcon = null, this.numberType = RICHTEXT_NUMBER_TYPE;
@@ -11667,7 +11475,7 @@ class RichText extends Graphic {
         skip = !1;
       for (let i = 0; i < paragraphs.length; i++) {
         const p = paragraphs[i];
-        skip ? (p.overflow = !0, p.left = 1 / 0, p.top = 1 / 0, !p.newLine && frame.lines[frame.lines.length - 1].paragraphs.push(p)) : wrapper.deal(p), frame.lines.length !== lineCount && (lineCount = frame.lines.length, wrapper.lineBuffer.length = 0, p.overflow = !0, p.left = 1e3, p.top = 1e3, frame.lines[frame.lines.length - 1].paragraphs.push(p), skip = !0), p.newLine && (skip = !1, wrapper.lineWidth = 0);
+        skip ? (p.overflow = !0, p.left = 1 / 0, p.top = 1 / 0, !p.newLine && frame.lines[frame.lines.length - 1].paragraphs.push(p)) : wrapper.deal(p, !0), frame.lines.length !== lineCount && (lineCount = frame.lines.length, wrapper.lineBuffer.length = 0, p.overflow = !0, p.left = 1e3, p.top = 1e3, frame.lines[frame.lines.length - 1].paragraphs.push(p), skip = !0), p.newLine && (skip = !1, wrapper.lineWidth = 0), wrapper.send();
       }
     } else for (let i = 0; i < paragraphs.length; i++) wrapper.deal(paragraphs[i]);
     wrapper.send();
@@ -11708,10 +11516,11 @@ class RichText extends Graphic {
     let pickIcon;
     return frameCache.icons.forEach(icon => {
       var _a, _b;
-      icon.AABBBounds.containsPoint({
+      const bounds = icon.AABBBounds.clone();
+      bounds.translate(icon._marginArray[3], icon._marginArray[0]), bounds.containsPoint({
         x: point.x - x,
         y: point.y - y
-      }) && (pickIcon = icon, pickIcon.globalX = (null !== (_a = pickIcon.attribute.x) && void 0 !== _a ? _a : 0) + x, pickIcon.globalY = (null !== (_b = pickIcon.attribute.y) && void 0 !== _b ? _b : 0) + y);
+      }) && (pickIcon = icon, pickIcon.globalX = (null !== (_a = pickIcon.attribute.x) && void 0 !== _a ? _a : 0) + x + icon._marginArray[3], pickIcon.globalY = (null !== (_b = pickIcon.attribute.y) && void 0 !== _b ? _b : 0) + y + icon._marginArray[0]);
     }), pickIcon;
   }
   getNoWorkAnimateAttr() {
@@ -16320,26 +16129,30 @@ class LabelBase extends AbstractComponent {
     labeling(textBounds, graphicBounds, position, offset) {
         return;
     }
+    _getLabelLinePoints(text, baseMark) {
+        return connectLineBetweenBounds(text.AABBBounds, baseMark === null || baseMark === void 0 ? void 0 : baseMark.AABBBounds);
+    }
     _createLabelLine(text, baseMark) {
-        const points = connectLineBetweenBounds(text.AABBBounds, baseMark === null || baseMark === void 0 ? void 0 : baseMark.AABBBounds);
+        const points = this._getLabelLinePoints(text, baseMark);
         if (points) {
-            const line = graphicCreator.line({
+            const lineGraphic = graphicCreator.line({
                 points
             });
-            if (line === null || line === void 0 ? void 0 : line.customShape) {
+            const { line = {} } = text.attribute;
+            if (line.customShape) {
                 const customShape = line.customShape;
-                line.pathProxy = (attrs) => {
+                lineGraphic.pathProxy = (attrs) => {
                     return customShape(text.attribute, attrs, new CustomPath2D());
                 };
             }
             if (baseMark && baseMark.attribute.fill) {
-                line.setAttribute('stroke', baseMark.attribute.fill);
+                lineGraphic.setAttribute('stroke', baseMark.attribute.fill);
             }
             if (this.attribute.line && !isEmpty(this.attribute.line.style)) {
-                line.setAttributes(this.attribute.line.style);
+                lineGraphic.setAttributes(this.attribute.line.style);
             }
-            this._setStatesOfLabelLine(line);
-            return line;
+            this._setStatesOfLabelLine(lineGraphic);
+            return lineGraphic;
         }
     }
     render() {
@@ -17141,6 +16954,9 @@ class ArcLabel extends LabelBase {
                         : undefined,
                     line: basedArc.labelLine
                 };
+                if (labels[i].type === 'richtext') {
+                    labelAttribute.width = basedArc.labelLimit;
+                }
                 labels[i].setAttributes(labelAttribute);
             }
         }
@@ -17747,28 +17563,25 @@ class ArcLabel extends LabelBase {
             }
         }
     }
+    _getLabelLinePoints(text, baseMark) {
+        return text.attribute.points;
+    }
     _createLabelLine(text, baseMark) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const { points, line = {}, visible, fill } = text.attribute;
-        const labelLine = text.attribute.points
-            ? graphicCreator.line({
+        var _a, _b, _c, _d, _e;
+        const { line = {}, visible } = text.attribute;
+        const lineGraphic = super._createLabelLine(text, baseMark);
+        if (lineGraphic) {
+            lineGraphic.setAttributes({
                 visible: (_c = (_a = (line.visible && visible)) !== null && _a !== void 0 ? _a : (_b = text.attribute) === null || _b === void 0 ? void 0 : _b.visible) !== null && _c !== void 0 ? _c : true,
-                stroke: (_e = (_d = line.style) === null || _d === void 0 ? void 0 : _d.stroke) !== null && _e !== void 0 ? _e : fill,
-                lineWidth: (_g = (_f = line.style) === null || _f === void 0 ? void 0 : _f.lineWidth) !== null && _g !== void 0 ? _g : 1,
-                points: points,
-                curveType: line.smooth ? 'basis' : null
-            })
-            : undefined;
-        if (labelLine) {
-            if (line === null || line === void 0 ? void 0 : line.customShape) {
-                const customShape = line.customShape;
-                labelLine.pathProxy = (attrs) => {
-                    return customShape(text.attribute, attrs, new CustomPath2D());
-                };
+                lineWidth: (_e = (_d = line.style) === null || _d === void 0 ? void 0 : _d.lineWidth) !== null && _e !== void 0 ? _e : 1
+            });
+            if (line.smooth) {
+                lineGraphic.setAttributes({
+                    curveType: 'basis'
+                });
             }
-            this._setStatesOfLabelLine(labelLine);
         }
-        return labelLine;
+        return lineGraphic;
     }
     computeRadius(r, width, height, k) {
         return this.computeLayoutRadius(width ? width : 0, height ? height : 0) * r * (isNil(k) ? 1 : k);
@@ -17796,7 +17609,8 @@ ArcLabel.defaultAttributes = {
         fontSize: 14,
         fontWeight: 'normal',
         fillOpacity: 1,
-        boundsPadding: [-1, 0, -1, 0]
+        boundsPadding: [-1, 0, -1, 0],
+        ellipsis: true
     },
     position: 'outside',
     line: {
@@ -18371,6 +18185,33 @@ function getPolarAngleLabelPosition(angle, center, radius, labelOffset, inside,
     const vector = getCircleVerticalVector(labelOffset || 1, labelPoint, center, inside);
     return getCircleLabelPosition(labelPoint, vector, text, style);
 }
+function getCirclePoints(center, count, radius, startAngle, endAngle) {
+    const points = [];
+    const range = endAngle - startAngle;
+    for (let i = 0; i < count; i++) {
+        const angle = startAngle + (i * range) / count;
+        points.push(polarToCartesian(center, radius, angle));
+    }
+    return points;
+}
+function getPolygonPath(points, closed) {
+    let path = '';
+    if (points.length === 0) {
+        return path;
+    }
+    points.forEach((point, index) => {
+        if (index === 0) {
+            path = `M${point.x},${point.y}`;
+        }
+        else {
+            path += `L${point.x},${point.y}`;
+        }
+    });
+    if (closed) {
+        path += 'Z';
+    }
+    return path;
+}
 
 const dispatchHoverState = (e, container, lastHover) => {
     const target = e.target;
@@ -18481,7 +18322,7 @@ class AxisBase extends AbstractComponent {
     }
     _renderInner(container) {
         const { title, label, tick, line, items } = this.attribute;
-        const axisContainer = graphicCreator.group({ x: 0, y: 0, zIndex: 1 });
+        const axisContainer = graphicCreator.group({ x: 0, y: 0, zIndex: 1, pickable: false });
         axisContainer.name = AXIS_ELEMENT_NAME.axisContainer;
         axisContainer.id = this._getNodeId('container');
         axisContainer.setMode(this.mode);
@@ -19685,22 +19526,29 @@ class CircleAxis extends AxisBase {
         super((options === null || options === void 0 ? void 0 : options.skipDefault) ? attributes : merge({}, CircleAxis.defaultAttributes, attributes));
     }
     renderLine(container) {
-        const { startAngle = POLAR_START_ANGLE, endAngle = POLAR_END_ANGLE, radius, center, innerRadius = 0, line = {}, inside = false } = this.attribute;
+        const { startAngle = POLAR_START_ANGLE, endAngle = POLAR_END_ANGLE, radius, center, innerRadius = 0, line = {}, inside = false, sides } = this.attribute;
         let arcRadius = radius;
         let arcInnerRadius = innerRadius;
         if (inside && innerRadius > 0) {
             arcRadius = innerRadius;
             arcInnerRadius = 0;
         }
-        const arcAttrs = Object.assign(Object.assign(Object.assign({}, center), { startAngle,
-            endAngle, radius: arcRadius, innerRadius: arcInnerRadius }), line.style);
-        const axisLine = graphicCreator.circle(arcAttrs);
-        axisLine.name = AXIS_ELEMENT_NAME.line;
-        axisLine.id = this._getNodeId('line');
+        let lineGraphic;
+        if (isValidNumber(sides) && sides >= 3) {
+            const gridPoints = getCirclePoints(center, sides, arcRadius, startAngle, endAngle);
+            lineGraphic = graphicCreator.path(Object.assign(Object.assign({}, line.style), { path: getPolygonPath(gridPoints, true) }));
+        }
+        else {
+            const arcAttrs = Object.assign(Object.assign(Object.assign({}, center), { startAngle,
+                endAngle, radius: arcRadius, innerRadius: arcInnerRadius }), line.style);
+            lineGraphic = graphicCreator.circle(arcAttrs);
+        }
+        lineGraphic.name = AXIS_ELEMENT_NAME.line;
+        lineGraphic.id = this._getNodeId('line');
         if (!isEmpty(line.state)) {
-            axisLine.states = merge({}, DEFAULT_STATES$1, line.state);
+            lineGraphic.states = merge({}, DEFAULT_STATES$1, line.state);
         }
-        container.add(axisLine);
+        container.add(lineGraphic);
     }
     getTitleAttribute() {
         var _a, _b, _c;
@@ -19869,33 +19717,34 @@ class GroupTransition extends ACustomAnimate {
     onStart() {
         let duration = this.duration;
         let easing = this.easing;
-        Object.keys(this._newElementAttrMap).forEach(id => {
-            var _a;
-            const { node, attrs, state } = this._newElementAttrMap[id];
-            if (state === 'enter') {
-                const { enter = {} } = (_a = this.params) !== null && _a !== void 0 ? _a : {};
-                duration = isValidNumber(enter.duration) ? enter.duration : duration;
-                easing = enter.easing ? enter.easing : easing;
-            }
-            if (node.type === 'path') {
-                node
-                    .animate({
-                    interpolate(key, ratio, from, to, nextAttributes) {
-                        if (key === 'path') {
-                            nextAttributes.path = interpolateString(from, to)(ratio);
-                            return true;
+        this._newElementAttrMap &&
+            Object.keys(this._newElementAttrMap).forEach(id => {
+                var _a;
+                const { node, attrs, state } = this._newElementAttrMap[id];
+                if (state === 'enter') {
+                    const { enter = {} } = (_a = this.params) !== null && _a !== void 0 ? _a : {};
+                    duration = isValidNumber(enter.duration) ? enter.duration : duration;
+                    easing = enter.easing ? enter.easing : easing;
+                }
+                if (node.type === 'path') {
+                    node
+                        .animate({
+                        interpolate(key, ratio, from, to, nextAttributes) {
+                            if (key === 'path') {
+                                nextAttributes.path = interpolateString(from, to)(ratio);
+                                return true;
+                            }
+                            return false;
                         }
-                        return false;
-                    }
-                })
-                    .to(attrs, duration, easing);
-            }
-            else {
-                node
-                    .animate()
-                    .to(attrs, duration, easing);
-            }
-        });
+                    })
+                        .to(attrs, duration, easing);
+                }
+                else {
+                    node
+                        .animate()
+                        .to(attrs, duration, easing);
+                }
+            });
     }
     onUpdate(end, ratio, out) {
     }
@@ -20038,7 +19887,8 @@ const continuousTicks = (scale, op) => {
     }
     else {
         const count = isFunction(tickCount) ? tickCount({ axisLength: rangeSize, labelStyle }) : tickCount;
-        scaleTicks = scale.ticks(count !== null && count !== void 0 ? count : DEFAULT_CONTINUOUS_TICK_COUNT, { noDecimals });
+        const customTicks = isFunction(op.tickMode) ? op.tickMode : undefined;
+        scaleTicks = scale.ticks(count !== null && count !== void 0 ? count : DEFAULT_CONTINUOUS_TICK_COUNT, { noDecimals, customTicks });
     }
     if (op.sampling) {
         if (op.coordinateType === 'cartesian' || (op.coordinateType === 'polar' && op.axisOrientType === 'radius')) {
@@ -20403,24 +20253,6 @@ const polarTicks = (scale, op) => {
     return convertDomainToTickData(scale.domain());
 };
 
-function getLinePath(points, closed) {
-    let path = '';
-    if (points.length === 0) {
-        return path;
-    }
-    points.forEach((point, index) => {
-        if (index === 0) {
-            path = `M${point.x},${point.y}`;
-        }
-        else {
-            path += `L${point.x},${point.y}`;
-        }
-    });
-    if (closed) {
-        path += 'Z';
-    }
-    return path;
-}
 function getArcPath(center, points, reverse, closed) {
     let path = '';
     if (!center || points.length === 0) {
@@ -20453,8 +20285,8 @@ function getRegionPath(from, to, attribute) {
         const fromStart = from[0];
         const toEnd = reversePoints[0];
         const center = attribute.center;
-        regionPath = getLinePath(from, !!closed);
-        nextPath = getLinePath(reversePoints, !!closed);
+        regionPath = getPolygonPath(from, !!closed);
+        nextPath = getPolygonPath(reversePoints, !!closed);
         const toEndRadius = PointService.distancePP(toEnd, center);
         const fromStartRadius = PointService.distancePP(fromStart, center);
         regionPath += `A${toEndRadius},${toEndRadius},0,0,1,${toEnd.x},${toEnd.y}L${toEnd.x},${toEnd.y}`;
@@ -20466,8 +20298,8 @@ function getRegionPath(from, to, attribute) {
         nextPath = getArcPath(center, reversePoints, true, !!closed);
     }
     else if (type === 'line' || type === 'polygon') {
-        regionPath = getLinePath(from, !!closed);
-        nextPath = getLinePath(reversePoints, !!closed);
+        regionPath = getPolygonPath(from, !!closed);
+        nextPath = getPolygonPath(reversePoints, !!closed);
     }
     if (closed) {
         regionPath += nextPath;
@@ -20528,7 +20360,7 @@ class BaseGrid extends AbstractComponent {
             const { id, points } = item;
             let path = '';
             if (type === 'line' || type === 'polygon') {
-                path = getLinePath(points, !!closed);
+                path = getPolygonPath(points, !!closed);
             }
             else if (type === 'circle') {
                 const { center } = this.attribute;
@@ -20550,7 +20382,7 @@ class BaseGrid extends AbstractComponent {
                 const dirLen = Math.sqrt(dir.x * dir.x + dir.y * dir.y);
                 const ratio = depth / dirLen;
                 nextPoints.push({ x: points[0].x + dir.x * ratio, y: points[0].y + dir.y * ratio });
-                const path = getLinePath(nextPoints, !!closed);
+                const path = getPolygonPath(nextPoints, !!closed);
                 const deltaX = abs(nextPoints[0].x - nextPoints[1].x);
                 const deltaY = abs(nextPoints[0].y - nextPoints[1].y);
                 const shape = graphicCreator.path(Object.assign({ path, z: 0, alpha: deltaX > deltaY ? ((points[1].x - points[0].x > 0 ? -1 : 1) * pi) / 2 : 0, beta: deltaX < deltaY ? -pi / 2 : 0, anchor3d: deltaX > deltaY ? [nextPoints[0].x, 0] : [0, nextPoints[0].y] }, (isFunction(style)
@@ -20634,15 +20466,6 @@ BaseGrid.defaultAttributes = {
     }
 };
 
-function getCirclePoints(center, count, radius, startAngle, endAngle) {
-    const points = [];
-    const range = endAngle - startAngle;
-    for (let i = 0; i < count; i++) {
-        const angle = startAngle + (i * range) / count;
-        points.push(polarToCartesian(center, radius, angle));
-    }
-    return points;
-}
 loadLineAxisGridComponent();
 class LineAxisGrid extends BaseGrid {
     constructor(attributes, options) {
@@ -24324,14 +24147,23 @@ class DiscreteLegend extends LegendBase {
     _createPager(compStyle) {
         var _a, _b;
         const { disableTriggerEvent, maxRow } = this.attribute;
+        const estimateTotal = (num) => {
+            if (num <= 99) {
+                return 99;
+            }
+            else if (num <= 999) {
+                return 999;
+            }
+            return 9999;
+        };
         return this._itemContext.isHorizontal
-            ? new Pager(Object.assign(Object.assign({ layout: maxRow === 1 ? 'horizontal' : 'vertical', total: 99 }, merge({
+            ? new Pager(Object.assign(Object.assign({ layout: maxRow === 1 ? 'horizontal' : 'vertical', total: estimateTotal(this._itemContext.pages) }, merge({
                 handler: {
                     preShape: 'triangleUp',
                     nextShape: 'triangleDown'
                 }
             }, compStyle)), { defaultCurrent: (_a = this.attribute.pager) === null || _a === void 0 ? void 0 : _a.defaultCurrent, disableTriggerEvent }))
-            : new Pager(Object.assign({ layout: 'horizontal', total: 99, disableTriggerEvent, defaultCurrent: (_b = this.attribute.pager) === null || _b === void 0 ? void 0 : _b.defaultCurrent }, compStyle));
+            : new Pager(Object.assign({ layout: 'horizontal', total: estimateTotal(this._itemContext.pages), disableTriggerEvent, defaultCurrent: (_b = this.attribute.pager) === null || _b === void 0 ? void 0 : _b.defaultCurrent }, compStyle));
     }
     _createScrollbar(compStyle, compSize) {
         const { disableTriggerEvent } = this.attribute;
@@ -26768,6 +26600,15 @@ const forwardStep = (direction, currentIndex, min, max) => {
 };
 
 class BasePlayer extends AbstractComponent {
+    getMinIndex() {
+        return this._minIndex;
+    }
+    getMaxIndex() {
+        return this._maxIndex;
+    }
+    getDataIndex() {
+        return this._dataIndex;
+    }
     constructor(attributes, options) {
         super((options === null || options === void 0 ? void 0 : options.skipDefault) ? attributes : merge({}, BasePlayer.defaultAttributes, attributes));
         this._data = [];
@@ -28203,7 +28044,10 @@ class Timeline extends AbstractComponent {
             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);
+                const originAttrs = {};
+                Object.keys(activeSymbolStyle).forEach(k => {
+                    originAttrs[k] = symbol.attribute[k];
+                });
                 symbol.setAttributes({ opacity: 0 });
                 symbol
                     .animate()
@@ -28212,8 +28056,8 @@ class Timeline extends AbstractComponent {
                 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);
+                    .to(Object.assign({}, activeSymbolStyle), perSymbolNormalDuration, easing)
+                    .to(Object.assign({}, originAttrs), perSymbolNormalDuration, easing);
             });
         }
         if (this._labelGroup) {
@@ -28221,7 +28065,10 @@ class Timeline extends AbstractComponent {
             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);
+                const originAttrs = {};
+                Object.keys(activeLabelStyle).forEach(k => {
+                    originAttrs[k] = label.attribute[k];
+                });
                 label.setAttributes({ opacity: 0 });
                 label
                     .animate()
@@ -28236,7 +28083,6 @@ class Timeline extends AbstractComponent {
         }
     }
     goto(flag, animateConfig) {
-        var _a;
         let { clipRange } = this.attribute;
         const { animation } = this.attribute;
         if (flag > 0) {
@@ -28264,11 +28110,10 @@ class Timeline extends AbstractComponent {
                 break;
             }
         }
-        const nextClipRange = flag > 0 ? this._timesPercent[i] : this._timesPercent[i - 1] || 0;
+        const nextClipRange = flag > 0 ? this._timesPercent[i] || 1 : 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);
+            this.animate().to({ clipRange: nextClipRange }, duration, easing);
         }
         else {
             this.setAttributes({ clipRange: nextClipRange });
@@ -28291,7 +28136,8 @@ Timeline.defaultAttributes = {
         symbolType: 'circle'
     },
     activeSymbolStyle: {
-        fill: 'orange'
+        fill: 'orange',
+        size: 16
     },
     lineStyle: {
         lineDash: [2, 2],
@@ -28671,6 +28517,6 @@ EmptyTip.defaultAttributes = {
     }
 };
 
-const version = "0.20.0-alpha.4";
+const version = "0.20.1-alpha.0";
 
-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, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getCircleLabelPosition, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };
+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, PopTip, Radio, RectCrosshair, RectLabel, SLIDER_ELEMENT_NAME, ScrollBar, SectorCrosshair, Segment, SizeContinuousLegend, Slider, SymbolLabel, Tag, Timeline, Title, Tooltip, VTag, alignTextInLine, angle, angleLabelOrientAttribute, angleTo, cartesianTicks, clampRadian, computeOffsetForlimit, continuousTicks, contrastAccessibilityChecker, convertDomainToTickData, createTextGraphicByType, deltaXYToAngle, fuzzyEqualNumber, getCircleLabelPosition, getCirclePoints, getCircleVerticalVector, getElMap, getHorizontalPath, getMarksByName, getNoneGroupMarksByName, getPolarAngleLabelPosition, getPolygonPath, getSizeHandlerPath, getTextAlignAttrOfVerticalDir, getTextType, getVerticalCoord, getVerticalPath, htmlAttributeTransform, initTextMeasure, isInRange, isPostiveXAxis, isRichText, isVisible, labelSmartInvert, length, limitShapeInBounds, linearDiscreteTicks, loadPoptip, measureTextSize, normalize, polarAngleAxisDiscreteTicks, polarTicks, reactAttributeTransform, registerArcDataLabel, registerLineDataLabel, registerMarkArcAreaAnimate, registerMarkArcLineAnimate, registerMarkAreaAnimate, registerMarkLineAnimate, registerMarkPointAnimate, registerRectDataLabel, registerSymbolDataLabel, removeRepeatPoint, richTextAttributeTransform, scale, setPoptipTheme, smartInvertStrategy, tan2AngleToAngle, ticks, traverseGroup, version };