bkui-vue 0.0.2-beta.13 → 0.0.2-beta.130

package/lib/transfer/transfer.css

@@ -118,7 +118,7 @@
 .bk-transfer .source-list .content,
 .bk-transfer .target-list .content {
   flex: 1;
-  margin: 8px 0;
+  margin: 4px 0;
   overflow-y: auto;
 }
 .bk-transfer .source-list .content.is-flex,
@@ -134,7 +134,7 @@
 .bk-transfer .target-list .content .checkbox-item {
   display: flex;
   height: 32px;
-  padding: 0 10px 0 16px;
+  padding: 0 16px;
   margin-bottom: 4px;
   cursor: pointer;
   align-items: center;

package/lib/transfer/transfer.less

@@ -126,7 +126,7 @@
 
     .content {
       flex: 1;
-      margin: 8px 0;
+      margin: 4px 0;
       overflow-y: auto;
 
       &.is-flex {
@@ -139,7 +139,7 @@
       .checkbox-item {
         display: flex;
         height: 32px;
-        padding: 0 10px 0 16px;
+        padding: 0 16px;
         margin-bottom: 4px;
         cursor: pointer;
         align-items: center;

package/lib/transfer/transfer.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: var(--component-size-small-padding);
+  --component-size-base-padding: var(--component-size-base-padding);
+  --component-size-large-padding: var(--component-size-large-padding);
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;
@@ -240,7 +244,7 @@
 .bk-transfer .source-list .content,
 .bk-transfer .target-list .content {
   flex: 1;
-  margin: 8px 0;
+  margin: 4px 0;
   overflow-y: auto;
 }
 .bk-transfer .source-list .content.is-flex,
@@ -256,7 +260,7 @@
 .bk-transfer .target-list .content .checkbox-item {
   display: flex;
   height: 32px;
-  padding: 0 10px 0 16px;
+  padding: 0 16px;
   margin-bottom: 4px;
   cursor: pointer;
   align-items: center;

package/lib/tree/constant.d.ts

@@ -25,7 +25,7 @@ export declare const enum NODE_ATTRIBUTES {
     DEPTH = "__depth",
     INDEX = "__index",
     UUID = "__uuid",
-    PARENT_ID = "__parent_id",
+    PARENT = "__parent",
     HAS_CHILD = "__has_child",
     PATH = "__path",
     IS_ROOT = "__is_root",
@@ -40,7 +40,7 @@ export declare const enum NODE_ATTRIBUTES {
     IS_ASYNC = "__is_async",
     IS_LOADING = "__is_loading",
     TREE_NODE_ATTR = "__attr__",
-    SOURCE_ITEM = "__source_item__"
+    IS_INDETERMINATE = "__is_indeterminate"
 }
 export declare const NODE_SOURCE_ATTRS: {
     __is_open: string;

package/lib/tree/index.d.ts

@@ -4,13 +4,18 @@ declare const BkTree: {
         $data: {};
         $props: {
             data?: any[];
+            height?: number;
             search?: string | number | boolean | import("./props").SearchOption;
             draggable?: boolean;
             lineHeight?: number;
+            selected?: string | number | {
+                [key: string]: any;
+            };
             prefixIcon?: any;
+            checked?: any[];
+            emptyText?: string;
             children?: string;
             offsetLeft?: number;
-            emptyText?: string;
             nodeKey?: string;
             indent?: number;
             levelLine?: any;
@@ -20,9 +25,9 @@ declare const BkTree: {
             dragSort?: boolean;
             selectable?: any;
             disabledFolderSelectable?: boolean;
-            showCheckbox?: boolean;
+            showCheckbox?: any;
             showNodeTypeIcon?: boolean;
-            autoCheckChildren?: boolean;
+            autoCheckChildren?: any;
             autoOpenParentNode?: boolean;
             expandAll?: boolean;
             nodeContentAction?: any;
@@ -30,8 +35,8 @@ declare const BkTree: {
             class?: unknown;
             readonly label?: any;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -72,9 +77,6 @@ declare const BkTree: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly selected?: string | number | {
-                [key: string]: any;
-            };
             readonly async?: {
                 callback: (item: any, cb: any) => Promise<any>;
                 cache: Boolean;
@@ -127,6 +129,9 @@ declare const BkTree: {
             } & {
                 default: number;
             };
+            height: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
             levelLine: import("vue-types").VueTypeDef<any> & {
                 default: any;
             };
@@ -180,10 +185,11 @@ declare const BkTree: {
             } & {
                 default: boolean;
             };
-            showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
+            showCheckbox: import("vue-types").VueTypeDef<any> & {
+                default: any;
+            };
+            checked: import("vue-types").VueTypeDef<any[]> & {
+                default: () => any[];
             };
             showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -192,11 +198,13 @@ declare const BkTree: {
             };
             selected: import("vue-types").VueTypeDef<string | number | {
                 [key: string]: any;
-            }>;
-            autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-                default: boolean;
-            } & {
-                default: boolean;
+            }> & {
+                default: string | number | (() => {
+                    [key: string]: any;
+                });
+            };
+            autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+                default: any;
             };
             autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -236,13 +244,18 @@ declare const BkTree: {
             nodeDrop: (..._args: any[]) => boolean;
         }, string, {
             data: any[];
+            height: number;
             search: string | number | boolean | import("./props").SearchOption;
             draggable: boolean;
             lineHeight: number;
+            selected: string | number | {
+                [key: string]: any;
+            };
             prefixIcon: any;
+            checked: any[];
+            emptyText: string;
             children: string;
             offsetLeft: number;
-            emptyText: string;
             nodeKey: string;
             indent: number;
             levelLine: any;
@@ -252,9 +265,9 @@ declare const BkTree: {
             dragSort: boolean;
             selectable: any;
             disabledFolderSelectable: boolean;
-            showCheckbox: boolean;
+            showCheckbox: any;
             showNodeTypeIcon: boolean;
-            autoCheckChildren: boolean;
+            autoCheckChildren: any;
             autoOpenParentNode: boolean;
             expandAll: boolean;
             nodeContentAction: any;
@@ -304,6 +317,9 @@ declare const BkTree: {
         } & {
             default: number;
         };
+        height: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
         levelLine: import("vue-types").VueTypeDef<any> & {
             default: any;
         };
@@ -357,10 +373,11 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
-        showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
+        showCheckbox: import("vue-types").VueTypeDef<any> & {
+            default: any;
+        };
+        checked: import("vue-types").VueTypeDef<any[]> & {
+            default: () => any[];
         };
         showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -369,11 +386,13 @@ declare const BkTree: {
         };
         selected: import("vue-types").VueTypeDef<string | number | {
             [key: string]: any;
-        }>;
-        autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-            default: boolean;
-        } & {
-            default: boolean;
+        }> & {
+            default: string | number | (() => {
+                [key: string]: any;
+            });
+        };
+        autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+            default: any;
         };
         autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -431,6 +450,9 @@ declare const BkTree: {
     } & {
         default: number;
     };
+    height: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
     levelLine: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
@@ -484,10 +506,11 @@ declare const BkTree: {
     } & {
         default: boolean;
     };
-    showCheckbox: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    showCheckbox: import("vue-types").VueTypeDef<any> & {
+        default: any;
+    };
+    checked: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
     };
     showNodeTypeIcon: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -496,11 +519,13 @@ declare const BkTree: {
     };
     selected: import("vue-types").VueTypeDef<string | number | {
         [key: string]: any;
-    }>;
-    autoCheckChildren: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
+    }> & {
+        default: string | number | (() => {
+            [key: string]: any;
+        });
+    };
+    autoCheckChildren: import("vue-types").VueTypeDef<any> & {
+        default: any;
     };
     autoOpenParentNode: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -540,13 +565,18 @@ declare const BkTree: {
     nodeDrop: (..._args: any[]) => boolean;
 }, string, {
     data: any[];
+    height: number;
     search: string | number | boolean | import("./props").SearchOption;
     draggable: boolean;
     lineHeight: number;
+    selected: string | number | {
+        [key: string]: any;
+    };
     prefixIcon: any;
+    checked: any[];
+    emptyText: string;
     children: string;
     offsetLeft: number;
-    emptyText: string;
     nodeKey: string;
     indent: number;
     levelLine: any;
@@ -556,9 +586,9 @@ declare const BkTree: {
     dragSort: boolean;
     selectable: any;
     disabledFolderSelectable: boolean;
-    showCheckbox: boolean;
+    showCheckbox: any;
     showNodeTypeIcon: boolean;
-    autoCheckChildren: boolean;
+    autoCheckChildren: any;
     autoOpenParentNode: boolean;
     expandAll: boolean;
     nodeContentAction: any;