@8btc/whiteboard 0.0.2 → 0.0.4

package/dist/index.d.ts

@@ -14,6 +14,11 @@ export declare class CanvasApi extends CanvasCore {
      * 设置当前工具类型
      */
     setToolType(type: ToolType): void;
+    /**
+     * 手动创建多个节点
+     * 如果你不知道自己在干什么，请使用更高层的封装方法，如 createImageNode
+     */
+    createNodes(nodes: INode[]): void;
     /**
      * 更新视口位置
      */
@@ -27,9 +32,16 @@ export declare class CanvasApi extends CanvasCore {
     }): void;
     /**
      * 在当前所有节点的左下角插入图片，并将其居中显示
+     * 如果没有节点，插入到画布中心
      * @param imageUrl - 图片 URL
+     * @param options - 配置选项
+     * @param options.width - 图片宽度
+     * @param options.height - 图片高度
      */
-    insertImageAtBottomLeft(imageUrl: string): void;
+    insertImageAtBottomLeft(imageUrl: string, options?: {
+        width?: number;
+        height?: number;
+    }): void;
     /**
      * 导出全部图形为图片
      * @param options - 导出配置
@@ -64,15 +76,18 @@ export declare class CanvasApi extends CanvasCore {
     deleteNodes(nodeIds: string[]): void;
     /**
      * 滚动到内容区域
-     * - 如果有选中的节点，将选中节点居中显示
+     * - 如果提供了 nodeIds，将指定的节点居中显示
+     * - 如果没有提供 nodeIds 但有选中的节点，将选中节点居中显示
      * - 如果没有选中节点，将所有内容居中显示
      * @param options - 配置选项
      * @param options.padding - 内容周围的留白，默认 50px
      * @param options.scale - 是否自动调整缩放以适应内容，默认 false
+     * @param options.nodeIds - 要滚动到的节点 ID 数组
      */
     scrollToContent(options?: {
         padding?: number;
         scale?: boolean;
+        nodeIds?: string[];
     }): void;
 }
 
@@ -353,6 +368,8 @@ declare interface IViewport {
     scale: number;
 }
 
+export declare const NODE_NAME_FOR_SELECT = "shapeNameForSelect";
+
 export declare type NodeType = "rectangle" | "image" | "image-marker";
 
 export declare function PureCanvas({ setApi }: PureCanvasProps): JSX.Element;