chore: use dumi

.editorconfig

@@ -1,9 +1,16 @@
-# top-most EditorConfig file
+# http://editorconfig.org
 root = true
 
-# Unix-style newlines with a newline ending every file
-[*.{js,css}]
-end_of_line = lf
-insert_final_newline = true
+[*]
 indent_style = space
 indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab

.gitignore

@@ -27,4 +27,10 @@ es
 coverage
 yarn.lock
 package-lock.json
-.doc/
+.doc/
+
+# umi
+.umi
+.umi-production
+.umi-test
+.env.local

.umirc.ts

@@ -0,0 +1,19 @@
+// more config: https://d.umijs.org/config
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'rc-input-number',
+  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;
+      }
+    `,
+  ]
+});

HISTORY.md → CHANGELOG.md

@@ -1,5 +1,6 @@
-# History
-----
+# Changelog
+
+https://github.com/react-component/input-number/releases
 
 ## 5.0.0
 

README.md

@@ -1,15 +1,8 @@
 # rc-input-number
----
 
 Input number control.
 
-[![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] [![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] [![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-input-number.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-input-number
@@ -55,7 +48,7 @@ npm start
 
 http://127.0.0.1:8000/examples/
 
-online example: http://react-component.github.io/input-number/examples
+online example: https://input-number.vercel.app/
 
 ## API
 

docs/demo/combination-key-format.md

@@ -0,0 +1,3 @@
+## combination-key-format
+
+<code src="../examples/combination-key-format.tsx">

docs/demo/custom.md

@@ -0,0 +1,3 @@
+## custom
+
+<code src="../examples/custom.tsx">

docs/demo/decimal.md

@@ -0,0 +1,3 @@
+## decimal
+
+<code src="../examples/decimal.tsx">

docs/demo/formatter.md

@@ -0,0 +1,3 @@
+## formatter
+
+<code src="../examples/formatter.tsx">

docs/demo/precision.md

@@ -0,0 +1,3 @@
+## precision
+
+<code src="../examples/precision.tsx">

docs/demo/simple-use-touch.md

@@ -0,0 +1,3 @@
+## simple-use-touch
+
+<code src="../examples/simple-use-touch.tsx">

docs/demo/simple.md

@@ -0,0 +1,3 @@
+## simple
+
+<code src="../examples/simple.tsx">

docs/demo/small-step.md

@@ -0,0 +1,3 @@
+## small-step
+
+<code src="../examples/small-step.tsx">

examples/combination-key-format.tsx → docs/examples/combination-key-format.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from '../src';
-import '../assets/index.less';
+import InputNumber from 'rc-input-number';
+import '../../assets/index.less';
 
 class Component extends React.Component {
   state = {

examples/custom.tsx → docs/examples/custom.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from '../src';
-import '../assets/index.less';
+import InputNumber from 'rc-input-number';
+import '../../assets/index.less';
 
 class Component extends React.Component {
   state = {

examples/decimal.tsx → docs/examples/decimal.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from '../src';
-import '../assets/index.less';
+import InputNumber from 'rc-input-number';
+import '../../assets/index.less';
 
 export default class Demo extends React.Component {
   state = {

examples/formatter.tsx → docs/examples/formatter.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from '../src';
-import '../assets/index.less';
+import InputNumber from 'rc-input-number';
+import '../../assets/index.less';
 
 function getSum(str) {
   let total = 0;

examples/precision.tsx → docs/examples/precision.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from '../src';
-import '../assets/index.less';
+import InputNumber from 'rc-input-number';
+import '../../assets/index.less';
 
 class Component extends React.Component {
   state = {

examples/simple-use-touch.tsx → docs/examples/simple-use-touch.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from '../src';
-import '../assets/index.less';
+import InputNumber from 'rc-input-number';
+import '../../assets/index.less';
 
 class Component extends React.Component {
   state = {

examples/simple.tsx → docs/examples/simple.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNumber from '../src';
-import '../assets/index.less';
+import InputNumber from 'rc-input-number';
+import '../../assets/index.less';
 
 class Component extends React.Component {
   state = {

examples/small-step.tsx → docs/examples/small-step.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 import React from 'react';
-import InputNum from '../src';
-import '../assets/index.less';
+import InputNum from 'rc-input-number';
+import '../../assets/index.less';
 
 class Component extends React.Component {
   state = {

docs/index.md

@@ -0,0 +1,5 @@
+---
+title: rc-input-number
+---
+
+<embed src="../README.md"></embed>

now.json

@@ -7,5 +7,8 @@
       "use": "@now/static-build",
       "config": { "distDir": ".doc" }
     }
+  ],
+  "routes": [
+    { "src": "/(.*)", "dest": "/dist/$1" }
   ]
 }

package.json

@@ -26,16 +26,16 @@
   },
   "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",
-    "postpublish": "npm run gh-pages",
     "lint": "eslint src/ --ext .ts,.tsx,.jsx,.js,.md",
     "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"
   },
   "dependencies": {
     "@babel/runtime": "^7.10.1",
@@ -49,12 +49,14 @@
     "@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.1.0",
     "expect.js": "~0.3.1",
     "father": "^2.22.0",
+    "glob": "^7.1.6",
     "less": "^3.12.2",
     "np": "^6.0.0",
     "rc-tooltip": "^4.0.3",

tsconfig.json

@@ -8,7 +8,9 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-input-number": ["src/index.ts"]
     }
   }
 }

update-demo.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} 更新成功~`);
+    }
+  )
+});