customized-fabric 1.6.9 → 1.7.1

package/lib/ClipartObject/index.js

@@ -22,7 +22,7 @@ const ClipartClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             height: options?.height,
         });
         this.imageObject = imageObject;
-        const group = new fabric_1.fabric.Group([this.rectObject, this.imageObject]);
+        const group = new fabric_1.fabric.Group([this.imageObject, this.rectObject]);
         this.set(group);
         this.on("scaling", () => {
             const attributes = {
@@ -65,7 +65,7 @@ const ClipartClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             });
             this.remove(this.imageObject);
             this.imageObject = image;
-            this.add(this.imageObject);
+            this.insertAt(this.imageObject, 0, false);
             this.fitImage(this.imageObject);
         }
         else {
@@ -76,7 +76,7 @@ const ClipartClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
                 height: this.height,
             });
             this.imageObject = imageObject;
-            this.add(this.imageObject);
+            this.insertAt(this.imageObject, 0, false);
             this.fitImage(this.imageObject);
         }
         this.canvas?.renderAll();

package/lib/CurvedTextObject/index.js

@@ -18,13 +18,16 @@ const CurvedTextClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group,
             objectCaching: false,
             ...constants_1.CURVED_TEXT_OBJECT_ATTRIBUTES.stroke,
         });
+        const { prefix = "", infix = "A", suffix = "" } = text ?? {};
         this.textObject = new fabric_1.fabric.IText("", {
             originX: "center",
             originY: "center",
             textAlign: "center",
             objectCaching: false,
             ...text,
+            text: prefix + infix + suffix,
             fontFamily: "",
+            paintFirst: "stroke",
         });
         const group = new fabric_1.fabric.Group([this.rectObject, this.textObject]);
         this.set(group);

package/lib/TextInputObject/index.js

@@ -17,13 +17,16 @@ const TextInputClass = fabric_1.fabric.util.createClass(fabric_1.fabric.Group, {
             objectCaching: false,
             ...constants_1.TEXT_INPUT_OBJECT_ATTRIBUTES.stroke,
         });
+        const { prefix = "", infix = "A", suffix = "" } = text ?? {};
         this.textObject = new fabric_1.fabric.IText("", {
             originX: "center",
             originY: "center",
             textAlign: "center",
             objectCaching: false,
             ...text,
+            text: prefix + infix + suffix,
             fontFamily: "",
+            paintFirst: "stroke",
         });
         const group = new fabric_1.fabric.Group([this.rectObject, this.textObject]);
         this.set(group);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "customized-fabric",
-  "version": "1.6.9",
+  "version": "1.7.1",
   "description": "Customized fabric",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",