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

package/lib/locale/index.js

@@ -26,6 +26,7 @@ var __webpack_exports__ = {};
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
   en: () => (/* reexport */ lang_en),
+  jp: () => (/* reexport */ ja_jp),
   zhCn: () => (/* reexport */ zh_cn)
 });
 
@@ -34,7 +35,7 @@ __webpack_require__.d(__webpack_exports__, {
  * 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.
  *
@@ -237,12 +238,177 @@ var en = {
   }
 };
 /* harmony default export */ const lang_en = (en);
+;// CONCATENATED MODULE: ../../packages/locale/src/lang/ja-jp.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2025 Tencent.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+var jp = {
+  lang: 'ja',
+  steps: {
+    step1: 'ステップ1',
+    step2: 'ステップ2',
+    step3: 'ステップ3'
+  },
+  datePicker: {
+    selectDate: '日付を選択',
+    selectTime: '時間を選択',
+    clear: 'クリア',
+    ok: 'OK',
+    weekdays: {
+      sun: '日',
+      mon: '月',
+      tue: '火',
+      wed: '水',
+      thu: '木',
+      fri: '金',
+      sat: '土'
+    },
+    hour: '時',
+    min: '分',
+    sec: '秒',
+    toNow: '現在まで'
+  },
+  dialog: {
+    ok: 'OK',
+    cancel: 'キャンセル',
+    prev: '前へ',
+    next: '次へ'
+  },
+  popConfirm: {
+    ok: 'OK',
+    cancel: 'キャンセル'
+  },
+  form: {
+    notBeEmpty: '空にできません',
+    incorrectFormat: 'フォーマットが正しくありません',
+    max: '最大値',
+    min: '最小値',
+    maxLen: '最大の長さ',
+    verifyError: '検証エラー'
+  },
+  pagination: {
+    eachPage: '各ページ',
+    strip: '項目',
+    total: '合計'
+  },
+  process: {
+    step1: 'ステップ1',
+    step2: 'ステップ2',
+    step3: 'ステップ3',
+    step4: 'ステップ4'
+  },
+  searchSelect: {
+    pleaseSelect: '選択してください',
+    loading: 'ロード中...',
+    filterQueryMustHasValue: 'フィルターに一つ以上の値を選択する必要があります',
+    ok: 'OK',
+    cancel: 'キャンセル',
+    or: 'or',
+    and: 'and',
+    logical: 'ロジック:'
+  },
+  select: {
+    noData: 'データなし',
+    noMatchedData: '一致するデータがありません',
+    loading: '読み込み中...',
+    pleaseSelect: '選択してください',
+    enterKeywords: 'キーワードを入力してください',
+    all: 'すべて',
+    selectAll: 'すべて選択'
+  },
+  table: {
+    emptyText: 'データがありません',
+    confirm: 'OK',
+    reset: 'リセット',
+    sort: 'ソート',
+    setting: {
+      title: 'テーブル設定',
+      fields: {
+        title: '表示フィールド設定',
+        subtitle: function subtitle(max) {
+          return "\uFF08\u6700\u5927".concat(max, "\u9805\u76EE\uFF09");
+        },
+        selectAll: 'すべて選択'
+      },
+      lineHeight: {
+        title: 'テーブル行の高さ',
+        small: '小',
+        medium: '中',
+        large: '大'
+      },
+      options: {
+        ok: 'OK',
+        cancel: 'キャンセル'
+      }
+    }
+  },
+  transfer: {
+    sourceList: 'ソースリスト',
+    targetList: 'ターゲットリスト',
+    removeAll: 'すべて削除',
+    selectAll: 'すべて選択',
+    noData: 'データがありません',
+    noSelected: '選択されていません',
+    search: '検索'
+  },
+  upload: {
+    uploadSuccess: 'アップロード成功',
+    uploadFailed: 'アップロード失敗',
+    drapFileOr: 'ここにファイルをドラッグまたは',
+    clickUpload: 'クリックしてアップロード',
+    uploadLabel: 'ファイルをアップロード'
+  },
+  input: {
+    placeholder: '入力してください',
+    maxlengthLimitTips: '文字数制限に達しました'
+  },
+  tagInput: {
+    placeholder: '入力してEnterキーで終了'
+  },
+  message: {
+    assistant: 'アシスタント',
+    details: '詳細',
+    copySuccess: 'コピー成功',
+    copyFailed: 'コピー失敗'
+  },
+  cascader: {
+    pleaseSelect: '選択してください',
+    noData: 'データがありません',
+    emptyText: '該当する検索結果がありません'
+  },
+  versionLog: {
+    current: '現在のバージョン'
+  }
+};
+/* harmony default export */ const ja_jp = (jp);
 ;// CONCATENATED MODULE: ../../packages/locale/src/lang/zh-cn.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.
  *
@@ -450,7 +616,7 @@ var zhCn = {
  * 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.
  *
@@ -473,6 +639,8 @@ var zhCn = {
  */
 
 
+
 var __webpack_exports__en = __webpack_exports__.en;
+var __webpack_exports__jp = __webpack_exports__.jp;
 var __webpack_exports__zhCn = __webpack_exports__.zhCn;
-export { __webpack_exports__en as en, __webpack_exports__zhCn as zhCn };
+export { __webpack_exports__en as en, __webpack_exports__jp as jp, __webpack_exports__zhCn as zhCn };

package/lib/locale/lang/ja-jp.d.ts

@@ -0,0 +1,3 @@
+import { Language as EnLanguage } from './en';
+declare const jp: EnLanguage;
+export default jp;

package/lib/menu/index.js

@@ -137,7 +137,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.
  *
@@ -289,7 +289,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.
  *
@@ -425,7 +425,7 @@ var menuProps = {
  * 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.
  *
@@ -467,20 +467,23 @@ var menuProps = {
       collapse = _useMenuInject.collapse;
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var displayTitle = (0,external_vue_namespaceObject.computed)(function () {
+    var renderGroupName = function renderGroupName() {
+      if (slots.name) {
+        return slots.name();
+      }
       if (collapse.value) {
         // 收起
         return props.foldName !== undefined ? props.foldName : props.name;
       }
       return props.name;
-    });
+    };
     return function () {
       var _slots$default;
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(resolveClassName('menu-group'))
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "group-name"
-      }, [displayTitle.value]), (0,external_vue_namespaceObject.createVNode)("ul", {
+      }, [renderGroupName()]), (0,external_vue_namespaceObject.createVNode)("ul", {
         "class": "group-wrap"
       }, [(_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)])]);
     };
@@ -493,7 +496,7 @@ var menuProps = {
  * 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,7 +596,7 @@ const _namespaceObject = _x({ ["AngleDown"]: () => __WEBPACK_EXTERNAL_MODULE_bku
  * 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.
  *
@@ -705,7 +708,7 @@ var subMenuProps = {
  * 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/menu/menu.css

@@ -178,17 +178,18 @@
 .bk-menu-item:hover {
   color: white;
   cursor: pointer;
+  background-color: #31394F;
 }
 .bk-menu-item.is-active {
   color: white;
   background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
 }
 .bk-menu-item.is-disabled {
-  color: #63656e;
+  color: #6E788B;
   cursor: not-allowed;
 }
 .bk-menu-item.is-disabled:hover {
-  color: #63656e;
+  color: #6E788B;
   cursor: not-allowed;
   background: none;
 }
@@ -207,7 +208,7 @@
   display: inline-block;
   width: 3px;
   height: 3px;
-  background: #63656e;
+  background: #6E788B;
   background-color: white;
   border-radius: 50%;
 }
@@ -230,7 +231,7 @@
   overflow: hidden;
   font-size: 12px;
   line-height: 16px;
-  color: #63656e;
+  color: #6E788B;
   text-overflow: clip;
   white-space: nowrap;
 }

package/lib/menu/menu.less

@@ -115,6 +115,7 @@
     &:hover {
       color: @menu-active-color;
       cursor: pointer;
+      background-color:  #31394F;;
     }
 
     &.is-active {

package/lib/menu/menu.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% {
@@ -308,17 +309,18 @@
 .bk-menu-item:hover {
   color: white;
   cursor: pointer;
+  background-color: #31394F;
 }
 .bk-menu-item.is-active {
   color: white;
   background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
 }
 .bk-menu-item.is-disabled {
-  color: #63656e;
+  color: #6E788B;
   cursor: not-allowed;
 }
 .bk-menu-item.is-disabled:hover {
-  color: #63656e;
+  color: #6E788B;
   cursor: not-allowed;
   background: none;
 }
@@ -337,7 +339,7 @@
   display: inline-block;
   width: 3px;
   height: 3px;
-  background: #63656e;
+  background: #6E788B;
   background-color: white;
   border-radius: 50%;
 }
@@ -360,7 +362,7 @@
   overflow: hidden;
   font-size: 12px;
   line-height: 16px;
-  color: #63656e;
+  color: #6E788B;
   text-overflow: clip;
   white-space: nowrap;
 }

package/lib/menu/submenu.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-menu {
   display: block;

package/lib/message/index.js

@@ -1033,7 +1033,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.
  *
@@ -1207,7 +1207,7 @@ function messageConstructor_objectSpread(e) { for (var r = 1; r < arguments.leng
  * 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.
  *
@@ -1717,7 +1717,7 @@ var messageProps = {
           "class": "".concat(_this2.resolveClassName('message-icon'))
         }, [renderIcon()]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "describe"
-        }, [(_this2$$slots$title = (_this2$$slots$title2 = (_this2$$slots = _this2.$slots).title) === null || _this2$$slots$title2 === void 0 ? void 0 : _this2$$slots$title2.call(_this2$$slots)) !== null && _this2$$slots$title !== void 0 ? _this2$$slots$title : "\u3010".concat(_this2.message.code, "\u3011").concat(_this2.message.overview, " ").concat(_this2.message.suggestion)])]), (0,external_vue_namespaceObject.createVNode)("div", {
+        }, [(_this2$$slots$title = (_this2$$slots$title2 = (_this2$$slots = _this2.$slots).title) === null || _this2$$slots$title2 === void 0 ? void 0 : _this2$$slots$title2.call(_this2$$slots)) !== null && _this2$$slots$title !== void 0 ? _this2$$slots$title : "".concat(_this2.message.code ? "\u3010".concat(_this2.message.code, "\u3011") : '').concat(_this2.message.overview, " ").concat(_this2.message.suggestion)])]), (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "tools"
         }, [_this2.renderMessageActions()])]), _this2.toolOperation.isDetailShow && (0,external_vue_namespaceObject.createVNode)("div", {
           "class": "message-detail"
@@ -1762,7 +1762,7 @@ var messageProps = {
  * 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/message/message.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-message {
   position: fixed;

package/lib/modal/index.js

@@ -102,7 +102,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
  * 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.
  *
@@ -129,6 +129,7 @@ const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTER
 var useContentResize = function useContentResize(root, resizeTarget, props) {
   var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
+  var slots = (0,external_vue_namespaceObject.useSlots)();
   var isContentScroll = (0,external_vue_namespaceObject.ref)(false);
   var contentStyles = (0,external_vue_namespaceObject.ref)({});
   var calcContentScroll = (0,throttle_namespaceObject["default"])(function () {
@@ -147,7 +148,7 @@ var useContentResize = function useContentResize(root, resizeTarget, props) {
     isContentScroll.value = windowInnerHeight < headerHeight + contentHeight + footerHeight + footerMarginTop;
     if (isContentScroll.value || props.fullscreen) {
       contentStyles.value = {
-        height: "".concat(windowInnerHeight - headerHeight - 48, "px"),
+        height: "".concat(windowInnerHeight - headerHeight - (slots.footer ? 48 : 0), "px"),
         overflow: 'auto',
         'scrollbar-gutter': 'stable'
       };
@@ -198,7 +199,7 @@ var useContentResize = function useContentResize(root, resizeTarget, props) {
  * 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.
  *
@@ -271,7 +272,7 @@ const external_vue_types_namespaceObject = external_vue_types_x({ ["func"]: () =
  * 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.
  *
@@ -334,7 +335,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.
  *
@@ -387,6 +388,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         top: props.top
       };
     });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return [props.zIndex];
+    }, function () {
+      if (/\d+/.test("".concat(props.zIndex))) {
+        zIndex.value = props.zIndex;
+      }
+    });
     (0,external_vue_namespaceObject.watch)(function () {
       return props.isShow;
     }, function () {
@@ -517,7 +525,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.
  *

package/lib/modal/modal.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/modal/modal.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-infobox {
   font-size: 12px;
@@ -136,6 +137,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;
 }
@@ -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: #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/navigation/index.js

@@ -55,7 +55,7 @@ const icon_namespaceObject = icon_x({ ["CollapseLeft"]: () => __WEBPACK_EXTERNAL
  * 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.
  *
@@ -119,7 +119,7 @@ var TitleProps = {
  * 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 NavigationProps = {
  * 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.
  *