modern-canvas 0.6.9 → 0.6.11

package/dist/index.cjs

@@ -5599,7 +5599,6 @@ function getNodeIid(key) {
   return iid;
 }
 exports.Node = class Node extends CoreObject {
-  meta = {};
   _readyed = false;
   constructor(properties, nodes = []) {
     super();
@@ -6088,6 +6087,9 @@ __decorateClass$R([
 __decorateClass$R([
   modernIdoc.property({ fallback: "default" })
 ], exports.Node.prototype, "internalMode", 2);
+__decorateClass$R([
+  modernIdoc.property({ default: () => ({}) })
+], exports.Node.prototype, "meta", 2);
 __decorateClass$R([
   modernIdoc.property({ protected: true })
 ], exports.Node.prototype, "mask", 2);
@@ -7101,29 +7103,26 @@ class CanvasContext extends modernPath2d.Path2D {
     }
   }
   stroke(options) {
-    const path = new modernPath2d.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 modernPath2d.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();
@@ -7132,16 +7131,15 @@ class CanvasContext extends modernPath2d.Path2D {
     this.rect(x, y, width, height).stroke();
   }
   fill(options) {
-    const path = new modernPath2d.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 modernPath2d.Path2D(this),
+      texture: fillStyle ? this._toTexture(fillStyle) : this._defaultStyle,
       uvTransform: this.uvTransform,
       vertTransform: this.vertTransform
     });
@@ -9332,15 +9330,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();
       });
     });
   }
@@ -9389,7 +9385,7 @@ exports.Node2D = class Node2D extends exports.CanvasItem {
     super._updateProperty(key, value, oldValue, declaration);
     switch (key) {
       case "rotation":
-        this.updateGlobalTransform();
+        this.requestRelayout();
         break;
     }
   }
@@ -13584,7 +13580,7 @@ exports.CanvasItemEditor = class CanvasItemEditor extends exports.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/dist/index.d.cts

@@ -1629,8 +1629,8 @@ declare class Node extends CoreObject {
     processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     internalMode: InternalMode;
+    meta: Record<string, any>;
     mask?: Maskable;
-    readonly meta: Record<string, any>;
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;

package/dist/index.d.mts

@@ -1629,8 +1629,8 @@ declare class Node extends CoreObject {
     processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     internalMode: InternalMode;
+    meta: Record<string, any>;
     mask?: Maskable;
-    readonly meta: Record<string, any>;
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;

package/dist/index.d.ts

@@ -1629,8 +1629,8 @@ declare class Node extends CoreObject {
     processSortMode: ProcessSortMode;
     renderMode: RenderMode;
     internalMode: InternalMode;
+    meta: Record<string, any>;
     mask?: Maskable;
-    readonly meta: Record<string, any>;
     protected _readyed: boolean;
     constructor(properties?: Partial<NodeProperties>, nodes?: Node[]);
     setProperties(properties?: Record<string, any>): this;