bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/transfer/transfer.css

@@ -4,7 +4,7 @@
   align-items: center;
   font-size: 14px;
 }
-.bk-transfer .transfer {
+.bk-transfer .bk-transfer-icon {
   margin: 0 8px;
   font-size: 24px;
   color: #c4c6cc;
@@ -95,8 +95,8 @@
 .bk-transfer .target-list .transfer-search-input.is-focused {
   box-shadow: none;
 }
-.bk-transfer .source-list .transfer-search-input .icon-search,
-.bk-transfer .target-list .transfer-search-input .icon-search {
+.bk-transfer .source-list .transfer-search-input .bk-icon-search,
+.bk-transfer .target-list .transfer-search-input .bk-icon-search {
   font-size: 18px;
   line-height: 28px;
   color: #c4c6cc;
@@ -184,12 +184,12 @@
   display: flex;
   font-size: 30px;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content .checkbox-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content .checkbox-item .icon-wrapper .icon-delete {
+.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content .checkbox-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content .checkbox-item .icon-wrapper .bk-icon-delete {
   margin-right: 6px;
   font-size: 16px;
 }

package/lib/transfer/transfer.less

@@ -8,7 +8,7 @@
   align-items: center;
   font-size: 14px;
 
-  .transfer {
+  .@{bk-prefix}-transfer-icon {
     margin: 0 8px;
     font-size: 24px;
     color: @light-gray;
@@ -103,7 +103,7 @@
         box-shadow: none;
       }
 
-      .icon-search {
+      .@{bk-prefix}-icon-search {
         font-size: 18px;
         line-height: 28px;
         color: @light-gray;
@@ -168,7 +168,7 @@
             font-size: 30px;
           }
 
-          .icon-delete {
+          .@{bk-prefix}-icon-delete {
             margin-right: 6px;
             font-size: 16px;
           }

package/lib/transfer/transfer.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-transfer {
   display: flex;
@@ -130,7 +133,7 @@
   align-items: center;
   font-size: 14px;
 }
-.bk-transfer .transfer {
+.bk-transfer .bk-transfer-icon {
   margin: 0 8px;
   font-size: 24px;
   color: var(--light-gray);
@@ -221,8 +224,8 @@
 .bk-transfer .target-list .transfer-search-input.is-focused {
   box-shadow: none;
 }
-.bk-transfer .source-list .transfer-search-input .icon-search,
-.bk-transfer .target-list .transfer-search-input .icon-search {
+.bk-transfer .source-list .transfer-search-input .bk-icon-search,
+.bk-transfer .target-list .transfer-search-input .bk-icon-search {
   font-size: 18px;
   line-height: 28px;
   color: var(--light-gray);
@@ -310,12 +313,12 @@
   display: flex;
   font-size: 30px;
 }
-.bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete,
-.bk-transfer .source-list .content .checkbox-item .icon-wrapper .icon-delete,
-.bk-transfer .target-list .content .checkbox-item .icon-wrapper .icon-delete {
+.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon-delete,
+.bk-transfer .source-list .content .checkbox-item .icon-wrapper .bk-icon-delete,
+.bk-transfer .target-list .content .checkbox-item .icon-wrapper .bk-icon-delete {
   margin-right: 6px;
   font-size: 16px;
 }

package/lib/tree/constant.d.ts

@@ -1,12 +1,13 @@
 export declare enum EVENTS {
+    NODE_CHECKED = "nodeChecked",
     NODE_CLICK = "nodeClick",
     NODE_COLLAPSE = "nodeCollapse",
-    NODE_EXPAND = "nodeExpand",
-    NODE_CHECKED = "nodeChecked",
-    NODE_DRAG_START = "nodeDragStart",
-    NODE_DRAG_OVER = "nodeDragOver",
     NODE_DRAG_LEAVE = "nodeDragLeave",
-    NODE_DROP = "nodeDrop"
+    NODE_DRAG_OVER = "nodeDragOver",
+    NODE_DRAG_START = "nodeDragStart",
+    NODE_DROP = "nodeDrop",
+    NODE_ENTER_VIEW = "nodeEnterView",
+    NODE_EXPAND = "nodeExpand"
 }
 export declare const TreeEmitEventsType: {
     nodeClick: (..._args: any[]) => boolean;
@@ -17,30 +18,31 @@ export declare const TreeEmitEventsType: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 };
 /**
  * 节点扩展属性
  */
 export declare const enum NODE_ATTRIBUTES {
     DEPTH = "__depth",
-    INDEX = "__index",
-    UUID = "__uuid",
-    PARENT = "__parent",
     HAS_CHILD = "__has_child",
-    PATH = "__path",
-    IS_ROOT = "__is_root",
-    ORDER = "__order",
-    IS_OPEN = "__is_open",
-    IS_CHECKED = "__is_checked",
-    IS_SELECTED = "__is_selected",
+    INDEX = "__index",
+    IS_ASYNC = "__is_async",
     IS_ASYNC_INIT = "__is_async_init",
-    IS_MATCH = "__is_match",
-    IS_NULL = "__IS_NULL",
     IS_CACHED = "__is_cached",
-    IS_ASYNC = "__is_async",
+    IS_CHECKED = "__is_checked",
+    IS_INDETERMINATE = "__is_indeterminate",
     IS_LOADING = "__is_loading",
+    IS_MATCH = "__is_match",
+    IS_NULL = "__IS_NULL",
+    IS_OPEN = "__is_open",
+    IS_ROOT = "__is_root",
+    IS_SELECTED = "__is_selected",
+    ORDER = "__order",
+    PARENT = "__parent",
+    PATH = "__path",
     TREE_NODE_ATTR = "__attr__",
-    IS_INDETERMINATE = "__is_indeterminate"
+    UUID = "__uuid"
 }
 export declare const NODE_SOURCE_ATTRS: {
     __is_open: string;
@@ -57,7 +59,7 @@ export declare const NODE_SOURCE_ATTRS: {
  */
 export declare enum NodeContentActionEnum {
     CLICK = "click",
-    SELECTED = "selected",
+    COLLAPSE = "collapse",
     EXPAND = "expand",
-    COLLAPSE = "collapse"
+    SELECTED = "selected"
 }

package/lib/tree/index.d.ts

@@ -40,7 +40,7 @@ declare const BkTree: {
         };
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -115,15 +115,24 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
+        onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
-        onNodeExpand?: (...args: any[]) => any;
-        onNodeChecked?: (...args: any[]) => any;
-        onNodeDragStart?: (...args: any[]) => any;
-        onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
+        onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
+        onNodeExpand?: (...args: any[]) => any;
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         nodeClick: (..._args: any[]) => boolean;
         nodeCollapse: (..._args: any[]) => boolean;
@@ -133,6 +142,7 @@ declare const BkTree: {
         nodeDragOver: (..._args: any[]) => boolean;
         nodeDragLeave: (..._args: any[]) => boolean;
         nodeDrop: (..._args: any[]) => boolean;
+        nodeEnterView: (..._args: any[]) => boolean;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         data: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
@@ -174,7 +184,7 @@ declare const BkTree: {
         };
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -249,15 +259,24 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
+        onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
-        onNodeExpand?: (...args: any[]) => any;
-        onNodeChecked?: (...args: any[]) => any;
-        onNodeDragStart?: (...args: any[]) => any;
-        onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
+        onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
+        onNodeExpand?: (...args: any[]) => any;
     }, {
         data: any[];
         height: number;
@@ -285,6 +304,8 @@ declare const BkTree: {
         expandAll: boolean;
         nodeContentAction: any;
         keepSlotData: boolean;
+        checkStrictly: boolean;
+        intersectionObserver: boolean | import("./props").IIntersectionObserver;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -333,7 +354,7 @@ declare const BkTree: {
         };
         async: import("vue-types").VueTypeShape<{
             callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -408,15 +429,24 @@ declare const BkTree: {
         } & {
             default: boolean;
         };
+        checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+            default: boolean | (() => import("./props").IIntersectionObserver);
+        };
     }>> & {
+        onNodeChecked?: (...args: any[]) => any;
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
-        onNodeExpand?: (...args: any[]) => any;
-        onNodeChecked?: (...args: any[]) => any;
-        onNodeDragStart?: (...args: any[]) => any;
-        onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
+        onNodeDragOver?: (...args: any[]) => any;
+        onNodeDragStart?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...args: any[]) => any;
+        onNodeExpand?: (...args: any[]) => any;
     }, () => JSX.Element, {}, {}, {}, {
         data: any[];
         height: number;
@@ -444,6 +474,8 @@ declare const BkTree: {
         expandAll: boolean;
         nodeContentAction: any;
         keepSlotData: boolean;
+        checkStrictly: boolean;
+        intersectionObserver: boolean | import("./props").IIntersectionObserver;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -489,7 +521,7 @@ declare const BkTree: {
     };
     async: import("vue-types").VueTypeShape<{
         callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
+        cache: boolean;
         deepAutoOpen?: string;
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -564,15 +596,24 @@ declare const BkTree: {
     } & {
         default: boolean;
     };
+    checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+        default: boolean | (() => import("./props").IIntersectionObserver);
+    };
 }>> & {
+    onNodeChecked?: (...args: any[]) => any;
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
-    onNodeExpand?: (...args: any[]) => any;
-    onNodeChecked?: (...args: any[]) => any;
-    onNodeDragStart?: (...args: any[]) => any;
-    onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
+    onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
+    onNodeEnterView?: (...args: any[]) => any;
+    onNodeExpand?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     nodeClick: (..._args: any[]) => boolean;
     nodeCollapse: (..._args: any[]) => boolean;
@@ -582,6 +623,7 @@ declare const BkTree: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 }, string, {
     data: any[];
     height: number;
@@ -609,5 +651,7 @@ declare const BkTree: {
     expandAll: boolean;
     nodeContentAction: any;
     keepSlotData: boolean;
+    checkStrictly: boolean;
+    intersectionObserver: boolean | import("./props").IIntersectionObserver;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkTree;