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

package/lib/tree/props.d.ts

@@ -222,12 +222,22 @@ export declare const treeProps: {
     } & {
         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.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;
     } & {
@@ -125,6 +128,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         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;
@@ -134,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[];
@@ -190,7 +197,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     } & {
         default: string;
-    };
+    }; /**
+     * 将制定元素滚动到顶部
+     * @param option
+     */
     draggable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -255,6 +265,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    intersectionObserver: import("vue-types").VueTypeDef<boolean | import("./props").IIntersectionObserver> & {
+        default: boolean | (() => import("./props").IIntersectionObserver);
+    };
 }>> & {
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
@@ -264,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;
@@ -292,5 +306,6 @@ declare const _default: import("vue").DefineComponent<{
     nodeContentAction: any;
     keepSlotData: boolean;
     checkStrictly: boolean;
+    intersectionObserver: boolean | import("./props").IIntersectionObserver;
 }, {}>;
 export default _default;

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.js

@@ -529,7 +529,7 @@ function computedVirtualIndex(lineHeight, callback, pagination, wrapper, event)
     targetEndIndex = endValue.startIndex + targetStartIndex;
   }
   var bottom = elScrollHeight - elOffsetHeight - elScrollTop;
-  typeof callback === 'function' && callback(event, targetStartIndex, targetEndIndex, elScrollTop, translateY, elScrollLeft, {
+  typeof callback === 'function' && callback(event, targetStartIndex, targetEndIndex, elScrollTop, elScrollTop, elScrollLeft, {
     bottom: bottom >= 0 ? bottom : 0,
     scrollbar: event
   });
@@ -694,6 +694,7 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
   var renderAs = props.renderAs,
     contentAs = props.contentAs;
   var refRoot = (0,external_vue_namespaceObject.ref)(null);
+  var refContent = (0,external_vue_namespaceObject.ref)(null);
   var _useScrollbar = use_scrollbar(refRoot, props),
     init = _useScrollbar.init,
     scrollTo = _useScrollbar.scrollTo,
@@ -744,7 +745,9 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
     fixToTop = _useFixTop.fixToTop;
   ctx.expose({
     scrollTo: scrollTo,
-    fixToTop: fixToTop
+    fixToTop: fixToTop,
+    refRoot: refRoot,
+    refContent: refContent
   });
   (0,external_vue_namespaceObject.onMounted)(function () {
     var _props$scrollbar;
@@ -782,7 +785,8 @@ function use_tag_render_objectSpread(e) { for (var r = 1; r < arguments.length;
         ref: refRoot
       }, [(_ctx$slots$beforeCont = (_ctx$slots$beforeCont2 = (_ctx$slots = ctx.slots).beforeContent) === null || _ctx$slots$beforeCont2 === void 0 ? void 0 : _ctx$slots$beforeCont2.call(_ctx$slots)) !== null && _ctx$slots$beforeCont !== void 0 ? _ctx$slots$beforeCont : '', (0,external_vue_namespaceObject.h)(contentAs, {
         "class": contentClassNames.value,
-        style: computedStyle.value
+        style: computedStyle.value,
+        ref: refContent
       }, [(_ctx$slots$default = (_ctx$slots$default2 = (_ctx$slots2 = ctx.slots)["default"]) === null || _ctx$slots$default2 === void 0 ? void 0 : _ctx$slots$default2.call(_ctx$slots2, {
         data: props.list
       })) !== null && _ctx$slots$default !== void 0 ? _ctx$slots$default : '']), (_ctx$slots$afterConte = (_ctx$slots$afterConte2 = (_ctx$slots3 = ctx.slots).afterContent) === null || _ctx$slots$afterConte2 === void 0 ? void 0 : _ctx$slots$afterConte2.call(_ctx$slots3)) !== null && _ctx$slots$afterConte !== void 0 ? _ctx$slots$afterConte : '', (_ctx$slots$afterSecti = (_ctx$slots$afterSecti2 = (_ctx$slots4 = ctx.slots).afterSection) === null || _ctx$slots$afterSecti2 === void 0 ? void 0 : _ctx$slots$afterSecti2.call(_ctx$slots4)) !== null && _ctx$slots$afterSecti !== void 0 ? _ctx$slots$afterSecti : '']);
@@ -911,7 +915,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
       var value = localList.value.slice(start, end);
       calcList.value = value;
       if (event) {
-        ctx.emit('content-scroll', [event, pagination]);
+        ctx.emit('content-scroll', [event, pagination, value]);
       }
     };
     (0,external_vue_namespaceObject.onMounted)(function () {
@@ -1053,7 +1057,9 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
     ctx.expose({
       reset: reset,
       scrollTo: scrollTo,
-      fixToTop: fixToTop
+      fixToTop: fixToTop,
+      refRoot: refRoot,
+      refContent: refContent
     });
     return function () {
       var _ctx$slots$beforeCont, _ctx$slots$beforeCont2, _ctx$slots, _ctx$slots$default, _ctx$slots$default2, _ctx$slots2, _ctx$slots$afterConte, _ctx$slots$afterConte2, _ctx$slots3, _ctx$slots$afterSecti, _ctx$slots$afterSecti2, _ctx$slots4;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "1.0.3-beta.68.dialog.1",
+  "version": "1.0.3-beta.68.dialog.2",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",