bkui-vue 2.0.1-beta.72.fix.1 → 2.0.1-beta.74

package/lib/input/input.css

@@ -220,7 +220,10 @@
   color: var(--light-gray);
 }
 .bk-textarea.resizable {
-  resize: both;
+  resize: vertical;
+}
+.bk-textarea.resizable > textarea {
+  flex: 1;
 }
 .bk-textarea ::-webkit-scrollbar {
   -webkit-appearance: none;
@@ -286,6 +289,25 @@
   outline: 0;
   box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
 }
+.bk-textarea--suffix-icon {
+  color: var(--gray-color);
+  padding-right: var(--input-horizontal-padding);
+  font-size: var(--font-size-medium);
+  margin: 0;
+  margin-left: auto;
+  text-align: right;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+.bk-textarea--suffix-icon:hover {
+  color: #313238;
+}
+.bk-textarea--suffix-icon.show-clear-only-hover {
+  display: none;
+}
+.bk-textarea:hover:not(.is-disabled) .show-clear-only-hover {
+  display: flex;
+}
 .bk-input {
   display: inline-flex;
   align-items: stretch;

package/lib/input/input.less

@@ -62,7 +62,10 @@
   .placeholder();
 
   &.resizable {
-    resize: both;
+    resize: vertical;
+    >textarea {
+        flex: 1;
+    }
   }
 
   ::-webkit-scrollbar {
@@ -109,6 +112,32 @@
   &.is-focused:not(.is-readonly) {
     .active();
   }
+  
+  &--suffix-icon {
+    color: @gray-color;
+    padding-right: @input-horizontal-padding;
+    font-size: @font-size-medium;
+    margin: 0;
+    margin-left: auto;
+    text-align: right;
+    flex-shrink: 0;
+    cursor: pointer;
+
+    &:hover {
+      color: #313238;
+    }
+    
+    &.show-clear-only-hover {
+      display: none;
+    }
+  }
+
+  &:hover:not(.is-disabled) {
+    
+    .show-clear-only-hover {
+      display: flex;
+    }
+  }
 }
 
 .@{bk-prefix}-input {

package/lib/input/input.variable.css

@@ -610,7 +610,10 @@
   color: var(--light-gray);
 }
 .bk-textarea.resizable {
-  resize: both;
+  resize: vertical;
+}
+.bk-textarea.resizable > textarea {
+  flex: 1;
 }
 .bk-textarea ::-webkit-scrollbar {
   -webkit-appearance: none;
@@ -676,6 +679,25 @@
   outline: 0;
   box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
 }
+.bk-textarea--suffix-icon {
+  color: var(--gray-color);
+  padding-right: var(--input-horizontal-padding);
+  font-size: var(--font-size-medium);
+  margin: 0;
+  margin-left: auto;
+  text-align: right;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+.bk-textarea--suffix-icon:hover {
+  color: #313238;
+}
+.bk-textarea--suffix-icon.show-clear-only-hover {
+  display: none;
+}
+.bk-textarea:hover:not(.is-disabled) .show-clear-only-hover {
+  display: flex;
+}
 .bk-input {
   display: inline-flex;
   align-items: stretch;

package/lib/modal/index.d.ts

@@ -32,8 +32,8 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
+        transfer: import("vue-types").VueTypeDef<string | boolean> & {
+            default: string | boolean;
         };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
@@ -98,8 +98,8 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
+        transfer: import("vue-types").VueTypeDef<string | boolean> & {
+            default: string | boolean;
         };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
@@ -137,7 +137,7 @@ declare const BkModal: {
         left: string;
         top: string;
         isShow: boolean;
-        transfer: string | boolean | HTMLElement;
+        transfer: string | boolean;
         backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
@@ -186,8 +186,8 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
+        transfer: import("vue-types").VueTypeDef<string | boolean> & {
+            default: string | boolean;
         };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {
@@ -225,7 +225,7 @@ declare const BkModal: {
         left: string;
         top: string;
         isShow: boolean;
-        transfer: string | boolean | HTMLElement;
+        transfer: string | boolean;
         backgroundColor: string;
         renderDirective: "show" | "if";
         fullscreen: boolean;
@@ -271,8 +271,8 @@ declare const BkModal: {
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
+    transfer: import("vue-types").VueTypeDef<string | boolean> & {
+        default: string | boolean;
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
@@ -310,7 +310,7 @@ declare const BkModal: {
     left: string;
     top: string;
     isShow: boolean;
-    transfer: string | boolean | HTMLElement;
+    transfer: string | boolean;
     backgroundColor: string;
     renderDirective: "show" | "if";
     fullscreen: boolean;
@@ -353,8 +353,8 @@ declare const BkModal: {
         } & {
             default: boolean;
         };
-        transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-            default: string | boolean | (() => HTMLElement);
+        transfer: import("vue-types").VueTypeDef<string | boolean> & {
+            default: string | boolean;
         };
         zIndex: import("vue-types").VueTypeDef<string | number>;
         animateType: import("vue-types").VueTypeValidableDef<string> & {

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, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["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
@@ -146,9 +146,8 @@ var useContentResize = function useContentResize(root, resizeTarget, props) {
     var footerMarginTop = 32;
     isContentScroll.value = windowInnerHeight < headerHeight + contentHeight + footerHeight + footerMarginTop;
     if (isContentScroll.value || props.fullscreen) {
-      var fixedFooterHeight = 48;
       contentStyles.value = {
-        height: "".concat(windowInnerHeight - headerHeight - fixedFooterHeight, "px"),
+        height: "".concat(windowInnerHeight - headerHeight - 48, "px"),
         overflow: 'auto',
         'scrollbar-gutter': 'stable'
       };
@@ -163,7 +162,8 @@ var useContentResize = function useContentResize(root, resizeTarget, props) {
   }, function () {
     var observer;
     if (props.isShow) {
-      (0,external_vue_namespaceObject.nextTick)(function () {
+      // 有动画效果导致 resizeTarget DOM 找不到
+      setTimeout(function () {
         if (!resizeTarget.value) {
           return;
         }
@@ -172,7 +172,7 @@ var useContentResize = function useContentResize(root, resizeTarget, props) {
         });
         observer.observe(resizeTarget.value);
         calcContentScroll();
-      });
+      }, 100);
     } else {
       if (observer) {
         observer.disconnect();
@@ -309,7 +309,7 @@ var propsMixin = {
   // 是否允许点击遮罩关闭弹窗
   quickClose: shared_namespaceObject.PropTypes.bool.def(true),
   // 是否显示在body内（即与id#app同级
-  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String, HTMLElement]).def(true),
+  transfer: shared_namespaceObject.PropTypes.oneOfType([Boolean, String]).def(true),
   // 弹出层z-index，实际显示的值会自动+1。为了抱证在遮罩上正常显示
   zIndex: shared_namespaceObject.PropTypes.oneOfType([String, Number]),
   // 动画类型
@@ -487,7 +487,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       };
       return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
         "disabled": !props.transfer,
-        "to": "body"
+        "to": typeof props.transfer === 'string' && Boolean(props.transfer) ? props.transfer : 'body'
       }, {
         "default": function _default() {
           return [(0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({

package/lib/modal/modal.d.ts

@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
+    transfer: import("vue-types").VueTypeDef<string | boolean> & {
+        default: string | boolean;
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
@@ -94,8 +94,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
+    transfer: import("vue-types").VueTypeDef<string | boolean> & {
+        default: string | boolean;
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {
@@ -133,7 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     left: string;
     top: string;
     isShow: boolean;
-    transfer: string | boolean | HTMLElement;
+    transfer: string | boolean;
     backgroundColor: string;
     renderDirective: "show" | "if";
     fullscreen: boolean;

package/lib/modal/props.mixin.d.ts

@@ -30,8 +30,8 @@ export declare const propsMixin: {
     } & {
         default: boolean;
     };
-    transfer: import("vue-types").VueTypeDef<string | boolean | HTMLElement> & {
-        default: string | boolean | (() => HTMLElement);
+    transfer: import("vue-types").VueTypeDef<string | boolean> & {
+        default: string | boolean;
     };
     zIndex: import("vue-types").VueTypeDef<string | number>;
     animateType: import("vue-types").VueTypeValidableDef<string> & {

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/search-select/index.d.ts

@@ -55,6 +55,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -138,6 +142,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -147,6 +155,7 @@ declare const BkSearchSelect: {
             onAdd?: (...args: any[]) => any;
             onSelectKey?: (...args: any[]) => any;
         }, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -178,6 +187,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -244,6 +257,7 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
         }, {}, {}, {}, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -423,9 +437,15 @@ declare const BkSearchSelect: {
         uniqueSelect: boolean;
     }, true, {}, import("vue").SlotsType<{
         menu: import("./utils").MenuSlotParams;
-        prepend: void;
-        append: void;
-        validate: void;
+        prepend: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
+        append: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
+        validate: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>;
     }>, {
         P: {};
         B: {};
@@ -489,6 +509,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -572,6 +596,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -581,6 +609,7 @@ declare const BkSearchSelect: {
             onAdd?: (...args: any[]) => any;
             onSelectKey?: (...args: any[]) => any;
         }, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -612,6 +641,10 @@ declare const BkSearchSelect: {
                 type: import("vue").PropType<import("./utils").SearchInputMode>;
                 default: import("./utils").SearchInputMode;
             };
+            maxHeight: {
+                type: NumberConstructor;
+                default: () => number;
+            };
             getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
             validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
             valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -678,6 +711,7 @@ declare const BkSearchSelect: {
                 logical: string;
             }>;
         }, {}, {}, {}, {
+            maxHeight: number;
             mode: import("./utils").SearchInputMode;
             conditions: import("./utils").ICommonItem[];
             showInputBefore: boolean;
@@ -878,6 +912,10 @@ declare const BkSearchSelect: {
             type: import("vue").PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
         validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
         valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -961,6 +999,10 @@ declare const BkSearchSelect: {
             type: import("vue").PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
         validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
         valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -970,6 +1012,7 @@ declare const BkSearchSelect: {
         onAdd?: (...args: any[]) => any;
         onSelectKey?: (...args: any[]) => any;
     }, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: import("./utils").ICommonItem[];
         showInputBefore: boolean;
@@ -1001,6 +1044,10 @@ declare const BkSearchSelect: {
             type: import("vue").PropType<import("./utils").SearchInputMode>;
             default: import("./utils").SearchInputMode;
         };
+        maxHeight: {
+            type: NumberConstructor;
+            default: () => number;
+        };
         getMenuList: import("vue").PropType<import("./utils").GetMenuListFunc>;
         validateValues: import("vue").PropType<import("./utils").ValidateValuesFunc>;
         valueBehavior: import("vue").PropType<import("./utils").ValueBehavior>;
@@ -1067,6 +1114,7 @@ declare const BkSearchSelect: {
             logical: string;
         }>;
     }, {}, {}, {}, {
+        maxHeight: number;
         mode: import("./utils").SearchInputMode;
         conditions: import("./utils").ICommonItem[];
         showInputBefore: boolean;
@@ -1209,9 +1257,15 @@ declare const BkSearchSelect: {
     uniqueSelect: boolean;
 }, {}, string, import("vue").SlotsType<{
     menu: import("./utils").MenuSlotParams;
-    prepend: void;
-    append: void;
-    validate: void;
+    prepend: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    append: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    validate: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
 }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkSearchSelect;
 export { BkSearchSelect };