bkui-vue 2.0.2-beta.8 → 2.0.2-beta.80

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;

package/lib/tree/index.d.ts

@@ -44,6 +44,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -66,14 +67,20 @@ declare const BkTree: {
         disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
-        disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
+        disableDrop: import("vue").PropType<import("./props").DisableDropHandler>;
+        dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
         };
         dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
+        dragSortMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -85,6 +92,11 @@ declare const BkTree: {
         showCheckbox: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        disableCheck: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         checked: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
         };
@@ -131,6 +143,7 @@ declare const BkTree: {
         onNodeCollapse?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragSort?: (...args: any[]) => any;
         onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
@@ -144,6 +157,7 @@ declare const BkTree: {
         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;
@@ -192,6 +206,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -214,14 +229,20 @@ declare const BkTree: {
         disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
-        disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
+        disableDrop: import("vue").PropType<import("./props").DisableDropHandler>;
+        dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
         };
         dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
+        dragSortMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -233,6 +254,11 @@ declare const BkTree: {
         showCheckbox: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        disableCheck: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         checked: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
         };
@@ -279,6 +305,7 @@ declare const BkTree: {
         onNodeCollapse?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragSort?: (...args: any[]) => any;
         onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
@@ -301,11 +328,13 @@ declare const BkTree: {
         levelLine: any;
         virtualRender: boolean;
         disableDrag: (...args: any[]) => any;
-        disableDrop: (...args: any[]) => any;
+        dragThreshold: number;
         dragSort: boolean;
+        dragSortMode: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
+        disableCheck: boolean;
         showNodeTypeIcon: boolean;
         autoCheckChildren: any;
         autoOpenParentNode: boolean;
@@ -365,6 +394,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -387,14 +417,20 @@ declare const BkTree: {
         disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
-        disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-            default: (...args: any[]) => any;
+        disableDrop: import("vue").PropType<import("./props").DisableDropHandler>;
+        dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
         };
         dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
+        dragSortMode: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
         selectable: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -406,6 +442,11 @@ declare const BkTree: {
         showCheckbox: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
+        disableCheck: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
         checked: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
         };
@@ -452,6 +493,7 @@ declare const BkTree: {
         onNodeCollapse?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragSort?: (...args: any[]) => any;
         onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
         onNodeEnterView?: (...args: any[]) => any;
@@ -474,11 +516,13 @@ declare const BkTree: {
         levelLine: any;
         virtualRender: boolean;
         disableDrag: (...args: any[]) => any;
-        disableDrop: (...args: any[]) => any;
+        dragThreshold: number;
         dragSort: boolean;
+        dragSortMode: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
+        disableCheck: boolean;
         showNodeTypeIcon: boolean;
         autoCheckChildren: any;
         autoOpenParentNode: boolean;
@@ -535,6 +579,7 @@ declare const BkTree: {
         }>>;
         cache: boolean;
         deepAutoOpen?: string;
+        trigger?: string[];
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -557,14 +602,20 @@ declare const BkTree: {
     disableDrag: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
-        default: (...args: any[]) => any;
+    disableDrop: import("vue").PropType<import("./props").DisableDropHandler>;
+    dragThreshold: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
     };
     dragSort: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
+    dragSortMode: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     selectable: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -576,6 +627,11 @@ declare const BkTree: {
     showCheckbox: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    disableCheck: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
     checked: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
@@ -622,6 +678,7 @@ declare const BkTree: {
     onNodeCollapse?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragSort?: (...args: any[]) => any;
     onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
     onNodeEnterView?: (...args: any[]) => any;
@@ -635,6 +692,7 @@ declare const BkTree: {
     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;
@@ -655,11 +713,13 @@ declare const BkTree: {
     levelLine: any;
     virtualRender: boolean;
     disableDrag: (...args: any[]) => any;
-    disableDrop: (...args: any[]) => any;
+    dragThreshold: number;
     dragSort: boolean;
+    dragSortMode: string;
     selectable: any;
     disabledFolderSelectable: boolean;
     showCheckbox: any;
+    disableCheck: boolean;
     showNodeTypeIcon: boolean;
     autoCheckChildren: any;
     autoOpenParentNode: boolean;