bkui-vue 2.0.1-beta.63 → 2.0.1-beta.65

package/lib/dialog/dialog.d.ts

@@ -44,6 +44,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -75,9 +78,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -158,6 +158,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -189,9 +192,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/dialog/index.d.ts

@@ -45,6 +45,9 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+            default: string | boolean | (() => HTMLElement);
+        };
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -76,9 +79,6 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
-        };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -167,6 +167,9 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+            default: string | boolean | (() => HTMLElement);
+        };
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -198,9 +201,6 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
-        };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -315,6 +315,9 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
+        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+            default: string | boolean | (() => HTMLElement);
+        };
         isShow: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -346,9 +349,6 @@ declare const BkDialog: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
-        };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
@@ -460,6 +460,9 @@ declare const BkDialog: {
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -491,9 +494,6 @@ declare const BkDialog: {
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/dialog/index.js

@@ -603,7 +603,9 @@ var props = _objectSpread(_objectSpread({}, dialogProps), {}, {
   // 对话框类型
   dialogType: (0,shared_namespaceObject.dialogTypeUnion)(),
   // 按钮loading
-  isLoading: shared_namespaceObject.PropTypes.bool.def(false)
+  isLoading: shared_namespaceObject.PropTypes.bool.def(false),
+  // 是否显示在body内即与#app同级
+  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(true)
 });
 /* harmony default export */ const src_props = (props);
 ;// CONCATENATED MODULE: ../../packages/dialog/src/dialog.tsx

package/lib/dialog/props.d.ts

@@ -44,6 +44,9 @@ declare const props: {
     } & {
         default: boolean;
     };
+    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
+        default: string | boolean | (() => HTMLElement);
+    };
     isShow: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -75,9 +78,6 @@ declare const props: {
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
-    };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
         default: string;

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.63";
+export const version = "2.0.1-beta.65";
 window.__bkui_vue_version__ = version;

package/lib/input/index.js

@@ -853,7 +853,9 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
           overflowY: 'hidden'
         }, textareaStyle);
         (0,external_vue_namespaceObject.nextTick)(function () {
-          textareaCalcStyle.value = textareaStyle;
+          textareaCalcStyle.value = props.resize ? _objectSpread(_objectSpread({}, textareaStyle), {
+            height: '100%'
+          }) : textareaStyle;
         });
       } else {
         textareaCalcStyle.value = {
@@ -875,20 +877,13 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
     };
     var dragTextareaResize = function dragTextareaResize() {
       return function () {
-        var _parentRef$value;
-        // 必须是autosize才能实现拖拽，且设置了maxRows还是会覆盖原有默认高度出现滚动条
+        var _parentRef$value, _parentRef$value2, _parentRef$value3;
+        // 设置拖拽宽度不允许超过父节点宽度
         if (!isTextArea.value || !props.autosize) return;
         var isElHidden = ((_parentRef$value = parentRef.value) === null || _parentRef$value === void 0 ? void 0 : _parentRef$value.offsetParent) === null;
-        if (!isElHidden) {
-          var _inputRef$value2, _parentRef$value2, _parentRef$value3, _parentRef$value4, _parentRef$value5;
-          (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || (_inputRef$value2 = _inputRef$value2.style) === null || _inputRef$value2 === void 0 || _inputRef$value2.setProperty('height', "".concat((_parentRef$value2 = parentRef.value) === null || _parentRef$value2 === void 0 ? void 0 : _parentRef$value2.offsetHeight, "px"));
-          textareaCalcStyle.value = Object.assign(textareaCalcStyle.value, {
-            height: "".concat((_parentRef$value3 = parentRef.value) === null || _parentRef$value3 === void 0 ? void 0 : _parentRef$value3.offsetHeight, "px")
-          });
-          if (((_parentRef$value4 = parentRef.value) === null || _parentRef$value4 === void 0 ? void 0 : _parentRef$value4.offsetWidth) > ((_parentRef$value5 = parentRef.value) === null || _parentRef$value5 === void 0 || (_parentRef$value5 = _parentRef$value5.parentNode) === null || _parentRef$value5 === void 0 ? void 0 : _parentRef$value5.offsetWidth)) {
-            var _parentRef$value6, _parentRef$value7;
-            (_parentRef$value6 = parentRef.value) === null || _parentRef$value6 === void 0 || (_parentRef$value6 = _parentRef$value6.style) === null || _parentRef$value6 === void 0 || _parentRef$value6.setProperty('width', "".concat((_parentRef$value7 = parentRef.value) === null || _parentRef$value7 === void 0 || (_parentRef$value7 = _parentRef$value7.parentNode) === null || _parentRef$value7 === void 0 ? void 0 : _parentRef$value7.offsetWidth, "px"));
-          }
+        if (!isElHidden && ((_parentRef$value2 = parentRef.value) === null || _parentRef$value2 === void 0 ? void 0 : _parentRef$value2.offsetWidth) > ((_parentRef$value3 = parentRef.value) === null || _parentRef$value3 === void 0 || (_parentRef$value3 = _parentRef$value3.parentNode) === null || _parentRef$value3 === void 0 ? void 0 : _parentRef$value3.offsetWidth)) {
+          var _parentRef$value4, _parentRef$value5;
+          (_parentRef$value4 = parentRef.value) === null || _parentRef$value4 === void 0 || (_parentRef$value4 = _parentRef$value4.style) === null || _parentRef$value4 === void 0 || _parentRef$value4.setProperty('width', "".concat((_parentRef$value5 = parentRef.value) === null || _parentRef$value5 === void 0 || (_parentRef$value5 = _parentRef$value5.parentNode) === null || _parentRef$value5 === void 0 ? void 0 : _parentRef$value5.offsetWidth, "px"));
         }
       };
     };
@@ -1017,7 +1012,6 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
       };
       (0,external_vue_namespaceObject.nextTick)(function () {
         resizeTextarea();
-        onDragSizeTextarea();
       });
       setOverflow();
     });
@@ -1029,8 +1023,8 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
       });
       // Hack: 修复autofocus属性失效问题 原生autofocus属性只在页面加载时生效
       if (Object.prototype.hasOwnProperty.call(ctx.attrs, 'autofocus')) {
-        var _inputRef$value3, _inputRef$value3$focu;
-        (_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 || (_inputRef$value3$focu = _inputRef$value3.focus) === null || _inputRef$value3$focu === void 0 || _inputRef$value3$focu.call(_inputRef$value3);
+        var _inputRef$value2, _inputRef$value2$focu;
+        (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || (_inputRef$value2$focu = _inputRef$value2.focus) === null || _inputRef$value2$focu === void 0 || _inputRef$value2$focu.call(_inputRef$value2);
       }
     });
     (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
@@ -1047,8 +1041,8 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
       clear: clear
     });
     function detectOverflow() {
-      var _inputRef$value4, _inputRef$value5;
-      return ((_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 ? void 0 : _inputRef$value4.scrollWidth) > ((_inputRef$value5 = inputRef.value) === null || _inputRef$value5 === void 0 ? void 0 : _inputRef$value5.clientWidth) + 2;
+      var _inputRef$value3, _inputRef$value4;
+      return ((_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.scrollWidth) > ((_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 ? void 0 : _inputRef$value4.clientWidth) + 2;
     }
     function setOverflow() {
       setTimeout(function () {

package/lib/modal/index.js

@@ -88,7 +88,7 @@ function _defineProperty(obj, key, value) {
 ;// 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({ ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["useAttrs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useAttrs, ["useSlots"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useSlots, ["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({ ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["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, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["useAttrs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useAttrs, ["useSlots"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.useSlots, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -361,6 +361,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
+}
 /* harmony default export */ const modal = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Modal',
   props: _objectSpread({}, propsMixin),
@@ -387,6 +390,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         top: props.top
       };
     });
+    var teleportTo = (0,external_vue_namespaceObject.computed)(function () {
+      if (props.transfer) {
+        if (typeof props.transfer === 'boolean') {
+          return 'body';
+        }
+        return props.transfer;
+      }
+      return '';
+    });
     (0,external_vue_namespaceObject.watch)(function () {
       return props.isShow;
     }, function () {
@@ -485,27 +497,48 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
           "onClick": handleClose
         }, [(_slots$close = slots.close) === null || _slots$close === void 0 ? void 0 : _slots$close.call(slots)])]);
       };
-      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-        "disabled": !props.transfer,
-        "to": "body"
-      }, {
-        "default": function _default() {
-          return [(0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
-            "ref": rootRef
-          }, attrs, {
-            "class": [resolveClassName('modal'), props.extCls || '']
-          }), [renderMask(), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
-            "name": "modal-".concat(props.animateType)
-          }, {
-            "default": function _default() {
-              return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-                "style": modalWrapperStyles.value,
-                "class": resolveClassName('modal-wrapper')
-              }, [renderContent()]), [[external_vue_namespaceObject.vShow, localShow.value]])];
-            }
-          })])];
+      var renderModalContent = function renderModalContent() {
+        return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
+          "ref": rootRef
+        }, attrs, {
+          "class": [resolveClassName('modal'), props.extCls || '']
+        }), [renderMask(), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
+          "name": "modal-".concat(props.animateType)
+        }, {
+          "default": function _default() {
+            return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
+              "style": modalWrapperStyles.value,
+              "class": resolveClassName('modal-wrapper')
+            }, [renderContent()]), [[external_vue_namespaceObject.vShow, localShow.value]])];
+          }
+        })]);
+      };
+      // 判断传入的是不是css选择器或者HTMLElement
+      var isValidTeleport = function isValidTeleport(selector) {
+        try {
+          if (typeof selector === 'boolean') {
+            return selector;
+          }
+          if (typeof selector === 'string') {
+            return document.querySelector(selector) !== null;
+          }
+          return selector instanceof HTMLElement;
+        } catch (err) {
+          return false;
         }
-      });
+      };
+      if (teleportTo.value === 'body' || isValidTeleport(props.transfer)) {
+        var _slot;
+        return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
+          "disabled": !props.transfer,
+          "to": teleportTo.value
+        }, _isSlot(_slot = renderModalContent()) ? _slot : {
+          "default": function _default() {
+            return [_slot];
+          }
+        });
+      }
+      return renderModalContent();
     };
   }
 }));

package/lib/plugin-popover/index.js

@@ -3141,7 +3141,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     emitPopContentMouseEnter(e);
   };
   var handlePopContentMouseLeave = function handlePopContentMouseLeave(e) {
-    if (isMouseenter) {
+    // 处理底部触发mouseleave事件，popShowTimerId有值代表处于hover状态
+    if (isMouseenter && !popShowTimerId) {
       hidePopover();
       isMouseenter = false;
       emitPopContentMouseLeave(e);

package/lib/popover/index.js

@@ -3144,7 +3144,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     emitPopContentMouseEnter(e);
   };
   var handlePopContentMouseLeave = function handlePopContentMouseLeave(e) {
-    if (isMouseenter) {
+    // 处理底部触发mouseleave事件，popShowTimerId有值代表处于hover状态
+    if (isMouseenter && !popShowTimerId) {
       hidePopover();
       isMouseenter = false;
       emitPopContentMouseLeave(e);

package/lib/resize-layout/index.js

@@ -175,6 +175,10 @@ const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MO
     // 转换类型
     var parseInitialDivide = (0,external_vue_namespaceObject.computed)(function () {
       var divide = initialDivide.value;
+      // 如果min不是默认值，且initialDivide不是number类型，min优先级提升
+      if (min.value !== 3 && typeof divide !== 'number') {
+        return "".concat(min.value, "px");
+      }
       if (typeof divide === 'number') {
         divide = divide <= min.value ? "".concat(min.value, "px") : "".concat(divide, "px");
       }

package/lib/select/index.d.ts

@@ -410,6 +410,7 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
+            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -525,6 +526,7 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
+            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -1505,6 +1507,7 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
+            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -1620,6 +1623,7 @@ declare const BkSelect: {
             handleRemoveTag: (val: string) => void;
             focus: () => void;
             blur: () => void;
+            updateModelValue: (data: string) => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -2267,6 +2271,7 @@ declare const BkSelect: {
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
+        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
@@ -2382,6 +2387,7 @@ declare const BkSelect: {
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
+        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;

package/lib/select/index.js

@@ -2406,6 +2406,9 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       var _inputRef$value2;
       (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
     };
+    var updateModelValue = function updateModelValue(data) {
+      emit('update:modelValue', data);
+    };
     var handleInput = function handleInput(e) {
       emit('update:modelValue', e.target.value);
     };
@@ -2475,6 +2478,7 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
       handleRemoveTag: handleRemoveTag,
       focus: focus,
       blur: blur,
+      updateModelValue: updateModelValue,
       handleInput: handleInput,
       handleKeydown: handleKeydown,
       resolveClassName: resolveClassName
@@ -2946,8 +2950,12 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       showPopover();
     };
     // 输入框是否可以输入内容
+    // const isInput = computed(
+    //   () => ((filterable.value && inputSearch.value) || allowCreate.value) && isPopoverShow.value,
+    // );
+    // 自定义创建失焦后仍保留输入框内的内容
     var isInput = (0,external_vue_namespaceObject.computed)(function () {
-      return (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
+      return filterable.value && inputSearch.value && isPopoverShow.value || allowCreate.value;
     });
     (0,external_vue_namespaceObject.watch)(isPopoverShow, function (isShow) {
       emit('toggle', isPopoverShow.value);
@@ -3118,6 +3126,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
             return item.value;
           }));
           emit('select', option.optionID);
+          clearMultipleInputValue();
         }
         focusInput();
       } else {
@@ -3126,12 +3135,22 @@ 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();
         handleBlur();
       }
     };
+    // 是否需要清空多选输入框内容
+    var clearMultipleInputValue = function clearMultipleInputValue() {
+      if (['tag'].includes(multipleMode.value) && isInput.value) {
+        var _selectTagInputRef$va;
+        (_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.updateModelValue('');
+      }
+    };
     // 聚焦输入框
     var focusInput = function focusInput() {
       if (disableFocusBehavior.value) return;
@@ -3141,8 +3160,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           (_searchRef$value = searchRef.value) === null || _searchRef$value === void 0 || _searchRef$value.focus();
         } else {
           if (multipleMode.value === 'tag') {
-            var _selectTagInputRef$va;
-            (_selectTagInputRef$va = selectTagInputRef.value) === null || _selectTagInputRef$va === void 0 || _selectTagInputRef$va.focus();
+            var _selectTagInputRef$va2;
+            (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.focus();
           } else {
             var _inputRef$value;
             (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
@@ -3154,8 +3173,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var blurInput = function blurInput() {
       setTimeout(function () {
         if (multipleMode.value === 'tag') {
-          var _selectTagInputRef$va2;
-          (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 || _selectTagInputRef$va2.blur();
+          var _selectTagInputRef$va3;
+          (_selectTagInputRef$va3 = selectTagInputRef.value) === null || _selectTagInputRef$va3 === void 0 || _selectTagInputRef$va3.blur();
         } else {
           var _inputRef$value2;
           (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.blur();
@@ -3166,6 +3185,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     var handleClear = function handleClear(e) {
       e.stopPropagation();
       selected.value = [];
+      clearMultipleInputValue();
       emitChange(multiple.value ? [] : '');
       emit('clear', multiple.value ? [] : '');
       handleHidePopover();

package/lib/select/select.d.ts

@@ -397,6 +397,7 @@ declare const _default: import("vue").DefineComponent<{
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
+        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;
@@ -512,6 +513,7 @@ declare const _default: import("vue").DefineComponent<{
         handleRemoveTag: (val: string) => void;
         focus: () => void;
         blur: () => void;
+        updateModelValue: (data: string) => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;

package/lib/select/selectTagInput.d.ts

@@ -49,6 +49,7 @@ declare const _default: import("vue").DefineComponent<{
     handleRemoveTag: (val: string) => void;
     focus: () => void;
     blur: () => void;
+    updateModelValue: (data: string) => void;
     handleInput: (e: any) => void;
     handleKeydown: (e: any) => void;
     resolveClassName: (cls: string) => string;

package/lib/tag-input/index.js

@@ -18323,10 +18323,12 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
         var charLen = getCharLength(value);
         if (charLen) {
           filterData(value);
-          tagInputRef.value.style.width = "".concat(charLen * INPUT_MIN_WIDTH, "px");
+          // 如果按最小宽度计算，空白区域会比较大，这里先按一半宽度处理
+          tagInputRef.value.style.width = "".concat(charLen * (INPUT_MIN_WIDTH / 2), "px");
         } else {
           if (trigger === 'focus') {
             filterData();
+            tagInputRef.value.style.width = "".concat(INPUT_MIN_WIDTH, "px");
           }
         }
       } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.63",
+  "version": "2.0.1-beta.65",
   "workspaces": [
     "packages/**",
     "scripts/cli",