@rxflow/workflow 0.0.1-alpha.0

package/esm/components/CodeEditor/editors/Python.js

@@ -0,0 +1,34 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-21 18:37
+ * @modified：2025/7/21 18:37 by yanxianliang
+ * @desc: Python 编辑器
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { python } from "@codemirror/lang-python";
+import ReactCodeMirror from '@uiw/react-codemirror';
+import { oneDark } from '@codemirror/theme-one-dark';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PythonEditor = function PythonEditor(_ref) {
+  var height = _ref.height,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    placeholder = _ref.placeholder,
+    readOnly = _ref.readOnly,
+    onChange = _ref.onChange;
+  return /*#__PURE__*/_jsx("div", {
+    className: 'rxflow-code-editor',
+    children: /*#__PURE__*/_jsx(ReactCodeMirror, {
+      editable: !readOnly,
+      readOnly: readOnly,
+      theme: 'dark',
+      placeholder: placeholder,
+      extensions: [python(), oneDark],
+      height: height ? "".concat(height, "px") : '100%',
+      value: value,
+      onChange: onChange
+    })
+  });
+};

package/esm/components/CodeEditor/editors/index.less

@@ -0,0 +1,11 @@
+.rxflow-code-editor {
+  height: 100%;
+  .cm-scroller {
+    scrollbar-width: thin;
+    scrollbar-color: #4c4d4f transparent;
+  }
+
+  & > div {
+    height: 100%;
+  }
+}

package/esm/components/CodeEditor/editors/types.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-21 10:26
+ * @modified：2025/7/21 10:26 by yanxianliang
+ * @desc: 类型定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+export type EditorProps = {
+  /**
+   * @description: 编辑区域高度
+   * @default: 400
+   */
+  height?: number;
+
+  value?: string;
+
+  placeholder?: string;
+
+  readOnly?: boolean;
+
+  onChange?: (code?: string)=>void;
+}

package/esm/components/CodeEditor/index.d.ts

@@ -0,0 +1,7 @@
+import './style.less';
+import { CodeEditorProps } from "./types";
+export declare function CodeEditor({ onClose, files, activeFileKey, value, onChange, onActiveFileChange, libraries, onExecute, onSyncSchema, defaultInputValue }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CodeEditor {
+    var Modal: ({ onClose, open, files, value, onChange, zIndex, activeFileKey, onActiveFileChange, libraries, onExecute, onSyncSchema, defaultInputValue }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=index.d.ts.map

package/esm/components/CodeEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAgBA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAMxC,wBAAgB,UAAU,CACxB,EACE,OAAO,EACP,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,YAAY,EACZ,iBAAiB,EAClB,EAAE,eAAe,2CAgInB;yBA5Ie,UAAU"}

package/esm/components/CodeEditor/index.js

@@ -0,0 +1,233 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-21 10:11
+ * @modified：2025/7/21 10:11 by yanxianliang
+ * @desc: 代码编辑器（全屏)
+ *
+ *  左右 Split 布局，使用三方组件实现
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { FileTree } from "./FileTree";
+import { PythonEditor } from "./editors/Python";
+import DebugPanel from "./DebugPanel";
+import { ConfigProvider, theme, Splitter } from "antd";
+import { useEffect, useRef, useState } from "react";
+import Dialog from 'rc-dialog';
+import "./style.less";
+import { Header } from "./Header";
+import cls from 'classcat';
+import { Terminal } from "./Terminal";
+import { useMemoizedFn, useSize } from "ahooks";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function CodeEditor(_ref) {
+  var onClose = _ref.onClose,
+    files = _ref.files,
+    activeFileKey = _ref.activeFileKey,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onActiveFileChange = _ref.onActiveFileChange,
+    libraries = _ref.libraries,
+    onExecute = _ref.onExecute,
+    onSyncSchema = _ref.onSyncSchema,
+    defaultInputValue = _ref.defaultInputValue;
+  var _useState = useState({
+      left: 280,
+      // 左侧默认 260，
+      main: 0,
+      // 中间自动计算剩余部分
+      right: 600,
+      // 右侧默认 600
+      top: 0,
+      // 代码区域高度自动计算
+      bottom: 200 // 控制台默认 200
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    sizes = _useState2[0],
+    setSizes = _useState2[1];
+  var rightSizeCache = useRef(sizes.right);
+  var containerRef = useRef(null);
+  var containerSizes = useSize(containerRef);
+  useEffect(function () {
+    if (containerSizes) {
+      var width = containerSizes.width,
+        height = containerSizes.height;
+      setSizes(function (beforeSizes) {
+        var left = beforeSizes.left,
+          right = beforeSizes.right,
+          bottom = beforeSizes.bottom;
+        return {
+          left: left,
+          right: right,
+          main: width - left - right,
+          bottom: bottom,
+          top: height - bottom
+        };
+      });
+    }
+  }, [containerSizes]);
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    debug = _useState4[0],
+    setDebug = _useState4[1];
+  var terminalRef = useRef(null);
+  var toggleDebug = useMemoizedFn(function () {
+    setDebug(function (debug) {
+      return !debug;
+    });
+    var _ref2 = containerSizes,
+      width = _ref2.width;
+    setSizes(function (beforeSizes) {
+      var left = beforeSizes.left;
+      var right = debug ? 0 : rightSizeCache.current;
+      return _objectSpread(_objectSpread({}, beforeSizes), {}, {
+        right: right,
+        main: width - right - left
+      });
+    });
+  });
+  var onResize = useMemoizedFn(function (sizes) {
+    // 更新到 sizes中
+    rightSizeCache.current = sizes[2];
+    setSizes(function (beforeSizes) {
+      return _objectSpread(_objectSpread({}, beforeSizes), {}, {
+        left: sizes[0],
+        main: sizes[1],
+        right: sizes[2]
+      });
+    });
+  });
+  var onMainResize = useMemoizedFn(function (sizes) {
+    setSizes(function (beforeSizes) {
+      return _objectSpread(_objectSpread({}, beforeSizes), {}, {
+        top: sizes[0],
+        bottom: sizes[1]
+      });
+    });
+  });
+  var writeToTerminal = useMemoizedFn(function (data) {
+    var _terminalRef$current, _terminalRef$current2;
+    (_terminalRef$current = terminalRef.current) === null || _terminalRef$current === void 0 || _terminalRef$current.clear();
+    (_terminalRef$current2 = terminalRef.current) === null || _terminalRef$current2 === void 0 || _terminalRef$current2.writeIn(data);
+  });
+  var hasDebugAction = !!onExecute;
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      algorithm: theme.darkAlgorithm,
+      components: {
+        Tree: {
+          indentSize: 12
+        }
+      }
+    },
+    prefixCls: 'rxflow',
+    children: /*#__PURE__*/_jsxs("div", {
+      className: cls(['rxflow-editor-dark', 'rxflow-editor']),
+      children: [/*#__PURE__*/_jsx(Header, {
+        debug: debug,
+        onClose: onClose,
+        onDebug: hasDebugAction ? toggleDebug : undefined
+      }), /*#__PURE__*/_jsx("div", {
+        ref: containerRef,
+        className: 'rxflow-editor-body',
+        children: /*#__PURE__*/_jsxs(Splitter, {
+          className: 'rxflow-editor-content',
+          onResize: onResize,
+          children: [/*#__PURE__*/_jsx(Splitter.Panel, {
+            size: sizes.left,
+            children: /*#__PURE__*/_jsx("div", {
+              className: 'rxflow-editor-left',
+              children: /*#__PURE__*/_jsx(FileTree, {
+                libraries: libraries,
+                files: files,
+                value: activeFileKey,
+                onChange: onActiveFileChange
+              })
+            })
+          }), /*#__PURE__*/_jsx(Splitter.Panel, {
+            size: sizes.main,
+            children: /*#__PURE__*/_jsxs(Splitter, {
+              layout: "vertical",
+              onResize: onMainResize,
+              children: [/*#__PURE__*/_jsx(Splitter.Panel, {
+                size: sizes.top,
+                children: /*#__PURE__*/_jsx(PythonEditor, {
+                  value: value,
+                  onChange: onChange
+                })
+              }), /*#__PURE__*/_jsx(Splitter.Panel, {
+                size: sizes.bottom,
+                children: /*#__PURE__*/_jsx(Terminal, {
+                  xTermRef: terminalRef
+                })
+              })]
+            })
+          }), hasDebugAction ? /*#__PURE__*/_jsx(Splitter.Panel, {
+            size: sizes.right,
+            children: /*#__PURE__*/_jsx(DebugPanel, {
+              onSyncSchema: onSyncSchema,
+              onExecute: onExecute,
+              closeModal: onClose,
+              writeToTerminal: writeToTerminal,
+              defaultInputValue: defaultInputValue
+            })
+          }) : null]
+        })
+      })]
+    })
+  });
+}
+CodeEditor.Modal = function (_ref3) {
+  var onClose = _ref3.onClose,
+    open = _ref3.open,
+    files = _ref3.files,
+    value = _ref3.value,
+    onChange = _ref3.onChange,
+    _ref3$zIndex = _ref3.zIndex,
+    zIndex = _ref3$zIndex === void 0 ? 100 : _ref3$zIndex,
+    activeFileKey = _ref3.activeFileKey,
+    onActiveFileChange = _ref3.onActiveFileChange,
+    libraries = _ref3.libraries,
+    onExecute = _ref3.onExecute,
+    onSyncSchema = _ref3.onSyncSchema,
+    defaultInputValue = _ref3.defaultInputValue;
+  return /*#__PURE__*/_jsx(Dialog, {
+    classNames: {
+      mask: 'rxflow-editor-mask',
+      wrapper: 'rxflow-editor-dialog'
+    },
+    zIndex: zIndex,
+    closable: false,
+    footer: null,
+    visible: open,
+    title: null,
+    height: '100vh',
+    width: '100vw',
+    children: /*#__PURE__*/_jsx(CodeEditor, {
+      zIndex: zIndex,
+      libraries: libraries,
+      activeFileKey: activeFileKey,
+      onActiveFileChange: onActiveFileChange,
+      value: value,
+      onChange: onChange,
+      files: files,
+      onClose: onClose,
+      onExecute: onExecute,
+      onSyncSchema: onSyncSchema,
+      defaultInputValue: defaultInputValue
+    })
+  });
+};

package/esm/components/CodeEditor/style.less

@@ -0,0 +1,49 @@
+.rxflow {
+  &-editor {
+    height: 100vh;
+    display: flex;
+    flex-direction: column;
+
+    &-dark {
+      background-color: #2d2f32;
+
+      .cm-theme-dark .cm-editor {
+        background-color: #202124;
+      }
+    }
+
+    &-body {
+      flex: 1;
+      height: 0;
+      display: flex;
+      flex-direction: column;
+    }
+
+    &-content {
+      flex: 1;
+      height: 0;
+    }
+
+    &-left {
+      width: 100%;
+      height: 100%;
+      overflow: auto;
+      scrollbar-width: thin;
+      scrollbar-color: #4c4d4f transparent;
+    }
+
+    &-dialog{
+      position: fixed;
+      left: 0;
+      top: 0;
+    }
+
+    &-mask{
+      position: fixed;
+      left: 0;
+      bottom: 0;
+      right: 0;
+      top: 0;
+    }
+  }
+}

package/esm/components/CodeEditor/types.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-22 16:03
+ * @modified：2025/7/22 16:03 by yanxianliang
+ * @desc: 类型定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+type FileType = {
+  title: string;
+  key: string;
+  isLeaf?: boolean; // 是否是文件
+  children?: FileType[];
+}
+
+export type CodeEditorProps = {
+  onClose?: () => void;
+  open?: boolean;
+  files?: FileType[];
+  zIndex?: number;
+  value?: string;
+  onChange?: (code?: string)=>void;
+  activeFileKey?: string;
+  onActiveFileChange?:(key?: string)=>void;
+  libraries?: Library;
+  onExecute: (input: Record<string, any>) => Promise<{
+    result: any;
+    stdout?: string;
+    stderr?: string;
+  }>;
+  onSyncSchema?: (output?: Record<string, any>) => void; // 结果同步到配置中
+  defaultInputValue?: Record<string, any>;
+}
+
+
+export type Package = {
+  title: string;
+  version: string;
+  key: string;
+}
+
+export type Library = {
+  title: string;
+  children: Array<Package>
+}

package/esm/components/Handle/NodePopover.d.ts

@@ -0,0 +1,15 @@
+import { WorkflowNode } from "../..";
+import { Edge } from "@xyflow/react";
+import '../Sider/index.less';
+/**
+ * 快速新增节点 Popover
+ * @param onNodeCreate
+ * @param isPreview
+ * @param nodeId
+ * @constructor
+ */
+export declare const NodePopover: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>({ onNodeCreate, nodeId, }: {
+    nodeId: string;
+    onNodeCreate: (type: string) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=NodePopover.d.ts.map

package/esm/components/Handle/NodePopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodePopover.d.ts","sourceRoot":"","sources":["NodePopover.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,YAAY,EAAE,cAAyB;AAC/D,OAAO,EAAC,IAAI,EAAc,MAAM,eAAe,CAAC;AAMhD,OAAO,qBAAqB,CAAC;AAY7B;;;;;;GAMG;AACH,eAAO,MAAM,WAAW;YAKZ,MAAM;yBACO,MAAM,KAAK,IAAI;6CAkGvC,CAAC"}

package/esm/components/Handle/NodePopover.js

@@ -0,0 +1,165 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-04-22 10:30
+ * @desc: 节点快速创建
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+import SearchOutlined from "@ant-design/icons/lib/icons/SearchOutlined";
+import { useNodeTypeMap, usePropsSelector } from '@rxflow/base';
+import { useStoreApi } from "@xyflow/react";
+import { Input, List, Space } from 'antd';
+import groupBy from 'lodash/groupBy';
+import React, { useCallback, useMemo, useState } from 'react';
+import Highlighter from "react-highlight-words";
+import { useWorkFlow } from "../../hooks/useWorkFlow";
+import "../Sider/index.less";
+import { canAddInNode } from "../../utils/dropTargetsCheck";
+
+/**
+ * 不拦截，会触发 flow 的 PointerDown 事件，导致向 body 派发 mousedown事件，自动关闭浮层
+ * @param e
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var onPointerDown = function onPointerDown(e) {
+  e.stopPropagation();
+};
+
+/**
+ * 快速新增节点 Popover
+ * @param onNodeCreate
+ * @param isPreview
+ * @param nodeId
+ * @constructor
+ */
+export var NodePopover = function NodePopover(_ref) {
+  var onNodeCreate = _ref.onNodeCreate,
+    nodeId = _ref.nodeId;
+  var _useWorkFlow = useWorkFlow(),
+    getNode = _useWorkFlow.getNode;
+  var _usePropsSelector = usePropsSelector(),
+    _usePropsSelector$nod = _usePropsSelector.nodeTypes,
+    nodeTypeList = _usePropsSelector$nod === void 0 ? [] : _usePropsSelector$nod;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    filter = _useState2[0],
+    setFilter = _useState2[1];
+  var nodeTypeMap = useNodeTypeMap();
+  var _useStoreApi = useStoreApi(),
+    getState = _useStoreApi.getState;
+  /**
+   * 分组节点类型列表
+   */
+  var nodeCategoryList = useMemo(function () {
+    if (!nodeTypeList || !nodeTypeList.length) {
+      return [];
+    }
+
+    // 在循环体中不支持再创建循环节点
+    var handleNode = getNode(nodeId);
+
+    // 分组
+    var groups = groupBy(nodeTypeList.filter(function (definition) {
+      if (definition.hideInSider || definition.label && definition.label.indexOf(filter) === -1) {
+        return false;
+      }
+      var _getState = getState(),
+        nodeLookup = _getState.nodeLookup;
+      // 检测当前节点所处环境是否支持，例如父节点等等
+      var parentId = handleNode === null || handleNode === void 0 ? void 0 : handleNode.parentId;
+      if (!canAddInNode(nodeLookup, parentId, [definition.type], nodeTypeMap)) {
+        return false;
+      }
+      return true;
+    }), function (node) {
+      return node.group || '';
+    });
+    return Object.keys(groups).map(function (group) {
+      return {
+        group: group,
+        list: groups[group] || []
+      };
+    });
+  }, [nodeTypeList, filter]);
+  var onSearch = useCallback(function (e) {
+    setFilter(e.currentTarget.value);
+  }, []);
+  return /*#__PURE__*/_jsxs("div", {
+    className: 'handle-dropdown-content',
+    onPointerDown: onPointerDown,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: 'rxflow-sider-search',
+      children: /*#__PURE__*/_jsx(Input, {
+        onChange: onSearch,
+        prefix: /*#__PURE__*/_jsx(SearchOutlined, {
+          style: {
+            color: 'rgba(32, 41, 69, 0.62)'
+          }
+        }),
+        placeholder: '搜索节点'
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      className: 'rxflow-sider-scroll',
+      style: {
+        height: 400
+      },
+      children: /*#__PURE__*/_jsx("div", {
+        className: 'rxflow-sider-content',
+        children: /*#__PURE__*/_jsx(Space, {
+          size: 12,
+          direction: 'vertical',
+          style: {
+            width: '100%'
+          },
+          children: nodeCategoryList.map(function (categoryItem) {
+            var group = categoryItem.group,
+              list = categoryItem.list;
+            return /*#__PURE__*/_jsxs("div", {
+              children: [group ? /*#__PURE__*/_jsx("div", {
+                className: 'rxflow-sider-group',
+                children: group
+              }) : null, /*#__PURE__*/_jsx(List, {
+                grid: {
+                  gutter: 0,
+                  column: 2
+                },
+                dataSource: list,
+                renderItem: function renderItem(item) {
+                  var icon = item.icon,
+                    label = item.label;
+                  return /*#__PURE__*/_jsx(List.Item, {
+                    className: 'rxflow-sider-item',
+                    children: /*#__PURE__*/_jsxs("div", {
+                      className: 'rxflow-sider-card',
+                      onClick: function onClick() {
+                        onNodeCreate(item.type);
+                      },
+                      children: [icon ? /*#__PURE__*/_jsx("span", {
+                        className: 'rxflow-sider-icon',
+                        children: icon
+                      }) : null, /*#__PURE__*/_jsx("span", {
+                        children: /*#__PURE__*/_jsx(Highlighter, {
+                          highlightClassName: 'rxflow-sider-highlight',
+                          textToHighlight: label || '',
+                          searchWords: [filter]
+                        })
+                      })]
+                    })
+                  }, item.type);
+                }
+              })]
+            }, group);
+          })
+        })
+      })
+    })]
+  });
+};

package/esm/components/Handle/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-09-06 09:52
+ * @modified：2025/9/6 09:52 by yanxianliang
+ * @desc: Handle 自定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { WorkflowNode } from "../..";
+import { Edge } from '@xyflow/react';
+import type { HandleProps } from '@xyflow/system';
+import { HTMLAttributes } from 'react';
+import './index.less';
+/**
+ * 链接桩组件
+ * @param props
+ * @constructor
+ */
+export declare const Handle: <NodeType extends WorkflowNode = WorkflowNode, EdgeType extends Edge = Edge>(props: HandleProps & Omit<HTMLAttributes<HTMLDivElement>, 'id'> & {
+    readOnly?: boolean;
+    required?: boolean;
+    errorMessage?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/esm/components/Handle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAGL,YAAY,EACb,cAAyB;AAC1B,OAAO,EACL,IAAI,EAML,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAIhD,OAAO,EAAC,cAAc,EAAW,MAAM,OAAO,CAAC;AAC/C,OAAO,cAAc,CAAC;AAMtB;;;;GAIG;AACH,eAAO,MAAM,MAAM,sFACV,WAAW,GAChB,KAAK,eAAe,cAAc,CAAC,EAAE,IAAI,CAAC,GAAG;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,4CAiIF,CAAC"}