@sheinx/base 3.6.0-beta.3 → 3.6.0-beta.30

package/esm/tree/tree-virtual.js

@@ -0,0 +1,84 @@
+import { useTreeContext } from "./tree-context";
+import VirtualTreeNode from "./tree-virtual-node";
+import { VirtualScrollList } from "../virtual-scroll";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TreeVirtual = function TreeVirtual(props) {
+  var jssStyle = props.jssStyle,
+    height = props.height,
+    _props$lineHeight = props.lineHeight,
+    lineHeight = _props$lineHeight === void 0 ? 36 : _props$lineHeight,
+    line = props.line,
+    mode = props.mode,
+    contentClass = props.contentClass,
+    expandIcons = props.expandIcons,
+    loader = props.loader,
+    inlineNode = props.inlineNode,
+    highlight = props.highlight,
+    parentClickExpand = props.parentClickExpand,
+    doubleClickExpand = props.doubleClickExpand,
+    expanded = props.expanded,
+    keygen = props.keygen,
+    defaultExpandAll = props.defaultExpandAll,
+    active = props.active,
+    isControlled = props.isControlled,
+    childrenClass = props.childrenClass,
+    childrenKey = props.childrenKey,
+    iconClass = props.iconClass,
+    leafClass = props.leafClass,
+    nodeClass = props.nodeClass,
+    onNodeClick = props.onNodeClick,
+    onToggle = props.onToggle,
+    onChange = props.onChange;
+  var datum = useTreeContext();
+  var renderItem = function renderItem(item, index) {
+    var id = item.id,
+      data = item.data,
+      level = item.level;
+    return /*#__PURE__*/_jsx(VirtualTreeNode, {
+      jssStyle: jssStyle,
+      id: id,
+      level: level,
+      data: data,
+      index: index,
+      line: line,
+      keygen: keygen,
+      defaultExpandAll: defaultExpandAll,
+      isControlled: isControlled,
+      mode: mode,
+      active: active,
+      childrenClass: childrenClass,
+      childrenKey: childrenKey,
+      renderItem: props.renderItem,
+      iconClass: iconClass,
+      leafClass: leafClass,
+      nodeClass: nodeClass,
+      contentClass: contentClass,
+      expandIcons: expandIcons,
+      loader: loader,
+      inlineNode: inlineNode,
+      highlight: highlight,
+      parentClickExpand: parentClickExpand,
+      doubleClickExpand: doubleClickExpand,
+      expanded: expanded,
+      onNodeClick: onNodeClick,
+      onToggle: onToggle,
+      onChange: onChange
+    }, id);
+  };
+  return /*#__PURE__*/_jsx(VirtualScrollList, {
+    data: datum.dataFlat,
+    height: height,
+    rowsInView: 10,
+    scrollerStyle: {
+      height: '100%',
+      width: '100%',
+      overflow: 'auto',
+      padding: '0 4px'
+    },
+    keepScrollHeight: true,
+    dynamicVirtual: true,
+    lineHeight: lineHeight,
+    renderItem: renderItem
+  });
+};
+export default TreeVirtual;

package/esm/tree/tree.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TreeProps } from './tree.type';
-declare const Tree: <DataItem, Value extends KeygenResult[]>(props: TreeProps<DataItem, Value>) => JSX.Element;
+declare const Tree: <DataItem, Value extends KeygenResult[]>(props: TreeProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default Tree;
 //# sourceMappingURL=tree.d.ts.map

package/esm/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAOxC,QAAA,MAAM,IAAI,4FA4PT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAA4B,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,QAAA,MAAM,IAAI,wHAmTT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/tree/tree.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum"];
+var _excluded = ["jssStyle", "line", "childrenKey", "data", "value", "mode", "keygen", "virtual", "expanded", "expandIcons", "iconClass", "leafClass", "nodeClass", "contentClass", "rootStyle", "renderItem", "defaultValue", "dataUpdate", "childrenClass", "defaultExpandAll", "defaultExpanded", "parentClickExpand", "doubleClickExpand", "dragImageSelector", "dragImageStyle", "dragSibling", "unmatch", "ignoreSetFlat", "dragHoverExpand", "active", "setActive", "disabled", "inlineNode", "highlight", "className", "onClick", "loader", "getDatum", "onDrop", "onExpand", "onChange", "onDragEnd", "onDragLeave", "onDragOver", "onDragStart", "datum", "actionOnClick", "tiledData"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -21,6 +21,7 @@ import { useContext, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { useTree, util } from '@sheinx/hooks';
 import RootTree from "./tree-root";
+import VirtualTree from "./tree-virtual";
 import { Provider } from "./tree-context";
 import { FormFieldContext } from "../form/form-field-context";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -36,12 +37,14 @@ var Tree = function Tree(props) {
     _props$mode = props.mode,
     mode = _props$mode === void 0 ? 1 : _props$mode,
     keygen = props.keygen,
+    virtual = props.virtual,
     expandedProp = props.expanded,
     expandIcons = props.expandIcons,
     iconClass = props.iconClass,
     leafClass = props.leafClass,
     nodeClass = props.nodeClass,
     contentClass = props.contentClass,
+    rootStyle = props.rootStyle,
     renderItem = props.renderItem,
     defaultValue = props.defaultValue,
     _props$dataUpdate = props.dataUpdate,
@@ -55,6 +58,8 @@ var Tree = function Tree(props) {
     dragImageStyle = props.dragImageStyle,
     dragSibling = props.dragSibling,
     unmatch = props.unmatch,
+    _props$ignoreSetFlat = props.ignoreSetFlat,
+    ignoreSetFlat = _props$ignoreSetFlat === void 0 ? false : _props$ignoreSetFlat,
     dragHoverExpand = props.dragHoverExpand,
     propActive = props.active,
     propSetActive = props.setActive,
@@ -73,6 +78,8 @@ var Tree = function Tree(props) {
     onDragOver = props.onDragOver,
     onDragStart = props.onDragStart,
     propsDatum = props.datum,
+    actionOnClick = props.actionOnClick,
+    tiledData = props.tiledData,
     rest = _objectWithoutProperties(props, _excluded);
   var _useState = useState(propActive),
     _useState2 = _slicedToArray(_useState, 2),
@@ -85,6 +92,7 @@ var Tree = function Tree(props) {
       setActive(propActive);
     }
   }, [active, propActive]);
+  var treeRef = useRef(null);
   var _useRef = useRef({
       mounted: false
     }),
@@ -100,10 +108,11 @@ var Tree = function Tree(props) {
       expanded: expandedProp,
       disabled: disabled,
       defaultValue: defaultValue,
-      defaultExpandAll: defaultExpandAll,
-      defaultExpanded: defaultExpanded,
+      defaultExpandAll: expandedProp ? undefined : defaultExpandAll,
+      defaultExpanded: expandedProp ? undefined : defaultExpanded,
       childrenKey: childrenKey,
       keygen: keygen,
+      virtual: virtual,
       onExpand: onExpandProp,
       datum: propsDatum
     }),
@@ -111,13 +120,27 @@ var Tree = function Tree(props) {
     expanded = _useTree.expanded,
     onExpand = _useTree.onExpand;
   var treeStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classNames(treeStyle.rootClass, treeStyle.tree, className, _defineProperty(_defineProperty({}, treeStyle.line, line), treeStyle.noline, !line));
+  var rootClass = classNames(treeStyle.rootClass, treeStyle.tree, className, _defineProperty(_defineProperty(_defineProperty({}, treeStyle.line, line), treeStyle.noline, !line), treeStyle.virtual, virtual));
   var getDragImageSelector = function getDragImageSelector(data) {
     if (util.isFunc(dragImageSelector)) return dragImageSelector(data);
     return dragImageSelector;
   };
+  var getHeight = function getHeight() {
+    var _ref = props.style || {},
+      styleHeight = _ref.height;
+    if (!styleHeight && !props.height) {
+      var _treeRef$current;
+      var containerHeight = (_treeRef$current = treeRef.current) === null || _treeRef$current === void 0 || (_treeRef$current = _treeRef$current.parentElement) === null || _treeRef$current === void 0 ? void 0 : _treeRef$current.clientHeight;
+      return containerHeight;
+    }
+    return props.height || styleHeight;
+  };
   var handleUpdateExpanded = function handleUpdateExpanded(expanded) {
     var tempExpandMap = new Set(expanded);
+    if (!expanded) return;
+    if (virtual) {
+      datum.expandedFlat(expanded);
+    }
     datum.updateMap.forEach(function (update, id) {
       update('expanded', tempExpandMap.has(id));
     });
@@ -148,8 +171,10 @@ var Tree = function Tree(props) {
       newExpanded = expandedArr.filter(function (e) {
         return e !== id;
       });
+      if (virtual && !ignoreSetFlat) datum.removeFlat(id);
     } else {
       newExpanded = [].concat(_toConsumableArray(expandedArr), [id]);
+      if (virtual && !ignoreSetFlat) datum.insertFlat(id);
     }
     if (onExpand) onExpand(newExpanded);
   };
@@ -205,6 +230,62 @@ var Tree = function Tree(props) {
       onDrop(newData, id, targetId, position);
     }
   };
+  var renderList = function renderList() {
+    if (virtual) {
+      var realHeight = getHeight();
+      if (!realHeight) return null;
+      return /*#__PURE__*/_jsx(VirtualTree, _objectSpread(_objectSpread({}, props), {}, {
+        data: data,
+        line: line,
+        expanded: expanded,
+        height: realHeight,
+        childrenKey: props.childrenKey || 'children',
+        isControlled: 'expanded' in props,
+        bindNode: datum.bindNode,
+        onNodeClick: handleNodeClick,
+        onToggle: handleToggle,
+        actionOnClick: actionOnClick
+      }));
+    }
+    return /*#__PURE__*/_jsx(RootTree, {
+      rootStyle: rootStyle,
+      isControlled: 'expanded' in props,
+      jssStyle: jssStyle,
+      data: data,
+      mode: mode,
+      line: line,
+      keygen: keygen,
+      onChange: onChange,
+      iconClass: iconClass,
+      leafClass: leafClass,
+      nodeClass: nodeClass,
+      contentClass: contentClass,
+      expanded: expanded,
+      expandIcons: expandIcons,
+      defaultExpandAll: defaultExpandAll,
+      childrenClass: childrenClass,
+      bindNode: datum.bindNode,
+      childrenKey: childrenKey,
+      onNodeClick: handleNodeClick,
+      renderItem: renderItem,
+      loader: loader,
+      inlineNode: inlineNode,
+      highlight: highlight,
+      onToggle: handleToggle,
+      onDrop: onDrop && handleDrop,
+      onDragOver: onDragOver,
+      onDragStart: onDragStart,
+      onDragEnd: onDragEnd,
+      onDragLeave: onDragLeave,
+      dragSibling: dragSibling,
+      dragHoverExpand: dragHoverExpand,
+      parentClickExpand: parentClickExpand,
+      doubleClickExpand: doubleClickExpand,
+      dragImageSelector: getDragImageSelector,
+      dragImageStyle: dragImageStyle,
+      actionOnClick: actionOnClick
+    });
+  };
   useEffect(function () {
     // 首次渲染不更新
     if (!context.mounted) {
@@ -224,49 +305,13 @@ var Tree = function Tree(props) {
   var _useContext = useContext(FormFieldContext),
     fieldId = _useContext.fieldId;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    ref: treeRef,
     className: rootClass,
     id: fieldId
   }, rest), {}, {
     children: /*#__PURE__*/_jsx(Provider, {
       value: datum,
-      children: /*#__PURE__*/_jsx(RootTree, {
-        isControlled: 'expanded' in props,
-        jssStyle: jssStyle,
-        data: data,
-        mode: mode,
-        line: line,
-        keygen: keygen,
-        onChange: onChange,
-        iconClass: iconClass,
-        leafClass: leafClass,
-        nodeClass: nodeClass,
-        contentClass: contentClass,
-        expanded: expanded,
-        expandIcons: expandIcons,
-        defaultExpandAll: defaultExpandAll,
-        childrenClass: util.isFunc(childrenClass) ? childrenClass : function () {
-          return childrenClass;
-        },
-        bindNode: datum.bindNode,
-        childrenKey: childrenKey,
-        onNodeClick: handleNodeClick,
-        renderItem: renderItem,
-        loader: loader,
-        inlineNode: inlineNode,
-        highlight: highlight,
-        onToggle: handleToggle,
-        onDrop: onDrop && handleDrop,
-        onDragOver: onDragOver,
-        onDragStart: onDragStart,
-        onDragEnd: onDragEnd,
-        onDragLeave: onDragLeave,
-        dragSibling: dragSibling,
-        dragHoverExpand: dragHoverExpand,
-        parentClickExpand: parentClickExpand,
-        doubleClickExpand: doubleClickExpand,
-        dragImageSelector: getDragImageSelector,
-        dragImageStyle: dragImageStyle
-      })
+      children: renderList()
     })
   }));
 };

package/esm/tree/tree.type.d.ts

@@ -1,12 +1,14 @@
 /// <reference types="react" />
 import { CommonType } from '../common/type';
-import { BaseTreeProps, ObjectKey, KeygenResult, TreePathType, useTree } from '@sheinx/hooks';
+import { BaseTreeProps, ObjectKey, KeygenResult, TreePathType, useTree, UpdateFunc } from '@sheinx/hooks';
 import { SpinClasses } from '../spin/spin.type';
 import { CheckboxClasses } from '../checkbox/checkbox.type';
 export type TreeRenderItemType<DataItem> = ((item: DataItem, expanded: boolean, active: boolean, id: KeygenResult) => React.ReactNode) | ObjectKey<DataItem>;
 export type TreeClasses = {
     rootClass: string;
     tree: string;
+    notTree: string;
+    virtual: string;
     root: string;
     line: string;
     noline: string;
@@ -19,6 +21,7 @@ export type TreeClasses = {
     contentWrapper: string;
     inlineContent: string;
     text: string;
+    textClickable: string;
     list: string;
     iconWrapper: string;
     icon: string;
@@ -33,6 +36,7 @@ export type JsstyleType = {
     checkbox: () => CheckboxClasses;
 };
 export type DatumType<DataItem> = ReturnType<typeof useTree<DataItem>>;
+type ActionOnClick = 'check' | 'expand';
 export interface TreeProps<DataItem, Value extends any[]> extends Omit<BaseTreeProps<DataItem>, 'isControlled'>, Pick<CommonType, 'className' | 'style'> {
     jssStyle?: JsstyleType;
     /**
@@ -104,6 +108,12 @@ export interface TreeProps<DataItem, Value extends any[]> extends Omit<BaseTreeP
      * @default false
      */
     parentClickExpand?: boolean;
+    /**
+     * @cn 点击节点展开是的操作: 'expand' 展开节点，'check' 选中复选框
+     * @en The operation when clicking the node to expand: 'expand' expand the node, 'check' check the checkbox
+     * @version 3.6.0
+     */
+    actionOnClick?: ActionOnClick | ActionOnClick[];
     /**
      * @en Selector when dray image
      * @cn 定义拖拽图片的选择器
@@ -189,5 +199,45 @@ export interface TreeProps<DataItem, Value extends any[]> extends Omit<BaseTreeP
      * @cn 拖拽离开事件
      */
     onDragLeave?: (e: React.DragEvent, data: DataItem) => void;
+    /**
+     * @en Virtual list
+     * @cn 虚拟列表
+     * @version 3.6.0
+     */
+    virtual?: boolean;
+    /**
+     * @en The height of the list item
+     * @cn 列表项高度
+     */
+    lineHeight?: number;
+    /**
+     * @en The height of the list
+     * @cn 列表高度
+     */
+    height?: number | string;
+    /**
+     * @en Number of list items displayed at the same time
+     * @cn 同时展示的列表项数量
+     * @default 20
+     * @version 3.6.0
+     */
+    rowsInView?: number;
+    rootStyle?: React.CSSProperties;
+    ignoreSetFlat?: boolean;
+    tiledData?: DataItem[];
+}
+export interface VirtualTreeProps<DataItem, Value extends any[]> extends Omit<TreeProps<DataItem, Value>, 'height' | 'line' | 'dragImageSelector' | 'onDrop' | 'childrenKey'> {
+    height: number | string;
+    line: boolean;
+    contentClass?: string | ((data: DataItem) => string);
+    isControlled: boolean;
+    bindNode: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
+        expanded: boolean;
+        active: boolean;
+    };
+    onToggle?: (id: KeygenResult, expanded?: boolean) => void;
+    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    childrenKey: keyof DataItem;
 }
+export {};
 //# sourceMappingURL=tree.type.d.ts.map

package/esm/tree/tree.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.type.d.ts","sourceRoot":"","sources":["tree.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tree.type.d.ts","sourceRoot":"","sources":["tree.type.ts"],"names":[],"mappings":"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"}

package/esm/tree-select/tree-select.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { KeygenResult } from '@sheinx/hooks';
 import { TreeSelectProps } from './tree-select.type';
 export type TreeSelectValueType = KeygenResult | KeygenResult[];
-declare const TreeSelect: <DataItem, Value extends TreeSelectValueType>(props0: TreeSelectProps<DataItem, Value>) => JSX.Element;
+declare const TreeSelect: <DataItem, Value extends TreeSelectValueType>(props0: TreeSelectProps<DataItem, Value>) => import("react/jsx-runtime").JSX.Element;
 export default TreeSelect;
 //# sourceMappingURL=tree-select.d.ts.map

package/esm/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":";AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAEhE,QAAA,MAAM,UAAU,wGA6pBf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,YAAY,EAEb,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAc,MAAM,oBAAoB,CAAC;AAcjE,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAEhE,QAAA,MAAM,UAAU,oIA+rBf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/tree-select/tree-select.js

@@ -49,6 +49,8 @@ var TreeSelect = function TreeSelect(props0) {
     mode = _props$mode === void 0 ? 1 : _props$mode,
     _props$line = props.line,
     line = _props$line === void 0 ? false : _props$line,
+    _props$reFocus = props.reFocus,
+    reFocus = _props$reFocus === void 0 ? false : _props$reFocus,
     innerTitle = props.innerTitle,
     _props$clearable = props.clearable,
     clearable = _props$clearable === void 0 ? true : _props$clearable,
@@ -68,6 +70,7 @@ var TreeSelect = function TreeSelect(props0) {
     width = props.width,
     _props$height = props.height,
     height = _props$height === void 0 ? 250 : _props$height,
+    virtual = props.virtual,
     childrenKey = props.childrenKey,
     keygen = props.keygen,
     loader = props.loader,
@@ -116,6 +119,10 @@ var TreeSelect = function TreeSelect(props0) {
     _useState2 = _slicedToArray(_useState, 2),
     focused = _useState2[0],
     setFocused = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    virtualExpanded = _useState4[0],
+    setVirtualExpanded = _useState4[1];
   var _useTreeSelect = useTreeSelect({
       value: valueProp,
       onChange: onChangeProp,
@@ -155,23 +162,6 @@ var TreeSelect = function TreeSelect(props0) {
     onClearCreatedData = _useFilter.onClearCreatedData,
     setInputText = _useFilter.setInputText;
   var controlExpanded = 'expanded' in props || expanded !== null && expanded !== void 0 && expanded.length ? expanded : undefined;
-  var _useTree = useTree({
-      mode: mode,
-      value: value,
-      data: data,
-      unmatch: unmatch,
-      disabled: disabled,
-      active: multiple ? undefined : value[0],
-      childrenKey: childrenKey,
-      keygen: keygen,
-      onExpand: onExpand,
-      expanded: controlExpanded,
-      defaultExpanded: defaultExpanded,
-      defaultExpandAll: defaultExpandAll,
-      isControlled: controlExpanded !== undefined
-    }),
-    datum = _useTree.datum,
-    onExpandTree = _useTree.onExpand;
   var renderMoreIcon = function renderMoreIcon() {
     return Icons.treeSelect.More;
   };
@@ -185,12 +175,35 @@ var TreeSelect = function TreeSelect(props0) {
       childrenKey: childrenKey,
       expanded: expanded,
       rawData: rawData,
-      onFilter: onFilter,
-      rawDatum: datum
+      onFilter: onFilter
+      // rawDatum: datum,
     }),
     tiledData = _useTiled.data,
     onTiledFilter = _useTiled.onFilter,
     tiledExpandIcons = _useTiled.expandIcons;
+  var handleExpanded = function handleExpanded(id) {
+    setVirtualExpanded(id);
+    onExpand === null || onExpand === void 0 || onExpand(id);
+  };
+  var _useTree = useTree({
+      mode: mode,
+      value: value,
+      data: data,
+      unmatch: unmatch,
+      tiledData: tiledData,
+      virtual: virtual,
+      disabled: disabled,
+      active: multiple ? undefined : value[0],
+      childrenKey: childrenKey,
+      keygen: keygen,
+      onExpand: handleExpanded,
+      expanded: controlExpanded,
+      defaultExpanded: defaultExpanded,
+      defaultExpandAll: defaultExpandAll,
+      isControlled: controlExpanded !== undefined
+    }),
+    datum = _useTree.datum,
+    unControlExpanded = _useTree.expanded;
   var onCollapse = usePersistFn(function (collapse) {
     onCollapseProp === null || onCollapseProp === void 0 || onCollapseProp(collapse);
     if (blurEvent.current && !collapse) {
@@ -213,10 +226,10 @@ var TreeSelect = function TreeSelect(props0) {
     closePop = _usePopup.closePop,
     PopupProvider = _usePopup.Provider,
     popupProviderValue = _usePopup.providerValue;
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hadOpened = _useState4[0],
-    setHadOpened = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hadOpened = _useState6[0],
+    setHadOpened = _useState6[1];
   useEffect(function () {
     if (open) {
       setHadOpened(true);
@@ -392,6 +405,11 @@ var TreeSelect = function TreeSelect(props0) {
     }
     onTiledFilter === null || onTiledFilter === void 0 || onTiledFilter(trim ? text.trim() : text);
   };
+  useEffect(function () {
+    if (virtual && expanded) {
+      setVirtualExpanded(expanded);
+    }
+  }, [expanded]);
   var handleChange = function handleChange(item, id) {
     if (disabled === true || datum !== null && datum !== void 0 && datum.isDisabled(id)) return;
     var currentData = datum.getDataById(id);
@@ -418,6 +436,11 @@ var TreeSelect = function TreeSelect(props0) {
   var handleTreeChange = function handleTreeChange(_value, id) {
     var item = datum.getDataById(id);
     handleChange(item, id);
+    var shouldFocus = showInput && reFocus;
+    if (multiple && !shouldFocus) {
+      var _inputRef$current3;
+      inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.select();
+    }
   };
   var handleRemove = function handleRemove(item, key) {
     if (!datum) return;
@@ -459,6 +482,7 @@ var TreeSelect = function TreeSelect(props0) {
         value: getResultValue(),
         data: data,
         focus: open,
+        reFocus: reFocus,
         keygen: keygen,
         disabled: disabled,
         compressed: compressed,
@@ -543,32 +567,41 @@ var TreeSelect = function TreeSelect(props0) {
     if ('expanded' in props) {
       treeProps.expanded = expanded;
     }
+    var style = {
+      maxHeight: height
+    };
     return /*#__PURE__*/_jsx("div", {
       className: classNames(styles.tree, styles.treeWrapper),
-      style: {
-        maxHeight: height
-      },
+      style: style,
       children: /*#__PURE__*/_jsx(Tree, _objectSpread(_objectSpread({
+        rootStyle: {
+          padding: '0 4px'
+        },
         jssStyle: jssStyle,
         renderItem: renderItem
       }, treeProps), {}, {
+        virtual: virtual,
         childrenKey: props.childrenKey,
         line: line,
+        ignoreSetFlat: true,
         mode: mode,
+        height: height,
         data: tiledData,
+        tiledData: tiledData,
         keygen: keygen,
         unmatch: unmatch,
         value: value,
         highlight: !multiple,
         loader: loader,
-        onExpand: onExpandTree,
-        expanded: controlExpanded,
+        onExpand: handleExpanded,
+        expanded: virtual ? virtualExpanded : controlExpanded || unControlExpanded,
         defaultExpandAll: defaultExpandAll,
         expandIcons: tiledExpandIcons,
         disabled: disabled,
         parentClickExpand: parentClickExpand,
         contentClass: getContentClass,
-        datum: datum
+        datum: datum,
+        actionOnClick: props.actionOnClick
       }))
     });
   };

package/esm/tree-select/tree-select.type.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TreeClasses } from '../tree/tree.type';
+import { TreeClasses, TreeProps } from '../tree/tree.type';
 import { KeygenResult, ObjectKey, UnMatchedData, ValueItem } from '@sheinx/hooks';
 import { SelectClasses } from '../select/select.type';
 import { TagClasses } from '../tag/tag.type';
@@ -99,7 +99,7 @@ export interface ComponentRef<DataItem, Value> {
      */
     getDataByValues: (values: Value) => Value extends any[] ? ResultItem<DataItem>[] : ResultItem<DataItem>;
 }
-export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle' | 'filterSameChange'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'>, BaseTipProps {
+export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'className' | 'style' | 'size' | 'status' | 'innerTitle' | 'filterSameChange'>, Pick<AbsoluteListProps, 'absolute' | 'zIndex'>, Pick<TreeProps<DataItem, any>, 'actionOnClick'>, BaseTipProps {
     /**
      * @en Data cache, if data change asynchronously, better set true
      * @cn 是否开启数据缓存，如果数据存在动态更新的情况建议开启
@@ -388,5 +388,16 @@ export interface TreeSelectProps<DataItem, Value> extends Pick<CommonType, 'clas
      * @default 400
      */
     filterDelay?: number;
+    /**
+     * @en Virtual list
+     * @cn 虚拟列表
+     */
+    virtual?: boolean;
+    /**
+     * @en There are onFilter and onCreate, select Option, automatically focus Input
+     * @cn 存在 onFilter 和 onCreate，选中 Option，自动 focus Input
+     * @default false
+     */
+    reFocus?: boolean;
 }
 //# sourceMappingURL=tree-select.type.d.ts.map