# haotai-ui

**页面级别的前端组件**

## 文档

[文档](https://plus-pro-components.github.io/)| [国内镜像文档](https://plus-pro-components.com)

## 简介

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](https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![Edge](https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![chrome](https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png)](http://godban.github.io/browsers-support-badges/) | [![safari](https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png)](http://godban.github.io/browsers-support-badges/) |
| ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Edge                                                                                                                                              | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                         | last 2 versions                                                                                                                                         |