eason-ui 组件库是参考 antd 组件库设计, 算是笔者的一次组件库设计尝试。
技术栈:React Hooks + Typescript + axios + scss + jest
下载依赖:
npm install
启动Story book
npm run storyBook
也可以在自己的项目中使用下面的命令下载组件库
npm i easons-ui
组件库在线文档:https://vermillion-tiramisu-90ecac.netlify.app/?path=/story/introduction--page
计划完成的组件以及进度:
- Button : 按钮组件 (已完成)
- Alert : 消息提示组件(已完成)
- Menu : 菜单组件,包括MenuItem和SubMenu(已完成)
- Tabs : 选项卡组件,包括TabItem(已完成)
- Icon : 图标组件,计划封装FontAwesome图标完成Icon组件(已完成)
- Modal : 对话框(完成大体内容,需要优化动画)
- Input : 输入框(已完成)
- Select : 选择器(完成基本骨架)
- AutoComplete : 根据输入框的内容自动提示信息(已完成)
- Upload : 上传(完成)
- Carousel : 走马灯(轮播图)组件(基本完成,需要优化ScrollX动画的逻辑)
- Drawer :抽屉组件
- Table : 表格
- Calender : 日历组件
- MarkDown : MarkDown 编辑器
以及添加StoriesBook 完成组件文档化(未完成)
最后计划上传至npm,可以下载使用(已完成)