refactor(input): scrollTo

src/input/demos/enUS/focus.demo.vue

@@ -20,12 +20,7 @@
         ScrollToEnd
       </n-button>
     </n-space>
-    <n-input
-      ref="inputInstRef"
-      v-model:value="inputValue"
-      type="textarea"
-      :rows="3"
-    />
+    <n-input ref="inputInstRef" v-model:value="inputValue" />
   </n-space>
 </template>
 
@@ -38,7 +33,7 @@ export default defineComponent({
     const inputInstRef = ref<InputInst | null>(null)
     return {
       inputInstRef,
-      inputValue: ref("I heard you're going to select all?\n".repeat(4)),
+      inputValue: ref("I heard you're going to select all? ".repeat(4).trim()),
       handleFocus () {
         inputInstRef.value?.focus()
       },
@@ -51,7 +46,7 @@ export default defineComponent({
       handleScrollEnd () {
         inputInstRef.value?.scrollTo({
           behavior: 'smooth',
-          top: 10000
+          left: 10000
         })
       }
     }

src/input/demos/enUS/index.demo-entry.md

@@ -92,4 +92,4 @@ pattern.vue
 | blur | `() => void` | Blur the input element. |  |
 | focus | `() => void` | Focus the input element. |  |
 | select | `() => void` | Select the input element. |  |
-| scrollTo | `(options?: ScrollToOptions) => void` | Scroll To. | NEXT_VERSION |
+| scrollTo | `(options: { left?: number, top?: number, behavior?: 'auto' \| 'smooth' }) => void` | Scroll To. | NEXT_VERSION |

src/input/demos/zhCN/focus.demo.vue

@@ -20,12 +20,7 @@
         ScrollToEnd
       </n-button>
     </n-space>
-    <n-input
-      ref="inputInstRef"
-      v-model:value="inputValue"
-      type="textarea"
-      :rows="3"
-    />
+    <n-input ref="inputInstRef" v-model:value="inputValue" />
   </n-space>
 </template>
 
@@ -38,7 +33,7 @@ export default defineComponent({
     const inputInstRef = ref<InputInst | null>(null)
     return {
       inputInstRef,
-      inputValue: ref('马儿乖，马儿好，马儿光跑不吃草\n'.repeat(4)),
+      inputValue: ref('马儿乖，马儿好，马儿光跑不吃草。'.repeat(4)),
       handleFocus () {
         inputInstRef.value?.focus()
       },
@@ -51,7 +46,7 @@ export default defineComponent({
       handleScrollEnd () {
         inputInstRef.value?.scrollTo({
           behavior: 'smooth',
-          top: 10000
+          left: 10000
         })
       }
     }

src/input/demos/zhCN/index.demo-entry.md

@@ -94,4 +94,4 @@ prefix-debug.vue
 | blur | `() => void` | Blur input 元素 |  |
 | focus | `() => void` | Focus input 元素 |  |
 | select | `() => void` | Select input 元素 |  |
-| scrollTo | `(options?: ScrollToOptions) => void` | 滚动到 | NEXT_VERSION |
+| scrollTo | `(options: { left?: number, top?: number, behavior?: 'auto' \| 'smooth' }) => void` | 滚动到 | NEXT_VERSION |

src/input/src/Input.tsx

@@ -697,12 +697,14 @@ export default defineComponent({
       }
     }
 
-    function scrollTo (options?: ScrollToOptions | undefined): void {
-      const { value: textareaEl } = textareaElRef
-      if (!textareaEl) {
-        return
+    function scrollTo (options: ScrollToOptions): void {
+      if (props.type === 'textarea') {
+        const { value: textareaEl } = textareaElRef
+        textareaEl?.scrollTo(options)
+      } else {
+        const { value: inputEl } = inputElRef
+        inputEl?.scrollTo(options)
       }
-      textareaEl.scrollTo(options)
     }
 
     function syncMirror (value: string | null): void {