feat: input & textarea support lazy dir #4951

close #4951
vueComponent · Dec 10, 2021 · 7d7f0f3 · 7d7f0f3
1 parent 6c28a8e
commit 7d7f0f3
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/components/input/Input.tsx b/components/input/Input.tsx
@@ -172,9 +172,9 @@ export default defineComponent({
         handleInputBlur,
         size,
         disabled,
+        valueModifiers = {},
         $attrs,
       } = this;
-
       const inputProps: any = {
         ...otherProps,
         ...$attrs,
@@ -190,6 +190,9 @@ export default defineComponent({
         onFocus: handleInputFocus,
         onBlur: handleInputBlur,
       };
+      if (valueModifiers.lazy) {
+        delete inputProps.onInput;
+      }
       if (!inputProps.autofocus) {
         delete inputProps.autofocus;
       }

diff --git a/components/input/TextArea.tsx b/components/input/TextArea.tsx
@@ -16,6 +16,7 @@ const TextAreaProps = {
   showCount: PropTypes.looseBool,
   onCompositionstart: PropTypes.func,
   onCompositionend: PropTypes.func,
+  valueModifiers: Object,
 };
 
 export default defineComponent({
@@ -127,6 +128,9 @@ export default defineComponent({
         onChange: this.handleChange,
         onKeydown: this.handleKeyDown,
       };
+      if (this.valueModifiers?.lazy) {
+        delete resizeProps.onInput;
+      }
       return (
         <ResizableTextArea
           {...resizeProps}

diff --git a/components/input/inputProps.ts b/components/input/inputProps.ts
@@ -32,4 +32,5 @@ export default {
   onChange: PropTypes.func,
   onInput: PropTypes.func,
   'onUpdate:value': PropTypes.func,
+  valueModifiers: Object,
 };