@anu3ev/fabric-image-editor 0.1.62 → 0.1.64

package/dist/main.js

@@ -89,7 +89,10 @@ class R {
    */
   _filterLockedSelection({ selected: e, e: t }) {
     if (!(e != null && e.length) || !(t instanceof MouseEvent) || e.length === 1) return;
-    const s = e.filter((a) => a.locked), n = e.filter((a) => !a.locked);
+    const { lockedObjects: s, unlockedObjects: n } = e.reduce(
+      (a, o) => o.locked ? (a.lockedObjects.push(o), a) : (a.unlockedObjects.push(o), a),
+      { lockedObjects: [], unlockedObjects: [] }
+    );
     if (s.length === 0) return;
     if (n.length > 0) {
       if (n.length === 1)
@@ -685,7 +688,9 @@ class Je {
       d.innerHTML = i[n] ? `<img src="${i[n]}" title="${s}" />` : s, Object.assign(d.style, a), d.onclick = () => {
         var c;
         return (c = o[n]) == null ? void 0 : c.call(o, this.editor);
-      }, this.el.appendChild(d);
+      }, d.onmousedown = (c) => {
+        c.stopPropagation(), c.preventDefault();
+      }, d.ondragstart = (c) => c.preventDefault(), this.el.appendChild(d);
     }
   }
   /**
@@ -2357,7 +2362,7 @@ class dt {
   copy() {
     return v(this, null, function* () {
       const { canvas: e, errorManager: t } = this.editor, s = e.getActiveObject();
-      if (!s) return;
+      if (!s || s.locked) return;
       try {
         const g = yield s.clone(["format"]);
         this.clipboard = g, e.fire("editor:object-copied", { object: g });
@@ -2414,28 +2419,35 @@ class dt {
    * @param event.clipboardData — данные из буфера обмена
    * @param event.clipboardData.items — элементы буфера обмена
    */
-  handlePasteEvent({ clipboardData: e }) {
-    var a;
-    if (!((a = e == null ? void 0 : e.items) != null && a.length)) return;
-    const { imageManager: t } = this.editor, { items: s } = e, n = s[s.length - 1];
-    if (n.type !== "text/html") {
-      const o = n.getAsFile();
-      if (!o) return;
-      const d = new FileReader();
-      d.onload = (c) => {
-        c.target && this.editor.imageManager.importImage({ source: c.target.result });
-      }, d.readAsDataURL(o);
-      return;
-    }
-    const i = e.getData("text/html");
-    if (i) {
-      const c = new DOMParser().parseFromString(i, "text/html").querySelector("img");
-      if (c != null && c.src) {
-        t.importImage({ source: c.src });
+  handlePasteEvent(t) {
+    return v(this, arguments, function* ({ clipboardData: e }) {
+      var d;
+      if (!((d = e == null ? void 0 : e.items) != null && d.length)) return;
+      const s = e.getData("text/plain");
+      if (s && s.startsWith("application/image-editor:")) {
+        this.paste();
         return;
       }
-    }
-    this.paste();
+      const { imageManager: n } = this.editor, { items: i } = e, a = i[i.length - 1];
+      if (a.type !== "text/html") {
+        const c = a.getAsFile();
+        if (!c) return;
+        const l = new FileReader();
+        l.onload = (h) => {
+          h.target && this.editor.imageManager.importImage({ source: h.target.result });
+        }, l.readAsDataURL(c);
+        return;
+      }
+      const o = e.getData("text/html");
+      if (o) {
+        const h = new DOMParser().parseFromString(o, "text/html").querySelector("img");
+        if (h != null && h.src) {
+          n.importImage({ source: h.src });
+          return;
+        }
+      }
+      this.paste();
+    });
   }
   /**
    * Вставка объекта

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anu3ev/fabric-image-editor",
-  "version": "0.1.62",
+  "version": "0.1.64",
   "description": "JavaScript image editor built on FabricJS, allowing you to create instances with an integrated montage area and providing an API to modify and manage state.",
   "module": "dist/main.js",
   "files": [