pref: add polyfill

Author: orzyyyy

package.json

@@ -1,70 +1,71 @@
-{
-  "name": "rc-pagination",
-  "version": "1.17.3",
-  "description": "pagination ui component for react",
-  "keywords": [
-    "react",
-    "react-component",
-    "react-pagination",
-    "pagination"
-  ],
-  "homepage": "http://github.com/react-component/pagination",
-  "author": "i@xiaoba.me",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:react-component/pagination.git"
-  },
-  "bugs": {
-    "url": "http://github.com/react-component/pagination/issues"
-  },
-  "license": "MIT",
-  "files": [
-    "dist",
-    "lib",
-    "es",
-    "assets/*.css"
-  ],
-  "main": "lib/index",
-  "module": "es/index",
-  "config": {
-    "port": 3000,
-    "entry": {
-      "rc-pagination": [
-        "./src/index.js",
-        "./assets/index.less"
-      ]
-    }
-  },
-  "scripts": {
-    "dist": "rc-tools run dist",
-    "build": "rc-tools run build",
-    "compile": "rc-tools run compile --babel-runtime",
-    "gh-pages": "rc-tools run gh-pages",
-    "start": "rc-tools run server",
-    "pub": "rc-tools run pub --babel-runtime",
-    "lint": "rc-tools run lint",
-    "lint:fix": "rc-tools run lint --fix",
-    "karma": "rc-test run karma",
-    "saucelabs": "rc-test run saucelabs",
-    "test": "rc-test run test",
-    "chrome-test": "rc-test run chrome-test",
-    "coverage": "rc-test run coverage"
-  },
-  "devDependencies": {
-    "core-js": "^2.5.1",
-    "expect.js": "0.3.x",
-    "pre-commit": "1.x",
-    "rc-select": "6.x",
-    "rc-test": "^6.0.1",
-    "rc-tools": "6.x",
-    "react": "^16.5.2",
-    "react-dom": "^16.5.2"
-  },
-  "pre-commit": [
-    "lint"
-  ],
-  "dependencies": {
-    "babel-runtime": "6.x",
-    "prop-types": "^15.5.7"
-  }
-}
+{
+  "name": "rc-pagination",
+  "version": "1.17.3",
+  "description": "pagination ui component for react",
+  "keywords": [
+    "react",
+    "react-component",
+    "react-pagination",
+    "pagination"
+  ],
+  "homepage": "http://github.com/react-component/pagination",
+  "author": "i@xiaoba.me",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:react-component/pagination.git"
+  },
+  "bugs": {
+    "url": "http://github.com/react-component/pagination/issues"
+  },
+  "license": "MIT",
+  "files": [
+    "dist",
+    "lib",
+    "es",
+    "assets/*.css"
+  ],
+  "main": "lib/index",
+  "module": "es/index",
+  "config": {
+    "port": 3000,
+    "entry": {
+      "rc-pagination": [
+        "./src/index.js",
+        "./assets/index.less"
+      ]
+    }
+  },
+  "scripts": {
+    "dist": "rc-tools run dist",
+    "build": "rc-tools run build",
+    "compile": "rc-tools run compile --babel-runtime",
+    "gh-pages": "rc-tools run gh-pages",
+    "start": "rc-tools run server",
+    "pub": "rc-tools run pub --babel-runtime",
+    "lint": "rc-tools run lint",
+    "lint:fix": "rc-tools run lint --fix",
+    "karma": "rc-test run karma",
+    "saucelabs": "rc-test run saucelabs",
+    "test": "rc-test run test",
+    "chrome-test": "rc-test run chrome-test",
+    "coverage": "rc-test run coverage"
+  },
+  "devDependencies": {
+    "core-js": "^2.5.1",
+    "expect.js": "0.3.x",
+    "pre-commit": "1.x",
+    "rc-select": "6.x",
+    "rc-test": "^6.0.1",
+    "rc-tools": "6.x",
+    "react": "^16.5.2",
+    "react-dom": "^16.5.2"
+  },
+  "pre-commit": [
+    "lint"
+  ],
+  "dependencies": {
+    "babel-runtime": "6.x",
+    "prop-types": "^15.5.7",
+    "react-lifecycles-compat": "^3.0.4"
+  }
+}

src/Pagination.jsx

@@ -4,6 +4,7 @@ import Pager from './Pager';
 import Options from './Options';
 import KEYCODE from './KeyCode';
 import LOCALE from './locale/zh_CN';
+import { polyfill } from 'react-lifecycles-compat';
 
 function noop() {
 }
@@ -26,7 +27,7 @@ function calculatePage(p, state, props) {
   return Math.floor((props.total - 1) / pageSize) + 1;
 }
 
-export default class Pagination extends React.Component {
+class Pagination extends React.Component {
   static propTypes = {
     prefixCls: PropTypes.string,
     current: PropTypes.number,
@@ -646,3 +647,7 @@ export default class Pagination extends React.Component {
     );
   }
 }
+
+polyfill(Pagination);
+
+export default Pagination;