|
@@ -8,9 +8,7 @@
|
|
|
<div class="nav-section">
|
|
<div class="nav-section">
|
|
|
<h3>快速开始</h3>
|
|
<h3>快速开始</h3>
|
|
|
<ul>
|
|
<ul>
|
|
|
- <li :class="{ active: activeDoc === 'intro' }" @click="activeDoc = 'intro'">
|
|
|
|
|
- 介绍
|
|
|
|
|
- </li>
|
|
|
|
|
|
|
+ <li :class="{ active: activeDoc === 'intro' }" @click="activeDoc = 'intro'">介绍</li>
|
|
|
<li
|
|
<li
|
|
|
:class="{ active: activeDoc === 'installation' }"
|
|
:class="{ active: activeDoc === 'installation' }"
|
|
|
@click="activeDoc = 'installation'"
|
|
@click="activeDoc = 'installation'"
|
|
@@ -26,10 +24,7 @@
|
|
|
工作流
|
|
工作流
|
|
|
</li>
|
|
</li>
|
|
|
<li :class="{ active: activeDoc === 'nodes' }" @click="activeDoc = 'nodes'">节点</li>
|
|
<li :class="{ active: activeDoc === 'nodes' }" @click="activeDoc = 'nodes'">节点</li>
|
|
|
- <li
|
|
|
|
|
- :class="{ active: activeDoc === 'credentials' }"
|
|
|
|
|
- @click="activeDoc = 'credentials'"
|
|
|
|
|
- >
|
|
|
|
|
|
|
+ <li :class="{ active: activeDoc === 'credentials' }" @click="activeDoc = 'credentials'">
|
|
|
凭证管理
|
|
凭证管理
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
@@ -37,12 +32,8 @@
|
|
|
<div class="nav-section">
|
|
<div class="nav-section">
|
|
|
<h3>节点文档</h3>
|
|
<h3>节点文档</h3>
|
|
|
<ul>
|
|
<ul>
|
|
|
- <li :class="{ active: activeDoc === 'http' }" @click="activeDoc = 'http'">
|
|
|
|
|
- HTTP 节点
|
|
|
|
|
- </li>
|
|
|
|
|
- <li :class="{ active: activeDoc === 'code' }" @click="activeDoc = 'code'">
|
|
|
|
|
- 代码节点
|
|
|
|
|
- </li>
|
|
|
|
|
|
|
+ <li :class="{ active: activeDoc === 'http' }" @click="activeDoc = 'http'">HTTP 节点</li>
|
|
|
|
|
+ <li :class="{ active: activeDoc === 'code' }" @click="activeDoc = 'code'">代码节点</li>
|
|
|
<li :class="{ active: activeDoc === 'database' }" @click="activeDoc = 'database'">
|
|
<li :class="{ active: activeDoc === 'database' }" @click="activeDoc = 'database'">
|
|
|
数据库节点
|
|
数据库节点
|
|
|
</li>
|
|
</li>
|
|
@@ -60,7 +51,8 @@
|
|
|
<section class="doc-section">
|
|
<section class="doc-section">
|
|
|
<h2>概述</h2>
|
|
<h2>概述</h2>
|
|
|
<p>
|
|
<p>
|
|
|
- AI Agent 是一个强大的自动化工作流平台,允许你创建复杂的自动化流程。通过可视化的工作流编辑器,你可以轻松添加各种节点类型,连接各种服务和应用,实现数据的自动化处理和传输。
|
|
|
|
|
|
|
+ AI Agent
|
|
|
|
|
+ 是一个强大的自动化工作流平台,允许你创建复杂的自动化流程。通过可视化的工作流编辑器,你可以轻松添加各种节点类型,连接各种服务和应用,实现数据的自动化处理和传输。
|
|
|
</p>
|
|
</p>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
@@ -68,17 +60,12 @@
|
|
|
<h2>主要特性</h2>
|
|
<h2>主要特性</h2>
|
|
|
<ul class="feature-list">
|
|
<ul class="feature-list">
|
|
|
<li>
|
|
<li>
|
|
|
- <strong>可视化编辑器</strong> - 直观的工作流设计器,支持开始、结束、HTTP请求、条件分支、代码执行、数据查询等多种节点
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <strong>丰富的节点库</strong> - 支持 HTTP、数据库、代码执行等多种节点类型
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <strong>实时调试</strong> - 支持单步执行和断点调试
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- <strong>数据转换</strong> - 强大的数据映射和转换能力
|
|
|
|
|
|
|
+ <strong>可视化编辑器</strong> -
|
|
|
|
|
+ 直观的工作流设计器,支持开始、结束、HTTP请求、条件分支、代码执行、数据查询等多种节点
|
|
|
</li>
|
|
</li>
|
|
|
|
|
+ <li><strong>丰富的节点库</strong> - 支持 HTTP、数据库、代码执行等多种节点类型</li>
|
|
|
|
|
+ <li><strong>实时调试</strong> - 支持单步执行和断点调试</li>
|
|
|
|
|
+ <li><strong>数据转换</strong> - 强大的数据映射和转换能力</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
@@ -154,7 +141,7 @@ const docDescription = computed(() => {
|
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
|
.docs-container {
|
|
.docs-container {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- height: calc(100vh - 32px);
|
|
|
|
|
|
|
+ height: 100vh;
|
|
|
background: #f8f9fa;
|
|
background: #f8f9fa;
|
|
|
|
|
|
|
|
.sidebar {
|
|
.sidebar {
|