modern-canvas 0.6.8 → 0.6.10

package/dist/index.mjs

@@ -5770,9 +5770,6 @@ let Node = class extends CoreObject {
         return false;
     }
   }
-  _update(changed) {
-    super._update(changed);
-  }
   _updateProperty(key, value, oldValue, declaration) {
     super._updateProperty(key, value, oldValue, declaration);
   }
@@ -7098,29 +7095,26 @@ class CanvasContext extends Path2D {
     }
   }
   stroke(options) {
-    const path = new Path2D(this);
-    let texture = this._defaultStyle;
-    if (this.strokeStyle) {
-      texture = this._toTexture(this.strokeStyle);
-    }
-    if (this.curves.length) {
-      this._draws.push({
-        ...options,
-        type: "stroke",
-        path,
-        texture,
-        uvTransform: this.uvTransform,
-        vertTransform: this.vertTransform,
-        style: {
-          alignment: 0.5,
-          cap: this.lineCap ?? "butt",
-          join: this.lineJoin ?? "miter",
-          width: this.lineWidth ?? 1,
-          miterLimit: this.miterLimit ?? 10
-        }
-      });
-      super.reset();
+    if (!this.curves.length) {
+      return;
     }
+    const strokeStyle = this.strokeStyle ?? (typeof this.style.stroke === "string" ? this.style.stroke : void 0);
+    this._draws.push({
+      ...options,
+      type: "stroke",
+      path: new Path2D(this),
+      texture: strokeStyle ? this._toTexture(strokeStyle) : this._defaultStyle,
+      uvTransform: this.uvTransform,
+      vertTransform: this.vertTransform,
+      style: {
+        alignment: 0.5,
+        cap: this.lineCap ?? "butt",
+        join: this.lineJoin ?? "miter",
+        width: this.lineWidth ?? 1,
+        miterLimit: this.miterLimit ?? 10
+      }
+    });
+    super.reset();
   }
   fillRect(x, y, width, height) {
     this.rect(x, y, width, height).fill();
@@ -7129,16 +7123,15 @@ class CanvasContext extends Path2D {
     this.rect(x, y, width, height).stroke();
   }
   fill(options) {
-    const path = new Path2D(this);
-    let texture = this._defaultStyle;
-    if (this.fillStyle) {
-      texture = this._toTexture(this.fillStyle);
+    if (!this.curves.length) {
+      return;
     }
+    const fillStyle = this.fillStyle ?? (typeof this.style.fill === "string" ? this.style.fill : void 0);
     this._draws.push({
       ...options,
       type: "fill",
-      path,
-      texture,
+      path: new Path2D(this),
+      texture: fillStyle ? this._toTexture(fillStyle) : this._defaultStyle,
       uvTransform: this.uvTransform,
       vertTransform: this.vertTransform
     });
@@ -7297,15 +7290,12 @@ let CanvasItem = class extends TimelineNode {
   }
   requestRedraw() {
     this._redrawing = true;
-    this.requestUpdate();
   }
   requestRelayout() {
     this._relayouting = true;
-    this.requestUpdate();
   }
   requestRepaint() {
     this._repainting = true;
-    this.requestUpdate();
   }
   _updateGlobalVisible() {
     this._parentGlobalVisible = this.getParent()?.globalVisible;
@@ -7344,22 +7334,14 @@ let CanvasItem = class extends TimelineNode {
   _process(delta) {
     super._process(delta);
     const parent = this.getParent();
-    if (this._parentGlobalVisible !== parent?.globalVisible) {
-      this.requestUpdate();
-    }
-    if (this._parentGlobalOpacity !== parent?.globalOpacity) {
-      this.requestUpdate();
-    }
-  }
-  _update(changed) {
-    super._update(changed);
-    const parent = this.getParent();
     if (this._parentGlobalVisible !== parent?.globalVisible) {
       this._updateGlobalVisible();
     }
     if (this._parentGlobalOpacity !== parent?.globalOpacity) {
       this._updateGlobalOpacity();
     }
+  }
+  _updateBatchables() {
     const redrawing = this._redrawing;
     let relayouting = this._relayouting;
     let repainting = this._repainting;
@@ -7388,6 +7370,7 @@ let CanvasItem = class extends TimelineNode {
     }
   }
   _render(renderer) {
+    this._updateBatchables();
     this._batchables.forEach((batchable) => {
       batchable.texture?.upload(renderer);
       renderer.batch2D.render({
@@ -9339,15 +9322,13 @@ class BaseElement2DText extends CoreObject {
   draw() {
     const ctx = this.parent.context;
     this.base.update();
-    this.base.paragraphs.forEach((p) => {
-      p.fragments.forEach((f) => {
-        f.characters.forEach((c) => {
-          ctx.fillStyle = c.computedStyle.color;
-          ctx.addPath(c.path);
-          ctx.style.fillRule = "evenodd";
-          ctx.closePath();
-          ctx.fill();
-        });
+    this.base.pathSets.forEach((pathSet) => {
+      pathSet.paths.forEach((path) => {
+        ctx.addPath(path);
+        ctx.style = { ...path.style };
+        ctx.fillStyle = void 0;
+        ctx.strokeStyle = void 0;
+        ctx.fill();
       });
     });
   }
@@ -9396,7 +9377,7 @@ let Node2D = class extends CanvasItem {
     super._updateProperty(key, value, oldValue, declaration);
     switch (key) {
       case "rotation":
-        this.updateGlobalTransform();
+        this.requestRelayout();
         break;
     }
   }
@@ -13591,7 +13572,7 @@ let CanvasItemEditor = class extends Control {
     style: {
       width: 500,
       height: 500,
-      backgroundColor: "#FFFFFFFF",
+      backgroundColor: "#00FFFFFF",
       // overflow: 'hidden',
       pointerEvents: "none"
       // boxShadow: '2px 2px 2px 1px rgba(0, 0, 0, 0.2)',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -70,15 +70,15 @@
     "colord": "^2.9.3",
     "earcut": "^3.0.1",
     "modern-font": "^0.4.1",
-    "modern-idoc": "^0.8.2",
-    "modern-path2d": "^1.4.1",
-    "modern-text": "^1.6.1",
+    "modern-idoc": "^0.8.4",
+    "modern-path2d": "^1.4.3",
+    "modern-text": "^1.6.4",
     "yoga-layout": "^3.2.1"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^4.16.2",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^24.0.10",
+    "@types/node": "^24.0.12",
     "bumpp": "^10.2.0",
     "conventional-changelog-cli": "^5.0.0",
     "eslint": "^9.30.1",
@@ -88,7 +88,7 @@
     "simple-git-hooks": "^2.13.0",
     "typescript": "^5.8.3",
     "unbuild": "^3.5.0",
-    "vite": "^7.0.2",
+    "vite": "^7.0.3",
     "vitest": "^3.2.4"
   },
   "simple-git-hooks": {