modern-canvas 0.7.1 → 0.7.3

package/dist/index.mjs

@@ -6159,20 +6159,20 @@ __decorateClass$S([
   property({ fallback: idGenerator() })
 ], Node.prototype, "name", 2);
 __decorateClass$S([
-  property({ fallback: "inherit" })
+  property({ default: () => ({}) })
+], Node.prototype, "meta", 2);
+__decorateClass$S([
+  property({ protected: true, fallback: "inherit" })
 ], Node.prototype, "processMode", 2);
 __decorateClass$S([
-  property({ fallback: "default" })
+  property({ protected: true, fallback: "default" })
 ], Node.prototype, "processSortMode", 2);
 __decorateClass$S([
-  property({ fallback: "inherit" })
+  property({ protected: true, fallback: "inherit" })
 ], Node.prototype, "renderMode", 2);
 __decorateClass$S([
-  property({ fallback: "default" })
+  property({ protected: true, fallback: "default" })
 ], Node.prototype, "internalMode", 2);
-__decorateClass$S([
-  property({ default: () => ({}) })
-], Node.prototype, "meta", 2);
 __decorateClass$S([
   property({ protected: true })
 ], Node.prototype, "mask", 2);
@@ -9306,6 +9306,14 @@ class BaseElement2DBackground extends BaseElement2DFill {
       isNone(properties) ? void 0 : normalizeBackground(properties)
     );
   }
+  _updateProperty(key, value, oldValue, declaration) {
+    super._updateProperty(key, value, oldValue, declaration);
+    switch (key) {
+      case "fillWithShape":
+        this.parent.requestRedraw();
+        break;
+    }
+  }
 }
 __decorateClass$r([
   property()
@@ -9326,6 +9334,14 @@ class BaseElement2DForeground extends BaseElement2DFill {
       isNone(properties) ? void 0 : normalizeForeground(properties)
     );
   }
+  _updateProperty(key, value, oldValue, declaration) {
+    super._updateProperty(key, value, oldValue, declaration);
+    switch (key) {
+      case "fillWithShape":
+        this.parent.requestRedraw();
+        break;
+    }
+  }
 }
 __decorateClass$q([
   property()
@@ -9933,7 +9949,11 @@ let BaseElement2D = class extends Node2D {
     }
     if (this._background.canDraw()) {
       this._tree?.log(this.name, "background drawing");
-      this._shape.drawRect();
+      if (this._background.fillWithShape) {
+        this._shape.draw();
+      } else {
+        this._shape.drawRect();
+      }
       this._background.draw();
     }
     if (this._fill.canDraw()) {
@@ -9948,7 +9968,11 @@ let BaseElement2D = class extends Node2D {
     }
     if (this._foreground.canDraw()) {
       this._tree?.log(this.name, "foreground drawing");
-      this._shape.drawRect();
+      if (this._foreground.fillWithShape) {
+        this._shape.draw();
+      } else {
+        this._shape.drawRect();
+      }
       this._foreground.draw();
     }
     if (this._text.canDraw()) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -72,16 +72,16 @@
     "modern-font": "^0.4.1",
     "modern-idoc": "^0.8.6",
     "modern-path2d": "^1.4.5",
-    "modern-text": "^1.7.1",
+    "modern-text": "^1.7.2",
     "yoga-layout": "^3.2.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.16.2",
+    "@antfu/eslint-config": "^4.17.0",
     "@types/earcut": "^3.0.0",
     "@types/node": "^24.0.13",
     "bumpp": "^10.2.0",
     "conventional-changelog-cli": "^5.0.0",
-    "eslint": "^9.30.1",
+    "eslint": "^9.31.0",
     "lint-staged": "^16.1.2",
     "lottie-web": "^5.13.0",
     "modern-gif": "^2.0.4",