fix(Tree): simplify tree node open condition

packages/components/tree/TreeItem.tsx

@@ -272,14 +272,14 @@ const TreeItem = forwardRef(
             stopLabelTrigger={expandOnClickNode && !!node.children}
             {...checkboxProps}
           >
-            <span date-target="label">{labelText}</span>
+            <span data-target="label">{labelText}</span>
           </Checkbox>
         );
       }
       return (
         <span
           ref={setRefCurrent}
-          date-target="label"
+          data-target="label"
           className={labelClasses}
           // label 可以传入 ReactNode， 如果直接取里面的 children 值，当多层级的时候会有问题
           // 所以这里判断如果 label是 ReactNode， 并且 text没有值 就不展示 title
@@ -308,7 +308,7 @@ const TreeItem = forwardRef(
 
       if (operationsView) {
         return (
-          <span className={treeClassNames.treeOperations} date-target="operations">
+          <span className={treeClassNames.treeOperations} data-target="operations">
             {operationsView}
           </span>
         );
@@ -362,19 +362,14 @@ const TreeItem = forwardRef(
       evt.preventDefault();
       setDragStatus('drop', evt);
     };
-    const childrenKey = props.keys?.children || 'children';
 
     return (
       <div
         ref={composeRefs(ref, nodeRef)}
         data-value={node.value}
         data-level={level}
         className={classNames(treeClassNames.treeNode, {
-          [treeClassNames.treeNodeOpen]:
-            node.expanded &&
-            (typeof node.data[childrenKey] === 'boolean'
-              ? node.data[childrenKey]
-              : node.data[childrenKey] !== undefined),
+          [treeClassNames.treeNodeOpen]: node.expanded,
           [treeClassNames.actived]: node.isActivable() ? node.actived : false,
           [treeClassNames.disabled]: node.isDisabled(),
           [treeClassNames.treeNodeDraggable]: !node.isDisabled() && node.isDraggable(),

packages/components/tree/__tests__/mount.jsx

@@ -3,21 +3,21 @@ import { render } from '@test/utils';
 
 const items = [
   {
-    label: '第1一段',
+    label: '第 1 段',
     value: 1,
     children: [
       {
-        label: '第二段',
+        label: '第 1-1 段',
         value: '1-1',
       },
       {
-        label: '第二段',
+        label: '第 1-2 段',
         value: '1-2',
       },
     ],
   },
   {
-    label: '第1二段',
+    label: '第 2 段',
     value: 2,
   },
 ];

packages/components/tree/__tests__/tree.test.tsx

@@ -1,29 +1,29 @@
 import React from 'react';
-import { render, fireEvent, vi, mockTimeout, mockDelay } from '@test/utils';
-import Tree from '../Tree';
+import { fireEvent, mockDelay, mockTimeout, render, vi } from '@test/utils';
 import Button from '../../button';
+import Tree from '../Tree';
 import { TdTreeProps } from '../type';
 
 // TODO
 describe('Tree test', () => {
   // label 类型定义有问题
   const items = [
     {
-      label: '第1一段',
+      label: '第 1 段',
       value: 1,
       children: [
         {
-          label: '第二段',
+          label: '第 1-1 段',
           value: '1-1',
         },
         {
-          label: '第二段',
+          label: '第 1-2 段',
           value: '1-2',
         },
       ],
     },
     {
-      label: '第二段',
+      label: '第 2 段',
       value: 2,
     },
   ];
@@ -214,31 +214,31 @@ describe('Tree test', () => {
   describe('Test props.line', async () => {
     const data = [
       {
-        label: '第1一段',
+        label: '第 1 段',
         value: 1,
         children: [
           {
-            label: '第二段',
+            label: '第 1-1 段',
             value: '1-1',
             children: [
               {
-                label: '第三段',
+                label: '第 1-1-1 段',
                 value: '1-1-1',
               },
             ],
           },
         ],
       },
       {
-        label: '第二段',
+        label: '第 2 段',
         value: 2,
         children: [
           {
-            label: '2.1',
+            label: '第 2-1 段',
             value: '2-1',
             children: [
               {
-                label: '2.1.1',
+                label: '第 2-1-1 段',
                 value: '2-1-1',
               },
             ],
@@ -300,19 +300,19 @@ describe('Tree test', () => {
   test('TreeNodeState.loading works fine', async () => {
     const data = [
       {
-        label: '第1一段',
+        label: '第 1 段',
         value: 1,
         loading: true,
         expanded: true,
         children: [
           {
-            label: '第二段',
+            label: '第 1-1 段',
             value: '1-1',
           },
         ],
       },
       {
-        label: '第二段',
+        label: '第 2 段',
         value: 2,
       },
     ];
@@ -324,17 +324,17 @@ describe('Tree test', () => {
   test('custom label', async () => {
     const data = [
       {
-        label: '第1一段',
+        label: '第 1 段',
         value: 1,
         children: [
           {
-            label: '第二段',
+            label: '第 1-1 段',
             value: '1-1',
           },
         ],
       },
       {
-        label: '第二段',
+        label: '第 2 段',
         value: 2,
       },
     ];