From fe66c08fa54c837fdeecd4519411e8e7e4b4e994 Mon Sep 17 00:00:00 2001
From: zz <2418184580@qq.com>
Date: Sat, 5 Nov 2022 14:08:25 +0800
Subject: [PATCH] fix(components): [cascader] remove extra space in the search
 text (#10439)

* fix(components): [cascader] remove extra space in the search text

* chore: optimize condition with computed
---
 packages/components/cascader/src/index.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/components/cascader/src/index.vue b/packages/components/cascader/src/index.vue
index d9037a4c70..fb076499b6 100644
--- a/packages/components/cascader/src/index.vue
+++ b/packages/components/cascader/src/index.vue
@@ -40,7 +40,7 @@
         <el-input
           ref="input"
           v-model="inputValue"
-          :placeholder="searchInputValue ? '' : inputPlaceholder"
+          :placeholder="currentPlaceholder"
           :readonly="readonly"
           :disabled="isDisabled"
           :validate-event="false"
@@ -373,6 +373,11 @@ export default defineComponent({
     const inputPlaceholder = computed(
       () => props.placeholder || t('el.cascader.placeholder')
     )
+    const currentPlaceholder = computed(() =>
+      searchInputValue.value || presentTags.value.length > 0
+        ? ''
+        : inputPlaceholder.value
+    )
     const realSize = useSize()
     const tagSize = computed(() =>
       ['small'].includes(realSize.value) ? 'small' : 'default'
@@ -401,7 +406,7 @@ export default defineComponent({
       const nodes = checkedNodes.value
       return nodes.length
         ? multiple.value
-          ? ' '
+          ? ''
           : nodes[0].calcText(showAllLevels, separator)
         : ''
     })
@@ -738,6 +743,7 @@ export default defineComponent({
       popperVisible,
       inputHover,
       inputPlaceholder,
+      currentPlaceholder,
       filtering,
       presentText,
       checkedValue,