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

package/lib/select/index.js

@@ -1089,7 +1089,7 @@ var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["customRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.customRef, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: ../../packages/select/src/common.ts
 
 
@@ -1097,7 +1097,7 @@ const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBP
  * 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.
  *
@@ -1156,32 +1156,6 @@ function useRegistry(data) {
     unregister: unregister
   };
 }
-function useDebouncedRef(value) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 200;
-  var timeout;
-  var innerValue = value;
-  return (0,external_vue_namespaceObject.customRef)(function (track, trigger) {
-    return {
-      get: function get() {
-        track();
-        return innerValue;
-      },
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      set: function set(newValue) {
-        clearTimeout(timeout);
-        if (newValue === undefined || newValue === '') {
-          innerValue = newValue;
-          trigger();
-        } else {
-          timeout = setTimeout(function () {
-            innerValue = newValue;
-            trigger();
-          }, delay);
-        }
-      }
-    };
-  });
-}
 function usePopover(config, triggerRef) {
   var popoverMinWidth = config.popoverMinWidth;
   var observerIns = null;
@@ -1219,8 +1193,8 @@ function usePopover(config, triggerRef) {
   };
 }
 function useRemoteSearch(method, callBack) {
-  var customOptionName = useDebouncedRef(''); // 自定义创建选项（自定义创建也会触发搜索）
-  var searchValue = useDebouncedRef('');
+  var customOptionName = (0,external_vue_namespaceObject.ref)(''); // 自定义创建选项（自定义创建也会触发搜索）
+  var searchValue = (0,external_vue_namespaceObject.ref)('');
   var curSearchValue = (0,external_vue_namespaceObject.computed)(function () {
     return searchValue.value || customOptionName.value;
   });
@@ -1347,7 +1321,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.
  *
@@ -1570,7 +1544,7 @@ function optionGroup_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.
  *
@@ -1602,17 +1576,20 @@ function optionGroup_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     label: shared_namespaceObject.PropTypes.string.def(''),
     disabled: shared_namespaceObject.PropTypes.bool.def(false),
     collapsible: shared_namespaceObject.PropTypes.bool.def(false),
-    collapse: shared_namespaceObject.PropTypes.bool.def(false) // 是否折叠初始状态
+    collapse: shared_namespaceObject.PropTypes.bool.def(false),
+    visible: shared_namespaceObject.PropTypes.bool.def(true)
   },
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var instance = (0,external_vue_namespaceObject.getCurrentInstance)();
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var proxy = instance.proxy;
     var select = (0,external_vue_namespaceObject.inject)(selectKey, null);
     var states = (0,external_vue_namespaceObject.reactive)({
-      groupCollapse: props.collapse,
-      visible: true
+      groupCollapse: props.collapse
+      // visible: props.visible,
     });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var optionsMap = (0,external_vue_namespaceObject.ref)(new Map());
     var _useRegistry = useRegistry(optionsMap),
       register = _useRegistry.register,
@@ -1622,6 +1599,9 @@ function optionGroup_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         return option.visible;
       }).length, ")");
     });
+    var isVisible = (0,external_vue_namespaceObject.computed)(function () {
+      return props.visible && !select.isSearchEmpty;
+    });
     var handleToggleCollapse = function handleToggleCollapse() {
       if (!props.collapsible || props.disabled) return;
       states.groupCollapse = !states.groupCollapse;
@@ -1642,6 +1622,7 @@ function optionGroup_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       resolveClassName = _usePrefix.resolveClassName;
     return optionGroup_objectSpread(optionGroup_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(states)), {}, {
       groupLabel: groupLabel,
+      isVisible: isVisible,
       handleToggleCollapse: handleToggleCollapse,
       resolveClassName: resolveClassName
     });
@@ -1667,7 +1648,7 @@ function optionGroup_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       "class": "default-group-label-title"
     }, [this.groupLabel])])]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("ul", {
       "class": this.resolveClassName('option-group-content')
-    }, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)]), [[external_vue_namespaceObject.vShow, !this.groupCollapse]])]), [[external_vue_namespaceObject.vShow, this.visible]]);
+    }, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)]), [[external_vue_namespaceObject.vShow, !this.groupCollapse]])]), [[external_vue_namespaceObject.vShow, this.isVisible]]);
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/directives/src/clickoutside.ts
@@ -1678,7 +1659,7 @@ function clickoutside_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.
  *
@@ -1806,7 +1787,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.
  *
@@ -1918,7 +1899,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.
  *
@@ -1969,7 +1950,7 @@ function tooltips_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.
  *
@@ -2024,9 +2005,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -2040,7 +2018,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);
         }
       });
@@ -2149,6 +2127,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,
@@ -2189,6 +2168,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;
@@ -2264,7 +2244,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.
  *
@@ -2329,7 +2309,7 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
  * 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.
  *
@@ -3227,7 +3207,7 @@ const EXCEPTIONS = {
  * 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.
  *
@@ -3394,7 +3374,7 @@ function parse(str) {
  * 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.
  *
@@ -3487,7 +3467,7 @@ function shouldPatch(toToken) {
  * 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.
  *
@@ -3545,7 +3525,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
  * 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.
  *
@@ -3618,6 +3598,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       value.value = modelValue.value;
     });
     (0,external_vue_namespaceObject.watch)([selected, collapseTags], function () {
+      tagsRefs.value = [];
       calcOverflow();
     }, {
       flush: 'post'
@@ -3803,7 +3784,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
  * 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.
  *
@@ -3904,7 +3885,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) {
@@ -4094,7 +4081,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     });
     // 是否显示select下拉内容
     var isShowSelectContent = (0,external_vue_namespaceObject.computed)(function () {
-      return !(searchLoading.value || isOptionsEmpty.value || isSearchEmpty.value) || customContent.value;
+      // 自定义内容时始终显示
+      if (customContent.value) return true;
+      // 加载中、无数据、无搜索结果时不显示下拉内容
+      return !(searchLoading.value || isOptionsEmpty.value || isSearchEmpty.value);
     });
     // 是否显示全选
     var isShowSelectAll = (0,external_vue_namespaceObject.computed)(function () {
@@ -4289,6 +4279,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       emit('change', val, modelValue.value);
       // 重置Selected 以model-value为主
       handleSetSelectedData();
+      if (multiple.value) {
+        // 多选时enter之后变成tag不需要保存当前值
+        customOptionName.value = '';
+      }
     };
     // 派发toggle事件
     var handleTogglePopover = function handleTogglePopover() {
@@ -4300,6 +4294,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var handleInputChange = function handleInputChange(value) {
       if (!filterable.value) return;
       customOptionName.value = value;
+      if (!(value !== null && value !== void 0 && value.length)) {
+        emitChange(multiple.value ? [] : '');
+      }
     };
     // allow create(创建自定义选项)
     var handleCreateCustomOption = function handleCreateCustomOption(val, e) {
@@ -4314,7 +4311,6 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       if (filterable.value && matchedOption) {
         // 开启搜索后，正好匹配到自定义选项，则不进行创建操作
         handleOptionSelected(matchedOption);
-        customOptionName.value = '';
         return;
       }
       var data = optionsMap.value.get(value);
@@ -4335,7 +4331,6 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         emitChange(value);
         handleHidePopover();
       }
-      customOptionName.value = '';
     };
     // Option点击事件
     var handleOptionSelected = function handleOptionSelected(option) {
@@ -4376,9 +4371,6 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           label: option.optionName || option.optionID,
           value: option.optionID
         }];
-        if (filterable.value && allowCreate.value) {
-          customOptionName.value = '';
-        }
         emitChange(option.optionID);
         emit('select', option.optionID);
         handleHidePopover();
@@ -4426,6 +4418,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var handleClear = function handleClear(e) {
       e.stopPropagation();
       selected.value = [];
+      customOptionName.value = '';
       clearMultipleInputValue();
       emitChange(multiple.value ? [] : '');
       emit('clear', multiple.value ? [] : '');
@@ -4602,9 +4595,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         case 'NumpadEnter':
         case 'Enter':
           {
+            var _searchRef$value2;
             var value = e.target.value;
             // 搜索和创建的时候不触发enter事件
-            if (allowCreate.value && value || e.target === searchRef.value) return;
+            if (allowCreate.value && value || e.target === searchRef.value && (_searchRef$value2 = searchRef.value) !== null && _searchRef$value2 !== void 0 && _searchRef$value2.value) return;
             var option = optionsMap.value.get(activeOptionValue.value);
             handleOptionSelected(option);
             break;
@@ -4627,6 +4621,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       selectedStyle: selectedStyle,
       curSearchValue: curSearchValue,
       highlightKeyword: highlightKeyword,
+      isSearchEmpty: isSearchEmpty,
       register: register,
       unregister: unregister,
       registerGroup: registerGroup,
@@ -4645,6 +4640,10 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       var _virtualRenderRef$val;
       (_virtualRenderRef$val = virtualRenderRef.value) === null || _virtualRenderRef$val === void 0 || _virtualRenderRef$val.scrollTo(0, 1);
     };
+    // 处理扩展区域点击事件
+    var handleExtensionClick = function handleExtensionClick(e) {
+      e.stopPropagation();
+    };
     return {
       t: t,
       selected: selected,
@@ -4709,7 +4708,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       isEnableVirtualRender: isEnableVirtualRender,
       preloadItemCount: preloadItemCount,
       virtualRenderRef: virtualRenderRef,
-      setSelected: setSelected
+      setSelected: setSelected,
+      handleExtensionClick: handleExtensionClick
     };
   },
   render: function render() {
@@ -4727,7 +4727,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           "theme": "primary"
         }, null);
       }
-      if (_this.clearable && _this.isHover && _this.selected.length && !_this.isDisabled) {
+      if (_this.clearable && _this.isHover && _this.selected.length && !_this.isDisabled || _this.allowCreate && _this.isHover && _this.customOptionName && !_this.isDisabled) {
         return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Close, {
           "class": "clear-icon",
           "onClick": _this.handleClear
@@ -4829,12 +4829,13 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "ref": "inputRef",
         "behavior": _this.behavior,
         "disabled": _this.isDisabled,
-        "modelValue": _this.isInput ? _this.customOptionName : _this.selectedLabel.join(','),
+        "modelValue": _this.isInput && _this.customOptionName ? _this.customOptionName : _this.selectedLabel.join(','),
         "placeholder": _this.isInput ? _this.selectedLabel.join(',') || _this.localPlaceholder : _this.localPlaceholder,
         "readonly": !_this.isInput,
         "selectReadonly": true,
         "size": _this.size,
         "stopPropagation": false,
+        "tooltipsOptions": _this.inputTooltipsOptions,
         "type": "text",
         "withValidate": false,
         "onEnter": _this.handleCreateCustomOption,
@@ -4948,7 +4949,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "theme": "primary"
       }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.curContentText])]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-content')
-      }, [(0,external_vue_namespaceObject.createVNode)("div", {
+      }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "scrollContainerRef",
         "style": {
           maxHeight: "".concat(_this.scrollHeight, "px"),
@@ -4966,8 +4967,9 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         "mode": "spin",
         "size": "mini",
         "theme": "primary"
-      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), ((_this$$slots18 = _this.$slots) === null || _this$$slots18 === void 0 ? void 0 : _this$$slots18.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": _this.resolveClassName('select-extension')
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.localLoadingText])])])]), [[external_vue_namespaceObject.vShow, _this.isShowSelectContent]]), ((_this$$slots18 = _this.$slots) === null || _this$$slots18 === void 0 ? void 0 : _this$$slots18.extension) && (0,external_vue_namespaceObject.createVNode)("div", {
+        "class": _this.resolveClassName('select-extension'),
+        "onClick": _this.handleExtensionClick
       }, [(_this$$slots19 = _this.$slots) === null || _this$$slots19 === void 0 ? void 0 : _this$$slots19.extension()])])]);
     };
     return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -4991,7 +4993,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
  * 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/select/optionGroup.d.ts

@@ -19,12 +19,17 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
     groupLabel: import("vue").ComputedRef<string>;
+    isVisible: import("vue").ComputedRef<boolean>;
     handleToggleCollapse: () => void;
     resolveClassName: (cls: string) => string;
     groupCollapse: import("vue").Ref<boolean>;
-    visible: import("vue").Ref<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -46,8 +51,14 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>>, {
     label: string;
+    visible: boolean;
     disabled: boolean;
     collapse: boolean;
     collapsible: boolean;

package/lib/select/select.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { IOptions } from '../directives';
 import { ISelected, OptionInstanceType } from './type';
 declare const _default: import("vue").DefineComponent<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
@@ -194,7 +195,9 @@ declare const _default: import("vue").DefineComponent<{
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -346,6 +349,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    inputTooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
 }, {
     t: import("vue").ComputedRef<{
         noData: string;
@@ -370,7 +377,7 @@ declare const _default: import("vue").DefineComponent<{
     inputRef: import("vue").Ref<HTMLElement>;
     triggerRef: import("vue").Ref<HTMLElement>;
     contentRef: import("vue").Ref<HTMLElement>;
-    searchRef: import("vue").Ref<HTMLElement>;
+    searchRef: import("vue").Ref<HTMLInputElement>;
     scrollContainerRef: import("vue").Ref<HTMLElement>;
     selectTagInputRef: import("vue").Ref<import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
         selected: {
@@ -652,7 +659,9 @@ declare const _default: import("vue").DefineComponent<{
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -752,6 +761,7 @@ declare const _default: import("vue").DefineComponent<{
     preloadItemCount: import("vue").ComputedRef<number>;
     virtualRenderRef: import("vue").Ref<any>;
     setSelected: (data: Array<object>) => void;
+    handleExtensionClick: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect" | "search-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
     multiple: import("vue-types").VueTypeValidableDef<boolean> & {
@@ -946,7 +956,9 @@ declare const _default: import("vue").DefineComponent<{
                 alignmentAxis?: number;
             });
         };
-        boundary: import("vue-types").VueTypeDef<string | HTMLElement>;
+        boundary: import("vue-types").VueTypeDef<string | HTMLElement> & {
+            default: string | (() => HTMLElement);
+        };
         zIndex: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -1098,6 +1110,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    inputTooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -1156,5 +1172,6 @@ declare const _default: import("vue").DefineComponent<{
     keepSearchValue: boolean;
     searchWithPinyin: boolean;
     disableScrollToSelectedOption: boolean;
+    inputTooltipsOptions: {};
 }, {}>;
 export default _default;

package/lib/select/select.variable.css

@@ -98,7 +98,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;
@@ -127,6 +127,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/select/type.d.ts

@@ -16,6 +16,7 @@ export interface ISelectContext {
     selectedStyle: 'check' | 'checkbox';
     curSearchValue: string;
     highlightKeyword: boolean;
+    isSearchEmpty: boolean;
     register(key: PropertyKey, option: OptionInstanceType): void;
     unregister(key: PropertyKey, option?: OptionInstanceType): void;
     registerGroup(key: PropertyKey, option: GroupInstanceType): void;

package/lib/shared/index.d.ts

@@ -2,7 +2,7 @@
  * 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.
  *