chore: use dumi (#325)

xrkffgg · web-flow · commit 3cad8072a69e · 2021-03-06T23:18:20.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -30,4 +30,9 @@ package-lock.json
 coverage/
 .doc
 dist
-.vscode
+.vscode
+# umi
+.umi
+.umi-production
+.umi-test
+.env.local
diff --git a/.umirc.ts b/.umirc.ts
@@ -0,0 +1,19 @@
+// more config: https://d.umijs.org/config
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'rc-pagination',
+  favicon:
+    'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
+  logo:
+    'https://avatars0.githubusercontent.com/u/9441414?s=200&v=4',
+  outputPath: '.doc',
+  exportStatic: {},
+  styles: [
+    `
+      .markdown table {
+        width: auto !important;
+      }
+    `,
+  ]
+});
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/README.md b/README.md
@@ -1,16 +1,8 @@
 # rc-pagination
 
----
-
 React Pagination Component.
 
-[![NPM version][npm-image]][npm-url]
-[![build status][github-actions-image]][github-actions-url]
-[![Test coverage][coveralls-image]][coveralls-url]
-[![codecov](https://codecov.io/gh/react-component/pagination/branch/master/graph/badge.svg)](https://codecov.io/gh/react-component/pagination)
-[![Dependencies](https://img.shields.io/david/react-component/pagination.svg?style=flat-square)](https://david-dm.org/react-component/pagination)
-[![DevDependencies](https://img.shields.io/david/dev/react-component/pagination.svg?style=flat-square)](https://david-dm.org/react-component/pagination?type=dev)
-[![npm download][download-image]][download-url]
+[![NPM version][npm-image]][npm-url] [![dumi](https://img.shields.io/badge/docs%20by-dumi-blue?style=flat-square)](https://github.com/umijs/dumi) [![build status][github-actions-image]][github-actions-url] [![Test coverage][coveralls-image]][coveralls-url] [![codecov](https://codecov.io/gh/react-component/pagination/branch/master/graph/badge.svg)](https://codecov.io/gh/react-component/pagination) [![Dependencies](https://img.shields.io/david/react-component/pagination.svg?style=flat-square)](https://david-dm.org/react-component/pagination) [![DevDependencies](https://img.shields.io/david/dev/react-component/pagination.svg?style=flat-square)](https://david-dm.org/react-component/pagination?type=dev) [![npm download][download-image]][download-url]
 
 [npm-image]: http://img.shields.io/npm/v/rc-pagination.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-pagination
@@ -32,7 +24,7 @@ npm start
 
 http://localhost:9001
 
-online example: http://react-component.github.io/pagination/
+online example: https://pagination-react-component.vercel.app
 
 ## Install
 
diff --git a/docs/demo/default.md b/docs/demo/default.md
@@ -0,0 +1,3 @@
+## default
+
+<code src="../examples/default.js">
diff --git a/docs/demo/itemRender.md b/docs/demo/itemRender.md
@@ -0,0 +1,3 @@
+## itemRender
+
+<code src="../examples/itemRender.js">
diff --git a/docs/demo/jumper.md b/docs/demo/jumper.md
@@ -0,0 +1,3 @@
+## jumper
+
+<code src="../examples/jumper.js">
diff --git a/docs/demo/jumperWithGoButton.md b/docs/demo/jumperWithGoButton.md
@@ -0,0 +1,3 @@
+## jumperWithGoButton
+
+<code src="../examples/jumperWithGoButton.js">
diff --git a/docs/demo/lessPages.md b/docs/demo/lessPages.md
@@ -0,0 +1,3 @@
+## lessPages
+
+<code src="../examples/lessPages.js">
diff --git a/docs/demo/locale.md b/docs/demo/locale.md
@@ -0,0 +1,3 @@
+## locale
+
+<code src="../examples/locale.js">
diff --git a/docs/demo/more.md b/docs/demo/more.md
@@ -0,0 +1,3 @@
+## more
+
+<code src="../examples/more.js">
diff --git a/docs/demo/showTitle.md b/docs/demo/showTitle.md
@@ -0,0 +1,3 @@
+## showTitle
+
+<code src="../examples/showTitle.js">
diff --git a/docs/demo/showTotal.md b/docs/demo/showTotal.md
@@ -0,0 +1,3 @@
+## showTotal
+
+<code src="../examples/showTotal.js">
diff --git a/docs/demo/simple.md b/docs/demo/simple.md
@@ -0,0 +1,3 @@
+## simple
+
+<code src="../examples/simple.js">
diff --git a/docs/demo/sizer.md b/docs/demo/sizer.md
@@ -0,0 +1,3 @@
+## sizer
+
+<code src="../examples/sizer.js">
diff --git a/docs/demo/stupid.md b/docs/demo/stupid.md
@@ -0,0 +1,3 @@
+## stupid
+
+<code src="../examples/stupid.js">
diff --git a/docs/demo/styles.md b/docs/demo/styles.md
@@ -0,0 +1,3 @@
+## styles
+
+<code src="../examples/styles.js">
diff --git a/docs/examples/default.js b/docs/examples/default.js
@@ -1,7 +1,7 @@
 /* eslint func-names: 0, no-console: 0 */
 import React from 'react';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 import 'rc-select/assets/index.less';
 
 export default class App extends React.Component {
diff --git a/docs/examples/itemRender.js b/docs/examples/itemRender.js
@@ -1,6 +1,6 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import React from 'react';
-import Pagination from '..';
+import Pagination from 'rc-pagination';
 
 const itemRender = (current, type, element) => {
   if (type === 'page') {
diff --git a/docs/examples/jumper.js b/docs/examples/jumper.js
@@ -1,8 +1,8 @@
 /* eslint func-names: 0, no-console: 0 */
 import React from 'react';
 import Select from 'rc-select';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 import 'rc-select/assets/index.less';
 
 function onShowSizeChange(current, pageSize) {
diff --git a/docs/examples/jumperWithGoButton.js b/docs/examples/jumperWithGoButton.js
@@ -1,8 +1,8 @@
 /* eslint func-names: 0, no-console: 0 */
 import React from 'react';
 import Select from 'rc-select';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 import 'rc-select/assets/index.less';
 
 class App extends React.Component {
diff --git a/docs/examples/lessPages.js b/docs/examples/lessPages.js
@@ -1,7 +1,7 @@
 /* eslint func-names: 0, no-console: 0 */
 import React from 'react';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 
 const arrowPath =
   'M869 487.8L491.2 159.9c-2.9-2.5-6.6-3.9-10.5-3.9h' +
diff --git a/docs/examples/locale.js b/docs/examples/locale.js
@@ -1,9 +1,9 @@
 /* eslint func-names: 0, no-console: 0 */
 import React from 'react';
 import Select from 'rc-select';
-import Pagination from '..';
-import localeInfo from '../src/locale/en_US';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import localeInfo from 'rc-pagination/locale/en_US';
+import '../../assets/index.less';
 import 'rc-select/assets/index.less';
 
 function onShowSizeChange(current, pageSize) {
diff --git a/docs/examples/more.js b/docs/examples/more.js
@@ -1,6 +1,6 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import React from 'react';
-import Pagination from '..';
+import Pagination from 'rc-pagination';
 
 const App = () => (
   <Pagination className="ant-pagination" defaultCurrent={3} total={450} />
diff --git a/docs/examples/showTitle.js b/docs/examples/showTitle.js
@@ -1,7 +1,7 @@
 /* eslint func-names: 0, no-console: 0 */
 import React from 'react';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 
 class App extends React.Component {
   state = {
diff --git a/docs/examples/showTotal.js b/docs/examples/showTotal.js
@@ -1,6 +1,6 @@
 import React from 'react';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 
 const App = () => (
   <>
diff --git a/docs/examples/simple.js b/docs/examples/simple.js
@@ -1,6 +1,6 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import React from 'react';
-import Pagination from '..';
+import Pagination from 'rc-pagination';
 
 const App = () => (
   <>
diff --git a/docs/examples/sizer.js b/docs/examples/sizer.js
@@ -1,8 +1,8 @@
 /* eslint func-names: 0, no-console: 0 */
 import React from 'react';
 import Select from 'rc-select';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 import 'rc-select/assets/index.less';
 
 class App extends React.Component {
diff --git a/docs/examples/stupid.js b/docs/examples/stupid.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import Pagination from '..';
-import '../assets/index.less';
+import Pagination from 'rc-pagination';
+import '../../assets/index.less';
 
 export default () => <Pagination simple defaultCurrent={1} total={50} />;
diff --git a/docs/examples/styles.js b/docs/examples/styles.js
@@ -1,6 +1,6 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import React from 'react';
-import Pagination from '..';
+import Pagination from 'rc-pagination';
 
 export default () => (
   <Pagination defaultCurrent={2} total={25} style={{ margin: '100px' }} />
diff --git a/docs/index.md b/docs/index.md
@@ -0,0 +1,5 @@
+---
+title: rc-image
+---
+
+<embed src="../README.md"></embed>
diff --git a/index.js b/index.js
diff --git a/now.json b/now.json
@@ -7,5 +7,8 @@
       "use": "@now/static-build",
       "config": { "distDir": ".doc" }
     }
+  ],
+  "routes": [
+    { "src": "/(.*)", "dest": "/dist/$1" }
   ]
 }
diff --git a/package.json b/package.json
@@ -31,16 +31,17 @@
   },
   "license": "MIT",
   "scripts": {
-    "start": "cross-env NODE_ENV=development father doc dev --storybook",
-    "build": "father doc build --storybook",
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d docs-dist",
     "compile": "father build && lessc assets/index.less assets/index.css",
-    "gh-pages": "npm run build && father doc deploy",
     "prepublishOnly": "npm run compile && np --yolo --no-publish && npm run gh-pages",
     "lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
     "prettier": "prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"",
     "pretty-quick": "pretty-quick",
     "test": "father test",
-    "coverage": "father test --coverage"
+    "coverage": "father test --coverage",
+    "now-build": "npm run docs:build"
   },
   "dependencies": {
     "@babel/runtime": "^7.10.1",
@@ -54,11 +55,13 @@
     "@umijs/fabric": "^2.0.3",
     "coveralls": "^3.0.6",
     "cross-env": "^7.0.0",
+    "dumi": "^1.1.7",
     "enzyme": "^3.0.0",
     "enzyme-adapter-react-16": "^1.0.1",
     "enzyme-to-json": "^3.4.0",
     "eslint": "^7.0.0",
     "father": "^2.13.4",
+    "glob": "^7.1.6",
     "less": "^3.10.3",
     "np": "^7.0.0",
     "prettier": "^2.0.1",
diff --git a/tsconfig.json b/tsconfig.json
@@ -5,10 +5,16 @@
     "lib": ["dom", "es2017"],
     "jsx": "react",
     "strict": true,
+    "baseUrl": "./",
     "esModuleInterop": true,
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "skipLibCheck": true,
-    "declaration": true
+    "declaration": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-pagination": ["src/index.js"]
+    }
   }
 }
diff --git a/update-example.js b/update-example.js
@@ -0,0 +1,31 @@
+/*
+  用于 dumi 改造使用，
+  可用于将 examples 的文件批量修改为 demo 引入形式，
+  其他项目根据具体情况使用。
+*/
+
+const fs = require('fs');
+const glob = require('glob');
+
+const suffix = '.js';
+
+const paths = glob.sync(`./docs/examples/*${suffix}`);
+
+paths.forEach(path => {
+  const name = path.split('/').pop().split('.')[0];
+  fs.writeFile(
+    `./docs/demo/${name}.md`,
+    `## ${name}
+
+<code src="../examples/${name}${suffix}">
+`,
+    'utf8',
+    function(error) {
+      if(error){
+        console.log(error);
+        return false;
+      }
+      console.log(`${name} 更新成功~`);
+    }
+  )
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## default`
	`2`	`+`
	`3`	`+<code src="../examples/default.js">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## itemRender`
	`2`	`+`
	`3`	`+<code src="../examples/itemRender.js">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## jumper`
	`2`	`+`
	`3`	`+<code src="../examples/jumper.js">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## jumperWithGoButton`
	`2`	`+`
	`3`	`+<code src="../examples/jumperWithGoButton.js">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## lessPages`
	`2`	`+`
	`3`	`+<code src="../examples/lessPages.js">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## locale`
	`2`	`+`
	`3`	`+<code src="../examples/locale.js">`