feat: 加强 carousel 组件

package/document/src/document/zh-CN/components/carousel.md

@@ -7,7 +7,7 @@
 ::: demo
 
 <template>
-  <lay-carousel v-model="active">
+  <lay-carousel v-model="active1">
     <lay-carousel-item id="1">
       <div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目一</div>
     </lay-carousel-item>
@@ -29,10 +29,10 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const active = ref("1")
+    const active1 = ref("1")
 
     return {
-      active
+      active1
     }
   }
 }
@@ -46,7 +46,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-carousel v-model="active" anim="updown">
+  <lay-carousel v-model="active2" anim="updown">
     <lay-carousel-item id="1">
       <div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目一</div>
     </lay-carousel-item>
@@ -68,10 +68,10 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const active = ref("1")
+    const active2 = ref("1")
 
     return {
-      active
+      active2
     }
   }
 }
@@ -85,7 +85,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-carousel v-model="active" indicator="outside">
+  <lay-carousel v-model="active3" indicator="outside">
     <lay-carousel-item id="1">
       <div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目一</div>
     </lay-carousel-item>
@@ -107,10 +107,10 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const active = ref("1")
+    const active3 = ref("1")
 
     return {
-      active
+      active3
     }
   }
 }
@@ -124,7 +124,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-carousel v-model="active">
+  <lay-carousel v-model="active4">
     <lay-carousel-item :id="item.id" v-for="item in arrays">
       <div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">{{ item.text }}</div>
     </lay-carousel-item>
@@ -137,7 +137,7 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const active = ref("1")
+    const active4 = ref("1")
 
     const arrays = ref([
       {id: "1", text: ""},
@@ -147,7 +147,7 @@ export default {
     ])
 
     return {
-      active,
+      active4,
       arrays
     }
   }

package/document/src/document/zh-CN/guide/changelog.md

@@ -16,8 +16,10 @@
       <li> 
         <h3>1.0.2 <span class="layui-badge-rim">2022-04-07</span></h3> 
         <ul>
-          <li>[新增] button 组件 border-style 属性, 允许自定义边框样式。(by @就眠儀式)</li>
+          <li>[新增] button 组件 border-style 属性, 自定义边框样式。(by @就眠儀式)</li>
           <li>[新增] config-provider 组件 dark-partial 属性, 夜间主题偏好配置。(by @就眠儀式)</li>
+          <li>[新增] carousel 组件 autoplay 属性, 开启自动轮播, 默认为 true。(by @就眠儀式)</li>
+          <li>[新增] carousel 组件 interval 属性, 用于控制轮播间隔。(by @就眠儀式)</li>
           <li>[修复] page 组件 pages 属性为单数时, 页码计算错误。(by @就眠儀式)</li>
           <li>[修复] panel 组件 background-color 为透明的问题。(by @就眠儀式)</li>
           <li>[修复] tab 组件 layui-tab-head 默认存在背景色。(by @就眠儀式)</li>