element-plus
Version:
A Component Library for Vue 3
113 lines (109 loc) • 2.24 kB
JavaScript
'use strict';
var runtime = require('../../../utils/vue/props/runtime.js');
var types = require('../../../utils/types.js');
const carouselProps = runtime.buildProps({
/**
* @description index of the initially active slide (starting from 0)
*/
initialIndex: {
type: Number,
default: 0
},
/**
* @description height of the carousel
*/
height: {
type: String,
default: ""
},
/**
* @description how indicators are triggered
*/
trigger: {
type: String,
values: ["hover", "click"],
default: "hover"
},
/**
* @description whether automatically loop the slides
*/
autoplay: {
type: Boolean,
default: true
},
/**
* @description interval of the auto loop, in milliseconds
*/
interval: {
type: Number,
default: 3e3
},
/**
* @description position of the indicators
*/
indicatorPosition: {
type: String,
values: ["", "none", "outside"],
default: ""
},
/**
* @description when arrows are shown
*/
arrow: {
type: String,
values: ["always", "hover", "never"],
default: "hover"
},
/**
* @description type of the Carousel
*/
type: {
type: String,
values: ["", "card"],
default: ""
},
/**
* @description when type is card, scaled size of secondary cards
*/
cardScale: {
type: Number,
default: 0.83
},
/**
* @description display the items in loop
*/
loop: {
type: Boolean,
default: true
},
/**
* @description display direction
*/
direction: {
type: String,
values: ["horizontal", "vertical"],
default: "horizontal"
},
/**
* @description pause autoplay when hover
*/
pauseOnHover: {
type: Boolean,
default: true
},
/**
* @description infuse dynamism and smoothness into the carousel
*/
motionBlur: Boolean
});
const carouselEmits = {
/**
* @description triggers when the active slide switches
* @param current index of the new active slide
* @param prev index of the old active slide
*/
change: (current, prev) => [current, prev].every(types.isNumber)
};
exports.carouselEmits = carouselEmits;
exports.carouselProps = carouselProps;
//# sourceMappingURL=carousel.js.map