这个页面不是手写的。下面的矩阵由 pnpm generate 根据组件规格,以及各平台包中实际存在的内容生成:实现、测试、快照和文档页面。如果某个单元格显示“计划中”(planned),那就说明那里还没有任何可交付的东西,不管谁曾经有过什么打算。
只有当对等检查器找齐了上述所有部分,组件在某个平台上才能越过“计划中”,因此这张矩阵所声称的不可能多于仓库实际包含的。
图例
- radio_button_unchecked
- 已列入清单,尚无可交付的实现。
- schedule
- 已有针对旧版规格的实现,但尚未跟上当前规格。
- clock_loader_40
- 已实现并带有测试。API 仍可能变动。
- clock_loader_80
- 功能完整,并已达成对等。此后只做修复。
- check_circle
- 受语义化版本约束。
- block
- 仍在提供,但已计划移除。
各平台合计
| 状态 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| radio_button_unchecked | 0 | 67 | 67 | 67 | 67 |
|---|
| schedule | 83 | 29 | 29 | 29 | 29 |
|---|
| clock_loader_40 | 13 | 0 | 0 | 0 | 0 |
|---|
| clock_loader_80 | 0 | 0 | 0 | 0 | 0 |
|---|
| check_circle | 0 | 0 | 0 | 0 | 0 |
|---|
| block | 0 | 0 | 0 | 0 | 0 |
|---|
| 合计 | 96 | 96 | 96 | 96 | 96 |
|---|
操作 · 8 个组件
| 组件 | 层级 | 规格 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| Button button | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Main action button main-action-button | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Segmented button segmented-button | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Button group button-group | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Button with menu button-with-menu | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| FAB menu fab-menu | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Toolbar toolbar | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Copy button copy-button | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
选择 · 18 个组件
| 组件 | 层级 | 规格 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| Checkbox checkbox | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Radio button radio-button | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Switch switch | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Chip chip | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Menu menu | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Slider slider | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Slider field slider-field | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Calendar calendar | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| DateTimePicker date-time-picker | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Field group field-group | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Radio group radio-group | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Checkbox group checkbox-group | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Select select | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Select field select-field | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Menubar menubar | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| File upload file-upload | 功能 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| File picker file-picker | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Drop zone drop-zone | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
文本输入 · 14 个组件
| 组件 | 层级 | 规格 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| Text input text-input | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Text field text-field | 组合 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Chip field chip-field | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Field field | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Combobox combobox | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Combobox field combobox-field | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Number input number-input | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Number field number-field | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Color input color-input | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Color field color-field | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| One-time-code input one-time-code-input | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| One-time-code field one-time-code-field | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Embedded text input embedded-text-input | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Chat composer chat-composer | 功能 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
容器 · 24 个组件
| 组件 | 层级 | 规格 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| Card card | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Divider divider | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Modal layer modal-layer | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Dialog dialog | 组合 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| List list | 基础 | 已编写 | clock_loader_40 | schedule | schedule | schedule | schedule |
|---|
| List row list-row | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Bottom sheet bottom-sheet | 组合 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Side sheet side-sheet | 组合 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Carousel carousel | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Code block code-block | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Table table | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Popover popover | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Steps steps | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Accordion accordion | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Description list description-list | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Figure figure | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| App shell app-shell | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Page header page-header | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Tree view tree-view | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Timeline timeline | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Image preview image-preview | 功能 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Handle handle | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Resizable frame resizable-frame | 组合 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Scroll area scroll-area | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
信息传达 · 18 个组件
| 组件 | 层级 | 规格 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| Badge badge | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Progress indicator progress-indicator | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Meter meter | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Number ticker number-ticker | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Loading indicator loading-indicator | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Snackbar snackbar | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Tooltip tooltip | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Keyboard shortcut keyboard-shortcut | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Tag tag | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Inline code inline-code | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Callout callout | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Avatar avatar | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Empty state empty-state | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Tag group tag-group | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Skeleton skeleton | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| File item file-item | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Swatch swatch | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Marquee text marquee-text | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
导航 · 13 个组件
| 组件 | 层级 | 规格 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| Tabs tabs | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Tab view tab-view | 组合 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| App bar app-bar | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Navigation bar navigation-bar | 基础 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Navigation drawer navigation-drawer | 组合 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Search search | 功能 | 已编写 | schedule | schedule | schedule | schedule | schedule |
|---|
| Link link | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Pagination pagination | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Previous and next links previous-next-links | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Stepper stepper | 基础 | 已编写 | clock_loader_40 | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Breadcrumbs breadcrumbs | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Table of contents table-of-contents | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
| Link card link-card | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
基础 · 1 个组件
| 组件 | 层级 | 规格 | Web | SwiftUI | Jetpack Compose | Flutter | React Native |
|---|
| Prose prose | 基础 | 已编写 | schedule | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked | radio_button_unchecked |
|---|
生成自 docs/status/status.json