bkui-vue 2.0.2-beta.7 → 2.0.2-beta.71

package/lib/input/index.js

@@ -836,7 +836,7 @@ function clickoutside_arrayLikeToArray(arr, len) { if (len == null || len > arr.
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -964,7 +964,7 @@ const popover_namespaceObject = popover_x({ ["$bkPopover"]: () => __WEBPACK_EXTE
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -1076,7 +1076,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.
  *
@@ -1148,7 +1148,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.
  *
@@ -1203,9 +1203,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -1219,7 +1216,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);
         }
       });
@@ -1443,7 +1440,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.
  *
@@ -1480,7 +1477,7 @@ const icon_namespaceObject = icon_x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE
  * 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.
  *
@@ -1521,7 +1518,7 @@ function calculateNodeStyling(targetElement) {
   };
 }
 function calcTextareaHeight(targetElement) {
-  var _hiddenTextarea$paren;
+  var _targetElement$value, _hiddenTextarea$paren;
   var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
   var maxRows = arguments.length > 2 ? arguments[2] : undefined;
   if (!hiddenTextarea) {
@@ -1534,7 +1531,7 @@ function calcTextareaHeight(targetElement) {
     boxSizing = _calculateNodeStyling.boxSizing,
     contextStyle = _calculateNodeStyling.contextStyle;
   hiddenTextarea.setAttribute('style', "".concat(contextStyle, ";").concat(HIDDEN_STYLE));
-  hiddenTextarea.value = targetElement.value || targetElement.placeholder || '';
+  hiddenTextarea.value = (_targetElement$value = targetElement.value) !== null && _targetElement$value !== void 0 ? _targetElement$value : '';
   var height = hiddenTextarea.scrollHeight;
   var result = {};
   if (boxSizing === 'border-box') {
@@ -1577,7 +1574,7 @@ function input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
  * 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.
  *
@@ -1614,11 +1611,11 @@ var inputType = {
   suffixIcon: shared_namespaceObject.PropTypes.string,
   suffix: shared_namespaceObject.PropTypes.string,
   prefix: shared_namespaceObject.PropTypes.string,
-  step: shared_namespaceObject.PropTypes.integer,
-  max: shared_namespaceObject.PropTypes.integer,
-  min: shared_namespaceObject.PropTypes.integer,
-  maxlength: shared_namespaceObject.PropTypes.integer,
-  maxcharacter: shared_namespaceObject.PropTypes.integer,
+  step: shared_namespaceObject.PropTypes.number,
+  max: shared_namespaceObject.PropTypes.number,
+  min: shared_namespaceObject.PropTypes.number,
+  maxlength: shared_namespaceObject.PropTypes.number,
+  maxcharacter: shared_namespaceObject.PropTypes.number,
   behavior: (0,shared_namespaceObject.InputBehaviorType)(),
   showWordLimit: shared_namespaceObject.PropTypes.bool,
   showControl: shared_namespaceObject.PropTypes.bool.def(true),
@@ -1633,6 +1630,12 @@ var inputType = {
   withValidate: shared_namespaceObject.PropTypes.bool.def(true),
   overMaxLengthLimit: shared_namespaceObject.PropTypes.bool.def(false),
   showOverflowTooltips: shared_namespaceObject.PropTypes.bool.def(true),
+  tooltipsOptions: {
+    type: Object,
+    "default": function _default() {
+      return {};
+    }
+  },
   resize: shared_namespaceObject.PropTypes.bool.def(true),
   autosize: shared_namespaceObject.PropTypes.oneOfType([Boolean, Object]).def(false),
   stopPropagation: shared_namespaceObject.PropTypes.bool.def(true)
@@ -1782,16 +1785,16 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
     var tooltips = (0,external_vue_namespaceObject.computed)(function () {
       var _props$modelValue2;
       if (showMaxLimit.value && ceilMaxLength.value - modelValueLength.value === 0) {
-        return {
+        return input_objectSpread({
           content: t.value.maxlengthLimitTips
-        };
+        }, props.tooltipsOptions || {});
       }
-      return props.showOverflowTooltips && isOverflow.value && props.modelValue ? {
+      return props.showOverflowTooltips && isOverflow.value && props.modelValue ? input_objectSpread({
         content: (_props$modelValue2 = props.modelValue) === null || _props$modelValue2 === void 0 ? void 0 : _props$modelValue2.toString(),
         sameWidth: true
-      } : {
+      }, props.tooltipsOptions || {}) : input_objectSpread({
         disabled: true
-      };
+      }, props.tooltipsOptions || {});
     });
     var showMaxLimit = (0,external_vue_namespaceObject.computed)(function () {
       return typeof props.maxlength === 'number' || typeof props.maxcharacter === 'number';
@@ -1907,14 +1910,28 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
           return eventName === e;
         })) return;
         if (eventName === EVENTS.INPUT) {
-          ctx.emit(EVENTS.UPDATE, e.target.value, e);
-        } else if (eventName === EVENTS.CHANGE && isNumberInput.value && e.target.value !== '') {
+          // ctx.emit(EVENTS.UPDATE, isNumberInput.value ? handleNumber(e.target.value, 0) : e.target.value, e);
+          ctx.emit(EVENTS.UPDATE, isNumberInput.value ?
+          // 这里不直接使用 handleNumber，是因为 handleNumber 里有 min 和 max 的判断
+          // https://github.com/TencentBlueKing/bkui-vue3/issues/2426
+          function () {
+            var precision = Number.isInteger(props.precision) ? props.precision : 0;
+            var val = e.target.value;
+            if (Number.isNaN(val)) {
+              return isNum(props.min) ? props.min : 0;
+            }
+            if (val === '' || val === null || val === undefined) {
+              return '';
+            }
+            return (+val).toFixed(precision);
+          }() : e.target.value, e);
+        } else if (eventName === EVENTS.CHANGE && isNumberInput.value) {
           var _val = handleNumber(e.target.value, 0);
           ctx.emit(EVENTS.UPDATE, _val, e);
           ctx.emit(eventName, _val, e);
           return;
         }
-        ctx.emit(eventName, e.target.value, e);
+        ctx.emit(eventName, isNumberInput.value ? handleNumber(e.target.value, 0) : e.target.value, e);
       };
     }
     var _map = [EVENTS.KEYUP, EVENTS.KEYDOWN, EVENTS.KEYPRESS, EVENTS.PASTE, EVENTS.CHANGE, EVENTS.INPUT].map(eventHandler),
@@ -2043,7 +2060,7 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
  * 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/input/input.css

@@ -84,6 +84,7 @@
   box-sizing: border-box;
   transition: all 0.3s;
   flex-direction: column;
+  position: relative;
 }
 .bk-textarea ::placeholder {
   font-size: 12px;
@@ -178,6 +179,11 @@
 .bk-textarea:hover:not(.is-disabled) .show-clear-only-hover {
   display: flex;
 }
+.bk-textarea--clear-icon {
+  position: absolute;
+  top: 5px;
+  right: 10px;
+}
 .bk-input {
   display: inline-flex;
   align-items: stretch;

package/lib/input/input.d.ts

@@ -1,4 +1,5 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, PropType } from 'vue';
+import { IOptions } from '../directives';
 export type InputAutoSize = {
     minRows?: number;
     maxRows?: number;
@@ -35,19 +36,19 @@ export declare const inputType: {
     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"> & {
@@ -98,6 +99,10 @@ export declare const inputType: {
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -180,19 +185,19 @@ declare const _default: import("vue").DefineComponent<{
     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"> & {
@@ -243,6 +248,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -303,19 +312,19 @@ declare const _default: import("vue").DefineComponent<{
     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"> & {
@@ -366,6 +375,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -420,6 +433,7 @@ declare const _default: import("vue").DefineComponent<{
     withValidate: boolean;
     overMaxLengthLimit: boolean;
     showOverflowTooltips: boolean;
+    tooltipsOptions: {};
     autosize: boolean | InputAutoSize;
     stopPropagation: boolean;
 }, {}>;

package/lib/input/input.less

@@ -59,6 +59,7 @@
   box-sizing: border-box;
   transition: all .3s;
   flex-direction: column;
+  position: relative;
   .placeholder();
 
   &.resizable {
@@ -138,6 +139,12 @@
       display: flex;
     }
   }
+
+    &--clear-icon {
+      position: absolute;
+      top: 5px;
+      right: 10px;
+    }
 }
 
 .@{bk-prefix}-input {

package/lib/input/input.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {
@@ -214,6 +215,7 @@
   box-sizing: border-box;
   transition: all 0.3s;
   flex-direction: column;
+  position: relative;
 }
 .bk-textarea ::placeholder {
   font-size: 12px;
@@ -308,6 +310,11 @@
 .bk-textarea:hover:not(.is-disabled) .show-clear-only-hover {
   display: flex;
 }
+.bk-textarea--clear-icon {
+  position: absolute;
+  top: 5px;
+  right: 10px;
+}
 .bk-input {
   display: inline-flex;
   align-items: stretch;

package/lib/link/index.js

@@ -55,7 +55,7 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
  * 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.
  *
@@ -133,7 +133,7 @@ var LinkThemeEnum;
  * 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/link/link.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-link {
   font-size: var(--font-size-medium);

package/lib/loading/index.js

@@ -103,7 +103,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.
  *
@@ -239,7 +239,7 @@ var loadingTypes = {
  * 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.
  *
@@ -340,7 +340,7 @@ var vBkloading = {
  * 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/loading/loading.variable.css

@@ -98,7 +98,7 @@
   --submenu-bg-color: #151d2c;
   --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
   --menu-color: #96a2b9;
-  --menu-group-color: var(--default-color);
+  --menu-group-color: #6E788B;
   --menu-width: 260px;
   --menu-collapse-width: 60px;
   --menu-active-color: white;
@@ -127,6 +127,7 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/locale/index.d.ts

@@ -1,3 +1,4 @@
 export { default as en } from './lang/en';
 export type { Language } from './lang/en';
+export { default as jp } from './lang/ja-jp';
 export { default as zhCn } from './lang/zh-cn';