@8btc/xcanvas 0.0.14-beta.10 → 0.0.14-beta.12

package/dist/index.d.ts

@@ -33,10 +33,14 @@ export declare interface XCanvasAPI {
     reset: () => void;
     /**
      * 导出当前选区为图片（dataUrl）, 特殊情况：当前选区为单张外部传入图片，则直接返回外部图片url
+     *
+     * @param tryToSplit  是否尝试拆分选区内的图片元素（当选区内全是图片时生效）
+     *  如果选区内的元素都是图片，则返回选区内图片url数组
+     *  如果选区内有非图片元素，则返回选区区域的dataUrl
      * @returns dataUrl | url
      * @throws  如果没有选区，调用这个函数会抛出错误
      */
-    exportSelection: () => Promise<string>;
+    exportSelection: (tryToSplit?: boolean) => Promise<string | string[]>;
     /**
      * 插入embeddableElement元素
      *

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.10";
+const version = "0.0.14-beta.12";
 const packageJson = {
   version
 };
@@ -144,7 +144,11 @@ function ApiFactory() {
             height: it.height,
             x: places[index].x,
             y: places[index].y,
-            fileId: it.url
+            fileId: it.url,
+            customData: {
+              naturalWidth: it.width,
+              naturalHeight: it.height
+            }
           };
         })
       );
@@ -327,8 +331,7 @@ function ApiFactory() {
           }
         });
       },
-      exportSelection: async () => {
-        if (!excalidrawAPI) return;
+      exportSelection: async (tryToSplit) => {
         const appState = excalidrawAPI.getAppState();
         const selectedElements = getSelectedElements(
           excalidrawAPI.getSceneElements(),
@@ -344,6 +347,14 @@ function ApiFactory() {
           }
           return files[selectedElements[0].fileId].dataURL;
         }
+        if (tryToSplit && selectedElements.every((el) => el.type === "image")) {
+          return selectedElements.map((el) => {
+            if (el.fileId?.startsWith("http") && !el.crop) {
+              return selectedElements[0].fileId;
+            }
+            return files[el.fileId].dataURL;
+          });
+        }
         const canvas = await exportToCanvas({
           elements: selectedElements,
           appState: {

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.10";
+  const version = "0.0.14-beta.12";
   const packageJson = {
     version
   };
@@ -144,7 +144,11 @@
               height: it.height,
               x: places[index].x,
               y: places[index].y,
-              fileId: it.url
+              fileId: it.url,
+              customData: {
+                naturalWidth: it.width,
+                naturalHeight: it.height
+              }
             };
           })
         );
@@ -327,8 +331,7 @@
             }
           });
         },
-        exportSelection: async () => {
-          if (!excalidrawAPI) return;
+        exportSelection: async (tryToSplit) => {
           const appState = excalidrawAPI.getAppState();
           const selectedElements = getSelectedElements(
             excalidrawAPI.getSceneElements(),
@@ -344,6 +347,14 @@
             }
             return files[selectedElements[0].fileId].dataURL;
           }
+          if (tryToSplit && selectedElements.every((el) => el.type === "image")) {
+            return selectedElements.map((el) => {
+              if (el.fileId?.startsWith("http") && !el.crop) {
+                return selectedElements[0].fileId;
+              }
+              return files[el.fileId].dataURL;
+            });
+          }
           const canvas = await excalidraw.exportToCanvas({
             elements: selectedElements,
             appState: {

package/package.json

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