@rxflow/workflow 0.0.1-alpha.0

package/README.md

@@ -0,0 +1,43 @@
+# @rxflow/workflow
+
+工作流组件，用于构建和展示工作流程。
+
+## 安装
+
+```bash
+npm install @rxflow/workflow @rxflow/base
+# or
+pnpm add @rxflow/workflow @rxflow/base
+```
+
+## 使用
+
+```tsx
+import WorkFlow from '@rxflow/workflow';
+
+function App() {
+  return (
+    <WorkFlow
+      nodes={nodes}
+      edges={edges}
+      // ... other props
+    />
+  );
+}
+```
+
+## 特性
+
+- 工作流编排
+- 节点状态管理
+- 执行追踪
+- 自定义节点类型
+- 主题定制
+
+## API 文档
+
+访问 [完整文档](https://tree-graph.publib.cn/work-flow/examples) 查看详细 API。
+
+## License
+
+MIT

package/cjs/components/CanvasLoading/index.d.ts

@@ -0,0 +1,14 @@
+import './index.less';
+import { ReactNode } from 'react';
+interface CanvasLoadingProps {
+    children?: ReactNode;
+    loading?: boolean;
+    tip?: string | null;
+    size?: 'small';
+}
+/**
+ * 画布加载组件
+ */
+declare const CanvasLoading: import("react").NamedExoticComponent<CanvasLoadingProps>;
+export default CanvasLoading;
+//# sourceMappingURL=index.d.ts.map

package/cjs/components/CanvasLoading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAOA,OAAO,cAAc,CAAC;AAItB,OAAO,EAAO,SAAS,EAAC,MAAM,OAAO,CAAC;AAEtC,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,QAAA,MAAM,aAAa,0DAoClB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/components/CanvasLoading/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./index.less");
+var _classcat = _interopRequireDefault(require("classcat"));
+var _lodash = require("lodash");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/*
+ * @author: yanxianliang
+ * @date: 2025-05-07 12:35
+ * @desc: CanvasLoading
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+/**
+ * 画布加载组件
+ */
+const CanvasLoading = /*#__PURE__*/(0, _react.memo)(({
+  children,
+  loading,
+  tip = '工作流加载中...',
+  size
+}) => {
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classcat.default)(['flow-canvas-loading-container', 'flow-canvas-loading-center', {
+      'flow-canvas-loading-small': size === 'small'
+    }]),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classcat.default)(['flow-canvas-loading-center', 'flow-canvas-loading-box']),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: 'flow-canvas-loading-loader'
+      })
+    }), !(0, _lodash.isNull)(tip) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: 'flow-canvas-loading-tip',
+      children: tip
+    })]
+  });
+
+  // 空状态
+  if (!children) return content;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [loading ? content : null, children]
+  });
+});
+var _default = exports.default = CanvasLoading;

package/cjs/components/CanvasLoading/index.less

@@ -0,0 +1,69 @@
+.flow-canvas-loading {
+  &-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100;
+    width: 100%;
+    height: 100%;
+    background: rgba(255, 255, 255, 0.5);
+    backdrop-filter: blur(20px);
+  }
+
+  &-center {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &-box {
+    width: 100px;
+    height: 100px;
+  }
+
+  &-small &-box {
+    width: 20px;
+    height: 20px;
+  }
+
+  &-small &-loader {
+    width: 10px;
+  }
+
+  &-loader {
+    position: relative;
+    width: 20px;
+    background: rgba(0, 0, 0, 0.85);
+    border-radius: 50%;
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
+    animation: l2 1.5s infinite linear;
+    aspect-ratio: 1;
+
+    &::before,
+    &::after {
+      position: absolute;
+      border-radius: inherit;
+      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
+      animation: inherit;
+      animation-delay: -0.5s;
+      content: '';
+      inset: 0;
+    }
+
+    &::after {
+      animation-delay: -1s;
+    }
+
+    @keyframes l2 {
+      100% {
+        box-shadow: 0 0 0 40px rgba(0, 0, 0, 0);
+      }
+    }
+  }
+
+  &-tip {
+    margin-top: 12px;
+    color: rgba(0, 0, 0, 0.75);
+  }
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.less';
+interface DebugPanelProps {
+    onExecute: (input: Record<string, any>) => Promise<{
+        result: any;
+        stdout?: string;
+        stderr?: string;
+    }>;
+    onSyncSchema?: (output?: Record<string, any>) => void;
+    closeModal?: () => void;
+    writeToTerminal?: (data: string) => void;
+    defaultInputValue?: Record<string, any>;
+}
+export declare const DebugPanel: React.FC<DebugPanelProps>;
+export default DebugPanel;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAI9D,OAAO,cAAc,CAAC;AAKtB,UAAU,eAAe;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,OAAO,CAAC;QACjD,MAAM,EAAE,GAAG,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACzC;AAID,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6IhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DebugPanel = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _JSON = require("../editors/JSON");
+require("./index.less");
+var _ahooks = require("ahooks");
+var _LoadingButton = require("../../LoadingButton");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const prefixCls = 'rxflow-debug-panel';
+const DebugPanel = ({
+  onExecute,
+  onSyncSchema,
+  closeModal,
+  writeToTerminal,
+  defaultInputValue
+}) => {
+  const [inputJson, setInputJson] = (0, _react.useState)(() => {
+    return defaultInputValue ? JSON.stringify(defaultInputValue, null, 2) : '{}';
+  });
+  (0, _react.useEffect)(() => {
+    setInputJson(defaultInputValue ? JSON.stringify(defaultInputValue, null, 2) : '{}');
+  }, [defaultInputValue]);
+  const [outputJson, setOutputJson] = (0, _react.useState)('');
+  const [api, contextHolder] = _antd.message.useMessage();
+  const handleRun = (0, _ahooks.useMemoizedFn)(async () => {
+    try {
+      // 验证输入 JSON 格式
+      let parsedInput;
+      try {
+        parsedInput = JSON.parse(inputJson || '');
+      } catch (error) {
+        api.error('输入的 JSON 格式不正确');
+        return;
+      }
+      // 执行运行操作
+      const {
+        result,
+        stdout,
+        stderr
+      } = await onExecute(parsedInput);
+
+      // 格式化输出结果
+      setOutputJson(JSON.stringify(result, null, 2));
+      api.success('运行成功, 执行结果请查看终端信息');
+
+      // stdout 需要输出到终端
+      writeToTerminal?.((stdout || stderr || '').replace(/\n/g, '\r\n')); // 对于
+    } catch (error) {
+      const msg = typeof error === 'object' && error && 'message' in error ? error.message : '未知错误';
+      setOutputJson('');
+      api.error(msg || '执行失败');
+    }
+  });
+  const handleClearOutput = (0, _react.useCallback)(() => {
+    setOutputJson('');
+  }, []);
+  const handleFormatInput = (0, _ahooks.useMemoizedFn)(() => {
+    try {
+      const parsed = JSON.parse(inputJson || '');
+      setInputJson(JSON.stringify(parsed, null, 2));
+      api.success('JSON 格式化完成');
+    } catch (error) {
+      api.error('JSON 格式不正确，无法格式化');
+    }
+  });
+  const onSync = (0, _ahooks.useMemoizedFn)(async () => {
+    let parsedOutput;
+    try {
+      parsedOutput = JSON.parse(outputJson || '');
+    } catch (error) {
+      api.error('输出的 JSON 格式不正确');
+      return;
+    }
+    try {
+      await onSyncSchema?.(parsedOutput);
+      closeModal?.();
+    } catch (error) {
+      const msg = typeof error === 'object' && error && 'message' in error ? error.message : '未知错误';
+      api.error(msg || '执行失败');
+    }
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: prefixCls,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${prefixCls}-header-bar`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.BugOutlined, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: "\u8C03\u8BD5\u9762\u677F"
+        })]
+      })
+    }), contextHolder, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${prefixCls}-body`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+        direction: 'vertical',
+        size: 16,
+        className: `${prefixCls}-content`,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${prefixCls}-header`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: `${prefixCls}-title`,
+              children: "\u8F93\u5165 JSON"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+              size: "small",
+              onClick: handleFormatInput,
+              children: "\u683C\u5F0F\u5316"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_JSON.JsonEditor, {
+            height: 200,
+            value: inputJson,
+            onChange: value => setInputJson(value),
+            placeholder: "\u8BF7\u8F93\u5165 JSON \u6570\u636E"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingButton.LoadingButton, {
+              type: "primary",
+              icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlayCircleOutlined, {}),
+              onClick: handleRun,
+              children: "\u8FD0\u884C"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+              onClick: handleClearOutput,
+              children: "\u6E05\u7A7A\u8F93\u51FA"
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Divider, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: `${prefixCls}-header`,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: `${prefixCls}-title`,
+              children: "\u8F93\u51FA\u7ED3\u679C"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LoadingButton.LoadingButton, {
+              onClick: onSync,
+              children: "\u540C\u6B65\u8F93\u51FA\u5230\u914D\u7F6E"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_JSON.JsonEditor, {
+            readOnly: true,
+            height: 200,
+            value: outputJson,
+            placeholder: "\u8FD0\u884C\u7ED3\u679C\u5C06\u5728\u8FD9\u91CC\u663E\u793A"
+          })]
+        })]
+      })
+    })]
+  });
+};
+exports.DebugPanel = DebugPanel;
+var _default = exports.default = DebugPanel;

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

@@ -0,0 +1,56 @@
+.rxflow-debug {
+  &-panel{
+    display: flex;
+    flex: 1;
+    height: 100%;
+    flex-direction: column;
+    color: rgba(255,255,255,0.85);
+    background-color: #1f1f1f;
+    &-header-bar {
+      display: flex;
+      flex: 0;
+      align-items: center;
+      padding: 8px 12px;
+      font-size: 16px;
+      line-height: 1.5;
+      border-bottom: 1px solid rgba(253, 253, 253, 0.12);
+    }
+
+    &-body {
+      flex: 1;
+      min-width: 0;
+      min-height: 0;
+      padding: 24px;
+      overflow: auto;
+      scrollbar-width: thin;
+      scrollbar-color: #4c4d4f transparent;
+    }
+    &-content{
+      width: 100%;
+    }
+
+    &-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 8px;
+    }
+
+    &-title {
+      font-weight: 600;
+      font-size: 16px;
+      margin-bottom: 2px;
+    }
+  }
+}
+
+
+
+
+
+
+
+
+
+
+

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

@@ -0,0 +1,11 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 21:29
+ * @modified：2025/7/24 21:29 by yanxianliang
+ * @desc: LibraryIcon
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import './index.less';
+export declare const LibraryIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LibraryIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LibraryIcon.d.ts","sourceRoot":"","sources":["LibraryIcon.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,cAAc,CAAC;AAItB,eAAO,MAAM,WAAW,+CAMhB,CAAA"}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LibraryIcon = void 0;
+require("./index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 21:29
+ * @modified：2025/7/24 21:29 by yanxianliang
+ * @desc: LibraryIcon
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const prefixCls = 'rxflow-code-editor';
+const LibraryIcon = () => /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
+  className: `${prefixCls}-tree-icon`,
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "2843",
+  width: "1em",
+  height: "1em",
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    fill: 'currentColor',
+    d: "M307.478 848l29.217 29.217h123.362L489.275 848V179.246l-29.217-32.464H336.696l-29.217 32.464V848z m120.116-639.536v610.319h-58.435V208.464h58.435z m363.594 652.522l38.956 16.232 113.623-42.203L960 796.058 732.754 166.261l-38.956-16.232-113.623 42.203-19.478 38.957 230.491 629.797z m-107.13-642.783l211.014 571.362-58.435 19.478L628.87 237.681l55.188-19.478zM64 848l29.217 29.217H216.58L245.797 848V179.246l-29.217-32.464H93.217L64 179.246V848z m120.116-639.536v610.319h-58.435V208.464h58.435z",
+    "p-id": "2844"
+  })
+});
+exports.LibraryIcon = LibraryIcon;

package/cjs/components/CodeEditor/FileTree/icons/Javascript.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 23:09
+ * @modified：2025/7/24 23:09 by yanxianliang
+ * @desc: Javascript Icon
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import '../index.less';
+export declare const Javascript: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Javascript.d.ts.map

package/cjs/components/CodeEditor/FileTree/icons/Javascript.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Javascript.d.ts","sourceRoot":"","sources":["Javascript.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,eAAe,CAAC;AAIvB,eAAO,MAAM,UAAU,+CAQf,CAAA"}

package/cjs/components/CodeEditor/FileTree/icons/Javascript.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Javascript = void 0;
+require("../index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 23:09
+ * @modified：2025/7/24 23:09 by yanxianliang
+ * @desc: Javascript Icon
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const prefixCls = 'rxflow-code-editor';
+const Javascript = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  className: `${prefixCls}-file-icon`,
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "8513",
+  width: "1em",
+  height: "1em",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M128 128m128 0l512 0q128 0 128 128l0 512q0 128-128 128l-512 0q-128 0-128-128l0-512q0-128 128-128Z",
+    fill: "#FFBF00",
+    "p-id": "8514"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M359.744 674.272a104.672 104.672 0 0 1-82.016-32.736l41.216-40.768a50.848 50.848 0 0 0 40.8 17.888c30.464 0 50.176-17.888 50.176-54.624v-211.616h62.336v214.4a105.184 105.184 0 0 1-112.512 107.456zM619.168 674.272a149.984 149.984 0 0 1-116.576-42.112l40.352-40.384a104.416 104.416 0 0 0 77.088 26.88c36.768 0 56.512-13.888 56.512-39.424a35.488 35.488 0 0 0-9.888-26.88 47.52 47.52 0 0 0-28.256-11.2l-38.4-5.376a108.8 108.8 0 0 1-61.888-26.432 84.576 84.576 0 0 1-22.816-62.816c0-56.864 42.112-96.8 111.136-96.8a136.608 136.608 0 0 1 103.104 37.248l-39.456 39.008a88.512 88.512 0 0 0-65.408-22.016c-33.216 0-49.344 18.368-49.344 40.384a30.72 30.72 0 0 0 9.408 22.816 54.4 54.4 0 0 0 29.6 12.544l37.664 5.376a105.6 105.6 0 0 1 60.96 24.704 89.216 89.216 0 0 1 24.64 67.68c-0.128 61.824-51.68 96.8-118.432 96.8z",
+    fill: "#FFFFFF",
+    "p-id": "8515"
+  })]
+});
+exports.Javascript = Javascript;

package/cjs/components/CodeEditor/FileTree/icons/Python.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 22:46
+ * @modified：2025/7/24 22:46 by yanxianliang
+ * @desc: 文件 icon
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+import '../index.less';
+export declare const PythonIcon: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Python.d.ts.map

package/cjs/components/CodeEditor/FileTree/icons/Python.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Python.d.ts","sourceRoot":"","sources":["Python.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,eAAe,CAAC;AAIvB,eAAO,MAAM,UAAU,+CASjB,CAAA"}

package/cjs/components/CodeEditor/FileTree/icons/Python.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PythonIcon = void 0;
+require("../index.less");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-24 22:46
+ * @modified：2025/7/24 22:46 by yanxianliang
+ * @desc: 文件 icon
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const prefixCls = 'rxflow-code-editor';
+const PythonIcon = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
+  className: `${prefixCls}-file-icon`,
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "3836",
+  width: "1em",
+  height: "1em",
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M420.693333 85.333333C353.28 85.333333 298.666667 139.946667 298.666667 207.36v71.68h183.04c16.64 0 30.293333 24.32 30.293333 40.96H207.36C139.946667 320 85.333333 374.613333 85.333333 442.026667v161.322666c0 67.413333 54.613333 122.026667 122.026667 122.026667h50.346667v-114.346667c0-67.413333 54.186667-122.026667 121.6-122.026666h224c67.413333 0 122.026667-54.229333 122.026666-121.642667V207.36C725.333333 139.946667 670.72 85.333333 603.306667 85.333333z m-30.72 68.693334c17.066667 0 30.72 5.12 30.72 30.293333s-13.653333 38.016-30.72 38.016c-16.64 0-30.293333-12.8-30.293333-37.973333s13.653333-30.336 30.293333-30.336z",
+    fill: "#3C78AA",
+    "p-id": "3837"
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+    d: "M766.250667 298.666667v114.346666a121.6 121.6 0 0 1-121.6 121.984H420.693333A121.6 121.6 0 0 0 298.666667 656.597333v160a122.026667 122.026667 0 0 0 122.026666 122.026667h182.613334A122.026667 122.026667 0 0 0 725.333333 816.64v-71.68h-183.082666c-16.64 0-30.250667-24.32-30.250667-40.96h304.64A122.026667 122.026667 0 0 0 938.666667 581.973333v-161.28a122.026667 122.026667 0 0 0-122.026667-122.026666zM354.986667 491.221333l-0.170667 0.170667c0.512-0.085333 1.066667-0.042667 1.621333-0.170667z m279.04 310.442667c16.64 0 30.293333 12.8 30.293333 37.973333a30.293333 30.293333 0 0 1-30.293333 30.293334c-17.066667 0-30.72-5.12-30.72-30.293334s13.653333-37.973333 30.72-37.973333z",
+    fill: "#FDD835",
+    "p-id": "3838"
+  })]
+});
+exports.PythonIcon = PythonIcon;

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

@@ -0,0 +1,9 @@
+import './index.less';
+import { CodeEditorProps, Library } from "../types";
+export declare const FileTree: ({ files, value, onChange, libraries }: {
+    files: CodeEditorProps['files'];
+    value?: string | undefined;
+    onChange?: ((fileKey?: string) => void) | undefined;
+    libraries?: Library | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AASA,OAAO,cAAc,CAAC;AACtB,OAAO,EAAC,eAAe,EAAE,OAAO,EAAU,MAAM,UAAU,CAAC;AAsB3D,eAAO,MAAM,QAAQ;WAOV,eAAe,CAAC,OAAO,CAAC;;2BAET,MAAM,KAAK,IAAI;;6CAsCxC,CAAA"}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FileTree = void 0;
+var _antd = require("antd");
+require("./index.less");
+var _LibraryIcon = require("./LibraryIcon");
+var _react = require("react");
+var _useFileIcon = require("./useFileIcon");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * @author: yanxianliang
+ * @date: 2025-07-21 18:31
+ * @modified：2025/7/21 18:31 by yanxianliang
+ * @desc: 文件树
+ *
+ * Copyright (c) 2025 by yanxianliang, All Rights Reserved.
+ */
+
+const {
+  DirectoryTree
+} = _antd.Tree;
+const prefixCls = 'rxflow-code-editor';
+const libraryRender = data => {
+  const {
+    title,
+    version
+  } = data;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${prefixCls}-libraries-title`,
+      children: title
+    }), version ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${prefixCls}-libraries-version`,
+      children: version
+    }) : null]
+  });
+};
+const FileTree = ({
+  files,
+  value,
+  onChange,
+  libraries
+}) => {
+  const _files = (0, _useFileIcon.useFileIcon)(files);
+  const libraryData = (0, _react.useMemo)(() => {
+    return libraries ? [{
+      title: libraries.title,
+      key: libraries.title,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LibraryIcon.LibraryIcon, {}),
+      children: libraries.children
+    }] : undefined;
+  }, [libraries]);
+  const _libraries = (0, _useFileIcon.useFileIcon)(libraryData);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: `${prefixCls}-file-panel`,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(DirectoryTree, {
+      activeKey: value,
+      onActiveChange: onChange,
+      className: `${prefixCls}-file-tree`,
+      defaultExpandAll: true,
+      treeData: _files
+    }), libraries ? /*#__PURE__*/(0, _jsxRuntime.jsx)(DirectoryTree, {
+      defaultExpandAll: true,
+      className: `${prefixCls}-libraries`,
+      treeData: _libraries,
+      titleRender: libraryRender
+    }) : null]
+  });
+};
+exports.FileTree = FileTree;