vxe-table 4.3.4 → 4.3.6-beta.0

package/lib/select/src/select.js

@@ -4,36 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _vue = require("vue");
-
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
-
 var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
-
 var _size = require("../../hooks/size");
-
 var _dom = require("../../tools/dom");
-
 var _utils = require("../../tools/utils");
-
 var _event = require("../../tools/event");
-
 var _input = _interopRequireDefault(require("../../input/src/input"));
-
 var _vn = require("../../tools/vn");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function isOptionVisible(option) {
   return option.visible !== false;
 }
-
 function getOptUniqueId() {
   return _xeUtils.default.uniqueId('opt_');
 }
-
-var _default2 = (0, _vue.defineComponent)({
+var _default = (0, _vue.defineComponent)({
   name: 'VxeSelect',
   props: {
     modelValue: null,
@@ -44,7 +31,7 @@ var _default2 = (0, _vue.defineComponent)({
     multiple: Boolean,
     multiCharOverflow: {
       type: [Number, String],
-      default: function _default() {
+      default: function () {
         return _conf.default.select.multiCharOverflow;
       }
     },
@@ -62,7 +49,7 @@ var _default2 = (0, _vue.defineComponent)({
     },
     size: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.select.size || _conf.default.size;
       }
     },
@@ -74,7 +61,7 @@ var _default2 = (0, _vue.defineComponent)({
     // 已废弃，被 option-config.keyField 替换
     optionId: {
       type: String,
-      default: function _default() {
+      default: function () {
         return _conf.default.select.optionId;
       }
     },
@@ -82,20 +69,18 @@ var _default2 = (0, _vue.defineComponent)({
     optionKey: Boolean,
     transfer: {
       type: Boolean,
-      default: function _default() {
+      default: function () {
         return _conf.default.select.transfer;
       }
     }
   },
   emits: ['update:modelValue', 'change', 'clear'],
-  setup: function setup(props, context) {
+  setup: function (props, context) {
     var slots = context.slots,
-        emit = context.emit;
+      emit = context.emit;
     var $xeform = (0, _vue.inject)('$xeform', null);
     var $xeformiteminfo = (0, _vue.inject)('$xeformiteminfo', null);
-
     var xID = _xeUtils.default.uniqueId();
-
     var computeSize = (0, _size.useSize)(props);
     var reactData = (0, _vue.reactive)({
       inited: false,
@@ -129,7 +114,7 @@ var _default2 = (0, _vue.defineComponent)({
       props: props,
       context: context,
       reactData: reactData,
-      getRefMaps: function getRefMaps() {
+      getRefMaps: function () {
         return refMaps;
       }
     };
@@ -158,13 +143,11 @@ var _default2 = (0, _vue.defineComponent)({
     });
     var computeIsMaximize = (0, _vue.computed)(function () {
       var modelValue = props.modelValue,
-          multiple = props.multiple,
-          max = props.max;
-
+        multiple = props.multiple,
+        max = props.max;
       if (multiple && max) {
         return (modelValue ? modelValue.length : 0) >= _xeUtils.default.toNumber(max);
       }
-
       return false;
     });
     var computeOptionOpts = (0, _vue.computed)(function () {
@@ -178,35 +161,28 @@ var _default2 = (0, _vue.defineComponent)({
     var computeMultiMaxCharNum = (0, _vue.computed)(function () {
       return _xeUtils.default.toNumber(props.multiCharOverflow);
     });
-
-    var callSlot = function callSlot(slotFunc, params) {
+    var callSlot = function (slotFunc, params) {
       if (slotFunc) {
         if (_xeUtils.default.isString(slotFunc)) {
           slotFunc = slots[slotFunc] || null;
         }
-
         if (_xeUtils.default.isFunction(slotFunc)) {
           return (0, _vn.getSlotVNs)(slotFunc(params));
         }
       }
-
       return [];
     };
-
-    var findOption = function findOption(optionValue) {
+    var findOption = function (optionValue) {
       var fullOptionList = reactData.fullOptionList,
-          fullGroupList = reactData.fullGroupList;
+        fullGroupList = reactData.fullGroupList;
       var isGroup = computeIsGroup.value;
       var valueField = computeValueField.value;
-
       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;
               }
@@ -214,13 +190,11 @@ var _default2 = (0, _vue.defineComponent)({
           }
         }
       }
-
       return fullOptionList.find(function (item) {
         return optionValue === item[valueField];
       });
     };
-
-    var getRemoteSelectLabel = function getRemoteSelectLabel(value) {
+    var getRemoteSelectLabel = function (value) {
       var remoteValueList = reactData.remoteValueList;
       var labelField = computeLabelField.value;
       var remoteItem = remoteValueList.find(function (item) {
@@ -229,70 +203,56 @@ var _default2 = (0, _vue.defineComponent)({
       var item = remoteItem ? remoteItem.result : null;
       return _xeUtils.default.toValueString(item ? item[labelField] : value);
     };
-
-    var getSelectLabel = function getSelectLabel(value) {
+    var getSelectLabel = function (value) {
       var labelField = computeLabelField.value;
       var item = findOption(value);
       return _xeUtils.default.toValueString(item ? item[labelField] : value);
     };
-
     var computeSelectLabel = (0, _vue.computed)(function () {
       var modelValue = props.modelValue,
-          multiple = props.multiple,
-          remote = props.remote;
+        multiple = props.multiple,
+        remote = props.remote;
       var multiMaxCharNum = computeMultiMaxCharNum.value;
-
       if (modelValue && multiple) {
         var vals = _xeUtils.default.isArray(modelValue) ? modelValue : [modelValue];
-
         if (remote) {
           return vals.map(function (val) {
             return getRemoteSelectLabel(val);
           }).join(', ');
         }
-
         return vals.map(function (val) {
           var label = getSelectLabel(val);
-
           if (multiMaxCharNum > 0 && label.length > multiMaxCharNum) {
             return "".concat(label.substring(0, multiMaxCharNum), "...");
           }
-
           return label;
         }).join(', ');
       }
-
       if (remote) {
         return getRemoteSelectLabel(modelValue);
       }
-
       return getSelectLabel(modelValue);
     });
-
-    var getOptkey = function getOptkey() {
+    var getOptkey = function () {
       var optionOpts = computeOptionOpts.value;
       return optionOpts.keyField || props.optionId || '_X_OPTION_KEY';
     };
-
-    var getOptid = function getOptid(option) {
+    var getOptid = function (option) {
       var optid = option[getOptkey()];
       return optid ? encodeURIComponent(optid) : '';
     };
     /**
      * 刷新选项，当选项被动态显示/隐藏时可能会用到
      */
-
-
-    var refreshOption = function refreshOption() {
+    var refreshOption = function () {
       var filterable = props.filterable,
-          filterMethod = props.filterMethod;
+        filterMethod = props.filterMethod;
       var fullOptionList = reactData.fullOptionList,
-          fullGroupList = reactData.fullGroupList,
-          searchValue = reactData.searchValue;
+        fullGroupList = reactData.fullGroupList,
+        searchValue = reactData.searchValue;
       var isGroup = computeIsGroup.value;
       var groupLabelField = computeGroupLabelField.value;
       var labelField = computeLabelField.value;
-
       if (isGroup) {
         if (filterable && filterMethod) {
           reactData.visibleGroupList = fullGroupList.filter(function (group) {
@@ -326,26 +286,21 @@ var _default2 = (0, _vue.defineComponent)({
           reactData.visibleOptionList = fullOptionList.filter(isOptionVisible);
         }
       }
-
       return (0, _vue.nextTick)();
     };
-
-    var cacheItemMap = function cacheItemMap() {
+    var cacheItemMap = function () {
       var fullOptionList = reactData.fullOptionList,
-          fullGroupList = reactData.fullGroupList;
+        fullGroupList = reactData.fullGroupList;
       var groupOptionsField = computeGroupOptionsField.value;
       var key = getOptkey();
-
-      var handleOptis = function handleOptis(item) {
+      var handleOptis = function (item) {
         if (!getOptid(item)) {
           item[key] = getOptUniqueId();
         }
       };
-
       if (fullGroupList.length) {
         fullGroupList.forEach(function (group) {
           handleOptis(group);
-
           if (group[groupOptionsField]) {
             group[groupOptionsField].forEach(handleOptis);
           }
@@ -353,30 +308,24 @@ var _default2 = (0, _vue.defineComponent)({
       } else if (fullOptionList.length) {
         fullOptionList.forEach(handleOptis);
       }
-
       refreshOption();
     };
-
-    var setCurrentOption = function setCurrentOption(option) {
+    var setCurrentOption = function (option) {
       var valueField = computeValueField.value;
-
       if (option) {
         reactData.currentOption = option;
         reactData.currentValue = option[valueField];
       }
     };
-
-    var scrollToOption = function scrollToOption(option, isAlignBottom) {
+    var scrollToOption = function (option, isAlignBottom) {
       return (0, _vue.nextTick)().then(function () {
         if (option) {
           var optWrapperElem = refOptionWrapper.value;
           var panelElem = refOptionPanel.value;
           var optElem = panelElem.querySelector("[optid='".concat(getOptid(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;
@@ -390,21 +339,18 @@ var _default2 = (0, _vue.defineComponent)({
         }
       });
     };
-
-    var updateZindex = function updateZindex() {
+    var updateZindex = function () {
       if (reactData.panelIndex < (0, _utils.getLastZIndex)()) {
         reactData.panelIndex = (0, _utils.nextZIndex)();
       }
     };
-
-    var updatePlacement = function updatePlacement() {
+    var updatePlacement = function () {
       return (0, _vue.nextTick)().then(function () {
         var transfer = props.transfer,
-            placement = props.placement;
+          placement = props.placement;
         var panelIndex = reactData.panelIndex;
         var el = refElem.value;
         var panelElem = refOptionPanel.value;
-
         if (panelElem && el) {
           var targetHeight = el.offsetHeight;
           var targetWidth = el.offsetWidth;
@@ -414,19 +360,15 @@ var _default2 = (0, _vue.defineComponent)({
           var panelStyle = {
             zIndex: panelIndex
           };
-
           var _a = (0, _dom.getAbsolutePos)(el),
-              boundingTop = _a.boundingTop,
-              boundingLeft = _a.boundingLeft,
-              visibleHeight = _a.visibleHeight,
-              visibleWidth = _a.visibleWidth;
-
+            boundingTop = _a.boundingTop,
+            boundingLeft = _a.boundingLeft,
+            visibleHeight = _a.visibleHeight,
+            visibleWidth = _a.visibleWidth;
           var panelPlacement = 'bottom';
-
           if (transfer) {
             var left = boundingLeft;
             var top_1 = boundingTop + targetHeight;
-
             if (placement === 'top') {
               panelPlacement = 'top';
               top_1 = boundingTop - panelHeight;
@@ -435,25 +377,21 @@ var _default2 = (0, _vue.defineComponent)({
               if (top_1 + panelHeight + marginSize > visibleHeight) {
                 panelPlacement = 'top';
                 top_1 = boundingTop - panelHeight;
-              } // 如果上面不够放，则向下（优先）
-
-
+              }
+              // 如果上面不够放，则向下（优先）
               if (top_1 < marginSize) {
                 panelPlacement = 'bottom';
                 top_1 = 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_1, "px"),
@@ -474,54 +412,43 @@ var _default2 = (0, _vue.defineComponent)({
               }
             }
           }
-
           reactData.panelStyle = panelStyle;
           reactData.panelPlacement = panelPlacement;
           return (0, _vue.nextTick)();
         }
       });
     };
-
     var hidePanelTimeout;
-
-    var showOptionPanel = function showOptionPanel() {
+    var showOptionPanel = function () {
       var loading = props.loading,
-          disabled = props.disabled,
-          filterable = props.filterable;
-
+        disabled = props.disabled,
+        filterable = props.filterable;
       if (!loading && !disabled) {
         clearTimeout(hidePanelTimeout);
-
         if (!reactData.inited) {
           reactData.inited = true;
         }
-
         reactData.isActivated = true;
         reactData.animatVisible = true;
-
         if (filterable) {
           refreshOption();
         }
-
         setTimeout(function () {
           var modelValue = props.modelValue,
-              multiple = props.multiple;
+            multiple = props.multiple;
           var currOption = findOption(multiple && modelValue ? modelValue[0] : modelValue);
           reactData.visiblePanel = true;
-
           if (currOption) {
             setCurrentOption(currOption);
             scrollToOption(currOption);
           }
-
           handleFocusSearch();
         }, 10);
         updateZindex();
         updatePlacement();
       }
     };
-
-    var hideOptionPanel = function hideOptionPanel() {
+    var hideOptionPanel = function () {
       reactData.searchValue = '';
       reactData.searchLoading = false;
       reactData.visiblePanel = false;
@@ -529,41 +456,35 @@ var _default2 = (0, _vue.defineComponent)({
         reactData.animatVisible = false;
       }, 350);
     };
-
-    var changeEvent = function changeEvent(evnt, selectValue) {
+    var changeEvent = function (evnt, selectValue) {
       if (selectValue !== props.modelValue) {
         emit('update:modelValue', selectValue);
         selectMethods.dispatchEvent('change', {
           value: selectValue
-        }, evnt); // 自动更新校验状态
-
+        }, evnt);
+        // 自动更新校验状态
         if ($xeform && $xeformiteminfo) {
           $xeform.triggerItemEvent(evnt, $xeformiteminfo.itemConfig.field, selectValue);
         }
       }
     };
-
-    var clearValueEvent = function clearValueEvent(evnt, selectValue) {
+    var clearValueEvent = function (evnt, selectValue) {
       reactData.remoteValueList = [];
       changeEvent(evnt, selectValue);
       selectMethods.dispatchEvent('clear', {
         value: selectValue
       }, evnt);
     };
-
-    var clearEvent = function clearEvent(params, evnt) {
+    var clearEvent = function (params, evnt) {
       clearValueEvent(evnt, null);
       hideOptionPanel();
     };
-
-    var changeOptionEvent = function changeOptionEvent(evnt, selectValue, option) {
+    var changeOptionEvent = function (evnt, selectValue, option) {
       var modelValue = props.modelValue,
-          multiple = props.multiple;
+        multiple = props.multiple;
       var remoteValueList = reactData.remoteValueList;
-
       if (multiple) {
         var multipleValue = void 0;
-
         if (modelValue) {
           if (modelValue.indexOf(selectValue) === -1) {
             multipleValue = modelValue.concat([selectValue]);
@@ -575,11 +496,9 @@ var _default2 = (0, _vue.defineComponent)({
         } else {
           multipleValue = [selectValue];
         }
-
         var remoteItem = remoteValueList.find(function (item) {
           return item.key === selectValue;
         });
-
         if (remoteItem) {
           remoteItem.result = option;
         } else {
@@ -588,7 +507,6 @@ var _default2 = (0, _vue.defineComponent)({
             result: option
           });
         }
-
         changeEvent(evnt, multipleValue);
       } else {
         reactData.remoteValueList = [{
@@ -599,15 +517,12 @@ var _default2 = (0, _vue.defineComponent)({
         hideOptionPanel();
       }
     };
-
-    var handleGlobalMousewheelEvent = function handleGlobalMousewheelEvent(evnt) {
+    var handleGlobalMousewheelEvent = function (evnt) {
       var disabled = props.disabled;
       var visiblePanel = reactData.visiblePanel;
-
       if (!disabled) {
         if (visiblePanel) {
           var panelElem = refOptionPanel.value;
-
           if ((0, _dom.getEventTargetNode)(evnt, panelElem).flag) {
             updatePlacement();
           } else {
@@ -616,25 +531,21 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var handleGlobalMousedownEvent = function handleGlobalMousedownEvent(evnt) {
+    var handleGlobalMousedownEvent = function (evnt) {
       var disabled = props.disabled;
       var visiblePanel = reactData.visiblePanel;
-
       if (!disabled) {
         var el = refElem.value;
         var panelElem = refOptionPanel.value;
         reactData.isActivated = (0, _dom.getEventTargetNode)(evnt, el).flag || (0, _dom.getEventTargetNode)(evnt, panelElem).flag;
-
         if (visiblePanel && !reactData.isActivated) {
           hideOptionPanel();
         }
       }
     };
-
-    var findOffsetOption = function findOffsetOption(optionValue, isUpArrow) {
+    var findOffsetOption = function (optionValue, isUpArrow) {
       var visibleOptionList = reactData.visibleOptionList,
-          visibleGroupList = reactData.visibleGroupList;
+        visibleGroupList = reactData.visibleGroupList;
       var isGroup = computeIsGroup.value;
       var valueField = computeValueField.value;
       var groupOptionsField = computeGroupOptionsField.value;
@@ -642,27 +553,22 @@ var _default2 = (0, _vue.defineComponent)({
       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
@@ -670,10 +576,8 @@ var _default2 = (0, _vue.defineComponent)({
                   }
                 }
               }
-
               if (optionValue === option[valueField]) {
                 currOption = option;
-
                 if (isUpArrow) {
                   return {
                     offsetOption: prevOption
@@ -691,15 +595,12 @@ var _default2 = (0, _vue.defineComponent)({
         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
@@ -707,10 +608,8 @@ var _default2 = (0, _vue.defineComponent)({
               }
             }
           }
-
           if (optionValue === option[valueField]) {
             currOption = option;
-
             if (isUpArrow) {
               return {
                 offsetOption: prevOption
@@ -723,19 +622,16 @@ var _default2 = (0, _vue.defineComponent)({
           }
         }
       }
-
       return {
         firstOption: firstOption
       };
     };
-
-    var handleGlobalKeydownEvent = function handleGlobalKeydownEvent(evnt) {
+    var handleGlobalKeydownEvent = function (evnt) {
       var clearable = props.clearable,
-          disabled = props.disabled;
+        disabled = props.disabled;
       var visiblePanel = reactData.visiblePanel,
-          currentValue = reactData.currentValue,
-          currentOption = reactData.currentOption;
-
+        currentValue = reactData.currentValue,
+        currentOption = reactData.currentOption;
       if (!disabled) {
         var isTab = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.TAB);
         var isEnter = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ENTER);
@@ -744,11 +640,9 @@ var _default2 = (0, _vue.defineComponent)({
         var isDwArrow = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.ARROW_DOWN);
         var isDel = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.DELETE);
         var isSpacebar = (0, _event.hasEventKey)(evnt, _event.EVENT_KEYS.SPACEBAR);
-
         if (isTab) {
           reactData.isActivated = false;
         }
-
         if (visiblePanel) {
           if (isEsc || isTab) {
             hideOptionPanel();
@@ -758,15 +652,12 @@ var _default2 = (0, _vue.defineComponent)({
             changeOptionEvent(evnt, currentValue, currentOption);
           } else if (isUpArrow || isDwArrow) {
             evnt.preventDefault();
-
             var _a = findOffsetOption(currentValue, isUpArrow),
-                firstOption = _a.firstOption,
-                offsetOption = _a.offsetOption;
-
+              firstOption = _a.firstOption,
+              offsetOption = _a.offsetOption;
             if (!offsetOption && !findOption(currentValue)) {
               offsetOption = firstOption;
             }
-
             setCurrentOption(offsetOption);
             scrollToOption(offsetOption, isDwArrow);
           } else if (isSpacebar) {
@@ -776,7 +667,6 @@ var _default2 = (0, _vue.defineComponent)({
           evnt.preventDefault();
           showOptionPanel();
         }
-
         if (reactData.isActivated) {
           if (isDel && clearable) {
             clearValueEvent(evnt, null);
@@ -784,56 +674,45 @@ var _default2 = (0, _vue.defineComponent)({
         }
       }
     };
-
-    var handleGlobalBlurEvent = function handleGlobalBlurEvent() {
+    var handleGlobalBlurEvent = function () {
       hideOptionPanel();
     };
-
-    var handleFocusSearch = function handleFocusSearch() {
+    var handleFocusSearch = function () {
       if (props.filterable) {
         (0, _vue.nextTick)(function () {
           var inpSearch = refInpSearch.value;
-
           if (inpSearch) {
             inpSearch.focus();
           }
         });
       }
     };
-
-    var focusEvent = function focusEvent() {
+    var focusEvent = function () {
       if (!props.disabled) {
         reactData.isActivated = true;
       }
     };
-
-    var blurEvent = function blurEvent() {
+    var blurEvent = function () {
       reactData.isActivated = false;
     };
-
-    var modelSearchEvent = function modelSearchEvent(value) {
+    var modelSearchEvent = function (value) {
       reactData.searchValue = value;
     };
-
-    var focusSearchEvent = function focusSearchEvent() {
+    var focusSearchEvent = function () {
       reactData.isActivated = true;
     };
-
-    var keydownSearchEvent = function keydownSearchEvent(params) {
+    var keydownSearchEvent = function (params) {
       var $event = params.$event;
       var isEnter = (0, _event.hasEventKey)($event, _event.EVENT_KEYS.ENTER);
-
       if (isEnter) {
         $event.preventDefault();
         $event.stopPropagation();
       }
     };
-
     var triggerSearchEvent = _xeUtils.default.debounce(function () {
       var remote = props.remote,
-          remoteMethod = props.remoteMethod;
+        remoteMethod = props.remoteMethod;
       var searchValue = reactData.searchValue;
-
       if (remote && remoteMethod) {
         reactData.searchLoading = true;
         Promise.resolve(remoteMethod({
@@ -852,40 +731,32 @@ var _default2 = (0, _vue.defineComponent)({
     }, 350, {
       trailing: true
     });
-
-    var togglePanelEvent = function togglePanelEvent(params) {
+    var togglePanelEvent = function (params) {
       var $event = params.$event;
       $event.preventDefault();
-
       if (reactData.visiblePanel) {
         hideOptionPanel();
       } else {
         showOptionPanel();
       }
     };
-
-    var checkOptionDisabled = function checkOptionDisabled(isSelected, option, group) {
+    var checkOptionDisabled = function (isSelected, option, group) {
       if (option.disabled) {
         return true;
       }
-
       if (group && group.disabled) {
         return true;
       }
-
       var isMaximize = computeIsMaximize.value;
-
       if (isMaximize && !isSelected) {
         return true;
       }
-
       return false;
     };
-
-    var renderOption = function renderOption(list, group) {
+    var renderOption = function (list, group) {
       var optionKey = props.optionKey,
-          modelValue = props.modelValue,
-          multiple = props.multiple;
+        modelValue = props.modelValue,
+        multiple = props.multiple;
       var currentValue = reactData.currentValue;
       var optionOpts = computeOptionOpts.value;
       var labelField = computeLabelField.value;
@@ -894,7 +765,7 @@ var _default2 = (0, _vue.defineComponent)({
       var useKey = optionOpts.useKey;
       return list.map(function (option, cIndex) {
         var slots = option.slots,
-            className = option.className;
+          className = option.className;
         var optionValue = option[valueField];
         var isSelected = multiple ? modelValue && modelValue.indexOf(optionValue) > -1 : modelValue === optionValue;
         var isVisible = !isGroup || isOptionVisible(option);
@@ -914,19 +785,18 @@ var _default2 = (0, _vue.defineComponent)({
           // attrs
           optid: optid,
           // event
-          onMousedown: function onMousedown(evnt) {
+          onMousedown: function (evnt) {
             var isLeftBtn = evnt.button === 0;
-
             if (isLeftBtn) {
               evnt.stopPropagation();
             }
           },
-          onClick: function onClick(evnt) {
+          onClick: function (evnt) {
             if (!isDisabled) {
               changeOptionEvent(evnt, optionValue, option);
             }
           },
-          onMouseenter: function onMouseenter() {
+          onMouseenter: function () {
             if (!isDisabled) {
               setCurrentOption(option);
             }
@@ -937,8 +807,7 @@ var _default2 = (0, _vue.defineComponent)({
         }) : (0, _utils.formatText)((0, _utils.getFuncText)(option[labelField]))) : null;
       });
     };
-
-    var renderOptgroup = function renderOptgroup() {
+    var renderOptgroup = function () {
       var optionKey = props.optionKey;
       var visibleGroupList = reactData.visibleGroupList;
       var optionOpts = computeOptionOpts.value;
@@ -947,7 +816,7 @@ var _default2 = (0, _vue.defineComponent)({
       var useKey = optionOpts.useKey;
       return visibleGroupList.map(function (group, gIndex) {
         var slots = group.slots,
-            className = group.className;
+          className = group.className;
         var optid = getOptid(group);
         var isGroupDisabled = group.disabled;
         var defaultSlot = slots ? slots.default : null;
@@ -971,13 +840,11 @@ var _default2 = (0, _vue.defineComponent)({
         }, renderOption(group[groupOptionsField] || [], group))]);
       });
     };
-
-    var renderOpts = function renderOpts() {
+    var renderOpts = function () {
       var visibleGroupList = reactData.visibleGroupList,
-          visibleOptionList = reactData.visibleOptionList,
-          searchLoading = reactData.searchLoading;
+        visibleOptionList = reactData.visibleOptionList,
+        searchLoading = reactData.searchLoading;
       var isGroup = computeIsGroup.value;
-
       if (searchLoading) {
         return [(0, _vue.h)('div', {
           class: 'vxe-select--search-loading'
@@ -987,7 +854,6 @@ var _default2 = (0, _vue.defineComponent)({
           class: 'vxe-select--search-text'
         }, _conf.default.i18n('vxe.select.loadingText'))])];
       }
-
       if (isGroup) {
         if (visibleGroupList.length) {
           return renderOptgroup();
@@ -997,53 +863,48 @@ var _default2 = (0, _vue.defineComponent)({
           return renderOption(visibleOptionList);
         }
       }
-
       return [(0, _vue.h)('div', {
         class: 'vxe-select--empty-placeholder'
       }, props.emptyText || _conf.default.i18n('vxe.select.emptyText'))];
     };
-
     selectMethods = {
-      dispatchEvent: function dispatchEvent(type, params, evnt) {
+      dispatchEvent: function (type, params, evnt) {
         emit(type, Object.assign({
           $select: $xeselect,
           $event: evnt
         }, params));
       },
-      isPanelVisible: function isPanelVisible() {
+      isPanelVisible: function () {
         return reactData.visiblePanel;
       },
-      togglePanel: function togglePanel() {
+      togglePanel: function () {
         if (reactData.visiblePanel) {
           hideOptionPanel();
         } else {
           showOptionPanel();
         }
-
         return (0, _vue.nextTick)();
       },
-      hidePanel: function hidePanel() {
+      hidePanel: function () {
         if (reactData.visiblePanel) {
           hideOptionPanel();
         }
-
         return (0, _vue.nextTick)();
       },
-      showPanel: function showPanel() {
+      showPanel: function () {
         if (!reactData.visiblePanel) {
           showOptionPanel();
         }
-
         return (0, _vue.nextTick)();
       },
       refreshOption: refreshOption,
-      focus: function focus() {
+      focus: function () {
         var $input = refInput.value;
         reactData.isActivated = true;
         $input.blur();
         return (0, _vue.nextTick)();
       },
-      blur: function blur() {
+      blur: function () {
         var $input = refInput.value;
         $input.blur();
         reactData.isActivated = false;
@@ -1063,7 +924,6 @@ var _default2 = (0, _vue.defineComponent)({
         reactData.fullGroupList = [];
         reactData.fullOptionList = value || [];
       }
-
       cacheItemMap();
     });
     (0, _vue.watch)(function () {
@@ -1083,46 +943,35 @@ var _default2 = (0, _vue.defineComponent)({
     (0, _vue.onMounted)(function () {
       (0, _vue.nextTick)(function () {
         var options = props.options,
-            optionGroups = props.optionGroups;
-
+          optionGroups = props.optionGroups;
         if (optionGroups) {
           reactData.fullGroupList = optionGroups;
         } else if (options) {
           reactData.fullOptionList = options;
         }
-
         cacheItemMap();
       });
-
       _event.GlobalEvent.on($xeselect, 'mousewheel', handleGlobalMousewheelEvent);
-
       _event.GlobalEvent.on($xeselect, 'mousedown', handleGlobalMousedownEvent);
-
       _event.GlobalEvent.on($xeselect, 'keydown', handleGlobalKeydownEvent);
-
       _event.GlobalEvent.on($xeselect, 'blur', handleGlobalBlurEvent);
     });
     (0, _vue.onUnmounted)(function () {
       _event.GlobalEvent.off($xeselect, 'mousewheel');
-
       _event.GlobalEvent.off($xeselect, 'mousedown');
-
       _event.GlobalEvent.off($xeselect, 'keydown');
-
       _event.GlobalEvent.off($xeselect, 'blur');
     });
-
-    var renderVN = function renderVN() {
+    var renderVN = function () {
       var _a, _b;
-
       var className = props.className,
-          transfer = props.transfer,
-          disabled = props.disabled,
-          loading = props.loading,
-          filterable = props.filterable;
+        transfer = props.transfer,
+        disabled = props.disabled,
+        loading = props.loading,
+        filterable = props.filterable;
       var inited = reactData.inited,
-          isActivated = reactData.isActivated,
-          visiblePanel = reactData.visiblePanel;
+        isActivated = reactData.isActivated,
+        visiblePanel = reactData.visiblePanel;
       var vSize = computeSize.value;
       var selectLabel = computeSelectLabel.value;
       var prefixSlot = slots.prefix;
@@ -1150,7 +999,7 @@ var _default2 = (0, _vue.defineComponent)({
         onBlur: blurEvent,
         onSuffixClick: togglePanelEvent
       }, prefixSlot ? {
-        prefix: function prefix() {
+        prefix: function () {
           return prefixSlot({});
         }
       } : {}), (0, _vue.h)(_vue.Teleport, {
@@ -1180,14 +1029,12 @@ var _default2 = (0, _vue.defineComponent)({
         class: 'vxe-select-option--wrapper'
       }, renderOpts())] : [])])]);
     };
-
     $xeselect.renderVN = renderVN;
     (0, _vue.provide)('$xeselect', $xeselect);
     return $xeselect;
   },
-  render: function render() {
+  render: function () {
     return this.renderVN();
   }
 });
-
-exports.default = _default2;
+exports.default = _default;