InfiniteScroll: Update naming & doc (#16698)

examples/demo-styles/index.scss

@@ -41,6 +41,6 @@
 @import "./upload.scss";
 @import "./divider.scss";
 @import "./image.scss";
-@import "./infiniteScroll.scss";
+@import "./infinite-scroll.scss";
 @import "./avatar.scss";
 

examples/demo-styles/infinite-scroll.scss

@@ -3,7 +3,6 @@
   padding: 0;
   margin: 0;
   list-style: none;
-  overflow: auto;
 
   .infinite-list-item {
     display: flex;
@@ -21,7 +20,6 @@
 
 .infinite-list-wrapper {
   height: 300px;
-  overflow: auto;
   text-align: center;
 
   .list{

examples/docs/en-US/infiniteScroll.md

@@ -7,7 +7,7 @@ Add `v-infinite-scroll` to the list to automatically execute loading method when
 :::demo
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -34,7 +34,7 @@ Add `v-infinite-scroll` to the list to automatically execute loading method when
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"

examples/docs/es/infiniteScroll.md

@@ -8,7 +8,7 @@ Añada `v-infinite-scroll` a la lista para ejecutar automáticamente el método
 
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -35,7 +35,7 @@ Añada `v-infinite-scroll` a la lista para ejecutar automáticamente el método
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"

examples/docs/fr-FR/infiniteScroll.md

@@ -7,7 +7,7 @@ Ajoutez `v-infinite-scroll` à la liste pour exécuter automatiquement la métho
 :::demo
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -34,7 +34,7 @@ Ajoutez `v-infinite-scroll` à la liste pour exécuter automatiquement la métho
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"

examples/docs/zh-CN/infiniteScroll.md

@@ -7,7 +7,7 @@
 :::demo
 ```html
 <template>
-  <ul class="infinite-list" v-infinite-scroll="load">
+  <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
     <li v-for="i in count" class="infinite-list-item">{{ i }}</li>
   </ul>
 </template>
@@ -34,7 +34,7 @@
 :::demo
 ```html
 <template>
-  <div class="infinite-list-wrapper">
+  <div class="infinite-list-wrapper" style="overflow:auto">
     <ul
       class="list"
       v-infinite-scroll="load"

types/element-ui.d.ts

@@ -75,7 +75,7 @@ import { ElIcon } from './icon'
 import { ElCalendar } from './calendar'
 import { ElImage } from './image'
 import { ElBacktop } from './backtop'
-import { ElInfiniteScroll } from './infiniteScroll'
+import { ElInfiniteScroll } from './infinite-scroll'
 import { ElPageHeader } from './page-header'
 import { ElAvatar } from './avatar'