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

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

@@ -1020,7 +1020,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "../shared"
 var shared_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var shared_y = x => () => x
@@ -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.
  *
@@ -1063,6 +1063,23 @@ var instances = {
   'bottom-right': []
 };
 var seed = 1;
+// 更新指定位置的所有 Message 实例的位置
+var updateModalPosition = function updateModalPosition(position, spacing) {
+  var initialOffset = 30;
+  var offsetTop = initialOffset;
+  instances[position].forEach(function (vm) {
+    if (vm.el) {
+      // 获取当前实例的实际高度（包括详情展开后的高度）
+      var currentHeight = vm.el.offsetHeight || 0;
+      // 直接更新 DOM 元素的 top 样式，确保位置立即生效
+      vm.el.style.top = "".concat(offsetTop, "px");
+      // 同时更新 props，保持数据一致性
+      vm.props.offsetY = offsetTop;
+      // 然后累加当前实例的高度和间距，用于计算下一个实例的位置
+      offsetTop += currentHeight + spacing;
+    }
+  });
+};
 var Message = function Message(constructor, options) {
   var opts = options;
   var position = opts.position || 'top-right';
@@ -1085,17 +1102,11 @@ var Message = function Message(constructor, options) {
   opts = _objectSpread(_objectSpread({}, opts), {}, {
     offsetX: horizontalOffset,
     offsetY: verticalOffset,
-    id: id
+    id: id,
+    spacing: spacing
   });
   var container = document.createElement('div');
   var vm = (0,external_vue_namespaceObject.createVNode)(constructor, opts);
-  // const updateModalPosition = () => {
-  //   let offsetTop = 30;
-  //   instances[position].forEach((vm) => {
-  //     offsetTop += (vm.el.offsetHeight || 0) + spacing;
-  //     vm.props.offsetY = offsetTop;
-  //   });
-  // };
   vm.props.onDestroy = function (id) {
     use_message_close(id, position, spacing, userOnClose);
     (0,external_vue_namespaceObject.render)(null, container);
@@ -1104,13 +1115,19 @@ var Message = function Message(constructor, options) {
     instances[position].forEach(function (item) {
       if (item.props.id !== id) {
         var _item$component;
-        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false);
+        // 关闭其他实例的详情时，传入 shouldEmit = false 避免触发无限循环
+        (_item$component = item.component) === null || _item$component === void 0 || (_item$component = _item$component.exposed) === null || _item$component === void 0 || _item$component.setDetailsShow(null, false, false);
       }
     });
-    // setTimeout(() => {
-    //   console.log('updateModalPosition');
-    //   updateModalPosition();
-    // });
+    // 等待 DOM 更新完成后再更新位置
+    // 详情展开/收起时，DOM 高度会变化，需要等待渲染完成
+    // 由于事件已经在详情内容渲染完成后才 emit，这里只需要等待 Vue 响应式更新和浏览器布局完成
+    var currentSpacing = spacing || 10;
+    (0,external_vue_namespaceObject.nextTick)(function () {
+      requestAnimationFrame(function () {
+        updateModalPosition(position, currentSpacing);
+      });
+    });
   };
   (0,external_vue_namespaceObject.render)(vm, container);
   instances[position].push(vm);
@@ -1124,21 +1141,23 @@ var Message = function Message(constructor, options) {
 };
 function use_message_close(id, position, spacing, userOnClose) {
   userOnClose === null || userOnClose === void 0 || userOnClose();
-  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
   var instanceIndex = -1;
   instances[position].forEach(function (item, index) {
     if (item.props.id === id) {
       instanceIndex = index;
     }
   });
-  var vm = instances[position][instanceIndex];
-  var removeHeight = vm.el.offsetHeight;
-  var len = instances[position].length;
-  for (var i = instanceIndex; i < len; i++) {
-    var pos = parseInt(instances[position][i].el.style[verticalProperty], 10) - removeHeight - spacing;
-    instances[position][i].component.props.offsetY = pos;
+  if (instanceIndex === -1) {
+    return;
   }
+  // 移除实例
   instances[position].splice(instanceIndex, 1);
+  // 重新计算所有剩余实例的位置
+  // 使用传入的 spacing，如果没有则从第一个实例获取，或使用默认值 10
+  var currentSpacing = spacing || (instances[position].length > 0 ? instances[position][0].props.spacing : 10) || 10;
+  (0,external_vue_namespaceObject.nextTick)(function () {
+    updateModalPosition(position, currentSpacing);
+  });
 }
 /* harmony default export */ const use_message = (Message);
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
@@ -1207,7 +1226,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.
  *
@@ -1445,8 +1464,15 @@ var messageProps = {
       return targetJson;
     };
     var setDetailsShow = function setDetailsShow(e, isShow) {
+      var shouldEmit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
       toolOperation.isDetailShow = isShow !== null && isShow !== void 0 ? isShow : !toolOperation.isDetailShow;
       fixMesage(e, toolOperation.isDetailShow);
+      // 用于在详情内容渲染完成后 emit 事件的回调
+      var emitAfterRender = function emitAfterRender() {
+        if (shouldEmit && _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
+          emit('detail', toolOperation.isDetailShow, props.id);
+        }
+      };
       if (toolOperation.isDetailShow && _typeof(props.message) === 'object' && !(0,external_vue_namespaceObject.isVNode)(props.message)) {
         if (props.message.type === MessageContentType.JSON || !props.message.type) {
           var targetJson = parseToJson(props.message.details);
@@ -1457,15 +1483,23 @@ var messageProps = {
               refJsonContent.value.append(formatter.render());
             }
             copyMessage();
+            // 详情内容渲染完成后，再 emit 事件以更新位置
+            emitAfterRender();
           });
-        }
-        if (props.message.type === MessageContentType.KEY_VALUE) {
+        } else if (props.message.type === MessageContentType.KEY_VALUE) {
           setTimeout(function () {
             copyMessage();
             copyValueItem();
+            // 详情内容渲染完成后，再 emit 事件以更新位置
+            emitAfterRender();
           });
+        } else {
+          // 如果没有详情内容需要渲染，立即 emit
+          emitAfterRender();
         }
-        emit('detail', toolOperation.isDetailShow, props.id);
+      } else {
+        // 收起详情时，立即 emit 事件
+        emitAfterRender();
       }
     };
     var fixMesage = function fixMesage(_e, isFix) {
@@ -1717,7 +1751,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 +1796,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/message/messageConstructor.d.ts

@@ -152,7 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     })>;
     visible: import("vue").Ref<boolean>;
     close: (e: Event) => void;
-    setDetailsShow: (e: MouseEvent, isShow?: boolean) => void;
+    setDetailsShow: (e: MouseEvent, isShow?: boolean, shouldEmit?: boolean) => void;
     fixMesage: (_e: MouseEvent, isFix?: boolean) => void;
     copyMessage: () => void;
     parseToJson: (value: any) => any;