fix(carousel): 修复动态删除条目至最后一个时调用 inst.reload 的异常问题 (#2107)

* fix(carousel): 修复外部动态增删条目时调用 inst.reload 的异常问题

* chore: 更正命名，避免歧义

* fix: 修复 slide 方法在条目数为 1 的滑动异常问题

examples/carousel.html

@@ -68,54 +68,56 @@ div[carousel-item]>*:nth-child(2n+1){background-color: #5FB878;}
 layui.use('carousel', function(){
   var carousel = layui.carousel;
   
-  //建造实例
+  // 实例
-  carousel.render({
+  var carInst = carousel.render({
-    elem: '#test1'
+    elem: '#test1',
-    ,index: 2
+    index: 2,
-    //,full: true
+    // full: true,
-    ,arrow: 'always'
+    arrow: 'always',
-    ,autoplay: 'always'
+    autoplay: 'always',
-    ,change: function(obj){
+    change: function(obj) {
       console.log(obj)
-    }
+    },
-    //,interval: 5000
+    // interval: 5000,
-    //,autoplay: false
+    // autoplay: false,
-    //,indicator: 'outside'
+    // indicator: 'outside',
-    //,trigger: 'hover'
+    // trigger: 'hover'
   });
 
-  //事件
+  // carInst.goto(1);
+  
+  // 事件
   /*
-  carousel.on('change(test1)', function(obj){
+  carousel.on('change(test1)', function(obj) {
     console.log(obj)
   });
   */
 
   carousel.render({
-    elem: '#test2'
+    elem: '#test2',
-    ,interval: 1800
+    interval: 1800,
-    //,full: true
+    // full: true,
-    ,anim: 'fade'
+    anim: 'fade',
-    ,height: '120px'
+    height: '120px'
   });
   
   carousel.render({
-    elem: '#test3'
+    elem: '#test3',
-    //,full: true
+    // full: true,
-    ,arrow: 'always'
+    arrow: 'always',
-    //,autoplay: false
+    // autoplay: false,
-    //,indicator: 'outside'
+    // indicator: 'outside',
-    //,trigger: 'hover'
+    // trigger: 'hover',
-    ,anim: 'updown'
+    anim: 'updown',
-    //,full: true
+    // full: true
   });
   
   // 图片轮播
   carousel.render({
-    elem: '#test4'
+    elem: '#test4',
-    ,width: '720px'
+    width: '720px',
-    ,height: '360px'
+    height: '360px',
-    ,interval: 5000
+    interval: 5000
   });
 });
 </script>

src/modules/carousel.js

@@ -113,13 +113,14 @@ layui.define(['jquery', 'lay'], function(exports){
     // 初始焦点状态
     that.elemItem.eq(options.index).addClass(THIS);
 
-    // 指示器等动作
+    // 指示器、箭头等动作
-    if(that.elemItem.length <= 1) return;
-
     that.indicator();
     that.arrow();
     that.autoplay();
+
+    if (that.elemItem.length > 1) {
       that.events();
+    }
   };
   
   // 重置轮播
@@ -188,19 +189,23 @@ layui.define(['jquery', 'lay'], function(exports){
   Class.prototype.autoplay = function(){
     var that = this;
     var options = that.config;
+    var itemsCount = that.elemItem.length;
     
     if(!options.autoplay) return;
     clearInterval(that.timer);
     
+    if (itemsCount > 1) {
       that.timer = setInterval(function(){
         that.slide();
       }, options.interval);
+    }
   };
   
   // 箭头
   Class.prototype.arrow = function(){
     var that = this;
     var options = that.config;
+    var itemsCount = that.elemItem.length;
     
     // 模板
     var tplArrow = $([
@@ -215,7 +220,7 @@ layui.define(['jquery', 'lay'], function(exports){
     if(options.elem.find('.'+ELEM_ARROW)[0]){
       options.elem.find('.'+ELEM_ARROW).remove();
     }
-    options.elem.append(tplArrow);
+    itemsCount > 1 ? options.elem.append(tplArrow) : tplArrow.remove();
     
     // 事件
     tplArrow.on('click', function(){
@@ -241,6 +246,7 @@ layui.define(['jquery', 'lay'], function(exports){
   Class.prototype.indicator = function(){
     var that = this;
     var options = that.config;
+    var itemsCount = that.elemItem.length;
     
     // 模板
     var tplInd = that.elemInd = $(['<div class="'+ ELEM_IND +'"><ul>',
@@ -260,7 +266,8 @@ layui.define(['jquery', 'lay'], function(exports){
     if(options.elem.find('.'+ELEM_IND)[0]){
       options.elem.find('.'+ELEM_IND).remove();
     }
-    options.elem.append(tplInd);
+
+    itemsCount > 1 ? options.elem.append(tplInd) : tplInd.remove();
     
     if(options.anim === 'updown'){
       tplInd.css('margin-top', -(tplInd.height()/2));
@@ -276,11 +283,12 @@ layui.define(['jquery', 'lay'], function(exports){
   Class.prototype.slide = function(type, num){
     var that = this;
     var elemItem = that.elemItem;
+    var itemsCount = elemItem.length;
     var options = that.config;
     var thisIndex = options.index;
     var filter = options.elem.attr('lay-filter');
     
-    if(that.haveSlide) return;
+    if (that.haveSlide || itemsCount <= 1) return;
     
     // 滑动方向
     if(type === 'sub'){
@@ -330,6 +338,7 @@ layui.define(['jquery', 'lay'], function(exports){
     
     if(options.elem.data('haveEvents')) return;
 
+    
     // 移入移出容器
     options.elem.on('mouseenter touchstart', function(){
       if (that.config.autoplay === 'always') return;