Skip to content

luozhiqiang-code/easons-ui

Repository files navigation

eason-ui 组件库

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,可以下载使用(已完成)

About

参考antd设计的UI组件库

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published