@8btc/xcanvas 0.0.14-beta.1 → 0.0.14-beta.3

package/dist/index.d.ts

@@ -66,6 +66,10 @@ export declare interface XCanvasAPI {
      * 裁切图片
      */
     cropImage: () => void;
+    /**
+     * 删除选区里的全部元素
+     */
+    deleteSelection: () => void;
 }
 
 export declare interface XcanvasProps extends ExcalidrawProps {

package/dist/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { atom, useAtom, useAtomValue, useSetAtom } from "jotai";
 import { Excalidraw, convertToExcalidrawElements, exportToCanvas } from "@8btc/excalidraw";
 import { useEffect } from "react";
-const version = "0.0.14-beta.1";
+const version = "0.0.14-beta.3";
 const packageJson = {
   version
 };
@@ -118,15 +118,18 @@ function ApiFactory() {
           };
         })
       );
+      const files = excalidrawAPI.getFiles();
       rets.forEach((it) => {
-        excalidrawAPI.addFiles([
-          {
-            mimeType: "image/png",
-            id: it.url,
-            dataURL: it.dataUrl,
-            created: Date.now()
-          }
-        ]);
+        if (!files[it.url]) {
+          excalidrawAPI.addFiles([
+            {
+              mimeType: "image/png",
+              id: it.url,
+              dataURL: it.dataUrl,
+              created: Date.now()
+            }
+          ]);
+        }
       });
       const places = findPlaceForNewElements(
         excalidrawAPI.getAppState(),
@@ -172,8 +175,13 @@ function ApiFactory() {
       },
       insertImgs,
       appendImgs: async (urls) => {
-        const files = excalidrawAPI.getFiles();
-        const newUrls = urls.filter((it) => !files[it]);
+        const els = excalidrawAPI.getSceneElements();
+        const imgEls = els.filter((el) => el.type === "image");
+        const idSet = /* @__PURE__ */ new Set();
+        imgEls.forEach((it) => {
+          idSet.add(it.fileId);
+        });
+        const newUrls = urls.filter((url) => !idSet.has(url));
         await insertImgs(newUrls);
       },
       save: () => {
@@ -414,6 +422,21 @@ function ApiFactory() {
             croppingElementId: selectedElements[0].id
           }
         });
+      },
+      deleteSelection: () => {
+        const appState = excalidrawAPI.getAppState();
+        const selectedIds = appState.selectedElementIds;
+        const currentElements = excalidrawAPI.getSceneElements();
+        const newElements = currentElements.filter((el) => {
+          return !selectedIds[el.id];
+        });
+        excalidrawAPI.updateScene({
+          elements: [...newElements],
+          appState: {
+            ...appState,
+            selectedElementIds: {}
+          }
+        });
       }
     });
   }, [excalidrawAPI, setApi]);

package/dist/index.umd.cjs

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("jotai"), require("@8btc/excalidraw"), require("react")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "jotai", "@8btc/excalidraw", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.XCanvas = {}, global.jsxRuntime, global.Jotai, global.Excalidraw, global.React));
 })(this, (function(exports2, jsxRuntime, jotai, excalidraw, react) {
   "use strict";
-  const version = "0.0.14-beta.1";
+  const version = "0.0.14-beta.3";
   const packageJson = {
     version
   };
@@ -118,15 +118,18 @@
             };
           })
         );
+        const files = excalidrawAPI.getFiles();
         rets.forEach((it) => {
-          excalidrawAPI.addFiles([
-            {
-              mimeType: "image/png",
-              id: it.url,
-              dataURL: it.dataUrl,
-              created: Date.now()
-            }
-          ]);
+          if (!files[it.url]) {
+            excalidrawAPI.addFiles([
+              {
+                mimeType: "image/png",
+                id: it.url,
+                dataURL: it.dataUrl,
+                created: Date.now()
+              }
+            ]);
+          }
         });
         const places = findPlaceForNewElements(
           excalidrawAPI.getAppState(),
@@ -172,8 +175,13 @@
         },
         insertImgs,
         appendImgs: async (urls) => {
-          const files = excalidrawAPI.getFiles();
-          const newUrls = urls.filter((it) => !files[it]);
+          const els = excalidrawAPI.getSceneElements();
+          const imgEls = els.filter((el) => el.type === "image");
+          const idSet = /* @__PURE__ */ new Set();
+          imgEls.forEach((it) => {
+            idSet.add(it.fileId);
+          });
+          const newUrls = urls.filter((url) => !idSet.has(url));
           await insertImgs(newUrls);
         },
         save: () => {
@@ -414,6 +422,21 @@
               croppingElementId: selectedElements[0].id
             }
           });
+        },
+        deleteSelection: () => {
+          const appState = excalidrawAPI.getAppState();
+          const selectedIds = appState.selectedElementIds;
+          const currentElements = excalidrawAPI.getSceneElements();
+          const newElements = currentElements.filter((el) => {
+            return !selectedIds[el.id];
+          });
+          excalidrawAPI.updateScene({
+            elements: [...newElements],
+            appState: {
+              ...appState,
+              selectedElementIds: {}
+            }
+          });
         }
       });
     }, [excalidrawAPI, setApi]);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@8btc/xcanvas",
   "private": false,
-  "version": "0.0.14-beta.1",
+  "version": "0.0.14-beta.3",
   "type": "module",
   "main": "lib/index.js",
   "exports": {