@digitalsee-ai/rcs 0.0.14 → 0.0.15

package/README.md

@@ -1,237 +1,237 @@
-  ![logo](https://www.digitalsee.cn/_next/static/media/logo_purple.a1d68599.svg)
-  
-  # @digitalsee/rcs
-  
-  **数犀 React 组件库**
-
-  
- 为数犀内部提供跨工程运行的React组件服务
-  
-
----
-
-## 📦 安装
-
-使用 pnpm（推荐）:
-```bash
-pnpm add @digitalsee/rcs
-```
-
-使用 npm:
-```bash
-npm install @digitalsee/rcs
-```
-
-使用 yarn:
-```bash
-yarn add @digitalsee/rcs
-```
-
-## ✨ 特性
-
-- 🎨 **工作流编辑器** - 基于 ReactFlow 的强大可视化工作流编辑器
-- 📊 **数据可视化** - 内置 JSON 渲染器和数据展示组件
-- 🌍 **国际化支持** - 内置中文（简体/繁体）和英文支持
-- 🎯 **TypeScript** - 完整的 TypeScript 类型支持
-- 🔧 **可定制** - 灵活的配置和主题定制
-- ⚡ **高性能** - 优化的渲染性能和内存使用
-- 📱 **响应式** - 适配各种屏幕尺寸
-
-## 🚀 快速开始
-
-### 基础使用
-
-```tsx
-import { Workflow } from '@digitalsee/rcs';
-import '@digitalsee/rcs/styles.css';
-
-function App() {
-  return (
-    <Workflow
-      workflowId="my-workflow"
-      // 更多配置项...
-    />
-  );
-}
-```
-
-### 使用 JsonRenderer
-
-```tsx
-import { JsonRenderer } from '@digitalsee/rcs';
-import '@digitalsee/rcs/styles.css';
-
-function App() {
-  const data = {
-    name: "示例数据",
-    value: 123
-  };
-
-  return <JsonRenderer data={data} />;
-}
-```
-
-## 📚 主要组件
-
-### 🔄 Workflow（工作流）
-
-完整的可视化工作流编辑器，支持：
-
-- ✅ 节点的拖拽和连接
-- ✅ 自定义节点类型
-- ✅ 边的样式和交互
-- ✅ 撤销/重做功能
-- ✅ 小地图导航
-- ✅ 自动布局
-- ✅ 调试面板
-- ✅ 数据持久化
-
-**主要特性：**
-- 支持多种节点类型（触发器、动作、条件等）
-- 灵活的节点配置面板
-- 实时数据流调试
-- 节点搜索和筛选
-- 快捷键支持
-
-### 📋 JsonRenderer
-
-强大的 JSON 数据渲染组件：
-- 语法高亮
-- 可折叠/展开
-- 搜索功能
-- 复制功能
-
-## 🔨 开发
-
-### 环境要求
-
-- Node.js >= 22
-- pnpm >= 10.12.1
-
-### 开发命令
-
-```bash
-# 安装依赖
-pnpm install
-
-# 启动 Storybook 开发环境
-pnpm dev
-
-# 构建组件库
-pnpm build:vite
-
-# 运行测试
-pnpm test
-
-# 代码格式化
-pnpm format
-
-# 代码检查
-pnpm lint
-```
-
-### 构建输出
-
-```bash
-# 构建并发布新版本
-pnpm update:version
-```
-
-构建产物包括：
-- `dist/rcs.es.js` - ES Module 格式
-- `dist/rcs.umd.js` - UMD 格式
-- `dist/rcs.css` - 样式文件
-- `dist/index.d.ts` - TypeScript 类型定义
-
-## 🎨 技术栈
-
-- **核心框架**: React 19+
-- **状态管理**: Redux Toolkit
-- **流程图**: @xyflow/react
-- **UI 组件**: Ant Design 5+ / Ant Design Pro Components
-- **样式方案**: Tailwind CSS + Less
-- **代码编辑器**: Monaco Editor / CodeMirror
-- **富文本**: Slate.js
-- **构建工具**: Vite
-- **文档工具**: Storybook
-- **代码质量**: Biome
-- **测试框架**: Vitest
-
-## 📖 依赖要求
-
-### Peer Dependencies
-
-确保你的项目中已安装以下依赖：
-
-- `react` >= 18.0.0
-- `react-dom` >= 18.0.0
-- `antd` >= 5.0.0
-- `@ant-design/icons` >= 5.0.0
-- `@ant-design/pro-components` >= 2.0.0
-- `@reduxjs/toolkit` >= 2.0.0
-- `react-redux` >= 9.0.0
-- `@xyflow/react` >= 12.0.0
-- `ahooks` >= 3.0.0
-- `lodash-es` >= 4.17.0
-
-## 🌐 国际化
-
-组件库内置多语言支持：
-
-```tsx
-import { IntlProvider } from 'react-intl';
-import zhCN from '@digitalsee/rcs/locales/zh-CN';
-
-<IntlProvider locale="zh-CN" messages={zhCN}>
-  <Workflow />
-</IntlProvider>
-```
-
-支持的语言：
-- 🇨🇳 简体中文 (zh-CN)
-- 🇹🇼 繁体中文 (zh-TW)
-- 🇺🇸 英文 (en-US)
-
-## 📝 版本管理
-
-```bash
-# 补丁版本 (0.0.x)
-pnpm bump
-
-# 次要版本 (0.x.0)
-pnpm bump:minor
-
-# 主要版本 (x.0.0)
-pnpm bump:major
-```
-
-## 🤝 贡献
-
-欢迎提交 Issue 和 Pull Request！
-
-### 开发流程
-
-1. Fork 本仓库
-2. 创建你的特性分支 (`git checkout -b feature/AmazingFeature`)
-3. 提交你的改动 (`git commit -m 'Add some AmazingFeature'`)
-4. 推送到分支 (`git push origin feature/AmazingFeature`)
-5. 提交 Pull Request
-
-### 代码规范
-
-项目使用 Biome 进行代码检查和格式化：
-```bash
-pnpm format  # 自动格式化代码
-pnpm lint    # 检查代码问题
-```
-
-
-## 🔗 相关链接
-
-- [数犀官网](https://www.digitalsee.cn)
-
----
-
-<div align="center">
-  Made with ❤️ by <a href="https://www.digitalsee.cn">数犀 DigitalSee</a>
-</div>
+  ![logo](https://www.digitalsee.cn/_next/static/media/logo_purple.a1d68599.svg)
+  
+  # @digitalsee/rcs
+  
+  **数犀 React 组件库**
+
+  
+ 为数犀内部提供跨工程运行的React组件服务
+  
+
+---
+
+## 📦 安装
+
+使用 pnpm（推荐）:
+```bash
+pnpm add @digitalsee/rcs
+```
+
+使用 npm:
+```bash
+npm install @digitalsee/rcs
+```
+
+使用 yarn:
+```bash
+yarn add @digitalsee/rcs
+```
+
+## ✨ 特性
+
+- 🎨 **工作流编辑器** - 基于 ReactFlow 的强大可视化工作流编辑器
+- 📊 **数据可视化** - 内置 JSON 渲染器和数据展示组件
+- 🌍 **国际化支持** - 内置中文（简体/繁体）和英文支持
+- 🎯 **TypeScript** - 完整的 TypeScript 类型支持
+- 🔧 **可定制** - 灵活的配置和主题定制
+- ⚡ **高性能** - 优化的渲染性能和内存使用
+- 📱 **响应式** - 适配各种屏幕尺寸
+
+## 🚀 快速开始
+
+### 基础使用
+
+```tsx
+import { Workflow } from '@digitalsee/rcs';
+import '@digitalsee/rcs/styles.css';
+
+function App() {
+  return (
+    <Workflow
+      workflowId="my-workflow"
+      // 更多配置项...
+    />
+  );
+}
+```
+
+### 使用 JsonRenderer
+
+```tsx
+import { JsonRenderer } from '@digitalsee/rcs';
+import '@digitalsee/rcs/styles.css';
+
+function App() {
+  const data = {
+    name: "示例数据",
+    value: 123
+  };
+
+  return <JsonRenderer data={data} />;
+}
+```
+
+## 📚 主要组件
+
+### 🔄 Workflow（工作流）
+
+完整的可视化工作流编辑器，支持：
+
+- ✅ 节点的拖拽和连接
+- ✅ 自定义节点类型
+- ✅ 边的样式和交互
+- ✅ 撤销/重做功能
+- ✅ 小地图导航
+- ✅ 自动布局
+- ✅ 调试面板
+- ✅ 数据持久化
+
+**主要特性：**
+- 支持多种节点类型（触发器、动作、条件等）
+- 灵活的节点配置面板
+- 实时数据流调试
+- 节点搜索和筛选
+- 快捷键支持
+
+### 📋 JsonRenderer
+
+强大的 JSON 数据渲染组件：
+- 语法高亮
+- 可折叠/展开
+- 搜索功能
+- 复制功能
+
+## 🔨 开发
+
+### 环境要求
+
+- Node.js >= 22
+- pnpm >= 10.12.1
+
+### 开发命令
+
+```bash
+# 安装依赖
+pnpm install
+
+# 启动 Storybook 开发环境
+pnpm dev
+
+# 构建组件库
+pnpm build:vite
+
+# 运行测试
+pnpm test
+
+# 代码格式化
+pnpm format
+
+# 代码检查
+pnpm lint
+```
+
+### 构建输出
+
+```bash
+# 构建并发布新版本
+pnpm update:version
+```
+
+构建产物包括：
+- `dist/rcs.es.js` - ES Module 格式
+- `dist/rcs.umd.js` - UMD 格式
+- `dist/rcs.css` - 样式文件
+- `dist/index.d.ts` - TypeScript 类型定义
+
+## 🎨 技术栈
+
+- **核心框架**: React 19+
+- **状态管理**: Redux Toolkit
+- **流程图**: @xyflow/react
+- **UI 组件**: Ant Design 5+ / Ant Design Pro Components
+- **样式方案**: Tailwind CSS + Less
+- **代码编辑器**: Monaco Editor / CodeMirror
+- **富文本**: Slate.js
+- **构建工具**: Vite
+- **文档工具**: Storybook
+- **代码质量**: Biome
+- **测试框架**: Vitest
+
+## 📖 依赖要求
+
+### Peer Dependencies
+
+确保你的项目中已安装以下依赖：
+
+- `react` >= 18.0.0
+- `react-dom` >= 18.0.0
+- `antd` >= 5.0.0
+- `@ant-design/icons` >= 5.0.0
+- `@ant-design/pro-components` >= 2.0.0
+- `@reduxjs/toolkit` >= 2.0.0
+- `react-redux` >= 9.0.0
+- `@xyflow/react` >= 12.0.0
+- `ahooks` >= 3.0.0
+- `lodash-es` >= 4.17.0
+
+## 🌐 国际化
+
+组件库内置多语言支持：
+
+```tsx
+import { IntlProvider } from 'react-intl';
+import zhCN from '@digitalsee/rcs/locales/zh-CN';
+
+<IntlProvider locale="zh-CN" messages={zhCN}>
+  <Workflow />
+</IntlProvider>
+```
+
+支持的语言：
+- 🇨🇳 简体中文 (zh-CN)
+- 🇹🇼 繁体中文 (zh-TW)
+- 🇺🇸 英文 (en-US)
+
+## 📝 版本管理
+
+```bash
+# 补丁版本 (0.0.x)
+pnpm bump
+
+# 次要版本 (0.x.0)
+pnpm bump:minor
+
+# 主要版本 (x.0.0)
+pnpm bump:major
+```
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+### 开发流程
+
+1. Fork 本仓库
+2. 创建你的特性分支 (`git checkout -b feature/AmazingFeature`)
+3. 提交你的改动 (`git commit -m 'Add some AmazingFeature'`)
+4. 推送到分支 (`git push origin feature/AmazingFeature`)
+5. 提交 Pull Request
+
+### 代码规范
+
+项目使用 Biome 进行代码检查和格式化：
+```bash
+pnpm format  # 自动格式化代码
+pnpm lint    # 检查代码问题
+```
+
+
+## 🔗 相关链接
+
+- [数犀官网](https://www.digitalsee.cn)
+
+---
+
+<div align="center">
+  Made with ❤️ by <a href="https://www.digitalsee.cn">数犀 DigitalSee</a>
+</div>

package/dist/components/digitalsee/workflow/NodesConfig/define/config-form-item.d.ts

@@ -30,5 +30,11 @@ export declare enum DynamicFormFileds {
     /** 多选列表 */
     MULTI_SELECT_LIST = "MULTI_SELECT_LIST",
     /** 小时分钟选择器 */
-    SYNC_HOUR_MINUTE = "SYNC_HOUR_MINUTE"
+    SYNC_HOUR_MINUTE = "SYNC_HOUR_MINUTE",
+    /** 鉴权Token */
+    AUTH_TOKEN = "AUTH_TOKEN",
+    /** SECRET_KEY 配合HMAC */
+    SECRET_KEY = "SECRET_KEY",
+    /** 选择OAuth2客户端 */
+    SELECT_CLIENT = "SELECT_CLIENT"
 }

package/dist/components/digitalsee/workflow/api/index.d.ts

@@ -45,6 +45,8 @@ export interface WorkflowApiEndpoints {
     removeEdges: string;
     selectOptions: string;
     flowOpStatus: string;
+    getAppList: string;
+    subFlowList: string;
 }
 export interface WorkflowApiConfig {
     endpoints: WorkflowApiEndpoints;
@@ -120,4 +122,6 @@ export declare function apiRemoveEdges(flowId: string, edges: string[]): Promise
 export declare function apiGetSelectOptions(type: string): Promise<unknown>;
 export declare function updateFlowOpStatus(paramsId: any, opStatus: any): Promise<unknown>;
 export declare const apiGetAcountInstanceV2: (linkId: string, actionAccountSchemaId?: string) => Promise<unknown>;
+export declare const getAppList: (params: any, formData?: any) => Promise<unknown>;
+export declare const fetchSubFlowList: (name: any, formData?: any) => Promise<unknown>;
 export {};

package/dist/components/digitalsee/workflow/builtin/controls/AuthTokenField/index.d.ts

@@ -0,0 +1,11 @@
+import { IFieldSuperProps } from '../../../NodesConfig/components/FormFieldRenderer/fields/super';
+interface AuthTokenFieldProps extends IFieldSuperProps<string> {
+    disabled?: boolean;
+}
+/**
+ * @description 鉴权 Token 输入组件，支持显示/隐藏、复制和重新生成
+ * @param {AuthTokenFieldProps} props 组件属性
+ * @returns {JSX.Element} Token 输入组件
+ */
+export declare const AuthTokenField: (props: AuthTokenFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default AuthTokenField;

package/dist/components/digitalsee/workflow/builtin/controls/ConfigSubflow/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ConfigSubflowProps, ConfigSubflowRef } from './types';
+/**
+ * ConfigSubflow 子流程配置组件
+ * @description 支持选择子流程并配置参数的表单控件
+ */
+declare const ConfigSubflow: React.ForwardRefExoticComponent<ConfigSubflowProps & React.RefAttributes<ConfigSubflowRef>>;
+export default ConfigSubflow;
+export { ConfigSubflow };
+export type { ConfigSubflowProps, ConfigSubflowRef, ConfigSubflowValue, ConfigSubflowError, SubFlowInfo, ParamConfigItem, } from './types';

package/dist/components/digitalsee/workflow/builtin/controls/ConfigSubflow/types.d.ts

@@ -0,0 +1,81 @@
+import { IFieldSuperProps } from '../../../NodesConfig/components/FormFieldRenderer/fields/super';
+/**
+ * 子流程信息
+ * @description 从 /acm/flow/sub-flow/list 接口返回的子流程数据
+ * @example
+ * {
+ *   "id": "2016350214829555714",
+ *   "name": "待调用的子流程-1",
+ *   "description": null,
+ *   "params": { "name": "张三", "id": "1" }
+ * }
+ */
+export interface SubFlowInfo {
+    /** 子流程 ID */
+    id: string;
+    /** 子流程名称 */
+    name: string;
+    /** 流程描述 */
+    description?: string | null;
+    /** 子流程的参数配置（key-value 格式，值为示例/默认值） */
+    params?: Record<string, string | number | boolean>;
+}
+/**
+ * 子流程配置值
+ * @description 组件最终输出的配置值结构
+ * @example
+ * {
+ *   "flowId": "2016350214829555714",
+ *   "input": { "id": 1, "name": "张三" }
+ * }
+ */
+export interface ConfigSubflowValue {
+    /** 选择的子流程 ID */
+    flowId: string;
+    /** 子流程的输入参数配置，key-value 键值对 */
+    input: Record<string, unknown>;
+}
+/**
+ * ConfigSubflow 组件属性
+ * @description 用于 FormItem 的受控组件属性
+ */
+export interface ConfigSubflowProps extends IFieldSuperProps<ConfigSubflowValue> {
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 节点 ID，用于变量选择器 */
+    nodeId?: string;
+}
+/**
+ * 参数配置项（内部使用）
+ * @description key-value 列表中的单项配置
+ */
+export interface ParamConfigItem {
+    /** 内部唯一标识 */
+    id: string;
+    /** 参数键名（不可修改） */
+    key: string;
+    /** 参数值 */
+    value: unknown;
+    /** 示例值/默认值（来自子流程配置） */
+    exampleValue?: string | number | boolean;
+}
+/**
+ * ConfigSubflow 组件 ref 暴露的方法
+ */
+export interface ConfigSubflowRef {
+    /** 校验配置，返回是否通过 */
+    validate: () => boolean;
+    /** 清除校验错误 */
+    clearErrors: () => void;
+}
+/**
+ * 校验错误信息
+ */
+export interface ConfigSubflowError {
+    /** 错误类型 */
+    type: 'flow' | 'param';
+    /** 参数键名（type 为 param 时有效） */
+    paramKey?: string;
+    /** 错误信息 */
+    message: string;
+}

package/dist/components/digitalsee/workflow/builtin/controls/MutilRowGuard/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { MutilRowGuardProps, MutilRowGuardRef } from './types';
+/**
+ * MutilRowGuard 数据校验规则配置组件
+ * @description 支持多行规则配置和拖拽排序的表单控件
+ * @param {MutilRowGuardProps} props 组件属性
+ * @param {React.Ref<MutilRowGuardRef>} ref 组件 ref
+ */
+declare const MutilRowGuard: React.ForwardRefExoticComponent<MutilRowGuardProps & React.RefAttributes<MutilRowGuardRef>>;
+export default MutilRowGuard;
+export { MutilRowGuard };
+export { mutilRowGuardValidator, mutilRowGuardRequiredValidator } from './types';
+export type { GuardRule, MutilRowGuardValue, MutilRowGuardProps, MutilRowGuardRef, GuardRuleError } from './types';