innov
/
bee-tree
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Wiki Activity

fix: stop propatation when cliking or checking a node

This commit is contained in:
gx 2021-03-22 10:47:57 +08:00
parent 35d394215d
commit 09b9d18e58
5 changed files with 6546 additions and 3270 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

2
dist/demo.css.map vendored
View File

File diff suppressed because one or more lines are too long

9799
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

11
src/TreeNode.js
View File

@ -177,6 +177,12 @@ class TreeNode extends React.Component {
} }
onStopPropagation = event => {
if (event) {
event.stopPropagation()
}
}
renderSwitcher(props, expandedState) { renderSwitcher(props, expandedState) {
let stateIcon; let stateIcon;
const prefixCls = props.prefixCls; const prefixCls = props.prefixCls;
@ -206,7 +212,7 @@ class TreeNode extends React.Component {
switcherCls[`${prefixCls}-switcher-disabled`] = true; switcherCls[`${prefixCls}-switcher-disabled`] = true;
return <span className={classNames(switcherCls)} style={props.switcherStyle}>{stateIcon}</span>; return <span className={classNames(switcherCls)} style={props.switcherStyle}>{stateIcon}</span>;
} }
return <span className={classNames(switcherCls)} style={props.switcherStyle} onClick={this.onExpand}>{stateIcon}</span>; return <span className={classNames(switcherCls)} style={props.switcherStyle} onMouseDown={this.onStopPropagation} onClick={this.onExpand}>{stateIcon}</span>;
} }
renderCheckbox(props) { renderCheckbox(props) {
@ -228,9 +234,10 @@ class TreeNode extends React.Component {
return <span className={classNames(checkboxCls)}>{customEle}</span>; return <span className={classNames(checkboxCls)}>{customEle}</span>;
} }
return ( return (
<span <span
className={classNames(checkboxCls) } className={classNames(checkboxCls) }
onClick={this.onCheck} onClick={this.onCheck}
onMouseDown={this.onStopPropagation}
>{customEle}</span>); >{customEle}</span>);
} }