modern-canvas 0.6.9 → 0.6.11

package/dist/index.mjs

@@ -5593,7 +5593,6 @@ function getNodeIid(key) {
   return iid;
 }
 let Node = class extends CoreObject {
-  meta = {};
   _readyed = false;
   constructor(properties, nodes = []) {
     super();
@@ -6082,6 +6081,9 @@ __decorateClass$R([
 __decorateClass$R([
   property({ fallback: "default" })
 ], Node.prototype, "internalMode", 2);
+__decorateClass$R([
+  property({ default: () => ({}) })
+], Node.prototype, "meta", 2);
 __decorateClass$R([
   property({ protected: true })
 ], Node.prototype, "mask", 2);
@@ -7095,29 +7097,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();
@@ -7126,16 +7125,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
     });
@@ -9326,15 +9324,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();
       });
     });
   }
@@ -9383,7 +9379,7 @@ let Node2D = class extends CanvasItem {
     super._updateProperty(key, value, oldValue, declaration);
     switch (key) {
       case "rotation":
-        this.updateGlobalTransform();
+        this.requestRelayout();
         break;
     }
   }
@@ -13578,7 +13574,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.9",
+  "version": "0.6.11",
   "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": {