ant-design/components/carousel/index.jsx

46 lines
957 B
React
Raw Normal View History

2015-11-20 10:57:08 +08:00
// matchMedia polyfill for
// https://github.com/WickyNilliams/enquire.js/issues/82
if (typeof window !== 'undefined') {
const matchMediaPolyfill = function matchMediaPolyfill() {
return {
matches: false,
2016-01-05 14:42:06 +08:00
addListener() {
},
removeListener() {
2015-11-20 10:57:08 +08:00
},
};
};
window.matchMedia = window.matchMedia || matchMediaPolyfill;
}
import SlickCarousel from 'react-slick';
2015-08-03 14:52:26 +08:00
import React from 'react';
export default class Carousel extends React.Component {
static defaultProps = {
dots: true,
arrows: false,
pauseOnHover: true,
}
2015-08-03 14:52:26 +08:00
render() {
2016-03-25 18:16:48 +08:00
let props = { ...this.props };
2015-08-03 14:52:26 +08:00
if (props.effect === 'fade') {
props.fade = true;
props.draggable = false;
2015-08-03 14:52:26 +08:00
}
2015-08-17 15:17:04 +08:00
let className = 'ant-carousel';
2015-08-03 14:52:26 +08:00
if (props.vertical) {
className = `${className} ant-carousel-vertical`;
2015-08-03 14:52:26 +08:00
}
return (
<div className={className}>
<SlickCarousel {...props} />
2015-08-03 14:52:26 +08:00
</div>
);
}
}