vxe-table 3.6.6 → 3.6.8

package/lib/select/src/select.js

@@ -1,87 +1,64 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.renderOptgroup = renderOptgroup;
 exports.renderOption = renderOption;
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _input = _interopRequireDefault(require("../../input/src/input"));
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _size = _interopRequireDefault(require("../../mixins/size"));
-
 var _utils = _interopRequireWildcard(require("../../tools/utils"));
-
 var _dom = _interopRequireDefault(require("../../tools/dom"));
-
 var _event = require("../../tools/event");
-
 var _vn = require("../../tools/vn");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function isOptionVisible(option) {
   return option.visible !== false;
 }
-
 function getOptUniqueId() {
   return _xeUtils.default.uniqueId('opt_');
 }
-
 function getOptkey(_vm) {
   var optionOpts = _vm.optionOpts;
   return optionOpts.keyField || _vm.optionId || '_X_OPTION_KEY';
 }
-
 function getOptid(_vm, option) {
   var optid = option[getOptkey(_vm)];
   return optid ? encodeURIComponent(optid) : '';
 }
-
 function findOffsetOption(_vm, optionValue, isUpArrow) {
   var isGroup = _vm.isGroup,
-      visibleOptionList = _vm.visibleOptionList,
-      visibleGroupList = _vm.visibleGroupList,
-      valueField = _vm.valueField,
-      groupOptionsField = _vm.groupOptionsField;
+    visibleOptionList = _vm.visibleOptionList,
+    visibleGroupList = _vm.visibleGroupList,
+    valueField = _vm.valueField,
+    groupOptionsField = _vm.groupOptionsField;
   var firstOption;
   var prevOption;
   var nextOption;
   var currOption;
-
   if (isGroup) {
     for (var gIndex = 0; gIndex < visibleGroupList.length; gIndex++) {
       var group = visibleGroupList[gIndex];
       var groupOptionList = group[groupOptionsField];
       var isGroupDisabled = group.disabled;
-
       if (groupOptionList) {
         for (var index = 0; index < groupOptionList.length; index++) {
           var option = groupOptionList[index];
           var isVisible = isOptionVisible(option);
           var isDisabled = isGroupDisabled || option.disabled;
-
           if (!firstOption && !isDisabled) {
             firstOption = option;
           }
-
           if (currOption) {
             if (isVisible && !isDisabled) {
               nextOption = option;
-
               if (!isUpArrow) {
                 return {
                   offsetOption: nextOption
@@ -89,10 +66,8 @@ function findOffsetOption(_vm, optionValue, isUpArrow) {
               }
             }
           }
-
           if (optionValue === option[valueField]) {
             currOption = option;
-
             if (isUpArrow) {
               return {
                 offsetOption: prevOption
@@ -110,15 +85,12 @@ function findOffsetOption(_vm, optionValue, isUpArrow) {
     for (var _index = 0; _index < visibleOptionList.length; _index++) {
       var _option = visibleOptionList[_index];
       var _isDisabled = _option.disabled;
-
       if (!firstOption && !_isDisabled) {
         firstOption = _option;
       }
-
       if (currOption) {
         if (!_isDisabled) {
           nextOption = _option;
-
           if (!isUpArrow) {
             return {
               offsetOption: nextOption
@@ -126,10 +98,8 @@ function findOffsetOption(_vm, optionValue, isUpArrow) {
           }
         }
       }
-
       if (optionValue === _option[valueField]) {
         currOption = _option;
-
         if (isUpArrow) {
           return {
             offsetOption: prevOption
@@ -142,26 +112,21 @@ function findOffsetOption(_vm, optionValue, isUpArrow) {
       }
     }
   }
-
   return {
     firstOption: firstOption
   };
 }
-
 function findOption(_vm, optionValue) {
   var isGroup = _vm.isGroup,
-      fullOptionList = _vm.fullOptionList,
-      fullGroupList = _vm.fullGroupList,
-      valueField = _vm.valueField;
-
+    fullOptionList = _vm.fullOptionList,
+    fullGroupList = _vm.fullGroupList,
+    valueField = _vm.valueField;
   if (isGroup) {
     for (var gIndex = 0; gIndex < fullGroupList.length; gIndex++) {
       var group = fullGroupList[gIndex];
-
       if (group.options) {
         for (var index = 0; index < group.options.length; index++) {
           var option = group.options[index];
-
           if (optionValue === option[valueField]) {
             return option;
           }
@@ -169,12 +134,10 @@ function findOption(_vm, optionValue) {
       }
     }
   }
-
   return fullOptionList.find(function (item) {
     return optionValue === item[valueField];
   });
 }
-
 function getRemoteSelectLabel(_vm, value) {
   var remoteValueList = _vm.remoteValueList;
   var remoteItem = remoteValueList.find(function (item) {
@@ -183,37 +146,31 @@ function getRemoteSelectLabel(_vm, value) {
   var item = remoteItem ? remoteItem.result : null;
   return _xeUtils.default.toValueString(item ? item[_vm.labelField] : value);
 }
-
 function getSelectLabel(_vm, value) {
   var item = findOption(_vm, value);
   return _xeUtils.default.toValueString(item ? item[_vm.labelField] : value);
 }
-
 function checkOptionDisabled(_vm, isSelected, option, group) {
   if (option.disabled) {
     return true;
   }
-
   if (group && group.disabled) {
     return true;
   }
-
   if (_vm.isMaximize && !isSelected) {
     return true;
   }
-
   return false;
 }
-
 function renderOption(h, _vm, list, group) {
   var isGroup = _vm.isGroup,
-      labelField = _vm.labelField,
-      valueField = _vm.valueField,
-      optionKey = _vm.optionKey,
-      value = _vm.value,
-      multiple = _vm.multiple,
-      currentValue = _vm.currentValue,
-      optionOpts = _vm.optionOpts;
+    labelField = _vm.labelField,
+    valueField = _vm.valueField,
+    optionKey = _vm.optionKey,
+    value = _vm.value,
+    multiple = _vm.multiple,
+    currentValue = _vm.currentValue,
+    optionOpts = _vm.optionOpts;
   var useKey = optionOpts.useKey;
   return list.map(function (option, cIndex) {
     var slots = option.slots;
@@ -252,13 +209,12 @@ function renderOption(h, _vm, list, group) {
     }, h) : _utils.default.formatText((0, _utils.getFuncText)(option[labelField]))) : null;
   });
 }
-
 function renderOptgroup(h, _vm) {
   var optionKey = _vm.optionKey,
-      visibleGroupList = _vm.visibleGroupList,
-      groupLabelField = _vm.groupLabelField,
-      groupOptionsField = _vm.groupOptionsField,
-      optionOpts = _vm.optionOpts;
+    visibleGroupList = _vm.visibleGroupList,
+    groupLabelField = _vm.groupLabelField,
+    groupOptionsField = _vm.groupOptionsField,
+    optionOpts = _vm.optionOpts;
   var useKey = optionOpts.useKey;
   return visibleGroupList.map(function (group, gIndex) {
     var slots = group.slots;
@@ -283,13 +239,11 @@ function renderOptgroup(h, _vm) {
     }, renderOption(h, _vm, group[groupOptionsField], group))]);
   });
 }
-
 function renderOpts(h, _vm) {
   var isGroup = _vm.isGroup,
-      visibleGroupList = _vm.visibleGroupList,
-      visibleOptionList = _vm.visibleOptionList,
-      searchLoading = _vm.searchLoading;
-
+    visibleGroupList = _vm.visibleGroupList,
+    visibleOptionList = _vm.visibleOptionList,
+    searchLoading = _vm.searchLoading;
   if (searchLoading) {
     return [h('div', {
       class: 'vxe-select--search-loading'
@@ -299,7 +253,6 @@ function renderOpts(h, _vm) {
       class: 'vxe-select--search-text'
     }, _conf.default.i18n('vxe.select.loadingText'))])];
   }
-
   if (isGroup) {
     if (visibleGroupList.length) {
       return renderOptgroup(h, _vm);
@@ -309,12 +262,10 @@ function renderOpts(h, _vm) {
       return renderOption(h, _vm, visibleOptionList);
     }
   }
-
   return [h('div', {
     class: 'vxe-select--empty-placeholder'
   }, _vm.emptyText || _conf.default.i18n('vxe.select.emptyText'))];
 }
-
 var _default2 = {
   name: 'VxeSelect',
   mixins: [_size.default],
@@ -436,47 +387,37 @@ var _default2 = {
     },
     selectLabel: function selectLabel() {
       var _this = this;
-
       var value = this.value,
-          multiple = this.multiple,
-          remote = this.remote,
-          multiMaxCharNum = this.multiMaxCharNum;
-
+        multiple = this.multiple,
+        remote = this.remote,
+        multiMaxCharNum = this.multiMaxCharNum;
       if (value && multiple) {
         var vals = _xeUtils.default.isArray(value) ? value : [value];
-
         if (remote) {
           return vals.map(function (val) {
             return getRemoteSelectLabel(_this, val);
           }).join(', ');
         }
-
         return vals.map(function (val) {
           var label = getSelectLabel(_this, val);
-
           if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
             return "".concat(label.substring(0, multiMaxCharNum), "...");
           }
-
           return label;
         }).join(', ');
       }
-
       if (remote) {
         return getRemoteSelectLabel(this, value);
       }
-
       return getSelectLabel(this, value);
     },
     isMaximize: function isMaximize() {
       var value = this.value,
-          multiple = this.multiple,
-          max = this.max;
-
+        multiple = this.multiple,
+        max = this.max;
       if (multiple && max) {
         return (value ? value.length : 0) >= _xeUtils.default.toNumber(max);
       }
-
       return false;
     }
   },
@@ -491,7 +432,6 @@ var _default2 = {
         this.fullGroupList = [];
         this.fullOptionList = value;
       }
-
       this.cacheItemMap();
     },
     options: function options(value) {
@@ -507,53 +447,42 @@ var _default2 = {
   },
   created: function created() {
     var options = this.options,
-        optionGroups = this.optionGroups;
-
+      optionGroups = this.optionGroups;
     if (optionGroups) {
       this.fullGroupList = optionGroups;
     } else if (options) {
       this.fullOptionList = options;
     }
-
     this.cacheItemMap();
-
     _event.GlobalEvent.on(this, 'mousewheel', this.handleGlobalMousewheelEvent);
-
     _event.GlobalEvent.on(this, 'mousedown', this.handleGlobalMousedownEvent);
-
     _event.GlobalEvent.on(this, 'keydown', this.handleGlobalKeydownEvent);
-
     _event.GlobalEvent.on(this, 'blur', this.handleGlobalBlurEvent);
   },
   beforeDestroy: function beforeDestroy() {
     var panelElem = this.$refs.panel;
-
     if (panelElem && panelElem.parentNode) {
       panelElem.parentNode.removeChild(panelElem);
     }
   },
   destroyed: function destroyed() {
     _event.GlobalEvent.off(this, 'mousewheel');
-
     _event.GlobalEvent.off(this, 'mousedown');
-
     _event.GlobalEvent.off(this, 'keydown');
-
     _event.GlobalEvent.off(this, 'blur');
   },
   render: function render(h) {
     var _ref, _ref2;
-
     var _e = this._e,
-        $scopedSlots = this.$scopedSlots,
-        vSize = this.vSize,
-        className = this.className,
-        inited = this.inited,
-        isActivated = this.isActivated,
-        loading = this.loading,
-        disabled = this.disabled,
-        visiblePanel = this.visiblePanel,
-        filterable = this.filterable;
+      $scopedSlots = this.$scopedSlots,
+      vSize = this.vSize,
+      className = this.className,
+      inited = this.inited,
+      isActivated = this.isActivated,
+      loading = this.loading,
+      disabled = this.disabled,
+      visiblePanel = this.visiblePanel,
+      filterable = this.filterable;
     var prefixSlot = $scopedSlots.prefix;
     return h('div', {
       class: ['vxe-select', className ? _xeUtils.default.isFunction(className) ? className({
@@ -621,36 +550,29 @@ var _default2 = {
     callSlot: function callSlot(slotFunc, params, h) {
       if (slotFunc) {
         var $scopedSlots = this.$scopedSlots;
-
         if (_xeUtils.default.isString(slotFunc)) {
           slotFunc = $scopedSlots[slotFunc] || null;
         }
-
         if (_xeUtils.default.isFunction(slotFunc)) {
           return (0, _vn.getSlotVNs)(slotFunc.call(this, params, h));
         }
       }
-
       return [];
     },
     cacheItemMap: function cacheItemMap() {
       var _this2 = this;
-
       var fullOptionList = this.fullOptionList,
-          fullGroupList = this.fullGroupList,
-          groupOptionsField = this.groupOptionsField;
+        fullGroupList = this.fullGroupList,
+        groupOptionsField = this.groupOptionsField;
       var optkey = getOptkey(this);
-
       var handleOptis = function handleOptis(item) {
         if (!getOptid(_this2, item)) {
           item[optkey] = getOptUniqueId();
         }
       };
-
       if (fullGroupList.length) {
         fullGroupList.forEach(function (group) {
           handleOptis(group);
-
           if (group[groupOptionsField]) {
             group[groupOptionsField].forEach(handleOptis);
           }
@@ -658,23 +580,20 @@ var _default2 = {
       } else if (fullOptionList.length) {
         fullOptionList.forEach(handleOptis);
       }
-
       this.refreshOption();
     },
-
     /**
      * 刷新选项，当选项被搜索、动态显示/隐藏时可能会用到
      */
     refreshOption: function refreshOption() {
       var isGroup = this.isGroup,
-          fullOptionList = this.fullOptionList,
-          fullGroupList = this.fullGroupList,
-          filterable = this.filterable,
-          filterMethod = this.filterMethod,
-          searchValue = this.searchValue,
-          labelField = this.labelField,
-          groupLabelField = this.groupLabelField;
-
+        fullOptionList = this.fullOptionList,
+        fullGroupList = this.fullGroupList,
+        filterable = this.filterable,
+        filterMethod = this.filterMethod,
+        searchValue = this.searchValue,
+        labelField = this.labelField,
+        groupLabelField = this.groupLabelField;
       if (isGroup) {
         if (filterable && filterMethod) {
           this.visibleGroupList = fullGroupList.filter(function (group) {
@@ -708,7 +627,6 @@ var _default2 = {
           this.visibleOptionList = fullOptionList.filter(isOptionVisible);
         }
       }
-
       return this.$nextTick();
     },
     setCurrentOption: function setCurrentOption(option) {
@@ -719,17 +637,14 @@ var _default2 = {
     },
     scrollToOption: function scrollToOption(option, isAlignBottom) {
       var _this3 = this;
-
       return this.$nextTick().then(function () {
         if (option) {
           var $refs = _this3.$refs;
           var optWrapperElem = $refs.optWrapper;
           var optElem = $refs.panel.querySelector("[optid='".concat(getOptid(_this3, option), "']"));
-
           if (optWrapperElem && optElem) {
             var wrapperHeight = optWrapperElem.offsetHeight;
             var offsetPadding = 5;
-
             if (isAlignBottom) {
               if (optElem.offsetTop + optElem.offsetHeight - optWrapperElem.scrollTop > wrapperHeight) {
                 optWrapperElem.scrollTop = optElem.offsetTop + optElem.offsetHeight - wrapperHeight;
@@ -761,8 +676,8 @@ var _default2 = {
         this.$emit('change', {
           value: selectValue,
           $event: evnt
-        }); // 自动更新校验状态
-
+        });
+        // 自动更新校验状态
         if (this.$xeform && this.$xeformiteminfo) {
           this.$xeform.triggerItemEvent(evnt, this.$xeformiteminfo.itemConfig.field, selectValue);
         }
@@ -770,19 +685,16 @@ var _default2 = {
     },
     mousedownOptionEvent: function mousedownOptionEvent(evnt) {
       var isLeftBtn = evnt.button === 0;
-
       if (isLeftBtn) {
         evnt.stopPropagation();
       }
     },
     changeOptionEvent: function changeOptionEvent(evnt, selectValue, option) {
       var value = this.value,
-          multiple = this.multiple,
-          remoteValueList = this.remoteValueList;
-
+        multiple = this.multiple,
+        remoteValueList = this.remoteValueList;
       if (multiple) {
         var multipleValue;
-
         if (value) {
           if (value.indexOf(selectValue) === -1) {
             multipleValue = value.concat([selectValue]);
@@ -794,11 +706,9 @@ var _default2 = {
         } else {
           multipleValue = [selectValue];
         }
-
         var remoteItem = remoteValueList.find(function (item) {
           return item.key === selectValue;
         });
-
         if (remoteItem) {
           remoteItem.result = option;
         } else {
@@ -807,7 +717,6 @@ var _default2 = {
             result: option
           });
         }
-
         this.changeEvent(evnt, multipleValue);
       } else {
         this.remoteValueList = [{
@@ -820,9 +729,8 @@ var _default2 = {
     },
     handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent(evnt) {
       var $refs = this.$refs,
-          disabled = this.disabled,
-          visiblePanel = this.visiblePanel;
-
+        disabled = this.disabled,
+        visiblePanel = this.visiblePanel;
       if (!disabled) {
         if (visiblePanel) {
           if (_dom.default.getEventTargetNode(evnt, $refs.panel).flag) {
@@ -835,13 +743,11 @@ var _default2 = {
     },
     handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
       var $refs = this.$refs,
-          $el = this.$el,
-          disabled = this.disabled,
-          visiblePanel = this.visiblePanel;
-
+        $el = this.$el,
+        disabled = this.disabled,
+        visiblePanel = this.visiblePanel;
       if (!disabled) {
         this.isActivated = _dom.default.getEventTargetNode(evnt, $el).flag || _dom.default.getEventTargetNode(evnt, $refs.panel).flag;
-
         if (visiblePanel && !this.isActivated) {
           this.hideOptionPanel();
         }
@@ -849,11 +755,10 @@ var _default2 = {
     },
     handleGlobalKeydownEvent: function handleGlobalKeydownEvent(evnt) {
       var visiblePanel = this.visiblePanel,
-          currentValue = this.currentValue,
-          currentOption = this.currentOption,
-          clearable = this.clearable,
-          disabled = this.disabled;
-
+        currentValue = this.currentValue,
+        currentOption = this.currentOption,
+        clearable = this.clearable,
+        disabled = this.disabled;
       if (!disabled) {
         var keyCode = evnt.keyCode;
         var isTab = keyCode === 9;
@@ -863,11 +768,9 @@ var _default2 = {
         var isDwArrow = keyCode === 40;
         var isDel = keyCode === 46;
         var isSpacebar = keyCode === 32;
-
         if (isTab) {
           this.isActivated = false;
         }
-
         if (visiblePanel) {
           if (isEsc || isTab) {
             this.hideOptionPanel();
@@ -877,15 +780,12 @@ var _default2 = {
             this.changeOptionEvent(evnt, currentValue, currentOption);
           } else if (isUpArrow || isDwArrow) {
             evnt.preventDefault();
-
             var _findOffsetOption = findOffsetOption(this, currentValue, isUpArrow),
-                firstOption = _findOffsetOption.firstOption,
-                offsetOption = _findOffsetOption.offsetOption;
-
+              firstOption = _findOffsetOption.firstOption,
+              offsetOption = _findOffsetOption.offsetOption;
             if (!offsetOption && !findOption(this, currentValue)) {
               offsetOption = firstOption;
             }
-
             this.setCurrentOption(offsetOption);
             this.scrollToOption(offsetOption, isDwArrow);
           } else if (isSpacebar) {
@@ -895,7 +795,6 @@ var _default2 = {
           evnt.preventDefault();
           this.showOptionPanel();
         }
-
         if (this.isActivated) {
           if (isDel && clearable) {
             this.clearValueEvent(evnt, null);
@@ -913,7 +812,6 @@ var _default2 = {
     },
     handleFocusSearch: function handleFocusSearch() {
       var _this4 = this;
-
       if (this.filterable) {
         this.$nextTick(function () {
           if (_this4.$refs.inpSearch) {
@@ -939,7 +837,6 @@ var _default2 = {
     keydownSearchEvent: function keydownSearchEvent(params) {
       var $event = params.$event;
       var isEnter = (0, _event.hasEventKey)($event, _event.EVENT_KEYS.ENTER);
-
       if (isEnter) {
         $event.preventDefault();
         $event.stopPropagation();
@@ -947,11 +844,9 @@ var _default2 = {
     },
     triggerSearchEvent: _xeUtils.default.debounce(function () {
       var _this5 = this;
-
       var remote = this.remote,
-          remoteMethod = this.remoteMethod,
-          searchValue = this.searchValue;
-
+        remoteMethod = this.remoteMethod,
+        searchValue = this.searchValue;
       if (remote && remoteMethod) {
         this.searchLoading = true;
         Promise.resolve(remoteMethod({
@@ -962,7 +857,6 @@ var _default2 = {
           return _this5.$nextTick();
         }).finally(function () {
           _this5.searchLoading = false;
-
           _this5.refreshOption();
         });
       } else {
@@ -980,27 +874,23 @@ var _default2 = {
       } else {
         this.showOptionPanel();
       }
-
       this.$nextTick();
     },
     hidePanel: function hidePanel() {
       if (this.visiblePanel) {
         this.hideOptionPanel();
       }
-
       this.$nextTick();
     },
     showPanel: function showPanel() {
       if (!this.visiblePanel) {
         this.showOptionPanel();
       }
-
       this.$nextTick();
     },
     togglePanelEvent: function togglePanelEvent(params) {
       var $event = params.$event;
       $event.preventDefault();
-
       if (this.visiblePanel) {
         this.hideOptionPanel();
       } else {
@@ -1009,42 +899,32 @@ var _default2 = {
     },
     showOptionPanel: function showOptionPanel() {
       var _this6 = this;
-
       var loading = this.loading,
-          disabled = this.disabled,
-          filterable = this.filterable;
-
+        disabled = this.disabled,
+        filterable = this.filterable;
       if (!loading && !disabled) {
         this.searchList = this.option;
         clearTimeout(this.hidePanelTimeout);
-
         if (!this.inited) {
           this.inited = true;
-
           if (this.transfer) {
             document.body.appendChild(this.$refs.panel);
           }
         }
-
         this.isActivated = true;
         this.animatVisible = true;
-
         if (filterable) {
           this.refreshOption();
         }
-
         setTimeout(function () {
           var value = _this6.value,
-              multiple = _this6.multiple;
+            multiple = _this6.multiple;
           var currOption = findOption(_this6, multiple && value ? value[0] : value);
           _this6.visiblePanel = true;
-
           if (currOption) {
             _this6.setCurrentOption(currOption);
-
             _this6.scrollToOption(currOption);
           }
-
           _this6.handleFocusSearch();
         }, 10);
         this.updateZindex();
@@ -1053,7 +933,6 @@ var _default2 = {
     },
     hideOptionPanel: function hideOptionPanel() {
       var _this7 = this;
-
       this.searchValue = '';
       this.searchLoading = false;
       this.visiblePanel = false;
@@ -1064,15 +943,13 @@ var _default2 = {
     },
     updatePlacement: function updatePlacement() {
       var _this8 = this;
-
       return this.$nextTick().then(function () {
         var $refs = _this8.$refs,
-            transfer = _this8.transfer,
-            placement = _this8.placement,
-            panelIndex = _this8.panelIndex;
+          transfer = _this8.transfer,
+          placement = _this8.placement,
+          panelIndex = _this8.panelIndex;
         var targetElem = $refs.input.$el;
         var panelElem = $refs.panel;
-
         if (panelElem && targetElem) {
           var targetHeight = targetElem.offsetHeight;
           var targetWidth = targetElem.offsetWidth;
@@ -1082,19 +959,15 @@ var _default2 = {
           var panelStyle = {
             zIndex: panelIndex
           };
-
           var _DomTools$getAbsolute = _dom.default.getAbsolutePos(targetElem),
-              boundingTop = _DomTools$getAbsolute.boundingTop,
-              boundingLeft = _DomTools$getAbsolute.boundingLeft,
-              visibleHeight = _DomTools$getAbsolute.visibleHeight,
-              visibleWidth = _DomTools$getAbsolute.visibleWidth;
-
+            boundingTop = _DomTools$getAbsolute.boundingTop,
+            boundingLeft = _DomTools$getAbsolute.boundingLeft,
+            visibleHeight = _DomTools$getAbsolute.visibleHeight,
+            visibleWidth = _DomTools$getAbsolute.visibleWidth;
           var panelPlacement = 'bottom';
-
           if (transfer) {
             var left = boundingLeft;
             var top = boundingTop + targetHeight;
-
             if (placement === 'top') {
               panelPlacement = 'top';
               top = boundingTop - panelHeight;
@@ -1103,25 +976,21 @@ var _default2 = {
               if (top + panelHeight + marginSize > visibleHeight) {
                 panelPlacement = 'top';
                 top = boundingTop - panelHeight;
-              } // 如果上面不够放，则向下（优先）
-
-
+              }
+              // 如果上面不够放，则向下（优先）
               if (top < marginSize) {
                 panelPlacement = 'bottom';
                 top = boundingTop + targetHeight;
               }
-            } // 如果溢出右边
-
-
+            }
+            // 如果溢出右边
             if (left + panelWidth + marginSize > visibleWidth) {
               left -= left + panelWidth + marginSize - visibleWidth;
-            } // 如果溢出左边
-
-
+            }
+            // 如果溢出左边
             if (left < marginSize) {
               left = marginSize;
             }
-
             Object.assign(panelStyle, {
               left: "".concat(left, "px"),
               top: "".concat(top, "px"),
@@ -1142,7 +1011,6 @@ var _default2 = {
               }
             }
           }
-
           _this8.panelStyle = panelStyle;
           _this8.panelPlacement = panelPlacement;
           return _this8.$nextTick();