fix: cascader filter

Tencent · Apr 16, 2022 · 264f538 · 264f538
1 parent 51e024d
commit 264f538
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/cascader/components/InputContent.tsx b/src/cascader/components/InputContent.tsx
@@ -290,7 +290,7 @@ export default mixins(cascaderGglobalConfig).extend({
           this.isHover = false;
         }}
         onClick={(e: MouseEvent) => {
-          e.preventDefault();
+          e.stopPropagation();
           innerContentClickEffect(cascaderContext);
         }}
       >

diff --git a/src/cascader/utils/inputContent.ts b/src/cascader/utils/inputContent.ts
@@ -157,16 +157,19 @@ export function outerClickListenerEffect(
   cascaderContext: CascaderContextType,
   event: MouseEvent | TouchEvent,
 ) {
-  const { visible, setVisible } = cascaderContext;
-  if (!ref || ref.contains(event.target as Node)) {
+  const {
+    visible, setVisible, setInputVal, setFilterActive,
+  } = cascaderContext;
+  if (!ref || ref.contains(event.target as Node) || (event.target as HTMLElement)?.classList.contains('t-tag')) {
     return;
   }
 
   if (visible) {
     setVisible(false);
+    setInputVal('');
+    setFilterActive(false);
   }
 }
-
 /**
  * closeIcon点击副作用
  * @param cascaderContext