bkui-vue 2.0.1-beta.3 → 2.0.1-beta.30

package/lib/tree/index.d.ts

@@ -39,8 +39,10 @@ declare const BkTree: {
             default: any;
         };
         async: import("vue-types").VueTypeShape<{
-            callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -124,15 +126,15 @@ declare const BkTree: {
             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;
@@ -183,8 +185,10 @@ declare const BkTree: {
             default: any;
         };
         async: import("vue-types").VueTypeShape<{
-            callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -268,15 +272,15 @@ declare const BkTree: {
             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;
@@ -353,8 +357,10 @@ declare const BkTree: {
             default: any;
         };
         async: import("vue-types").VueTypeShape<{
-            callback: (item: any, cb: any) => Promise<any>;
-            cache: Boolean;
+            callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>>;
+            cache: boolean;
             deepAutoOpen?: string;
         }>;
         offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -438,15 +444,15 @@ declare const BkTree: {
             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;
@@ -520,8 +526,10 @@ declare const BkTree: {
         default: any;
     };
     async: import("vue-types").VueTypeShape<{
-        callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
+        callback: (item: any, cb: any) => Promise<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>>;
+        cache: boolean;
         deepAutoOpen?: string;
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -605,15 +613,15 @@ declare const BkTree: {
         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;

package/lib/tree/index.js

@@ -17303,7 +17303,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -17367,7 +17367,7 @@ function _slicedToArray(arr, i) {
 ;// 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({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["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
@@ -17454,15 +17454,15 @@ function _defineProperty(obj, key, value) {
  */
 var EVENTS;
 (function (EVENTS) {
+  EVENTS["NODE_CHECKED"] = "nodeChecked";
   EVENTS["NODE_CLICK"] = "nodeClick";
   EVENTS["NODE_COLLAPSE"] = "nodeCollapse";
-  EVENTS["NODE_EXPAND"] = "nodeExpand";
-  EVENTS["NODE_CHECKED"] = "nodeChecked";
-  EVENTS["NODE_DRAG_START"] = "nodeDragStart";
-  EVENTS["NODE_DRAG_OVER"] = "nodeDragOver";
   EVENTS["NODE_DRAG_LEAVE"] = "nodeDragLeave";
+  EVENTS["NODE_DRAG_OVER"] = "nodeDragOver";
+  EVENTS["NODE_DRAG_START"] = "nodeDragStart";
   EVENTS["NODE_DROP"] = "nodeDrop";
   EVENTS["NODE_ENTER_VIEW"] = "nodeEnterView";
+  EVENTS["NODE_EXPAND"] = "nodeExpand";
 })(EVENTS || (EVENTS = {}));
 var EMPTY = function EMPTY() {
   return true;
@@ -17475,24 +17475,24 @@ var TreeEmitEventsType = _defineProperty(_defineProperty(_defineProperty(_define
 var NODE_ATTRIBUTES;
 (function (NODE_ATTRIBUTES) {
   NODE_ATTRIBUTES["DEPTH"] = "__depth";
-  NODE_ATTRIBUTES["INDEX"] = "__index";
-  NODE_ATTRIBUTES["UUID"] = "__uuid";
-  NODE_ATTRIBUTES["PARENT"] = "__parent";
   NODE_ATTRIBUTES["HAS_CHILD"] = "__has_child";
-  NODE_ATTRIBUTES["PATH"] = "__path";
-  NODE_ATTRIBUTES["IS_ROOT"] = "__is_root";
-  NODE_ATTRIBUTES["ORDER"] = "__order";
-  NODE_ATTRIBUTES["IS_OPEN"] = "__is_open";
-  NODE_ATTRIBUTES["IS_CHECKED"] = "__is_checked";
-  NODE_ATTRIBUTES["IS_SELECTED"] = "__is_selected";
+  NODE_ATTRIBUTES["INDEX"] = "__index";
+  NODE_ATTRIBUTES["IS_ASYNC"] = "__is_async";
   NODE_ATTRIBUTES["IS_ASYNC_INIT"] = "__is_async_init";
-  NODE_ATTRIBUTES["IS_MATCH"] = "__is_match";
-  NODE_ATTRIBUTES["IS_NULL"] = "__IS_NULL";
   NODE_ATTRIBUTES["IS_CACHED"] = "__is_cached";
-  NODE_ATTRIBUTES["IS_ASYNC"] = "__is_async";
+  NODE_ATTRIBUTES["IS_CHECKED"] = "__is_checked";
+  NODE_ATTRIBUTES["IS_INDETERMINATE"] = "__is_indeterminate";
   NODE_ATTRIBUTES["IS_LOADING"] = "__is_loading";
+  NODE_ATTRIBUTES["IS_MATCH"] = "__is_match";
+  NODE_ATTRIBUTES["IS_NULL"] = "__IS_NULL";
+  NODE_ATTRIBUTES["IS_OPEN"] = "__is_open";
+  NODE_ATTRIBUTES["IS_ROOT"] = "__is_root";
+  NODE_ATTRIBUTES["IS_SELECTED"] = "__is_selected";
+  NODE_ATTRIBUTES["ORDER"] = "__order";
+  NODE_ATTRIBUTES["PARENT"] = "__parent";
+  NODE_ATTRIBUTES["PATH"] = "__path";
   NODE_ATTRIBUTES["TREE_NODE_ATTR"] = "__attr__";
-  NODE_ATTRIBUTES["IS_INDETERMINATE"] = "__is_indeterminate";
+  NODE_ATTRIBUTES["UUID"] = "__uuid";
 })(NODE_ATTRIBUTES || (NODE_ATTRIBUTES = {}));
 var NODE_SOURCE_ATTRS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NODE_ATTRIBUTES.IS_OPEN, 'isOpen'), NODE_ATTRIBUTES.IS_SELECTED, 'selected'), NODE_ATTRIBUTES.IS_MATCH, 'isMatch'), NODE_ATTRIBUTES.HAS_CHILD, 'hasChild'), NODE_ATTRIBUTES.IS_CHECKED, 'checked'), NODE_ATTRIBUTES.IS_ASYNC, 'async'), NODE_ATTRIBUTES.IS_LOADING, 'loading'), NODE_ATTRIBUTES.IS_ROOT, 'isRoot');
 /**
@@ -17501,9 +17501,9 @@ var NODE_SOURCE_ATTRS = _defineProperty(_defineProperty(_defineProperty(_defineP
 var NodeContentActionEnum;
 (function (NodeContentActionEnum) {
   NodeContentActionEnum["CLICK"] = "click";
-  NodeContentActionEnum["SELECTED"] = "selected";
-  NodeContentActionEnum["EXPAND"] = "expand";
   NodeContentActionEnum["COLLAPSE"] = "collapse";
+  NodeContentActionEnum["EXPAND"] = "expand";
+  NodeContentActionEnum["SELECTED"] = "selected";
 })(NodeContentActionEnum || (NodeContentActionEnum = {}));
 ;// CONCATENATED MODULE: external "vue-types"
 var external_vue_types_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
@@ -17515,18 +17515,18 @@ const external_vue_types_namespaceObject = external_vue_types_x({ ["string"]: ()
 
 var ColumnTypeEnum;
 (function (ColumnTypeEnum) {
-  ColumnTypeEnum["ONCE"] = "once";
   ColumnTypeEnum["EVERY"] = "every";
+  ColumnTypeEnum["ONCE"] = "once";
 })(ColumnTypeEnum || (ColumnTypeEnum = {}));
 var TreeSearchMatchEnum;
 (function (TreeSearchMatchEnum) {
-  TreeSearchMatchEnum["FUZZY"] = "fuzzy";
   TreeSearchMatchEnum["FULL"] = "full";
+  TreeSearchMatchEnum["FUZZY"] = "fuzzy";
 })(TreeSearchMatchEnum || (TreeSearchMatchEnum = {}));
 var TreeSearchResultEnum;
 (function (TreeSearchResultEnum) {
-  TreeSearchResultEnum["TREE"] = "tree";
   TreeSearchResultEnum["LIST"] = "list";
+  TreeSearchResultEnum["TREE"] = "tree";
 })(TreeSearchResultEnum || (TreeSearchResultEnum = {}));
 var treeProps = {
   /**
@@ -17647,6 +17647,9 @@ var treeProps = {
    * 是否支持多选
    */
   showCheckbox: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.func]).def(false),
+  /**
+   * 默认选中的节点id，selectable为false时无效
+   */
   checked: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def([]),
   /**
    * 是否显示节点类型Icon
@@ -18334,13 +18337,11 @@ var getNodeItemClass = function getNodeItemClass(item, schema, props) {
   var _ref = schema.get(item) || {},
     __is_root = _ref.__is_root,
     __is_open = _ref.__is_open;
-  return {
-    'is-root': __is_root,
-    'bk-tree-node': true,
-    'is-open': __is_open,
-    'is-virtual-render': props.virtualRender,
-    'level-line': props.levelLine && showTree
-  };
+  var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    resolveClassName = _usePrefix.resolveClassName;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    'is-root': __is_root
+  }, "".concat(resolveClassName('tree-node')), true), 'is-open', __is_open), 'is-virtual-render', props.virtualRender), 'level-line', props.levelLine && showTree);
 };
 /**
  * 获取当前渲染节点Class List
@@ -18349,15 +18350,17 @@ var getNodeItemClass = function getNodeItemClass(item, schema, props) {
  */
 var getNodeRowClass = function getNodeRowClass(item, schema) {
   // eslint-disable-next-line @typescript-eslint/naming-convention
-  var _ref2 = schema.get(item) || {},
-    __is_checked = _ref2.__is_checked,
-    __is_selected = _ref2.__is_selected;
+  var _ref3 = schema.get(item) || {},
+    __is_checked = _ref3.__is_checked,
+    __is_selected = _ref3.__is_selected;
+  var _usePrefix2 = (0,config_provider_namespaceObject.usePrefix)(),
+    resolveClassName = _usePrefix2.resolveClassName;
   return _defineProperty({
     'is-checked': __is_checked,
     'is-selected': __is_selected,
     'node-folder': item.is_folder,
     'node-leaf': item.is_leaf
-  }, (0,shared_namespaceObject.resolveClassName)('node-row'), true);
+  }, "".concat(resolveClassName('node-row')), true);
 };
 /**
  * 根据路径更新指定节点Child-Data
@@ -18606,7 +18609,7 @@ var use_node_action_this = undefined;
       return val;
     }
     if (_typeof(val) === 'object' && val !== null) {
-      if (val.__v_isVNode) {
+      if ((0,external_vue_namespaceObject.isVNode)(val)) {
         return val;
       }
       var node = val.node,
@@ -18689,7 +18692,7 @@ var use_node_action_this = undefined;
       });
       setNodeAttr(parent, NODE_ATTRIBUTES.IS_CHECKED, isNeedChecked);
       setNodeAttr(parent, NODE_ATTRIBUTES.IS_INDETERMINATE, (getChildNodes(parent) || []).some(function (node) {
-        return !isNodeChecked(node);
+        return !isNodeChecked(node) || isIndeterminate(node);
       }));
       if (!isRootNode(parent)) {
         updateParentChecked(parent, isChecked);
@@ -18737,9 +18740,9 @@ var use_node_action_this = undefined;
     return (0,external_vue_namespaceObject.createVNode)("span", {
       "onClick": handleNodeCheckboxClick
     }, [(0,external_vue_namespaceObject.createVNode)(checkbox_namespaceObject["default"], {
-      "size": "small",
-      "modelValue": isNodeChecked(item),
       "indeterminate": isIndeterminate(item),
+      "modelValue": isNodeChecked(item),
+      "size": "small",
       "onChange": function onChange(val, event) {
         return handleNodeItemCheckboxChange(item, !!val, event);
       }
@@ -19004,8 +19007,8 @@ var use_node_action_this = undefined;
     // @ts-ignore:next-line
     .map(function (index) {
       return (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "node-virtual-line",
-        "style": getNodeLineStyle(maxDeep - index)
+        "style": getNodeLineStyle(maxDeep - index),
+        "class": "node-virtual-line"
       }, null);
     });
   };
@@ -19039,12 +19042,12 @@ var use_node_action_this = undefined;
     var _ctx$slots$nodeAppend, _ctx$slots4;
     var showTree = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "data-tree-node": getNodeId(item),
       "key": getNodeId(item),
-      "class": getNodeRowClass(item, flatData.schema)
+      "class": getNodeRowClass(item, flatData.schema),
+      "data-tree-node": getNodeId(item)
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": getNodeItemClass(item, flatData.schema, props, showTree),
       "style": getNodeItemStyle(item, props, flatData, showTree),
+      "class": getNodeItemClass(item, flatData.schema, props, showTree),
       "onClick": function onClick(e) {
         return handleNodeContentClick(item, e);
       }
@@ -19881,6 +19884,8 @@ var use_tree_init_this = undefined;
       hasChildNode = _useNodeAttribute.hasChildNode,
       getNodePath = _useNodeAttribute.getNodePath,
       getNodeId = _useNodeAttribute.getNodeId,
+      getNodeAttr = _useNodeAttribute.getNodeAttr,
+      getParentNode = _useNodeAttribute.getParentNode,
       getIntersectionResponse = _useNodeAttribute.getIntersectionResponse;
     var _useSearch = use_search(props),
       searchFn = _useSearch.searchFn,
@@ -19940,6 +19945,13 @@ var use_tree_init_this = undefined;
         immediate: true
       });
     }
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      if (props.virtualRender) {
+        (0,external_vue_namespaceObject.nextTick)(function () {
+          scrollToTop();
+        });
+      }
+    });
     /**
      * 设置指定节点是否选中
      * @param item Node item | Node Id
@@ -20022,7 +20034,9 @@ var use_tree_init_this = undefined;
       scrollToTop: scrollToTop,
       asyncNodeClick: asyncNodeClick,
       getData: getData,
-      reset: reset
+      reset: reset,
+      getNodeAttr: getNodeAttr,
+      getParentNode: getParentNode
     });
     var _useEmpty = use_empty(props),
       renderEmpty = _useEmpty.renderEmpty;
@@ -20068,18 +20082,18 @@ var use_tree_init_this = undefined;
       resolveClassName = _usePrefix.resolveClassName;
     return function () {
       return (0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
-        "class": resolveClassName('tree'),
+        "ref": root,
         "style": getTreeStyle(null, props),
-        "list": renderData.value,
-        "lineHeight": props.lineHeight,
         "height": props.height,
+        "class": resolveClassName('tree'),
+        "contentClassName": resolveClassName('container'),
         "enabled": props.virtualRender,
-        "rowKey": NODE_ATTRIBUTES.UUID,
         "keepAlive": true,
-        "contentClassName": resolveClassName('container'),
+        "lineHeight": props.lineHeight,
+        "list": renderData.value,
+        "rowKey": NODE_ATTRIBUTES.UUID,
         "throttleDelay": 0,
-        "onContentScroll": handleContentScroll,
-        "ref": root
+        "onContentScroll": handleContentScroll
       }, {
         "default": function _default(scoped) {
           return renderTreeContent(scoped.data || []);

package/lib/tree/props.d.ts

@@ -1,12 +1,16 @@
-import { ExtractPropTypes } from 'vue';
+import { ExtractPropTypes, VNode } from 'vue';
 declare enum TreeSearchMatchEnum {
-    FUZZY = "fuzzy",
-    FULL = "full"
+    FULL = "full",
+    FUZZY = "fuzzy"
 }
 declare enum TreeSearchResultEnum {
-    TREE = "tree",
-    LIST = "list"
+    LIST = "list",
+    TREE = "tree"
 }
+export type TreeNode = {
+    [key: string]: unknown;
+    children: TreeNode[];
+};
 /**
  * Tree Prop: prefixIcon function
  * @param {} isRoot 是否为分跟节点
@@ -15,7 +19,7 @@ declare enum TreeSearchResultEnum {
  * @param {} renderType 当前渲染类型（action: 用来标识当前节点状态，展开 | 收起, node_type：节点类型，文件、文件夹）
  * @param {} item 当前节点数据
  */
-export type IPrefixIcon = (isRoot: boolean, hasChild: boolean, isOpen: boolean, renderType: string, item: any) => any;
+export type IPrefixIcon = (isRoot: boolean, hasChild: boolean, isOpen: boolean, renderType: string, item: TreeNode) => VNode | string;
 export declare const treeProps: {
     /**
      * 渲染列表
@@ -153,6 +157,9 @@ export declare const treeProps: {
     showCheckbox: import("vue-types").VueTypeDef<any> & {
         default: any;
     };
+    /**
+     * 默认选中的节点id，selectable为false时无效
+     */
     checked: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
     };
@@ -230,17 +237,17 @@ export declare const treeProps: {
     };
 };
 type AsyncOption = {
-    callback: (item: any, cb: any) => Promise<any>;
-    cache: Boolean;
+    callback: (item: any, cb: any) => Promise<VNode | string>;
+    cache: boolean;
     deepAutoOpen?: string;
 };
 export type IIntersectionObserver = {
     enabled: boolean;
-    callback: (node: any, level: number, index: number) => void;
+    callback: (node: TreeNode, level: number, index: number) => void;
 };
 export type SearchOption = {
-    value: string | number | boolean;
-    match?: `${TreeSearchMatchEnum}` | Function;
+    value: boolean | number | string;
+    match?: ((...args: any[]) => boolean) | `${TreeSearchMatchEnum}`;
     resultType?: `${TreeSearchResultEnum}`;
     showChildNodes?: boolean;
 };