backend-management-ui 1.1.2 → 1.1.3
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 +54 -0
- package/package.json +7 -2
package/README.md
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
# backend-management-ui
|
|
2
|
+
|
|
3
|
+
一个基于 ElementUI 封装的 Vue2 后台管理组件库，简化后台开发中表格、表单、弹窗、按钮组、虚拟下拉框等高频组件的使用。
|
|
4
|
+
|
|
5
|
+
## 特性
|
|
6
|
+
- 基于ElementUI的二次封装，无缝兼容ElementUI原有功能
|
|
7
|
+
- 简化配置：表格/表单/按钮组通过配置快速生成，无需重复写模板
|
|
8
|
+
- 高频场景覆盖：表格/表单/按钮组/虚拟下拉框等
|
|
9
|
+
- 兼容 Vue2.6.x + ElementUI 2.15.x，无额外依赖。
|
|
10
|
+
|
|
11
|
+
## 安装
|
|
12
|
+
npm 安装
|
|
13
|
+
`npm install backend-management-ui --save`
|
|
14
|
+
|
|
15
|
+
### yarn 安装
|
|
16
|
+
`yarn add backend-management-ui`
|
|
17
|
+
|
|
18
|
+
## 快速上手
|
|
19
|
+
全局引入
|
|
20
|
+
``` markdown
|
|
21
|
+
``` js
|
|
22
|
+
// main.js
|
|
23
|
+
import Vue from 'vue'
|
|
24
|
+
import ElementUI from 'element-ui'
|
|
25
|
+
import 'element-ui/lib/theme-chalk/index.css'
|
|
26
|
+
import BackendManagementUI from 'backend-management-ui'
|
|
27
|
+
|
|
28
|
+
Vue.use(ElementUI)
|
|
29
|
+
Vue.use(BackendManagementUI) // 全局注册所有组件
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
按需引入
|
|
33
|
+
```markdown
|
|
34
|
+
```js
|
|
35
|
+
// main.js
|
|
36
|
+
import Vue from 'vue'
|
|
37
|
+
import { UiTable, UiForm } from 'backend-management-ui'
|
|
38
|
+
// 全局注册单个组件
|
|
39
|
+
Vue.component('UiTable', UiTable)
|
|
40
|
+
|
|
41
|
+
// 组件内
|
|
42
|
+
import { UiTable, UiForm } from 'backend-management-ui'
|
|
43
|
+
export default {
|
|
44
|
+
components: {
|
|
45
|
+
UiTable,
|
|
46
|
+
UiForm
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## 组件示例和文档
|
|
52
|
+
1、ui-form
|
|
53
|
+
|
|
54
|
+
|
package/package.json
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "backend-management-ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"main": "backend-management-ui.common.js",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"test": "echo \"Error: no test specified\" && exit 1"
|
|
7
7
|
},
|
|
8
|
-
"keywords": [
|
|
8
|
+
"keywords": [
|
|
9
|
+
"vue2",
|
|
10
|
+
"element-ui",
|
|
11
|
+
"后台管理",
|
|
12
|
+
"组件库"
|
|
13
|
+
],
|
|
9
14
|
"author": "adolf3",
|
|
10
15
|
"license": "ISC",
|
|
11
16
|
"description": "一个基于ElementUI封装的后台管理仓库，包含表格、表单、弹窗、按钮组、虚拟下拉框等常用组件",
|