modern-canvas 0.4.27 → 0.4.29

package/dist/index.mjs

@@ -10443,13 +10443,18 @@ let Text2D = class extends TextureRect2D {
   measureDom;
   fonts;
   texture = new CanvasTexture();
-  _baseText = new Text();
+  base = new Text();
   measureResult;
   _subTextsCount = 0;
   constructor(properties, children = []) {
     super();
     this.setProperties(properties);
     this.append(children);
+    if (properties?.plugins) {
+      properties.plugins.forEach((plugin) => {
+        this.base.use(plugin);
+      });
+    }
   }
   _updateProperty(key, value, oldValue, declaration) {
     super._updateProperty(key, value, oldValue, declaration);
@@ -10469,13 +10474,14 @@ let Text2D = class extends TextureRect2D {
       });
     }
   }
-  _updateText() {
-    this._baseText.style = this.style.toJSON();
-    this._baseText.content = this.content ?? "";
-    this._baseText.effects = this.effects;
-    this._baseText.fonts = this.fonts;
-    this._baseText.measureDom = this.measureDom;
-    this._baseText.requestUpdate();
+  _updateBase() {
+    this.base.style = this.style.toJSON();
+    this.base.content = this.content ?? "";
+    this.base.effects = this.effects;
+    this.base.fonts = this.fonts;
+    this.base.measureDom = this.measureDom;
+    this.emit("updateBase", this.base);
+    this.base.requestUpdate();
   }
   _updateStyleProperty(key, value, oldValue) {
     switch (key) {
@@ -10527,18 +10533,17 @@ let Text2D = class extends TextureRect2D {
     }
   }
   measure() {
-    this._updateText();
-    return this._baseText.measure();
+    this._updateBase();
+    return this.base.measure();
   }
   updateMeasure() {
     this.measureResult = this.measure();
-    const textWidth = this.measureResult.boundingBox.width;
-    const textHeight = this.measureResult.boundingBox.height;
-    const { left, top, width, height = textHeight } = this.style;
-    this.position.x = left + Math.min(0, ((width || textWidth) - textWidth) / 2);
-    this.position.y = top + Math.min(0, ((height || textHeight) - textHeight) / 2);
-    this.size.width = textWidth;
-    this.size.height = textHeight;
+    const { boundingBox } = this.measureResult;
+    const { left, top } = this.style;
+    this.position.x = left + Math.min(0, boundingBox.left);
+    this.position.y = top + Math.min(0, boundingBox.top);
+    this.size.width = boundingBox.width;
+    this.size.height = boundingBox.height;
     return this;
   }
   _updateSplit() {
@@ -10580,7 +10585,7 @@ let Text2D = class extends TextureRect2D {
       if (onText2DRender) {
         onText2DRender();
       } else {
-        this._baseText.render({
+        this.base.render({
           pixelRatio: this.texture.pixelRatio,
           view: this.texture.source
         });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.4.27",
+  "version": "0.4.29",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -69,27 +69,27 @@
   "dependencies": {
     "colord": "^2.9.3",
     "earcut": "^3.0.1",
-    "modern-font": "^0.4.0",
+    "modern-font": "^0.4.1",
     "modern-idoc": "^0.2.13",
     "modern-path2d": "^1.2.18",
-    "modern-text": "^1.3.1",
+    "modern-text": "^1.3.4",
     "yoga-layout": "^3.2.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.8.1",
+    "@antfu/eslint-config": "^4.11.0",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^22.13.10",
-    "bumpp": "^10.0.3",
+    "@types/node": "^22.13.17",
+    "bumpp": "^10.1.0",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^9.22.0",
-    "lint-staged": "^15.4.3",
+    "eslint": "^9.23.0",
+    "lint-staged": "^15.5.0",
     "lottie-web": "^5.12.2",
     "modern-gif": "^2.0.4",
-    "simple-git-hooks": "^2.11.1",
+    "simple-git-hooks": "^2.12.1",
     "typescript": "^5.8.2",
     "unbuild": "^3.5.0",
-    "vite": "^6.2.1",
-    "vitest": "^3.0.8"
+    "vite": "^6.2.4",
+    "vitest": "^3.1.1"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"