fix(Tree): selectable=false cursor:default

Author: jinli.lyy

next

@@ -0,0 +1 @@
+Subproject commit 07510ab13e04ba54877c414e16e7dccbc4f1524f

src/tree/main.scss

@@ -173,6 +173,7 @@
         }
     }
 
+
     &.#{$css-prefix}node-indent {
         #{$tree-prefix}-node #{$tree-prefix}-node {
             margin-left: $tree-child-indent;
@@ -190,10 +191,14 @@
 
         #{$tree-prefix}-node-label {
             transition: color cubic-bezier(.23, 1, .32, 1) 300ms, background-color cubic-bezier(.23, 1, .32, 1) 300ms;
-            cursor: pointer;
+            cursor: default;
             @include tree-node-state($tree-node-normal-color, $tree-node-normal-background);
         }
 
+        #{$tree-prefix}-node-label-selectable {
+            cursor: pointer;
+        }
+
         #{$tree-prefix}-node-label:hover {
             @include tree-node-state($tree-node-hover-color, $tree-node-hover-bg-color);
         }

src/tree/view/tree-node.jsx

@@ -308,10 +308,16 @@ export default class TreeNode extends Component {
     }
 
     renderLabel() {
-        const { prefix, root } = this.props;
+        const { prefix, root, disabled } = this.props;
         const { isNodeBlock } = root.props;
         const { label } = this.state;
-        const labelProps = { className: `${prefix}tree-node-label` };
+        const selectable = typeof this.props.selectable !== 'undefined' ? this.props.selectable : root.props.selectable;
+        const labelProps = {
+            className: cx({
+                [`${prefix}tree-node-label`]: true,
+                [`${prefix}tree-node-label-selectable`]: selectable && !disabled
+            })
+        };
         if (!isNodeBlock) {
             this.addCallbacks(labelProps);
         }
@@ -351,7 +357,6 @@ export default class TreeNode extends Component {
         const { prefix, className, children, isLeaf, root, pos, selected, disabled, dragOver, dragOverGapTop, dragOverGapBottom } = this.props;
         const { loadData, isNodeBlock, showLine, draggable: rootDraggable, filterTreeNode } = root.props;
         this.showLine = !isNodeBlock && showLine;
-
         const others = pickOthers(Object.keys(TreeNode.propTypes), this.props);
         if (rootDraggable) {
             others.onDragEnter = this.handleDragEnter;