refactor: remove flex class

Author: iceweb1999

assets/index.less

@@ -13,6 +13,7 @@
 @pagination-item-input-bg: #fff;
 
 .@{pagination-prefix-cls} {
+  display: flex;
   margin: 0;
   padding: 0;
   font-size: 14px;
@@ -24,10 +25,6 @@
     list-style: none;
   }
 
-  &-flex {
-    display: flex;
-  }
-
   &-start {
     justify-content: start;
   }

src/Pagination.tsx

@@ -557,7 +557,6 @@ const Pagination: React.FC<PaginationProps> = (props) => {
   }
 
   const cls = classNames(prefixCls, className, {
-    [`${prefixCls}-flex`]: !!align,
     [`${prefixCls}-start`]: align === 'start',
     [`${prefixCls}-center`]: align === 'center',
     [`${prefixCls}-end`]: align === 'end',

tests/__snapshots__/demo.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Example align 1`] = `
 <div>
   <ul
-    class="rc-pagination rc-pagination-flex rc-pagination-start"
+    class="rc-pagination rc-pagination-start"
   >
     <li
       aria-disabled="true"
@@ -42,7 +42,7 @@ exports[`Example align 1`] = `
     </li>
   </ul>
   <ul
-    class="rc-pagination rc-pagination-flex rc-pagination-center"
+    class="rc-pagination rc-pagination-center"
   >
     <li
       aria-disabled="true"
@@ -81,7 +81,7 @@ exports[`Example align 1`] = `
     </li>
   </ul>
   <ul
-    class="rc-pagination rc-pagination-flex rc-pagination-end"
+    class="rc-pagination rc-pagination-end"
   >
     <li
       aria-disabled="true"
@@ -1082,128 +1082,6 @@ exports[`Example controlled 1`] = `
 </div>
 `;
 
-exports[`Example direction 1`] = `
-<div>
-  <ul
-    class="rc-pagination rc-pagination-flex rc-pagination-start"
-  >
-    <li
-      aria-disabled="true"
-      class="rc-pagination-prev rc-pagination-disabled"
-      title="上一页"
-    >
-      <button
-        aria-label="prev page"
-        class="rc-pagination-item-link"
-        disabled=""
-        type="button"
-      />
-    </li>
-    <li
-      class="rc-pagination-item rc-pagination-item-1 rc-pagination-item-disabled"
-      tabindex="0"
-      title="1"
-    >
-      <a
-        rel="nofollow"
-      >
-        1
-      </a>
-    </li>
-    <li
-      aria-disabled="true"
-      class="rc-pagination-next rc-pagination-disabled"
-      title="下一页"
-    >
-      <button
-        aria-label="next page"
-        class="rc-pagination-item-link"
-        disabled=""
-        type="button"
-      />
-    </li>
-  </ul>
-  <ul
-    class="rc-pagination rc-pagination-flex rc-pagination-center"
-  >
-    <li
-      aria-disabled="true"
-      class="rc-pagination-prev rc-pagination-disabled"
-      title="上一页"
-    >
-      <button
-        aria-label="prev page"
-        class="rc-pagination-item-link"
-        disabled=""
-        type="button"
-      />
-    </li>
-    <li
-      class="rc-pagination-item rc-pagination-item-1 rc-pagination-item-disabled"
-      tabindex="0"
-      title="1"
-    >
-      <a
-        rel="nofollow"
-      >
-        1
-      </a>
-    </li>
-    <li
-      aria-disabled="true"
-      class="rc-pagination-next rc-pagination-disabled"
-      title="下一页"
-    >
-      <button
-        aria-label="next page"
-        class="rc-pagination-item-link"
-        disabled=""
-        type="button"
-      />
-    </li>
-  </ul>
-  <ul
-    class="rc-pagination rc-pagination-flex rc-pagination-end"
-  >
-    <li
-      aria-disabled="true"
-      class="rc-pagination-prev rc-pagination-disabled"
-      title="上一页"
-    >
-      <button
-        aria-label="prev page"
-        class="rc-pagination-item-link"
-        disabled=""
-        type="button"
-      />
-    </li>
-    <li
-      class="rc-pagination-item rc-pagination-item-1 rc-pagination-item-disabled"
-      tabindex="0"
-      title="1"
-    >
-      <a
-        rel="nofollow"
-      >
-        1
-      </a>
-    </li>
-    <li
-      aria-disabled="true"
-      class="rc-pagination-next rc-pagination-disabled"
-      title="下一页"
-    >
-      <button
-        aria-label="next page"
-        class="rc-pagination-item-link"
-        disabled=""
-        type="button"
-      />
-    </li>
-  </ul>
-</div>
-`;
-
 exports[`Example itemRender 1`] = `
 <div>
   <ul

tests/index.test.tsx

@@ -324,21 +324,15 @@ describe('Other props', () => {
   describe('should support align props', () => {
     it('should support align to start', () => {
       const { container } = render(<Pagination align="start" />);
-      expect(
-        container.querySelector('.rc-pagination-flex.rc-pagination-start'),
-      ).toBeTruthy();
+      expect(container.querySelector('.rc-pagination-start')).toBeTruthy();
     });
     it('should support align to center', () => {
       const { container } = render(<Pagination align="center" />);
-      expect(
-        container.querySelector('.rc-pagination-flex.rc-pagination-center'),
-      ).toBeTruthy();
+      expect(container.querySelector('.rc-pagination-center')).toBeTruthy();
     });
     it('should support align to end', () => {
       const { container } = render(<Pagination align="end" />);
-      expect(
-        container.querySelector('.rc-pagination-flex.rc-pagination-end'),
-      ).toBeTruthy();
+      expect(container.querySelector('.rc-pagination-end')).toBeTruthy();
     });
   });