@huazio/ah-ui 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +45 -0
- package/dist/index.css +27 -0
- package/dist/index.es.js +21238 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +21239 -0
- package/dist/index.umd.js.map +1 -0
- package/package.json +56 -0
package/README.md
ADDED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# Ah UI
|
|
2
|
+
|
|
3
|
+
基于 Element Plus 封装的 Vue3 业务组件库
|
|
4
|
+
|
|
5
|
+
## 特性
|
|
6
|
+
|
|
7
|
+
- Table 组件：支持分页、条件查询、前端导出 / 接口导出
|
|
8
|
+
- Form 组件：配置式表单，支持 12 种表单控件
|
|
9
|
+
- 多种导入方式：全量引入、按需引入、自动导入
|
|
10
|
+
- 完整的 TypeScript 类型支持
|
|
11
|
+
- VitePress 文档站点
|
|
12
|
+
|
|
13
|
+
## 安装
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install @huazio/ah-ui
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## 快速开始
|
|
20
|
+
|
|
21
|
+
```vue
|
|
22
|
+
<template>
|
|
23
|
+
<ah-form :schema="schema" v-model="formData" @submit="handleSubmit" />
|
|
24
|
+
</template>
|
|
25
|
+
|
|
26
|
+
<script setup>
|
|
27
|
+
import { AhForm } from '@huazio/ah-ui'
|
|
28
|
+
|
|
29
|
+
const formData = ref({})
|
|
30
|
+
const schema = [
|
|
31
|
+
{ prop: 'name', label: '姓名', component: 'input' }
|
|
32
|
+
]
|
|
33
|
+
const handleSubmit = (data) => {
|
|
34
|
+
console.log(data)
|
|
35
|
+
}
|
|
36
|
+
</script>
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
## 文档
|
|
40
|
+
|
|
41
|
+
详细文档请访问 [Ah UI 文档](https://jianghua-cpu.github.io/ah-ui/)
|
|
42
|
+
|
|
43
|
+
## License
|
|
44
|
+
|
|
45
|
+
MIT
|
package/dist/index.css
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.ah-table-wrapper .ah-table-search[data-v-a0394000] {
|
|
2
|
+
padding: 16px;
|
|
3
|
+
background: #fff;
|
|
4
|
+
border-radius: 4px;
|
|
5
|
+
margin-bottom: 16px;
|
|
6
|
+
}
|
|
7
|
+
.ah-table-wrapper .ah-table-search .search-form[data-v-a0394000] .el-form-item {
|
|
8
|
+
margin-bottom: 12px;
|
|
9
|
+
}
|
|
10
|
+
.ah-table-wrapper .ah-table-action[data-v-a0394000] {
|
|
11
|
+
display: flex;
|
|
12
|
+
justify-content: space-between;
|
|
13
|
+
align-items: center;
|
|
14
|
+
padding: 12px 0;
|
|
15
|
+
margin-bottom: 12px;
|
|
16
|
+
}
|
|
17
|
+
.ah-table-wrapper .ah-table-action .action-left[data-v-a0394000],
|
|
18
|
+
.ah-table-wrapper .ah-table-action .action-right[data-v-a0394000] {
|
|
19
|
+
display: flex;
|
|
20
|
+
align-items: center;
|
|
21
|
+
gap: 8px;
|
|
22
|
+
}
|
|
23
|
+
.ah-table-wrapper .ah-table-pagination[data-v-a0394000] {
|
|
24
|
+
display: flex;
|
|
25
|
+
justify-content: flex-end;
|
|
26
|
+
padding: 16px 0;
|
|
27
|
+
}
|