feat(Input): Add v-model:value.trim support to input component

components/_util/BaseInput.tsx

@@ -35,6 +35,7 @@ const BaseInput = defineComponent({
     size: PropTypes.string,
     style: PropTypes.oneOfType([String, Object]),
     class: PropTypes.string,
+    valueModifiers: PropTypes.object,
   },
   emits: [
     'change',
@@ -86,6 +87,9 @@ const BaseInput = defineComponent({
     };
 
     const handleBlur = (e: Event) => {
+      if (props?.valueModifiers?.trim) {
+        (e.target as HTMLInputElement).value = (e.target as HTMLInputElement).value.trim();
+      }
       emit('blur', e);
     };
     const handleFocus = (e: Event) => {

components/vc-input/BaseInput.tsx

@@ -72,10 +72,12 @@ export default defineComponent({
         affixWrapperClassName,
         wrapperClassName,
         groupClassName,
+        valueModifiers,
       } = props;
       let element = cloneElement(inputElement, {
         value,
         hidden,
+        valueModifiers,
       });
       // ================== Prefix & Suffix ================== //
       if (hasPrefixSuffix({ prefix, suffix, allowClear })) {

components/vc-input/Input.tsx

@@ -231,7 +231,7 @@ export default defineComponent({
       }
     });
     return () => {
-      const { prefixCls, disabled, ...rest } = props;
+      const { prefixCls, disabled, valueModifiers, ...rest } = props;
       return (
         <BaseInput
           {...rest}
@@ -245,6 +245,7 @@ export default defineComponent({
           triggerFocus={focus}
           suffix={getSuffix()}
           disabled={disabled}
+          valueModifiers={valueModifiers}
           v-slots={slots}
         />
       );

components/vc-input/inputProps.ts

@@ -46,6 +46,7 @@ export const baseInputProps = () => {
     readonly: { type: Boolean, default: undefined },
     handleReset: Function as PropType<MouseEventHandler>,
     hidden: { type: Boolean, default: undefined },
+    valueModifiers: { type: Object, default: undefined },
   };
 };
 export const inputProps = () => ({