backend-management-ui 1.7.12 → 1.7.13
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 +2 -2
- package/index.common.js +26 -33
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
- 极简配置化开发:表格 / 表单 / 按钮组等组件通过 JSON 配置快速生成,无需重复写模板
|
|
11
11
|
- 高频业务场景全覆盖:内置配置化表格、表单、按钮组、虚拟滚动下拉框等核心组件
|
|
12
12
|
- 轻量无冗余:仅依赖 Vue2 + ElementUI + vue-virtual-scroll-list,无第三方冗余依赖,兼容低版本Node环境
|
|
13
|
-
- 基于 ElSelect + vue-virtual-scroll-list
|
|
13
|
+
- 基于 ElSelect + vue-virtual-scroll-list 实现海量数据下拉选择,解决大量数据渲染卡顿问题
|
|
14
14
|
|
|
15
15
|
## 安装
|
|
16
16
|
|
|
@@ -42,7 +42,7 @@ import 'element-ui/lib/theme-chalk/index.css'
|
|
|
42
42
|
import BackendManagementUI from 'backend-management-ui'
|
|
43
43
|
|
|
44
44
|
Vue.use(ElementUI)
|
|
45
|
-
Vue.use(BackendManagementUI) //
|
|
45
|
+
Vue.use(BackendManagementUI) // 全局注册所有组件,放在elementUI后面
|
|
46
46
|
```
|
|
47
47
|
|
|
48
48
|
按需引入
|
package/index.common.js
CHANGED
|
@@ -84,15 +84,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { var _context0; if ("string
|
|
|
84
84
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
85
85
|
function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
86
86
|
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context8, _context9; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context8 = ownKeys$2(Object(t), !0)).call(_context8, function (r) { _defineProperty__default["default"](e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context9 = ownKeys$2(Object(t))).call(_context9, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
87
|
-
/**
|
|
88
|
-
* @desc 表单组件
|
|
89
|
-
* @params formRef ref
|
|
90
|
-
* @params model modelForm
|
|
91
|
-
* @params formConfig
|
|
92
|
-
* @params formConfig
|
|
93
|
-
* @params formConfig
|
|
94
|
-
* @params formConfig
|
|
95
|
-
*/
|
|
96
87
|
var componentMap = {
|
|
97
88
|
input: "el-input",
|
|
98
89
|
select: "el-select",
|
|
@@ -186,7 +177,8 @@ var script$6 = {
|
|
|
186
177
|
options: item.options || [],
|
|
187
178
|
fields: item.fields || {
|
|
188
179
|
label: 'label',
|
|
189
|
-
value: 'value'
|
|
180
|
+
value: 'value',
|
|
181
|
+
rightLabel: ''
|
|
190
182
|
}
|
|
191
183
|
});
|
|
192
184
|
}
|
|
@@ -510,10 +502,6 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
|
|
|
510
502
|
//
|
|
511
503
|
//
|
|
512
504
|
|
|
513
|
-
/**
|
|
514
|
-
* @desc 基础表格: 多选列、序号和操作列分开配置,也可以在tableColumns配置,这时需要插槽
|
|
515
|
-
* @params
|
|
516
|
-
*/
|
|
517
505
|
var renderNode = {
|
|
518
506
|
functional: true,
|
|
519
507
|
props: {
|
|
@@ -875,14 +863,14 @@ var __vue_staticRenderFns__$5 = [];
|
|
|
875
863
|
/* style */
|
|
876
864
|
var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
|
|
877
865
|
if (!inject) return;
|
|
878
|
-
inject("data-v-
|
|
879
|
-
source: ".bm-table-container[data-v-
|
|
866
|
+
inject("data-v-516b74f6_0", {
|
|
867
|
+
source: ".bm-table-container[data-v-516b74f6]{box-sizing:border-box}.bm-table-container .bm-pagination[data-v-516b74f6]{display:flex;justify-content:flex-end;margin-top:20px}.bm-table-container .bm-table-cell[data-v-516b74f6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-table-container .bm-cell-active[data-v-516b74f6]{color:#1890ff;cursor:pointer}.bm-table-container[data-v-516b74f6] :deep(.el-tablethead){color:#606266}",
|
|
880
868
|
map: undefined,
|
|
881
869
|
media: undefined
|
|
882
870
|
});
|
|
883
871
|
};
|
|
884
872
|
/* scoped */
|
|
885
|
-
var __vue_scope_id__$5 = "data-v-
|
|
873
|
+
var __vue_scope_id__$5 = "data-v-516b74f6";
|
|
886
874
|
/* module identifier */
|
|
887
875
|
var __vue_module_identifier__$5 = undefined;
|
|
888
876
|
/* functional template */
|
|
@@ -1380,7 +1368,7 @@ var __vue_component__$1 = /*#__PURE__*/normalizeComponent({
|
|
|
1380
1368
|
function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1381
1369
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context4 = ownKeys(Object(t), !0)).call(_context4, function (r) { _defineProperty__default["default"](e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
|
|
1382
1370
|
var isEmptyObject = function isEmptyObject(obj) {
|
|
1383
|
-
if (!obj || _typeof__default["default"](obj) !== 'object' || _Array$isArray__default["default"](obj)) return
|
|
1371
|
+
if (!obj || _typeof__default["default"](obj) !== 'object' || _Array$isArray__default["default"](obj)) return true;
|
|
1384
1372
|
return _Object$keys__default["default"](obj).length === 0;
|
|
1385
1373
|
};
|
|
1386
1374
|
var script = {
|
|
@@ -1445,19 +1433,24 @@ var script = {
|
|
|
1445
1433
|
},
|
|
1446
1434
|
computed: {
|
|
1447
1435
|
computedExtraProps: function computedExtraProps() {
|
|
1448
|
-
|
|
1449
|
-
if (emptyObject) {
|
|
1436
|
+
if (isEmptyObject(this.extraProps)) {
|
|
1450
1437
|
return this.fields;
|
|
1451
|
-
} else {
|
|
1452
|
-
var _this$extraProps = this.extraProps,
|
|
1453
|
-
label = _this$extraProps.label,
|
|
1454
|
-
value = _this$extraProps.value,
|
|
1455
|
-
rightLabel = _this$extraProps.rightLabel;
|
|
1456
|
-
if (!label || !value || !rightLabel) {
|
|
1457
|
-
return this.fields;
|
|
1458
|
-
}
|
|
1459
|
-
return _objectSpread(_objectSpread({}, this.fields), this.extraProps);
|
|
1460
1438
|
}
|
|
1439
|
+
var _this$extraProps = this.extraProps,
|
|
1440
|
+
_this$extraProps$labe = _this$extraProps.label,
|
|
1441
|
+
label = _this$extraProps$labe === void 0 ? this.fields.label : _this$extraProps$labe,
|
|
1442
|
+
_this$extraProps$valu = _this$extraProps.value,
|
|
1443
|
+
value = _this$extraProps$valu === void 0 ? this.fields.value : _this$extraProps$valu,
|
|
1444
|
+
_this$extraProps$righ = _this$extraProps.rightLabel,
|
|
1445
|
+
rightLabel = _this$extraProps$righ === void 0 ? this.fields.rightLabel : _this$extraProps$righ;
|
|
1446
|
+
if (label && value) {
|
|
1447
|
+
return _objectSpread(_objectSpread({}, this.fields), {}, {
|
|
1448
|
+
label: label,
|
|
1449
|
+
value: value,
|
|
1450
|
+
rightLabel: rightLabel
|
|
1451
|
+
});
|
|
1452
|
+
}
|
|
1453
|
+
return this.fields;
|
|
1461
1454
|
}
|
|
1462
1455
|
},
|
|
1463
1456
|
watch: {
|
|
@@ -1627,7 +1620,7 @@ var __vue_render__ = function __vue_render__() {
|
|
|
1627
1620
|
"data-sources": _vm.filteredData,
|
|
1628
1621
|
"data-component": _vm.itemComponent,
|
|
1629
1622
|
"keeps": _vm.keeps,
|
|
1630
|
-
"extra-props": _vm.computedExtraProps,
|
|
1623
|
+
"extra-props": _vm.computedExtraProps || {},
|
|
1631
1624
|
"estimate-size": _vm.estimateSize
|
|
1632
1625
|
},
|
|
1633
1626
|
on: {
|
|
@@ -1640,14 +1633,14 @@ var __vue_staticRenderFns__ = [];
|
|
|
1640
1633
|
/* style */
|
|
1641
1634
|
var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
|
|
1642
1635
|
if (!inject) return;
|
|
1643
|
-
inject("data-v-
|
|
1644
|
-
source: ".select-wrap[data-v-
|
|
1636
|
+
inject("data-v-09366db6_0", {
|
|
1637
|
+
source: ".select-wrap[data-v-09366db6]{position:relative}.select-wrap .bm-select[data-v-09366db6]{width:100%}.virtual-select-popper[data-v-09366db6]{padding:0!important;border:1px solid #e4e7ed!important;border-radius:4px!important}.virtual-list[data-v-09366db6]{max-height:245px;overflow-y:auto;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#e4e7ed #f5f7fa}.virtual-list[data-v-09366db6]::-webkit-scrollbar{width:6px!important;display:block!important}.virtual-list[data-v-09366db6]::-webkit-scrollbar-thumb{background-color:#e4e7ed;border-radius:3px}.virtual-list[data-v-09366db6]::-webkit-scrollbar-track{background-color:#f5f7fa}[data-v-09366db6]:deep(.el-scrollbar__bar.is-vertical){display:none!important}",
|
|
1645
1638
|
map: undefined,
|
|
1646
1639
|
media: undefined
|
|
1647
1640
|
});
|
|
1648
1641
|
};
|
|
1649
1642
|
/* scoped */
|
|
1650
|
-
var __vue_scope_id__ = "data-v-
|
|
1643
|
+
var __vue_scope_id__ = "data-v-09366db6";
|
|
1651
1644
|
/* module identifier */
|
|
1652
1645
|
var __vue_module_identifier__ = undefined;
|
|
1653
1646
|
/* functional template */
|