es-plus-ui 1.0.1 → 1.0.2
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 +20 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,14 +1,18 @@
|
|
|
1
1
|
# es-plus-ui
|
|
2
2
|
|
|
3
|
-
基于 Vue 3 + Element Plus
|
|
3
|
+
基于 Vue 3 + Element Plus 的企业级中后台 CRUD 组件库 — 配置化驱动表单、表格、弹窗全链路联动
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/es-plus-ui)
|
|
6
|
+
[](https://www.npmjs.com/package/es-plus-ui)
|
|
6
7
|
[](https://www.npmjs.com/package/es-plus-ui)
|
|
8
|
+
[](https://github.com/liujiaao/es-plus)
|
|
9
|
+
|
|
10
|
+
**[在线文档](https://liujiaao.github.io/es-plus/)** · **[Playground](https://liujiaao.github.io/es-plus/#/playground)** · **[GitHub](https://github.com/liujiaao/es-plus)** · **[更新日志](https://github.com/liujiaao/es-plus/releases)**
|
|
7
11
|
|
|
8
12
|
## 核心特性
|
|
9
13
|
|
|
10
14
|
- **配置化开发** — JSON 配置生成复杂表单与表格，替代大量模板代码
|
|
11
|
-
-
|
|
15
|
+
- **表单↔表格↔弹窗联动** — 查询/重置/分页全自动，零事件代码
|
|
12
16
|
- **编程式弹窗** — `useDialog` Hook 命令式调用，支持 JSX 渲染、嵌套弹窗
|
|
13
17
|
- **自适应高度** — `ResizeObserver` 自动重算表格高度，表单展开/收起自动响应
|
|
14
18
|
- **跨页选择** — `rowkey` + `cachePageSelection` 解决分页选择丢失痛点
|
|
@@ -16,6 +20,20 @@
|
|
|
16
20
|
- **TypeScript** — 完整类型定义
|
|
17
21
|
- **13 种表单类型** — Input、Select、datePicker、timePicker、Slider、ColorPicker、Transfer、Cascader、Radio、Checkbox、Switch、Rate、Upload
|
|
18
22
|
|
|
23
|
+
## 为什么选择 es-plus-ui？
|
|
24
|
+
|
|
25
|
+
> 同样的 CRUD 页面，传统写法 ~200 行，es-plus-ui ~20 行
|
|
26
|
+
|
|
27
|
+
| 痛点 | 传统 Element Plus | es-plus-ui |
|
|
28
|
+
|------|-------------------|------------|
|
|
29
|
+
| 表单字段 | 每个字段 5-8 行 `el-form-item` + `v-model` | 一行 `{ prop, label, formtype }` |
|
|
30
|
+
| 查询/重置 | 手动 `@click` + `resetFields()` | `triggerEvent: true` 自动处理 |
|
|
31
|
+
| 分页请求 | 手动绑定 `current-page` + `size-change` 事件 | 分页切换自动请求 |
|
|
32
|
+
| 表单↔表格 | 手动传参、手动刷新 | 自动发现、自动合并参数 |
|
|
33
|
+
| 弹窗管理 | 模板声明 + `visible` 状态 | `useDialog()` 编程式调用 |
|
|
34
|
+
| 选择丢失 | 分页后选中清空 | 跨页选择缓存 + 去重 |
|
|
35
|
+
| 后端适配 | 每个接口手动映射字段 | `configTableOut` 统一映射 |
|
|
36
|
+
|
|
19
37
|
## 安装
|
|
20
38
|
|
|
21
39
|
```bash
|