COMPONENT-INVENTORY
组件
由 COMPONENT-INVENTORY 机生索引；覆盖企业核心业务组件，支持 Gallery 演示深链直达。
88注册组件
10分区
3核心维度
主题与 Token
module: theme| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
T-01 | AppTheme / colors·dimens·typography | ✅ | theme → |
T-02 | AppThemeHost + AppearanceStore | ✅ | theme → |
T-03 | SceneStyle OFFICE / PLAY_ENERGY | ✅ | theme → |
T-04 | BrandTheme / BrandRegistry | ✅ | theme → |
T-05 | 深色 / 系统跟随 | ✅ | theme → |
T-06 | Gallery 主题演示区 | 🚧 | theme → |
基础
module: basic| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
B-01 | Button 族（Primary/Secondary/…） | ✅ | button → |
B-02 | IconButton / TextButton / Link | ✅ | link → |
B-03 | Divider / VerticalDivider | ✅ | divider → |
B-04 | Tag / StatusChip / OutlineChip | ✅ | tag → |
B-05 | Badge / DotBadge | ✅ | badge → |
B-06 | Avatar | ✅ | avatar → |
B-07 | Fab 悬浮钮 | ✅ | fab → |
表单
module: form| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
F-01 | FormField / Password / OTP | ✅ | input → |
F-02 | SelectField | ✅ | select → |
F-03 | Checkbox | ✅ | checkbox → |
F-03a | Switch | ✅ | switch → |
F-03b | Radio | ✅ | radio → |
F-03c | Slider | ✅ | slider → |
F-04 | SegmentedControl | ✅ | segment → |
F-05 | Stepper | ✅ | stepper → |
F-06 | Search / InsetSearchBar | ✅ | search → |
F-07 | ConcaveInput / TextArea（新拟态） | ✅ | input → |
F-08 | 多列 Picker | ✅ | picker → |
F-09 | Cascader / 省市区 | ✅ | cascader → |
F-10 | DateTimePicker | ✅ | picker_date → |
F-11 | Rate 评分 | ✅ | rate → |
F-12 | Uploader / 图片墙 | ✅ | uploader → |
F-13 | PasswordInput 安全键盘态 | 🚧 书面延期 | keyboard → |
F-14 | Calendar | ✅ | calendar → |
反馈
module: feedback| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
R-01 | Toast | ✅ | toast → |
R-02 | Alert / Confirm Dialog | ✅ | dialog → |
R-03 | ModalSheet | ✅ | sheet → |
R-04 | ActionSheet | ✅ | action_sheet → |
R-05 | Snackbar / InlineBanner | ✅ | snackbar → |
R-06 | Loading / Progress / Circular | ✅ | loading → |
R-07 | Skeleton / HomeSkeleton | ✅ | skeleton → |
R-08 | ShareSheet | ✅ | share → |
R-09 | Popover / DropdownMenu | ✅ | popover → |
R-10 | Guide / Tour | ✅ | guide → |
R-11 | Overlay 标准化 | ✅ | overlay → |
R-12 | Result 结果页模板 | ✅ | result → |
导航
module: nav| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
N-01 | AppTopBar / HomeTopBar / StatusBarSpacer | ✅ | navbar → |
N-02 | TabRow / BottomNav | ✅ | tabs → |
N-03 | SectionHeader | ✅ | list → |
N-04 | Steps（通用） | ✅ | steps → |
N-05 | IndexBar | ✅ | indexbar → |
N-06 | BackTop | ✅ | backtop → |
N-07 | SideBar / Drawer 业务封装 | 🚧 可选薄封装 | drawer → |
N-08 | Sticky | 🚧 书面延期 | sticky → |
数据展示
module: data| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
D-01 | ListCell / SettingsCell | ✅ | cell → |
D-02 | KeyValue / StatTile | ✅ | kv → |
D-03 | QuickEntryGrid / ConvexIconCell | ✅ | grid → |
D-04 | Empty / Error / DataState | ✅ | empty → |
D-05 | NoticeMarquee | ✅ | notice → |
D-06 | NoticeBar 统一规范 | ✅ | notice → |
D-07 | SwipeCell | ✅ | swipe → |
D-08 | Collapse | ✅ | collapse → |
D-09 | ImageViewer | ✅ | image_viewer → |
D-10 | VirtualList 策略封装 | ✅ · 🔌 | virtual_list → |
D-11 | Table（移动端） | ✅ | table → |
D-12 | Watermark | ✅ | watermark → |
新拟态
module: layout| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
S-01 | VisualEffects / ConvexCard | ✅ | neumorph → |
S-02 | 新拟态输入凹槽 / CTA 光晕 | ✅ | neumorph → |
S-03 | IconRow / PlaceholderVisuals | ✅ | neumorph → |
S-04 | NeumorphicSurface / DualRing / HintOverlay | ✅ | neumorph → |
S-05 | Gallery 立体感专区 | 🚧 | neumorph → |
业务模板
module: biz| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
Biz-01 | 钱包态视图 | ✅ | campaign → |
Biz-02 | 活动卡 / Campaign* | ✅ | campaign → |
Biz-03 | 登录态视图 | ✅ | state → |
Biz-04 | 提现时间线 | ✅ | state → |
Biz-05 | 首页 Banner / Feed 态 | ✅ | campaign → |
Biz-06 | 消息首页态 | ✅ | state → |
Biz-07 | 未保存确认 | ✅ | confirm → |
插件 / Host
module: plugin| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
P-01 | UrlImage | ✅ | image → |
P-02 | UrlVideo | ✅ · 🔌 Host | video → |
P-03 | AmapMap 门面 | ✅ · 🔌 Host | map → |
P-04 | Markdown | ✅ | markdown → |
P-05 | QR | ✅ | qrcode → |
P-06 | 图表（折线/柱/饼） | ✅ · 自研门面 | chart → |
P-07 | Toast 原生桥增强 | 🚧 | toast → |
P-08 | Chat UI 门面 | ❌ P2 | host → |
P-09 | 签名板 | ✅ · 自研门面 | sign → |
P-10 | 滑动验证 / 安全组件 | ❌ P2 | slide_verify → |
P-11 | Banner 轮播增强 | 🚧 | swipe → |
P-12 | 相册 / 相机门面 | ❌ P2 | upload_media → |
自适应
module: adaptive| 组件 ID | 组件名称 | 跨端状态 | 文档 |
|---|---|---|---|
A-01 | Adaptive 相关 API | ✅ / 受 docs/121 放行约束 | theme → |
A-02 | 宽屏 Gallery 演示 | 🚧 | theme → |
打开组件展厅
打开 Gallery 指南在业务多端模块中接入官方构件库，即可开箱享用整套拟态渲染组件族。
Generated: 2026-09-29T10:41:41Z · source products/ui/COMPONENT-INVENTORY.md