bkui-vue 2.0.2-beta.76 → 2.0.2-beta.77

package/lib/index.js

@@ -3,5 +3,5 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export const version = "2.0.2-beta.76";
+export const version = "2.0.2-beta.77";
 window.__bkui_vue_version__ = version;

package/lib/message/index.js

@@ -1020,7 +1020,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -1063,6 +1063,23 @@ var instances = {
   'bottom-right': []
 };
 var seed = 1;
+// 更新指定位置的所有 Message 实例的位置
+var updateModalPosition = function updateModalPosition(position, spacing) {
+  var initialOffset = 30;
+  var offsetTop = initialOffset;
+  instances[position].forEach(function (vm) {
+    if (vm.el) {
+      // 获取当前实例的实际高度（包括详情展开后的高度）
+      var currentHeight = vm.el.offsetHeight || 0;
+      // 直接更新 DOM 元素的 top 样式，确保位置立即生效
+      vm.el.style.top = "".concat(offsetTop, "px");
+      // 同时更新 props，保持数据一致性
+      vm.props.offsetY = offsetTop;
+      // 然后累加当前实例的高度和间距，用于计算下一个实例的位置
+      offsetTop += currentHeight + spacing;
+    }
+  });
+};
 var Message = function Message(constructor, options) {
   var opts = options;
   var position = opts.position || 'top-right';
@@ -1085,17 +1102,11 @@ var Message = function Message(constructor, options) {
   opts = _objectSpread(_objectSpread({}, opts), {}, {
     offsetX: horizontalOffset,
     offsetY: verticalOffset,
-    id: id
+    id: id,
+    spacing: spacing
   });
   var container = document.createElement('div');
   var vm = (0,external_vue_namespaceObject.createVNode)(constructor, opts);
-  // const updateModalPosition = () => {
-  //   let offsetTop = 30;
-  //   instances[position].forEach((vm) => {
-  //     offsetTop += (vm.el.offsetHeight || 0) + spacing;
-  //     vm.props.offsetY = offsetTop;
-  //   });
-  // };
   vm.props.onDestroy = function (id) {
     use_message_close(id, position, spacing, userOnClose);
     (0,external_vue_namespaceObject.render)(null, container);
@@ -1104,13 +1115,19 @@ var Message = function Message(constructor, options) {
     instances[position].forEach(function (item) {
       if (item.props.id !== id) {
         var _item$component;
-        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false);
+        // 关闭其他实例的详情时，传入 shouldEmit = false 避免触发无限循环
+        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false, false);
       }
     });
-    // setTimeout(() => {
-    //   console.log('updateModalPosition');
-    //   updateModalPosition();
-    // });
+    // 等待 DOM 更新完成后再更新位置
+    // 详情展开/收起时，DOM 高度会变化，需要等待渲染完成
+    // 由于事件已经在详情内容渲染完成后才 emit，这里只需要等待 Vue 响应式更新和浏览器布局完成
+    var currentSpacing = spacing || 10;
+    (0,external_vue_namespaceObject.nextTick)(function () {
+      requestAnimationFrame(function () {
+        updateModalPosition(position, currentSpacing);
+      });
+    });
   };
   (0,external_vue_namespaceObject.render)(vm, container);
   instances[position].push(vm);
@@ -1124,21 +1141,23 @@ var Message = function Message(constructor, options) {
 };
 function use_message_close(id, position, spacing, userOnClose) {
   userOnClose === null || userOnClose === void 0 || userOnClose();
-  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
   var instanceIndex = -1;
   instances[position].forEach(function (item, index) {
     if (item.props.id === id) {
       instanceIndex = index;
     }
   });
-  var vm = instances[position][instanceIndex];
-  var removeHeight = vm.el.offsetHeight;
-  var len = instances[position].length;
-  for (var i = instanceIndex; i < len; i++) {
-    var pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
-    instances[position][i].component.props.offsetY = pos;
+  if (instanceIndex === -1) {
+    return;
   }
+  // 移除实例
   instances[position].splice(instanceIndex, 1);
+  // 重新计算所有剩余实例的位置
+  // 使用传入的 spacing，如果没有则从第一个实例获取，或使用默认值 10
+  var currentSpacing = spacing || (instances[position].length > 0 ? instances[position][0].props.spacing : 10) || 10;
+  (0,external_vue_namespaceObject.nextTick)(function () {
+    updateModalPosition(position, currentSpacing);
+  });
 }
 /* harmony default export */ const use_message = (Message);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -1445,8 +1464,15 @@ var messageProps = {
       return targetJson;
     };
     var setDetailsShow = function setDetailsShow(e, isShow) {
+      var shouldEmit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       toolOperation.isDetailShow = isShow !== null && isShow !== void 0 ? isShow : !toolOperation.isDetailShow;
       fixMesage(e, toolOperation.isDetailShow);
+      // 用于在详情内容渲染完成后 emit 事件的回调
+      var emitAfterRender = function emitAfterRender() {
+        if (shouldEmit && _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
+          emit('detail', toolOperation.isDetailShow, props.id);
+        }
+      };
       if (toolOperation.isDetailShow && _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
         if (props.message.type === MessageContentType.JSON || !props.message.type) {
           var targetJson = parseToJson(props.message.details);
@@ -1457,15 +1483,23 @@ var messageProps = {
               refJsonContent.value.append(formatter.render());
             }
             copyMessage();
+            // 详情内容渲染完成后，再 emit 事件以更新位置
+            emitAfterRender();
           });
-        }
-        if (props.message.type === MessageContentType.KEY_VALUE) {
+        } else if (props.message.type === MessageContentType.KEY_VALUE) {
           setTimeout(function () {
             copyMessage();
             copyValueItem();
+            // 详情内容渲染完成后，再 emit 事件以更新位置
+            emitAfterRender();
           });
+        } else {
+          // 如果没有详情内容需要渲染，立即 emit
+          emitAfterRender();
         }
-        emit('detail', toolOperation.isDetailShow, props.id);
+      } else {
+        // 收起详情时，立即 emit 事件
+        emitAfterRender();
       }
     };
     var fixMesage = function fixMesage(_e, isFix) {

package/lib/message/messageConstructor.d.ts

@@ -152,7 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     })>;
     visible: import("vue").Ref<boolean>;
     close: (e: Event) => void;
-    setDetailsShow: (e: MouseEvent, isShow?: boolean) => void;
+    setDetailsShow: (e: MouseEvent, isShow?: boolean, shouldEmit?: boolean) => void;
     fixMesage: (_e: MouseEvent, isFix?: boolean) => void;
     copyMessage: () => void;
     parseToJson: (value: any) => any;

package/lib/notify/index.js

@@ -82,7 +82,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_vue_namespaceObject = x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = x({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -125,6 +125,23 @@ var instances = {
   'bottom-right': []
 };
 var seed = 1;
+// 更新指定位置的所有 Message 实例的位置
+var updateModalPosition = function updateModalPosition(position, spacing) {
+  var initialOffset = 30;
+  var offsetTop = initialOffset;
+  instances[position].forEach(function (vm) {
+    if (vm.el) {
+      // 获取当前实例的实际高度（包括详情展开后的高度）
+      var currentHeight = vm.el.offsetHeight || 0;
+      // 直接更新 DOM 元素的 top 样式，确保位置立即生效
+      vm.el.style.top = "".concat(offsetTop, "px");
+      // 同时更新 props，保持数据一致性
+      vm.props.offsetY = offsetTop;
+      // 然后累加当前实例的高度和间距，用于计算下一个实例的位置
+      offsetTop += currentHeight + spacing;
+    }
+  });
+};
 var Message = function Message(constructor, options) {
   var opts = options;
   var position = opts.position || 'top-right';
@@ -147,17 +164,11 @@ var Message = function Message(constructor, options) {
   opts = _objectSpread(_objectSpread({}, opts), {}, {
     offsetX: horizontalOffset,
     offsetY: verticalOffset,
-    id: id
+    id: id,
+    spacing: spacing
   });
   var container = document.createElement('div');
   var vm = (0,external_vue_namespaceObject.createVNode)(constructor, opts);
-  // const updateModalPosition = () => {
-  //   let offsetTop = 30;
-  //   instances[position].forEach((vm) => {
-  //     offsetTop += (vm.el.offsetHeight || 0) + spacing;
-  //     vm.props.offsetY = offsetTop;
-  //   });
-  // };
   vm.props.onDestroy = function (id) {
     use_message_close(id, position, spacing, userOnClose);
     (0,external_vue_namespaceObject.render)(null, container);
@@ -166,13 +177,19 @@ var Message = function Message(constructor, options) {
     instances[position].forEach(function (item) {
       if (item.props.id !== id) {
         var _item$component;
-        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false);
+        // 关闭其他实例的详情时，传入 shouldEmit = false 避免触发无限循环
+        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false, false);
       }
     });
-    // setTimeout(() => {
-    //   console.log('updateModalPosition');
-    //   updateModalPosition();
-    // });
+    // 等待 DOM 更新完成后再更新位置
+    // 详情展开/收起时，DOM 高度会变化，需要等待渲染完成
+    // 由于事件已经在详情内容渲染完成后才 emit，这里只需要等待 Vue 响应式更新和浏览器布局完成
+    var currentSpacing = spacing || 10;
+    (0,external_vue_namespaceObject.nextTick)(function () {
+      requestAnimationFrame(function () {
+        updateModalPosition(position, currentSpacing);
+      });
+    });
   };
   (0,external_vue_namespaceObject.render)(vm, container);
   instances[position].push(vm);
@@ -186,21 +203,23 @@ var Message = function Message(constructor, options) {
 };
 function use_message_close(id, position, spacing, userOnClose) {
   userOnClose === null || userOnClose === void 0 || userOnClose();
-  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
   var instanceIndex = -1;
   instances[position].forEach(function (item, index) {
     if (item.props.id === id) {
       instanceIndex = index;
     }
   });
-  var vm = instances[position][instanceIndex];
-  var removeHeight = vm.el.offsetHeight;
-  var len = instances[position].length;
-  for (var i = instanceIndex; i < len; i++) {
-    var pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
-    instances[position][i].component.props.offsetY = pos;
+  if (instanceIndex === -1) {
+    return;
   }
+  // 移除实例
   instances[position].splice(instanceIndex, 1);
+  // 重新计算所有剩余实例的位置
+  // 使用传入的 spacing，如果没有则从第一个实例获取，或使用默认值 10
+  var currentSpacing = spacing || (instances[position].length > 0 ? instances[position][0].props.spacing : 10) || 10;
+  (0,external_vue_namespaceObject.nextTick)(function () {
+    updateModalPosition(position, currentSpacing);
+  });
 }
 /* harmony default export */ const use_message = (Message);
 ;// CONCATENATED MODULE: external "vue-types"

package/lib/select/common.d.ts

@@ -11,7 +11,6 @@ export declare function useRegistry<T>(data: Ref<Map<PropertyKey, T>>): {
     register: (key: string, item: T) => Map<PropertyKey, T>;
     unregister: (key: string, item?: T) => void;
 };
-export declare function useDebouncedRef<T>(value: any, delay?: number): Ref<T>;
 export declare function usePopover(config: IPopoverConfig, triggerRef: Ref<HTMLElement>): {
     isPopoverShow: Ref<boolean>;
     popperWidth: Ref<string | number>;

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
 
 
@@ -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;
   });
@@ -4107,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 () {
@@ -4962,7 +4939,7 @@ 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.curContentText])]), (0,external_vue_namespaceObject.createVNode)("div", {
+      }, null), (0,external_vue_namespaceObject.createVNode)("span", null, [_this.curContentText])]), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
         "class": _this.resolveClassName('select-content')
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
         "ref": "scrollContainerRef",
@@ -4984,7 +4961,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.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')
-      }, [(_this$$slots19 = _this.$slots) === null || _this$$slots19 === void 0 ? void 0 : _this$$slots19.extension()])])]);
+      }, [(_this$$slots19 = _this.$slots) === null || _this$$slots19 === void 0 ? void 0 : _this$$slots19.extension()])]), [[external_vue_namespaceObject.vShow, _this.isShowSelectContent]])]);
     };
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": selectClass

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.2-beta.76",
+  "version": "2.0.2-beta.77",
   "workspaces": [
     "packages/**",
     "scripts/cli",