bkui-vue 1.0.3-beta.68 → 1.0.3-beta.68.dialog.2

package/lib/tree/props.d.ts

@@ -214,12 +214,30 @@ export declare const treeProps: {
     } & {
         default: boolean;
     };
+    /**
+     * 在显示复选框的情况下，是否严格的遵循父子互相关联的做法
+     */
+    checkStrictly: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /**
+     * 是否开启监听Tree节点进入Tree容器可视区域
+     */
+    intersectionObserver: import("vue-types").VueTypeDef<boolean | IIntersectionObserver> & {
+        default: boolean | (() => IIntersectionObserver);
+    };
 };
 type AsyncOption = {
     callback: (item: any, cb: any) => Promise<any>;
     cache: Boolean;
     deepAutoOpen?: string;
 };
+export type IIntersectionObserver = {
+    enabled: boolean;
+    callback: (node: any, level: number, index: number) => void;
+};
 export type SearchOption = {
     value: string | number | boolean;
     match?: `${TreeSearchMatchEnum}` | Function;

package/lib/tree/tree.css

@@ -15,11 +15,85 @@
 .bk-F-scroll-y::-webkit-scrollbar-thumb {
   border-radius: 4px;
 }
+.bk-scrollbar-wrapper {
+  position: relative;
+  overflow: hidden;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-content-el {
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
+  background-color: #F0F1F5;
+  cursor: pointer;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
+  background-color: #979BA5;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
+  top: 0;
+  width: 8px;
+  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
+  left: 0;
+  height: 8px;
+  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
+  right: auto;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 0;
+  min-width: 8px;
+  width: auto;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-dragging {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.bk-scrollbar-wrapper .bk-scrollbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-height: 8px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar::before {
+  position: absolute;
+  content: '';
+  background: #DCDEE5;
+  border-radius: 6px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+  bottom: 1px;
+  opacity: 0;
+  transition: opacity 0.2s 0.9s linear;
+}
+.bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
+  opacity: 0.9;
+  transition-delay: 0s;
+  transition-duration: 0s;
+}
 .bk-virtual-render {
   position: relative;
 }
-.bk-virtual-render .bk-virtual-content,
-.bk-virtual-render.bk-virtual-content {
+.bk-virtual-render .bk-virtual-content {
   position: absolute;
   top: 0;
   bottom: 0;

package/lib/tree/tree.d.ts

@@ -60,7 +60,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     } & {
         default: string;
-    };
+    }; /**
+     * 将制定元素滚动到顶部
+     * @param option
+     */
     draggable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -120,6 +123,14 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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);
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     nodeClick: (..._args: any[]) => boolean;
     nodeCollapse: (..._args: any[]) => boolean;
@@ -129,6 +140,7 @@ declare const _default: import("vue").DefineComponent<{
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -185,7 +197,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     } & {
         default: string;
-    };
+    }; /**
+     * 将制定元素滚动到顶部
+     * @param option
+     */
     draggable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -245,6 +260,14 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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);
+    };
 }>> & {
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
@@ -254,6 +277,7 @@ declare const _default: import("vue").DefineComponent<{
     onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
+    onNodeEnterView?: (...args: any[]) => any;
 }, {
     data: any[];
     height: number;
@@ -281,5 +305,7 @@ declare const _default: import("vue").DefineComponent<{
     expandAll: boolean;
     nodeContentAction: any;
     keepSlotData: boolean;
+    checkStrictly: boolean;
+    intersectionObserver: boolean | import("./props").IIntersectionObserver;
 }, {}>;
 export default _default;

package/lib/tree/tree.variable.css

@@ -144,11 +144,85 @@
 .bk-F-scroll-y::-webkit-scrollbar-thumb {
   border-radius: 4px;
 }
+.bk-scrollbar-wrapper {
+  position: relative;
+  overflow: hidden;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-content-el {
+  display: inline-flex;
+  flex-direction: column;
+  width: 100%;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track {
+  z-index: 1;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
+  overflow: hidden;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover {
+  background-color: #F0F1F5;
+  cursor: pointer;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-hover .bk-scrollbar::before {
+  background-color: #979BA5;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
+  top: 0;
+  width: 8px;
+  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
+  left: 0;
+  height: 8px;
+  transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
+}
+.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
+  right: auto;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  min-height: 0;
+  min-width: 8px;
+  width: auto;
+}
+.bk-scrollbar-wrapper .bk-scrollbar-dragging {
+  pointer-events: none;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.bk-scrollbar-wrapper .bk-scrollbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  min-height: 8px;
+}
+.bk-scrollbar-wrapper .bk-scrollbar::before {
+  position: absolute;
+  content: '';
+  background: #DCDEE5;
+  border-radius: 6px;
+  left: 1px;
+  right: 1px;
+  top: 1px;
+  bottom: 1px;
+  opacity: 0;
+  transition: opacity 0.2s 0.9s linear;
+}
+.bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
+  opacity: 0.9;
+  transition-delay: 0s;
+  transition-duration: 0s;
+}
 .bk-virtual-render {
   position: relative;
 }
-.bk-virtual-render .bk-virtual-content,
-.bk-virtual-render.bk-virtual-content {
+.bk-virtual-render .bk-virtual-content {
   position: absolute;
   top: 0;
   bottom: 0;

package/lib/tree/use-intersection-observer.d.ts

@@ -0,0 +1,27 @@
+import { IIntersectionObserver, TreePropTypes } from './props';
+type IntersectionObserverOptions = {
+    rootMargin?: string;
+    threshold?: number | number[];
+    root?: Element | null;
+};
+type IntersectionObserverResponseValue = {
+    level: number;
+    node: Record<string, any>;
+    index: number;
+    entry: IntersectionObserverEntry;
+};
+type IntersectionObserverResponse = {
+    beforeResponse?: (entry: IntersectionObserverEntry) => IntersectionObserverResponseValue;
+};
+declare const _default: (props: TreePropTypes) => {
+    unobserveAll: () => void;
+    intersectionObserver: import("vue").ComputedRef<{
+        enabled: boolean | IIntersectionObserver;
+        once: boolean;
+        callback: any;
+    }>;
+    initIntersectionObserver: (target: Element | Element[] | Node | Node[], options: IntersectionObserverOptions, resp?: IntersectionObserverResponse) => void;
+    initRootMutationObserver: (root: Element, callback: any) => void;
+    getLastVisibleElement: (offsetY: number, root: HTMLElement) => HTMLElement[];
+};
+export default _default;

package/lib/tree/use-node-attribute.d.ts

@@ -6,6 +6,7 @@ declare const _default: (flatData: {
     getSchemaVal: (node: any) => any;
     getNodeAttr: (node: any, attr: string) => any;
     getNodeId: (node: any) => any;
+    getNodeById: (id: any) => any;
     getNodeParentId: (node: any) => any;
     getParentNodeData: (node: any) => any;
     getNodePathById: (id: string) => any;
@@ -47,5 +48,13 @@ declare const _default: (flatData: {
             parentId: any;
         };
     };
+    getIntersectionResponse: (target: HTMLElement | Record<string, any>) => {
+        level: any;
+        target: HTMLElement | Record<string, any>;
+        index: any;
+        parent: any;
+        node: HTMLElement | Record<string, any>;
+        isRoot: any;
+    };
 };
 export default _default;

package/lib/virtual-render/index.d.ts

@@ -124,6 +124,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -132,6 +133,11 @@ declare const BkVirtualRender: {
         wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
             default: any;
         };
+        autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
     }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -261,6 +267,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -269,6 +276,11 @@ declare const BkVirtualRender: {
         wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
             default: any;
         };
+        autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
     }, {
@@ -303,6 +315,7 @@ declare const BkVirtualRender: {
         rowKey: string;
         keepAlive: boolean;
         autoReset: boolean;
+        autoIndex: boolean;
     }, true, {}, import("vue").SlotsType<{
         default?: any;
         beforeContent?: any;
@@ -440,6 +453,7 @@ declare const BkVirtualRender: {
         } & {
             default: boolean;
         };
+        scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
         autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -448,6 +462,11 @@ declare const BkVirtualRender: {
         wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
             default: any;
         };
+        autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
     }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -484,6 +503,7 @@ declare const BkVirtualRender: {
         rowKey: string;
         keepAlive: boolean;
         autoReset: boolean;
+        autoIndex: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -613,6 +633,7 @@ declare const BkVirtualRender: {
     } & {
         default: boolean;
     };
+    scrollbar: import("vue-types").VueTypeDef<import("./props").IScrollbarOption>;
     autoReset: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -621,6 +642,11 @@ declare const BkVirtualRender: {
     wrapperStyle: import("vue-types").VueTypeValidableDef<any> & {
         default: any;
     };
+    autoIndex: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     [x: `on${Capitalize<string>}`]: (...args: any[]) => any;
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -657,6 +683,7 @@ declare const BkVirtualRender: {
     rowKey: string;
     keepAlive: boolean;
     autoReset: boolean;
+    autoIndex: boolean;
 }, {}, string, import("vue").SlotsType<{
     default?: any;
     beforeContent?: any;