modern-canvas 0.12.0 → 0.12.2

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineProperty, Observable, Reactivable, parseColor, property, RawWeakMap as RawWeakMap$1, isGradient, isColorFillObject, clearUndef, idGenerator, normalizeFill, isNone, normalizeBackground, normalizeForeground, normalizeOutline, normalizeShadow, normalizeShape, getDefaultStyle, normalizeText, normalizeTextContent } from 'modern-idoc';
+import { defineProperty, Observable, Reactivable, parseColor, property, RawWeakMap as RawWeakMap$1, isGradient, isColorFillObject, clearUndef, idGenerator, normalizeFill, isNone, normalizeBackground, normalizeForeground, normalizeOutline, normalizeShadow, normalizeShape, getDefaultStyle, normalizeText, normalizeTextContent, getDefaultTextStyle, getDefaultLayoutStyle } from 'modern-idoc';
 import { fonts } from 'modern-font';
 import { extend } from 'colord';
 import namesPlugin from 'colord/plugins/names';
@@ -10199,12 +10199,12 @@ class BaseElement2DText extends CoreObject {
     const origin = parent.getTransformOrigin();
     return new Transform2D().translate(-origin.x, -origin.y).scale(scale > 0 ? 1 : -1, 1).translate(origin.x, origin.y);
   }
-  _useDrawByTexture() {
+  useTextureDraw() {
     return !!this.effects?.length || this.content.some((p) => {
       return p.fragments.some((f) => !!f.highlightImage);
     });
   }
-  _drawByVertices(ctx) {
+  _pathDraw(ctx) {
     this.base.pathSets.forEach((pathSet) => {
       pathSet.paths.forEach((path) => {
         const meta = path.getMeta();
@@ -10275,7 +10275,7 @@ class BaseElement2DText extends CoreObject {
       });
     });
   }
-  _drawByTexture(ctx) {
+  _textureDraw(ctx) {
     this._texture.width = Math.round(this.base.boundingBox.width);
     this._texture.height = Math.round(this.base.boundingBox.height);
     this.base.render({ view: this._texture.source });
@@ -10285,10 +10285,10 @@ class BaseElement2DText extends CoreObject {
   }
   draw() {
     const ctx = this.parent.context;
-    if (this._useDrawByTexture()) {
-      this._drawByTexture(ctx);
+    if (this.useTextureDraw()) {
+      this._textureDraw(ctx);
     } else {
-      this._drawByVertices(ctx);
+      this._pathDraw(ctx);
     }
   }
 }
@@ -10325,6 +10325,8 @@ var __decorateClass$e = (decorators, target, key, kind) => {
       result = (decorator(result)) || result;
   return result;
 };
+const layoutStyle = new Set(Object.keys(getDefaultLayoutStyle()));
+const textStyles = new Set(Object.keys(getDefaultTextStyle()));
 let BaseElement2D = class extends Node2D {
   size = new Vector2().on("update", () => {
     this.updateGlobalTransform();
@@ -10485,6 +10487,11 @@ let BaseElement2D = class extends Node2D {
         this.requestRedraw();
         break;
     }
+    if (textStyles.has(key) || layoutStyle.has(key)) {
+      if (this.text.isValid()) {
+        this.text.update();
+      }
+    }
   }
   _process(delta) {
     this.foreground.updateFrameIndex();
@@ -10660,7 +10667,9 @@ let BaseElement2D = class extends Node2D {
     }
     if (this._text.isValid()) {
       this._tree?.log(this.name, "text drawing");
-      this._shape.draw(true);
+      if (this._text.useTextureDraw()) {
+        this._shape.draw(true);
+      }
       this._text.draw();
     }
     this._drawContent();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "packageManager": "pnpm@10.18.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",