From 0ae91ec37fa943e8c888468deb1edd1df81bfbf4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=A5=95?=
 <Leopoldthecoder@users.noreply.github.com>
Date: Mon, 9 Apr 2018 18:53:50 +0800
Subject: [PATCH] Pagination: disabled prev and next buttons should not trigger
 click (#10628)

---
 packages/pagination/src/pagination.js    | 9 ++++-----
 packages/theme-chalk/src/pagination.scss | 4 ++--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/packages/pagination/src/pagination.js b/packages/pagination/src/pagination.js
index 3650001aa..7793272b6 100644
--- a/packages/pagination/src/pagination.js
+++ b/packages/pagination/src/pagination.js
@@ -113,7 +113,8 @@ export default {
         return (
           <button
             type="button"
-            class={['btn-prev', { disabled: this.$parent.disabled || this.$parent.internalCurrentPage <= 1 }]}
+            class="btn-prev"
+            disabled={ this.$parent.disabled || this.$parent.internalCurrentPage <= 1 }
             on-click={ this.$parent.prev }>
             {
               this.$parent.prevText
@@ -130,10 +131,8 @@ export default {
         return (
           <button
             type="button"
-            class={[
-              'btn-next',
-              { disabled: this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0 }
-            ]}
+            class="btn-next"
+            disabled={ this.$parent.disabled || this.$parent.internalCurrentPage === this.$parent.internalPageCount || this.$parent.internalPageCount === 0 }
             on-click={ this.$parent.next }>
             {
               this.$parent.nextText
diff --git a/packages/theme-chalk/src/pagination.scss b/packages/theme-chalk/src/pagination.scss
index e1b9be098..bc9eea0c9 100644
--- a/packages/theme-chalk/src/pagination.scss
+++ b/packages/theme-chalk/src/pagination.scss
@@ -57,7 +57,7 @@
       color: $--pagination-hover-fill;
     }
 
-    &.disabled {
+    &:disabled {
       color: $--pagination-button-disabled-color;
       background-color: $--pagination-button-disabled-fill;
       cursor: not-allowed;
@@ -188,7 +188,7 @@
     .btn-prev, .btn-next {
       padding: 0;
 
-      &.disabled {
+      &:disabled {
         color: $--color-text-placeholder;
       }
     }