# 组件索引

> 共 127 个组件 | Skill V1.1.0 · win-design-next 1.2.2
> 仅使用下表列出的组件；API 以 by-name 文档为准，禁止臆造属性。

| Import 名             | 标签名                    | 说明                                | 分类         | API                                                                             |
| --------------------- | ------------------------- | ----------------------------------- | ------------ | ------------------------------------------------------------------------------- |
| `WAffix`              | `w-affix`                 | Affix 固钉                          | navigation   | [by-name/affix.md](components/by-name/affix.md)                                 |
| `WAlert`              | `w-alert`                 | Alert 提示                          | feedback     | [by-name/alert.md](components/by-name/alert.md)                                 |
| `WAnchor`             | `w-anchor`                | Anchor 锚点                         | navigation   | [by-name/anchor.md](components/by-name/anchor.md)                               |
| `WAnchorLink`         | `w-anchor-link`           | WAnchorLink                         | other        | [by-name/anchor-link.md](components/by-name/anchor-link.md)                     |
| `WAside`              | `w-aside`                 | WAside                              | general      | [by-name/aside.md](components/by-name/aside.md)                                 |
| `WAutocomplete`       | `w-autocomplete`          | 自动补全输入框                      | data-entry   | [by-name/autocomplete.md](components/by-name/autocomplete.md)                   |
| `WAvatar`             | `w-avatar`                | Avatar 头像                         | general      | [by-name/avatar.md](components/by-name/avatar.md)                               |
| `WBacktop`            | `w-backtop`               | Backtop 回到顶部                    | other        | [by-name/backtop.md](components/by-name/backtop.md)                             |
| `WBadge`              | `w-badge`                 | Badge 徽章                          | data-display | [by-name/badge.md](components/by-name/badge.md)                                 |
| `WBorder`             | `w-border`                | Box 盒子                            | general      | [by-name/border.md](components/by-name/border.md)                               |
| `WBreadcrumb`         | `w-breadcrumb`            | Breadcrumb 面包屑                   | navigation   | [by-name/breadcrumb.md](components/by-name/breadcrumb.md)                       |
| `WBreadcrumbItem`     | `w-breadcrumb-item`       | WBreadcrumbItem                     | navigation   | [by-name/breadcrumb-item.md](components/by-name/breadcrumb-item.md)             |
| `WButton`             | `w-button`                | Button 按钮                         | general      | [by-name/button.md](components/by-name/button.md)                               |
| `WButtonGroup`        | `w-button-group`          | WButtonGroup                        | other        | [by-name/button-group.md](components/by-name/button-group.md)                   |
| `WCalendar`           | `w-calendar`              | Calendar 日历                       | data-display | [by-name/calendar.md](components/by-name/calendar.md)                           |
| `WCard`               | `w-card`                  | Card 卡片                           | data-display | [by-name/card.md](components/by-name/card.md)                                   |
| `WCarousel`           | `w-carousel`              | Carousel 走马灯                     | other        | [by-name/carousel.md](components/by-name/carousel.md)                           |
| `WCarouselItem`       | `w-carousel-item`         | WCarouselItem                       | other        | [by-name/carousel-item.md](components/by-name/carousel-item.md)                 |
| `WCascader`           | `w-cascader`              | Cascader 级联选择器                 | data-entry   | [by-name/cascader.md](components/by-name/cascader.md)                           |
| `WCascaderPanel`      | `w-cascader-panel`        | WCascaderPanel                      | other        | [by-name/cascader-panel.md](components/by-name/cascader-panel.md)               |
| `WCheckTag`           | `w-check-tag`             | WCheckTag                           | other        | [by-name/check-tag.md](components/by-name/check-tag.md)                         |
| `WCheckbox`           | `w-checkbox`              | Checkbox 多选框                     | data-entry   | [by-name/checkbox.md](components/by-name/checkbox.md)                           |
| `WCheckboxButton`     | `w-checkbox-button`       | WCheckboxButton                     | data-entry   | [by-name/checkbox-button.md](components/by-name/checkbox-button.md)             |
| `WCheckboxGroup`      | `w-checkbox-group`        | WCheckboxGroup                      | data-entry   | [by-name/checkbox-group.md](components/by-name/checkbox-group.md)               |
| `WCol`                | `w-col`                   | WCol                                | general      | [by-name/col.md](components/by-name/col.md)                                     |
| `WCollapse`           | `w-collapse`              | Collapse 折叠面板                   | other        | [by-name/collapse.md](components/by-name/collapse.md)                           |
| `WCollapseItem`       | `w-collapse-item`         | WCollapseItem                       | other        | [by-name/collapse-item.md](components/by-name/collapse-item.md)                 |
| `WColorPicker`        | `w-color-picker`          | ColorPicker 颜色选择器              | data-entry   | [by-name/color-picker.md](components/by-name/color-picker.md)                   |
| `WColorPickerPanel`   | `w-color-picker-panel`    | ColorPickerPanel 选择器面板 ^(beta) | data-entry   | [by-name/color-picker-panel.md](components/by-name/color-picker-panel.md)       |
| `WColumn`             | `w-column`                | WColumn                             | other        | [by-name/column.md](components/by-name/column.md)                               |
| `WConfigProvider`     | `w-config-provider`       | Config Provider 全局配置            | other        | [by-name/config-provider.md](components/by-name/config-provider.md)             |
| `WContainer`          | `w-container`             | Container 布局容器                  | general      | [by-name/container.md](components/by-name/container.md)                         |
| `WCountdown`          | `w-countdown`             | WCountdown                          | data-display | [by-name/countdown.md](components/by-name/countdown.md)                         |
| `WDatePicker`         | `w-date-picker`           | 日期选择器                          | date-time    | [by-name/date-picker.md](components/by-name/date-picker.md)                     |
| `WDatePickerPanel`    | `w-date-picker-panel`     | 日期选择器面板                      | date-time    | [by-name/date-picker-panel.md](components/by-name/date-picker-panel.md)         |
| `WDatePickerPanelPro` | `w-date-picker-panel-pro` | Pro 日期选择器面板                  | date-time    | [by-name/date-picker-panel-pro.md](components/by-name/date-picker-panel-pro.md) |
| `WDatePickerPro`      | `w-date-picker-pro`       | Pro 日期选择器                      | date-time    | [by-name/date-picker-pro.md](components/by-name/date-picker-pro.md)             |
| `WDatetimePicker`     | `w-datetime-picker`       | 日期时间选择器                      | date-time    | [by-name/datetime-picker.md](components/by-name/datetime-picker.md)             |
| `WDatetimePickerPro`  | `w-datetime-picker-pro`   | Pro 日期时间选择器                  | date-time    | [by-name/datetime-picker-pro.md](components/by-name/datetime-picker-pro.md)     |
| `WDescriptions`       | `w-descriptions`          | Descriptions 描述列表               | data-display | [by-name/descriptions.md](components/by-name/descriptions.md)                   |
| `WDescriptionsItem`   | `w-descriptions-item`     | WDescriptionsItem                   | data-display | [by-name/descriptions-item.md](components/by-name/descriptions-item.md)         |
| `WDialog`             | `w-dialog`                | Dialog 弹出框                       | feedback     | [by-name/dialog.md](components/by-name/dialog.md)                               |
| `WDivider`            | `w-divider`               | Divider 分割线                      | other        | [by-name/divider.md](components/by-name/divider.md)                             |
| `WDrawer`             | `w-drawer`                | Drawer 抽屉                         | feedback     | [by-name/drawer.md](components/by-name/drawer.md)                               |
| `WDropdown`           | `w-dropdown`              | Dropdown 下拉菜单                   | navigation   | [by-name/dropdown.md](components/by-name/dropdown.md)                           |
| `WDropdownItem`       | `w-dropdown-item`         | WDropdownItem                       | other        | [by-name/dropdown-item.md](components/by-name/dropdown-item.md)                 |
| `WDropdownMenu`       | `w-dropdown-menu`         | WDropdownMenu                       | other        | [by-name/dropdown-menu.md](components/by-name/dropdown-menu.md)                 |
| `WEmpty`              | `w-empty`                 | Empty 空状态                        | data-display | [by-name/empty.md](components/by-name/empty.md)                                 |
| `WFooter`             | `w-footer`                | WFooter                             | general      | [by-name/footer.md](components/by-name/footer.md)                               |
| `WForm`               | `w-form`                  | Form 表单                           | data-entry   | [by-name/form.md](components/by-name/form.md)                                   |
| `WFormItem`           | `w-form-item`             | WFormItem                           | data-entry   | [by-name/form-item.md](components/by-name/form-item.md)                         |
| `WHeader`             | `w-header`                | WHeader                             | general      | [by-name/header.md](components/by-name/header.md)                               |
| `WIcon`               | `w-icon`                  | Icon 图标                           | general      | [by-name/icon.md](components/by-name/icon.md)                                   |
| `WIconi`              | `w-iconi`                 | Iconi 行业标识                      | general      | [by-name/iconi.md](components/by-name/iconi.md)                                 |
| `WImage`              | `w-image`                 | Image 图片                          | data-display | [by-name/image.md](components/by-name/image.md)                                 |
| `WImageViewer`        | `w-image-viewer`          | WImageViewer                        | data-display | [by-name/image-viewer.md](components/by-name/image-viewer.md)                   |
| `WInfiniteScroll`     | `w-infinite-scroll`       | Infinite Scroll 无限滚动            | other        | [by-name/infinite-scroll.md](components/by-name/infinite-scroll.md)             |
| `WInput`              | `w-input`                 | Input 输入框                        | data-entry   | [by-name/input.md](components/by-name/input.md)                                 |
| `WInputNumber`        | `w-input-number`          | Input Number 数字输入框             | data-entry   | [by-name/input-number.md](components/by-name/input-number.md)                   |
| `WInputTag`           | `w-input-tag`             | InputTag 标签输入框                 | data-entry   | [by-name/input-tag.md](components/by-name/input-tag.md)                         |
| `WLayout`             | `w-layout`                | Layout 布局                         | general      | [by-name/layout.md](components/by-name/layout.md)                               |
| `WLink`               | `w-link`                  | Link 链接                           | general      | [by-name/link.md](components/by-name/link.md)                                   |
| `WList`               | `w-list`                  | List 列表                           | data-display | [by-name/list.md](components/by-name/list.md)                                   |
| `WListItem`           | `w-list-item`             | WListItem                           | data-display | [by-name/list-item.md](components/by-name/list-item.md)                         |
| `WListItemMeta`       | `w-list-item-meta`        | WListItemMeta                       | data-display | [by-name/list-item-meta.md](components/by-name/list-item-meta.md)               |
| `WLoading`            | `w-loading`               | Loading 加载                        | feedback     | [by-name/loading.md](components/by-name/loading.md)                             |
| `WMain`               | `w-main`                  | WMain                               | general      | [by-name/main.md](components/by-name/main.md)                                   |
| `WMention`            | `w-mention`               | Mention 提及                        | data-entry   | [by-name/mention.md](components/by-name/mention.md)                             |
| `WMenu`               | `w-menu`                  | Menu 菜单                           | navigation   | [by-name/menu.md](components/by-name/menu.md)                                   |
| `WMenuItem`           | `w-menu-item`             | WMenuItem                           | navigation   | [by-name/menu-item.md](components/by-name/menu-item.md)                         |
| `WMenuItemGroup`      | `w-menu-item-group`       | WMenuItemGroup                      | navigation   | [by-name/menu-item-group.md](components/by-name/menu-item-group.md)             |
| `WMessage`            | `w-message`               | Message 消息提示                    | feedback     | [by-name/message.md](components/by-name/message.md)                             |
| `WMessageBox`         | `w-message-box`           | MessageBox 二次确认框               | feedback     | [by-name/message-box.md](components/by-name/message-box.md)                     |
| `WModal`              | `w-modal`                 | Modal 弹出框                        | feedback     | [by-name/modal.md](components/by-name/modal.md)                                 |
| `WNotification`       | `w-notification`          | Notification 通知                   | feedback     | [by-name/notification.md](components/by-name/notification.md)                   |
| `WOption`             | `w-option`                | WOption                             | other        | [by-name/option.md](components/by-name/option.md)                               |
| `WOptionGroup`        | `w-option-group`          | WOptionGroup                        | other        | [by-name/option-group.md](components/by-name/option-group.md)                   |
| `WPageHeader`         | `w-page-header`           | Page Header 页头                    | navigation   | [by-name/page-header.md](components/by-name/page-header.md)                     |
| `WPagination`         | `w-pagination`            | Pagination 分页                     | navigation   | [by-name/pagination.md](components/by-name/pagination.md)                       |
| `WPopconfirm`         | `w-popconfirm`            | Popconfirm 二次确认框               | feedback     | [by-name/popconfirm.md](components/by-name/popconfirm.md)                       |
| `WPopover`            | `w-popover`               | Popover 悬浮框                      | feedback     | [by-name/popover.md](components/by-name/popover.md)                             |
| `WProgress`           | `w-progress`              | Progress 进度条                     | data-display | [by-name/progress.md](components/by-name/progress.md)                           |
| `WRadio`              | `w-radio`                 | Radio 单选框                        | data-entry   | [by-name/radio.md](components/by-name/radio.md)                                 |
| `WRadioButton`        | `w-radio-button`          | WRadioButton                        | data-entry   | [by-name/radio-button.md](components/by-name/radio-button.md)                   |
| `WRadioGroup`         | `w-radio-group`           | WRadioGroup                         | data-entry   | [by-name/radio-group.md](components/by-name/radio-group.md)                     |
| `WRate`               | `w-rate`                  | Rate 评分                           | data-entry   | [by-name/rate.md](components/by-name/rate.md)                                   |
| `WResult`             | `w-result`                | Result 结果                         | data-display | [by-name/result.md](components/by-name/result.md)                               |
| `WRow`                | `w-row`                   | WRow                                | general      | [by-name/row.md](components/by-name/row.md)                                     |
| `WScrollbar`          | `w-scrollbar`             | Scrollbar 滚动条                    | other        | [by-name/scrollbar.md](components/by-name/scrollbar.md)                         |
| `WSegmented`          | `w-segmented`             | Segmented 分段控制器                | data-entry   | [by-name/segmented.md](components/by-name/segmented.md)                         |
| `WSelect`             | `w-select`                | Select 选择器                       | data-entry   | [by-name/select.md](components/by-name/select.md)                               |
| `WSelectV2`           | `w-select-v2`             | Virtualized Select 虚拟化选择器     | data-entry   | [by-name/select-v2.md](components/by-name/select-v2.md)                         |
| `WSkeleton`           | `w-skeleton`              | Skeleton 骨架屏                     | data-display | [by-name/skeleton.md](components/by-name/skeleton.md)                           |
| `WSkeletonItem`       | `w-skeleton-item`         | WSkeletonItem                       | data-display | [by-name/skeleton-item.md](components/by-name/skeleton-item.md)                 |
| `WSlider`             | `w-slider`                | Slider 滑块                         | data-entry   | [by-name/slider.md](components/by-name/slider.md)                               |
| `WSpace`              | `w-space`                 | Space 间距                          | general      | [by-name/space.md](components/by-name/space.md)                                 |
| `WSplitter`           | `w-splitter`              | Splitter 分隔面板                   | other        | [by-name/splitter.md](components/by-name/splitter.md)                           |
| `WSplitterPanel`      | `w-splitter-panel`        | WSplitterPanel                      | other        | [by-name/splitter-panel.md](components/by-name/splitter-panel.md)               |
| `WStatistic`          | `w-statistic`             | Statistic 统计组件                  | data-display | [by-name/statistic.md](components/by-name/statistic.md)                         |
| `WStatus`             | `w-status`                | Status 状态                         | data-display | [by-name/status.md](components/by-name/status.md)                               |
| `WStep`               | `w-step`                  | WStep                               | other        | [by-name/step.md](components/by-name/step.md)                                   |
| `WSteps`              | `w-steps`                 | Steps 步骤条                        | navigation   | [by-name/steps.md](components/by-name/steps.md)                                 |
| `WSubMenu`            | `w-sub-menu`              | WSubMenu                            | navigation   | [by-name/sub-menu.md](components/by-name/sub-menu.md)                           |
| `WSwitch`             | `w-switch`                | Switch 开关                         | data-entry   | [by-name/switch.md](components/by-name/switch.md)                               |
| `WTabPane`            | `w-tab-pane`              | WTabPane                            | navigation   | [by-name/tab-pane.md](components/by-name/tab-pane.md)                           |
| `WTable`              | `w-table`                 | Table 表格                          | data-display | [by-name/table.md](components/by-name/table.md)                                 |
| `WTableColumn`        | `w-table-column`          | WTableColumn                        | data-display | [by-name/table-column.md](components/by-name/table-column.md)                   |
| `WTableSelect`        | `w-table-select`          | Table-select 下拉表格               | data-entry   | [by-name/table-select.md](components/by-name/table-select.md)                   |
| `WTableV2`            | `w-table-v2`              | Virtualized Table 虚拟化表格        | data-display | [by-name/table-v2.md](components/by-name/table-v2.md)                           |
| `WTabs`               | `w-tabs`                  | Tabs 标签页                         | navigation   | [by-name/tabs.md](components/by-name/tabs.md)                                   |
| `WTag`                | `w-tag`                   | Tag 标签                            | general      | [by-name/tag.md](components/by-name/tag.md)                                     |
| `WText`               | `w-text`                  | Text                                | general      | [by-name/text.md](components/by-name/text.md)                                   |
| `WTimePicker`         | `w-time-picker`           | 时间选择器                          | date-time    | [by-name/time-picker.md](components/by-name/time-picker.md)                     |
| `WTimePickerPro`      | `w-time-picker-pro`       | Pro 时间选择器                      | date-time    | [by-name/time-picker-pro.md](components/by-name/time-picker-pro.md)             |
| `WTimeSelect`         | `w-time-select`           | TimeSelect 时间选择                 | date-time    | [by-name/time-select.md](components/by-name/time-select.md)                     |
| `WTimeline`           | `w-timeline`              | Timeline 时间线                     | data-display | [by-name/timeline.md](components/by-name/timeline.md)                           |
| `WTimelineItem`       | `w-timeline-item`         | WTimelineItem                       | data-display | [by-name/timeline-item.md](components/by-name/timeline-item.md)                 |
| `WTitle`              | `w-title`                 | Title 标题                          | general      | [by-name/title.md](components/by-name/title.md)                                 |
| `WTooltip`            | `w-tooltip`               | Tooltip 文字提示                    | feedback     | [by-name/tooltip.md](components/by-name/tooltip.md)                             |
| `WTour`               | `w-tour`                  | Tour 漫游式引导                     | data-display | [by-name/tour.md](components/by-name/tour.md)                                   |
| `WTransfer`           | `w-transfer`              | Transfer 穿梭框                     | data-entry   | [by-name/transfer.md](components/by-name/transfer.md)                           |
| `WTransferPanel`      | `w-transfer-panel`        | WTransferPanel                      | other        | [by-name/transfer-panel.md](components/by-name/transfer-panel.md)               |
| `WTree`               | `w-tree`                  | Tree 树形控件                       | data-display | [by-name/tree.md](components/by-name/tree.md)                                   |
| `WTreeSelect`         | `w-tree-select`           | TreeSelect 树形选择                 | data-entry   | [by-name/tree-select.md](components/by-name/tree-select.md)                     |
| `WTreeV2`             | `w-tree-v2`               | Tree V2 虚拟化树形控件              | data-display | [by-name/tree-v2.md](components/by-name/tree-v2.md)                             |
| `WUpload`             | `w-upload`                | Upload 上传                         | data-entry   | [by-name/upload.md](components/by-name/upload.md)                               |
| `WWatermark`          | `w-watermark`             | Watermark 水印                      | other        | [by-name/watermark.md](components/by-name/watermark.md)                         |
