@blueking/flow-canvas 0.0.9 → 0.0.11

package/dist/index.d.ts

@@ -224,6 +224,8 @@ interface CanvasHistory {
     clear(): void;
     createSnapshot(): FlowModel;
     replaceFlowModel(model: FlowModel): void;
+    /** 更新 FlowModel，同时保留历史栈（当前状态入 undo 栈）。 */
+    updateFlowModel(model: FlowModel, label?: string): void;
 }
 interface CanvasHistoryOptions {
     maxHistorySize?: number;
@@ -267,9 +269,20 @@ interface NodeDecoration {
     };
     borderColor?: string;
 }
+interface EdgeGradientStop {
+    offset: number;
+    color: string;
+    opacity?: number;
+}
+interface EdgeStrokeGradient {
+    type: 'linearGradient';
+    stops: EdgeGradientStop[];
+    attrs?: Record<string, unknown>;
+}
 interface EdgeDecoration {
     className?: string;
-    strokeColor?: string;
+    strokeColor?: string | EdgeStrokeGradient;
+    targetMarkerColor?: string;
 }
 interface ContextMenuItem {
     id: string;
@@ -352,11 +365,12 @@ interface InsertNodeOptions {
     label?: string;
     direction?: InsertDirection;
 }
+type ZoomToFitOptions = Parameters<Graph['zoomToFit']>[0];
 interface CanvasApi {
     zoomIn(): void;
     zoomOut(): void;
     zoomTo(value: number): void;
-    zoomToFit(): void;
+    zoomToFit(options?: ZoomToFitOptions): void;
     getZoom(): number;
     centerContent(): void;
     scrollToOrigin(): void;
@@ -414,6 +428,10 @@ interface QuickAddConfig {
     getPort?: QuickAddPortResolver;
     /** 点击 quick-add 插入节点时使用的方向；默认跟随绑定 port 的标准方向，不可推断时回退为 'right' */
     insertDirection?: InsertDirection | QuickAddInsertDirectionResolver;
+    /** 弹出 quick-add 面板时，如右侧超出浏览器可视区，则自动左移画布，默认 true */
+    autoPanOnOpen?: boolean;
+    /** autoPanOnOpen 生效时，弹层与浏览器右边缘保留的安全间距，默认 16px */
+    autoPanPadding?: number;
 }
 interface EdgeDropConfig {
     /** 全局开关，默认 false */
@@ -628,6 +646,8 @@ interface CanvasEditorContext {
     idGenerator: IdGenerator;
     executeCommand(envelope: CommandEnvelope): CommandExecutionResult;
     replaceFlowModel(model: FlowModel): void;
+    /** 更新 FlowModel，同时保留历史栈（当前状态入 undo 栈），支持撤销。 */
+    updateFlowModel(model: FlowModel, label?: string): void;
     setMode(mode: CanvasMode): void;
     /** 框选模式：开启后左键拖拽画布空白区域为框选，关闭时为画布平移 */
     selectionMode: Ref<boolean>;
@@ -769,6 +789,8 @@ declare const _default$1: typeof __VLS_export$1;
 type __VLS_Props = {
     node: FlowNodeModel;
     portPosition: ScreenPosition;
+    autoPanOnOpen?: boolean;
+    autoPanPadding?: number;
 };
 declare function closePopover(): void;
 declare var __VLS_7: {};
@@ -783,12 +805,14 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
     mouseleave: () => any;
     open: (nodeId: string) => any;
     "start-drag": (nodeId: string) => any;
+    "viewport-overflow-right": (overflowRight: number) => any;
 }, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: (() => any) | undefined;
     onMouseenter?: (() => any) | undefined;
     onMouseleave?: (() => any) | undefined;
     onOpen?: ((nodeId: string) => any) | undefined;
     "onStart-drag"?: ((nodeId: string) => any) | undefined;
+    "onViewport-overflow-right"?: ((overflowRight: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -877,7 +901,6 @@ interface SearchNodeMeta {
 }
 interface SearchPluginOptions {
     placeholder?: string;
-    emptyText?: string;
     maxResults?: number;
     getNodeMeta?: (node: FlowNodeModel) => SearchNodeMeta | null | undefined;
 }
@@ -901,4 +924,4 @@ declare function minimapPlugin(options?: MinimapPluginOptions): CanvasPlugin;
 declare function clipboardPlugin(): CanvasPlugin;
 
 export { CanvasConstraintError, _default$5 as CanvasLayout, _default$3 as CanvasNodePalette, _default$6 as CanvasRuntime, CanvasSchemaError, _default$4 as CanvasToolbar, _default$2 as DefaultNode, _default$1 as NodeActionsToolbar, _default as NodeQuickAddPopover, applyCanvasCommand, clipboardPlugin, connectionValidatorPlugin, createBuiltinEdgeTypes, createCanvasHistory, createDefaultSchema, createDefaultToolbarItems, createEmptyFlowModel, generateId, minimapPlugin, searchPlugin, selectionPlugin, snaplinePlugin, useCanvasEditor };
-export type { BuiltinEdgeType, BuiltinToolbarType, CanvasApi, CanvasCallbackContext, CanvasCommand, CanvasEdgeDefinition, CanvasEditorContext, CanvasEditorOptions, CanvasHistory, CanvasHistoryOptions, CanvasMode, CanvasNodeDefinition, CanvasPlugin, CanvasPosition, CanvasSchema, CanvasSelection, CanvasToolbarItem, CanvasUiEvent, CommandEnvelope, CommandExecutionError, CommandExecutionResult, CommandPreview, CommandRejection, CommandSource, ConnectionValidateContext, ConnectionValidateResult, ConnectionValidator, ContextMenuItem, CoreToolbarType, DefaultNodeTypeConfig, DefaultSchemaOptions, DefaultSchemaResult, DefaultToolbarItemsOptions, DeleteSelectionOptions, EdgeDecoration, EdgeDropConfig, EdgeRenderState, EdgeStyle, EditorPluginContext, ExportOptions, FlowEdgeLabelModel, FlowEdgeModel, FlowModel, FlowModelChangeEvent, FlowNodeModel, FlowPortModel, GraphWithSelection, IdGenerator, InsertDirection, InsertNodeOptions, MinimapPluginOptions, NodeActionsConfig, NodeBehaviorConfig, NodeDecoration, NodePaletteItem, OverlayManager, PluginManagedToolbarType, QuickAddConfig, QuickAddInsertDirectionResolver, QuickAddPortResolver, RuntimePluginContext, ScreenPosition, SearchNodeMeta, SearchPluginOptions, SelectionPluginOptions, SnaplinePluginOptions };
+export type { BuiltinEdgeType, BuiltinToolbarType, CanvasApi, CanvasCallbackContext, CanvasCommand, CanvasEdgeDefinition, CanvasEditorContext, CanvasEditorOptions, CanvasHistory, CanvasHistoryOptions, CanvasMode, CanvasNodeDefinition, CanvasPlugin, CanvasPosition, CanvasSchema, CanvasSelection, CanvasToolbarItem, CanvasUiEvent, CommandEnvelope, CommandExecutionError, CommandExecutionResult, CommandPreview, CommandRejection, CommandSource, ConnectionValidateContext, ConnectionValidateResult, ConnectionValidator, ContextMenuItem, CoreToolbarType, DefaultNodeTypeConfig, DefaultSchemaOptions, DefaultSchemaResult, DefaultToolbarItemsOptions, DeleteSelectionOptions, EdgeDecoration, EdgeDropConfig, EdgeRenderState, EdgeStyle, EditorPluginContext, ExportOptions, FlowEdgeLabelModel, FlowEdgeModel, FlowModel, FlowModelChangeEvent, FlowNodeModel, FlowPortModel, GraphWithSelection, IdGenerator, InsertDirection, InsertNodeOptions, MinimapPluginOptions, NodeActionsConfig, NodeBehaviorConfig, NodeDecoration, NodePaletteItem, OverlayManager, PluginManagedToolbarType, QuickAddConfig, QuickAddInsertDirectionResolver, QuickAddPortResolver, RuntimePluginContext, ScreenPosition, SearchNodeMeta, SearchPluginOptions, SelectionPluginOptions, SnaplinePluginOptions, ZoomToFitOptions };