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

package/lib/transfer/transfer.variable.css

@@ -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;
@@ -69,11 +70,19 @@ declare const BkTree: {
         disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        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;
         };
@@ -131,6 +140,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 +154,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 +203,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -217,11 +229,19 @@ declare const BkTree: {
         disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        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;
         };
@@ -279,6 +299,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;
@@ -302,7 +323,9 @@ declare const BkTree: {
         virtualRender: boolean;
         disableDrag: (...args: any[]) => any;
         disableDrop: (...args: any[]) => any;
+        dragThreshold: number;
         dragSort: boolean;
+        dragSortMode: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
@@ -365,6 +388,7 @@ declare const BkTree: {
             }>>;
             cache: boolean;
             deepAutoOpen?: string;
+            trigger?: string[];
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
@@ -390,11 +414,19 @@ declare const BkTree: {
         disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
             default: (...args: any[]) => any;
         };
+        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;
         };
@@ -452,6 +484,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;
@@ -475,7 +508,9 @@ declare const BkTree: {
         virtualRender: boolean;
         disableDrag: (...args: any[]) => any;
         disableDrop: (...args: any[]) => any;
+        dragThreshold: number;
         dragSort: boolean;
+        dragSortMode: string;
         selectable: any;
         disabledFolderSelectable: boolean;
         showCheckbox: any;
@@ -535,6 +570,7 @@ declare const BkTree: {
         }>>;
         cache: boolean;
         deepAutoOpen?: string;
+        trigger?: string[];
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
@@ -560,11 +596,19 @@ declare const BkTree: {
     disableDrop: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
+    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;
     };
@@ -622,6 +666,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 +680,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;
@@ -656,7 +702,9 @@ declare const BkTree: {
     virtualRender: boolean;
     disableDrag: (...args: any[]) => any;
     disableDrop: (...args: any[]) => any;
+    dragThreshold: number;
     dragSort: boolean;
+    dragSortMode: string;
     selectable: any;
     disabledFolderSelectable: boolean;
     showCheckbox: any;