组件分类优化方案

[kagol]

我们计划对左侧组件菜单分类进行优化，想征集下大家的意见，欢迎在评论区反馈。

反馈的格式如下：我认为xx组件不应该在xx分类下，而应该在xx分类下，理由是：1. xxx 2. xxx ...

比如：

我认为Pager组件不应该在数据展示分类下，而应该在导航分类下，理由是：

1. Pager本身不承载数据，而是和表格、卡片列表等数据配合适配，实现将部分数据隐藏，点击上一页、下一页、具体页码的方式实现数据按需显示，所以应该是导航组件，而不是数据展示数据
2. 业界组件库比如antd、naive-ui、vuetify等，都将其归类为导航组件

优化的目的：让组件分类更合理，更符合用户预期，让用户更容易找到。
分类的原则：主要按照组件的功能和用途进行分类，参考流程的业界组件库 ElementUI 和 AntDesign。

---

主要优化点：

1. 分类名称中的组件两个后缀移除，比如：导航组件改成导航
2. 移除业界没有的容器组件分类，框架风格改成基础、提示组件改成反馈，表格组件从单独的分类移到数据展示分类中
3. 每个分类里的组件按照字典顺序排序
4. 基础分类中，增加Button、ButtonGroup、Link、Divider这4个组件
5. 导航分类中，移除Guide(数据)、Floatbar(其他)、Milestone(数据)、Timeline(数据)、Wizard(数据)、FlowChart(数据)，数量从 17->11
6. 容器分类中，移除：Carousel 走马灯（数据）、Collapse 折叠面板（数据）、DialogBox 对话框（反馈）、DialogSelect 弹窗选择（其他）、Drawer 抽屉（反馈）、FilterPanel 过滤器面板（其他）、Split 面板分割（其他）、Card 卡片（数据）
7. 表单分类中，移除Button(基础)、ButtonGroup(基础)、Link(基础)，增加Transfer、Rate
8. 数据展示分类中，移除Progress(反馈)、Transfer(表单)、Skeleton(反馈)，增加Badge 标记、 Calendar 日历、CalendarView 日历视图、Card 卡片、Carousel 走马灯、 Collapse 折叠面板、 FlowChart 流程图、 Grid 表格、Guide 引导、 Image 图片预览、 Milestone 里程碑、MindMap 思维导图、QrCode 二维码、 Tag 标签、TagGroup 标签组、Timeline 时间线、Wizard 流程图，数量从 7->21
9. 反馈分类中，移除Badge(数据)，增加DialogBox、Drawer、Progress、Skeleton，数量从 8->11
10. 其他分类中，移除Calendar(数据)、CalendarView(数据)、Image(数据)、Rate(表单)、Tag(数据)、TagGroup(数据)、Divider(基础)、QrCode(数据)、MindMap(数据)，增加DialogSelect、FilterPanel、Floatbar 、 Split，数量从 18->13
11. Container 版型改成Container 容器布局、Layout 布局改成Layout 栅格布局

优化后

分类（113个）：

1. 基础（9个）：
   1. Button 按钮
   2. ButtonGroup 按钮组
   3. Color 色彩
   4. Container 容器布局
   5. Font 字体
   6. Icon 图标
   7. Layout 栅格布局
   8. Link 链接
   9. Divider 分割线
2. 导航（12个）：
   1. ActionMenu 动作菜单
   2. Anchor 锚点
   3. Breadcrumb 面包屑
   4. Dropdown 下拉菜单
   5. FallMenu 瀑布菜单
   6. LinkMenu 收藏夹菜单
   7. NavMenu 导航菜单
   8. Pager 分页
   9. Steps 步骤条
   10. Tabs 标签页
   11. ToggleMenu 收缩菜单
   12. TreeMenu 树型菜单
3. 表单（25个）：
   1. AutoComplete 自动完成
   2. Cascader 级联选择器
   3. CascaderPanel 级联面板
   4. Checkbox 多选框
   5. ColorPicker 颜色选择器
   6. ColorSelectPanel 颜色选择面板
   7. DatePicker 日期选择器
   8. DropTimes 下拉时间
   9. FileUpload 文件上传
   10. Form 表单
   11. Input 输入框
   12. IpAddress IP地址输入框
   13. Numeric 数字输入框
   14. PopEditor 弹出编辑
   15. PopUpload 弹出上传
   16. Radio 单选框
   17. Rate 评分
   18. RichTextEditor 富文本编辑器
   19. Search 搜索框
   20. Select 选择器
   21. Slider 滑块
   22. Switch 开关
   23. TimePicker 时间选择器
   24. TimeSelect 时间选择
   25. Transfer 穿梭框
4. 数据展示（21个）：
   1. Badge 标记
   2. Calendar 日历
   3. CalendarView 日历视图
   4. Card 卡片
   5. Carousel 走马灯
   6. Collapse 折叠面板
   7. FlowChart 流程图
   8. Grid 表格
   9. Guide 引导
   10. Image 图片
   11. InfiniteScroll 无限滚动
   12. Milestone 里程碑
   13. MindMap 思维导图
   14. QrCode 二维码
   15. Statistic 统计数值
   16. Tag 标签
   17. TagGroup 标签组
   18. Timeline 时间线
   19. Tree 树形控件
   20. UserHead 用户头像
   21. Wizard 流程图
5. 反馈（11个）：
   1. Alert 警告
   2. DialogBox 对话框
   3. Drawer 抽屉
   4. Loading 加载
   5. Modal 模态框
   6. Notify 通知(Notification)
   7. PopConfirm 气泡确认框
   8. Popover 气泡卡片
   9. Progress 进度条
   10. Skeleton 骨架屏
   11. Tooltip 文字提示
6. 图表（23个）
7. 其他（13个）：
   1. BulletinBoard 公告牌
   2. ConfigProvider 全局配置
   3. Crop 图片裁剪
   4. DialogSelect 弹窗选择
   5. FilterPanel 过滤器面板
   6. Floatbar 浮动块
   7. Fullscreen 全屏
   8. ScrollText 文字滚动
   9. Split 面板分割
   10. TextPopup 输入框
   11. UserContact 联系人
   12. Watermark 水印

优化前

分类（113个）：

1. 框架风格（5个）：Color 色彩、Container 版型、Font 字体、Icon 图标、Layout 布局
2. 导航组件（17）：Anchor 锚点、Guide 引导、Breadcrumb 面包屑、FallMenu 瀑布菜单、Floatbar 浮动块、ToggleMenu 收缩菜单、LinkMenu 收藏夹菜单、Milestone 里程碑、NavMenu 导航菜单、Steps 步骤条、Tabs 页签、TimeLine 时间线、TreeMenu 树型菜单、Wizard 流程图、Dropdown 下拉菜单、ActionMenu 菜单按钮、Flowchart 流程图
3. 容器组件（8个）：Carousel 走马灯、Collapse 折叠面板、DialogBox 对话框、DialogSelect 弹窗选择、Drawer 抽屉、FilterPanel 过滤器面板、Split 面板分割、Card 卡片
4. 表单组件（26个）：Autocomplete 自动完成、Button 按钮、ButtonGroup 按钮组、Cascader 级联选择器、CascaderPanel 级联面板、Checkbox 复选框、DatePicker 日期选择器、dropTimes 下拉时间、FileUpload 文件上传、Form 表单、Input 输入框、IpAddress IP地址输入框、Link 文字链接、Numeric 计数器、PopEditor 弹出编辑、PopUpload 弹出框上传、Radio 单选框、Rich Text Editor 富文本编辑器、Search 搜索、Search 搜索、Slider 滑块、Switch 开关、TimePicker 时间选择器、TimeSelect 时间选择器、ColorPicker 色彩选择器、ColorSelectPanel 色彩选择面板
5. 表格组件（1个）：Grid 表格
6. 图表组件（23个）：xxx
7. 数据组件（7个）：Pager 分页、Progress 进度条、Tree 树形控件、Transfer 穿梭框、Infinite Scroll 无限滚动、Skeleton 骨架屏、Statistic 统计组件
8. 提示组件（8个）：Alert 警告、Badge 标记、Loading 加载、ToolTip 文字提示、Popover 弹出框、Popconfirm 气泡确认框组件、Modal 模态框、Notify 通知
9. 其他组件（18个）：BulletinBoard 公告牌、Calendar 日历、CalendarView 日历视图、Crop 图片裁剪、Image 图片预览、Rate 评分、ScrollText 文字滚动、Tag 标签、TagGroup 标签组、TextPopup 输入框、UserContact 联系人、UserHead 用户头像、Fullscreen 全屏显示、ConfigProvider 全局设置、Divider 分割线、QrCode 二维码、Watermark 水印、MindMap 脑图