ai.touchui-vue 1.37.0 → 1.39.0

package/lib/select.js

@@ -252,7 +252,7 @@ module.exports = require("ai.touchui-vue/lib/locale");
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=template&id=0805d936
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/select/src/select.vue?vue&type=template&id=b54eb61c
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -335,6 +335,7 @@ var render = function () {
       _c(
         "span",
         {
+          ref: "selectContentRef",
           staticClass: "to-selectContent",
           class: _vm.setContentClass,
           on: { click: _vm.click },
@@ -519,7 +520,7 @@ var render = function () {
                           ),
                     ]
                   : [
-                      _vm.selected.filter(function (item) {
+                      _vm.conTags.filter(function (item) {
                         return !item.hide
                       }).length === 0 &&
                       !_vm.inputable &&
@@ -550,16 +551,20 @@ var render = function () {
                         "span",
                         { staticClass: "to-selectTag" },
                         [
-                          _vm.selected.length > 0 &&
-                          !(_vm.isAll && _vm.useAllText)
+                          (_vm.conTags.length > 0 &&
+                            !(_vm.isAll && _vm.useAllText)) ||
+                          (_vm.showCount && _vm.count > 0)
                             ? [
-                                _vm._l(_vm.selected, function (item, index) {
+                                _vm._l(_vm.conTags, function (item, index) {
                                   return [
                                     !item.hide
                                       ? _c(
                                           "to-tag",
                                           {
                                             key: index,
+                                            class: {
+                                              "show-count": _vm.isNeedMin,
+                                            },
                                             attrs: {
                                               color: "fg",
                                               mode: "plain",
@@ -576,10 +581,20 @@ var render = function () {
                                       : _vm._e(),
                                   ]
                                 }),
+                                _vm.showCount && _vm.count > 0
+                                  ? _c(
+                                      "to-tag",
+                                      {
+                                        staticClass: "tag-count",
+                                        attrs: { color: "fg", mode: "plain" },
+                                      },
+                                      [_vm._v("+" + _vm._s(_vm.count))]
+                                    )
+                                  : _vm._e(),
                               ]
                             : _vm._e(),
                           !_vm.$phone ||
-                          (_vm.$phone && _vm.selected.length === 0)
+                          (_vm.$phone && _vm.conTags.length === 0)
                             ? [
                                 _vm.inputable && !_vm.filterable
                                   ? _c("to-input", {
@@ -590,7 +605,7 @@ var render = function () {
                                         "prevent-focus": "",
                                         mode: "none",
                                         placeholder:
-                                          _vm.selected.filter(function (item) {
+                                          _vm.conTags.filter(function (item) {
                                             return !item.hide
                                           }).length > 0
                                             ? ""
@@ -620,7 +635,7 @@ var render = function () {
                                         "prevent-focus": "",
                                         mode: "none",
                                         placeholder:
-                                          _vm.selected.filter(function (item) {
+                                          _vm.conTags.filter(function (item) {
                                             return !item.hide
                                           }).length > 0
                                             ? ""
@@ -649,7 +664,7 @@ var render = function () {
                                         "prevent-focus": "",
                                         mode: "none",
                                         placeholder:
-                                          _vm.selected.filter(function (item) {
+                                          _vm.conTags.filter(function (item) {
                                             return !item.hide
                                           }).length > 0
                                             ? ""
@@ -760,6 +775,7 @@ var render = function () {
                 slide: _vm.layerSlide,
                 width: _vm.iOptionWidth,
                 position: _vm.layerPosition,
+                "max-height": _vm.maxHeight,
               },
               on: { closed: _vm.layerClose, mousedown: _vm.layerMousedown },
             },
@@ -1906,7 +1922,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=template&id=0805d936
+// CONCATENATED MODULE: ./packages/select/src/select.vue?vue&type=template&id=b54eb61c
 
 // EXTERNAL MODULE: external "ai.touchui-vue/lib/utils/ajax"
 var ajax_ = __webpack_require__(15);
@@ -2159,6 +2175,7 @@ var lib_locale_ = __webpack_require__(3);
 //
 //
 //
+//
 
 
 
@@ -2424,6 +2441,14 @@ var lib_locale_ = __webpack_require__(3);
 		valueType: {
 			type: String,
 			default: ''
+		},
+		showCount: {
+			type: Boolean,
+			default: false
+		},
+		maxHeight: {
+			type: [Number, String],
+			default: ''
 		}
 	},
 	data: function data() {
@@ -2450,7 +2475,10 @@ var lib_locale_ = __webpack_require__(3);
 			layerPosition: 'auto',
 			disabled: this.readonly,
 			iApiHeaders: {},
-			inputing: false
+			inputing: false,
+			count: 0,
+			conTags: [],
+			isNeedMin: false
 		};
 	},
 
@@ -2603,6 +2631,9 @@ var lib_locale_ = __webpack_require__(3);
 			} else {
 				arr.push('to-box-mode-toast');
 			}
+			// if (this.showCount) {
+			// 	arr.push('to-select-showCount')
+			// }
 			return arr;
 		},
 		validateRequired: function validateRequired() {
@@ -2618,11 +2649,7 @@ var lib_locale_ = __webpack_require__(3);
 			if (this.desc) {
 				return this.desc;
 			} else if (this.ToFormItem && this.ToFormItem.label) {
-				if (typeof this.rule === 'string') {
-					return this.ToFormItem.label + '-label';
-				} else {
-					return this.ToFormItem.label;
-				}
+				return this.ToFormItem.label;
 			} else {
 				return '';
 			}
@@ -2664,8 +2691,10 @@ var lib_locale_ = __webpack_require__(3);
 			handler: function handler(val) {
 				if (val) {
 					this.selected = [];
+					this.conTags = [];
 				} else {
 					this.selected = {};
+					this.conTags = {};
 				}
 			},
 
@@ -2723,7 +2752,9 @@ var lib_locale_ = __webpack_require__(3);
 				} else {
 					this.$emit('change', val, this.selected);
 				}
-
+				if (this.showCount && this.multiple) {
+					this.getAllTag();
+				}
 				var detail = {
 					name: 'ToSelect',
 					value: val,
@@ -2778,6 +2809,13 @@ var lib_locale_ = __webpack_require__(3);
 		}
 	},
 	created: function created() {
+		var _this7 = this;
+
+		this.$nextTick(function () {
+			if (_this7.showCount && _this7.multiple) {
+				_this7.getAllTag();
+			}
+		});
 		this.iLabelText = this.labelText;
 		this.iValueText = this.valueText;
 		this.iResPath = this.resPath;
@@ -2803,6 +2841,79 @@ var lib_locale_ = __webpack_require__(3);
 	},
 
 	methods: {
+		calculateTagLayout: function calculateTagLayout() {
+			var _this8 = this;
+
+			var isRecalculate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+
+			this.$nextTick(function () {
+				var tags = _this8.$el.querySelectorAll('.to-selectTag .to-tag');
+				var selectContent = _this8.$refs.selectContentRef;
+				var gap = selectContent.scrollWidth - selectContent.clientWidth;
+				if (gap > 0) {
+					_this8.isNeedMin = true;
+					return false;
+				}
+				_this8.isNeedMin = false;
+				var firstTagTop = 0;
+				if (tags.length > 1) {
+					for (var i = 0; i < tags.length; i++) {
+						if (i === 0) {
+							firstTagTop = tags[i].offsetTop;
+						} else {
+							if (tags[i].offsetTop !== firstTagTop) {
+								if (!tags[i].className.includes('tag-count')) {
+									var _ret = function () {
+										var index = isRecalculate && _this8.count > 0 ? i - 1 : i;
+										_this8.conTags = _this8.selected.filter(function (item, idx) {
+											return idx < index;
+										});
+										var arrs = _this8.selected.filter(function (item, idx) {
+											return idx >= index;
+										});
+										_this8.count = arrs.length;
+										if (!isRecalculate) {
+											_this8.layoutCount();
+										}
+										return 'break';
+									}();
+
+									if (_ret === 'break') break;
+								} else {
+									if (i >= 2) {
+										var _ret2 = function () {
+											var index = isRecalculate && _this8.count > 0 ? i - 1 : i;
+											_this8.conTags = _this8.selected.filter(function (item, idx) {
+												return idx < index;
+											});
+											var arrs = _this8.selected.filter(function (item, idx) {
+												return idx >= index;
+											});
+											_this8.count = arrs.length;
+											if (!isRecalculate) {
+												_this8.layoutCount();
+											}
+											return 'break';
+										}();
+
+										if (_ret2 === 'break') break;
+									} else {
+										_this8.isNeedMin = true;
+									}
+								}
+							}
+						}
+					}
+				}
+			});
+		},
+		getAllTag: function getAllTag() {
+			this.count = 0;
+			this.calculateTagLayout(false);
+		},
+		layoutCount: function layoutCount() {
+			this.calculateTagLayout(true);
+		},
 		valueChange: function valueChange(val) {
 			if (!this.multiple) {
 				if (this.inputable) {
@@ -2823,19 +2934,19 @@ var lib_locale_ = __webpack_require__(3);
 			}
 		},
 		setSeleted: function setSeleted(val) {
-			var _this7 = this;
+			var _this9 = this;
 
 			var selected = JSON.parse(JSON.stringify(this.selected));
 			if (!this.multiple) {
 				if (this.options.findIndex(function (option) {
-					return option[_this7.iValueText] === val;
+					return option[_this9.iValueText] === val;
 				}) === -1) {
 					var _selected;
 
 					selected = (_selected = {}, _selected[this.iLabelText] = val, _selected[this.iValueText] = val, _selected);
 				} else {
 					selected = this.options.find(function (option) {
-						return option[_this7.iValueText] === val;
+						return option[_this9.iValueText] === val;
 					});
 				}
 			} else {
@@ -2846,15 +2957,15 @@ var lib_locale_ = __webpack_require__(3);
 					var selectedArr = [];
 					arr.map(function (item) {
 						if (item && item.trim()) {
-							if (_this7.options.findIndex(function (option) {
-								return String(option[_this7.iValueText]) === String(item);
+							if (_this9.options.findIndex(function (option) {
+								return String(option[_this9.iValueText]) === String(item);
 							}) === -1) {
 								var _selectedArr$push;
 
-								selectedArr.push((_selectedArr$push = {}, _selectedArr$push[_this7.iLabelText] = item, _selectedArr$push[_this7.iValueText] = item, _selectedArr$push.hide = !_this7.inputable, _selectedArr$push));
+								selectedArr.push((_selectedArr$push = {}, _selectedArr$push[_this9.iLabelText] = item, _selectedArr$push[_this9.iValueText] = item, _selectedArr$push.hide = !_this9.inputable, _selectedArr$push));
 							} else {
-								_this7.options.map(function (option) {
-									if (String(option[_this7.iValueText]) === String(item)) {
+								_this9.options.map(function (option) {
+									if (String(option[_this9.iValueText]) === String(item)) {
 										selectedArr.push(option);
 									}
 								});
@@ -2868,19 +2979,22 @@ var lib_locale_ = __webpack_require__(3);
 				var fn = this.beforeChange(selected);
 				if (fn && fn.then) {
 					fn.then(function (flag) {
-						_this7.selected = selected;
+						_this9.selected = selected;
+						_this9.conTags = selected;
 					}).catch(function (e) {});
 				} else {
 					if (fn) {
 						this.selected = selected;
+						this.conTags = selected;
 					}
 				}
 			} else {
 				this.selected = selected;
+				this.conTags = selected;
 			}
 		},
 		enter: function enter() {
-			var _this8 = this;
+			var _this10 = this;
 
 			if (!(this.multiple && this.inputable)) {
 				this.toggleLayer();
@@ -2890,9 +3004,9 @@ var lib_locale_ = __webpack_require__(3);
 				// 判断重复项
 				var value = this.filterable ? this.multipleFilterValue : this.multipleInputValue;
 				if (this.selected.find(function (item) {
-					return item[_this8.iLabelText] === value;
+					return item[_this10.iLabelText] === value;
 				}) || this.selected.find(function (item) {
-					return item[_this8.iValueText] === value;
+					return item[_this10.iValueText] === value;
 				})) {
 					this.$tip.error(this.t('to.select.tip.error.repetition'));
 					return;
@@ -2906,7 +3020,7 @@ var lib_locale_ = __webpack_require__(3);
 					var fn = this.beforeChange(newOption);
 					if (fn && fn.then) {
 						fn.then(function (flag) {
-							_this8.selected.push(newOption);
+							_this10.selected.push(newOption);
 						}).catch(function (e) {});
 					} else {
 						if (fn) {
@@ -2924,11 +3038,11 @@ var lib_locale_ = __webpack_require__(3);
 				if (this.$phone) {
 					if (this.filterable) {
 						setTimeout(function () {
-							_this8.$refs.popupFilter.focus();
+							_this10.$refs.popupFilter.focus();
 						}, 500);
 					} else {
 						setTimeout(function () {
-							_this8.$refs.popupInput.focus();
+							_this10.$refs.popupInput.focus();
 						}, 500);
 					}
 				}
@@ -2939,30 +3053,32 @@ var lib_locale_ = __webpack_require__(3);
 				return true;
 			}
 			if (this.filterable) {
-				return item[this.iLabelText].includes(this.filterValue);
+				// return item[this.iLabelText].includes(this.filterValue)
+				return item[this.iLabelText].toLowerCase().includes(this.filterValue.toLowerCase());
 			} else {
 				return true;
 			}
 		},
 		multipleFilter: function multipleFilter(item) {
 			if (this.filterable) {
-				return item[this.iLabelText].includes(this.multipleFilterValue);
+				// return item[this.iLabelText].includes(this.multipleFilterValue)
+				return item[this.iLabelText].toLowerCase().includes(this.multipleFilterValue.toLowerCase());
 			} else {
 				return true;
 			}
 		},
 		getLabel: function getLabel(val) {
-			var _this9 = this;
+			var _this11 = this;
 
 			var obj = this.options.find(function (item) {
-				return item[_this9.iValueText] === val;
+				return item[_this11.iValueText] === val;
 			});
 			if (obj && obj[this.iLabelText]) {
 				return obj[this.iLabelText];
 			}
 		},
 		setOptions: function setOptions() {
-			var _this10 = this;
+			var _this12 = this;
 
 			// 同步选项
 			if (this.data) {
@@ -2995,7 +3111,7 @@ var lib_locale_ = __webpack_require__(3);
 					// 如果设置了方法，则替换为方法
 					if (typeof this.setLabelFn === 'function') {
 						this.options.forEach(function (item) {
-							item.label = _this10.setLabelFn(item);
+							item.label = _this12.setLabelFn(item);
 						});
 					}
 				}
@@ -3070,37 +3186,37 @@ var lib_locale_ = __webpack_require__(3);
 							// 直接返回一个 select 所需要的 data 对象时，不需要任何解析
 							// 如：[{name:'张三', id:0},{name:'李四', id:1}]
 							if (Array.isArray(res)) {
-								_this10.options = res;
-								sessionStorage.setItem('static.' + _this10.api, JSON.stringify(res));
+								_this12.options = res;
+								sessionStorage.setItem('static.' + _this12.api, JSON.stringify(res));
 
 								// 设置 selected
-								_this10.setSeleted(_this10.value);
-								_this10.setPlaceholder();
-								_this10.$emit('option-loaded', _this10.options);
-							} else if (res.code === _this10.iSuccessCode) {
+								_this12.setSeleted(_this12.value);
+								_this12.setPlaceholder();
+								_this12.$emit('option-loaded', _this12.options);
+							} else if (res.code === _this12.iSuccessCode) {
 								// 按照 json 格式返回，需要根据配置路径进行解析
 								// 如：{ code:'0', data:[{name:'张三', id:0},{name:'李四', id:1}]}
 								var data = [];
-								if (_this10.iResPath) {
-									var resPath = _this10.iResPath.split('/');
+								if (_this12.iResPath) {
+									var resPath = _this12.iResPath.split('/');
 									resPath.forEach(function (el) {
 										data = res[el];
 									});
 								}
-								_this10.options = data;
-								sessionStorage.setItem('static.' + _this10.api, JSON.stringify(data));
+								_this12.options = data;
+								sessionStorage.setItem('static.' + _this12.api, JSON.stringify(data));
 
 								// 设置 selected
-								_this10.setSeleted(_this10.value);
-								_this10.setPlaceholder();
-								_this10.$emit('option-loaded', _this10.options);
+								_this12.setSeleted(_this12.value);
+								_this12.setPlaceholder();
+								_this12.$emit('option-loaded', _this12.options);
 							} else {
-								_this10.options = [];
-								_this10.t('to.select.tip.error.res', 'select api(' + _this10.api + ')');
+								_this12.options = [];
+								_this12.t('to.select.tip.error.res', 'select api(' + _this12.api + ')');
 							}
 						},
 						onError: function onError(res) {
-							_this10.$tip.danger(_this10.t('to.select.tip.error.api', 'select api(' + _this10.api + ') '));
+							_this12.$tip.danger(_this12.t('to.select.tip.error.api', 'select api(' + _this12.api + ') '));
 						}
 					};
 					var req = this.httpRequest(options);
@@ -3129,23 +3245,23 @@ var lib_locale_ = __webpack_require__(3);
 			}
 		},
 		selectAll: function selectAll() {
-			var _this11 = this;
+			var _this13 = this;
 
 			var arr = [];
 			this.options.map(function (item) {
 				if (!item.disabled) {
-					arr.push(item[_this11.iValueText]);
+					arr.push(item[_this13.iValueText]);
 				}
 			});
 			this.iValue = arr.toString();
 		},
 		Deselect: function Deselect() {
-			var _this12 = this;
+			var _this14 = this;
 
 			var arr = [];
 			this.options.map(function (item) {
-				if (!item.disabled && !_this12.iValue.split(',').includes(item[_this12.iValueText])) {
-					arr.push(item[_this12.iValueText]);
+				if (!item.disabled && !_this14.iValue.split(',').includes(item[_this14.iValueText])) {
+					arr.push(item[_this14.iValueText]);
 				}
 			});
 			this.iValue = arr.toString();
@@ -3154,7 +3270,7 @@ var lib_locale_ = __webpack_require__(3);
 			this.setValue('');
 		},
 		itemChange: function itemChange(item) {
-			var _this13 = this;
+			var _this15 = this;
 
 			if (item.disabled) {
 				return;
@@ -3162,38 +3278,38 @@ var lib_locale_ = __webpack_require__(3);
 			this.setSeleted(item[this.iValueText]);
 			// this.selected = item
 			this.$nextTick(function () {
-				_this13.$emit('selected', item);
-				_this13.closeLayer();
+				_this15.$emit('selected', item);
+				_this15.closeLayer();
 			});
 		},
 		adjustLayer: function adjustLayer() {
-			var _this14 = this;
+			var _this16 = this;
 
 			if (this.optionDisplay !== 'none' && this.$refs.layer.show) {
-				this.$nextTick(function () {
-					_this14.$refs.layer.set(_this14.$refs.link);
-				});
+				setTimeout(function () {
+					_this16.$refs.layer.set(_this16.$refs.link);
+				}, 10);
 			}
 		},
 		openLayer: function openLayer() {
-			var _this15 = this;
+			var _this17 = this;
 
 			if (!this.disabled && this.optionDisplay !== 'none') {
 				this.$refs.layer.open('link');
 				if (this.filterable && this.$phone) {
 					setTimeout(function () {
-						if (_this15.$refs.popupFilter) {
-							_this15.$refs.popupFilter.focus();
+						if (_this17.$refs.popupFilter) {
+							_this17.$refs.popupFilter.focus();
 						}
-						_this15.$nextTick(function () {
-							_this15.options = _this15.s_options.concat(_this15.anotherOptions);
+						_this17.$nextTick(function () {
+							_this17.options = _this17.s_options.concat(_this17.anotherOptions);
 						});
 					}, 500);
 				}
 				if (this.inputable && this.$phone) {
 					setTimeout(function () {
-						if (_this15.$refs.popupInput) {
-							_this15.$refs.popupInput.focus();
+						if (_this17.$refs.popupInput) {
+							_this17.$refs.popupInput.focus();
 						}
 					}, 500);
 				}
@@ -3250,12 +3366,12 @@ var lib_locale_ = __webpack_require__(3);
 			}
 		},
 		layerMousedown: function layerMousedown() {
-			var _this16 = this;
+			var _this18 = this;
 
 			this.blurByLayer = true;
 			var timer = null;
 			timer = setTimeout(function () {
-				_this16.blurByLayer = false;
+				_this18.blurByLayer = false;
 				clearTimeout(timer);
 				timer = null;
 			}, 200);
@@ -3283,16 +3399,16 @@ var lib_locale_ = __webpack_require__(3);
 			}
 		},
 		inputInput: function inputInput(e) {
-			var _this17 = this;
+			var _this19 = this;
 
 			if (e && e.keyCode === 13) {
 				this.$emit('inputEnter');
 			}
 			this.$nextTick(function () {
-				if (_this17.value === '') {
-					_this17.openLayer();
+				if (_this19.value === '') {
+					_this19.openLayer();
 				} else {
-					_this17.closeLayer();
+					_this19.closeLayer();
 				}
 			});
 		},
@@ -3307,15 +3423,15 @@ var lib_locale_ = __webpack_require__(3);
 			this.openLayer();
 		},
 		filterInput: function filterInput(e) {
-			var _this18 = this;
+			var _this20 = this;
 
 			if (e && e.keyCode === 13) {
 				this.$emit('inputEnter');
 			}
 			this.$nextTick(function () {
-				_this18.inputing = true;
-				_this18.adjustLayer();
-				_this18.openLayer();
+				_this20.inputing = true;
+				_this20.adjustLayer();
+				_this20.openLayer();
 			});
 		},
 		filterClear: function filterClear() {
@@ -3334,10 +3450,10 @@ var lib_locale_ = __webpack_require__(3);
 			}
 		},
 		multipleItemChange: function multipleItemChange(value, item) {
-			var _this19 = this;
+			var _this21 = this;
 
 			var val = this.selected.map(function (option) {
-				return option[_this19.iValueText];
+				return option[_this21.iValueText];
 			});
 			if (value) {
 				val.push(item[this.iValueText]);
@@ -3349,11 +3465,11 @@ var lib_locale_ = __webpack_require__(3);
 			if (this.inputable && !this.filterable) {
 				if (this.$phone) {
 					setTimeout(function () {
-						_this19.$refs.popupInput.focus();
+						_this21.$refs.popupInput.focus();
 					}, 500);
 				} else {
 					setTimeout(function () {
-						_this19.$refs.input.focus();
+						_this21.$refs.input.focus();
 					}, 500);
 				}
 				this.multipleInputValue = '';
@@ -3361,27 +3477,27 @@ var lib_locale_ = __webpack_require__(3);
 			if (this.filterable) {
 				if (this.$phone) {
 					setTimeout(function () {
-						_this19.$refs.popupFilter.focus();
+						_this21.$refs.popupFilter.focus();
 					}, 500);
 				} else {
 					setTimeout(function () {
-						_this19.$refs.filter.focus();
+						_this21.$refs.filter.focus();
 					}, 500);
 				}
 				this.multipleFilterValue = '';
 			}
 			if (this.setDataFn) {
 				setTimeout(function () {
-					_this19.$refs.filter.focus();
+					_this21.$refs.filter.focus();
 				}, 500);
 				this.setDataInputValue = '';
 			}
 		},
 		removeTag: function removeTag(item) {
-			var _this20 = this;
+			var _this22 = this;
 
 			var val = this.selected.map(function (option) {
-				return option[_this20.iValueText];
+				return option[_this22.iValueText];
 			});
 			this.removeItem(val, item[this.iValueText]);
 			this.setSeleted(val.join(','));
@@ -3390,24 +3506,24 @@ var lib_locale_ = __webpack_require__(3);
 					if (this.filterable) {
 						if (this.$refs.popupFilter) {
 							setTimeout(function () {
-								_this20.$refs.popupFilter.focus();
+								_this22.$refs.popupFilter.focus();
 							}, 500);
 						}
 					} else {
 						if (this.$refs.popupInput) {
 							setTimeout(function () {
-								_this20.$refs.popupInput.focus();
+								_this22.$refs.popupInput.focus();
 							}, 500);
 						}
 					}
 				} else {
 					if (this.filterable) {
 						setTimeout(function () {
-							_this20.$refs.filter.focus();
+							_this22.$refs.filter.focus();
 						}, 500);
 					} else {
 						setTimeout(function () {
-							_this20.$refs.input.focus();
+							_this22.$refs.input.focus();
 						}, 500);
 					}
 				}
@@ -3426,7 +3542,7 @@ var lib_locale_ = __webpack_require__(3);
 			}
 		},
 		removeItem: function removeItem(obj, val) {
-			var _this21 = this;
+			var _this23 = this;
 
 			var index = void 0;
 
@@ -3450,7 +3566,7 @@ var lib_locale_ = __webpack_require__(3);
 				// 对象数组
 				else {
 						index = obj.findIndex(function (item) {
-							return item[_this21.iValueText] === val;
+							return item[_this23.iValueText] === val;
 						});
 						obj.splice(index, 1);
 					}