backend-management-ui 1.1.1 → 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/backend-management-ui.common.js +2 -2
- package/backend-management-ui.common.js.map +1 -1
- package/backend-management-ui.umd.js +2 -2
- package/backend-management-ui.umd.js.map +1 -1
- package/backend-management-ui.umd.min.js +1 -1
- package/backend-management-ui.umd.min.js.map +1 -1
- 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
|
+
|
|
@@ -4386,7 +4386,7 @@ if (typeof window !== 'undefined') {
|
|
|
4386
4386
|
// Indicate to webpack that this file can be concatenated
|
|
4387
4387
|
/* harmony default export */ var setPublicPath = (null);
|
|
4388
4388
|
|
|
4389
|
-
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/elementConfig/ui-form/index.vue?vue&type=template&id=
|
|
4389
|
+
;// ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/elementConfig/ui-form/index.vue?vue&type=template&id=00f21375
|
|
4390
4390
|
var render = function render() {
|
|
4391
4391
|
var _vm = this,
|
|
4392
4392
|
_c = _vm._self._c;
|
|
@@ -4594,7 +4594,7 @@ const componentMap = {
|
|
|
4594
4594
|
},
|
|
4595
4595
|
resetForm() {
|
|
4596
4596
|
this.$refs[this.formRef].resetFields();
|
|
4597
|
-
this.$emit("
|
|
4597
|
+
this.$emit("reset");
|
|
4598
4598
|
},
|
|
4599
4599
|
getOptions() {
|
|
4600
4600
|
const propOptionsMap = {};
|