fix: virtualInput icon

ant-design · Jun 12, 2024 · cefc14a · cefc14a
1 parent 92cb960
commit cefc14a
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/virtual-input/virtual-input.tsx b/src/components/virtual-input/virtual-input.tsx
@@ -11,7 +11,7 @@ import React, {
 } from 'react'
 import { NativeProps, withNativeProps } from '../../utils/native-props'
 import { usePropsValue } from '../../utils/use-props-value'
-import { mergeProps } from '../../utils/with-default-props'
+import { mergeProp, mergeProps } from '../../utils/with-default-props'
 import { useConfig } from '../config-provider'
 import type { InputProps } from '../input'
 import { NumberKeyboardProps } from '../number-keyboard'
@@ -41,7 +41,6 @@ export type VirtualInputProps = {
 
 const defaultProps = {
   defaultValue: '',
-  clearIcon: <CloseCircleFill />,
 }
 
 export type VirtualInputRef = {
@@ -58,6 +57,12 @@ export const VirtualInput = forwardRef<VirtualInputRef, VirtualInputProps>(
     const contentRef = useRef<HTMLDivElement>(null)
     const [hasFocus, setHasFocus] = useState(false)
 
+    const clearIcon = mergeProp(
+      <CloseCircleFill />,
+      componentConfig.clearIcon,
+      props.clearIcon
+    )
+
     function scrollToEnd() {
       const root = rootRef.current
       if (!root) return
@@ -161,7 +166,7 @@ export const VirtualInput = forwardRef<VirtualInputRef, VirtualInputProps>(
             role='button'
             aria-label={locale.Input.clear}
           >
-            {mergedProps.clearIcon}
+            {clearIcon}
           </div>
         )}
         {[undefined, null, ''].includes(value) && (