bkui-vue 0.0.2-beta.98 → 0.0.2-modal-refactor.1

package/lib/select/index.js

@@ -483,7 +483,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["customRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.customRef, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["customRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.customRef, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "lodash/isEqual"
 var isEqual_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var isEqual_y = x => () => x
@@ -661,16 +661,20 @@ function usePopover(config, triggerRef) {
   };
 }
 function useRemoteSearch(method, callBack) {
-  var searchKey = useDebouncedRef('');
+  var customOptionName = useDebouncedRef(''); // 自定义创建选项（自定义创建也会触发搜索）
+  var searchValue = useDebouncedRef('');
+  var curSearchValue = (0,external_vue_namespaceObject.computed)(function () {
+    return searchValue.value || customOptionName.value;
+  });
   var searchLoading = (0,external_vue_namespaceObject.ref)(false);
-  (0,external_vue_namespaceObject.watch)(searchKey, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee() {
+  (0,external_vue_namespaceObject.watch)(curSearchValue, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee() {
     return regenerator_default().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _context.prev = 0;
           searchLoading.value = true;
           _context.next = 4;
-          return method(searchKey.value);
+          return method(curSearchValue.value);
         case 4:
           searchLoading.value = false;
           _context.next = 10;
@@ -690,7 +694,9 @@ function useRemoteSearch(method, callBack) {
     }, _callee, null, [[0, 7, 10, 13]]);
   })));
   return {
-    searchKey: searchKey,
+    customOptionName: customOptionName,
+    searchValue: searchValue,
+    curSearchValue: curSearchValue,
     searchLoading: searchLoading
   };
 }
@@ -797,9 +803,29 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
     var selectedStyle = (0,external_vue_namespaceObject.computed)(function () {
       return select === null || select === void 0 ? void 0 : select.selectedStyle;
     });
+    var isShowAll = (0,external_vue_namespaceObject.computed)(function () {
+      return select === null || select === void 0 ? void 0 : select.isShowAll;
+    });
+    var allOptionId = (0,external_vue_namespaceObject.computed)(function () {
+      return select === null || select === void 0 ? void 0 : select.allOptionId;
+    });
+    var isDisabled = (0,external_vue_namespaceObject.computed)(function () {
+      var _select$selected2;
+      if (!isShowAll.value || optionID.value === allOptionId.value) return disabled.value;
+      // 全部选项需要禁用掉其他选项
+      var exitAllOptionId = select === null || select === void 0 || (_select$selected2 = select.selected) === null || _select$selected2 === void 0 ? void 0 : _select$selected2.some(function (item) {
+        return (0,isEqual_namespaceObject["default"])(item.value, allOptionId.value);
+      });
+      return disabled.value || isShowAll.value && exitAllOptionId;
+    });
     var handleOptionClick = function handleOptionClick() {
-      if (disabled.value) return;
-      select === null || select === void 0 ? void 0 : select.handleOptionSelected(proxy);
+      if (isDisabled.value) return;
+      if (isShowAll.value && allOptionId.value === optionID.value) {
+        // 全部选项
+        select === null || select === void 0 ? void 0 : select.handleToggleAll();
+      } else {
+        select === null || select === void 0 ? void 0 : select.handleOptionSelected(proxy);
+      }
     };
     var handleMouseEnter = function handleMouseEnter() {
       select.activeOptionValue = optionID.value;
@@ -822,6 +848,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
       selectedStyle: selectedStyle,
       optionName: optionName,
       optionID: optionID,
+      isDisabled: isDisabled,
       handleOptionClick: handleOptionClick,
       handleMouseEnter: handleMouseEnter,
       resolveClassName: resolveClassName
@@ -831,7 +858,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
     var _this$$slots$default, _this$$slots$default2, _this$$slots;
     var selectItemClass = (0,external_shared_namespaceObject.classes)(_defineProperty({
       'is-selected': this.selected,
-      'is-disabled': this.disabled,
+      'is-disabled': this.isDisabled,
       'is-multiple': this.multiple,
       'is-hover': this.isHover,
       'is-checkbox': this.selectedStyle === external_shared_namespaceObject.SelectedTypeEnum.CHECKBOX
@@ -841,7 +868,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
       "onClick": this.handleOptionClick,
       "onMouseenter": this.handleMouseEnter
     }, [this.showSelectedIcon && this.selectedStyle === external_shared_namespaceObject.SelectedTypeEnum.CHECKBOX && (0,external_vue_namespaceObject.createVNode)(external_checkbox_namespaceObject["default"], {
-      "disabled": this.disabled,
+      "disabled": this.isDisabled,
       "class": this.resolveClassName('select-checkbox'),
       "modelValue": this.selected
     }, null), (_this$$slots$default = (_this$$slots$default2 = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : (0,external_vue_namespaceObject.createVNode)("span", {
@@ -1008,7 +1035,7 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
 ;// CONCATENATED MODULE: external "../directives"
 var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_directives_y = x => () => x
-const external_directives_namespaceObject = external_directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.clickoutside });
+const external_directives_namespaceObject = external_directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.bkTooltips, ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.clickoutside });
 ;// CONCATENATED MODULE: external "../input"
 var external_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_input_y = x => () => x
@@ -1067,8 +1094,12 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
 
 
 
+
 /* harmony default export */ const selectTagInput = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'SelectTagInput',
+  directives: {
+    bkTooltips: external_directives_namespaceObject.bkTooltips
+  },
   props: {
     selected: {
       type: Array,
@@ -1097,6 +1128,11 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
     var value = (0,external_vue_namespaceObject.ref)(modelValue.value);
     var inputRef = (0,external_vue_namespaceObject.ref)();
     var overflowTagIndex = (0,external_vue_namespaceObject.ref)(null);
+    var overflowContent = (0,external_vue_namespaceObject.computed)(function () {
+      return selected.value.slice(overflowTagIndex.value, selected.value.length).map(function (item) {
+        return item.label;
+      }).join(', ');
+    });
     (0,external_vue_namespaceObject.watch)(modelValue, function () {
       value.value = modelValue.value;
     });
@@ -1112,6 +1148,10 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
       var _inputRef$value;
       (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.focus();
     };
+    var blur = function blur() {
+      var _inputRef$value2;
+      (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.blur();
+    };
     var handleInput = function handleInput(e) {
       emit('update:modelValue', e.target.value);
     };
@@ -1177,8 +1217,10 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
       overflowTagIndex: overflowTagIndex,
       value: value,
       inputRef: inputRef,
+      overflowContent: overflowContent,
       handleRemoveTag: handleRemoveTag,
       focus: focus,
+      blur: blur,
       handleInput: handleInput,
       handleKeydown: handleKeydown,
       resolveClassName: resolveClassName
@@ -1226,7 +1268,7 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
           return [(_this$select = _this.select) === null || _this$select === void 0 ? void 0 : _this$select.handleGetLabelByValue(item.value)];
         }
       });
-    }), (0,external_vue_namespaceObject.createVNode)(external_tag_namespaceObject["default"], {
+    }), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(external_tag_namespaceObject["default"], {
       "class": this.resolveClassName('select-overflow-tag'),
       "style": {
         display: !!this.overflowTagIndex && this.collapseTags ? '' : 'none'
@@ -1236,7 +1278,10 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
       "default": function _default() {
         return [(0,external_vue_namespaceObject.createTextVNode)("+"), _this.selected.length - _this.overflowTagIndex];
       }
-    }), (0,external_vue_namespaceObject.createVNode)("input", {
+    }), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
+      content: this.overflowContent,
+      disabled: !this.overflowTagIndex || !this.collapseTags
+    }]]), (0,external_vue_namespaceObject.createVNode)("input", {
       "class": this.resolveClassName('select-tag-input'),
       "ref": "inputRef",
       "type": "text",
@@ -1300,6 +1345,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
 
 
 
+
 /* harmony default export */ const src_select = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Select',
   directives: {
@@ -1315,6 +1361,8 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
     filterable: external_shared_namespaceObject.PropTypes.bool.def(false),
     remoteMethod: external_shared_namespaceObject.PropTypes.func,
     scrollHeight: external_shared_namespaceObject.PropTypes.number.def(200),
+    showAll: external_shared_namespaceObject.PropTypes.bool.def(false),
+    allOptionId: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]),
     showSelectAll: external_shared_namespaceObject.PropTypes.bool.def(false),
     popoverMinWidth: external_shared_namespaceObject.PropTypes.number.def(0),
     showOnInit: external_shared_namespaceObject.PropTypes.bool.def(false),
@@ -1338,7 +1386,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
     displayKey: external_shared_namespaceObject.PropTypes.string.def('label'),
     withValidate: external_shared_namespaceObject.PropTypes.bool.def(true),
     showSelectedIcon: external_shared_namespaceObject.PropTypes.bool.def(true),
-    inputSearch: external_shared_namespaceObject.PropTypes.bool.def(true),
+    inputSearch: external_shared_namespaceObject.PropTypes.bool.def(false),
     enableVirtualRender: external_shared_namespaceObject.PropTypes.bool.def(false),
     allowEmptyValues: external_shared_namespaceObject.PropTypes.array.def([]),
     autoFocus: external_shared_namespaceObject.PropTypes.bool.def(false),
@@ -1372,6 +1420,8 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       inputSearch = _toRefs.inputSearch,
       enableVirtualRender = _toRefs.enableVirtualRender,
       showSelectAll = _toRefs.showSelectAll,
+      showAll = _toRefs.showAll,
+      allOptionId = _toRefs.allOptionId,
       scrollHeight = _toRefs.scrollHeight,
       list = _toRefs.list,
       displayKey = _toRefs.displayKey,
@@ -1470,9 +1520,9 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       return isRemoteSearch.value ? list.value : list.value.filter(function (item) {
         var _toLowerCase;
         if (hasFilterOptionFunc.value) {
-          return !!filterOption.value(searchKey.value, item);
+          return !!filterOption.value(curSearchValue.value, item);
         }
-        return (_toLowerCase = toLowerCase(String(item[displayKey.value]))) === null || _toLowerCase === void 0 ? void 0 : _toLowerCase.includes(toLowerCase(searchKey.value));
+        return (_toLowerCase = toLowerCase(String(item[displayKey.value]))) === null || _toLowerCase === void 0 ? void 0 : _toLowerCase.includes(toLowerCase(curSearchValue.value));
       });
     });
     // select组件是否禁用
@@ -1529,7 +1579,10 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
     });
     // 是否显示全选
     var isShowSelectAll = (0,external_vue_namespaceObject.computed)(function () {
-      return multiple.value && showSelectAll.value && (!searchKey.value || !filterable.value);
+      return multiple.value && showSelectAll.value && (!curSearchValue.value || !filterable.value);
+    });
+    var isShowAll = (0,external_vue_namespaceObject.computed)(function () {
+      return multiple.value && showAll.value;
     });
     // 虚拟滚动高度 12 上下边距，32 显示全选时的高度
     var virtualHeight = (0,external_vue_namespaceObject.computed)(function () {
@@ -1561,7 +1614,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         placement: 'bottom-start',
         isShow: isPopoverShow.value,
         reference: selectTagInputRef.value,
-        offset: 6,
+        offset: 4,
         popoverDelay: 0,
         renderType: external_shared_namespaceObject.RenderType.AUTO
       }, popoverOptions.value);
@@ -1585,6 +1638,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
     var handleBlur = function handleBlur() {
       if (!isFocus.value) return;
       isFocus.value = false;
+      blurInput();
       emit('blur');
     };
     var _usePopover = usePopover({
@@ -1603,7 +1657,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       emit('toggle', isPopoverShow.value);
       if (!isShow) {
         if (!keepSearchValue.value) {
-          searchKey.value = '';
+          searchValue.value = '';
         }
         document.removeEventListener('keydown', handleDocumentKeydown);
       } else {
@@ -1611,9 +1665,19 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         setTimeout(function () {
           focusInput();
           initActiveOptionValue();
+          scrollActiveOptionIntoView();
         }, 10); // 等待Popover content出来，options加载完成
       }
     });
+    // 滚动到当前选中的options中
+    var scrollActiveOptionIntoView = function scrollActiveOptionIntoView() {
+      var _contentRef$value, _contentRef$value$que, _optionsDom$;
+      var optionsDom = (_contentRef$value = contentRef.value) === null || _contentRef$value === void 0 || (_contentRef$value$que = _contentRef$value.querySelectorAll) === null || _contentRef$value$que === void 0 ? void 0 : _contentRef$value$que.call(_contentRef$value, '.is-selected');
+      (_optionsDom$ = optionsDom[0]) === null || _optionsDom$ === void 0 ? void 0 : _optionsDom$.scrollIntoView({
+        block: 'center',
+        behavior: 'smooth'
+      });
+    };
     // 初始化当前悬浮的option项
     var initActiveOptionValue = function initActiveOptionValue() {
       var firstSelected = selected.value[0];
@@ -1646,7 +1710,9 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       }
     };
     var _useRemoteSearch = useRemoteSearch(isRemoteSearch.value ? remoteMethod.value : defaultSearchMethod, initActiveOptionValue),
-      searchKey = _useRemoteSearch.searchKey,
+      searchValue = _useRemoteSearch.searchValue,
+      customOptionName = _useRemoteSearch.customOptionName,
+      curSearchValue = _useRemoteSearch.curSearchValue,
       searchLoading = _useRemoteSearch.searchLoading;
     // 派发change事件
     var emitChange = function emitChange(val) {
@@ -1660,22 +1726,25 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       handleFocus();
       togglePopover();
     };
-    // 搜索
+    // 自定义创建
     var handleInputChange = function handleInputChange(value) {
       if (!filterable.value) return;
-      searchKey.value = value;
+      customOptionName.value = value;
     };
     // allow create(创建自定义选项)
-    var handleCreateCustomOption = function handleCreateCustomOption(val) {
+    var handleCreateCustomOption = function handleCreateCustomOption(val, e) {
       var value = String(val);
       if (!allowCreate.value || !value) return;
+      // 阻止触发鼠标事件
+      e.stopPropagation();
+      e.preventDefault();
       var matchedOption = options.value.find(function (data) {
         return toLowerCase(String(data.optionName)) === toLowerCase(value);
       });
       if (filterable.value && matchedOption) {
         // 开启搜索后，正好匹配到自定义选项，则不进行创建操作
         handleOptionSelected(matchedOption);
-        searchKey.value = '';
+        customOptionName.value = '';
         return;
       }
       var data = optionsMap.value.get(value);
@@ -1696,7 +1765,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         emitChange(value);
         hidePopover();
       }
-      searchKey.value = '';
+      customOptionName.value = '';
     };
     // Option点击事件
     var handleOptionSelected = function handleOptionSelected(option) {
@@ -1722,6 +1791,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
           }));
           emit('select', option.optionID);
         }
+        focusInput();
       } else {
         // 单选
         selected.value = [{
@@ -1731,8 +1801,8 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         emitChange(option.optionID);
         emit('select', option.optionID);
         hidePopover();
+        handleBlur();
       }
-      focusInput();
     };
     // 聚焦输入框
     var focusInput = function focusInput() {
@@ -1751,6 +1821,18 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         }
       }, 0);
     };
+    // 失焦输入框
+    var blurInput = function blurInput() {
+      setTimeout(function () {
+        if (multipleMode.value === 'tag') {
+          var _selectTagInputRef$va2;
+          (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 ? void 0 : _selectTagInputRef$va2.blur();
+        } else {
+          var _inputRef$value2;
+          (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.blur();
+        }
+      }, 0);
+    };
     // 清空事件
     var handleClear = function handleClear(e) {
       e.stopPropagation();
@@ -1759,11 +1841,11 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       emit('clear', multiple.value ? [] : '');
       hidePopover();
     };
-    // 全选/取消全选
     var handleSelectedAllOptionMouseEnter = function handleSelectedAllOptionMouseEnter() {
       activeOptionValue.value = '';
     };
-    var handleToggleAll = function handleToggleAll() {
+    // 全选/取消全选
+    var handleToggleSelectAll = function handleToggleSelectAll() {
       if (isAllSelected.value) {
         selected.value = [];
       } else {
@@ -1788,6 +1870,25 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       }));
       focusInput();
     };
+    // 全部/取消全部
+    var handleToggleAll = function handleToggleAll() {
+      if (!isShowAll.value) return;
+      var index = selected.value.findIndex(function (item) {
+        return item.value === allOptionId.value;
+      });
+      if (index > -1) {
+        selected.value = [];
+      } else {
+        selected.value = [{
+          value: allOptionId.value,
+          label: t.value.all
+        }];
+      }
+      emitChange(selected.value.map(function (item) {
+        return item.value;
+      }));
+      focusInput();
+    };
     // 滚动事件
     var handleScroll = function handleScroll(e) {
       var _e$target = e.target,
@@ -1859,7 +1960,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
     };
     // 处理键盘事件
     var handleDocumentKeydown = function handleDocumentKeydown(e) {
-      if (!isPopoverShow.value) return;
+      if (!isPopoverShow.value || enableVirtualRender.value) return;
       var availableOptions = options.value.filter(function (option) {
         return !option.disabled && option.visible;
       });
@@ -1890,7 +1991,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         // 删除选项
         case 'Backspace':
           {
-            if (!multiple.value || !selected.value.length || searchKey.value.length || e.target === searchRef.value) return; // 单选和下拉搜索不支持回退键删除
+            if (!multiple.value || !selected.value.length || customOptionName.value.length || e.target === searchRef.value) return; // 单选和下拉搜索不支持回退键删除
             selected.value.pop();
             emitChange(selected.value.map(function (item) {
               return item.value;
@@ -1901,7 +2002,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         case 'Enter':
           {
             var value = e.target.value;
-            if (allowCreate.value && value) return;
+            if (allowCreate.value && value || e.target === searchRef.value) return;
             var option = optionsMap.value.get(activeOptionValue.value);
             handleOptionSelected(option);
             break;
@@ -1928,13 +2029,16 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       selected: selected,
       activeOptionValue: activeOptionValue,
       showSelectedIcon: showSelectedIcon,
+      isShowAll: isShowAll,
+      allOptionId: allOptionId,
       selectedStyle: selectedStyle,
       register: register,
       unregister: unregister,
       registerGroup: registerGroup,
       unregisterGroup: unregisterGroup,
       handleOptionSelected: handleOptionSelected,
-      handleGetLabelByValue: handleGetLabelByValue
+      handleGetLabelByValue: handleGetLabelByValue,
+      handleToggleAll: handleToggleAll
     }));
     (0,external_vue_namespaceObject.onMounted)(function () {
       handleSetSelectedData();
@@ -1944,6 +2048,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       });
     });
     return {
+      t: t,
       selected: selected,
       isInput: isInput,
       options: options,
@@ -1966,12 +2071,15 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       isShowSelectContent: isShowSelectContent,
       curContentText: curContentText,
       isGroup: isGroup,
-      searchKey: searchKey,
+      searchValue: searchValue,
+      customOptionName: customOptionName,
+      isShowAll: isShowAll,
       isShowSelectAll: isShowSelectAll,
       virtualHeight: virtualHeight,
       virtualList: virtualList,
       isCollapseTags: isCollapseTags,
       popoverConfig: popoverConfig,
+      isAllSelected: isAllSelected,
       focusInput: focusInput,
       setHover: setHover,
       cancelHover: cancelHover,
@@ -1981,7 +2089,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       handleClear: handleClear,
       hidePopover: hidePopover,
       showPopover: showPopover,
-      handleToggleAll: handleToggleAll,
+      handleToggleSelectAll: handleToggleSelectAll,
       handleOptionSelected: handleOptionSelected,
       handleClickOutside: handleClickOutside,
       handleScroll: handleScroll,
@@ -2022,6 +2130,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       }, null);
     };
     var renderPrefix = function renderPrefix() {
+      var _this$$slots;
       if (_this.prefix) {
         return function () {
           return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -2029,18 +2138,42 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
           }, [(0,external_vue_namespaceObject.createVNode)("span", null, [_this.prefix])]);
         };
       }
-      return _this.$slots.prefix ? function () {
-        var _this$$slots$prefix, _this$$slots;
-        return (_this$$slots$prefix = (_this$$slots = _this.$slots).prefix) === null || _this$$slots$prefix === void 0 ? void 0 : _this$$slots$prefix.call(_this$$slots);
+      return (_this$$slots = _this.$slots) !== null && _this$$slots !== void 0 && _this$$slots.prefix ? function () {
+        var _this$$slots2, _this$$slots2$prefix;
+        return (_this$$slots2 = _this.$slots) === null || _this$$slots2 === void 0 || (_this$$slots2$prefix = _this$$slots2.prefix) === null || _this$$slots2$prefix === void 0 ? void 0 : _this$$slots2$prefix.call(_this$$slots2);
       } : undefined;
     };
+    // 全选
+    var renderSelectAll = function renderSelectAll() {
+      if (!_this.isShowSelectAll) return;
+      return (0,external_vue_namespaceObject.createVNode)("li", {
+        "class": _this.resolveClassName('select-option'),
+        "onMouseenter": _this.handleSelectedAllOptionMouseEnter,
+        "onClick": _this.handleToggleSelectAll
+      }, [_this.selectedStyle === 'checkbox' && (0,external_vue_namespaceObject.createVNode)(external_checkbox_namespaceObject["default"], {
+        "class": _this.resolveClassName('select-checkbox'),
+        "modelValue": _this.isAllSelected,
+        "indeterminate": !_this.isAllSelected && !!_this.selected.length
+      }, null), _this.t.selectAll]);
+    };
+    // 全部
+    var renderAll = function renderAll() {
+      // 全选和全部是互斥的，只能选一个
+      if (_this.isShowSelectAll || !_this.isShowAll) return;
+      return (0,external_vue_namespaceObject.createVNode)(src_option, {
+        "id": _this.allOptionId,
+        "name": _this.t.all
+      }, null);
+    };
     var renderTriggerInput = function renderTriggerInput() {
+      var _this$$slots5;
       if (_this.multipleMode === 'tag') {
+        var _this$$slots3;
         return (0,external_vue_namespaceObject.createVNode)(selectTagInput, {
           "ref": "selectTagInputRef",
-          "modelValue": _this.searchKey,
+          "modelValue": _this.customOptionName,
           "onUpdate:modelValue": function onUpdateModelValue($event) {
-            return _this.searchKey = $event;
+            return _this.customOptionName = $event;
           },
           "selected": _this.selected,
           "tagTheme": _this.tagTheme,
@@ -2052,8 +2185,9 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
           "onEnter": _this.handleCreateCustomOption
         }, {
           prefix: renderPrefix(),
-          "default": _this.$slots.tag && function () {
-            return _this.$slots.tag({
+          "default": ((_this$$slots3 = _this.$slots) === null || _this$$slots3 === void 0 ? void 0 : _this$$slots3.tag) && function () {
+            var _this$$slots4;
+            return (_this$$slots4 = _this.$slots) === null || _this$$slots4 === void 0 ? void 0 : _this$$slots4.tag({
               selected: _this.selected
             });
           },
@@ -2065,7 +2199,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       return (0,external_vue_namespaceObject.createVNode)(external_input_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
         "ref": "inputRef",
         "type": "text",
-        "modelValue": _this.isInput ? _this.searchKey : _this.selectedLabel.join(','),
+        "modelValue": _this.isInput ? _this.customOptionName : _this.selectedLabel.join(','),
         "placeholder": _this.isInput ? _this.selectedLabel.join(',') || _this.localPlaceholder : _this.localPlaceholder,
         "readonly": !_this.isInput,
         "selectReadonly": true,
@@ -2078,10 +2212,10 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         "onEnter": _this.handleCreateCustomOption
       }, _this.prefix ? {
         prefix: _this.prefix
-      } : null), select_objectSpread(select_objectSpread({}, typeof _this.$slots.prefix === 'function' ? {
+      } : null), select_objectSpread(select_objectSpread({}, typeof ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 ? void 0 : _this$$slots5.prefix) === 'function' ? {
         prefix: function prefix() {
-          var _this$$slots$prefix2, _this$$slots2;
-          return (_this$$slots$prefix2 = (_this$$slots2 = _this.$slots).prefix) === null || _this$$slots$prefix2 === void 0 ? void 0 : _this$$slots$prefix2.call(_this$$slots2);
+          var _this$$slots6, _this$$slots6$prefix;
+          return (_this$$slots6 = _this.$slots) === null || _this$$slots6 === void 0 || (_this$$slots6$prefix = _this$$slots6.prefix) === null || _this$$slots6$prefix === void 0 ? void 0 : _this$$slots6$prefix.call(_this$$slots6);
         }
       } : null), {}, {
         suffix: function suffix() {
@@ -2090,7 +2224,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
       }));
     };
     var renderSelectTrigger = function renderSelectTrigger() {
-      var _this$$slots$trigger, _this$$slots3;
+      var _this$$slots7, _this$$slots7$trigger;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-trigger'),
         "style": {
@@ -2100,12 +2234,12 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         "onClick": _this.handleTogglePopover,
         "onMouseenter": _this.setHover,
         "onMouseleave": _this.cancelHover
-      }, [((_this$$slots$trigger = (_this$$slots3 = _this.$slots).trigger) === null || _this$$slots$trigger === void 0 ? void 0 : _this$$slots$trigger.call(_this$$slots3, {
+      }, [((_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 || (_this$$slots7$trigger = _this$$slots7.trigger) === null || _this$$slots7$trigger === void 0 ? void 0 : _this$$slots7$trigger.call(_this$$slots7, {
         selected: _this.selected
       })) || renderTriggerInput()]);
     };
     var renderSelectContent = function renderSelectContent() {
-      var _this$$slots$default, _this$$slots8;
+      var _this$$slots12, _this$$slots12$defaul, _this$$slots13, _this$$slots14;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-content-wrapper'),
         "ref": "contentRef"
@@ -2120,9 +2254,9 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         "class": _this.resolveClassName('select-search-input'),
         "placeholder": _this.localSearchPlaceholder,
         "onUpdate:modelValue": function onUpdateModelValue($event) {
-          return _this.searchKey = $event;
+          return _this.searchValue = $event;
         }
-      }, null), [[external_vue_namespaceObject.vModelText, _this.searchKey]])]), !_this.isShowSelectContent && (0,external_vue_namespaceObject.createVNode)("div", {
+      }, null), [[external_vue_namespaceObject.vModelText, _this.searchValue]])]), !_this.isShowSelectContent && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-empty')
       }, [_this.searchLoading && (0,external_vue_namespaceObject.createVNode)(external_loading_namespaceObject["default"], {
         "class": "mr5",
@@ -2140,20 +2274,16 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         "onScroll": _this.handleScroll
       }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("ul", {
         "class": _this.resolveClassName('select-options')
-      }, [_this.isShowSelectAll && (0,external_vue_namespaceObject.createVNode)("li", {
-        "class": _this.resolveClassName('select-option'),
-        "onMouseenter": _this.handleSelectedAllOptionMouseEnter,
-        "onClick": _this.handleToggleAll
-      }, [_this.localSelectAllText]), _this.enableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(external_virtual_render_namespaceObject["default"], {
+      }, [renderSelectAll(), renderAll(), _this.enableVirtualRender ? (0,external_vue_namespaceObject.createVNode)(external_virtual_render_namespaceObject["default"], {
         "list": _this.virtualList,
         "height": _this.virtualHeight,
         "lineHeight": 32,
         "ref": "virtualRenderRef"
       }, {
         "default": function _default(_ref3) {
-          var _this$$slots4, _this$$slots5;
+          var _this$$slots8, _this$$slots9;
           var data = _ref3.data;
-          var optionRender = ((_this$$slots4 = _this.$slots) === null || _this$$slots4 === void 0 ? void 0 : _this$$slots4.optionRender) || ((_this$$slots5 = _this.$slots) === null || _this$$slots5 === void 0 ? void 0 : _this$$slots5.virtualScrollRender);
+          var optionRender = ((_this$$slots8 = _this.$slots) === null || _this$$slots8 === void 0 ? void 0 : _this$$slots8.optionRender) || ((_this$$slots9 = _this.$slots) === null || _this$$slots9 === void 0 ? void 0 : _this$$slots9.virtualScrollRender);
           return data.map(function (item) {
             return (0,external_vue_namespaceObject.createVNode)(src_option, {
               "key": item[_this.idKey],
@@ -2169,19 +2299,19 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
           });
         }
       }) : _this.list.map(function (item) {
-        var _this$$slots6;
+        var _this$$slots10;
         return (0,external_vue_namespaceObject.createVNode)(src_option, {
           "id": item[_this.idKey],
           "name": item[_this.displayKey]
-        }, (_this$$slots6 = _this.$slots) !== null && _this$$slots6 !== void 0 && _this$$slots6.optionRender ? {
+        }, (_this$$slots10 = _this.$slots) !== null && _this$$slots10 !== void 0 && _this$$slots10.optionRender ? {
           "default": function _default() {
-            var _this$$slots7, _this$$slots7$optionR;
-            return (_this$$slots7 = _this.$slots) === null || _this$$slots7 === void 0 || (_this$$slots7$optionR = _this$$slots7.optionRender) === null || _this$$slots7$optionR === void 0 ? void 0 : _this$$slots7$optionR.call(_this$$slots7, {
+            var _this$$slots11, _this$$slots11$option;
+            return (_this$$slots11 = _this.$slots) === null || _this$$slots11 === void 0 || (_this$$slots11$option = _this$$slots11.optionRender) === null || _this$$slots11$option === void 0 ? void 0 : _this$$slots11$option.call(_this$$slots11, {
               item: item
             });
           }
         } : null);
-      }), (_this$$slots$default = (_this$$slots8 = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots8), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
+      }), (_this$$slots12 = _this.$slots) === null || _this$$slots12 === void 0 || (_this$$slots12$defaul = _this$$slots12["default"]) === null || _this$$slots12$defaul === void 0 ? void 0 : _this$$slots12$defaul.call(_this$$slots12), _this.scrollLoading && (0,external_vue_namespaceObject.createVNode)("li", {
         "class": _this.resolveClassName('select-options-loading')
       }, [(0,external_vue_namespaceObject.createVNode)(external_loading_namespaceObject["default"], {
         "class": "spinner mr5",
@@ -2189,9 +2319,9 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         "loading": true,
         "mode": "spin",
         "size": "mini"
-      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])]), [[external_vue_namespaceObject.vShow, _this.isShowSelectContent]])]), _this.$slots.extension && (0,external_vue_namespaceObject.createVNode)("div", {
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])]), [[external_vue_namespaceObject.vShow, _this.isShowSelectContent]])]), ((_this$$slots13 = _this.$slots) === null || _this$$slots13 === void 0 ? void 0 : _this$$slots13.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-extension')
-      }, [_this.$slots.extension()])])]);
+      }, [(_this$$slots14 = _this.$slots) === null || _this$$slots14 === void 0 ? void 0 : _this$$slots14.extension()])])]);
     };
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": selectClass