fix(pro:search): segment input title should be placeholder when empty (…

…#1724)
IDuxFE · Oct 30, 2023 · 8902bb9 · 8902bb9
1 parent 4504c0f
commit 8902bb9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/packages/pro/search/src/components/SearchItem.tsx b/packages/pro/search/src/components/SearchItem.tsx
@@ -67,7 +67,7 @@ export default defineComponent({
       () => `${props.searchItem!.name}${props.searchItem!.resolvedSearchField.segments.length > 1 ? '' : ':'}`,
     )
     const searchItemTitle = computed(
-      () => searchItemName.value + ' ' + segmentRenderDatas.value.map(data => data.input).join(' '),
+      () => searchItemName.value + ' ' + segmentRenderDatas.value.map(data => data.input || data.placeholder).join(' '),
     )
 
     const handleNameMouseDown = (evt: MouseEvent) => {
@@ -90,6 +90,7 @@ export default defineComponent({
 
     return () => {
       const prefixCls = itemPrefixCls.value
+
       return (
         <IxTooltip
           class={`${prefixCls}-invalid-tooltip`}

diff --git a/packages/pro/search/src/components/segment/SegmentInput.tsx b/packages/pro/search/src/components/segment/SegmentInput.tsx
@@ -111,6 +111,7 @@ export default defineComponent({
             value={input.value ?? ''}
             disabled={props.disabled}
             placeholder={props.placeholder}
+            title={input.value ? undefined : props.placeholder}
             onInput={handleInput}
             onCompositionstart={handleCompositionStart}
             onCompositionend={handleCompositionEnd}

diff --git a/packages/pro/search/src/composables/useResolvedSearchFields.ts b/packages/pro/search/src/composables/useResolvedSearchFields.ts
@@ -91,6 +91,7 @@ function createSearchItemContentSegments(prefixCls: string, searchField: SearchF
     ? ([
         {
           ...segment,
+          placeholder: segment.placeholder ?? searchField.placeholder,
           inputClassName: [...(segment.inputClassName ?? []), searchField.inputClassName],
           containerClassName: [...(segment.containerClassName ?? []), searchField.containerClassName],
           onVisibleChange: searchField.onPanelVisibleChange,