bkui-vue 2.0.2-beta.9 → 2.0.2-beta.91

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);
         }
       });
@@ -1328,6 +1325,7 @@ function renderArrow() {
  * @returns popper实例
  */
 function createPopperInstance(el, popper) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get = tooltips_nodeList.get(el),
     opts = _nodeList$get.opts;
   var placement = opts.placement,
@@ -1368,6 +1366,7 @@ function createPopperInstance(el, popper) {
  * @param el
  */
 function show(el) {
+  if (!tooltips_nodeList.get(el)) return;
   var _nodeList$get2 = tooltips_nodeList.get(el),
     popper = _nodeList$get2.popper,
     opts = _nodeList$get2.opts;
@@ -1443,7 +1442,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 +1479,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 +1520,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 +1533,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 +1576,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 +1613,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 +1632,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)
@@ -1653,6 +1658,7 @@ var EVENTS;
   EVENTS["KEYUP"] = "keyup";
   EVENTS["PASTE"] = "paste";
   EVENTS["UPDATE"] = "update:modelValue";
+  EVENTS["SEARCH"] = "search";
 })(EVENTS || (EVENTS = {}));
 /* eslint-disable-next-line */
 function EventFunction(_value, _evt) {
@@ -1671,7 +1677,9 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
   return evt;
 }), EVENTS.CHANGE, EventFunction), EVENTS.CLEAR, function () {
   return true;
-}), EVENTS.INPUT, EventFunction), EVENTS.KEYPRESS, EventFunction), EVENTS.KEYDOWN, EventFunction), EVENTS.KEYUP, EventFunction), EVENTS.ENTER, EventFunction), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_inputEmitEventsType, EVENTS.PASTE, PastEventFunction), EVENTS.COMPOSITIONSTART, CompositionEventFunction), EVENTS.COMPOSITIONUPDATE, CompositionEventFunction), EVENTS.COMPOSITIONEND, CompositionEventFunction));
+}), EVENTS.INPUT, EventFunction), EVENTS.KEYPRESS, EventFunction), EVENTS.KEYDOWN, EventFunction), EVENTS.KEYUP, EventFunction), EVENTS.ENTER, EventFunction), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_inputEmitEventsType, EVENTS.PASTE, PastEventFunction), EVENTS.COMPOSITIONSTART, CompositionEventFunction), EVENTS.COMPOSITIONUPDATE, CompositionEventFunction), EVENTS.COMPOSITIONEND, CompositionEventFunction), EVENTS.SEARCH, function (evt) {
+  return evt;
+}));
 /* harmony default export */ const input = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Input',
   directives: {
@@ -1709,7 +1717,9 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
     var suffixCls = getCls('suffix-icon');
     var suffixIconMap = {
       search: function search() {
-        return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Search, null, null);
+        return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Search, {
+          "onClick": handleSearch
+        }, null);
       },
       password: function password() {
         return (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Unvisible, {
@@ -1782,16 +1792,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';
@@ -1884,6 +1894,10 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_definePro
         formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
       }
     }
+    // type = search suffix icon click event
+    function handleSearch(e) {
+      ctx.emit(EVENTS.SEARCH, e);
+    }
     // 事件句柄生成器
     function eventHandler(eventName) {
       return function (e) {
@@ -1907,14 +1921,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 +2071,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;
     } & {
@@ -126,7 +131,8 @@ export declare const enum EVENTS {
     KEYPRESS = "keypress",
     KEYUP = "keyup",
     PASTE = "paste",
-    UPDATE = "update:modelValue"
+    UPDATE = "update:modelValue",
+    SEARCH = "search"
 }
 declare function EventFunction(_value: any, _evt: KeyboardEvent): any;
 declare function PastEventFunction(_value: any, _e: ClipboardEvent): boolean;
@@ -146,6 +152,7 @@ export declare const inputEmitEventsType: {
     compositionstart: typeof CompositionEventFunction;
     compositionupdate: typeof CompositionEventFunction;
     compositionend: typeof CompositionEventFunction;
+    search: (evt: Event) => Event;
 };
 export type InputType = ExtractPropTypes<typeof inputType>;
 declare const _default: import("vue").DefineComponent<{
@@ -180,19 +187,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 +250,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -271,6 +282,7 @@ declare const _default: import("vue").DefineComponent<{
     compositionstart: typeof CompositionEventFunction;
     compositionupdate: typeof CompositionEventFunction;
     compositionend: typeof CompositionEventFunction;
+    search: (evt: Event) => Event;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     type: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -303,19 +315,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 +378,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    tooltipsOptions: {
+        type: PropType<Partial<IOptions>>;
+        default: () => {};
+    };
     resize: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -392,6 +408,7 @@ declare const _default: import("vue").DefineComponent<{
     onKeypress?: (_value: any, _evt: KeyboardEvent) => any;
     onKeyup?: (_value: any, _evt: KeyboardEvent) => any;
     onClear?: () => any;
+    onSearch?: (evt: Event) => any;
     onEnter?: (_value: any, _evt: KeyboardEvent) => any;
     "onUpdate:modelValue"?: (_value: any, _evt: KeyboardEvent) => any;
 }, {
@@ -420,6 +437,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.
  *
@@ -316,21 +316,29 @@ var vBkloading = {
   mounted: function mounted(el, binding) {
     if (binding.value) {
       createInstance(el, binding);
+      if (!binding.value.loading) {
+        var _instance$vm;
+        // 只要loading不为真，就必须隐藏loading遮罩层
+        var instance = el[INSTANCE_KEY];
+        if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
+          instance.vm.$el.parentNode.style.display = 'none';
+        }
+      }
     }
   },
   updated: function updated(el, binding) {
-    var _instance$vm;
+    var _instance$vm2;
     var instance = el[INSTANCE_KEY];
     var value = binding.value;
     updateOptions(value, instance.options);
-    if (instance !== null && instance !== void 0 && (_instance$vm = instance.vm) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.$el) !== null && _instance$vm !== void 0 && (_instance$vm = _instance$vm.parentNode) !== null && _instance$vm !== void 0 && _instance$vm.style) {
+    if (instance !== null && instance !== void 0 && (_instance$vm2 = instance.vm) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.$el) !== null && _instance$vm2 !== void 0 && (_instance$vm2 = _instance$vm2.parentNode) !== null && _instance$vm2 !== void 0 && _instance$vm2.style) {
       instance.vm.$el.parentNode.style.display = value.loading ? '' : 'none';
     }
   },
   unmounted: function unmounted(el) {
-    var _instance$vm2, _instance$instance;
+    var _instance$vm3, _instance$instance;
     var instance = el[INSTANCE_KEY];
-    el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm2 = instance.vm) === null || _instance$vm2 === void 0 || (_instance$vm2 = _instance$vm2.$el) === null || _instance$vm2 === void 0 ? void 0 : _instance$vm2.parentNode);
+    el === null || el === void 0 || el.removeChild(instance === null || instance === void 0 || (_instance$vm3 = instance.vm) === null || _instance$vm3 === void 0 || (_instance$vm3 = _instance$vm3.$el) === null || _instance$vm3 === void 0 ? void 0 : _instance$vm3.parentNode);
     instance === null || instance === void 0 || (_instance$instance = instance.instance) === null || _instance$instance === void 0 || _instance$instance.unmount();
     el[INSTANCE_KEY] = null;
   }
@@ -340,7 +348,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';