bkui-vue 2.0.2-beta.5 → 2.0.2-beta.51

package/lib/image/index.js

@@ -3,7 +3,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../sh
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__ from "../plugin-popover";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
 import * as __WEBPACK_EXTERNAL_MODULE__loading_4d683b23__ from "../loading";
 import * as __WEBPACK_EXTERNAL_MODULE__overflow_title_f9bafa47__ from "../overflow-title";
@@ -753,7 +753,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -871,17 +871,17 @@ ClickOutside.install = function (app) {
   app.directive('bkTooltips', ClickOutside);
 };
 /* harmony default export */ const clickoutside = ((/* unused pure expression or super */ null && (ClickOutside)));
-;// CONCATENATED MODULE: external "../plugin-popover"
-var plugin_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var plugin_popover_y = x => () => x
-const plugin_popover_namespaceObject = plugin_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_plugin_popover_300e25d0__["default"] });
+;// CONCATENATED MODULE: external "../popover"
+var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var popover_y = x => () => x
+const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__.$bkPopover });
 ;// CONCATENATED MODULE: ../../packages/directives/src/ellipsis.ts
 
 /*
  * 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.
  *
@@ -952,7 +952,7 @@ var createInstance = function createInstance(el, binding) {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
       });
-      instance = (0,plugin_popover_namespaceObject["default"])(targetOptions);
+      instance = (0,popover_namespaceObject.$bkPopover)(targetOptions);
     }, 300);
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -993,7 +993,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.
  *
@@ -1081,7 +1081,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.
  *
@@ -1136,9 +1136,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1152,7 +1149,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);
         }
       });
@@ -1376,7 +1373,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.
  *
@@ -1456,7 +1453,7 @@ function image_viewer_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.
  *
@@ -1804,7 +1801,7 @@ function image_viewer_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.
  *
@@ -1913,7 +1910,7 @@ function image_viewer_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.
  *

package/lib/index.d.ts

@@ -8,5 +8,4 @@ export * from './hooks';
 export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
-export * as plugins from './plugins';
 export declare const version: string;

package/lib/index.js

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

package/lib/info-box/index.js

@@ -549,7 +549,7 @@ const isFunction_namespaceObject = isFunction_x({ ["default"]: () => __WEBPACK_E
  * 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.
  *
@@ -593,6 +593,7 @@ var genDefaultState = function genDefaultState() {
     headerAlign: 'center',
     contentAlign: 'center',
     footerAlign: 'center',
+    showContentBgColor: false,
     showMask: true,
     quickClose: false,
     escClose: false,
@@ -772,9 +773,20 @@ var genDefaultState = function genDefaultState() {
           }
         })]);
       };
+      var renderWidth = function renderWidth() {
+        // 如果有辅助文案类型和有引用内容类型默认宽480px
+        if (!!renderContent() && [400].includes(state.width)) {
+          return 480;
+        }
+        return state.width;
+      };
       return (0,external_vue_namespaceObject.createVNode)(modal_namespaceObject["default"], {
-        "width": state.width,
-        "class": [resolveClassName('infobox'), state["class"]],
+        "width": renderWidth(),
+        "class": [_defineProperty({}, resolveClassName('infobox'), true),
+        // 处理无提示内容modal-content还会占位高度
+        {
+          'no-content-infobox': !state.content
+        }, state["class"]],
         "animateType": "fadein",
         "closeIcon": state.closeIcon,
         "isShow": isShow.value,
@@ -796,7 +808,7 @@ var genDefaultState = function genDefaultState() {
             "style": {
               textAlign: state.contentAlign
             },
-            "class": resolveClassName('infobox-content')
+            "class": _defineProperty(_defineProperty({}, resolveClassName('infobox-content'), true), "set-bg-color", state.showContentBgColor)
           }, [renderContent()]);
         },
         footer: function footer() {
@@ -806,7 +818,10 @@ var genDefaultState = function genDefaultState() {
         },
         close: function close() {
           return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, {
-            "onClick": handleCancel
+            "onClick": function onClick() {
+              // 使用 void 明确忽略返回值
+              void handleCancel();
+            }
           }, null);
         }
       });
@@ -818,7 +833,7 @@ var genDefaultState = function genDefaultState() {
  * 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.
  *
@@ -891,7 +906,7 @@ var InfoBox = function InfoBox(config) {
  * 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/info-box/info-box.css

@@ -6,6 +6,16 @@
   left: 50%;
   transform: translate(-50%, -50%);
 }
+.bk-infobox .bk-modal-wrapper .bk-modal-body {
+  min-height: 176px;
+}
+.bk-infobox .bk-modal-wrapper .bk-modal-body .bk-modal-content {
+  color: #63656e;
+  font-size: 14px;
+}
+.bk-infobox.no-content-infobox .bk-modal-content {
+  display: none;
+}
 .bk-infobox-header {
   padding-top: 24px;
 }
@@ -40,10 +50,19 @@
   color: #313238;
 }
 .bk-infobox-content {
-  padding-right: 24px;
   padding-left: 24px;
+  padding-right: 24px;
   margin-top: 16px;
 }
+.bk-infobox-content.set-bg-color {
+  background-color: #f5f6fa;
+  margin-left: 32px;
+  margin-right: 32px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
 .bk-infobox-footer {
   display: flex;
   padding-right: 24px;

package/lib/info-box/info-box.d.ts

@@ -13,6 +13,7 @@ export interface Props {
     headerAlign?: 'center' | 'left' | 'right';
     footerAlign?: 'center' | 'left' | 'right';
     contentAlign?: 'center' | 'left' | 'right';
+    showContentBgColor?: boolean;
     showMask?: boolean;
     quickClose?: boolean;
     escClose?: boolean;

package/lib/info-box/info-box.less

@@ -1,12 +1,28 @@
 @import '../styles/themes/themes.less';
 
 .@{bk-prefix}-infobox {
-  font-size: 12px;
+  font-size: @font-size-base;
 
   .@{bk-prefix}-modal-wrapper {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
+
+    .@{bk-prefix}-modal-body {
+      min-height: 176px;
+
+      .@{bk-prefix}-modal-content { 
+        color: @default-color;
+        font-size: @font-size-medium;
+      }
+    }
+
+  }
+
+  &.no-content-infobox {
+    .@{bk-prefix}-modal-content {
+      display: none;
+    }
   }
 }
 
@@ -52,9 +68,19 @@
 }
 
 .@{bk-prefix}-infobox-content {
-  padding-right: 24px;
   padding-left: 24px;
+  padding-right: 24px;
   margin-top: 16px;
+
+  &.set-bg-color {
+    background-color: @sub-title-bg-color;
+    margin-left: 32px;
+    margin-right: 32px;
+    padding-top: 12px;
+    padding-bottom: 12px;
+    padding-left: 16px;
+    padding-right: 16px;
+  }
 }
 
 .@{bk-prefix}-infobox-footer {

package/lib/info-box/info-box.variable.css

@@ -127,15 +127,26 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-infobox {
-  font-size: 12px;
+  font-size: var(--font-size-base);
 }
 .bk-infobox .bk-modal-wrapper {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
+.bk-infobox .bk-modal-wrapper .bk-modal-body {
+  min-height: 176px;
+}
+.bk-infobox .bk-modal-wrapper .bk-modal-body .bk-modal-content {
+  color: var(--default-color);
+  font-size: var(--font-size-medium);
+}
+.bk-infobox.no-content-infobox .bk-modal-content {
+  display: none;
+}
 .bk-infobox-header {
   padding-top: 24px;
 }
@@ -170,10 +181,19 @@
   color: #313238;
 }
 .bk-infobox-content {
-  padding-right: 24px;
   padding-left: 24px;
+  padding-right: 24px;
   margin-top: 16px;
 }
+.bk-infobox-content.set-bg-color {
+  background-color: var(--sub-title-bg-color);
+  margin-left: 32px;
+  margin-right: 32px;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
 .bk-infobox-footer {
   display: flex;
   padding-right: 24px;

package/lib/input/index.d.ts

@@ -31,19 +31,19 @@ declare const BkInput: {
         prefix: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        step: import("vue-types").VueTypeDef<number> & {
+        step: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        max: import("vue-types").VueTypeDef<number> & {
+        max: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        min: import("vue-types").VueTypeDef<number> & {
+        min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        maxlength: import("vue-types").VueTypeDef<number> & {
+        maxlength: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        maxcharacter: import("vue-types").VueTypeDef<number> & {
+        maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
         behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
@@ -94,6 +94,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -169,19 +173,19 @@ declare const BkInput: {
         prefix: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        step: import("vue-types").VueTypeDef<number> & {
+        step: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        max: import("vue-types").VueTypeDef<number> & {
+        max: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        min: import("vue-types").VueTypeDef<number> & {
+        min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        maxlength: import("vue-types").VueTypeDef<number> & {
+        maxlength: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        maxcharacter: import("vue-types").VueTypeDef<number> & {
+        maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
         behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
@@ -232,6 +236,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -286,6 +294,7 @@ declare const BkInput: {
         withValidate: boolean;
         overMaxLengthLimit: boolean;
         showOverflowTooltips: boolean;
+        tooltipsOptions: {};
         autosize: boolean | import("./input").InputAutoSize;
         stopPropagation: boolean;
     }, true, {}, {}, {
@@ -327,19 +336,19 @@ declare const BkInput: {
         prefix: import("vue-types").VueTypeValidableDef<string> & {
             default: string;
         };
-        step: import("vue-types").VueTypeDef<number> & {
+        step: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        max: import("vue-types").VueTypeDef<number> & {
+        max: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        min: import("vue-types").VueTypeDef<number> & {
+        min: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        maxlength: import("vue-types").VueTypeDef<number> & {
+        maxlength: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
-        maxcharacter: import("vue-types").VueTypeDef<number> & {
+        maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         };
         behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
@@ -390,6 +399,10 @@ declare const BkInput: {
         } & {
             default: boolean;
         };
+        tooltipsOptions: {
+            type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+            default: () => {};
+        };
         resize: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -444,6 +457,7 @@ declare const BkInput: {
         withValidate: boolean;
         overMaxLengthLimit: boolean;
         showOverflowTooltips: boolean;
+        tooltipsOptions: {};
         autosize: boolean | import("./input").InputAutoSize;
         stopPropagation: boolean;
     }>;
@@ -482,19 +496,19 @@ declare const BkInput: {
     prefix: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-    step: import("vue-types").VueTypeDef<number> & {
+    step: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
-    max: import("vue-types").VueTypeDef<number> & {
+    max: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
-    min: import("vue-types").VueTypeDef<number> & {
+    min: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
-    maxlength: import("vue-types").VueTypeDef<number> & {
+    maxlength: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
-    maxcharacter: import("vue-types").VueTypeDef<number> & {
+    maxcharacter: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     };
     behavior: import("vue-types").VueTypeDef<"normal" | "simplicity"> & {
@@ -545,6 +559,10 @@ declare const BkInput: {
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: import("vue").PropType<Partial<import("../../bkui-vue").IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -614,6 +632,7 @@ declare const BkInput: {
     withValidate: boolean;
     overMaxLengthLimit: boolean;
     showOverflowTooltips: boolean;
+    tooltipsOptions: {};
     autosize: boolean | import("./input").InputAutoSize;
     stopPropagation: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;