bkui-vue 1.0.3-beta.8 → 2.0.1-beta.1

package/lib/timeline/index.d.ts

@@ -1,43 +1,57 @@
 declare const BkTimeline: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        defaultTimelines: import("vue").Ref<any[]>;
-        titleSelect: (item: any) => void;
+        defaultTimelines: import("vue").ShallowRef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
+        handleTitleSelect: (item: any) => void;
         resolveClassName: (cls: string) => string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        extCls: string;
-        list: unknown[];
         titleAble: boolean;
     }, true, {}, {}, {
         P: {};
@@ -47,56 +61,78 @@ declare const BkTimeline: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
-        list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-            default: () => unknown[];
-        } & {
-            default: () => unknown[];
-        };
+        list: import("vue-types").VueTypeDef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
         titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
             default: boolean;
         };
-        extCls: import("vue-types").VueTypeValidableDef<string> & {
-            default: string;
-        };
     }>> & {
         onSelect?: (...args: any[]) => any;
     }, {
-        defaultTimelines: import("vue").Ref<any[]>;
-        titleSelect: (item: any) => void;
+        defaultTimelines: import("vue").ShallowRef<{
+            tag: string;
+            content: object;
+            type: string;
+            size: string;
+            color: string;
+            icon: any;
+            filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+            nodeType: "template" | "vnode";
+        }[]>;
+        handleTitleSelect: (item: any) => void;
         resolveClassName: (cls: string) => string;
     }, {}, {}, {}, {
-        extCls: string;
-        list: unknown[];
         titleAble: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }>> & {
     onSelect?: (...args: any[]) => any;
 }, {
-    defaultTimelines: import("vue").Ref<any[]>;
-    titleSelect: (item: any) => void;
+    defaultTimelines: import("vue").ShallowRef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
+    handleTitleSelect: (item: any) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", {
-    extCls: string;
-    list: unknown[];
     titleAble: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;
 export default BkTimeline;

package/lib/timeline/index.js

@@ -1,4 +1,5 @@
 import "../styles/reset.css";
+import "./timeline.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
@@ -48,7 +49,7 @@ function _typeof(o) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["shallowRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.shallowRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -85,9 +86,18 @@ const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () =>
 
 
 var timelineProps = {
-  list: shared_namespaceObject.PropTypes.array.def([]),
-  titleAble: shared_namespaceObject.PropTypes.bool.def(false),
-  extCls: shared_namespaceObject.PropTypes.string
+  list: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.shape({
+    tag: shared_namespaceObject.PropTypes.string,
+    content: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.object]),
+    type: shared_namespaceObject.PropTypes.string,
+    size: shared_namespaceObject.PropTypes.string,
+    color: shared_namespaceObject.PropTypes.string,
+    icon: shared_namespaceObject.PropTypes.func,
+    filled: shared_namespaceObject.PropTypes.bool,
+    border: shared_namespaceObject.PropTypes.bool,
+    nodeType: shared_namespaceObject.PropTypes.timelineNodeType()
+  }).isRequired),
+  titleAble: shared_namespaceObject.PropTypes.bool.def(false)
 };
 /* harmony default export */ const timeline = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Timeline',
@@ -95,61 +105,36 @@ var timelineProps = {
   emits: ['select'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var defaultTimelines = (0,external_vue_namespaceObject.ref)([]);
-    var updateTimelines = function updateTimelines(timelines) {
-      var _defaultTimelines$val;
-      var defaults = [];
-      timelines.forEach(function (timeline) {
-        var _timeline$border;
-        defaults.push({
-          tag: timeline.tag,
-          content: timeline.content,
-          type: timeline.type,
-          size: timeline.size,
-          color: timeline.color,
-          icon: timeline.icon,
-          filled: timeline.filled,
-          border: (_timeline$border = timeline.border) !== null && _timeline$border !== void 0 ? _timeline$border : true
-        });
-      });
-      (_defaultTimelines$val = defaultTimelines.value).splice.apply(_defaultTimelines$val, [0, defaultTimelines.value.length].concat(defaults));
-    };
-    var init = function init() {
-      var _defaultTimelines$val2, _props$list;
-      (_defaultTimelines$val2 = defaultTimelines.value).splice.apply(_defaultTimelines$val2, [0, defaultTimelines.value.length].concat([{
-        tag: '步骤1',
-        content: '内容1'
-      }, {
-        tag: '步骤2',
-        content: '内容2'
-      }, {
-        tag: '步骤3',
-        content: '内容3'
-      }]));
-      if ((_props$list = props.list) !== null && _props$list !== void 0 && _props$list.length) {
-        updateTimelines(props.list);
-      }
-    };
-    var titleSelect = function titleSelect(item) {
-      try {
-        emit('select', item);
-      } catch (e) {
-        console.warn(e);
-      }
+    var defaultTimelines = (0,external_vue_namespaceObject.shallowRef)([]);
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var handleTitleSelect = function handleTitleSelect(item) {
+      emit('select', item);
     };
-    (0,external_vue_namespaceObject.onMounted)(init);
     (0,external_vue_namespaceObject.watch)(function () {
       return props.list;
     }, function () {
-      updateTimelines(props.list);
+      defaultTimelines.value = props.list.map(function (item) {
+        var _item$border;
+        return {
+          tag: item.tag,
+          content: item.content,
+          type: item.type,
+          size: item.size,
+          color: item.color,
+          icon: item.icon,
+          filled: item.filled,
+          border: (_item$border = item.border) !== null && _item$border !== void 0 ? _item$border : true,
+          nodeType: item.nodeType || 'template'
+        };
+      });
     }, {
+      immediate: true,
       deep: true
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
     return {
       defaultTimelines: defaultTimelines,
-      titleSelect: titleSelect,
+      handleTitleSelect: handleTitleSelect,
       resolveClassName: resolveClassName
     };
   },
@@ -157,10 +142,7 @@ var timelineProps = {
     var _this = this;
     var isIcon = function isIcon(timeline) {
       var icon = timeline.icon;
-      if (icon) {
-        return _typeof(icon) === 'object' || typeof icon === 'function';
-      }
-      return false;
+      return _typeof(icon) === 'object' || typeof icon === 'function';
     };
     var makeClass = function makeClass(item) {
       var timelineClsPrefix = _this.resolveClassName('timeline');
@@ -173,21 +155,28 @@ var timelineProps = {
       var timelinesCls = (0,shared_namespaceObject.classes)({}, "".concat(timelineClsPrefix, " ").concat(timelineThemeCls, " ").concat(timelineSizeCls, " ").concat(timelinesColorsCls, " ").concat(timelineFilledCls, " ").concat(timelineCustomIcon));
       return timelinesCls;
     };
-    var getContent = function getContent(item) {
-      return _this.$slots.content ? (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(_this.resolveClassName('timeline-content'))
-      }, [_this.$slots.content(item)]) : (0,external_vue_namespaceObject.createVNode)("div", {
+    var renderContent = function renderContent(item) {
+      if (_this.$slots.content) {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this.resolveClassName('timeline-content'))
+        }, [_this.$slots.content(item)]);
+      }
+      if (item.nodeType === 'vnode') {
+        return (0,external_vue_namespaceObject.createVNode)("div", {
+          "class": "".concat(_this.resolveClassName('timeline-content'))
+        }, [item.content]);
+      }
+      return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-content')),
         "innerHTML": item.content
       }, null);
     };
     return (0,external_vue_namespaceObject.createVNode)("ul", {
-      "class": ["".concat(this.resolveClassName('timeline')), this.extCls]
+      "class": this.resolveClassName('timeline')
     }, [this.defaultTimelines.map(function (item) {
-      var _this$$slots$default, _this$$slots$default2, _this$$slots;
       return (0,external_vue_namespaceObject.createVNode)("li", {
         "class": ["".concat(_this.resolveClassName('timeline-dot')), makeClass(item)]
-      }, [isIcon(item) ? (0,external_vue_namespaceObject.createVNode)("div", {
+      }, [isIcon(item) && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-icon')),
         "style": {
           border: item.border ? "2px solid ".concat(item.color) : '0px',
@@ -195,16 +184,16 @@ var timelineProps = {
         }
       }, [(0,external_vue_namespaceObject.createVNode)("span", {
         "class": "".concat(_this.resolveClassName('timeline-icon-inner'))
-      }, [typeof item.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)(item.icon, null, null) : item.icon])]) : '', (0,external_vue_namespaceObject.createVNode)("div", {
+      }, [typeof item.icon === 'function' ? (0,external_vue_namespaceObject.createVNode)(item.icon, null, null) : item.icon])]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-section'))
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('timeline-title')),
         "onClick": function onClick() {
-          _this.titleSelect(item);
+          return _this.handleTitleSelect(item);
         }
-      }, [(_this$$slots$default = (_this$$slots$default2 = (_this$$slots = _this.$slots)["default"]) === null || _this$$slots$default2 === void 0 ? void 0 : _this$$slots$default2.call(_this$$slots, item)) !== null && _this$$slots$default !== void 0 ? _this$$slots$default : (0,external_vue_namespaceObject.createVNode)("span", {
+      }, [item.nodeType === 'vnode' ? item.tag : (0,external_vue_namespaceObject.createVNode)("span", {
         "innerHTML": item.tag
-      }, null)]), item.content ? getContent(item) : ''])]);
+      }, null)]), renderContent(item)])]);
     })]);
   }
 }));

package/lib/timeline/timeline.d.ts

@@ -25,58 +25,75 @@
  */
 import { ExtractPropTypes } from 'vue';
 declare const timelineProps: {
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 };
-export type TimelinePropTypes = ExtractPropTypes<typeof timelineProps>;
+export type TimelinePropTypes = Readonly<ExtractPropTypes<typeof timelineProps>>;
 declare const _default: import("vue").DefineComponent<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }, {
-    defaultTimelines: import("vue").Ref<any[]>;
-    titleSelect: (item: any) => void;
+    defaultTimelines: import("vue").ShallowRef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
+    handleTitleSelect: (item: any) => void;
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
-        default: () => unknown[];
-    } & {
-        default: () => unknown[];
-    };
+    list: import("vue-types").VueTypeDef<{
+        tag: string;
+        content: object;
+        type: string;
+        size: string;
+        color: string;
+        icon: any;
+        filled: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        border: (boolean | object | (() => boolean) | ((props: Record<string, unknown>) => boolean)) & boolean;
+        nodeType: "template" | "vnode";
+    }[]>;
     titleAble: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
         default: boolean;
     };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
 }>> & {
     onSelect?: (...args: any[]) => any;
 }, {
-    extCls: string;
-    list: unknown[];
     titleAble: boolean;
 }, {}>;
 export default _default;

package/lib/timeline/timeline.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;
 }
 * {
   box-sizing: border-box;

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;

package/lib/tree/constant.d.ts

@@ -6,7 +6,8 @@ export declare enum EVENTS {
     NODE_DRAG_START = "nodeDragStart",
     NODE_DRAG_OVER = "nodeDragOver",
     NODE_DRAG_LEAVE = "nodeDragLeave",
-    NODE_DROP = "nodeDrop"
+    NODE_DROP = "nodeDrop",
+    NODE_ENTER_VIEW = "nodeEnterView"
 }
 export declare const TreeEmitEventsType: {
     nodeClick: (..._args: any[]) => boolean;
@@ -17,6 +18,7 @@ export declare const TreeEmitEventsType: {
     nodeDragOver: (..._args: any[]) => boolean;
     nodeDragLeave: (..._args: any[]) => boolean;
     nodeDrop: (..._args: any[]) => boolean;
+    nodeEnterView: (..._args: any[]) => boolean;
 };
 /**
  * 节点扩展属性

package/lib/tree/index.d.ts

@@ -115,6 +115,14 @@ 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);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -124,6 +132,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...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[];
@@ -249,6 +259,14 @@ 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);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -258,6 +276,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...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: {};
@@ -408,6 +429,14 @@ 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);
+        };
     }>> & {
         onNodeClick?: (...args: any[]) => any;
         onNodeCollapse?: (...args: any[]) => any;
@@ -417,6 +446,7 @@ declare const BkTree: {
         onNodeDragOver?: (...args: any[]) => any;
         onNodeDragLeave?: (...args: any[]) => any;
         onNodeDrop?: (...args: any[]) => any;
+        onNodeEnterView?: (...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;
@@ -564,6 +596,14 @@ 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);
+    };
 }>> & {
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
@@ -573,6 +613,7 @@ declare const BkTree: {
     onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
+    onNodeEnterView?: (...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;