ant-design/components/carousel/index.jsx

49 lines
999 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;
}
2015-09-01 14:30:01 +08:00
import Carousel from 'react-slick';
2015-08-03 14:52:26 +08:00
import React from 'react';
import assign from 'object-assign';
2015-08-17 15:17:04 +08:00
const AntCarousel = React.createClass({
2015-08-03 14:52:26 +08:00
getDefaultProps() {
return {
dots: true,
2016-01-05 14:42:06 +08:00
arrows: false,
2015-08-03 14:52:26 +08:00
};
},
render() {
2015-08-17 15:17:04 +08:00
let props = assign({}, 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}>
<Carousel {...props} />
</div>
);
}
});
export default AntCarousel;