bkui-vue 2.0.2-beta.6 → 2.0.2-beta.60

package/lib/timeline/timeline.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/timeline/timeline.variable.css

@@ -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;
 }
 * {
   box-sizing: border-box;

package/lib/transfer/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.
  *
@@ -53,11 +53,6 @@ declare const Transfer: {
         } & {
             default: string;
         };
-        showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
         searchable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -146,11 +141,6 @@ declare const Transfer: {
         } & {
             default: string;
         };
-        showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
         searchable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -187,7 +177,6 @@ declare const Transfer: {
         sortable: boolean;
         settingKey: string;
         sortKey: string;
-        showOverflowTips: boolean;
         searchable: boolean;
         sourceList: any[];
         targetList: any[];
@@ -228,11 +217,6 @@ declare const Transfer: {
         } & {
             default: string;
         };
-        showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
-        };
         searchable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -301,7 +285,6 @@ declare const Transfer: {
         sortable: boolean;
         settingKey: string;
         sortKey: string;
-        showOverflowTips: boolean;
         searchable: boolean;
         sourceList: any[];
         targetList: any[];
@@ -339,11 +322,6 @@ declare const Transfer: {
     } & {
         default: string;
     };
-    showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     searchable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -412,7 +390,6 @@ declare const Transfer: {
     sortable: boolean;
     settingKey: string;
     sortKey: string;
-    showOverflowTips: boolean;
     searchable: boolean;
     sourceList: any[];
     targetList: any[];

package/lib/transfer/index.js

@@ -8,6 +8,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ fr
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__ from "../input";
 import "../input/input.less";
+import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_overflow_title_051a85a5__ from "../overflow-title";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -37,28 +38,26 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ src)
 });
 
-;// external "../shared"
-var x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var y = (x) => (() => (x))
-const shared_namespaceObject = x({ ["PropTypes"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes), ["withInstall"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall) });
-;// ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArray.js
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
@@ -68,11 +67,11 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-;// ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 
 
 
@@ -80,54 +79,44 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-;// external "vue"
-var external_vue_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var external_vue_y = (x) => (() => (x))
-const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.Fragment), ["computed"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.computed), ["createTextVNode"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode), ["createVNode"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.createVNode), ["defineComponent"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.defineComponent), ["isVNode"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.isVNode), ["ref"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.ref), ["toRaw"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.toRaw), ["toRefs"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.toRefs), ["watch"]: () => (__WEBPACK_EXTERNAL_MODULE_vue__.watch) });
-;// external "../checkbox"
-var checkbox_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var checkbox_y = (x) => (() => (x))
-const checkbox_namespaceObject = checkbox_x({ ["BkCheckboxGroup"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__.BkCheckboxGroup), ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__["default"]) });
-;// external "../checkbox/checkbox.less"
-var checkbox_less_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var checkbox_less_y = (x) => (() => (x))
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+;// CONCATENATED MODULE: external "../checkbox"
+var checkbox_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var checkbox_y = x => () => x
+const checkbox_namespaceObject = checkbox_x({ ["BkCheckboxGroup"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__.BkCheckboxGroup, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_checkbox_13b1cb4a__["default"] });
+;// CONCATENATED MODULE: external "../checkbox/checkbox.less"
+var checkbox_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var checkbox_less_y = x => () => x
 const checkbox_less_namespaceObject = checkbox_less_x({  });
-;// external "../config-provider"
-var config_provider_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var config_provider_y = (x) => (() => (x))
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale), ["usePrefix"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix) });
-;// external "../icon"
-var icon_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var icon_y = (x) => (() => (x))
-const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleLeft), ["AngleRight"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight), ["ArrowsRight"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ArrowsRight), ["Error"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error), ["Search"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Search), ["Transfer"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Transfer) });
-;// external "../input"
-var input_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var input_y = (x) => (() => (x))
-const input_namespaceObject = input_x({ ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__["default"]) });
-;// external "../input/input.less"
-var input_less_x = (y) => {
-	var x = {}; __webpack_require__.d(x, y); return x
-} 
-var input_less_y = (x) => (() => (x))
+;// CONCATENATED MODULE: external "../config-provider"
+var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+;// CONCATENATED MODULE: external "../icon"
+var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var icon_y = x => () => x
+const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight, ["ArrowsRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ArrowsRight, ["Error"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Error, ["Search"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Search, ["Transfer"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Transfer });
+;// CONCATENATED MODULE: external "../input"
+var input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var input_y = x => () => x
+const input_namespaceObject = input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_input_d525237e__["default"] });
+;// CONCATENATED MODULE: external "../input/input.less"
+var input_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var input_less_y = x => () => x
 const input_less_namespaceObject = input_less_x({  });
-;// ../../packages/transfer/src/const.ts
+;// CONCATENATED MODULE: external "../overflow-title"
+var overflow_title_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var overflow_title_y = x => () => x
+const overflow_title_namespaceObject = overflow_title_x({ ["OverflowTitle"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_overflow_title_051a85a5__.OverflowTitle });
+;// CONCATENATED MODULE: ../../packages/transfer/src/const.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.
  *
@@ -155,12 +144,12 @@ var ArrayType;
   ArrayType["NOT_ARRAY"] = "notArray";
   ArrayType["OBJECT_ARRAY"] = "objectArray";
 })(ArrayType || (ArrayType = {}));
-;// ../../packages/transfer/src/props.ts
+;// CONCATENATED MODULE: ../../packages/transfer/src/props.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.
  *
@@ -195,8 +184,6 @@ var transferProps = {
   displayKey: shared_namespaceObject.PropTypes.string.def('value'),
   // 排序所依据的key(当list为普通数组时可不传，默认按照index值排序)
   sortKey: shared_namespaceObject.PropTypes.string.def('value'),
-  // 内容超出是否显示tooltip
-  showOverflowTips: shared_namespaceObject.PropTypes.bool.def(false),
   // 是否开启搜索
   searchable: shared_namespaceObject.PropTypes.bool.def(false),
   // 是否开启排序功能
@@ -210,14 +197,14 @@ var transferProps = {
   // 支持checkbox多选模式
   multiple: shared_namespaceObject.PropTypes.bool.def(false)
 };
-;// ../../packages/transfer/src/transfer.tsx
+;// CONCATENATED MODULE: ../../packages/transfer/src/transfer.tsx
 
 
 /**
  * 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.
  *
@@ -248,6 +235,7 @@ var transferProps = {
 
 
 
+
 // 生成数据
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
@@ -573,9 +561,14 @@ function useSelectListSearch(selectList, displayCode) {
           'is-disabled': item.disabled
         }]
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "content-text",
-        "title": item[_this.displayCode]
-      }, [item[_this.displayCode]]), !multiple && (0,external_vue_namespaceObject.createVNode)("span", {
+        "class": "content-text"
+      }, [(0,external_vue_namespaceObject.createVNode)(overflow_title_namespaceObject.OverflowTitle, {
+        "resizeable": true
+      }, {
+        "default": function _default() {
+          return [item[_this.displayCode]];
+        }
+      })]), !multiple && (0,external_vue_namespaceObject.createVNode)("span", {
         "class": "icon-wrapper"
       }, [isLeft ? // <ArrowsRight class={`${this.resolveClassName('icon')} icon-move`} />
       (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.ArrowsRight, {
@@ -603,14 +596,15 @@ function useSelectListSearch(selectList, displayCode) {
         }
       }, _isSlot(_slot = list.map(function (item) {
         var _this$$slots$slotName, _this$$slots$slotName2, _this$$slots;
-        return (0,external_vue_namespaceObject.createVNode)("div", null, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
+        return (0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
+          "key": item[_this.settingCode],
           "class": "checkbox-item",
           "label": item[_this.settingCode]
         }, {
           "default": function _default() {
             return [(_this$$slots$slotName = (_this$$slots$slotName2 = (_this$$slots = _this.$slots)[slotName]) === null || _this$$slots$slotName2 === void 0 ? void 0 : _this$$slots$slotName2.call(_this$$slots, item)) !== null && _this$$slots$slotName !== void 0 ? _this$$slots$slotName : getDefaultListHtml(item, isLeft)];
           }
-        })]);
+        });
       })) ? _slot : {
         "default": function _default() {
           return [_slot];
@@ -670,12 +664,12 @@ function useSelectListSearch(selectList, displayCode) {
     }, [getHeaderHtml('right-header'), getListContentHtml('right')])]);
   }
 }));
-;// ../../packages/transfer/src/index.ts
+;// CONCATENATED MODULE: ../../packages/transfer/src/index.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.
  *

package/lib/transfer/props.d.ts

@@ -27,11 +27,6 @@ export declare const transferProps: {
     } & {
         default: string;
     };
-    showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     searchable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/transfer/transfer.css

@@ -1,7 +1,7 @@
 .bk-transfer {
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
   font-size: 14px;
 }
 .bk-transfer .bk-transfer-icon {
@@ -14,6 +14,8 @@
 }
 .bk-transfer .transfer-button-group .transfer-button {
   display: flex;
+  align-items: center;
+  justify-content: center;
   width: 24px;
   height: 24px;
   color: white;
@@ -21,8 +23,6 @@
   background-color: #3a84ff;
   border: 1px solid #3a84ff;
   border-radius: 2px;
-  align-items: center;
-  justify-content: center;
 }
 .bk-transfer .transfer-button-group .transfer-button:first-child {
   margin-bottom: 8px;
@@ -38,11 +38,11 @@
 }
 .bk-transfer .source-list,
 .bk-transfer .target-list {
-  flex: 1;
   display: flex;
+  flex: 1;
   flex-direction: column;
-  height: 400px;
   min-width: 200px;
+  height: 400px;
   overflow: hidden;
   background-color: white;
   border: 1px solid #dcdee5;
@@ -86,8 +86,8 @@
   width: calc(100% - 32px);
   height: 30px;
   margin: 8px 16px 0;
-  border-bottom: 1px solid #dcdee5;
   border-width: 0 0 1px 0;
+  border-bottom: 1px solid #dcdee5;
   border-radius: 0;
   outline: none;
 }
@@ -107,8 +107,8 @@
 }
 .bk-transfer .source-list .empty,
 .bk-transfer .target-list .empty {
-  flex: 1;
   display: flex;
+  flex: 1;
   align-items: center;
   justify-content: center;
   padding-bottom: 30px;
@@ -133,11 +133,12 @@
 .bk-transfer .source-list .content .checkbox-item,
 .bk-transfer .target-list .content .checkbox-item {
   display: flex;
+  align-items: center;
   height: 32px;
   padding: 0 16px;
   margin-bottom: 4px;
+  margin-left: 0;
   cursor: pointer;
-  align-items: center;
 }
 .bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled),
 .bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled),
@@ -202,6 +203,23 @@
   color: #c4c6cc;
   cursor: not-allowed;
 }
+.bk-transfer .source-list .content li.custom-item .bk-checkbox-input,
+.bk-transfer .target-list .content li.custom-item .bk-checkbox-input,
+.bk-transfer .source-list .content li .item-content .bk-checkbox-input,
+.bk-transfer .target-list .content li .item-content .bk-checkbox-input,
+.bk-transfer .source-list .content .checkbox-item .bk-checkbox-input,
+.bk-transfer .target-list .content .checkbox-item .bk-checkbox-input {
+  flex: none;
+}
+.bk-transfer .source-list .content li.custom-item .bk-checkbox-label,
+.bk-transfer .target-list .content li.custom-item .bk-checkbox-label,
+.bk-transfer .source-list .content li .item-content .bk-checkbox-label,
+.bk-transfer .target-list .content li .item-content .bk-checkbox-label,
+.bk-transfer .source-list .content .checkbox-item .bk-checkbox-label,
+.bk-transfer .target-list .content .checkbox-item .bk-checkbox-label {
+  flex: 1;
+  overflow: hidden;
+}
 .bk-transfer .source-list .content .checkbox-item .item-content,
 .bk-transfer .target-list .content .checkbox-item .item-content {
   display: flex;

package/lib/transfer/transfer.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.
  *
@@ -52,11 +52,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     searchable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -142,11 +137,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-    showOverflowTips: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
     searchable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -183,7 +173,6 @@ declare const _default: import("vue").DefineComponent<{
     sortable: boolean;
     settingKey: string;
     sortKey: string;
-    showOverflowTips: boolean;
     searchable: boolean;
     sourceList: any[];
     targetList: any[];

package/lib/transfer/transfer.less

@@ -4,8 +4,8 @@
 
 .@{bk-prefix}-transfer {
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
   font-size: 14px;
 
   .@{bk-prefix}-transfer-icon {
@@ -19,6 +19,8 @@
 
     .transfer-button {
       display: flex;
+      align-items: center;
+      justify-content: center;
       width: 24px;
       height: 24px;
       color: @white-color;
@@ -26,8 +28,6 @@
       background-color: @primary-color;
       border: 1px solid @primary-color;
       border-radius: 2px;
-      align-items: center;
-      justify-content: center;
 
       &:first-child {
         margin-bottom: 8px;
@@ -48,11 +48,11 @@
 
   .source-list,
   .target-list {
-    flex: 1;
     display: flex;
+    flex: 1;
     flex-direction: column;
-    height: 400px;
     min-width: 200px;
+    height: 400px;
     overflow: hidden;
     background-color: @white-color;
     border: 1px solid @disable-color;
@@ -94,8 +94,8 @@
       width: calc(100% - 32px);
       height: 30px;
       margin: 8px 16px 0;
-      border-bottom: 1px solid @disable-color;
       border-width: 0 0 1px 0;
+      border-bottom: 1px solid @disable-color;
       border-radius: 0;
       outline: none;
 
@@ -115,8 +115,8 @@
     }
 
     .empty {
-      flex: 1;
       display: flex;
+      flex: 1;
       align-items: center;
       justify-content: center;
       padding-bottom: 30px;
@@ -138,11 +138,12 @@
       li .item-content,
       .checkbox-item {
         display: flex;
+        align-items: center;
         height: 32px;
         padding: 0 16px;
         margin-bottom: 4px;
+        margin-left: 0;
         cursor: pointer;
-        align-items: center;
 
         &:hover:not(.is-disabled) {
           color: @primary-color;
@@ -178,6 +179,15 @@
           color: @light-gray;
           cursor: not-allowed;
         }
+
+        .bk-checkbox-input {
+          flex: none;
+        }
+
+        .bk-checkbox-label {
+          flex: 1;
+          overflow: hidden;
+        }
       }
 
       .checkbox-item {