cy-element-ui 1.1.14 → 1.1.16

package/lib/carousel.js

@@ -199,7 +199,7 @@ function normalizeComponent(
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=template&id=763b8d16
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=template&id=3171eb48
 var render = function () {
   var _vm = this
   var _h = _vm.$createElement
@@ -340,7 +340,7 @@ var staticRenderFns = []
 render._withStripped = true
 
 
-// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=template&id=763b8d16
+// CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=template&id=3171eb48
 
 // EXTERNAL MODULE: external "throttle-debounce/throttle"
 var throttle_ = __webpack_require__(26);
@@ -411,247 +411,247 @@ var resize_event_ = __webpack_require__(17);
 
 
 /* harmony default export */ var mainvue_type_script_lang_js = ({
-  name: 'ElCarousel',
-
-  props: {
-    initialIndex: {
-      type: Number,
-      default: 0
-    },
-    height: String,
-    trigger: {
-      type: String,
-      default: 'hover'
-    },
-    autoplay: {
-      type: Boolean,
-      default: true
-    },
-    interval: {
-      type: Number,
-      default: 3000
-    },
-    indicatorPosition: String,
-    indicator: {
-      type: Boolean,
-      default: true
-    },
-    arrow: {
-      type: String,
-      default: 'hover'
-    },
-    type: String,
-    loop: {
-      type: Boolean,
-      default: true
-    },
-    direction: {
-      type: String,
-      default: 'horizontal',
-      validator: function validator(val) {
-        return ['horizontal', 'vertical'].indexOf(val) !== -1;
-      }
-    }
-  },
-
-  data: function data() {
-    return {
-      items: [],
-      activeIndex: -1,
-      containerWidth: 0,
-      timer: null,
-      hover: false
-    };
-  },
-
-
-  computed: {
-    arrowDisplay: function arrowDisplay() {
-      return this.arrow !== 'never' && this.direction !== 'vertical';
-    },
-    hasLabel: function hasLabel() {
-      return this.items.some(function (item) {
-        return item.label.toString().length > 0;
-      });
-    },
-    carouselClasses: function carouselClasses() {
-      var classes = ['el-carousel', 'el-carousel--' + this.direction];
-      if (this.type === 'card') {
-        classes.push('el-carousel--card');
-      }
-      return classes;
-    },
-    indicatorsClasses: function indicatorsClasses() {
-      var classes = ['el-carousel__indicators', 'el-carousel__indicators--' + this.direction];
-      if (this.hasLabel) {
-        classes.push('el-carousel__indicators--labels');
-      }
-      if (this.indicatorPosition === 'outside' || this.type === 'card') {
-        classes.push('el-carousel__indicators--outside');
-      }
-      return classes;
-    }
-  },
-
-  watch: {
-    items: function items(val) {
-      if (val.length > 0) this.setActiveItem(this.initialIndex);
-    },
-    activeIndex: function activeIndex(val, oldVal) {
-      this.resetItemPosition(oldVal);
-      if (oldVal > -1) {
-        this.$emit('change', val, oldVal);
-      }
-    },
-    autoplay: function autoplay(val) {
-      val ? this.startTimer() : this.pauseTimer();
-    },
-    loop: function loop() {
-      this.setActiveItem(this.activeIndex);
-    },
-    interval: function interval() {
-      this.pauseTimer();
-      this.startTimer();
-    }
-  },
-
-  methods: {
-    handleMouseEnter: function handleMouseEnter() {
-      this.hover = true;
-      this.pauseTimer();
-    },
-    handleMouseLeave: function handleMouseLeave() {
-      this.hover = false;
-      this.startTimer();
-    },
-    itemInStage: function itemInStage(item, index) {
-      var length = this.items.length;
-      if (index === length - 1 && item.inStage && this.items[0].active || item.inStage && this.items[index + 1] && this.items[index + 1].active) {
-        return 'left';
-      } else if (index === 0 && item.inStage && this.items[length - 1].active || item.inStage && this.items[index - 1] && this.items[index - 1].active) {
-        return 'right';
-      }
-      return false;
-    },
-    handleButtonEnter: function handleButtonEnter(arrow) {
-      var _this = this;
-
-      if (this.direction === 'vertical') return;
-      this.items.forEach(function (item, index) {
-        if (arrow === _this.itemInStage(item, index)) {
-          item.hover = true;
-        }
-      });
-    },
-    handleButtonLeave: function handleButtonLeave() {
-      if (this.direction === 'vertical') return;
-      this.items.forEach(function (item) {
-        item.hover = false;
-      });
-    },
-    updateItems: function updateItems() {
-      this.items = this.$children.filter(function (child) {
-        return child.$options.name === 'ElCarouselItem';
-      });
-    },
-    resetItemPosition: function resetItemPosition(oldIndex) {
-      var _this2 = this;
-
-      this.items.forEach(function (item, index) {
-        item.translateItem(index, _this2.activeIndex, oldIndex);
-      });
-    },
-    playSlides: function playSlides() {
-      if (this.activeIndex < this.items.length - 1) {
-        this.activeIndex++;
-      } else if (this.loop) {
-        this.activeIndex = 0;
-      }
-    },
-    pauseTimer: function pauseTimer() {
-      if (this.timer) {
-        clearInterval(this.timer);
-        this.timer = null;
-      }
-    },
-    startTimer: function startTimer() {
-      if (this.interval <= 0 || !this.autoplay || this.timer) return;
-      this.timer = setInterval(this.playSlides, this.interval);
-    },
-    resetTimer: function resetTimer() {
-      this.pauseTimer();
-      this.startTimer();
-    },
-    setActiveItem: function setActiveItem(index) {
-      if (typeof index === 'string') {
-        var filteredItems = this.items.filter(function (item) {
-          return item.name === index;
-        });
-        if (filteredItems.length > 0) {
-          index = this.items.indexOf(filteredItems[0]);
-        }
-      }
-      index = Number(index);
-      if (isNaN(index) || index !== Math.floor(index)) {
-        console.warn('[Element Warn][Carousel]index must be an integer.');
-        return;
-      }
-      var length = this.items.length;
-      var oldIndex = this.activeIndex;
-      if (index < 0) {
-        this.activeIndex = this.loop ? length - 1 : 0;
-      } else if (index >= length) {
-        this.activeIndex = this.loop ? 0 : length - 1;
-      } else {
-        this.activeIndex = index;
-      }
-      if (oldIndex === this.activeIndex) {
-        this.resetItemPosition(oldIndex);
-      }
-      this.resetTimer();
-    },
-    prev: function prev() {
-      this.setActiveItem(this.activeIndex - 1);
-    },
-    next: function next() {
-      this.setActiveItem(this.activeIndex + 1);
-    },
-    handleIndicatorClick: function handleIndicatorClick(index) {
-      this.activeIndex = index;
-    },
-    handleIndicatorHover: function handleIndicatorHover(index) {
-      if (this.trigger === 'hover' && index !== this.activeIndex) {
-        this.activeIndex = index;
-      }
-    }
-  },
-
-  created: function created() {
-    var _this3 = this;
-
-    this.throttledArrowClick = throttle_default()(300, true, function (index) {
-      _this3.setActiveItem(index);
-    });
-    this.throttledIndicatorHover = throttle_default()(300, function (index) {
-      _this3.handleIndicatorHover(index);
-    });
-  },
-  mounted: function mounted() {
-    var _this4 = this;
-
-    this.updateItems();
-    this.$nextTick(function () {
-      Object(resize_event_["addResizeListener"])(_this4.$el, _this4.resetItemPosition);
-      if (_this4.initialIndex < _this4.items.length && _this4.initialIndex >= 0) {
-        _this4.activeIndex = _this4.initialIndex;
-      }
-      _this4.startTimer();
-    });
-  },
-  beforeDestroy: function beforeDestroy() {
-    if (this.$el) Object(resize_event_["removeResizeListener"])(this.$el, this.resetItemPosition);
-    this.pauseTimer();
-  }
+	name: 'ElCarousel',
+
+	props: {
+		initialIndex: {
+			type: Number,
+			default: 0
+		},
+		height: String,
+		trigger: {
+			type: String,
+			default: 'hover'
+		},
+		autoplay: {
+			type: Boolean,
+			default: true
+		},
+		interval: {
+			type: Number,
+			default: 3000
+		},
+		indicatorPosition: String,
+		indicator: {
+			type: Boolean,
+			default: true
+		},
+		arrow: {
+			type: String,
+			default: 'hover'
+		},
+		type: String,
+		loop: {
+			type: Boolean,
+			default: true
+		},
+		direction: {
+			type: String,
+			default: 'horizontal',
+			validator: function validator(val) {
+				return ['horizontal', 'vertical'].indexOf(val) !== -1;
+			}
+		}
+	},
+
+	data: function data() {
+		return {
+			items: [],
+			activeIndex: -1,
+			containerWidth: 0,
+			timer: null,
+			hover: false
+		};
+	},
+
+
+	computed: {
+		arrowDisplay: function arrowDisplay() {
+			return this.arrow !== 'never' && this.direction !== 'vertical';
+		},
+		hasLabel: function hasLabel() {
+			return this.items.some(function (item) {
+				return item.label.toString().length > 0;
+			});
+		},
+		carouselClasses: function carouselClasses() {
+			var classes = ['el-carousel', 'el-carousel--' + this.direction];
+			if (this.type === 'card') {
+				classes.push('el-carousel--card');
+			}
+			return classes;
+		},
+		indicatorsClasses: function indicatorsClasses() {
+			var classes = ['el-carousel__indicators', 'el-carousel__indicators--' + this.direction];
+			if (this.hasLabel) {
+				classes.push('el-carousel__indicators--labels');
+			}
+			if (this.indicatorPosition === 'outside' || this.type === 'card') {
+				classes.push('el-carousel__indicators--outside');
+			}
+			return classes;
+		}
+	},
+
+	watch: {
+		items: function items(val) {
+			if (val.length > 0) this.setActiveItem(this.initialIndex);
+		},
+		activeIndex: function activeIndex(val, oldVal) {
+			this.resetItemPosition(oldVal);
+			if (oldVal > -1) {
+				this.$emit('change', val, oldVal);
+			}
+		},
+		autoplay: function autoplay(val) {
+			val ? this.startTimer() : this.pauseTimer();
+		},
+		loop: function loop() {
+			this.setActiveItem(this.activeIndex);
+		},
+		interval: function interval() {
+			this.pauseTimer();
+			this.startTimer();
+		}
+	},
+
+	methods: {
+		handleMouseEnter: function handleMouseEnter() {
+			this.hover = true;
+			this.pauseTimer();
+		},
+		handleMouseLeave: function handleMouseLeave() {
+			this.hover = false;
+			this.startTimer();
+		},
+		itemInStage: function itemInStage(item, index) {
+			var length = this.items.length;
+			if (index === length - 1 && item.inStage && this.items[0].active || item.inStage && this.items[index + 1] && this.items[index + 1].active) {
+				return 'left';
+			} else if (index === 0 && item.inStage && this.items[length - 1].active || item.inStage && this.items[index - 1] && this.items[index - 1].active) {
+				return 'right';
+			}
+			return false;
+		},
+		handleButtonEnter: function handleButtonEnter(arrow) {
+			var _this = this;
+
+			if (this.direction === 'vertical') return;
+			this.items.forEach(function (item, index) {
+				if (arrow === _this.itemInStage(item, index)) {
+					item.hover = true;
+				}
+			});
+		},
+		handleButtonLeave: function handleButtonLeave() {
+			if (this.direction === 'vertical') return;
+			this.items.forEach(function (item) {
+				item.hover = false;
+			});
+		},
+		updateItems: function updateItems() {
+			this.items = this.$children.filter(function (child) {
+				return child.$options.name === 'ElCarouselItem';
+			});
+		},
+		resetItemPosition: function resetItemPosition(oldIndex) {
+			var _this2 = this;
+
+			this.items.forEach(function (item, index) {
+				item.translateItem(index, _this2.activeIndex, oldIndex);
+			});
+		},
+		playSlides: function playSlides() {
+			if (this.activeIndex < this.items.length - 1) {
+				this.activeIndex++;
+			} else if (this.loop) {
+				this.activeIndex = 0;
+			}
+		},
+		pauseTimer: function pauseTimer() {
+			if (this.timer) {
+				clearInterval(this.timer);
+				this.timer = null;
+			}
+		},
+		startTimer: function startTimer() {
+			if (this.interval <= 0 || !this.autoplay || this.timer) return;
+			this.timer = setInterval(this.playSlides, this.interval);
+		},
+		resetTimer: function resetTimer() {
+			this.pauseTimer();
+			this.startTimer();
+		},
+		setActiveItem: function setActiveItem(index) {
+			if (typeof index === 'string') {
+				var filteredItems = this.items.filter(function (item) {
+					return item.name === index;
+				});
+				if (filteredItems.length > 0) {
+					index = this.items.indexOf(filteredItems[0]);
+				}
+			}
+			index = Number(index);
+			if (isNaN(index) || index !== Math.floor(index)) {
+				console.warn('[Element Warn][Carousel]index must be an integer.');
+				return;
+			}
+			var length = this.items.length;
+			var oldIndex = this.activeIndex;
+			if (index < 0) {
+				this.activeIndex = this.loop ? length - 1 : 0;
+			} else if (index >= length) {
+				this.activeIndex = this.loop ? 0 : length - 1;
+			} else {
+				this.activeIndex = index;
+			}
+			if (oldIndex === this.activeIndex) {
+				this.resetItemPosition(oldIndex);
+			}
+			this.resetTimer();
+		},
+		prev: function prev() {
+			this.setActiveItem(this.activeIndex - 1);
+		},
+		next: function next() {
+			this.setActiveItem(this.activeIndex + 1);
+		},
+		handleIndicatorClick: function handleIndicatorClick(index) {
+			this.activeIndex = index;
+		},
+		handleIndicatorHover: function handleIndicatorHover(index) {
+			if (this.trigger === 'hover' && index !== this.activeIndex) {
+				this.activeIndex = index;
+			}
+		}
+	},
+
+	created: function created() {
+		var _this3 = this;
+
+		this.throttledArrowClick = throttle_default()(300, true, function (index) {
+			_this3.setActiveItem(index);
+		});
+		this.throttledIndicatorHover = throttle_default()(300, function (index) {
+			_this3.handleIndicatorHover(index);
+		});
+	},
+	mounted: function mounted() {
+		var _this4 = this;
+
+		this.updateItems();
+		this.$nextTick(function () {
+			Object(resize_event_["addResizeListener"])(_this4.$el, _this4.resetItemPosition);
+			if (_this4.initialIndex < _this4.items.length && _this4.initialIndex >= 0) {
+				_this4.activeIndex = _this4.initialIndex;
+			}
+			_this4.startTimer();
+		});
+	},
+	beforeDestroy: function beforeDestroy() {
+		if (this.$el) Object(resize_event_["removeResizeListener"])(this.$el, this.resetItemPosition);
+		this.pauseTimer();
+	}
 });
 // CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
@@ -683,7 +683,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /* istanbul ignore next */
 main.install = function (Vue) {
-  Vue.component(main.name, main);
+	Vue.component(main.name, main);
 };
 
 /* harmony default export */ var carousel = __webpack_exports__["default"] = (main);