bkui-vue 1.0.3-beta.65 → 1.0.3-beta.66

package/lib/search-select/index.js

@@ -1108,6 +1108,11 @@ var SelectedItem = /*#__PURE__*/function () {
     get: function get() {
       return !!this.searchItem.showLogicalPanel;
     }
+  }, {
+    key: "isCustomMenu",
+    get: function get() {
+      return this.searchItem.isCustomMenu;
+    }
   }, {
     key: "isSpecialType",
     value: function isSpecialType() {
@@ -1411,13 +1416,7 @@ var SelectedItem = /*#__PURE__*/function () {
         "onClick": function onClick() {
           return !item.disabled && _this.handleClick(item);
         }
-      }, [_this.$slots["default"] ? _this.$slots["default"]({
-        item: item,
-        list: _this.list,
-        multiple: !!_this.multiple,
-        hoverId: _this.hoverId,
-        getSearchNode: _this.getSearchNode
-      }) : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [_this.multiple && (0,external_vue_namespaceObject.createVNode)("span", {
+      }, [(0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [_this.multiple && (0,external_vue_namespaceObject.createVNode)("span", {
         "onClick": function onClick(e) {
           return _this.handleSelectedChange(e, item);
         }
@@ -1537,7 +1536,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     validateValues: Function,
     valueBehavior: String
   },
-  emits: ['focus', 'add', 'delete'],
+  emits: ['focus', 'add', 'delete', 'selectKey'],
+  slots: Object,
   setup: function setup(props, _ref) {
     var emit = _ref.emit,
       expose = _ref.expose;
@@ -1643,21 +1643,31 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       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().then(function (v) {
+      var _popoverRef$value, _props$clickOutside, _usingItem$value2;
+      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))) {
+        return;
+      }
+      if ((_usingItem$value2 = usingItem.value) !== null && _usingItem$value2 !== void 0 && _usingItem$value2.isCustomMenu) {
+        if (props.mode === SearchInputMode.EDIT) {
+          handleKeyEnter().then(function (v) {
             return v && clearInput();
           });
-          if (!usingItem.value) {
-            emit('focus', false);
-          }
-          return;
+          showPopover.value = false;
         }
-        isFocus.value = false;
-        showPopover.value = false;
-        emit('focus', isFocus.value);
+        return;
+      }
+      if (props.mode === SearchInputMode.EDIT || usingItem.value) {
+        usingItem.value && handleKeyEnter().then(function (v) {
+          return v && clearInput();
+        });
+        if (!usingItem.value) {
+          emit('focus', false);
+        }
+        return;
       }
+      isFocus.value = false;
+      showPopover.value = false;
+      emit('focus', isFocus.value);
     }
     function handleInputFocus() {
       showNoSelectValueError.value = false;
@@ -1729,7 +1739,7 @@ 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 _usingItem$value4, _usingItem$value5;
+        var _usingItem$value6, _usingItem$value7, _usingItem$value8;
         var isValid;
         return regenerator_default().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -1765,7 +1775,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
             case 12:
               return _context.abrupt("return", _context.sent);
             case 13:
-              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)) {
+              if (!(!((_usingItem$value6 = usingItem.value) !== null && _usingItem$value6 !== void 0 && _usingItem$value6.isSpecialType()) && ((_usingItem$value7 = usingItem.value) === null || _usingItem$value7 === void 0 ? void 0 : _usingItem$value7.values.length) < 1)) {
                 _context.next = 16;
                 break;
               }
@@ -1782,9 +1792,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
               }
               return _context.abrupt("return", false);
             case 21:
+              if ((_usingItem$value8 = usingItem.value) !== null && _usingItem$value8 !== void 0 && _usingItem$value8.isCustomMenu) {
+                showPopover.value = false;
+              }
               setSelectedItem();
               return _context.abrupt("return", false);
-            case 23:
+            case 24:
             case "end":
               return _context.stop();
           }
@@ -1793,14 +1806,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       return _handleKeyEnter.apply(this, arguments);
     }
     function handleKeyBackspace(event) {
-      var _usingItem$value2;
+      var _usingItem$value3;
       // 删除已选择项
       if (!usingItem.value && !keyword.value) {
         emit('delete');
         setTimeout(setMenuList, 16);
         return;
       }
-      if ((_usingItem$value2 = usingItem.value) !== null && _usingItem$value2 !== void 0 && _usingItem$value2.values.length) {
+      if ((_usingItem$value3 = usingItem.value) !== null && _usingItem$value3 !== void 0 && _usingItem$value3.values.length) {
         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();
@@ -1831,8 +1844,8 @@ 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$value9;
-        var _item$realId, selectedItem, _usingItem$value7, _usingItem$value8, isCondition;
+        var _item$value, _usingItem$value9, _usingItem$value12;
+        var _item$realId, selectedItem, _usingItem$value10, _usingItem$value11, isCondition;
         return regenerator_default().wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -1869,40 +1882,47 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
               menuHoverId.value = '';
               return _context2.abrupt("return");
             case 18:
-              if (!(!usingItem.value || ((_usingItem$value6 = usingItem.value) === null || _usingItem$value6 === void 0 ? void 0 : _usingItem$value6.type) === 'condition')) {
-                _context2.next = 26;
+              if (!(!usingItem.value || ((_usingItem$value9 = usingItem.value) === null || _usingItem$value9 === void 0 ? void 0 : _usingItem$value9.type) === 'condition')) {
+                _context2.next = 27;
                 break;
               }
-              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);
+              usingItem.value = new SelectedItem(item, type !== null && type !== void 0 ? type : (_usingItem$value10 = usingItem.value) === null || _usingItem$value10 === void 0 ? void 0 : _usingItem$value10.type);
               keyword.value = '';
-              isCondition = ((_usingItem$value8 = usingItem.value) === null || _usingItem$value8 === void 0 ? void 0 : _usingItem$value8.type) === 'condition';
+              isCondition = ((_usingItem$value11 = usingItem.value) === null || _usingItem$value11 === void 0 ? void 0 : _usingItem$value11.type) === 'condition';
+              if (!isCondition) {
+                emit('selectKey', {
+                  id: item.id,
+                  name: item.name,
+                  values: []
+                });
+              }
               if (isCondition) {
                 setSelectedItem();
               }
               showPopover.value = isCondition || !!usingItem.value.children.length;
               setInputFocus(props.valueBehavior === ValueBehavior.NEEDKEY && !!menuHoverId.value);
               return _context2.abrupt("return");
-            case 26:
+            case 27:
               if (usingItem.value) {
                 usingItem.value.addValue(item);
                 (0,external_vue_namespaceObject.nextTick)(deleteInputTextNode);
               }
-              _context2.next = 29;
+              _context2.next = 30;
               return validateUsingItemValues(usingItem.value.values);
-            case 29:
+            case 30:
               if (_context2.sent) {
-                _context2.next = 31;
+                _context2.next = 32;
                 break;
               }
               return _context2.abrupt("return");
-            case 31:
+            case 32:
               if (!usingItem.value.multiple) {
                 setSelectedItem();
               }
-              if (props.valueBehavior === ValueBehavior.NEEDKEY && (_usingItem$value9 = usingItem.value) !== null && _usingItem$value9 !== void 0 && _usingItem$value9.multiple) {
+              if (props.valueBehavior === ValueBehavior.NEEDKEY && (_usingItem$value12 = usingItem.value) !== null && _usingItem$value12 !== void 0 && _usingItem$value12.multiple) {
                 setInputFocus();
               }
-            case 33:
+            case 34:
             case "end":
               return _context2.stop();
           }
@@ -1914,10 +1934,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       handleSelectItem(item, 'condition');
     }
     function handleMenuFooterClick(item) {
-      var _usingItem$value3;
+      var _usingItem$value4;
       switch (item.id) {
         case 'confirm':
-          if (!((_usingItem$value3 = usingItem.value) !== null && _usingItem$value3 !== void 0 && _usingItem$value3.values.length)) return;
+          if (!((_usingItem$value4 = usingItem.value) !== null && _usingItem$value4 !== void 0 && _usingItem$value4.values.length)) return;
           keyword.value = '';
           handleKeyEnter();
           break;
@@ -1980,7 +2000,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     function _validateUsingItemValues() {
       _validateUsingItemValues = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee4(preValues) {
-        var _usingItem$value10, searchItem, validate, values;
+        var _usingItem$value13, searchItem, validate, values;
         return regenerator_default().wrap(function _callee4$(_context4) {
           while (1) switch (_context4.prev = _context4.next) {
             case 0:
@@ -1993,7 +2013,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
             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;
+              _usingItem$value13 = usingItem.value, searchItem = _usingItem$value13.searchItem, validate = _usingItem$value13.validate, values = _usingItem$value13.values;
               if (!(validate && typeof props.validateValues === 'function')) {
                 _context4.next = 9;
                 break;
@@ -2019,7 +2039,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     function _setMenuList() {
       _setMenuList = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee5() {
         var _props$data, _usingItem$value$sear, _usingItem$value$valu;
-        var list, _usingItem$value11, _keyword$value2, hoverItem;
+        var list, _usingItem$value14, _keyword$value2, hoverItem;
         return regenerator_default().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -2030,7 +2050,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
               }
               loading.value = true;
               _context5.next = 5;
-              return props.getMenuList((_usingItem$value11 = usingItem.value) === null || _usingItem$value11 === void 0 ? void 0 : _usingItem$value11.searchItem, keyword.value)["catch"](function () {
+              return props.getMenuList((_usingItem$value14 = usingItem.value) === null || _usingItem$value14 === void 0 ? void 0 : _usingItem$value14.searchItem, keyword.value)["catch"](function () {
                 return [];
               });
             case 5:
@@ -2221,11 +2241,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       emit('focus', isFocus.value);
     }
     function setSelectedItem(item) {
+      var _usingItem$value5;
       emit('add', item !== null && item !== void 0 ? item : usingItem.value);
+      var needCursorToEnd = !((_usingItem$value5 = usingItem.value) !== null && _usingItem$value5 !== void 0 && _usingItem$value5.isCustomMenu);
       usingItem.value = null;
       keyword.value = '';
-      setInputFocus(true, true);
-      (0,external_vue_namespaceObject.nextTick)(clearInput);
+      if (needCursorToEnd) {
+        setInputFocus(true, needCursorToEnd);
+        (0,external_vue_namespaceObject.nextTick)(clearInput);
+      }
     }
     function clearInput() {
       if (!inputRef.value) return;
@@ -2298,6 +2322,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       usingItem.value = null;
       (0,external_vue_namespaceObject.nextTick)(clearInput);
     }
+    function customPanelSubmit(value) {
+      usingItem.value.values = [{
+        id: value,
+        name: value
+      }];
+      handleKeyEnter().then(function (v) {
+        return v && clearInput();
+      });
+    }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
@@ -2334,6 +2367,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       inputEnterForWrapper: inputEnterForWrapper,
       inputClearForWrapper: inputClearForWrapper,
       deleteInputTextNode: deleteInputTextNode,
+      customPanelSubmit: customPanelSubmit,
       t: t
     };
   },
@@ -2345,16 +2379,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       multiple = _ref2.multiple,
       values = _ref2.values,
       placeholder = _ref2.placeholder,
-      inputInnerHtml = _ref2.inputInnerHtml;
+      inputInnerHtml = _ref2.inputInnerHtml,
+      isCustomMenu = _ref2.isCustomMenu;
     var showInputAfter = !((_this$keyword = this.keyword) !== null && _this$keyword !== void 0 && _this$keyword.length) && !(values !== null && values !== void 0 && values.length) && placeholder;
-    var showPopover = this.loading || this.showNoSelectValueError || this.showPopover && !!((_this$menuList = this.menuList) !== null && _this$menuList !== void 0 && _this$menuList.length);
+    var showPopover = this.loading || this.showNoSelectValueError || this.showPopover && (!!isCustomMenu || !!((_this$menuList = this.menuList) !== null && _this$menuList !== void 0 && _this$menuList.length));
     var showCondition = !this.usingItem && this.showCondition;
-    var menuSlots = Object.assign({}, this.$slots.menu ? {
-      "default": function _default(data) {
-        var _this$$slots$menu, _this$$slots;
-        return (_this$$slots$menu = (_this$$slots = _this.$slots).menu) === null || _this$$slots$menu === void 0 ? void 0 : _this$$slots$menu.call(_this$$slots, data);
-      }
-    } : {});
     var inputContent = function inputContent() {
       var _this$keyword2, _this$usingItem, _this$usingItem2;
       return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
@@ -2394,17 +2423,29 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           "data-type": "value",
           "data-id": item.id,
           "data-index": index
-        }, [index > 0 ? " ".concat(_this.usingItem.logical, " ") : '', item.name]);
+        }, [item.name, index < _this.usingItem.values.length - 1 ? " ".concat(_this.usingItem.logical, " ") : '']);
       })]), [[(0,external_vue_namespaceObject.resolveDirective)("clickoutside"), _this.handleClickOutside]]);
     };
     var popoverContent = function popoverContent() {
-      var _this$menuList2, _this$usingItem3, _this$usingItem4;
+      var _this$usingItem3, _this$menuList2, _this$usingItem4, _this$usingItem5;
       if (_this.loading) {
         return (0,external_vue_namespaceObject.createVNode)("div", null, [_this.t.loading]);
       }
       if (_this.showNoSelectValueError) {
         return (0,external_vue_namespaceObject.createVNode)("div", null, [_this.t.filterQueryMustHasValue]);
       }
+      if ((_this$usingItem3 = _this.usingItem) !== null && _this$usingItem3 !== void 0 && _this$usingItem3.isCustomMenu && _this.$slots.menu) {
+        var _this$usingItem$value;
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "ref": "popoverRef",
+          "class": _this.resolveClassName('search-select-popover')
+        }, [_this.$slots.menu({
+          value: (_this$usingItem$value = _this.usingItem.values) === null || _this$usingItem$value === void 0 ? void 0 : _this$usingItem$value[0],
+          id: _this.usingItem.id,
+          name: _this.usingItem.name,
+          onSubmit: _this.customPanelSubmit
+        })]);
+      }
       return (_this$menuList2 = _this.menuList) !== null && _this$menuList2 !== void 0 && _this$menuList2.length ? (0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "popoverRef",
         "class": _this.resolveClassName('search-select-popover')
@@ -2417,13 +2458,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           return item.id;
         })) || [],
         "conditions": showCondition ? _this.conditions : [],
-        "logical": (_this$usingItem3 = _this.usingItem) === null || _this$usingItem3 === void 0 ? void 0 : _this$usingItem3.logical,
-        "showLogical": (_this$usingItem4 = _this.usingItem) === null || _this$usingItem4 === void 0 ? void 0 : _this$usingItem4.showLogical,
+        "logical": (_this$usingItem4 = _this.usingItem) === null || _this$usingItem4 === void 0 ? void 0 : _this$usingItem4.logical,
+        "showLogical": (_this$usingItem5 = _this.usingItem) === null || _this$usingItem5 === void 0 ? void 0 : _this$usingItem5.showLogical,
         "onUpdate:logical": _this.handleLogicalChange,
         "onSelectItem": _this.handleSelectItem,
         "onSelectCondition": _this.handleSelectCondtionItem,
         "onFooterClick": _this.handleMenuFooterClick
-      }, _objectSpread({}, menuSlots))]) : undefined;
+      }, null)]) : undefined;
     };
     return (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], {
       "trigger": "manual",
@@ -2440,6 +2481,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 }));
 ;// CONCATENATED MODULE: ../../packages/search-select/src/selected.tsx
 
+
+function selected_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function selected_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? selected_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : selected_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -2494,7 +2538,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     validateValues: Function,
     valueBehavior: String
   },
-  emits: ['delete'],
+  emits: ['delete', 'selectKey'],
   setup: function setup(_props, _ref) {
     var emit = _ref.emit;
     var inputRef = (0,external_vue_namespaceObject.ref)(null);
@@ -2511,6 +2555,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       e.preventDefault();
       e.stopPropagation();
       onEditClick(item, index);
+      emit('selectKey', {
+        id: item.id,
+        name: item.name,
+        values: item.values.slice()
+      });
       // magic code
       setTimeout(function () {
         return inputRef.value.handleInputFocus();
@@ -2568,7 +2617,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           return _this.handleAddSelected(v, index);
         },
         "onFocus": _this.handleInputFocus
-      }, null)]) : (0,external_vue_namespaceObject.createVNode)("li", {
+      }, selected_objectSpread({}, _this.$slots))]) : (0,external_vue_namespaceObject.createVNode)("li", {
         "class": "search-container-selected ".concat(!(_this.overflowIndex >= 0 ? index < _this.overflowIndex : index >= 0) ? 'hidden-selected' : ''),
         "key": "".concat(item.id, "_").concat(index)
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
@@ -2694,7 +2743,8 @@ var SearchSelectProps = {
     clickoutside: directives_namespaceObject.clickoutside
   },
   props: SearchSelectProps,
-  emits: ['update:modelValue', 'search'],
+  emits: ['update:modelValue', 'search', 'selectKey'],
+  slots: Object,
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('searchSelect');
@@ -2899,6 +2949,9 @@ var SearchSelectProps = {
       inputRef.value.inputEnterForWrapper();
       emit('search', e);
     }
+    function handleSelectedKey(a) {
+      emit('selectKey', a);
+    }
     return {
       inputRef: inputRef,
       wrapRef: wrapRef,
@@ -2919,6 +2972,7 @@ var SearchSelectProps = {
       handleClickSearch: handleClickSearch,
       localConditions: localConditions,
       resolveClassName: resolveClassName,
+      handleSelectedKey: handleSelectedKey,
       t: t
     };
   },
@@ -2956,7 +3010,8 @@ var SearchSelectProps = {
       "getMenuList": this.getMenuList,
       "validateValues": this.validateValues,
       "valueBehavior": this.valueBehavior,
-      "onDelete": this.handleDeleteSelected
+      "onDelete": this.handleDeleteSelected,
+      "onSelectKey": this.handleSelectedKey
     }, search_select_objectSpread({}, menuSlots)), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "search-container-input"
     }, [(0,external_vue_namespaceObject.createVNode)(input, {
@@ -2972,7 +3027,8 @@ var SearchSelectProps = {
       "valueBehavior": this.valueBehavior,
       "onAdd": this.handleAddSelected,
       "onDelete": this.handleDeleteSelected,
-      "onFocus": this.handleInputFocus
+      "onFocus": this.handleInputFocus,
+      "onSelectKey": this.handleSelectedKey
     }, search_select_objectSpread({}, menuSlots))])]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": "search-nextfix"
     }, [this.clearable && !!this.selectedList.length && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {

package/lib/search-select/input.d.ts

@@ -1,5 +1,5 @@
-import { PropType, Ref } from 'vue';
-import { GetMenuListFunc, ICommonItem, IMenuFooterItem, ISearchItem, SearchInputMode, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
+import { PropType, Ref, SlotsType } from 'vue';
+import { GetMenuListFunc, ICommonItem, IMenuFooterItem, ISearchItem, MenuSlotParams, SearchInputMode, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
 declare const _default: import("vue").DefineComponent<{
     data: {
         type: PropType<ISearchItem[]>;
@@ -66,6 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     inputEnterForWrapper: () => Promise<void>;
     inputClearForWrapper: () => void;
     deleteInputTextNode: () => void;
+    customPanelSubmit: (value: string) => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;
@@ -76,7 +77,7 @@ declare const _default: import("vue").DefineComponent<{
         and: string;
         logical: string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], "focus" | "delete" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add" | "selectKey")[], "focus" | "delete" | "add" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<ISearchItem[]>;
         required: true;
@@ -101,10 +102,13 @@ declare const _default: import("vue").DefineComponent<{
     onFocus?: (...args: any[]) => any;
     onDelete?: (...args: any[]) => any;
     onAdd?: (...args: any[]) => any;
+    onSelectKey?: (...args: any[]) => any;
 }, {
     mode: SearchInputMode;
     conditions: ICommonItem[];
     showInputBefore: boolean;
     showCondition: boolean;
-}, {}>;
+}, SlotsType<{
+    menu: MenuSlotParams;
+}>>;
 export default _default;

package/lib/search-select/search-select.d.ts

@@ -1,5 +1,6 @@
 import { PropType, ShallowRef } from 'vue';
-import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
+import { type SlotsType } from 'vue';
+import { GetMenuListFunc, ICommonItem, ISearchItem, ISearchValue, MenuSlotParams, SearchItemType, SearchLogical, SelectedItem, ValidateValuesFunc, ValueBehavior } from './utils';
 export declare const SearchSelectProps: {
     data: {
         type: PropType<ISearchItem[]>;
@@ -109,6 +110,7 @@ declare const _default: import("vue").DefineComponent<{
         onFocus?: (...args: any[]) => any;
         onDelete?: (...args: any[]) => any;
         onAdd?: (...args: any[]) => any;
+        onSelectKey?: (...args: any[]) => any;
     }, {
         popoverRef: import("vue").Ref<HTMLDivElement>;
         inputRef: import("vue").Ref<HTMLDivElement>;
@@ -154,6 +156,7 @@ declare const _default: import("vue").DefineComponent<{
         inputEnterForWrapper: () => Promise<void>;
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
+        customPanelSubmit: (value: string) => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -164,7 +167,7 @@ declare const _default: import("vue").DefineComponent<{
             and: string;
             logical: string;
         }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "delete" | "add" | "selectKey")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<ISearchItem[]>;
             required: true;
@@ -189,12 +192,15 @@ declare const _default: import("vue").DefineComponent<{
         onFocus?: (...args: any[]) => any;
         onDelete?: (...args: any[]) => any;
         onAdd?: (...args: any[]) => any;
+        onSelectKey?: (...args: any[]) => any;
     }, {
         mode: import("./utils").SearchInputMode;
         conditions: ICommonItem[];
         showInputBefore: boolean;
         showCondition: boolean;
-    }, true, {}, {}, {
+    }, true, {}, SlotsType<{
+        menu: MenuSlotParams;
+    }>, {
         P: {};
         B: {};
         D: {};
@@ -226,6 +232,7 @@ declare const _default: import("vue").DefineComponent<{
         onFocus?: (...args: any[]) => any;
         onDelete?: (...args: any[]) => any;
         onAdd?: (...args: any[]) => any;
+        onSelectKey?: (...args: any[]) => any;
     }, {
         popoverRef: import("vue").Ref<HTMLDivElement>;
         inputRef: import("vue").Ref<HTMLDivElement>;
@@ -271,6 +278,7 @@ declare const _default: import("vue").DefineComponent<{
         inputEnterForWrapper: () => Promise<void>;
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
+        customPanelSubmit: (value: string) => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -353,6 +361,7 @@ declare const _default: import("vue").DefineComponent<{
             onlyRecommendChildren?: boolean;
             logical?: SearchLogical;
             showLogicalPanel?: boolean;
+            isCustomMenu?: boolean;
         };
         type: SearchItemType;
         readonly multiple: boolean;
@@ -378,6 +387,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly keyInnerHtml: string;
         readonly keyInnerText: string;
         readonly showLogical: boolean;
+        readonly isCustomMenu: boolean;
         isSpecialType: () => boolean;
         addValue: (item: ICommonItem) => void;
         str2Values: (str: string) => ICommonItem[];
@@ -401,6 +411,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClickSearch: (e: MouseEvent) => void;
     localConditions: import("vue").ComputedRef<ICommonItem[]>;
     resolveClassName: (cls: string) => string;
+    handleSelectedKey: (a: any) => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;
@@ -411,7 +422,7 @@ declare const _default: import("vue").DefineComponent<{
         and: string;
         logical: string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue")[], "search" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "selectKey")[], "search" | "update:modelValue" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<ISearchItem[]>;
         default: () => any[];
@@ -454,6 +465,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    onSelectKey?: (...args: any[]) => any;
     onSearch?: (...args: any[]) => any;
 }, {
     data: ISearchItem[];
@@ -465,5 +477,10 @@ declare const _default: import("vue").DefineComponent<{
     valueBehavior: "all" | "need-key";
     shrink: boolean;
     uniqueSelect: boolean;
-}, {}>;
+}, SlotsType<{
+    menu: MenuSlotParams;
+    prepend: void;
+    append: void;
+    validate: void;
+}>>;
 export default _default;