chore: use dumi (#98)

xrkffgg · web-flow · commit f63a0ca4d8d6 · 2021-01-08T15:31:40.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -31,3 +31,9 @@ yarn.lock
 package-lock.json
 .storybook
 .doc
+
+# 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-progress',
+  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
@@ -1,6 +1,16 @@
-# History
+# Changelog
 
----
+## 3.1.2
+
+`2020.12.29`
+
+- fix: line progress percentage. [#94](https://github.com/react-component/progress/pull/94)
+
+## 3.1.1
+
+`2020.10.21`
+
+- chore: support react 17. [#87](https://github.com/react-component/progress/pull/87)
 
 ## 3.1.0
 
diff --git a/README.md b/README.md
@@ -2,13 +2,7 @@
 
 Progress Bar.
 
-[![NPM version][npm-image]][npm-url]
-[![build status][github-actions-image]][github-actions-url]
-[![Test coverage][coveralls-image]][coveralls-url]
-[![Dependencies][david-image]](david-url)
-[![DevDependencies][david-dev-image]][david-dev-url]
-[![npm download][download-image]][download-url]
-[![bundle size][bundlephobia-image]][bundlephobia-url]
+[![NPM version][npm-image]][npm-url] [![build status][github-actions-image]][github-actions-url] [![Test coverage][coveralls-image]][coveralls-url] [![Dependencies][david-image]](david-url) [![DevDependencies][david-dev-image]][david-dev-url] [![npm download][download-image]][download-url] [![bundle size][bundlephobia-image]][bundlephobia-url]
 
 [npm-image]: http://img.shields.io/npm/v/rc-progress.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-progress
@@ -29,7 +23,7 @@ Progress Bar.
 
 ## Example
 
-http://react-component.github.io/progress/
+https://progress.react-component.vercel.app/
 
 ## Screenshots
 
diff --git a/docs/changelog.md b/docs/changelog.md
@@ -0,0 +1 @@
+<embed src="../CHANGELOG.md"></embed>
diff --git a/docs/demo/fast-progress.md b/docs/demo/fast-progress.md
@@ -0,0 +1,3 @@
+## fast-progress
+
+<code src="../examples/fast-progress.tsx">
diff --git a/docs/demo/gap.md b/docs/demo/gap.md
@@ -0,0 +1,3 @@
+## gap
+
+<code src="../examples/gap.tsx">
diff --git a/docs/demo/gradient-circle.md b/docs/demo/gradient-circle.md
@@ -0,0 +1,3 @@
+## gradient-circle
+
+<code src="../examples/gradient-circle.tsx">
diff --git a/docs/demo/simple.md b/docs/demo/simple.md
@@ -0,0 +1,3 @@
+## simple
+
+<code src="../examples/simple.tsx">
diff --git a/docs/examples/fast-progress.tsx b/docs/examples/fast-progress.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Line, Circle, ProgressProps } from '../src';
+import { Line, Circle, ProgressProps } from 'rc-progress';
 
 class App extends React.Component<ProgressProps, any> {
   constructor(props) {
diff --git a/docs/examples/gap.tsx b/docs/examples/gap.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Circle, ProgressProps } from '../src';
+import { Circle, ProgressProps } from 'rc-progress';
 
 const colorMap = ['#3FC7FA', '#85D262', '#FE8C6A'];
 
diff --git a/docs/examples/gradient-circle.tsx b/docs/examples/gradient-circle.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Circle } from '../src';
+import { Circle } from 'rc-progress';
 
 const Example = () => {
   const circleContainerStyle = {
diff --git a/docs/examples/simple.tsx b/docs/examples/simple.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Line, Circle, ProgressProps } from '../src';
+import { Line, Circle, ProgressProps } from 'rc-progress';
 
 class Example extends React.Component<ProgressProps, any> {
   constructor(props) {
@@ -9,6 +9,8 @@ class Example extends React.Component<ProgressProps, any> {
       color: '#3FC7FA',
     };
     this.changeState = this.changeState.bind(this);
+    this.changeIncrease = this.changeIncrease.bind(this);
+    this.changeReduce = this.changeReduce.bind(this);
   }
 
   changeState() {
@@ -18,7 +20,23 @@ class Example extends React.Component<ProgressProps, any> {
       percent: value,
       color: colorMap[parseInt((Math.random() * 3).toString(), 10)],
     });
-  }
+  };
+
+  changeIncrease() {
+    let percent = this.state.percent + 10;
+    if (percent > 100) {
+      percent = 100;
+    }
+    this.setState({ percent });
+  };
+
+  changeReduce() {
+    let percent = this.state.percent - 10;
+    if (percent < 0) {
+      percent = 0;
+    }
+    this.setState({ percent });
+  };
 
   render() {
     const { percent, color } = this.state;
@@ -49,6 +67,12 @@ class Example extends React.Component<ProgressProps, any> {
           <button type="button" onClick={this.changeState}>
             Change State
           </button>
+          <button type="button" onClick={this.changeIncrease}>
+            Increase
+          </button>
+          <button type="button" onClick={this.changeReduce}>
+            Reduce
+          </button>
         </p>
       </div>
     );
diff --git a/docs/index.md b/docs/index.md
@@ -0,0 +1,5 @@
+---
+title: rc-progress
+---
+
+<embed src="../README.md"></embed>
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
@@ -24,15 +24,17 @@
     "es"
   ],
   "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",
     "gh-pages": "npm run build && father doc deploy",
     "prepublishOnly": "npm run compile && np --yolo --no-publish",
     "lint": "eslint src/ --ext .ts,.tsx,.jsx,.js",
     "prettier": "prettier --write \"**/*.{ts,tsx,js,jsx,json,md}\"",
     "test": "father test",
-    "coverage": "father test --coverage"
+    "coverage": "father test --coverage",
+    "now-build": "npm run docs:build"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
@@ -49,11 +51,13 @@
     "@types/react-dom": "^16.9.0",
     "@umijs/fabric": "^2.0.0",
     "cross-env": "^7.0.0",
+    "dumi": "^1.1.0",
     "enzyme": "^3.1.1",
     "enzyme-adapter-react-16": "^1.0.1",
     "enzyme-to-json": "^3.1.2",
     "eslint": "^7.6.0",
     "father": "^2.29.6",
+    "glob": "^7.1.6",
     "np": "^6.5.0",
     "prettier": "^2.1.1",
     "react": "^16.9.0",
diff --git a/tsconfig.json b/tsconfig.json
@@ -10,7 +10,8 @@
     "esModuleInterop": true,
     "paths": {
       "@/*": ["src/*"],
-      "@@/*": ["src/.umi/*"]
+      "@@/*": ["src/.umi/*"],
+      "rc-progress": ["src/index.tsx"]
     }
   }
 }
diff --git a/typings.d.ts b/typings.d.ts
@@ -0,0 +1,2 @@
+declare module '*.css';
+declare module '*.less';
diff --git a/update-content.js b/update-content.js
@@ -0,0 +1,29 @@
+/*
+  用于 dumi 改造使用，
+  可用于将 examples 的文件批量修改为 demo 引入形式，
+  其他项目根据具体情况使用。
+*/
+
+const fs = require('fs');
+const glob = require('glob');
+
+const paths = glob.sync('./docs/examples/*.tsx');
+
+paths.forEach(path => {
+  const name = path.split('/').pop().split('.')[0];
+  fs.writeFile(
+    `./docs/demo/${name}.md`,
+    `## ${name}
+
+<code src="../examples/${name}.tsx">
+`,
+    '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`	`+## fast-progress`
	`2`	`+`
	`3`	`+<code src="../examples/fast-progress.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## gap`
	`2`	`+`
	`3`	`+<code src="../examples/gap.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## gradient-circle`
	`2`	`+`
	`3`	`+<code src="../examples/gradient-circle.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## simple`
	`2`	`+`
	`3`	`+<code src="../examples/simple.tsx">`