@rxflow/workflow 0.0.1-alpha.0

package/cjs/components/CodeEditor/FileTree/index.less

@@ -0,0 +1,83 @@
+.rxflow-code-editor {
+
+  &-file-tree, &-libraries {
+    &.rxflow-tree{
+      border-radius: 0;
+      background-color: transparent;
+      .rxflow-tree-switcher {
+        width: 14px;
+        margin-inline-end: 0;
+
+        &:before {
+          display: none;
+        }
+      }
+      &.rxflow-tree-directory{
+        color: rgba(255,255,255,0.85);
+      }
+      &.rxflow-tree-directory .rxflow-tree-node-content-wrapper {
+        color: rgba(255,255,255,0.85);
+        padding-inline-start: 0;
+        &:before {
+          border-radius: 2px;
+          bottom: 0;
+          height: unset;
+        }
+      }
+      &.rxflow-tree-directory .rxflow-tree-treenode .rxflow-tree-node-content-wrapper:hover:before{
+        background-color: #44464c;
+      }
+      &.rxflow-tree-directory .rxflow-tree-treenode-selected .rxflow-tree-node-content-wrapper {
+        &:before {
+          border-radius: 2px;
+          background-color: #44464c;
+        }
+        &:hover:before {
+          background-color: #324771;
+        }
+      }
+    }
+  }
+
+  &-file-panel {
+    min-width: 260px;
+    padding: 12px;
+    box-sizing: border-box;
+  }
+
+  &-libraries {
+    .rxflow-tree-node-content-wrapper {
+      display: flex;
+      .rxflow-tree-title {
+        flex: 1;
+        display: flex;
+
+      }
+    }
+
+    &-title {
+      flex: 1;
+    }
+    &-version {
+      color: #ffa940;
+    }
+  }
+
+
+  &-file-icon {
+    font-size: 18px;
+    top: 0.15em;
+    width: 1em;
+    height: 1em;
+    position: relative;
+  }
+
+  &-tree-icon {
+    top: 0.125em;
+    width: 1em;
+    height: 1em;
+    fill: currentColor;
+    position: relative;
+  }
+
+}

package/cjs/components/CodeEditor/FileTree/useFileIcon.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 22:56
+ * @modified：2025/7/24 22:56 by yanxianliang
+ * @desc: 文件 icon 处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { DataNode } from "antd/es/tree";
+export declare const useFileIcon: (treeData?: DataNode[]) => DataNode[] | undefined;
+//# sourceMappingURL=useFileIcon.d.ts.map

package/cjs/components/CodeEditor/FileTree/useFileIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileIcon.d.ts","sourceRoot":"","sources":["useFileIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,cAAc,CAAC;AAKtC,eAAO,MAAM,WAAW,cAAe,QAAQ,EAAE,2BAqBhD,CAAA"}

package/cjs/components/CodeEditor/FileTree/useFileIcon.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFileIcon = void 0;
+var _react = require("react");
+var _Python = require("./icons/Python");
+var _Javascript = require("./icons/Javascript");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 22:56
+ * @modified：2025/7/24 22:56 by yanxianliang
+ * @desc: 文件 icon 处理
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const useFileIcon = treeData => {
+  const fillIcon = (0, _react.useCallback)(treeItem => {
+    const {
+      title,
+      isLeaf,
+      children
+    } = treeItem;
+    if (isLeaf) {
+      return {
+        ...treeItem,
+        children: children?.map(fillIcon),
+        icon: /\.py$/.test(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Python.PythonIcon, {}) : /\.js$/.test(title) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Javascript.Javascript, {}) : undefined
+      };
+    } else {
+      return {
+        ...treeItem,
+        children: children?.map(fillIcon)
+      };
+    }
+  }, []);
+  return (0, _react.useMemo)(() => {
+    return treeData?.map(fillIcon);
+  }, [treeData]);
+};
+exports.useFileIcon = useFileIcon;

package/cjs/components/CodeEditor/Header/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-22 15:43
+ * @modified：2025/7/22 15:43 by yanxianliang
+ * @desc: Header
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import './style.less';
+export declare const Header: ({ debug, onClose, onDebug }: {
+    debug?: boolean | undefined;
+    onClose?: (() => void) | undefined;
+    onDebug?: (() => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/CodeEditor/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,cAAc,CAAC;AAItB,eAAO,MAAM,MAAM;;qBAOC,IAAI;qBACJ,IAAI;6CA2BvB,CAAA"}

package/cjs/components/CodeEditor/Header/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Header = void 0;
+require("./style.less");
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-22 15:43
+ * @modified：2025/7/22 15:43 by yanxianliang
+ * @desc: Header
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const Header = ({
+  debug,
+  onClose,
+  onDebug
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: 'rxflow-code-editor-header',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: 'rxflow-code-editor-header-tools',
+      children: [onDebug ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: '调试',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          onClick: onDebug,
+          className: 'rxflow-code-editor-header-button',
+          type: debug ? 'primary' : 'text',
+          size: 'small',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BugOutlined, {})
+        })
+      }) : null, onClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+        title: '关闭',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          onClick: onClose,
+          className: 'rxflow-code-editor-header-button',
+          type: 'text',
+          size: 'small',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
+        })
+      }) : null]
+    })]
+  });
+};
+exports.Header = Header;

package/cjs/components/CodeEditor/Header/style.less

@@ -0,0 +1,23 @@
+.rxflow-code-editor {
+  &-header {
+    height: 38px;
+    min-height: 38px;
+    color: rgba(255,255,255,0.8);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 6px;
+
+    &-tools {
+      display: flex;
+      gap: 2px;
+    }
+
+    &-button {
+      color: #ccced2;
+      width: 32px;
+      height: 32px;
+      font-size: 16px;
+    }
+  }
+}

package/cjs/components/CodeEditor/Terminal/XTerm.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import '@xterm/xterm/css/xterm.css';
+import { XTermRef } from "./types";
+export declare const XTerm: import("react").ForwardRefExoticComponent<import("react").RefAttributes<XTermRef>>;
+//# sourceMappingURL=XTerm.d.ts.map

package/cjs/components/CodeEditor/Terminal/XTerm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"XTerm.d.ts","sourceRoot":"","sources":["XTerm.tsx"],"names":[],"mappings":";AAWA,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,eAAO,MAAM,KAAK,oFAkChB,CAAA"}

package/cjs/components/CodeEditor/Terminal/XTerm.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.XTerm = void 0;
+var _react = require("react");
+var _xterm = require("@xterm/xterm");
+var _addonFit = require("@xterm/addon-fit");
+require("@xterm/xterm/css/xterm.css");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-25 16:45
+ * @modified：2025/7/25 16:45 by yanxianliang
+ * @desc: 控制台
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const XTerm = exports.XTerm = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const containerRef = (0, _react.useRef)(null);
+  const [term] = (0, _react.useState)(() => new _xterm.Terminal({
+    cursorStyle: "bar",
+    cursorInactiveStyle: 'bar',
+    fontSize: 12,
+    lineHeight: 1.3
+  }));
+  (0, _react.useEffect)(() => {
+    const fitAddon = new _addonFit.FitAddon();
+    term.loadAddon(fitAddon);
+    term.open(containerRef.current);
+    fitAddon.fit();
+    const resizeObserver = new ResizeObserver(() => fitAddon.fit());
+    resizeObserver.observe(containerRef.current);
+  }, []);
+  (0, _react.useImperativeHandle)(ref, () => {
+    return {
+      writeIn: data => {
+        term.writeln(data);
+      },
+      clear: () => {
+        term.clear();
+      }
+    };
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: 'rxflow-terminal-xterm-container',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'rxflow-terminal-xterm',
+      ref: containerRef
+    })
+  });
+});

package/cjs/components/CodeEditor/Terminal/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-25 16:25
+ * @modified：2025/7/25 16:25 by yanxianliang
+ * @desc: 终端
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import './index.less';
+import { RefObject } from "react";
+import { XTermRef } from "./types";
+export declare const Terminal: (props: {
+    xTermRef: RefObject<XTermRef | null>;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/CodeEditor/Terminal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AAEjC,eAAO,MAAM,QAAQ,UAAU;IAC7B,QAAQ,EAAE,UAAU,QAAQ,GAAG,IAAI,CAAC,CAAC;CACtC,4CASA,CAAA"}

package/cjs/components/CodeEditor/Terminal/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Terminal = void 0;
+require("./index.less");
+var _XTerm = require("./XTerm");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-25 16:25
+ * @modified：2025/7/25 16:25 by yanxianliang
+ * @desc: 终端
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const Terminal = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: 'rxflow-terminal',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'rxflow-terminal-header',
+      children: "\u7EC8\u7AEF"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_XTerm.XTerm, {
+      ref: props.xTermRef
+    })]
+  });
+};
+exports.Terminal = Terminal;

package/cjs/components/CodeEditor/Terminal/index.less

@@ -0,0 +1,28 @@
+
+.rxflow-terminal {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  &-header {
+    height: 32px;
+    font-size: 14px;
+    line-height: 32px;
+    color: rgba(255, 255, 255, 0.65);
+    padding: 0 8px;
+  }
+  &-xterm{
+    flex: 1;
+    overflow: auto;
+    &-container {
+      padding: 6px 0 6px 6px;
+      flex: 1;
+      display: flex;
+      height: 0;
+      background-color: rgb(0, 0, 0);
+    }
+    .xterm-viewport {
+      scrollbar-width: thin;
+      scrollbar-color: #4c4d4f transparent;
+    }
+  }
+}

package/cjs/components/CodeEditor/Terminal/types.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-25 16:57
+ * @modified：2025/7/25 16:57 by yanxianliang
+ * @desc: 类型定义
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+export type XTermRef = {
+  writeIn: (data: string)=>void;
+  clear: ()=>void;
+}

package/cjs/components/CodeEditor/editors/JSON.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-22 13:37
+ * @modified：2025/7/22 13:37 by yanxianliang
+ * @desc: JSON editor
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import { EditorProps } from "./types";
+import './index.less';
+export declare const JsonEditor: ({ value, height, placeholder, readOnly, onChange }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=JSON.d.ts.map

package/cjs/components/CodeEditor/editors/JSON.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JSON.d.ts","sourceRoot":"","sources":["JSON.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,UAAU,uDAOlB,WAAW,4CAef,CAAA"}

package/cjs/components/CodeEditor/editors/JSON.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.JsonEditor = void 0;
+var _langJson = require("@codemirror/lang-json");
+var _reactCodemirror = _interopRequireDefault(require("@uiw/react-codemirror"));
+var _themeOneDark = require("@codemirror/theme-one-dark");
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-22 13:37
+ * @modified：2025/7/22 13:37 by yanxianliang
+ * @desc: JSON editor
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const JsonEditor = ({
+  value = '',
+  height,
+  placeholder,
+  readOnly,
+  onChange
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: 'rxflow-code-editor',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactCodemirror.default, {
+      editable: !readOnly,
+      readOnly: readOnly,
+      placeholder: placeholder,
+      theme: 'dark',
+      extensions: [(0, _langJson.json)(), _themeOneDark.oneDark],
+      height: height ? `${height}px` : '100%',
+      value: value,
+      onChange: onChange
+    })
+  });
+};
+exports.JsonEditor = JsonEditor;

package/cjs/components/CodeEditor/editors/Python.d.ts

@@ -0,0 +1,4 @@
+import { EditorProps } from "./types";
+import './index.less';
+export declare const PythonEditor: ({ height, value, placeholder, readOnly, onChange }: EditorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Python.d.ts.map

package/cjs/components/CodeEditor/editors/Python.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Python.d.ts","sourceRoot":"","sources":["Python.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AACpC,OAAO,cAAc,CAAC;AAEtB,eAAO,MAAM,YAAY,uDAOpB,WAAW,4CAef,CAAA"}

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PythonEditor = void 0;
+var _langPython = require("@codemirror/lang-python");
+var _reactCodemirror = _interopRequireDefault(require("@uiw/react-codemirror"));
+var _themeOneDark = require("@codemirror/theme-one-dark");
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * @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.
+ */
+
+const PythonEditor = ({
+  height,
+  value = '',
+  placeholder,
+  readOnly,
+  onChange
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: 'rxflow-code-editor',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactCodemirror.default, {
+      editable: !readOnly,
+      readOnly: readOnly,
+      theme: 'dark',
+      placeholder: placeholder,
+      extensions: [(0, _langPython.python)(), _themeOneDark.oneDark],
+      height: height ? `${height}px` : '100%',
+      value: value,
+      onChange: onChange
+    })
+  });
+};
+exports.PythonEditor = PythonEditor;

package/cjs/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/cjs/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/cjs/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/cjs/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"}