@digitalsee-ai/rcs

数犀 React 组件库，当前主要提供工作流画布、DynamicForm 和 JsonRenderer。

环境要求

• Node.js >= 22
• pnpm 10.12.1

安装与使用

pnpm add @digitalsee-ai/rcs

import { DigitalseeWorkFlow } from '@digitalsee-ai/rcs';
import '@digitalsee-ai/rcs/styles.css';

export function WorkflowPage() {
  return <DigitalseeWorkFlow workflowId="workflow-id" />;
}

DynamicForm 示例：

import { DynamicForm, DynamicFormField, type FormSchema } from '@digitalsee-ai/rcs';
import '@digitalsee-ai/rcs/styles.css';

const schema: FormSchema = {
  fields: [{ type: DynamicFormField.TEXT, name: 'name', label: '名称' }],
};

export function FormPage() {
  return <DynamicForm schema={schema} />;
}

开发命令

pnpm install
pnpm dev          # Storybook，默认 http://localhost:8888
pnpm build:lib    # tsc + Vite，生成 dist
pnpm build:vite   # 仅 Vite 构建，适合快速联调
pnpm tsc          # 类型检查
pnpm test         # Vitest watch
pnpm test:cov     # 单次运行并生成覆盖率
pnpm format       # Biome 格式化 src
pnpm lint         # Biome lint 并自动修复 src

dist/ 是 npm 包实际消费的构建产物。修改源码后，宿主项目不会自动获得更新，需重新构建。

文档

• 文档索引与维护状态
• 本地联调 npm 包
• 工作流组件集成
• 发布说明

包导出

• @digitalsee-ai/rcs：组件、类型与工具
• @digitalsee-ai/rcs/styles.css：组件库样式

构建产物包括 dist/rcs.es.js、dist/rcs.umd.js、dist/rcs.css 和 dist/index.d.ts。