✨(component): update

package/component/src/component/input/index.vue

@@ -77,20 +77,11 @@ watch(
   }
 );
 
-watch(
-  () => currentValue,
-  () => {
-    emit("update:modelValue", currentValue.value);
-  }
-);
-
 const onInput = function (event: Event) {
   const inputElement = event.target as HTMLInputElement;
-  const value = inputElement.value;
+  let value= inputElement.value;
   emit("input", value);
-  if (composing.value) {
-    return;
-  }
+  if (composing.value) return;
   emit("update:modelValue", value);
 };
 
@@ -110,6 +101,20 @@ const onChange = (event: Event) => {
 };
 
 const onBlur = (event: Event) => {
+  let value = (event.target as HTMLInputElement).value;
+  if(props.type === "number") {
+    if(value === "" && !props.min) {
+        value = "0";
+    } else {
+      if(props.max && props.max < Number(value)) {
+        value = props.max.toString();
+      }
+      if(props.min && props.min > Number(value)) {
+        value = props.min.toString();
+      }
+    }
+    emit("update:modelValue", value);
+  }
   emit("blur", event);
 };
 
@@ -156,7 +161,6 @@ const showPassword = () => {
         :type="type"
         :name="name"
         :disabled="disabled"
-        :value="currentValue"
         :placeholder="placeholder"
         :autofocus="autofocus"
         :autocomplete="autocomplete"
@@ -164,6 +168,7 @@ const showPassword = () => {
         :max="max"
         :min="min"
         :readonly="readonly"
+        :value="currentValue"
         @input="onInput"
         @change="onChange"
         @focus="onFocus"

package/document-component/src/document/zh-CN/components/input.md

@@ -13,7 +13,7 @@
 ::: demo 使用 `lay-input` 标签, 创建输入框。
 
 <template>
-  <lay-input v-model="data1"></lay-input>
+  <lay-input v-model="data1" type="number" :max="300" :min="100"></lay-input>
 </template>
 
 <script>