create-ssnode-cli 0.2.2 → 0.2.3

package/templates/web/node_modules/.vite/deps/{chunk-UX3FVGZU.js → chunk-DXNXWKU4.js}

@@ -1,8 +1,8 @@
 import {
   __export
-} from "./chunk-5WWUZCGV.js";
+} from "./chunk-HM4MQYWN.js";
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/platform.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/platform.js
 var DEFAULT_FONT_SIZE = 12;
 var DEFAULT_FONT_FAMILY = "sans-serif";
 var DEFAULT_FONT = DEFAULT_FONT_SIZE + "px " + DEFAULT_FONT_FAMILY;
@@ -42,7 +42,7 @@ var platformApi = {
       } else {
         text = text || "";
         font = font || DEFAULT_FONT;
-        var res = /(\d+)px/.exec(font);
+        var res = /((?:\d+)?\.?\d*)px/.exec(font);
         var fontSize = res && +res[1] || DEFAULT_FONT_SIZE;
         var width = 0;
         if (font.indexOf("mono") >= 0) {
@@ -63,22 +63,27 @@ var platformApi = {
     image.onerror = onerror;
     image.src = src;
     return image;
+  },
+  getTime: function() {
+    return Date.now ? Date.now() : +/* @__PURE__ */ new Date();
   }
 };
 function setPlatformAPI(newPlatformApis) {
   for (var key in platformApi) {
-    if (newPlatformApis[key]) {
+    if (platformApi.hasOwnProperty(key) && newPlatformApis[key]) {
       platformApi[key] = newPlatformApis[key];
     }
   }
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/util.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/util.js
 var util_exports = {};
 __export(util_exports, {
+  EPSILON: () => EPSILON,
   HashMap: () => HashMap,
   RADIAN_TO_DEGREE: () => RADIAN_TO_DEGREE,
   assert: () => assert,
+  assignProps: () => assignProps,
   bind: () => bind,
   clone: () => clone,
   concatArray: () => concatArray,
@@ -165,7 +170,11 @@ var ctorFunction = (function() {
 var protoFunction = ctorFunction ? ctorFunction.prototype : null;
 var protoKey = "__proto__";
 var idStart = 2311;
+var MAX_SAFE_INTEGER = Math.pow(2, 53) - 1;
 function guid() {
+  if (idStart >= MAX_SAFE_INTEGER) {
+    idStart = 0;
+  }
   return idStart++;
 }
 function logError() {
@@ -248,9 +257,17 @@ function extend(target, source) {
   }
   return target;
 }
+function assignProps(tar, src, props) {
+  tar = tar || {};
+  for (var idx = 0; idx < props.length; idx++) {
+    var prop = props[idx];
+    tar[prop] = src[prop];
+  }
+  return tar;
+}
 function defaults(target, source, overlay) {
   var keysArr = keys(source);
-  for (var i = 0; i < keysArr.length; i++) {
+  for (var i = 0, len2 = keysArr.length; i < len2; i++) {
     var key = keysArr[i];
     if (overlay ? source[key] != null : target[key] == null) {
       target[key] = source[key];
@@ -633,8 +650,82 @@ function hasOwn(own, prop) {
 function noop() {
 }
 var RADIAN_TO_DEGREE = 180 / Math.PI;
+var EPSILON = Number.EPSILON || Math.pow(2, -52);
+
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/env.js
+var Browser = function() {
+  function Browser2() {
+    this.firefox = false;
+    this.ie = false;
+    this.edge = false;
+    this.newEdge = false;
+    this.weChat = false;
+  }
+  return Browser2;
+}();
+var Env = function() {
+  function Env2() {
+    this.browser = new Browser();
+    this.node = false;
+    this.wxa = false;
+    this.worker = false;
+    this.svgSupported = false;
+    this.touchEventsSupported = false;
+    this.pointerEventsSupported = false;
+    this.domSupported = false;
+    this.transformSupported = false;
+    this.transform3dSupported = false;
+    this.hasGlobalWindow = typeof window !== "undefined";
+  }
+  return Env2;
+}();
+var env = new Env();
+if (typeof wx === "object" && typeof wx.getSystemInfoSync === "function") {
+  env.wxa = true;
+  env.touchEventsSupported = true;
+} else if (typeof document === "undefined" && typeof self !== "undefined") {
+  env.worker = true;
+} else if (!env.hasGlobalWindow || "Deno" in window || typeof navigator !== "undefined" && typeof navigator.userAgent === "string" && navigator.userAgent.indexOf("Node.js") > -1) {
+  env.node = true;
+  env.svgSupported = true;
+} else {
+  detect(navigator.userAgent, env);
+}
+function detect(ua, env2) {
+  var browser = env2.browser;
+  var firefox = ua.match(/Firefox\/([\d.]+)/);
+  var ie = ua.match(/MSIE\s([\d.]+)/) || ua.match(/Trident\/.+?rv:(([\d.]+))/);
+  var edge = ua.match(/Edge?\/([\d.]+)/);
+  var weChat = /micromessenger/i.test(ua);
+  if (firefox) {
+    browser.firefox = true;
+    browser.version = firefox[1];
+  }
+  if (ie) {
+    browser.ie = true;
+    browser.version = ie[1];
+  }
+  if (edge) {
+    browser.edge = true;
+    browser.version = edge[1];
+    browser.newEdge = +edge[1].split(".")[0] > 18;
+  }
+  if (weChat) {
+    browser.weChat = true;
+  }
+  env2.svgSupported = typeof SVGRect !== "undefined";
+  env2.touchEventsSupported = "ontouchstart" in window && !browser.ie && !browser.edge;
+  env2.pointerEventsSupported = "onpointerdown" in window && (browser.edge || browser.ie && +browser.version >= 11);
+  var domSupported = env2.domSupported = typeof document !== "undefined";
+  if (domSupported) {
+    var style = document.documentElement.style;
+    env2.transform3dSupported = (browser.ie && "transition" in style || browser.edge || "WebKitCSSMatrix" in window && "m11" in new WebKitCSSMatrix() || "MozPerspective" in style) && !("OTransition" in style);
+    env2.transformSupported = env2.transform3dSupported || browser.ie && +browser.version >= 9;
+  }
+}
+var env_default = env;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/matrix.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/matrix.js
 var matrix_exports = {};
 __export(matrix_exports, {
   clone: () => clone2,
@@ -749,7 +840,7 @@ function clone2(a) {
   return b;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/vector.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/vector.js
 var vector_exports = {};
 __export(vector_exports, {
   add: () => add,
@@ -888,7 +979,7 @@ function max(out, v1, v2) {
   return out;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/tool/color.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/tool/color.js
 var color_exports = {};
 __export(color_exports, {
   fastLerp: () => fastLerp,
@@ -901,12 +992,14 @@ __export(color_exports, {
   modifyAlpha: () => modifyAlpha,
   modifyHSL: () => modifyHSL,
   parse: () => parse,
+  parseCssFloat: () => parseCssFloat,
+  parseCssInt: () => parseCssInt,
   random: () => random,
   stringify: () => stringify,
   toHex: () => toHex
 });
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/LRU.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/LRU.js
 var Entry = function() {
   function Entry2(val) {
     this.value = val;
@@ -1012,7 +1105,7 @@ var LRU = function() {
 }();
 var LRU_default = LRU;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/tool/color.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/tool/color.js
 var kCSSColorTable = {
   "transparent": [0, 0, 0, 0],
   "aliceblue": [240, 248, 255, 1],
@@ -1442,9 +1535,9 @@ function modifyHSL(color, h, s, l) {
   var colorArr = parse(color);
   if (color) {
     colorArr = rgba2hsla(colorArr);
-    h != null && (colorArr[0] = clampCssAngle(h));
-    s != null && (colorArr[1] = parseCssFloat(s));
-    l != null && (colorArr[2] = parseCssFloat(l));
+    h != null && (colorArr[0] = clampCssAngle(isFunction(h) ? h(colorArr[0]) : h));
+    s != null && (colorArr[1] = parseCssFloat(isFunction(s) ? s(colorArr[1]) : s));
+    l != null && (colorArr[2] = parseCssFloat(isFunction(l) ? l(colorArr[2]) : l));
     return stringify(hsla2rgba(colorArr), "rgba");
   }
 }
@@ -1498,78 +1591,7 @@ function liftColor(color) {
   return color;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/env.js
-var Browser = function() {
-  function Browser2() {
-    this.firefox = false;
-    this.ie = false;
-    this.edge = false;
-    this.newEdge = false;
-    this.weChat = false;
-  }
-  return Browser2;
-}();
-var Env = function() {
-  function Env2() {
-    this.browser = new Browser();
-    this.node = false;
-    this.wxa = false;
-    this.worker = false;
-    this.svgSupported = false;
-    this.touchEventsSupported = false;
-    this.pointerEventsSupported = false;
-    this.domSupported = false;
-    this.transformSupported = false;
-    this.transform3dSupported = false;
-    this.hasGlobalWindow = typeof window !== "undefined";
-  }
-  return Env2;
-}();
-var env = new Env();
-if (typeof wx === "object" && typeof wx.getSystemInfoSync === "function") {
-  env.wxa = true;
-  env.touchEventsSupported = true;
-} else if (typeof document === "undefined" && typeof self !== "undefined") {
-  env.worker = true;
-} else if (typeof navigator === "undefined" || navigator.userAgent.indexOf("Node.js") === 0) {
-  env.node = true;
-  env.svgSupported = true;
-} else {
-  detect(navigator.userAgent, env);
-}
-function detect(ua, env2) {
-  var browser = env2.browser;
-  var firefox = ua.match(/Firefox\/([\d.]+)/);
-  var ie = ua.match(/MSIE\s([\d.]+)/) || ua.match(/Trident\/.+?rv:(([\d.]+))/);
-  var edge = ua.match(/Edge?\/([\d.]+)/);
-  var weChat = /micromessenger/i.test(ua);
-  if (firefox) {
-    browser.firefox = true;
-    browser.version = firefox[1];
-  }
-  if (ie) {
-    browser.ie = true;
-    browser.version = ie[1];
-  }
-  if (edge) {
-    browser.edge = true;
-    browser.version = edge[1];
-    browser.newEdge = +edge[1].split(".")[0] > 18;
-  }
-  if (weChat) {
-    browser.weChat = true;
-  }
-  env2.svgSupported = typeof SVGRect !== "undefined";
-  env2.touchEventsSupported = "ontouchstart" in window && !browser.ie && !browser.edge;
-  env2.pointerEventsSupported = "onpointerdown" in window && (browser.edge || browser.ie && +browser.version >= 11);
-  env2.domSupported = typeof document !== "undefined";
-  var style = document.documentElement.style;
-  env2.transform3dSupported = (browser.ie && "transition" in style || browser.edge || "WebKitCSSMatrix" in window && "m11" in new WebKitCSSMatrix() || "MozPerspective" in style) && !("OTransition" in style);
-  env2.transformSupported = env2.transform3dSupported || browser.ie && +browser.version >= 9;
-}
-var env_default = env;
-
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/zrender.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/zrender.js
 var zrender_exports = {};
 __export(zrender_exports, {
   dispose: () => dispose,
@@ -1603,7 +1625,7 @@ function __extends(d, b) {
   d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/mixin/Draggable.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/mixin/Draggable.js
 var Param = function() {
   function Param2(target, e) {
     this.target = target;
@@ -1671,7 +1693,7 @@ var Draggable = function() {
 }();
 var Draggable_default = Draggable;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/Eventful.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/Eventful.js
 var Eventful = function() {
   function Eventful2(eventProcessors) {
     if (eventProcessors) {
@@ -1824,7 +1846,7 @@ var Eventful = function() {
 }();
 var Eventful_default = Eventful;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/fourPointsTransform.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/fourPointsTransform.js
 var LN2 = Math.log(2);
 function determinant(rows, rank, rowStart, rowMask, colMask, detCache) {
   var cacheKey = rowMask + "-" + colMask;
@@ -1882,12 +1904,23 @@ function buildTransformer(src, dest) {
   };
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/dom.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/dom.js
 var EVENT_SAVED_PROP = "___zrEVENTSAVED";
 var _calcOut = [];
 function transformLocalCoord(out, elFrom, elTarget, inX, inY) {
   return transformCoordWithViewport(_calcOut, elFrom, inX, inY, true) && transformCoordWithViewport(out, elTarget, _calcOut[0], _calcOut[1]);
 }
+function transformLocalCoordClear(elFrom, elTarget) {
+  elFrom && dealClear(elFrom);
+  elTarget && dealClear(elTarget);
+  function dealClear(el) {
+    var saved = el[EVENT_SAVED_PROP];
+    if (saved) {
+      saved.clearMarkers && saved.clearMarkers();
+      delete el[EVENT_SAVED_PROP];
+    }
+  }
+}
 function transformCoordWithViewport(out, el, inX, inY, inverse) {
   if (el.getBoundingClientRect && env_default.domSupported && !isCanvasEl(el)) {
     var saved = el[EVENT_SAVED_PROP] || (el[EVENT_SAVED_PROP] = {});
@@ -1931,6 +1964,11 @@ function prepareCoordMarkers(el, saved) {
     el.appendChild(marker);
     markers.push(marker);
   }
+  saved.clearMarkers = function() {
+    each(markers, function(marker2) {
+      marker2.parentNode && marker2.parentNode.removeChild(marker2);
+    });
+  };
   return markers;
 }
 function preparePointerTransformer(markers, saved, inverse) {
@@ -1968,7 +2006,7 @@ function encodeHTML(source) {
   });
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/event.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/event.js
 var MOUSE_EVENT_REG = /^(?:mouse|pointer|contextmenu|drag|drop)|click/;
 var _calcOut2 = [];
 var firefoxNotSupportOffsetXY = env_default.browser.firefox && +env_default.browser.version.split(".")[0] < 39;
@@ -2059,7 +2097,7 @@ function isMiddleOrRightButtonOnMouseUpDown(e) {
   return e.which === 2 || e.which === 3;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/GestureMgr.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/GestureMgr.js
 var GestureMgr = function() {
   function GestureMgr2() {
     this._track = [];
@@ -2138,7 +2176,7 @@ var recognizers = {
   }
 };
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/Point.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/Point.js
 var Point = function() {
   function Point2(x, y) {
     this.x = x || 0;
@@ -2269,17 +2307,25 @@ var Point = function() {
 }();
 var Point_default = Point;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/BoundingRect.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/BoundingRect.js
 var mathMin = Math.min;
 var mathMax = Math.max;
+var mathAbs = Math.abs;
+var XY = ["x", "y"];
+var WH = ["width", "height"];
 var lt = new Point_default();
 var rb = new Point_default();
 var lb = new Point_default();
 var rt = new Point_default();
-var minTv = new Point_default();
-var maxTv = new Point_default();
+var _intersectCtx = createIntersectContext();
+var _minTv = _intersectCtx.minTv;
+var _maxTv = _intersectCtx.maxTv;
+var _lenMinMax = [0, 0];
 var BoundingRect = function() {
   function BoundingRect2(x, y, width, height) {
+    boundingRectSet(this, x, y, width, height);
+  }
+  BoundingRect2.set = function(target, x, y, width, height) {
     if (width < 0) {
       x = x + width;
       width = -width;
@@ -2288,11 +2334,12 @@ var BoundingRect = function() {
       y = y + height;
       height = -height;
     }
-    this.x = x;
-    this.y = y;
-    this.width = width;
-    this.height = height;
-  }
+    target.x = x;
+    target.y = y;
+    target.width = width;
+    target.height = height;
+    return target;
+  };
   BoundingRect2.prototype.union = function(other) {
     var x = mathMin(other.x, this.x);
     var y = mathMin(other.y, this.y);
@@ -2313,94 +2360,66 @@ var BoundingRect = function() {
     BoundingRect2.applyTransform(this, this, m);
   };
   BoundingRect2.prototype.calculateTransform = function(b) {
-    var a = this;
-    var sx = b.width / a.width;
-    var sy = b.height / a.height;
-    var m = create();
-    translate(m, m, [-a.x, -a.y]);
-    scale(m, m, [sx, sy]);
-    translate(m, m, [b.x, b.y]);
-    return m;
+    return boundingRectCalculateTransform(create(), this, b);
+  };
+  BoundingRect2.prototype.intersect = function(b, mtv, opt) {
+    return BoundingRect2.intersect(this, b, mtv, opt);
   };
-  BoundingRect2.prototype.intersect = function(b, mtv) {
-    if (!b) {
+  BoundingRect2.intersect = function(a, b, mtv, opt) {
+    if (mtv) {
+      Point_default.set(mtv, 0, 0);
+    }
+    var outIntersectRect = opt && opt.outIntersectRect || null;
+    var clamp = opt && opt.clamp;
+    if (outIntersectRect) {
+      outIntersectRect.x = outIntersectRect.y = outIntersectRect.width = outIntersectRect.height = NaN;
+    }
+    if (!a || !b) {
       return false;
     }
+    if (!(a instanceof BoundingRect2)) {
+      a = boundingRectSet(_tmpIntersectA, a.x, a.y, a.width, a.height);
+    }
     if (!(b instanceof BoundingRect2)) {
-      b = BoundingRect2.create(b);
-    }
-    var a = this;
-    var ax0 = a.x;
-    var ax1 = a.x + a.width;
-    var ay0 = a.y;
-    var ay1 = a.y + a.height;
-    var bx0 = b.x;
-    var bx1 = b.x + b.width;
-    var by0 = b.y;
-    var by1 = b.y + b.height;
+      b = boundingRectSet(_tmpIntersectB, b.x, b.y, b.width, b.height);
+    }
+    var useMTV = !!mtv;
+    _intersectCtx.reset(opt, useMTV);
+    var touchThreshold = _intersectCtx.touchThreshold;
+    var ax0 = a.x + touchThreshold;
+    var ax1 = a.x + a.width - touchThreshold;
+    var ay0 = a.y + touchThreshold;
+    var ay1 = a.y + a.height - touchThreshold;
+    var bx0 = b.x + touchThreshold;
+    var bx1 = b.x + b.width - touchThreshold;
+    var by0 = b.y + touchThreshold;
+    var by1 = b.y + b.height - touchThreshold;
+    if (ax0 > ax1 || ay0 > ay1 || bx0 > bx1 || by0 > by1) {
+      return false;
+    }
     var overlap = !(ax1 < bx0 || bx1 < ax0 || ay1 < by0 || by1 < ay0);
-    if (mtv) {
-      var dMin = Infinity;
-      var dMax = 0;
-      var d0 = Math.abs(ax1 - bx0);
-      var d1 = Math.abs(bx1 - ax0);
-      var d2 = Math.abs(ay1 - by0);
-      var d3 = Math.abs(by1 - ay0);
-      var dx = Math.min(d0, d1);
-      var dy = Math.min(d2, d3);
-      if (ax1 < bx0 || bx1 < ax0) {
-        if (dx > dMax) {
-          dMax = dx;
-          if (d0 < d1) {
-            Point_default.set(maxTv, -d0, 0);
-          } else {
-            Point_default.set(maxTv, d1, 0);
-          }
-        }
-      } else {
-        if (dx < dMin) {
-          dMin = dx;
-          if (d0 < d1) {
-            Point_default.set(minTv, d0, 0);
-          } else {
-            Point_default.set(minTv, -d1, 0);
-          }
-        }
-      }
-      if (ay1 < by0 || by1 < ay0) {
-        if (dy > dMax) {
-          dMax = dy;
-          if (d2 < d3) {
-            Point_default.set(maxTv, 0, -d2);
-          } else {
-            Point_default.set(maxTv, 0, d3);
-          }
-        }
-      } else {
-        if (dx < dMin) {
-          dMin = dx;
-          if (d2 < d3) {
-            Point_default.set(minTv, 0, d2);
-          } else {
-            Point_default.set(minTv, 0, -d3);
-          }
-        }
+    if (useMTV || outIntersectRect) {
+      _lenMinMax[0] = Infinity;
+      _lenMinMax[1] = 0;
+      intersectOneDim(ax0, ax1, bx0, bx1, 0, useMTV, outIntersectRect, clamp);
+      intersectOneDim(ay0, ay1, by0, by1, 1, useMTV, outIntersectRect, clamp);
+      if (useMTV) {
+        Point_default.copy(mtv, overlap ? _intersectCtx.useDir ? _intersectCtx.dirMinTv : _minTv : _maxTv);
       }
     }
-    if (mtv) {
-      Point_default.copy(mtv, overlap ? minTv : maxTv);
-    }
     return overlap;
   };
-  BoundingRect2.prototype.contain = function(x, y) {
-    var rect = this;
+  BoundingRect2.contain = function(rect, x, y) {
     return x >= rect.x && x <= rect.x + rect.width && y >= rect.y && y <= rect.y + rect.height;
   };
+  BoundingRect2.prototype.contain = function(x, y) {
+    return BoundingRect2.contain(this, x, y);
+  };
   BoundingRect2.prototype.clone = function() {
     return new BoundingRect2(this.x, this.y, this.width, this.height);
   };
   BoundingRect2.prototype.copy = function(other) {
-    BoundingRect2.copy(this, other);
+    boundingRectCopy(this, other);
   };
   BoundingRect2.prototype.plain = function() {
     return {
@@ -2417,18 +2436,19 @@ var BoundingRect = function() {
     return this.width === 0 || this.height === 0;
   };
   BoundingRect2.create = function(rect) {
-    return new BoundingRect2(rect.x, rect.y, rect.width, rect.height);
+    return new BoundingRect2(rect ? rect.x : 0, rect ? rect.y : 0, rect ? rect.width : 0, rect ? rect.height : 0);
   };
   BoundingRect2.copy = function(target, source) {
     target.x = source.x;
     target.y = source.y;
     target.width = source.width;
     target.height = source.height;
+    return target;
   };
   BoundingRect2.applyTransform = function(target, source, m) {
     if (!m) {
       if (target !== source) {
-        BoundingRect2.copy(target, source);
+        boundingRectCopy(target, source);
       }
       return;
     }
@@ -2466,11 +2486,144 @@ var BoundingRect = function() {
     target.width = maxX - target.x;
     target.height = maxY - target.y;
   };
+  BoundingRect2.calculateTransform = function(out, a, b) {
+    var sx = b.width / a.width;
+    var sy = b.height / a.height;
+    out = identity(out || []);
+    translate(out, out, set(_tmpCalcTrans, -a.x, -a.y));
+    scale(out, out, set(_tmpCalcTrans, sx, sy));
+    translate(out, out, set(_tmpCalcTrans, b.x, b.y));
+    return out;
+  };
   return BoundingRect2;
 }();
+var boundingRectCreate = BoundingRect.create;
+var boundingRectSet = BoundingRect.set;
+var boundingRectCopy = BoundingRect.copy;
+var boundingRectCalculateTransform = BoundingRect.calculateTransform;
+var boundingRectApplyTransform = BoundingRect.applyTransform;
+var boundingRectContain = BoundingRect.contain;
+var _tmpIntersectA = new BoundingRect(0, 0, 0, 0);
+var _tmpIntersectB = new BoundingRect(0, 0, 0, 0);
+var _tmpCalcTrans = [];
+function intersectOneDim(a0, a1, b0, b1, updateDimIdx, useMTV, outIntersectRect, clamp) {
+  var d0 = mathAbs(a1 - b0);
+  var d1 = mathAbs(b1 - a0);
+  var d01min = mathMin(d0, d1);
+  var updateDim = XY[updateDimIdx];
+  var zeroDim = XY[1 - updateDimIdx];
+  var wh = WH[updateDimIdx];
+  if (a1 < b0 || b1 < a0) {
+    if (d0 < d1) {
+      if (useMTV) {
+        _maxTv[updateDim] = -d0;
+      }
+      if (clamp) {
+        outIntersectRect[updateDim] = a1;
+        outIntersectRect[wh] = 0;
+      }
+    } else {
+      if (useMTV) {
+        _maxTv[updateDim] = d1;
+      }
+      if (clamp) {
+        outIntersectRect[updateDim] = a0;
+        outIntersectRect[wh] = 0;
+      }
+    }
+  } else {
+    if (outIntersectRect) {
+      outIntersectRect[updateDim] = mathMax(a0, b0);
+      outIntersectRect[wh] = mathMin(a1, b1) - outIntersectRect[updateDim];
+    }
+    if (useMTV) {
+      if (d01min < _lenMinMax[0] || _intersectCtx.useDir) {
+        _lenMinMax[0] = mathMin(d01min, _lenMinMax[0]);
+        if (d0 < d1 || !_intersectCtx.bidirectional) {
+          _minTv[updateDim] = d0;
+          _minTv[zeroDim] = 0;
+          if (_intersectCtx.useDir) {
+            _intersectCtx.calcDirMTV();
+          }
+        }
+        if (d0 >= d1 || !_intersectCtx.bidirectional) {
+          _minTv[updateDim] = -d1;
+          _minTv[zeroDim] = 0;
+          if (_intersectCtx.useDir) {
+            _intersectCtx.calcDirMTV();
+          }
+        }
+      }
+    }
+  }
+}
+function createIntersectContext() {
+  var _direction = 0;
+  var _dirCheckVec = new Point_default();
+  var _dirTmp = new Point_default();
+  var _ctx = {
+    minTv: new Point_default(),
+    maxTv: new Point_default(),
+    useDir: false,
+    dirMinTv: new Point_default(),
+    touchThreshold: 0,
+    bidirectional: true,
+    negativeSize: false,
+    reset: function(opt, useMTV) {
+      _ctx.touchThreshold = 0;
+      if (opt && opt.touchThreshold != null) {
+        _ctx.touchThreshold = mathMax(0, opt.touchThreshold);
+      }
+      _ctx.negativeSize = false;
+      if (!useMTV) {
+        return;
+      }
+      _ctx.minTv.set(Infinity, Infinity);
+      _ctx.maxTv.set(0, 0);
+      _ctx.useDir = false;
+      if (opt && opt.direction != null) {
+        _ctx.useDir = true;
+        _ctx.dirMinTv.copy(_ctx.minTv);
+        _dirTmp.copy(_ctx.minTv);
+        _direction = opt.direction;
+        _ctx.bidirectional = opt.bidirectional == null || !!opt.bidirectional;
+        if (!_ctx.bidirectional) {
+          _dirCheckVec.set(Math.cos(_direction), Math.sin(_direction));
+        }
+      }
+    },
+    calcDirMTV: function() {
+      var minTv = _ctx.minTv;
+      var dirMinTv = _ctx.dirMinTv;
+      var squareMag = minTv.y * minTv.y + minTv.x * minTv.x;
+      var dirSin = Math.sin(_direction);
+      var dirCos = Math.cos(_direction);
+      var dotProd = dirSin * minTv.y + dirCos * minTv.x;
+      if (nearZero(dotProd)) {
+        if (nearZero(minTv.x) && nearZero(minTv.y)) {
+          dirMinTv.set(0, 0);
+        }
+        return;
+      }
+      _dirTmp.x = squareMag * dirCos / dotProd;
+      _dirTmp.y = squareMag * dirSin / dotProd;
+      if (nearZero(_dirTmp.x) && nearZero(_dirTmp.y)) {
+        dirMinTv.set(0, 0);
+        return;
+      }
+      if ((_ctx.bidirectional || _dirCheckVec.dot(_dirTmp) > 0) && _dirTmp.len() < dirMinTv.len()) {
+        dirMinTv.copy(_dirTmp);
+      }
+    }
+  };
+  function nearZero(val) {
+    return mathAbs(val) < 1e-10;
+  }
+  return _ctx;
+}
 var BoundingRect_default = BoundingRect;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/Handler.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/Handler.js
 var SILENT = "silent";
 function makeEventPacket(eveType, targetInfo, event) {
   return {
@@ -2732,7 +2885,7 @@ function isHover(displayable, x, y) {
         isSilent = true;
       }
       var hostEl = el.__hostTarget;
-      el = hostEl ? hostEl : el.parent;
+      el = hostEl ? el.ignoreHostSilent ? null : hostEl : el.parent;
     }
     return isSilent ? SILENT : true;
   }
@@ -2757,7 +2910,7 @@ function isOutsideBoundary(handlerInstance, x, y) {
 }
 var Handler_default = Handler;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/timsort.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/timsort.js
 var DEFAULT_MIN_MERGE = 32;
 var DEFAULT_MIN_GALLOPING = 7;
 function minRunLength(n) {
@@ -3266,12 +3419,12 @@ function sort(array, compare, lo, hi) {
   ts.forceMergeRuns();
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/constants.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/constants.js
 var REDRAW_BIT = 1;
 var STYLE_CHANGED_BIT = 2;
 var SHAPE_CHANGED_BIT = 4;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/Storage.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/Storage.js
 var invalidZErrorLogged = false;
 function logInvalidZError() {
   if (invalidZErrorLogged) {
@@ -3319,7 +3472,7 @@ var Storage = function() {
     displayList.length = this._displayListLen;
     sort(displayList, shapeCompareFunc);
   };
-  Storage2.prototype._updateAndAddDisplayable = function(el, clipPaths, includeIgnore) {
+  Storage2.prototype._updateAndAddDisplayable = function(el, parentClipPaths, includeIgnore) {
     if (el.ignore && !includeIgnore) {
       return;
     }
@@ -3327,24 +3480,31 @@ var Storage = function() {
     el.update();
     el.afterUpdate();
     var userSetClipPath = el.getClipPath();
-    if (el.ignoreClip) {
-      clipPaths = null;
-    } else if (userSetClipPath) {
-      if (clipPaths) {
-        clipPaths = clipPaths.slice();
-      } else {
-        clipPaths = [];
+    var parentHasClipPaths = parentClipPaths && parentClipPaths.length;
+    var clipPathIdx = 0;
+    var thisClipPaths = el.__clipPaths;
+    if (!el.ignoreClip && (parentHasClipPaths || userSetClipPath)) {
+      if (!thisClipPaths) {
+        thisClipPaths = el.__clipPaths = [];
+      }
+      if (parentHasClipPaths) {
+        for (var idx = 0; idx < parentClipPaths.length; idx++) {
+          thisClipPaths[clipPathIdx++] = parentClipPaths[idx];
+        }
       }
       var currentClipPath = userSetClipPath;
       var parentClipPath = el;
       while (currentClipPath) {
         currentClipPath.parent = parentClipPath;
         currentClipPath.updateTransform();
-        clipPaths.push(currentClipPath);
+        thisClipPaths[clipPathIdx++] = currentClipPath;
         parentClipPath = currentClipPath;
         currentClipPath = currentClipPath.getClipPath();
       }
     }
+    if (thisClipPaths) {
+      thisClipPaths.length = clipPathIdx;
+    }
     if (el.childrenRef) {
       var children = el.childrenRef();
       for (var i = 0; i < children.length; i++) {
@@ -3352,16 +3512,11 @@ var Storage = function() {
         if (el.__dirty) {
           child.__dirty |= REDRAW_BIT;
         }
-        this._updateAndAddDisplayable(child, clipPaths, includeIgnore);
+        this._updateAndAddDisplayable(child, thisClipPaths, includeIgnore);
       }
       el.__dirty = 0;
     } else {
       var disp = el;
-      if (clipPaths && clipPaths.length) {
-        disp.__clipPaths = clipPaths;
-      } else if (disp.__clipPaths && disp.__clipPaths.length > 0) {
-        disp.__clipPaths = [];
-      }
       if (isNaN(disp.z)) {
         logInvalidZError();
         disp.z = 0;
@@ -3378,15 +3533,15 @@ var Storage = function() {
     }
     var decalEl = el.getDecalElement && el.getDecalElement();
     if (decalEl) {
-      this._updateAndAddDisplayable(decalEl, clipPaths, includeIgnore);
+      this._updateAndAddDisplayable(decalEl, thisClipPaths, includeIgnore);
     }
     var textGuide = el.getTextGuideLine();
     if (textGuide) {
-      this._updateAndAddDisplayable(textGuide, clipPaths, includeIgnore);
+      this._updateAndAddDisplayable(textGuide, thisClipPaths, includeIgnore);
     }
     var textEl = el.getTextContent();
     if (textEl) {
-      this._updateAndAddDisplayable(textEl, clipPaths, includeIgnore);
+      this._updateAndAddDisplayable(textEl, thisClipPaths, includeIgnore);
     }
   };
   Storage2.prototype.addRoot = function(el) {
@@ -3424,14 +3579,14 @@ var Storage = function() {
 }();
 var Storage_default = Storage;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/animation/requestAnimationFrame.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/animation/requestAnimationFrame.js
 var requestAnimationFrame;
 requestAnimationFrame = env_default.hasGlobalWindow && (window.requestAnimationFrame && window.requestAnimationFrame.bind(window) || window.msRequestAnimationFrame && window.msRequestAnimationFrame.bind(window) || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame) || function(func) {
   return setTimeout(func, 16);
 };
 var requestAnimationFrame_default = requestAnimationFrame;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/animation/easing.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/animation/easing.js
 var easingFuncs = {
   linear: function(k) {
     return k;
@@ -3618,10 +3773,10 @@ var easingFuncs = {
 };
 var easing_default = easingFuncs;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/curve.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/curve.js
 var mathPow = Math.pow;
 var mathSqrt = Math.sqrt;
-var EPSILON = 1e-8;
+var EPSILON2 = 1e-8;
 var EPSILON_NUMERIC = 1e-4;
 var THREE_SQRT = mathSqrt(3);
 var ONE_THIRD = 1 / 3;
@@ -3629,10 +3784,10 @@ var _v0 = create2();
 var _v1 = create2();
 var _v2 = create2();
 function isAroundZero(val) {
-  return val > -EPSILON && val < EPSILON;
+  return val > -EPSILON2 && val < EPSILON2;
 }
 function isNotAroundZero(val) {
-  return val > EPSILON || val < -EPSILON;
+  return val > EPSILON2 || val < -EPSILON2;
 }
 function cubicAt(p0, p1, p2, p3, t) {
   var onet = 1 - t;
@@ -3947,7 +4102,7 @@ function quadraticLength(x0, y0, x1, y1, x2, y2, iteration) {
   return d;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/animation/cubicEasing.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/animation/cubicEasing.js
 var regexp = /cubic-bezier\(([0-9,\.e ]+)\)/;
 function createCubicEasingFunc(cubicEasingStr) {
   var cubic = cubicEasingStr && regexp.exec(cubicEasingStr);
@@ -3967,7 +4122,7 @@ function createCubicEasingFunc(cubicEasingStr) {
   }
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/animation/Clip.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/animation/Clip.js
 var Clip = function() {
   function Clip2(opts) {
     this._inited = false;
@@ -4027,7 +4182,7 @@ var Clip = function() {
 }();
 var Clip_default = Clip;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/svg/helper.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/svg/helper.js
 var mathRound = Math.round;
 function normalizeColor(color) {
   var opacity;
@@ -4045,9 +4200,9 @@ function normalizeColor(color) {
     opacity: opacity == null ? 1 : opacity
   };
 }
-var EPSILON2 = 1e-4;
+var EPSILON3 = 1e-4;
 function isAroundZero2(transform) {
-  return transform < EPSILON2 && transform > -EPSILON2;
+  return transform < EPSILON3 && transform > -EPSILON3;
 }
 function round3(transform) {
   return mathRound(transform * 1e3) / 1e3;
@@ -4137,14 +4292,14 @@ function getSRTTransformString(transform) {
   return res.join(" ");
 }
 var encodeBase64 = function() {
-  if (env_default.hasGlobalWindow && isFunction(window.btoa)) {
+  if (typeof Buffer !== "undefined" && typeof Buffer.from === "function") {
     return function(str) {
-      return window.btoa(unescape(encodeURIComponent(str)));
+      return Buffer.from(str).toString("base64");
     };
   }
-  if (typeof Buffer !== "undefined") {
+  if (typeof btoa === "function" && typeof unescape === "function" && typeof encodeURIComponent === "function") {
     return function(str) {
-      return Buffer.from(str).toString("base64");
+      return btoa(unescape(encodeURIComponent(str)));
     };
   }
   return function(str) {
@@ -4155,7 +4310,7 @@ var encodeBase64 = function() {
   };
 }();
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/animation/Animator.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/animation/Animator.js
 var arraySlice = Array.prototype.slice;
 function interpolateNumber(p0, p1, percent) {
   return (p1 - p0) * percent + p0;
@@ -4849,7 +5004,7 @@ var Animator = function() {
 }();
 var Animator_default = Animator;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/animation/Animation.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/animation/Animation.js
 function getTime() {
   return (/* @__PURE__ */ new Date()).getTime();
 }
@@ -4990,7 +5145,7 @@ var Animation = function(_super) {
 }(Eventful_default);
 var Animation_default = Animation;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/dom/HandlerProxy.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/dom/HandlerProxy.js
 var TOUCH_CLICK_DELAY = 300;
 var globalEventSupported = env_default.domSupported;
 var localNativeListenerNames = function() {
@@ -5285,7 +5440,7 @@ var HandlerDomProxy = function(_super) {
 }(Eventful_default);
 var HandlerProxy_default = HandlerDomProxy;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/config.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/config.js
 var dpr = 1;
 if (env_default.hasGlobalWindow) {
   dpr = Math.max(window.devicePixelRatio || window.screen && window.screen.deviceXDPI / window.screen.logicalXDPI || 1, 1);
@@ -5296,11 +5451,11 @@ var DARK_LABEL_COLOR = "#333";
 var LIGHT_LABEL_COLOR = "#ccc";
 var LIGHTER_LABEL_COLOR = "#eee";
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/Transformable.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/Transformable.js
 var mIdentity = identity;
-var EPSILON3 = 5e-5;
+var EPSILON4 = 5e-5;
 function isNotAroundZero2(val) {
-  return val > EPSILON3 || val < -EPSILON3;
+  return val > EPSILON4 || val < -EPSILON4;
 }
 var scaleTmp = [];
 var tmpTransform = [];
@@ -5310,7 +5465,7 @@ var Transformable = function() {
   function Transformable2() {
   }
   Transformable2.prototype.getLocalTransform = function(m) {
-    return Transformable2.getLocalTransform(this, m);
+    return transformableGetLocalTransform(this, m);
   };
   Transformable2.prototype.setPosition = function(arr) {
     this.x = arr[0];
@@ -5357,6 +5512,8 @@ var Transformable = function() {
     }
     this.transform = m;
     this._resolveGlobalScaleRatio(m);
+    this.invTransform = this.invTransform || create();
+    invert(this.invTransform, m);
   };
   Transformable2.prototype._resolveGlobalScaleRatio = function(m) {
     var globalScaleRatio = this.globalScaleRatio;
@@ -5371,8 +5528,6 @@ var Transformable = function() {
       m[2] *= sy;
       m[3] *= sy;
     }
-    this.invTransform = this.invTransform || create();
-    invert(this.invTransform, m);
   };
   Transformable2.prototype.getComputedTransform = function() {
     var transformNode = this;
@@ -5507,6 +5662,10 @@ var Transformable = function() {
   }();
   return Transformable2;
 }();
+var transformableGetLocalTransform = Transformable.getLocalTransform;
+function transformableCreate() {
+  return new Transformable();
+}
 var TRANSFORMABLE_PROPS = [
   "x",
   "y",
@@ -5521,30 +5680,69 @@ var TRANSFORMABLE_PROPS = [
   "skewY"
 ];
 function copyTransform(target, source) {
-  for (var i = 0; i < TRANSFORMABLE_PROPS.length; i++) {
-    var propName = TRANSFORMABLE_PROPS[i];
-    target[propName] = source[propName];
-  }
+  return assignProps(target, source, TRANSFORMABLE_PROPS);
 }
 var Transformable_default = Transformable;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/text.js
-var textWidthCache = {};
-function getWidth(text, font) {
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/text.js
+function ensureFontMeasureInfo(font) {
+  if (!_fontMeasureInfoCache) {
+    _fontMeasureInfoCache = new LRU_default(100);
+  }
   font = font || DEFAULT_FONT;
-  var cacheOfFont = textWidthCache[font];
-  if (!cacheOfFont) {
-    cacheOfFont = textWidthCache[font] = new LRU_default(500);
+  var measureInfo = _fontMeasureInfoCache.get(font);
+  if (!measureInfo) {
+    measureInfo = {
+      font,
+      strWidthCache: new LRU_default(500),
+      asciiWidthMap: null,
+      asciiWidthMapTried: false,
+      stWideCharWidth: platformApi.measureText("国", font).width,
+      asciiCharWidth: platformApi.measureText("a", font).width
+    };
+    _fontMeasureInfoCache.put(font, measureInfo);
   }
-  var width = cacheOfFont.get(text);
+  return measureInfo;
+}
+var _fontMeasureInfoCache;
+function tryCreateASCIIWidthMap(font) {
+  if (_getASCIIWidthMapLongCount >= GET_ASCII_WIDTH_LONG_COUNT_MAX) {
+    return;
+  }
+  font = font || DEFAULT_FONT;
+  var asciiWidthMap = [];
+  var start2 = +/* @__PURE__ */ new Date();
+  for (var code = 0; code <= 127; code++) {
+    asciiWidthMap[code] = platformApi.measureText(String.fromCharCode(code), font).width;
+  }
+  var cost = +/* @__PURE__ */ new Date() - start2;
+  if (cost > 16) {
+    _getASCIIWidthMapLongCount = GET_ASCII_WIDTH_LONG_COUNT_MAX;
+  } else if (cost > 2) {
+    _getASCIIWidthMapLongCount++;
+  }
+  return asciiWidthMap;
+}
+var _getASCIIWidthMapLongCount = 0;
+var GET_ASCII_WIDTH_LONG_COUNT_MAX = 5;
+function measureCharWidth(fontMeasureInfo, charCode) {
+  if (!fontMeasureInfo.asciiWidthMapTried) {
+    fontMeasureInfo.asciiWidthMap = tryCreateASCIIWidthMap(fontMeasureInfo.font);
+    fontMeasureInfo.asciiWidthMapTried = true;
+  }
+  return 0 <= charCode && charCode <= 127 ? fontMeasureInfo.asciiWidthMap != null ? fontMeasureInfo.asciiWidthMap[charCode] : fontMeasureInfo.asciiCharWidth : fontMeasureInfo.stWideCharWidth;
+}
+function measureWidth(fontMeasureInfo, text) {
+  var strWidthCache = fontMeasureInfo.strWidthCache;
+  var width = strWidthCache.get(text);
   if (width == null) {
-    width = platformApi.measureText(text, font).width;
-    cacheOfFont.put(text, width);
+    width = platformApi.measureText(text, fontMeasureInfo.font).width;
+    strWidthCache.put(text, width);
   }
   return width;
 }
 function innerGetBoundingRect(text, font, textAlign, textBaseline) {
-  var width = getWidth(text, font);
+  var width = measureWidth(ensureFontMeasureInfo(font), text);
   var height = getLineHeight(font);
   var x = adjustTextX(0, width, textAlign);
   var y = adjustTextY2(0, height, textBaseline);
@@ -5565,24 +5763,24 @@ function getBoundingRect(text, font, textAlign, textBaseline) {
     return uniondRect;
   }
 }
-function adjustTextX(x, width, textAlign) {
+function adjustTextX(x, width, textAlign, inverse) {
   if (textAlign === "right") {
-    x -= width;
+    !inverse ? x -= width : x += width;
   } else if (textAlign === "center") {
-    x -= width / 2;
+    !inverse ? x -= width / 2 : x += width / 2;
   }
   return x;
 }
-function adjustTextY2(y, height, verticalAlign) {
+function adjustTextY2(y, height, verticalAlign, inverse) {
   if (verticalAlign === "middle") {
-    y -= height / 2;
+    !inverse ? y -= height / 2 : y += height / 2;
   } else if (verticalAlign === "bottom") {
-    y -= height;
+    !inverse ? y -= height : y += height;
   }
   return y;
 }
 function getLineHeight(font) {
-  return getWidth("国", font);
+  return ensureFontMeasureInfo(font).stWideCharWidth;
 }
 function parsePercent(value, maxValue) {
   if (typeof value === "string") {
@@ -5690,7 +5888,7 @@ function calculateTextPosition(out, opts, rect) {
   return out;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/Element.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/Element.js
 var PRESERVED_NORMAL_STATE = "__zr_normal__";
 var PRIMARY_STATES_KEYS = TRANSFORMABLE_PROPS.concat(["ignore"]);
 var DEFAULT_ANIMATABLE_MAP = reduce(TRANSFORMABLE_PROPS, function(obj, key) {
@@ -5699,6 +5897,9 @@ var DEFAULT_ANIMATABLE_MAP = reduce(TRANSFORMABLE_PROPS, function(obj, key) {
 }, { ignore: false });
 var tmpTextPosCalcRes = {};
 var tmpBoundingRect = new BoundingRect_default(0, 0, 0, 0);
+var tmpInnerTextTrans = [];
+var IN_HOVER_LAYER_KIND_NO = 0;
+var IN_HOVER_LAYER_KIND_ONLY_STYLE_CHANGE = 1;
 var Element = function() {
   function Element2(props) {
     this.id = guid();
@@ -5753,8 +5954,11 @@ var Element = function() {
       innerTransformable.parent = isLocal ? this : null;
       var innerOrigin = false;
       innerTransformable.copyTransform(textEl);
-      if (textConfig.position != null) {
-        var layoutRect = tmpBoundingRect;
+      var hasPosition = textConfig.position != null;
+      var autoOverflowArea = textConfig.autoOverflowArea;
+      var layoutRect = void 0;
+      if (autoOverflowArea || hasPosition) {
+        layoutRect = tmpBoundingRect;
         if (textConfig.layoutRect) {
           layoutRect.copy(textConfig.layoutRect);
         } else {
@@ -5763,6 +5967,8 @@ var Element = function() {
         if (!isLocal) {
           layoutRect.applyTransform(this.transform);
         }
+      }
+      if (hasPosition) {
         if (this.calculateTextPosition) {
           this.calculateTextPosition(tmpTextPosCalcRes, textConfig, layoutRect);
         } else {
@@ -5800,8 +6006,17 @@ var Element = function() {
           innerTransformable.originY = -textOffset[1];
         }
       }
-      var isInside = textConfig.inside == null ? typeof textConfig.position === "string" && textConfig.position.indexOf("inside") >= 0 : textConfig.inside;
       var innerTextDefaultStyle = this._innerTextDefaultStyle || (this._innerTextDefaultStyle = {});
+      if (autoOverflowArea) {
+        var overflowRect = innerTextDefaultStyle.overflowRect = innerTextDefaultStyle.overflowRect || new BoundingRect_default(0, 0, 0, 0);
+        innerTransformable.getLocalTransform(tmpInnerTextTrans);
+        invert(tmpInnerTextTrans, tmpInnerTextTrans);
+        BoundingRect_default.copy(overflowRect, layoutRect);
+        overflowRect.applyTransform(tmpInnerTextTrans);
+      } else {
+        innerTextDefaultStyle.overflowRect = null;
+      }
+      var isInside = textConfig.inside == null ? typeof textConfig.position === "string" && textConfig.position.indexOf("inside") >= 0 : textConfig.inside;
       var textFill = void 0;
       var textStroke = void 0;
       var autoStroke = void 0;
@@ -5979,18 +6194,18 @@ var Element = function() {
     if (!toNormalState) {
       this.saveCurrentToNormalState(state);
     }
-    var useHoverLayer = !!(state && state.hoverLayer || forceUseHoverLayer);
-    if (useHoverLayer) {
-      this._toggleHoverLayerFlag(true);
-    }
-    this._applyStateObj(stateName, state, this._normalState, keepCurrentStates, !noAnimation && !this.__inHover && animationCfg && animationCfg.duration > 0, animationCfg);
     var textContent = this._textContent;
+    var useHoverLayer = shouldUseHoverLayer(this, textContent, state, forceUseHoverLayer);
+    if (useHoverLayer && !this.__inHover) {
+      this.__inHover = useHoverLayer;
+    }
+    this._applyStateObj(stateName, state, this._normalState, keepCurrentStates, canTransition(this, noAnimation, animationCfg), animationCfg);
     var textGuide = this._textGuide;
     if (textContent) {
-      textContent.useState(stateName, keepCurrentStates, noAnimation, useHoverLayer);
+      textContent.useState(stateName, keepCurrentStates, noAnimation, !!useHoverLayer);
     }
     if (textGuide) {
-      textGuide.useState(stateName, keepCurrentStates, noAnimation, useHoverLayer);
+      textGuide.useState(stateName, keepCurrentStates, noAnimation, !!useHoverLayer);
     }
     if (toNormalState) {
       this.currentStates = [];
@@ -6005,7 +6220,7 @@ var Element = function() {
     this._updateAnimationTargets();
     this.markRedraw();
     if (!useHoverLayer && this.__inHover) {
-      this._toggleHoverLayerFlag(false);
+      this.__inHover = IN_HOVER_LAYER_KIND_NO;
       this.__dirty &= ~REDRAW_BIT;
     }
     return state;
@@ -6043,42 +6258,41 @@ var Element = function() {
         }
       }
       var lastStateObj = stateObjects[len2 - 1];
-      var useHoverLayer = !!(lastStateObj && lastStateObj.hoverLayer || forceUseHoverLayer);
-      if (useHoverLayer) {
-        this._toggleHoverLayerFlag(true);
+      var textContent = this._textContent;
+      var useHoverLayer = shouldUseHoverLayer(this, textContent, lastStateObj, forceUseHoverLayer);
+      if (useHoverLayer && !this.__inHover) {
+        this.__inHover = useHoverLayer;
       }
       var mergedState = this._mergeStates(stateObjects);
       var animationCfg = this.stateTransition;
       this.saveCurrentToNormalState(mergedState);
-      this._applyStateObj(states.join(","), mergedState, this._normalState, false, !noAnimation && !this.__inHover && animationCfg && animationCfg.duration > 0, animationCfg);
-      var textContent = this._textContent;
+      this._applyStateObj(states.join(","), mergedState, this._normalState, false, canTransition(this, noAnimation, animationCfg), animationCfg);
       var textGuide = this._textGuide;
       if (textContent) {
-        textContent.useStates(states, noAnimation, useHoverLayer);
+        textContent.useStates(states, noAnimation, !!useHoverLayer);
       }
       if (textGuide) {
-        textGuide.useStates(states, noAnimation, useHoverLayer);
+        textGuide.useStates(states, noAnimation, !!useHoverLayer);
       }
       this._updateAnimationTargets();
       this.currentStates = states.slice();
       this.markRedraw();
       if (!useHoverLayer && this.__inHover) {
-        this._toggleHoverLayerFlag(false);
+        this.__inHover = IN_HOVER_LAYER_KIND_NO;
         this.__dirty &= ~REDRAW_BIT;
       }
     }
   };
   Element2.prototype.isSilent = function() {
-    var isSilent = this.silent;
-    var ancestor = this.parent;
-    while (!isSilent && ancestor) {
-      if (ancestor.silent) {
-        isSilent = true;
-        break;
+    var el = this;
+    while (el) {
+      if (el.silent) {
+        return true;
       }
-      ancestor = ancestor.parent;
+      var hostEl = el.__hostTarget;
+      el = hostEl ? el.ignoreHostSilent ? null : hostEl : el.parent;
     }
-    return isSilent;
+    return false;
   };
   Element2.prototype._updateAnimationTargets = function() {
     for (var i = 0; i < this.animators.length; i++) {
@@ -6135,6 +6349,9 @@ var Element = function() {
     return mergedState;
   };
   Element2.prototype._applyStateObj = function(stateName, state, normalState, keepCurrentStates, transition, animationCfg) {
+    if (this.__inHover === IN_HOVER_LAYER_KIND_ONLY_STYLE_CHANGE) {
+      return;
+    }
     var needsRestoreToNormal = !(state && keepCurrentStates);
     if (state && state.textConfig) {
       this.textConfig = extend({}, keepCurrentStates ? this.textConfig : normalState.textConfig);
@@ -6304,17 +6521,6 @@ var Element = function() {
   Element2.prototype.dirty = function() {
     this.markRedraw();
   };
-  Element2.prototype._toggleHoverLayerFlag = function(inHover) {
-    this.__inHover = inHover;
-    var textContent = this._textContent;
-    var textGuide = this._textGuide;
-    if (textContent) {
-      textContent.__inHover = inHover;
-    }
-    if (textGuide) {
-      textGuide.__inHover = inHover;
-    }
-  };
   Element2.prototype.addSelfToZr = function(zr) {
     if (this.__zr === zr) {
       return;
@@ -6428,7 +6634,8 @@ var Element = function() {
     var elProto = Element2.prototype;
     elProto.type = "element";
     elProto.name = "";
-    elProto.ignore = elProto.silent = elProto.isGroup = elProto.draggable = elProto.dragging = elProto.ignoreClip = elProto.__inHover = false;
+    elProto.ignore = elProto.silent = elProto.ignoreHostSilent = elProto.isGroup = elProto.draggable = elProto.dragging = elProto.ignoreClip = false;
+    elProto.__inHover = IN_HOVER_LAYER_KIND_NO;
     elProto.__dirty = REDRAW_BIT;
     var logs = {};
     function logDeprecatedError(key, xKey, yKey) {
@@ -6682,9 +6889,18 @@ function animateToShallow(animatable, topKey, animateObj, target, cfg, animation
     animators.push(animator);
   }
 }
-var Element_default = Element;
-
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/Group.js
+function shouldUseHoverLayer(el, textContent, nextState, forceUseHoverLayer) {
+  return !(nextState && nextState.hoverLayer || forceUseHoverLayer) || isTextRelatedEl(el) || textContent && isTextRelatedEl(textContent) ? IN_HOVER_LAYER_KIND_NO : IN_HOVER_LAYER_KIND_ONLY_STYLE_CHANGE;
+}
+function isTextRelatedEl(el) {
+  return el.type === "text" || el.type === "tspan";
+}
+function canTransition(el, noAnimation, animationCfg) {
+  return !noAnimation && !el.__inHover && animationCfg && animationCfg.duration > 0;
+}
+var Element_default = Element;
+
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/Group.js
 var Group = function(_super) {
   __extends(Group2, _super);
   function Group2(opts) {
@@ -6859,7 +7075,7 @@ var Group = function(_super) {
 Group.prototype.type = "group";
 var Group_default = Group;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/zrender.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/zrender.js
 var painterCtors = {};
 var instances = {};
 function delInstance(id) {
@@ -6889,7 +7105,7 @@ var ZRender = function() {
     this._sleepAfterStill = 10;
     this._stillFrameAccum = 0;
     this._needsRefresh = true;
-    this._needsRefreshHover = true;
+    this._needsRefreshHover = false;
     this._darkMode = false;
     opts = opts || {};
     this.dom = dom;
@@ -6921,7 +7137,7 @@ var ZRender = function() {
     this.animation = new Animation_default({
       stage: {
         update: ssrMode ? null : function() {
-          return _this._flush(true);
+          return _this._flush(false);
         }
       }
     });
@@ -6974,16 +7190,26 @@ var ZRender = function() {
   ZRender2.prototype.isDarkMode = function() {
     return this._darkMode;
   };
-  ZRender2.prototype.refreshImmediately = function(fromInside) {
+  ZRender2.prototype.refreshImmediately = function(noAnimationUpdate) {
     if (this._disposed) {
       return;
     }
-    if (!fromInside) {
+    this._refresh({
+      animUpdate: !noAnimationUpdate,
+      refresh: true,
+      refreshHover: false
+    });
+  };
+  ZRender2.prototype._refresh = function(opt) {
+    if (opt.animUpdate) {
       this.animation.update(true);
     }
-    this._needsRefresh = false;
-    this.painter.refresh();
-    this._needsRefresh = false;
+    this._needsRefresh = this._needsRefreshHover = false;
+    this.painter.refresh({
+      refresh: opt.refresh,
+      refreshHover: opt.refreshHover
+    });
+    this._needsRefresh = this._needsRefreshHover = false;
   };
   ZRender2.prototype.refresh = function() {
     if (this._disposed) {
@@ -6996,18 +7222,20 @@ var ZRender = function() {
     if (this._disposed) {
       return;
     }
-    this._flush(false);
+    this._flush(true);
   };
-  ZRender2.prototype._flush = function(fromInside) {
+  ZRender2.prototype._flush = function(animationUpdate) {
     var triggerRendered;
     var start2 = getTime();
-    if (this._needsRefresh) {
-      triggerRendered = true;
-      this.refreshImmediately(fromInside);
-    }
-    if (this._needsRefreshHover) {
+    var needsRefresh = this._needsRefresh;
+    var needsRefreshHover = this._needsRefreshHover;
+    if (needsRefresh || needsRefreshHover) {
       triggerRendered = true;
-      this.refreshHoverImmediately();
+      this._refresh({
+        animUpdate: animationUpdate,
+        refresh: needsRefresh,
+        refreshHover: needsRefreshHover
+      });
     }
     var end2 = getTime();
     if (triggerRendered) {
@@ -7039,10 +7267,11 @@ var ZRender = function() {
     if (this._disposed) {
       return;
     }
-    this._needsRefreshHover = false;
-    if (this.painter.refreshHover && this.painter.getType() === "canvas") {
-      this.painter.refreshHover();
-    }
+    this._refresh({
+      animUpdate: false,
+      refresh: false,
+      refreshHover: true
+    });
   };
   ZRender2.prototype.resize = function(opts) {
     if (this._disposed) {
@@ -7159,9 +7388,9 @@ function getElementSSRData(el) {
 function registerSSRDataGetter(getter) {
   ssrDataGetter = getter;
 }
-var version = "5.5.0";
+var version = "6.1.0";
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/Displayable.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/Displayable.js
 var STYLE_MAGIC_KEY = "__zr_style_" + Math.round(Math.random() * 10);
 var DEFAULT_COMMON_STYLE = {
   shadowBlur: 0,
@@ -7202,7 +7431,7 @@ var Displayable = function(_super) {
       this.useStyle({});
     }
   };
-  Displayable2.prototype.beforeBrush = function() {
+  Displayable2.prototype.beforeBrush = function(param) {
   };
   Displayable2.prototype.afterBrush = function() {
   };
@@ -7215,7 +7444,7 @@ var Displayable = function(_super) {
     if (this.ignore || this.invisible || this.style.opacity === 0 || this.culling && isDisplayableCulled(this, viewWidth, viewHeight) || m && !m[0] && !m[3]) {
       return false;
     }
-    if (considerClipPath && this.__clipPaths) {
+    if (considerClipPath && this.__clipPaths && this.__clipPaths.length) {
       for (var i = 0; i < this.__clipPaths.length; ++i) {
         if (this.__clipPaths[i].isZeroArea()) {
           return false;
@@ -7341,13 +7570,12 @@ var Displayable = function(_super) {
     if (!obj[STYLE_MAGIC_KEY]) {
       obj = this.createStyle(obj);
     }
-    if (this.__inHover) {
-      this.__hoverStyle = obj;
-    } else {
-      this.style = obj;
-    }
+    this.style = obj;
     this.dirtyStyle();
   };
+  Displayable2.prototype._useHoverStyle = function(obj) {
+    this.__hoverStyle = obj;
+  };
   Displayable2.prototype.isStyleObject = function(obj) {
     return obj[STYLE_MAGIC_KEY];
   };
@@ -7362,6 +7590,7 @@ var Displayable = function(_super) {
   Displayable2.prototype._applyStateObj = function(stateName, state, normalState, keepCurrentStates, transition, animationCfg) {
     _super.prototype._applyStateObj.call(this, stateName, state, normalState, keepCurrentStates, transition, animationCfg);
     var needsRestoreToNormal = !(state && keepCurrentStates);
+    var inHoverOnlyStyleChange = this.__inHover === IN_HOVER_LAYER_KIND_ONLY_STYLE_CHANGE;
     var targetStyle;
     if (state && state.style) {
       if (transition) {
@@ -7401,17 +7630,23 @@ var Displayable = function(_super) {
           style: targetStyle
         }, animationCfg, this.getAnimationStyleProps());
       } else {
-        this.useStyle(targetStyle);
+        if (inHoverOnlyStyleChange) {
+          this._useHoverStyle(targetStyle);
+        } else {
+          this.useStyle(targetStyle);
+        }
       }
     }
-    var statesKeys = this.__inHover ? PRIMARY_STATES_KEYS_IN_HOVER_LAYER : PRIMARY_STATES_KEYS2;
-    for (var i = 0; i < statesKeys.length; i++) {
-      var key = statesKeys[i];
-      if (state && state[key] != null) {
-        this[key] = state[key];
-      } else if (needsRestoreToNormal) {
-        if (normalState[key] != null) {
-          this[key] = normalState[key];
+    if (!inHoverOnlyStyleChange) {
+      var statesKeys = this.__inHover ? PRIMARY_STATES_KEYS_IN_HOVER_LAYER : PRIMARY_STATES_KEYS2;
+      for (var i = 0; i < statesKeys.length; i++) {
+        var key = statesKeys[i];
+        if (state && state[key] != null) {
+          this[key] = state[key];
+        } else if (needsRestoreToNormal) {
+          if (normalState[key] != null) {
+            this[key] = normalState[key];
+          }
         }
       }
     }
@@ -7448,7 +7683,7 @@ var Displayable = function(_super) {
     dispProto.culling = false;
     dispProto.cursor = "pointer";
     dispProto.rectHover = false;
-    dispProto.incremental = false;
+    dispProto.incremental = 0;
     dispProto._rect = null;
     dispProto.dirtyRectTolerance = 0;
     dispProto.__dirty = REDRAW_BIT | STYLE_CHANGED_BIT;
@@ -7468,7 +7703,7 @@ function isDisplayableCulled(el, width, height) {
 }
 var Displayable_default = Displayable;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/bbox.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/bbox.js
 var mathMin2 = Math.min;
 var mathMax2 = Math.max;
 var mathSin = Math.sin;
@@ -7591,7 +7826,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min3, max3)
   }
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/core/PathProxy.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/PathProxy.js
 var CMD = {
   M: 1,
   L: 2,
@@ -7611,7 +7846,7 @@ var mathMin3 = Math.min;
 var mathMax3 = Math.max;
 var mathCos2 = Math.cos;
 var mathSin2 = Math.sin;
-var mathAbs = Math.abs;
+var mathAbs2 = Math.abs;
 var PI = Math.PI;
 var PI22 = PI * 2;
 var hasTypedArray = typeof Float32Array !== "undefined";
@@ -7664,8 +7899,8 @@ var PathProxy = function() {
   PathProxy2.prototype.setScale = function(sx, sy, segmentIgnoreThreshold) {
     segmentIgnoreThreshold = segmentIgnoreThreshold || 0;
     if (segmentIgnoreThreshold > 0) {
-      this._ux = mathAbs(segmentIgnoreThreshold / devicePixelRatio / sx) || 0;
-      this._uy = mathAbs(segmentIgnoreThreshold / devicePixelRatio / sy) || 0;
+      this._ux = mathAbs2(segmentIgnoreThreshold / devicePixelRatio / sx) || 0;
+      this._uy = mathAbs2(segmentIgnoreThreshold / devicePixelRatio / sy) || 0;
     }
   };
   PathProxy2.prototype.setDPR = function(dpr2) {
@@ -7703,8 +7938,8 @@ var PathProxy = function() {
     return this;
   };
   PathProxy2.prototype.lineTo = function(x, y) {
-    var dx = mathAbs(x - this._xi);
-    var dy = mathAbs(y - this._yi);
+    var dx = mathAbs2(x - this._xi);
+    var dy = mathAbs2(y - this._yi);
     var exceedUnit = dx > this._ux || dy > this._uy;
     this.addData(CMD.L, x, y);
     if (this._ctx && exceedUnit) {
@@ -7796,6 +8031,9 @@ var PathProxy = function() {
     return this._len;
   };
   PathProxy2.prototype.setData = function(data) {
+    if (!this._saveData) {
+      return;
+    }
     var len2 = data.length;
     if (!(this.data && this.data.length === len2) && hasTypedArray) {
       this.data = new Float32Array(len2);
@@ -7806,6 +8044,9 @@ var PathProxy = function() {
     this._len = len2;
   };
   PathProxy2.prototype.appendPath = function(path) {
+    if (!this._saveData) {
+      return;
+    }
     if (!(path instanceof Array)) {
       path = [path];
     }
@@ -7815,8 +8056,14 @@ var PathProxy = function() {
     for (var i = 0; i < len2; i++) {
       appendSize += path[i].len();
     }
-    if (hasTypedArray && this.data instanceof Float32Array) {
+    var oldData = this.data;
+    if (hasTypedArray && (oldData instanceof Float32Array || !oldData)) {
       this.data = new Float32Array(offset + appendSize);
+      if (offset > 0 && oldData) {
+        for (var k = 0; k < offset; k++) {
+          this.data[k] = oldData[k];
+        }
+      }
     }
     for (var i = 0; i < len2; i++) {
       var appendPathData = path[i].data;
@@ -7981,7 +8228,7 @@ var PathProxy = function() {
           var y2 = data[i++];
           var dx = x2 - xi;
           var dy = y2 - yi;
-          if (mathAbs(dx) > ux || mathAbs(dy) > uy || i === len2 - 1) {
+          if (mathAbs2(dx) > ux || mathAbs2(dy) > uy || i === len2 - 1) {
             l = Math.sqrt(dx * dx + dy * dy);
             xi = x2;
             yi = y2;
@@ -8106,8 +8353,8 @@ var PathProxy = function() {
           case CMD.L: {
             x = d[i++];
             y = d[i++];
-            var dx = mathAbs(x - xi);
-            var dy = mathAbs(y - yi);
+            var dx = mathAbs2(x - xi);
+            var dy = mathAbs2(y - yi);
             if (dx > ux || dy > uy) {
               if (drawPart) {
                 var l = pathSegLen[segCount++];
@@ -8186,7 +8433,7 @@ var PathProxy = function() {
             var psi = d[i++];
             var anticlockwise = !d[i++];
             var r = rx > ry ? rx : ry;
-            var isEllipse = mathAbs(rx - ry) > 1e-3;
+            var isEllipse = mathAbs2(rx - ry) > 1e-3;
             var endAngle = startAngle + delta;
             var breakBuild = false;
             if (drawPart) {
@@ -8266,6 +8513,9 @@ var PathProxy = function() {
     newProxy._len = this._len;
     return newProxy;
   };
+  PathProxy2.prototype.canSave = function() {
+    return !!this._saveData;
+  };
   PathProxy2.CMD = CMD;
   PathProxy2.initDefaultProps = function() {
     var proto = PathProxy2.prototype;
@@ -8279,7 +8529,7 @@ var PathProxy = function() {
 }();
 var PathProxy_default = PathProxy;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/helper/image.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/helper/image.js
 var globalImageCache = new LRU_default(50);
 function findExistImage(newImageOrSrc) {
   if (typeof newImageOrSrc === "string") {
@@ -8329,7 +8579,7 @@ function isImageReady(image) {
   return image && image.width && image.height;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/canvas/helper.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/canvas/helper.js
 function isSafeNum(num) {
   return isFinite(num);
 }
@@ -8403,10 +8653,10 @@ function getSize(root, whIdx, opts) {
     return parseFloat(opts[wh]);
   }
   var stl = document.defaultView.getComputedStyle(root);
-  return (root[cwh] || parseInt10(stl[wh]) || parseInt10(root.style[wh])) - (parseInt10(stl[plt]) || 0) - (parseInt10(stl[prb]) || 0) | 0;
+  return (root[cwh] || parseInt10(stl[wh]) || parseInt10(root.style[wh])) - (parseInt10(stl[plt]) || 0) - (parseInt10(stl[prb]) || 0) || 0;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/line.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/line.js
 function containStroke(x0, y0, x1, y1, lineWidth, x, y) {
   if (lineWidth === 0) {
     return false;
@@ -8428,7 +8678,7 @@ function containStroke(x0, y0, x1, y1, lineWidth, x, y) {
   return _s <= _l / 2 * _l / 2;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/cubic.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/cubic.js
 function containStroke2(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
   if (lineWidth === 0) {
     return false;
@@ -8441,7 +8691,7 @@ function containStroke2(x0, y0, x1, y1, x2, y2, x3, y3, lineWidth, x, y) {
   return d <= _l / 2;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/quadratic.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/quadratic.js
 function containStroke3(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
   if (lineWidth === 0) {
     return false;
@@ -8454,7 +8704,7 @@ function containStroke3(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
   return d <= _l / 2;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/util.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/util.js
 var PI23 = Math.PI * 2;
 function normalizeRadian(angle) {
   angle %= PI23;
@@ -8464,7 +8714,7 @@ function normalizeRadian(angle) {
   return angle;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/arc.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/arc.js
 var PI24 = Math.PI * 2;
 function containStroke4(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidth, x, y) {
   if (lineWidth === 0) {
@@ -8498,7 +8748,7 @@ function containStroke4(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidt
   return angle >= startAngle && angle <= endAngle || angle + PI24 >= startAngle && angle + PI24 <= endAngle;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/windingLine.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/windingLine.js
 function windingLine(x0, y0, x1, y1, x, y) {
   if (y > y0 && y > y1 || y < y0 && y < y1) {
     return 0;
@@ -8515,12 +8765,12 @@ function windingLine(x0, y0, x1, y1, x, y) {
   return x_ === x ? Infinity : x_ > x ? dir : 0;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/contain/path.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/contain/path.js
 var CMD2 = PathProxy_default.CMD;
 var PI25 = Math.PI * 2;
-var EPSILON4 = 1e-4;
+var EPSILON5 = 1e-4;
 function isAroundEqual(a, b) {
-  return Math.abs(a - b) < EPSILON4;
+  return Math.abs(a - b) < EPSILON5;
 }
 var roots = [-1, -1, -1];
 var extrema = [-1, -1];
@@ -8795,7 +9045,7 @@ function containStroke5(pathProxy, lineWidth, x, y) {
   return containPath(pathProxy, lineWidth, true, x, y);
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/Path.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/Path.js
 var DEFAULT_PATH_STYLE = defaults({
   fill: "#000",
   stroke: null,
@@ -9081,6 +9331,9 @@ var Path = function(_super) {
   };
   Path2.prototype._applyStateObj = function(stateName, state, normalState, keepCurrentStates, transition, animationCfg) {
     _super.prototype._applyStateObj.call(this, stateName, state, normalState, keepCurrentStates, transition, animationCfg);
+    if (this.__inHover === IN_HOVER_LAYER_KIND_ONLY_STYLE_CHANGE) {
+      return;
+    }
     var needsRestoreToNormal = !(state && keepCurrentStates);
     var targetShape;
     if (state && state.shape) {
@@ -9177,7 +9430,7 @@ var Path = function(_super) {
 }(Displayable_default);
 var Path_default = Path;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/Image.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/Image.js
 var DEFAULT_IMAGE_STYLE = defaults({
   x: 0,
   y: 0
@@ -9244,1035 +9497,1115 @@ var ZRImage = function(_super) {
 ZRImage.prototype.type = "image";
 var Image_default = ZRImage;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/TSpan.js
-var DEFAULT_TSPAN_STYLE = defaults({
-  strokeFirst: true,
-  font: DEFAULT_FONT,
-  x: 0,
-  y: 0,
-  textAlign: "left",
-  textBaseline: "top",
-  miterLimit: 2
-}, DEFAULT_PATH_STYLE);
-var TSpan = function(_super) {
-  __extends(TSpan2, _super);
-  function TSpan2() {
-    return _super !== null && _super.apply(this, arguments) || this;
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/helper/parseText.js
+var STYLE_REG = /\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;
+function truncateText(text, containerWidth, font, ellipsis, options) {
+  var out = {};
+  truncateText2(out, text, containerWidth, font, ellipsis, options);
+  return out.text;
+}
+function truncateText2(out, text, containerWidth, font, ellipsis, options) {
+  if (!containerWidth) {
+    out.text = "";
+    out.isTruncated = false;
+    return;
   }
-  TSpan2.prototype.hasStroke = function() {
-    var style = this.style;
-    var stroke = style.stroke;
-    return stroke != null && stroke !== "none" && style.lineWidth > 0;
-  };
-  TSpan2.prototype.hasFill = function() {
-    var style = this.style;
-    var fill = style.fill;
-    return fill != null && fill !== "none";
-  };
-  TSpan2.prototype.createStyle = function(obj) {
-    return createObject(DEFAULT_TSPAN_STYLE, obj);
-  };
-  TSpan2.prototype.setBoundingRect = function(rect) {
-    this._rect = rect;
-  };
-  TSpan2.prototype.getBoundingRect = function() {
-    var style = this.style;
-    if (!this._rect) {
-      var text = style.text;
-      text != null ? text += "" : text = "";
-      var rect = getBoundingRect(text, style.font, style.textAlign, style.textBaseline);
-      rect.x += style.x || 0;
-      rect.y += style.y || 0;
-      if (this.hasStroke()) {
-        var w = style.lineWidth;
-        rect.x -= w / 2;
-        rect.y -= w / 2;
-        rect.width += w;
-        rect.height += w;
-      }
-      this._rect = rect;
-    }
-    return this._rect;
-  };
-  TSpan2.initDefaultProps = function() {
-    var tspanProto = TSpan2.prototype;
-    tspanProto.dirtyRectTolerance = 10;
-  }();
-  return TSpan2;
-}(Displayable_default);
-TSpan.prototype.type = "tspan";
-var TSpan_default = TSpan;
-
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/canvas/dashStyle.js
-function normalizeLineDash(lineType, lineWidth) {
-  if (!lineType || lineType === "solid" || !(lineWidth > 0)) {
-    return null;
+  var textLines = (text + "").split("\n");
+  options = prepareTruncateOptions(containerWidth, font, ellipsis, options);
+  var isTruncated = false;
+  var truncateOut = {};
+  for (var i = 0, len2 = textLines.length; i < len2; i++) {
+    truncateSingleLine(truncateOut, textLines[i], options);
+    textLines[i] = truncateOut.textLine;
+    isTruncated = isTruncated || truncateOut.isTruncated;
   }
-  return lineType === "dashed" ? [4 * lineWidth, 2 * lineWidth] : lineType === "dotted" ? [lineWidth] : isNumber(lineType) ? [lineType] : isArray(lineType) ? lineType : null;
+  out.text = textLines.join("\n");
+  out.isTruncated = isTruncated;
 }
-function getLineDash(el) {
-  var style = el.style;
-  var lineDash = style.lineDash && style.lineWidth > 0 && normalizeLineDash(style.lineDash, style.lineWidth);
-  var lineDashOffset = style.lineDashOffset;
-  if (lineDash) {
-    var lineScale_1 = style.strokeNoScale && el.getLineScale ? el.getLineScale() : 1;
-    if (lineScale_1 && lineScale_1 !== 1) {
-      lineDash = map(lineDash, function(rawVal) {
-        return rawVal / lineScale_1;
-      });
-      lineDashOffset /= lineScale_1;
-    }
+function prepareTruncateOptions(containerWidth, font, ellipsis, options) {
+  options = options || {};
+  var preparedOpts = extend({}, options);
+  ellipsis = retrieve2(ellipsis, "...");
+  preparedOpts.maxIterations = retrieve2(options.maxIterations, 2);
+  var minChar = preparedOpts.minChar = retrieve2(options.minChar, 0);
+  var fontMeasureInfo = preparedOpts.fontMeasureInfo = ensureFontMeasureInfo(font);
+  var ascCharWidth = fontMeasureInfo.asciiCharWidth;
+  preparedOpts.placeholder = retrieve2(options.placeholder, "");
+  var contentWidth = containerWidth = Math.max(0, containerWidth - 1);
+  for (var i = 0; i < minChar && contentWidth >= ascCharWidth; i++) {
+    contentWidth -= ascCharWidth;
   }
-  return [lineDash, lineDashOffset];
-}
-
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/canvas/graphic.js
-var pathProxyForDraw = new PathProxy_default(true);
-function styleHasStroke(style) {
-  var stroke = style.stroke;
-  return !(stroke == null || stroke === "none" || !(style.lineWidth > 0));
-}
-function isValidStrokeFillStyle(strokeOrFill) {
-  return typeof strokeOrFill === "string" && strokeOrFill !== "none";
+  var ellipsisWidth = measureWidth(fontMeasureInfo, ellipsis);
+  if (ellipsisWidth > contentWidth) {
+    ellipsis = "";
+    ellipsisWidth = 0;
+  }
+  contentWidth = containerWidth - ellipsisWidth;
+  preparedOpts.ellipsis = ellipsis;
+  preparedOpts.ellipsisWidth = ellipsisWidth;
+  preparedOpts.contentWidth = contentWidth;
+  preparedOpts.containerWidth = containerWidth;
+  return preparedOpts;
 }
-function styleHasFill(style) {
-  var fill = style.fill;
-  return fill != null && fill !== "none";
+function truncateSingleLine(out, textLine, options) {
+  var containerWidth = options.containerWidth;
+  var contentWidth = options.contentWidth;
+  var fontMeasureInfo = options.fontMeasureInfo;
+  if (!containerWidth) {
+    out.textLine = "";
+    out.isTruncated = false;
+    return;
+  }
+  var lineWidth = measureWidth(fontMeasureInfo, textLine);
+  if (lineWidth <= containerWidth) {
+    out.textLine = textLine;
+    out.isTruncated = false;
+    return;
+  }
+  for (var j = 0; ; j++) {
+    if (lineWidth <= contentWidth || j >= options.maxIterations) {
+      textLine += options.ellipsis;
+      break;
+    }
+    var subLength = j === 0 ? estimateLength(textLine, contentWidth, fontMeasureInfo) : lineWidth > 0 ? Math.floor(textLine.length * contentWidth / lineWidth) : 0;
+    textLine = textLine.substr(0, subLength);
+    lineWidth = measureWidth(fontMeasureInfo, textLine);
+  }
+  if (textLine === "") {
+    textLine = options.placeholder;
+  }
+  out.textLine = textLine;
+  out.isTruncated = true;
 }
-function doFillPath(ctx, style) {
-  if (style.fillOpacity != null && style.fillOpacity !== 1) {
-    var originalGlobalAlpha = ctx.globalAlpha;
-    ctx.globalAlpha = style.fillOpacity * style.opacity;
-    ctx.fill();
-    ctx.globalAlpha = originalGlobalAlpha;
-  } else {
-    ctx.fill();
+function estimateLength(text, contentWidth, fontMeasureInfo) {
+  var width = 0;
+  var i = 0;
+  for (var len2 = text.length; i < len2 && width < contentWidth; i++) {
+    width += measureCharWidth(fontMeasureInfo, text.charCodeAt(i));
   }
+  return i;
 }
-function doStrokePath(ctx, style) {
-  if (style.strokeOpacity != null && style.strokeOpacity !== 1) {
-    var originalGlobalAlpha = ctx.globalAlpha;
-    ctx.globalAlpha = style.strokeOpacity * style.opacity;
-    ctx.stroke();
-    ctx.globalAlpha = originalGlobalAlpha;
+function parsePlainText(rawText, style, defaultOuterWidth, defaultOuterHeight) {
+  var text = formatText(rawText);
+  var overflow = style.overflow;
+  var padding = style.padding;
+  var paddingH = padding ? padding[1] + padding[3] : 0;
+  var paddingV = padding ? padding[0] + padding[2] : 0;
+  var font = style.font;
+  var truncate = overflow === "truncate";
+  var calculatedLineHeight = getLineHeight(font);
+  var lineHeight = retrieve2(style.lineHeight, calculatedLineHeight);
+  var truncateLineOverflow = style.lineOverflow === "truncate";
+  var isTruncated = false;
+  var width = style.width;
+  if (width == null && defaultOuterWidth != null) {
+    width = defaultOuterWidth - paddingH;
+  }
+  var height = style.height;
+  if (height == null && defaultOuterHeight != null) {
+    height = defaultOuterHeight - paddingV;
+  }
+  var lines;
+  if (width != null && (overflow === "break" || overflow === "breakAll")) {
+    lines = text ? wrapText(text, style.font, width, overflow === "breakAll", 0).lines : [];
   } else {
-    ctx.stroke();
+    lines = text ? text.split("\n") : [];
   }
-}
-function createCanvasPattern(ctx, pattern, el) {
-  var image = createOrUpdateImage(pattern.image, pattern.__image, el);
-  if (isImageReady(image)) {
-    var canvasPattern = ctx.createPattern(image, pattern.repeat || "repeat");
-    if (typeof DOMMatrix === "function" && canvasPattern && canvasPattern.setTransform) {
-      var matrix = new DOMMatrix();
-      matrix.translateSelf(pattern.x || 0, pattern.y || 0);
-      matrix.rotateSelf(0, 0, (pattern.rotation || 0) * RADIAN_TO_DEGREE);
-      matrix.scaleSelf(pattern.scaleX || 1, pattern.scaleY || 1);
-      canvasPattern.setTransform(matrix);
+  var contentHeight = lines.length * lineHeight;
+  if (height == null) {
+    height = contentHeight;
+  }
+  if (contentHeight > height && truncateLineOverflow) {
+    var lineCount = Math.floor(height / lineHeight);
+    isTruncated = isTruncated || lines.length > lineCount;
+    lines = lines.slice(0, lineCount);
+    contentHeight = lines.length * lineHeight;
+  }
+  if (text && truncate && width != null) {
+    var options = prepareTruncateOptions(width, font, style.ellipsis, {
+      minChar: style.truncateMinChar,
+      placeholder: style.placeholder
+    });
+    var singleOut = {};
+    for (var i = 0; i < lines.length; i++) {
+      truncateSingleLine(singleOut, lines[i], options);
+      lines[i] = singleOut.textLine;
+      isTruncated = isTruncated || singleOut.isTruncated;
     }
-    return canvasPattern;
   }
+  var outerHeight = height;
+  var contentWidth = 0;
+  var fontMeasureInfo = ensureFontMeasureInfo(font);
+  for (var i = 0; i < lines.length; i++) {
+    contentWidth = Math.max(measureWidth(fontMeasureInfo, lines[i]), contentWidth);
+  }
+  if (width == null) {
+    width = contentWidth;
+  }
+  var outerWidth = width;
+  outerHeight += paddingV;
+  outerWidth += paddingH;
+  return {
+    lines,
+    height,
+    outerWidth,
+    outerHeight,
+    lineHeight,
+    calculatedLineHeight,
+    contentWidth,
+    contentHeight,
+    width,
+    isTruncated
+  };
 }
-function brushPath(ctx, el, style, inBatch) {
-  var _a;
-  var hasStroke = styleHasStroke(style);
-  var hasFill = styleHasFill(style);
-  var strokePercent = style.strokePercent;
-  var strokePart = strokePercent < 1;
-  var firstDraw = !el.path;
-  if ((!el.silent || strokePart) && firstDraw) {
-    el.createPathProxy();
+var RichTextToken = function() {
+  function RichTextToken2() {
   }
-  var path = el.path || pathProxyForDraw;
-  var dirtyFlag = el.__dirty;
-  if (!inBatch) {
-    var fill = style.fill;
-    var stroke = style.stroke;
-    var hasFillGradient = hasFill && !!fill.colorStops;
-    var hasStrokeGradient = hasStroke && !!stroke.colorStops;
-    var hasFillPattern = hasFill && !!fill.image;
-    var hasStrokePattern = hasStroke && !!stroke.image;
-    var fillGradient = void 0;
-    var strokeGradient = void 0;
-    var fillPattern = void 0;
-    var strokePattern = void 0;
-    var rect = void 0;
-    if (hasFillGradient || hasStrokeGradient) {
-      rect = el.getBoundingRect();
-    }
-    if (hasFillGradient) {
-      fillGradient = dirtyFlag ? getCanvasGradient(ctx, fill, rect) : el.__canvasFillGradient;
-      el.__canvasFillGradient = fillGradient;
-    }
-    if (hasStrokeGradient) {
-      strokeGradient = dirtyFlag ? getCanvasGradient(ctx, stroke, rect) : el.__canvasStrokeGradient;
-      el.__canvasStrokeGradient = strokeGradient;
-    }
-    if (hasFillPattern) {
-      fillPattern = dirtyFlag || !el.__canvasFillPattern ? createCanvasPattern(ctx, fill, el) : el.__canvasFillPattern;
-      el.__canvasFillPattern = fillPattern;
-    }
-    if (hasStrokePattern) {
-      strokePattern = dirtyFlag || !el.__canvasStrokePattern ? createCanvasPattern(ctx, stroke, el) : el.__canvasStrokePattern;
-      el.__canvasStrokePattern = fillPattern;
-    }
-    if (hasFillGradient) {
-      ctx.fillStyle = fillGradient;
-    } else if (hasFillPattern) {
-      if (fillPattern) {
-        ctx.fillStyle = fillPattern;
-      } else {
-        hasFill = false;
-      }
-    }
-    if (hasStrokeGradient) {
-      ctx.strokeStyle = strokeGradient;
-    } else if (hasStrokePattern) {
-      if (strokePattern) {
-        ctx.strokeStyle = strokePattern;
-      } else {
-        hasStroke = false;
-      }
+  return RichTextToken2;
+}();
+var RichTextLine = function() {
+  function RichTextLine2(tokens) {
+    this.tokens = [];
+    if (tokens) {
+      this.tokens = tokens;
     }
   }
-  var scale3 = el.getGlobalScale();
-  path.setScale(scale3[0], scale3[1], el.segmentIgnoreThreshold);
-  var lineDash;
-  var lineDashOffset;
-  if (ctx.setLineDash && style.lineDash) {
-    _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1];
+  return RichTextLine2;
+}();
+var RichTextContentBlock = function() {
+  function RichTextContentBlock2() {
+    this.width = 0;
+    this.height = 0;
+    this.contentWidth = 0;
+    this.contentHeight = 0;
+    this.outerWidth = 0;
+    this.outerHeight = 0;
+    this.lines = [];
+    this.isTruncated = false;
   }
-  var needsRebuild = true;
-  if (firstDraw || dirtyFlag & SHAPE_CHANGED_BIT) {
-    path.setDPR(ctx.dpr);
-    if (strokePart) {
-      path.setContext(null);
-    } else {
-      path.setContext(ctx);
-      needsRebuild = false;
-    }
-    path.reset();
-    el.buildPath(path, el.shape, inBatch);
-    path.toStatic();
-    el.pathUpdated();
+  return RichTextContentBlock2;
+}();
+function parseRichText(rawText, style, defaultOuterWidth, defaultOuterHeight, topTextAlign) {
+  var contentBlock = new RichTextContentBlock();
+  var text = formatText(rawText);
+  if (!text) {
+    return contentBlock;
   }
-  if (needsRebuild) {
-    path.rebuildPath(ctx, strokePart ? strokePercent : 1);
+  var stlPadding = style.padding;
+  var stlPaddingH = stlPadding ? stlPadding[1] + stlPadding[3] : 0;
+  var stlPaddingV = stlPadding ? stlPadding[0] + stlPadding[2] : 0;
+  var topWidth = style.width;
+  if (topWidth == null && defaultOuterWidth != null) {
+    topWidth = defaultOuterWidth - stlPaddingH;
   }
-  if (lineDash) {
-    ctx.setLineDash(lineDash);
-    ctx.lineDashOffset = lineDashOffset;
+  var topHeight = style.height;
+  if (topHeight == null && defaultOuterHeight != null) {
+    topHeight = defaultOuterHeight - stlPaddingV;
   }
-  if (!inBatch) {
-    if (style.strokeFirst) {
-      if (hasStroke) {
-        doStrokePath(ctx, style);
-      }
-      if (hasFill) {
-        doFillPath(ctx, style);
-      }
-    } else {
-      if (hasFill) {
-        doFillPath(ctx, style);
-      }
-      if (hasStroke) {
-        doStrokePath(ctx, style);
-      }
+  var overflow = style.overflow;
+  var wrapInfo = (overflow === "break" || overflow === "breakAll") && topWidth != null ? { width: topWidth, accumWidth: 0, breakAll: overflow === "breakAll" } : null;
+  var lastIndex = STYLE_REG.lastIndex = 0;
+  var result;
+  while ((result = STYLE_REG.exec(text)) != null) {
+    var matchedIndex = result.index;
+    if (matchedIndex > lastIndex) {
+      pushTokens(contentBlock, text.substring(lastIndex, matchedIndex), style, wrapInfo);
     }
+    pushTokens(contentBlock, result[2], style, wrapInfo, result[1]);
+    lastIndex = STYLE_REG.lastIndex;
   }
-  if (lineDash) {
-    ctx.setLineDash([]);
-  }
-}
-function brushImage(ctx, el, style) {
-  var image = el.__image = createOrUpdateImage(style.image, el.__image, el, el.onload);
-  if (!image || !isImageReady(image)) {
-    return;
+  if (lastIndex < text.length) {
+    pushTokens(contentBlock, text.substring(lastIndex, text.length), style, wrapInfo);
   }
-  var x = style.x || 0;
-  var y = style.y || 0;
-  var width = el.getWidth();
-  var height = el.getHeight();
-  var aspect = image.width / image.height;
-  if (width == null && height != null) {
-    width = height * aspect;
-  } else if (height == null && width != null) {
-    height = width / aspect;
-  } else if (width == null && height == null) {
-    width = image.width;
-    height = image.height;
+  var pendingList = [];
+  var calculatedHeight = 0;
+  var calculatedWidth = 0;
+  var truncate = overflow === "truncate";
+  var truncateLine = style.lineOverflow === "truncate";
+  var tmpTruncateOut = {};
+  function finishLine(line2, lineWidth2, lineHeight2) {
+    line2.width = lineWidth2;
+    line2.lineHeight = lineHeight2;
+    calculatedHeight += lineHeight2;
+    calculatedWidth = Math.max(calculatedWidth, lineWidth2);
   }
-  if (style.sWidth && style.sHeight) {
-    var sx = style.sx || 0;
-    var sy = style.sy || 0;
-    ctx.drawImage(image, sx, sy, style.sWidth, style.sHeight, x, y, width, height);
-  } else if (style.sx && style.sy) {
-    var sx = style.sx;
-    var sy = style.sy;
-    var sWidth = width - sx;
-    var sHeight = height - sy;
-    ctx.drawImage(image, sx, sy, sWidth, sHeight, x, y, width, height);
-  } else {
-    ctx.drawImage(image, x, y, width, height);
+  outer:
+    for (var i = 0; i < contentBlock.lines.length; i++) {
+      var line = contentBlock.lines[i];
+      var lineHeight = 0;
+      var lineWidth = 0;
+      for (var j = 0; j < line.tokens.length; j++) {
+        var token = line.tokens[j];
+        var tokenStyle = token.styleName && style.rich[token.styleName] || {};
+        var textPadding = token.textPadding = tokenStyle.padding;
+        var paddingH = textPadding ? textPadding[1] + textPadding[3] : 0;
+        var font = token.font = tokenStyle.font || style.font;
+        token.contentHeight = getLineHeight(font);
+        var tokenHeight = retrieve2(tokenStyle.height, token.contentHeight);
+        token.innerHeight = tokenHeight;
+        textPadding && (tokenHeight += textPadding[0] + textPadding[2]);
+        token.height = tokenHeight;
+        token.lineHeight = retrieve3(tokenStyle.lineHeight, style.lineHeight, tokenHeight);
+        token.align = tokenStyle && tokenStyle.align || topTextAlign;
+        token.verticalAlign = tokenStyle && tokenStyle.verticalAlign || "middle";
+        if (truncateLine && topHeight != null && calculatedHeight + token.lineHeight > topHeight) {
+          var originalLength = contentBlock.lines.length;
+          if (j > 0) {
+            line.tokens = line.tokens.slice(0, j);
+            finishLine(line, lineWidth, lineHeight);
+            contentBlock.lines = contentBlock.lines.slice(0, i + 1);
+          } else {
+            contentBlock.lines = contentBlock.lines.slice(0, i);
+          }
+          contentBlock.isTruncated = contentBlock.isTruncated || contentBlock.lines.length < originalLength;
+          break outer;
+        }
+        var styleTokenWidth = tokenStyle.width;
+        var tokenWidthNotSpecified = styleTokenWidth == null || styleTokenWidth === "auto";
+        if (typeof styleTokenWidth === "string" && styleTokenWidth.charAt(styleTokenWidth.length - 1) === "%") {
+          token.percentWidth = styleTokenWidth;
+          pendingList.push(token);
+          token.contentWidth = measureWidth(ensureFontMeasureInfo(font), token.text);
+        } else {
+          if (tokenWidthNotSpecified) {
+            var textBackgroundColor = tokenStyle.backgroundColor;
+            var bgImg = textBackgroundColor && textBackgroundColor.image;
+            if (bgImg) {
+              bgImg = findExistImage(bgImg);
+              if (isImageReady(bgImg)) {
+                token.width = Math.max(token.width, bgImg.width * tokenHeight / bgImg.height);
+              }
+            }
+          }
+          var remainTruncWidth = truncate && topWidth != null ? topWidth - lineWidth : null;
+          if (remainTruncWidth != null && remainTruncWidth < token.width) {
+            if (!tokenWidthNotSpecified || remainTruncWidth < paddingH) {
+              token.text = "";
+              token.width = token.contentWidth = 0;
+            } else {
+              truncateText2(tmpTruncateOut, token.text, remainTruncWidth - paddingH, font, style.ellipsis, { minChar: style.truncateMinChar });
+              token.text = tmpTruncateOut.text;
+              contentBlock.isTruncated = contentBlock.isTruncated || tmpTruncateOut.isTruncated;
+              token.width = token.contentWidth = measureWidth(ensureFontMeasureInfo(font), token.text);
+            }
+          } else {
+            token.contentWidth = measureWidth(ensureFontMeasureInfo(font), token.text);
+          }
+        }
+        token.width += paddingH;
+        lineWidth += token.width;
+        tokenStyle && (lineHeight = Math.max(lineHeight, token.lineHeight));
+      }
+      finishLine(line, lineWidth, lineHeight);
+    }
+  contentBlock.outerWidth = contentBlock.width = retrieve2(topWidth, calculatedWidth);
+  contentBlock.outerHeight = contentBlock.height = retrieve2(topHeight, calculatedHeight);
+  contentBlock.contentHeight = calculatedHeight;
+  contentBlock.contentWidth = calculatedWidth;
+  contentBlock.outerWidth += stlPaddingH;
+  contentBlock.outerHeight += stlPaddingV;
+  for (var i = 0; i < pendingList.length; i++) {
+    var token = pendingList[i];
+    var percentWidth = token.percentWidth;
+    token.width = parseInt(percentWidth, 10) / 100 * contentBlock.width;
   }
+  return contentBlock;
 }
-function brushText(ctx, el, style) {
-  var _a;
-  var text = style.text;
-  text != null && (text += "");
-  if (text) {
-    ctx.font = style.font || DEFAULT_FONT;
-    ctx.textAlign = style.textAlign;
-    ctx.textBaseline = style.textBaseline;
-    var lineDash = void 0;
-    var lineDashOffset = void 0;
-    if (ctx.setLineDash && style.lineDash) {
-      _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1];
-    }
-    if (lineDash) {
-      ctx.setLineDash(lineDash);
-      ctx.lineDashOffset = lineDashOffset;
-    }
-    if (style.strokeFirst) {
-      if (styleHasStroke(style)) {
-        ctx.strokeText(text, style.x, style.y);
-      }
-      if (styleHasFill(style)) {
-        ctx.fillText(text, style.x, style.y);
+function pushTokens(block, str, style, wrapInfo, styleName) {
+  var isEmptyStr = str === "";
+  var tokenStyle = styleName && style.rich[styleName] || {};
+  var lines = block.lines;
+  var font = tokenStyle.font || style.font;
+  var newLine = false;
+  var strLines;
+  var linesWidths;
+  if (wrapInfo) {
+    var tokenPadding = tokenStyle.padding;
+    var tokenPaddingH = tokenPadding ? tokenPadding[1] + tokenPadding[3] : 0;
+    if (tokenStyle.width != null && tokenStyle.width !== "auto") {
+      var outerWidth_1 = parsePercent(tokenStyle.width, wrapInfo.width) + tokenPaddingH;
+      if (lines.length > 0) {
+        if (outerWidth_1 + wrapInfo.accumWidth > wrapInfo.width) {
+          strLines = str.split("\n");
+          newLine = true;
+        }
       }
+      wrapInfo.accumWidth = outerWidth_1;
     } else {
-      if (styleHasFill(style)) {
-        ctx.fillText(text, style.x, style.y);
-      }
-      if (styleHasStroke(style)) {
-        ctx.strokeText(text, style.x, style.y);
-      }
+      var res = wrapText(str, font, wrapInfo.width, wrapInfo.breakAll, wrapInfo.accumWidth);
+      wrapInfo.accumWidth = res.accumWidth + tokenPaddingH;
+      linesWidths = res.linesWidths;
+      strLines = res.lines;
     }
-    if (lineDash) {
-      ctx.setLineDash([]);
+  }
+  if (!strLines) {
+    strLines = str.split("\n");
+  }
+  var fontMeasureInfo = ensureFontMeasureInfo(font);
+  for (var i = 0; i < strLines.length; i++) {
+    var text = strLines[i];
+    var token = new RichTextToken();
+    token.styleName = styleName;
+    token.text = text;
+    token.isLineHolder = !text && !isEmptyStr;
+    if (typeof tokenStyle.width === "number") {
+      token.width = tokenStyle.width;
+    } else {
+      token.width = linesWidths ? linesWidths[i] : measureWidth(fontMeasureInfo, text);
+    }
+    if (!i && !newLine) {
+      var tokens = (lines[lines.length - 1] || (lines[0] = new RichTextLine())).tokens;
+      var tokensLen = tokens.length;
+      tokensLen === 1 && tokens[0].isLineHolder ? tokens[0] = token : (text || !tokensLen || isEmptyStr) && tokens.push(token);
+    } else {
+      lines.push(new RichTextLine([token]));
     }
   }
 }
-var SHADOW_NUMBER_PROPS = ["shadowBlur", "shadowOffsetX", "shadowOffsetY"];
-var STROKE_PROPS = [
-  ["lineCap", "butt"],
-  ["lineJoin", "miter"],
-  ["miterLimit", 10]
-];
-function bindCommonProps(ctx, style, prevStyle, forceSetAll, scope) {
-  var styleChanged = false;
-  if (!forceSetAll) {
-    prevStyle = prevStyle || {};
-    if (style === prevStyle) {
-      return false;
+function isAlphabeticLetter(ch) {
+  var code = ch.charCodeAt(0);
+  return code >= 32 && code <= 591 || code >= 880 && code <= 4351 || code >= 4608 && code <= 5119 || code >= 7680 && code <= 8303;
+}
+var breakCharMap = reduce(",&?/;] ".split(""), function(obj, ch) {
+  obj[ch] = true;
+  return obj;
+}, {});
+function isWordBreakChar(ch) {
+  if (isAlphabeticLetter(ch)) {
+    if (breakCharMap[ch]) {
+      return true;
     }
+    return false;
   }
-  if (forceSetAll || style.opacity !== prevStyle.opacity) {
-    flushPathDrawn(ctx, scope);
-    styleChanged = true;
-    var opacity = Math.max(Math.min(style.opacity, 1), 0);
-    ctx.globalAlpha = isNaN(opacity) ? DEFAULT_COMMON_STYLE.opacity : opacity;
-  }
-  if (forceSetAll || style.blend !== prevStyle.blend) {
-    if (!styleChanged) {
-      flushPathDrawn(ctx, scope);
-      styleChanged = true;
+  return true;
+}
+function wrapText(text, font, lineWidth, isBreakAll, lastAccumWidth) {
+  var lines = [];
+  var linesWidths = [];
+  var line = "";
+  var currentWord = "";
+  var currentWordWidth = 0;
+  var accumWidth = 0;
+  var fontMeasureInfo = ensureFontMeasureInfo(font);
+  for (var i = 0; i < text.length; i++) {
+    var ch = text.charAt(i);
+    if (ch === "\n") {
+      if (currentWord) {
+        line += currentWord;
+        accumWidth += currentWordWidth;
+      }
+      lines.push(line);
+      linesWidths.push(accumWidth);
+      line = "";
+      currentWord = "";
+      currentWordWidth = 0;
+      accumWidth = 0;
+      continue;
     }
-    ctx.globalCompositeOperation = style.blend || DEFAULT_COMMON_STYLE.blend;
-  }
-  for (var i = 0; i < SHADOW_NUMBER_PROPS.length; i++) {
-    var propName = SHADOW_NUMBER_PROPS[i];
-    if (forceSetAll || style[propName] !== prevStyle[propName]) {
-      if (!styleChanged) {
-        flushPathDrawn(ctx, scope);
-        styleChanged = true;
+    var chWidth = measureCharWidth(fontMeasureInfo, ch.charCodeAt(0));
+    var inWord = isBreakAll ? false : !isWordBreakChar(ch);
+    if (!lines.length ? lastAccumWidth + accumWidth + chWidth > lineWidth : accumWidth + chWidth > lineWidth) {
+      if (!accumWidth) {
+        if (inWord) {
+          lines.push(currentWord);
+          linesWidths.push(currentWordWidth);
+          currentWord = ch;
+          currentWordWidth = chWidth;
+        } else {
+          lines.push(ch);
+          linesWidths.push(chWidth);
+        }
+      } else if (line || currentWord) {
+        if (inWord) {
+          if (!line) {
+            line = currentWord;
+            currentWord = "";
+            currentWordWidth = 0;
+            accumWidth = currentWordWidth;
+          }
+          lines.push(line);
+          linesWidths.push(accumWidth - currentWordWidth);
+          currentWord += ch;
+          currentWordWidth += chWidth;
+          line = "";
+          accumWidth = currentWordWidth;
+        } else {
+          if (currentWord) {
+            line += currentWord;
+            currentWord = "";
+            currentWordWidth = 0;
+          }
+          lines.push(line);
+          linesWidths.push(accumWidth);
+          line = ch;
+          accumWidth = chWidth;
+        }
       }
-      ctx[propName] = ctx.dpr * (style[propName] || 0);
+      continue;
     }
-  }
-  if (forceSetAll || style.shadowColor !== prevStyle.shadowColor) {
-    if (!styleChanged) {
-      flushPathDrawn(ctx, scope);
-      styleChanged = true;
+    accumWidth += chWidth;
+    if (inWord) {
+      currentWord += ch;
+      currentWordWidth += chWidth;
+    } else {
+      if (currentWord) {
+        line += currentWord;
+        currentWord = "";
+        currentWordWidth = 0;
+      }
+      line += ch;
     }
-    ctx.shadowColor = style.shadowColor || DEFAULT_COMMON_STYLE.shadowColor;
   }
-  return styleChanged;
-}
-function bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetAll, scope) {
-  var style = getStyle(el, scope.inHover);
-  var prevStyle = forceSetAll ? null : prevEl && getStyle(prevEl, scope.inHover) || {};
-  if (style === prevStyle) {
-    return false;
+  if (currentWord) {
+    line += currentWord;
   }
-  var styleChanged = bindCommonProps(ctx, style, prevStyle, forceSetAll, scope);
-  if (forceSetAll || style.fill !== prevStyle.fill) {
-    if (!styleChanged) {
-      flushPathDrawn(ctx, scope);
-      styleChanged = true;
-    }
-    isValidStrokeFillStyle(style.fill) && (ctx.fillStyle = style.fill);
+  if (line) {
+    lines.push(line);
+    linesWidths.push(accumWidth);
   }
-  if (forceSetAll || style.stroke !== prevStyle.stroke) {
-    if (!styleChanged) {
-      flushPathDrawn(ctx, scope);
-      styleChanged = true;
-    }
-    isValidStrokeFillStyle(style.stroke) && (ctx.strokeStyle = style.stroke);
+  if (lines.length === 1) {
+    accumWidth += lastAccumWidth;
   }
-  if (forceSetAll || style.opacity !== prevStyle.opacity) {
-    if (!styleChanged) {
-      flushPathDrawn(ctx, scope);
-      styleChanged = true;
-    }
-    ctx.globalAlpha = style.opacity == null ? 1 : style.opacity;
+  return {
+    accumWidth,
+    lines,
+    linesWidths
+  };
+}
+function calcInnerTextOverflowArea(out, overflowRect, baseX, baseY, textAlign, textVerticalAlign) {
+  out.baseX = baseX;
+  out.baseY = baseY;
+  out.outerWidth = out.outerHeight = null;
+  if (!overflowRect) {
+    return;
+  }
+  var textWidth = overflowRect.width * 2;
+  var textHeight = overflowRect.height * 2;
+  BoundingRect_default.set(tmpCITCTextRect, adjustTextX(baseX, textWidth, textAlign), adjustTextY2(baseY, textHeight, textVerticalAlign), textWidth, textHeight);
+  BoundingRect_default.intersect(overflowRect, tmpCITCTextRect, null, tmpCITCIntersectRectOpt);
+  var outIntersectRect = tmpCITCIntersectRectOpt.outIntersectRect;
+  out.outerWidth = outIntersectRect.width;
+  out.outerHeight = outIntersectRect.height;
+  out.baseX = adjustTextX(outIntersectRect.x, outIntersectRect.width, textAlign, true);
+  out.baseY = adjustTextY2(outIntersectRect.y, outIntersectRect.height, textVerticalAlign, true);
+}
+var tmpCITCTextRect = new BoundingRect_default(0, 0, 0, 0);
+var tmpCITCIntersectRectOpt = { outIntersectRect: {}, clamp: true };
+function formatText(text) {
+  return text != null ? text += "" : text = "";
+}
+function tSpanCreateBoundingRect(style) {
+  var text = formatText(style.text);
+  var font = style.font;
+  var contentWidth = measureWidth(ensureFontMeasureInfo(font), text);
+  var contentHeight = getLineHeight(font);
+  return tSpanCreateBoundingRect2(style, contentWidth, contentHeight, null);
+}
+function tSpanCreateBoundingRect2(style, contentWidth, contentHeight, forceLineWidth) {
+  var rect = new BoundingRect_default(adjustTextX(style.x || 0, contentWidth, style.textAlign), adjustTextY2(style.y || 0, contentHeight, style.textBaseline), contentWidth, contentHeight);
+  var lineWidth = forceLineWidth != null ? forceLineWidth : tSpanHasStroke(style) ? style.lineWidth : 0;
+  if (lineWidth > 0) {
+    rect.x -= lineWidth / 2;
+    rect.y -= lineWidth / 2;
+    rect.width += lineWidth;
+    rect.height += lineWidth;
+  }
+  return rect;
+}
+function tSpanHasStroke(style) {
+  var stroke = style.stroke;
+  return stroke != null && stroke !== "none" && style.lineWidth > 0;
+}
+
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/TSpan.js
+var DEFAULT_TSPAN_STYLE = defaults({
+  strokeFirst: true,
+  font: DEFAULT_FONT,
+  x: 0,
+  y: 0,
+  textAlign: "left",
+  textBaseline: "top",
+  miterLimit: 2
+}, DEFAULT_PATH_STYLE);
+var TSpan = function(_super) {
+  __extends(TSpan2, _super);
+  function TSpan2() {
+    return _super !== null && _super.apply(this, arguments) || this;
   }
-  if (el.hasStroke()) {
-    var lineWidth = style.lineWidth;
-    var newLineWidth = lineWidth / (style.strokeNoScale && el.getLineScale ? el.getLineScale() : 1);
-    if (ctx.lineWidth !== newLineWidth) {
-      if (!styleChanged) {
-        flushPathDrawn(ctx, scope);
-        styleChanged = true;
-      }
-      ctx.lineWidth = newLineWidth;
+  TSpan2.prototype.hasStroke = function() {
+    return tSpanHasStroke(this.style);
+  };
+  TSpan2.prototype.hasFill = function() {
+    var style = this.style;
+    var fill = style.fill;
+    return fill != null && fill !== "none";
+  };
+  TSpan2.prototype.createStyle = function(obj) {
+    return createObject(DEFAULT_TSPAN_STYLE, obj);
+  };
+  TSpan2.prototype.setBoundingRect = function(rect) {
+    this._rect = rect;
+  };
+  TSpan2.prototype.getBoundingRect = function() {
+    if (!this._rect) {
+      this._rect = tSpanCreateBoundingRect(this.style);
     }
+    return this._rect;
+  };
+  TSpan2.initDefaultProps = function() {
+    var tspanProto = TSpan2.prototype;
+    tspanProto.dirtyRectTolerance = 10;
+  }();
+  return TSpan2;
+}(Displayable_default);
+TSpan.prototype.type = "tspan";
+var TSpan_default = TSpan;
+
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/canvas/dashStyle.js
+function normalizeLineDash(lineType, lineWidth) {
+  if (!lineType || lineType === "solid" || !(lineWidth > 0)) {
+    return null;
   }
-  for (var i = 0; i < STROKE_PROPS.length; i++) {
-    var prop = STROKE_PROPS[i];
-    var propName = prop[0];
-    if (forceSetAll || style[propName] !== prevStyle[propName]) {
-      if (!styleChanged) {
-        flushPathDrawn(ctx, scope);
-        styleChanged = true;
-      }
-      ctx[propName] = style[propName] || prop[1];
+  return lineType === "dashed" ? [4 * lineWidth, 2 * lineWidth] : lineType === "dotted" ? [lineWidth] : isNumber(lineType) ? [lineType] : isArray(lineType) ? lineType : null;
+}
+function getLineDash(el) {
+  var style = el.style;
+  var lineDash = style.lineDash && style.lineWidth > 0 && normalizeLineDash(style.lineDash, style.lineWidth);
+  var lineDashOffset = style.lineDashOffset;
+  if (lineDash) {
+    var lineScale_1 = style.strokeNoScale && el.getLineScale ? el.getLineScale() : 1;
+    if (lineScale_1 && lineScale_1 !== 1) {
+      lineDash = map(lineDash, function(rawVal) {
+        return rawVal / lineScale_1;
+      });
+      lineDashOffset /= lineScale_1;
     }
   }
-  return styleChanged;
+  return [lineDash, lineDashOffset];
 }
-function bindImageStyle(ctx, el, prevEl, forceSetAll, scope) {
-  return bindCommonProps(ctx, getStyle(el, scope.inHover), prevEl && getStyle(prevEl, scope.inHover), forceSetAll, scope);
+
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/canvas/graphic.js
+var pathProxyForDraw = new PathProxy_default(true);
+function styleHasStroke(style) {
+  var stroke = style.stroke;
+  return !(stroke == null || stroke === "none" || !(style.lineWidth > 0));
 }
-function setContextTransform(ctx, el) {
-  var m = el.transform;
-  var dpr2 = ctx.dpr || 1;
-  if (m) {
-    ctx.setTransform(dpr2 * m[0], dpr2 * m[1], dpr2 * m[2], dpr2 * m[3], dpr2 * m[4], dpr2 * m[5]);
+function isValidStrokeFillStyle(strokeOrFill) {
+  return typeof strokeOrFill === "string" && strokeOrFill !== "none";
+}
+function styleHasFill(style) {
+  var fill = style.fill;
+  return fill != null && fill !== "none";
+}
+function doFillPath(ctx, style) {
+  if (style.fillOpacity != null && style.fillOpacity !== 1) {
+    var originalGlobalAlpha = ctx.globalAlpha;
+    ctx.globalAlpha = style.fillOpacity * style.opacity;
+    ctx.fill();
+    ctx.globalAlpha = originalGlobalAlpha;
   } else {
-    ctx.setTransform(dpr2, 0, 0, dpr2, 0, 0);
+    ctx.fill();
   }
 }
-function updateClipStatus(clipPaths, ctx, scope) {
-  var allClipped = false;
-  for (var i = 0; i < clipPaths.length; i++) {
-    var clipPath = clipPaths[i];
-    allClipped = allClipped || clipPath.isZeroArea();
-    setContextTransform(ctx, clipPath);
-    ctx.beginPath();
-    clipPath.buildPath(ctx, clipPath.shape);
-    ctx.clip();
+function doStrokePath(ctx, style) {
+  if (style.strokeOpacity != null && style.strokeOpacity !== 1) {
+    var originalGlobalAlpha = ctx.globalAlpha;
+    ctx.globalAlpha = style.strokeOpacity * style.opacity;
+    ctx.stroke();
+    ctx.globalAlpha = originalGlobalAlpha;
+  } else {
+    ctx.stroke();
   }
-  scope.allClipped = allClipped;
 }
-function isTransformChanged(m0, m1) {
-  if (m0 && m1) {
-    return m0[0] !== m1[0] || m0[1] !== m1[1] || m0[2] !== m1[2] || m0[3] !== m1[3] || m0[4] !== m1[4] || m0[5] !== m1[5];
-  } else if (!m0 && !m1) {
-    return false;
+function createCanvasPattern(ctx, pattern, el) {
+  var image = createOrUpdateImage(pattern.image, pattern.__image, el);
+  if (isImageReady(image)) {
+    var canvasPattern = ctx.createPattern(image, pattern.repeat || "repeat");
+    if (typeof DOMMatrix === "function" && canvasPattern && canvasPattern.setTransform) {
+      var matrix = new DOMMatrix();
+      matrix.translateSelf(pattern.x || 0, pattern.y || 0);
+      matrix.rotateSelf(0, 0, (pattern.rotation || 0) * RADIAN_TO_DEGREE);
+      matrix.scaleSelf(pattern.scaleX || 1, pattern.scaleY || 1);
+      canvasPattern.setTransform(matrix);
+    }
+    return canvasPattern;
   }
-  return true;
 }
-var DRAW_TYPE_PATH = 1;
-var DRAW_TYPE_IMAGE = 2;
-var DRAW_TYPE_TEXT = 3;
-var DRAW_TYPE_INCREMENTAL = 4;
-function canPathBatch(style) {
-  var hasFill = styleHasFill(style);
+function brushPath(ctx, el, style, canBatch, scope) {
+  var _a;
   var hasStroke = styleHasStroke(style);
-  return !(style.lineDash || !(+hasFill ^ +hasStroke) || hasFill && typeof style.fill !== "string" || hasStroke && typeof style.stroke !== "string" || style.strokePercent < 1 || style.strokeOpacity < 1 || style.fillOpacity < 1);
-}
-function flushPathDrawn(ctx, scope) {
-  scope.batchFill && ctx.fill();
-  scope.batchStroke && ctx.stroke();
-  scope.batchFill = "";
-  scope.batchStroke = "";
-}
-function getStyle(el, inHover) {
-  return inHover ? el.__hoverStyle || el.style : el.style;
-}
-function brushSingle(ctx, el) {
-  brush(ctx, el, { inHover: false, viewWidth: 0, viewHeight: 0 }, true);
-}
-function brush(ctx, el, scope, isLast) {
-  var m = el.transform;
-  if (!el.shouldBePainted(scope.viewWidth, scope.viewHeight, false, false)) {
-    el.__dirty &= ~REDRAW_BIT;
-    el.__isRendered = false;
-    return;
+  var hasFill = styleHasFill(style);
+  var strokePercent = style.strokePercent;
+  var strokePart = strokePercent < 1;
+  var firstDraw = !el.path;
+  if ((!el.silent || strokePart) && firstDraw) {
+    el.createPathProxy();
   }
-  var clipPaths = el.__clipPaths;
-  var prevElClipPaths = scope.prevElClipPaths;
-  var forceSetTransform = false;
-  var forceSetStyle = false;
-  if (!prevElClipPaths || isClipPathChanged(clipPaths, prevElClipPaths)) {
-    if (prevElClipPaths && prevElClipPaths.length) {
-      flushPathDrawn(ctx, scope);
-      ctx.restore();
-      forceSetStyle = forceSetTransform = true;
-      scope.prevElClipPaths = null;
-      scope.allClipped = false;
-      scope.prevEl = null;
+  var path = el.path || pathProxyForDraw;
+  var dirtyFlag = el.__dirty;
+  if (!canBatch) {
+    var fill = style.fill;
+    var stroke = style.stroke;
+    var hasFillGradient = hasFill && !!fill.colorStops;
+    var hasStrokeGradient = hasStroke && !!stroke.colorStops;
+    var hasFillPattern = hasFill && !!fill.image;
+    var hasStrokePattern = hasStroke && !!stroke.image;
+    var fillGradient = void 0;
+    var strokeGradient = void 0;
+    var fillPattern = void 0;
+    var strokePattern = void 0;
+    var rect = void 0;
+    if (hasFillGradient || hasStrokeGradient) {
+      rect = el.getBoundingRect();
     }
-    if (clipPaths && clipPaths.length) {
-      flushPathDrawn(ctx, scope);
-      ctx.save();
-      updateClipStatus(clipPaths, ctx, scope);
-      forceSetTransform = true;
+    if (hasFillGradient) {
+      fillGradient = dirtyFlag ? getCanvasGradient(ctx, fill, rect) : el.__canvasFillGradient;
+      el.__canvasFillGradient = fillGradient;
     }
-    scope.prevElClipPaths = clipPaths;
-  }
-  if (scope.allClipped) {
-    el.__isRendered = false;
-    return;
-  }
-  el.beforeBrush && el.beforeBrush();
-  el.innerBeforeBrush();
-  var prevEl = scope.prevEl;
-  if (!prevEl) {
-    forceSetStyle = forceSetTransform = true;
-  }
-  var canBatchPath = el instanceof Path_default && el.autoBatch && canPathBatch(el.style);
-  if (forceSetTransform || isTransformChanged(m, prevEl.transform)) {
-    flushPathDrawn(ctx, scope);
-    setContextTransform(ctx, el);
-  } else if (!canBatchPath) {
-    flushPathDrawn(ctx, scope);
-  }
-  var style = getStyle(el, scope.inHover);
-  if (el instanceof Path_default) {
-    if (scope.lastDrawType !== DRAW_TYPE_PATH) {
-      forceSetStyle = true;
-      scope.lastDrawType = DRAW_TYPE_PATH;
+    if (hasStrokeGradient) {
+      strokeGradient = dirtyFlag ? getCanvasGradient(ctx, stroke, rect) : el.__canvasStrokeGradient;
+      el.__canvasStrokeGradient = strokeGradient;
     }
-    bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope);
-    if (!canBatchPath || !scope.batchFill && !scope.batchStroke) {
-      ctx.beginPath();
+    if (hasFillPattern) {
+      fillPattern = dirtyFlag || !el.__canvasFillPattern ? createCanvasPattern(ctx, fill, el) : el.__canvasFillPattern;
+      el.__canvasFillPattern = fillPattern;
     }
-    brushPath(ctx, el, style, canBatchPath);
-    if (canBatchPath) {
-      scope.batchFill = style.fill || "";
-      scope.batchStroke = style.stroke || "";
+    if (hasStrokePattern) {
+      strokePattern = dirtyFlag || !el.__canvasStrokePattern ? createCanvasPattern(ctx, stroke, el) : el.__canvasStrokePattern;
+      el.__canvasStrokePattern = strokePattern;
     }
-  } else {
-    if (el instanceof TSpan_default) {
-      if (scope.lastDrawType !== DRAW_TYPE_TEXT) {
-        forceSetStyle = true;
-        scope.lastDrawType = DRAW_TYPE_TEXT;
-      }
-      bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope);
-      brushText(ctx, el, style);
-    } else if (el instanceof Image_default) {
-      if (scope.lastDrawType !== DRAW_TYPE_IMAGE) {
-        forceSetStyle = true;
-        scope.lastDrawType = DRAW_TYPE_IMAGE;
+    if (hasFillGradient) {
+      ctx.fillStyle = fillGradient;
+    } else if (hasFillPattern) {
+      if (fillPattern) {
+        ctx.fillStyle = fillPattern;
+      } else {
+        hasFill = false;
       }
-      bindImageStyle(ctx, el, prevEl, forceSetStyle, scope);
-      brushImage(ctx, el, style);
-    } else if (el.getTemporalDisplayables) {
-      if (scope.lastDrawType !== DRAW_TYPE_INCREMENTAL) {
-        forceSetStyle = true;
-        scope.lastDrawType = DRAW_TYPE_INCREMENTAL;
+    }
+    if (hasStrokeGradient) {
+      ctx.strokeStyle = strokeGradient;
+    } else if (hasStrokePattern) {
+      if (strokePattern) {
+        ctx.strokeStyle = strokePattern;
+      } else {
+        hasStroke = false;
       }
-      brushIncremental(ctx, el, scope);
     }
   }
-  if (canBatchPath && isLast) {
-    flushPathDrawn(ctx, scope);
-  }
-  el.innerAfterBrush();
-  el.afterBrush && el.afterBrush();
-  scope.prevEl = el;
-  el.__dirty = 0;
-  el.__isRendered = true;
-}
-function brushIncremental(ctx, el, scope) {
-  var displayables = el.getDisplayables();
-  var temporalDisplayables = el.getTemporalDisplayables();
-  ctx.save();
-  var innerScope = {
-    prevElClipPaths: null,
-    prevEl: null,
-    allClipped: false,
-    viewWidth: scope.viewWidth,
-    viewHeight: scope.viewHeight,
-    inHover: scope.inHover
-  };
-  var i;
-  var len2;
-  for (i = el.getCursor(), len2 = displayables.length; i < len2; i++) {
-    var displayable = displayables[i];
-    displayable.beforeBrush && displayable.beforeBrush();
-    displayable.innerBeforeBrush();
-    brush(ctx, displayable, innerScope, i === len2 - 1);
-    displayable.innerAfterBrush();
-    displayable.afterBrush && displayable.afterBrush();
-    innerScope.prevEl = displayable;
+  var scale3 = el.getGlobalScale();
+  path.setScale(scale3[0], scale3[1], el.segmentIgnoreThreshold);
+  var lineDash;
+  var lineDashOffset;
+  if (ctx.setLineDash && style.lineDash) {
+    _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1];
   }
-  for (var i_1 = 0, len_1 = temporalDisplayables.length; i_1 < len_1; i_1++) {
-    var displayable = temporalDisplayables[i_1];
-    displayable.beforeBrush && displayable.beforeBrush();
-    displayable.innerBeforeBrush();
-    brush(ctx, displayable, innerScope, i_1 === len_1 - 1);
-    displayable.innerAfterBrush();
-    displayable.afterBrush && displayable.afterBrush();
-    innerScope.prevEl = displayable;
+  var needsRebuild = true;
+  if (firstDraw || dirtyFlag & SHAPE_CHANGED_BIT) {
+    path.setDPR(ctx.dpr);
+    if (strokePart) {
+      path.setContext(null);
+    } else {
+      path.setContext(ctx);
+      needsRebuild = false;
+    }
+    path.reset();
+    el.buildPath(path, el.shape, canBatch);
+    path.toStatic();
+    el.pathUpdated();
   }
-  el.clearTemporalDisplayables();
-  el.notClear = true;
-  ctx.restore();
-}
-
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/helper/parseText.js
-var STYLE_REG = /\{([a-zA-Z0-9_]+)\|([^}]*)\}/g;
-function truncateText(text, containerWidth, font, ellipsis, options) {
-  if (!containerWidth) {
-    return "";
+  if (needsRebuild) {
+    path.rebuildPath(ctx, strokePart ? strokePercent : 1);
   }
-  var textLines = (text + "").split("\n");
-  options = prepareTruncateOptions(containerWidth, font, ellipsis, options);
-  for (var i = 0, len2 = textLines.length; i < len2; i++) {
-    textLines[i] = truncateSingleLine(textLines[i], options);
+  if (lineDash) {
+    ctx.setLineDash(lineDash);
+    ctx.lineDashOffset = lineDashOffset;
   }
-  return textLines.join("\n");
-}
-function prepareTruncateOptions(containerWidth, font, ellipsis, options) {
-  options = options || {};
-  var preparedOpts = extend({}, options);
-  preparedOpts.font = font;
-  ellipsis = retrieve2(ellipsis, "...");
-  preparedOpts.maxIterations = retrieve2(options.maxIterations, 2);
-  var minChar = preparedOpts.minChar = retrieve2(options.minChar, 0);
-  preparedOpts.cnCharWidth = getWidth("国", font);
-  var ascCharWidth = preparedOpts.ascCharWidth = getWidth("a", font);
-  preparedOpts.placeholder = retrieve2(options.placeholder, "");
-  var contentWidth = containerWidth = Math.max(0, containerWidth - 1);
-  for (var i = 0; i < minChar && contentWidth >= ascCharWidth; i++) {
-    contentWidth -= ascCharWidth;
+  if (!canBatch) {
+    if (style.strokeFirst) {
+      if (hasStroke) {
+        doStrokePath(ctx, style);
+      }
+      if (hasFill) {
+        doFillPath(ctx, style);
+      }
+    } else {
+      if (hasFill) {
+        doFillPath(ctx, style);
+      }
+      if (hasStroke) {
+        doStrokePath(ctx, style);
+      }
+    }
+  } else {
+    scope.batchFill = hasFill;
+    scope.batchStroke = hasStroke;
   }
-  var ellipsisWidth = getWidth(ellipsis, font);
-  if (ellipsisWidth > contentWidth) {
-    ellipsis = "";
-    ellipsisWidth = 0;
+  if (lineDash) {
+    ctx.setLineDash([]);
   }
-  contentWidth = containerWidth - ellipsisWidth;
-  preparedOpts.ellipsis = ellipsis;
-  preparedOpts.ellipsisWidth = ellipsisWidth;
-  preparedOpts.contentWidth = contentWidth;
-  preparedOpts.containerWidth = containerWidth;
-  return preparedOpts;
 }
-function truncateSingleLine(textLine, options) {
-  var containerWidth = options.containerWidth;
-  var font = options.font;
-  var contentWidth = options.contentWidth;
-  if (!containerWidth) {
-    return "";
-  }
-  var lineWidth = getWidth(textLine, font);
-  if (lineWidth <= containerWidth) {
-    return textLine;
-  }
-  for (var j = 0; ; j++) {
-    if (lineWidth <= contentWidth || j >= options.maxIterations) {
-      textLine += options.ellipsis;
-      break;
-    }
-    var subLength = j === 0 ? estimateLength(textLine, contentWidth, options.ascCharWidth, options.cnCharWidth) : lineWidth > 0 ? Math.floor(textLine.length * contentWidth / lineWidth) : 0;
-    textLine = textLine.substr(0, subLength);
-    lineWidth = getWidth(textLine, font);
+function brushImage(ctx, el, style) {
+  var image = el.__image = createOrUpdateImage(style.image, el.__image, el, el.onload);
+  if (!image || !isImageReady(image)) {
+    return;
   }
-  if (textLine === "") {
-    textLine = options.placeholder;
+  var x = style.x || 0;
+  var y = style.y || 0;
+  var width = el.getWidth();
+  var height = el.getHeight();
+  var aspect = image.width / image.height;
+  if (width == null && height != null) {
+    width = height * aspect;
+  } else if (height == null && width != null) {
+    height = width / aspect;
+  } else if (width == null && height == null) {
+    width = image.width;
+    height = image.height;
   }
-  return textLine;
-}
-function estimateLength(text, contentWidth, ascCharWidth, cnCharWidth) {
-  var width = 0;
-  var i = 0;
-  for (var len2 = text.length; i < len2 && width < contentWidth; i++) {
-    var charCode = text.charCodeAt(i);
-    width += 0 <= charCode && charCode <= 127 ? ascCharWidth : cnCharWidth;
+  if (style.sWidth && style.sHeight) {
+    var sx = style.sx || 0;
+    var sy = style.sy || 0;
+    ctx.drawImage(image, sx, sy, style.sWidth, style.sHeight, x, y, width, height);
+  } else if (style.sx && style.sy) {
+    var sx = style.sx;
+    var sy = style.sy;
+    var sWidth = width - sx;
+    var sHeight = height - sy;
+    ctx.drawImage(image, sx, sy, sWidth, sHeight, x, y, width, height);
+  } else {
+    ctx.drawImage(image, x, y, width, height);
   }
-  return i;
 }
-function parsePlainText(text, style) {
+function brushText(ctx, el, style) {
+  var _a;
+  var text = style.text;
   text != null && (text += "");
-  var overflow = style.overflow;
-  var padding = style.padding;
-  var font = style.font;
-  var truncate = overflow === "truncate";
-  var calculatedLineHeight = getLineHeight(font);
-  var lineHeight = retrieve2(style.lineHeight, calculatedLineHeight);
-  var bgColorDrawn = !!style.backgroundColor;
-  var truncateLineOverflow = style.lineOverflow === "truncate";
-  var width = style.width;
-  var lines;
-  if (width != null && (overflow === "break" || overflow === "breakAll")) {
-    lines = text ? wrapText(text, style.font, width, overflow === "breakAll", 0).lines : [];
-  } else {
-    lines = text ? text.split("\n") : [];
-  }
-  var contentHeight = lines.length * lineHeight;
-  var height = retrieve2(style.height, contentHeight);
-  if (contentHeight > height && truncateLineOverflow) {
-    var lineCount = Math.floor(height / lineHeight);
-    lines = lines.slice(0, lineCount);
-  }
-  if (text && truncate && width != null) {
-    var options = prepareTruncateOptions(width, font, style.ellipsis, {
-      minChar: style.truncateMinChar,
-      placeholder: style.placeholder
-    });
-    for (var i = 0; i < lines.length; i++) {
-      lines[i] = truncateSingleLine(lines[i], options);
+  if (text) {
+    ctx.font = style.font || DEFAULT_FONT;
+    ctx.textAlign = style.textAlign;
+    ctx.textBaseline = style.textBaseline;
+    var lineDash = void 0;
+    var lineDashOffset = void 0;
+    if (ctx.setLineDash && style.lineDash) {
+      _a = getLineDash(el), lineDash = _a[0], lineDashOffset = _a[1];
+    }
+    if (lineDash) {
+      ctx.setLineDash(lineDash);
+      ctx.lineDashOffset = lineDashOffset;
+    }
+    if (style.strokeFirst) {
+      if (styleHasStroke(style)) {
+        ctx.strokeText(text, style.x, style.y);
+      }
+      if (styleHasFill(style)) {
+        ctx.fillText(text, style.x, style.y);
+      }
+    } else {
+      if (styleHasFill(style)) {
+        ctx.fillText(text, style.x, style.y);
+      }
+      if (styleHasStroke(style)) {
+        ctx.strokeText(text, style.x, style.y);
+      }
+    }
+    if (lineDash) {
+      ctx.setLineDash([]);
     }
   }
-  var outerHeight = height;
-  var contentWidth = 0;
-  for (var i = 0; i < lines.length; i++) {
-    contentWidth = Math.max(getWidth(lines[i], font), contentWidth);
-  }
-  if (width == null) {
-    width = contentWidth;
-  }
-  var outerWidth = contentWidth;
-  if (padding) {
-    outerHeight += padding[0] + padding[2];
-    outerWidth += padding[1] + padding[3];
-    width += padding[1] + padding[3];
-  }
-  if (bgColorDrawn) {
-    outerWidth = width;
-  }
-  return {
-    lines,
-    height,
-    outerWidth,
-    outerHeight,
-    lineHeight,
-    calculatedLineHeight,
-    contentWidth,
-    contentHeight,
-    width
-  };
 }
-var RichTextToken = function() {
-  function RichTextToken2() {
+var SHADOW_NUMBER_PROPS = ["shadowBlur", "shadowOffsetX", "shadowOffsetY"];
+var STROKE_PROPS = [
+  ["lineCap", "butt"],
+  ["lineJoin", "miter"],
+  ["miterLimit", 10]
+];
+function bindCommonProps(ctx, style, prevStyle, forceSetAll, scope) {
+  var styleChanged = false;
+  if (!forceSetAll) {
+    prevStyle = prevStyle || {};
+    if (style === prevStyle) {
+      return false;
+    }
+  }
+  if (forceSetAll || style.opacity !== prevStyle.opacity) {
+    flushPathDrawn(ctx, scope);
+    styleChanged = true;
+    var opacity = Math.max(Math.min(style.opacity, 1), 0);
+    ctx.globalAlpha = isNaN(opacity) ? DEFAULT_COMMON_STYLE.opacity : opacity;
   }
-  return RichTextToken2;
-}();
-var RichTextLine = function() {
-  function RichTextLine2(tokens) {
-    this.tokens = [];
-    if (tokens) {
-      this.tokens = tokens;
+  if (forceSetAll || style.blend !== prevStyle.blend) {
+    if (!styleChanged) {
+      flushPathDrawn(ctx, scope);
+      styleChanged = true;
     }
+    ctx.globalCompositeOperation = style.blend || DEFAULT_COMMON_STYLE.blend;
   }
-  return RichTextLine2;
-}();
-var RichTextContentBlock = function() {
-  function RichTextContentBlock2() {
-    this.width = 0;
-    this.height = 0;
-    this.contentWidth = 0;
-    this.contentHeight = 0;
-    this.outerWidth = 0;
-    this.outerHeight = 0;
-    this.lines = [];
+  for (var i = 0; i < SHADOW_NUMBER_PROPS.length; i++) {
+    var propName = SHADOW_NUMBER_PROPS[i];
+    if (forceSetAll || style[propName] !== prevStyle[propName]) {
+      if (!styleChanged) {
+        flushPathDrawn(ctx, scope);
+        styleChanged = true;
+      }
+      ctx[propName] = ctx.dpr * (style[propName] || 0);
+    }
   }
-  return RichTextContentBlock2;
-}();
-function parseRichText(text, style) {
-  var contentBlock = new RichTextContentBlock();
-  text != null && (text += "");
-  if (!text) {
-    return contentBlock;
+  if (forceSetAll || style.shadowColor !== prevStyle.shadowColor) {
+    if (!styleChanged) {
+      flushPathDrawn(ctx, scope);
+      styleChanged = true;
+    }
+    ctx.shadowColor = style.shadowColor || DEFAULT_COMMON_STYLE.shadowColor;
   }
-  var topWidth = style.width;
-  var topHeight = style.height;
-  var overflow = style.overflow;
-  var wrapInfo = (overflow === "break" || overflow === "breakAll") && topWidth != null ? { width: topWidth, accumWidth: 0, breakAll: overflow === "breakAll" } : null;
-  var lastIndex = STYLE_REG.lastIndex = 0;
-  var result;
-  while ((result = STYLE_REG.exec(text)) != null) {
-    var matchedIndex = result.index;
-    if (matchedIndex > lastIndex) {
-      pushTokens(contentBlock, text.substring(lastIndex, matchedIndex), style, wrapInfo);
+  return styleChanged;
+}
+function bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetAll, scope) {
+  var style = el.style;
+  var prevStyle = forceSetAll ? null : prevEl && prevEl.style || {};
+  if (style === prevStyle) {
+    return false;
+  }
+  var styleChanged = bindCommonProps(ctx, style, prevStyle, forceSetAll, scope);
+  if (forceSetAll || style.fill !== prevStyle.fill) {
+    if (!styleChanged) {
+      flushPathDrawn(ctx, scope);
+      styleChanged = true;
     }
-    pushTokens(contentBlock, result[2], style, wrapInfo, result[1]);
-    lastIndex = STYLE_REG.lastIndex;
+    isValidStrokeFillStyle(style.fill) && (ctx.fillStyle = style.fill);
   }
-  if (lastIndex < text.length) {
-    pushTokens(contentBlock, text.substring(lastIndex, text.length), style, wrapInfo);
+  if (forceSetAll || style.stroke !== prevStyle.stroke) {
+    if (!styleChanged) {
+      flushPathDrawn(ctx, scope);
+      styleChanged = true;
+    }
+    isValidStrokeFillStyle(style.stroke) && (ctx.strokeStyle = style.stroke);
   }
-  var pendingList = [];
-  var calculatedHeight = 0;
-  var calculatedWidth = 0;
-  var stlPadding = style.padding;
-  var truncate = overflow === "truncate";
-  var truncateLine = style.lineOverflow === "truncate";
-  function finishLine(line2, lineWidth2, lineHeight2) {
-    line2.width = lineWidth2;
-    line2.lineHeight = lineHeight2;
-    calculatedHeight += lineHeight2;
-    calculatedWidth = Math.max(calculatedWidth, lineWidth2);
+  if (forceSetAll || style.opacity !== prevStyle.opacity) {
+    if (!styleChanged) {
+      flushPathDrawn(ctx, scope);
+      styleChanged = true;
+    }
+    ctx.globalAlpha = style.opacity == null ? 1 : style.opacity;
   }
-  outer:
-    for (var i = 0; i < contentBlock.lines.length; i++) {
-      var line = contentBlock.lines[i];
-      var lineHeight = 0;
-      var lineWidth = 0;
-      for (var j = 0; j < line.tokens.length; j++) {
-        var token = line.tokens[j];
-        var tokenStyle = token.styleName && style.rich[token.styleName] || {};
-        var textPadding = token.textPadding = tokenStyle.padding;
-        var paddingH = textPadding ? textPadding[1] + textPadding[3] : 0;
-        var font = token.font = tokenStyle.font || style.font;
-        token.contentHeight = getLineHeight(font);
-        var tokenHeight = retrieve2(tokenStyle.height, token.contentHeight);
-        token.innerHeight = tokenHeight;
-        textPadding && (tokenHeight += textPadding[0] + textPadding[2]);
-        token.height = tokenHeight;
-        token.lineHeight = retrieve3(tokenStyle.lineHeight, style.lineHeight, tokenHeight);
-        token.align = tokenStyle && tokenStyle.align || style.align;
-        token.verticalAlign = tokenStyle && tokenStyle.verticalAlign || "middle";
-        if (truncateLine && topHeight != null && calculatedHeight + token.lineHeight > topHeight) {
-          if (j > 0) {
-            line.tokens = line.tokens.slice(0, j);
-            finishLine(line, lineWidth, lineHeight);
-            contentBlock.lines = contentBlock.lines.slice(0, i + 1);
-          } else {
-            contentBlock.lines = contentBlock.lines.slice(0, i);
-          }
-          break outer;
-        }
-        var styleTokenWidth = tokenStyle.width;
-        var tokenWidthNotSpecified = styleTokenWidth == null || styleTokenWidth === "auto";
-        if (typeof styleTokenWidth === "string" && styleTokenWidth.charAt(styleTokenWidth.length - 1) === "%") {
-          token.percentWidth = styleTokenWidth;
-          pendingList.push(token);
-          token.contentWidth = getWidth(token.text, font);
-        } else {
-          if (tokenWidthNotSpecified) {
-            var textBackgroundColor = tokenStyle.backgroundColor;
-            var bgImg = textBackgroundColor && textBackgroundColor.image;
-            if (bgImg) {
-              bgImg = findExistImage(bgImg);
-              if (isImageReady(bgImg)) {
-                token.width = Math.max(token.width, bgImg.width * tokenHeight / bgImg.height);
-              }
-            }
-          }
-          var remainTruncWidth = truncate && topWidth != null ? topWidth - lineWidth : null;
-          if (remainTruncWidth != null && remainTruncWidth < token.width) {
-            if (!tokenWidthNotSpecified || remainTruncWidth < paddingH) {
-              token.text = "";
-              token.width = token.contentWidth = 0;
-            } else {
-              token.text = truncateText(token.text, remainTruncWidth - paddingH, font, style.ellipsis, { minChar: style.truncateMinChar });
-              token.width = token.contentWidth = getWidth(token.text, font);
-            }
-          } else {
-            token.contentWidth = getWidth(token.text, font);
-          }
-        }
-        token.width += paddingH;
-        lineWidth += token.width;
-        tokenStyle && (lineHeight = Math.max(lineHeight, token.lineHeight));
+  if (el.hasStroke()) {
+    var lineWidth = style.lineWidth;
+    var newLineWidth = lineWidth / (style.strokeNoScale && el.getLineScale ? el.getLineScale() : 1);
+    if (ctx.lineWidth !== newLineWidth) {
+      if (!styleChanged) {
+        flushPathDrawn(ctx, scope);
+        styleChanged = true;
       }
-      finishLine(line, lineWidth, lineHeight);
+      ctx.lineWidth = newLineWidth;
     }
-  contentBlock.outerWidth = contentBlock.width = retrieve2(topWidth, calculatedWidth);
-  contentBlock.outerHeight = contentBlock.height = retrieve2(topHeight, calculatedHeight);
-  contentBlock.contentHeight = calculatedHeight;
-  contentBlock.contentWidth = calculatedWidth;
-  if (stlPadding) {
-    contentBlock.outerWidth += stlPadding[1] + stlPadding[3];
-    contentBlock.outerHeight += stlPadding[0] + stlPadding[2];
-  }
-  for (var i = 0; i < pendingList.length; i++) {
-    var token = pendingList[i];
-    var percentWidth = token.percentWidth;
-    token.width = parseInt(percentWidth, 10) / 100 * contentBlock.width;
   }
-  return contentBlock;
-}
-function pushTokens(block, str, style, wrapInfo, styleName) {
-  var isEmptyStr = str === "";
-  var tokenStyle = styleName && style.rich[styleName] || {};
-  var lines = block.lines;
-  var font = tokenStyle.font || style.font;
-  var newLine = false;
-  var strLines;
-  var linesWidths;
-  if (wrapInfo) {
-    var tokenPadding = tokenStyle.padding;
-    var tokenPaddingH = tokenPadding ? tokenPadding[1] + tokenPadding[3] : 0;
-    if (tokenStyle.width != null && tokenStyle.width !== "auto") {
-      var outerWidth_1 = parsePercent(tokenStyle.width, wrapInfo.width) + tokenPaddingH;
-      if (lines.length > 0) {
-        if (outerWidth_1 + wrapInfo.accumWidth > wrapInfo.width) {
-          strLines = str.split("\n");
-          newLine = true;
-        }
+  for (var i = 0; i < STROKE_PROPS.length; i++) {
+    var prop = STROKE_PROPS[i];
+    var propName = prop[0];
+    if (forceSetAll || style[propName] !== prevStyle[propName]) {
+      if (!styleChanged) {
+        flushPathDrawn(ctx, scope);
+        styleChanged = true;
       }
-      wrapInfo.accumWidth = outerWidth_1;
-    } else {
-      var res = wrapText(str, font, wrapInfo.width, wrapInfo.breakAll, wrapInfo.accumWidth);
-      wrapInfo.accumWidth = res.accumWidth + tokenPaddingH;
-      linesWidths = res.linesWidths;
-      strLines = res.lines;
+      ctx[propName] = style[propName] || prop[1];
     }
+  }
+  return styleChanged;
+}
+function bindImageStyle(ctx, el, prevEl, forceSetAll, scope) {
+  return bindCommonProps(ctx, el.style, prevEl && prevEl.style, forceSetAll, scope);
+}
+function setContextTransform(ctx, el) {
+  var m = el.transform;
+  var dpr2 = ctx.dpr || 1;
+  if (m) {
+    ctx.setTransform(dpr2 * m[0], dpr2 * m[1], dpr2 * m[2], dpr2 * m[3], dpr2 * m[4], dpr2 * m[5]);
   } else {
-    strLines = str.split("\n");
+    ctx.setTransform(dpr2, 0, 0, dpr2, 0, 0);
   }
-  for (var i = 0; i < strLines.length; i++) {
-    var text = strLines[i];
-    var token = new RichTextToken();
-    token.styleName = styleName;
-    token.text = text;
-    token.isLineHolder = !text && !isEmptyStr;
-    if (typeof tokenStyle.width === "number") {
-      token.width = tokenStyle.width;
-    } else {
-      token.width = linesWidths ? linesWidths[i] : getWidth(text, font);
-    }
-    if (!i && !newLine) {
-      var tokens = (lines[lines.length - 1] || (lines[0] = new RichTextLine())).tokens;
-      var tokensLen = tokens.length;
-      tokensLen === 1 && tokens[0].isLineHolder ? tokens[0] = token : (text || !tokensLen || isEmptyStr) && tokens.push(token);
-    } else {
-      lines.push(new RichTextLine([token]));
-    }
+}
+function updateClipStatus(clipPaths, ctx, scope) {
+  var allClipped = false;
+  for (var i = 0; i < clipPaths.length; i++) {
+    var clipPath = clipPaths[i];
+    allClipped = allClipped || clipPath.isZeroArea();
+    setContextTransform(ctx, clipPath);
+    ctx.beginPath();
+    clipPath.buildPath(ctx, clipPath.shape);
+    ctx.clip();
+  }
+  scope.allClipped = allClipped;
+}
+function isTransformChanged(m0, m1) {
+  if (m0 && m1) {
+    return m0[0] !== m1[0] || m0[1] !== m1[1] || m0[2] !== m1[2] || m0[3] !== m1[3] || m0[4] !== m1[4] || m0[5] !== m1[5];
+  } else if (!m0 && !m1) {
+    return false;
+  }
+  return true;
+}
+var DRAW_TYPE_PATH = 1;
+var DRAW_TYPE_IMAGE = 2;
+var DRAW_TYPE_TEXT = 3;
+var DRAW_TYPE_INCREMENTAL = 4;
+function canPathBatch(style) {
+  var hasFill = styleHasFill(style);
+  var hasStroke = styleHasStroke(style);
+  return !(style.lineDash || !(+hasFill ^ +hasStroke) || hasFill && typeof style.fill !== "string" || hasStroke && typeof style.stroke !== "string" || style.strokePercent < 1 || style.strokeOpacity < 1 || style.fillOpacity < 1);
+}
+function flushPathDrawn(ctx, scope) {
+  if (scope.batchFill) {
+    scope.batchFill = false;
+    ctx.fill();
+  }
+  if (scope.batchStroke) {
+    scope.batchStroke = false;
+    ctx.stroke();
   }
 }
-function isAlphabeticLetter(ch) {
-  var code = ch.charCodeAt(0);
-  return code >= 32 && code <= 591 || code >= 880 && code <= 4351 || code >= 4608 && code <= 5119 || code >= 7680 && code <= 8303;
+function brushSingle(ctx, el) {
+  var scope = { inHover: false, viewWidth: 0, viewHeight: 0, beforeBrushParam: {} };
+  brush(ctx, el, scope);
+  brushLoopFinalize(ctx, scope);
 }
-var breakCharMap = reduce(",&?/;] ".split(""), function(obj, ch) {
-  obj[ch] = true;
-  return obj;
-}, {});
-function isWordBreakChar(ch) {
-  if (isAlphabeticLetter(ch)) {
-    if (breakCharMap[ch]) {
-      return true;
+function brush(ctx, el, scope) {
+  var m = el.transform;
+  if (!el.shouldBePainted(scope.viewWidth, scope.viewHeight, false, false)) {
+    el.__dirty &= ~REDRAW_BIT;
+    el.__isRendered = false;
+    return;
+  }
+  var clipPaths = el.__clipPaths;
+  var prevElClipPaths = scope.prevElClipPaths;
+  var style = el.style;
+  var forceSetTransform = false;
+  var forceSetStyle = false;
+  if (!prevElClipPaths || isClipPathChanged(clipPaths, prevElClipPaths)) {
+    if (prevElClipPaths) {
+      flushPathDrawn(ctx, scope);
+      ctx.restore();
+      forceSetStyle = forceSetTransform = true;
+      scope.prevElClipPaths = null;
+      scope.allClipped = false;
+      scope.prevEl = null;
+    }
+    if (clipPaths && clipPaths.length) {
+      flushPathDrawn(ctx, scope);
+      ctx.save();
+      updateClipStatus(clipPaths, ctx, scope);
+      forceSetTransform = true;
+      scope.prevElClipPaths = clipPaths;
     }
-    return false;
   }
-  return true;
-}
-function wrapText(text, font, lineWidth, isBreakAll, lastAccumWidth) {
-  var lines = [];
-  var linesWidths = [];
-  var line = "";
-  var currentWord = "";
-  var currentWordWidth = 0;
-  var accumWidth = 0;
-  for (var i = 0; i < text.length; i++) {
-    var ch = text.charAt(i);
-    if (ch === "\n") {
-      if (currentWord) {
-        line += currentWord;
-        accumWidth += currentWordWidth;
-      }
-      lines.push(line);
-      linesWidths.push(accumWidth);
-      line = "";
-      currentWord = "";
-      currentWordWidth = 0;
-      accumWidth = 0;
-      continue;
+  if (scope.allClipped) {
+    el.__dirty &= ~REDRAW_BIT;
+    el.__isRendered = false;
+    return;
+  }
+  el.beforeBrush && el.beforeBrush(scope.beforeBrushParam);
+  el.innerBeforeBrush();
+  var prevEl = scope.prevEl;
+  if (!prevEl) {
+    forceSetStyle = forceSetTransform = true;
+  }
+  var canBatchPath = el instanceof Path_default && el.autoBatch && canPathBatch(style);
+  if (forceSetTransform || isTransformChanged(m, prevEl.transform)) {
+    flushPathDrawn(ctx, scope);
+    setContextTransform(ctx, el);
+  } else if (!canBatchPath) {
+    flushPathDrawn(ctx, scope);
+  }
+  if (el instanceof Path_default) {
+    if (scope.lastDrawType !== DRAW_TYPE_PATH) {
+      forceSetStyle = true;
+      scope.lastDrawType = DRAW_TYPE_PATH;
     }
-    var chWidth = getWidth(ch, font);
-    var inWord = isBreakAll ? false : !isWordBreakChar(ch);
-    if (!lines.length ? lastAccumWidth + accumWidth + chWidth > lineWidth : accumWidth + chWidth > lineWidth) {
-      if (!accumWidth) {
-        if (inWord) {
-          lines.push(currentWord);
-          linesWidths.push(currentWordWidth);
-          currentWord = ch;
-          currentWordWidth = chWidth;
-        } else {
-          lines.push(ch);
-          linesWidths.push(chWidth);
-        }
-      } else if (line || currentWord) {
-        if (inWord) {
-          if (!line) {
-            line = currentWord;
-            currentWord = "";
-            currentWordWidth = 0;
-            accumWidth = currentWordWidth;
-          }
-          lines.push(line);
-          linesWidths.push(accumWidth - currentWordWidth);
-          currentWord += ch;
-          currentWordWidth += chWidth;
-          line = "";
-          accumWidth = currentWordWidth;
-        } else {
-          if (currentWord) {
-            line += currentWord;
-            currentWord = "";
-            currentWordWidth = 0;
-          }
-          lines.push(line);
-          linesWidths.push(accumWidth);
-          line = ch;
-          accumWidth = chWidth;
-        }
-      }
-      continue;
+    bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope);
+    if (!canBatchPath || !scope.batchFill && !scope.batchStroke) {
+      ctx.beginPath();
     }
-    accumWidth += chWidth;
-    if (inWord) {
-      currentWord += ch;
-      currentWordWidth += chWidth;
-    } else {
-      if (currentWord) {
-        line += currentWord;
-        currentWord = "";
-        currentWordWidth = 0;
+    brushPath(ctx, el, style, canBatchPath, scope);
+  } else {
+    if (el instanceof TSpan_default) {
+      if (scope.lastDrawType !== DRAW_TYPE_TEXT) {
+        forceSetStyle = true;
+        scope.lastDrawType = DRAW_TYPE_TEXT;
       }
-      line += ch;
+      bindPathAndTextCommonStyle(ctx, el, prevEl, forceSetStyle, scope);
+      brushText(ctx, el, style);
+    } else if (el instanceof Image_default) {
+      if (scope.lastDrawType !== DRAW_TYPE_IMAGE) {
+        forceSetStyle = true;
+        scope.lastDrawType = DRAW_TYPE_IMAGE;
+      }
+      bindImageStyle(ctx, el, prevEl, forceSetStyle, scope);
+      brushImage(ctx, el, style);
+    } else if (el.getTemporalDisplayables) {
+      if (scope.lastDrawType !== DRAW_TYPE_INCREMENTAL) {
+        forceSetStyle = true;
+        scope.lastDrawType = DRAW_TYPE_INCREMENTAL;
+      }
+      brushIncremental(ctx, el, scope);
     }
   }
-  if (!lines.length && !line) {
-    line = text;
-    currentWord = "";
-    currentWordWidth = 0;
+  el.innerAfterBrush();
+  if (el.afterBrush) {
+    if (canBatchPath) {
+      flushPathDrawn(ctx, scope);
+    }
+    el.afterBrush();
   }
-  if (currentWord) {
-    line += currentWord;
+  scope.prevEl = el;
+  el.__dirty = 0;
+  el.__isRendered = true;
+}
+function brushLoopFinalize(ctx, scope) {
+  flushPathDrawn(ctx, scope);
+  if (scope.prevElClipPaths) {
+    ctx.restore();
   }
-  if (line) {
-    lines.push(line);
-    linesWidths.push(accumWidth);
+}
+function brushIncremental(ctx, el, scope) {
+  var displayables = el.getDisplayables();
+  var temporalDisplayables = el.getTemporalDisplayables();
+  ctx.save();
+  var innerScope = {
+    prevElClipPaths: null,
+    prevEl: null,
+    allClipped: false,
+    viewWidth: scope.viewWidth,
+    viewHeight: scope.viewHeight,
+    inHover: scope.inHover,
+    beforeBrushParam: {}
+  };
+  var i;
+  var len2;
+  for (i = el.getCursor(), len2 = displayables.length; i < len2; i++) {
+    var displayable = displayables[i];
+    displayable.beforeBrush && displayable.beforeBrush(scope.beforeBrushParam);
+    displayable.innerBeforeBrush();
+    brush(ctx, displayable, innerScope);
+    displayable.innerAfterBrush();
+    displayable.afterBrush && displayable.afterBrush();
+    innerScope.prevEl = displayable;
   }
-  if (lines.length === 1) {
-    accumWidth += lastAccumWidth;
+  brushLoopFinalize(ctx, innerScope);
+  for (var i_1 = 0, len_1 = temporalDisplayables.length; i_1 < len_1; i_1++) {
+    var displayable = temporalDisplayables[i_1];
+    displayable.beforeBrush && displayable.beforeBrush(scope.beforeBrushParam);
+    displayable.innerBeforeBrush();
+    brush(ctx, displayable, innerScope);
+    displayable.innerAfterBrush();
+    displayable.afterBrush && displayable.afterBrush();
+    innerScope.prevEl = displayable;
   }
-  return {
-    accumWidth,
-    lines,
-    linesWidths
-  };
+  brushLoopFinalize(ctx, innerScope);
+  el.clearTemporalDisplayables();
+  el.notClear = true;
+  ctx.restore();
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/helper/roundRect.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/helper/roundRect.js
 function buildPath(ctx, shape) {
   var x = shape.x;
   var y = shape.y;
@@ -10342,9 +10675,10 @@ function buildPath(ctx, shape) {
   r4 !== 0 && ctx.arc(x + r4, y + height - r4, r4, Math.PI / 2, Math.PI);
   ctx.lineTo(x, y + r1);
   r1 !== 0 && ctx.arc(x + r1, y + r1, r1, Math.PI, Math.PI * 1.5);
+  ctx.closePath();
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/helper/subPixelOptimize.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/helper/subPixelOptimize.js
 var round = Math.round;
 function subPixelOptimizeLine(outputShape, inputShape, style) {
   if (!inputShape) {
@@ -10400,7 +10734,7 @@ function subPixelOptimize(position, lineWidth, positiveOrNegative) {
   return (doubledPosition + round(lineWidth)) % 2 === 0 ? doubledPosition / 2 : (doubledPosition + (positiveOrNegative ? 1 : -1)) / 2;
 }
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/shape/Rect.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/shape/Rect.js
 var RectShape = function() {
   function RectShape2() {
     this.x = 0;
@@ -10452,11 +10786,12 @@ var Rect = function(_super) {
 Rect.prototype.type = "rect";
 var Rect_default = Rect;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/Text.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/Text.js
 var DEFAULT_RICH_TEXT_COLOR = {
   fill: "#000"
 };
 var DEFAULT_STROKE_LINE_WIDTH = 2;
+var tmpCITOverflowAreaOut = {};
 var DEFAULT_TEXT_ANIMATION_PROPS = {
   style: defaults({
     fill: true,
@@ -10623,20 +10958,23 @@ var ZRText = function(_super) {
     var style = this.style;
     var textFont = style.font || DEFAULT_FONT;
     var textPadding = style.padding;
+    var defaultStyle = this._defaultStyle;
+    var baseX = style.x || 0;
+    var baseY = style.y || 0;
+    var textAlign = style.align || defaultStyle.align || "left";
+    var verticalAlign = style.verticalAlign || defaultStyle.verticalAlign || "top";
+    calcInnerTextOverflowArea(tmpCITOverflowAreaOut, defaultStyle.overflowRect, baseX, baseY, textAlign, verticalAlign);
+    baseX = tmpCITOverflowAreaOut.baseX;
+    baseY = tmpCITOverflowAreaOut.baseY;
     var text = getStyleText(style);
-    var contentBlock = parsePlainText(text, style);
+    var contentBlock = parsePlainText(text, style, tmpCITOverflowAreaOut.outerWidth, tmpCITOverflowAreaOut.outerHeight);
     var needDrawBg = needDrawBackground(style);
     var bgColorDrawn = !!style.backgroundColor;
     var outerHeight = contentBlock.outerHeight;
     var outerWidth = contentBlock.outerWidth;
-    var contentWidth = contentBlock.contentWidth;
     var textLines = contentBlock.lines;
     var lineHeight = contentBlock.lineHeight;
-    var defaultStyle = this._defaultStyle;
-    var baseX = style.x || 0;
-    var baseY = style.y || 0;
-    var textAlign = style.align || defaultStyle.align || "left";
-    var verticalAlign = style.verticalAlign || defaultStyle.verticalAlign || "top";
+    this.isTruncated = !!contentBlock.isTruncated;
     var textX = baseX;
     var textY = adjustTextY2(baseY, contentBlock.contentHeight, verticalAlign);
     if (needDrawBg || textPadding) {
@@ -10654,12 +10992,11 @@ var ZRText = function(_super) {
       }
     }
     var defaultLineWidth = 0;
+    var usingDefaultStroke = false;
     var useDefaultFill = false;
     var textFill = getFill("fill" in style ? style.fill : (useDefaultFill = true, defaultStyle.fill));
-    var textStroke = getStroke("stroke" in style ? style.stroke : !bgColorDrawn && (!defaultStyle.autoStroke || useDefaultFill) ? (defaultLineWidth = DEFAULT_STROKE_LINE_WIDTH, defaultStyle.stroke) : null);
+    var textStroke = getStroke("stroke" in style ? style.stroke : !bgColorDrawn && (!defaultStyle.autoStroke || useDefaultFill) ? (defaultLineWidth = DEFAULT_STROKE_LINE_WIDTH, usingDefaultStroke = true, defaultStyle.stroke) : null);
     var hasShadow2 = style.textShadowBlur > 0;
-    var fixedBoundingRect = style.width != null && (style.overflow === "truncate" || style.overflow === "break" || style.overflow === "breakAll");
-    var calculatedLineHeight = contentBlock.calculatedLineHeight;
     for (var i = 0; i < textLines.length; i++) {
       var el = this._getOrCreateChild(TSpan_default);
       var subElStyle = el.createStyle();
@@ -10689,24 +11026,26 @@ var ZRText = function(_super) {
       subElStyle.font = textFont;
       setSeparateFont(subElStyle, style);
       textY += lineHeight;
-      if (fixedBoundingRect) {
-        el.setBoundingRect(new BoundingRect_default(adjustTextX(subElStyle.x, style.width, subElStyle.textAlign), adjustTextY2(subElStyle.y, calculatedLineHeight, subElStyle.textBaseline), contentWidth, calculatedLineHeight));
-      }
+      el.setBoundingRect(tSpanCreateBoundingRect2(subElStyle, contentBlock.contentWidth, contentBlock.calculatedLineHeight, usingDefaultStroke ? 0 : null));
     }
   };
   ZRText2.prototype._updateRichTexts = function() {
     var style = this.style;
+    var defaultStyle = this._defaultStyle;
+    var textAlign = style.align || defaultStyle.align;
+    var verticalAlign = style.verticalAlign || defaultStyle.verticalAlign;
+    var baseX = style.x || 0;
+    var baseY = style.y || 0;
+    calcInnerTextOverflowArea(tmpCITOverflowAreaOut, defaultStyle.overflowRect, baseX, baseY, textAlign, verticalAlign);
+    baseX = tmpCITOverflowAreaOut.baseX;
+    baseY = tmpCITOverflowAreaOut.baseY;
     var text = getStyleText(style);
-    var contentBlock = parseRichText(text, style);
+    var contentBlock = parseRichText(text, style, tmpCITOverflowAreaOut.outerWidth, tmpCITOverflowAreaOut.outerHeight, textAlign);
     var contentWidth = contentBlock.width;
     var outerWidth = contentBlock.outerWidth;
     var outerHeight = contentBlock.outerHeight;
     var textPadding = style.padding;
-    var baseX = style.x || 0;
-    var baseY = style.y || 0;
-    var defaultStyle = this._defaultStyle;
-    var textAlign = style.align || defaultStyle.align;
-    var verticalAlign = style.verticalAlign || defaultStyle.verticalAlign;
+    this.isTruncated = !!contentBlock.isTruncated;
     var boxX = adjustTextX(baseX, outerWidth, textAlign);
     var boxY = adjustTextY2(baseY, outerHeight, verticalAlign);
     var xLeft = boxX;
@@ -10777,8 +11116,9 @@ var ZRText = function(_super) {
     var defaultStyle = this._defaultStyle;
     var useDefaultFill = false;
     var defaultLineWidth = 0;
+    var usingDefaultStroke = false;
     var textFill = getFill("fill" in tokenStyle ? tokenStyle.fill : "fill" in style ? style.fill : (useDefaultFill = true, defaultStyle.fill));
-    var textStroke = getStroke("stroke" in tokenStyle ? tokenStyle.stroke : "stroke" in style ? style.stroke : !bgColorDrawn && !parentBgColorDrawn && (!defaultStyle.autoStroke || useDefaultFill) ? (defaultLineWidth = DEFAULT_STROKE_LINE_WIDTH, defaultStyle.stroke) : null);
+    var textStroke = getStroke("stroke" in tokenStyle ? tokenStyle.stroke : "stroke" in style ? style.stroke : !bgColorDrawn && !parentBgColorDrawn && (!defaultStyle.autoStroke || useDefaultFill) ? (defaultLineWidth = DEFAULT_STROKE_LINE_WIDTH, usingDefaultStroke = true, defaultStyle.stroke) : null);
     var hasShadow2 = tokenStyle.textShadowBlur > 0 || style.textShadowBlur > 0;
     subElStyle.text = token.text;
     subElStyle.x = x;
@@ -10803,9 +11143,7 @@ var ZRText = function(_super) {
     if (textFill) {
       subElStyle.fill = textFill;
     }
-    var textWidth = token.contentWidth;
-    var textHeight = token.contentHeight;
-    el.setBoundingRect(new BoundingRect_default(adjustTextX(subElStyle.x, textWidth, subElStyle.textAlign), adjustTextY2(subElStyle.y, textHeight, subElStyle.textBaseline), textWidth, textHeight));
+    el.setBoundingRect(tSpanCreateBoundingRect2(subElStyle, token.contentWidth, token.contentHeight, usingDefaultStroke ? 0 : null));
   };
   ZRText2.prototype._renderBackground = function(style, topStyle, x, y, width, height) {
     var textBackgroundColor = style.backgroundColor;
@@ -10942,7 +11280,7 @@ function needDrawBackground(style) {
 }
 var Text_default = ZRText;
 
-// ../../node_modules/.pnpm/zrender@5.5.0/node_modules/zrender/lib/graphic/CompoundPath.js
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/graphic/CompoundPath.js
 var CompoundPath = function(_super) {
   __extends(CompoundPath2, _super);
   function CompoundPath2() {
@@ -10991,6 +11329,13 @@ var CompoundPath = function(_super) {
 }(Path_default);
 var CompoundPath_default = CompoundPath;
 
+// ../../node_modules/.pnpm/zrender@6.1.0/node_modules/zrender/lib/core/types.js
+var INCREMENTAL_ID_FALSE = 0;
+var INCREMENTAL_ID_TRUE_COMPAT = 1;
+var ZLEVEL2_NORMAL_ABOVE = 2;
+var ZLEVEL2_INCREMENTAL = 1;
+var ZLEVEL2_NORMAL_BELOW = 0;
+
 export {
   __extends,
   DEFAULT_FONT_FAMILY,
@@ -11041,6 +11386,9 @@ export {
   hasOwn,
   noop,
   util_exports,
+  env_default,
+  LRU_default,
+  createOrUpdateImage,
   create,
   identity,
   copy,
@@ -11069,6 +11417,21 @@ export {
   min,
   max,
   vector_exports,
+  Point_default,
+  boundingRectCreate,
+  boundingRectCopy,
+  boundingRectCalculateTransform,
+  boundingRectApplyTransform,
+  boundingRectContain,
+  createIntersectContext,
+  BoundingRect_default,
+  getBoundingRect,
+  getLineHeight,
+  parsePercent,
+  calculateTextPosition,
+  truncateText,
+  transformableGetLocalTransform,
+  transformableCreate,
   TRANSFORMABLE_PROPS,
   copyTransform,
   Transformable_default,
@@ -11082,7 +11445,7 @@ export {
   quadraticSubdivide,
   quadraticProjectPoint,
   createCubicEasingFunc,
-  LRU_default,
+  parseCssFloat,
   parse,
   lift,
   fastLerp,
@@ -11092,7 +11455,6 @@ export {
   stringify,
   liftColor,
   color_exports,
-  env_default,
   normalizeColor,
   isAroundZero2 as isAroundZero,
   round4,
@@ -11111,18 +11473,9 @@ export {
   getSRTTransformString,
   encodeBase64,
   cloneValue,
-  Point_default,
-  BoundingRect_default,
   Eventful_default,
-  getBoundingRect,
-  getLineHeight,
-  parsePercent,
-  calculateTextPosition,
   devicePixelRatio,
   REDRAW_BIT,
-  Group_default,
-  createOrUpdateImage,
-  truncateText,
   Displayable_default,
   fromPoints,
   normalizeArcAngles,
@@ -11142,8 +11495,15 @@ export {
   parseFontSize,
   hasSeparateFont,
   Text_default,
+  Group_default,
   CompoundPath_default,
+  INCREMENTAL_ID_FALSE,
+  INCREMENTAL_ID_TRUE_COMPAT,
+  ZLEVEL2_NORMAL_ABOVE,
+  ZLEVEL2_INCREMENTAL,
+  ZLEVEL2_NORMAL_BELOW,
   transformLocalCoord,
+  transformLocalCoordClear,
   encodeHTML,
   normalizeEvent,
   addEventListener,
@@ -11161,7 +11521,8 @@ export {
   getLineDash,
   createCanvasPattern,
   brushSingle,
-  brush
+  brush,
+  brushLoopFinalize
 };
 /*! Bundled license information:
 
@@ -11189,7 +11550,7 @@ zrender/lib/zrender.js:
   * All rights reserved.
   *
   * LICENSE
-  * https://github.com/ecomfe/zrender/blob/master/LICENSE.txt
+  * https://github.com/ecomfe/zrender/blob/master/LICENSE
   *)
 */
-//# sourceMappingURL=chunk-UX3FVGZU.js.map
+//# sourceMappingURL=chunk-DXNXWKU4.js.map