bkui-vue 1.0.3-beta.58 → 1.0.3-beta.60

package/lib/search-select/index.js

@@ -927,6 +927,27 @@ const radio_namespaceObject = radio_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
 var radio_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var radio_less_y = x => () => x
 const radio_less_namespaceObject = radio_less_x({  });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+
+
+
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/classCallCheck.js
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -956,6 +977,7 @@ function _createClass(Constructor, protoProps, staticProps) {
 
 
 
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -994,6 +1016,11 @@ var ValueBehavior;
   ValueBehavior["ALL"] = "all";
   ValueBehavior["NEEDKEY"] = "need-key";
 })(ValueBehavior || (ValueBehavior = {}));
+var DeleteBehavior;
+(function (DeleteBehavior) {
+  DeleteBehavior["CHAR"] = "delete-char";
+  DeleteBehavior["VALUE"] = "delete-value";
+})(DeleteBehavior || (DeleteBehavior = {}));
 var SEARCH_SLECT_PROVIDER_KEY = Symbol('SEARCH_SLECT_PROVIDER_KEY');
 var useSearchSelectProvider = function useSearchSelectProvider(data) {
   (0,external_vue_namespaceObject.provide)(SEARCH_SLECT_PROVIDER_KEY, data);
@@ -1006,6 +1033,8 @@ var SearchInputMode;
   SearchInputMode["DEFAULT"] = "default";
   SearchInputMode["EDIT"] = "edit";
 })(SearchInputMode || (SearchInputMode = {}));
+var ValueSplitRegex = /(\||,|、|\/|\r\n|\n)/gm;
+var ValueSplitTestRegex = /^(\||,|、|\/|\r\n|\n)$/;
 var SearchLogical;
 (function (SearchLogical) {
   SearchLogical["AND"] = "&";
@@ -1117,7 +1146,7 @@ var SelectedItem = /*#__PURE__*/function () {
         });
       };
       if (!this.multiple) {
-        var val = list.join(this.logical).trim();
+        var val = list.join(" ".concat(this.logical, " ")).trim();
         var item = findChildByName(val);
         return [{
           id: item ? item.id : val,
@@ -1143,14 +1172,17 @@ var SelectedItem = /*#__PURE__*/function () {
     key: "addValues",
     value: function addValues(str) {
       var mergeValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      var list = this.str2Values(str.split(/(\s|\||,|、|\/|\n\r|\n)/gm).filter(function (v) {
-        return !!v.trim();
-      }).concat(this.values.map(function (item) {
-        return mergeValues ? item.name : '';
-      })).filter(function (v) {
-        return !!v.trim();
-      }).join(this.logical));
-      this.values = list;
+      var valuesFromStr = str.split(ValueSplitRegex).filter(function (v) {
+        return v.trim() && !ValueSplitTestRegex.test(v);
+      });
+      var currentValues = mergeValues ? this.values.map(function (item) {
+        return item.name;
+      }) : [];
+      var combinedValues = [].concat(_toConsumableArray(valuesFromStr), _toConsumableArray(currentValues));
+      var logicalString = combinedValues.filter(function (v) {
+        return v.trim();
+      }).join(this.logical);
+      this.values = this.str2Values(logicalString);
     }
   }, {
     key: "getValue",
@@ -1550,17 +1582,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     // );
     (0,external_vue_namespaceObject.watch)([menuList, showPopover], function () {
       var _menuList$value;
-      if ((_menuList$value = menuList.value) !== null && _menuList$value !== void 0 && _menuList$value.some(function (item) {
+      var shouldBindEvent = showPopover.value && ((_menuList$value = menuList.value) === null || _menuList$value === void 0 ? void 0 : _menuList$value.some(function (item) {
         return !item.disabled;
-      }) && showPopover.value) {
+      }));
+      if (shouldBindEvent) {
         if (!isBindEvent) {
-          if (props.valueBehavior === ValueBehavior.NEEDKEY) {
-            menuHoverId.value = menuList.value.find(function (item) {
-              return !item.disabled;
-            }).id;
-          } else {
-            menuHoverId.value = '';
-          }
+          var _menuList$value$find;
+          menuHoverId.value = props.valueBehavior === ValueBehavior.NEEDKEY ? ((_menuList$value$find = menuList.value.find(function (item) {
+            return !item.disabled;
+          })) === null || _menuList$value$find === void 0 ? void 0 : _menuList$value$find.id) || '' : '';
           isBindEvent = true;
           document.addEventListener('keydown', handleDocumentKeydown);
         }
@@ -1590,39 +1620,35 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       e.preventDefault();
       (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.blur();
       var len = menuList.value.length;
-      var i = len;
       var index = menuList.value.findIndex(function (set) {
         return set.id === menuHoverId.value;
       });
-      while (i >= 0) {
-        index = e.code === 'ArrowDown' ? index + 1 : index - 1;
-        // eslint-disable-next-line no-nested-ternary
-        index = index > len - 1 ? 0 : index < 0 ? len - 1 : index;
+      for (var tries = 0; tries < len; tries++) {
+        index = (index + (e.code === 'ArrowDown' ? 1 : -1) + len) % len;
         var item = menuList.value[index];
         if (item && !item.disabled) {
-          i = -1;
           var dom = document.getElementById(item.id);
           dom === null || dom === void 0 || dom.focus();
           menuHoverId.value = item.id;
-          return;
+          break;
         }
-        i -= 1;
       }
     }
     function documentEnterEvent(e) {
-      if (isBindEvent) {
-        e.preventDefault();
-        var item = menuList.value.find(function (item) {
-          return item.id === menuHoverId.value;
-        });
-        item && handleSelectItem(item);
-      }
+      if (!isBindEvent) return;
+      e.preventDefault();
+      var item = menuList.value.find(function (item) {
+        return item.id === menuHoverId.value;
+      });
+      item && handleSelectItem(item);
     }
     function handleClickOutside(e) {
       var _popoverRef$value, _props$clickOutside;
       if (!((_popoverRef$value = popoverRef.value) !== null && _popoverRef$value !== void 0 && _popoverRef$value.contains(e.target)) && (_props$clickOutside = props.clickOutside) !== null && _props$clickOutside !== void 0 && _props$clickOutside.call(props, e.target, popoverRef.value)) {
         if (props.mode === SearchInputMode.EDIT || usingItem.value) {
-          usingItem.value && handleKeyEnter();
+          usingItem.value && handleKeyEnter().then(function (v) {
+            return v && clearInput();
+          });
           if (!usingItem.value) {
             emit('focus', false);
           }
@@ -1636,15 +1662,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     function handleInputFocus() {
       showNoSelectValueError.value = false;
       if (props.mode === SearchInputMode.EDIT && usingItem.value && !isFocus.value) {
+        var nodeList = Array.from(inputRef.value.querySelectorAll("[data-type=\"".concat(usingItem.value.values.length ? 'value' : usingItem.value.type, "\"]")));
+        if (!nodeList.length) return;
         var range = document.createRange();
         var selection = window.getSelection();
-        var nodeList = [];
-        if (usingItem.value.values.length) {
-          nodeList = Array.from(inputRef.value.querySelectorAll('[data-type="value"]'));
-        } else {
-          nodeList = Array.from(inputRef.value.querySelectorAll("[data-type=\"".concat(usingItem.value.type, "\"]")));
-        }
-        if (!nodeList.length) return;
         range.selectNodeContents(nodeList.at(-1));
         selection === null || selection === void 0 || selection.removeAllRanges();
         selection.addRange(range); // 注意这里会触发focu事件
@@ -1656,11 +1677,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     function handleInputPaste(event) {
       event.preventDefault();
-      var clipboardData = event.clipboardData;
-      var pastedData = clipboardData.getData('text');
-      var tempDiv = document.createElement('div');
-      tempDiv.innerHTML = pastedData;
-      var formattedText = (tempDiv.textContent || tempDiv.innerText || '').trim();
+      var formattedText = event.clipboardData.getData('text').trim();
       if (!usingItem.value) {
         var formateItem = str2SeletedItem(formattedText);
         if (formateItem) {
@@ -1668,9 +1685,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           setInputFocus(true, true);
           return;
         }
-        keyword.value = formattedText.split(/(\s|\||,|、|\/|\n\r|\n)/gm).filter(function (v) {
-          return !!v.trim();
-        }).join(valueLoagic.value);
+        keyword.value = formattedText.split(ValueSplitRegex).filter(function (v) {
+          return v.trim() && !ValueSplitTestRegex.test(v);
+        }).join(" ".concat(valueLoagic.value, " "));
         inputRef.value.innerText = keyword.value;
         setInputFocus();
         debounceSetMenuList();
@@ -1680,13 +1697,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       debounceSetMenuList();
     }
     function handleInputChange(event) {
-      var text = event.target.innerText;
+      var text = event.target.innerText.trim();
       if (!usingItem.value) {
         keyword.value = text;
         debounceSetMenuList();
         return;
       }
-      keyword.value = usingItem.value.isSpecialType() ? text.trim() : text.replace(usingItem.value.name, '').replace(':', '').trim();
+      keyword.value = usingItem.value.isSpecialType() ? text : text.replace(usingItem.value.name, '').replace(':', '').trim();
       debounceSetMenuList();
     }
     function handleInputKeyup(event) {
@@ -1712,20 +1729,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     function _handleKeyEnter() {
       _handleKeyEnter = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee(event) {
-        var _keyword$value, _usingItem$value4, _usingItem$value5;
-        var formatItem, valueList, _res, _valueList, _formatItem, _res2, res;
+        var _usingItem$value4, _usingItem$value5;
+        var isValid;
         return regenerator_default().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               event === null || event === void 0 || event.preventDefault();
-              // resolve 中文输入时直接按下enter的错误表现
+              // 异步延迟解决确保响应时机问题
               _context.next = 3;
-              return new Promise(function (r) {
-                return setTimeout(r, 0);
+              return new Promise(function (resolve) {
+                return setTimeout(resolve, 0);
               });
             case 3:
               if (usingItem.value) {
-                _context.next = 17;
+                _context.next = 9;
                 break;
               }
               if (!(!keyword.value || props.valueBehavior === ValueBehavior.NEEDKEY)) {
@@ -1734,95 +1751,40 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
               }
               return _context.abrupt("return");
             case 6:
-              formatItem = str2SeletedItem(keyword.value);
-              valueList = (formatItem === null || formatItem === void 0 ? void 0 : formatItem.values) || [{
-                id: keyword.value,
-                name: keyword.value
-              }];
-              _context.next = 10;
-              return Promise.all(valueList.map(function (item) {
-                return validateUsingItemValues(item);
-              })).then(function () {
-                return true;
-              })["catch"](function () {
-                return false;
-              });
-            case 10:
-              _res = _context.sent;
-              if (_res) {
+              _context.next = 8;
+              return enterNewItemSelected();
+            case 8:
+              return _context.abrupt("return", _context.sent);
+            case 9:
+              if (!keyword.value) {
                 _context.next = 13;
                 break;
               }
-              return _context.abrupt("return");
+              _context.next = 12;
+              return enterExistingItemSelected();
+            case 12:
+              return _context.abrupt("return", _context.sent);
             case 13:
-              emit('add', formatItem || new SelectedItem(_objectSpread({}, valueList[0]), 'text'));
-              keyword.value = '';
-              setMenuList();
-              return _context.abrupt("return", true);
-            case 17:
-              if (!((_keyword$value = keyword.value) !== null && _keyword$value !== void 0 && _keyword$value.length)) {
-                _context.next = 32;
-                break;
-              }
-              _valueList = [];
-              if (usingItem.value.isSpecialType()) {
-                _formatItem = str2SeletedItem(keyword.value);
-                if (_formatItem) {
-                  usingItem.value = _formatItem;
-                  _valueList = _formatItem.values;
-                }
-              }
-              if (!_valueList.length) {
-                _valueList = usingItem.value.str2Values(keyword.value);
-              }
-              _context.next = 23;
-              return Promise.all(_valueList.map(function (item) {
-                return validateUsingItemValues(item);
-              })).then(function () {
-                return true;
-              })["catch"](function () {
-                return false;
-              });
-            case 23:
-              _res2 = _context.sent;
-              if (_res2) {
-                _context.next = 26;
-                break;
-              }
-              return _context.abrupt("return");
-            case 26:
-              if (usingItem.value.type === 'text') {
-                usingItem.value.name = keyword.value;
-                usingItem.value.id = keyword.value;
-              } else {
-                usingItem.value.values = _valueList;
-              }
-              emit('add', usingItem.value);
-              keyword.value = '';
-              usingItem.value = null;
-              setInputFocus(true);
-              return _context.abrupt("return", true);
-            case 32:
-              if (!(!((_usingItem$value4 = usingItem.value) !== null && _usingItem$value4 !== void 0 && _usingItem$value4.isSpecialType()) && ((_usingItem$value5 = usingItem.value) === null || _usingItem$value5 === void 0 || (_usingItem$value5 = _usingItem$value5.values) === null || _usingItem$value5 === void 0 ? void 0 : _usingItem$value5.length) < 1)) {
-                _context.next = 35;
+              if (!(!((_usingItem$value4 = usingItem.value) !== null && _usingItem$value4 !== void 0 && _usingItem$value4.isSpecialType()) && ((_usingItem$value5 = usingItem.value) === null || _usingItem$value5 === void 0 ? void 0 : _usingItem$value5.values.length) < 1)) {
+                _context.next = 16;
                 break;
               }
               showNoSelectValueError.value = !showNoSelectValueError.value;
               return _context.abrupt("return", false);
-            case 35:
-              _context.next = 37;
+            case 16:
+              _context.next = 18;
               return validateUsingItemValues();
-            case 37:
-              res = _context.sent;
-              if (res) {
-                _context.next = 40;
+            case 18:
+              isValid = _context.sent;
+              if (isValid) {
+                _context.next = 21;
                 break;
               }
               return _context.abrupt("return", false);
-            case 40:
+            case 21:
               setSelectedItem();
               return _context.abrupt("return", false);
-            case 42:
+            case 23:
             case "end":
               return _context.stop();
           }
@@ -1839,8 +1801,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         return;
       }
       if ((_usingItem$value2 = usingItem.value) !== null && _usingItem$value2 !== void 0 && _usingItem$value2.values.length) {
-        // if (hasSelectAllContent) {
-        // }
+        var _usingItem$value$chil;
+        if (usingItem.value.type === 'text' || !((_usingItem$value$chil = usingItem.value.children) !== null && _usingItem$value$chil !== void 0 && _usingItem$value$chil.length)) return;
         event.preventDefault();
         var selection = window.getSelection();
         if ((selection === null || selection === void 0 ? void 0 : selection.rangeCount) > 0) {
@@ -1869,89 +1831,78 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     function _handleSelectItem() {
       _handleSelectItem = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee2(item, type) {
-        var _item$value, _usingItem$value6, _usingItem$value7, _usingItem$value8;
-        var _item$realId2, _item$realId, seleted, _res3, isCondition, res;
+        var _item$value, _usingItem$value6, _usingItem$value9;
+        var _item$realId, selectedItem, _usingItem$value7, _usingItem$value8, isCondition;
         return regenerator_default().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (!((_item$value = item.value) !== null && _item$value !== void 0 && _item$value.id)) {
-                _context2.next = 20;
-                break;
-              }
-              if (!(props.valueBehavior === ValueBehavior.NEEDKEY && item.value || !props.validateValues)) {
-                _context2.next = 8;
+                _context2.next = 18;
                 break;
               }
-              seleted = new SelectedItem(_objectSpread(_objectSpread({}, item), {}, {
+              selectedItem = new SelectedItem(_objectSpread(_objectSpread({}, item), {}, {
                 id: (_item$realId = item.realId) !== null && _item$realId !== void 0 ? _item$realId : item.id
               }), type);
-              seleted.addValues(item.value.name, false);
-              setSelectedItem(seleted);
-              if (props.valueBehavior === ValueBehavior.NEEDKEY && menuHoverId.value) {
-                setInputFocus(true);
+              selectedItem.addValues(item.value.name, false);
+              if (!(props.valueBehavior === ValueBehavior.NEEDKEY && menuHoverId.value)) {
+                _context2.next = 8;
+                break;
               }
+              setSelectedItem(selectedItem);
+              setInputFocus(true);
               menuHoverId.value = '';
               return _context2.abrupt("return");
             case 8:
-              usingItem.value = new SelectedItem(_objectSpread(_objectSpread({}, item), {}, {
-                id: (_item$realId2 = item.realId) !== null && _item$realId2 !== void 0 ? _item$realId2 : item.id
-              }), type);
-              usingItem.value.addValues(item.value.name, false);
-              _context2.next = 12;
-              return Promise.all(usingItem.value.values.map(function (v) {
-                return validateUsingItemValues(v);
-              }));
-            case 12:
-              _res3 = _context2.sent;
-              if (_res3) {
-                _context2.next = 16;
+              usingItem.value = selectedItem;
+              _context2.next = 11;
+              return validateUsingItemValues(usingItem.value.values);
+            case 11:
+              if (_context2.sent) {
+                _context2.next = 14;
                 break;
               }
               usingItem.value = null;
               return _context2.abrupt("return");
-            case 16:
+            case 14:
               setSelectedItem(usingItem.value);
-              menuHoverId.value = '';
               setInputFocus(true);
+              menuHoverId.value = '';
               return _context2.abrupt("return");
-            case 20:
-              if (usingItem.value) {
-                _context2.next = 28;
+            case 18:
+              if (!(!usingItem.value || ((_usingItem$value6 = usingItem.value) === null || _usingItem$value6 === void 0 ? void 0 : _usingItem$value6.type) === 'condition')) {
+                _context2.next = 26;
                 break;
               }
-              usingItem.value = new SelectedItem(item, type);
+              usingItem.value = new SelectedItem(item, type !== null && type !== void 0 ? type : (_usingItem$value7 = usingItem.value) === null || _usingItem$value7 === void 0 ? void 0 : _usingItem$value7.type);
               keyword.value = '';
-              isCondition = type === 'condition';
-              isCondition && setSelectedItem();
+              isCondition = ((_usingItem$value8 = usingItem.value) === null || _usingItem$value8 === void 0 ? void 0 : _usingItem$value8.type) === 'condition';
+              if (isCondition) {
+                setSelectedItem();
+              }
               showPopover.value = isCondition || !!usingItem.value.children.length;
               setInputFocus(props.valueBehavior === ValueBehavior.NEEDKEY && !!menuHoverId.value);
               return _context2.abrupt("return");
-            case 28:
-              if (!(((_usingItem$value6 = usingItem.value) === null || _usingItem$value6 === void 0 ? void 0 : _usingItem$value6.type) === 'condition')) {
-                _context2.next = 32;
-                break;
+            case 26:
+              if (usingItem.value) {
+                usingItem.value.addValue(item);
+                (0,external_vue_namespaceObject.nextTick)(deleteInputTextNode);
               }
-              usingItem.value = new SelectedItem(item, type);
-              setSelectedItem();
-              return _context2.abrupt("return");
-            case 32:
-              (_usingItem$value7 = usingItem.value) === null || _usingItem$value7 === void 0 || _usingItem$value7.addValue(item);
-              keyword.value = '';
-              _context2.next = 36;
-              return validateUsingItemValues(item);
-            case 36:
-              res = _context2.sent;
-              if (res) {
-                _context2.next = 39;
+              _context2.next = 29;
+              return validateUsingItemValues(usingItem.value.values);
+            case 29:
+              if (_context2.sent) {
+                _context2.next = 31;
                 break;
               }
               return _context2.abrupt("return");
-            case 39:
-              if (!usingItem.value.multiple) setSelectedItem();
-              if (props.valueBehavior === ValueBehavior.NEEDKEY && (_usingItem$value8 = usingItem.value) !== null && _usingItem$value8 !== void 0 && _usingItem$value8.multiple) {
+            case 31:
+              if (!usingItem.value.multiple) {
+                setSelectedItem();
+              }
+              if (props.valueBehavior === ValueBehavior.NEEDKEY && (_usingItem$value9 = usingItem.value) !== null && _usingItem$value9 !== void 0 && _usingItem$value9.multiple) {
                 setInputFocus();
               }
-            case 41:
+            case 33:
             case "end":
               return _context2.stop();
           }
@@ -1976,90 +1927,104 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           break;
       }
     }
+    function handleLogicalChange(logical) {
+      if (!usingItem.value) return;
+      usingItem.value.logical = logical;
+    }
     // functions
-    function validateUsingItemValues(_x4) {
-      return _validateUsingItemValues.apply(this, arguments);
+    function validateValues(_x4, _x5) {
+      return _validateValues.apply(this, arguments);
     }
-    function _validateUsingItemValues() {
-      _validateUsingItemValues = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee3(value) {
-        var _usingItem$value9, searchItem, validate, values;
+    function _validateValues() {
+      _validateValues = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee3(searchItem, value) {
+        var validateStr;
         return regenerator_default().wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              if (usingItem.value) {
-                _context3.next = 4;
+              if (!(typeof props.validateValues === 'function')) {
+                _context3.next = 14;
                 break;
               }
-              _context3.next = 3;
-              return validateValues(null, [value]);
-            case 3:
-              return _context3.abrupt("return", _context3.sent);
-            case 4:
-              _usingItem$value9 = usingItem.value, searchItem = _usingItem$value9.searchItem, validate = _usingItem$value9.validate, values = _usingItem$value9.values;
-              if (!(validate && typeof props.validateValues === 'function')) {
-                _context3.next = 9;
+              validateStr = '';
+              _context3.prev = 2;
+              _context3.next = 5;
+              return props.validateValues(searchItem !== null && searchItem !== void 0 ? searchItem : null, value);
+            case 5:
+              validateStr = _context3.sent;
+              _context3.next = 11;
+              break;
+            case 8:
+              _context3.prev = 8;
+              _context3.t0 = _context3["catch"](2);
+              validateStr = false;
+            case 11:
+              if (!(typeof validateStr === 'string' || validateStr === false)) {
+                _context3.next = 14;
                 break;
               }
-              _context3.next = 8;
-              return validateValues(searchItem, value ? [value] : values);
-            case 8:
-              return _context3.abrupt("return", _context3.sent);
-            case 9:
+              onValidate(validateStr || '校验错误');
+              return _context3.abrupt("return", false);
+            case 14:
               onValidate('');
               return _context3.abrupt("return", true);
-            case 11:
+            case 16:
             case "end":
               return _context3.stop();
           }
-        }, _callee3);
+        }, _callee3, null, [[2, 8]]);
       }));
-      return _validateUsingItemValues.apply(this, arguments);
-    }
-    function validateValues(_x5, _x6) {
       return _validateValues.apply(this, arguments);
     }
-    function _validateValues() {
-      _validateValues = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee4(searchItem, value) {
-        var _props$validateValues;
-        var validateStr;
+    function validateUsingItemValues(_x6) {
+      return _validateUsingItemValues.apply(this, arguments);
+    }
+    function _validateUsingItemValues() {
+      _validateUsingItemValues = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee4(preValues) {
+        var _usingItem$value10, searchItem, validate, values;
         return regenerator_default().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context4.next = 2;
-              return (_props$validateValues = props.validateValues) === null || _props$validateValues === void 0 ? void 0 : _props$validateValues.call(props, searchItem !== null && searchItem !== void 0 ? searchItem : null, value)["catch"](function () {
-                return false;
-              });
-            case 2:
-              validateStr = _context4.sent;
-              if (!(typeof validateStr === 'string' || validateStr === false)) {
-                _context4.next = 6;
+              if (usingItem.value) {
+                _context4.next = 4;
                 break;
               }
-              onValidate(validateStr || '校验错误');
-              return _context4.abrupt("return", false);
-            case 6:
+              _context4.next = 3;
+              return validateValues(null, preValues);
+            case 3:
+              return _context4.abrupt("return", _context4.sent);
+            case 4:
+              _usingItem$value10 = usingItem.value, searchItem = _usingItem$value10.searchItem, validate = _usingItem$value10.validate, values = _usingItem$value10.values;
+              if (!(validate && typeof props.validateValues === 'function')) {
+                _context4.next = 9;
+                break;
+              }
+              _context4.next = 8;
+              return validateValues(searchItem, preValues !== null && preValues !== void 0 ? preValues : values);
+            case 8:
+              return _context4.abrupt("return", _context4.sent);
+            case 9:
               onValidate('');
               return _context4.abrupt("return", true);
-            case 8:
+            case 11:
             case "end":
               return _context4.stop();
           }
         }, _callee4);
       }));
-      return _validateValues.apply(this, arguments);
+      return _validateUsingItemValues.apply(this, arguments);
     }
     function setMenuList() {
       return _setMenuList.apply(this, arguments);
     }
     function _setMenuList() {
       _setMenuList = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee5() {
-        var _usingItem$value10, _usingItem$value$valu;
+        var _props$data, _usingItem$value$sear, _usingItem$value$valu;
         var list, _usingItem$value11, _keyword$value2, hoverItem;
         return regenerator_default().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
               list = [];
-              if (!(typeof props.getMenuList === 'function' && (typeof ((_usingItem$value10 = usingItem.value) === null || _usingItem$value10 === void 0 || (_usingItem$value10 = _usingItem$value10.searchItem) === null || _usingItem$value10 === void 0 ? void 0 : _usingItem$value10.async) === 'undefined' || usingItem.value.searchItem.async === true))) {
+              if (!(typeof props.getMenuList === 'function' && (!((_props$data = props.data) !== null && _props$data !== void 0 && _props$data.length) && !usingItem.value || usingItem.value && (((_usingItem$value$sear = usingItem.value.searchItem) === null || _usingItem$value$sear === void 0 ? void 0 : _usingItem$value$sear.async) === undefined || usingItem.value.searchItem.async === true)))) {
                 _context5.next = 9;
                 break;
               }
@@ -2151,6 +2116,89 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       }));
       return _setMenuList.apply(this, arguments);
     }
+    function enterNewItemSelected() {
+      return _enterNewItemSelected.apply(this, arguments);
+    }
+    function _enterNewItemSelected() {
+      _enterNewItemSelected = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee6() {
+        var formatItem, valueList, res;
+        return regenerator_default().wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
+            case 0:
+              formatItem = str2SeletedItem(keyword.value);
+              valueList = (formatItem === null || formatItem === void 0 ? void 0 : formatItem.values) || [{
+                id: keyword.value,
+                name: keyword.value
+              }];
+              _context6.next = 4;
+              return validateUsingItemValues(valueList);
+            case 4:
+              res = _context6.sent;
+              if (res) {
+                _context6.next = 7;
+                break;
+              }
+              return _context6.abrupt("return");
+            case 7:
+              emit('add', formatItem || new SelectedItem(_objectSpread({}, valueList[0]), 'text'));
+              keyword.value = '';
+              setMenuList();
+              return _context6.abrupt("return", true);
+            case 11:
+            case "end":
+              return _context6.stop();
+          }
+        }, _callee6);
+      }));
+      return _enterNewItemSelected.apply(this, arguments);
+    }
+    function enterExistingItemSelected() {
+      return _enterExistingItemSelected.apply(this, arguments);
+    }
+    function _enterExistingItemSelected() {
+      _enterExistingItemSelected = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee7() {
+        var valueList, formatItem, isValid;
+        return regenerator_default().wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              valueList = [];
+              if (usingItem.value.isSpecialType()) {
+                formatItem = str2SeletedItem(keyword.value);
+                if (formatItem) {
+                  usingItem.value = formatItem;
+                  valueList = formatItem.values;
+                }
+              }
+              valueList = valueList.length ? valueList : usingItem.value.str2Values(keyword.value);
+              _context7.next = 5;
+              return validateUsingItemValues(valueList);
+            case 5:
+              isValid = _context7.sent;
+              if (isValid) {
+                _context7.next = 8;
+                break;
+              }
+              return _context7.abrupt("return");
+            case 8:
+              if (usingItem.value.type === 'text') {
+                usingItem.value.name = keyword.value;
+                usingItem.value.id = keyword.value;
+              } else {
+                usingItem.value.values = valueList;
+              }
+              emit('add', usingItem.value);
+              keyword.value = '';
+              usingItem.value = null;
+              setInputFocus(true);
+              return _context7.abrupt("return", true);
+            case 14:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7);
+      }));
+      return _enterExistingItemSelected.apply(this, arguments);
+    }
     function setCursorToEnd() {
       if (!inputRef.value) return;
       var range = document.createRange();
@@ -2181,11 +2229,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     function clearInput() {
       if (!inputRef.value) return;
-      inputRef.value.innerText = '';
-    }
-    function handleLogicalChange(logical) {
-      if (!usingItem.value) return;
-      usingItem.value.logical = logical;
+      keyword.value = '';
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        return inputRef.value.innerText = '';
+      });
     }
     function str2SeletedItem(str) {
       var _str$split = str.split(':'),
@@ -2204,19 +2251,58 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       }
       return undefined;
     }
+    function deleteInputTextNode() {
+      var _keyword$value;
+      if ((_keyword$value = keyword.value) !== null && _keyword$value !== void 0 && _keyword$value.length) {
+        keyword.value = '';
+        var nodes = Array.from(inputRef.value.childNodes);
+        nodes.forEach(function (node) {
+          var _node$textContent;
+          if (node.nodeType === Node.TEXT_NODE && (_node$textContent = node.textContent) !== null && _node$textContent !== void 0 && _node$textContent.trim()) {
+            inputRef.value.removeChild(node);
+          }
+        });
+      }
+    }
     function inputFocusForWrapper() {
       var _inputRef$value2;
       (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
     }
     function inputEnterForWrapper() {
-      handleKeyEnter().then(function (v) {
-        return v && clearInput();
-      });
+      return _inputEnterForWrapper.apply(this, arguments);
+    }
+    function _inputEnterForWrapper() {
+      _inputEnterForWrapper = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee8() {
+        return regenerator_default().wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              _context8.next = 2;
+              return handleKeyEnter().then(function (v) {
+                return v && clearInput();
+              });
+            case 2:
+              showPopover.value = false;
+              inputRef.value.blur();
+            case 4:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8);
+      }));
+      return _inputEnterForWrapper.apply(this, arguments);
+    }
+    function inputClearForWrapper() {
+      keyword.value = '';
+      showNoSelectValueError.value = false;
+      showPopover.value = false;
+      usingItem.value = null;
+      (0,external_vue_namespaceObject.nextTick)(clearInput);
     }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
       inputEnterForWrapper: inputEnterForWrapper,
+      inputClearForWrapper: inputClearForWrapper,
       handleInputFocus: handleInputFocus,
       isFocus: isFocus
     });
@@ -2246,6 +2332,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       resolveClassName: resolveClassName,
       inputFocusForWrapper: inputFocusForWrapper,
       inputEnterForWrapper: inputEnterForWrapper,
+      inputClearForWrapper: inputClearForWrapper,
+      deleteInputTextNode: deleteInputTextNode,
       t: t
     };
   },
@@ -2592,6 +2680,13 @@ var SearchSelectProps = {
       return [ValueBehavior.ALL, ValueBehavior.NEEDKEY].includes(v);
     }
   }
+  // deleteBehavior: {
+  //   type: String as PropType<`${DeleteBehavior}`>,
+  //   default: DeleteBehavior.CHAR,
+  //   validator(v: DeleteBehavior) {
+  //     return [DeleteBehavior.CHAR, DeleteBehavior.VALUE].includes(v);
+  //   },
+  // },
 };
 /* harmony default export */ const search_select = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'SearchSelect',
@@ -2769,6 +2864,7 @@ var SearchSelectProps = {
     function handleClearAll() {
       selectedList.value = [];
       overflowIndex.value = -1;
+      inputRef.value.inputClearForWrapper();
       emit('update:modelValue', []);
     }
     function handleInputOutside(target) {