@8btc/whiteboard 0.0.16 → 0.0.18

package/dist/index.d.ts

@@ -58,7 +58,7 @@ export declare class CanvasApi extends CanvasCore {
     /**
      * 导出带有标注的图片节点为图片
      * @param id - 图片节点 ID
-     * @returns DataURL 格式的图片数据，如果节点不存在则返回 null
+     * @returns DataURL 格式的图片数据，如果节点或者 marker 不存在则返回 null
      */
     exportImageWithMarker(id: string, options?: {
         pixelRatio?: number;

package/dist/index.js

@@ -945,7 +945,7 @@ class ImageMarkerNode extends BaseCanvasNode {
       y: 0,
       width,
       height,
-      stroke: "#3B82F6",
+      stroke: "#F44336",
       strokeWidth: rectStrokeWidth,
       dash: rectDash,
       fill: "transparent",
@@ -963,7 +963,7 @@ class ImageMarkerNode extends BaseCanvasNode {
     const fontSize = 16 / stageScale;
     const circle = new Konva.Circle({
       radius,
-      fill: "#3B82F6",
+      fill: "#F44336",
       stroke: "white",
       strokeWidth
     });
@@ -1148,7 +1148,7 @@ const createNodeByType = (type, position, style, meta) => {
       ...baseNode,
       style: {
         ...baseNode.style,
-        color: "#3B82F6"
+        color: "#F44336"
       }
     };
   }
@@ -1400,7 +1400,7 @@ class CanvasCore extends CanvasState {
         visible: true
       },
       style: {
-        color: "#3B82F6",
+        color: "#F44336",
         line: "dashed",
         size: "medium",
         opacity: 1
@@ -1804,7 +1804,7 @@ class CanvasApi extends CanvasCore {
   /**
    * 导出带有标注的图片节点为图片
    * @param id - 图片节点 ID
-   * @returns DataURL 格式的图片数据，如果节点不存在则返回 null
+   * @returns DataURL 格式的图片数据，如果节点或者 marker 不存在则返回 null
    */
   exportImageWithMarker(id, options) {
     const imageShape = this.getStage().findOne(`#${id}`);
@@ -1816,6 +1816,10 @@ class CanvasApi extends CanvasCore {
     const markerNodes = nodes.filter(
       (n) => n.type === "image-marker" && n.meta.parent === id
     );
+    if (markerNodes.length === 0) {
+      console.warn("No image-marker nodes found for the given image ID");
+      return null;
+    }
     const tempGroup = new Konva.Group();
     const imageClone = imageShape.clone();
     tempGroup.add(imageClone);

package/dist/index.umd.js

@@ -2262,7 +2262,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         y: 0,
         width,
         height,
-        stroke: "#3B82F6",
+        stroke: "#F44336",
         strokeWidth: rectStrokeWidth,
         dash: rectDash,
         fill: "transparent",
@@ -2280,7 +2280,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const fontSize = 16 / stageScale;
       const circle = new Konva.Circle({
         radius,
-        fill: "#3B82F6",
+        fill: "#F44336",
         stroke: "white",
         strokeWidth
       });
@@ -2465,7 +2465,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         ...baseNode,
         style: {
           ...baseNode.style,
-          color: "#3B82F6"
+          color: "#F44336"
         }
       };
     }
@@ -2717,7 +2717,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           visible: true
         },
         style: {
-          color: "#3B82F6",
+          color: "#F44336",
           line: "dashed",
           size: "medium",
           opacity: 1
@@ -3121,7 +3121,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     /**
      * 导出带有标注的图片节点为图片
      * @param id - 图片节点 ID
-     * @returns DataURL 格式的图片数据，如果节点不存在则返回 null
+     * @returns DataURL 格式的图片数据，如果节点或者 marker 不存在则返回 null
      */
     exportImageWithMarker(id, options) {
       const imageShape = this.getStage().findOne(`#${id}`);
@@ -3133,6 +3133,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       const markerNodes = nodes.filter(
         (n) => n.type === "image-marker" && n.meta.parent === id
       );
+      if (markerNodes.length === 0) {
+        console.warn("No image-marker nodes found for the given image ID");
+        return null;
+      }
       const tempGroup = new Konva.Group();
       const imageClone = imageShape.clone();
       tempGroup.add(imageClone);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@8btc/whiteboard",
   "private": false,
-  "version": "0.0.16",
+  "version": "0.0.18",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.js",