bkui-vue 2.0.2-beta.9 → 2.0.2-beta.90

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

@@ -33,9 +33,10 @@ declare const BkSearchSelect: {
             validator(v: import("./utils").ValueBehavior): boolean;
         };
     }>> & {
+        onCopy?: (...args: any[]) => any;
+        onSearch?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
-        onSearch?: (...args: any[]) => any;
     }, {
         inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             data: {
@@ -90,6 +91,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>;
@@ -113,7 +115,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
+            refreshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -125,6 +127,9 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => 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: import("vue").PropType<import("./utils").ISearchItem[]>;
@@ -223,6 +228,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>;
@@ -246,7 +252,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
+            refreshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -258,6 +264,9 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => void;
+            handleInputCopy: (event: ClipboardEvent) => void;
         }, {}, {}, {}, {
             maxHeight: number;
             mode: import("./utils").SearchInputMode;
@@ -374,7 +383,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;
@@ -392,7 +401,7 @@ declare const BkSearchSelect: {
             and: string;
             logical: string;
         }>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("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")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<Omit<import("./utils").ISearchItem, "value" | "isSelected">[]>;
             default: () => any[];
@@ -426,9 +435,10 @@ declare const BkSearchSelect: {
             validator(v: import("./utils").ValueBehavior): boolean;
         };
     }>> & {
+        onCopy?: (...args: any[]) => any;
+        onSearch?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
-        onSearch?: (...args: any[]) => any;
     }, {
         data: Omit<import("./utils").ISearchItem, "value" | "isSelected">[];
         maxHeight: number;
@@ -489,9 +499,10 @@ declare const BkSearchSelect: {
             validator(v: import("./utils").ValueBehavior): boolean;
         };
     }>> & {
+        onCopy?: (...args: any[]) => any;
+        onSearch?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
-        onSearch?: (...args: any[]) => any;
     }, {
         inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             data: {
@@ -546,6 +557,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>;
@@ -569,7 +581,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
+            refreshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -581,6 +593,9 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => 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: import("vue").PropType<import("./utils").ISearchItem[]>;
@@ -679,6 +694,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>;
@@ -702,7 +718,7 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
+            refreshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -714,6 +730,9 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
             inputKey: import("vue").Ref<string>;
+            handleCompositionEnd: (event: CompositionEvent) => void;
+            handleCompositionStart: () => void;
+            handleInputCopy: (event: ClipboardEvent) => void;
         }, {}, {}, {}, {
             maxHeight: number;
             mode: import("./utils").SearchInputMode;
@@ -830,7 +849,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;
@@ -894,9 +913,10 @@ declare const BkSearchSelect: {
         validator(v: import("./utils").ValueBehavior): boolean;
     };
 }>> & {
+    onCopy?: (...args: any[]) => any;
+    onSearch?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     onSelectKey?: (...args: any[]) => any;
-    onSearch?: (...args: any[]) => any;
 }, {
     inputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         data: {
@@ -951,6 +971,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>;
@@ -974,7 +995,7 @@ declare const BkSearchSelect: {
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -986,6 +1007,9 @@ declare const BkSearchSelect: {
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => 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: import("vue").PropType<import("./utils").ISearchItem[]>;
@@ -1084,6 +1108,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>;
@@ -1107,7 +1132,7 @@ declare const BkSearchSelect: {
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
+        refreshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -1119,6 +1144,9 @@ declare const BkSearchSelect: {
             logical: string;
         }>;
         inputKey: import("vue").Ref<string>;
+        handleCompositionEnd: (event: CompositionEvent) => void;
+        handleCompositionStart: () => void;
+        handleInputCopy: (event: ClipboardEvent) => void;
     }, {}, {}, {}, {
         maxHeight: number;
         mode: import("./utils").SearchInputMode;
@@ -1235,7 +1263,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;
@@ -1253,7 +1281,7 @@ declare const BkSearchSelect: {
         and: string;
         logical: string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "selectKey")[], "search" | "update:modelValue" | "selectKey", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("copy" | "search" | "update:modelValue" | "selectKey")[], "copy" | "search" | "update:modelValue" | "selectKey", {
     data: Omit<import("./utils").ISearchItem, "value" | "isSelected">[];
     maxHeight: number;
     clearable: boolean;

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);
         }
       });
@@ -1608,6 +1605,7 @@ function renderArrow() {
  * @returns popper实例
  */
 function createPopperInstance(el, popper) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get = tooltips_nodeList.get(el),
     opts = _nodeList$get.opts;
   var placement = opts.placement,
@@ -1648,6 +1646,7 @@ function createPopperInstance(el, popper) {
  * @param el
  */
 function show(el) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get2 = tooltips_nodeList.get(el),
     popper = _nodeList$get2.popper,
     opts = _nodeList$get2.opts;
@@ -1723,7 +1722,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 +2202,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 +2463,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 +2582,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 +2714,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 +2803,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;
@@ -2959,7 +2960,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 +2981,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 +2994,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;
           })) {
@@ -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,19 @@ 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;
+      keyword.value = event.data;
+      handleInputChange(event);
+    }
+    function handleCompositionStart() {
+      isComposition.value = true;
+    }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
@@ -3655,7 +3694,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 +3705,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 +3726,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 +3758,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 +3857,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 +4027,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 +4117,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 +4266,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 +4279,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 +4335,8 @@ var SearchSelectProps = {
         inputRef.value.inputFocusForWrapper();
       }
     }
-    function handleClearAll() {
+    function handleClearAll(e) {
+      e.stopPropagation();
       selectedList.value = [];
       overflowIndex.value = -1;
       inputRef.value.inputClearForWrapper();
@@ -4307,7 +4358,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 +4479,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.
  *