Antd 透传组件
这一页覆盖 components 包中主要只是透传 Antd 官方组件的导出。
这些组件的文档策略统一如下:
- 推荐场景简要说明
- Props 说明直接指向 Antd 官方
- 不重复维护一整份镜像文档
布局与导航
| 导出 | 推荐场景 | Props 说明 | 官方文档 |
|---|---|---|---|
Affix | 吸顶操作区、固定筛选栏 | 与 Antd AffixProps 保持一致 | Antd Affix |
Anchor | 文档页锚点导航 | 与 Antd AnchorProps 保持一致 | Antd Anchor |
Breadcrumb | 面包屑导航 | 与 Antd BreadcrumbProps 保持一致 | Antd Breadcrumb |
Col | 栅格列布局 | 与 Antd ColProps 保持一致 | Antd Grid |
Divider | 模块分隔 | 与 Antd DividerProps 保持一致 | Antd Divider |
Dropdown | 下拉菜单、按钮下拉 | 与 Antd DropdownProps 保持一致 | Antd Dropdown |
Menu | 侧边导航、局部菜单 | 与 Antd MenuProps 保持一致 | Antd Menu |
Pagination | 独立分页器 | 与 Antd PaginationProps 保持一致 | Antd Pagination |
Row | 栅格行布局 | 与 Antd RowProps 保持一致 | Antd Grid |
Steps | 流程步骤条 | 与 Antd StepsProps 保持一致 | Antd Steps |
Tabs | 标签页切换 | 与 Antd TabsProps 保持一致 | Antd Tabs |
数据录入
| 导出 | 推荐场景 | Props 说明 | 官方文档 |
|---|---|---|---|
AutoComplete | 输入联想 | 与 Antd AutoCompleteProps 保持一致 | Antd AutoComplete |
Button | 基础按钮 | 与 Antd ButtonProps 保持一致 | Antd Button |
Calendar | 日历面板 | 与 Antd CalendarProps 保持一致 | Antd Calendar |
Cascader | 级联选择 | 与 Antd CascaderProps 保持一致 | Antd Cascader |
Checkbox | 单选框与多选组 | 与 Antd CheckboxProps / CheckboxGroupProps 保持一致 | Antd Checkbox |
ColorPicker | 颜色选择 | 与 Antd ColorPickerProps 保持一致 | Antd ColorPicker |
DatePicker | 日期、日期区间 | 与 Antd DatePickerProps 保持一致 | Antd DatePicker |
Input | 文本、密码、搜索、OTP | 与 Antd InputProps 系列保持一致 | Antd Input |
InputNumber | 数字输入 | 与 Antd InputNumberProps 保持一致 | Antd InputNumber |
Mentions | 提及输入 | 与 Antd MentionsProps 保持一致 | Antd Mentions |
Radio | 单选项与单选组 | 与 Antd RadioProps / RadioGroupProps 保持一致 | Antd Radio |
Rate | 评分 | 与 Antd RateProps 保持一致 | Antd Rate |
Segmented | 段控制器 | 与 Antd SegmentedProps 保持一致 | Antd Segmented |
Slider | 滑块输入 | 与 Antd SliderProps 保持一致 | Antd Slider |
Switch | 开关 | 与 Antd SwitchProps 保持一致 | Antd Switch |
TimePicker | 时间选择 | 与 Antd TimePickerProps 保持一致 | Antd TimePicker |
Transfer | 穿梭框 | 与 Antd TransferProps 保持一致 | Antd Transfer |
数据展示
| 导出 | 推荐场景 | Props 说明 | 官方文档 |
|---|---|---|---|
Avatar | 头像与头像组 | 与 Antd AvatarProps 保持一致 | Antd Avatar |
Badge | 数量标记、角标 | 与 Antd BadgeProps 保持一致 | Antd Badge |
Card | 卡片容器 | 与 Antd CardProps 保持一致 | Antd Card |
Carousel | 轮播展示 | 与 Antd CarouselProps 保持一致 | Antd Carousel |
Collapse | 折叠面板 | 与 Antd CollapseProps 保持一致 | Antd Collapse |
Descriptions | 描述列表 | 与 Antd DescriptionsProps 保持一致 | Antd Descriptions |
Empty | 空态展示 | 与 Antd EmptyProps 保持一致 | Antd Empty |
Image | 图片预览 | 与 Antd ImageProps 保持一致 | Antd Image |
Keyboard | 键盘按键展示 | 与 VEF KeyboardProps 保持一致 | Antd Typography Keyboard |
List | 列表 | 与 Antd ListProps 保持一致 | Antd List |
QRCode | 二维码展示 | 与 Antd QRCodeProps 保持一致 | Antd QRCode |
Result | 结果页 | 与 Antd ResultProps 保持一致 | Antd Result |
Skeleton | 骨架屏 | 与 Antd SkeletonProps 保持一致 | Antd Skeleton |
Statistic | 数字统计 | 与 Antd StatisticProps 保持一致 | Antd Statistic |
Tag | 状态标签 | 与 Antd TagProps 保持一致 | Antd Tag |
Timeline | 时间线 | 与 Antd TimelineProps 保持一致 | Antd Timeline |
Typography 相关 | Link、Paragraph、Text、Title 与 Antd 对齐 | 与对应 Typography Props 保持一致 | Antd Typography |
Watermark | 水印 | 与 Antd WatermarkProps 保持一致 | Antd Watermark |
反馈与浮层
| 导出 | 推荐场景 | Props 说明 | 官方文档 |
|---|---|---|---|
Alert | 静态告警提示 | 与 Antd AlertProps 保持一致 | Antd Alert |
Drawer | 侧滑面板 | 与 Antd DrawerProps 保持一致 | Antd Drawer |
FloatButton | 悬浮按钮 | 与 Antd FloatButtonProps 保持一致 | Antd FloatButton |
Modal | 对话框 | 与 Antd ModalProps 保持一致 | Antd Modal |
Popconfirm | 气泡确认 | 与 Antd PopconfirmProps 保持一致 | Antd Popconfirm |
Popover | 浮层卡片 | 与 Antd PopoverProps 保持一致 | Antd Popover |
Progress | 进度条 | 与 Antd ProgressProps 保持一致 | Antd Progress |
Spin | 加载指示器 | 与 Antd SpinProps 保持一致 | Antd Spin |
Tooltip | 文字提示 | 与 Antd TooltipProps 保持一致 | Antd Tooltip |
Tour | 新手引导 | 与 Antd TourProps 保持一致 | Antd Tour |
补充说明
下面这些导出虽然与上游能力接近,但因为增加了框架语义或配套 hook,建议优先去看前两页:
SelectTreeTreeSelectTableUploadConfigProviderSpaceFlex