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

package/cjs/tree/tree-content.js

@@ -22,6 +22,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 var NodeContent = function NodeContent(props) {
   var jssStyle = props.jssStyle,
     id = props.id,
+    virtual = props.virtual,
+    _props$level = props.level,
+    level = _props$level === void 0 ? 0 : _props$level,
     active = props.active,
     data = props.data,
     line = props.line,
@@ -42,7 +45,8 @@ var NodeContent = function NodeContent(props) {
     onChange = props.onChange,
     onToggle = props.onToggle,
     onDragOver = props.onDragOver,
-    onNodeClick = props.onNodeClick;
+    onNodeClick = props.onNodeClick,
+    actionOnClick = props.actionOnClick;
   var forceUpdate = (0, _hooks.useRender)();
   var _useTreeContext = (0, _treeContext.useTreeContext)(),
     isDisabled = _useTreeContext.isDisabled,
@@ -53,8 +57,7 @@ var NodeContent = function NodeContent(props) {
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = (0, _classnames.default)(contentStyle.contentWrapper, _defineProperty(_defineProperty(_defineProperty({}, contentStyle.childnode, data[childrenKey] && data[childrenKey].length > 0), contentStyle.inlineContent, inlineNode), contentStyle.contentDisabled, disabled));
   var contentClass = (0, _classnames.default)(contentStyle.content, _hooks.util.isString(contentClassProp) && contentClassProp, _hooks.util.isFunc(contentClassProp) && contentClassProp(data));
-  // const textClass = classNames(contentStyle.text, disabled ? contentStyle.textDisabled : '');
-  var textClass = (0, _classnames.default)(contentStyle.text);
+  var textClass = (0, _classnames.default)(contentStyle.text, _defineProperty({}, contentStyle.textClickable, actionOnClick && !_hooks.util.isEmpty(actionOnClick) || parentClickExpand || doubleClickExpand));
   var hasExpandIcons = expandIcons !== undefined;
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
@@ -68,7 +71,7 @@ var NodeContent = function NodeContent(props) {
     // }
     return dataProps;
   };
-  var handleIndicatorClick = function handleIndicatorClick() {
+  var handleNodeExpand = function handleNodeExpand() {
     onToggle === null || onToggle === void 0 || onToggle(id);
     if (data[childrenKey] !== undefined) return;
     if (loader) {
@@ -81,20 +84,43 @@ var NodeContent = function NodeContent(props) {
       }
     }
   };
+  var _useTreeContext2 = (0, _treeContext.useTreeContext)(),
+    getValue = _useTreeContext2.getValue,
+    set = _useTreeContext2.set,
+    getChecked = _useTreeContext2.getChecked;
+  // 选中节点前的复选框
+  var handleNodeCheck = function handleNodeCheck(_, checked) {
+    set(id, checked ? 1 : 0);
+    if (onChange) {
+      onChange(getValue());
+    }
+  };
+  var checked = getChecked(id);
   var handleNodeClick = function handleNodeClick() {
-    // if (disabled) return;
     if (parentClickExpand && hasChildren) {
-      handleIndicatorClick();
+      handleNodeExpand();
     } else {
       onNodeClick(data, id);
     }
+    if (!actionOnClick) return;
+    if (actionOnClick.indexOf('expand') > -1) {
+      handleNodeExpand();
+    }
+    if (actionOnClick.indexOf('check') > -1) {
+      handleNodeCheck(null, !checked);
+    }
   };
-  var handleNodeExpand = function handleNodeExpand() {
+
+  // 双击节点展开子节点
+  var onNodeDoubleClick = function onNodeDoubleClick() {
     if (!doubleClickExpand) return;
-    if (hasChildren) handleIndicatorClick();
+    if (hasChildren) handleNodeExpand();
   };
   var renderLoading = function renderLoading() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      style: virtual ? {
+        left: (level - 1) * 24
+      } : undefined,
       className: contentStyle.iconWrapper,
       "data-expanded": expanded,
       "data-icon": hasExpandIcons,
@@ -119,20 +145,23 @@ var NodeContent = function NodeContent(props) {
         dir: config.direction,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: _hooks.util.isFunc(icon) ? icon(data) : icon
         })
       });
     } else {
       indicator = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: virtual ? {
+          left: (level - 1) * 24
+        } : undefined,
         className: contentStyle.iconWrapper,
         "data-expanded": expanded,
         "data-icon": hasExpandIcons,
         dir: config.direction,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: (0, _classnames.default)(contentStyle.icon, iconClass),
-          onClick: handleIndicatorClick,
+          onClick: handleNodeExpand,
           dir: config.direction,
           children: _hooks.util.isFunc(icon) ? icon(data) : hasExpandIcons ? icon : _icons.default.tree.Expand
         })
@@ -150,7 +179,8 @@ var NodeContent = function NodeContent(props) {
       id: id,
       disabled: disabled,
       className: contentStyle.checkbox,
-      onChange: onChange
+      checked: checked,
+      onChange: handleNodeCheck
     });
   };
   var renderNode = function renderNode() {
@@ -159,29 +189,23 @@ var NodeContent = function NodeContent(props) {
     };
     return render(data, expanded, active, id);
   };
-  var contentEvent = {
-    onClick: inlineNode ? undefined : handleNodeClick
-  };
-  var textEvent = {
-    onClick: inlineNode ? handleNodeClick : undefined
-  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: rootClass,
     onDragOver: onDragOver,
     dir: config.direction,
-    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
+    children: [renderIndicator(), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
       dir: config.direction,
       "data-expanded": expanded,
       ref: bindContent,
       className: contentClass
-    }, contentDataProps()), contentEvent), {}, {
-      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
+    }, contentDataProps()), {}, {
+      children: [onChange && renderCheckbox(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         dir: config.direction,
         className: textClass,
-        onDoubleClick: handleNodeExpand
-      }, textEvent), {}, {
+        onDoubleClick: onNodeDoubleClick,
+        onClick: handleNodeClick,
         children: renderNode()
-      }))]
+      })]
     }))]
   });
 };

package/cjs/tree/tree-content.type.d.ts

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
-import { JsstyleType, TreeRenderItemType } from './tree.type';
-export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'> {
+import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
+export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'expanded' | 'active'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
     jssStyle?: JsstyleType;
     id: KeygenResult;
+    virtual?: boolean;
+    level?: number;
     parentClickExpand?: boolean;
     doubleClickExpand?: boolean;
     data: DataItem;
@@ -17,7 +19,7 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
     childrenKey: keyof DataItem;
     renderItem: TreeRenderItemType<DataItem>;
     childrenClass?: ((data: DataItem) => string) | string;
-    bindNode: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
+    bindNode?: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
         expanded: boolean;
         active: boolean;
     };
@@ -29,7 +31,35 @@ export interface TreeContextProps<DataItem, Value extends KeygenResult[]> extend
     setFetching: (value: boolean) => void;
     onToggle?: (id: KeygenResult, expanded?: boolean) => void;
     onFetch: () => void;
-    onDragOver: (e: React.DragEvent) => void;
+    onDragOver?: (e: React.DragEvent) => void;
+    onNodeClick: (data: DataItem, id: KeygenResult) => void;
+    onChange?: (value: Value) => void;
+}
+export interface TreeVirtualContextProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'data' | 'childrenKey' | 'active' | 'expanded'> {
+    jssStyle?: JsstyleType;
+    id: KeygenResult;
+    level: number;
+    expanded: boolean;
+    parentClickExpand?: boolean;
+    doubleClickExpand?: boolean;
+    data: DataItem;
+    line: boolean;
+    active: boolean;
+    iconClass?: string;
+    leafClass?: string | ((data: DataItem) => string);
+    contentClass?: string | ((data: DataItem) => string);
+    expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
+    childrenKey: keyof DataItem;
+    renderItem: TreeRenderItemType<DataItem>;
+    childrenClass?: ((data: DataItem) => string) | string;
+    bindContent: React.RefObject<HTMLDivElement>;
+    fetching: boolean;
+    inlineNode?: boolean;
+    highlight?: boolean;
+    loader?: (key: KeygenResult, data: DataItem) => void | Promise<any>;
+    setFetching: (value: boolean) => void;
+    onToggle?: (id: KeygenResult, expanded?: boolean) => void;
+    onFetch: () => void;
     onNodeClick: (data: DataItem, id: KeygenResult) => void;
     onChange?: (value: Value) => void;
 }

package/cjs/tree/tree-content.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE9D,MAAM,WAAW,gBAAgB,CAAC,QAAQ,EAAE,KAAK,SAAS,YAAY,EAAE,CACtE,SAAQ,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,CAAC;IACrF,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,EAAE,EAAE,YAAY,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC;IACvE,WAAW,EAAE,MAAM,QAAQ,CAAC;IAC5B,UAAU,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,CACR,EAAE,EAAE,YAAY,EAChB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,KACX;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,KAAK,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACpE,WAAW,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,YAAY,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACnC"}
+{"version":3,"file":"tree-content.type.d.ts","sourceRoot":"","sources":["tree-content.type.ts"],"names":[],"mappings":"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"}

package/cjs/tree/tree-context.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TreeProviderProps } from './tree-context.type';
 export declare const TreeContext: React.Context<import("../../../hooks/src/components/use-tree/use-tree.type").TreeDatum<any>>;
-export declare const Provider: <DataItem>(props: TreeProviderProps<DataItem>) => JSX.Element;
+export declare const Provider: <DataItem>(props: TreeProviderProps<DataItem>) => import("react/jsx-runtime").JSX.Element;
 export declare const useTreeContext: () => import("../../../hooks/src/components/use-tree/use-tree.type").TreeDatum<any>;
 //# sourceMappingURL=tree-context.d.ts.map

package/cjs/tree/tree-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-context.d.ts","sourceRoot":"","sources":["tree-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,8FAA0E,CAAC;AAEnG,eAAO,MAAM,QAAQ,+DAGpB,CAAC;AAEF,eAAO,MAAM,cAAc,qFAAsC,CAAC"}
+{"version":3,"file":"tree-context.d.ts","sourceRoot":"","sources":["tree-context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE1E,eAAO,MAAM,WAAW,8FAA0E,CAAC;AAEnG,eAAO,MAAM,QAAQ,2FAGpB,CAAC;AAEF,eAAO,MAAM,cAAc,qFAAsC,CAAC"}

package/cjs/tree/tree-list.d.ts

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

package/cjs/tree/tree-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["tree-list.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,uGAmHT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-list.d.ts","sourceRoot":"","sources":["tree-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,mIAqHT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/tree/tree-list.js

@@ -30,6 +30,8 @@ var List = function List(props) {
     iconClass = props.iconClass,
     leafClass = props.leafClass,
     nodeClass = props.nodeClass,
+    _props$rootStyle = props.rootStyle,
+    rootStyle = _props$rootStyle === void 0 ? {} : _props$rootStyle,
     contentClass = props.contentClass,
     expandIcons = props.expandIcons,
     childrenKey = props.childrenKey,
@@ -52,7 +54,8 @@ var List = function List(props) {
     childrenClass = props.childrenClass,
     childrenClassName = props.childrenClassName,
     parentClickExpand = props.parentClickExpand,
-    doubleClickExpand = props.doubleClickExpand;
+    doubleClickExpand = props.doubleClickExpand,
+    actionOnClick = props.actionOnClick;
   var listClass = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
   var rootClass = (0, _classnames.default)(className || listClass.children, childrenClassName);
   var getKey = function getKey(data, index) {
@@ -103,12 +106,13 @@ var List = function List(props) {
       onDragOver: onDragOver,
       onDragStart: onDragStart,
       onDragEnd: onDragEnd,
-      onDragLeave: onDragLeave
+      onDragLeave: onDragLeave,
+      actionOnClick: actionOnClick
     }, id);
   };
   if (!expanded && !hasExpanded.current) return null;
   hasExpanded.current = true;
-  var newStyle = Object.assign({}, style, {
+  var newStyle = Object.assign(rootStyle, style, {
     display: expanded ? 'block' : 'none'
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/cjs/tree/tree-list.type.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { BaseTreeProps, KeygenResult, UpdateFunc } from '@sheinx/hooks';
 import { CommonType } from '../common/type';
-import { JsstyleType, TreeRenderItemType } from './tree.type';
-export interface TreeListProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'> {
+import { JsstyleType, TreeRenderItemType, TreeProps } from './tree.type';
+export interface TreeListProps<DataItem, Value extends KeygenResult[]> extends Omit<BaseTreeProps<DataItem>, 'childrenKey' | 'expanded'>, Pick<CommonType, 'className' | 'style'>, Pick<TreeProps<DataItem, Value>, 'actionOnClick'> {
     jssStyle?: JsstyleType;
     id?: KeygenResult;
     line: boolean;
@@ -14,6 +14,7 @@ export interface TreeListProps<DataItem, Value extends KeygenResult[]> extends O
     childrenClassName?: string;
     expandIcons?: (React.ReactNode | ((d: DataItem) => React.ReactNode))[];
     iconClass?: string;
+    rootStyle?: React.CSSProperties;
     leafClass?: string | ((data: DataItem) => string);
     nodeClass?: string | ((data: DataItem) => string);
     contentClass?: string | ((data: DataItem) => string);
@@ -21,7 +22,7 @@ export interface TreeListProps<DataItem, Value extends KeygenResult[]> extends O
     dragImageStyle?: React.CSSProperties;
     dragSibling?: boolean;
     dragHoverExpand?: boolean;
-    childrenClass: (data: DataItem) => string | undefined;
+    childrenClass?: ((data: DataItem) => string) | string;
     bindNode: (id: KeygenResult, update: UpdateFunc, data: DataItem) => {
         expanded: boolean;
         active: boolean;

package/cjs/tree/tree-list.type.d.ts.map

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

package/cjs/tree/tree-node.d.ts

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

package/cjs/tree/tree-node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAiC,YAAY,EAAE,MAAM,eAAe,CAAC;AAkB5E,QAAA,MAAM,IAAI,gGAqST,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tree-node.d.ts","sourceRoot":"","sources":["tree-node.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,QAAA,MAAM,QAAQ,4HAWb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tree/tree-node.js

@@ -4,12 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _treeContent = _interopRequireDefault(require("./tree-content"));
-var _treeContext = require("./tree-context");
-var _hooks = require("@sheinx/hooks");
-var _config = require("../config");
+var _react = _interopRequireDefault(require("react"));
+var _treeSimpleNode = _interopRequireDefault(require("./tree-simple-node"));
+var _treeVirtualNode = _interopRequireDefault(require("./tree-virtual-node"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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); }
@@ -18,271 +15,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var placeElement = null;
-var innerPlaceElement = null;
-var placeInfo = {
-  start: '',
-  target: ''
-};
-var dragLock = false;
-var initPlaceElement = function initPlaceElement() {
-  if (_hooks.util.isBrowser() && !(placeElement && innerPlaceElement)) {
-    placeElement = document.createElement('div');
-    innerPlaceElement = document.createElement('div');
-    placeElement.appendChild(innerPlaceElement);
-  }
-};
-initPlaceElement();
-var Node = function Node(props) {
-  var jssStyle = props.jssStyle,
-    id = props.id,
-    data = props.data,
-    line = props.line,
-    isControlled = props.isControlled,
-    index = props.index,
-    renderItem = props.renderItem,
-    parentClickExpand = props.parentClickExpand,
-    doubleClickExpand = props.doubleClickExpand,
-    iconClass = props.iconClass,
-    leafClass = props.leafClass,
-    nodeClass = props.nodeClass,
-    contentClass = props.contentClass,
-    expandIcons = props.expandIcons,
-    keygen = props.keygen,
-    mode = props.mode,
-    childrenKey = props.childrenKey,
-    inlineNode = props.inlineNode,
-    highlight = props.highlight,
-    dragSibling = props.dragSibling,
-    dragHoverExpand = props.dragHoverExpand,
-    dragImageSelector = props.dragImageSelector,
-    dragImageStyle = props.dragImageStyle,
-    childrenClass = props.childrenClass,
-    bindNode = props.bindNode,
-    loader = props.loader,
-    onChange = props.onChange,
-    onNodeClick = props.onNodeClick,
-    onToggle = props.onToggle,
-    onDrop = props.onDrop,
-    onDragOver = props.onDragOver,
-    onDragLeave = props.onDragLeave,
-    onDragStart = props.onDragStart,
-    onDragEnd = props.onDragEnd,
-    List = props.listComponent;
-  initPlaceElement();
-  var config = (0, _config.useConfig)();
-  var element = (0, _react.useRef)(null);
-  var content = (0, _react.useRef)(null);
-  var dragImage = (0, _react.useRef)(null);
-  var _useTreeContext = (0, _treeContext.useTreeContext)(),
-    getPath = _useTreeContext.getPath;
-  var _useTreeNode = (0, _hooks.useTreeNode)({
-      id: id,
-      data: data,
-      bindNode: bindNode,
-      loader: loader,
-      onToggle: onToggle,
-      childrenKey: childrenKey,
-      element: element,
-      content: content.current,
-      dragImageSelector: dragImageSelector,
-      dragImageStyle: dragImageStyle
-    }),
-    active = _useTreeNode.active,
-    isLeaf = _useTreeNode.isLeaf,
-    fetching = _useTreeNode.fetching,
-    setFetching = _useTreeNode.setFetching,
-    expanded = _useTreeNode.expanded,
-    setExpanded = _useTreeNode.setExpanded;
-  var children = data[childrenKey];
-  var hasChildren = children && children.length > 0;
-  var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = (0, _classnames.default)(contentStyle.node, isLeaf() && (_hooks.util.isString(leafClass) ? leafClass : _hooks.util.isFunc(leafClass) && leafClass(data)), _hooks.util.isString(nodeClass) && nodeClass, _hooks.util.isFunc(nodeClass) && nodeClass(data), _defineProperty({}, contentStyle.leaf, !hasChildren));
-  if (placeElement) {
-    placeElement.className = contentStyle.placement;
+var TreeNode = function TreeNode(props) {
+  // TODO: 外部没有传递 virtual 属性的用法，考虑删除
+  var virtual = props.virtual;
+  if (virtual) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeVirtualNode.default, _objectSpread(_objectSpread({}, props), {}, {
+      level: 1
+    }));
   }
-  var handleFetch = function handleFetch() {};
-  var handleToggle = function handleToggle() {
-    var nextExpanded = !expanded;
-    setExpanded(nextExpanded);
-    if (onToggle) onToggle(id, nextExpanded);
-  };
-  var handleDragOver = function handleDragOver(e) {
-    if (!dragLock) return;
-    var current = getPath(placeInfo.start);
-    var target = getPath(id);
-    if (!current || !target) return;
-    var currentPathStr = current.path.join('/');
-    var targetPathStr = target.path.join('/');
-    if (dragSibling && targetPathStr !== currentPathStr) return;
-    if (dragHoverExpand && !expanded) {
-      onToggle === null || onToggle === void 0 || onToggle(id);
-    }
-    var hover = element.current;
-    var rect = hover.getBoundingClientRect();
-    var clientHeight = e.target.getBoundingClientRect().height || 20;
-    var hoverMiddleY = (rect.bottom - rect.top) / 2;
-    var hoverClientY = e.clientY - rect.top;
-    var position = index;
-    if (innerPlaceElement) {
-      innerPlaceElement.style.height = '0px';
-    }
-    if (placeElement && innerPlaceElement) {
-      if (hoverClientY < hoverMiddleY + clientHeight * 0.2) {
-        hover.parentNode.insertBefore(placeElement, hover);
-        if (hoverClientY > clientHeight * 0.3) {
-          if (!dragSibling) {
-            position = -1;
-            innerPlaceElement.style.height = "".concat(rect.height, "px");
-          } else {
-            position += 1;
-            hover.parentNode.insertBefore(placeElement, hover.nextElementSibling);
-          }
-        }
-      } else {
-        position += 1;
-        hover.parentNode.insertBefore(placeElement, hover.nextElementSibling);
-      }
-      placeInfo.target = id;
-      // @ts-ignore
-      placeElement.setAttribute('data-position', position);
-    }
-    if (onDragOver) onDragOver(e, data);
-  };
-  var handleDragStart = function handleDragStart(e) {
-    if (dragLock) return;
-    dragLock = true;
-    e.dataTransfer.effectAllowed = 'copyMove';
-    e.dataTransfer.setData('text/plain', id);
-    placeInfo.start = id;
-    var el = document.querySelector(dragImageSelector(data));
-    var dragEl = el || content.current;
-    var rect = dragEl.getBoundingClientRect();
-    dragImage.current = dragEl.cloneNode(true);
-    document.body.appendChild(dragImage.current);
-    dragImage.current.style.position = 'absolute';
-    dragImage.current.style.top = '-1000px';
-    dragImage.current.style.left = '-1000px';
-    dragImage.current.style.width = "".concat(rect.width, "px");
-    dragImage.current.style.background = '#fff';
-    dragImage.current.style.boxShadow = '0 0 5px 0 rgba(0, 0, 0, 0.1)';
-    if (dragImageStyle) {
-      Object.keys(dragImageStyle).forEach(function (k) {
-        var _dragImage$current;
-        var styleKey = k;
-        ((_dragImage$current = dragImage.current) === null || _dragImage$current === void 0 ? void 0 : _dragImage$current.style)[styleKey] = dragImageStyle[styleKey];
-      });
-    }
-    e.dataTransfer.setDragImage(dragImage.current, e.clientX - rect.left, e.clientY - rect.top);
-    setTimeout(function () {
-      element.current.style.display = 'none';
-    }, 0);
-    if (onDragStart) onDragStart(e, data);
-  };
-  var handleDragEnd = function handleDragEnd(e) {
-    element.current.style.display = '';
-    if (!dragLock) return;
-    dragLock = false;
-    if (!placeElement || !placeElement.parentNode) return;
-    if (dragImage.current && dragImage.current.parentNode) dragImage.current.parentNode.removeChild(dragImage.current);
-    var position = parseInt(placeElement.getAttribute('data-position') || '', 10);
-    var target = placeInfo.target;
-    placeElement.parentNode.removeChild(placeElement);
-    if (onDrop && (target !== id || index !== position)) {
-      onDrop(id, target, position);
-    }
-    if (onDragEnd) onDragEnd(e, data);
-  };
-  var handleDragLeave = function handleDragLeave(e) {
-    if (onDragLeave) onDragLeave(e, data);
-  };
-  var getChildrenListProps = function getChildrenListProps() {
-    return {
-      id: id,
-      keygen: keygen,
-      jssStyle: jssStyle,
-      renderItem: renderItem,
-      expandIcons: expandIcons,
-      iconClass: iconClass,
-      leafClass: leafClass,
-      nodeClass: nodeClass,
-      isControlled: isControlled,
-      contentClass: contentClass,
-      parentClickExpand: parentClickExpand,
-      doubleClickExpand: doubleClickExpand,
-      expanded: expanded,
-      line: line,
-      data: children,
-      mode: mode,
-      index: index,
-      loader: loader,
-      inlineNode: inlineNode,
-      highlight: highlight,
-      onDrop: onDrop,
-      onChange: onChange,
-      onToggle: onToggle,
-      onNodeClick: onNodeClick,
-      onDragOver: onDragOver,
-      onDragLeave: onDragLeave,
-      onDragStart: onDragStart,
-      onDragEnd: onDragEnd,
-      bindNode: bindNode,
-      childrenClassName: childrenClass(data),
-      childrenKey: childrenKey,
-      childrenClass: childrenClass,
-      dragSibling: dragSibling,
-      dragHoverExpand: dragHoverExpand,
-      dragImageStyle: dragImageStyle,
-      dragImageSelector: dragImageSelector
-    };
-  };
-  var getDropProps = function getDropProps() {
-    var dropEvents = {};
-    if (onDrop) {
-      Object.assign(dropEvents, {
-        draggable: true,
-        onDragStart: handleDragStart,
-        onDragEnd: handleDragEnd,
-        onDragLeave: handleDragLeave
-      });
-    }
-    return dropEvents;
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, getDropProps()), {}, {
-    ref: element,
-    className: rootClass,
-    dir: config.direction,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_treeContent.default, {
-      jssStyle: jssStyle,
-      isControlled: isControlled,
-      id: id,
-      line: line,
-      data: data,
-      mode: mode,
-      contentClass: contentClass,
-      active: active,
-      fetching: fetching,
-      expanded: expanded,
-      keygen: keygen,
-      bindNode: bindNode,
-      bindContent: content,
-      childrenKey: childrenKey,
-      renderItem: renderItem,
-      iconClass: iconClass,
-      leafClass: leafClass,
-      expandIcons: expandIcons,
-      parentClickExpand: parentClickExpand,
-      doubleClickExpand: doubleClickExpand,
-      loader: loader,
-      inlineNode: inlineNode,
-      highlight: highlight,
-      setFetching: setFetching,
-      onChange: onChange,
-      onFetch: handleFetch,
-      onNodeClick: onNodeClick,
-      onDragOver: handleDragOver,
-      onToggle: handleToggle
-    }), hasChildren && /*#__PURE__*/(0, _react.createElement)(List, getChildrenListProps())]
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_treeSimpleNode.default, _objectSpread({}, props));
 };
-var _default = exports.default = Node;
+var _default = exports.default = TreeNode;