backend-management-ui 1.7.6 → 1.7.8

package/index.common.js

@@ -28,6 +28,7 @@ var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable
 var _endsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/ends-with');
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/esm/toConsumableArray');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _findIndexInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find-index');
 var _spliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/splice');
 var VueVirtualScrollList = require('vue-virtual-scroll-list');
@@ -60,6 +61,7 @@ var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_s
 var _endsWithInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_endsWithInstanceProperty);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _concatInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_concatInstanceProperty);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefaultLegacy(_JSON$stringify);
 var _findIndexInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_findIndexInstanceProperty);
 var _spliceInstanceProperty__default = /*#__PURE__*/_interopDefaultLegacy(_spliceInstanceProperty);
 var VueVirtualScrollList__default = /*#__PURE__*/_interopDefaultLegacy(VueVirtualScrollList);
@@ -172,23 +174,21 @@ var script$6 = {
       };
       var placeholder = "";
       var componentName = this.getComponentName(item.component);
-      if (_includesInstanceProperty__default["default"](_context = ["el-select", "select", "el-date-picker", "el-virtual-select"]).call(_context, componentName)) {
-        placeholder = "\u8BF7\u9009\u62E9".concat(item.label);
-      }
-      if (_includesInstanceProperty__default["default"](_context2 = ["el-input", "input"]).call(_context2, componentName)) {
-        placeholder = "\u8BF7\u8F93\u5165".concat(item.label);
-      }
+      var isSelectLike = _includesInstanceProperty__default["default"](_context = ["el-select", "select", "el-date-picker", "ui-virtual-select"]).call(_context, componentName);
+      var isInputLike = _includesInstanceProperty__default["default"](_context2 = ["el-input", "input"]).call(_context2, componentName);
+      placeholder = isSelectLike ? "\u8BF7\u9009\u62E9".concat(item.label) : isInputLike ? "\u8BF7\u8F93\u5165".concat(item.label) : "";
       var baseAttrs = _objectSpread$1({
         style: style,
         placeholder: placeholder,
         clearable: true
       }, item.attrs || {});
-      if (componentName === "el-virtual-select") {
-        console.log(_objectSpread$1(_objectSpread$1({}, baseAttrs), {}, {
-          options: item.options || []
-        }), '虚拟滚动');
+      if (componentName === "ui-virtual-select") {
         return _objectSpread$1(_objectSpread$1({}, baseAttrs), {}, {
-          options: item.options || []
+          options: item.options || [],
+          fields: item.fields || {
+            label: 'label',
+            value: 'value'
+          }
         });
       }
       return baseAttrs;
@@ -201,7 +201,7 @@ var script$6 = {
       return this.getComponentName(componentName) === "el-radio-group";
     },
     isVirtualSelectComponent: function isVirtualSelectComponent(componentName) {
-      return this.getComponentName(componentName) === "el-virtual-select";
+      return this.getComponentName(componentName) === "ui-virtual-select";
     },
     initOptions: function initOptions() {
       var _this = this;
@@ -1271,8 +1271,6 @@ var __vue_component__$2 = /*#__PURE__*/normalizeComponent({
 //
 //
 //
-//
-//
 
 var script$1 = {
   name: 'UiVirtualSelectItem',
@@ -1314,35 +1312,34 @@ var __vue_render__$1 = function __vue_render__() {
   var _vm = this;
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
-  return _c('div', {
+  return _c('el-option', {
     staticClass: "item",
-    on: {
-      "click": _vm.handleItemClick
-    }
-  }, [_c('el-option', {
     attrs: {
       "label": _vm.source[_vm.label],
       "value": _vm.source[_vm.value]
+    },
+    on: {
+      "click": _vm.handleItemClick
     }
   }, [_c('span', {
     staticClass: "left-text"
   }, [_vm._v(_vm._s(_vm.source[_vm.label]))]), _vm._v(" "), _vm.rightLabel ? _c('span', {
     staticClass: "right-text"
-  }, [_vm._v(_vm._s(_vm.source[_vm.rightLabel]))]) : _vm._e()])], 1);
+  }, [_vm._v(_vm._s(_vm.source[_vm.rightLabel]))]) : _vm._e()]);
 };
 var __vue_staticRenderFns__$1 = [];
 
 /* style */
 var __vue_inject_styles__$1 = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-9d565dc6_0", {
-    source: ".item[data-v-9d565dc6]{width:100%;padding:0 20px;box-sizing:border-box;white-space:nowrap;font-size:14px;cursor:pointer}.left-text[data-v-9d565dc6]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-text[data-v-9d565dc6]{margin-left:10px;color:#939393;white-space:nowrap}[data-v-9d565dc6]:deep(.el-option){width:100%!important;padding:0!important;cursor:pointer}",
+  inject("data-v-d0b52dea_0", {
+    source: ".left-text[data-v-d0b52dea]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-text[data-v-d0b52dea]{margin-left:10px;color:#939393;white-space:nowrap}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__$1 = "data-v-9d565dc6";
+var __vue_scope_id__$1 = "data-v-d0b52dea";
 /* module identifier */
 var __vue_module_identifier__$1 = undefined;
 /* functional template */
@@ -1408,7 +1405,6 @@ var script = {
       immediate: true,
       handler: function handler(newVal) {
         this.innerValue = this.normalizeValue(newVal);
-        console.log('this.innerValue', this.innerValue, this);
       }
     },
     options: {
@@ -1416,7 +1412,6 @@ var script = {
       immediate: true,
       handler: function handler(val) {
         this.filteredData = _toConsumableArray__default["default"](val);
-        console.log('this.filteredData: ', this.filteredData, val);
         this.calcMaxItemWidth();
       }
     }
@@ -1462,32 +1457,37 @@ var script = {
       this.setPopperWidth();
     },
     setPopperWidth: function setPopperWidth() {
-      var popper = document.querySelector('.virtual-select-popper');
-      if (popper) {
-        popper.style.width = "".concat(this.maxItemWidth, "px");
-        popper.style.minWidth = 'unset';
-        popper.style.maxWidth = 'unset';
-      }
+      var _this2 = this;
+      this.$nextTick(function () {
+        var _this2$$refs$elSelect;
+        // 通过 el-select 的 popper 关联，而非全局类名
+        var popper = (_this2$$refs$elSelect = _this2.$refs.elSelectRef) === null || _this2$$refs$elSelect === void 0 ? void 0 : _this2$$refs$elSelect.popperElm;
+        if (popper) {
+          popper.style.width = "".concat(_this2.maxItemWidth, "px");
+          popper.style.minWidth = 'unset';
+          popper.style.maxWidth = 'unset';
+        }
+      });
     },
     filterMethod: function filterMethod(query) {
       var _context3,
-        _this2 = 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;
-        return labelMatch || rightLabelMatch;
-      }) : _toConsumableArray__default["default"](this.options);
+        _this3 = this;
+      var lowerQuery = (query === null || query === void 0 ? void 0 : query.toLowerCase()) || '';
+      this.filteredData = lowerQuery ? _filterInstanceProperty__default["default"](_context3 = this.options).call(_context3, function (item) {
+        var label = (item[_this3.fields.label] || '').toLowerCase();
+        var rightLabel = _this3.fields.rightLabel ? (item[_this3.fields.rightLabel] || '').toLowerCase() : '';
+        return _includesInstanceProperty__default["default"](label).call(label, lowerQuery) || _includesInstanceProperty__default["default"](rightLabel).call(rightLabel, lowerQuery);
+      }) : JSON.parse(_JSON$stringify__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;
@@ -1500,21 +1500,21 @@ var script = {
       var isMultiple = (_this$$attrs2 = this.$attrs) === null || _this$$attrs2 === void 0 ? void 0 : _this$$attrs2.multiple; // 判断是否为多选模式
       var normalizedValue = this.normalizeValue(selectedValue);
       if (isMultiple) {
-        var _context6;
+        var _context4;
         // 多选：切换选中状态（存在则移除，不存在则添加）
-        var valueIndex = _findIndexInstanceProperty__default["default"](_context6 = this.innerValue).call(_context6, function (val) {
+        var valueIndex = _findIndexInstanceProperty__default["default"](_context4 = this.innerValue).call(_context4, function (val) {
           return val === selectedValue;
         });
         if (valueIndex > -1) {
-          var _context7;
-          _spliceInstanceProperty__default["default"](_context7 = this.innerValue).call(_context7, valueIndex, 1);
+          var _context5;
+          _spliceInstanceProperty__default["default"](_context5 = this.innerValue).call(_context5, valueIndex, 1);
         } else {
           this.innerValue.push(selectedValue);
         }
         var newVal = _toConsumableArray__default["default"](this.innerValue);
         this.$refs.elSelectRef.$emit('change', newVal);
       } else {
-        his.innerValue = normalizedValue;
+        this.innerValue = normalizedValue;
         this.$refs.elSelectRef.visible = false; // 手动关闭下拉
         this.$refs.elSelectRef.$emit('change', normalizedValue);
       }
@@ -1543,6 +1543,7 @@ var __vue_render__ = function __vue_render__() {
     staticClass: "select-wrap"
   }, [_c('el-select', _vm._b({
     ref: "elSelectRef",
+    staticClass: "bm-select",
     attrs: {
       "value": _vm.innerValue,
       "popper-class": "virtual-select-popper",
@@ -1579,14 +1580,14 @@ var __vue_staticRenderFns__ = [];
 /* style */
 var __vue_inject_styles__ = function __vue_inject_styles__(inject) {
   if (!inject) return;
-  inject("data-v-b8b86322_0", {
-    source: ".select-wrap[data-v-b8b86322]{position:relative}.select-wrap[data-v-b8b86322] :deep(.el-select){width:100%}.virtual-select-popper[data-v-b8b86322]{padding:0!important;border:1px solid #e4e7ed!important;border-radius:4px!important}.virtual-list[data-v-b8b86322]{max-height:245px;overflow-y:auto;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#e4e7ed #f5f7fa}.virtual-list[data-v-b8b86322]::-webkit-scrollbar{width:6px!important;display:block!important}.virtual-list[data-v-b8b86322]::-webkit-scrollbar-thumb{background-color:#e4e7ed;border-radius:3px}.virtual-list[data-v-b8b86322]::-webkit-scrollbar-track{background-color:#f5f7fa}[data-v-b8b86322]:deep(.el-scrollbar__bar.is-vertical){display:none!important}",
+  inject("data-v-9f7aa2de_0", {
+    source: ".select-wrap[data-v-9f7aa2de]{position:relative}.select-wrap .bm-select[data-v-9f7aa2de]{width:100%}.virtual-select-popper[data-v-9f7aa2de]{padding:0!important;border:1px solid #e4e7ed!important;border-radius:4px!important}.virtual-list[data-v-9f7aa2de]{max-height:245px;overflow-y:auto;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#e4e7ed #f5f7fa}.virtual-list[data-v-9f7aa2de]::-webkit-scrollbar{width:6px!important;display:block!important}.virtual-list[data-v-9f7aa2de]::-webkit-scrollbar-thumb{background-color:#e4e7ed;border-radius:3px}.virtual-list[data-v-9f7aa2de]::-webkit-scrollbar-track{background-color:#f5f7fa}[data-v-9f7aa2de]:deep(.el-scrollbar__bar.is-vertical){display:none!important}",
     map: undefined,
     media: undefined
   });
 };
 /* scoped */
-var __vue_scope_id__ = "data-v-b8b86322";
+var __vue_scope_id__ = "data-v-9f7aa2de";
 /* module identifier */
 var __vue_module_identifier__ = undefined;
 /* functional template */

package/package.json

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