modern-canvas 0.9.1 → 0.9.3

package/dist/index.mjs

@@ -870,6 +870,12 @@ class Input extends Observable {
 let IID = 0;
 class CoreObject extends Reactivable {
   instanceId = ++IID;
+  get json() {
+    return this.toJSON();
+  }
+  set json(val) {
+    this.setProperties(val);
+  }
   _nextTick() {
     return nextTick();
   }
@@ -9695,17 +9701,7 @@ class BaseElement2DText extends CoreObject {
   constructor(parent) {
     super();
     this.parent = parent;
-    this.base.on("updateProperty", (...args) => {
-      switch (args[0]) {
-        case "content":
-        case "effects":
-        case "fill":
-        case "outline":
-          this.setProperty(args[0], args[1]);
-          break;
-      }
-      this._updateProperty(...args);
-    });
+    this.base.setPropertyAccessor(this);
   }
   base = new Text();
   measureResult;
@@ -9731,17 +9727,8 @@ class BaseElement2DText extends CoreObject {
         break;
     }
   }
-  _update() {
-    this.base.style = {
-      justifyContent: "center",
-      alignItems: "center",
-      textAlign: "center",
-      ...this.parent.style.toJSON()
-    };
-    this.base.update();
-  }
   _updateTextureMap() {
-    this._update();
+    this.base.update();
     this._textureMap.clear();
     const pGlyphBoxs = [];
     this.base.paragraphs.forEach((p, pIndex) => {
@@ -9797,12 +9784,6 @@ class BaseElement2DText extends CoreObject {
     this.content = normalizeTextContent(content);
   }
   measure() {
-    this.base.style = {
-      justifyContent: "center",
-      alignItems: "center",
-      textAlign: "center",
-      ...this.parent.style.toJSON()
-    };
     return this.base.measure();
   }
   updateMeasure() {
@@ -9825,7 +9806,7 @@ class BaseElement2DText extends CoreObject {
   }
   draw() {
     const ctx = this.parent.context;
-    this._update();
+    this.base.update();
     this.base.pathSets.forEach((pathSet) => {
       pathSet.paths.forEach((path) => {
         const meta = path.getMeta();
@@ -9896,22 +9877,25 @@ __decorateClass$m([
   property({ fallback: true })
 ], BaseElement2DText.prototype, "enabled");
 __decorateClass$m([
-  property({ alias: "base.content", fallback: () => [] })
+  property({ fallback: () => [] })
 ], BaseElement2DText.prototype, "content");
 __decorateClass$m([
-  property({ alias: "base.effects" })
+  property({ alias: "parent.style.json" })
+], BaseElement2DText.prototype, "style");
+__decorateClass$m([
+  property()
 ], BaseElement2DText.prototype, "effects");
 __decorateClass$m([
-  property({ alias: "base.fill" })
+  property()
 ], BaseElement2DText.prototype, "fill");
 __decorateClass$m([
-  property({ alias: "base.outline" })
+  property()
 ], BaseElement2DText.prototype, "outline");
 __decorateClass$m([
-  property({ internal: true, alias: "base.measureDom" })
+  property({ alias: "base.measureDom" })
 ], BaseElement2DText.prototype, "measureDom");
 __decorateClass$m([
-  property({ internal: true, alias: "base.fonts" })
+  property({ alias: "base.fonts" })
 ], BaseElement2DText.prototype, "fonts");
 
 var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",
@@ -74,14 +74,14 @@
     "colord": "^2.9.3",
     "earcut": "^3.0.2",
     "modern-font": "^0.4.1",
-    "modern-idoc": "^0.9.3",
+    "modern-idoc": "^0.9.11",
     "modern-path2d": "^1.4.9",
-    "modern-text": "^1.8.2"
+    "modern-text": "^1.8.3"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^5.3.0",
     "@types/earcut": "^3.0.0",
-    "@types/node": "^24.5.1",
+    "@types/node": "^24.5.2",
     "bumpp": "^10.2.3",
     "conventional-changelog-cli": "^5.0.0",
     "eslint": "^9.35.0",
@@ -91,7 +91,7 @@
     "simple-git-hooks": "^2.13.1",
     "typescript": "^5.9.2",
     "unbuild": "^3.6.1",
-    "vite": "^7.1.5",
+    "vite": "^7.1.6",
     "vitest": "^3.2.4",
     "yoga-layout": "^3.2.1"
   },