Tree.js
2.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _extends from "@babel/runtime/helpers/extends";
import * as React from 'react';
import RcTree, { TreeNode } from 'rc-tree';
import classNames from 'classnames';
import DirectoryTree from './DirectoryTree';
import { ConfigContext } from '../config-provider';
import collapseMotion from '../_util/motion';
import renderSwitcherIcon from './utils/iconUtil';
import dropIndicatorRender from './utils/dropIndicator';
var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
var _classNames;
var _React$useContext = React.useContext(ConfigContext),
getPrefixCls = _React$useContext.getPrefixCls,
direction = _React$useContext.direction,
virtual = _React$useContext.virtual;
var customizePrefixCls = props.prefixCls,
className = props.className,
showIcon = props.showIcon,
showLine = props.showLine,
_switcherIcon = props.switcherIcon,
blockNode = props.blockNode,
children = props.children,
checkable = props.checkable;
var prefixCls = getPrefixCls('tree', customizePrefixCls);
var newProps = _extends(_extends({}, props), {
showLine: Boolean(showLine),
dropIndicatorRender: dropIndicatorRender
});
return /*#__PURE__*/React.createElement(RcTree, _extends({
itemHeight: 20,
ref: ref,
virtual: virtual
}, newProps, {
prefixCls: prefixCls,
className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-icon-hide"), !showIcon), _defineProperty(_classNames, "".concat(prefixCls, "-block-node"), blockNode), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className),
direction: direction,
checkable: checkable ? /*#__PURE__*/React.createElement("span", {
className: "".concat(prefixCls, "-checkbox-inner")
}) : checkable,
switcherIcon: function switcherIcon(nodeProps) {
return renderSwitcherIcon(prefixCls, _switcherIcon, showLine, nodeProps);
}
}), children);
});
Tree.TreeNode = TreeNode;
Tree.DirectoryTree = DirectoryTree;
Tree.defaultProps = {
checkable: false,
showIcon: false,
motion: _extends(_extends({}, collapseMotion), {
motionAppear: false
}),
blockNode: false
};
export default Tree;