diff --git a/README.md b/README.md
index c30c153..6fa9755 100644
--- a/README.md
+++ b/README.md
@@ -79,6 +79,7 @@ class App extends React.Component<any, any> {
 | loop         | boolean      |  true   | whether enable image loop | false |
 | disableMouseZoom   | boolean      |  false   | whether disable mouse zoom | false |
 | downloadInNewWindow | boolean | false | whether to download in a new window | false |
+| className   | string    |  -  | customized CSS class | false |
 
 ### ImageDecorator
 
diff --git a/demo/index.tsx b/demo/index.tsx
index 202c603..1065507 100644
--- a/demo/index.tsx
+++ b/demo/index.tsx
@@ -15,6 +15,7 @@ interface State {
   visible: boolean;
   activeIndex: number;
   mode: 'modal' | 'inline';
+  drawerVisible: boolean;
 }
 
 class App extends React.Component<any, Partial<State>> {
diff --git a/package-lock.json b/package-lock.json
index edbf4c0..060054d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,22 +1,41 @@
 {
   "name": "react-viewer",
-  "version": "2.10.0",
+  "version": "2.11.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@ant-design/colors": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-3.2.2.tgz",
+      "integrity": "sha512-YKgNbG2dlzqMhA9NtI3/pbY16m3Yl/EeWBRa+lB1X1YaYxHrxNexiQYCLTWO/uDvAjLFMEDU+zR901waBtMtjQ==",
+      "dev": true,
+      "requires": {
+        "tinycolor2": "^1.4.1"
+      }
+    },
+    "@ant-design/create-react-context": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@ant-design/create-react-context/-/create-react-context-0.2.4.tgz",
+      "integrity": "sha512-8sw+/w6r+aEbd+OJ62ojoSE4zDt/3yfQydmbWFznoftjr8v/opOswGjM+/MU0rSaREbluqzOmZ6xdecHpSaS2w==",
+      "dev": true,
+      "requires": {
+        "gud": "^1.0.0",
+        "warning": "^4.0.3"
+      }
+    },
     "@ant-design/icons": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-1.2.1.tgz",
-      "integrity": "sha512-gQx3nH6m1xvebOWh5xibhzVK02aoqHY7JUXUS4doAidSDRWsj5iwKC8Gq9DemDZ4T+bW6xO7jJZN1UsbvcW7Uw==",
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-2.1.1.tgz",
+      "integrity": "sha512-jCH+k2Vjlno4YWl6g535nHR09PwCEmTBKAG6VqF+rhkrSPRLfgpU2maagwbZPLjaHuU5Jd1DFQ2KJpQuI6uG8w==",
       "dev": true
     },
     "@ant-design/icons-react": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons-react/-/icons-react-1.1.5.tgz",
-      "integrity": "sha512-p2ybKfO/r2lC1RZu4rDY2VBDZq2zqAaJzf/B1HrKTxGo8/mM1zOOEoob/LRXZphJ9jD5wCcTdcmcB9YMaAWW4Q==",
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@ant-design/icons-react/-/icons-react-2.0.1.tgz",
+      "integrity": "sha512-r1QfoltMuruJZqdiKcbPim3d8LNsVPB733U0gZEUSxBLuqilwsW28K2rCTWSMTjmFX7Mfpf+v/wdiFe/XCqThw==",
       "dev": true,
       "requires": {
-        "ant-design-palettes": "^1.1.3",
+        "@ant-design/colors": "^3.1.0",
         "babel-runtime": "^6.26.0"
       }
     },
@@ -149,9 +168,9 @@
       }
     },
     "@types/react-slick": {
-      "version": "0.23.3",
-      "resolved": "https://registry.npmjs.org/@types/react-slick/-/react-slick-0.23.3.tgz",
-      "integrity": "sha512-B6wU5ynINOolrByhoeJ448qZPjCFPcuhyQI5sjihjG8gQJuoTH6a4YQhuDm4umvbRVielJQANhptc8hmxA85IA==",
+      "version": "0.23.4",
+      "resolved": "https://registry.npmjs.org/@types/react-slick/-/react-slick-0.23.4.tgz",
+      "integrity": "sha512-vXoIy4GUfB7/YgqubR4H7RALo+pRdMYCeLgWwV3MPwl5pggTlEkFBTF19R7u+LJc85uMqC7RfsbkqPLMQ4ab+A==",
       "dev": true,
       "requires": {
         "@types/react": "*"
@@ -351,73 +370,84 @@
       "integrity": "sha1-qCJQ3bABXponyoLoLqYDu/pF768=",
       "dev": true
     },
-    "ant-design-palettes": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/ant-design-palettes/-/ant-design-palettes-1.1.3.tgz",
-      "integrity": "sha512-UpkkTp8egEN21KZNvY7sTcabLlkHvLvS71EVPk4CYi77Z9AaGGCaVn7i72tbOgWDrQp2wjIg8WgMbKBdK7GtWA==",
-      "dev": true,
-      "requires": {
-        "tinycolor2": "^1.4.1"
-      }
-    },
     "antd": {
-      "version": "3.16.2",
-      "resolved": "https://registry.npmjs.org/antd/-/antd-3.16.2.tgz",
-      "integrity": "sha512-VaGvXJePhH4O6KmLNkUTfUFyxy/BTi7Ml9P1Df7N3TCK0A8+YSiMNfrD2QjiMDOj3FLwI4FwaznDPj4DAGn/Uw==",
+      "version": "3.24.1",
+      "resolved": "https://registry.npmjs.org/antd/-/antd-3.24.1.tgz",
+      "integrity": "sha512-cDjv0dt+8MudiwHeMastZPE+KV+0vo37SKjxMpSvTNKmzEculVDyLYm0eVaZsUh9RZTcl8n3Hk6y2NphnEiwPA==",
       "dev": true,
       "requires": {
-        "@ant-design/icons": "~1.2.0",
-        "@ant-design/icons-react": "~1.1.2",
-        "@types/react-slick": "^0.23.3",
+        "@ant-design/create-react-context": "^0.2.4",
+        "@ant-design/icons": "~2.1.1",
+        "@ant-design/icons-react": "~2.0.1",
+        "@types/react-slick": "^0.23.4",
         "array-tree-filter": "^2.1.0",
         "babel-runtime": "6.x",
         "classnames": "~2.2.6",
-        "copy-to-clipboard": "^3.0.8",
-        "create-react-class": "^15.6.3",
-        "create-react-context": "0.2.2",
+        "copy-to-clipboard": "^3.2.0",
         "css-animation": "^1.5.0",
         "dom-closest": "^0.2.0",
         "enquire.js": "^2.1.6",
-        "lodash": "^4.17.11",
+        "lodash": "^4.17.13",
         "moment": "^2.24.0",
-        "omit.js": "^1.0.0",
-        "prop-types": "^15.6.2",
-        "raf": "^3.4.0",
-        "rc-animate": "^2.5.4",
-        "rc-calendar": "~9.12.1",
-        "rc-cascader": "~0.17.0",
-        "rc-checkbox": "~2.1.5",
-        "rc-collapse": "~1.11.1",
-        "rc-dialog": "~7.3.0",
-        "rc-drawer": "~1.7.6",
+        "omit.js": "^1.0.2",
+        "prop-types": "^15.7.2",
+        "raf": "^3.4.1",
+        "rc-animate": "^2.8.3",
+        "rc-calendar": "~9.15.5",
+        "rc-cascader": "~0.17.4",
+        "rc-checkbox": "~2.1.6",
+        "rc-collapse": "~1.11.3",
+        "rc-dialog": "~7.5.2",
+        "rc-drawer": "~3.0.0",
         "rc-dropdown": "~2.4.1",
-        "rc-editor-mention": "^1.1.7",
-        "rc-form": "^2.4.0",
-        "rc-input-number": "~4.4.0",
-        "rc-menu": "~7.4.12",
-        "rc-notification": "~3.3.0",
-        "rc-pagination": "~1.17.7",
-        "rc-progress": "~2.3.0",
+        "rc-editor-mention": "^1.1.13",
+        "rc-form": "^2.4.5",
+        "rc-input-number": "~4.5.0",
+        "rc-mentions": "~0.4.0",
+        "rc-menu": "~7.5.1",
+        "rc-notification": "~3.3.1",
+        "rc-pagination": "~1.20.5",
+        "rc-progress": "~2.5.0",
         "rc-rate": "~2.5.0",
-        "rc-select": "~9.0.0",
-        "rc-slider": "~8.6.5",
-        "rc-steps": "~3.3.0",
+        "rc-resize-observer": "^0.1.0",
+        "rc-select": "~9.2.0",
+        "rc-slider": "~8.7.1",
+        "rc-steps": "~3.5.0",
         "rc-switch": "~1.9.0",
-        "rc-table": "~6.4.0",
-        "rc-tabs": "~9.6.0",
-        "rc-time-picker": "~3.6.1",
+        "rc-table": "~6.8.6",
+        "rc-tabs": "~9.6.4",
+        "rc-time-picker": "~3.7.1",
         "rc-tooltip": "~3.7.3",
-        "rc-tree": "~1.15.2",
-        "rc-tree-select": "~2.6.0",
+        "rc-tree": "~2.1.0",
+        "rc-tree-select": "~2.9.1",
         "rc-trigger": "^2.6.2",
-        "rc-upload": "~2.6.0",
-        "rc-util": "^4.5.1",
+        "rc-upload": "~2.8.0",
+        "rc-util": "^4.10.0",
         "react-lazy-load": "^3.0.13",
         "react-lifecycles-compat": "^3.0.4",
-        "react-slick": "~0.23.2",
-        "resize-observer-polyfill": "^1.5.0",
+        "react-slick": "~0.25.2",
+        "resize-observer-polyfill": "^1.5.1",
         "shallowequal": "^1.1.0",
-        "warning": "~4.0.2"
+        "warning": "~4.0.3"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "4.17.15",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
+          "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
+          "dev": true
+        },
+        "prop-types": {
+          "version": "15.7.2",
+          "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz",
+          "integrity": "sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==",
+          "dev": true,
+          "requires": {
+            "loose-envify": "^1.4.0",
+            "object-assign": "^4.1.1",
+            "react-is": "^16.8.1"
+          }
+        }
       }
     },
     "any-promise": {
@@ -690,13 +720,10 @@
       "dev": true
     },
     "async-validator": {
-      "version": "1.8.5",
-      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.5.tgz",
-      "integrity": "sha512-tXBM+1m056MAX0E8TL2iCjg8WvSyXu0Zc8LNtYqrVeyoL3+esHRZ4SieE9fKQyyU09uONjnMEjrNBMqT0mbvmA==",
-      "dev": true,
-      "requires": {
-        "babel-runtime": "6.x"
-      }
+      "version": "1.11.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.11.5.tgz",
+      "integrity": "sha512-XNtCsMAeAH1pdLMEg1z8/Bb3a8cdCbui9QbJATRFHHHW5kT6+NPI3zSVQUXgikTFITzsg+kYY5NTWhM2Orwt9w==",
+      "dev": true
     },
     "asynckit": {
       "version": "0.4.0",
@@ -2658,9 +2685,9 @@
       "dev": true
     },
     "copy-to-clipboard": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.1.0.tgz",
-      "integrity": "sha512-+RNyDq266tv5aGhfRsL6lxgj8Y6sCvTrVJnFUVvuxuqkcSMaLISt1wd4JkdQSphbcLTIQ9kEpTULNnoCXAFdng==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.2.0.tgz",
+      "integrity": "sha512-eOZERzvCmxS8HWzugj4Uxl8OJxa7T2k1Gi0X5qavwydHIfuSHq2dTD09LOg/XyGq4Zpb5IsR/2OJ5lbOegz78w==",
       "dev": true,
       "requires": {
         "toggle-selection": "^1.0.6"
@@ -2712,16 +2739,6 @@
         "object-assign": "^4.1.1"
       }
     },
-    "create-react-context": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.2.2.tgz",
-      "integrity": "sha512-KkpaLARMhsTsgp0d2NA/R94F/eDLbhXERdIq3LvX2biCAXcDvHYoOqHfWCHf1+OLj+HKBotLG3KqaOOf+C1C+A==",
-      "dev": true,
-      "requires": {
-        "fbjs": "^0.8.0",
-        "gud": "^1.0.0"
-      }
-    },
     "cross-spawn": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-2.2.3.tgz",
@@ -2765,9 +2782,9 @@
       }
     },
     "css-animation": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/css-animation/-/css-animation-1.5.0.tgz",
-      "integrity": "sha512-hWYoWiOZ7Vr20etzLh3kpWgtC454tW5vn4I6rLANDgpzNSkO7UfOqyCEeaoBSG9CYWQpRkFWTWbWW8o3uZrNLw==",
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/css-animation/-/css-animation-1.6.1.tgz",
+      "integrity": "sha512-/48+/BaEaHRY6kNQ2OIPzKf9A6g8WjZYjhiNDNuIVbsm5tXCGIAsHDjB4Xu1C4vXJtUWZo26O68OQkDpNBaPog==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -3259,9 +3276,9 @@
       "dev": true
     },
     "dom-align": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.8.2.tgz",
-      "integrity": "sha512-17vInOylbB7H4qua7QRsmQT05FFTZemO8BhnOPgF9BPqjAPDyQr/9V8fmJbn05vQ31m2gu3EJSSYN2u94szUZg==",
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/dom-align/-/dom-align-1.10.2.tgz",
+      "integrity": "sha512-AYZUzLepy05E9bCY4ExoqHrrIlM49PEak9oF93JEFoibqKL0F7w5DLM70/rosLOawerWZ3MlepQcl+EmHskOyw==",
       "dev": true
     },
     "dom-closest": {
@@ -6012,14 +6029,6 @@
       "dev": true,
       "requires": {
         "react-is": "^16.7.0"
-      },
-      "dependencies": {
-        "react-is": {
-          "version": "16.8.6",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz",
-          "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==",
-          "dev": true
-        }
       }
     },
     "home-or-tmp": {
@@ -6816,12 +6825,6 @@
       "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
       "dev": true
     },
-    "ismobilejs": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/ismobilejs/-/ismobilejs-0.5.1.tgz",
-      "integrity": "sha512-QX4STsOcBYqlTjVGuAdP1MiRVxtiUbRHOKH0v7Gn1EvfUVIQnrSdgCM4zB4VCZuIejnb2NUMUx0Bwd3EIG6yyA==",
-      "dev": true
-    },
     "isobject": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
@@ -10523,12 +10526,6 @@
       "integrity": "sha1-gV7R9uvGWSb4ZbMQwHE7yzMVzks=",
       "dev": true
     },
-    "prettier": {
-      "version": "1.16.4",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-1.16.4.tgz",
-      "integrity": "sha512-ZzWuos7TI5CKUeQAtFd6Zhm2s6EpAD/ZLApIhsF9pRvRtM1RFo61dM/4MSRUA0SuLugA/zgrZD8m0BaY46Og7g==",
-      "dev": true
-    },
     "pretty-error": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-2.1.1.tgz",
@@ -10785,9 +10782,9 @@
       }
     },
     "rc-animate": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/rc-animate/-/rc-animate-2.6.0.tgz",
-      "integrity": "sha512-JXDycchgbOI+7T/VKmFWnAIn042LLScK1fNkmNunb0jz5q5aPGCAybx2bTo7X5t31Jkj9OsxKNb/vZPDPWufCg==",
+      "version": "2.10.1",
+      "resolved": "https://registry.npmjs.org/rc-animate/-/rc-animate-2.10.1.tgz",
+      "integrity": "sha512-yfP3g5fNf8wB5eh85nim2IGrqNu5u7TKrrSh710+1vlUqZvnI2R5YHK99IBCQNgkLCAWjT0sHtkcYdynjly39w==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -10795,13 +10792,14 @@
         "css-animation": "^1.3.2",
         "prop-types": "15.x",
         "raf": "^3.4.0",
+        "rc-util": "^4.8.0",
         "react-lifecycles-compat": "^3.0.4"
       }
     },
     "rc-calendar": {
-      "version": "9.12.4",
-      "resolved": "https://registry.npmjs.org/rc-calendar/-/rc-calendar-9.12.4.tgz",
-      "integrity": "sha512-AByRVQKcZcxciQDGUFWW4s0mQgb4nS1FMWv0pa5LwER7JP0CFpm1ql2gMPt+2fZ7BZCAv5IRgfmpReRef8e5pw==",
+      "version": "9.15.6",
+      "resolved": "https://registry.npmjs.org/rc-calendar/-/rc-calendar-9.15.6.tgz",
+      "integrity": "sha512-TJD4cUXsBAjyCzo7BaGb86nZyJetBUt/Rpu0H1WWhp9AJc+Tl7aj7TCD3TM5Y8Ak/yxsA8WDBMuKw1XdQMsM5g==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -10814,9 +10812,9 @@
       }
     },
     "rc-cascader": {
-      "version": "0.17.1",
-      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-0.17.1.tgz",
-      "integrity": "sha512-JED1iOLpj1+uob+0Asd4zwhhMRp3gLs2iYOY2/0OsdEsPc8Qj6TUwj8+isVtqyXiwGWG3vo8XgO6KCM/i7ZFqQ==",
+      "version": "0.17.5",
+      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-0.17.5.tgz",
+      "integrity": "sha512-WYMVcxU0+Lj+xLr4YYH0+yXODumvNXDcVEs5i7L1mtpWwYkubPV/zbQpn+jGKFCIW/hOhjkU4J1db8/P/UKE7A==",
       "dev": true,
       "requires": {
         "array-tree-filter": "^2.1.0",
@@ -10829,21 +10827,21 @@
       }
     },
     "rc-checkbox": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-2.1.6.tgz",
-      "integrity": "sha512-+VxQbt2Cwe1PxCvwosrAYXT6EQeGwrbLJB2K+IPGCSRPCKnk9zcub/0eW8A4kxjyyfh60PkwsAUZ7qmB31OmRA==",
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-2.1.8.tgz",
+      "integrity": "sha512-6qOgh0/by0nVNASx6LZnhRTy17Etcgav+IrI7kL9V9kcDZ/g7K14JFlqrtJ3NjDq/Kyn+BPI1st1XvbkhfaJeg==",
       "dev": true,
       "requires": {
         "babel-runtime": "^6.23.0",
         "classnames": "2.x",
         "prop-types": "15.x",
-        "rc-util": "^4.0.4"
+        "react-lifecycles-compat": "^3.0.4"
       }
     },
     "rc-collapse": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-1.11.1.tgz",
-      "integrity": "sha512-9HA8f7aWE0yabnzfE2v/7IyMb6dTmj052A9cyEMB0aT1sdLESpetMAzT3FkLcPT5fl7YNRkyVZ3zwkC5qMmzmA==",
+      "version": "1.11.7",
+      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-1.11.7.tgz",
+      "integrity": "sha512-ge3EEzIFtrDGuPX4bxXdQqwb91JnPIdj3B+FU88yNOUeOroNuA2q9kVK+UatpQ1Eft5hNo/ICTDrVFi8+685ng==",
       "dev": true,
       "requires": {
         "classnames": "2.x",
@@ -10851,38 +10849,31 @@
         "prop-types": "^15.5.6",
         "rc-animate": "2.x",
         "react-is": "^16.7.0",
+        "react-lifecycles-compat": "^3.0.4",
         "shallowequal": "^1.1.0"
-      },
-      "dependencies": {
-        "react-is": {
-          "version": "16.8.6",
-          "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.8.6.tgz",
-          "integrity": "sha512-aUk3bHfZ2bRSVFFbbeVS4i+lNPZr3/WM5jT2J5omUVV1zzcs1nAaf3l51ctA5FFvCRbhrH0bdAsRRQddFJZPtA==",
-          "dev": true
-        }
       }
     },
     "rc-dialog": {
-      "version": "7.3.1",
-      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-7.3.1.tgz",
-      "integrity": "sha512-AlGpAWgz23RtZlmke/JZM7hJxBl5fylwfcp2dn0qS4v5T8nhaKT/t4WEtTGYMQcuXxPE06KGz6tXqhaQDnXw3Q==",
+      "version": "7.5.7",
+      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-7.5.7.tgz",
+      "integrity": "sha512-hSKzxdbkWylenjdyNwUPz2Wb4pkmpFld/Qp7u5uhXhlLUTUjQceCj+VFXHWKfBGlesm34SD4wNl4ZvyEYIAdNA==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
         "rc-animate": "2.x",
-        "rc-util": "^4.4.0"
+        "rc-util": "^4.8.1"
       }
     },
     "rc-drawer": {
-      "version": "1.7.7",
-      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-1.7.7.tgz",
-      "integrity": "sha512-7dESNkClYdWGSdBdwcfeOz6DUCqzrW44QT013fsTBJIiWNLSLgDV5KoHKXG8VTJWU4mBn7M5Lqgyr94CRZcxGA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-3.0.2.tgz",
+      "integrity": "sha512-oPScGXB/8/ov9gEFLxPH8RBv/9jLTZboZtyF/GgrrnCAvbFwUxXdELH6n6XIowmuDKKvTGIMgZdnao0T46Yv3A==",
       "dev": true,
       "requires": {
-        "babel-runtime": "6.x",
-        "classnames": "^2.2.5",
-        "prop-types": "^15.5.0",
-        "rc-util": "^4.5.1"
+        "babel-runtime": "^6.26.0",
+        "classnames": "^2.2.6",
+        "rc-util": "^4.11.2",
+        "react-lifecycles-compat": "^3.0.4"
       }
     },
     "rc-dropdown": {
@@ -10899,9 +10890,9 @@
       }
     },
     "rc-editor-core": {
-      "version": "0.8.9",
-      "resolved": "https://registry.npmjs.org/rc-editor-core/-/rc-editor-core-0.8.9.tgz",
-      "integrity": "sha512-fGTkTm96Kil/i9n5a3JwAzJcl2TkfjO1r1WBWf6NIOxXiJXpC3Lajkf3j6E5K7iz5AW0QRaSGnNQFBrwvXKKWA==",
+      "version": "0.8.10",
+      "resolved": "https://registry.npmjs.org/rc-editor-core/-/rc-editor-core-0.8.10.tgz",
+      "integrity": "sha512-T3aHpeMCIYA1sdAI7ynHHjXy5fqp83uPlD68ovZ0oClTSc3tbHmyCxXlA+Ti4YgmcpCYv7avF6a+TIbAka53kw==",
       "dev": true,
       "requires": {
         "babel-runtime": "^6.26.0",
@@ -10914,28 +10905,28 @@
       }
     },
     "rc-editor-mention": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/rc-editor-mention/-/rc-editor-mention-1.1.12.tgz",
-      "integrity": "sha512-cPm2rQ7P+hXaKMsO0ajVv08QlTDcSPVtw8/lVr9D+QzQKRPChCqLw9rVGOa4YGYTeS3gVe8lBfLr8a9JKFk3gA==",
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/rc-editor-mention/-/rc-editor-mention-1.1.13.tgz",
+      "integrity": "sha512-3AOmGir91Fi2ogfRRaXLtqlNuIwQpvla7oUnGHS1+3eo7b+fUp5IlKcagqtwUBB5oDNofoySXkLBxzWvSYNp/Q==",
       "dev": true,
       "requires": {
         "babel-runtime": "^6.23.0",
         "classnames": "^2.2.5",
         "dom-scroll-into-view": "^1.2.0",
         "draft-js": "~0.10.0",
-        "immutable": "^3.7.4",
+        "immutable": "~3.7.4",
         "prop-types": "^15.5.8",
         "rc-animate": "^2.3.0",
         "rc-editor-core": "~0.8.3"
       }
     },
     "rc-form": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/rc-form/-/rc-form-2.4.4.tgz",
-      "integrity": "sha512-AHR2GGYJOlKG5jP6ZjqS+PVBrUUXt+kDJFgJeDw17k6RDVIrG1535MxDPgNmRXp2VM4GQij4sVvjaHvwFsUgCA==",
+      "version": "2.4.9",
+      "resolved": "https://registry.npmjs.org/rc-form/-/rc-form-2.4.9.tgz",
+      "integrity": "sha512-uu6wtJqSQWTFOgv1NcYJIPf7TlJHmQHbDJTBQQuQsKKap8CiW6aeAfvOZpThQuWwV/NeznP4WKeOJurIw4zzlA==",
       "dev": true,
       "requires": {
-        "async-validator": "~1.8.5",
+        "async-validator": "~1.11.3",
         "babel-runtime": "6.x",
         "create-react-class": "^15.5.3",
         "dom-scroll-into-view": "1.x",
@@ -10956,9 +10947,9 @@
       }
     },
     "rc-input-number": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-4.4.1.tgz",
-      "integrity": "sha512-vgMjTNzBwgK6JkGVXfoHtYziTn4aFarYaHCYEwlJpDkLDvBxwcSlfXZ4ZGqS4MpouDKO0B1W1oPiXcJbJWG3zg==",
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-4.5.1.tgz",
+      "integrity": "sha512-grO7/Lau7iv3NyHVyCajE1LuGLqGkG1tEAAZSwm9M0esYfrwXVSip4qhb5sF+8g6ACsiI20sOVLIihXuhSoifA==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -10968,23 +10959,35 @@
         "rmc-feedback": "^2.0.0"
       }
     },
-    "rc-menu": {
-      "version": "7.4.22",
-      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-7.4.22.tgz",
-      "integrity": "sha512-6o/5H7y60O7Q9Yvp3YaqxPQA65zfh0goiWV98Xh2R95qYg2QRGP7aiMdYG0sjVpZR67oTneMMIoyfMudj9iQmA==",
+    "rc-mentions": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-0.4.1.tgz",
+      "integrity": "sha512-XSJp6kcEPydUaM0I/gnxpXggiKgA5FjgFPKZCMQBDQJYUjXpQNyg5ogNkOJt1/4B2P7pwbYPZXgxP/30yZVahA==",
+      "dev": true,
+      "requires": {
+        "@ant-design/create-react-context": "^0.2.4",
+        "classnames": "^2.2.6",
+        "rc-menu": "^7.4.22",
+        "rc-trigger": "^2.6.2",
+        "rc-util": "^4.6.0",
+        "react-lifecycles-compat": "^3.0.4"
+      }
+    },
+    "rc-menu": {
+      "version": "7.5.2",
+      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-7.5.2.tgz",
+      "integrity": "sha512-vIS4kiVk81+W+gtvh+dyPA4ucMLCOH6NdwAFnum5by5hono/1fGNSR+F25mG8cHblRQ/8S9dJbaiVQUQ+tvtTQ==",
       "dev": true,
       "requires": {
-        "babel-runtime": "6.x",
         "classnames": "2.x",
         "dom-scroll-into-view": "1.x",
-        "ismobilejs": "^0.5.1",
         "mini-store": "^2.0.0",
         "mutationobserver-shim": "^0.3.2",
-        "prop-types": "^15.5.6",
-        "rc-animate": "2.x",
+        "rc-animate": "^2.10.1",
         "rc-trigger": "^2.3.0",
-        "rc-util": "^4.1.0",
-        "resize-observer-polyfill": "^1.5.0"
+        "rc-util": "^4.13.0",
+        "resize-observer-polyfill": "^1.5.0",
+        "shallowequal": "^1.1.0"
       }
     },
     "rc-notification": {
@@ -11001,20 +11004,21 @@
       }
     },
     "rc-pagination": {
-      "version": "1.17.13",
-      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-1.17.13.tgz",
-      "integrity": "sha512-xjwVo28x6H34zyS74akn5s+uicUoPI5GRFmqKMhEAlQIRsOnfZL3ReNmcyN3/JZbyo7d6MtFHsXBeNeLFmCVhw==",
+      "version": "1.20.9",
+      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-1.20.9.tgz",
+      "integrity": "sha512-X/y2kZWrUyX/x7Ncbh/KrcPxStMuQTytqx4XPsla5ub881wGpiCdiVJxfhlqlVlqJmXRsxLYAcn8Vbi8pmmjKA==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
+        "classnames": "^2.2.6",
         "prop-types": "^15.5.7",
         "react-lifecycles-compat": "^3.0.4"
       }
     },
     "rc-progress": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-2.3.0.tgz",
-      "integrity": "sha512-hYBKFSsNgD7jsF8j+ZC1J8y5UIC2X/ktCYI/OQhQNSX6mGV1IXnUCjAd9gbLmzmpChPvKyymRNfckScUNiTpFQ==",
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-2.5.2.tgz",
+      "integrity": "sha512-ajI+MJkbBz9zYDuE9GQsY5gsyqPF7HFioZEDZ9Fmc+ebNZoiSeSJsTJImPFCg0dW/5WiRGUy2F69SX1aPtSJgA==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -11033,10 +11037,21 @@
         "react-lifecycles-compat": "^3.0.4"
       }
     },
+    "rc-resize-observer": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-0.1.2.tgz",
+      "integrity": "sha512-Zfcxet++8PzY2P8Jnr6wsTi2kSfvnWnd84oVR5thsRbIk8kMoZhdexc867Bdo6l/7ipEt7DEC9VxRm2Fzvp/Ew==",
+      "dev": true,
+      "requires": {
+        "classnames": "^2.2.1",
+        "rc-util": "^4.11.1",
+        "resize-observer-polyfill": "^1.5.1"
+      }
+    },
     "rc-select": {
-      "version": "9.0.2",
-      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-9.0.2.tgz",
-      "integrity": "sha512-lwFz/aINmbznQmKvq/jFipc922h+RhA+iKCicxAglTqC4qmXg2REKWzviT5Tk0kqVe4mHcfNX8PyvMEHSmkaLA==",
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-9.2.1.tgz",
+      "integrity": "sha512-nW/Zr2OCgxN26OX8ff3xcO1wK0e1l5ixnEfyN15Rbdk7TNI/rIPJIjPCQAoihRpk9A2C/GH8pahjlvKV1Vj++g==",
       "dev": true,
       "requires": {
         "babel-runtime": "^6.23.0",
@@ -11054,9 +11069,9 @@
       }
     },
     "rc-slider": {
-      "version": "8.6.9",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-8.6.9.tgz",
-      "integrity": "sha512-v5XwSARCyKGkalV7c54jwiuPNh8pGUg0i1opVD8YJVd8zQqbxepRoGmEE4xwRTxjR7Goao6/ARc7l2dGoPwZsg==",
+      "version": "8.7.1",
+      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-8.7.1.tgz",
+      "integrity": "sha512-WMT5mRFUEcrLWwTxsyS8jYmlaMsTVCZIGENLikHsNv+tE8ThU2lCoPfi/xFNUfJFNFSBFP3MwPez9ZsJmNp13g==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -11064,14 +11079,15 @@
         "prop-types": "^15.5.4",
         "rc-tooltip": "^3.7.0",
         "rc-util": "^4.0.4",
-        "shallowequal": "^1.0.1",
+        "react-lifecycles-compat": "^3.0.4",
+        "shallowequal": "^1.1.0",
         "warning": "^4.0.3"
       }
     },
     "rc-steps": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-3.3.1.tgz",
-      "integrity": "sha512-LGzmPYS9ETePo+6YbHlFukCdcKppeBZXO49ZxewaC7Cba00q0zrMXlexquZ4fm+9iz0IkpzwgmenvjsVWCmGOw==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-3.5.0.tgz",
+      "integrity": "sha512-2Vkkrpa7PZbg7qPsqTNzVDov4u78cmxofjjnIHiGB9+9rqKS8oTLPzbW2uiWDr3Lk+yGwh8rbpGO1E6VAgBCOg==",
       "dev": true,
       "requires": {
         "babel-runtime": "^6.23.0",
@@ -11092,9 +11108,9 @@
       }
     },
     "rc-table": {
-      "version": "6.4.4",
-      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-6.4.4.tgz",
-      "integrity": "sha512-SAbR0QboqCA8xeES4QBB65E+wATAl5c/jgL1YXsaGeiGXq9yeB1sAq0Tnc4sYmR5ghgzf02d+8nwjSX1e/zSOA==",
+      "version": "6.8.6",
+      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-6.8.6.tgz",
+      "integrity": "sha512-HKCtWneUq0pKgJUdfUSVtPhjP23DkerIyoamNcbErrejM9lRv8Prt6VfHSQRRSnXzCMn4Q0GeE1D5Wt0rDMAOQ==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -11106,59 +11122,40 @@
         "rc-util": "^4.0.4",
         "react-lifecycles-compat": "^3.0.2",
         "shallowequal": "^1.0.2",
-        "warning": "^3.0.0"
-      },
-      "dependencies": {
-        "warning": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",
-          "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=",
-          "dev": true,
-          "requires": {
-            "loose-envify": "^1.0.0"
-          }
-        }
+        "warning": "^4.0.3"
       }
     },
     "rc-tabs": {
-      "version": "9.6.3",
-      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-9.6.3.tgz",
-      "integrity": "sha512-f4GotOvzfzY4fqj/Y9Npt3pxyyHceyj06yss2uhNlAb+PW25tn22LxgGhhFVn2RyUXrt5WT26HPgtHx9R9sN3Q==",
+      "version": "9.6.7",
+      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-9.6.7.tgz",
+      "integrity": "sha512-OXbDOgaqv2MGK9QaDi6cdva6bNz3XGw+M9BHQpm1gTGmVQEGx5VcclDClH/3xobIzooxy8hrxg/s0rTlgDnC2w==",
       "dev": true,
       "requires": {
+        "@ant-design/create-react-context": "^0.2.4",
         "babel-runtime": "6.x",
         "classnames": "2.x",
-        "create-react-context": "0.2.2",
         "lodash": "^4.17.5",
         "prop-types": "15.x",
         "raf": "^3.4.1",
         "rc-hammerjs": "~0.6.0",
         "rc-util": "^4.0.4",
+        "react-lifecycles-compat": "^3.0.4",
         "resize-observer-polyfill": "^1.5.1",
-        "warning": "^3.0.0"
-      },
-      "dependencies": {
-        "warning": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",
-          "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=",
-          "dev": true,
-          "requires": {
-            "loose-envify": "^1.0.0"
-          }
-        }
+        "warning": "^4.0.3"
       }
     },
     "rc-time-picker": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/rc-time-picker/-/rc-time-picker-3.6.2.tgz",
-      "integrity": "sha512-SyGEVXO0ImeG2mz+7fkVmDoVM0+OrX6uYGpKYijNr/lAah7c5p310ZR6fVrblXOl4TpqVnfWR67RMJ3twAyM7w==",
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/rc-time-picker/-/rc-time-picker-3.7.2.tgz",
+      "integrity": "sha512-UVWO9HXGyZoM4I2THlJsEAFcZQz+tYwdcpoHXCEFZsRLz9L2+7vV4EMp9Wa3UrtzMFEt83qSAX/90dCJeKl9sg==",
       "dev": true,
       "requires": {
         "classnames": "2.x",
         "moment": "2.x",
         "prop-types": "^15.5.8",
-        "rc-trigger": "^2.2.0"
+        "raf": "^3.4.1",
+        "rc-trigger": "^2.2.0",
+        "react-lifecycles-compat": "^3.0.4"
       }
     },
     "rc-tooltip": {
@@ -11173,59 +11170,32 @@
       }
     },
     "rc-tree": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-1.15.2.tgz",
-      "integrity": "sha512-VPXLA/GdV6U9N8evpl4rmjRsBkw5BoweqWjcVBVwYGzBtonNIFpdc+bnb7TDmd6S3mKOM7mXPbiSr2GKYdj4hA==",
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-2.1.3.tgz",
+      "integrity": "sha512-COvV65spQ6omrHBUhHRKqKNL5+ddXjlS+qWZchaL9FFuQNvjM5pjp9RnmMWK4fJJ5kBhhpLneh6wh9Vh3kSMXQ==",
       "dev": true,
       "requires": {
-        "babel-runtime": "^6.23.0",
+        "@ant-design/create-react-context": "^0.2.4",
         "classnames": "2.x",
         "prop-types": "^15.5.8",
-        "rc-animate": "^3.0.0-rc.5",
+        "rc-animate": "^2.6.0",
         "rc-util": "^4.5.1",
         "react-lifecycles-compat": "^3.0.4",
-        "warning": "^3.0.0"
-      },
-      "dependencies": {
-        "rc-animate": {
-          "version": "3.0.0-rc.6",
-          "resolved": "https://registry.npmjs.org/rc-animate/-/rc-animate-3.0.0-rc.6.tgz",
-          "integrity": "sha512-oBLPpiT6Q4t6YvD/pkLcmofBP1p01TX0Otse8Q4+Mxt8J+VSDflLZGIgf62EwkvRwsQUkLPjZVFBsldnPKLzjg==",
-          "dev": true,
-          "requires": {
-            "babel-runtime": "6.x",
-            "classnames": "^2.2.5",
-            "component-classes": "^1.2.6",
-            "fbjs": "^0.8.16",
-            "prop-types": "15.x",
-            "raf": "^3.4.0",
-            "rc-util": "^4.5.0",
-            "react-lifecycles-compat": "^3.0.4"
-          }
-        },
-        "warning": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",
-          "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=",
-          "dev": true,
-          "requires": {
-            "loose-envify": "^1.0.0"
-          }
-        }
+        "warning": "^4.0.3"
       }
     },
     "rc-tree-select": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-2.6.2.tgz",
-      "integrity": "sha512-QKWdKKmUfLaG4kv47NtpMQibs0WaS9EQFntiQy4k9Pp2ExtD5m/3YIv33u8LKZ/KWkz2LQBkLN9c3MVX2pWNOw==",
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-2.9.1.tgz",
+      "integrity": "sha512-AfJQC1ZzaeH+Onmx84TtVLUL2guBZe7exA8XSfj1RRB1doDbYGTtybzpP3CEw/tuSftSRnz+iPt+iaxRTrgXRw==",
       "dev": true,
       "requires": {
         "classnames": "^2.2.1",
         "dom-scroll-into-view": "^1.2.1",
         "prop-types": "^15.5.8",
         "raf": "^3.4.0",
-        "rc-animate": "^3.0.0-rc.4",
-        "rc-tree": "~1.15.0",
+        "rc-animate": "^2.8.2",
+        "rc-tree": "~2.0.0",
         "rc-trigger": "^3.0.0-rc.2",
         "rc-util": "^4.5.0",
         "react-lifecycles-compat": "^3.0.4",
@@ -11233,20 +11203,30 @@
         "warning": "^4.0.1"
       },
       "dependencies": {
-        "rc-animate": {
-          "version": "3.0.0-rc.6",
-          "resolved": "https://registry.npmjs.org/rc-animate/-/rc-animate-3.0.0-rc.6.tgz",
-          "integrity": "sha512-oBLPpiT6Q4t6YvD/pkLcmofBP1p01TX0Otse8Q4+Mxt8J+VSDflLZGIgf62EwkvRwsQUkLPjZVFBsldnPKLzjg==",
+        "rc-tree": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-2.0.0.tgz",
+          "integrity": "sha512-DAT/jsbnFbHqG9Df9OaVG93CAVtTsJVnJiwKX+wqsG8TChpty3s6QX3zJZ+gBgjkq4ikLbu1kuFJtX63EKhSAA==",
           "dev": true,
           "requires": {
-            "babel-runtime": "6.x",
-            "classnames": "^2.2.5",
-            "component-classes": "^1.2.6",
-            "fbjs": "^0.8.16",
-            "prop-types": "15.x",
-            "raf": "^3.4.0",
-            "rc-util": "^4.5.0",
-            "react-lifecycles-compat": "^3.0.4"
+            "babel-runtime": "^6.23.0",
+            "classnames": "2.x",
+            "prop-types": "^15.5.8",
+            "rc-animate": "^2.6.0",
+            "rc-util": "^4.5.1",
+            "react-lifecycles-compat": "^3.0.4",
+            "warning": "^3.0.0"
+          },
+          "dependencies": {
+            "warning": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",
+              "integrity": "sha1-MuU3fLVy3kqwR1O9+IIcAe1gW3w=",
+              "dev": true,
+              "requires": {
+                "loose-envify": "^1.0.0"
+              }
+            }
           }
         },
         "rc-trigger": {
@@ -11262,14 +11242,32 @@
             "rc-align": "^2.4.1",
             "rc-animate": "^3.0.0-rc.1",
             "rc-util": "^4.4.0"
+          },
+          "dependencies": {
+            "rc-animate": {
+              "version": "3.0.0-rc.6",
+              "resolved": "https://registry.npmjs.org/rc-animate/-/rc-animate-3.0.0-rc.6.tgz",
+              "integrity": "sha512-oBLPpiT6Q4t6YvD/pkLcmofBP1p01TX0Otse8Q4+Mxt8J+VSDflLZGIgf62EwkvRwsQUkLPjZVFBsldnPKLzjg==",
+              "dev": true,
+              "requires": {
+                "babel-runtime": "6.x",
+                "classnames": "^2.2.5",
+                "component-classes": "^1.2.6",
+                "fbjs": "^0.8.16",
+                "prop-types": "15.x",
+                "raf": "^3.4.0",
+                "rc-util": "^4.5.0",
+                "react-lifecycles-compat": "^3.0.4"
+              }
+            }
           }
         }
       }
     },
     "rc-trigger": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-2.6.2.tgz",
-      "integrity": "sha512-op4xCu95/gdHVaysyxxiYxbY+Z+UcIBSUY9nQfLqm1FlitdtnAN+owD5iMPfnnsRXntgcQ5+RdYKNUFQT5DjzA==",
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/rc-trigger/-/rc-trigger-2.6.5.tgz",
+      "integrity": "sha512-m6Cts9hLeZWsTvWnuMm7oElhf+03GOjOLfTuU0QmdB9ZrW7jR2IpI5rpNM7i9MvAAlMAmTx5Zr7g3uu/aMvZAw==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -11277,13 +11275,14 @@
         "prop-types": "15.x",
         "rc-align": "^2.4.0",
         "rc-animate": "2.x",
-        "rc-util": "^4.4.0"
+        "rc-util": "^4.4.0",
+        "react-lifecycles-compat": "^3.0.4"
       }
     },
     "rc-upload": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-2.6.3.tgz",
-      "integrity": "sha512-wM57UH/EEqW2/EcWz5nwnU07d4LHDHjBgxRin2Q56TW9JcFVnaQVq/JHycVFumsgSFV5CZfNW8PBROsKT9VFMw==",
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-2.8.1.tgz",
+      "integrity": "sha512-FmKZgWsgOyKeZuperDjHrj8Qx5fdQqYuNpmDR50AP7Za87o8QsRvCbIKG2pgQ9MpNkUbiQOV15FqlQBl2WisfQ==",
       "dev": true,
       "requires": {
         "babel-runtime": "6.x",
@@ -11293,14 +11292,15 @@
       }
     },
     "rc-util": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-4.6.0.tgz",
-      "integrity": "sha512-rbgrzm1/i8mgfwOI4t1CwWK7wGe+OwX+dNa7PVMgxZYPBADGh86eD4OcJO1UKGeajIMDUUKMluaZxvgraQIOmw==",
+      "version": "4.13.0",
+      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-4.13.0.tgz",
+      "integrity": "sha512-rjfPy+afc2n40APHp6GYScXfgwHuUnYLz/4SCEWRaF8CHXKR8xw598LtPA36J3fEXENuMm6liO/CoKBoSrYCDw==",
       "dev": true,
       "requires": {
         "add-dom-event-listener": "^1.1.0",
         "babel-runtime": "6.x",
         "prop-types": "^15.5.10",
+        "react-lifecycles-compat": "^3.0.4",
         "shallowequal": "^0.2.2"
       },
       "dependencies": {
@@ -11369,16 +11369,15 @@
       "dev": true
     },
     "react-slick": {
-      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.23.2.tgz",
-      "integrity": "sha512-fM6DXX7+22eOcYE9cgaXUfioZL/Zw6fwS6aPMDBt0kLHl4H4fFNEbp4JsJQdEWMLUNFtUytNcvd9KRml22Tp5w==",
+      "version": "0.25.2",
+      "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.25.2.tgz",
+      "integrity": "sha512-8MNH/NFX/R7zF6W/w+FS5VXNyDusF+XDW1OU0SzODEU7wqYB+ZTGAiNJ++zVNAVqCAHdyCybScaUB+FCZOmBBw==",
       "dev": true,
       "requires": {
         "classnames": "^2.2.5",
         "enquire.js": "^2.1.6",
         "json2mq": "^0.2.0",
         "lodash.debounce": "^4.0.8",
-        "prettier": "^1.14.3",
         "resize-observer-polyfill": "^1.5.0"
       }
     },
@@ -12409,9 +12408,9 @@
       "dev": true
     },
     "shallow-equal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-1.1.0.tgz",
-      "integrity": "sha512-0SW1nWo1hnabO62SEeHsl8nmTVVEzguVWZCj5gaQrgWAxz/BaCja4OWdJBWLVPDxdtE/WU7c98uUCCXyPHSCvw==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-1.2.0.tgz",
+      "integrity": "sha512-Z21pVxR4cXsfwpMKMhCEIO1PCi5sp7KEp+CmOpBQ+E8GpHwKOw2sEzk7sgblM3d/j4z4gakoWEoPcjK0VJQogA==",
       "dev": true
     },
     "shallowequal": {
@@ -13915,9 +13914,9 @@
       "dev": true
     },
     "ua-parser-js": {
-      "version": "0.7.18",
-      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.18.tgz",
-      "integrity": "sha512-LtzwHlVHwFGTptfNSgezHp7WUlwiqb0gA9AALRbKaERfxwJoiX0A73QbTToxteIAuIaFshhgIZfqK8s7clqgnA==",
+      "version": "0.7.20",
+      "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.20.tgz",
+      "integrity": "sha512-8OaIKfzL5cpx8eCMAhhvTlft8GYF8b2eQr6JkCyVdrgjcytyOmPCXrqXFcUnhonRpLlh5yxEZVohm6mzaowUOw==",
       "dev": true
     },
     "uglify-js": {
diff --git a/package.json b/package.json
index d204355..83cd91a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-viewer",
-  "version": "2.10.0",
+  "version": "2.11.1",
   "description": "react image viewer",
   "main": "dist/index",
   "scripts": {
@@ -9,7 +9,8 @@
     "lint": "tslint -c tslint.json src/**/*.ts src/**/*.tsx",
     "build": "atool-build --config webpack.config.prop.js && gulp",
     "doc": "atool-build --config webpack.config.doc.js",
-    "pub": "npm run build && npm publish"
+    "pub": "npm run build && npm publish",
+    "prepublish": "npm run build"
   },
   "repository": {
     "type": "git",
@@ -36,7 +37,7 @@
     "@types/node": "^6.0.45",
     "@types/react": "^16.9.1",
     "@types/react-dom": "^16.8.5",
-    "antd": "^3.16.2",
+    "antd": "^3.24.1",
     "atool-build": "^1.0.8",
     "babel-jest": "^23.4.2",
     "babel-plugin-import": "^1.2.1",
diff --git a/src/ViewerCore.tsx b/src/ViewerCore.tsx
index 7943bd1..4c3bb3e 100644
--- a/src/ViewerCore.tsx
+++ b/src/ViewerCore.tsx
@@ -6,6 +6,7 @@ import ViewerToolbar, { defaultToolbars } from './ViewerToolbar';
 import ViewerProps, { ImageDecorator, ToolbarConfig } from './ViewerProps';
 import Icon, { ActionType } from './Icon';
 import * as constants from './constants';
+import classnames from 'classnames';
 
 function noop() { }
 
@@ -453,7 +454,7 @@ export default (props: ViewerProps) => {
       funcName = 'removeEventListener';
     }
     if (!disableKeyboardSupport) {
-      document[funcName]('keydown', handleKeydown, false);
+      document[funcName]('keydown', handleKeydown, true);
     }
     if (viewerCore.current) {
       viewerCore.current[funcName](
@@ -513,6 +514,7 @@ export default (props: ViewerProps) => {
     }
     if (isFeatrue) {
       e.preventDefault();
+      e.stopPropagation();
     }
   }
 
@@ -596,10 +598,10 @@ export default (props: ViewerProps) => {
 
   const prefixCls = 'react-viewer';
 
-  let className = `${prefixCls} ${prefixCls}-transition`;
-  if (props.container) {
-    className += ` ${prefixCls}-inline`;
-  }
+  const className = classnames(`${prefixCls}`, `${prefixCls}-transition`, {
+    [`${prefixCls}-inline`]: props.container,
+    [props.className]: props.className,
+  });
 
   let viewerStryle: React.CSSProperties = {
     opacity: (visible && state.visible) ? 1 : 0,
diff --git a/src/ViewerProps.ts b/src/ViewerProps.ts
index f456e07..52c2118 100644
--- a/src/ViewerProps.ts
+++ b/src/ViewerProps.ts
@@ -103,6 +103,8 @@ interface ViewerProps {
 
   // whether to download in a new window
   downloadInNewWindow?: boolean;
+
+  className?: string;
 }
 
 export default ViewerProps;
diff --git a/src/__tests__/viewer.test.tsx b/src/__tests__/viewer.test.tsx
index 41e3fb7..56eaa36 100644
--- a/src/__tests__/viewer.test.tsx
+++ b/src/__tests__/viewer.test.tsx
@@ -728,4 +728,13 @@ describe('Viewer', () => {
     viewerHelper.skipAnimation();
     expect($$('.react-viewer-attribute')[0].innerHTML).toContain('lake');
   });
+
+  it('customized CSS class', () => {
+    viewerHelper.new({
+      className: 'my-react-viewer',
+    });
+    viewerHelper.open();
+
+    expect($$('.my-react-viewer')).toHaveLength(1);
+  });
 });