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

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

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

* chore: stash changelog [ci skip]

---------

Co-authored-by: tdesign-bot <[email protected]>

Author: RylanBot

packages/components/tree/_example/draggable.vue

@@ -7,6 +7,7 @@
       transition
       expand-all
       draggable
+      check-strictly
       :allow-drop="handleAllowDrop"
       @drag-start="handleDragStart"
       @drag-end="handleDragEnd"
@@ -49,6 +50,7 @@ const items = ref([
               {
                 value: '1.1.2.1',
                 label: '1.1.2.1',
+                disabled: true,
               },
               {
                 value: '1.1.2.2',
@@ -70,7 +72,7 @@ const items = ref([
       },
       {
         value: '2.2',
-        label: '2.2 不允许拖放为 2.2 的子节点',
+        label: '2.2 （不允许其它节点拖放为其子节点）',
       },
     ],
   },

packages/components/tree/hooks/useTreeItem.tsx

@@ -76,7 +76,7 @@ export default function useTreeItem(state: TypeTreeItemState) {
       [`${classPrefix}-is-disabled`]: node.isDisabled(),
     });
     list.push({
-      [`${componentName}__item--draggable`]: node.isDraggable(),
+      [`${componentName}__item--draggable`]: !node.isDisabled() && node.isDraggable(),
     });
     if (node.visible) {
       list.push(`${componentName}__item--visible`);
@@ -143,7 +143,7 @@ export default function useTreeItem(state: TypeTreeItemState) {
         data-level={level}
         style={styles}
         onClick={(evt: MouseEvent) => handleClick(evt)}
-        draggable={node.isDraggable()}
+        draggable={!node.isDisabled() && node.isDraggable()}
         onDragstart={(evt: DragEvent) => handleDragStart(evt)}
         onDragend={(evt: DragEvent) => handleDragEnd(evt)}
         onDragover={(evt: DragEvent) => handleDragOver(evt)}

packages/tdesign-vue-next/.changelog/pr-5914.md

@@ -0,0 +1,6 @@
+---
+pr_number: 5914
+contributor: RylanBot
+---
+
+- fix(Tree): 修复 draggable 在 disabled 状态下依旧生效的异常，此前有依赖此错误的业务请注意此变动 ⚠️ @RylanBot ([#5914](https://github.com/Tencent/tdesign-vue-next/pull/5914))