chore: user dumi (#180)

xrkffgg · web-flow · commit 6925e24212e8 · 2021-03-30T14:28:51.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -29,4 +29,9 @@ dist
 es
 yarn.lock
 package-lock.json
-storybook
+storybook
+# 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-drawer',
+  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,11 +1,6 @@
 # rc-drawer
----
 
-[![NPM version][npm-image]][npm-url]
-[![build status][github-actions-image]][github-actions-url]
-[![codecov](https://codecov.io/gh/react-component/drawer/branch/master/graph/badge.svg)](https://codecov.io/gh/react-component/drawer)
-[![node version][node-image]][node-url]
-[![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] [![codecov](https://codecov.io/gh/react-component/drawer/branch/master/graph/badge.svg)](https://codecov.io/gh/react-component/drawer) [![node version][node-image]][node-url] [![npm download][download-image]][download-url]
 
 [npm-image]: http://img.shields.io/npm/v/rc-drawer.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-drawer
diff --git a/docs/demo/change-remove.md b/docs/demo/change-remove.md
@@ -0,0 +1,3 @@
+## change-remove
+
+<code src="../examples/change-remove.tsx">
diff --git a/docs/demo/change.md b/docs/demo/change.md
@@ -0,0 +1,3 @@
+## change
+
+<code src="../examples/change.tsx">
diff --git a/docs/demo/getContainer.md b/docs/demo/getContainer.md
@@ -0,0 +1,3 @@
+## getContainer
+
+<code src="../examples/getContainer.tsx">
diff --git a/docs/demo/level.md b/docs/demo/level.md
@@ -0,0 +1,3 @@
+## level
+
+<code src="../examples/level.tsx">
diff --git a/docs/demo/multiple.md b/docs/demo/multiple.md
@@ -0,0 +1,3 @@
+## multiple
+
+<code src="../examples/multiple.tsx">
diff --git a/docs/demo/no-mask.md b/docs/demo/no-mask.md
@@ -0,0 +1,3 @@
+## no-mask
+
+<code src="../examples/no-mask.tsx">
diff --git a/docs/demo/openRenderDom.md b/docs/demo/openRenderDom.md
@@ -0,0 +1,3 @@
+## openRenderDom
+
+<code src="../examples/openRenderDom.tsx">
diff --git a/docs/demo/placement.md b/docs/demo/placement.md
@@ -0,0 +1,3 @@
+## placement
+
+<code src="../examples/placement.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/assets/index.less b/docs/examples/assets/index.less
diff --git a/docs/examples/change-remove.tsx b/docs/examples/change-remove.tsx
@@ -1,15 +1,14 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Icon, Menu } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/menu/style';
 import 'antd/lib/style';
 
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const SubMenu = Menu.SubMenu;
diff --git a/docs/examples/change.tsx b/docs/examples/change.tsx
@@ -1,14 +1,13 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Icon, Menu } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/menu/style';
 import 'antd/lib/style';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const SubMenu = Menu.SubMenu;
diff --git a/docs/examples/getContainer.tsx b/docs/examples/getContainer.tsx
@@ -1,14 +1,13 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Icon, Menu } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/menu/style';
 import 'antd/lib/style';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const { SubMenu } = Menu;
diff --git a/docs/examples/level.tsx b/docs/examples/level.tsx
@@ -1,15 +1,14 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Button, Icon, Menu } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/button/style';
 import 'antd/lib/menu/style';
 import 'antd/lib/style';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const SubMenu = Menu.SubMenu;
diff --git a/docs/examples/multiple.tsx b/docs/examples/multiple.tsx
@@ -1,14 +1,13 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Button } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/button/style';
 import 'antd/lib/style';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 class Demo extends React.Component {
diff --git a/docs/examples/no-mask.tsx b/docs/examples/no-mask.tsx
@@ -1,14 +1,13 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Icon, Menu } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/menu/style';
 import 'antd/lib/style';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const {SubMenu} = Menu;
diff --git a/docs/examples/openRenderDom.tsx b/docs/examples/openRenderDom.tsx
@@ -1,15 +1,14 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Button, Icon, Menu } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/button/style';
 import 'antd/lib/menu/style';
 import 'antd/lib/style';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const SubMenu = Menu.SubMenu;
diff --git a/docs/examples/placement.tsx b/docs/examples/placement.tsx
@@ -1,16 +1,15 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Icon, Menu, Select } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/button/style';
 import 'antd/lib/menu/style';
 import 'antd/lib/select/style';
 import 'antd/lib/style';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const SubMenu = Menu.SubMenu;
diff --git a/docs/examples/simple.tsx b/docs/examples/simple.tsx
@@ -1,15 +1,14 @@
 /* eslint-disable no-console,react/no-multi-comp */
 import { Icon, Menu } from 'antd';
 import * as React from 'react';
-import * as ReactDom from 'react-dom';
 
-import Drawer from '../src/';
+import Drawer from 'rc-drawer';
 
 import 'antd/lib/menu/style';
 import 'antd/lib/style';
 
 
-import '../assets/index.less';
+import '../../assets/index.less';
 import './assets/index.less';
 
 const SubMenu = Menu.SubMenu;
diff --git a/docs/index.md b/docs/index.md
@@ -0,0 +1,5 @@
+---
+title: rc-drawer
+---
+
+<embed src="../README.md"></embed>
diff --git a/index.js b/index.js
diff --git a/now.json b/now.json
@@ -8,5 +8,8 @@
       "use": "@now/static-build",
       "config": { "distDir": ".doc" }
     }
+  ],
+  "routes": [
+    { "src": "/(.*)", "dest": "/dist/$1" }
   ]
 }
diff --git a/package.json b/package.json
@@ -32,8 +32,8 @@
   "main": "./lib/index",
   "module": "./es/index",
   "scripts": {
-    "start": "rm -rf .storybook lib es && father doc dev --storybook",
-    "build": "father doc build --storybook",
+    "start": "dumi dev",
+    "build": "dumi build",
     "compile": "father build && lessc assets/index.less assets/index.css",
     "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
     "lint": "eslint src/ --ext .tsx,.ts",
@@ -58,11 +58,13 @@
     "@types/react-dom": "^16.9.1",
     "@types/warning": "^3.0.0",
     "@umijs/fabric": "^2.0.0",
+    "dumi": "^1.1.10",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.14.0",
     "enzyme-to-json": "^3.4.2",
     "eslint": "^7.0.0",
     "father": "^2.13.2",
+    "glob": "^7.1.6",
     "jsonp": "^0.2.0",
     "less": "^3.10.3",
     "np": "^6.0.0",
diff --git a/tsconfig.json b/tsconfig.json
@@ -6,6 +6,11 @@
     "jsx": "preserve",
     "declaration": true,
     "skipLibCheck": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-drawer": ["src/index.ts"]
+    }
   }
 }
diff --git a/update-demo.js b/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} 更新成功~`);
+    }
+  )
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## change-remove`
	`2`	`+`
	`3`	`+<code src="../examples/change-remove.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## change`
	`2`	`+`
	`3`	`+<code src="../examples/change.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## getContainer`
	`2`	`+`
	`3`	`+<code src="../examples/getContainer.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## level`
	`2`	`+`
	`3`	`+<code src="../examples/level.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## multiple`
	`2`	`+`
	`3`	`+<code src="../examples/multiple.tsx">`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+## no-mask`
	`2`	`+`
	`3`	`+<code src="../examples/no-mask.tsx">`