bkui-vue 2.0.2-beta.7 → 2.0.2-beta.71

package/lib/search-select/index.js

@@ -1100,7 +1100,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1228,7 +1228,7 @@ const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTE
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1340,7 +1340,7 @@ var normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(normalize_wheel
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1428,7 +1428,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1483,9 +1483,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1499,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);
         }
       });
@@ -1723,7 +1720,7 @@ const external_overflow_title_namespaceObject = external_overflow_title_x({  });
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2203,7 +2200,7 @@ function _createClass(Constructor, protoProps, staticProps) {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2464,7 +2461,7 @@ var SelectedItem = /*#__PURE__*/function () {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2583,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));
@@ -2715,7 +2712,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -2804,12 +2801,14 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
     var _useSearchSelectInjec = useSearchSelectInject(),
       editKey = _useSearchSelectInjec.editKey,
       onValidate = _useSearchSelectInjec.onValidate,
-      searchData = _useSearchSelectInjec.searchData;
+      searchData = _useSearchSelectInjec.searchData,
+      onCopy = _useSearchSelectInjec.onCopy;
     var valueLogic = (0,external_vue_namespaceObject.computed)(function () {
       var _usingItem$value;
       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;
@@ -2880,8 +2879,9 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
     }
     function documentEnterEvent(e) {
       var _menuList$value2;
-      if (!isBindEvent) return;
+      if (!isBindEvent || isComposition.value) return;
       e.preventDefault();
+      console.log('documentEnterEvent', e);
       var item = (_menuList$value2 = menuList.value) === null || _menuList$value2 === void 0 ? void 0 : _menuList$value2.find(function (item) {
         return item.id === menuHoverId.value;
       });
@@ -2959,7 +2959,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();
@@ -2978,7 +2980,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) {
@@ -2991,9 +2993,12 @@ 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':
+          console.log('handleInputKeyup', event);
+          event.preventDefault();
           if (props.valueBehavior === ValueBehavior.NEED_KEY && menuList.value.some(function (item) {
             return item.id === menuHoverId.value;
           })) {
@@ -3008,12 +3013,20 @@ 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;
       }
     }
+    var handleInputCopy = function handleInputCopy(event) {
+      var copyText = window.getSelection().toString();
+      if (copyText) {
+        onCopy(event, copyText, usingItem.value.toValue());
+      }
+    };
     function handleKeyEnter(_x) {
       return _handleKeyEnter.apply(this, arguments);
     }
@@ -3114,7 +3127,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();
@@ -3322,7 +3335,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
     function _setMenuList() {
       _setMenuList = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee5() {
         var _props$data, _usingItem$value$sear, _usingItem$value$valu;
-        var list, _usingItem$value14, _keyword$value3, _iterator, _step, item, isMatched, _list, filterList, _iterator2, _step2, child, _list2, _filterList, _iterator3, _step3, _child, hoverItem;
+        var list, _usingItem$value14, _usingItem$value15, _keyword$value3, _iterator, _step, item, isMatched, _list, filterList, _iterator2, _step2, child, _list2, _filterList, _iterator3, _step3, _child, hoverItem;
         return regenerator_default().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -3333,7 +3346,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() || ((_usingItem$value15 = usingItem.value) === null || _usingItem$value15 === void 0 || (_usingItem$value15 = _usingItem$value15.values) === null || _usingItem$value15 === void 0 || (_usingItem$value15 = _usingItem$value15[0]) === null || _usingItem$value15 === void 0 ? void 0 : _usingItem$value15.name) || '')["catch"](function () {
                 return [];
               });
             case 5:
@@ -3390,7 +3403,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),
@@ -3424,7 +3437,7 @@ 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:
@@ -3563,11 +3576,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) {
@@ -3643,11 +3674,21 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
         return v && clearInput();
       });
     }
-    function refleshMenuHover() {
+    function refreshMenuHover() {
       if (!usingItem.value) {
         menuHoverId.value = '';
       }
     }
+    function handleCompositionEnd(event) {
+      isComposition.value = false;
+      console.log('handleCompositionEnd', event);
+      keyword.value = event.data;
+      handleInputChange(event);
+    }
+    function handleCompositionStart(event) {
+      isComposition.value = true;
+      console.log('handleCompositionStart', event);
+    }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
@@ -3655,7 +3696,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       inputClearForWrapper: inputClearForWrapper,
       handleInputFocus: handleInputFocus,
       isFocus: isFocus,
-      refleshMenuHover: refleshMenuHover
+      refreshMenuHover: refreshMenuHover
     });
     return {
       popoverRef: popoverRef,
@@ -3666,6 +3707,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,
@@ -3686,9 +3728,12 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
       inputClearForWrapper: inputClearForWrapper,
       deleteInputTextNode: deleteInputTextNode,
       customPanelSubmit: customPanelSubmit,
-      refleshMenuHover: refleshMenuHover,
+      refreshMenuHover: refreshMenuHover,
       t: t,
-      inputKey: inputKey
+      inputKey: inputKey,
+      handleCompositionEnd: handleCompositionEnd,
+      handleCompositionStart: handleCompositionStart,
+      handleInputCopy: handleInputCopy
     };
   },
   render: function render() {
@@ -3715,9 +3760,12 @@ 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,
+        "onCopy": _this.handleInputCopy,
         "onFocus": _this.handleInputFocus,
         "onInput": _this.handleInputChange,
         "onKeydown": _this.handleInputKeyup,
@@ -3811,7 +3859,7 @@ function selected_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -3981,7 +4029,7 @@ function search_select_arrayLikeToArray(arr, len) { if (len == null || len > arr
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -4071,7 +4119,7 @@ var SearchSelectProps = {
     clickoutside: clickoutside
   },
   props: SearchSelectProps,
-  emits: ['update:modelValue', 'search', 'selectKey'],
+  emits: ['update:modelValue', 'search', 'selectKey', 'copy'],
   slots: Object,
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
@@ -4220,6 +4268,9 @@ var SearchSelectProps = {
     (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
       removeListener(wrapRef.value.querySelector(".".concat(resolveClassName('search-select-container'))), debounceResize);
     });
+    var onCopy = function onCopy(event, text, item) {
+      emit('copy', event, text, item);
+    };
     // edit item
     useSearchSelectProvider({
       onEditClick: onEditClick,
@@ -4230,7 +4281,8 @@ var SearchSelectProps = {
       searchData: (0,external_vue_namespaceObject.computed)(function () {
         return props.data;
       }),
-      isClickOutside: handleInputOutside
+      isClickOutside: handleInputOutside,
+      onCopy: onCopy
     });
     function onEditClick(item, index) {
       editKey.value = "".concat(item.id, "_").concat(index);
@@ -4285,7 +4337,8 @@ var SearchSelectProps = {
         inputRef.value.inputFocusForWrapper();
       }
     }
-    function handleClearAll() {
+    function handleClearAll(e) {
+      e.stopPropagation();
       selectedList.value = [];
       overflowIndex.value = -1;
       inputRef.value.inputClearForWrapper();
@@ -4307,7 +4360,7 @@ var SearchSelectProps = {
       var list = selectedList.value.slice();
       list.splice(typeof index === 'number' ? index : selectedList.value.length - 1, 1);
       onValidate('');
-      inputRef.value.refleshMenuHover();
+      inputRef.value.refreshMenuHover();
       emit('update:modelValue', list.map(function (item) {
         return item.toValue();
       }));
@@ -4428,7 +4481,7 @@ var SearchSelectProps = {
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *

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>;
@@ -72,7 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     inputClearForWrapper: () => void;
     deleteInputTextNode: () => void;
     customPanelSubmit: (value: string) => void;
-    refleshMenuHover: () => void;
+    refreshMenuHover: () => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;
@@ -84,6 +85,9 @@ declare const _default: import("vue").DefineComponent<{
         logical: string;
     }>;
     inputKey: Ref<string>;
+    handleCompositionEnd: (event: CompositionEvent) => void;
+    handleCompositionStart: (event: CompositionEvent) => void;
+    handleInputCopy: (event: ClipboardEvent) => 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>;
@@ -145,7 +146,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -157,6 +158,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: (event: CompositionEvent) => void;
+        handleInputCopy: (event: ClipboardEvent) => 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 +259,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>;
@@ -278,7 +283,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -290,6 +295,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: (event: CompositionEvent) => void;
+        handleInputCopy: (event: ClipboardEvent) => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: import("./utils").SearchInputMode;
@@ -406,7 +414,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;
@@ -424,7 +432,7 @@ declare const _default: import("vue").DefineComponent<{
         and: string;
         logical: string;
     }>;
-}, 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<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("copy" | "search" | "update:modelValue" | "selectKey")[], "copy" | "search" | "update:modelValue" | "selectKey", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<Omit<ISearchItem, "value" | "isSelected">[]>;
         default: () => any[];
@@ -458,6 +466,7 @@ declare const _default: import("vue").DefineComponent<{
         validator(v: ValueBehavior): boolean;
     };
 }>> & {
+    onCopy?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onSelectKey?: (...args: any[]) => any;
     onSearch?: (...args: any[]) => any;

package/lib/search-select/search-select.variable.css

@@ -99,7 +99,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -128,6 +128,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {

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>;
@@ -101,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -113,6 +114,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: (event: CompositionEvent) => void;
+        handleInputCopy: (event: ClipboardEvent) => 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 +215,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>;
@@ -234,7 +239,7 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -246,6 +251,9 @@ declare const _default: import("vue").DefineComponent<{
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: (event: CompositionEvent) => void;
+        handleInputCopy: (event: ClipboardEvent) => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: SearchInputMode;

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

@@ -26,6 +26,7 @@ export interface ISearchSelectProvider {
     onEditEnter: (item: SelectedItem, index: number) => void;
     onEditBlur: () => void;
     onValidate: (str: string) => void;
+    onCopy: (event: ClipboardEvent, text: string, item: ISearchValue) => void;
     editKey: Ref<string>;
     searchData: ComputedRef<ISearchItem[]>;
     isClickOutside: (target: Node) => boolean;