backend-management-ui 1.7.4 → 1.7.5

package/index.common.js

@@ -184,6 +184,9 @@ var script$6 = {
         clearable: true
       }, item.attrs || {});
       if (componentName === "el-virtual-select") {
+        console.log(_objectSpread$1(_objectSpread$1({}, baseAttrs), {}, {
+          options: item.options || []
+        }), '虚拟滚动');
         return _objectSpread$1(_objectSpread$1({}, baseAttrs), {}, {
           options: item.options || []
         });
@@ -1353,6 +1356,7 @@ var __vue_component__$1 = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__$1
 }, __vue_inject_styles__$1, __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, createInjector, undefined, undefined);
 
+var _this = undefined;
 var script = {
   name: 'UiVirtualSelect',
   components: {
@@ -1375,11 +1379,15 @@ var script = {
       }
     },
     value: {
-      type: [String, Array],
+      type: [String, Number, Null, Undefined, Array],
       "default": function _default() {
         return [];
       }
-    } // 接收父组件v-model传递的值
+    },
+    // 接收父组件v-model传递的值
+    "default": function _default() {
+      return _this.$attrs.multiple ? [] : null;
+    }
   },
   data: function data() {
     return {
@@ -1396,14 +1404,15 @@ var script = {
       immediate: true,
       handler: function handler(newVal) {
         this.innerValue = _Array$isArray__default["default"](newVal) ? _toConsumableArray__default["default"](newVal) : newVal;
-        console.log('this.innerValue', this.innerValue);
+        console.log('this.innerValue', this.innerValue, this);
       }
     },
     options: {
       deep: true,
-      handler: function handler() {
-        this.filteredData = _toConsumableArray__default["default"](this.options);
-        console.log('this.filteredData: ', this.filteredData);
+      immediate: true,
+      handler: function handler(val) {
+        this.filteredData = _toConsumableArray__default["default"](val);
+        console.log('this.filteredData: ', this.filteredData, val);
         this.calcMaxItemWidth();
       }
     }
@@ -1414,7 +1423,7 @@ var script = {
   methods: {
     calcMaxItemWidth: function calcMaxItemWidth() {
       var _context,
-        _this = this;
+        _this2 = this;
       if (!this.options.length) return;
       var temp = document.createElement('div');
       temp.style.cssText = "\n                position: absolute;\n                top: -9999px;\n                left: -9999px;\n                white-space: nowrap;\n                padding: 0 20px;\n                font-size: 14px;\n                box-sizing: border-box;\n            ";
@@ -1422,8 +1431,8 @@ var script = {
       var maxWidth = 0;
       _forEachInstanceProperty__default["default"](_context = this.options).call(_context, function (item) {
         var _context2;
-        var label = item[_this.fields.label] || '';
-        var rightLabel = item[_this.fields.rightLabel] || '';
+        var label = item[_this2.fields.label] || '';
+        var rightLabel = item[_this2.fields.rightLabel] || '';
         temp.innerHTML = _concatInstanceProperty__default["default"](_context2 = "<span>".concat(label, "</span><span style=\"margin-left:10px;color:#939393\">")).call(_context2, rightLabel, "</span>");
         maxWidth = Math.max(maxWidth, temp.offsetWidth);
       });
@@ -1441,23 +1450,23 @@ var script = {
     },
     filterMethod: function filterMethod(query) {
       var _context3,
-        _this2 = this;
+        _this3 = this;
       this.filteredData = query ? _filterInstanceProperty__default["default"](_context3 = this.options).call(_context3, function (item) {
         var _context4, _context5;
-        var labelMatch = _includesInstanceProperty__default["default"](_context4 = item[_this2.fields.label].toLowerCase()).call(_context4, query.toLowerCase());
-        var rightLabelMatch = _this2.fields.rightLabel ? _includesInstanceProperty__default["default"](_context5 = item[_this2.fields.rightLabel].toLowerCase()).call(_context5, query.toLowerCase()) : false;
+        var labelMatch = _includesInstanceProperty__default["default"](_context4 = item[_this3.fields.label].toLowerCase()).call(_context4, query.toLowerCase());
+        var rightLabelMatch = _this3.fields.rightLabel ? _includesInstanceProperty__default["default"](_context5 = item[_this3.fields.rightLabel].toLowerCase()).call(_context5, query.toLowerCase()) : false;
         return labelMatch || rightLabelMatch;
       }) : _toConsumableArray__default["default"](this.options);
       this.$nextTick(function () {
-        var _this2$$refs$virtualL;
-        return (_this2$$refs$virtualL = _this2.$refs.virtualList) === null || _this2$$refs$virtualL === void 0 ? void 0 : _this2$$refs$virtualL.scrollToIndex(0);
+        var _this3$$refs$virtualL;
+        return (_this3$$refs$virtualL = _this3.$refs.virtualList) === null || _this3$$refs$virtualL === void 0 ? void 0 : _this3$$refs$virtualL.scrollToIndex(0);
       });
     },
     handleVisibleChange: function handleVisibleChange(visible) {
-      var _this3 = this;
+      var _this4 = this;
       if (visible) {
         this.$nextTick(function () {
-          _this3.setPopperWidth();
+          _this4.setPopperWidth();
         });
       } else {
         var _this$$refs$virtualLi;
@@ -1545,14 +1554,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-f424d5ae_0", {
-    source: ".select-wrap[data-v-f424d5ae]{position:relative}.select-wrap[data-v-f424d5ae] :deep(.el-select){width:100%}.virtual-select-popper[data-v-f424d5ae]{padding:0!important;border:1px solid #e4e7ed!important;border-radius:4px!important}.virtual-list[data-v-f424d5ae]{max-height:245px;overflow-y:auto;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#e4e7ed #f5f7fa}.virtual-list[data-v-f424d5ae]::-webkit-scrollbar{width:6px!important;display:block!important}.virtual-list[data-v-f424d5ae]::-webkit-scrollbar-thumb{background-color:#e4e7ed;border-radius:3px}.virtual-list[data-v-f424d5ae]::-webkit-scrollbar-track{background-color:#f5f7fa}[data-v-f424d5ae]:deep(.el-scrollbar__bar.is-vertical){display:none!important}",
+  inject("data-v-54763b23_0", {
+    source: ".select-wrap[data-v-54763b23]{position:relative}.select-wrap[data-v-54763b23] :deep(.el-select){width:100%}.virtual-select-popper[data-v-54763b23]{padding:0!important;border:1px solid #e4e7ed!important;border-radius:4px!important}.virtual-list[data-v-54763b23]{max-height:245px;overflow-y:auto;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#e4e7ed #f5f7fa}.virtual-list[data-v-54763b23]::-webkit-scrollbar{width:6px!important;display:block!important}.virtual-list[data-v-54763b23]::-webkit-scrollbar-thumb{background-color:#e4e7ed;border-radius:3px}.virtual-list[data-v-54763b23]::-webkit-scrollbar-track{background-color:#f5f7fa}[data-v-54763b23]:deep(.el-scrollbar__bar.is-vertical){display:none!important}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__ = "data-v-f424d5ae";
+var __vue_scope_id__ = "data-v-54763b23";
 /* module identifier */
 var __vue_module_identifier__ = undefined;
 /* functional template */

package/package.json

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