fix(treeselect): prevent trigger onBlur when click folder icon

Tencent · Jan 30, 2023 · c4b46aa · c4b46aa
1 parent ece3013
commit c4b46aa
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/tree/hooks/useItemEvents.ts b/src/tree/hooks/useItemEvents.ts
@@ -19,6 +19,12 @@ export default function useItemEvents(props: TypeTreeItemProps, context: SetupCo
   };
 
   let clicked = false;
+
+  const handleMousedown = (evt: MouseEvent) => {
+    // 在mousedown阶段阻止冒泡 应用于处理如展开阻止下拉框失焦等场景
+    // evt.preventDefault();
+  };
+
   const handleClick = (evt: MouseEvent) => {
     const { expandOnClickNode } = props;
     const srcTarget = evt.target as HTMLElement;
@@ -50,5 +56,6 @@ export default function useItemEvents(props: TypeTreeItemProps, context: SetupCo
   return {
     handleChange,
     handleClick,
+    handleMousedown,
   };
 }
diff --git a/src/tree/hooks/useTreeItem.tsx b/src/tree/hooks/useTreeItem.tsx
@@ -15,7 +15,7 @@ export default function useTreeItem(props: TypeTreeItemProps, context: SetupCont
   const classPrefix = usePrefixClass().value;
   const componentName = usePrefixClass('tree').value;
 
-  const { handleClick } = useItemEvents(props, context);
+  const { handleClick, handleMousedown } = useItemEvents(props, context);
   const { renderIcon } = useRenderIcon(props);
   const { renderLabel } = useRenderLabel(props, context);
   const { renderLine } = useRenderLine(props);
@@ -107,6 +107,7 @@ export default function useTreeItem(props: TypeTreeItemProps, context: SetupCont
         data-value={value}
         data-level={level}
         style={styles}
+        onMousedown={handleMousedown}
         onClick={(evt: MouseEvent) => handleClick(evt)}
         draggable={node.isDraggable()}
         onDragstart={(evt: DragEvent) => handleDragStart(evt)}