@visactor/vchart 1.8.10-alpha.0 → 1.8.11

package/build/index.js

@@ -7682,10 +7682,10 @@
     !function (AnimateStepType) {
       AnimateStepType.wait = "wait", AnimateStepType.from = "from", AnimateStepType.to = "to", AnimateStepType.customAnimate = "customAnimate";
     }(AnimateStepType || (AnimateStepType = {}));
-    var Direction$2;
+    var Direction$1;
     !function (Direction) {
       Direction[Direction.ROW = 1] = "ROW", Direction[Direction.COLUMN = 2] = "COLUMN";
-    }(Direction$2 || (Direction$2 = {}));
+    }(Direction$1 || (Direction$1 = {}));
     var CurveTypeEnum;
     !function (CurveTypeEnum) {
       CurveTypeEnum[CurveTypeEnum.CubicBezierCurve = 0] = "CubicBezierCurve", CurveTypeEnum[CurveTypeEnum.QuadraticBezierCurve = 1] = "QuadraticBezierCurve", CurveTypeEnum[CurveTypeEnum.ArcCurve = 2] = "ArcCurve", CurveTypeEnum[CurveTypeEnum.LineCurve = 3] = "LineCurve", CurveTypeEnum[CurveTypeEnum.EllipseCurve = 4] = "EllipseCurve", CurveTypeEnum[CurveTypeEnum.MoveCurve = 5] = "MoveCurve";
@@ -7855,7 +7855,7 @@
         return this._validPoint() ? cubicLength(this.p0, this.p1, this.p2, this.p3) : 60;
       }
       calcProjLength(direction) {
-        return direction === Direction$2.ROW ? abs$1(this.p0.x - this.p3.x) : direction === Direction$2.COLUMN ? abs$1(this.p0.y - this.p3.y) : 0;
+        return direction === Direction$1.ROW ? abs$1(this.p0.x - this.p3.x) : direction === Direction$1.COLUMN ? abs$1(this.p0.y - this.p3.y) : 0;
       }
       getAngleAt(t) {
         const minT = max$1(t - .01, 0),
@@ -7892,7 +7892,7 @@
         return this._validPoint() ? PointService.distancePP(this.p0, this.p1) : 60;
       }
       calcProjLength(direction) {
-        return direction === Direction$2.ROW ? abs$1(this.p0.x - this.p1.x) : direction === Direction$2.COLUMN ? abs$1(this.p0.y - this.p1.y) : 0;
+        return direction === Direction$1.ROW ? abs$1(this.p0.x - this.p1.x) : direction === Direction$1.COLUMN ? abs$1(this.p0.y - this.p1.y) : 0;
       }
     }
 
@@ -7949,14 +7949,14 @@
       }
       getLength(direction) {
         var _a, _b;
-        if (direction === Direction$2.COLUMN) {
+        if (direction === Direction$1.COLUMN) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1],
             endP = null !== (_a = ec.p3) && void 0 !== _a ? _a : ec.p1;
           return abs$1(sc.p0.y - endP.y);
         }
-        if (direction === Direction$2.ROW) {
+        if (direction === Direction$1.ROW) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1],
@@ -7986,7 +7986,7 @@
       for (let i = 0, n = points.length; i <= n; i++) i >= n === defined0 && ((defined0 = !defined0) ? path.lineStart() : path.lineEnd()), defined0 && path.point(points[i]);
     }
     function genSegContext(curveType, direction, points) {
-      const curveDirection = null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN;
+      const curveDirection = null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$1.ROW : Direction$1.COLUMN;
       return "monotoneY" === curveType ? new ReflectSegContext(curveType, curveDirection) : new SegContext(curveType, curveDirection);
     }
 
@@ -8248,7 +8248,7 @@
         startPoint: startPoint
       } = params;
       if (points.length < 2 - Number(!!startPoint)) return null;
-      const segContext = new SegContext("step", null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$2.ROW : Direction$2.COLUMN);
+      const segContext = new SegContext("step", null != direction ? direction : abs$1(points[points.length - 1].x - points[0].x) > abs$1(points[points.length - 1].y - points[0].y) ? Direction$1.ROW : Direction$1.COLUMN);
       return genStepTypeSegments(new Step$1(segContext, t, startPoint), points), segContext;
     }
     function genStepTypeSegments(path, points) {
@@ -8366,7 +8366,7 @@
         } = line.attribute;
         if (!points) return;
         const cache = calcLineCache$1(points, curveType);
-        "x" === clipRangeByDimension ? this.direction = Direction$2.ROW : "y" === clipRangeByDimension ? this.direction = Direction$2.COLUMN : "auto" === clipRangeByDimension && (this.direction = cache.direction), this.curves = cache.curves;
+        "x" === clipRangeByDimension ? this.direction = Direction$1.ROW : "y" === clipRangeByDimension ? this.direction = Direction$1.COLUMN : "auto" === clipRangeByDimension && (this.direction = cache.direction), this.curves = cache.curves;
       }
       fromCustomPath2D(path, x, y, sX, sY) {
         return this.clear(), this._runCommandList(path.commandList, x, y, sX, sY), this._updateBounds(), this;
@@ -8528,13 +8528,13 @@
         this.commandList = [], this._boundsContext = null, this._ctx = null;
       }
       getLength() {
-        if (this.direction === Direction$2.COLUMN) {
+        if (this.direction === Direction$1.COLUMN) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1];
           return abs$1(sc.p0.y - ec.p1.y);
         }
-        if (this.direction === Direction$2.ROW) {
+        if (this.direction === Direction$1.ROW) {
           if (!this.curves.length) return 0;
           const sc = this.curves[0],
             ec = this.curves[this.curves.length - 1];
@@ -11788,10 +11788,10 @@
         !1 !== this.valid && (out.text = end ? this.toNumber : (this.fromNumber + (this.toNumber - this.fromNumber) * ratio).toFixed(this.decimalLength));
       }
     }
-    var Direction$1;
+    var Direction;
     !function (Direction) {
       Direction[Direction.LEFT_TO_RIGHT = 0] = "LEFT_TO_RIGHT", Direction[Direction.RIGHT_TO_LEFT = 1] = "RIGHT_TO_LEFT", Direction[Direction.TOP_TO_BOTTOM = 2] = "TOP_TO_BOTTOM", Direction[Direction.BOTTOM_TO_TOP = 3] = "BOTTOM_TO_TOP", Direction[Direction.STROKE = 4] = "STROKE";
-    }(Direction$1 || (Direction$1 = {}));
+    }(Direction || (Direction = {}));
     class TagPointsUpdate extends ACustomAnimate {
       constructor(from, to, duration, easing, params) {
         super(from, to, duration, easing, params), this.newPointAnimateType = "appear" === (null == params ? void 0 : params.newPointAnimateType) ? "appear" : "grow";
@@ -13322,7 +13322,7 @@
         const context = {
           type: AttributeUpdateType.INIT
         };
-        params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this.attribute = params, params.background && this.loadImage(params.background, !0), this._updateTag = UpdateTag.INIT, this.onAttributeUpdate(context);
+        params = this.onBeforeAttributeUpdate && this.onBeforeAttributeUpdate(params, this.attribute, null, context) || params, this.attribute = params, params.background && this.loadImage(params.background, !0), this._updateTag = UpdateTag.INIT, this.valid = this.isValid(), this.onAttributeUpdate(context);
       }
       translate(x, y) {
         var _a, _b;
@@ -16697,6 +16697,12 @@
           this.failCallback && this.failCallback();
         });
       }
+      setAttributes(params, forceUpdateTag, context) {
+        return params.image && this.loadImage(params.image), super.setAttributes(params, forceUpdateTag, context);
+      }
+      setAttribute(key, value, forceUpdateTag, context) {
+        return "image" === key && this.loadImage(value), super.setAttribute(key, value, forceUpdateTag, context);
+      }
       doUpdateAABBBounds() {
         const imageTheme = getTheme$1(this).image;
         this._AABBBounds.setValue(1 / 0, 1 / 0, -1 / 0, -1 / 0);
@@ -18322,7 +18328,7 @@
 
     let text, richText;
     function getTextBounds(params) {
-      return text || (text = graphicCreator.CreateGraphic("text", {})), text.setAttributes(params), text.AABBBounds;
+      return text || (text = graphicCreator.CreateGraphic("text", {})), text.initAttributes(params), text.AABBBounds;
     }
     function getRichTextBounds(params) {
       return richText || (richText = graphicCreator.CreateGraphic("richtext", {})), richText.setAttributes(params), richText.AABBBounds;
@@ -18456,6 +18462,234 @@
       }
     }
 
+    const parse = function () {
+      const tokens = {
+        linearGradient: /^(linear\-gradient)/i,
+        radialGradient: /^(radial\-gradient)/i,
+        conicGradient: /^(conic\-gradient)/i,
+        sideOrCorner: /^to (left (top|bottom)|right (top|bottom)|top (left|right)|bottom (left|right)|left|right|top|bottom)/i,
+        extentKeywords: /^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,
+        positionKeywords: /^(left|center|right|top|bottom)/i,
+        pixelValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,
+        percentageValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))\%/,
+        emValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))em/,
+        angleValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,
+        fromAngleValue: /^from\s*(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))deg/,
+        startCall: /^\(/,
+        endCall: /^\)/,
+        comma: /^,/,
+        hexColor: /(^\#[0-9a-fA-F]+)/,
+        literalColor: /^([a-zA-Z]+)/,
+        rgbColor: /^(rgb\(\d{1,3},\s*\d{1,3},\s*\d{1,3}\))/i,
+        rgbaColor: /^(rgba\(\d{1,3},\s*\d{1,3},\s*\d{1,3},\s*((\d\.\d+)|\d{1,3})\))/i,
+        number: /^(([0-9]*\.[0-9]+)|([0-9]+\.?))/
+      };
+      let input = "";
+      function error(msg) {
+        const err = new Error(input + ": " + msg);
+        throw err.source = input, err;
+      }
+      function getAST() {
+        const ast = matchListing(matchDefinition);
+        return input.length > 0 && error("Invalid input not EOF"), ast;
+      }
+      function matchDefinition() {
+        return matchGradient("linear", tokens.linearGradient, matchLinearOrientation) || matchGradient("radial", tokens.radialGradient, matchListRadialOrientations) || matchGradient("conic", tokens.conicGradient, matchConicalOrientation);
+      }
+      function matchGradient(gradientType, pattern, orientationMatcher) {
+        return function (pattern, callback) {
+          const captures = scan(pattern);
+          if (captures) {
+            scan(tokens.startCall) || error("Missing (");
+            const result = callback(captures);
+            return scan(tokens.endCall) || error("Missing )"), result;
+          }
+        }(pattern, function (captures) {
+          const orientation = orientationMatcher();
+          return orientation && (scan(tokens.comma) || error("Missing comma before color stops")), {
+            type: gradientType,
+            orientation: orientation,
+            colorStops: matchListing(matchColorStop)
+          };
+        });
+      }
+      function matchLinearOrientation() {
+        return match("directional", tokens.sideOrCorner, 1) || match("angular", tokens.angleValue, 1);
+      }
+      function matchConicalOrientation() {
+        return match("angular", tokens.fromAngleValue, 1);
+      }
+      function matchListRadialOrientations() {
+        let radialOrientations,
+          lookaheadCache,
+          radialOrientation = matchRadialOrientation();
+        return radialOrientation && (radialOrientations = [], radialOrientations.push(radialOrientation), lookaheadCache = input, scan(tokens.comma) && (radialOrientation = matchRadialOrientation(), radialOrientation ? radialOrientations.push(radialOrientation) : input = lookaheadCache)), radialOrientations;
+      }
+      function matchRadialOrientation() {
+        let radialType = function () {
+          const circle = match("shape", /^(circle)/i, 0);
+          circle && (circle.style = matchLength() || matchExtentKeyword());
+          return circle;
+        }() || function () {
+          const ellipse = match("shape", /^(ellipse)/i, 0);
+          ellipse && (ellipse.style = matchDistance() || matchExtentKeyword());
+          return ellipse;
+        }();
+        if (radialType) radialType.at = matchAtPosition();else {
+          const extent = matchExtentKeyword();
+          if (extent) {
+            radialType = extent;
+            const positionAt = matchAtPosition();
+            positionAt && (radialType.at = positionAt);
+          } else {
+            const defaultPosition = matchPositioning();
+            defaultPosition && (radialType = {
+              type: "default-radial",
+              at: defaultPosition
+            });
+          }
+        }
+        return radialType;
+      }
+      function matchExtentKeyword() {
+        return match("extent-keyword", tokens.extentKeywords, 1);
+      }
+      function matchAtPosition() {
+        if (match("position", /^at/, 0)) {
+          const positioning = matchPositioning();
+          return positioning || error("Missing positioning value"), positioning;
+        }
+      }
+      function matchPositioning() {
+        const location = {
+          x: matchDistance(),
+          y: matchDistance()
+        };
+        if (location.x || location.y) return {
+          type: "position",
+          value: location
+        };
+      }
+      function matchListing(matcher) {
+        let captures = matcher();
+        const result = [];
+        if (captures) for (result.push(captures); scan(tokens.comma);) captures = matcher(), captures ? result.push(captures) : error("One extra comma");
+        return result;
+      }
+      function matchColorStop() {
+        const color = match("hex", tokens.hexColor, 1) || match("rgba", tokens.rgbaColor, 1) || match("rgb", tokens.rgbColor, 1) || match("literal", tokens.literalColor, 0);
+        return color || error("Expected color definition"), color.length = matchDistance(), color;
+      }
+      function matchDistance() {
+        return match("%", tokens.percentageValue, 1) || match("position-keyword", tokens.positionKeywords, 1) || matchLength();
+      }
+      function matchLength() {
+        return match("px", tokens.pixelValue, 1) || match("em", tokens.emValue, 1);
+      }
+      function match(type, pattern, captureIndex) {
+        const captures = scan(pattern);
+        if (captures) return {
+          type: type,
+          value: captures[captureIndex]
+        };
+      }
+      function scan(regexp) {
+        const blankCaptures = /^[\n\r\t\s]+/.exec(input);
+        blankCaptures && consume(blankCaptures[0].length);
+        const captures = regexp.exec(input);
+        return captures && consume(captures[0].length), captures;
+      }
+      function consume(size) {
+        input = input.substr(size);
+      }
+      return function (code) {
+        return input = code.toString(), getAST();
+      };
+    }();
+    class GradientParser {
+      static IsGradient(c) {
+        return !("string" == typeof c && c.length < 10);
+      }
+      static IsGradientStr(c) {
+        return "string" == typeof c && c.length > 10;
+      }
+      static Parse(c) {
+        if (GradientParser.IsGradientStr(c)) try {
+          const datum = parse(c)[0];
+          if (datum) {
+            if ("linear" === datum.type) return GradientParser.ParseLinear(datum);
+            if ("radial" === datum.type) return GradientParser.ParseRadial(datum);
+            if ("conic" === datum.type) return GradientParser.ParseConic(datum);
+          }
+        } catch (err) {
+          return c;
+        }
+        return c;
+      }
+      static ParseConic(datum) {
+        const {
+            orientation: orientation,
+            colorStops = []
+          } = datum,
+          halfPi = pi$1 / 2,
+          sa = parseFloat(orientation.value) / 180 * pi$1 - halfPi;
+        return {
+          gradient: "conical",
+          x: .5,
+          y: .5,
+          startAngle: sa,
+          endAngle: sa + pi2,
+          stops: colorStops.map(item => ({
+            color: item.value,
+            offset: parseFloat(item.length.value) / 100
+          }))
+        };
+      }
+      static ParseRadial(datum) {
+        const {
+          colorStops = []
+        } = datum;
+        return {
+          gradient: "radial",
+          x0: .5,
+          y0: .5,
+          x1: .5,
+          y1: .5,
+          r0: 0,
+          r1: 1,
+          stops: colorStops.map(item => ({
+            color: item.value,
+            offset: parseFloat(item.length.value) / 100
+          }))
+        };
+      }
+      static ParseLinear(datum) {
+        const {
+            orientation: orientation,
+            colorStops = []
+          } = datum,
+          halfPi = pi$1 / 2;
+        let angle = "angular" === orientation.type ? parseFloat(orientation.value) / 180 * pi$1 : 0;
+        for (; angle < 0;) angle += pi2;
+        for (; angle > pi2;) angle -= pi2;
+        let x0 = 0,
+          y0 = 0,
+          x1 = 0,
+          y1 = 0;
+        return angle < halfPi ? (x0 = 0, y0 = 1, x1 = Math.sin(angle), y1 = Math.cos(angle)) : angle < pi$1 ? (x0 = 0, y0 = 0, x1 = Math.cos(angle - halfPi), y1 = Math.sin(angle - halfPi)) : angle < pi$1 + halfPi ? (x0 = 1, y0 = 0, x1 = x0 - Math.sin(angle - pi$1), y1 = Math.cos(angle - pi$1)) : (x0 = 1, x1 = x0 - Math.cos(angle - halfPi - pi$1), y1 -= Math.sin(angle - halfPi - pi$1)), {
+          gradient: "linear",
+          x0: x0,
+          y0: y0,
+          x1: x1,
+          y1: y1,
+          stops: colorStops.map(item => ({
+            color: item.value,
+            offset: parseFloat(item.length.value) / 100
+          }))
+        };
+      }
+    }
+
     function getScaledStroke(context, width, dpr) {
       let strokeWidth = width;
       const {
@@ -18472,7 +18706,7 @@
       if (!c || !0 === c) return "black";
       let result, color;
       if (isArray$1(c)) for (let i = 0; i < c.length && (color = c[i], !color); i++);else color = c;
-      return "string" == typeof color ? color : ("linear" === color.gradient ? result = createLinearGradient(context, color, params, offsetX, offsetY) : "conical" === color.gradient ? result = createConicGradient(context, color, params, offsetX, offsetY) : "radial" === color.gradient && (result = createRadialGradient(context, color, params, offsetX, offsetY)), result || "orange");
+      return color = GradientParser.Parse(color), "string" == typeof color ? color : ("linear" === color.gradient ? result = createLinearGradient(context, color, params, offsetX, offsetY) : "conical" === color.gradient ? result = createConicGradient(context, color, params, offsetX, offsetY) : "radial" === color.gradient && (result = createRadialGradient(context, color, params, offsetX, offsetY)), result || "orange");
     }
     function createLinearGradient(context, color, params) {
       let offsetX = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
@@ -19451,7 +19685,7 @@
       }
       if (percent <= 0) return;
       let direction;
-      "x" === clipRangeByDimension ? direction = Direction$2.ROW : "y" === clipRangeByDimension ? direction = Direction$2.COLUMN : "auto" === clipRangeByDimension && (direction = segPath.direction);
+      "x" === clipRangeByDimension ? direction = Direction$1.ROW : "y" === clipRangeByDimension ? direction = Direction$1.COLUMN : "auto" === clipRangeByDimension && (direction = segPath.direction);
       const totalDrawLength = percent * segPath.tryUpdateLength(direction);
       let drawedLengthUntilLast = 0,
         defined0 = !0,
@@ -19738,8 +19972,8 @@
         endP = null !== (_a = topCurves[topCurves.length - 1].p3) && void 0 !== _a ? _a : topCurves[topCurves.length - 1].p1,
         xTotalLength = abs$1(endP.x - topCurves[0].p0.x),
         yTotalLength = abs$1(endP.y - topCurves[0].p0.y);
-      direction = null != direction ? direction : xTotalLength > yTotalLength ? Direction$2.ROW : Direction$2.COLUMN, Number.isFinite(xTotalLength) || (direction = Direction$2.COLUMN), Number.isFinite(yTotalLength) || (direction = Direction$2.ROW);
-      const totalDrawLength = percent * (direction === Direction$2.ROW ? xTotalLength : yTotalLength);
+      direction = null != direction ? direction : xTotalLength > yTotalLength ? Direction$1.ROW : Direction$1.COLUMN, Number.isFinite(xTotalLength) || (direction = Direction$1.COLUMN), Number.isFinite(yTotalLength) || (direction = Direction$1.ROW);
+      const totalDrawLength = percent * (direction === Direction$1.ROW ? xTotalLength : yTotalLength);
       let drawedLengthUntilLast = 0,
         lastDefined = !0;
       const topList = [],
@@ -20029,12 +20263,12 @@
         } = area.attribute;
         let endP,
           startP,
-          direction = Direction$2.ROW;
+          direction = Direction$1.ROW;
         if (segments) {
           const endSeg = segments[segments.length - 1];
           startP = segments[0].points[0], endP = endSeg.points[endSeg.points.length - 1];
         } else startP = points[0], endP = points[points.length - 1];
-        direction = abs$1(endP.x - startP.x) > abs$1(endP.y - startP.y) ? Direction$2.ROW : Direction$2.COLUMN, drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
+        direction = abs$1(endP.x - startP.x) > abs$1(endP.y - startP.y) ? Direction$1.ROW : Direction$1.COLUMN, drawAreaSegments(context.camera ? context : context.nativeContext, cache, clipRange, {
           offsetX: offsetX,
           offsetY: offsetY,
           offsetZ: offsetZ,
@@ -20056,7 +20290,7 @@
           const {
             stroke = defaultAttribute && defaultAttribute[1] && defaultAttribute[1].stroke
           } = attribute;
-          isArray$1(stroke) && (stroke[0] || stroke[2]) && !1 === stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, direction === Direction$2.ROW ? "x" : "y", {
+          isArray$1(stroke) && (stroke[0] || stroke[2]) && !1 === stroke[1] && (context.beginPath(), drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, direction === Direction$1.ROW ? "x" : "y", {
             offsetX: offsetX,
             offsetY: offsetY,
             offsetZ: offsetZ,
@@ -22005,11 +22239,10 @@
       container.load(renderModule);
     }
 
-    let loaded$r = !1;
     function preLoadAllModule() {
-      loaded$r || (loaded$r = !0, container.load(coreModule), container.load(graphicModule), container.load(renderModule$1), container.load(pickModule), container.load(pluginModule), load$2(container), load$1(container));
+      preLoadAllModule.__loaded || (preLoadAllModule.__loaded = !0, container.load(coreModule), container.load(graphicModule), container.load(renderModule$1), container.load(pickModule), container.load(pluginModule), load$2(container), load$1(container));
     }
-    preLoadAllModule();
+    preLoadAllModule.__loaded = !1, preLoadAllModule();
     const vglobal = container.get(VGlobal);
     application.global = vglobal;
     const graphicUtil = container.get(GraphicUtil);
@@ -22167,7 +22400,7 @@
             wrapGroup: wrapGroup
           } = _ref;
           application.global.removeDom(wrapGroup);
-        }), nativeDom = "string" == typeof dom ? new DOMParser().parseFromString(dom, "text/html").firstChild : dom;
+        }), "string" == typeof dom ? (nativeDom = new DOMParser().parseFromString(dom, "text/html").firstChild, nativeDom.lastChild && (nativeDom = nativeDom.lastChild.firstChild)) : nativeDom = dom;
         const _container = container || (!0 === stage.params.enableHtmlAttribute ? null : stage.params.enableHtmlAttribute);
         nativeContainer = _container ? "string" == typeof _container ? application.global.getElementById(_container) : _container : graphic.stage.window.getContainer();
         const wrapGroup = application.global.createDom({
@@ -26053,32 +26286,6 @@
         SeriesMarkNameEnum["lineLabel"] = "lineLabel";
         SeriesMarkNameEnum["areaLabel"] = "areaLabel";
     })(exports.SeriesMarkNameEnum || (exports.SeriesMarkNameEnum = {}));
-    const seriesMarkNameSet = new Set(Object.values(exports.SeriesMarkNameEnum));
-
-    var MarkTypeEnum;
-    (function (MarkTypeEnum) {
-        MarkTypeEnum["group"] = "group";
-        MarkTypeEnum["symbol"] = "symbol";
-        MarkTypeEnum["rule"] = "rule";
-        MarkTypeEnum["line"] = "line";
-        MarkTypeEnum["text"] = "text";
-        MarkTypeEnum["rect"] = "rect";
-        MarkTypeEnum["rect3d"] = "rect3d";
-        MarkTypeEnum["image"] = "image";
-        MarkTypeEnum["path"] = "path";
-        MarkTypeEnum["area"] = "area";
-        MarkTypeEnum["arc"] = "arc";
-        MarkTypeEnum["arc3d"] = "arc3d";
-        MarkTypeEnum["polygon"] = "polygon";
-        MarkTypeEnum["pyramid3d"] = "pyramid3d";
-        MarkTypeEnum["boxPlot"] = "boxPlot";
-        MarkTypeEnum["linkPath"] = "linkPath";
-        MarkTypeEnum["progressArc"] = "progressArc";
-        MarkTypeEnum["cell"] = "cell";
-        MarkTypeEnum["ripple"] = "ripple";
-        MarkTypeEnum["component"] = "component";
-        MarkTypeEnum["label"] = "label";
-    })(MarkTypeEnum || (MarkTypeEnum = {}));
 
     const PREFIX = '__VCHART';
     const DEFAULT_CHART_WIDTH = 500;
@@ -26815,7 +27022,7 @@
       encodeGraphic(attrs) {
         this.coordinateTransformEncode(this.items);
         const graphicAttributes = this.transformElementItems(this.items, this.mark.markType);
-        attrs && Object.assign(graphicAttributes, attrs), this.graphicItem ? (this.graphicItem.clearStates(), this.graphicItem.states = {}, this.graphicItem.stateProxy = null, this.applyGraphicAttributes(graphicAttributes)) : this.initGraphicItem(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || this.useStates(this.states), this.mark.markType === GrammarMarkType.shape && (this.graphicItem.datum = this.items[0].datum), this.items.forEach(item => {
+        attrs && (this.mark.isCollectionMark() && delete attrs.defined, Object.assign(graphicAttributes, attrs)), this.graphicItem ? (this.graphicItem.clearStates(), this.graphicItem.states = {}, this.graphicItem.stateProxy = null, this.applyGraphicAttributes(graphicAttributes)) : this.initGraphicItem(graphicAttributes), this.diffState !== DiffState.enter && this.diffState !== DiffState.update || !this.states.length || this.useStates(this.states), this.mark.markType === GrammarMarkType.shape && (this.graphicItem.datum = this.items[0].datum), this.items.forEach(item => {
           item.nextAttrs = {};
         }), this._setCustomizedShape();
       }
@@ -28015,10 +28222,11 @@
     };
     DefaultCanvasGroupPicker = __decorate$Q([injectable()], DefaultCanvasGroupPicker);
 
-    let loaded$q = !1;
-    var canvasModule = new ContainerModule((bind, unbind, isBound, rebind) => {
-      loaded$q || (loaded$q = !0, bind(CanvasGroupPicker).to(DefaultCanvasGroupPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(bind, CanvasPickerContribution));
+    const m$2 = new ContainerModule((bind, unbind, isBound, rebind) => {
+      m$2.__vloaded || (m$2.__vloaded = !0, bind(CanvasGroupPicker).to(DefaultCanvasGroupPicker).inSingletonScope(), bind(CanvasPickerContribution).toService(CanvasGroupPicker), bindContributionProvider(bind, CanvasPickerContribution));
     });
+    m$2.__vloaded = !1;
+    var canvasModule = m$2;
 
     const canvasPickerModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       isBound(DefaultCanvasPickerService) || bind(DefaultCanvasPickerService).toSelf().inSingletonScope(), isBound(PickerService) ? rebind(PickerService).toService(DefaultCanvasPickerService) : bind(PickerService).toService(DefaultCanvasPickerService);
@@ -28279,7 +28487,7 @@
       }
       getNativeAABBBounds(_dom) {
         let dom = _dom;
-        if ("string" == typeof _dom && (dom = new DOMParser().parseFromString(_dom, "text/html").firstChild), dom.getBoundingClientRect) {
+        if ("string" == typeof _dom && (dom = new DOMParser().parseFromString(_dom, "text/html").firstChild, dom.lastChild && (dom = dom.lastChild.firstChild)), dom.getBoundingClientRect) {
           const b = dom.getBoundingClientRect();
           return new DynamicB(b);
         }
@@ -28392,15 +28600,15 @@
     };
     BrowserEnvContribution = __decorate$O([injectable(), __metadata$D("design:paramtypes", [])], BrowserEnvContribution);
 
-    let isBrowserBound = !1;
     const browserEnvModule = new ContainerModule(bind => {
-      isBrowserBound || (isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
+      browserEnvModule.isBrowserBound || (browserEnvModule.isBrowserBound = !0, bind(BrowserEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(BrowserEnvContribution));
     });
-    let loaded$p = !1;
+    browserEnvModule.isBrowserBound = !1;
     function loadBrowserEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      loaded$p || (loaded$p = !0, container.load(browserEnvModule), container.load(browserCanvasModule), container.load(browserWindowModule), loadPicker && loadCanvasPicker(container));
+      loadBrowserEnv.__loaded || (loadBrowserEnv.__loaded = !0, container.load(browserEnvModule), container.load(browserCanvasModule), container.load(browserWindowModule), loadPicker && loadCanvasPicker(container));
     }
+    loadBrowserEnv.__loaded = !1;
 
     var __decorate$N = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -28663,10 +28871,11 @@
     };
     DefaultMathPickerService = __decorate$K([injectable(), __param$r(0, inject(ContributionProvider)), __param$r(0, named(MathPickerContribution)), __param$r(1, inject(ContributionProvider)), __param$r(1, named(PickItemInterceptor)), __metadata$A("design:paramtypes", [Object, Object])], DefaultMathPickerService);
 
-    let loaded$o = !1;
-    var mathModule = new ContainerModule(bind => {
-      loaded$o || (loaded$o = !0, bindContributionProvider(bind, MathPickerContribution));
+    const m$1 = new ContainerModule(bind => {
+      m$1.__vloaded || (m$1.__vloaded = !0, bindContributionProvider(bind, MathPickerContribution));
     });
+    m$1.__vloaded = !1;
+    var mathModule = m$1;
 
     const mathPickerModule = new ContainerModule((bind, unbind, isBound, rebind) => {
       isBound(DefaultMathPickerService) || bind(DefaultMathPickerService).toSelf().inSingletonScope(), isBound(PickerService) ? rebind(PickerService).toService(DefaultMathPickerService) : bind(PickerService).toService(DefaultMathPickerService);
@@ -28781,15 +28990,15 @@
     };
     FeishuEnvContribution = __decorate$J([injectable(), __metadata$z("design:paramtypes", [])], FeishuEnvContribution);
 
-    let isFeishuBound = !1;
     const feishuEnvModule = new ContainerModule(bind => {
-      isFeishuBound || (isFeishuBound = !0, bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution));
+      feishuEnvModule.isFeishuBound || (feishuEnvModule.isFeishuBound = !0, bind(FeishuEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(FeishuEnvContribution));
     });
-    let loaded$n = !1;
+    feishuEnvModule.isFeishuBound = !1;
     function loadFeishuEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      loaded$n || (loaded$n = !0, container.load(feishuEnvModule), container.load(feishuCanvasModule), container.load(feishuWindowModule), loadPicker && loadMathPicker(container));
+      loadFeishuEnv.__loaded || (loadFeishuEnv.__loaded = !0, container.load(feishuEnvModule), container.load(feishuCanvasModule), container.load(feishuWindowModule), loadPicker && loadMathPicker(container));
     }
+    loadFeishuEnv.__loaded = !1;
 
     var __decorate$I = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -29158,15 +29367,15 @@
     };
     LynxEnvContribution = __decorate$F([injectable(), __metadata$w("design:paramtypes", [])], LynxEnvContribution);
 
-    let isLynxBound = !1;
     const lynxEnvModule = new ContainerModule(bind => {
-      isLynxBound || (isLynxBound = !0, bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution));
+      lynxEnvModule.isLynxBound || (lynxEnvModule.isLynxBound = !0, bind(LynxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(LynxEnvContribution));
     });
-    let loaded$m = !1;
+    lynxEnvModule.isLynxBound = !1;
     function loadLynxEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      loaded$m || (loaded$m = !0, container.load(lynxEnvModule), container.load(lynxCanvasModule), container.load(lynxWindowModule), loadPicker && loadMathPicker(container));
+      loadLynxEnv.__loaded || (loadLynxEnv.__loaded = !0, container.load(lynxEnvModule), container.load(lynxCanvasModule), container.load(lynxWindowModule), loadPicker && loadMathPicker(container));
     }
+    loadLynxEnv.__loaded = !1;
 
     var __decorate$E = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
@@ -29408,14 +29617,14 @@
     };
     NodeEnvContribution = __decorate$B([injectable()], NodeEnvContribution);
 
-    let isNodeBound = !1;
     const nodeEnvModule = new ContainerModule(bind => {
-      isNodeBound || (isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
+      nodeEnvModule.isNodeBound || (nodeEnvModule.isNodeBound = !0, bind(NodeEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(NodeEnvContribution));
     });
-    let loaded$l = !1;
+    nodeEnvModule.isNodeBound = !1;
     function loadNodeEnv(container) {
-      loaded$l || (loaded$l = !0, container.load(nodeEnvModule), container.load(nodeCanvasModule), container.load(nodeWindowModule));
+      loadNodeEnv.__loaded || (loadNodeEnv.__loaded = !0, container.load(nodeEnvModule), container.load(nodeCanvasModule), container.load(nodeWindowModule));
     }
+    loadNodeEnv.__loaded = !1;
 
     var __decorate$A = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -29804,15 +30013,15 @@
     };
     TaroEnvContribution = __decorate$x([injectable(), __metadata$q("design:paramtypes", [])], TaroEnvContribution);
 
-    let isTaroBound = !1;
     const taroEnvModule = new ContainerModule(bind => {
-      isTaroBound || (isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
+      taroEnvModule.isTaroBound || (taroEnvModule.isTaroBound = !0, bind(TaroEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(TaroEnvContribution));
     });
-    let loaded$k = !1;
+    taroEnvModule.isTaroBound = !1;
     function loadTaroEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      loaded$k || (loaded$k = !0, container.load(taroEnvModule), container.load(taroCanvasModule), container.load(taroWindowModule), loadPicker && loadMathPicker(container));
+      loadTaroEnv.__loaded || (loadTaroEnv.__loaded = !0, container.load(taroEnvModule), container.load(taroCanvasModule), container.load(taroWindowModule), loadPicker && loadMathPicker(container));
     }
+    loadTaroEnv.__loaded = !1;
 
     var __decorate$w = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -30126,25 +30335,25 @@
     };
     WxEnvContribution = __decorate$t([injectable(), __metadata$n("design:paramtypes", [])], WxEnvContribution);
 
-    let isWxBound = !1;
     const wxEnvModule = new ContainerModule(bind => {
-      isWxBound || (isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
+      wxEnvModule._isWxBound || (wxEnvModule._isWxBound = !0, bind(WxEnvContribution).toSelf().inSingletonScope(), bind(EnvContribution).toService(WxEnvContribution));
     });
-    let loaded$j = !1;
+    wxEnvModule._isWxBound = !1;
     function loadWxEnv(container) {
       let loadPicker = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : !0;
-      loaded$j || (loaded$j = !0, container.load(wxEnvModule), container.load(wxCanvasModule), container.load(wxWindowModule), loadPicker && loadMathPicker(container));
+      loadWxEnv.__loaded || (loadWxEnv.__loaded = !0, container.load(wxEnvModule), container.load(wxCanvasModule), container.load(wxWindowModule), loadPicker && loadMathPicker(container));
     }
+    loadWxEnv.__loaded = !1;
 
     function loadAllEnv(container) {
       loadAllModule(container);
     }
-    let loaded$i = !1;
     function loadAllModule(container) {
-      loaded$i || (loaded$i = !0, loadBrowserEnv(container, !1), loadFeishuEnv(container, !1), loadLynxEnv(container, !1), loadNodeEnv(container), loadTaroEnv(container, !1), loadWxEnv(container, !1), loadCanvasPicker(container), vglobal.hooks.onSetEnv.tap("loadMathPicker", (lastEnv, env) => {
+      loadAllModule.__loaded || (loadAllModule.__loaded = !0, loadBrowserEnv(container, !1), loadFeishuEnv(container, !1), loadLynxEnv(container, !1), loadNodeEnv(container), loadTaroEnv(container, !1), loadWxEnv(container, !1), loadCanvasPicker(container), vglobal.hooks.onSetEnv.tap("loadMathPicker", (lastEnv, env) => {
         "browser" !== env && loadMathPicker(container);
       }));
     }
+    loadAllModule.__loaded = !1;
     function initAllEnv() {
       loadAllEnv(container);
     }
@@ -31455,95 +31664,113 @@
 
     const browser = isBrowserEnv();
 
-    let loaded$h = !1;
-    function registerArc() {
-      loaded$h || (loaded$h = !0, registerArcGraphic$1(), container.load(arcModule), container.load(browser ? arcCanvasPickModule : arcMathPickModule));
+    function _registerArc() {
+      _registerArc.__loaded || (_registerArc.__loaded = !0, registerArcGraphic$1(), container.load(arcModule), container.load(browser ? arcCanvasPickModule : arcMathPickModule));
     }
+    _registerArc.__loaded = !1;
+    const registerArc = _registerArc;
 
-    let loaded$g = !1;
-    function registerArc3d() {
-      loaded$g || (loaded$g = !0, registerArc3dGraphic$1(), container.load(arc3dModule), container.load(arc3dCanvasPickModule));
+    function _registerArc3d() {
+      _registerArc3d.__loaded || (_registerArc3d.__loaded = !0, registerArc3dGraphic$1(), container.load(arc3dModule), container.load(arc3dCanvasPickModule));
     }
+    _registerArc3d.__loaded = !1;
+    const registerArc3d = _registerArc3d;
 
-    let loaded$f = !1;
-    function registerArea() {
-      loaded$f || (loaded$f = !0, registerAreaGraphic$1(), container.load(areaModule), container.load(browser ? areaCanvasPickModule : areaMathPickModule));
+    function _registerArea() {
+      _registerArea.__loaded || (_registerArea.__loaded = !0, registerAreaGraphic$1(), container.load(areaModule), container.load(browser ? areaCanvasPickModule : areaMathPickModule));
     }
+    _registerArea.__loaded = !1;
+    const registerArea = _registerArea;
 
-    let loaded$e = !1;
-    function registerCircle() {
-      loaded$e || (loaded$e = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser ? circleCanvasPickModule : circleMathPickModule));
+    function _registerCircle() {
+      _registerCircle.__loaded || (_registerCircle.__loaded = !0, registerCircleGraphic(), container.load(circleModule), container.load(browser ? circleCanvasPickModule : circleMathPickModule));
     }
+    _registerCircle.__loaded = !1;
+    const registerCircle = _registerCircle;
 
-    let loaded$d = !1;
-    function registerGlyph() {
-      loaded$d || (loaded$d = !0, registerGlyphGraphic$1(), container.load(glyphModule), container.load(browser ? glyphCanvasPickModule : glyphMathPickModule));
+    function _registerGlyph() {
+      _registerGlyph.__loaded || (_registerGlyph.__loaded = !0, registerGlyphGraphic$1(), container.load(glyphModule), container.load(browser ? glyphCanvasPickModule : glyphMathPickModule));
     }
+    _registerGlyph.__loaded = !1;
+    const registerGlyph = _registerGlyph;
 
-    let loaded$c = !1;
-    function registerGroup() {
-      loaded$c || (loaded$c = !0, registerGroupGraphic$1());
+    function _registerGroup() {
+      _registerGroup.__loaded || (_registerGroup.__loaded = !0, registerGroupGraphic$1());
     }
+    _registerGroup.__loaded = !1;
+    const registerGroup = _registerGroup;
 
-    let loaded$b = !1;
-    function registerImage() {
-      loaded$b || (loaded$b = !0, registerImageGraphic$1(), container.load(imageModule), container.load(browser ? imageCanvasPickModule : imageMathPickModule));
+    function _registerImage() {
+      _registerImage.__loaded || (_registerImage.__loaded = !0, registerImageGraphic$1(), container.load(imageModule), container.load(browser ? imageCanvasPickModule : imageMathPickModule));
     }
+    _registerImage.__loaded = !1;
+    const registerImage = _registerImage;
 
-    let loaded$a = !1;
-    function registerLine() {
-      loaded$a || (loaded$a = !0, registerLineGraphic$1(), container.load(lineModule), container.load(browser ? lineCanvasPickModule : lineMathPickModule));
+    function _registerLine() {
+      _registerLine.__loaded || (_registerLine.__loaded = !0, registerLineGraphic$1(), container.load(lineModule), container.load(browser ? lineCanvasPickModule : lineMathPickModule));
     }
+    _registerLine.__loaded = !1;
+    const registerLine = _registerLine;
 
-    let loaded$9 = !1;
-    function registerPath() {
-      loaded$9 || (loaded$9 = !0, registerPathGraphic$1(), container.load(pathModule), container.load(browser ? pathCanvasPickModule : pathMathPickModule));
+    function _registerPath() {
+      _registerPath.__loaded || (_registerPath.__loaded = !0, registerPathGraphic$1(), container.load(pathModule), container.load(browser ? pathCanvasPickModule : pathMathPickModule));
     }
+    _registerPath.__loaded = !1;
+    const registerPath = _registerPath;
 
-    let loaded$8 = !1;
-    function registerPolygon() {
-      loaded$8 || (loaded$8 = !0, registerPolygonGraphic$1(), container.load(polygonModule), container.load(browser ? polygonCanvasPickModule : polygonMathPickModule));
+    function _registerPolygon() {
+      _registerPolygon.__loaded || (_registerPolygon.__loaded = !0, registerPolygonGraphic$1(), container.load(polygonModule), container.load(browser ? polygonCanvasPickModule : polygonMathPickModule));
     }
+    _registerPolygon.__loaded = !1;
+    const registerPolygon = _registerPolygon;
 
-    let loaded$7 = !1;
-    function registerPyramid3d() {
-      loaded$7 || (loaded$7 = !0, registerPyramid3dGraphic$1(), container.load(pyramid3dModule), container.load(pyramid3dCanvasPickModule));
+    function _registerPyramid3d() {
+      _registerPyramid3d.__loaded || (_registerPyramid3d.__loaded = !0, registerPyramid3dGraphic$1(), container.load(pyramid3dModule), container.load(pyramid3dCanvasPickModule));
     }
+    _registerPyramid3d.__loaded = !1;
+    const registerPyramid3d = _registerPyramid3d;
 
-    let loaded$6 = !1;
-    function registerRect() {
-      loaded$6 || (loaded$6 = !0, registerRectGraphic$1(), container.load(rectModule), container.load(browser ? rectCanvasPickModule : rectMathPickModule));
+    function _registerRect() {
+      _registerRect.__loaded || (_registerRect.__loaded = !0, registerRectGraphic$1(), container.load(rectModule), container.load(browser ? rectCanvasPickModule : rectMathPickModule));
     }
+    _registerRect.__loaded = !1;
+    const registerRect = _registerRect;
 
-    let loaded$5 = !1;
-    function registerRect3d() {
-      loaded$5 || (loaded$5 = !0, registerRect3dGraphic$1(), container.load(rect3dModule), container.load(rect3dCanvasPickModule));
+    function _registerRect3d() {
+      _registerRect3d.__loaded || (_registerRect3d.__loaded = !0, registerRect3dGraphic$1(), container.load(rect3dModule), container.load(rect3dCanvasPickModule));
     }
+    _registerRect3d.__loaded = !1;
+    const registerRect3d = _registerRect3d;
 
-    let loaded$4 = !1;
-    function registerRichtext() {
-      loaded$4 || (loaded$4 = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser ? richtextCanvasPickModule : richTextMathPickModule));
+    function _registerRichtext() {
+      _registerRichtext.__loaded || (_registerRichtext.__loaded = !0, registerRichtextGraphic(), container.load(richtextModule), container.load(browser ? richtextCanvasPickModule : richTextMathPickModule));
     }
+    _registerRichtext.__loaded = !1;
+    const registerRichtext = _registerRichtext;
 
-    let loaded$3 = !1;
-    function registerShadowRoot() {
-      loaded$3 || (loaded$3 = !0, registerShadowRootGraphic());
+    function _registerShadowRoot() {
+      _registerShadowRoot.__loaded || (_registerShadowRoot.__loaded = !0, registerShadowRootGraphic());
     }
+    _registerShadowRoot.__loaded = !1;
+    const registerShadowRoot = _registerShadowRoot;
 
-    let loaded$2 = !1;
-    function registerSymbol() {
-      loaded$2 || (loaded$2 = !0, registerSymbolGraphic$1(), container.load(symbolModule), container.load(browser ? symbolCanvasPickModule : symbolMathPickModule));
+    function _registerSymbol() {
+      _registerSymbol.__loaded || (_registerSymbol.__loaded = !0, registerSymbolGraphic$1(), container.load(symbolModule), container.load(browser ? symbolCanvasPickModule : symbolMathPickModule));
     }
+    _registerSymbol.__loaded = !1;
+    const registerSymbol = _registerSymbol;
 
-    let loaded$1 = !1;
-    function registerText() {
-      loaded$1 || (loaded$1 = !0, registerTextGraphic$1(), container.load(textModule), container.load(browser ? textCanvasPickModule : textMathPickModule));
+    function _registerText() {
+      _registerText.__loaded || (_registerText.__loaded = !0, registerTextGraphic$1(), container.load(textModule), container.load(browser ? textCanvasPickModule : textMathPickModule));
     }
+    _registerText.__loaded = !1;
+    const registerText = _registerText;
 
-    let loaded = !1;
-    function registerWrapText() {
-      loaded || (loaded = !0, registerWrapTextGraphic());
+    function _registerWrapText() {
+      _registerWrapText.__loaded || (_registerWrapText.__loaded = !0, registerWrapTextGraphic());
     }
+    _registerWrapText.__loaded = !1;
+    const registerWrapText = _registerWrapText;
 
     function loadScrollbarComponent() {
       registerGroup(), registerRect();
@@ -39544,7 +39771,7 @@
           }, textStyle);
           this._mainTitle = group.createOrUpdateChild("mainTitle", attr, "richtext");
         } else isValid$1(text) && (this._mainTitle = group.createOrUpdateChild("mainTitle", Object.assign(Object.assign({
-          text: [text]
+          text: isArray$1(text) ? text : [text]
         }, textStyle), {
           maxLineWidth: null !== (_t = textStyle.maxLineWidth) && void 0 !== _t ? _t : width,
           heightLimit: textStyle.heightLimit,
@@ -39585,7 +39812,7 @@
           }, subtextStyle);
           this._subTitle = group.createOrUpdateChild("subTitle", attr, "richtext");
         } else isValid$1(subtext) && (this._subTitle = group.createOrUpdateChild("subTitle", Object.assign(Object.assign({
-          text: [subtext]
+          text: isArray$1(subtext) ? subtext : [subtext]
         }, subtextStyle), {
           maxLineWidth: null !== (_12 = subtextStyle.maxLineWidth) && void 0 !== _12 ? _12 : width,
           heightLimit: subtextStyle.heightLimit,
@@ -42433,7 +42660,7 @@
         const computePoints = isValidPointsChannel(fromKeys, element.mark.markType) && !isValid$1(from.segments);
         if (computePoints) {
           const items = element.items.map(item => Object.assign({}, item, {
-            nextAttrs: from
+            nextAttrs: Object.assign({}, from)
           }));
           attributes.from = element.transformElementItems(items, element.mark.markType, computePoints);
         }
@@ -42447,7 +42674,7 @@
         const computePoints = isValidPointsChannel(toKeys, element.mark.markType) && !isValid$1(to.segments);
         if (computePoints) {
           const items = element.items.map(item => Object.assign({}, item, {
-            nextAttrs: to
+            nextAttrs: Object.assign({}, to)
           }));
           attributes.to = element.transformElementItems(items, element.mark.markType, computePoints);
         }
@@ -43275,14 +43502,8 @@
         if (!this._groupKeys || !groupEncode) return;
         const res = {};
         return this._groupKeys.forEach(key => {
-          var _a;
           const el = elements.find(el => el.groupKey === key);
-          if (!el) return;
-          const nextAttrs = {},
-            items = [Object.assign({}, null === (_a = el.items) || void 0 === _a ? void 0 : _a[0], {
-              nextAttrs: nextAttrs
-            })];
-          invokeEncoderToItems(el, items, groupEncode, parameters), res[key] = nextAttrs;
+          el && (res[key] = invokeEncoder(groupEncode, el.items && el.items[0] && el.items[0].datum, el, parameters));
         }), res;
       }
       evaluateEncode(elements, encoders, parameters) {
@@ -48187,72 +48408,72 @@
     };
 
     const baseSeriesMark = {
-        [exports.SeriesMarkNameEnum.label]: { name: exports.SeriesMarkNameEnum.label, type: MarkTypeEnum.text }
+        ["label"]: { name: "label", type: "text" }
     };
     const RECT_X = `${PREFIX}_rect_x`;
     const RECT_X1 = `${PREFIX}_rect_x1`;
     const RECT_Y = `${PREFIX}_rect_y`;
     const RECT_Y1 = `${PREFIX}_rect_y1`;
 
-    const barSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.bar]: { name: exports.SeriesMarkNameEnum.bar, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.barBackground]: { name: exports.SeriesMarkNameEnum.barBackground, type: MarkTypeEnum.rect } });
-    const bar3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.bar3d]: { name: exports.SeriesMarkNameEnum.bar3d, type: MarkTypeEnum.rect3d } });
+    const barSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["bar"]: { name: "bar", type: "rect" }, ["barBackground"]: { name: "barBackground", type: "rect" } });
+    const bar3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["bar3d"]: { name: "bar3d", type: "rect3d" } });
 
     const lineLikeSeriesMark = {
-        [exports.SeriesMarkNameEnum.point]: { name: exports.SeriesMarkNameEnum.point, type: MarkTypeEnum.symbol },
-        [exports.SeriesMarkNameEnum.line]: { name: exports.SeriesMarkNameEnum.line, type: MarkTypeEnum.line }
+        ["point"]: { name: "point", type: "symbol" },
+        ["line"]: { name: "line", type: "line" }
     };
 
     const lineSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark);
 
-    const scatterSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.point]: { name: exports.SeriesMarkNameEnum.point, type: MarkTypeEnum.symbol } });
+    const scatterSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["point"]: { name: "point", type: "symbol" } });
 
-    const areaSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { [exports.SeriesMarkNameEnum.area]: { name: exports.SeriesMarkNameEnum.area, type: MarkTypeEnum.area } });
+    const areaSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { ["area"]: { name: "area", type: "area" } });
 
-    const radarSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { [exports.SeriesMarkNameEnum.area]: { name: exports.SeriesMarkNameEnum.area, type: MarkTypeEnum.area } });
+    const radarSeriesMark = Object.assign(Object.assign(Object.assign({}, baseSeriesMark), lineLikeSeriesMark), { ["area"]: { name: "area", type: "area" } });
 
-    const pieSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.pie]: { name: exports.SeriesMarkNameEnum.pie, type: MarkTypeEnum.arc }, [exports.SeriesMarkNameEnum.labelLine]: { name: exports.SeriesMarkNameEnum.labelLine, type: MarkTypeEnum.path } });
-    const pie3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.pie3d]: { name: exports.SeriesMarkNameEnum.pie3d, type: MarkTypeEnum.arc3d }, [exports.SeriesMarkNameEnum.labelLine]: { name: exports.SeriesMarkNameEnum.labelLine, type: MarkTypeEnum.path } });
+    const pieSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pie"]: { name: "pie", type: "arc" }, ["labelLine"]: { name: "labelLine", type: "path" } });
+    const pie3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pie3d"]: { name: "pie3d", type: "arc3d" }, ["labelLine"]: { name: "labelLine", type: "path" } });
 
-    const roseSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.rose]: { name: exports.SeriesMarkNameEnum.rose, type: MarkTypeEnum.arc } });
+    const roseSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["rose"]: { name: "rose", type: "arc" } });
 
-    const mapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.area]: { name: exports.SeriesMarkNameEnum.area, type: MarkTypeEnum.path } });
+    const mapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["area"]: { name: "area", type: "path" } });
 
-    const progressLikeSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group } });
+    const progressLikeSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["group"]: { name: "group", type: "group" } });
 
-    const circularProgressSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { [exports.SeriesMarkNameEnum.track]: { name: exports.SeriesMarkNameEnum.track, type: MarkTypeEnum.progressArc }, [exports.SeriesMarkNameEnum.progress]: { name: exports.SeriesMarkNameEnum.progress, type: MarkTypeEnum.progressArc } });
+    const circularProgressSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { ["track"]: { name: "track", type: "progressArc" }, ["progress"]: { name: "progress", type: "progressArc" } });
 
-    const linkSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group }, [exports.SeriesMarkNameEnum.link]: { name: exports.SeriesMarkNameEnum.link, type: MarkTypeEnum.rule }, [exports.SeriesMarkNameEnum.arrow]: { name: exports.SeriesMarkNameEnum.arrow, type: MarkTypeEnum.symbol } });
+    const linkSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["group"]: { name: "group", type: "group" }, ["link"]: { name: "link", type: "rule" }, ["arrow"]: { name: "arrow", type: "symbol" } });
 
-    const dotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group }, [exports.SeriesMarkNameEnum.grid]: { name: exports.SeriesMarkNameEnum.grid, type: MarkTypeEnum.rule }, [exports.SeriesMarkNameEnum.gridBackground]: { name: exports.SeriesMarkNameEnum.gridBackground, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.dot]: { name: exports.SeriesMarkNameEnum.dot, type: MarkTypeEnum.symbol }, [exports.SeriesMarkNameEnum.title]: { name: exports.SeriesMarkNameEnum.title, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.subTitle]: { name: exports.SeriesMarkNameEnum.subTitle, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.symbol]: { name: exports.SeriesMarkNameEnum.symbol, type: MarkTypeEnum.symbol } });
+    const dotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["group"]: { name: "group", type: "group" }, ["grid"]: { name: "grid", type: "rule" }, ["gridBackground"]: { name: "gridBackground", type: "rect" }, ["dot"]: { name: "dot", type: "symbol" }, ["title"]: { name: "title", type: "text" }, ["subTitle"]: { name: "subTitle", type: "text" }, ["symbol"]: { name: "symbol", type: "symbol" } });
 
-    const wordCloudSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.word]: { name: exports.SeriesMarkNameEnum.word, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.fillingWord]: { name: exports.SeriesMarkNameEnum.fillingWord, type: MarkTypeEnum.text } });
+    const wordCloudSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["word"]: { name: "word", type: "text" }, ["fillingWord"]: { name: "fillingWord", type: "text" } });
 
-    const funnelSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.funnel]: { name: exports.SeriesMarkNameEnum.funnel, type: MarkTypeEnum.polygon }, [exports.SeriesMarkNameEnum.transform]: { name: exports.SeriesMarkNameEnum.transform, type: MarkTypeEnum.polygon }, [exports.SeriesMarkNameEnum.transformLabel]: { name: exports.SeriesMarkNameEnum.transformLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabel]: { name: exports.SeriesMarkNameEnum.outerLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabelLine]: { name: exports.SeriesMarkNameEnum.outerLabelLine, type: MarkTypeEnum.rule } });
-    const funnel3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.funnel3d]: { name: exports.SeriesMarkNameEnum.funnel3d, type: MarkTypeEnum.pyramid3d }, [exports.SeriesMarkNameEnum.transform3d]: { name: exports.SeriesMarkNameEnum.transform3d, type: MarkTypeEnum.pyramid3d }, [exports.SeriesMarkNameEnum.transformLabel]: { name: exports.SeriesMarkNameEnum.transformLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabel]: { name: exports.SeriesMarkNameEnum.outerLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.outerLabelLine]: { name: exports.SeriesMarkNameEnum.outerLabelLine, type: MarkTypeEnum.rule } });
+    const funnelSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["funnel"]: { name: "funnel", type: "polygon" }, ["transform"]: { name: "transform", type: "polygon" }, ["transformLabel"]: { name: "transformLabel", type: "text" }, ["outerLabel"]: { name: "outerLabel", type: "text" }, ["outerLabelLine"]: { name: "outerLabelLine", type: "rule" } });
+    const funnel3dSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["funnel3d"]: { name: "funnel3d", type: "pyramid3d" }, ["transform3d"]: { name: "transform3d", type: "pyramid3d" }, ["transformLabel"]: { name: "transformLabel", type: "text" }, ["outerLabel"]: { name: "outerLabel", type: "text" }, ["outerLabelLine"]: { name: "outerLabelLine", type: "rule" } });
 
-    const linearProgressSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.track]: { name: exports.SeriesMarkNameEnum.track, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.progress]: { name: exports.SeriesMarkNameEnum.progress, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.group]: { name: exports.SeriesMarkNameEnum.group, type: MarkTypeEnum.group } });
+    const linearProgressSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["track"]: { name: "track", type: "rect" }, ["progress"]: { name: "progress", type: "rect" }, ["group"]: { name: "group", type: "group" } });
 
-    const waterfallSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { [exports.SeriesMarkNameEnum.leaderLine]: { name: exports.SeriesMarkNameEnum.leaderLine, type: MarkTypeEnum.rule }, [exports.SeriesMarkNameEnum.stackLabel]: { name: exports.SeriesMarkNameEnum.stackLabel, type: MarkTypeEnum.text } });
+    const waterfallSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { ["leaderLine"]: { name: "leaderLine", type: "rule" }, ["stackLabel"]: { name: "stackLabel", type: "text" } });
 
-    const boxPlotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.boxPlot]: { name: exports.SeriesMarkNameEnum.boxPlot, type: MarkTypeEnum.boxPlot }, [exports.SeriesMarkNameEnum.outlier]: { name: exports.SeriesMarkNameEnum.outlier, type: MarkTypeEnum.symbol } });
+    const boxPlotSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["boxPlot"]: { name: "boxPlot", type: "boxPlot" }, ["outlier"]: { name: "outlier", type: "symbol" } });
 
-    const treemapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.nonLeaf]: { name: exports.SeriesMarkNameEnum.nonLeaf, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.leaf]: { name: exports.SeriesMarkNameEnum.leaf, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.nonLeafLabel]: { name: exports.SeriesMarkNameEnum.nonLeafLabel, type: MarkTypeEnum.text } });
+    const treemapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["nonLeaf"]: { name: "nonLeaf", type: "rect" }, ["leaf"]: { name: "leaf", type: "rect" }, ["nonLeafLabel"]: { name: "nonLeafLabel", type: "text" } });
 
-    const sankeySeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.node]: { name: exports.SeriesMarkNameEnum.node, type: MarkTypeEnum.rect }, [exports.SeriesMarkNameEnum.link]: { name: exports.SeriesMarkNameEnum.link, type: MarkTypeEnum.linkPath } });
+    const sankeySeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["node"]: { name: "node", type: "rect" }, ["link"]: { name: "link", type: "linkPath" } });
 
-    const gaugeSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { [exports.SeriesMarkNameEnum.segment]: { name: exports.SeriesMarkNameEnum.segment, type: MarkTypeEnum.progressArc }, [exports.SeriesMarkNameEnum.track]: { name: exports.SeriesMarkNameEnum.track, type: MarkTypeEnum.progressArc } });
-    const gaugePointerSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.pin]: { name: exports.SeriesMarkNameEnum.pin, type: MarkTypeEnum.path }, [exports.SeriesMarkNameEnum.pinBackground]: { name: exports.SeriesMarkNameEnum.pinBackground, type: MarkTypeEnum.path }, [exports.SeriesMarkNameEnum.pointer]: { name: exports.SeriesMarkNameEnum.pointer, type: [MarkTypeEnum.path, MarkTypeEnum.rect] } });
+    const gaugeSeriesMark = Object.assign(Object.assign({}, progressLikeSeriesMark), { ["segment"]: { name: "segment", type: "progressArc" }, ["track"]: { name: "track", type: "progressArc" } });
+    const gaugePointerSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["pin"]: { name: "pin", type: "path" }, ["pinBackground"]: { name: "pinBackground", type: "path" }, ["pointer"]: { name: "pointer", type: ["path", "rect"] } });
 
-    const sunburstSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.sunburst]: { name: exports.SeriesMarkNameEnum.sunburst, type: MarkTypeEnum.arc } });
+    const sunburstSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["sunburst"]: { name: "sunburst", type: "arc" } });
 
-    const rangeColumnSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { [exports.SeriesMarkNameEnum.minLabel]: { name: exports.SeriesMarkNameEnum.minLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.maxLabel]: { name: exports.SeriesMarkNameEnum.maxLabel, type: MarkTypeEnum.text } });
-    const rangeColumn3dSeriesMark = Object.assign(Object.assign({}, bar3dSeriesMark), { [exports.SeriesMarkNameEnum.minLabel]: { name: exports.SeriesMarkNameEnum.minLabel, type: MarkTypeEnum.text }, [exports.SeriesMarkNameEnum.maxLabel]: { name: exports.SeriesMarkNameEnum.maxLabel, type: MarkTypeEnum.text } });
+    const rangeColumnSeriesMark = Object.assign(Object.assign({}, barSeriesMark), { ["minLabel"]: { name: "minLabel", type: "text" }, ["maxLabel"]: { name: "maxLabel", type: "text" } });
+    const rangeColumn3dSeriesMark = Object.assign(Object.assign({}, bar3dSeriesMark), { ["minLabel"]: { name: "minLabel", type: "text" }, ["maxLabel"]: { name: "maxLabel", type: "text" } });
 
-    const circlePackingSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.circlePacking]: { name: exports.SeriesMarkNameEnum.circlePacking, type: MarkTypeEnum.arc } });
+    const circlePackingSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["circlePacking"]: { name: "circlePacking", type: "arc" } });
 
-    const heatmapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.cell]: { name: exports.SeriesMarkNameEnum.cell, type: MarkTypeEnum.cell }, [exports.SeriesMarkNameEnum.cellBackground]: { name: exports.SeriesMarkNameEnum.cellBackground, type: MarkTypeEnum.cell } });
+    const heatmapSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["cell"]: { name: "cell", type: "cell" }, ["cellBackground"]: { name: "cellBackground", type: "cell" } });
 
-    const correlationSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { [exports.SeriesMarkNameEnum.nodePoint]: { name: exports.SeriesMarkNameEnum.nodePoint, type: MarkTypeEnum.symbol }, [exports.SeriesMarkNameEnum.ripplePoint]: { name: exports.SeriesMarkNameEnum.ripplePoint, type: MarkTypeEnum.ripple }, [exports.SeriesMarkNameEnum.centerPoint]: { name: exports.SeriesMarkNameEnum.centerPoint, type: MarkTypeEnum.symbol }, [exports.SeriesMarkNameEnum.centerLabel]: { name: exports.SeriesMarkNameEnum.centerLabel, type: MarkTypeEnum.text } });
+    const correlationSeriesMark = Object.assign(Object.assign({}, baseSeriesMark), { ["nodePoint"]: { name: "nodePoint", type: "symbol" }, ["ripplePoint"]: { name: "ripplePoint", type: "ripple" }, ["centerPoint"]: { name: "centerPoint", type: "symbol" }, ["centerLabel"]: { name: "centerLabel", type: "text" } });
 
     const rangeAreaSeriesMark = Object.assign({}, areaSeriesMark);
 
@@ -49274,20 +49495,6 @@
         }
     };
 
-    var PositionEnum;
-    (function (PositionEnum) {
-        PositionEnum["middle"] = "middle";
-        PositionEnum["start"] = "start";
-        PositionEnum["end"] = "end";
-        PositionEnum["bothEnd"] = "bothEnd";
-    })(PositionEnum || (PositionEnum = {}));
-    var minMaxPositionEnum;
-    (function (minMaxPositionEnum) {
-        minMaxPositionEnum["middle"] = "middle";
-        minMaxPositionEnum["start"] = "start";
-        minMaxPositionEnum["end"] = "end";
-    })(minMaxPositionEnum || (minMaxPositionEnum = {}));
-
     const rangeColumn = {
         label: {
             visible: false,
@@ -49297,10 +49504,10 @@
                 fill: { type: 'palette', key: 'axisMarkerFontColor' }
             },
             minLabel: {
-                position: minMaxPositionEnum.end
+                position: "end"
             },
             maxLabel: {
-                position: minMaxPositionEnum.start
+                position: "start"
             }
         }
     };
@@ -51241,7 +51448,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const MarkConstructor = Factory._marks[markType];
             const markInstance = new MarkConstructor(name, options);
-            if (markInstance.type === MarkTypeEnum.group) {
+            if (markInstance.type === "group") {
                 markInstance.setInteractive(false);
             }
             return markInstance;
@@ -51519,12 +51726,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return targetAxisInfo;
     };
 
-    var Direction;
-    (function (Direction) {
-        Direction["vertical"] = "vertical";
-        Direction["horizontal"] = "horizontal";
-    })(Direction || (Direction = {}));
-
     function isXAxis(orient) {
         return orient === 'bottom' || orient === 'top';
     }
@@ -51544,7 +51745,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return isValidOrient(spec.orient) || (whiteList && whiteList.includes(spec.orient)) ? spec.orient : 'left';
     }
     function getDirectionByOrient(orient) {
-        return orient === 'top' || orient === 'bottom' ? Direction.horizontal : Direction.vertical;
+        return orient === 'top' || orient === 'bottom' ? "horizontal" : "vertical";
     }
     function transformInverse(spec, isHorizontal) {
         let inverse = spec.inverse;
@@ -51602,7 +51803,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             });
         };
-        if (chart.getSpec().direction === Direction.horizontal) {
+        if (chart.getSpec().direction === "horizontal") {
             addAxisDimensionInfo('y', bandAxisSet.size > 0);
             if (targetAxisInfo.length === 0) {
                 addAxisDimensionInfo('x', bandAxisSet.size > 0);
@@ -52857,59 +53058,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         });
     }
 
-    const DEFAULT_SMOOTH_INTERPOLATE = 'monotone';
-    const DEFAULT_LINEAR_INTERPOLATE = 'linear';
-
-    var ShapeTypeEnum;
-    (function (ShapeTypeEnum) {
-        ShapeTypeEnum["circle"] = "circle";
-        ShapeTypeEnum["triangle"] = "triangle";
-        ShapeTypeEnum["triangleUp"] = "triangleUp";
-        ShapeTypeEnum["triangleLeft"] = "triangleLeft";
-        ShapeTypeEnum["triangleRight"] = "triangleRight";
-        ShapeTypeEnum["triangleDown"] = "triangleDown";
-        ShapeTypeEnum["thinTriangle"] = "thinTriangle";
-        ShapeTypeEnum["rect"] = "rect";
-        ShapeTypeEnum["diamond"] = "diamond";
-        ShapeTypeEnum["square"] = "square";
-        ShapeTypeEnum["arrowLeft"] = "arrowLeft";
-        ShapeTypeEnum["arrow2Left"] = "arrow2Left";
-        ShapeTypeEnum["arrowRight"] = "arrowRight";
-        ShapeTypeEnum["arrow2Right"] = "arrow2Right";
-        ShapeTypeEnum["cross"] = "cross";
-        ShapeTypeEnum["wedge"] = "wedge";
-        ShapeTypeEnum["star"] = "star";
-        ShapeTypeEnum["wye"] = "wye";
-    })(ShapeTypeEnum || (ShapeTypeEnum = {}));
-
-    const DEFAULT_CLOSE_STROKE_JOIN = 'bevel';
-
-    var TooltipFixedPosition;
-    (function (TooltipFixedPosition) {
-        TooltipFixedPosition["top"] = "top";
-        TooltipFixedPosition["bottom"] = "bottom";
-        TooltipFixedPosition["left"] = "left";
-        TooltipFixedPosition["right"] = "right";
-        TooltipFixedPosition["tl"] = "tl";
-        TooltipFixedPosition["lt"] = "lt";
-        TooltipFixedPosition["tr"] = "tr";
-        TooltipFixedPosition["rt"] = "rt";
-        TooltipFixedPosition["bl"] = "bl";
-        TooltipFixedPosition["lb"] = "lb";
-        TooltipFixedPosition["br"] = "br";
-        TooltipFixedPosition["rb"] = "rb";
-        TooltipFixedPosition["inside"] = "inside";
-    })(TooltipFixedPosition || (TooltipFixedPosition = {}));
-    var TooltipPositionMode;
-    (function (TooltipPositionMode) {
-        TooltipPositionMode["pointer"] = "pointer";
-        TooltipPositionMode["mark"] = "mark";
-    })(TooltipPositionMode || (TooltipPositionMode = {}));
-
     function setDefaultCrosshairForCartesianChart(spec) {
         spec.crosshair = array(spec.crosshair || {}).map(crosshairCfg => {
             return mergeSpec({
-                [spec.direction === Direction.horizontal ? 'yField' : 'xField']: {
+                [spec.direction === "horizontal" ? 'yField' : 'xField']: {
                     visible: true,
                     line: {
                         visible: true,
@@ -53002,16 +53154,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         STATE_VALUE_ENUM_REVERSE["STATE_DIMENSION_HOVER_REVERSE"] = "dimension_hover_reverse";
         STATE_VALUE_ENUM_REVERSE["STATE_SELECTED_REVERSE"] = "selected_reverse";
     })(STATE_VALUE_ENUM_REVERSE || (STATE_VALUE_ENUM_REVERSE = {}));
-    var STATE_LEVEL;
-    (function (STATE_LEVEL) {
-        STATE_LEVEL[STATE_LEVEL["NORMAL"] = 0] = "NORMAL";
-        STATE_LEVEL[STATE_LEVEL["DIMENSION_SELECTED"] = 1] = "DIMENSION_SELECTED";
-        STATE_LEVEL[STATE_LEVEL["RELATIONAL_SELECTED"] = 2] = "RELATIONAL_SELECTED";
-        STATE_LEVEL[STATE_LEVEL["SELECTED"] = 3] = "SELECTED";
-        STATE_LEVEL[STATE_LEVEL["DIMENSION_HOVER"] = 4] = "DIMENSION_HOVER";
-        STATE_LEVEL[STATE_LEVEL["RELATIONAL_HOVER"] = 5] = "RELATIONAL_HOVER";
-        STATE_LEVEL[STATE_LEVEL["HOVER"] = 6] = "HOVER";
-    })(STATE_LEVEL || (STATE_LEVEL = {}));
 
     class MarkSet {
         constructor() {
@@ -53633,12 +53775,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
-    var IFilterMode;
-    (function (IFilterMode) {
-        IFilterMode["filter"] = "filter";
-        IFilterMode["axis"] = "axis";
-    })(IFilterMode || (IFilterMode = {}));
-
     class BaseModelSpecTransformer {
         constructor(option) {
             this._option = option;
@@ -54018,6 +54154,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!isNil$1(spec.offsetY)) {
                     this.layoutOffsetY = calcLayoutNumber(spec.offsetY, chartViewRect.height, chartViewRect);
                 }
+                if (spec.alignSelf) {
+                    this.alignSelf = spec.alignSelf;
+                }
             }
         }
         setAttrFromSpec(spec, chartViewRect) {
@@ -54375,13 +54514,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const chartSpec = this._option.getChart().getSpec();
             const hasDataZoom = (_b = (_a = chartSpec.dataZoom) === null || _a === void 0 ? void 0 : _a.some) === null || _b === void 0 ? void 0 : _b.call(_a, (entry) => {
                 var _a;
-                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.filter;
-                return filterMode === IFilterMode.axis;
+                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : "filter";
+                return filterMode === "axis";
             });
             const hasScrollBar = (_d = (_c = chartSpec.scrollBar) === null || _c === void 0 ? void 0 : _c.some) === null || _d === void 0 ? void 0 : _d.call(_c, (entry) => {
                 var _a;
-                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.axis;
-                return filterMode === IFilterMode.axis;
+                const filterMode = (_a = entry.filterMode) !== null && _a !== void 0 ? _a : "axis";
+                return filterMode === "axis";
             });
             return hasDataZoom || hasScrollBar ? true : this._layout.layoutClip;
         }
@@ -54393,9 +54532,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._groupMark = this._createGroupMark('regionGroup', this.userId, this.layoutZIndex);
             this._interactionMark = this._createGroupMark('regionInteractionGroup', this.userId + '_interaction', exports.LayoutZIndex.Interaction);
             if (this._spec.style) {
-                this._backgroundMark = this._createMark({ type: MarkTypeEnum.rect, name: 'regionBackground' });
+                this._backgroundMark = this._createMark({ type: "rect", name: 'regionBackground' });
                 if (clip) {
-                    this._foregroundMark = this._createMark({ type: MarkTypeEnum.rect, name: 'regionForeground' });
+                    this._foregroundMark = this._createMark({ type: "rect", name: 'regionForeground' });
                 }
                 [this._backgroundMark, this._foregroundMark].forEach(mark => {
                     if (mark) {
@@ -54414,7 +54553,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _createGroupMark(name, userId, zIndex) {
             var _a, _b;
-            const groupMark = this._createMark({ type: MarkTypeEnum.group, name });
+            const groupMark = this._createMark({ type: "group", name });
             groupMark.setUserId(userId);
             groupMark.setZIndex(zIndex);
             const clip = (_a = this._spec.clip) !== null && _a !== void 0 ? _a : this._getClipDefaultValue();
@@ -54625,6 +54764,36 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
     }
+    function alignSelfOfItems(allItems, isVertical, maxSizes, sign) {
+        let maxSize;
+        allItems.forEach((lineItems, index) => {
+            if (lineItems.length > 1) {
+                maxSize = maxSizes[index];
+                lineItems.forEach(item => {
+                    if (!item.alignSelf || item.alignSelf === 'start') {
+                        return;
+                    }
+                    const pos = item.getLayoutStartPoint();
+                    const ratio = item.alignSelf === 'middle' ? 0.5 : 1;
+                    const delta = isVertical
+                        ? maxSize - (item.getLayoutRect().width + item.layoutPaddingLeft + item.layoutPaddingRight)
+                        : maxSize - (item.getLayoutRect().height + item.layoutPaddingTop + item.layoutPaddingBottom);
+                    if (isVertical) {
+                        item.setLayoutStartPosition({
+                            x: pos.x + sign * delta * ratio,
+                            y: pos.y
+                        });
+                    }
+                    else {
+                        item.setLayoutStartPosition({
+                            x: pos.x,
+                            y: pos.y + sign * delta * ratio
+                        });
+                    }
+                });
+            }
+        });
+    }
     function layoutLeftRightStartOrMiddleItems(items, layout, limitHeight, isMiddle, position) {
         if (items.length) {
             let maxWidth = 0;
@@ -54634,6 +54803,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             let preTop = layout.topCurrent;
             const allItems = [];
             let singleLineItems = [];
+            const maxWidths = [];
             items.forEach(item => {
                 const layoutRect = layout.getItemComputeLayoutRect(item);
                 const rect = item.computeBoundsInRect(layoutRect);
@@ -54645,9 +54815,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     x: preX + item.layoutOffsetX + itemOffsetX,
                     y: preTop + item.layoutOffsetY + item.layoutPaddingTop
                 });
-                maxWidth = Math.max(maxWidth, itemTotalWidth);
                 preTop += itemTotalHeight;
                 if (preTop > limitHeight && singleLineItems.length) {
+                    maxWidths.push(maxWidth);
                     preX += xSign * maxWidth;
                     maxWidth = itemTotalWidth;
                     preTop = layout.topCurrent + itemTotalHeight;
@@ -54659,10 +54829,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     singleLineItems = [item];
                 }
                 else {
+                    maxWidth = Math.max(maxWidth, itemTotalWidth);
                     singleLineItems.push(item);
                 }
             });
+            maxWidths.push(maxWidth);
             allItems.push(singleLineItems);
+            alignSelfOfItems(allItems, true, maxWidths, xSign);
             if (isMiddle) {
                 adjustItemsToCenter(allItems, true, limitHeight);
             }
@@ -54674,6 +54847,56 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
     }
+    function layoutLeftRightEndItems(items, layout, limitWidth, position) {
+        if (items.length) {
+            let maxWidth = 0;
+            const isRight = position === 'right';
+            const xSign = isRight ? -1 : 1;
+            let preX = isRight ? layout.rightCurrent : layout.leftCurrent;
+            let preBottom = layout.bottomCurrent;
+            const allItems = [];
+            let singleLineItems = [];
+            const maxWidths = [];
+            items.forEach(item => {
+                const layoutRect = layout.getItemComputeLayoutRect(item);
+                const rect = item.computeBoundsInRect(layoutRect);
+                item.setLayoutRect(rect);
+                const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;
+                const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
+                const itemOffsetX = isRight ? -rect.width - item.layoutPaddingRight : item.layoutPaddingLeft;
+                if (preBottom < itemTotalHeight && singleLineItems.length) {
+                    maxWidths.push(maxWidth);
+                    preX += xSign * maxWidth;
+                    maxWidth = itemTotalWidth;
+                    preBottom = layout.bottomCurrent;
+                    item.setLayoutStartPosition({
+                        x: preX + item.layoutOffsetX + itemOffsetX,
+                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
+                    });
+                    allItems.push(singleLineItems);
+                    singleLineItems = [item];
+                }
+                else {
+                    item.setLayoutStartPosition({
+                        x: preX + item.layoutOffsetX + itemOffsetX,
+                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
+                    });
+                    maxWidth = Math.max(maxWidth, itemTotalWidth);
+                    preBottom -= itemTotalHeight;
+                    singleLineItems.push(item);
+                }
+            });
+            maxWidths.push(maxWidth);
+            allItems.push(singleLineItems);
+            alignSelfOfItems(allItems, true, maxWidths, xSign);
+            if (isRight) {
+                layout.rightCurrent = preX + xSign * maxWidth;
+            }
+            else {
+                layout.leftCurrent = preX + xSign * maxWidth;
+            }
+        }
+    }
     function layoutTopBottomStartOrMiddleItems(items, layout, limitWidth, isMiddle, position) {
         if (items.length) {
             const isTop = position === 'top';
@@ -54683,6 +54906,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             let preY = isTop ? layout.topCurrent : layout.bottomCurrent;
             const allItems = [];
             let singleLineItems = [];
+            const maxHeights = [];
             items.forEach(item => {
                 const layoutRect = layout.getItemComputeLayoutRect(item);
                 const rect = item.computeBoundsInRect(layoutRect);
@@ -54694,9 +54918,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,
                     y: preY + item.layoutOffsetY + itemOffsetY
                 });
-                maxHeight = Math.max(maxHeight, itemTotalHeight);
                 preLeft += itemTotalWidth;
                 if (preLeft > limitWidth && singleLineItems.length) {
+                    maxHeights.push(maxHeight);
                     preLeft = layout.leftCurrent + itemTotalWidth;
                     preY += ySign * maxHeight;
                     maxHeight = itemTotalHeight;
@@ -54708,10 +54932,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     singleLineItems = [item];
                 }
                 else {
+                    maxHeight = Math.max(maxHeight, itemTotalHeight);
                     singleLineItems.push(item);
                 }
             });
+            maxHeights.push(maxHeight);
             allItems.push(singleLineItems);
+            alignSelfOfItems(allItems, false, maxHeights, ySign);
             if (isMiddle) {
                 adjustItemsToCenter(allItems, false, limitWidth);
             }
@@ -54723,43 +54950,65 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
     }
-    function layoutLeftInlineItems(items, layout, limitHeight) {
-        const { startItems, middleItems, endItems } = getPositionItems(items);
-        if (startItems.length) {
-            layoutLeftRightStartOrMiddleItems(startItems, layout, limitHeight, false, 'left');
-        }
-        if (middleItems.length) {
-            layoutLeftRightStartOrMiddleItems(middleItems, layout, limitHeight, true, 'left');
-        }
-        if (endItems.length) {
-            let maxWidth = 0;
-            let preLeft = layout.leftCurrent;
-            let preBottom = layout.bottomCurrent;
-            endItems.forEach(item => {
+    function layoutTopBottomEndItems(items, layout, limitWidth, position) {
+        if (items.length) {
+            const isTop = position === 'top';
+            const ySign = isTop ? 1 : -1;
+            let maxHeight = 0;
+            let preRight = layout.rightCurrent;
+            let preY = isTop ? layout.topCurrent : layout.bottomCurrent;
+            const allItems = [];
+            let singleLineItems = [];
+            const maxHeights = [];
+            items.forEach(item => {
                 const layoutRect = layout.getItemComputeLayoutRect(item);
                 const rect = item.computeBoundsInRect(layoutRect);
                 item.setLayoutRect(rect);
                 const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;
                 const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
-                if (preBottom < itemTotalHeight) {
-                    preLeft += maxWidth;
-                    maxWidth = itemTotalWidth;
-                    preBottom = layout.bottomCurrent;
+                const itemOffsetY = isTop ? item.layoutPaddingTop : -rect.height - item.layoutPaddingBottom;
+                if (preRight < itemTotalWidth && singleLineItems.length) {
+                    preRight = layout.rightCurrent;
+                    preY += ySign * maxHeight;
+                    maxHeight = itemTotalHeight;
                     item.setLayoutStartPosition({
-                        x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,
-                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
+                        x: layout.rightCurrent + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
+                        y: preY + item.layoutOffsetY + itemOffsetY
                     });
+                    allItems.push(singleLineItems);
+                    singleLineItems = [item];
                 }
                 else {
+                    singleLineItems.push(item);
                     item.setLayoutStartPosition({
-                        x: preLeft + item.layoutOffsetX + item.layoutPaddingLeft,
-                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
+                        x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
+                        y: preY + item.layoutOffsetY + itemOffsetY
                     });
-                    maxWidth = Math.max(maxWidth, itemTotalWidth);
-                    preBottom -= itemTotalHeight;
+                    maxHeight = Math.max(maxHeight, itemTotalHeight);
+                    preRight -= itemTotalWidth;
                 }
             });
-            layout.leftCurrent = preLeft + maxWidth;
+            maxHeights.push(maxHeight);
+            allItems.push(singleLineItems);
+            alignSelfOfItems(allItems, false, maxHeights, ySign);
+            if (isTop) {
+                layout.topCurrent = preY + ySign * maxHeight;
+            }
+            else {
+                layout.bottomCurrent = preY + ySign * maxHeight;
+            }
+        }
+    }
+    function layoutLeftInlineItems(items, layout, limitHeight) {
+        const { startItems, middleItems, endItems } = getPositionItems(items);
+        if (startItems.length) {
+            layoutLeftRightStartOrMiddleItems(startItems, layout, limitHeight, false, 'left');
+        }
+        if (middleItems.length) {
+            layoutLeftRightStartOrMiddleItems(middleItems, layout, limitHeight, true, 'left');
+        }
+        if (endItems.length) {
+            layoutLeftRightEndItems(endItems, layout, limitHeight, 'left');
         }
     }
     function layoutRightInlineItems(items, layout, limitHeight) {
@@ -54771,34 +55020,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             layoutLeftRightStartOrMiddleItems(middleItems, layout, limitHeight, true, 'right');
         }
         if (endItems.length) {
-            let maxWidth = 0;
-            let preRight = layout.rightCurrent;
-            let preBottom = layout.bottomCurrent;
-            endItems.forEach(item => {
-                const layoutRect = layout.getItemComputeLayoutRect(item);
-                const rect = item.computeBoundsInRect(layoutRect);
-                item.setLayoutRect(rect);
-                const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;
-                const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
-                if (preBottom < itemTotalHeight) {
-                    preRight -= maxWidth;
-                    maxWidth = itemTotalWidth;
-                    preBottom = layout.bottomCurrent;
-                    item.setLayoutStartPosition({
-                        x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
-                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
-                    });
-                }
-                else {
-                    item.setLayoutStartPosition({
-                        x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
-                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
-                    });
-                    maxWidth = Math.max(maxWidth, itemTotalWidth);
-                    preBottom -= itemTotalHeight;
-                }
-            });
-            layout.rightCurrent = preRight - maxWidth;
+            layoutLeftRightEndItems(endItems, layout, limitHeight, 'right');
         }
     }
     function layoutTopInlineItems(items, layout, limitWidth) {
@@ -54810,34 +55032,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             layoutTopBottomStartOrMiddleItems(middleItems, layout, limitWidth, true, 'top');
         }
         if (endItems.length) {
-            let maxHeight = 0;
-            let preTop = layout.topCurrent;
-            let preRight = layout.rightCurrent;
-            endItems.forEach(item => {
-                const layoutRect = layout.getItemComputeLayoutRect(item);
-                const rect = item.computeBoundsInRect(layoutRect);
-                item.setLayoutRect(rect);
-                const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;
-                const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
-                if (preRight < itemTotalWidth) {
-                    preRight = layout.rightCurrent;
-                    preTop += maxHeight;
-                    maxHeight = itemTotalHeight;
-                    item.setLayoutStartPosition({
-                        x: layout.rightCurrent + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
-                        y: preTop + item.layoutOffsetY + item.layoutPaddingTop
-                    });
-                }
-                else {
-                    item.setLayoutStartPosition({
-                        x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
-                        y: preTop + item.layoutOffsetY + item.layoutPaddingTop
-                    });
-                    maxHeight = Math.max(maxHeight, itemTotalHeight);
-                    preRight -= itemTotalWidth;
-                }
-            });
-            layout.topCurrent = preTop + maxHeight;
+            layoutTopBottomEndItems(endItems, layout, limitWidth, 'top');
         }
     }
     function layoutBottomInlineItems(items, layout, limitWidth) {
@@ -54849,34 +55044,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             layoutTopBottomStartOrMiddleItems(middleItems, layout, limitWidth, true, 'bottom');
         }
         if (endItems.length) {
-            let maxHeight = 0;
-            let preBottom = layout.bottomCurrent;
-            let preRight = layout.rightCurrent;
-            endItems.forEach(item => {
-                const layoutRect = layout.getItemComputeLayoutRect(item);
-                const rect = item.computeBoundsInRect(layoutRect);
-                item.setLayoutRect(rect);
-                const itemTotalHeight = rect.height + item.layoutPaddingTop + item.layoutPaddingBottom;
-                const itemTotalWidth = rect.width + item.layoutPaddingLeft + item.layoutPaddingRight;
-                if (preRight < itemTotalWidth) {
-                    preRight = layout.rightCurrent;
-                    preBottom -= maxHeight;
-                    maxHeight = itemTotalHeight;
-                    item.setLayoutStartPosition({
-                        x: layout.rightCurrent + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
-                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
-                    });
-                }
-                else {
-                    item.setLayoutStartPosition({
-                        x: preRight + item.layoutOffsetX - rect.width - item.layoutPaddingRight,
-                        y: preBottom + item.layoutOffsetY - rect.height - item.layoutPaddingBottom
-                    });
-                    maxHeight = Math.max(maxHeight, itemTotalHeight);
-                    preRight -= itemTotalWidth;
-                }
-            });
-            layout.bottomCurrent = preBottom - maxHeight;
+            layoutTopBottomEndItems(endItems, layout, limitWidth, 'bottom');
         }
     }
 
@@ -55213,7 +55381,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     Layout.type = 'base';
 
-    const MultiDatumMark = [MarkTypeEnum.line, MarkTypeEnum.area, 'trail'];
+    const MultiDatumMark = ["line", "area", 'trail'];
     function isMultiDatumMark(type) {
         return MultiDatumMark.includes(type);
     }
@@ -56302,7 +56470,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
     }
-    GroupMark.type = MarkTypeEnum.group;
+    GroupMark.type = "group";
     const registerGroupMark = () => {
         registerGroupGraphic();
         Factory.registerMark(GroupMark.type, GroupMark);
@@ -56316,9 +56484,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     const Appear_Grow$6 = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growPointsXIn' : 'growPointsYIn',
+            type: params.direction === "horizontal" ? 'growPointsXIn' : 'growPointsYIn',
             options: {
-                orient: params.direction === Direction.horizontal ? 'positive' : 'negative'
+                orient: params.direction === "horizontal" ? 'positive' : 'negative'
             }
         };
     };
@@ -58164,43 +58332,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerChartPlugin(MediaQuery);
     };
 
-    const version = "1.8.10-alpha.0";
-
-    var ChartTypeEnum;
-    (function (ChartTypeEnum) {
-        ChartTypeEnum["common"] = "common";
-        ChartTypeEnum["area"] = "area";
-        ChartTypeEnum["line"] = "line";
-        ChartTypeEnum["bar"] = "bar";
-        ChartTypeEnum["bar3d"] = "bar3d";
-        ChartTypeEnum["histogram"] = "histogram";
-        ChartTypeEnum["histogram3d"] = "histogram3d";
-        ChartTypeEnum["rangeColumn"] = "rangeColumn";
-        ChartTypeEnum["rangeColumn3d"] = "rangeColumn3d";
-        ChartTypeEnum["rangeArea"] = "rangeArea";
-        ChartTypeEnum["map"] = "map";
-        ChartTypeEnum["pie"] = "pie";
-        ChartTypeEnum["pie3d"] = "pie3d";
-        ChartTypeEnum["radar"] = "radar";
-        ChartTypeEnum["rose"] = "rose";
-        ChartTypeEnum["scatter"] = "scatter";
-        ChartTypeEnum["sequence"] = "sequence";
-        ChartTypeEnum["circularProgress"] = "circularProgress";
-        ChartTypeEnum["linearProgress"] = "linearProgress";
-        ChartTypeEnum["wordCloud"] = "wordCloud";
-        ChartTypeEnum["wordCloud3d"] = "wordCloud3d";
-        ChartTypeEnum["funnel"] = "funnel";
-        ChartTypeEnum["funnel3d"] = "funnel3d";
-        ChartTypeEnum["waterfall"] = "waterfall";
-        ChartTypeEnum["boxPlot"] = "boxPlot";
-        ChartTypeEnum["gauge"] = "gauge";
-        ChartTypeEnum["sankey"] = "sankey";
-        ChartTypeEnum["treemap"] = "treemap";
-        ChartTypeEnum["sunburst"] = "sunburst";
-        ChartTypeEnum["circlePacking"] = "circlePacking";
-        ChartTypeEnum["heatmap"] = "heatmap";
-        ChartTypeEnum["correlation"] = "correlation";
-    })(ChartTypeEnum || (ChartTypeEnum = {}));
+    const version = "1.8.11";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -58842,7 +58974,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             let stateConfig;
             if (isArray$1(userStateConfig)) {
-                stateConfig = userStateConfig;
+                stateConfig = userStateConfig.map((userConfig, i) => {
+                    var _a;
+                    let singleConfig = userConfig;
+                    if (isChannelAnimation(singleConfig)) {
+                        delete singleConfig.type;
+                    }
+                    if (singleConfig.oneByOne) {
+                        singleConfig = produceOneByOne(singleConfig, (_a = params === null || params === void 0 ? void 0 : params.dataIndex) !== null && _a !== void 0 ? _a : defaultDataIndex, params === null || params === void 0 ? void 0 : params.dataCount);
+                    }
+                    return singleConfig;
+                });
             }
             else {
                 stateConfig = defaultStateConfig.map((stateConfig, i) => {
@@ -59290,8 +59432,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (fieldInfo && fieldInfo.lockStatisticsByDomain && fieldInfo.domain) {
                         this._rawStatisticsCache[field] = {};
                         if (isNumeric) {
-                            this._rawStatisticsCache[field].min = Math.min(fieldInfo.domain);
-                            this._rawStatisticsCache[field].max = Math.max(fieldInfo.domain);
+                            this._rawStatisticsCache[field].min = minInArray(fieldInfo.domain);
+                            this._rawStatisticsCache[field].max = maxInArray(fieldInfo.domain);
                         }
                         else {
                             this._rawStatisticsCache[field].values = fieldInfo.domain;
@@ -59304,6 +59446,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     }
                 }
             }
+            if (isNumeric && (isNil$1(this._rawStatisticsCache[field].min) || isNil$1(this._rawStatisticsCache[field].max))) {
+                this._rawStatisticsCache[field].min = minInArray(this._rawStatisticsCache[field].values);
+                this._rawStatisticsCache[field].max = maxInArray(this._rawStatisticsCache[field].values);
+            }
             return this._rawStatisticsCache[field];
         }
         _statisticViewData() {
@@ -59472,7 +59618,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initRootMark() {
             var _a, _b;
-            this._rootMark = this._createMark({ type: MarkTypeEnum.group, name: `seriesGroup_${this.type}_${this.id}` }, {
+            this._rootMark = this._createMark({ type: "group", name: `seriesGroup_${this.type}_${this.id}` }, {
                 parent: (_b = (_a = this._region).getGroupMark) === null || _b === void 0 ? void 0 : _b.call(_a),
                 dataView: false
             });
@@ -59990,7 +60136,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._scaleConfig = {
                 bandPosition: this._bandPosition
             };
-            this._direction = Direction.vertical;
+            this._direction = "vertical";
             this._sortDataByAxis = false;
             this._getInvalidDefined = (datum) => {
                 var _a, _b;
@@ -60140,14 +60286,20 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getStackGroupFields() {
             return this.getGroupFields();
         }
+        getStackValue() {
+            var _a;
+            return ((_a = this._spec.stackValue) !== null && _a !== void 0 ? _a : `${PREFIX}_series_${this.type}_${(this.direction === "horizontal"
+            ? this.getXAxisHelper()
+            : this.getYAxisHelper()).getAxisId()}`);
+        }
         getStackValueField() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 return array(this._spec.yField)[0];
             }
             return array(this._spec.xField)[0];
         }
         setValueFieldToStack() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setFieldY(STACK_FIELD_END);
                 this.setFieldY2(STACK_FIELD_START);
             }
@@ -60157,7 +60309,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         setValueFieldToPercent() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setFieldY(STACK_FIELD_END_PERCENT);
                 this.setFieldY2(STACK_FIELD_START_PERCENT);
             }
@@ -60167,7 +60319,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         setValueFieldToStackOffsetSilhouette() {
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setFieldY(STACK_FIELD_END_OffsetSilhouette);
                 this.setFieldY2(STACK_FIELD_START_OffsetSilhouette);
             }
@@ -60369,13 +60521,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._buildScaleConfig();
         }
         getDimensionField() {
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return this._specXField;
             }
             return this._specYField;
         }
         getMeasureField() {
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return this._specYField;
             }
             return this._specXField;
@@ -60389,7 +60541,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _sortDataInAxisDomain() {
             var _a, _b, _c;
             if ((_b = (_a = this.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData) === null || _b === void 0 ? void 0 : _b.length) {
-                sortDataInAxisHelper(this._direction === Direction.horizontal ? this._yAxisHelper : this._xAxisHelper, this._direction === Direction.horizontal ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
+                sortDataInAxisHelper(this._direction === "horizontal" ? this._yAxisHelper : this._xAxisHelper, this._direction === "horizontal" ? this._fieldY[0] : this._fieldX[0], this.getViewData().latestData);
                 (_c = this._data) === null || _c === void 0 ? void 0 : _c.updateData(true);
             }
         }
@@ -60404,6 +60556,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
     }
 
+    const DEFAULT_SMOOTH_INTERPOLATE = 'monotone';
+    const DEFAULT_LINEAR_INTERPOLATE = 'linear';
+
+    const DEFAULT_CLOSE_STROKE_JOIN = 'bevel';
+
     class LineLikeSeriesMixin {
         addSamplingCompile() {
             if (this._spec.sampling) {
@@ -60413,9 +60570,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const fieldsX = this._fieldX;
                 samplingTrans.push({
                     type: 'sampling',
-                    size: this._direction === Direction.vertical ? width : height,
+                    size: this._direction === "vertical" ? width : height,
                     factor: this._spec.samplingFactor,
-                    yfield: this._direction === Direction.vertical ? fieldsY[0] : fieldsX[0],
+                    yfield: this._direction === "vertical" ? fieldsY[0] : fieldsX[0],
                     groupBy: this._seriesField,
                     mode: this._spec.sampling
                 });
@@ -60428,7 +60585,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const overlapTrans = [];
                 overlapTrans.push({
                     type: 'markoverlap',
-                    direction: this._direction === Direction.horizontal && this.coordinate === 'cartesian' ? 2 : 1,
+                    direction: this._direction === "horizontal" && this.coordinate === 'cartesian' ? 2 : 1,
                     delta: this._spec.pointDis,
                     deltaMul: this._spec.pointDisMul,
                     groupBy: this._seriesField
@@ -60478,7 +60635,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 else {
                     const userCurveType = areaCurveType !== null && areaCurveType !== void 0 ? areaCurveType : (_b = (_a = this.getSpec().line) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.curveType;
                     const curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE
-                        ? direction === Direction.vertical
+                        ? direction === "vertical"
                             ? 'monotoneX'
                             : 'monotoneY'
                         : userCurveType;
@@ -60536,7 +60693,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (this._spec.activePoint === true) {
                 const activeData = new DataView(this._option.dataSet, { name: `${PREFIX}_series_${this.id}_active_point` });
                 activeData.parse([]);
-                this._symbolActiveMark = this._createMark({ name: `active_point`, type: MarkTypeEnum.symbol }, {
+                this._symbolActiveMark = this._createMark({ name: `active_point`, type: "symbol" }, {
                     morph: false,
                     groupKey: this._seriesField,
                     isSeriesMark: false,
@@ -60740,7 +60897,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return ['fill', 'fillOpacity'];
         }
     }
-    LineMark.type = MarkTypeEnum.line;
+    LineMark.type = "line";
     const registerLineMark = () => {
         Factory.registerMark(LineMark.type, LineMark);
         registerLineGraphic();
@@ -60749,7 +60906,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class BaseSymbolMark extends BaseMark {
         _getDefaultStyle() {
-            const defaultStyle = Object.assign(Object.assign({}, super._getDefaultStyle()), { size: 1, symbolType: ShapeTypeEnum.circle, fill: undefined, lineWidth: 0 });
+            const defaultStyle = Object.assign(Object.assign({}, super._getDefaultStyle()), { size: 1, symbolType: 'circle', fill: undefined, lineWidth: 0 });
             return defaultStyle;
         }
     }
@@ -60759,7 +60916,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.type = SymbolMark.type;
         }
     }
-    SymbolMark.type = MarkTypeEnum.symbol;
+    SymbolMark.type = "symbol";
     const registerSymbolMark = () => {
         Factory.registerMark(SymbolMark.type, SymbolMark);
         registerSymbolGraphic();
@@ -60770,12 +60927,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c;
             const isPointVisible = ((_a = spec.point) === null || _a === void 0 ? void 0 : _a.visible) !== false && ((_c = (_b = spec.point) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.visible) !== false;
             if (!isPointVisible) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.line);
+                this._addMarkLabelSpec(spec, "line");
             }
             else {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.point);
+                this._addMarkLabelSpec(spec, "point");
             }
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.line, 'lineLabel', 'initLineLabelMarkStyle', undefined, true);
+            this._addMarkLabelSpec(spec, "line", 'lineLabel', 'initLineLabelMarkStyle', undefined, true);
         }
     }
 
@@ -60816,10 +60973,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d;
             const lineAnimationParams = { direction: this.direction };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._lineMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('line')) === null || _c === void 0 ? void 0 : _c(lineAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.line, this._spec, this._markAttributeContext)));
+            this._lineMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('line')) === null || _c === void 0 ? void 0 : _c(lineAnimationParams, appearPreset), userAnimationConfig("line", this._spec, this._markAttributeContext)));
             if (this._symbolMark) {
                 const animationParams = getGroupAnimationParams(this);
-                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.point, this._spec, this._markAttributeContext), animationParams));
+                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("point", this._spec, this._markAttributeContext), animationParams));
             }
         }
         onLayoutEnd(ctx) {
@@ -61500,7 +61657,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _createBackground() {
             const backgroundStyle = convertBackgroundSpec(this._spec.background);
             if (backgroundStyle) {
-                this._backgroundMark = Factory.createMark(MarkTypeEnum.group, 'chart-background', {
+                this._backgroundMark = Factory.createMark("group", 'chart-background', {
                     model: this,
                     map: this._option.map,
                     getCompiler: this.getCompiler,
@@ -62474,12 +62631,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = LineChartSpecTransformer;
-            this.type = ChartTypeEnum.line;
+            this.type = "line";
             this.seriesType = exports.SeriesTypeEnum.line;
             this._canStack = true;
         }
     }
-    LineChart.type = ChartTypeEnum.line;
+    LineChart.type = "line";
     LineChart.seriesType = exports.SeriesTypeEnum.line;
     LineChart.view = 'singleDefault';
     LineChart.transformerConstructor = LineChartSpecTransformer;
@@ -62501,7 +62658,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return [];
         }
     }
-    AreaMark.type = MarkTypeEnum.area;
+    AreaMark.type = "area";
     const registerAreaMark = () => {
         Factory.registerMark(AreaMark.type, AreaMark);
         registerAreaGraphic();
@@ -62537,9 +62694,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
     const Appear_Grow$5 = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growPointsXIn' : 'growPointsYIn',
+            type: params.direction === "horizontal" ? 'growPointsXIn' : 'growPointsYIn',
             options: {
-                orient: params.direction === Direction.horizontal ? 'positive' : 'negative'
+                orient: params.direction === "horizontal" ? 'positive' : 'negative'
             }
         };
     };
@@ -62576,10 +62733,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _transformLabelSpec(spec) {
             var _a, _b, _c;
             super._transformLabelSpec(spec);
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.area, 'areaLabel', 'initLineLabelMarkStyle', undefined, true);
+            this._addMarkLabelSpec(spec, "area", 'areaLabel', 'initLineLabelMarkStyle', undefined, true);
             const isPointVisible = ((_a = spec.point) === null || _a === void 0 ? void 0 : _a.visible) !== false && ((_c = (_b = spec.point) === null || _b === void 0 ? void 0 : _b.style) === null || _c === void 0 ? void 0 : _c.visible) !== false;
             if (!isPointVisible) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.area);
+                this._addMarkLabelSpec(spec, "area");
             }
         }
         _transformSpecAfterMergingTheme(spec, chartSpec, chartSpecInfo) {
@@ -62656,13 +62813,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d, _e;
             const userCurveType = ((_c = (_b = (_a = this.getSpec().area) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.curveType) !== null && _c !== void 0 ? _c : (_e = (_d = this.getSpec().line) === null || _d === void 0 ? void 0 : _d.style) === null || _e === void 0 ? void 0 : _e.curveType);
             const curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE
-                ? this._direction === Direction.vertical
+                ? this._direction === "vertical"
                     ? 'monotoneX'
                     : 'monotoneY'
                 : userCurveType;
             const areaMark = this._areaMark;
             if (areaMark) {
-                if (this._direction === Direction.vertical) {
+                if (this._direction === "vertical") {
                     this.setMarkStyle(this._areaMark, {
                         x: this.dataToPositionX.bind(this),
                         y1: (datum) => {
@@ -62715,14 +62872,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const areaAnimationParams = { direction: this.direction };
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
             if (this._lineMark) {
-                this._lineMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('line')) === null || _b === void 0 ? void 0 : _b(areaAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.line, this._spec, this._markAttributeContext)));
+                this._lineMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('line')) === null || _b === void 0 ? void 0 : _b(areaAnimationParams, appearPreset), userAnimationConfig("line", this._spec, this._markAttributeContext)));
             }
             if (this._areaMark) {
-                this._areaMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('area')) === null || _c === void 0 ? void 0 : _c(areaAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.area, this._spec, this._markAttributeContext)));
+                this._areaMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('area')) === null || _c === void 0 ? void 0 : _c(areaAnimationParams, appearPreset), userAnimationConfig("area", this._spec, this._markAttributeContext)));
             }
             if (this._symbolMark) {
                 const animationParams = getGroupAnimationParams(this);
-                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.point, this._spec, this._markAttributeContext), animationParams));
+                this._symbolMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('scaleInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("point", this._spec, this._markAttributeContext), animationParams));
             }
         }
         initTooltip() {
@@ -62795,12 +62952,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = AreaChartSpecTransformer;
-            this.type = ChartTypeEnum.area;
+            this.type = "area";
             this.seriesType = exports.SeriesTypeEnum.area;
             this._canStack = true;
         }
     }
-    AreaChart.type = ChartTypeEnum.area;
+    AreaChart.type = "area";
     AreaChart.seriesType = exports.SeriesTypeEnum.area;
     AreaChart.view = 'singleDefault';
     AreaChart.transformerConstructor = AreaChartSpecTransformer;
@@ -62827,13 +62984,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     const barGrowIn = (params, isOverall = true) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',
+            type: params.direction === "horizontal" ? 'growWidthIn' : 'growHeightIn',
             options: barGrowOption(params, isOverall)
         };
     };
     const barGrowOut = (params, isOverall = true) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthOut' : 'growHeightOut',
+            type: params.direction === "horizontal" ? 'growWidthOut' : 'growHeightOut',
             options: barGrowOption(params, isOverall)
         };
     };
@@ -62887,7 +63044,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    RectMark.type = MarkTypeEnum.rect;
+    RectMark.type = "rect";
     const registerRectMark = () => {
         Factory.registerMark(RectMark.type, RectMark);
         registerRectGraphic();
@@ -62938,7 +63095,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class BarSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar);
+            this._addMarkLabelSpec(spec, "bar");
         }
     }
 
@@ -62947,8 +63104,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.bar;
-            this._barMarkName = exports.SeriesMarkNameEnum.bar;
-            this._barMarkType = MarkTypeEnum.rect;
+            this._barMarkName = "bar";
+            this._barMarkType = "rect";
             this.transformerConstructor = BarSeriesSpecTransformer;
             this._supportStack = true;
             this._bandPosition = 0;
@@ -63153,7 +63310,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d;
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
-            if (this.direction === Direction.horizontal) {
+            if (this.direction === "horizontal") {
                 this.setMarkStyle(this._barMark, {
                     x: (datum) => {
                         if (this._shouldDoPreCalculate()) {
@@ -63210,7 +63367,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
-            if (this.direction === Direction.horizontal) {
+            if (this.direction === "horizontal") {
                 this.setMarkStyle(this._barBackgroundMark, {
                     x: () => {
                         const range = xScale.range();
@@ -63249,7 +63406,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d;
             const xScale = (_b = (_a = this._xAxisHelper) === null || _a === void 0 ? void 0 : _a.getScale) === null || _b === void 0 ? void 0 : _b.call(_a, 0);
             const yScale = (_d = (_c = this._yAxisHelper) === null || _c === void 0 ? void 0 : _c.getScale) === null || _d === void 0 ? void 0 : _d.call(_c, 0);
-            if (this.direction === Direction.vertical) {
+            if (this.direction === "vertical") {
                 this.setMarkStyle(this._barMark, {
                     x: (datum) => valueInScaleRange(this.dataToPositionX(datum), xScale),
                     x1: (datum) => valueInScaleRange(this.dataToPositionX1(datum), xScale),
@@ -63336,7 +63493,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             let axisHelper;
             let sizeAttribute;
             let dataToPosition;
-            if (direction === Direction.horizontal) {
+            if (direction === "horizontal") {
                 axisHelper = this.getYAxisHelper();
                 sizeAttribute = 'height';
                 dataToPosition = this.dataToPositionY.bind(this);
@@ -63393,9 +63550,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const fieldsX = this._fieldX;
                 samplingTrans.push({
                     type: 'sampling',
-                    size: this._direction === Direction.vertical ? width : height,
+                    size: this._direction === "vertical" ? width : height,
                     factor: this._spec.samplingFactor,
-                    yfield: this._direction === Direction.vertical ? fieldsY[0] : fieldsX[0],
+                    yfield: this._direction === "vertical" ? fieldsY[0] : fieldsX[0],
                     groupBy: this._seriesField,
                     mode: this._spec.sampling
                 });
@@ -63455,12 +63612,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BarChartSpecTransformer;
-            this.type = ChartTypeEnum.bar;
+            this.type = "bar";
             this.seriesType = exports.SeriesTypeEnum.bar;
             this._canStack = true;
         }
     }
-    BarChart.type = ChartTypeEnum.bar;
+    BarChart.type = "bar";
     BarChart.seriesType = exports.SeriesTypeEnum.bar;
     BarChart.view = 'singleDefault';
     BarChart.transformerConstructor = BarChartSpecTransformer;
@@ -63479,7 +63636,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    Rect3dMark.type = MarkTypeEnum.rect3d;
+    Rect3dMark.type = "rect3d";
     const registerRect3dMark = () => {
         Factory.registerMark(Rect3dMark.type, Rect3dMark);
         registerRect3dGraphic();
@@ -63490,8 +63647,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.bar3d;
-            this._barMarkName = exports.SeriesMarkNameEnum.bar3d;
-            this._barMarkType = MarkTypeEnum.rect3d;
+            this._barMarkName = "bar3d";
+            this._barMarkType = "rect3d";
         }
     }
     Bar3dSeries.type = exports.SeriesTypeEnum.bar3d;
@@ -63512,11 +63669,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = Bar3dChartSpecTransformer;
-            this.type = ChartTypeEnum.bar3d;
+            this.type = "bar3d";
             this.seriesType = exports.SeriesTypeEnum.bar3d;
         }
     }
-    Bar3dChart.type = ChartTypeEnum.bar3d;
+    Bar3dChart.type = "bar3d";
     Bar3dChart.seriesType = exports.SeriesTypeEnum.bar3d;
     Bar3dChart.view = 'singleDefault';
     Bar3dChart.transformerConstructor = Bar3dChartSpecTransformer;
@@ -63557,7 +63714,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class ScatterSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.point);
+            this._addMarkLabelSpec(spec, "point");
         }
     }
 
@@ -63678,7 +63835,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c;
             const animationParams = getGroupAnimationParams(this);
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._symbolMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('scatter')) === null || _c === void 0 ? void 0 : _c({}, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.point, this._spec, this._markAttributeContext), animationParams));
+            this._symbolMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('scatter')) === null || _c === void 0 ? void 0 : _c({}, appearPreset), userAnimationConfig("point", this._spec, this._markAttributeContext), animationParams));
         }
         initSymbolMarkStyle() {
             const symbolMark = this._symbolMark;
@@ -63813,12 +63970,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = ScatterChartSpecTransformer;
-            this.type = ChartTypeEnum.scatter;
+            this.type = "scatter";
             this.seriesType = exports.SeriesTypeEnum.scatter;
             this._canStack = true;
         }
     }
-    ScatterChart.type = ChartTypeEnum.scatter;
+    ScatterChart.type = "scatter";
     ScatterChart.seriesType = exports.SeriesTypeEnum.scatter;
     ScatterChart.view = 'singleDefault';
     ScatterChart.transformerConstructor = ScatterChartSpecTransformer;
@@ -64199,7 +64356,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    PathMark.type = MarkTypeEnum.path;
+    PathMark.type = "path";
     const registerPathMark = () => {
         Factory.registerMark(PathMark.type, PathMark);
         registerPathGraphic();
@@ -64499,8 +64656,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const theme = getComponentThemeFromOption(type, chartTheme);
         const directionTheme = theme[getDirectionByOrient(orient)];
         const finalTheme = mergeSpec({}, theme, directionTheme);
-        delete finalTheme[Direction.horizontal];
-        delete finalTheme[Direction.vertical];
+        delete finalTheme["horizontal"];
+        delete finalTheme["vertical"];
         return finalTheme;
     };
 
@@ -64812,10 +64969,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._isGestureListener = isMobileLikeMode(this._renderMode) || isMiniAppLikeMode(this._renderMode);
             if (getDefaultTriggerEventByMode(this._renderMode)) {
                 this._clickEnable = true;
-                this._zoomableTrigger = new (this._getTriggerEvent('trigger'))();
+                this._zoomableTrigger = new (this._getZoomTriggerEvent('trigger'))();
             }
         }
-        _getTriggerEvent(type) {
+        _getZoomTriggerEvent(type) {
             return getDefaultTriggerEventByMode(this._renderMode)[type];
         }
         _zoomEventDispatch(params, regionOrSeries, callback) {
@@ -64862,11 +65019,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const delayTime = (_b = option === null || option === void 0 ? void 0 : option.delayTime) !== null && _b !== void 0 ? _b : 0;
             const event = this._isGestureListener ? this._gestureController : eventObj;
             const zoomParams = this._isGestureListener
-                ? [this._getTriggerEvent('zoom')]
-                : [this._getTriggerEvent('zoom'), { level: exports.Event_Bubble_Level.chart, consume: true }];
+                ? [this._getZoomTriggerEvent('zoom')]
+                : [this._getZoomTriggerEvent('zoom'), { level: exports.Event_Bubble_Level.chart, consume: true }];
             const zoomEndParams = this._isGestureListener
-                ? [this._getTriggerEvent('zoomEnd')]
-                : [this._getTriggerEvent('zoomEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
+                ? [this._getZoomTriggerEvent('zoomEnd')]
+                : [this._getZoomTriggerEvent('zoomEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
             event.on(...zoomEndParams, delayMap[delayType]((params) => {
                 this._zoomableTrigger.clearZoom();
             }, delayTime));
@@ -64935,11 +65092,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const delayTime = (_b = option === null || option === void 0 ? void 0 : option.delayTime) !== null && _b !== void 0 ? _b : 0;
             const event = this._isGestureListener ? this._gestureController : eventObj;
             const scrollParams = this._isGestureListener
-                ? [this._getTriggerEvent('scroll')]
-                : [this._getTriggerEvent('scroll'), { level: exports.Event_Bubble_Level.chart, consume: true }];
+                ? [this._getZoomTriggerEvent('scroll')]
+                : [this._getZoomTriggerEvent('scroll'), { level: exports.Event_Bubble_Level.chart, consume: true }];
             const scrollEndParams = this._isGestureListener
-                ? [this._getTriggerEvent('scrollEnd')]
-                : [this._getTriggerEvent('scrollEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
+                ? [this._getZoomTriggerEvent('scrollEnd')]
+                : [this._getZoomTriggerEvent('scrollEnd'), { level: exports.Event_Bubble_Level.chart, consume: false }];
             event.on(...scrollEndParams, delayMap[delayType]((params) => {
                 this._zoomableTrigger.clearScroll();
             }, delayTime));
@@ -64972,7 +65129,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         _bindDragEventAsRegion(eventObj, regionOrSeries, callback, option) {
-            eventObj.on(this._getTriggerEvent('start'), { level: exports.Event_Bubble_Level.chart }, (params) => {
+            eventObj.on(this._getZoomTriggerEvent('start'), { level: exports.Event_Bubble_Level.chart }, (params) => {
                 if (!params.event) {
                     return;
                 }
@@ -64994,7 +65151,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             if (getDefaultTriggerEventByMode(this._renderMode)) {
-                s.event.on(this._getTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
+                s.event.on(this._getZoomTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
                     this._handleDrag(params, callback, option);
                 });
             }
@@ -65008,7 +65165,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     if (filter) {
                         r.getSeries().forEach(s => {
                             if (filter(s)) {
-                                s.event.on(this._getTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
+                                s.event.on(this._getZoomTriggerEvent('start'), { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, params => {
                                     this._handleDrag(params, callback);
                                 });
                                 s.event.on('click', { level: exports.Event_Bubble_Level.model, filter: ({ model }) => (model === null || model === void 0 ? void 0 : model.id) === s.id }, () => {
@@ -65035,8 +65192,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const delayType = (_a = option === null || option === void 0 ? void 0 : option.delayType) !== null && _a !== void 0 ? _a : 'throttle';
             const delayTime = (_b = option === null || option === void 0 ? void 0 : option.delayTime) !== null && _b !== void 0 ? _b : 0;
             const realTime = (_c = option === null || option === void 0 ? void 0 : option.realTime) !== null && _c !== void 0 ? _c : true;
-            const move = this._getTriggerEvent('move');
-            const end = this._getTriggerEvent('end');
+            const move = this._getZoomTriggerEvent('move');
+            const end = this._getZoomTriggerEvent('end');
             const event = params.event;
             let moveX = event.canvasX;
             let moveY = event.canvasY;
@@ -65410,7 +65567,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class MapSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.area, undefined, undefined, false);
+            this._addMarkLabelSpec(spec, "area", undefined, undefined, false);
         }
     }
 
@@ -65538,7 +65695,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         initAnimation() {
             var _a;
-            this._pathMark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(exports.SeriesMarkNameEnum.area, this._spec, this._markAttributeContext)));
+            this._pathMark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig("area", this._spec, this._markAttributeContext)));
         }
         initTooltip() {
             this._tooltipHelper = new MapSeriesTooltipHelper(this);
@@ -65824,7 +65981,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    RuleMark.type = MarkTypeEnum.rule;
+    RuleMark.type = "rule";
     const registerRuleMark = () => {
         Factory.registerMark(RuleMark.type, RuleMark);
         registerRuleGraphic();
@@ -65918,8 +66075,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class WaterfallSeriesSpecTransformer extends BarSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar);
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar, 'stackLabel');
+            this._addMarkLabelSpec(spec, "bar");
+            this._addMarkLabelSpec(spec, "bar", 'stackLabel');
         }
     }
 
@@ -66014,9 +66171,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             const animationParams = getGroupAnimationParams(this);
-            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('waterfall')) === null || _c === void 0 ? void 0 : _c(waterfallAnimationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.bar, this._spec, this._markAttributeContext), animationParams));
+            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('waterfall')) === null || _c === void 0 ? void 0 : _c(waterfallAnimationParams, appearPreset), userAnimationConfig("bar", this._spec, this._markAttributeContext), animationParams));
             if (this._leaderLineMark) {
-                this._leaderLineMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.leaderLine, this._spec, this._markAttributeContext)));
+                this._leaderLineMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("leaderLine", this._spec, this._markAttributeContext)));
             }
         }
         viewDataUpdate(d) {
@@ -66067,7 +66224,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         totalPositionX(datum, field, pos = 0.5) {
             const { dataToPosition, getBandwidth } = this._xAxisHelper;
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return (dataToPosition([datum[field]], {
                     bandPosition: this._bandPosition
                 }) +
@@ -66080,7 +66237,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         totalPositionY(datum, field, pos = 0.5) {
             const { dataToPosition, getBandwidth } = this._yAxisHelper;
-            if (this._direction === Direction.vertical) {
+            if (this._direction === "vertical") {
                 return valueInScaleRange(dataToPosition([datum[field]], {
                     bandPosition: this._bandPosition
                 }));
@@ -66094,7 +66251,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initMarkStyle() {
             super.initMarkStyle();
             if (this._leaderLineMark) {
-                if (this._direction === Direction.vertical) {
+                if (this._direction === "vertical") {
                     this.setMarkStyle(this._leaderLineMark, {
                         visible: (datum) => !isNil$1(datum.lastIndex),
                         x: (datum) => {
@@ -66368,7 +66525,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    BoxPlotMark.type = MarkTypeEnum.boxPlot;
+    BoxPlotMark.type = "boxPlot";
     const registerBoxPlotMark = () => {
         Factory.registerMark(BoxPlotMark.type, BoxPlotMark);
         registerBoxplotGlyph();
@@ -66466,7 +66623,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     minMaxFillOpacity: this._shaftFillOpacity,
                     stroke: (_b = this._strokeColor) !== null && _b !== void 0 ? _b : (this._shaftShape === 'line' ? this.getColorAttribute() : DEFAULT_STROKE_COLOR)
                 };
-                const boxPlotMarkStyles = this._direction === Direction.vertical
+                const boxPlotMarkStyles = this._direction === "vertical"
                     ? Object.assign(Object.assign({ x: this.dataToPositionX.bind(this) }, commonBoxplotStyles), { boxWidth: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Width: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxWidth: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } }) : Object.assign(Object.assign({ y: this.dataToPositionY.bind(this) }, commonBoxplotStyles), { boxHeight: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, ruleHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, q1q3Height: () => { var _a; return (_a = this._boxWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); }, minMaxHeight: () => { var _a; return (_a = this._shaftWidth) !== null && _a !== void 0 ? _a : this._getMarkWidth(); } });
                 this.setMarkStyle(boxPlotMark, boxPlotMarkStyles, STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
                 this._trigger.registerMark(boxPlotMark);
@@ -66484,7 +66641,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initBoxPlotMarkStyle() {
             var _a, _b;
             const boxPlotMark = this._boxPlotMark;
-            const axisHelper = this._direction === Direction.vertical ? this._yAxisHelper : this._xAxisHelper;
+            const axisHelper = this._direction === "vertical" ? this._yAxisHelper : this._xAxisHelper;
             if (boxPlotMark && axisHelper) {
                 const { dataToPosition } = axisHelper;
                 const scale = (_a = axisHelper === null || axisHelper === void 0 ? void 0 : axisHelper.getScale) === null || _a === void 0 ? void 0 : _a.call(axisHelper, 0);
@@ -66510,7 +66667,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (outlierMark && axisHelper) {
                 const { dataToPosition } = axisHelper;
                 const scale = (_b = axisHelper === null || axisHelper === void 0 ? void 0 : axisHelper.getScale) === null || _b === void 0 ? void 0 : _b.call(axisHelper, 0);
-                const outlierMarkPositionChannel = this._direction === Direction.vertical
+                const outlierMarkPositionChannel = this._direction === "vertical"
                     ? {
                         x: this.dataToPositionX.bind(this),
                         y: (datum) => valueInScaleRange(dataToPosition(this.getDatumPositionValues(datum, BOX_PLOT_OUTLIER_VALUE_FIELD), {
@@ -66541,7 +66698,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             outlierDataView.transform({
                 type: 'foldOutlierData',
                 options: {
-                    dimensionField: this._direction === Direction.vertical ? this._fieldX : this._fieldY,
+                    dimensionField: this._direction === "vertical" ? this._fieldX : this._fieldY,
                     outliersField: this._outliersField
                 }
             });
@@ -66562,8 +66719,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (this._autoBoxWidth) {
                 return this._autoBoxWidth;
             }
-            const bandAxisHelper = this._direction === Direction.vertical ? this._xAxisHelper : this._yAxisHelper;
-            const xField = this._direction === Direction.vertical ? this._fieldX : this._fieldY;
+            const bandAxisHelper = this._direction === "vertical" ? this._xAxisHelper : this._yAxisHelper;
+            const xField = this._direction === "vertical" ? this._fieldX : this._fieldY;
             const innerBandWidth = bandAxisHelper.getBandwidth(xField.length - 1);
             const autoBoxWidth = innerBandWidth / xField.length;
             this._autoBoxWidth = autoBoxWidth;
@@ -66590,7 +66747,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const animationParams = getGroupAnimationParams(this);
             if (this._boxPlotMark) {
                 const newDefaultConfig = this._initAnimationSpec((_a = Factory.getAnimationInKey('scaleInOut')) === null || _a === void 0 ? void 0 : _a());
-                const newConfig = this._initAnimationSpec(userAnimationConfig(exports.SeriesMarkNameEnum.boxPlot, this._spec, this._markAttributeContext));
+                const newConfig = this._initAnimationSpec(userAnimationConfig("boxPlot", this._spec, this._markAttributeContext));
                 this._boxPlotMark.setAnimationConfig(animationConfig(newDefaultConfig, newConfig, animationParams));
             }
             if (this._outlierMark) {
@@ -66658,7 +66815,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    TextMark.type = MarkTypeEnum.text;
+    TextMark.type = "text";
     const registerTextMark = () => {
         Factory.registerMark(TextMark.type, TextMark);
         registerTextGraphic();
@@ -66669,7 +66826,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         component.setMarkStyle(labelMark, {
             textAlign: (datum) => {
                 const d = direction();
-                if (d === Direction.vertical) {
+                if (d === "vertical") {
                     return 'center';
                 }
                 const _x = x(datum);
@@ -66703,7 +66860,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             },
             textBaseline: (datum) => {
                 const d = direction();
-                if (d === Direction.horizontal) {
+                if (d === "horizontal") {
                     return 'middle';
                 }
                 const _y = y(datum);
@@ -66741,7 +66898,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const d = direction();
                 const _x = x(datum);
                 const _x1 = x1(datum);
-                if (d === Direction.vertical) {
+                if (d === "vertical") {
                     return (_x + _x1) / 2;
                 }
                 if (position === 'middle') {
@@ -66775,7 +66932,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const d = direction();
                 const _y = y(datum);
                 const _y1 = y1(datum);
-                if (d === Direction.horizontal) {
+                if (d === "horizontal") {
                     return (_y + _y1) / 2;
                 }
                 if (position === 'middle') {
@@ -66821,7 +66978,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 content: [
                     {
                         key: this.contentKeyCallback,
-                        value: (datum) => this.series.getSpec().direction === Direction.horizontal
+                        value: (datum) => this.series.getSpec().direction === "horizontal"
                             ? datum[this.series.getSpec().xField[0]] + '-' + datum[this.series.getSpec().xField[1]]
                             : datum[this.series.getSpec().yField[0]] + '-' + datum[this.series.getSpec().yField[1]],
                         hasShape: true,
@@ -66876,8 +67033,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _transformLabelSpec(spec) {
             var _a;
             const labelPosition = (_a = spec.label) === null || _a === void 0 ? void 0 : _a.position;
-            if (labelPosition !== PositionEnum.bothEnd) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.bar);
+            if (labelPosition !== "bothEnd") {
+                this._addMarkLabelSpec(spec, "bar");
             }
         }
     }
@@ -66886,7 +67043,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.rangeColumn;
-            this._barMarkType = MarkTypeEnum.rect;
+            this._barMarkType = "rect";
             this._barName = exports.SeriesTypeEnum.bar;
             this.transformerConstructor = RangeColumnSeriesSpecTransformer;
             this._stack = false;
@@ -66902,7 +67059,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 isSeriesMark: true,
                 customShape: (_b = this._spec.bar) === null || _b === void 0 ? void 0 : _b.customShape
             });
-            if (((_c = this._spec.label) === null || _c === void 0 ? void 0 : _c.visible) !== false && labelPosition === PositionEnum.bothEnd) {
+            if (((_c = this._spec.label) === null || _c === void 0 ? void 0 : _c.visible) !== false && labelPosition === "bothEnd") {
                 if (((_e = (_d = this._spec.label) === null || _d === void 0 ? void 0 : _d.minLabel) === null || _e === void 0 ? void 0 : _e.visible) !== false) {
                     this._minLabelMark = this._createMark(RangeColumnSeries.mark.minLabel, {
                         markSpec: (_f = this._spec.label) === null || _f === void 0 ? void 0 : _f.minLabel
@@ -66924,7 +67081,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.setMarkStyle(minLabelMark, {
                     fill: (_c = (_b = minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.style) === null || _b === void 0 ? void 0 : _b.fill) !== null && _c !== void 0 ? _c : this.getColorAttribute(),
                     text: (datum) => {
-                        const min = this._spec.direction === Direction.horizontal ? datum[this._spec.xField[0]] : datum[this._spec.yField[0]];
+                        const min = this._spec.direction === "horizontal" ? datum[this._spec.xField[0]] : datum[this._spec.yField[0]];
                         if (minLabelSpec === null || minLabelSpec === void 0 ? void 0 : minLabelSpec.formatMethod) {
                             return minLabelSpec.formatMethod(min, datum);
                         }
@@ -66951,7 +67108,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.setMarkStyle(maxLabelMark, {
                     fill: (_h = (_g = maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.style) === null || _g === void 0 ? void 0 : _g.fill) !== null && _h !== void 0 ? _h : this.getColorAttribute(),
                     text: (datum) => {
-                        const max = this._spec.direction === Direction.horizontal ? datum[this._spec.xField[1]] : datum[this._spec.yField[1]];
+                        const max = this._spec.direction === "horizontal" ? datum[this._spec.xField[1]] : datum[this._spec.yField[1]];
                         if (maxLabelSpec === null || maxLabelSpec === void 0 ? void 0 : maxLabelSpec.formatMethod) {
                             return maxLabelSpec.formatMethod(max, datum);
                         }
@@ -66981,7 +67138,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 text: (datum) => {
                     let min;
                     let max;
-                    if (this._spec.direction === Direction.horizontal) {
+                    if (this._spec.direction === "horizontal") {
                         min = datum[this._spec.xField[0]];
                         max = datum[this._spec.xField[1]];
                     }
@@ -67019,12 +67176,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d, _e;
             const animationParams = getGroupAnimationParams(this);
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rangeColumn')) === null || _c === void 0 ? void 0 : _c({ direction: this.direction }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.bar, this._spec, this._markAttributeContext), animationParams));
+            this._barMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rangeColumn')) === null || _c === void 0 ? void 0 : _c({ direction: this.direction }, appearPreset), userAnimationConfig("bar", this._spec, this._markAttributeContext), animationParams));
             if (this._minLabelMark) {
-                this._minLabelMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.label, this._spec, this._markAttributeContext), animationParams));
+                this._minLabelMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("label", this._spec, this._markAttributeContext), animationParams));
             }
             if (this._maxLabelMark) {
-                this._maxLabelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig(exports.SeriesMarkNameEnum.label, this._spec, this._markAttributeContext), animationParams));
+                this._maxLabelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig("label", this._spec, this._markAttributeContext), animationParams));
             }
         }
         initTooltip() {
@@ -67050,7 +67207,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.rangeColumn3d;
-            this._barMarkType = MarkTypeEnum.rect3d;
+            this._barMarkType = "rect3d";
             this._barName = exports.SeriesTypeEnum.bar3d;
         }
     }
@@ -67098,7 +67255,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             seriesId: series.id,
                             key: this.contentKeyCallback,
                             value: (datum) => {
-                                return this.series.getSpec().direction === Direction.horizontal
+                                return this.series.getSpec().direction === "horizontal"
                                     ? datum[this.series.getSpec().xField[0]] + '-' + datum[this.series.getSpec().xField[1]]
                                     : datum[this.series.getSpec().yField[0]] + '-' + datum[this.series.getSpec().yField[1]];
                             },
@@ -67139,13 +67296,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c, _d, _e;
             const userCurveType = (_c = (_b = (_a = this.getSpec().area) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.curveType) !== null && _c !== void 0 ? _c : (_e = (_d = this.getSpec().line) === null || _d === void 0 ? void 0 : _d.style) === null || _e === void 0 ? void 0 : _e.curveType;
             const curveType = userCurveType === DEFAULT_SMOOTH_INTERPOLATE
-                ? this._direction === Direction.vertical
+                ? this._direction === "vertical"
                     ? 'monotoneX'
                     : 'monotoneY'
                 : userCurveType;
             const areaMark = this._areaMark;
             if (areaMark) {
-                if (this._direction === Direction.vertical) {
+                if (this._direction === "vertical") {
                     this.setMarkStyle(this._areaMark, {
                         x: this.dataToPositionX.bind(this),
                         y1: (datum) => {
@@ -67655,7 +67812,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.type = ArcMark.type;
         }
     }
-    ArcMark.type = MarkTypeEnum.arc;
+    ArcMark.type = "arc";
     const registerArcMark = () => {
         registerArcGraphic();
         registerVGrammarArcAnimation();
@@ -67664,7 +67821,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class PieSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.pie);
+            this._addMarkLabelSpec(spec, "pie");
         }
         _mergeThemeToSpec(spec, chartSpec) {
             const theme = this._theme;
@@ -67687,8 +67844,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = PieSeriesSpecTransformer;
-            this._pieMarkName = exports.SeriesMarkNameEnum.pie;
-            this._pieMarkType = MarkTypeEnum.arc;
+            this._pieMarkName = "pie";
+            this._pieMarkType = "arc";
             this._startAngle = POLAR_START_RADIAN;
             this._endAngle = POLAR_END_RADIAN;
             this._pieMark = null;
@@ -67980,7 +68137,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
             if (this._pieMark) {
-                const pieAnimationConfig = animationConfig((_b = Factory.getAnimationInKey('pie')) === null || _b === void 0 ? void 0 : _b(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.pie, this._spec, this._markAttributeContext));
+                const pieAnimationConfig = animationConfig((_b = Factory.getAnimationInKey('pie')) === null || _b === void 0 ? void 0 : _b(animationParams, appearPreset), userAnimationConfig("pie", this._spec, this._markAttributeContext));
                 if (pieAnimationConfig.normal && pieAnimationConfig.normal.type) {
                     pieAnimationConfig.normal = centerOffsetConfig(this._pieMark, pieAnimationConfig.normal);
                 }
@@ -68028,7 +68185,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._support3d = true;
         }
     }
-    Arc3dMark.type = MarkTypeEnum.arc3d;
+    Arc3dMark.type = "arc3d";
     const registerArc3dMark = () => {
         registerVGrammarArcAnimation();
         registerArc3dGraphic();
@@ -68037,7 +68194,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class Pie3dSeriesSpecTransformer extends PieSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.pie3d);
+            this._addMarkLabelSpec(spec, "pie3d");
         }
     }
 
@@ -68045,8 +68202,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.pie3d;
-            this._pieMarkName = exports.SeriesMarkNameEnum.pie3d;
-            this._pieMarkType = MarkTypeEnum.arc3d;
+            this._pieMarkName = "pie3d";
+            this._pieMarkType = "arc3d";
             this.transformerConstructor = Pie3dSeriesSpecTransformer;
         }
         setAttrFromSpec() {
@@ -68196,7 +68353,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class RoseSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.rose);
+            this._addMarkLabelSpec(spec, "rose");
         }
     }
 
@@ -68302,7 +68459,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const animationParams = {
                     innerRadius: () => { var _a; return this._computeLayoutRadius() * ((_a = this._spec.innerRadius) !== null && _a !== void 0 ? _a : 0); }
                 };
-                this._roseMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rose')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.rose, this._spec, this._markAttributeContext)));
+                this._roseMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('rose')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig("rose", this._spec, this._markAttributeContext)));
             }
         }
         getDefaultShapeType() {
@@ -68612,7 +68769,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const appearPreset = ((_c = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset) !== null && _c !== void 0 ? _c : 'clipIn');
             if (appearPreset === 'clipIn') {
                 if (this._rootMark) {
-                    this._rootMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('radarGroup')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.group, this._spec, this._markAttributeContext)));
+                    this._rootMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('radarGroup')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig("group", this._spec, this._markAttributeContext)));
                 }
             }
             const markAnimationMap = [
@@ -68847,7 +69004,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         setSeriesField(field) {
             if (isValid$1(field)) {
                 this._seriesField = field;
-                this.getMarksInType([MarkTypeEnum.line, MarkTypeEnum.area]).forEach(m => {
+                this.getMarksInType(["line", "area"]).forEach(m => {
                     m.setFacet(this._seriesField);
                 });
             }
@@ -69317,7 +69474,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     fillOpacity: this.dataToOpacity.bind(this),
                     size: arrowSize,
                     symbolType: (datum) => {
-                        return this.isPositionYFromHigher(datum) ? ShapeTypeEnum.triangleDown : ShapeTypeEnum.triangleUp;
+                        return this.isPositionYFromHigher(datum) ? 'triangleDown' : 'triangleUp';
                     }
                 }, 'normal', exports.AttributeLevel.Series);
                 this._trigger.registerMark(arrowMark);
@@ -69742,8 +69899,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return style;
         }
     }
-    ProgressArcMark.type = MarkTypeEnum.arc;
-    ProgressArcMark.constructorType = MarkTypeEnum.progressArc;
+    ProgressArcMark.type = "arc";
+    ProgressArcMark.constructorType = "progressArc";
     const registerProgressArcMark = () => {
         registerArcGraphic();
         registerVGrammarArcAnimation();
@@ -69898,8 +70055,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initAnimation() {
             var _a, _b, _c, _d;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('circularProgress')) === null || _c === void 0 ? void 0 : _c({ startAngle: this._startAngle }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.progress, this._spec, this._markAttributeContext)));
-            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.track, this._spec, this._markAttributeContext)));
+            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('circularProgress')) === null || _c === void 0 ? void 0 : _c({ startAngle: this._startAngle }, appearPreset), userAnimationConfig("progress", this._spec, this._markAttributeContext)));
+            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("track", this._spec, this._markAttributeContext)));
         }
         getActiveMarks() {
             return [this._progressMark];
@@ -69929,13 +70086,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     const Appear_Grow$1 = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',
+            type: params.direction === "horizontal" ? 'growWidthIn' : 'growHeightIn',
             options: LinearProgressGrowOption(params)
         };
     };
     const linearProgressDisappear = (params) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthOut' : 'growHeightOut',
+            type: params.direction === "horizontal" ? 'growWidthOut' : 'growHeightOut',
             options: LinearProgressGrowOption(params)
         };
     };
@@ -70146,8 +70303,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 direction: this.direction
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('linearProgress')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.progress, this._spec, this._markAttributeContext)));
-            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig(exports.SeriesMarkNameEnum.track, this._spec, this._markAttributeContext)));
+            this._progressMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('linearProgress')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig("progress", this._spec, this._markAttributeContext)));
+            this._trackMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('fadeInOut')) === null || _d === void 0 ? void 0 : _d(), userAnimationConfig("track", this._spec, this._markAttributeContext)));
         }
         initTooltip() {
             this._tooltipHelper = new LinearProgressSeriesTooltipHelper(this);
@@ -70310,7 +70467,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const params = {
                         animationConfig: () => { var _a, _b; return (_b = (_a = mark.getAnimationConfig()) === null || _a === void 0 ? void 0 : _a.appear) === null || _b === void 0 ? void 0 : _b[0]; }
                     };
-                    mark.setAnimationConfig(animationConfig(Factory.getAnimationInKey('wordCloud')(params, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.word, this._spec, this._markAttributeContext)));
+                    mark.setAnimationConfig(animationConfig(Factory.getAnimationInKey('wordCloud')(params, appearPreset), userAnimationConfig("word", this._spec, this._markAttributeContext)));
                 }
             });
         }
@@ -72594,7 +72751,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         center: { x: r, y: r, z: (_a = this._spec.depth_3d) !== null && _a !== void 0 ? _a : r },
                         r
                     };
-                }), userAnimationConfig(exports.SeriesMarkNameEnum.word, this._spec, this._markAttributeContext)));
+                }), userAnimationConfig("word", this._spec, this._markAttributeContext)));
             }
             if (this._fillingWordMark) {
                 this._fillingWordMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('wordCloud3d')) === null || _c === void 0 ? void 0 : _c(() => {
@@ -72607,7 +72764,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         center: { x: r, y: r, z: (_a = this._spec.depth_3d) !== null && _a !== void 0 ? _a : r },
                         r
                     };
-                }), userAnimationConfig(exports.SeriesMarkNameEnum.fillingWord, this._spec, this._markAttributeContext)));
+                }), userAnimationConfig("fillingWord", this._spec, this._markAttributeContext)));
             }
         }
     }
@@ -72687,14 +72844,14 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.titleValueCallback = (datum, params) => {
                 var _a, _b, _c;
                 const series = this.series;
-                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === exports.SeriesMarkNameEnum.transform) {
+                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === "transform") {
                     return `转化率`;
                 }
                 return (_b = this._getDimensionData(datum)) !== null && _b !== void 0 ? _b : (_c = datum.properties) === null || _c === void 0 ? void 0 : _c[`${series.getCategoryField()}`];
             };
             this.contentValueCallback = (datum, params) => {
                 var _a;
-                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === exports.SeriesMarkNameEnum.transform) {
+                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === "transform") {
                     const measureData = datum === null || datum === void 0 ? void 0 : datum[FUNNEL_REACH_RATIO];
                     return `${(measureData * 100).toFixed(1)}%`;
                 }
@@ -72702,7 +72859,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             this.contentKeyCallback = (datum, params) => {
                 var _a;
-                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === exports.SeriesMarkNameEnum.transform) {
+                if (((_a = params === null || params === void 0 ? void 0 : params.mark) === null || _a === void 0 ? void 0 : _a.name) === "transform") {
                     return `转化率`;
                 }
                 const { dimensionFields, seriesFields } = this._seriesCacheInfo;
@@ -72732,7 +72889,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    PolygonMark.type = MarkTypeEnum.polygon;
+    PolygonMark.type = "polygon";
     const registerPolygonMark = () => {
         Factory.registerMark(PolygonMark.type, PolygonMark);
         registerPolygonGraphic();
@@ -72741,9 +72898,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class FunnelSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.funnel);
+            this._addMarkLabelSpec(spec, "funnel");
             if (spec.isTransform) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.transform, 'transformLabel');
+                this._addMarkLabelSpec(spec, "transform", 'transformLabel');
             }
         }
     }
@@ -72752,10 +72909,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.funnel;
-            this._funnelMarkName = exports.SeriesMarkNameEnum.funnel;
-            this._funnelMarkType = MarkTypeEnum.polygon;
-            this._transformMarkName = exports.SeriesMarkNameEnum.transform;
-            this._transformMarkType = MarkTypeEnum.polygon;
+            this._funnelMarkName = "funnel";
+            this._funnelMarkType = "polygon";
+            this._transformMarkName = "transform";
+            this._transformMarkType = "polygon";
             this.transformerConstructor = FunnelSeriesSpecTransformer;
             this._funnelMark = null;
             this._funnelTransformMark = null;
@@ -72991,7 +73148,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                             return this.getLayoutRect().height;
                         },
                         orient: () => (this._isReverse() ? 'negative' : 'positive')
-                    }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.group, this._spec, this._markAttributeContext)));
+                    }, appearPreset), userAnimationConfig("group", this._spec, this._markAttributeContext)));
                 }
             }
             [(_e = this._funnelOuterLabelMark) === null || _e === void 0 ? void 0 : _e.label].forEach(m => {
@@ -73005,7 +73162,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             });
             if ((_f = this._funnelOuterLabelMark) === null || _f === void 0 ? void 0 : _f.line) {
-                this._funnelOuterLabelMark.line.setAnimationConfig(animationConfig((_g = Factory.getAnimationInKey('fadeInOut')) === null || _g === void 0 ? void 0 : _g(), userAnimationConfig(exports.SeriesMarkNameEnum.outerLabelLine, this._spec, this._markAttributeContext)));
+                this._funnelOuterLabelMark.line.setAnimationConfig(animationConfig((_g = Factory.getAnimationInKey('fadeInOut')) === null || _g === void 0 ? void 0 : _g(), userAnimationConfig("outerLabelLine", this._spec, this._markAttributeContext)));
             }
         }
         initGroups() {
@@ -73381,7 +73538,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.type = Pyramid3dMark.type;
         }
     }
-    Pyramid3dMark.type = MarkTypeEnum.pyramid3d;
+    Pyramid3dMark.type = "pyramid3d";
     const registerPyramid3dMark = () => {
         Factory.registerMark(Pyramid3dMark.type, Pyramid3dMark);
         registerPyramid3dGraphic();
@@ -73390,9 +73547,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class Funnel3dSeriesSpecTransformer extends FunnelSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.funnel3d);
+            this._addMarkLabelSpec(spec, "funnel3d");
             if (spec.isTransform) {
-                this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.transform3d, 'transformLabel');
+                this._addMarkLabelSpec(spec, "transform3d", 'transformLabel');
             }
         }
     }
@@ -73401,10 +73558,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.type = exports.SeriesTypeEnum.funnel3d;
-            this._funnelMarkName = exports.SeriesMarkNameEnum.funnel3d;
-            this._funnelMarkType = MarkTypeEnum.pyramid3d;
-            this._transformMarkName = exports.SeriesMarkNameEnum.transform3d;
-            this._transformMarkType = MarkTypeEnum.pyramid3d;
+            this._funnelMarkName = "funnel3d";
+            this._funnelMarkType = "pyramid3d";
+            this._transformMarkName = "transform3d";
+            this._transformMarkType = "pyramid3d";
             this.transformerConstructor = Funnel3dSeriesSpecTransformer;
         }
         initMark() {
@@ -74367,7 +74524,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     };
 
     class Drillable {
-        _getTriggerEvent(type) {
+        _getDrillTriggerEvent(type) {
             var _a;
             const { mode } = this._drillParams;
             return (_a = getDefaultTriggerEventByMode(mode)) === null || _a === void 0 ? void 0 : _a[type];
@@ -74396,8 +74553,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         bindDrillEvent() {
             const { event, getRawData, drillField } = this._drillParams;
             const keyField = drillField();
-            if (this._getTriggerEvent('start')) {
-                event.on(this._getTriggerEvent('start'), e => {
+            if (this._getDrillTriggerEvent('start')) {
+                event.on(this._getDrillTriggerEvent('start'), e => {
                     var _a, _b, _c;
                     if (isNil$1(e.datum) || isNil$1((_a = e.datum) === null || _a === void 0 ? void 0 : _a[keyField])) {
                         this.drillUp();
@@ -74674,11 +74831,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
-            this.getMarksInType(MarkTypeEnum.arc).forEach(mark => {
+            this.getMarksInType("arc").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('sunburst')) === null || _a === void 0 ? void 0 : _a(animationParams, appearPreset), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
-            this.getMarksInType(MarkTypeEnum.text).forEach(mark => {
+            this.getMarksInType("text").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
@@ -74965,11 +75122,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initAnimation() {
             var _a;
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
-            this.getMarksInType(MarkTypeEnum.arc).forEach(mark => {
+            this.getMarksInType("arc").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('circlePacking')) === null || _a === void 0 ? void 0 : _a(undefined, appearPreset), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
-            this.getMarksInType(MarkTypeEnum.text).forEach(mark => {
+            this.getMarksInType("text").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('scaleInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
@@ -75719,10 +75876,10 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     const sankeyGrowIn = (params, isOverall = true) => {
         return {
-            type: params.direction === Direction.horizontal ? 'growWidthIn' : 'growHeightIn',
+            type: params.direction === "horizontal" ? 'growWidthIn' : 'growHeightIn',
             options: {
                 overall: isOverall ? params.growFrom() : isOverall,
-                orient: Direction.horizontal ? 'positive' : 'negative'
+                orient: 'positive' 
             }
         };
     };
@@ -75787,7 +75944,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    LinkPathMark.type = MarkTypeEnum.linkPath;
+    LinkPathMark.type = "linkPath";
     const registerLinkPathMark = () => {
         registerLinkPathGlyph();
         Factory.registerMark(LinkPathMark.type, LinkPathMark);
@@ -76724,13 +76881,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             };
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             if (this._nodeMark) {
-                this._nodeMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('sankeyNode')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.node, this._spec, this._markAttributeContext)));
+                this._nodeMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('sankeyNode')) === null || _c === void 0 ? void 0 : _c(animationParams, appearPreset), userAnimationConfig("node", this._spec, this._markAttributeContext)));
             }
             if (this._linkMark) {
-                this._linkMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('sankeyLinkPath')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.link, this._spec, this._markAttributeContext)));
+                this._linkMark.setAnimationConfig(animationConfig((_d = Factory.getAnimationInKey('sankeyLinkPath')) === null || _d === void 0 ? void 0 : _d(animationParams, appearPreset), userAnimationConfig("link", this._spec, this._markAttributeContext)));
             }
             if (this._labelMark) {
-                this._labelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig(exports.SeriesMarkNameEnum.label, this._spec, this._markAttributeContext)));
+                this._labelMark.setAnimationConfig(animationConfig((_e = Factory.getAnimationInKey('fadeInOut')) === null || _e === void 0 ? void 0 : _e(), userAnimationConfig("label", this._spec, this._markAttributeContext)));
             }
         }
         initEvent() {
@@ -76975,8 +77132,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class TreemapSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.nonLeaf, 'nonLeafLabel', 'initNonLeafLabelMarkStyle');
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.leaf);
+            this._addMarkLabelSpec(spec, "nonLeaf", 'nonLeafLabel', 'initNonLeafLabelMarkStyle');
+            this._addMarkLabelSpec(spec, "leaf");
         }
     }
 
@@ -77016,7 +77173,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.initDrillable({
                     event: this.event,
                     mode: this._option.mode,
-                    drillField: () => { var _a; return (_a = this._spec.drillField) !== null && _a !== void 0 ? _a : DEFAULT_DATA_KEY; },
+                    drillField: () => { var _a, _b; return (_b = (_a = this._spec.drillField) !== null && _a !== void 0 ? _a : this._categoryField) !== null && _b !== void 0 ? _b : DEFAULT_DATA_KEY; },
                     getRawData: () => this.getRawData()
                 });
             }
@@ -77250,11 +77407,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }, STATE_VALUE_ENUM.STATE_NORMAL, exports.AttributeLevel.Series);
         }
         initAnimation() {
-            this.getMarksInType(MarkTypeEnum.rect).forEach(mark => {
+            this.getMarksInType("rect").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('treemap')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
-            this.getMarksInType(MarkTypeEnum.text).forEach(mark => {
+            this.getMarksInType("text").forEach(mark => {
                 var _a;
                 mark.setAnimationConfig(animationConfig((_a = Factory.getAnimationInKey('fadeInOut')) === null || _a === void 0 ? void 0 : _a(), userAnimationConfig(mark.name, this._spec, this._markAttributeContext)));
             });
@@ -77412,7 +77569,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a;
             super.setAttrFromSpec();
             this.setRadiusField(this._spec.radiusField);
-            this._pointerType = ((_a = this._spec.pointer) === null || _a === void 0 ? void 0 : _a.type) === 'rect' ? MarkTypeEnum.rect : MarkTypeEnum.path;
+            this._pointerType = ((_a = this._spec.pointer) === null || _a === void 0 ? void 0 : _a.type) === 'rect' ? "rect" : "path";
         }
         initMark() {
             this._pinBackgroundMark = this._createMark(GaugePointerSeries.mark.pinBackground);
@@ -77452,7 +77609,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     fill: this.getColorAttribute(),
                     zIndex: 200
                 });
-                if (this._pointerType === MarkTypeEnum.path) {
+                if (this._pointerType === "path") {
                     this.setMarkStyle(pointerMark, {
                         scaleX: this._getPointerWidth.bind(this),
                         scaleY: this._getPointerHeight.bind(this),
@@ -77548,7 +77705,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             this._pointerMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('gaugePointer')) === null || _c === void 0 ? void 0 : _c({
                 startAngle: this._startAngle
-            }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.pointer, this._spec, this._markAttributeContext)));
+            }, appearPreset), userAnimationConfig("pointer", this._spec, this._markAttributeContext)));
         }
         getDefaultShapeType() {
             return 'circle';
@@ -77568,7 +77725,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class GaugeSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.segment);
+            this._addMarkLabelSpec(spec, "segment");
         }
     }
 
@@ -77692,7 +77849,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             this._segmentMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('circularProgress')) === null || _c === void 0 ? void 0 : _c({
                 startAngle: this._startAngle
-            }, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.segment, this._spec, this._markAttributeContext)));
+            }, appearPreset), userAnimationConfig("segment", this._spec, this._markAttributeContext)));
         }
         getDefaultShapeType() {
             return 'circle';
@@ -77720,7 +77877,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    CellMark.type = MarkTypeEnum.cell;
+    CellMark.type = "cell";
     const registerCellMark = () => {
         Factory.registerMark(CellMark.type, CellMark);
         registerCellGraphic();
@@ -77753,7 +77910,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class HeatmapSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.cell);
+            this._addMarkLabelSpec(spec, "cell");
         }
     }
 
@@ -77859,7 +78016,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b, _c;
             const appearPreset = (_b = (_a = this._spec) === null || _a === void 0 ? void 0 : _a.animationAppear) === null || _b === void 0 ? void 0 : _b.preset;
             const animationParams = getGroupAnimationParams(this);
-            this._cellMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('heatmap')) === null || _c === void 0 ? void 0 : _c(appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.cell, this._spec, this._markAttributeContext), animationParams));
+            this._cellMark.setAnimationConfig(animationConfig((_c = Factory.getAnimationInKey('heatmap')) === null || _c === void 0 ? void 0 : _c(appearPreset), userAnimationConfig("cell", this._spec, this._markAttributeContext), animationParams));
         }
         getCellSize(axisHelper) {
             var _a, _b;
@@ -78050,7 +78207,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    RippleMark.type = MarkTypeEnum.ripple;
+    RippleMark.type = "ripple";
     const registerRippleMark = () => {
         Factory.registerMark(RippleMark.type, RippleMark);
         registerRippleGlyph();
@@ -78081,8 +78238,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
 
     class CorrelationSeriesSpecTransformer extends BaseSeriesSpecTransformer {
         _transformLabelSpec(spec) {
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.nodePoint);
-            this._addMarkLabelSpec(spec, exports.SeriesMarkNameEnum.centerPoint, 'centerLabel');
+            this._addMarkLabelSpec(spec, "nodePoint");
+            this._addMarkLabelSpec(spec, "centerPoint", 'centerLabel');
         }
     }
 
@@ -78305,7 +78462,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         initAnimation() {
             var _a, _b;
             const appearPreset = (_a = this._spec.animationAppear) === null || _a === void 0 ? void 0 : _a.preset;
-            this._nodePointMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('correlation')) === null || _b === void 0 ? void 0 : _b({}, appearPreset), userAnimationConfig(exports.SeriesMarkNameEnum.nodePoint, this._spec, this._markAttributeContext)));
+            this._nodePointMark.setAnimationConfig(animationConfig((_b = Factory.getAnimationInKey('correlation')) === null || _b === void 0 ? void 0 : _b({}, appearPreset), userAnimationConfig("nodePoint", this._spec, this._markAttributeContext)));
         }
         getGroupFields() {
             return [];
@@ -78378,11 +78535,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = MapChartSpecTransformer;
-            this.type = ChartTypeEnum.map;
+            this.type = "map";
             this.seriesType = exports.SeriesTypeEnum.map;
         }
     }
-    MapChart.type = ChartTypeEnum.map;
+    MapChart.type = "map";
     MapChart.seriesType = exports.SeriesTypeEnum.map;
     MapChart.view = 'singleDefault';
     MapChart.transformerConstructor = MapChartSpecTransformer;
@@ -78421,8 +78578,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             super.transformSpec(spec);
             if (isArray$1(spec.dataZoom) && spec.dataZoom.length > 0) {
                 spec.dataZoom.forEach((zoom) => {
-                    if (zoom.filterMode === IFilterMode.axis) {
-                        zoom.filterMode = IFilterMode.filter;
+                    if (zoom.filterMode === "axis") {
+                        zoom.filterMode = "filter";
                     }
                 });
             }
@@ -78553,11 +78710,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BasePieChartSpecTransformer;
-            this.type = ChartTypeEnum.pie;
+            this.type = "pie";
             this.seriesType = exports.SeriesTypeEnum.pie;
         }
     }
-    PieChart.type = ChartTypeEnum.pie;
+    PieChart.type = "pie";
     PieChart.seriesType = exports.SeriesTypeEnum.pie;
     PieChart.view = 'singleDefault';
     PieChart.transformerConstructor = BasePieChartSpecTransformer;
@@ -78580,11 +78737,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = Pie3dChartSpecTransformer;
-            this.type = ChartTypeEnum.pie3d;
+            this.type = "pie3d";
             this.seriesType = exports.SeriesTypeEnum.pie3d;
         }
     }
-    Pie3dChart.type = ChartTypeEnum.pie3d;
+    Pie3dChart.type = "pie3d";
     Pie3dChart.seriesType = exports.SeriesTypeEnum.pie3d;
     Pie3dChart.view = 'singleDefault';
     Pie3dChart.transformerConstructor = Pie3dChartSpecTransformer;
@@ -78629,12 +78786,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RoseChartSpecTransformer;
-            this.type = ChartTypeEnum.rose;
+            this.type = "rose";
             this.seriesType = exports.SeriesTypeEnum.rose;
             this._canStack = true;
         }
     }
-    RoseChart.type = ChartTypeEnum.rose;
+    RoseChart.type = "rose";
     RoseChart.seriesType = exports.SeriesTypeEnum.rose;
     RoseChart.view = 'singleDefault';
     RoseChart.transformerConstructor = RoseChartSpecTransformer;
@@ -78683,12 +78840,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RadarChartSpecTransformer;
-            this.type = ChartTypeEnum.radar;
+            this.type = "radar";
             this.seriesType = exports.SeriesTypeEnum.radar;
             this._canStack = true;
         }
     }
-    RadarChart.type = ChartTypeEnum.radar;
+    RadarChart.type = "radar";
     RadarChart.seriesType = exports.SeriesTypeEnum.radar;
     RadarChart.view = 'singleDefault';
     RadarChart.transformerConstructor = RadarChartSpecTransformer;
@@ -78732,11 +78889,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CommonChartSpecTransformer;
-            this.type = ChartTypeEnum.common;
+            this.type = "common";
             this._canStack = true;
         }
     }
-    CommonChart.type = ChartTypeEnum.common;
+    CommonChart.type = "common";
     CommonChart.view = 'singleDefault';
     CommonChart.transformerConstructor = CommonChartSpecTransformer;
     const registerCommonChart = () => {
@@ -78840,7 +78997,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 row: rowNum
             });
             spec.axes[0].id = `axesRow${rowNum}`;
-            spec.axes[0].regionIndex = Array.from(Array(spec.series.length - 1), (_, index) => index + 1);
+            spec.axes[0].regionIndex = Array.from(Array(spec.series.length), (_, index) => index + 1);
             rowNum++;
             (_k = spec === null || spec === void 0 ? void 0 : spec.series) === null || _k === void 0 ? void 0 : _k.forEach((seriesSpec) => {
                 var _a, _b;
@@ -78916,7 +79073,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         if (dataLength) {
                             ratio = ((seriesSpec === null || seriesSpec === void 0 ? void 0 : seriesSpec.height) || defaultSeriesRowHeight) / (dataLength * 30);
                         }
-                        scrollBar.push(Object.assign({ orient: 'right', visible: seriesSpec.type === exports.SeriesTypeEnum.dot && ratio < 1, id: `scrollBarRightRow${rowNum}`, start: 0, end: Math.min(ratio, 1), filterMode: IFilterMode.axis, regionIndex: region.length - 1, axisId: `axesLeftRow${rowNum}` }, array(spec === null || spec === void 0 ? void 0 : spec.scrollBar)[0]));
+                        scrollBar.push(Object.assign({ orient: 'right', visible: seriesSpec.type === exports.SeriesTypeEnum.dot && ratio < 1, id: `scrollBarRightRow${rowNum}`, start: 0, end: Math.min(ratio, 1), filterMode: "axis", regionIndex: region.length - 1, axisId: `axesLeftRow${rowNum}` }, array(spec === null || spec === void 0 ? void 0 : spec.scrollBar)[0]));
                     }
                     seriesSpec.regionIndex = region.length - 1;
                     rowNum++;
@@ -78981,7 +79138,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = SequenceChartSpecTransformer;
-            this.type = ChartTypeEnum.sequence;
+            this.type = "sequence";
         }
         _createSeries(constructor, specInfo) {
             if (!constructor) {
@@ -79009,7 +79166,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
     }
-    SequenceChart.type = ChartTypeEnum.sequence;
+    SequenceChart.type = "sequence";
     SequenceChart.view = 'singleDefault';
     SequenceChart.transformerConstructor = SequenceChartSpecTransformer;
     const registerSequenceChart = () => {
@@ -79048,11 +79205,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = HistogramChartSpecTransformer;
-            this.type = ChartTypeEnum.histogram;
+            this.type = "histogram";
             this.seriesType = exports.SeriesTypeEnum.bar;
         }
     }
-    HistogramChart.type = ChartTypeEnum.histogram;
+    HistogramChart.type = "histogram";
     HistogramChart.seriesType = exports.SeriesTypeEnum.bar;
     HistogramChart.view = 'singleDefault';
     HistogramChart.transformerConstructor = HistogramChartSpecTransformer;
@@ -79065,11 +79222,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = HistogramChartSpecTransformer;
-            this.type = ChartTypeEnum.histogram3d;
+            this.type = "histogram3d";
             this.seriesType = exports.SeriesTypeEnum.bar3d;
         }
     }
-    Histogram3dChart.type = ChartTypeEnum.histogram3d;
+    Histogram3dChart.type = "histogram3d";
     Histogram3dChart.seriesType = exports.SeriesTypeEnum.bar3d;
     Histogram3dChart.view = 'singleDefault';
     Histogram3dChart.transformerConstructor = HistogramChartSpecTransformer;
@@ -79100,12 +79257,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CircularProgressChartSpecTransformer;
-            this.type = ChartTypeEnum.circularProgress;
+            this.type = "circularProgress";
             this.seriesType = exports.SeriesTypeEnum.circularProgress;
             this._canStack = true;
         }
     }
-    CircularProgressChart.type = ChartTypeEnum.circularProgress;
+    CircularProgressChart.type = "circularProgress";
     CircularProgressChart.seriesType = exports.SeriesTypeEnum.circularProgress;
     CircularProgressChart.view = 'singleDefault';
     CircularProgressChart.transformerConstructor = CircularProgressChartSpecTransformer;
@@ -79219,11 +79376,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = GaugeChartSpecTransformer;
-            this.type = ChartTypeEnum.gauge;
+            this.type = "gauge";
             this.seriesType = exports.SeriesTypeEnum.gaugePointer;
         }
     }
-    GaugeChart.type = ChartTypeEnum.gauge;
+    GaugeChart.type = "gauge";
     GaugeChart.seriesType = exports.SeriesTypeEnum.gaugePointer;
     GaugeChart.view = 'singleDefault';
     GaugeChart.transformerConstructor = GaugeChartSpecTransformer;
@@ -79259,7 +79416,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BaseWordCloudChartSpecTransformer;
-            this.type = ChartTypeEnum.wordCloud;
+            this.type = "wordCloud";
             this.seriesType = exports.SeriesTypeEnum.wordCloud;
         }
     }
@@ -79281,11 +79438,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = WordCloudChartSpecTransformer;
-            this.type = ChartTypeEnum.wordCloud;
+            this.type = "wordCloud";
             this.seriesType = exports.SeriesTypeEnum.wordCloud;
         }
     }
-    WordCloudChart.type = ChartTypeEnum.wordCloud;
+    WordCloudChart.type = "wordCloud";
     WordCloudChart.seriesType = exports.SeriesTypeEnum.wordCloud;
     WordCloudChart.view = 'singleDefault';
     WordCloudChart.transformerConstructor = WordCloudChartSpecTransformer;
@@ -79314,11 +79471,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = WordCloud3dChartSpecTransformer;
-            this.type = ChartTypeEnum.wordCloud3d;
+            this.type = "wordCloud3d";
             this.seriesType = exports.SeriesTypeEnum.wordCloud3d;
         }
     }
-    WordCloud3dChart.type = ChartTypeEnum.wordCloud3d;
+    WordCloud3dChart.type = "wordCloud3d";
     WordCloud3dChart.seriesType = exports.SeriesTypeEnum.wordCloud3d;
     WordCloud3dChart.view = 'singleDefault';
     WordCloud3dChart.transformerConstructor = WordCloud3dChartSpecTransformer;
@@ -79369,11 +79526,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = FunnelChartSpecTransformer;
-            this.type = ChartTypeEnum.funnel;
+            this.type = "funnel";
             this.seriesType = exports.SeriesTypeEnum.funnel;
         }
     }
-    FunnelChart.type = ChartTypeEnum.funnel;
+    FunnelChart.type = "funnel";
     FunnelChart.seriesType = exports.SeriesTypeEnum.funnel;
     FunnelChart.view = 'singleDefault';
     FunnelChart.transformerConstructor = FunnelChartSpecTransformer;
@@ -79386,11 +79543,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = FunnelChartSpecTransformer;
-            this.type = ChartTypeEnum.funnel3d;
+            this.type = "funnel3d";
             this.seriesType = exports.SeriesTypeEnum.funnel3d;
         }
     }
-    Funnel3dChart.type = ChartTypeEnum.funnel3d;
+    Funnel3dChart.type = "funnel3d";
     Funnel3dChart.seriesType = exports.SeriesTypeEnum.funnel3d;
     Funnel3dChart.view = 'singleDefault';
     Funnel3dChart.transformerConstructor = FunnelChartSpecTransformer;
@@ -79502,12 +79659,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = LinearProgressChartSpecTransformer;
-            this.type = ChartTypeEnum.linearProgress;
+            this.type = "linearProgress";
             this.seriesType = exports.SeriesTypeEnum.linearProgress;
             this._canStack = true;
         }
     }
-    LinearProgressChart.type = ChartTypeEnum.linearProgress;
+    LinearProgressChart.type = "linearProgress";
     LinearProgressChart.seriesType = exports.SeriesTypeEnum.linearProgress;
     LinearProgressChart.view = 'singleDefault';
     LinearProgressChart.transformerConstructor = LinearProgressChartSpecTransformer;
@@ -79521,7 +79678,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barGapInGroup: spec.barGapInGroup, barBackground: spec.barBackground, barMinHeight: spec.barMinHeight });
             series.bar = spec.bar;
-            if (spec.direction === Direction.horizontal) {
+            if (spec.direction === "horizontal") {
                 series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
             }
             else {
@@ -79539,11 +79696,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RangeColumnChartSpecTransformer;
-            this.type = ChartTypeEnum.rangeColumn;
+            this.type = "rangeColumn";
             this.seriesType = exports.SeriesTypeEnum.rangeColumn;
         }
     }
-    RangeColumnChart.type = ChartTypeEnum.rangeColumn;
+    RangeColumnChart.type = "rangeColumn";
     RangeColumnChart.seriesType = exports.SeriesTypeEnum.rangeColumn;
     RangeColumnChart.view = 'singleDefault';
     RangeColumnChart.transformerConstructor = RangeColumnChartSpecTransformer;
@@ -79557,7 +79714,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             const series = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { barGapInGroup: spec.barGapInGroup });
             series.bar3d = spec.bar3d;
-            if (spec.direction === Direction.horizontal) {
+            if (spec.direction === "horizontal") {
                 series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
             }
             else {
@@ -79571,11 +79728,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RangeColumn3dChartSpecTransformer;
-            this.type = ChartTypeEnum.rangeColumn3d;
+            this.type = "rangeColumn3d";
             this.seriesType = exports.SeriesTypeEnum.rangeColumn3d;
         }
     }
-    RangeColumn3dChart.type = ChartTypeEnum.rangeColumn3d;
+    RangeColumn3dChart.type = "rangeColumn3d";
     RangeColumn3dChart.seriesType = exports.SeriesTypeEnum.rangeColumn3d;
     RangeColumn3dChart.view = 'singleDefault';
     RangeColumn3dChart.transformerConstructor = RangeColumn3dChartSpecTransformer;
@@ -79619,11 +79776,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = SunburstChartSpecTransformer;
-            this.type = ChartTypeEnum.sunburst;
+            this.type = "sunburst";
             this.seriesType = exports.SeriesTypeEnum.sunburst;
         }
     }
-    SunburstChart.type = ChartTypeEnum.sunburst;
+    SunburstChart.type = "sunburst";
     SunburstChart.seriesType = exports.SeriesTypeEnum.sunburst;
     SunburstChart.view = 'singleDefault';
     SunburstChart.transformerConstructor = SunburstChartSpecTransformer;
@@ -79665,11 +79822,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CirclePackingChartSpecTransformer;
-            this.type = ChartTypeEnum.circlePacking;
+            this.type = "circlePacking";
             this.seriesType = exports.SeriesTypeEnum.circlePacking;
         }
     }
-    CirclePackingChart.type = ChartTypeEnum.circlePacking;
+    CirclePackingChart.type = "circlePacking";
     CirclePackingChart.seriesType = exports.SeriesTypeEnum.circlePacking;
     CirclePackingChart.view = 'singleDefault';
     CirclePackingChart.transformerConstructor = CirclePackingChartSpecTransformer;
@@ -79713,11 +79870,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = TreemapChartSpecTransformer;
-            this.type = ChartTypeEnum.treemap;
+            this.type = "treemap";
             this.seriesType = exports.SeriesTypeEnum.treemap;
         }
     }
-    TreemapChart.type = ChartTypeEnum.treemap;
+    TreemapChart.type = "treemap";
     TreemapChart.seriesType = exports.SeriesTypeEnum.treemap;
     TreemapChart.view = 'singleDefault';
     TreemapChart.transformerConstructor = TreemapChartSpecTransformer;
@@ -79747,11 +79904,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = WaterfallChartSpecTransformer;
-            this.type = ChartTypeEnum.waterfall;
+            this.type = "waterfall";
             this.seriesType = exports.SeriesTypeEnum.waterfall;
         }
     }
-    WaterfallChart.type = ChartTypeEnum.waterfall;
+    WaterfallChart.type = "waterfall";
     WaterfallChart.seriesType = exports.SeriesTypeEnum.waterfall;
     WaterfallChart.view = 'singleDefault';
     WaterfallChart.transformerConstructor = WaterfallChartSpecTransformer;
@@ -79764,8 +79921,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _getDefaultSeriesSpec(spec) {
             var _a;
             const dataFields = [spec.maxField, spec.medianField, spec.q1Field, spec.q3Field, spec.minField, spec.outliersField];
-            const seriesSpec = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { boxPlot: spec.boxPlot, direction: (_a = spec.direction) !== null && _a !== void 0 ? _a : Direction.vertical, minField: spec.minField, maxField: spec.maxField, q1Field: spec.q1Field, medianField: spec.medianField, q3Field: spec.q3Field, outliersField: spec.outliersField, outliersStyle: spec.outliersStyle });
-            seriesSpec[seriesSpec.direction === Direction.vertical ? 'yField' : 'xField'] = dataFields;
+            const seriesSpec = Object.assign(Object.assign({}, super._getDefaultSeriesSpec(spec)), { boxPlot: spec.boxPlot, direction: (_a = spec.direction) !== null && _a !== void 0 ? _a : "vertical", minField: spec.minField, maxField: spec.maxField, q1Field: spec.q1Field, medianField: spec.medianField, q3Field: spec.q3Field, outliersField: spec.outliersField, outliersStyle: spec.outliersStyle });
+            seriesSpec[seriesSpec.direction === "vertical" ? 'yField' : 'xField'] = dataFields;
             return seriesSpec;
         }
         transformSpec(spec) {
@@ -79788,11 +79945,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = BoxPlotChartSpecTransformer;
-            this.type = ChartTypeEnum.boxPlot;
+            this.type = "boxPlot";
             this.seriesType = exports.SeriesTypeEnum.boxPlot;
         }
     }
-    BoxPlotChart.type = ChartTypeEnum.boxPlot;
+    BoxPlotChart.type = "boxPlot";
     BoxPlotChart.seriesType = exports.SeriesTypeEnum.boxPlot;
     BoxPlotChart.view = 'singleDefault';
     BoxPlotChart.transformerConstructor = BoxPlotChartSpecTransformer;
@@ -79836,11 +79993,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = SankeyChartSpecTransformer;
-            this.type = ChartTypeEnum.sankey;
+            this.type = "sankey";
             this.seriesType = exports.SeriesTypeEnum.sankey;
         }
     }
-    SankeyChart.type = ChartTypeEnum.sankey;
+    SankeyChart.type = "sankey";
     SankeyChart.seriesType = exports.SeriesTypeEnum.sankey;
     SankeyChart.view = 'singleDefault';
     SankeyChart.transformerConstructor = SankeyChartSpecTransformer;
@@ -79854,7 +80011,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a, _b;
             const series = Object.assign({}, super._getDefaultSeriesSpec(spec));
             series.area = spec.area;
-            if (spec.direction === Direction.horizontal) {
+            if (spec.direction === "horizontal") {
                 series.xField = (_a = spec.xField) !== null && _a !== void 0 ? _a : [spec.minField, spec.maxField];
             }
             else {
@@ -79873,11 +80030,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = RangeAreaChartSpecTransformer;
-            this.type = ChartTypeEnum.rangeArea;
+            this.type = "rangeArea";
             this.seriesType = exports.SeriesTypeEnum.rangeArea;
         }
     }
-    RangeAreaChart.type = ChartTypeEnum.rangeArea;
+    RangeAreaChart.type = "rangeArea";
     RangeAreaChart.seriesType = exports.SeriesTypeEnum.rangeArea;
     RangeAreaChart.view = 'singleDefault';
     RangeAreaChart.transformerConstructor = RangeAreaChartSpecTransformer;
@@ -79897,11 +80054,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = HeatmapChartSpecTransformer;
-            this.type = ChartTypeEnum.heatmap;
+            this.type = "heatmap";
             this.seriesType = exports.SeriesTypeEnum.heatmap;
         }
     }
-    HeatmapChart.type = ChartTypeEnum.heatmap;
+    HeatmapChart.type = "heatmap";
     HeatmapChart.seriesType = exports.SeriesTypeEnum.heatmap;
     HeatmapChart.view = 'singleDefault';
     HeatmapChart.transformerConstructor = HeatmapChartSpecTransformer;
@@ -79943,11 +80100,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         constructor() {
             super(...arguments);
             this.transformerConstructor = CorrelationChartSpecTransformer;
-            this.type = ChartTypeEnum.correlation;
+            this.type = "correlation";
             this.seriesType = exports.SeriesTypeEnum.correlation;
         }
     }
-    CorrelationChart.type = ChartTypeEnum.correlation;
+    CorrelationChart.type = "correlation";
     CorrelationChart.seriesType = exports.SeriesTypeEnum.correlation;
     CorrelationChart.view = 'singleDefault';
     CorrelationChart.transformerConstructor = CorrelationChartSpecTransformer;
@@ -80250,7 +80407,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!targetAxis) {
                 return;
             }
-            axis.event.on(exports.ChartEvent.scaleDomainUpdate, { filter: ({ model }) => model.id === axis.id }, () => {
+            axis.event.on(exports.ChartEvent.scaleDomainUpdate, { filter: ({ model }) => model.id === axis.id || model.id === targetAxis.id }, () => {
                 zeroAlign(targetAxis, axis);
             });
         }
@@ -80296,7 +80453,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._compiledProductId = id;
         }
     }
-    ComponentMark.type = MarkTypeEnum.component;
+    ComponentMark.type = "component";
     const registerComponentMark = () => {
         Factory.registerMark(ComponentMark.type, ComponentMark);
     };
@@ -80784,11 +80941,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const isX = isXAxis(this.getOrient());
                     const isValidAxis = (item) => {
                         var _a;
-                        return ((isX ? !isXAxis(item.orient) : isXAxis(item.orient)) &&
+                        return (isX ? !isXAxis(item.getOrient()) : isXAxis(item.getOrient())) &&
                             isContinuous(item.getScale().type) &&
-                            ((_a = item
+                            item.getTickData()
+                            ? (_a = item
                                 .getTickData()
-                                .getLatestData()) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === 0)));
+                                .getLatestData()) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === 0)
+                            : item.getScale().ticks().includes(0);
                     };
                     const relativeAxes = axesComponents.filter(item => isValidAxis(item));
                     if (relativeAxes.length) {
@@ -80833,7 +80992,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!axesSpec) {
                 return null;
             }
-            const isHorizontal = chartSpec.direction === Direction.horizontal;
+            const isHorizontal = chartSpec.direction === "horizontal";
             if (!isArray$1(axesSpec)) {
                 if (!isValidCartesianAxis(axesSpec)) {
                     return null;
@@ -80948,7 +81107,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._tick = this._spec.tick;
             const chartSpec = (_a = this._option.getChart()) === null || _a === void 0 ? void 0 : _a.getSpec();
-            this._inverse = transformInverse(this._spec, (chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.direction) === Direction.horizontal);
+            this._inverse = transformInverse(this._spec, (chartSpec === null || chartSpec === void 0 ? void 0 : chartSpec.direction) === "horizontal");
         }
         onLayoutStart(layoutRect, viewRect, ctx) {
             super.onLayoutStart(layoutRect, viewRect, ctx);
@@ -81098,19 +81257,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!depth) {
                     this._dataFieldText = s.getFieldAlias(field[0]);
                 }
-                const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
                 if (field) {
-                    field.forEach(f => {
-                        var _a;
-                        if (rawData) {
+                    const viewData = s.getViewData();
+                    if (rawData) {
+                        field.forEach(f => {
                             data.push(s.getRawDataStatisticsByField(f, false));
-                        }
-                        else {
+                        });
+                    }
+                    else if (viewData && viewData.latestData && viewData.latestData.length) {
+                        const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
+                        field.forEach(f => {
+                            var _a;
                             if ((_a = seriesData === null || seriesData === void 0 ? void 0 : seriesData.latestData) === null || _a === void 0 ? void 0 : _a[f]) {
                                 data.push(seriesData.latestData[f]);
                             }
-                        }
-                    });
+                        });
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -81504,11 +81666,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         computeLinearDomain(data) {
             const domain = [];
-            data.forEach(d => {
-                const { min, max } = d;
-                domain[0] = domain[0] === undefined ? min : Math.min(domain[0], min);
-                domain[1] = domain[1] === undefined ? max : Math.max(domain[1], max);
-            });
+            if (data.length) {
+                data.forEach(d => {
+                    const { min, max } = d;
+                    domain[0] = domain[0] === undefined ? min : Math.min(domain[0], min);
+                    domain[1] = domain[1] === undefined ? max : Math.max(domain[1], max);
+                });
+            }
+            else {
+                domain[0] = 0;
+                domain[1] = 0;
+            }
             this.expandDomain(domain);
             this.includeZero(domain);
             this.setDomainMinMax(domain);
@@ -81737,6 +81905,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         computeBandDomain(data) {
+            if (!data.length) {
+                return [];
+            }
             if (data.length === 1) {
                 return data[0].values;
             }
@@ -82221,19 +82392,22 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (!depth) {
                     this._dataFieldText = s.getFieldAlias(field[0]);
                 }
-                const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
                 if (field) {
-                    field.forEach(f => {
-                        var _a;
-                        if (rawData) {
+                    const viewData = s.getViewData();
+                    if (rawData) {
+                        field.forEach(f => {
                             data.push(s.getRawDataStatisticsByField(f, false));
-                        }
-                        else {
+                        });
+                    }
+                    else if (viewData && viewData.latestData && viewData.latestData.length) {
+                        const seriesData = (_c = s.getViewDataStatistics) === null || _c === void 0 ? void 0 : _c.call(s);
+                        field.forEach(f => {
+                            var _a;
                             if ((_a = seriesData === null || seriesData === void 0 ? void 0 : seriesData.latestData) === null || _a === void 0 ? void 0 : _a[f]) {
                                 data.push(seriesData.latestData[f]);
                             }
-                        }
-                    });
+                        });
+                    }
                 }
             }, {
                 userId: this._seriesUserId,
@@ -82340,7 +82514,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 if (latestData && !isArray$1(latestData)) {
                     this.computeData('force');
                 }
-                return this._tickData.getLatestData() || [];
+                else {
+                    return latestData || [];
+                }
             }
             return this._scale.ticks();
         }
@@ -82376,7 +82552,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 innerRadius, startAngle: this._startAngle, endAngle: this._endAngle });
             const attrs = Object.assign(Object.assign({}, commonAttrs), { title: {
                     text: this._spec.title.text || this._dataFieldText
-                }, items: items.length ? [items] : [] });
+                }, items: items.length ? [items] : [], orient: 'angle' });
             if (this._spec.grid.visible) {
                 attrs.grid = Object.assign({ type: 'line', smoothLink: true, items }, commonAttrs);
             }
@@ -82404,7 +82580,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const commonAttrs = Object.assign(Object.assign({}, this.getLayoutStartPoint()), { start: startPoint, end: endPoint, verticalFactor: -1 });
             const attrs = Object.assign(Object.assign({}, commonAttrs), { title: {
                     text: this._spec.title.text || this._dataFieldText
-                }, items: items.length ? [items] : [] });
+                }, items: items.length ? [items] : [], orient: 'radius' });
             if ((_a = this._spec.grid) === null || _a === void 0 ? void 0 : _a.visible) {
                 attrs.grid = Object.assign({ items, type: ((_b = this._spec.grid) === null || _b === void 0 ? void 0 : _b.smooth) ? 'circle' : 'polygon', center, closed: true, sides: (_c = this._getRelatedAngleAxis()) === null || _c === void 0 ? void 0 : _c.tickValues().length, startAngle: this._startAngle, endAngle: this._endAngle }, commonAttrs);
             }
@@ -83432,19 +83608,19 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return result;
     };
     const positionType = {
-        [TooltipFixedPosition.left]: ['left', 'middle'],
-        [TooltipFixedPosition.right]: ['right', 'middle'],
-        [TooltipFixedPosition.inside]: ['middle', 'middle'],
-        [TooltipFixedPosition.top]: ['middle', 'top'],
-        [TooltipFixedPosition.lt]: ['left', 'top'],
-        [TooltipFixedPosition.tl]: ['left', 'top'],
-        [TooltipFixedPosition.rt]: ['right', 'top'],
-        [TooltipFixedPosition.tr]: ['right', 'top'],
-        [TooltipFixedPosition.bottom]: ['middle', 'bottom'],
-        [TooltipFixedPosition.bl]: ['left', 'bottom'],
-        [TooltipFixedPosition.lb]: ['left', 'bottom'],
-        [TooltipFixedPosition.br]: ['right', 'bottom'],
-        [TooltipFixedPosition.rb]: ['right', 'bottom']
+        ["left"]: ['left', 'middle'],
+        ["right"]: ['right', 'middle'],
+        ["inside"]: ['middle', 'middle'],
+        ["top"]: ['middle', 'top'],
+        ["lt"]: ['left', 'top'],
+        ["tl"]: ['left', 'top'],
+        ["rt"]: ['right', 'top'],
+        ["tr"]: ['right', 'top'],
+        ["bottom"]: ['middle', 'bottom'],
+        ["bl"]: ['left', 'bottom'],
+        ["lb"]: ['left', 'bottom'],
+        ["br"]: ['right', 'bottom'],
+        ["rb"]: ['right', 'bottom']
     };
     const getHorizontalPositionType = (position, defaultCase) => { var _a, _b; return (_b = (_a = positionType[position]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : defaultCase; };
     const getVerticalPositionType = (position, defaultCase) => { var _a, _b; return (_b = (_a = positionType[position]) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : defaultCase; };
@@ -84176,7 +84352,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     bottom = getActualTooltipPositionValue(posBottom, event);
                 }
                 else if (isValid$1(position) &&
-                    positionMode !== TooltipPositionMode.pointer &&
+                    positionMode !== "pointer" &&
                     actualTooltip.activeType === 'mark') {
                     isFixedPosition = true;
                     const element = params.item;
@@ -84829,6 +85005,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._svgHtmlCache = '';
         }
     }
+    const builtInShape = {
+        star: 'M0 -1L0.22451398828979266 -0.3090169943749474L0.9510565162951535 -0.30901699437494745L0.3632712640026804 0.1180339887498948L0.5877852522924732 0.8090169943749473L8.326672684688674e-17 0.3819660112501051L-0.587785252292473 0.8090169943749476L-0.3632712640026804 0.11803398874989487L-0.9510565162951536 -0.30901699437494723L-0.22451398828979274 -0.30901699437494734Z'
+    };
     function getSvgHtml(option, valueToHtml) {
         var _a, _b, _c, _d, _e, _f, _g;
         if (!(option === null || option === void 0 ? void 0 : option.hasShape) || !option.symbolType) {
@@ -84840,14 +85019,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         const lineWidth = option.lineWidth ? valueToHtml(option.lineWidth) + 'px' : '0px';
         let fillString = 'currentColor';
         const getStroke = () => (stroke ? valueToHtml(stroke) : fillString);
-        const symbol = new Symbol$1({ symbolType, size: pixelPropertyStrToNumber(size), fill: true });
-        const pathModel = (_a = symbol.getParsedPath().path) !== null && _a !== void 0 ? _a : symbol.getParsedPath().pathStr;
-        const path = pathModel.toString();
-        let viewBox = '-0.5 -0.5 1 1';
-        if (!isString$1(pathModel)) {
-            const bounds = pathModel.bounds;
-            viewBox = `${bounds.x1} ${bounds.y1} ${bounds.width()} ${bounds.height()}`;
+        const sizeNumber = pixelPropertyStrToNumber(size);
+        const createSymbol = (symbolType) => new Symbol$1({ symbolType, size: sizeNumber, fill: true });
+        let symbol = createSymbol((_a = builtInShape[symbolType]) !== null && _a !== void 0 ? _a : symbolType);
+        const parsedPath = symbol.getParsedPath();
+        if (!parsedPath.path) {
+            symbol = createSymbol(parsedPath.pathStr);
         }
+        const pathModel = symbol.getParsedPath().path;
+        const path = pathModel.toString();
+        const bounds = pathModel.bounds;
+        let viewBox = `${bounds.x1} ${bounds.y1} ${bounds.width()} ${bounds.height()}`;
         if (lineWidth !== '0px') {
             const [x, y, w, h] = viewBox.split(' ').map(n => Number(n));
             const lw = Number(lineWidth.slice(0, -2));
@@ -86737,11 +86919,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const { xField, yField } = this._spec;
             if ((xField === null || xField === void 0 ? void 0 : xField.visible) && xField.defaultSelect) {
                 const { axisIndex, datum } = xField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.VERTICAL);
+                this._defaultCrosshair(axisIndex, datum, 1);
             }
             if ((yField === null || yField === void 0 ? void 0 : yField.visible) && yField.defaultSelect) {
                 const { axisIndex, datum } = yField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.HORIZONTAL);
+                this._defaultCrosshair(axisIndex, datum, 2);
             }
         }
         _defaultCrosshair(axisIndex, datum, tag) {
@@ -86749,7 +86931,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!axis) {
                 return;
             }
-            if (tag === LayoutType.VERTICAL) {
+            if (tag === 1) {
                 this._currValueX.clear();
                 this._currValueX.set(axisIndex, { axis, v: datum });
             }
@@ -86832,7 +87014,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._currValueY.clear();
             xAxisMap && xAxisMap.size && this._getAllAxisValues(xAxisMap, relativeX, this._currValueX, true);
             yAxisMap && yAxisMap.size && this._getAllAxisValues(yAxisMap, relativeY, this._currValueY, false);
-            this.layoutByValue(LayoutType.ALL);
+            this.layoutByValue(3);
         }
         hide() {
             this._xCrosshair && this._xCrosshair.hideAll();
@@ -86842,7 +87024,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._yLeftLabel && this._yLeftLabel.hideAll();
             this._yRightLabel && this._yRightLabel.hideAll();
         }
-        layoutByValue(tag = LayoutType.ALL) {
+        layoutByValue(tag = 3) {
             var _a, _b, _c, _d;
             if (!this.enable) {
                 return;
@@ -87025,8 +87207,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
             if (tag) {
-                LayoutType.HORIZONTAL && this._layoutHorizontal(yCrossHairInfo, valueHeight !== null && valueHeight !== void 0 ? valueHeight : 0, offsetHeight);
-                LayoutType.VERTICAL && this._layoutVertical(xCrossHairInfo, indexWidth !== null && indexWidth !== void 0 ? indexWidth : 0, offsetWidth);
+                this._layoutHorizontal(yCrossHairInfo, valueHeight !== null && valueHeight !== void 0 ? valueHeight : 0, offsetHeight);
+                this._layoutVertical(xCrossHairInfo, indexWidth !== null && indexWidth !== void 0 ? indexWidth : 0, offsetWidth);
             }
             if (this.enableRemain) {
                 this._cacheXCrossHairInfo = Object.assign(Object.assign({}, xCrossHairInfo), { _isCache: true });
@@ -87251,11 +87433,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const { categoryField, valueField } = this._spec;
             if ((categoryField === null || categoryField === void 0 ? void 0 : categoryField.visible) && categoryField.defaultSelect) {
                 const { axisIndex, datum } = categoryField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.VERTICAL);
+                this._defaultCrosshair(axisIndex, datum, 1);
             }
             if ((valueField === null || valueField === void 0 ? void 0 : valueField.visible) && valueField.defaultSelect) {
                 const { axisIndex, datum } = valueField.defaultSelect;
-                this._defaultCrosshair(axisIndex, datum, LayoutType.HORIZONTAL);
+                this._defaultCrosshair(axisIndex, datum, 2);
             }
         }
         _defaultCrosshair(axisIndex, datum, tag) {
@@ -87263,7 +87445,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!axis) {
                 return;
             }
-            if (tag === LayoutType.VERTICAL) {
+            if (tag === 1) {
                 this._currValueAngle.clear();
                 const polarCoord = {
                     angle: axis.valueToPosition(datum),
@@ -87281,7 +87463,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 const canvasPosition = axis.coordToPoint(polarCoord);
                 this._currValueRadius.set(axisIndex, this._getValueByAxis(axis, canvasPosition));
             }
-            this.layoutByValue(LayoutType.ALL);
+            this.layoutByValue(3);
         }
         hide() {
             this._radiusCrosshair && this._radiusCrosshair.hideAll();
@@ -87358,9 +87540,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._currValueRadius.clear();
             angleAxisMap && this._getAllAxisValues(angleAxisMap, { x: relativeX, y: relativeY }, this._currValueAngle);
             radiusAxisMap && this._getAllAxisValues(radiusAxisMap, { x: relativeX, y: relativeY }, this._currValueRadius);
-            this.layoutByValue(LayoutType.ALL);
+            this.layoutByValue(3);
         }
-        layoutByValue(tag = LayoutType.ALL) {
+        layoutByValue(tag = 3) {
             var _a, _b, _c, _d;
             if (!this.enable) {
                 return;
@@ -87448,8 +87630,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
             if (tag) {
-                LayoutType.HORIZONTAL && this._layoutHorizontal(radiusCrossHairInfo);
-                LayoutType.VERTICAL && this._layoutVertical(angleCrossHairInfo);
+                this._layoutHorizontal(radiusCrossHairInfo);
+                this._layoutVertical(angleCrossHairInfo);
             }
             if (this.enableRemain) {
                 this._cacheAngleCrossHairInfo = Object.assign(Object.assign({}, angleCrossHairInfo), { _isCache: true });
@@ -87719,7 +87901,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 onZoomChange: (tag) => {
                     var _a, _b;
                     const axis = this._relatedAxisComponent;
-                    if (axis && this._filterMode === IFilterMode.axis) {
+                    if (axis && this._filterMode === "axis") {
                         const axisScale = axis.getScale();
                         const axisSpec = axis.getSpec();
                         if (this._auto && this._getAxisBandSize(axisSpec) && this._spec.ignoreBandSize) {
@@ -87829,7 +88011,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             };
             this._orient = getOrient(spec);
-            this._isHorizontal = getDirectionByOrient(this._orient) === Direction.horizontal;
+            this._isHorizontal = getDirectionByOrient(this._orient) === "horizontal";
         }
         created() {
             super.created();
@@ -87862,7 +88044,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     this._relatedAxisComponent = bandAxis;
                 }
             }
-            if (this._relatedAxisComponent && this._filterMode === IFilterMode.axis) {
+            if (this._relatedAxisComponent && this._filterMode === "axis") {
                 this._relatedAxisComponent.autoIndentOnce = true;
             }
         }
@@ -88090,7 +88272,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             this._minSpan = Math.max(0, this._minSpan);
             this._maxSpan = Math.min(this._maxSpan, 1);
-            if ((!this._relatedAxisComponent || this._filterMode !== IFilterMode.axis) &&
+            if ((!this._relatedAxisComponent || this._filterMode !== "axis") &&
                 (this._start !== 0 || this._end !== 1)) {
                 this._newDomain = this._parseDomainFromState(this._startValue, this._endValue);
             }
@@ -88129,7 +88311,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         _addTransformToSeries() {
-            if (!this._relatedAxisComponent || this._filterMode !== IFilterMode.axis) {
+            if (!this._relatedAxisComponent || this._filterMode !== "axis") {
                 registerDataSetInstanceTransform(this._option.dataSet, 'dataFilterWithNewDomain', dataFilterWithNewDomain);
                 eachSeries(this._regions, s => {
                     s.addViewDataFilter({
@@ -88404,7 +88586,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return yScale.scale(min) + this.getLayoutStartPoint().y + offsetTop + offsetHandler;
             };
             this._valueField = 'y';
-            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.filter;
+            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : "filter";
         }
         created() {
             super.created();
@@ -88596,7 +88778,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.event.emit(exports.ChartEvent.dataZoomChange, {
                     model: this,
                     value: {
-                        filterData: this._filterMode !== IFilterMode.axis,
+                        filterData: this._filterMode !== "axis",
                         start,
                         end,
                         startValue: this._startValue,
@@ -88704,7 +88886,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this.layoutZIndex = exports.LayoutZIndex.DataZoom;
             this.layoutLevel = exports.LayoutLevel.DataZoom;
             this.layoutType = 'region-relative';
-            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : IFilterMode.axis;
+            this._filterMode = (_a = spec.filterMode) !== null && _a !== void 0 ? _a : "axis";
         }
         setAttrFromSpec() {
             super.setAttrFromSpec();
@@ -88782,7 +88964,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this.event.emit(exports.ChartEvent.scrollBarChange, {
                     model: this,
                     value: {
-                        filterData: this._filterMode !== IFilterMode.axis,
+                        filterData: this._filterMode !== "axis",
                         start: this._start,
                         end: this._end,
                         startValue: this._startValue,
@@ -89205,7 +89387,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             endRelativeSeries
         };
         const lines = [];
-        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
+        const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
         const xDomain = relativeSeries.getXAxisHelper().getScale(0).domain();
         const yDomain = relativeSeries.getYAxisHelper().getScale(0).domain();
         dataPoints.forEach((datum) => {
@@ -89251,7 +89433,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     }
     function coordinateLayout(data, relativeSeries, autoRange, coordinatesOffset) {
         const points = [];
-        const dataPoints = data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
+        const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
         const isArrayCoordinatesOffset = isArray$1(coordinatesOffset);
         dataPoints.forEach((datum, index) => {
             var _a, _b, _c, _d;
@@ -89622,6 +89804,17 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         return {};
     }
 
+    function markerFilter(data, options) {
+        if (options && options.getRelativeSeries) {
+            const series = options.getRelativeSeries();
+            if (series) {
+                const viewData = series.getViewData();
+                return viewData && viewData.latestData && viewData.latestData.length ? data : [];
+            }
+        }
+        return data;
+    }
+
     class MarkLine extends BaseMarker {
         constructor() {
             super(...arguments);
@@ -89716,7 +89909,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 points = positionLayout(spec.positions, relativeSeries, spec.regionRelative);
             }
             const seriesData = this._relativeSeries.getViewData().latestData;
-            const dataPoints = data.latestData[0].latestData || data.latestData;
+            const dataPoints = data.latestData[0] && data.latestData[0].latestData ? data.latestData[0].latestData : data.latestData;
             let limitRect;
             if (spec.clip || ((_b = spec.label) === null || _b === void 0 ? void 0 : _b.confine)) {
                 const { minX, maxX, minY, maxY } = computeClipRange([
@@ -89816,6 +90009,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
             registerDataSetInstanceTransform(this._option.dataSet, 'markerRegression', markerRegression);
+            registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
             this._isXYLayout = doXProcess || doXYY1Process || doYProcess || doYXX1Process || doXYProcess;
             let options;
             let processData = relativeSeries.getViewData();
@@ -89886,6 +90080,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     options
                 });
             }
+            if (needAggr || needRegr) {
+                data.transform({
+                    type: 'markerFilter',
+                    options: this._getAllRelativeSeries()
+                });
+            }
             data.target.on('change', () => {
                 this._markerLayout();
             });
@@ -90128,7 +90328,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const seriesData = this._relativeSeries.getViewData().latestData;
             const dataPoints = data
-                ? data.latestData[0].latestData
+                ? data.latestData[0] && data.latestData[0].latestData
                     ? data.latestData[0].latestData
                     : data.latestData
                 : seriesData;
@@ -90183,6 +90383,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const seriesData = relativeSeries.getViewData();
             registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
+            registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
             const data = new DataView(this._option.dataSet, { name: `${this.type}_${this.id}_data` });
             data.parse([seriesData], {
                 type: 'dataview'
@@ -90191,6 +90392,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 type: 'markerAggregation',
                 options
             });
+            if (options) {
+                data.transform({
+                    type: 'markerFilter',
+                    options: this._getAllRelativeSeries()
+                });
+            }
             data.target.on('change', () => {
                 this._markerLayout();
             });
@@ -90701,7 +90908,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const datum = label.data;
                     const attribute = textAttribute(labelInfo, datum, labelSpec.formatMethod);
                     const x = (datum) => {
-                        if (series.direction === Direction.vertical) {
+                        if (series.direction === "vertical") {
                             return series.totalPositionX(datum, 'index', 0.5);
                         }
                         if (pos === 'middle') {
@@ -90716,7 +90923,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         return series.totalPositionX(datum, 'end') + (datum.end >= datum.start ? offset : -offset);
                     };
                     const y = (datum) => {
-                        if (series.direction === Direction.vertical) {
+                        if (series.direction === "vertical") {
                             if (pos === 'middle') {
                                 return (series.totalPositionY(datum, 'end') + series.totalPositionY(datum, 'start')) * 0.5;
                             }
@@ -90732,7 +90939,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     };
                     attribute.x = x(datum);
                     attribute.y = y(datum);
-                    if (series.direction === Direction.vertical) {
+                    if (series.direction === "vertical") {
                         attribute.textBaseline =
                             pos === 'middle'
                                 ? pos
@@ -90860,8 +91067,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._component = component;
         }
     }
-    LabelMark.type = MarkTypeEnum.text;
-    LabelMark.constructorType = MarkTypeEnum.label;
+    LabelMark.type = "text";
+    LabelMark.constructorType = "label";
     const registerLabelMark = () => {
         Factory.registerMark(LabelMark.constructorType, LabelMark);
         registerTextGraphic();
@@ -90980,7 +91187,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         if (spec.visible) {
                             const info = this._labelInfoMap.get(region);
                             const labelMark = this._createMark({
-                                type: MarkTypeEnum.label,
+                                type: "label",
                                 name: `${markName}-label-${index}`
                             }, { noSeparateStyle: true, attributeContext: series.getMarkAttributeContext() });
                             labelMark.setTarget(mark);
@@ -90998,7 +91205,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _initLabelComponent() {
             this._labelInfoMap.forEach((regionLabelInfo, region) => {
                 if (this._layoutRule === 'region') {
-                    const component = this._createMark({ type: MarkTypeEnum.component, name: `${region.getGroupMark().name}-label-component` }, {
+                    const component = this._createMark({ type: "component", name: `${region.getGroupMark().name}-label-component` }, {
                         componentType: 'label',
                         noSeparateStyle: true,
                         support3d: this._spec.support3d
@@ -91013,7 +91220,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
                 else {
                     regionLabelInfo.forEach((labelInfo, i) => {
-                        const component = this._createMark({ type: MarkTypeEnum.component, name: `${labelInfo.labelMark.name}-component` }, {
+                        const component = this._createMark({ type: "component", name: `${labelInfo.labelMark.name}-component` }, {
                             componentType: 'label',
                             noSeparateStyle: true,
                             support3d: labelInfo.baseMark.getSupport3d()
@@ -91185,8 +91392,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             var _a;
             const series = this._getSeries();
             if ((_a = series.getSpec().totalLabel) === null || _a === void 0 ? void 0 : _a.visible) {
-                const mark = series.getMarksInType([MarkTypeEnum.rect, MarkTypeEnum.symbol])[0];
-                const textMark = this._createMark({ type: MarkTypeEnum.label, name: `${mark.name}-total-label` });
+                const mark = series.getMarksInType(["rect", "symbol"])[0];
+                const textMark = this._createMark({ type: "label", name: `${mark.name}-total-label` });
                 this._baseMark = mark;
                 this._textMark = textMark;
                 this._initTextMarkStyle();
@@ -91202,7 +91409,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _initLabelComponent() {
             const series = this._getSeries();
-            const component = this._createMark({ type: MarkTypeEnum.component, name: `${series.name}-total-label-component` }, {
+            const component = this._createMark({ type: "component", name: `${series.name}-total-label-component` }, {
                 componentType: 'label',
                 noSeparateStyle: true,
                 support3d: this._spec.support3d
@@ -91372,7 +91579,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
             const seriesData = this._relativeSeries.getViewData().latestData;
             const dataPoints = data
-                ? data.latestData[0].latestData
+                ? data.latestData[0] && data.latestData[0].latestData
                     ? data.latestData[0].latestData
                     : data.latestData
                 : seriesData;
@@ -91409,6 +91616,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 return;
             }
             registerDataSetInstanceTransform(this._option.dataSet, 'markerAggregation', markerAggregation);
+            registerDataSetInstanceTransform(this._option.dataSet, 'markerFilter', markerFilter);
             let options;
             if (isXYProcess) {
                 options = [this._processSpecXY(spec.x, spec.y)];
@@ -91424,6 +91632,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 type: 'markerAggregation',
                 options
             });
+            if (options) {
+                data.transform({
+                    type: 'markerFilter',
+                    options: this._getAllRelativeSeries()
+                });
+            }
             data.target.on('change', () => {
                 this._markerLayout();
             });
@@ -91888,7 +92102,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return defaultStyle;
         }
     }
-    ImageMark.type = MarkTypeEnum.image;
+    ImageMark.type = "image";
     const registerImageMark = () => {
         Factory.registerMark(ImageMark.type, ImageMark);
         registerImageGraphic();
@@ -93281,7 +93495,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
     exports.registerWordCloudSeries = registerWordCloudSeries;
     exports.removeTheme = removeTheme;
     exports.seriesMarkInfoMap = seriesMarkInfoMap;
-    exports.seriesMarkNameSet = seriesMarkNameSet;
     exports.themeExist = themeExist;
     exports.themes = themes;
     exports.transformColorSchemeToStandardStruct = transformColorSchemeToStandardStruct;