From a4ac7de4c5804f18985056c7a719e4c05c227f9f Mon Sep 17 00:00:00 2001
From: xrkffgg <xrkffgg@vip.qq.com>
Date: Fri, 3 Jan 2020 16:53:17 +0800
Subject: [PATCH] fix: Fix carousel dotPosition not working (#20645)

close #20638
---
 .../carousel/__tests__/__snapshots__/index.test.js.snap       | 4 ++--
 components/carousel/index.tsx                                 | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/carousel/__tests__/__snapshots__/index.test.js.snap b/components/carousel/__tests__/__snapshots__/index.test.js.snap
index 50e2519af5..0cd05b6ab9 100644
--- a/components/carousel/__tests__/__snapshots__/index.test.js.snap
+++ b/components/carousel/__tests__/__snapshots__/index.test.js.snap
@@ -55,7 +55,7 @@ exports[`Carousel should works for dotPosition bottom 1`] = `
 
 exports[`Carousel should works for dotPosition left 1`] = `
 <div
-  class="ant-carousel"
+  class="ant-carousel ant-carousel-vertical"
 >
   <div
     class="slick-slider slick-initialized"
@@ -89,7 +89,7 @@ exports[`Carousel should works for dotPosition left 1`] = `
 
 exports[`Carousel should works for dotPosition right 1`] = `
 <div
-  class="ant-carousel"
+  class="ant-carousel ant-carousel-vertical"
 >
   <div
     class="slick-slider slick-initialized"
diff --git a/components/carousel/index.tsx b/components/carousel/index.tsx
index 2e19fae986..290d54546b 100644
--- a/components/carousel/index.tsx
+++ b/components/carousel/index.tsx
@@ -109,6 +109,7 @@ export default class Carousel extends React.Component<CarouselProps, {}> {
 
     const className = classNames(prefixCls, {
       [`${prefixCls}-rtl`]: direction === 'rtl',
+      [`${prefixCls}-vertical`]: dotPosition === 'left' || dotPosition === 'right',
     });
 
     return (