backend-management-ui 1.7.12 → 1.7.14

package/README.md

@@ -10,7 +10,7 @@
 - 极简配置化开发：表格 / 表单 / 按钮组等组件通过 JSON 配置快速生成，无需重复写模板
 - 高频业务场景全覆盖：内置配置化表格、表单、按钮组、虚拟滚动下拉框等核心组件
 - 轻量无冗余：仅依赖 Vue2 + ElementUI + vue-virtual-scroll-list，无第三方冗余依赖，兼容低版本Node环境
-- 基于 ElSelect + vue-virtual-scroll-list 实现海量数据下拉选择，解决大数据渲染卡顿问题
+- 基于 ElSelect + vue-virtual-scroll-list 实现海量数据下拉选择，解决大量数据渲染卡顿问题
 
 ## 安装
 
@@ -42,7 +42,7 @@ import 'element-ui/lib/theme-chalk/index.css'
 import BackendManagementUI from 'backend-management-ui'
 
 Vue.use(ElementUI)
-Vue.use(BackendManagementUI) // 全局注册所有组件
+Vue.use(BackendManagementUI) // 全局注册所有组件，放在ElementUI后面
 ```
 
 按需引入
@@ -97,8 +97,8 @@ export default {
                     prop: 'status',
                     component: 'el-select',
                     options: [
-                        {label: '成功', value: 0},
-                        {label: '失败', value: 1}
+                        { label: '成功', value: 0 },
+                        { label: '失败', value: 1 }
                     ]
                 }
             ]
@@ -131,14 +131,8 @@ export default {
                 status: "成功"
             },
             formConfig: [
-                {
-                    label: '订单号',
-                    prop: 'orderNo',
-                },
-                {
-                    label: '状态',
-                    prop: 'status',
-                }
+                { label: '订单号', prop: 'orderNo', },
+                { label: '状态', prop: 'status', }
             ]
         }
     }
@@ -393,19 +387,19 @@ export default {
             total: 0,
             operateBtns: [
                 {
-                label: "详情",
-                type: "text",
-                action: (params) => {
+                    label: "详情",
+                    type: "text",
+                    action: (params) => {
 
-                },
+                    },
                 },
                 {
-                label: "操作记录",
-                type: "text",
-                action: ({ context }) => {
-                    this.currentRow = context;
-                    this.getOperateLogInfo();
-                },
+                    label: "操作记录",
+                    type: "text",
+                    action: ({ context }) => {
+                        this.currentRow = context;
+                        this.getOperateLogInfo();
+                    },
                 },
             ],
             currentRow: null
@@ -560,7 +554,7 @@ export default {
 
 -------------------
 
-#### props 
+#### props
 
 | 参数      | 说明              | 类型      | 可选值   | 默认值      |
 | -------- | -----------      | -------- | ------  | ---------  |
@@ -573,7 +567,7 @@ export default {
 
 ### 公共业务组件
 
-#### Status 
+#### Status
 
 基本用法
 

package/index.common.js

@@ -84,15 +84,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { var _context0; if ("string
 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; }
 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; }
 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; }
-/**
- * @desc 表单组件
- * @params formRef ref
- * @params model modelForm
- * @params formConfig
- * @params formConfig
- * @params formConfig
- * @params formConfig
- */
 var componentMap = {
   input: "el-input",
   select: "el-select",
@@ -186,7 +177,8 @@ var script$6 = {
           options: item.options || [],
           fields: item.fields || {
             label: 'label',
-            value: 'value'
+            value: 'value',
+            rightLabel: ''
           }
         });
       }
@@ -219,7 +211,6 @@ var script$6 = {
                 break;
               }
               item = _step.value;
-              // const
               apiConfig = item.api || _this.apiMapConfig[item.prop];
               optionsRequired = _this.isSelectComponent(item.component) || _this.isRadioGroupComponent(item.component) || _this.isVirtualSelectComponent(item.component);
               if (!(optionsRequired && apiConfig && !((_item$options = item.options) !== null && _item$options !== void 0 && _item$options.length))) {
@@ -386,17 +377,17 @@ var __vue_render__$6 = function __vue_render__() {
           },
           expression: "model[item.prop]"
         }
-      }, 'component', _vm.handleBindAttrs(item), false), item.events), [_vm.isSelectComponent(item.component) && item.options ? _vm._l(item.options, function (opt) {
+      }, 'component', _vm.handleBindAttrs(item), false), item.events), [_vm.isSelectComponent(item.component) && item.options ? _vm._l(item.options, function (opt, index) {
         return _c('el-option', {
-          key: item.prop + "-" + opt.value,
+          key: item.prop + "-" + opt.value + "-" + index,
           attrs: {
             "label": opt.label,
             "value": opt.value
           }
         });
-      }) : _vm._e(), _vm._v(" "), _vm.isRadioGroupComponent(item.component) && item.options ? _vm._l(item.options, function (opt) {
+      }) : _vm._e(), _vm._v(" "), _vm.isRadioGroupComponent(item.component) && item.options ? _vm._l(item.options, function (opt, index) {
         return _c('el-radio', {
-          key: item.prop + "-" + opt.value,
+          key: item.prop + "-" + opt.value + "-" + index,
           attrs: {
             "label": opt.value
           }
@@ -510,10 +501,6 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var _
 //
 //
 
-/**
- * @desc 基础表格: 多选列、序号和操作列分开配置，也可以在tableColumns配置，这时需要插槽
- * @params
- */
 var renderNode = {
   functional: true,
   props: {
@@ -875,14 +862,14 @@ var __vue_staticRenderFns__$5 = [];
 /* style */
 var __vue_inject_styles__$5 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-089a18c2_0", {
-    source: ".bm-table-container[data-v-089a18c2]{box-sizing:border-box}.bm-table-container .bm-pagination[data-v-089a18c2]{display:flex;justify-content:flex-end;margin-top:20px}.bm-table-container .bm-table-cell[data-v-089a18c2]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-table-container .bm-cell-active[data-v-089a18c2]{color:#02a7f0;cursor:pointer}.bm-table-container[data-v-089a18c2] :deep(.el-tablethead){color:#606266}",
+  inject("data-v-516b74f6_0", {
+    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}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__$5 = "data-v-089a18c2";
+var __vue_scope_id__$5 = "data-v-516b74f6";
 /* module identifier */
 var __vue_module_identifier__$5 = undefined;
 /* functional template */
@@ -1380,7 +1367,7 @@ var __vue_component__$1 = /*#__PURE__*/normalizeComponent({
 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; }
 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; }
 var isEmptyObject = function isEmptyObject(obj) {
-  if (!obj || _typeof__default["default"](obj) !== 'object' || _Array$isArray__default["default"](obj)) return false;
+  if (!obj || _typeof__default["default"](obj) !== 'object' || _Array$isArray__default["default"](obj)) return true;
   return _Object$keys__default["default"](obj).length === 0;
 };
 var script = {
@@ -1445,19 +1432,24 @@ var script = {
   },
   computed: {
     computedExtraProps: function computedExtraProps() {
-      var emptyObject = isEmptyObject(this.extraProps);
-      if (emptyObject) {
+      if (isEmptyObject(this.extraProps)) {
         return this.fields;
-      } else {
-        var _this$extraProps = this.extraProps,
-          label = _this$extraProps.label,
-          value = _this$extraProps.value,
-          rightLabel = _this$extraProps.rightLabel;
-        if (!label || !value || !rightLabel) {
-          return this.fields;
-        }
-        return _objectSpread(_objectSpread({}, this.fields), this.extraProps);
       }
+      var _this$extraProps = this.extraProps,
+        _this$extraProps$labe = _this$extraProps.label,
+        label = _this$extraProps$labe === void 0 ? this.fields.label : _this$extraProps$labe,
+        _this$extraProps$valu = _this$extraProps.value,
+        value = _this$extraProps$valu === void 0 ? this.fields.value : _this$extraProps$valu,
+        _this$extraProps$righ = _this$extraProps.rightLabel,
+        rightLabel = _this$extraProps$righ === void 0 ? this.fields.rightLabel : _this$extraProps$righ;
+      if (label && value) {
+        return _objectSpread(_objectSpread({}, this.fields), {}, {
+          label: label,
+          value: value,
+          rightLabel: rightLabel
+        });
+      }
+      return this.fields;
     }
   },
   watch: {
@@ -1627,7 +1619,7 @@ var __vue_render__ = function __vue_render__() {
       "data-sources": _vm.filteredData,
       "data-component": _vm.itemComponent,
       "keeps": _vm.keeps,
-      "extra-props": _vm.computedExtraProps,
+      "extra-props": _vm.computedExtraProps || {},
       "estimate-size": _vm.estimateSize
     },
     on: {
@@ -1640,14 +1632,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-2faf6b1a_0", {
-    source: ".select-wrap[data-v-2faf6b1a]{position:relative}.select-wrap .bm-select[data-v-2faf6b1a]{width:100%}.virtual-select-popper[data-v-2faf6b1a]{padding:0!important;border:1px solid #e4e7ed!important;border-radius:4px!important}.virtual-list[data-v-2faf6b1a]{max-height:245px;overflow-y:auto;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#e4e7ed #f5f7fa}.virtual-list[data-v-2faf6b1a]::-webkit-scrollbar{width:6px!important;display:block!important}.virtual-list[data-v-2faf6b1a]::-webkit-scrollbar-thumb{background-color:#e4e7ed;border-radius:3px}.virtual-list[data-v-2faf6b1a]::-webkit-scrollbar-track{background-color:#f5f7fa}[data-v-2faf6b1a]:deep(.el-scrollbar__bar.is-vertical){display:none!important}",
+  inject("data-v-09366db6_0", {
+    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}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__ = "data-v-2faf6b1a";
+var __vue_scope_id__ = "data-v-09366db6";
 /* module identifier */
 var __vue_module_identifier__ = undefined;
 /* functional template */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "backend-management-ui",
-  "version": "1.7.12",
+  "version": "1.7.14",
   "description": "一个基于Vue+ElementUI封装的后台管理仓库，包含表格、表单、弹窗、按钮组、虚拟下拉框等常用组件",
   "author": {
     "name": "adolf3",