modern-canvas 0.26.1 → 0.26.2

package/dist/index.js

@@ -7297,7 +7297,9 @@ var Z = class extends T {
 		});
 	}
 	update() {
-		if (this.base.fonts = this.base.fonts ?? this._parent.tree?.fonts, this.base.update(), this._atlasEligible = this._computeAtlasEligible(), this._atlasEligible) {
+		this.base.fonts = this.base.fonts ?? this._parent.tree?.fonts, this.base.update();
+		let e = this.base.boundingBox, t = this._parent.size;
+		if (e && (e.left < 0 || e.top < 0 || e.left + e.width > t.width || e.top + e.height > t.height) && this._parent.updateContentAabb(), this._atlasEligible = this._computeAtlasEligible(), this._atlasEligible) {
 			this._releaseTiles(), this._textureStale = !0, this._parent.requestDraw();
 			return;
 		}
@@ -7441,6 +7443,12 @@ var Z = class extends T {
 	}
 	_computeAtlasEligible() {
 		if (this.drawMode === "texture" || this.drawMode === "path" || this.effects?.length || this.outline?.width || this.deformation && !d(this.deformation) && this.deformation.type || this.fill && !d(this.fill) || this.content.some((e) => e.fragments.some((e) => !!(e.highlightImage || e.highlight?.image || e.fill && !d(e.fill))))) return !1;
+		for (let e of [
+			"background",
+			"textDecoration",
+			"listStyle",
+			"highlight"
+		]) if (this.base.plugins.get(e)?.pathSet?.paths?.length) return !1;
 		let e = 2048 / cr.superSample / 1.5, t = this.base.characters;
 		for (let n = 0; n < t.length; n++) {
 			let r = t[n].computedStyle;
@@ -7845,6 +7853,9 @@ var Q = {
 	_updateTransform() {
 		super._updateTransform(), this._updateAabb();
 	}
+	updateContentAabb() {
+		this._updateAabb(), this._updateGlobalAabb();
+	}
 	_updateAabb() {
 		let { a: e, b: t, c: n, d: r, tx: i, ty: a } = this.transform, o = [], s = [];
 		this._getPointArray().forEach((c) => {
@@ -8045,6 +8056,30 @@ var Q = {
 	}
 	_getPointArray() {
 		let { width: e, height: t } = this.size;
+		if (this._text.isValid()) {
+			let n = this._text.base.boundingBox;
+			if (n && (n.left < 0 || n.top < 0 || n.left + n.width > e || n.top + n.height > t)) {
+				let r = Math.min(0, n.left), i = Math.min(0, n.top), a = Math.max(e, n.left + n.width), o = Math.max(t, n.top + n.height);
+				return [
+					{
+						x: r,
+						y: i
+					},
+					{
+						x: r,
+						y: o
+					},
+					{
+						x: a,
+						y: i
+					},
+					{
+						x: a,
+						y: o
+					}
+				];
+			}
+		}
 		return [
 			{
 				x: 0,

package/dist/scene/2d/element/Element2D.d.ts

@@ -102,6 +102,11 @@ export declare class Element2D extends Node2D implements Rectangulable {
     protected _treeEnter(tree: SceneTree): void;
     setProperties(properties?: Record<string, any>): this;
     _updateTransform(): void;
+    /**
+     * 供文字渲染子（Element2DText）在变形/内容改变、渲染范围可能超出布局框时调用，
+     * 按最新的 _getPointArray（已并入变形后字形范围）重算本地/全局 aabb，让选框贴合。
+     */
+    updateContentAabb(): void;
     protected _updateAabb(): void;
     updateGlobalTransform(): void;
     protected _updateGlobalAabb(): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.26.1",
+  "version": "0.26.2",
   "packageManager": "pnpm@10.19.0",
   "description": "A JavaScript WebGL rendering engine. only the ESM.",
   "author": "wxm",
@@ -64,8 +64,8 @@
     "earcut": "^3.2.0",
     "modern-font": "^0.6.2",
     "modern-idoc": "^0.12.3",
-    "modern-path2d": "^1.8.6",
-    "modern-text": "^2.1.2"
+    "modern-path2d": "^1.8.7",
+    "modern-text": "^2.1.3"
   },
   "peerDependencies": {
     "echarts": "^5 || ^6",