@rxflow/workflow 0.0.4-alpha.6 → 0.0.4-alpha.7

package/cjs/components/Handle/index.js

@@ -12,7 +12,7 @@ var _base = require("@rxflow/base");
 var _classcat = _interopRequireDefault(require("classcat"));
 var _react2 = require("react");
 require("./index.less");
-var _useWorkFlow = require("../../hooks/useWorkFlow");
+var _hooks = require("../../hooks");
 var _events = require("../../utils/events");
 var _NodePopover = require("./NodePopover");
 var _ExclamationOutlined = _interopRequireDefault(require("@ant-design/icons/lib/icons/ExclamationOutlined"));
@@ -58,7 +58,7 @@ const Handle = props => {
   const {
     getNode,
     connect
-  } = (0, _useWorkFlow.useWorkFlow)();
+  } = (0, _hooks.useWorkFlow)();
   const {
     getState
   } = (0, _react.useStoreApi)();

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

@@ -1 +1 @@
-{"version":3,"file":"useWorkFlow.d.ts","sourceRoot":"","sources":["useWorkFlow.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,EACT,KAAK,IAAI,EACT,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAIvB;;GAEG;AACH,eAAO,MAAM,WAAW;;;0BAIA,UAAU,KAAK,IAAI;2BAClB,MAAM,iBAAiB,OAAO,KAAK,QAAQ,EAAE;0BAC9C,MAAM,KAAK,QAAQ,EAAE;CA4F5C,CAAA"}
+{"version":3,"file":"useWorkFlow.d.ts","sourceRoot":"","sources":["useWorkFlow.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,EACT,KAAK,IAAI,EACT,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAIvB;;GAEG;AACH,eAAO,MAAM,WAAW;;;0BAIA,UAAU,KAAK,IAAI;2BAClB,MAAM,iBAAiB,OAAO,KAAK,QAAQ,EAAE;0BAC9C,MAAM,KAAK,QAAQ,EAAE;CA2F5C,CAAA"}

package/cjs/hooks/useWorkFlow.js

@@ -35,9 +35,8 @@ const useWorkFlow = () => {
      * @param connection
      */
     const connect = connection => {
-      const flowProps = getFlowProps(state => state.flowProps);
-      const onConnect = flowProps?.onConnect;
-      onConnect?.(connection); // 直接回调内置的onConnect 逻辑
+      const props = getFlowProps();
+      props?.onConnect?.(connection); // 直接回调内置的onConnect 逻辑
     };
     const getChildren = (nodeId, allowSubFlow = true) => {
       if (!nodeId) {

package/cjs/hooks/useWorkFlowProps.d.ts

@@ -40,8 +40,10 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     onNodeDragStop: (event: import("react").MouseEvent<Element, MouseEvent>, node: NodeType, nodes: NodeType[]) => void;
     layout: LayoutFunction;
     flowProps: import("@rxflow/base").FlowProps<NodeType, Edge> | undefined;
+    loading?: boolean | undefined;
     width?: string | number | undefined;
     height?: string | number | undefined;
+    id?: string | undefined;
     edgeTypes?: import("@xyflow/react").EdgeTypes | undefined;
     nodes?: NodeType[] | undefined;
     edges?: EdgeType[] | undefined;
@@ -86,13 +88,13 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     onMoveStart?: import("@xyflow/react").OnMove | undefined;
     onMoveEnd?: import("@xyflow/react").OnMove | undefined;
     onlyRenderVisibleElements?: boolean | undefined;
+    edgesFocusable?: boolean | undefined;
     debug?: boolean | undefined;
-    loading?: boolean | undefined;
     readOnly?: boolean | undefined;
     background?: string | undefined;
     theme?: import("@rxflow/base").BaseThemeConfig | undefined;
     showControls?: boolean | undefined;
-    controlsOrientation?: "horizontal" | "vertical" | undefined;
+    controlsOrientation?: "vertical" | "horizontal" | undefined;
     customControls?: import("react").ReactNode;
     showMiniMap: boolean;
     getMiniMapNodeColor?: ((node: import("@xyflow/react").Node) => string) | undefined;

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;AAgBrC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG1C,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/useWorkflowPropsHooks.d.ts

@@ -7,40 +7,24 @@
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 import { IBaseFlowProps } from '@rxflow/base';
-import { IWorkflowProps, WorkflowExtendProps, WorkflowNode } from '../types';
+import { WorkflowExtendProps, WorkflowNode } from '../types';
 import { Edge } from '@xyflow/react';
-type WorkflowFullFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge> = IBaseFlowProps<NodeType, EdgeType> & WorkflowExtendProps<NodeType>;
+type WorkflowFullProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge> = IBaseFlowProps<NodeType, EdgeType> & WorkflowExtendProps<NodeType>;
 /**
- * 获取原始输入 props
+ * 获取 Flow props
  *
  * @example
- * const inputProps = useWorkflowInputProps();
- * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ * const props = useWorkflowProps();
+ * const nodes = useWorkflowProps(state => state.nodes);
  */
-export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): IWorkflowProps<NodeType, EdgeType>;
-export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
+export declare function useWorkflowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): WorkflowFullProps<NodeType, EdgeType>;
+export declare function useWorkflowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: WorkflowFullProps<NodeType, EdgeType>) => U): U;
 /**
- * 获取转换后的 Flow props
- *
- * @example
- * const flowProps = useWorkflowFlowProps();
- * const nodes = useWorkflowFlowProps(state => state.nodes);
- */
-export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): WorkflowFullFlowProps<NodeType, EdgeType>;
-export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
-/**
- * 获取原始输入 props 的 getter（非响应式）
- */
-export declare const useGetWorkflowInputProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
-    (): IWorkflowProps<NodeType, EdgeType>;
-    <U>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
-};
-/**
- * 获取转换后 Flow props 的 getter（非响应式）
+ * 获取 Flow props 的 getter（非响应式）
  */
-export declare const useGetWorkflowFlowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
-    (): WorkflowFullFlowProps<NodeType, EdgeType>;
-    <U>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
+export declare const useGetWorkflowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
+    (): WorkflowFullProps<NodeType, EdgeType>;
+    <U>(selector: (state: WorkflowFullProps<NodeType, EdgeType>) => U): U;
 };
 /**
  * 获取连接限制配置
@@ -59,9 +43,6 @@ export declare const useQuickAdd: () => boolean | undefined;
  */
 export declare const useOnNodeTypeDrop: () => ((parentFlow: import("@xyflow/react").InternalNode<WorkflowNode> | undefined, positionInParent: import("@xyflow/react").XYPosition, nodeType: string) => Promise<{
     id: string;
-    /**
-     * 获取节点类型拖放回调
-     */
     connectSourceHandle: string;
     connectTargetHandle: string;
 } | undefined>) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"useWorkflowPropsHooks.d.ts","sourceRoot":"","sources":["useWorkflowPropsHooks.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,KAAK,qBAAqB,CACxB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,IAC1B,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAEvE;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxC,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASjE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC/C,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASxE;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;CAKpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;CAKnC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;aAA8D,CAAC;AAE9F;;GAEG;AACH,eAAO,MAAM,WAAW,2BAAuD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;IAH9B;;OAEG;;;2BACwF,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,iBAAiB,uIAA6D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,oBAAoB,4DAAgE,CAAC;AAElG;;GAEG;AACH,eAAO,MAAM,mBAAmB,2BAAuD,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,kBAAkB,2BAAsD,CAAC"}
+{"version":3,"file":"useWorkflowPropsHooks.d.ts","sourceRoot":"","sources":["useWorkflowPropsHooks.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAiC,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAkB,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,KAAK,iBAAiB,CACpB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,IAC1B,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAEvE;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC3C,wBAAgB,gBAAgB,CAC9B,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASpE;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAK/B,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;aAAyD,CAAC;AAEzF;;GAEG;AACH,eAAO,MAAM,WAAW,2BAAkD,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;2BAAwD,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,iBAAiB,uIAAwD,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,oBAAoB,4DAA2D,CAAC;AAE7F;;GAEG;AACH,eAAO,MAAM,mBAAmB,2BAAkD,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,kBAAkB,2BAAiD,CAAC"}

package/cjs/hooks/useWorkflowPropsHooks.js

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSelectionStrategy = exports.useRenderNodeIcon = exports.useQuickAdd = exports.useOnNodeTypeDrop = exports.useGetWorkflowInputProps = exports.useGetWorkflowFlowProps = exports.useConnectionLimit = void 0;
-exports.useWorkflowFlowProps = useWorkflowFlowProps;
-exports.useWorkflowInputProps = useWorkflowInputProps;
-exports.useWorkflowReadOnly = exports.useWorkflowLoading = void 0;
+exports.useWorkflowLoading = exports.useSelectionStrategy = exports.useRenderNodeIcon = exports.useQuickAdd = exports.useOnNodeTypeDrop = exports.useGetWorkflowProps = exports.useConnectionLimit = void 0;
+exports.useWorkflowProps = useWorkflowProps;
+exports.useWorkflowReadOnly = void 0;
 var _base = require("@rxflow/base");
 /**
  * @author: yanxianliang
@@ -17,41 +16,21 @@ var _base = require("@rxflow/base");
  */
 
 /**
- * 获取原始输入 props
+ * 获取 Flow props
  *
  * @example
- * const inputProps = useWorkflowInputProps();
- * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ * const props = useWorkflowProps();
+ * const nodes = useWorkflowProps(state => state.nodes);
  */
 
-function useWorkflowInputProps(selector) {
-  return (0, _base.useInputProps)(selector);
-}
-
-/**
- * 获取转换后的 Flow props
- *
- * @example
- * const flowProps = useWorkflowFlowProps();
- * const nodes = useWorkflowFlowProps(state => state.nodes);
- */
-
-function useWorkflowFlowProps(selector) {
+function useWorkflowProps(selector) {
   return (0, _base.useFlowProps)(selector);
 }
 
 /**
- * 获取原始输入 props 的 getter（非响应式）
- */
-const useGetWorkflowInputProps = () => {
-  return (0, _base.useGetInputProps)();
-};
-
-/**
- * 获取转换后 Flow props 的 getter（非响应式）
+ * 获取 Flow props 的 getter（非响应式）
  */
-exports.useGetWorkflowInputProps = useGetWorkflowInputProps;
-const useGetWorkflowFlowProps = () => {
+const useGetWorkflowProps = () => {
   return (0, _base.useGetFlowProps)();
 };
 
@@ -59,42 +38,42 @@ const useGetWorkflowFlowProps = () => {
 /**
  * 获取连接限制配置
  */
-exports.useGetWorkflowFlowProps = useGetWorkflowFlowProps;
-const useConnectionLimit = () => useWorkflowInputProps(state => state.connectionLimit);
+exports.useGetWorkflowProps = useGetWorkflowProps;
+const useConnectionLimit = () => useWorkflowProps(state => state.connectionLimit);
 
 /**
  * 获取是否启用快速添加
  */
 exports.useConnectionLimit = useConnectionLimit;
-const useQuickAdd = () => useWorkflowInputProps(state => state.quickAdd);
+const useQuickAdd = () => useWorkflowProps(state => state.quickAdd);
 
 /**
  * 获取节点类型拖放回调
  */
 exports.useQuickAdd = useQuickAdd;
-const useOnNodeTypeDrop = () => useWorkflowInputProps(state => state.onNodeTypeDrop);
+const useOnNodeTypeDrop = () => useWorkflowProps(state => state.onNodeTypeDrop);
 
 /**
  * 获取渲染节点图标函数
  */
 exports.useOnNodeTypeDrop = useOnNodeTypeDrop;
-const useRenderNodeIcon = () => useWorkflowInputProps(state => state.renderNodeIcon);
+const useRenderNodeIcon = () => useWorkflowProps(state => state.renderNodeIcon);
 
 /**
  * 获取选择策略
  */
 exports.useRenderNodeIcon = useRenderNodeIcon;
-const useSelectionStrategy = () => useWorkflowInputProps(state => state.selectionStrategy);
+const useSelectionStrategy = () => useWorkflowProps(state => state.selectionStrategy);
 
 /**
  * 获取是否只读
  */
 exports.useSelectionStrategy = useSelectionStrategy;
-const useWorkflowReadOnly = () => useWorkflowInputProps(state => state.readOnly);
+const useWorkflowReadOnly = () => useWorkflowProps(state => state.readOnly);
 
 /**
  * 获取加载状态
  */
 exports.useWorkflowReadOnly = useWorkflowReadOnly;
-const useWorkflowLoading = () => useWorkflowInputProps(state => state.loading);
+const useWorkflowLoading = () => useWorkflowProps(state => state.loading);
 exports.useWorkflowLoading = useWorkflowLoading;

package/esm/components/Handle/index.js

@@ -30,7 +30,7 @@ import { Popover, Tooltip, getNodeWidth, useFlowProps, useNodeTypeMap } from '@r
 import cat from 'classcat';
 import { useState } from 'react';
 import "./index.less";
-import { useWorkFlow } from "../../hooks/useWorkFlow";
+import { useWorkFlow } from "../../hooks";
 import { stopPropagation } from "../../utils/events";
 import { NodePopover } from "./NodePopover";
 import ExclamationOutlined from "@ant-design/icons/lib/icons/ExclamationOutlined";

package/esm/hooks/useWorkFlow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkFlow.d.ts","sourceRoot":"","sources":["useWorkFlow.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,EACT,KAAK,IAAI,EACT,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAIvB;;GAEG;AACH,eAAO,MAAM,WAAW;;;0BAIA,UAAU,KAAK,IAAI;2BAClB,MAAM,iBAAiB,OAAO,KAAK,QAAQ,EAAE;0BAC9C,MAAM,KAAK,QAAQ,EAAE;CA4F5C,CAAA"}
+{"version":3,"file":"useWorkFlow.d.ts","sourceRoot":"","sources":["useWorkFlow.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EACV,KAAK,IAAI,EACT,KAAK,IAAI,EACT,iBAAiB,EAGlB,MAAM,eAAe,CAAC;AAIvB;;GAEG;AACH,eAAO,MAAM,WAAW;;;0BAIA,UAAU,KAAK,IAAI;2BAClB,MAAM,iBAAiB,OAAO,KAAK,QAAQ,EAAE;0BAC9C,MAAM,KAAK,QAAQ,EAAE;CA2F5C,CAAA"}

package/esm/hooks/useWorkFlow.js

@@ -35,11 +35,9 @@ export var useWorkFlow = function useWorkFlow() {
      * @param connection
      */
     var connect = function connect(connection) {
-      var flowProps = getFlowProps(function (state) {
-        return state.flowProps;
-      });
-      var onConnect = flowProps === null || flowProps === void 0 ? void 0 : flowProps.onConnect;
-      onConnect === null || onConnect === void 0 || onConnect(connection); // 直接回调内置的onConnect 逻辑
+      var _props$onConnect;
+      var props = getFlowProps();
+      props === null || props === void 0 || (_props$onConnect = props.onConnect) === null || _props$onConnect === void 0 || _props$onConnect.call(props, connection); // 直接回调内置的onConnect 逻辑
     };
     var getChildren = function getChildren(nodeId) {
       var allowSubFlow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;

package/esm/hooks/useWorkFlowProps.d.ts

@@ -42,6 +42,7 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     flowProps: import("@rxflow/base").FlowProps<NodeType, Edge> | undefined;
     width?: string | number | undefined;
     height?: string | number | undefined;
+    id?: string | undefined;
     edgeTypes?: import("@xyflow/react").EdgeTypes | undefined;
     nodes?: NodeType[] | undefined;
     edges?: EdgeType[] | undefined;
@@ -86,6 +87,7 @@ export declare const useWorkFlowProps: <NodeType extends WorkflowNode = Workflow
     onMoveStart?: import("@xyflow/react").OnMove | undefined;
     onMoveEnd?: import("@xyflow/react").OnMove | undefined;
     onlyRenderVisibleElements?: boolean | undefined;
+    edgesFocusable?: boolean | undefined;
     debug?: boolean | undefined;
     loading?: boolean | undefined;
     readOnly?: boolean | undefined;

package/esm/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;AAgBrC,eAAO,MAAM,gBAAgB,sFAGpB,eAAe,QAAQ,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG1C,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/esm/hooks/useWorkflowPropsHooks.d.ts

@@ -7,40 +7,24 @@
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
 import { IBaseFlowProps } from '@rxflow/base';
-import { IWorkflowProps, WorkflowExtendProps, WorkflowNode } from '../types';
+import { WorkflowExtendProps, WorkflowNode } from '../types';
 import { Edge } from '@xyflow/react';
-type WorkflowFullFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge> = IBaseFlowProps<NodeType, EdgeType> & WorkflowExtendProps<NodeType>;
+type WorkflowFullProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge> = IBaseFlowProps<NodeType, EdgeType> & WorkflowExtendProps<NodeType>;
 /**
- * 获取原始输入 props
+ * 获取 Flow props
  *
  * @example
- * const inputProps = useWorkflowInputProps();
- * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ * const props = useWorkflowProps();
+ * const nodes = useWorkflowProps(state => state.nodes);
  */
-export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): IWorkflowProps<NodeType, EdgeType>;
-export declare function useWorkflowInputProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
+export declare function useWorkflowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): WorkflowFullProps<NodeType, EdgeType>;
+export declare function useWorkflowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: WorkflowFullProps<NodeType, EdgeType>) => U): U;
 /**
- * 获取转换后的 Flow props
- *
- * @example
- * const flowProps = useWorkflowFlowProps();
- * const nodes = useWorkflowFlowProps(state => state.nodes);
- */
-export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(): WorkflowFullFlowProps<NodeType, EdgeType>;
-export declare function useWorkflowFlowProps<NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge, U = unknown>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
-/**
- * 获取原始输入 props 的 getter（非响应式）
- */
-export declare const useGetWorkflowInputProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
-    (): IWorkflowProps<NodeType, EdgeType>;
-    <U>(selector: (state: IWorkflowProps<NodeType, EdgeType>) => U): U;
-};
-/**
- * 获取转换后 Flow props 的 getter（非响应式）
+ * 获取 Flow props 的 getter（非响应式）
  */
-export declare const useGetWorkflowFlowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
-    (): WorkflowFullFlowProps<NodeType, EdgeType>;
-    <U>(selector: (state: WorkflowFullFlowProps<NodeType, EdgeType>) => U): U;
+export declare const useGetWorkflowProps: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>() => {
+    (): WorkflowFullProps<NodeType, EdgeType>;
+    <U>(selector: (state: WorkflowFullProps<NodeType, EdgeType>) => U): U;
 };
 /**
  * 获取连接限制配置
@@ -59,9 +43,6 @@ export declare const useQuickAdd: () => boolean | undefined;
  */
 export declare const useOnNodeTypeDrop: () => ((parentFlow: import("@xyflow/react").InternalNode<WorkflowNode> | undefined, positionInParent: import("@xyflow/react").XYPosition, nodeType: string) => Promise<{
     id: string;
-    /**
-     * 获取节点类型拖放回调
-     */
     connectSourceHandle: string;
     connectTargetHandle: string;
 } | undefined>) | undefined;

package/esm/hooks/useWorkflowPropsHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWorkflowPropsHooks.d.ts","sourceRoot":"","sources":["useWorkflowPropsHooks.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAkE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,KAAK,qBAAqB,CACxB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,IAC1B,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAEvE;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AACxC,wBAAgB,qBAAqB,CACnC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASjE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC/C,wBAAgB,oBAAoB,CAClC,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASxE;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;CAKpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB;;;CAKnC,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;aAA8D,CAAC;AAE9F;;GAEG;AACH,eAAO,MAAM,WAAW,2BAAuD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,iBAAiB;;IAH9B;;OAEG;;;2BACwF,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,iBAAiB,uIAA6D,CAAC;AAE5F;;GAEG;AACH,eAAO,MAAM,oBAAoB,4DAAgE,CAAC;AAElG;;GAEG;AACH,eAAO,MAAM,mBAAmB,2BAAuD,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,kBAAkB,2BAAsD,CAAC"}
+{"version":3,"file":"useWorkflowPropsHooks.d.ts","sourceRoot":"","sources":["useWorkflowPropsHooks.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;AACH,OAAO,EAAiC,cAAc,EAAE,MAAM,cAAc,CAAC;AAC7E,OAAO,EAAkB,mBAAmB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7E,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,KAAK,iBAAiB,CACpB,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,IAC1B,cAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC;AAEvE;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,KACzB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC3C,wBAAgB,gBAAgB,CAC9B,QAAQ,SAAS,YAAY,GAAG,YAAY,EAC5C,QAAQ,SAAS,IAAI,GAAG,IAAI,EAC5B,CAAC,GAAG,OAAO,EACX,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AASpE;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAK/B,CAAC;AAGF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;aAAyD,CAAC;AAEzF;;GAEG;AACH,eAAO,MAAM,WAAW,2BAAkD,CAAC;AAE3E;;GAEG;AACH,eAAO,MAAM,iBAAiB;;;;2BAAwD,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,iBAAiB,uIAAwD,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,oBAAoB,4DAA2D,CAAC;AAE7F;;GAEG;AACH,eAAO,MAAM,mBAAmB,2BAAkD,CAAC;AAEnF;;GAEG;AACH,eAAO,MAAM,kBAAkB,2BAAiD,CAAC"}

package/esm/hooks/useWorkflowPropsHooks.js

@@ -5,43 +5,24 @@
  *
  * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
  */
-import { useInputProps, useFlowProps, useGetInputProps, useGetFlowProps } from '@rxflow/base';
+import { useFlowProps, useGetFlowProps } from '@rxflow/base';
 
 /**
- * 获取原始输入 props
+ * 获取 Flow props
  *
  * @example
- * const inputProps = useWorkflowInputProps();
- * const nodeTypes = useWorkflowInputProps(state => state.nodeTypes);
+ * const props = useWorkflowProps();
+ * const nodes = useWorkflowProps(state => state.nodes);
  */
 
-export function useWorkflowInputProps(selector) {
-  return useInputProps(selector);
-}
-
-/**
- * 获取转换后的 Flow props
- *
- * @example
- * const flowProps = useWorkflowFlowProps();
- * const nodes = useWorkflowFlowProps(state => state.nodes);
- */
-
-export function useWorkflowFlowProps(selector) {
+export function useWorkflowProps(selector) {
   return useFlowProps(selector);
 }
 
 /**
- * 获取原始输入 props 的 getter（非响应式）
- */
-export var useGetWorkflowInputProps = function useGetWorkflowInputProps() {
-  return useGetInputProps();
-};
-
-/**
- * 获取转换后 Flow props 的 getter（非响应式）
+ * 获取 Flow props 的 getter（非响应式）
  */
-export var useGetWorkflowFlowProps = function useGetWorkflowFlowProps() {
+export var useGetWorkflowProps = function useGetWorkflowProps() {
   return useGetFlowProps();
 };
 
@@ -50,7 +31,7 @@ export var useGetWorkflowFlowProps = function useGetWorkflowFlowProps() {
  * 获取连接限制配置
  */
 export var useConnectionLimit = function useConnectionLimit() {
-  return useWorkflowInputProps(function (state) {
+  return useWorkflowProps(function (state) {
     return state.connectionLimit;
   });
 };
@@ -59,7 +40,7 @@ export var useConnectionLimit = function useConnectionLimit() {
  * 获取是否启用快速添加
  */
 export var useQuickAdd = function useQuickAdd() {
-  return useWorkflowInputProps(function (state) {
+  return useWorkflowProps(function (state) {
     return state.quickAdd;
   });
 };
@@ -68,7 +49,7 @@ export var useQuickAdd = function useQuickAdd() {
  * 获取节点类型拖放回调
  */
 export var useOnNodeTypeDrop = function useOnNodeTypeDrop() {
-  return useWorkflowInputProps(function (state) {
+  return useWorkflowProps(function (state) {
     return state.onNodeTypeDrop;
   });
 };
@@ -77,7 +58,7 @@ export var useOnNodeTypeDrop = function useOnNodeTypeDrop() {
  * 获取渲染节点图标函数
  */
 export var useRenderNodeIcon = function useRenderNodeIcon() {
-  return useWorkflowInputProps(function (state) {
+  return useWorkflowProps(function (state) {
     return state.renderNodeIcon;
   });
 };
@@ -86,7 +67,7 @@ export var useRenderNodeIcon = function useRenderNodeIcon() {
  * 获取选择策略
  */
 export var useSelectionStrategy = function useSelectionStrategy() {
-  return useWorkflowInputProps(function (state) {
+  return useWorkflowProps(function (state) {
     return state.selectionStrategy;
   });
 };
@@ -95,7 +76,7 @@ export var useSelectionStrategy = function useSelectionStrategy() {
  * 获取是否只读
  */
 export var useWorkflowReadOnly = function useWorkflowReadOnly() {
-  return useWorkflowInputProps(function (state) {
+  return useWorkflowProps(function (state) {
     return state.readOnly;
   });
 };
@@ -104,7 +85,7 @@ export var useWorkflowReadOnly = function useWorkflowReadOnly() {
  * 获取加载状态
  */
 export var useWorkflowLoading = function useWorkflowLoading() {
-  return useWorkflowInputProps(function (state) {
+  return useWorkflowProps(function (state) {
     return state.loading;
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxflow/workflow",
-  "version": "0.0.4-alpha.6",
+  "version": "0.0.4-alpha.7",
   "description": "工作流",
   "homepage": "https://tree-graph.publib.cn/packages/workflow",
   "repository": {
@@ -41,7 +41,7 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@fsegurai/codemirror-theme-github-dark": "^6.2.0",
     "@fsegurai/codemirror-theme-github-light": "^6.2.0",
-    "@rxflow/base": "^0.0.4-alpha.6",
+    "@rxflow/base": "^0.0.4-alpha.7",
     "@uiw/react-codemirror": "^4.24.1",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.5.0",