@visactor/vchart 2.1.5 → 2.1.6-alpha.0

package/build/index.js

@@ -13375,18 +13375,21 @@
       }
     }
 
-    function getScaledStroke(context, width, dpr) {
+    function getScaledStrokeWithMatrix(matrix, width, dpr) {
       let strokeWidth = width;
       const {
           a: a,
           b: b,
           c: c,
           d: d
-        } = context.currentMatrix,
+        } = matrix,
         scaleX = Math.sign(a) * Math.sqrt(a * a + b * b),
         scaleY = Math.sign(d) * Math.sqrt(c * c + d * d);
       return scaleX + scaleY === 0 ? 0 : (strokeWidth = strokeWidth / Math.abs(scaleX + scaleY) * 2 * dpr, strokeWidth);
     }
+    function getScaledStroke(context, width, dpr) {
+      return getScaledStrokeWithMatrix(context.currentMatrix, width, dpr);
+    }
     function createColor(context, c, params, offsetX = 0, offsetY = 0) {
       var _a, _b, _c, _d;
       if (!c || !0 === c) return "black";
@@ -14446,7 +14449,7 @@
     }
     class StateTransitionOrchestrator {
       analyzeTransition(targetAttrs, hasAnimation, options = {}) {
-        var _a, _b;
+        var _a, _b, _c, _d;
         const plan = {
           targetAttrs: Object.assign({}, targetAttrs),
           animateAttrs: {},
@@ -14455,10 +14458,17 @@
         if (!hasAnimation) return plan;
         const noWorkAnimateAttr = Object.assign(Object.assign({}, null !== (_a = options.noWorkAnimateAttr) && void 0 !== _a ? _a : {}), normalizeNoAnimateAttrConfig(null === (_b = options.animateConfig) || void 0 === _b ? void 0 : _b.noAnimateAttrs)),
           isClear = !0 === options.isClear,
-          readDefaultAttribute = options.getDefaultAttribute,
+          getDefaultAttribute = options.getDefaultAttribute,
+          readDefaultAttribute = getDefaultAttribute,
+          readStateTransitionDefaultAttribute = null !== (_c = options.getStateTransitionDefaultAttribute) && void 0 !== _c ? _c : getDefaultAttribute,
           shouldSkipDefaultAttribute = options.shouldSkipDefaultAttribute,
-          assignTransitionAttr = (key, value) => {
-            if (noWorkAnimateAttr[key]) plan.noAnimateAttrs[key] = value;else if (isClear && void 0 === value) {
+          stateTransitionTargetAttrs = null !== (_d = options.stateTransitionTargetAttrs) && void 0 !== _d ? _d : targetAttrs,
+          assignTransitionAttr = (key, value, isRemovedStateAttr = !1) => {
+            if (noWorkAnimateAttr[key]) plan.noAnimateAttrs[key] = value;else if (isRemovedStateAttr && void 0 === value) {
+              const defaultValue = null == readStateTransitionDefaultAttribute ? void 0 : readStateTransitionDefaultAttribute(key, stateTransitionTargetAttrs);
+              if (void 0 === defaultValue && (null == shouldSkipDefaultAttribute ? void 0 : shouldSkipDefaultAttribute(key, stateTransitionTargetAttrs))) return;
+              plan.animateAttrs[key] = defaultValue;
+            } else if (isClear && void 0 === value) {
               if (null == shouldSkipDefaultAttribute ? void 0 : shouldSkipDefaultAttribute(key, targetAttrs)) return;
               plan.animateAttrs[key] = readDefaultAttribute(key);
             } else plan.animateAttrs[key] = value;
@@ -14470,7 +14480,7 @@
         const extraAnimateAttrs = options.extraAnimateAttrs;
         if (extraAnimateAttrs) for (const key in extraAnimateAttrs) {
           const hasTargetAttr = Object.prototype.hasOwnProperty.call(targetAttrs, key);
-          !Object.prototype.hasOwnProperty.call(extraAnimateAttrs, key) || hasTargetAttr && void 0 !== targetAttrs[key] || assignTransitionAttr(key, extraAnimateAttrs[key]);
+          !Object.prototype.hasOwnProperty.call(extraAnimateAttrs, key) || hasTargetAttr && void 0 !== targetAttrs[key] || assignTransitionAttr(key, extraAnimateAttrs[key], !0);
         }
         return plan;
       }
@@ -14502,9 +14512,11 @@
           noWorkAnimateAttr: graphic.getNoWorkAnimateAttr(),
           isClear: !0,
           getDefaultAttribute: graphic.getDefaultAttribute.bind(graphic),
+          getStateTransitionDefaultAttribute: options.getStateTransitionDefaultAttribute,
           shouldSkipDefaultAttribute: null !== (_a = options.shouldSkipDefaultAttribute) && void 0 !== _a ? _a : graphic.shouldSkipStateTransitionDefaultAttribute.bind(graphic),
           animateConfig: options.animateConfig,
-          extraAnimateAttrs: options.extraAnimateAttrs
+          extraAnimateAttrs: options.extraAnimateAttrs,
+          stateTransitionTargetAttrs: options.stateTransitionTargetAttrs
         });
         return this.applyTransition(graphic, plan, hasAnimation, options);
       }
@@ -14801,21 +14813,20 @@
         }), snapshot) : snapshot;
       }
       buildRemovedStateAnimationAttrs(targetStateAttrs, previousResolvedStatePatch) {
-        const extraAttrs = {};
-        if (!previousResolvedStatePatch) return extraAttrs;
+        if (!previousResolvedStatePatch) return;
         const snapshot = this.buildStaticAttributeSnapshot(),
-          staticTargetAttrs = snapshot;
+          extraAttrs = {};
         return Object.keys(previousResolvedStatePatch).forEach(key => {
           const hasTargetAttr = Object.prototype.hasOwnProperty.call(targetStateAttrs, key);
           if (hasTargetAttr && void 0 !== targetStateAttrs[key]) return;
           const assignFallbackAttr = value => {
-            void 0 === value && this.shouldSkipStateTransitionDefaultAttribute(key, staticTargetAttrs) || (extraAttrs[key] = void 0 === value ? value : cloneAttributeValue(value));
+            extraAttrs[key] = void 0 === value ? value : cloneAttributeValue(value);
           };
-          if (hasTargetAttr) assignFallbackAttr(this.getStateTransitionDefaultAttribute(key, staticTargetAttrs));else if (Object.prototype.hasOwnProperty.call(snapshot, key)) {
-            const snapshotValue = snapshot[key];
-            assignFallbackAttr(void 0 === snapshotValue ? this.getStateTransitionDefaultAttribute(key, staticTargetAttrs) : snapshotValue);
-          } else assignFallbackAttr(this.getStateTransitionDefaultAttribute(key, staticTargetAttrs));
-        }), extraAttrs;
+          hasTargetAttr ? assignFallbackAttr(targetStateAttrs[key]) : Object.prototype.hasOwnProperty.call(snapshot, key) ? assignFallbackAttr(snapshot[key]) : assignFallbackAttr(void 0);
+        }), {
+          extraAttrs: extraAttrs,
+          stateTransitionTargetAttrs: snapshot
+        };
       }
       syncObjectToSnapshot(target, snapshot, excludedKeys) {
         const delta = new Map();
@@ -15531,29 +15542,37 @@
             resolvedStateAttrs: resolvedStateAttrs
           } = this.resolveGraphicStateTransition(states, !0),
           patchChanged = !this.sameStatePatches(previousResolvedStatePatch, resolvedStateAttrs);
-        patchChanged && !this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1) || (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), patchChanged && (hasAnimation && animateSameStatePatchChange ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+        if ((!patchChanged || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1)) && (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), patchChanged)) if (hasAnimation && animateSameStatePatchChange) {
+          this._syncFinalAttributeFromStaticTruth();
+          const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
+          this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
+        } else this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
           type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
           type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent())));
+        }), this.emitStateUpdateEvent();
       }
       resolveStateAnimateConfig(animateConfig) {
         var _a, _b, _c;
         return null !== (_c = null !== (_a = null != animateConfig ? animateConfig : this.stateAnimateConfig) && void 0 !== _a ? _a : null === (_b = this.context) || void 0 === _b ? void 0 : _b.stateAnimateConfig) && void 0 !== _c ? _c : DefaultStateAnimateConfig;
       }
-      applyStateAttrs(attrs, stateNames, hasAnimation, isClear, animateConfig, extraAnimateAttrs) {
+      applyStateAttrs(attrs, stateNames, hasAnimation, isClear, animateConfig, extraAnimateAttrs, stateTransitionTargetAttrs) {
         const resolvedAnimateConfig = hasAnimation ? this.resolveStateAnimateConfig(animateConfig) : void 0,
           transitionOptions = resolvedAnimateConfig ? {
             animateConfig: resolvedAnimateConfig,
             extraAnimateAttrs: extraAnimateAttrs,
-            shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this)
+            getStateTransitionDefaultAttribute: this.getStateTransitionDefaultAttribute.bind(this),
+            shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this),
+            stateTransitionTargetAttrs: stateTransitionTargetAttrs
           } : void 0;
         if (isClear) return void this.getStateTransitionOrchestrator().applyClearTransition(this, attrs, hasAnimation, transitionOptions);
         const plan = this.getStateTransitionOrchestrator().analyzeTransition(attrs, hasAnimation, {
           noWorkAnimateAttr: this.getNoWorkAnimateAttr(),
           animateConfig: resolvedAnimateConfig,
           extraAnimateAttrs: extraAnimateAttrs,
-          shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this)
+          getStateTransitionDefaultAttribute: this.getStateTransitionDefaultAttribute.bind(this),
+          shouldSkipDefaultAttribute: this.shouldSkipStateTransitionDefaultAttribute.bind(this),
+          stateTransitionTargetAttrs: stateTransitionTargetAttrs
         });
         this.getStateTransitionOrchestrator().applyTransition(this, plan, hasAnimation, transitionOptions);
       }
@@ -15580,11 +15599,15 @@
           transition = this.resolveClearStatesTransition();
         if (!transition.changed && 0 === previousStates.length) return this.currentStates = [], this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, void this.clearSharedStateActiveRegistrations();
         const resolvedStateAttrs = hasAnimation || this.hasCustomEvent("beforeStateUpdate") ? cloneAttributeValue(null !== (_b = this.baseAttributes) && void 0 !== _b ? _b : {}) : null !== (_c = this.baseAttributes) && void 0 !== _c ? _c : {};
-        transition.changed && !this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !0) || (this.currentStates = transition.states, this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, this.clearSharedStateActiveRegistrations(), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !0, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+        if (!transition.changed || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !0)) if (this.currentStates = transition.states, this.effectiveStates = [], this.resolvedStatePatch = void 0, this.sharedStateDirty = !1, this.clearSharedStateActiveRegistrations(), hasAnimation) {
+          this._syncFinalAttributeFromStaticTruth();
+          const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
+          this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !0, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
+        } else this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
           type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, void 0, {
           type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent()));
+        }), this.emitStateUpdateEvent();
       }
       removeState(stateName, hasAnimation) {
         const transition = this.resolveRemoveStateTransition(stateName);
@@ -15625,11 +15648,15 @@
             effectiveStates: effectiveStates,
             resolvedStateAttrs: resolvedStateAttrs
           } = this.resolveGraphicStateTransition(states);
-        !transition.changed && this.sameStateNames(previousStates, transition.states) || this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1) && (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), hasAnimation ? (this._syncFinalAttributeFromStaticTruth(), this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch))) : (this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
+        if ((transition.changed || !this.sameStateNames(previousStates, transition.states)) && this.beforeStateUpdate(resolvedStateAttrs, previousStates, transition.states, hasAnimation, !1)) if (this.currentStates = transition.states, this.effectiveStates = [...effectiveStates], this.resolvedStatePatch = resolvedStateAttrs, this.sharedStateDirty = !1, this.syncSharedStateActiveRegistrations(), hasAnimation) {
+          this._syncFinalAttributeFromStaticTruth();
+          const removedStateAnimationAttrs = this.buildRemovedStateAnimationAttrs(resolvedStateAttrs, previousResolvedStatePatch);
+          this.applyStateAttrs(resolvedStateAttrs, transition.states, hasAnimation, !1, void 0, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.extraAttrs, null == removedStateAnimationAttrs ? void 0 : removedStateAnimationAttrs.stateTransitionTargetAttrs);
+        } else this.stopStateAnimates(), this.attributeMayContainTransientAttrs ? this._restoreAttributeFromStaticTruth({
           type: AttributeUpdateType.STATE
         }) : this.restoreAttributeFromStatePatchDelta(previousResolvedStatePatch, this.resolvedStatePatch, {
           type: AttributeUpdateType.STATE
-        }), this.emitStateUpdateEvent()));
+        }), this.emitStateUpdateEvent();
       }
       invalidateResolver() {
         var _a, _b;
@@ -17070,7 +17097,204 @@
       return new Path(attributes);
     }
 
-    const POLYGON_UPDATE_TAG_KEY = ["points", "cornerRadius", ...GRAPHIC_UPDATE_TAG_KEY];
+    function drawPolygon(path, points, x, y) {
+      if (points && points.length) {
+        path.moveTo(points[0].x + x, points[0].y + y);
+        for (let i = 1; i < points.length; i++) path.lineTo(points[i].x + x, points[i].y + y);
+      }
+    }
+    function drawRoundedPolygon(path, points, x, y, cornerRadius, closePath = !0) {
+      var _a;
+      const normalized = normalizePolygonPoints(points, cornerRadius, closePath);
+      if (normalized) return void drawRoundedPolygon(path, normalized.points, x, y, normalized.cornerRadius, closePath);
+      if (points.length < 3) return void drawPolygon(path, points, x, y);
+      let startI = 0,
+        endI = points.length - 1;
+      closePath || (startI += 1, endI -= 1, path.moveTo(points[0].x + x, points[0].y + y));
+      for (let i = startI; i <= endI; i++) {
+        const p1 = points[0 === i ? endI : (i - 1) % points.length],
+          angularPoint = points[i % points.length],
+          p2 = points[(i + 1) % points.length],
+          dx1 = angularPoint.x - p1.x,
+          dy1 = angularPoint.y - p1.y,
+          dx2 = angularPoint.x - p2.x,
+          dy2 = angularPoint.y - p2.y,
+          angle = (Math.atan2(dy1, dx1) - Math.atan2(dy2, dx2)) / 2,
+          tan = Math.abs(Math.tan(angle));
+        let radius = Array.isArray(cornerRadius) ? null !== (_a = cornerRadius[i % points.length]) && void 0 !== _a ? _a : 0 : cornerRadius,
+          segment = radius / tan;
+        const length1 = getLength(dx1, dy1),
+          length2 = getLength(dx2, dy2),
+          length = Math.min(length1, length2);
+        segment > length && (segment = length, radius = length * tan);
+        const p1Cross = getProportionPoint(angularPoint, segment, length1, dx1, dy1),
+          p2Cross = getProportionPoint(angularPoint, segment, length2, dx2, dy2),
+          dx = 2 * angularPoint.x - p1Cross.x - p2Cross.x,
+          dy = 2 * angularPoint.y - p1Cross.y - p2Cross.y,
+          L = getLength(dx, dy),
+          circlePoint = getProportionPoint(angularPoint, getLength(segment, radius), L, dx, dy);
+        let startAngle = Math.atan2(p1Cross.y - circlePoint.y, p1Cross.x - circlePoint.x);
+        const endAngle = Math.atan2(p2Cross.y - circlePoint.y, p2Cross.x - circlePoint.x);
+        let sweepAngle = endAngle - startAngle;
+        sweepAngle < 0 && (startAngle = endAngle, sweepAngle = -sweepAngle), sweepAngle > Math.PI && (sweepAngle -= Math.PI), 0 === i ? path.moveTo(p1Cross.x + x, p1Cross.y + y) : path.lineTo(p1Cross.x + x, p1Cross.y + y), sweepAngle && path.arcTo(angularPoint.x + x, angularPoint.y + y, p2Cross.x + x, p2Cross.y + y, radius), path.lineTo(p2Cross.x + x, p2Cross.y + y);
+      }
+      closePath || path.lineTo(points[endI + 1].x + x, points[endI + 1].y + y);
+    }
+    function getLength(dx, dy) {
+      return Math.sqrt(dx * dx + dy * dy);
+    }
+    function getProportionPoint(point, segment, length, dx, dy) {
+      const factor = segment / length;
+      return {
+        x: point.x - dx * factor,
+        y: point.y - dy * factor
+      };
+    }
+    function normalizePolygonPoints(points, cornerRadius, closePath = !0) {
+      var _a;
+      let hasDuplicate = !1;
+      for (let i = 1; i < points.length; i++) if (isSamePoint(points[i - 1], points[i])) {
+        hasDuplicate = !0;
+        break;
+      }
+      if (!hasDuplicate && closePath && points.length > 1 && isSamePoint(points[0], points[points.length - 1]) && (hasDuplicate = !0), !hasDuplicate) return null;
+      const normalizedPoints = [],
+        normalizedCornerRadius = Array.isArray(cornerRadius) ? [] : null;
+      for (let i = 0; i < points.length; i++) normalizedPoints.length && isSamePoint(normalizedPoints[normalizedPoints.length - 1], points[i]) || (normalizedPoints.push(points[i]), null == normalizedCornerRadius || normalizedCornerRadius.push(null !== (_a = cornerRadius[i]) && void 0 !== _a ? _a : 0));
+      return closePath && normalizedPoints.length > 1 && isSamePoint(normalizedPoints[0], normalizedPoints[normalizedPoints.length - 1]) && (normalizedPoints.pop(), null == normalizedCornerRadius || normalizedCornerRadius.pop()), {
+        points: normalizedPoints,
+        cornerRadius: null != normalizedCornerRadius ? normalizedCornerRadius : cornerRadius
+      };
+    }
+    function isSamePoint(a, b) {
+      return a.x === b.x && a.y === b.y;
+    }
+    function getPolygonWinding(points) {
+      let signedArea = 0;
+      for (let i = 0; i < points.length; i++) {
+        const current = points[i],
+          next = points[(i + 1) % points.length];
+        signedArea += current.x * next.y - next.x * current.y;
+      }
+      return signedArea > 0 ? 1 : -1;
+    }
+    function offsetPolygonPoints(points, distance, closePath = !0) {
+      var _a;
+      const n = null !== (_a = null == points ? void 0 : points.length) && void 0 !== _a ? _a : 0;
+      if (n < 2 || closePath && n < 3 || !distance) return points;
+      const sign = getPolygonWinding(points),
+        edgeCount = closePath ? n : n - 1,
+        lines = [];
+      for (let i = 0; i < edgeCount; i++) {
+        const cur = points[i],
+          next = points[(i + 1) % n],
+          dx = next.x - cur.x,
+          dy = next.y - cur.y,
+          len = Math.sqrt(dx * dx + dy * dy);
+        if (!len) {
+          lines.push(null);
+          continue;
+        }
+        const offsetX = sign * dy * distance / len,
+          offsetY = -sign * dx * distance / len;
+        lines.push({
+          x: cur.x + offsetX,
+          y: cur.y + offsetY,
+          dx: dx,
+          dy: dy,
+          len: len,
+          offsetX: offsetX,
+          offsetY: offsetY
+        });
+      }
+      const prevLines = new Array(n);
+      let prevLine = null;
+      if (closePath) for (let i = edgeCount - 1; i >= 0; i--) if (lines[i]) {
+        prevLine = lines[i];
+        break;
+      }
+      for (let i = 0; i < n; i++) prevLines[i] = prevLine, i < edgeCount && lines[i] && (prevLine = lines[i]);
+      const nextLines = new Array(n);
+      let nextLine = null;
+      if (closePath) for (let count = 0; count < edgeCount; count++) {
+        const line = lines[(n - 1 + count) % edgeCount];
+        if (line) {
+          nextLine = line;
+          break;
+        }
+      }
+      for (let i = n - 1; i >= 0; i--) i < edgeCount && lines[i] && (nextLine = lines[i]), nextLines[i] = nextLine;
+      const offsetPointByLine = (point, line) => ({
+          x: point.x + line.offsetX,
+          y: point.y + line.offsetY
+        }),
+        result = [];
+      for (let i = 0; i < n; i++) {
+        const prev = prevLines[i],
+          cur = nextLines[i],
+          line = prev || cur;
+        if (!line) {
+          result.push(points[i]);
+          continue;
+        }
+        if (!prev || !cur) {
+          result.push(offsetPointByLine(points[i], line));
+          continue;
+        }
+        const denominator = prev.dx * cur.dy - prev.dy * cur.dx;
+        if (Math.abs(denominator) <= 1e-12 * prev.len * cur.len) {
+          result.push(offsetPointByLine(points[i], cur));
+          continue;
+        }
+        const t = ((cur.x - prev.x) * cur.dy - (cur.y - prev.y) * cur.dx) / denominator,
+          point = {
+            x: prev.x + prev.dx * t,
+            y: prev.y + prev.dy * t
+          };
+        result.push(Number.isFinite(point.x) && Number.isFinite(point.y) ? point : offsetPointByLine(points[i], cur));
+      }
+      return result;
+    }
+
+    const getBoundsScaleMatrix = polygon => {
+      var _a;
+      const globalMatrix = polygon.globalTransMatrix,
+        viewBoxMatrix = null === (_a = polygon.stage) || void 0 === _a ? void 0 : _a.window.getViewBoxTransform();
+      return viewBoxMatrix ? {
+        a: viewBoxMatrix.a * globalMatrix.a + viewBoxMatrix.c * globalMatrix.b,
+        b: viewBoxMatrix.b * globalMatrix.a + viewBoxMatrix.d * globalMatrix.b,
+        c: viewBoxMatrix.a * globalMatrix.c + viewBoxMatrix.c * globalMatrix.d,
+        d: viewBoxMatrix.b * globalMatrix.c + viewBoxMatrix.d * globalMatrix.d
+      } : globalMatrix;
+    };
+    const getPolygonBoundsScale = polygon => getScaledStrokeWithMatrix(getBoundsScaleMatrix(polygon), 1, 1);
+    const updateBoundsOfPolygonOuterBorder = (attribute, polygonTheme, aabbBounds, polygon) => {
+      const {
+        outerBorder: outerBorder,
+        points = polygonTheme.points,
+        closePath = polygonTheme.closePath,
+        shadowBlur = polygonTheme.shadowBlur,
+        keepStrokeScale = polygonTheme.keepStrokeScale
+      } = attribute;
+      if (outerBorder && !1 !== outerBorder.visible) {
+        const defaultOuterBorder = polygonTheme.outerBorder,
+          {
+            distance = defaultOuterBorder.distance,
+            lineWidth = defaultOuterBorder.lineWidth,
+            lineJoin = defaultOuterBorder.lineJoin,
+            strokeBoundsBuffer = defaultOuterBorder.strokeBoundsBuffer
+          } = outerBorder,
+          boundsScale = getPolygonBoundsScale(polygon);
+        let scaledDistance = distance;
+        keepStrokeScale || (scaledDistance *= boundsScale), offsetPolygonPoints(points, scaledDistance, closePath).forEach(point => {
+          aabbBounds.add(point.x, point.y);
+        });
+        boundStroke(aabbBounds, (shadowBlur * boundsScale + lineWidth * (keepStrokeScale ? 1 : boundsScale)) / 2, "miter" === lineJoin, strokeBoundsBuffer);
+      }
+      return aabbBounds;
+    };
+
+    const POLYGON_UPDATE_TAG_KEY = ["points", "cornerRadius", "outerBorder", "keepStrokeScale", ...GRAPHIC_UPDATE_TAG_KEY];
     class Polygon extends Graphic {
       constructor(params) {
         super(params), this.type = "polygon", this.numberType = POLYGON_NUMBER_TYPE;
@@ -17087,6 +17311,16 @@
       getGraphicTheme() {
         return getTheme$1(this).polygon;
       }
+      tryUpdateAABBBounds() {
+        const {
+          outerBorder: outerBorder
+        } = this.attribute;
+        if (outerBorder && !1 !== outerBorder.visible) {
+          const boundsScale = getPolygonBoundsScale(this);
+          boundsScale !== this._outerBorderBoundsScale && (this._outerBorderBoundsScale = boundsScale, this.addUpdateBoundTag());
+        } else this._outerBorderBoundsScale = void 0;
+        return super.tryUpdateAABBBounds();
+      }
       updateAABBBounds(attribute, polygonTheme, aabbBounds) {
         this.updatePathProxyAABBBounds(aabbBounds) || this.updatePolygonAABBBoundsImprecise(attribute, polygonTheme, aabbBounds), application.graphicService.updateTempAABBBounds(aabbBounds), this.widthWithoutTransform = aabbBounds.x2 - aabbBounds.x1, this.heightWithoutTransform = aabbBounds.y2 - aabbBounds.y1;
         const {
@@ -17100,7 +17334,7 @@
         } = attribute;
         return points.forEach(p => {
           aabbBounds.add(p.x, p.y);
-        }), aabbBounds;
+        }), updateBoundsOfPolygonOuterBorder(attribute, polygonTheme, aabbBounds, this), aabbBounds;
       }
       _interpolate(key, ratio, lastStepVal, nextStepVal, nextAttributes) {
         "points" === key && (nextAttributes.points = pointsInterpolation(lastStepVal, nextStepVal, ratio));
@@ -17327,13 +17561,14 @@
       }) : fillStyle, setTextStyle(ctx, character);
     }
     function applyStrokeStyle(ctx, character) {
+      var _a, _b;
       const strokeStyle = character && character.stroke || defaultFormatting.stroke;
       if (!strokeStyle) return void (ctx.globalAlpha = 0);
       const {
         strokeOpacity = 1,
         opacity = 1
       } = character;
-      ctx.globalAlpha = strokeOpacity * opacity, ctx.lineWidth = character && "number" == typeof character.lineWidth ? character.lineWidth : 1, ctx.strokeStyle = strokeStyle, setTextStyle(ctx, character);
+      ctx.globalAlpha = strokeOpacity * opacity, ctx.lineWidth = character && "number" == typeof character.lineWidth ? character.lineWidth : 1, ctx.setLineDash(null !== (_a = character.lineDash) && void 0 !== _a ? _a : []), ctx.lineDashOffset = null !== (_b = character.lineDashOffset) && void 0 !== _b ? _b : 0, ctx.strokeStyle = strokeStyle, setTextStyle(ctx, character);
     }
     function getStrByWithCanvas(desc, width, character, guessIndex, needTestLetter) {
       if (desc.length <= 1) return 0;
@@ -18542,8 +18777,15 @@
           const b = this.AABBBounds;
           return this._OBBBounds.setValue(b.x1, b.y1, b.x2, b.y2), this._OBBBounds;
         }
-        this.obbText || (this.obbText = new Text({})), this.obbText.setAttributes(Object.assign(Object.assign({}, attribute), {
-          angle: 0
+        this.obbText || (this.obbText = new Text({}));
+        const {
+          dx = 0,
+          dy = 0
+        } = attribute;
+        this.obbText.setAttributes(Object.assign(Object.assign({}, attribute), {
+          angle: 0,
+          dx: 0,
+          dy: 0
         }));
         const bounds1 = this.obbText.AABBBounds,
           {
@@ -18558,7 +18800,7 @@
             x: x,
             y: y
           });
-        return this._OBBBounds.copy(bounds1), this._OBBBounds.translate(center.x - boundsCenter.x, center.y - boundsCenter.y), this._OBBBounds.angle = angle, this._OBBBounds;
+        return this._OBBBounds.copy(bounds1), this._OBBBounds.translate(center.x - boundsCenter.x + dx, center.y - boundsCenter.y + dy), this._OBBBounds.angle = angle, this._OBBBounds;
       }
       updateAABBBounds(attribute, textTheme, aabbBounds) {
         const {
@@ -23426,22 +23668,26 @@
           width: width,
           height: height
         } = rect.attribute;
-        width = (null != width ? width : x1 - x) || 0, height = (null != height ? height : y1 - y) || 0;
-        const renderBorder = (borderStyle, key) => {
-          const doStroke = !(!borderStyle || !borderStyle.stroke),
-            sign = "outerBorder" === key ? -1 : 1,
-            {
-              distance = rectAttribute[key].distance
-            } = borderStyle,
-            d = keepStrokeScale ? distance : getScaledStroke(context, distance, context.dpr),
-            nextX = x + sign * d,
-            nextY = y + sign * d,
-            dw = 2 * d;
-          if (0 === cornerRadius || isArray$1(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(nextX, nextY, width - sign * dw, height - sign * dw)) : (context.beginPath(), createRectPath(context, nextX, nextY, width - sign * dw, height - sign * dw, cornerRadius, "bevel" !== cornerType)), context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), strokeCb) strokeCb(context, borderStyle, rectAttribute[key]);else if (doStroke) {
-            const lastOpacity = rectAttribute[key].opacity;
-            rectAttribute[key].opacity = opacity, context.setStrokeStyle(rect, borderStyle, (originX - x) / scaleX, (originY - y) / scaleY, rectAttribute[key]), rectAttribute[key].opacity = lastOpacity, context.stroke();
-          }
-        };
+        width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
+        const borderX = width < 0 ? x + width : x,
+          borderY = height < 0 ? y + height : y,
+          borderWidth = width < 0 ? -width : width,
+          borderHeight = height < 0 ? -height : height,
+          renderBorder = (borderStyle, key) => {
+            const doStroke = !(!borderStyle || !borderStyle.stroke),
+              sign = "outerBorder" === key ? -1 : 1,
+              {
+                distance = rectAttribute[key].distance
+              } = borderStyle,
+              d = keepStrokeScale ? distance : getScaledStroke(context, distance, context.dpr),
+              nextX = borderX + sign * d,
+              nextY = borderY + sign * d,
+              dw = 2 * d;
+            if (0 === cornerRadius || isArray$1(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(nextX, nextY, borderWidth - sign * dw, borderHeight - sign * dw)) : (context.beginPath(), createRectPath(context, nextX, nextY, borderWidth - sign * dw, borderHeight - sign * dw, cornerRadius, "bevel" !== cornerType)), context.setShadowBlendStyle && context.setShadowBlendStyle(rect, rect.attribute, rectAttribute), strokeCb) strokeCb(context, borderStyle, rectAttribute[key]);else if (doStroke) {
+              const lastOpacity = rectAttribute[key].opacity;
+              rectAttribute[key].opacity = opacity, context.setStrokeStyle(rect, borderStyle, (originX - x) / scaleX, (originY - y) / scaleY, rectAttribute[key]), rectAttribute[key].opacity = lastOpacity, context.stroke();
+            }
+          };
         doOuterBorder && renderBorder(outerBorder, "outerBorder"), doInnerBorder && renderBorder(innerBorder, "innerBorder");
       }
     }
@@ -23879,7 +24125,8 @@
     const StarRender = Symbol.for("StarRender");
 
     const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
-    const tempDirtyBounds = new AABBBounds(),
+    const INTERACTIVE_POST_MATRIX = "_interactivePostMatrix",
+      tempDirtyBounds = new AABBBounds(),
       tempBackupDirtyBounds = new AABBBounds();
     class ShadowRootDrawItemInterceptorContribution {
       constructor() {
@@ -23943,12 +24190,23 @@
       beforeDrawItem(graphic, renderService, drawContext, drawContribution, params) {
         return !this.processing && (graphic.baseGraphic ? this.beforeDrawInteractive(graphic, renderService, drawContext, drawContribution, params) : this.beforeSetInteractive(graphic, renderService, drawContext, drawContribution, params));
       }
+      resolveInteractivePostMatrix(graphic, interactiveGraphic) {
+        const parent = graphic.parent;
+        if (!parent) return graphic.attribute.postMatrix;
+        let matrix = interactiveGraphic[INTERACTIVE_POST_MATRIX];
+        matrix || (matrix = new Matrix(), interactiveGraphic[INTERACTIVE_POST_MATRIX] = matrix);
+        const ancestorMatrix = parent.globalTransMatrix;
+        matrix.setValue(ancestorMatrix.a, ancestorMatrix.b, ancestorMatrix.c, ancestorMatrix.d, ancestorMatrix.e, ancestorMatrix.f);
+        const ownPostMatrix = graphic.attribute.postMatrix;
+        return ownPostMatrix && matrix.multiply(ownPostMatrix.a, ownPostMatrix.b, ownPostMatrix.c, ownPostMatrix.d, ownPostMatrix.e, ownPostMatrix.f), matrix;
+      }
       beforeSetInteractive(graphic, renderService, drawContext, drawContribution, params) {
         let interactiveGraphic = graphic.interactiveGraphic;
         if (graphic.attribute.globalZIndex) {
           interactiveGraphic || (interactiveGraphic = graphic.clone(), graphic.interactiveGraphic = interactiveGraphic, interactiveGraphic.baseGraphic = graphic), interactiveGraphic.setAttributes({
             globalZIndex: 0,
-            zIndex: graphic.attribute.globalZIndex
+            zIndex: graphic.attribute.globalZIndex,
+            postMatrix: this.resolveInteractivePostMatrix(graphic, interactiveGraphic)
           }, !1, {
             skipUpdateCallback: !0
           }), drawContext.stage.tryInitInteractiveLayer();
@@ -27691,64 +27949,69 @@
     }
     const pathModule = bindPathRenderModule;
 
-    function drawPolygon(path, points, x, y) {
-      if (points && points.length) {
-        path.moveTo(points[0].x + x, points[0].y + y);
-        for (let i = 1; i < points.length; i++) path.lineTo(points[i].x + x, points[i].y + y);
+    const defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribution;
+    const defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
+    class DefaultPolygonRenderContribution {
+      constructor() {
+        this.time = BaseRenderContributionTime.afterFillStroke, this.useStyle = !0, this.order = 0;
       }
-    }
-    function drawRoundedPolygon(path, points, x, y, cornerRadius, closePath = !0) {
-      var _a;
-      if (points.length < 3) return void drawPolygon(path, points, x, y);
-      let startI = 0,
-        endI = points.length - 1;
-      closePath || (startI += 1, endI -= 1, path.moveTo(points[0].x + x, points[0].y + y));
-      for (let i = startI; i <= endI; i++) {
-        const p1 = points[0 === i ? endI : (i - 1) % points.length],
-          angularPoint = points[i % points.length],
-          p2 = points[(i + 1) % points.length],
-          dx1 = angularPoint.x - p1.x,
-          dy1 = angularPoint.y - p1.y,
-          dx2 = angularPoint.x - p2.x,
-          dy2 = angularPoint.y - p2.y,
-          angle = (Math.atan2(dy1, dx1) - Math.atan2(dy2, dx2)) / 2,
-          tan = Math.abs(Math.tan(angle));
-        let radius = Array.isArray(cornerRadius) ? null !== (_a = cornerRadius[i % points.length]) && void 0 !== _a ? _a : 0 : cornerRadius,
-          segment = radius / tan;
-        const length1 = getLength(dx1, dy1),
-          length2 = getLength(dx2, dy2),
-          length = Math.min(length1, length2);
-        segment > length && (segment = length, radius = length * tan);
-        const p1Cross = getProportionPoint(angularPoint, segment, length1, dx1, dy1),
-          p2Cross = getProportionPoint(angularPoint, segment, length2, dx2, dy2),
-          dx = 2 * angularPoint.x - p1Cross.x - p2Cross.x,
-          dy = 2 * angularPoint.y - p1Cross.y - p2Cross.y,
-          L = getLength(dx, dy),
-          circlePoint = getProportionPoint(angularPoint, getLength(segment, radius), L, dx, dy);
-        let startAngle = Math.atan2(p1Cross.y - circlePoint.y, p1Cross.x - circlePoint.x);
-        const endAngle = Math.atan2(p2Cross.y - circlePoint.y, p2Cross.x - circlePoint.x);
-        let sweepAngle = endAngle - startAngle;
-        sweepAngle < 0 && (startAngle = endAngle, sweepAngle = -sweepAngle), sweepAngle > Math.PI && (sweepAngle -= Math.PI), 0 === i ? path.moveTo(p1Cross.x + x, p1Cross.y + y) : path.lineTo(p1Cross.x + x, p1Cross.y + y), sweepAngle && path.arcTo(angularPoint.x + x, angularPoint.y + y, p2Cross.x + x, p2Cross.y + y, radius), path.lineTo(p2Cross.x + x, p2Cross.y + y);
+      drawShape(polygon, context, x, y, doFill, doStroke, fVisible, sVisible, polygonAttribute, drawContext, fillCb, strokeCb) {
+        const {
+            outerBorder: outerBorder,
+            innerBorder: innerBorder
+          } = polygon.attribute,
+          doOuterBorder = outerBorder && !1 !== outerBorder.visible,
+          doInnerBorder = innerBorder && !1 !== innerBorder.visible;
+        if (!doOuterBorder && !doInnerBorder) return;
+        const {
+            points = polygonAttribute.points,
+            cornerRadius = polygonAttribute.cornerRadius,
+            opacity = polygonAttribute.opacity,
+            x: originX = polygonAttribute.x,
+            y: originY = polygonAttribute.y,
+            scaleX = polygonAttribute.scaleX,
+            scaleY = polygonAttribute.scaleY,
+            keepStrokeScale = polygonAttribute.keepStrokeScale,
+            closePath = polygonAttribute.closePath
+          } = polygon.attribute,
+          renderBorder = (borderStyle, key) => {
+            var _a, _b;
+            const doBorderStroke = !!borderStyle.stroke,
+              distanceDirection = "outerBorder" === key ? 1 : -1,
+              {
+                distance = polygonAttribute[key].distance
+              } = borderStyle,
+              borderDistance = distanceDirection * (keepStrokeScale ? distance : getScaledStroke(context, distance, context.dpr)),
+              normalized = normalizePolygonPoints(points, cornerRadius, closePath),
+              normalizedPoints = null !== (_a = null == normalized ? void 0 : normalized.points) && void 0 !== _a ? _a : points,
+              normalizedCornerRadius = null !== (_b = null == normalized ? void 0 : normalized.cornerRadius) && void 0 !== _b ? _b : cornerRadius,
+              borderPoints = offsetPolygonPoints(normalizedPoints, borderDistance, closePath),
+              winding = getPolygonWinding(normalizedPoints),
+              borderCornerRadius = normalizedPoints.map((point, i) => {
+                var _a;
+                const radius = isArray$1(normalizedCornerRadius) ? null !== (_a = normalizedCornerRadius[i]) && void 0 !== _a ? _a : 0 : normalizedCornerRadius || 0;
+                if (!closePath && (0 === i || i === normalizedPoints.length - 1) || normalizedPoints.length < 3) return radius;
+                const prev = normalizedPoints[(i - 1 + normalizedPoints.length) % normalizedPoints.length],
+                  next = normalizedPoints[(i + 1) % normalizedPoints.length],
+                  cornerDirection = ((point.x - prev.x) * (next.y - point.y) - (point.y - prev.y) * (next.x - point.x)) * winding < 0 ? -1 : 1;
+                return Math.max(0, radius + borderDistance * cornerDirection);
+              }),
+              noCorner = 0 === borderCornerRadius.length || borderCornerRadius.every(r => 0 === r);
+            if (context.beginPath(), noCorner ? drawPolygon(context.camera ? context : context.nativeContext, borderPoints, x, y) : drawRoundedPolygon(context.camera ? context : context.nativeContext, borderPoints, x, y, borderCornerRadius, closePath), closePath && context.closePath(), context.setShadowBlendStyle && context.setShadowBlendStyle(polygon, polygon.attribute, polygonAttribute), strokeCb) strokeCb(context, borderStyle, polygonAttribute[key]);else if (doBorderStroke) {
+              const lastOpacity = polygonAttribute[key].opacity,
+                borderStyleWithStrokeScale = borderStyle,
+                lastKeepStrokeScale = borderStyleWithStrokeScale.keepStrokeScale;
+              polygonAttribute[key].opacity = opacity, borderStyleWithStrokeScale.keepStrokeScale = keepStrokeScale, context.setStrokeStyle(polygon, borderStyleWithStrokeScale, (originX - x) / scaleX, (originY - y) / scaleY, polygonAttribute[key]), polygonAttribute[key].opacity = lastOpacity, void 0 === lastKeepStrokeScale ? delete borderStyleWithStrokeScale.keepStrokeScale : borderStyleWithStrokeScale.keepStrokeScale = lastKeepStrokeScale, context.stroke();
+            }
+          };
+        doOuterBorder && renderBorder(outerBorder, "outerBorder"), doInnerBorder && renderBorder(innerBorder, "innerBorder");
       }
-      closePath || path.lineTo(points[endI + 1].x + x, points[endI + 1].y + y);
-    }
-    function getLength(dx, dy) {
-      return Math.sqrt(dx * dx + dy * dy);
-    }
-    function getProportionPoint(point, segment, length, dx, dy) {
-      const factor = segment / length;
-      return {
-        x: point.x - dx * factor,
-        y: point.y - dy * factor
-      };
     }
-
-    const defaultPolygonTextureRenderContribution = defaultBaseTextureRenderContribution;
-    const defaultPolygonBackgroundRenderContribution = defaultBaseBackgroundRenderContribution;
+    const defaultPolygonRenderContribution = new DefaultPolygonRenderContribution();
 
     class DefaultCanvasPolygonRender extends BaseRender {
       constructor(graphicRenderContributions) {
-        super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = POLYGON_NUMBER_TYPE, this.builtinContributions = [defaultPolygonBackgroundRenderContribution, defaultPolygonTextureRenderContribution], this.init(graphicRenderContributions);
+        super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = POLYGON_NUMBER_TYPE, this.builtinContributions = [defaultPolygonRenderContribution, defaultPolygonBackgroundRenderContribution, defaultPolygonTextureRenderContribution], this.init(graphicRenderContributions);
       }
       drawShape(polygon, context, x, y, drawContext, params, fillCb, strokeCb) {
         const polygonAttribute = getTheme$1(polygon, null == params ? void 0 : params.theme).polygon,
@@ -33415,7 +33678,7 @@
         runtimePluginInstallers: {},
         formatter: undefined
     });
-    const factoryRegistryVersion = "2.1.5";
+    const factoryRegistryVersion = "2.1.4";
     const factoryRegistryKey = Symbol.for(`@visactor/vchart/factory-registry@${factoryRegistryVersion}`);
     const globalFactoryRegistry = globalThis;
     const factoryRegistry = (_a = globalFactoryRegistry[factoryRegistryKey]) !== null && _a !== void 0 ? _a : (globalFactoryRegistry[factoryRegistryKey] = createFactoryRegistry());
@@ -43228,6 +43491,8 @@
       var _a, _b;
       return null !== (_b = null !== (_a = null == params ? void 0 : params.lynx) && void 0 !== _a ? _a : null == params ? void 0 : params.runtime) && void 0 !== _b ? _b : getGlobalLynxRuntime();
     }
+    const requestAnimationFrameBasedSTO = callback => rafBasedSto.call(callback),
+      cancelAnimationFrameBasedSTO = handle => rafBasedSto.clear(handle);
     function getLynxPixelRatio(params, runtime) {
       var _a, _b, _c, _d, _e;
       return null !== (_e = null !== (_d = null !== (_a = null == params ? void 0 : params.pixelRatio) && void 0 !== _a ? _a : null === (_c = null === (_b = null == runtime ? void 0 : runtime.getSystemInfoSync) || void 0 === _b ? void 0 : _b.call(runtime)) || void 0 === _c ? void 0 : _c.pixelRatio) && void 0 !== _d ? _d : getGlobalSystemPixelRatio()) && void 0 !== _e ? _e : 1;
@@ -43299,7 +43564,7 @@
     }
     class LynxEnvContribution extends BaseEnvContribution {
       constructor() {
-        super(), this.type = "lynx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.supportsTouchEvents = !0;
+        super(), this.type = "lynx", this.supportEvent = !0, this.canvasMap = new Map(), this.freeCanvasList = [], this.canvasIdx = 0, this.requestAnimationFrame = requestAnimationFrameBasedSTO, this.cancelAnimationFrame = cancelAnimationFrameBasedSTO, this.supportsTouchEvents = !0;
         try {
           this.supportsPointerEvents = !!globalThis.PointerEvent, this.supportsMouseEvents = !!globalThis.MouseEvent;
         } catch (err) {
@@ -43308,7 +43573,8 @@
         this.applyStyles = !0;
       }
       configure(service, params = {}) {
-        service.env === this.type && (service.setActiveEnvContribution(this), this.lynxEnvParams = params, this.lynxRuntime = getLynxRuntime(params));
+        var _a, _b;
+        service.env === this.type && (service.setActiveEnvContribution(this), this.lynxEnvParams = params, this.lynxRuntime = getLynxRuntime(params), "function" == typeof (null === (_a = this.lynxRuntime) || void 0 === _a ? void 0 : _a.requestAnimationFrame) && "function" == typeof (null === (_b = this.lynxRuntime) || void 0 === _b ? void 0 : _b.cancelAnimationFrame) ? (this.requestAnimationFrame = this.lynxRuntime.requestAnimationFrame.bind(this.lynxRuntime), this.cancelAnimationFrame = this.lynxRuntime.cancelAnimationFrame.bind(this.lynxRuntime)) : (this.requestAnimationFrame = requestAnimationFrameBasedSTO, this.cancelAnimationFrame = cancelAnimationFrameBasedSTO));
       }
       getDynamicCanvasCount() {
         return this.freeCanvasList.length;
@@ -43360,14 +43626,10 @@
         return getLynxPixelRatio(void 0, this.lynxRuntime);
       }
       getRequestAnimationFrame() {
-        return function (callback) {
-          return rafBasedSto.call(callback);
-        };
+        return this.requestAnimationFrame;
       }
       getCancelAnimationFrame() {
-        return h => {
-          rafBasedSto.clear(h);
-        };
+        return this.cancelAnimationFrame;
       }
       mapToCanvasPoint(event) {
         var _a;
@@ -49424,7 +49686,7 @@
         });
     };
 
-    const version = "2.1.5";
+    const version = "2.1.4";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -70735,6 +70997,7 @@
         }));
       }
       _updatePositionOfPager(renderStartY, compWidth, compHeight) {
+        var _a;
         const {
             pager: pager
           } = this.attribute,
@@ -70742,18 +71005,24 @@
             totalPage: totalPage,
             isHorizontal: isHorizontal
           } = this._itemContext,
-          position = pager && pager.position || "middle";
+          position = pager && pager.position || "middle",
+          hugContent = !(!pager || !pager.hugContent),
+          pagerSpace = null !== (_a = pager && pager.space) && void 0 !== _a ? _a : DEFAULT_PAGER_SPACE;
         if (this._pagerComponent.setTotal(totalPage), isHorizontal) {
           let y;
-          y = "start" === position ? renderStartY : "end" === position ? renderStartY + compHeight - this._pagerComponent.AABBBounds.height() / 2 : renderStartY + compHeight / 2 - this._pagerComponent.AABBBounds.height() / 2, this._pagerComponent.setAttributes({
-            x: compWidth - this._pagerComponent.AABBBounds.width(),
+          y = "start" === position ? renderStartY : "end" === position ? renderStartY + compHeight - this._pagerComponent.AABBBounds.height() / 2 : renderStartY + compHeight / 2 - this._pagerComponent.AABBBounds.height() / 2;
+          let x = compWidth - this._pagerComponent.AABBBounds.width();
+          hugContent && (x = Math.max(0, Math.min(this._itemsContainer.AABBBounds.width() + pagerSpace, x))), this._pagerComponent.setAttributes({
+            x: x,
             y: y
           });
         } else {
           let x;
-          x = "start" === position ? 0 : "end" === position ? compWidth - this._pagerComponent.AABBBounds.width() : (compWidth - this._pagerComponent.AABBBounds.width()) / 2, this._pagerComponent.setAttributes({
+          x = "start" === position ? 0 : "end" === position ? compWidth - this._pagerComponent.AABBBounds.width() : (compWidth - this._pagerComponent.AABBBounds.width()) / 2;
+          let y = compHeight - this._pagerComponent.AABBBounds.height();
+          hugContent && (y = Math.max(0, Math.min(renderStartY + this._itemsContainer.AABBBounds.height() + pagerSpace, y))), this._pagerComponent.setAttributes({
             x: x,
-            y: compHeight - this._pagerComponent.AABBBounds.height()
+            y: y
           });
         }
       }
@@ -70908,11 +71177,15 @@
           this._itemContext.totalPage = total, this._updatePositionOfPager(renderStartY, compWidth, compHeight);
         }
         defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("y", -(defaultCurrent - 1) * (compHeight + spaceRow)) : itemsContainer.setAttribute("x", -(defaultCurrent - 1) * (compWidth + spaceCol)));
+        const hugContent = !!pager.hugContent;
+        let clipWidth = isHorizontal ? contentWidth : compWidth,
+          clipHeight = isHorizontal ? compHeight : contentHeight;
+        hugContent && (isHorizontal ? clipWidth = Math.max(0, Math.min(clipWidth, itemsContainer.AABBBounds.width())) : clipHeight = Math.max(0, Math.min(clipHeight, itemsContainer.AABBBounds.height())));
         const clipGroup = graphicCreator.group({
           x: 0,
           y: renderStartY,
-          width: isHorizontal ? contentWidth : compWidth,
-          height: isHorizontal ? compHeight : contentHeight,
+          width: clipWidth,
+          height: clipHeight,
           clip: !0,
           pickable: !1
         });