@rxflow/workflow 0.0.4-alpha.3 → 0.0.4-alpha.5

package/cjs/hooks/useWorkFlowProps.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-/// <reference types="react" />
 /**
  * @author: yanxianliang
  * @date: 2025-08-25 15:25
@@ -12,16 +11,15 @@ import { LayoutFunction } from "@rxflow/base";
 import { IWorkflowProps, WorkflowNode } from "../types";
 import { Edge } from "@xyflow/react";
 export declare const useWorkFlowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(props: IWorkflowProps<NodeType, EdgeType>) => {
-    selectNodesOnDrag: boolean;
-    nodesDraggable: boolean;
-    nodesConnectable: boolean;
+    onNodesChange: (changes: import("@xyflow/react").NodeChange<NodeType>[]) => void;
+    onEdgesChange: import("@xyflow/react").OnEdgesChange<EdgeType> | undefined;
     deleteKeyCode: import("@xyflow/react").KeyCode | null;
+    nodesConnectable: boolean;
+    nodesDraggable: boolean;
+    selectNodesOnDrag: boolean;
+    fitView: boolean;
     isValidConnection: <EdgeType_1 extends Edge = Edge>(connection: import("@xyflow/react").Connection | EdgeType_1) => boolean;
-    onDrop: (event: import("react").DragEvent<HTMLDivElement>) => Promise<void>;
-    onDragOver: (event: import("react").DragEvent<HTMLDivElement>) => void;
     onConnect: (connection: import("@xyflow/react").Connection) => void;
-    onEdgesChange: import("@xyflow/react").OnEdgesChange<EdgeType> | undefined;
-    onNodesChange: (changes: import("@xyflow/react").NodeChange<NodeType>[]) => void;
     onBeforeDelete: ({ nodes, edges }: {
         nodes: NodeType[];
         edges: EdgeType[];
@@ -29,409 +27,63 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
         nodes: NodeType[];
         edges: EdgeType[];
     }>;
-    layout: LayoutFunction;
-    onSelectionChange: (selectionChange: import("@xyflow/react").OnSelectionChangeParams<NodeType, EdgeType>) => void;
     onEdgeMouseEnter: (event: import("react").MouseEvent<Element, MouseEvent>, edge: EdgeType) => void;
     onEdgeMouseLeave: (event: import("react").MouseEvent<Element, MouseEvent>, edge: EdgeType) => void;
-    onMouseLeave: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onMouseEnter: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onMouseLeave: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
     onMouseMove: (e: import("react").MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onSelectionChange: (selectionChange: import("@xyflow/react").OnSelectionChangeParams<NodeType, EdgeType>) => void;
+    onDrop: (event: import("react").DragEvent<HTMLDivElement>) => Promise<void>;
+    onDragOver: (event: import("react").DragEvent<HTMLDivElement>) => void;
     onNodeDragStart: (event: import("react").MouseEvent<Element, MouseEvent>, node: NodeType, nodes: NodeType[]) => void;
     onNodeDrag: (event: import("react").MouseEvent<Element, MouseEvent>, node: NodeType, nodes: NodeType[]) => void;
     onNodeDragStop: (event: import("react").MouseEvent<Element, MouseEvent>, node: NodeType, nodes: NodeType[]) => void;
+    layout: LayoutFunction;
+    flowProps: import("@rxflow/base").FlowProps<NodeType, Edge> | undefined;
     width?: string | number | undefined;
     height?: string | number | undefined;
-    id?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    color?: string | undefined;
-    onError?: import("@xyflow/react").OnError | undefined;
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoCapitalize?: "none" | (string & {}) | "off" | "on" | "sentences" | "words" | "characters" | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    enterKeyHint?: "search" | "enter" | "done" | "next" | "go" | "previous" | "send" | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-    popoverTarget?: string | undefined;
-    inert?: boolean | undefined;
-    inputMode?: "none" | "search" | "text" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
-    exportparts?: string | undefined;
-    part?: string | undefined;
-    "aria-activedescendant"?: string | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
-    "aria-braillelabel"?: string | undefined;
-    "aria-brailleroledescription"?: string | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-colcount"?: number | undefined;
-    "aria-colindex"?: number | undefined;
-    "aria-colindextext"?: string | undefined;
-    "aria-colspan"?: number | undefined;
-    "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "step" | "date" | "time" | "page" | "location" | "true" | "false" | undefined;
-    "aria-describedby"?: string | undefined;
-    "aria-description"?: string | undefined;
-    "aria-details"?: string | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "popup" | "move" | "copy" | "execute" | undefined;
-    "aria-errormessage"?: string | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-    "aria-keyshortcuts"?: string | undefined;
-    "aria-label"?: string | undefined;
-    "aria-labelledby"?: string | undefined;
-    "aria-level"?: number | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined;
-    "aria-owns"?: string | undefined;
-    "aria-placeholder"?: string | undefined;
-    "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined;
-    "aria-rowcount"?: number | undefined;
-    "aria-rowindex"?: number | undefined;
-    "aria-rowindextext"?: string | undefined;
-    "aria-rowspan"?: number | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-    "aria-valuemax"?: number | undefined;
-    "aria-valuemin"?: number | undefined;
-    "aria-valuenow"?: number | undefined;
-    "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
-    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    edgeTypes?: import("@xyflow/react").EdgeTypes | undefined;
     nodes?: NodeType[] | undefined;
     edges?: EdgeType[] | undefined;
-    defaultNodes?: NodeType[] | undefined;
-    defaultEdges?: EdgeType[] | undefined;
-    defaultEdgeOptions?: import("@xyflow/react").DefaultEdgeOptions | undefined;
+    children?: import("react").ReactNode;
+    fitViewOptions?: import("@xyflow/react").FitViewOptions | undefined;
+    minZoom?: number | undefined;
+    maxZoom?: number | undefined;
+    defaultViewport?: import("@xyflow/react").Viewport | undefined;
+    nodeOrigin?: import("@xyflow/react").NodeOrigin | undefined;
+    elementsSelectable?: boolean | undefined;
+    panOnDrag?: boolean | number[] | undefined;
+    panOnScroll?: boolean | undefined;
+    zoomOnScroll?: boolean | undefined;
+    selectionOnDrag?: boolean | undefined;
+    selectionMode?: import("@xyflow/react").SelectionMode | undefined;
+    onInit?: import("@xyflow/react").OnInit<NodeType, EdgeType> | undefined;
     onNodeClick?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
     onNodeDoubleClick?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
+    onNodeContextMenu?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
     onNodeMouseEnter?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
-    onNodeMouseMove?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
     onNodeMouseLeave?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
-    onNodeContextMenu?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
+    onNodeMouseMove?: import("@xyflow/react").NodeMouseHandler<NodeType> | undefined;
     onEdgeClick?: ((event: import("react").MouseEvent<Element, MouseEvent>, edge: EdgeType) => void) | undefined;
+    onEdgeDoubleClick?: import("@xyflow/react").EdgeMouseHandler<EdgeType> | undefined;
     onEdgeContextMenu?: import("@xyflow/react").EdgeMouseHandler<EdgeType> | undefined;
     onEdgeMouseMove?: import("@xyflow/react").EdgeMouseHandler<EdgeType> | undefined;
-    onEdgeDoubleClick?: import("@xyflow/react").EdgeMouseHandler<EdgeType> | undefined;
-    onReconnect?: import("@xyflow/react").OnReconnect<EdgeType> | undefined;
-    onReconnectStart?: ((event: import("react").MouseEvent<Element, MouseEvent>, edge: EdgeType, handleType: import("@xyflow/react").HandleType) => void) | undefined;
-    onReconnectEnd?: ((event: MouseEvent | TouchEvent, edge: EdgeType, handleType: import("@xyflow/react").HandleType, connectionState: import("@xyflow/react").FinalConnectionState) => void) | undefined;
-    onNodesDelete?: import("@xyflow/react").OnNodesDelete<NodeType> | undefined;
-    onEdgesDelete?: import("@xyflow/react").OnEdgesDelete<EdgeType> | undefined;
-    onDelete?: import("@xyflow/react").OnDelete<NodeType, EdgeType> | undefined;
-    onSelectionDragStart?: import("@xyflow/react").SelectionDragHandler<NodeType> | undefined;
-    onSelectionDrag?: import("@xyflow/react").SelectionDragHandler<NodeType> | undefined;
-    onSelectionDragStop?: import("@xyflow/react").SelectionDragHandler<NodeType> | undefined;
-    onSelectionStart?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onSelectionEnd?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onSelectionContextMenu?: ((event: import("react").MouseEvent<Element, MouseEvent>, nodes: NodeType[]) => void) | undefined;
-    onConnectStart?: import("@xyflow/react").OnConnectStart | undefined;
-    onConnectEnd?: import("@xyflow/react").OnConnectEnd | undefined;
-    onClickConnectStart?: import("@xyflow/react").OnConnectStart | undefined;
-    onClickConnectEnd?: import("@xyflow/react").OnConnectEnd | undefined;
-    onInit?: import("@xyflow/react").OnInit<NodeType, EdgeType> | undefined;
-    onMove?: import("@xyflow/react").OnMove | undefined;
-    onMoveStart?: import("@xyflow/react").OnMove | undefined;
-    onMoveEnd?: import("@xyflow/react").OnMove | undefined;
-    onPaneScroll?: ((event?: import("react").WheelEvent<Element> | undefined) => void) | undefined;
     onPaneClick?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     onPaneContextMenu?: ((event: MouseEvent | import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onPaneScroll?: ((event?: import("react").WheelEvent<Element> | undefined) => void) | undefined;
     onPaneMouseEnter?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    onPaneMouseMove?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     onPaneMouseLeave?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
-    paneClickDistance?: number | undefined;
-    nodeClickDistance?: number | undefined;
-    edgeTypes?: import("@xyflow/react").EdgeTypes | undefined;
-    connectionLineType?: import("@xyflow/react").ConnectionLineType | undefined;
-    connectionLineStyle?: import("react").CSSProperties | undefined;
-    connectionLineComponent?: import("@xyflow/react").ConnectionLineComponent<NodeType> | undefined;
-    connectionLineContainerStyle?: import("react").CSSProperties | undefined;
-    connectionMode?: import("@xyflow/react").ConnectionMode | undefined;
-    selectionKeyCode?: import("@xyflow/react").KeyCode | null | undefined;
-    selectionOnDrag?: boolean | undefined;
-    selectionMode?: import("@xyflow/react").SelectionMode | undefined;
-    panActivationKeyCode?: import("@xyflow/react").KeyCode | null | undefined;
-    multiSelectionKeyCode?: import("@xyflow/react").KeyCode | null | undefined;
-    zoomActivationKeyCode?: import("@xyflow/react").KeyCode | null | undefined;
-    snapToGrid?: boolean | undefined;
-    snapGrid?: import("@xyflow/react").SnapGrid | undefined;
+    onPaneMouseMove?: ((event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
+    onSelectionContextMenu?: ((event: import("react").MouseEvent<Element, MouseEvent>, nodes: NodeType[]) => void) | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMove?: import("@xyflow/react").OnMove | undefined;
+    onMoveStart?: import("@xyflow/react").OnMove | undefined;
+    onMoveEnd?: import("@xyflow/react").OnMove | undefined;
     onlyRenderVisibleElements?: boolean | undefined;
-    autoPanOnNodeFocus?: boolean | undefined;
-    nodesFocusable?: boolean | undefined;
-    nodeOrigin?: import("@xyflow/react").NodeOrigin | undefined;
-    edgesFocusable?: boolean | undefined;
-    edgesReconnectable?: boolean | undefined;
-    elementsSelectable?: boolean | undefined;
-    panOnDrag?: boolean | number[] | undefined;
-    minZoom?: number | undefined;
-    maxZoom?: number | undefined;
-    viewport?: import("@xyflow/react").Viewport | undefined;
-    defaultViewport?: import("@xyflow/react").Viewport | undefined;
-    onViewportChange?: ((viewport: import("@xyflow/react").Viewport) => void) | undefined;
-    translateExtent?: import("@xyflow/react").CoordinateExtent | undefined;
-    preventScrolling?: boolean | undefined;
-    nodeExtent?: import("@xyflow/react").CoordinateExtent | undefined;
-    defaultMarkerColor?: string | null | undefined;
-    zoomOnScroll?: boolean | undefined;
-    zoomOnPinch?: boolean | undefined;
-    panOnScroll?: boolean | undefined;
-    panOnScrollSpeed?: number | undefined;
-    panOnScrollMode?: import("@xyflow/react").PanOnScrollMode | undefined;
-    zoomOnDoubleClick?: boolean | undefined;
-    reconnectRadius?: number | undefined;
-    noDragClassName?: string | undefined;
-    noWheelClassName?: string | undefined;
-    noPanClassName?: string | undefined;
-    fitViewOptions?: import("@xyflow/react").FitViewOptions | undefined;
-    connectOnClick?: boolean | undefined;
-    attributionPosition?: import("@xyflow/react").PanelPosition | undefined;
-    proOptions?: import("@xyflow/react").ProOptions | undefined;
-    elevateNodesOnSelect?: boolean | undefined;
-    elevateEdgesOnSelect?: boolean | undefined;
-    disableKeyboardA11y?: boolean | undefined;
-    autoPanOnNodeDrag?: boolean | undefined;
-    autoPanOnConnect?: boolean | undefined;
-    autoPanSpeed?: number | undefined;
-    connectionRadius?: number | undefined;
-    nodeDragThreshold?: number | undefined;
-    connectionDragThreshold?: number | undefined;
-    colorMode?: import("@xyflow/react").ColorMode | undefined;
     debug?: boolean | undefined;
-    ariaLabelConfig?: Partial<{
-        'node.a11yDescription.default': string;
-        'node.a11yDescription.keyboardDisabled': string;
-        'node.a11yDescription.ariaLiveMessage': ({ direction, x, y }: {
-            direction: string;
-            x: number;
-            y: number;
-        }) => string;
-        'edge.a11yDescription.default': string;
-        'controls.ariaLabel': string;
-        'controls.zoomIn.ariaLabel': string;
-        'controls.zoomOut.ariaLabel': string;
-        'controls.fitView.ariaLabel': string;
-        'controls.interactive.ariaLabel': string;
-        'minimap.ariaLabel': string;
-        'handle.ariaLabel': string;
-    }> | undefined;
+    loading?: boolean | undefined;
+    readOnly?: boolean | undefined;
     background?: string | undefined;
     theme?: import("@rxflow/base").BaseThemeConfig | undefined;
     showControls?: boolean | undefined;
@@ -454,14 +106,12 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     plugins?: {
         scroller?: false | import("packages/base/src/plugins/scrollbar/types").ScrollbarPluginOptions | undefined;
     } | undefined;
-    readOnly?: boolean | undefined;
     onZoomIn?: (() => void) | undefined;
     onZoomOut?: (() => void) | undefined;
     onFitView?: (() => void) | undefined;
     onInteractiveChange?: ((interactiveStatus: boolean) => void) | undefined;
     onRender?: ((nodes: NodeType[], edges: EdgeType[], timing: number) => void) | undefined;
     forceFitView?: boolean | undefined;
-    loading?: boolean | undefined;
     quickAdd?: boolean | undefined;
     renderNodeIcon?: ((nodeDefinition: import("../types").WorkFlowNodeDefinition<NodeType["data"]>) => import("react").ReactNode) | undefined;
     sider?: {
@@ -479,6 +129,5 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     } | undefined>) | undefined;
     controlsPosition: import("@xyflow/react").PanelPosition;
     nodeTypes: import("../types").WorkFlowNodeDefinition<NodeType["data"]>[] | undefined;
-    fitView: boolean;
 };
 //# sourceMappingURL=useWorkFlowProps.d.ts.map

package/cjs/hooks/useWorkFlowProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkFlowProps.d.ts","sourceRoot":"","sources":["useWorkFlowProps.ts"],"names":[],"mappings":";;AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,cAAc,EAAqC,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAerC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E1C,CAAC"}
+{"version":3,"file":"useWorkFlowProps.d.ts","sourceRoot":"","sources":["useWorkFlowProps.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;AACH,OAAO,EAAE,cAAc,EAAqC,MAAM,cAAc,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAgBrC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG1C,CAAC"}

package/cjs/hooks/useWorkFlowProps.js

@@ -28,69 +28,95 @@ var _useOnSelectionChange = require("./useOnSelectionChange");
 const defaultDeleteKeyCode = ["Delete", "Backspace"];
 const useWorkFlowProps = props => {
   const {
-    deleteKeyCode = defaultDeleteKeyCode,
-    nodesConnectable = true,
-    nodesDraggable = true,
     nodeTypes,
     controlsPosition = 'bottom-left',
-    onEdgesChange,
-    fitView = true,
-    onSelectionChange: _onSelectionChange,
     selectionStrategy = _base.SelectionStrategy.ALL,
+    onNodesChange: userOnNodesChange,
+    onEdgesChange: userOnEdgesChange,
+    // 外层定义的拖拽事件
+    onNodeDragStart: userOnNodeDragStart,
+    onNodeDrag: userOnNodeDrag,
+    onNodeDragStop: userOnNodeDragStop,
+    onDragOver: userOnDragOver,
+    onDrop: userOnDrop,
+    onSelectionChange: userOnSelectionChange,
+    // 外层定义的连接相关
+    isValidConnection: userIsValidConnection,
+    onConnect: userOnConnect,
+    onBeforeDelete: userOnBeforeDelete,
+    // 外层定义的鼠标事件
+    onEdgeMouseEnter: userOnEdgeMouseEnter,
+    onEdgeMouseLeave: userOnEdgeMouseLeave,
+    onMouseEnter: userOnMouseEnter,
+    onMouseLeave: userOnMouseLeave,
+    onMouseMove: userOnMouseMove,
+    // 外层定义的交互相关（设置默认值）
+    deleteKeyCode = defaultDeleteKeyCode,
+    nodesConnectable = true,
+    nodesDraggable = true,
     selectNodesOnDrag = true,
+    fitView = true,
+    flowProps: userFlowProps,
     ...others
   } = props;
-  const onSelectionChange = (0, _useOnSelectionChange.useOnSelectionChange)(selectionStrategy, _onSelectionChange);
+  const onSelectionChange = (0, _useOnSelectionChange.useOnSelectionChange)(selectionStrategy, userOnSelectionChange);
+
+  // TODO 这个会导致刷新一次
   const nodeTypeLookup = (0, _base.useNodeTypeMap)(); // nodeType lookup
 
-  const isValidConnection = (0, _useIsValidConnection.useIsValidConnection)(props);
-  const onConnect = (0, _useOnConnect.useOnConnect)(props);
-  const onEdgeMouseEnter = (0, _useOnEdgeMouseEnter.useOnEdgeMouseEnter)(props.onEdgeMouseEnter);
-  const onEdgeMouseLeave = (0, _useOnEdgeMouseLeave.useOnEdgeMouseLeave)(props.onEdgeMouseLeave);
+  const isValidConnection = (0, _useIsValidConnection.useIsValidConnection)(props, userIsValidConnection);
+  const onConnect = (0, _useOnConnect.useOnConnect)(props, userOnConnect);
+  const onEdgeMouseEnter = (0, _useOnEdgeMouseEnter.useOnEdgeMouseEnter)(userOnEdgeMouseEnter);
+  const onEdgeMouseLeave = (0, _useOnEdgeMouseLeave.useOnEdgeMouseLeave)(userOnEdgeMouseLeave);
   const {
     onMouseLeave,
     onMouseEnter,
     onMouseMove
-  } = (0, _useMouseEvents.useMouseEvents)(props.onMouseEnter, props.onMouseLeave, props.onMouseMove);
-  const onBeforeDelete = (0, _useOnBeforeDelete.useOnBeforeDelete)(props.onBeforeDelete);
-  const onNodesChange = (0, _useOnNodesChange.useOnNodesChange)(props.onNodesChange);
+  } = (0, _useMouseEvents.useMouseEvents)(userOnMouseEnter, userOnMouseLeave, userOnMouseMove);
+  const onBeforeDelete = (0, _useOnBeforeDelete.useOnBeforeDelete)(userOnBeforeDelete);
+  const onNodesChange = (0, _useOnNodesChange.useOnNodesChange)(userOnNodesChange);
   const {
     onNodeDragStart,
     onNodeDragStop,
     onNodeDrag,
     onDragOver,
     onDrop
-  } = (0, _useNodeDragHandles.useNodeDragHandles)(props.onNodeDragStart, props.onNodeDrag, props.onNodeDragStop, props.onDragOver, props.onDrop, props.onNodeTypeDrop);
+  } = (0, _useNodeDragHandles.useNodeDragHandles)(userOnNodeDragStart, userOnNodeDrag, userOnNodeDragStop, userOnDragOver, userOnDrop, props.onNodeTypeDrop);
   const layout = (0, _ahooks.useMemoizedFn)(config => {
     return (0, _prepareInnerLookup.prepareInnerLookup)(config, nodeTypeLookup);
   });
   return {
     showMiniMap: true,
-    controlsPosition: controlsPosition,
-    nodeTypes: nodeTypes,
-    fitView: fitView,
+    controlsPosition,
+    nodeTypes,
     ...others,
+    onNodesChange,
+    onEdgesChange: userOnEdgesChange,
+    // 交互相关（外层，带默认值）
+    deleteKeyCode,
+    nodesConnectable,
+    nodesDraggable,
     selectNodesOnDrag,
-    nodesDraggable: nodesDraggable,
-    nodesConnectable: nodesConnectable,
-    deleteKeyCode: deleteKeyCode,
-    isValidConnection: isValidConnection,
-    onDrop: onDrop,
-    onDragOver: onDragOver,
-    onConnect: onConnect,
-    onEdgesChange: onEdgesChange,
-    onNodesChange: onNodesChange,
-    onBeforeDelete: onBeforeDelete,
-    layout: layout,
-    onSelectionChange: onSelectionChange,
-    onEdgeMouseEnter: onEdgeMouseEnter,
-    onEdgeMouseLeave: onEdgeMouseLeave,
-    onMouseLeave: onMouseLeave,
-    onMouseEnter: onMouseEnter,
-    onMouseMove: onMouseMove,
-    onNodeDragStart: onNodeDragStart,
-    onNodeDrag: onNodeDrag,
-    onNodeDragStop: onNodeDragStop
+    fitView,
+    // 连接相关（外层）
+    isValidConnection,
+    onConnect,
+    onBeforeDelete,
+    // 鼠标事件（外层）
+    onEdgeMouseEnter,
+    onEdgeMouseLeave,
+    onMouseEnter,
+    onMouseLeave,
+    onMouseMove,
+    // 拖拽事件（外层）
+    onSelectionChange,
+    onDrop,
+    onDragOver,
+    onNodeDragStart,
+    onNodeDrag,
+    onNodeDragStop,
+    layout,
+    flowProps: userFlowProps
   };
 };
 exports.useWorkFlowProps = useWorkFlowProps;