记录 V1 组件开发的工作安排 ## Requirement - Typescript - React 16+、React Hooks、Embrace React 17 - React.StrictMode `optional` - Unit Test - Storybook `optional` - Document、Examples ## GuideLine - [x] Color 颜色 - [x] Font 字体 - [x] Icon 图标 - [x] Grid 栅格 - [ ] Layout 布局 - [ ] Motion 动效 - [ ] Border 边框 - [ ] Shadow 阴影 ## UI Components - [x] Badge 徽标数 - [x] Button 按钮 - [x] Loader 加载器 - [x] UsageBar 使用量 - [x] Pagination 分页 - [x] Breadcrumb 面包屑 - [x] SubMenu 级连菜单 - [x] DropdownButton 下拉框 - [x] Modal 对话框 - [x] Tooltip 文字提示 - [x] Tabs 选项卡 - [x] Steps 步骤条 - [x] TimePicker 时间选择框 - [x] Tree 树级组件 - [x] Navigation 导航栏 - [x] DatePicker 日期选择器 - [x] Notification 通知提醒框 - [ ] Table 表格 - [ ] Guide 流程指导 - [x] Panel 面板 ### Form 表单 - [x] Switch 开关 - [ ] Checkbox 复选框 - [ ] Input 输入框 - [ ] Radio 单选框 - [ ] Select 下拉框 ## Hooks - [x] [useWindowWidth](https://github.com/xsky-fe/wizard-ui/blob/master/docs/src/utils/hooks/get-window-width.js) 获取浏览器窗口宽度 ## Utils - [x] 字节单位转换 - [x] 数值单位转换 - [x] UUID 生成 ## Need Discuss - [ ] 图表解决方案 Highchart ?
记录 V1 组件开发的工作安排
Requirement
optionaloptionalGuideLine
UI Components
Badge 徽标数
Button 按钮
Loader 加载器
UsageBar 使用量
Pagination 分页
Breadcrumb 面包屑
SubMenu 级连菜单
DropdownButton 下拉框
Modal 对话框
Tooltip 文字提示
Tabs 选项卡
Steps 步骤条
TimePicker 时间选择框
Tree 树级组件
Navigation 导航栏
DatePicker 日期选择器
Notification 通知提醒框
Table 表格
Guide 流程指导
Panel 面板
Form 表单
Hooks
Utils
Need Discuss