fix(components): [cascader] remove extra space in the search text (#1…

…0439) * fix(components): [cascader] remove extra space in the search text * chore: optimize condition with computed
element-plus · Nov 5, 2022 · fe66c08 · fe66c08
1 parent ad9f92b
commit fe66c08
Showing 1 changed file with 8 additions and 2 deletions.
diff --git 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,