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

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

@@ -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;
 }
 * {
   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__ = {};
 /******/ 
@@ -106,12 +107,16 @@ const input_namespaceObject = input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
 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({  });
+;// 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.
  *
@@ -144,7 +149,7 @@ var ArrayType;
  * 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.
  *
@@ -179,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),
   // 是否开启排序功能
@@ -201,7 +204,7 @@ var transferProps = {
  * 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,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);
@@ -557,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, {
@@ -587,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];
@@ -659,7 +669,7 @@ function useSelectListSearch(selectList, displayCode) {
  * 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 {

package/lib/transfer/transfer.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,11 +127,12 @@
   --search-select-menu-border-color: var(--disable-color);
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
+  --sub-title-bg-color: #f5f6fa;
 }
 .bk-transfer {
   display: flex;
-  justify-content: center;
   align-items: center;
+  justify-content: center;
   font-size: 14px;
 }
 .bk-transfer .bk-transfer-icon {
@@ -144,6 +145,8 @@
 }
 .bk-transfer .transfer-button-group .transfer-button {
   display: flex;
+  align-items: center;
+  justify-content: center;
   width: 24px;
   height: 24px;
   color: var(--white-color);
@@ -151,8 +154,6 @@
   background-color: var(--primary-color);
   border: 1px solid var(--primary-color);
   border-radius: 2px;
-  align-items: center;
-  justify-content: center;
 }
 .bk-transfer .transfer-button-group .transfer-button:first-child {
   margin-bottom: 8px;
@@ -168,11 +169,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: var(--white-color);
   border: 1px solid var(--disable-color);
@@ -216,8 +217,8 @@
   width: calc(100% - 32px);
   height: 30px;
   margin: 8px 16px 0;
-  border-bottom: 1px solid var(--disable-color);
   border-width: 0 0 1px 0;
+  border-bottom: 1px solid var(--disable-color);
   border-radius: 0;
   outline: none;
 }
@@ -237,8 +238,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;
@@ -263,11 +264,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),
@@ -332,6 +334,23 @@
   color: var(--light-gray);
   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/tree/constant.d.ts

@@ -4,6 +4,7 @@ export declare enum EVENTS {
     NODE_COLLAPSE = "nodeCollapse",
     NODE_DRAG_LEAVE = "nodeDragLeave",
     NODE_DRAG_OVER = "nodeDragOver",
+    NODE_DRAG_SORT = "nodeDragSort",
     NODE_DRAG_START = "nodeDragStart",
     NODE_DROP = "nodeDrop",
     NODE_ENTER_VIEW = "nodeEnterView",
@@ -18,6 +19,7 @@ export declare const TreeEmitEventsType: {
     nodeDragStart: (..._args: any[]) => boolean;
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
+    nodeDragSort: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
     nodeEnterView: (..._args: any[]) => boolean;
     nodeSelected: (..._args: any[]) => boolean;