fix(Tree): add disabled state check for draggable nodes (#3740)

* fix(Tree): add `disabled` state check for `draggable` nodes

* fix(Tree): ensure draggable class is only applied to non-disabled nodes

Author: RylanBot

packages/components/tree/TreeItem.tsx

@@ -377,7 +377,7 @@ const TreeItem = forwardRef(
               : node.data[childrenKey] !== undefined),
           [treeClassNames.actived]: node.isActivable() ? node.actived : false,
           [treeClassNames.disabled]: node.isDisabled(),
-          [treeClassNames.treeNodeDraggable]: node.isDraggable(),
+          [treeClassNames.treeNodeDraggable]: !node.isDisabled() && node.isDraggable(),
           [treeClassNames.treeNodeDragging]: isDragging,
           [treeClassNames.treeNodeDragTipTop]: isDragOver && dropPosition < 0,
           [treeClassNames.treeNodeDragTipBottom]: isDragOver && dropPosition > 0,
@@ -390,7 +390,7 @@ const TreeItem = forwardRef(
           } as CSSProperties
         }
         onClick={handleClick}
-        draggable={node.isDraggable()}
+        draggable={!node.isDisabled() && node.isDraggable()}
         onDragStart={handleDragStart}
         onDragEnd={handleDragEnd}
         onDragOver={handleDragOver}

packages/components/tree/_example/draggable.tsx

@@ -37,6 +37,7 @@ const items = [
               {
                 value: '1.1.2.2',
                 label: '1.1.2.2',
+                disabled: true,
               },
             ],
           },
@@ -92,6 +93,7 @@ export default () => {
         transition
         expandAll
         draggable
+        checkStrictly
         allowDrop={handleAllowDrop}
         onDrop={handleDrop}
         onDragStart={handleDragStart}