haotai-ui
v0.0.29
Published
Page level components developed based on Element Plus.
Downloads
1,833
Maintainers
Readme
haotai-ui
页面级别的前端组件
文档
简介
haotai-ui 是一个基于 Vue 和 element-plus 的页面级别的组件库,它具有以下优点:
功能强大:haotai-ui 的组件不仅提供了基本的 UI 展示功能,还具备了复杂的数据操作和业务逻辑处理能力,能够快速构建出功能强大的企业应用。
易于使用:haotai-ui 提供了简单易用的 API 和完善的文档,使得开发者能够快速上手并使用其中的组件。
高度可定制:haotai-ui 的组件支持多种配置和样式自定义,能够满足不同项目的需求。
兼容 element-plus:haotai-ui 100%兼容和 element-plus 同名的组件,包括属性,事件,方法,插槽等。
丰富的组件库:haotai-ui 基于 element-plus 提供了大量的 UI 组件,包括表格、表单、布局等,能够满足大多数企业应用的需求。
使用 TypeScript:haotai-ui 全量使用 TypeScript 编写,和你的 TypeScript 项目无缝衔接。
国际化: haotai-ui 提供完备的国际化,与 element-plus 体系打通,无需多余配置。
预设: haotai-ui 预设基本的样式,与 element-plus 样式一脉相承。 haotai-ui 预设基本的行为,更少的代码具备更多的功能。
高级组件列表
- [x] Table 表格 -- 完成
- [x] Search 搜索 -- 完成
- [x] Page 页面 -- 完成
- [x] Form 表单 -- 完成
- [x] DialogForm 弹窗表单 -- 完成
- [x] DrawerForm 抽屉表单 -- 完成
- [x] Descriptions 详情 -- 完成
- [x] Layout 布局 -- 完成
内置组件列表
- [x] Dialog 弹窗 -- 完成
- [x] Pagination 分页 -- 完成
- [x] Radio 单选 -- 完成
- [x] DatePicker 日期 -- 完成
- [x] InputTag 输入标签 -- 完成
- [x] DisplayItem 单项显示 -- 完成
- [x] FormItem 表单单项 -- 完成
- [x] Sidebar 侧边菜单 -- 完成
- [x] Breadcrumb 面包屑 -- 完成
- [x] Header 页头 -- 完成
缺点
plus-pro-components 是一个基于 Vue 和 element-plus 的组件库,它提供了很多常用的 UI 组件和业务组件,可以方便地帮助开发者快速搭建前端页面。虽然 plus-pro-components 具有很多优点,但是也有以下一些缺点:
学习成本较高:plus-pro-components 的组件库比较复杂,学习所有组件可能需要花费较长时间。因此,对于新手开发者来说,学习成本可能会比较高。
高度可定制有限:plus-pro-components 的组件支持高度可定制,但是任然不可能保证组件 100%完全自定义,定制需求非常高的项目谨慎使用。
🖥 浏览器兼容性
- 现代浏览器
| | | | | | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | | Edge | last 2 versions | last 2 versions | last 2 versions |