jvs-draw 1.1.13 → 1.1.14

package/dist/jvs-ui-public/icon-fonts/iconfont.json

@@ -5,6 +5,125 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "47388293",
+      "name": "语言",
+      "font_class": "yuyan",
+      "unicode": "ea2f",
+      "unicode_decimal": 59951
+    },
+    {
+      "icon_id": "47388292",
+      "name": "Github",
+      "font_class": "Github",
+      "unicode": "ea30",
+      "unicode_decimal": 59952
+    },
+    {
+      "icon_id": "47388239",
+      "name": "开源地址",
+      "font_class": "kaiyuandizhi",
+      "unicode": "ea27",
+      "unicode_decimal": 59943
+    },
+    {
+      "icon_id": "47388237",
+      "name": "快捷键",
+      "font_class": "kuaijiejian1",
+      "unicode": "ea28",
+      "unicode_decimal": 59944
+    },
+    {
+      "icon_id": "47388238",
+      "name": "分享",
+      "font_class": "fenxiang",
+      "unicode": "ea29",
+      "unicode_decimal": 59945
+    },
+    {
+      "icon_id": "47388236",
+      "name": "软开企服",
+      "font_class": "ruankaiqifu",
+      "unicode": "ea2a",
+      "unicode_decimal": 59946
+    },
+    {
+      "icon_id": "47388235",
+      "name": "搜索",
+      "font_class": "sousuo",
+      "unicode": "ea2b",
+      "unicode_decimal": 59947
+    },
+    {
+      "icon_id": "47388234",
+      "name": "技术支持",
+      "font_class": "jishuzhichi",
+      "unicode": "ea2c",
+      "unicode_decimal": 59948
+    },
+    {
+      "icon_id": "47388232",
+      "name": "Gitee",
+      "font_class": "Gitee",
+      "unicode": "ea2d",
+      "unicode_decimal": 59949
+    },
+    {
+      "icon_id": "47388233",
+      "name": "导出",
+      "font_class": "daochu",
+      "unicode": "ea2e",
+      "unicode_decimal": 59950
+    },
+    {
+      "icon_id": "38219878",
+      "name": "svg",
+      "font_class": "svg",
+      "unicode": "e6e6",
+      "unicode_decimal": 59110
+    },
+    {
+      "icon_id": "38219879",
+      "name": "图片",
+      "font_class": "tupian1",
+      "unicode": "e6e2",
+      "unicode_decimal": 59106
+    },
+    {
+      "icon_id": "47295393",
+      "name": "左下",
+      "font_class": "zuoxia",
+      "unicode": "ea22",
+      "unicode_decimal": 59938
+    },
+    {
+      "icon_id": "47295392",
+      "name": "右下",
+      "font_class": "youxia",
+      "unicode": "ea23",
+      "unicode_decimal": 59939
+    },
+    {
+      "icon_id": "47295391",
+      "name": "左上",
+      "font_class": "zuoshang",
+      "unicode": "ea24",
+      "unicode_decimal": 59940
+    },
+    {
+      "icon_id": "47295390",
+      "name": "右上",
+      "font_class": "youshang",
+      "unicode": "ea25",
+      "unicode_decimal": 59941
+    },
+    {
+      "icon_id": "47299940",
+      "name": "左下",
+      "font_class": "zuoxia-copy",
+      "unicode": "ea26",
+      "unicode_decimal": 59942
+    },
     {
       "icon_id": "40608578",
       "name": "字间距",

package/dist/locales/en-US.d.ts

@@ -106,6 +106,15 @@ declare const _default: {
     'board.showQuickCreateDesc': string;
     'board.shortcuts': string;
     'board.language': string;
+    'board.export': string;
+    'board.exportImage': string;
+    'board.exportSVG': string;
+    'board.exportAll': string;
+    'board.exportSelected': string;
+    'board.importPPTX': string;
+    'board.openSource': string;
+    'board.techSupport': string;
+    'board.more': string;
     'help.shortcutsList': string;
     'help.tools': string;
     'help.handTool': string;
@@ -153,5 +162,7 @@ declare const _default: {
     'floatingBar.strokeStyleText': string;
     'floatingBar.lineWidth': string;
     'floatingBar.strokeOpacity': string;
+    'floatingBar.exportImage': string;
+    'floatingBar.exportSVG': string;
 };
 export default _default;

package/dist/locales/zh-CN.d.ts

@@ -106,6 +106,15 @@ declare const _default: {
     'board.showQuickCreateDesc': string;
     'board.shortcuts': string;
     'board.language': string;
+    'board.export': string;
+    'board.exportImage': string;
+    'board.exportSVG': string;
+    'board.exportAll': string;
+    'board.exportSelected': string;
+    'board.importPPTX': string;
+    'board.openSource': string;
+    'board.techSupport': string;
+    'board.more': string;
     'help.shortcutsList': string;
     'help.tools': string;
     'help.handTool': string;
@@ -153,5 +162,7 @@ declare const _default: {
     'floatingBar.strokeStyleText': string;
     'floatingBar.lineWidth': string;
     'floatingBar.strokeOpacity': string;
+    'floatingBar.exportImage': string;
+    'floatingBar.exportSVG': string;
 };
 export default _default;

package/dist/store/index.d.ts

@@ -22,6 +22,10 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
         showLanguageMenu?: boolean;
         languageList?: import('../config').LanguageOption[];
         messages?: Record<string, Record<string, string>>;
+        showExport?: boolean;
+        showImportPPTX?: boolean;
+        showAI?: boolean;
+        aiConfig?: import('../config').AiConfig;
     };
     appState: {
         lockedTool: boolean;
@@ -56,7 +60,7 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
         currentItemFontWeight: string;
         currentItemLineHeight: number;
         currentItemLetterSpacing: number;
-        currentItemArrowType: "sharp" | "round" | "elbow";
+        currentItemArrowType: "sharp" | "round" | "arrowBold" | "elbow";
         currentItemStartArrowhead: string | null;
         currentItemEndArrowhead: string | null;
         currentItemX: number;
@@ -1000,6 +1004,7 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
             containerId: string | null;
             originalText: string;
             autoResize: boolean;
+            boundTextOffset?: number | undefined;
             id: string;
             x: number;
             y: number;
@@ -1059,7 +1064,7 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
                 fixedPoint?: [number, number] | undefined;
                 isBorder?: boolean | undefined;
             } | null;
-            arrowType: "sharp" | "round" | "elbow" | "arrowBold";
+            arrowType: "sharp" | "round" | "arrowBold" | "elbow";
             id: string;
             x: number;
             y: number;
@@ -2194,6 +2199,7 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
             containerId: string | null;
             originalText: string;
             autoResize: boolean;
+            boundTextOffset?: number | undefined;
             id: string;
             x: number;
             y: number;
@@ -2253,7 +2259,7 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
                 fixedPoint?: [number, number] | undefined;
                 isBorder?: boolean | undefined;
             } | null;
-            arrowType: "sharp" | "round" | "elbow" | "arrowBold";
+            arrowType: "sharp" | "round" | "arrowBold" | "elbow";
             id: string;
             x: number;
             y: number;
@@ -2500,6 +2506,14 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
                 value: string;
             }[] | undefined;
             messages?: Record<string, Record<string, string>> | undefined;
+            showExport?: boolean | undefined;
+            showImportPPTX?: boolean | undefined;
+            showAI?: boolean | undefined;
+            aiConfig?: {
+                url?: string | undefined;
+                headers?: Record<string, string> | undefined;
+                data?: Record<string, any> | undefined;
+            } | undefined;
         };
         appState: {
             lockedTool: boolean;
@@ -2534,7 +2548,7 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
             currentItemFontWeight: string;
             currentItemLineHeight: number;
             currentItemLetterSpacing: number;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "arrowBold" | "elbow";
             currentItemStartArrowhead: string | null;
             currentItemEndArrowhead: string | null;
             currentItemX: number;
@@ -2590,6 +2604,10 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
             showLanguageMenu?: boolean;
             languageList?: import('../config').LanguageOption[];
             messages?: Record<string, Record<string, string>>;
+            showExport?: boolean;
+            showImportPPTX?: boolean;
+            showAI?: boolean;
+            aiConfig?: import('../config').AiConfig;
         };
         appState: {
             lockedTool: boolean;
@@ -2624,7 +2642,7 @@ export declare const useExcalidrawStore: (id?: string) => import('pinia').Store<
             currentItemFontWeight: string;
             currentItemLineHeight: number;
             currentItemLetterSpacing: number;
-            currentItemArrowType: "sharp" | "round" | "elbow";
+            currentItemArrowType: "sharp" | "round" | "arrowBold" | "elbow";
             currentItemStartArrowhead: string | null;
             currentItemEndArrowhead: string | null;
             currentItemX: number;

package/dist/types/element.d.ts

@@ -124,6 +124,7 @@ export interface ExcalidrawTextElement extends ElementBase {
     containerId: string | null;
     originalText: string;
     autoResize: boolean;
+    boundTextOffset?: number;
 }
 export interface ExcalidrawLinearElement extends ElementBase {
     type: "line" | "arrow";
@@ -145,7 +146,7 @@ export interface ExcalidrawLinearElement extends ElementBase {
         fixedPoint?: [number, number];
         isBorder?: boolean;
     } | null;
-    arrowType: "sharp" | "round" | "elbow" | "arrowBold";
+    arrowType: "sharp" | "round" | "arrowBold" | "elbow";
 }
 export interface ExcalidrawImageElement extends ElementBase {
     type: "image";

package/dist/utils/aiDiagramStream.d.ts

@@ -0,0 +1,2 @@
+import { ExcalidrawElement } from '../types/element';
+export declare const streamAiDiagramElements: (prompt: string, rootX: number, rootY: number, onElementsUpdated: (elements: ExcalidrawElement[]) => void, onThinkingText: (text: string) => void) => Promise<void>;

package/dist/utils/export.d.ts

@@ -0,0 +1,7 @@
+import { ExcalidrawElement } from '../types/element';
+export declare const exportToImage: (elements: readonly ExcalidrawElement[], options?: {
+    viewBackgroundColor?: string;
+    padding?: number;
+    images?: Record<string, string>;
+    gridType?: string;
+}) => Promise<void>;

package/dist/utils/exportSVG.d.ts

@@ -0,0 +1,6 @@
+import { ExcalidrawElement } from '../types/element';
+export declare const exportToSVG: (elements: readonly ExcalidrawElement[], options?: {
+    viewBackgroundColor?: string;
+    padding?: number;
+    images?: Record<string, string>;
+}) => Promise<void>;

package/dist/utils/isPointOnElement.d.ts

@@ -1 +1 @@
-export declare const isPointOnElement: (maxDistance: number, x: number, y: number, element: any) => boolean;
+export declare const isPointOnElement: (maxDistance: number, x: number, y: number, element: any, elements?: any[]) => boolean;

package/dist/utils/math.d.ts

@@ -1,13 +1,7 @@
 import { Point } from '../types/element';
 export declare const rotate: (x1: number, y1: number, x2: number, y2: number, angle: number) => [number, number];
 export declare const rotatePoint: (point: Point, center: [number, number], angle: number) => [number, number];
-export declare const getElementRotatedBounds: (el: {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    angle: number;
-}) => {
+export declare const getElementRotatedBounds: (el: any) => {
     minX: number;
     minY: number;
     maxX: number;
@@ -57,11 +51,11 @@ export declare const measureText: (text: string, fontSize: number, fontFamily: s
     height: number;
 };
 export declare const getCurvePoints: (points: Point[], tension?: number, numSegments?: number) => Point[];
-export declare const getFlowchartBezierData: (points: Point[]) => {
+export declare const getFlowchartBezierData: (points: Point[], startDirOverride?: Point, endDirOverride?: Point) => {
     pathString: string;
     renderPoints: Point[];
 } | null;
-export declare const getFlowchartBezierPoints: (points: Point[], numSegments?: number) => Point[];
+export declare const getFlowchartBezierPoints: (points: Point[], numSegments?: number, startDirOverride?: Point, endDirOverride?: Point) => Point[];
 export declare const getDirectionFromFixedPoint: (fixedPoint: [number, number], width: number, height: number) => Point | null;
 export declare const getElementBounds: (element: any) => {
     minX: any;
@@ -79,6 +73,10 @@ export declare const getCommonBoundingBox: (elements: any[]) => {
     maxX: number;
     maxY: number;
 } | null;
+export declare const getHoveredElbowSegment: (mouseX: number, mouseY: number, element: ExcalidrawElement, elements: readonly ExcalidrawElement[], tolerance?: number) => {
+    segmentIndex: number;
+    isHorizontal: boolean;
+} | null;
 export declare const isPointOnElement: (maxDistance: number, x: number, y: number, element: any, elements?: readonly any[]) => boolean;
-export declare const getSimpleElbowPath: (points: readonly Point[], startDir?: Point, endDir?: Point) => Point[];
-export declare const getArrowRoundedPath: (points: readonly Point[], radius?: number, startDir?: Point, endDir?: Point) => string;
+export declare const pointsToRoundedPath: (rawP: Point[], radius?: number) => string;
+export declare const projectPointOnPolyline: (px: number, py: number, points: readonly Point[]) => number;

package/dist/utils/pptxParser.d.ts

@@ -0,0 +1,7 @@
+import { ExcalidrawElement } from '../types/element';
+/**
+ * Extracts and parses a PPTX file, converting slides into an ExcalidrawElement array.
+ * @param file The .pptx File blob
+ * @param verticalSpacing Space between slides (in pixels)
+ */
+export declare const parsePPTXToElements: (file: File, verticalSpacing?: number) => Promise<ExcalidrawElement[]>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jvs-draw",
   "private": false,
-  "version": "1.1.13",
+  "version": "1.1.14",
   "type": "module",
   "main": "dist/jvs-draw.umd.js",
   "module": "dist/jvs-draw.es.js",
@@ -26,6 +26,8 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
+    "dagre": "^0.8.5",
+    "jszip": "^3.10.1",
     "jvs-picker-color-v3": "^0.0.7",
     "nanoid": "^5.1.6",
     "remixicon": "^4.8.0",
@@ -38,6 +40,7 @@
     "vue": "^3.5.24"
   },
   "devDependencies": {
+    "@types/dagre": "^0.7.54",
     "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/tsconfig": "^0.8.1",

package/dist/elbow/algorithms/a-star.d.ts

@@ -1,10 +0,0 @@
-import { Point } from '../core';
-import { PointGraph, PointNode } from './data-structures/graph';
-export declare class AStar {
-    private graph;
-    cameFrom: Map<PointNode, PointNode>;
-    constructor(graph: PointGraph);
-    heuristic(a: Point, b: Point): number;
-    search(start: Point, end: Point, previousStart: Point): void;
-    getRoute(start: Point, end: Point): Point[];
-}

package/dist/elbow/algorithms/data-structures/graph.d.ts

@@ -1,14 +0,0 @@
-import { Point } from '../../core';
-export declare class PointNode {
-    data: Point;
-    distance: number;
-    adjacentNodes: PointNode[];
-    constructor(data: Point);
-}
-export declare class PointGraph {
-    private index;
-    add(p: Point): void;
-    connect(a: Point, b: Point): void;
-    has(p: Point): boolean;
-    get(p: Point): PointNode | null;
-}

package/dist/elbow/algorithms/data-structures/index.d.ts

@@ -1,2 +0,0 @@
-export * from './graph';
-export * from './priority-queue';

package/dist/elbow/algorithms/data-structures/priority-queue.d.ts

@@ -1,16 +0,0 @@
-import { PointNode } from './graph';
-export declare class PriorityQueue {
-    list: {
-        node: PointNode;
-        priority: number;
-    }[];
-    constructor();
-    enqueue(item: {
-        node: PointNode;
-        priority: number;
-    }): void;
-    dequeue(): {
-        node: PointNode;
-        priority: number;
-    } | undefined;
-}

package/dist/elbow/algorithms/index.d.ts

@@ -1,2 +0,0 @@
-export * from './a-star';
-export * from './data-structures';

package/dist/elbow/constants/default.d.ts

@@ -1,10 +0,0 @@
-export declare const BASE = 4;
-export declare const PRIMARY_COLOR = "#6698FF";
-export declare const RESIZE_HANDLE_DIAMETER = 9;
-export declare const WithTextPluginKey = "plait-text-plugin-key";
-export declare const DEFAULT_ROUTE_MARGIN = 30;
-export declare const TRANSPARENT = "transparent";
-export declare const ROTATE_HANDLE_DISTANCE_TO_ELEMENT = 4;
-export declare const ROTATE_HANDLE_SIZE = 18;
-export declare const DEFAULT_FONT_FAMILY = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Noto Sans', 'Noto Sans CJK SC', 'Microsoft Yahei', 'Hiragino Sans GB', Arial, sans-serif";
-export declare const DEFAULT_FILL = "none";

package/dist/elbow/constants/index.d.ts

@@ -1,4 +0,0 @@
-export * from './default';
-export * from './media';
-export * from './resize';
-export * from './property';

package/dist/elbow/constants/media.d.ts

@@ -1,6 +0,0 @@
-export declare enum MediaKeys {
-    image = "image"
-}
-export declare const PICTURE_ACCEPTED_UPLOAD_SIZE = 20;
-export declare const acceptImageTypes: string[];
-export declare const WithCommonPluginKey = "plait-common-plugin-key";

package/dist/elbow/constants/property.d.ts

@@ -1,5 +0,0 @@
-export declare enum StrokeStyle {
-    solid = "solid",
-    dashed = "dashed",
-    dotted = "dotted"
-}

package/dist/elbow/constants/resize.d.ts

@@ -1,10 +0,0 @@
-export declare enum ResizeHandle {
-    nw = "0",
-    n = "4",
-    ne = "1",
-    e = "5",
-    se = "2",
-    s = "6",
-    sw = "3",
-    w = "7"
-}

package/dist/elbow/core.d.ts

@@ -1,37 +0,0 @@
-export type Point = [number, number];
-export type Vector = [number, number];
-export declare enum Direction {
-    top = "top",
-    bottom = "bottom",
-    left = "left",
-    right = "right"
-}
-export interface PlaitBoard {
-}
-export interface DebugGenerator {
-    clear(): void;
-    drawRectangle(board: PlaitBoard, rect: RectangleClient): void;
-    drawLine(board: PlaitBoard, points: Point[]): void;
-}
-export declare const createDebugGenerator: (name: string) => DebugGenerator;
-export declare const distanceBetweenPointAndPoint: (x1: number, y1: number, x2: number, y2: number) => number;
-export declare class RectangleClient {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    constructor(x: number, y: number, width: number, height: number);
-    static getRectangleByPoints(points: Point[]): RectangleClient;
-    static getCornerPointsByPoints(points: Point[]): Point[];
-    static isHit(rect1: RectangleClient, rect2: RectangleClient): boolean;
-    static isHitX(rect1: RectangleClient, rect2: RectangleClient): boolean;
-    static isHitY(rect1: RectangleClient, rect2: RectangleClient): boolean;
-    static isPointInRectangle(rect: RectangleClient, point: Point): boolean;
-    static getGapCenter(rect1: RectangleClient, rect2: RectangleClient, isHorizontal: boolean): number;
-    static expand(rect: RectangleClient, left: number, top: number, right: number, bottom: number): RectangleClient;
-}
-export declare namespace Point {
-    function isEquals(p1: Point, p2: Point): boolean;
-    function isOverHorizontal(points: Point[]): boolean;
-    function isOverVertical(points: Point[]): boolean;
-}

package/dist/elbow/utils/elbow-line-route.d.ts

@@ -1,38 +0,0 @@
-import { Direction, PlaitBoard, Point, RectangleClient } from '../core';
-import { PointGraph } from '../algorithms';
-export interface ElbowLineRouteOptions {
-    sourcePoint: Point;
-    nextSourcePoint: Point;
-    sourceRectangle: RectangleClient;
-    sourceOuterRectangle: RectangleClient;
-    targetPoint: Point;
-    nextTargetPoint: Point;
-    targetOuterRectangle: RectangleClient;
-    targetRectangle: RectangleClient;
-}
-export interface RouteAdjustOptions {
-    centerX?: number;
-    centerY?: number;
-    sourceRectangle: RectangleClient;
-    targetRectangle: RectangleClient;
-}
-export interface AdjustOptions {
-    parallelPaths: [Point, Point][];
-    pointOfHit: Point;
-    sourceRectangle: RectangleClient;
-    targetRectangle: RectangleClient;
-}
-export declare const generateElbowLineRoute: (options: ElbowLineRouteOptions, board?: PlaitBoard) => Point[];
-export declare const routeAdjust: (path: Point[], options: RouteAdjustOptions, board?: PlaitBoard) => Point[];
-export declare const getGraphPoints: (options: ElbowLineRouteOptions) => Point[];
-export declare const createGraph: (points: Point[]) => PointGraph;
-export declare const reduceRouteMargin: (sourceRectangle: RectangleClient, targetRectangle: RectangleClient) => {
-    sourceOffset: number[];
-    targetOffset: number[];
-};
-export declare const getNextPoint: (point: Point, outerRectangle: RectangleClient, direction: Direction) => Point;
-export declare const getSourceAndTargetOuterRectangle: (sourceRectangle: RectangleClient, targetRectangle: RectangleClient) => {
-    sourceOuterRectangle: RectangleClient;
-    targetOuterRectangle: RectangleClient;
-};
-export declare const isSourceAndTargetIntersect: (options: ElbowLineRouteOptions) => boolean;

package/dist/elbow/utils/index.d.ts

@@ -1,4 +0,0 @@
-export * from './line-path';
-export * from './elbow-line-route';
-export * from './vector';
-export * from './math';

package/dist/elbow/utils/line-path.d.ts

@@ -1,7 +0,0 @@
-import { Point } from '../core';
-export declare function getPointOnPolyline(points: Point[], ratio: number): any[] | undefined;
-export declare function calculatePolylineLength(points: Point[]): number;
-export declare function getRatioByPoint(points: Point[], point: Point): number;
-export declare const removeDuplicatePoints: (points: Point[]) => Point[];
-export declare function simplifyOrthogonalPoints(points: Point[]): Point[];
-export declare const getExtendPoint: (source: Point, target: Point, extendDistance: number) => Point;

package/dist/elbow/utils/math.d.ts

@@ -1,3 +0,0 @@
-import { Point } from '../core';
-export declare function isPointOnSegment(point: Point, startPoint: Point, endPoint: Point): boolean;
-export declare const getCrossingPointsBetweenPointAndSegment: (point: Point, startPoint: Point, endPoint: Point) => Point[];

package/dist/elbow/utils/vector.d.ts

@@ -1,6 +0,0 @@
-import { Point, Vector } from '../core';
-export declare function getUnitVectorByPointAndPoint(point1: Point, point2: Point): Point;
-export declare function getPointByVectorComponent(point: Point, vector: Vector, component: number): Point;
-export declare function getPointByVectorDirectionComponent(point: Point, unitVector: Vector, directionComponent: number, isHorizontal: boolean): Point;
-export declare function rotateVectorAnti90(vector: Vector): Vector;
-export declare function rotateVector(vector: Vector, angle: number): Vector;