@visactor/vrender 0.20.5-beta.0 → 0.20.6-alpha.0

package/cjs/index.d.ts

@@ -1,4 +1,4 @@
 import '@visactor/vrender-core';
-export declare const version = "0.20.5-beta.0";
+export declare const version = "0.20.6-alpha.0";
 export * from '@visactor/vrender-core';
 export * from '@visactor/vrender-kits';

package/cjs/index.js

@@ -21,16 +21,17 @@ Object.defineProperty(exports, "__esModule", {
 
 const vrender_core_1 = require("@visactor/vrender-core"), vrender_kits_1 = require("@visactor/vrender-kits"), vrender_kits_2 = require("@visactor/vrender-kits");
 
-exports.version = "0.20.5-beta.0", (0, vrender_core_1.preLoadAllModule)(), (0, vrender_core_1.isBrowserEnv)() ? (0, 
-vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, vrender_core_1.isNodeEnv)() && (0, 
-vrender_kits_1.loadNodeEnv)(vrender_core_1.container), (0, vrender_kits_2.registerArc)(), 
-(0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), (0, vrender_kits_2.registerCircle)(), 
-(0, vrender_kits_2.registerGlyph)(), (0, vrender_kits_2.registerGroup)(), (0, vrender_kits_2.registerImage)(), 
-(0, vrender_kits_2.registerLine)(), (0, vrender_kits_2.registerPath)(), (0, vrender_kits_2.registerPolygon)(), 
-(0, vrender_kits_2.registerPyramid3d)(), (0, vrender_kits_2.registerRect)(), (0, 
-vrender_kits_2.registerRect3d)(), (0, vrender_kits_2.registerRichtext)(), (0, vrender_kits_2.registerShadowRoot)(), 
-(0, vrender_kits_2.registerSymbol)(), (0, vrender_kits_2.registerText)(), (0, vrender_kits_2.registerWrapText)(), 
-(0, vrender_core_1.registerFlexLayoutPlugin)(), (0, vrender_core_1.registerViewTransform3dPlugin)(), 
+exports.version = "0.20.6-alpha.0", (0, vrender_core_1.preLoadAllModule)(), (0, 
+vrender_core_1.isBrowserEnv)() ? (0, vrender_kits_1.loadBrowserEnv)(vrender_core_1.container) : (0, 
+vrender_core_1.isNodeEnv)() && (0, vrender_kits_1.loadNodeEnv)(vrender_core_1.container), 
+(0, vrender_kits_2.registerArc)(), (0, vrender_kits_2.registerArc3d)(), (0, vrender_kits_2.registerArea)(), 
+(0, vrender_kits_2.registerCircle)(), (0, vrender_kits_2.registerGlyph)(), (0, vrender_kits_2.registerGroup)(), 
+(0, vrender_kits_2.registerImage)(), (0, vrender_kits_2.registerLine)(), (0, vrender_kits_2.registerPath)(), 
+(0, vrender_kits_2.registerPolygon)(), (0, vrender_kits_2.registerPyramid3d)(), 
+(0, vrender_kits_2.registerRect)(), (0, vrender_kits_2.registerRect3d)(), (0, vrender_kits_2.registerRichtext)(), 
+(0, vrender_kits_2.registerShadowRoot)(), (0, vrender_kits_2.registerSymbol)(), 
+(0, vrender_kits_2.registerText)(), (0, vrender_kits_2.registerWrapText)(), (0, 
+vrender_core_1.registerFlexLayoutPlugin)(), (0, vrender_core_1.registerViewTransform3dPlugin)(), 
 (0, vrender_core_1.registerHtmlAttributePlugin)(), (0, vrender_core_1.registerReactAttributePlugin)(), 
 (0, vrender_core_1.registerDirectionalLight)(), (0, vrender_core_1.registerOrthoCamera)(), 
 __exportStar(require("@visactor/vrender-core"), exports), __exportStar(require("@visactor/vrender-kits"), exports);

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAqE;AACrE,yDAmBgC;AAEnB,QAAA,OAAO,GAAG,eAAe,CAAC;AAEvC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AACtB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\nexport const version = \"0.20.5-beta.0\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAChC,yDAWgC;AAChC,yDAAqE;AACrE,yDAmBgC;AAEnB,QAAA,OAAO,GAAG,gBAAgB,CAAC;AAExC,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAI,IAAA,2BAAY,GAAE,EAAE;IAClB,IAAA,6BAAc,EAAC,wBAAS,CAAC,CAAC;CAC3B;KAAM,IAAI,IAAA,wBAAS,GAAE,EAAE;IACtB,IAAA,0BAAW,EAAC,wBAAS,CAAC,CAAC;CACxB;AACD,IAAA,0BAAW,GAAE,CAAC;AACd,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,4BAAa,GAAE,CAAC;AAChB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,8BAAe,GAAE,CAAC;AAClB,IAAA,gCAAiB,GAAE,CAAC;AACpB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,+BAAgB,GAAE,CAAC;AACnB,IAAA,iCAAkB,GAAE,CAAC;AACrB,IAAA,6BAAc,GAAE,CAAC;AACjB,IAAA,2BAAY,GAAE,CAAC;AACf,IAAA,+BAAgB,GAAE,CAAC;AAEnB,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,4CAA6B,GAAE,CAAC;AAChC,IAAA,0CAA2B,GAAE,CAAC;AAC9B,IAAA,2CAA4B,GAAE,CAAC;AAC/B,IAAA,uCAAwB,GAAE,CAAC;AAC3B,IAAA,kCAAmB,GAAE,CAAC;AACtB,yDAAuC;AACvC,yDAAuC","file":"index.js","sourcesContent":["import '@visactor/vrender-core';\nimport {\n  container,\n  isBrowserEnv,\n  isNodeEnv,\n  preLoadAllModule,\n  registerFlexLayoutPlugin,\n  registerViewTransform3dPlugin,\n  registerHtmlAttributePlugin,\n  registerReactAttributePlugin,\n  registerDirectionalLight,\n  registerOrthoCamera\n} from '@visactor/vrender-core';\nimport { loadBrowserEnv, loadNodeEnv } from '@visactor/vrender-kits';\nimport {\n  registerArc,\n  registerArc3d,\n  registerArea,\n  registerCircle,\n  registerGlyph,\n  registerGroup,\n  registerImage,\n  registerLine,\n  registerPath,\n  registerPolygon,\n  registerPyramid3d,\n  registerRect,\n  registerRect3d,\n  registerRichtext,\n  registerShadowRoot,\n  registerSymbol,\n  registerText,\n  registerWrapText\n} from '@visactor/vrender-kits';\n// 导出版本号\nexport const version = \"0.20.6-alpha.0\";\n\npreLoadAllModule();\n\nif (isBrowserEnv()) {\n  loadBrowserEnv(container);\n} else if (isNodeEnv()) {\n  loadNodeEnv(container);\n}\nregisterArc();\nregisterArc3d();\nregisterArea();\nregisterCircle();\nregisterGlyph();\nregisterGroup();\nregisterImage();\nregisterLine();\nregisterPath();\nregisterPolygon();\nregisterPyramid3d();\nregisterRect();\nregisterRect3d();\nregisterRichtext();\nregisterShadowRoot();\nregisterSymbol();\nregisterText();\nregisterWrapText();\n\nregisterFlexLayoutPlugin();\nregisterViewTransform3dPlugin();\nregisterHtmlAttributePlugin();\nregisterReactAttributePlugin();\nregisterDirectionalLight();\nregisterOrthoCamera();\nexport * from '@visactor/vrender-core';\nexport * from '@visactor/vrender-kits';\n"]}

package/dist/index.es.js

@@ -2549,7 +2549,7 @@ class BoundsContext {
     this.bounds.add(cx + xmin, cy + ymin), this.bounds.add(cx + xmax, cy + ymax);
   }
   arcTo(x1, y1, x2, y2, radius) {
-    throw new Error("不支持arcTo");
+    this.bounds.add(x1, y1);
   }
   bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
     this.bounds.add(cp1x, cp1y), this.bounds.add(cp2x, cp2y), this.bounds.add(x, y);
@@ -2758,19 +2758,25 @@ function drawArc(context, x, y, coords) {
 }
 const addArcToBezierPath$1 = (bezierPath, startAngle, endAngle, cx, cy, rx, ry) => {
   const delta = Math.abs(endAngle - startAngle),
-    len = 4 * Math.tan(delta / 4) / 3,
-    dir = endAngle < startAngle ? -1 : 1,
-    c1 = Math.cos(startAngle),
-    s1 = Math.sin(startAngle),
-    c2 = Math.cos(endAngle),
-    s2 = Math.sin(endAngle),
-    x1 = c1 * rx + cx,
-    y1 = s1 * ry + cy,
-    x4 = c2 * rx + cx,
-    y4 = s2 * ry + cy,
-    hx = rx * len * dir,
-    hy = ry * len * dir;
-  bezierPath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4);
+    count = delta > .5 * Math.PI ? Math.ceil(2 * delta / Math.PI) : 1,
+    stepAngle = (endAngle - startAngle) / count;
+  for (let i = 0; i < count; i++) {
+    const sa = startAngle + stepAngle * i,
+      ea = startAngle + stepAngle * (i + 1),
+      len = 4 * Math.tan(Math.abs(stepAngle) / 4) / 3,
+      dir = ea < sa ? -1 : 1,
+      c1 = Math.cos(sa),
+      s1 = Math.sin(sa),
+      c2 = Math.cos(ea),
+      s2 = Math.sin(ea),
+      x1 = c1 * rx + cx,
+      y1 = s1 * ry + cy,
+      x4 = c2 * rx + cx,
+      y4 = s2 * ry + cy,
+      hx = rx * len * dir,
+      hy = ry * len * dir;
+    bezierPath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4);
+  }
 };
 
 const commandFuncs = [(command, context, x, y, sx, sy, z) => context.arc(command[1] * sx + x, command[2] * sy + y, command[3] * (sx + sy) / 2, command[4], command[5], command[6], z), (command, context, x, y, sx, sy, z) => context.arcTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * (sx + sy) / 2, z), (command, context, x, y, sx, sy, z) => context.bezierCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * sx + x, command[6] * sy + y, z), (command, context, x, y) => context.closePath(), (command, context, x, y, sx, sy) => context.ellipse(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, command[5], command[6], command[7], command[8]), (command, context, x, y, sx, sy, z) => context.lineTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.moveTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.quadraticCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, z), (command, context, x, y, sx, sy, z) => context.rect(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, z)];
@@ -7569,8 +7575,9 @@ class TagPointsUpdate extends ACustomAnimate {
     }), this.clipRange && (out.clipRange = this.clipRange + (1 - this.clipRange) * ratio), this.segmentsCache && this.to.segments) {
       let start = 0;
       out.segments = this.to.segments.map((segment, index) => {
-        const points = this.points.slice(start, this.segmentsCache[start]);
-        return start += this.segmentsCache[start], Object.assign(Object.assign({}, segment), {
+        const end = start + this.segmentsCache[index],
+          points = this.points.slice(start, end);
+        return start = end, Object.assign(Object.assign({}, segment), {
           points: points
         });
       });
@@ -11237,6 +11244,7 @@ let DefaultGraphicService = class {
   validCheck(attribute, theme, aabbBounds, graphic) {
     if (!graphic) return !0;
     if (null != attribute.forceBoundsHeight || null != attribute.forceBoundsWidth) return !0;
+    if (graphic.shadowRoot) return !0;
     if (!graphic.valid) return aabbBounds.clear(), !1;
     const {
       visible = theme.visible
@@ -14383,13 +14391,23 @@ class Text extends Graphic {
     if (this.isSimplify()) return this.tryUpdateAABBBounds(), this.cache.clipedWidth;
   }
   get cliped() {
+    var _a, _b;
     const textTheme = this.getGraphicTheme(),
-      attribute = this.attribute;
-    if (this.isMultiLine) return;
-    const {
-      maxLineWidth = textTheme.maxLineWidth
-    } = attribute;
-    return !!Number.isFinite(maxLineWidth) && (this.tryUpdateAABBBounds(), "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString());
+      attribute = this.attribute,
+      {
+        maxLineWidth = textTheme.maxLineWidth,
+        text: text,
+        whiteSpace = textTheme.whiteSpace
+      } = attribute;
+    if (!Number.isFinite(maxLineWidth)) return !1;
+    if (this.tryUpdateAABBBounds(), null === (_b = null === (_a = this.cache) || void 0 === _a ? void 0 : _a.layoutData) || void 0 === _b ? void 0 : _b.lines) {
+      let mergedText = "";
+      this.cache.layoutData.lines.forEach(item => {
+        mergedText += item.str;
+      });
+      return (Array.isArray(text) ? text.join("") : text) !== mergedText;
+    }
+    return "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString();
   }
   get multilineLayout() {
     if (this.isMultiLine) return this.tryUpdateAABBBounds(), this.cache.layoutData;
@@ -16290,10 +16308,22 @@ class Line {
   }
   draw(ctx, lastLine, x, y, drawEllipsis, drawIcon) {
     if (drawEllipsis && (lastLine || this.paragraphs.some(p => p.overflow))) {
-      let otherParagraphWidth = 0;
+      let emptyOverflow = !0,
+        skipEllipsis = !1;
       for (let i = this.paragraphs.length - 1; i >= 0; i--) {
         const paragraph = this.paragraphs[i];
-        if (paragraph.overflow) continue;
+        if (paragraph.overflow) emptyOverflow = emptyOverflow && "" === paragraph.text;else if (emptyOverflow) {
+          skipEllipsis = !0;
+          break;
+        }
+      }
+      let otherParagraphWidth = 0;
+      if (!skipEllipsis) for (let i = this.paragraphs.length - 1; i >= 0; i--) {
+        const paragraph = this.paragraphs[i];
+        if (paragraph.overflow) {
+          if ("" === paragraph.text) break;
+          continue;
+        }
         if (paragraph instanceof RichTextIcon) break;
         if ("vertical" === this.direction && "vertical" !== paragraph.direction) {
           paragraph.verticalEllipsis = !0;
@@ -16518,6 +16548,21 @@ class RichText extends Graphic {
   getFrameCache() {
     return this.shouldUpdateShape() && (this.doUpdateFrameCache(), this.clearUpdateShapeTag()), this._frameCache;
   }
+  get cliped() {
+    const frameCache = this.getFrameCache();
+    if (frameCache.actualHeight > frameCache.height) return !0;
+    const {
+      disableAutoWrapLine: disableAutoWrapLine
+    } = this.attribute;
+    if (disableAutoWrapLine) for (let i = 0; i < frameCache.lines.length; i++) {
+      const l = frameCache.lines[i];
+      for (let j = 0; j < l.paragraphs.length; j++) {
+        const p = l.paragraphs[j];
+        if (p.overflow && "" !== p.text) return !0;
+      }
+    }
+    return !1;
+  }
   combinedStyleToCharacter(config) {
     const {
       fill: fill,
@@ -28285,7 +28330,7 @@ const registerWrapText = _registerWrapText;
 
 const roughModule = _roughModule;
 
-const version = "0.20.5-beta.0";
+const version = "0.20.6-alpha.0";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);

package/dist/index.js

@@ -2555,7 +2555,7 @@
         this.bounds.add(cx + xmin, cy + ymin), this.bounds.add(cx + xmax, cy + ymax);
       }
       arcTo(x1, y1, x2, y2, radius) {
-        throw new Error("不支持arcTo");
+        this.bounds.add(x1, y1);
       }
       bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) {
         this.bounds.add(cp1x, cp1y), this.bounds.add(cp2x, cp2y), this.bounds.add(x, y);
@@ -2764,19 +2764,25 @@
     }
     const addArcToBezierPath$1 = (bezierPath, startAngle, endAngle, cx, cy, rx, ry) => {
       const delta = Math.abs(endAngle - startAngle),
-        len = 4 * Math.tan(delta / 4) / 3,
-        dir = endAngle < startAngle ? -1 : 1,
-        c1 = Math.cos(startAngle),
-        s1 = Math.sin(startAngle),
-        c2 = Math.cos(endAngle),
-        s2 = Math.sin(endAngle),
-        x1 = c1 * rx + cx,
-        y1 = s1 * ry + cy,
-        x4 = c2 * rx + cx,
-        y4 = s2 * ry + cy,
-        hx = rx * len * dir,
-        hy = ry * len * dir;
-      bezierPath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4);
+        count = delta > .5 * Math.PI ? Math.ceil(2 * delta / Math.PI) : 1,
+        stepAngle = (endAngle - startAngle) / count;
+      for (let i = 0; i < count; i++) {
+        const sa = startAngle + stepAngle * i,
+          ea = startAngle + stepAngle * (i + 1),
+          len = 4 * Math.tan(Math.abs(stepAngle) / 4) / 3,
+          dir = ea < sa ? -1 : 1,
+          c1 = Math.cos(sa),
+          s1 = Math.sin(sa),
+          c2 = Math.cos(ea),
+          s2 = Math.sin(ea),
+          x1 = c1 * rx + cx,
+          y1 = s1 * ry + cy,
+          x4 = c2 * rx + cx,
+          y4 = s2 * ry + cy,
+          hx = rx * len * dir,
+          hy = ry * len * dir;
+        bezierPath.push(x1 - hx * s1, y1 + hy * c1, x4 + hx * s2, y4 - hy * c2, x4, y4);
+      }
     };
 
     const commandFuncs = [(command, context, x, y, sx, sy, z) => context.arc(command[1] * sx + x, command[2] * sy + y, command[3] * (sx + sy) / 2, command[4], command[5], command[6], z), (command, context, x, y, sx, sy, z) => context.arcTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * (sx + sy) / 2, z), (command, context, x, y, sx, sy, z) => context.bezierCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, command[5] * sx + x, command[6] * sy + y, z), (command, context, x, y) => context.closePath(), (command, context, x, y, sx, sy) => context.ellipse(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, command[5], command[6], command[7], command[8]), (command, context, x, y, sx, sy, z) => context.lineTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.moveTo(command[1] * sx + x, command[2] * sy + y, z), (command, context, x, y, sx, sy, z) => context.quadraticCurveTo(command[1] * sx + x, command[2] * sy + y, command[3] * sx + x, command[4] * sy + y, z), (command, context, x, y, sx, sy, z) => context.rect(command[1] * sx + x, command[2] * sy + y, command[3] * sx, command[4] * sy, z)];
@@ -7575,8 +7581,9 @@
         }), this.clipRange && (out.clipRange = this.clipRange + (1 - this.clipRange) * ratio), this.segmentsCache && this.to.segments) {
           let start = 0;
           out.segments = this.to.segments.map((segment, index) => {
-            const points = this.points.slice(start, this.segmentsCache[start]);
-            return start += this.segmentsCache[start], Object.assign(Object.assign({}, segment), {
+            const end = start + this.segmentsCache[index],
+              points = this.points.slice(start, end);
+            return start = end, Object.assign(Object.assign({}, segment), {
               points: points
             });
           });
@@ -11243,6 +11250,7 @@
       validCheck(attribute, theme, aabbBounds, graphic) {
         if (!graphic) return !0;
         if (null != attribute.forceBoundsHeight || null != attribute.forceBoundsWidth) return !0;
+        if (graphic.shadowRoot) return !0;
         if (!graphic.valid) return aabbBounds.clear(), !1;
         const {
           visible = theme.visible
@@ -14389,13 +14397,23 @@
         if (this.isSimplify()) return this.tryUpdateAABBBounds(), this.cache.clipedWidth;
       }
       get cliped() {
+        var _a, _b;
         const textTheme = this.getGraphicTheme(),
-          attribute = this.attribute;
-        if (this.isMultiLine) return;
-        const {
-          maxLineWidth = textTheme.maxLineWidth
-        } = attribute;
-        return !!Number.isFinite(maxLineWidth) && (this.tryUpdateAABBBounds(), "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString());
+          attribute = this.attribute,
+          {
+            maxLineWidth = textTheme.maxLineWidth,
+            text: text,
+            whiteSpace = textTheme.whiteSpace
+          } = attribute;
+        if (!Number.isFinite(maxLineWidth)) return !1;
+        if (this.tryUpdateAABBBounds(), null === (_b = null === (_a = this.cache) || void 0 === _a ? void 0 : _a.layoutData) || void 0 === _b ? void 0 : _b.lines) {
+          let mergedText = "";
+          this.cache.layoutData.lines.forEach(item => {
+            mergedText += item.str;
+          });
+          return (Array.isArray(text) ? text.join("") : text) !== mergedText;
+        }
+        return "vertical" === attribute.direction && this.cache.verticalList && this.cache.verticalList[0] ? this.cache.verticalList[0].map(item => item.text).join("") !== attribute.text.toString() : null != this.clipedText && this.clipedText !== attribute.text.toString();
       }
       get multilineLayout() {
         if (this.isMultiLine) return this.tryUpdateAABBBounds(), this.cache.layoutData;
@@ -16296,10 +16314,22 @@
       }
       draw(ctx, lastLine, x, y, drawEllipsis, drawIcon) {
         if (drawEllipsis && (lastLine || this.paragraphs.some(p => p.overflow))) {
-          let otherParagraphWidth = 0;
+          let emptyOverflow = !0,
+            skipEllipsis = !1;
           for (let i = this.paragraphs.length - 1; i >= 0; i--) {
             const paragraph = this.paragraphs[i];
-            if (paragraph.overflow) continue;
+            if (paragraph.overflow) emptyOverflow = emptyOverflow && "" === paragraph.text;else if (emptyOverflow) {
+              skipEllipsis = !0;
+              break;
+            }
+          }
+          let otherParagraphWidth = 0;
+          if (!skipEllipsis) for (let i = this.paragraphs.length - 1; i >= 0; i--) {
+            const paragraph = this.paragraphs[i];
+            if (paragraph.overflow) {
+              if ("" === paragraph.text) break;
+              continue;
+            }
             if (paragraph instanceof RichTextIcon) break;
             if ("vertical" === this.direction && "vertical" !== paragraph.direction) {
               paragraph.verticalEllipsis = !0;
@@ -16524,6 +16554,21 @@
       getFrameCache() {
         return this.shouldUpdateShape() && (this.doUpdateFrameCache(), this.clearUpdateShapeTag()), this._frameCache;
       }
+      get cliped() {
+        const frameCache = this.getFrameCache();
+        if (frameCache.actualHeight > frameCache.height) return !0;
+        const {
+          disableAutoWrapLine: disableAutoWrapLine
+        } = this.attribute;
+        if (disableAutoWrapLine) for (let i = 0; i < frameCache.lines.length; i++) {
+          const l = frameCache.lines[i];
+          for (let j = 0; j < l.paragraphs.length; j++) {
+            const p = l.paragraphs[j];
+            if (p.overflow && "" !== p.text) return !0;
+          }
+        }
+        return !1;
+      }
       combinedStyleToCharacter(config) {
         const {
           fill: fill,
@@ -28291,7 +28336,7 @@
 
     const roughModule = _roughModule;
 
-    const version = "0.20.5-beta.0";
+    const version = "0.20.6-alpha.0";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);