Expose slick methods (ant-design#7759)

ant-design#7484
wispoz · Oct 10, 2017 · 9f0091d · 9f0091d
1 parent 91fc781
commit 9f0091d
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/components/carousel/index.en-US.md b/components/carousel/index.en-US.md
@@ -24,4 +24,12 @@ A carousel component. Scales with its container.
 | beforeChange | Callback function called before the current index changes   | function(from, to) | - |
 | afterChange  | Callback function called after the current index changes    | function(current)  | - |
 
+## Methods
+
+| Name | Description |
+|------|-------------|
+| next() | Change current slide to next slide |
+| prev() | Change current slide to previous slide |
+| goTo(slideNumber) | Change current slide to given slide number |
+
 For more info on the parameters, refer to the https://github.com/akiran/react-slick
diff --git a/components/carousel/index.tsx b/components/carousel/index.tsx
@@ -114,6 +114,18 @@ export default class Carousel extends React.Component<CarouselProps, any> {
     this.slick = node;
   }
 
+  next() {
+    this.slick.slickNext();
+  }
+
+  prev() {
+    this.slick.slickPrev();
+  }
+
+  goTo(slide) {
+    this.slick.slickGoTo(slide);
+  }
+
   render() {
     let props = {
       ...this.props,

diff --git a/components/carousel/index.zh-CN.md b/components/carousel/index.zh-CN.md
@@ -25,4 +25,12 @@ subtitle: 走马灯
 | beforeChange      | 切换面板的回调                              | function(from, to) | 无 |
 | afterChange       | 切换面板的回调                              | function(current)  | 无 |
 
+## 方法
+
+| 名称 | 描述 |
+|------|-------------|
+| next() | 切换到下一面板 |
+| prev() | 切换到上一面板 |
+| goTo(slideNumber) | 切换到指定面板 |
+
 更多参数可参考：https://github.com/akiran/react-slick