bkui-vue 2.0.2-beta.4 → 2.0.2-beta.40

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

@@ -90,6 +90,7 @@ declare const BkSearchSelect: {
             menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
             menuHoverId: import("vue").Ref<string>;
             isFocus: import("vue").Ref<boolean>;
+            isComposition: import("vue").Ref<boolean>;
             usingItem: import("vue").Ref<import("./utils").SelectedItem>;
             showPopover: import("vue").Ref<boolean>;
             showNoSelectValueError: import("vue").Ref<boolean>;
@@ -125,6 +126,8 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => void;
         }, 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: import("vue").PropType<import("./utils").ISearchItem[]>;
@@ -223,6 +226,7 @@ declare const BkSearchSelect: {
             menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
             menuHoverId: import("vue").Ref<string>;
             isFocus: import("vue").Ref<boolean>;
+            isComposition: import("vue").Ref<boolean>;
             usingItem: import("vue").Ref<import("./utils").SelectedItem>;
             showPopover: import("vue").Ref<boolean>;
             showNoSelectValueError: import("vue").Ref<boolean>;
@@ -258,6 +262,8 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => void;
         }, {}, {}, {}, {
             maxHeight: number;
             mode: import("./utils").SearchInputMode;
@@ -374,7 +380,7 @@ declare const BkSearchSelect: {
         handleWrapClick: () => void;
         handleInputFocus: (v: boolean) => void;
         handleResize: () => void;
-        handleClearAll: () => void;
+        handleClearAll: (e: MouseEvent) => void;
         handleInputOutside: (target: Node) => boolean;
         handleAddSelected: (item: import("./utils").SelectedItem) => void;
         handleDeleteSelected: (index?: number) => void;
@@ -546,6 +552,7 @@ declare const BkSearchSelect: {
             menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
             menuHoverId: import("vue").Ref<string>;
             isFocus: import("vue").Ref<boolean>;
+            isComposition: import("vue").Ref<boolean>;
             usingItem: import("vue").Ref<import("./utils").SelectedItem>;
             showPopover: import("vue").Ref<boolean>;
             showNoSelectValueError: import("vue").Ref<boolean>;
@@ -581,6 +588,8 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => void;
         }, 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: import("vue").PropType<import("./utils").ISearchItem[]>;
@@ -679,6 +688,7 @@ declare const BkSearchSelect: {
             menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
             menuHoverId: import("vue").Ref<string>;
             isFocus: import("vue").Ref<boolean>;
+            isComposition: import("vue").Ref<boolean>;
             usingItem: import("vue").Ref<import("./utils").SelectedItem>;
             showPopover: import("vue").Ref<boolean>;
             showNoSelectValueError: import("vue").Ref<boolean>;
@@ -714,6 +724,8 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => void;
         }, {}, {}, {}, {
             maxHeight: number;
             mode: import("./utils").SearchInputMode;
@@ -830,7 +842,7 @@ declare const BkSearchSelect: {
         handleWrapClick: () => void;
         handleInputFocus: (v: boolean) => void;
         handleResize: () => void;
-        handleClearAll: () => void;
+        handleClearAll: (e: MouseEvent) => void;
         handleInputOutside: (target: Node) => boolean;
         handleAddSelected: (item: import("./utils").SelectedItem) => void;
         handleDeleteSelected: (index?: number) => void;
@@ -951,6 +963,7 @@ declare const BkSearchSelect: {
         menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<import("./utils").SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -986,6 +999,8 @@ declare const BkSearchSelect: {
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
     }, 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: import("vue").PropType<import("./utils").ISearchItem[]>;
@@ -1084,6 +1099,7 @@ declare const BkSearchSelect: {
         menuList: import("vue").Ref<import("./utils").ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<import("./utils").SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -1119,6 +1135,8 @@ declare const BkSearchSelect: {
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: import("./utils").SearchInputMode;
@@ -1235,7 +1253,7 @@ declare const BkSearchSelect: {
     handleWrapClick: () => void;
     handleInputFocus: (v: boolean) => void;
     handleResize: () => void;
-    handleClearAll: () => void;
+    handleClearAll: (e: MouseEvent) => void;
     handleInputOutside: (target: Node) => boolean;
     handleAddSelected: (item: import("./utils").SelectedItem) => void;
     handleDeleteSelected: (index?: number) => void;

package/lib/search-select/index.js

@@ -3,12 +3,11 @@ import "./search-select.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
 import "../checkbox/checkbox.less";
@@ -1219,10 +1218,10 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = (ClickOutside);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -1300,7 +1299,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -1484,9 +1483,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1500,7 +1496,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -2150,10 +2146,6 @@ function _asyncToGenerator(fn) {
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
-;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: external "../popover/popover.less"
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x
@@ -2588,11 +2580,11 @@ var SelectedItem = /*#__PURE__*/function () {
       var _keyword;
       if (!str) return str;
       var keyword = props.keyword;
-      var len = keyword.length;
-      if (!((_keyword = keyword) !== null && _keyword !== void 0 && _keyword.trim().length) || !str.toLocaleLowerCase().includes(keyword.toLocaleLowerCase())) return str;
+      if (!((_keyword = keyword) !== null && _keyword !== void 0 && _keyword.trim().length) || !str.toLocaleLowerCase().includes(keyword.toLocaleLowerCase().trim())) return str;
+      var len = keyword.trim().length;
       var list = [];
       var lastIndex = -1;
-      keyword = keyword.replace(/([.*/]{1})/gim, '\\$1');
+      keyword = keyword.replace(/([.*/]{1})/gim, '\\$1').trim();
       str.replace(new RegExp("".concat(keyword), 'igm'), function (key, index) {
         if (list.length === 0 && index !== 0) {
           list.push(str.slice(0, index));
@@ -2815,6 +2807,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       return ((_usingItem$value = usingItem.value) === null || _usingItem$value === void 0 ? void 0 : _usingItem$value.logical) || SearchLogical.OR;
     });
     var inputKey = (0,external_vue_namespaceObject.ref)((0,shared_namespaceObject.random)(10));
+    var isComposition = (0,external_vue_namespaceObject.ref)(false);
     (0,external_vue_namespaceObject.watch)(editKey, function () {
       if (props.mode === SearchInputMode.DEFAULT && editKey.value) {
         showPopover.value = false;
@@ -2964,7 +2957,9 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       debounceSetMenuList();
     }
     function handleInputChange(event) {
-      var text = event.target.innerText.trim();
+      if (isComposition.value) return;
+      clearInputBr();
+      var text = event.target.innerText;
       if (!usingItem.value) {
         keyword.value = text;
         debounceSetMenuList();
@@ -2983,7 +2978,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
           return;
         }
       }
-      keyword.value = usingItem.value.isSpecialType() ? text : text.replace(usingItem.value.name, '').replace(':', '').trim();
+      keyword.value = usingItem.value.isSpecialType() ? text : text.replace(usingItem.value.name, '').replace(':', '');
       debounceSetMenuList();
     }
     function handleInputKeyup(event) {
@@ -2996,9 +2991,11 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       //   }
       //   return;
       // }
+      if (isComposition.value) return;
       switch (event.code) {
         case 'Enter':
         case 'NumpadEnter':
+          event.preventDefault();
           if (props.valueBehavior === ValueBehavior.NEED_KEY && menuList.value.some(function (item) {
             return item.id === menuHoverId.value;
           })) {
@@ -3013,7 +3010,9 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
           });
           break;
         case 'Backspace':
+        case 'Delete':
           handleKeyBackspace(event);
+          break;
         default:
           showNoSelectValueError.value = false;
           break;
@@ -3119,7 +3118,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
           setInputFocus(false, false);
           return;
         }
-      } else if (!keyword.value) {
+      } else if (!keyword.value || keyword.value.length === 1) {
         usingItem.value = null;
         keyword.value = '';
         setMenuList();
@@ -3338,7 +3337,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
               }
               loading.value = true;
               _context5.next = 5;
-              return props.getMenuList((_usingItem$value14 = usingItem.value) === null || _usingItem$value14 === void 0 ? void 0 : _usingItem$value14.searchItem, keyword.value)["catch"](function () {
+              return props.getMenuList((_usingItem$value14 = usingItem.value) === null || _usingItem$value14 === void 0 ? void 0 : _usingItem$value14.searchItem, keyword.value.trim())["catch"](function () {
                 return [];
               });
             case 5:
@@ -3395,7 +3394,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
                         try {
                           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
                             _child = _step3.value;
-                            if (_child.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase())) {
+                            if (_child.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase().trim())) {
                               _filterList.push(input_objectSpread(input_objectSpread({}, item), {}, {
                                 realId: item.id,
                                 id: (0,shared_namespaceObject.random)(10),
@@ -3429,11 +3428,12 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
                 list = props.conditions;
               } else if (!((_usingItem$value$valu = usingItem.value.values) !== null && _usingItem$value$valu !== void 0 && _usingItem$value$valu.length) || usingItem.value.multiple || props.mode === SearchInputMode.EDIT) {
                 list = usingItem.value.children.filter(function (item) {
-                  return item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase());
+                  return item.name.toLocaleLowerCase().includes(keyword.value.toLocaleLowerCase().trim());
                 });
               }
             case 10:
               menuList.value = list;
+              console.log('list', list);
               if (props.valueBehavior === ValueBehavior.NEED_KEY) {
                 hoverItem = list.find(function (item) {
                   return !item.disabled;
@@ -3444,7 +3444,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
                   menuHoverId.value = hoverItem.id;
                 }
               }
-            case 12:
+            case 13:
             case "end":
               return _context5.stop();
           }
@@ -3568,11 +3568,29 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
         (0,external_vue_namespaceObject.nextTick)(clearInput);
       }
     }
+    function clearInputBr() {
+      if (!inputRef.value) return;
+      var brs = inputRef.value.querySelectorAll('br');
+      brs === null || brs === void 0 || brs.forEach(function (br) {
+        return br.remove();
+      });
+    }
     function clearInput() {
       if (!inputRef.value) return;
+      // magic code 判断是否是 windows 系统
+      // const isWindows = navigator.userAgent.includes('Windows');
+      // if (isWindows) {
+      //   setTimeout(() => {
+      //     keyword.value = '';
+      //     inputRef.value.innerText = '';
+      //     clearInputBr();
+      //   }, 32);
+      //   return;
+      // }
       keyword.value = '';
       (0,external_vue_namespaceObject.nextTick)(function () {
-        return inputRef.value.innerText = '';
+        inputRef.value.innerText = '';
+        clearInputBr();
       });
     }
     function str2SelectedItem(str) {
@@ -3653,6 +3671,14 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
         menuHoverId.value = '';
       }
     }
+    function handleCompositionEnd(event) {
+      isComposition.value = false;
+      keyword.value = event.data;
+      handleInputChange(event);
+    }
+    function handleCompositionStart() {
+      isComposition.value = true;
+    }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
@@ -3671,6 +3697,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       menuList: menuList,
       menuHoverId: menuHoverId,
       isFocus: isFocus,
+      isComposition: isComposition,
       usingItem: usingItem,
       showPopover: showPopover,
       showNoSelectValueError: showNoSelectValueError,
@@ -3693,7 +3720,9 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       customPanelSubmit: customPanelSubmit,
       refleshMenuHover: refleshMenuHover,
       t: t,
-      inputKey: inputKey
+      inputKey: inputKey,
+      handleCompositionEnd: handleCompositionEnd,
+      handleCompositionStart: handleCompositionStart
     };
   },
   render: function render() {
@@ -3720,9 +3749,11 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
           'input-after': showInputAfter
         },
         "contenteditable": true,
-        "data-placeholder": !inputInnerHtml && !_this.keyword ? _this.placeholder : '',
-        "data-tips": placeholder || '',
+        "data-placeholder": !_this.isComposition && !inputInnerHtml && !_this.keyword ? _this.placeholder : '',
+        "data-tips": !_this.isComposition ? placeholder || '' : '',
         "spellcheck": "false",
+        "onCompositionend": _this.handleCompositionEnd,
+        "onCompositionstart": _this.handleCompositionStart,
         "onFocus": _this.handleInputFocus,
         "onInput": _this.handleInputChange,
         "onKeydown": _this.handleInputKeyup,
@@ -4290,7 +4321,8 @@ var SearchSelectProps = {
         inputRef.value.inputFocusForWrapper();
       }
     }
-    function handleClearAll() {
+    function handleClearAll(e) {
+      e.stopPropagation();
       selectedList.value = [];
       overflowIndex.value = -1;
       inputRef.value.inputClearForWrapper();

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

@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     menuList: Ref<ISearchItem[]>;
     menuHoverId: Ref<string>;
     isFocus: Ref<boolean>;
+    isComposition: Ref<boolean>;
     usingItem: Ref<SelectedItem>;
     showPopover: Ref<boolean>;
     showNoSelectValueError: Ref<boolean>;
@@ -84,6 +85,8 @@ declare const _default: import("vue").DefineComponent<{
         logical: string;
     }>;
     inputKey: Ref<string>;
+    handleCompositionEnd: (event: CompositionEvent) => void;
+    handleCompositionStart: () => void;
 }, 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[]>;

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

@@ -122,6 +122,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -157,6 +158,8 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
     }, 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[]>;
@@ -255,6 +258,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -290,6 +294,8 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: import("./utils").SearchInputMode;
@@ -406,7 +412,7 @@ declare const _default: import("vue").DefineComponent<{
     handleWrapClick: () => void;
     handleInputFocus: (v: boolean) => void;
     handleResize: () => void;
-    handleClearAll: () => void;
+    handleClearAll: (e: MouseEvent) => void;
     handleInputOutside: (target: Node) => boolean;
     handleAddSelected: (item: SelectedItem) => void;
     handleDeleteSelected: (index?: number) => void;

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

@@ -78,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -113,6 +114,8 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
     }, 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[]>;
@@ -211,6 +214,7 @@ declare const _default: import("vue").DefineComponent<{
         menuList: import("vue").Ref<ISearchItem[]>;
         menuHoverId: import("vue").Ref<string>;
         isFocus: import("vue").Ref<boolean>;
+        isComposition: import("vue").Ref<boolean>;
         usingItem: import("vue").Ref<SelectedItem>;
         showPopover: import("vue").Ref<boolean>;
         showNoSelectValueError: import("vue").Ref<boolean>;
@@ -246,6 +250,8 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: SearchInputMode;

package/lib/select/index.d.ts

@@ -348,6 +348,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        inputTooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1112,6 +1116,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        inputTooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1170,6 +1178,7 @@ declare const BkSelect: {
         keepSearchValue: boolean;
         searchWithPinyin: boolean;
         disableScrollToSelectedOption: boolean;
+        inputTooltipsOptions: {};
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -1523,6 +1532,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        inputTooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1987,6 +2000,7 @@ declare const BkSelect: {
         keepSearchValue: boolean;
         searchWithPinyin: boolean;
         disableScrollToSelectedOption: boolean;
+        inputTooltipsOptions: {};
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -2337,6 +2351,10 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
+    inputTooltipsOptions: {
+        type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+        default: () => {};
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -2801,6 +2819,7 @@ declare const BkSelect: {
     keepSearchValue: boolean;
     searchWithPinyin: boolean;
     disableScrollToSelectedOption: boolean;
+    inputTooltipsOptions: {};
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     Option: import("vue").DefineComponent<{
         id: {

package/lib/select/index.js

@@ -7,7 +7,7 @@ import "../checkbox/checkbox.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEqual_ce045a54__ from "lodash/isEqual";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
@@ -15,7 +15,6 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../inp
 import "../input/input.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__ from "../loading";
 import "../loading/loading.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_virtual_render_927587a8__ from "../virtual-render";
 import "../virtual-render/virtual-render.less";
@@ -1797,10 +1796,10 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = (ClickOutside);
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
@@ -1878,7 +1877,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -2025,9 +2024,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -2041,7 +2037,7 @@ var tooltips = {
             show(el);
             clearTimeout(delayTimeout);
           }, opts.delay);
-        } else if (popper.hasAttribute('data-show')) {
+        } else if (!el.contains(event.target) && popper.hasAttribute('data-show')) {
           hide(el);
         }
       });
@@ -2309,10 +2305,6 @@ const loading_namespaceObject = loading_x({ ["default"]: () => __WEBPACK_EXTERNA
 var loading_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var loading_less_y = x => () => x
 const loading_less_namespaceObject = loading_less_x({  });
-;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
 ;// CONCATENATED MODULE: external "../popover/popover.less"
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x
@@ -3909,7 +3901,13 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       type: String,
       "default": 'default'
     },
-    disableScrollToSelectedOption: shared_namespaceObject.PropTypes.bool.def(false) // 是否禁用滚动到选中option的功能
+    disableScrollToSelectedOption: shared_namespaceObject.PropTypes.bool.def(false),
+    inputTooltipsOptions: {
+      type: Object,
+      "default": function _default() {
+        return {};
+      }
+    } // 透传Input组件的tooltips配置
   },
   emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
   setup: function setup(props, _ref) {
@@ -4840,6 +4838,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "selectReadonly": true,
         "size": _this.size,
         "stopPropagation": false,
+        "tooltipsOptions": _this.inputTooltipsOptions,
         "type": "text",
         "withValidate": false,
         "onEnter": _this.handleCreateCustomOption,