Empty 空态

无内容状态——圆形 illust（橙色 spark）+ 大字标题 + 小字描述。可附带建议 chips。

实时预览

下方渲染的就是 src/components/ui/Empty/Empty.tsx 本体，通过 react-native-web 翻译成浏览器节点。

你好，我是 AI 助手

告诉我你今天的工作目标，我来帮你规划

用法

import { Empty } from '@unif/react-native-design';

<Empty
  title="你好，我是 AI 助手"
  desc="告诉我你今天的工作目标，我来帮你规划"
/>

通常配合 SuggestionList 使用，给用户初始话术：

<Empty title="..." desc="..." />
<SuggestionList align="center" items={[
  { label: '今天的安排', leading: 'spark' },
  { label: '帮我查询数据', leading: 'spark' },
  { label: '新建一条记录', leading: 'spark' },
]} onPress={(item) => sendMessage(item.label)} />

API

Prop	Type	说明
title	string	大字标题（15px / 600）
desc	string?	小字描述（13px / 400 / fg-3）

视觉规范

元素	规则
illust	56×56 圆，背景 primary-0 #FFF5EB，spark 图标 28px 主橙色
title	15px / 600 / fg-1
desc	13px / 400 / fg-3，居中
间距	gap 10，整体居中