Skip to content

React Ant Design ​

@opentiny/genui-sdk-materials-react-antd 基于 Ant Design 的物料包,提供运行时组件映射与 Prompt 元数据。

类型定义见 Core - IMaterials / IMaterialsMeta。

导出 ​

入口导出
.materials、materialsMeta
./materialsmaterials
./metamaterialsMeta

materials ​

  • 类型: IMaterials
  • 说明: Ant Design 组件映射,注入 ConfigProvider。
typescript
import { materials } from '@opentiny/genui-sdk-materials-react-antd/materials';
import 'antd/dist/reset.css';
tsx
import { GenuiConfigProvider, GenuiRenderer } from '@opentiny/genui-sdk-react';

<GenuiConfigProvider materials={materials}>
  <GenuiRenderer content={schema} />
</GenuiConfigProvider>

materialsMeta ​

  • 类型: IMaterialsMeta
  • 说明: 供服务端 genPrompt 使用。wrapperComponent 默认为 AntCard。
typescript
import { genPrompt } from '@opentiny/genui-sdk-core';
import { materialsMeta } from '@opentiny/genui-sdk-materials-react-antd/meta';

const systemPrompt = genPrompt('React', materialsMeta);