@visactor/vrender 1.0.27-alpha.0 → 1.0.28-alpha.0

package/cjs/index.d.ts

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

package/cjs/index.js

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

package/cjs/index.js.map

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

package/dist/index.es.js

@@ -11955,9 +11955,10 @@ let Symbol$1 = class Symbol extends Graphic {
   }
   updateSymbolAABBBoundsAccurate(attribute, symbolTheme, aabbBounds) {
     const {
-      size = symbolTheme.size
-    } = attribute;
-    return this.getParsedPath().bounds(size, aabbBounds), aabbBounds;
+        size = symbolTheme.size
+      } = attribute,
+      symbolClass = this.getParsedPath();
+    return symbolClass ? (symbolClass.bounds(size, aabbBounds), aabbBounds) : aabbBounds;
   }
   needUpdateTags(keys) {
     return super.needUpdateTags(keys, SYMBOL_UPDATE_TAG_KEY);
@@ -11966,8 +11967,9 @@ let Symbol$1 = class Symbol extends Graphic {
     return super.needUpdateTag(key, SYMBOL_UPDATE_TAG_KEY);
   }
   toCustomPath() {
-    const symbolInstance = this.getParsedPath(),
-      size = this.attribute.size,
+    const symbolInstance = this.getParsedPath();
+    if (!symbolInstance) return null;
+    const size = this.attribute.size,
       formattedSize = isArray$1(size) ? size : [size, size];
     return symbolInstance.path ? new CustomPath2D().fromCustomPath2D(symbolInstance.path, 0, 0, formattedSize[0], formattedSize[1]) : new CustomPath2D().fromString(symbolInstance.pathStr, 0, 0, formattedSize[0], formattedSize[1]);
   }
@@ -18065,7 +18067,7 @@ class Stage extends Group {
     }));
   }
   enableAutoRefresh() {
-    this.autoRefresh || (this.autoRefresh = !0, this.pluginService.register(new AutoRefreshPlugin()));
+    this.autoRefresh || "node" === this.global.env || (this.autoRefresh = !0, this.pluginService.register(new AutoRefreshPlugin()));
   }
   disableAutoRefresh() {
     this.autoRefresh && (this.autoRefresh = !1, this.pluginService.findPluginsByName("AutoRefreshPlugin").forEach(plugin => {
@@ -39324,7 +39326,7 @@ class ArcSegment extends Segment {
 
 var AXIS_ELEMENT_NAME;
 !function (AXIS_ELEMENT_NAME) {
-  AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.labelHoverOnAxis = "axis-label-hover-on-axis", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
+  AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
 }(AXIS_ELEMENT_NAME || (AXIS_ELEMENT_NAME = {}));
 var AxisStateValue;
 !function (AxisStateValue) {
@@ -39361,26 +39363,6 @@ const DEFAULT_AXIS_THEME = {
       fillOpacity: 1
     }
   },
-  labelHoverOnAxis: {
-    visible: !1,
-    space: 7,
-    padding: 2,
-    position: 0,
-    autoRotate: !1,
-    textStyle: {
-      fontSize: 12,
-      fill: "red",
-      fontWeight: "normal",
-      fillOpacity: 1
-    },
-    background: {
-      visible: !0,
-      style: {
-        cornerRadius: 2,
-        fill: "black"
-      }
-    }
-  },
   tick: {
     visible: !0,
     inside: !1,
@@ -40372,17 +40354,7 @@ var __rest$b = undefined && undefined.__rest || function (s, e) {
 loadLineAxisComponent();
 class LineAxis extends AxisBase {
   constructor(attributes, options) {
-    var _a;
-    if (attributes.labelHoverOnAxis && (attributes.labelHoverOnAxis.textStyle = Object.assign({}, attributes.label.style, attributes.labelHoverOnAxis.textStyle), void 0 === attributes.labelHoverOnAxis.space)) {
-      const {
-          padding = 2
-        } = attributes.labelHoverOnAxis,
-        parsedPadding = normalizePadding(padding),
-        toDiffPadding = "bottom" === attributes.orient ? parsedPadding[0] : "left" === attributes.orient ? parsedPadding[1] : "top" === attributes.orient ? parsedPadding[2] : parsedPadding[3],
-        space = (null !== (_a = attributes.label.space) && void 0 !== _a ? _a : LineAxis.defaultAttributes.label.space) - toDiffPadding;
-      attributes.labelHoverOnAxis.space = space;
-    }
-    super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineAxis.defaultAttributes, attributes), options), this.labelHoverOnAxisGroup = null;
+    super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineAxis.defaultAttributes, attributes), options);
   }
   _renderInner(container) {
     var _a;
@@ -40444,15 +40416,6 @@ class LineAxis extends AxisBase {
         }, panel.style));
       bgRect.name = AXIS_ELEMENT_NAME.background, bgRect.id = this._getNodeId("background"), bgRect.states = merge({}, DEFAULT_STATES$1, null !== (_a = panel.state) && void 0 !== _a ? _a : {}), axisContainer.insertBefore(bgRect, axisContainer.firstChild);
     }
-    const {
-      labelHoverOnAxis: labelHoverOnAxis
-    } = this.attribute;
-    labelHoverOnAxis && labelHoverOnAxis.visible && this.renderLabelHoverOnAxis();
-  }
-  renderLabelHoverOnAxis() {
-    const hoverOnLabelAttributes = this.getLabelHoverOnAxisAttribute(),
-      hoverOnLabel = new Tag(Object.assign({}, hoverOnLabelAttributes));
-    hoverOnLabel.name = AXIS_ELEMENT_NAME.title, hoverOnLabel.id = this._getNodeId("hover-on-label"), this.labelHoverOnAxisGroup = hoverOnLabel, this.axisContainer.add(hoverOnLabel);
   }
   renderLine(container) {
     const {
@@ -40593,66 +40556,6 @@ class LineAxis extends AxisBase {
       visible: !0
     }, background.style)), attrs;
   }
-  getLabelHoverOnAxisAttribute() {
-    var _a, _b;
-    const {
-        orient: orient
-      } = this.attribute,
-      _c = this.attribute.labelHoverOnAxis,
-      {
-        position = 0,
-        space = 4,
-        autoRotate = !0,
-        textStyle = {},
-        background = {},
-        formatMethod: formatMethod,
-        text: textContent = "",
-        maxWidth: maxWidth
-      } = _c,
-      restAttrs = __rest$b(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
-      point = this.getTickCoord(0);
-    "bottom" === orient || "top" === orient ? point.x = position : point.y = position;
-    let tickLength = 0;
-    (null === (_a = this.attribute.tick) || void 0 === _a ? void 0 : _a.visible) && !1 === this.attribute.tick.inside && (tickLength = this.attribute.tick.length || 4), (null === (_b = this.attribute.subTick) || void 0 === _b ? void 0 : _b.visible) && !1 === this.attribute.subTick.inside && (tickLength = Math.max(tickLength, this.attribute.subTick.length || 2));
-    const offset = tickLength + 0 + space,
-      labelPoint = this.getVerticalCoord(point, offset, !1),
-      vector = this.getVerticalVector(offset, !1, {
-        x: 0,
-        y: 0
-      });
-    let textBaseline,
-      {
-        angle: angle
-      } = restAttrs,
-      textAlign = "center";
-    if (isNil$1(angle) && autoRotate) {
-      const axisVector = this.getRelativeVector();
-      angle = angleTo(axisVector, [1, 0], !0);
-      const {
-        verticalFactor = 1
-      } = this.attribute;
-      textBaseline = 1 === -1 * verticalFactor ? "bottom" : "top";
-    } else {
-      const {
-        textAlign: textAlign2,
-        textBaseline: textBaseline2
-      } = this.getLabelAlign(vector, !1, textStyle.angle);
-      textAlign = textAlign2, textBaseline = textBaseline2;
-    }
-    const maxTagWidth = maxWidth,
-      text = formatMethod ? formatMethod(textContent) : textContent,
-      attrs = Object.assign(Object.assign(Object.assign({}, labelPoint), restAttrs), {
-        maxWidth: maxTagWidth,
-        textStyle: Object.assign({
-          textAlign: textAlign,
-          textBaseline: textBaseline
-        }, textStyle),
-        text: text
-      });
-    return attrs.angle = angle, background && background.visible && (attrs.panel = Object.assign(Object.assign({
-      visible: !0
-    }, restAttrs.panel), background.style)), attrs;
-  }
   getTextBaseline(vector, inside) {
     let base = "middle";
     const {
@@ -40843,41 +40746,6 @@ class LineAxis extends AxisBase {
     }
     return limitLength && (limitLength = (limitLength - labelSpace - titleSpacing - titleHeight - axisLineWidth - tickLength) / layerCount), limitLength;
   }
-  showLabelHoverOnAxis(position, text) {
-    let adjustPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
-    if (this.attribute.labelHoverOnAxis) {
-      const preContainerBounds = this.axisContainer.AABBBounds,
-        preWidth = preContainerBounds.width(),
-        preHeight = preContainerBounds.height(),
-        preX1 = preContainerBounds.x1,
-        preY1 = preContainerBounds.y1,
-        preX2 = preContainerBounds.x2,
-        preY2 = preContainerBounds.y2;
-      if (this.labelHoverOnAxisGroup) {
-        const {
-            formatMethod: formatMethod
-          } = this.attribute.labelHoverOnAxis,
-          textStr = formatMethod ? formatMethod(text) : text;
-        this.labelHoverOnAxisGroup.setAttribute("text", textStr), this.labelHoverOnAxisGroup.setAttribute("visible", !0), this.labelHoverOnAxisGroup.setAttribute("visibleAll", !0), "left" === this.attribute.orient || "right" === this.attribute.orient ? this.labelHoverOnAxisGroup.setAttributes({
-          y: position
-        }) : this.labelHoverOnAxisGroup.setAttributes({
-          x: position
-        });
-      } else this.attribute.labelHoverOnAxis.visible = !0, this.attribute.labelHoverOnAxis.position = position, this.attribute.labelHoverOnAxis.text = text, this.renderLabelHoverOnAxis();
-      if (adjustPosition) {
-        const afterContainerBounds = this.axisContainer.AABBBounds,
-          diffWidth = afterContainerBounds.width() - preWidth,
-          diffHeight = afterContainerBounds.height() - preHeight;
-        diffWidth > 0 && ("top" === this.attribute.orient || "bottom" === this.attribute.orient) && (afterContainerBounds.x1 < preX1 ? this.showLabelHoverOnAxis(position + diffWidth, text, !1) : afterContainerBounds.x2 > preX2 && this.showLabelHoverOnAxis(position - diffWidth, text, !1)), diffHeight > 0 && ("left" === this.attribute.orient || "right" === this.attribute.orient) && (afterContainerBounds.y1 < preY1 ? this.showLabelHoverOnAxis(position + diffHeight, text, !1) : afterContainerBounds.y2 > preY2 && this.showLabelHoverOnAxis(position - diffHeight, text, !1));
-      }
-    }
-  }
-  hideLabelHoverOnAxis() {
-    this.attribute.labelHoverOnAxis && this.labelHoverOnAxisGroup && this.labelHoverOnAxisGroup.setAttributes({
-      visible: !1,
-      visibleAll: !1
-    });
-  }
   release() {
     super.release(), this._breaks = null;
   }
@@ -42059,7 +41927,7 @@ const polarAngleAxisDiscreteTicks = (scale, op) => {
       labelStyle: labelStyle
     } = op,
     radius = null == getRadius ? void 0 : getRadius();
-  if (!radius) return convertDomainToTickData(scale.domain());
+  if (!radius || radius <= 0) return convertDomainToTickData(scale.domain());
   let scaleTicks;
   if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$1(tickCount)) {
     const range = scale.range(),
@@ -43323,20 +43191,23 @@ class LabelBase extends AnimateComponent {
       {
         enter: enter
       } = this._animationConfig;
-    [text, labelLine].filter(Boolean).forEach(item => item.applyAnimationState(["enter"], [{
-      name: "enter",
-      animation: Object.assign(Object.assign({}, enter), {
-        type: "labelEnter",
-        selfOnly: !0,
-        customParameters: {
-          relatedGraphic: relatedGraphic,
-          relatedGraphics: this._idToGraphic,
-          config: Object.assign(Object.assign({}, enter), {
-            type: item === text ? enter.type : "fadeIn"
-          })
-        }
-      })
-    }]));
+    [text, labelLine].filter(Boolean).forEach(item => {
+      var _a;
+      null === (_a = item.setFinalAttributes) || void 0 === _a || _a.call(item, item.attribute), item.applyAnimationState(["enter"], [{
+        name: "enter",
+        animation: Object.assign(Object.assign({}, enter), {
+          type: "labelEnter",
+          selfOnly: !0,
+          customParameters: {
+            relatedGraphic: relatedGraphic,
+            relatedGraphics: this._idToGraphic,
+            config: Object.assign(Object.assign({}, enter), {
+              type: item === text ? enter.type : "fadeIn"
+            })
+          }
+        })
+      }]);
+    });
   }
   _runUpdateAnimation(prevLabel, currentLabel) {
     const {
@@ -52952,7 +52823,7 @@ TableSeriesNumber.defaultAttributes = {
   select: !0
 };
 
-const version = "1.0.27-alpha.0";
+const version = "1.0.28-alpha.0";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);

package/dist/index.js

@@ -11961,9 +11961,10 @@
       }
       updateSymbolAABBBoundsAccurate(attribute, symbolTheme, aabbBounds) {
         const {
-          size = symbolTheme.size
-        } = attribute;
-        return this.getParsedPath().bounds(size, aabbBounds), aabbBounds;
+            size = symbolTheme.size
+          } = attribute,
+          symbolClass = this.getParsedPath();
+        return symbolClass ? (symbolClass.bounds(size, aabbBounds), aabbBounds) : aabbBounds;
       }
       needUpdateTags(keys) {
         return super.needUpdateTags(keys, SYMBOL_UPDATE_TAG_KEY);
@@ -11972,8 +11973,9 @@
         return super.needUpdateTag(key, SYMBOL_UPDATE_TAG_KEY);
       }
       toCustomPath() {
-        const symbolInstance = this.getParsedPath(),
-          size = this.attribute.size,
+        const symbolInstance = this.getParsedPath();
+        if (!symbolInstance) return null;
+        const size = this.attribute.size,
           formattedSize = isArray$1(size) ? size : [size, size];
         return symbolInstance.path ? new CustomPath2D().fromCustomPath2D(symbolInstance.path, 0, 0, formattedSize[0], formattedSize[1]) : new CustomPath2D().fromString(symbolInstance.pathStr, 0, 0, formattedSize[0], formattedSize[1]);
       }
@@ -18071,7 +18073,7 @@
         }));
       }
       enableAutoRefresh() {
-        this.autoRefresh || (this.autoRefresh = !0, this.pluginService.register(new AutoRefreshPlugin()));
+        this.autoRefresh || "node" === this.global.env || (this.autoRefresh = !0, this.pluginService.register(new AutoRefreshPlugin()));
       }
       disableAutoRefresh() {
         this.autoRefresh && (this.autoRefresh = !1, this.pluginService.findPluginsByName("AutoRefreshPlugin").forEach(plugin => {
@@ -39330,7 +39332,7 @@
 
     exports.AXIS_ELEMENT_NAME = void 0;
     !function (AXIS_ELEMENT_NAME) {
-      AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.labelHoverOnAxis = "axis-label-hover-on-axis", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
+      AXIS_ELEMENT_NAME.innerView = "inner-view", AXIS_ELEMENT_NAME.axisContainer = "axis-container", AXIS_ELEMENT_NAME.labelContainer = "axis-label-container", AXIS_ELEMENT_NAME.tickContainer = "axis-tick-container", AXIS_ELEMENT_NAME.tick = "axis-tick", AXIS_ELEMENT_NAME.subTick = "axis-sub-tick", AXIS_ELEMENT_NAME.label = "axis-label", AXIS_ELEMENT_NAME.title = "axis-title", AXIS_ELEMENT_NAME.gridContainer = "axis-grid-container", AXIS_ELEMENT_NAME.grid = "axis-grid", AXIS_ELEMENT_NAME.gridRegion = "axis-grid-region", AXIS_ELEMENT_NAME.line = "axis-line", AXIS_ELEMENT_NAME.background = "axis-background", AXIS_ELEMENT_NAME.axisLabelBackground = "axis-label-background", AXIS_ELEMENT_NAME.axisBreak = "axis-break", AXIS_ELEMENT_NAME.axisBreakSymbol = "axis-break-symbol";
     }(exports.AXIS_ELEMENT_NAME || (exports.AXIS_ELEMENT_NAME = {}));
     exports.AxisStateValue = void 0;
     !function (AxisStateValue) {
@@ -39367,26 +39369,6 @@
           fillOpacity: 1
         }
       },
-      labelHoverOnAxis: {
-        visible: !1,
-        space: 7,
-        padding: 2,
-        position: 0,
-        autoRotate: !1,
-        textStyle: {
-          fontSize: 12,
-          fill: "red",
-          fontWeight: "normal",
-          fillOpacity: 1
-        },
-        background: {
-          visible: !0,
-          style: {
-            cornerRadius: 2,
-            fill: "black"
-          }
-        }
-      },
       tick: {
         visible: !0,
         inside: !1,
@@ -40378,17 +40360,7 @@
     loadLineAxisComponent();
     class LineAxis extends AxisBase {
       constructor(attributes, options) {
-        var _a;
-        if (attributes.labelHoverOnAxis && (attributes.labelHoverOnAxis.textStyle = Object.assign({}, attributes.label.style, attributes.labelHoverOnAxis.textStyle), void 0 === attributes.labelHoverOnAxis.space)) {
-          const {
-              padding = 2
-            } = attributes.labelHoverOnAxis,
-            parsedPadding = normalizePadding(padding),
-            toDiffPadding = "bottom" === attributes.orient ? parsedPadding[0] : "left" === attributes.orient ? parsedPadding[1] : "top" === attributes.orient ? parsedPadding[2] : parsedPadding[3],
-            space = (null !== (_a = attributes.label.space) && void 0 !== _a ? _a : LineAxis.defaultAttributes.label.space) - toDiffPadding;
-          attributes.labelHoverOnAxis.space = space;
-        }
-        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineAxis.defaultAttributes, attributes), options), this.labelHoverOnAxisGroup = null;
+        super((null == options ? void 0 : options.skipDefault) ? attributes : merge({}, LineAxis.defaultAttributes, attributes), options);
       }
       _renderInner(container) {
         var _a;
@@ -40450,15 +40422,6 @@
             }, panel.style));
           bgRect.name = exports.AXIS_ELEMENT_NAME.background, bgRect.id = this._getNodeId("background"), bgRect.states = merge({}, DEFAULT_STATES$1, null !== (_a = panel.state) && void 0 !== _a ? _a : {}), axisContainer.insertBefore(bgRect, axisContainer.firstChild);
         }
-        const {
-          labelHoverOnAxis: labelHoverOnAxis
-        } = this.attribute;
-        labelHoverOnAxis && labelHoverOnAxis.visible && this.renderLabelHoverOnAxis();
-      }
-      renderLabelHoverOnAxis() {
-        const hoverOnLabelAttributes = this.getLabelHoverOnAxisAttribute(),
-          hoverOnLabel = new Tag(Object.assign({}, hoverOnLabelAttributes));
-        hoverOnLabel.name = exports.AXIS_ELEMENT_NAME.title, hoverOnLabel.id = this._getNodeId("hover-on-label"), this.labelHoverOnAxisGroup = hoverOnLabel, this.axisContainer.add(hoverOnLabel);
       }
       renderLine(container) {
         const {
@@ -40599,66 +40562,6 @@
           visible: !0
         }, background.style)), attrs;
       }
-      getLabelHoverOnAxisAttribute() {
-        var _a, _b;
-        const {
-            orient: orient
-          } = this.attribute,
-          _c = this.attribute.labelHoverOnAxis,
-          {
-            position = 0,
-            space = 4,
-            autoRotate = !0,
-            textStyle = {},
-            background = {},
-            formatMethod: formatMethod,
-            text: textContent = "",
-            maxWidth: maxWidth
-          } = _c,
-          restAttrs = __rest$b(_c, ["position", "space", "autoRotate", "textStyle", "background", "formatMethod", "text", "maxWidth"]),
-          point = this.getTickCoord(0);
-        "bottom" === orient || "top" === orient ? point.x = position : point.y = position;
-        let tickLength = 0;
-        (null === (_a = this.attribute.tick) || void 0 === _a ? void 0 : _a.visible) && !1 === this.attribute.tick.inside && (tickLength = this.attribute.tick.length || 4), (null === (_b = this.attribute.subTick) || void 0 === _b ? void 0 : _b.visible) && !1 === this.attribute.subTick.inside && (tickLength = Math.max(tickLength, this.attribute.subTick.length || 2));
-        const offset = tickLength + 0 + space,
-          labelPoint = this.getVerticalCoord(point, offset, !1),
-          vector = this.getVerticalVector(offset, !1, {
-            x: 0,
-            y: 0
-          });
-        let textBaseline,
-          {
-            angle: angle
-          } = restAttrs,
-          textAlign = "center";
-        if (isNil$1(angle) && autoRotate) {
-          const axisVector = this.getRelativeVector();
-          angle = angleTo(axisVector, [1, 0], !0);
-          const {
-            verticalFactor = 1
-          } = this.attribute;
-          textBaseline = 1 === -1 * verticalFactor ? "bottom" : "top";
-        } else {
-          const {
-            textAlign: textAlign2,
-            textBaseline: textBaseline2
-          } = this.getLabelAlign(vector, !1, textStyle.angle);
-          textAlign = textAlign2, textBaseline = textBaseline2;
-        }
-        const maxTagWidth = maxWidth,
-          text = formatMethod ? formatMethod(textContent) : textContent,
-          attrs = Object.assign(Object.assign(Object.assign({}, labelPoint), restAttrs), {
-            maxWidth: maxTagWidth,
-            textStyle: Object.assign({
-              textAlign: textAlign,
-              textBaseline: textBaseline
-            }, textStyle),
-            text: text
-          });
-        return attrs.angle = angle, background && background.visible && (attrs.panel = Object.assign(Object.assign({
-          visible: !0
-        }, restAttrs.panel), background.style)), attrs;
-      }
       getTextBaseline(vector, inside) {
         let base = "middle";
         const {
@@ -40849,41 +40752,6 @@
         }
         return limitLength && (limitLength = (limitLength - labelSpace - titleSpacing - titleHeight - axisLineWidth - tickLength) / layerCount), limitLength;
       }
-      showLabelHoverOnAxis(position, text) {
-        let adjustPosition = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : !0;
-        if (this.attribute.labelHoverOnAxis) {
-          const preContainerBounds = this.axisContainer.AABBBounds,
-            preWidth = preContainerBounds.width(),
-            preHeight = preContainerBounds.height(),
-            preX1 = preContainerBounds.x1,
-            preY1 = preContainerBounds.y1,
-            preX2 = preContainerBounds.x2,
-            preY2 = preContainerBounds.y2;
-          if (this.labelHoverOnAxisGroup) {
-            const {
-                formatMethod: formatMethod
-              } = this.attribute.labelHoverOnAxis,
-              textStr = formatMethod ? formatMethod(text) : text;
-            this.labelHoverOnAxisGroup.setAttribute("text", textStr), this.labelHoverOnAxisGroup.setAttribute("visible", !0), this.labelHoverOnAxisGroup.setAttribute("visibleAll", !0), "left" === this.attribute.orient || "right" === this.attribute.orient ? this.labelHoverOnAxisGroup.setAttributes({
-              y: position
-            }) : this.labelHoverOnAxisGroup.setAttributes({
-              x: position
-            });
-          } else this.attribute.labelHoverOnAxis.visible = !0, this.attribute.labelHoverOnAxis.position = position, this.attribute.labelHoverOnAxis.text = text, this.renderLabelHoverOnAxis();
-          if (adjustPosition) {
-            const afterContainerBounds = this.axisContainer.AABBBounds,
-              diffWidth = afterContainerBounds.width() - preWidth,
-              diffHeight = afterContainerBounds.height() - preHeight;
-            diffWidth > 0 && ("top" === this.attribute.orient || "bottom" === this.attribute.orient) && (afterContainerBounds.x1 < preX1 ? this.showLabelHoverOnAxis(position + diffWidth, text, !1) : afterContainerBounds.x2 > preX2 && this.showLabelHoverOnAxis(position - diffWidth, text, !1)), diffHeight > 0 && ("left" === this.attribute.orient || "right" === this.attribute.orient) && (afterContainerBounds.y1 < preY1 ? this.showLabelHoverOnAxis(position + diffHeight, text, !1) : afterContainerBounds.y2 > preY2 && this.showLabelHoverOnAxis(position - diffHeight, text, !1));
-          }
-        }
-      }
-      hideLabelHoverOnAxis() {
-        this.attribute.labelHoverOnAxis && this.labelHoverOnAxisGroup && this.labelHoverOnAxisGroup.setAttributes({
-          visible: !1,
-          visibleAll: !1
-        });
-      }
       release() {
         super.release(), this._breaks = null;
       }
@@ -42065,7 +41933,7 @@
           labelStyle: labelStyle
         } = op,
         radius = null == getRadius ? void 0 : getRadius();
-      if (!radius) return convertDomainToTickData(scale.domain());
+      if (!radius || radius <= 0) return convertDomainToTickData(scale.domain());
       let scaleTicks;
       if (isValid$1(tickStep)) scaleTicks = scale.stepTicks(tickStep);else if (isValid$1(forceTickCount)) scaleTicks = scale.forceTicks(forceTickCount);else if (isValid$1(tickCount)) {
         const range = scale.range(),
@@ -43329,20 +43197,23 @@
           {
             enter: enter
           } = this._animationConfig;
-        [text, labelLine].filter(Boolean).forEach(item => item.applyAnimationState(["enter"], [{
-          name: "enter",
-          animation: Object.assign(Object.assign({}, enter), {
-            type: "labelEnter",
-            selfOnly: !0,
-            customParameters: {
-              relatedGraphic: relatedGraphic,
-              relatedGraphics: this._idToGraphic,
-              config: Object.assign(Object.assign({}, enter), {
-                type: item === text ? enter.type : "fadeIn"
-              })
-            }
-          })
-        }]));
+        [text, labelLine].filter(Boolean).forEach(item => {
+          var _a;
+          null === (_a = item.setFinalAttributes) || void 0 === _a || _a.call(item, item.attribute), item.applyAnimationState(["enter"], [{
+            name: "enter",
+            animation: Object.assign(Object.assign({}, enter), {
+              type: "labelEnter",
+              selfOnly: !0,
+              customParameters: {
+                relatedGraphic: relatedGraphic,
+                relatedGraphics: this._idToGraphic,
+                config: Object.assign(Object.assign({}, enter), {
+                  type: item === text ? enter.type : "fadeIn"
+                })
+              }
+            })
+          }]);
+        });
       }
       _runUpdateAnimation(prevLabel, currentLabel) {
         const {
@@ -52958,7 +52829,7 @@
       select: !0
     };
 
-    const version = "1.0.27-alpha.0";
+    const version = "1.0.28-alpha.0";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);