modern-canvas 0.4.38 → 0.4.40

package/dist/index.mjs

@@ -2490,25 +2490,23 @@ class Transform2D extends Matrix3 {
     return t2d.multiply(this, this);
   }
   skewX(x) {
-    return this.skew(x, 1);
+    return this.skew(x, 0);
   }
   skewY(y) {
-    return this.skew(1, y);
+    return this.skew(0, y);
   }
   skew(x, y) {
     return this.premultiply(Transform2D._t2d.makeSkew(x, y));
   }
   makeSkew(x, y) {
-    const cx = Math.cos(y);
-    const sx = Math.sin(y);
-    const cy = -Math.sin(-x);
-    const sy = Math.cos(-x);
+    const tanX = Math.tan(x);
+    const tanY = Math.tan(y);
     this.set([
-      cx,
-      cy,
+      1,
+      tanY,
       0,
-      sx,
-      sy,
+      tanX,
+      1,
       0,
       0,
       0,
@@ -6447,15 +6445,27 @@ let Node = class extends CoreObject {
     if (this.is(node) || node.hasParent()) {
       return node;
     }
+    let index = -1;
     switch (internalMode) {
       case "default":
+        index = this._children.findLastIndex((node2) => node2.internalMode === "default");
+        if (index > -1) {
+          index += 1;
+        } else {
+          index = this._children.findIndex((node2) => node2.internalMode === "back");
+        }
+        break;
       case "front": {
-        const targetMode = internalMode === "default" ? "back" : "front";
-        const index = this._children.findIndex((node2) => node2.internalMode === targetMode);
+        index = this._children.findLastIndex((node2) => node2.internalMode === "front");
+        if (index > -1) {
+          index += 1;
+        } else {
+          index = this._children.findIndex((node2) => node2.internalMode === "default");
+        }
         if (index > -1) {
-          this._children.splice(index, 0, node);
+          index += 1;
         } else {
-          this._children.push(node);
+          index = this._children.findIndex((node2) => node2.internalMode === "back");
         }
         break;
       }
@@ -6463,6 +6473,11 @@ let Node = class extends CoreObject {
         this._children.push(node);
         break;
     }
+    if (index > -1) {
+      this._children.splice(index, 0, node);
+    } else {
+      this._children.push(node);
+    }
     node.internalMode = internalMode;
     node.setParent(this);
     this.emit("appendChild", node);
@@ -11112,9 +11127,6 @@ var __decorateClass$g = (decorators, target, key, kind) => {
 };
 const textStyles = new Set(Object.keys(textDefaultStyle));
 let Text2D = class extends TextureRect2D {
-  effects;
-  measureDom;
-  fonts;
   texture = new CanvasTexture();
   base = new Text();
   measureResult;
@@ -11225,22 +11237,23 @@ let Text2D = class extends TextureRect2D {
       this._subTextsCount = 0;
     }
     if (this.split) {
-      this.measureResult?.paragraphs.forEach((p) => {
+      this.measure().paragraphs.forEach((p) => {
         p.fragments.forEach((f) => {
           f.characters.forEach((c) => {
-            this.appendChild(
+            this.append(
               new Text2D({
-                content: c.content,
+                internalMode: "front",
                 style: {
                   ...c.computedStyle,
                   left: c.inlineBox.x,
                   top: c.inlineBox.y,
                   width: 0,
-                  height: 0,
-                  effects: this.effects
-                }
-              }),
-              "front"
+                  height: 0
+                },
+                content: c.content,
+                effects: this.effects,
+                fonts: this.fonts
+              })
             );
             this._subTextsCount++;
           });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.4.38",
+  "version": "0.4.40",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",