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

package/lib/color-picker/index.js

@@ -31,7 +31,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
  *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ * Copyright (C) 2025 Tencent.  All rights reserved.
  *
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
  *
@@ -159,7 +159,7 @@ var popover_ = __webpack_require__(563);
  * 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 +271,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.
  *
@@ -330,7 +330,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.
  *
@@ -385,9 +385,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -401,7 +398,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);
         }
       });
@@ -625,7 +622,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.
  *
@@ -1275,7 +1272,7 @@ module.exports = x({ ["$bkPopover"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_li
 
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-module.exports = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+module.exports = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.getFullscreenRoot, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 
 /***/ }),
 
@@ -1284,7 +1281,7 @@ module.exports = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib
 
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-module.exports = 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, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+module.exports = x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["Teleport"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Teleport, ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["render"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.render, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 
 /***/ }),
 
@@ -2738,7 +2735,7 @@ function validateWCAG2Parms(parms) {
  * 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.
  *
@@ -2808,7 +2805,7 @@ var inputContainerProps = {
  * 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.
  *
@@ -2976,7 +2973,7 @@ var colorPickerProps = {
  * 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.
  *
@@ -3083,7 +3080,7 @@ var toRGBAString = function toRGBAString(rgba) {
  * 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.
  *
@@ -3222,7 +3219,7 @@ var hue_slider_colorPickerProps = {
  * 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.
  *
@@ -3373,7 +3370,7 @@ var recommend_colors_colorPickerProps = {
  * 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.
  *
@@ -3526,7 +3523,7 @@ var saturation_panel_colorPickerProps = {
  * 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.
  *
@@ -3596,6 +3593,7 @@ var whiteColorObj = formatColor('#FFFFFF');
   setup: function setup(props, _ref) {
     var emit = _ref.emit,
       slots = _ref.slots;
+    var teleportTo = (0,external_vue_.ref)((0,shared_.getFullscreenRoot)());
     var formItem = (0,shared_.useFormItem)();
     var showDropdown = (0,external_vue_.ref)(false);
     // 当前颜色的色值，如果为空字符串显示：默认白色背景 + 中间一个叉
@@ -3651,6 +3649,7 @@ var whiteColorObj = formatColor('#FFFFFF');
       if (props.disabled || props.readonly) {
         return;
       }
+      teleportTo.value = (0,shared_.getFullscreenRoot)();
       showDropdown.value ? closeDropdown() : openDropdown();
     };
     // 如果未开启预设则此 tab 事件为颜色选择器最后一个表单 tab 事件，重新聚焦于饱和度面板
@@ -3785,48 +3784,56 @@ var whiteColorObj = formatColor('#FFFFFF');
         "class": "".concat(resolveClassName('color-picker-icon'))
       }, [(0,external_vue_.createVNode)(icon_namespaceObject.AngleUp, {
         "class": resolveClassName('icon-angle-down')
-      }, null)])]), (0,external_vue_.createVNode)(external_vue_.Transition, {
-        "name": "bk-fade-down-transition"
+      }, null)])]), (0,external_vue_.createVNode)(external_vue_.Teleport, {
+        "disabled": !props.transfer,
+        "to": teleportTo.value
       }, {
         "default": function _default() {
-          return [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)(date_picker_namespaceObject.PickerDropdown, {
-            "ref": dropRef,
-            "triggerRef": referenceRef.value
+          return [(0,external_vue_.createVNode)(external_vue_.Transition, {
+            "name": "bk-fade-down-transition"
           }, {
             "default": function _default() {
-              return [(0,external_vue_.createVNode)("div", {
-                "class": "".concat(resolveClassName('color-dropdown-container'))
-              }, [(0,external_vue_.createVNode)("div", {
-                "class": "".concat(resolveClassName('color-picker-dropdown')),
-                "onClick": function onClick(e) {
-                  e.stopPropagation();
-                },
-                "onKeydown": handleDropdownKeydown,
-                "onMousedown": function onMousedown(e) {
-                  e.stopPropagation();
+              return [(0,external_vue_.withDirectives)((0,external_vue_.createVNode)(date_picker_namespaceObject.PickerDropdown, {
+                "ref": dropRef,
+                "appendToBody": props.transfer,
+                "triggerRef": referenceRef.value
+              }, {
+                "default": function _default() {
+                  return [(0,external_vue_.createVNode)("div", {
+                    "class": "".concat(resolveClassName('color-dropdown-container'))
+                  }, [(0,external_vue_.createVNode)("div", {
+                    "class": "".concat(resolveClassName('color-picker-dropdown')),
+                    "onClick": function onClick(e) {
+                      e.stopPropagation();
+                    },
+                    "onKeydown": handleDropdownKeydown,
+                    "onMousedown": function onMousedown(e) {
+                      e.stopPropagation();
+                    }
+                  }, [(0,external_vue_.createVNode)(saturation_panel, {
+                    "ref": saturationPanelRef,
+                    "colorObj": colorObj,
+                    "onChange": handleColorChange
+                  }, null), (0,external_vue_.createVNode)(hue_slider, {
+                    "colorObj": colorObj,
+                    "onChange": handleColorChange
+                  }, null), (0,external_vue_.createVNode)(color_input, {
+                    "colorObj": colorObj,
+                    "onChange": handleColorChange,
+                    "onTab": handleTabInput
+                  }, null), isRenderRecommend.value ? (0,external_vue_.createVNode)("div", {
+                    "class": "".concat(resolveClassName('color-picker-recommend-container'))
+                  }, [(0,external_vue_.createVNode)(recommend_colors, {
+                    "colorObj": colorObj,
+                    "recommend": props.recommend,
+                    "recommendEmpty": props.recommendEmpty,
+                    "onChange": handleColorChange,
+                    "onTab": handleTabRecommend
+                  }, null)]) : undefined])])];
                 }
-              }, [(0,external_vue_.createVNode)(saturation_panel, {
-                "ref": saturationPanelRef,
-                "colorObj": colorObj,
-                "onChange": handleColorChange
-              }, null), (0,external_vue_.createVNode)(hue_slider, {
-                "colorObj": colorObj,
-                "onChange": handleColorChange
-              }, null), (0,external_vue_.createVNode)(color_input, {
-                "colorObj": colorObj,
-                "onChange": handleColorChange,
-                "onTab": handleTabInput
-              }, null), isRenderRecommend.value ? (0,external_vue_.createVNode)("div", {
-                "class": "".concat(resolveClassName('color-picker-recommend-container'))
-              }, [(0,external_vue_.createVNode)(recommend_colors, {
-                "colorObj": colorObj,
-                "recommend": props.recommend,
-                "recommendEmpty": props.recommendEmpty,
-                "onChange": handleColorChange,
-                "onTab": handleTabRecommend
-              }, null)]) : undefined])])];
+              }), [[external_vue_.vShow, showDropdown.value]])];
             }
-          }), [[external_vue_.vShow, showDropdown.value]])];
+          })];
         }
       })]), [[(0,external_vue_.resolveDirective)("clickoutside"), hideDropDown]]);
     };
@@ -3837,7 +3844,7 @@ var whiteColorObj = formatColor('#FFFFFF');
  * 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/components.js

@@ -2,7 +2,7 @@
  * 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/config-provider/config-provider.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,4 +127,5 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }

package/lib/config-provider/index.d.ts

@@ -2,7 +2,7 @@
  * 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/config-provider/index.js

@@ -105,7 +105,7 @@ const locale_namespaceObject = locale_x({ ["zhCn"]: () => __WEBPACK_EXTERNAL_MOD
  * 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.
  *
@@ -140,7 +140,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.
  *
@@ -196,7 +196,7 @@ var useGlobalConfig = function useGlobalConfig() {
  * 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.
  *
@@ -247,7 +247,7 @@ var configProviderProps = {
  * 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.
  *
@@ -283,7 +283,7 @@ function useLocale(compName) {
  * 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.
  *
@@ -331,7 +331,7 @@ function 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.
  *

package/lib/container/container.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/container/index.js

@@ -52,7 +52,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.
  *
@@ -80,7 +80,7 @@ var containerKey = Symbol('containerProps');
  * 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.
  *
@@ -166,7 +166,7 @@ var colProps = {
  * 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.
  *
@@ -292,7 +292,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.
  *
@@ -354,7 +354,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/date-picker/date-picker.d.ts

@@ -168,7 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
     tmpValue: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "selection-mode-change" | "pick-first" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "selection-mode-change" | "pick-first" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
         readonly default: "date";
@@ -289,6 +289,7 @@ declare const _default: import("vue").DefineComponent<{
     onClear?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onPick-success"?: (...args: any[]) => any;
+    "onSelection-mode-change"?: (...args: any[]) => any;
     "onPick-first"?: (...args: any[]) => any;
     "onOpen-change"?: (...args: any[]) => any;
     "onShortcut-change"?: (...args: any[]) => any;

package/lib/date-picker/date-picker.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-time-picker-header {
   height: 46px;

package/lib/date-picker/index.d.ts

@@ -122,6 +122,7 @@ declare const BkDatePicker: {
         onClear?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onPick-success"?: (...args: any[]) => any;
+        "onSelection-mode-change"?: (...args: any[]) => any;
         "onPick-first"?: (...args: any[]) => any;
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
@@ -180,7 +181,7 @@ declare const BkDatePicker: {
         shortcut: import("vue").Ref<any>;
         onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
         tmpValue: import("vue").Ref<any>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "selection-mode-change" | "pick-first" | "open-change" | "shortcut-change")[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         readonly type: {
             readonly type: import("vue").PropType<import("./interface").PickerTypeType>;
             readonly default: "date";
@@ -301,6 +302,7 @@ declare const BkDatePicker: {
         onClear?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onPick-success"?: (...args: any[]) => any;
+        "onSelection-mode-change"?: (...args: any[]) => any;
         "onPick-first"?: (...args: any[]) => any;
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
@@ -466,6 +468,7 @@ declare const BkDatePicker: {
         onClear?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onPick-success"?: (...args: any[]) => any;
+        "onSelection-mode-change"?: (...args: any[]) => any;
         "onPick-first"?: (...args: any[]) => any;
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
@@ -675,6 +678,7 @@ declare const BkDatePicker: {
     onClear?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onPick-success"?: (...args: any[]) => any;
+    "onSelection-mode-change"?: (...args: any[]) => any;
     "onPick-first"?: (...args: any[]) => any;
     "onOpen-change"?: (...args: any[]) => any;
     "onShortcut-change"?: (...args: any[]) => any;
@@ -733,7 +737,7 @@ declare const BkDatePicker: {
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
     tmpValue: import("vue").Ref<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "selection-mode-change" | "pick-first" | "open-change" | "shortcut-change")[], "blur" | "change" | "focus" | "input" | "clear" | "update:modelValue" | "pick-success" | "selection-mode-change" | "pick-first" | "open-change" | "shortcut-change", {
     readonly type: import("./interface").PickerTypeType;
     readonly disabled: boolean;
     readonly placement: import("@popperjs/core").ComputedPlacement;