style(Tree): Tree没有子节点时展开箭头不再占位 #641 (#684)

Author: nullptr-z

packages/react-transfer/src/index.tsx

@@ -234,7 +234,7 @@ function Transfer(props: TransferProps) {
   return (
     <div className={cls} style={{ width: 400, ...style }}>
       <Card
-        bodyStyle={{ padding: 5 }}
+        bodyStyle={{ padding: '5px 9px' }}
         title={
           <div>
             {selectedAll && (
@@ -244,9 +244,9 @@ function Transfer(props: TransferProps) {
                 onChange={selectAllLeftChange}
               />
             )}
-            <span style={{ marginLeft: 10 }}>
+            <label style={{ marginLeft: 3 }}>
               {leftSelectedKeys.length}/{selectedOptionsShowCount.current}
-            </span>
+            </label>
           </div>
         }
         className={`${prefixCls}-card`}
@@ -279,7 +279,7 @@ function Transfer(props: TransferProps) {
         />
       </div>
       <Card
-        bodyStyle={{ padding: 5 }}
+        bodyStyle={{ padding: '5px 9px' }}
         className={`${prefixCls}-card`}
         title={
           <div>
@@ -290,9 +290,9 @@ function Transfer(props: TransferProps) {
                 onChange={selectAllRightChange}
               />
             )}
-            <span style={{ marginLeft: 10 }}>
+            <label style={{ marginLeft: 3 }}>
               {rightSelectedKeys.length}/{rightOpions.length}
-            </span>
+            </label>
           </div>
         }
       >

packages/react-tree/src/TreeNode.tsx

@@ -107,7 +107,11 @@ export default function TreeNode<T>(props: TreeNodeProps<T>) {
           return (
             <li key={idx} style={{ display: item.hideNode ? 'none' : 'block' }}>
               <div className={`${prefixCls}-label`}>
-                <span className={`${prefixCls}-switcher`} onClick={(evn) => onItemClick(item, evn)}>
+                <span
+                  style={{ display: noChild ? 'none' : 'auto' }}
+                  className={`${prefixCls}-switcher`}
+                  onClick={(evn) => onItemClick(item, evn)}
+                >
                   <Icon
                     type={iconItem || 'caret-right'}
                     className={[