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

package/lib/cascader/index.js

@@ -14,6 +14,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_select_1a0d1ad7__ from "../se
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_tag_d74826be__ from "../tag";
 import "../tag/tag.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_tag_input_bee9f515__ from "../tag-input";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__ from "lodash/merge";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__ from "../checkbox";
 import "../checkbox/checkbox.less";
 /******/ var __webpack_modules__ = ({
@@ -37,7 +38,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.
  *
@@ -165,7 +166,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.
  *
@@ -277,7 +278,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.
  *
@@ -336,7 +337,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.
  *
@@ -391,9 +392,6 @@ var tooltips = {
           hide(el);
         }, 100);
       });
-      el.addEventListener('click', function () {
-        hide(el);
-      });
       popper.addEventListener('mouseleave', function () {
         clearTimeout(delayTimeout);
         hideTimeout = setTimeout(function () {
@@ -407,7 +405,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);
         }
       });
@@ -631,7 +629,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.
  *
@@ -1574,6 +1572,10 @@ const tag_less_namespaceObject = tag_less_x({  });
 var tag_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var tag_input_y = x => () => x
 const tag_input_namespaceObject = tag_input_x({ ["useTagsOverflow"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_tag_input_bee9f515__.useTagsOverflow });
+;// CONCATENATED MODULE: external "lodash/merge"
+var merge_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var merge_y = x => () => x
+const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_merge_cf99375a__["default"] });
 ;// CONCATENATED MODULE: external "../checkbox"
 var checkbox_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var checkbox_y = x => () => x
@@ -1591,7 +1593,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.
  *
@@ -1641,7 +1643,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     var t = (0,config_provider_namespaceObject.useLocale)('cascader');
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
-    var store = props.store;
+    var _toRefs = (0,external_vue_.toRefs)(props),
+      store = _toRefs.store;
     var menus = (0,external_vue_.reactive)({
       list: [props.store.getNodes()]
     });
@@ -1665,7 +1668,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
      * @param value - 选中的值数组
      */
     var updateCheckValue = function updateCheckValue(value) {
-      if (value.length === 0) {
+      if (!value || value.length === 0) {
         menus.list = menus.list.slice(0, 1);
         activePath.value = [];
       }
@@ -1680,10 +1683,10 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       // 判断是否为初始加载
       var isInitialLoad = checkValue.value.length === 0;
       // 如果是初始加载或单选情况，按原来的逻辑处理
-      if (isInitialLoad || !store.config.multiple) {
+      if (isInitialLoad || !store.value.config.multiple) {
         var targetList = [];
         // 处理多选情况
-        if (store.config.multiple) {
+        if (store.value.config.multiple) {
           var _iterator = _createForOfIteratorHelper(value),
             _step;
           try {
@@ -1704,7 +1707,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         }
         // 执行展开操作
         targetList.forEach(function (id) {
-          var node = store.getNodeById(id);
+          var node = store.value.getNodeById(id);
           if (node) {
             // 只展开，不需要重复触发
             var expandNode = function expandNode(node) {
@@ -1745,7 +1748,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
       }
       if (node.config.multiple) {
         // 如果checkAnyLevel，返回所有check的节点； 否则只check 叶子节点
-        var targets = store.config.checkAnyLevel ? store.getCheckedNodes() : store.getCheckedLeafNodes();
+        var targets = store.value.config.checkAnyLevel ? store.value.getCheckedNodes() : store.value.getCheckedLeafNodes();
         checkValue.value = targets.map(function (node) {
           return node.path;
         }); // 如果任意级别可选，当前节点即为所选内容
@@ -1768,15 +1771,15 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         activePath.value.push(node);
         return;
       }
-      if (store.config.isRemote && !node.isLeaf) {
+      if (store.value.config.isRemote && !node.isLeaf) {
         node.loading = true;
         var updateNodes = function updateNodes(nodeData) {
-          store.appendNodes(nodeData, node || null);
+          store.value.appendNodes(nodeData, node || null);
           menus.list.push(node.children);
           activePath.value.push(node);
           node.loading = false;
         };
-        store.config.remoteMethod(node, updateNodes);
+        store.value.config.remoteMethod(node, updateNodes);
       }
     };
     /**
@@ -1837,6 +1840,17 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
         }
       });
     };
+    // 监听store.config.multiple属性的变化，当切换单选/多选模式时需要重新初始化面板
+    (0,external_vue_.watch)(function () {
+      return store.value.config.multiple;
+    }, function (newVal, oldVal) {
+      if (newVal !== oldVal) {
+        // 当multiple属性变化时，重置面板状态
+        menus.list = [store.value.getNodes()];
+        activePath.value = [];
+        checkValue.value = [];
+      }
+    });
     var noDataText = t.value.noData;
     var emptyText = t.value.emptyText;
     /**
@@ -1943,15 +1957,20 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
     };
     return (0,external_vue_.createVNode)("div", {
       "class": this.resolveClassName('cascader-panel-wrapper')
-    }, [this.isFiltering ? searchPanelRender() : this.menus.list.map(function (menu) {
+    }, [this.isFiltering ? searchPanelRender() : this.menus.list.map(function (menu, index) {
+      var _this$$slots$panel, _this$$slots;
       return (0,external_vue_.createVNode)("ul", {
         "style": {
           height: _this.panelHeight,
           width: _this.panelWidth
         },
         "class": [_this.resolveClassName('cascader-panel'), _this.resolveClassName('scroll-y')]
-      }, [menu.length ? menu.map(function (node) {
-        var _this$$slots$default, _this$$slots;
+      }, [(_this$$slots$panel = (_this$$slots = _this.$slots).panel) === null || _this$$slots$panel === void 0 ? void 0 : _this$$slots$panel.call(_this$$slots, {
+        nodes: menu,
+        level: index,
+        activePath: _this.activePath
+      }), menu.length ? menu.map(function (node) {
+        var _this$$slots$default, _this$$slots2;
         return (0,external_vue_.createVNode)("li", (0,external_vue_.mergeProps)({
           "class": [_this.resolveClassName('cascader-node'), {
             'is-selected': _this.isNodeInPath(node)
@@ -1971,7 +1990,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
           "onChange": function onChange(val) {
             return _this.checkNode(node, !!val);
           }
-        }, null), (_this$$slots$default = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots, {
+        }, null), (_this$$slots$default = (_this$$slots2 = _this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots2, {
           node: node,
           data: node.data
         }), !node.isLeaf ? _this.iconRender(node) : '']);
@@ -2015,7 +2034,7 @@ function _createClass(Constructor, protoProps, staticProps) {
  * 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.
  *
@@ -2212,7 +2231,7 @@ var Node = /*#__PURE__*/function () {
  * 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.
  *
@@ -2365,7 +2384,7 @@ var Store = /*#__PURE__*/function () {
  * 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.
  *
@@ -2400,6 +2419,7 @@ var Store = /*#__PURE__*/function () {
 
 
 
+
 /**
  * Cascader 组件
  * 用于展示级联选择器，支持多选、单选、搜索、远程加载等功能。
@@ -2428,12 +2448,14 @@ var Store = /*#__PURE__*/function () {
     childrenKey: shared_.PropTypes.string.def('children'),
     separator: shared_.PropTypes.string.def('/'),
     limitOneLine: shared_.PropTypes.bool.def(false),
+    popoverOptions: Object,
     extCls: shared_.PropTypes.string.def(''),
     filterMethod: shared_.PropTypes.func,
     scrollHeight: shared_.PropTypes.oneOfType([shared_.PropTypes.number, shared_.PropTypes.string]).def(216),
     scrollWidth: shared_.PropTypes.oneOfType([shared_.PropTypes.number, shared_.PropTypes.string]).def('auto'),
     customTextFillback: shared_.PropTypes.func,
     customTagsFillback: shared_.PropTypes.func,
+    changeEmitsNodes: shared_.PropTypes.bool.def(false),
     collapseTags: {
       type: Boolean,
       "default": true
@@ -2449,14 +2471,15 @@ var Store = /*#__PURE__*/function () {
     var emit = _ref.emit,
       slots = _ref.slots;
     var t = (0,config_provider_namespaceObject.useLocale)('cascader');
-    var separator = props.separator,
-      multiple = props.multiple;
+    var separator = props.separator;
     // 用useHover自定义hook来处理鼠标hover状态
     var _useHover = (0,select_namespaceObject.useHover)(),
       isHover = _useHover.isHover,
       setHover = _useHover.setHover,
       cancelHover = _useHover.cancelHover;
     var store = (0,external_vue_.ref)(new src_store(props));
+    // 用于处理在 removeTag 时， popOver panel 触发 clickOutside 消失的问题
+    var isAlways = (0,external_vue_.ref)(false);
     // 定义selectedText变量用于记录当前选择的值的文本
     var selectedText = (0,external_vue_.ref)('');
     // 定义selectedTags变量用于记录多选模式下已选的tag
@@ -2493,7 +2516,8 @@ var Store = /*#__PURE__*/function () {
     var inputRef = (0,external_vue_.ref)(null);
     // 用computed定义placeholder变量，用于处理props中的placeholder属性
     var placeholder = (0,external_vue_.computed)(function () {
-      return props.placeholder ? props.placeholder : t.value.pleaseSelect;
+      var placeholder = props.placeholder ? props.placeholder : t.value.pleaseSelect;
+      return modelValue.value.length === 0 ? placeholder : '';
     });
     var displayText = (0,external_vue_.computed)(function () {
       if (props.customTextFillback) {
@@ -2521,7 +2545,7 @@ var Store = /*#__PURE__*/function () {
     // 更新选中
     var updateValue = function updateValue(val) {
       // 更新多选情况下的选中标签
-      if (multiple) {
+      if (props.multiple) {
         store.value.setNodesCheck(val); // 同步节点选中的状态
         selectedTags.value = store.value.getCheckedNodes().filter(function (node) {
           return store.value.config.checkAnyLevel || node.isLeaf;
@@ -2558,18 +2582,25 @@ var Store = /*#__PURE__*/function () {
     };
     // 移除tag
     var removeTag = function removeTag(value, index, e) {
+      isAlways.value = true;
       e.stopPropagation();
       var current = JSON.parse(JSON.stringify(value));
       var tag = current.splice(index, 1)[0];
       isEdit.value = true; // 删除时也在编辑态，触发overflowTagIndex的计算
       store.value.removeTag(tag);
       updateValue(current);
-      emit('update:modelValue', store.value.getCheckedNodes().map(function (node) {
+      emit('update:modelValue', store.value.getCheckedNodes()
+      // a. 开启 checkAnyLevel 后，不过滤任何节点
+      // b. 关闭 checkAnyLevel 后，只返回叶子节点，避免父节点在子节点全部选中后，同时出现在 modelValue 中
+      .filter(function (node) {
+        return store.value.config.checkAnyLevel || node.isLeaf;
+      }).map(function (node) {
         return node.path;
       }));
       // 计算过后，关闭编辑状态
       setTimeout(function () {
         isEdit.value = isFocus.value;
+        isAlways.value = false;
       });
     };
     // modelValue的监听函数
@@ -2578,7 +2609,8 @@ var Store = /*#__PURE__*/function () {
       updateValue(value);
       // 派发相关事件
       emit('update:modelValue', value);
-      oldValue !== undefined && emit('change', value); // oldValue = undefined代表初始化，init不派发change事件
+      var emitValue = props.changeEmitsNodes ? store.value.getNodeByValue(value) : value;
+      oldValue !== undefined && emit('change', emitValue); // oldValue = undefined代表初始化，init不派发change事件
       // 如果有过滤搜索，选择后，自动focus到input
       inputRef === null || inputRef === void 0 || (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 || _inputRef$value.focus();
       // 选择后过滤条件清除，面板初始化渲染
@@ -2597,10 +2629,9 @@ var Store = /*#__PURE__*/function () {
       // popover激活后，focus相应事件
       isFocus.value = val.isShow;
       (0,external_vue_.nextTick)(function () {
-        var _inputRef$value2;
-        val && ((_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.focus());
         if (val.isShow) {
-          var _cascaderPanel$value;
+          var _inputRef$value2, _cascaderPanel$value;
+          (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 || _inputRef$value2.focus();
           (_cascaderPanel$value = cascaderPanel.value) === null || _cascaderPanel$value === void 0 || _cascaderPanel$value.scrollToSelected(); // 滚动到选中的节点
         }
       });
@@ -2656,6 +2687,22 @@ var Store = /*#__PURE__*/function () {
       deep: true,
       immediate: true
     });
+    // 监听multiple属性的变化，当切换单选/多选模式时需要重新初始化组件
+    (0,external_vue_.watch)(function () {
+      return props.multiple;
+    }, function (newVal, oldVal) {
+      if (newVal !== oldVal) {
+        // 重新初始化store
+        store.value = new src_store(props);
+        // 重置selectedTags和selectedText状态
+        selectedTags.value = [];
+        selectedText.value = '';
+        // 更新组件状态
+        updateValue(props.modelValue);
+      }
+    }, {
+      immediate: true
+    });
     // 定义overflowTagIndex变量，用于处理tag的折叠
     var tagList = (0,external_vue_.computed)(function () {
       return props.customTagsFillback ? props.customTagsFillback(props.modelValue, store.value.getFlattedNodes()) : selectedTags.value.map(function (item) {
@@ -2683,6 +2730,7 @@ var Store = /*#__PURE__*/function () {
       overflowTagIndex: overflowTagIndex,
       isCollapse: isCollapse,
       isFocus: isFocus,
+      isAlways: isAlways,
       store: store,
       updateValue: updateValue,
       selectedText: selectedText,
@@ -2713,7 +2761,8 @@ var Store = /*#__PURE__*/function () {
     var _this = this;
     // 定义suffixIcon函数，用于根据不同情况渲染后缀图标
     var suffixIcon = function suffixIcon() {
-      if (_this.clearable && _this.isHover && !_this.disabled && _this.modelValue.length > 0) {
+      var _this$modelValue;
+      if (_this.clearable && _this.isHover && !_this.disabled && ((_this$modelValue = _this.modelValue) === null || _this$modelValue === void 0 ? void 0 : _this$modelValue.length) > 0) {
         // 当可清空、鼠标悬浮且未禁用时，渲染清空图标
         return (0,external_vue_.createVNode)(icon_namespaceObject.Close, {
           "class": _this.resolveClassName('icon-clear-icon'),
@@ -2776,22 +2825,27 @@ var Store = /*#__PURE__*/function () {
         _this.multiple ? null : (0,external_vue_.createVNode)("span", null, [_this.displayText])
       );
     };
+    /** popover 基础配置 */
+    var basePopoverOptions = (0,merge_namespaceObject["default"])({
+      always: this.isAlways,
+      arrow: false,
+      boundary: 'body',
+      disabled: this.disabled,
+      hideIgnoreReference: true,
+      offset: 4,
+      placement: 'bottom-start',
+      referenceCls: this.resolveClassName('cascader-popover-reference'),
+      theme: "light ".concat(this.resolveClassName('cascader-popover')),
+      trigger: 'click'
+    }, this.popoverOptions);
     // 定义popoverRender函数，用于渲染弹出框
     var popoverRender = function popoverRender() {
-      return (0,external_vue_.createVNode)(popover_["default"], {
+      return (0,external_vue_.createVNode)(popover_["default"], (0,external_vue_.mergeProps)({
         "ref": "popover",
         "class": _this.resolveClassName('cascader-popover-wrapper'),
-        "arrow": false,
-        "boundary": "body",
-        "disabled": _this.disabled,
-        "offset": 4,
-        "placement": "bottom-start",
-        "referenceCls": _this.resolveClassName('cascader-popover-reference'),
-        "theme": "light ".concat(_this.resolveClassName('cascader-popover')),
-        "trigger": "click",
         "onAfterHidden": _this.popoverChangeEmitter,
         "onAfterShow": _this.popoverChangeEmitter
-      }, {
+      }, basePopoverOptions), {
         "default": function _default() {
           return _this.$slots.trigger ? _this.$slots.trigger({
             selected: _this.modelValue,
@@ -2812,6 +2866,7 @@ var Store = /*#__PURE__*/function () {
           }, null) : textRender()]);
         },
         content: function content() {
+          var _this$$slots$extensio, _this$$slots;
           return (0,external_vue_.createVNode)("div", {
             "class": _this.resolveClassName('cascader-popover')
           }, [(0,external_vue_.createVNode)(cascader_panel, {
@@ -2832,8 +2887,11 @@ var Store = /*#__PURE__*/function () {
               return _this.$slots["default"] ? _this.$slots["default"](scope) : (0,external_vue_.createVNode)("span", {
                 "class": _this.resolveClassName('cascader-node-name')
               }, [scope.node.name]);
+            },
+            panel: function panel(scope) {
+              return _this.$slots.panel ? _this.$slots.panel(scope) : null;
             }
-          })]);
+          }), (_this$$slots$extensio = (_this$$slots = _this.$slots).extension) === null || _this$$slots$extensio === void 0 ? void 0 : _this$$slots$extensio.call(_this$$slots)]);
         }
       });
     };
@@ -2842,7 +2900,7 @@ var Store = /*#__PURE__*/function () {
     }, [this.$slots.trigger ? popoverRender() : (0,external_vue_.createVNode)("div", {
       "ref": "bkCascaderRef",
       "class": [this.resolveClassName('cascader'), this.extCls, {
-        'is-unselected': this.modelValue.length === 0,
+        'is-unselected': !this.modelValue || this.modelValue.length === 0,
         'is-hover': this.isHover,
         'is-filterable': this.filterable,
         'is-focus': this.isFocus,
@@ -2861,7 +2919,7 @@ var Store = /*#__PURE__*/function () {
  * 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/checkbox/checkbox.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-checkbox-group {
   display: inline-flex;

package/lib/checkbox/index.js

@@ -166,7 +166,7 @@ const icon_namespaceObject = icon_x({ ["Loading"]: () => __WEBPACK_EXTERNAL_MODU
  * 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.
  *
@@ -232,7 +232,7 @@ var useCheckbox = function useCheckbox() {
     }
     (0,external_vue_namespaceObject.nextTick)(function () {
       // 选中状态保持同步
-      if (inputRef.value.checked !== isChecked.value) {
+      if (inputRef.value && inputRef.value.checked !== isChecked.value) {
         inputRef.value.checked = isChecked.value;
       }
     });
@@ -322,7 +322,7 @@ var useCheckbox = function useCheckbox() {
  * 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.
  *
@@ -443,7 +443,7 @@ var checkboxProps = {
  * 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.
  *
@@ -547,7 +547,7 @@ var checkboxGroupProps = {
  * 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/code-diff/code-diff.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;
 }
 /* stylelint-disable declaration-no-important */
 .bk-code-diff {

package/lib/code-diff/index.js

@@ -5435,7 +5435,7 @@ var diff2html_min = __webpack_require__(9003);
  * 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.
  *
@@ -5551,7 +5551,7 @@ function changeCodeCls(htmlStr, lang) {
  * 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/collapse/collapse.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-collapse-item {
   display: flex;

package/lib/collapse/index.js

@@ -146,7 +146,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.
  *
@@ -242,7 +242,7 @@ var propsCollapsePanel = _objectSpread({
  * 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.
  *
@@ -402,7 +402,7 @@ function collapse_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
  * 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/collapse-transition/collapse-transition.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-collapse-transitioncollapse-transition {
   transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;

package/lib/collapse-transition/index.js

@@ -49,7 +49,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.
  *
@@ -149,7 +149,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.
  *

package/lib/color-picker/color-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-color-picker {
   position: relative;