🔧 [input] fix input value render error

Author: higuaifan

core/components/base/input/useInput.ts

@@ -23,13 +23,18 @@ export default function useInput<
   const inputClass = isInput ? 'm-input-inner' : 'm-textarea-inner';
   const rowInfo = isInput ? {} : { rows: 10 };
 
-  const baseProps = {
-    autofocus: props.autofocus,
-    value: props.modelValue,
-    placeholder: props.placeholder,
-    disabled: props.disabled,
-    type: props.type,
-    readOnly: props.readonly,
+  const renderInit = ()=>{
+    const baseProps = {
+      autofocus: props.autofocus,
+      value: props.modelValue,
+      placeholder: props.placeholder,
+      disabled: props.disabled,
+      type: props.type,
+      readOnly: props.readonly,
+    }
+    return {
+      baseProps
+    }
   }
 
   const onInput = (e: HTMLElementEvent<HTMLInputElement>)=>{
@@ -46,7 +51,7 @@ export default function useInput<
   }
 
   return {
-    baseProps,
+    renderInit,
     inputType,
     inputClass,
     rowInfo,

headless/components/base/input/MInput.ts

@@ -16,13 +16,15 @@ const { useInput, props } = InputCore;
 
 export default defineComponent((props: InputProps, { emit }) => {
   const {
-    baseProps,
+    renderInit,
     inputType, onInput, onFocus, onBlur,
     inputClass,
     rowInfo,
   } = useInput(props, { emit });
 
   return () => {
+    const { baseProps } = renderInit();
+
     return h(inputType, { class: 'm-input' }, {
       ...baseProps,
       onInput, onFocus, onBlur,

lib/components/base/input/MInput.tsx

@@ -28,13 +28,16 @@ export default defineComponent((props: InputProps, { emit }) => {
   }));
 
   const {
-    baseProps,
+    renderInit,
     inputType, onInput, onFocus, onBlur,
     inputClass,
     rowInfo,
   } = useInput(props, { emit });
 
   return () => {
+
+    const { baseProps } = renderInit();
+
     return h(MBorder, borderClass.value, () => h(inputType, {
       ...baseProps,
       onInput, onFocus, onBlur,
@@ -47,3 +50,4 @@ export default defineComponent((props: InputProps, { emit }) => {
   emits: ['update:modelValue', 'focus', 'blur', 'input'],
   props,
 });
+