From 091c087c6d24cf6e6e52fb5dcd574bdc1db1e70f Mon Sep 17 00:00:00 2001 From: xrkffgg Date: Tue, 30 Mar 2021 14:11:12 +0800 Subject: [PATCH] chore: user dumi --- .gitignore | 7 ++++- .umirc.ts | 19 ++++++++++++ HISTORY.md => CHANGELOG.md | 0 README.md | 7 +---- docs/demo/change-remove.md | 3 ++ docs/demo/change.md | 3 ++ docs/demo/getContainer.md | 3 ++ docs/demo/level.md | 3 ++ docs/demo/multiple.md | 3 ++ docs/demo/no-mask.md | 3 ++ docs/demo/openRenderDom.md | 3 ++ docs/demo/placement.md | 3 ++ docs/demo/simple.md | 3 ++ {examples => docs/examples}/assets/index.less | 0 {examples => docs/examples}/change-remove.tsx | 5 ++-- {examples => docs/examples}/change.tsx | 5 ++-- {examples => docs/examples}/getContainer.tsx | 5 ++-- {examples => docs/examples}/level.tsx | 5 ++-- {examples => docs/examples}/multiple.tsx | 5 ++-- {examples => docs/examples}/no-mask.tsx | 5 ++-- {examples => docs/examples}/openRenderDom.tsx | 5 ++-- {examples => docs/examples}/placement.tsx | 5 ++-- {examples => docs/examples}/simple.tsx | 5 ++-- docs/index.md | 5 ++++ index.js | 3 -- now.json | 3 ++ package.json | 6 ++-- tsconfig.json | 7 ++++- update-demo.js | 29 +++++++++++++++++++ 29 files changed, 118 insertions(+), 40 deletions(-) create mode 100644 .umirc.ts rename HISTORY.md => CHANGELOG.md (100%) create mode 100644 docs/demo/change-remove.md create mode 100644 docs/demo/change.md create mode 100644 docs/demo/getContainer.md create mode 100644 docs/demo/level.md create mode 100644 docs/demo/multiple.md create mode 100644 docs/demo/no-mask.md create mode 100644 docs/demo/openRenderDom.md create mode 100644 docs/demo/placement.md create mode 100644 docs/demo/simple.md rename {examples => docs/examples}/assets/index.less (100%) rename {examples => docs/examples}/change-remove.tsx (96%) rename {examples => docs/examples}/change.tsx (96%) rename {examples => docs/examples}/getContainer.tsx (96%) rename {examples => docs/examples}/level.tsx (96%) rename {examples => docs/examples}/multiple.tsx (96%) rename {examples => docs/examples}/no-mask.tsx (96%) rename {examples => docs/examples}/openRenderDom.tsx (96%) rename {examples => docs/examples}/placement.tsx (97%) rename {examples => docs/examples}/simple.tsx (96%) create mode 100644 docs/index.md delete mode 100644 index.js create mode 100644 update-demo.js diff --git a/.gitignore b/.gitignore index 4b4ec685..316b8cf3 100755 --- a/.gitignore +++ b/.gitignore @@ -29,4 +29,9 @@ dist es yarn.lock package-lock.json -storybook \ No newline at end of file +storybook +# umi +.umi +.umi-production +.umi-test +.env.local diff --git a/.umirc.ts b/.umirc.ts new file mode 100644 index 00000000..f456278f --- /dev/null +++ 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/HISTORY.md b/CHANGELOG.md similarity index 100% rename from HISTORY.md rename to CHANGELOG.md diff --git a/README.md b/README.md index 63a75c02..3bdf8b01 100755 --- 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 new file mode 100644 index 00000000..cc07baed --- /dev/null +++ b/docs/demo/change-remove.md @@ -0,0 +1,3 @@ +## change-remove + + diff --git a/docs/demo/change.md b/docs/demo/change.md new file mode 100644 index 00000000..215e5f6d --- /dev/null +++ b/docs/demo/change.md @@ -0,0 +1,3 @@ +## change + + diff --git a/docs/demo/getContainer.md b/docs/demo/getContainer.md new file mode 100644 index 00000000..e508a6f1 --- /dev/null +++ b/docs/demo/getContainer.md @@ -0,0 +1,3 @@ +## getContainer + + diff --git a/docs/demo/level.md b/docs/demo/level.md new file mode 100644 index 00000000..2b001530 --- /dev/null +++ b/docs/demo/level.md @@ -0,0 +1,3 @@ +## level + + diff --git a/docs/demo/multiple.md b/docs/demo/multiple.md new file mode 100644 index 00000000..26c79bc2 --- /dev/null +++ b/docs/demo/multiple.md @@ -0,0 +1,3 @@ +## multiple + + diff --git a/docs/demo/no-mask.md b/docs/demo/no-mask.md new file mode 100644 index 00000000..f7baddf0 --- /dev/null +++ b/docs/demo/no-mask.md @@ -0,0 +1,3 @@ +## no-mask + + diff --git a/docs/demo/openRenderDom.md b/docs/demo/openRenderDom.md new file mode 100644 index 00000000..f2c3d43e --- /dev/null +++ b/docs/demo/openRenderDom.md @@ -0,0 +1,3 @@ +## openRenderDom + + diff --git a/docs/demo/placement.md b/docs/demo/placement.md new file mode 100644 index 00000000..ec4beae0 --- /dev/null +++ b/docs/demo/placement.md @@ -0,0 +1,3 @@ +## placement + + diff --git a/docs/demo/simple.md b/docs/demo/simple.md new file mode 100644 index 00000000..efaf04c4 --- /dev/null +++ b/docs/demo/simple.md @@ -0,0 +1,3 @@ +## simple + + diff --git a/examples/assets/index.less b/docs/examples/assets/index.less similarity index 100% rename from examples/assets/index.less rename to docs/examples/assets/index.less diff --git a/examples/change-remove.tsx b/docs/examples/change-remove.tsx similarity index 96% rename from examples/change-remove.tsx rename to docs/examples/change-remove.tsx index af78b350..3bd2a6c0 100755 --- a/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/examples/change.tsx b/docs/examples/change.tsx similarity index 96% rename from examples/change.tsx rename to docs/examples/change.tsx index bb429a04..a704de0d 100755 --- a/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/examples/getContainer.tsx b/docs/examples/getContainer.tsx similarity index 96% rename from examples/getContainer.tsx rename to docs/examples/getContainer.tsx index 5aac8e32..b5f4a067 100644 --- a/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/examples/level.tsx b/docs/examples/level.tsx similarity index 96% rename from examples/level.tsx rename to docs/examples/level.tsx index e9c868b2..2b9db7ad 100755 --- a/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/examples/multiple.tsx b/docs/examples/multiple.tsx similarity index 96% rename from examples/multiple.tsx rename to docs/examples/multiple.tsx index fe03ec01..1fe3135d 100755 --- a/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/examples/no-mask.tsx b/docs/examples/no-mask.tsx similarity index 96% rename from examples/no-mask.tsx rename to docs/examples/no-mask.tsx index e58cbc18..3cefffe5 100755 --- a/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/examples/openRenderDom.tsx b/docs/examples/openRenderDom.tsx similarity index 96% rename from examples/openRenderDom.tsx rename to docs/examples/openRenderDom.tsx index 5d52e7da..3b4e88ec 100755 --- a/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/examples/placement.tsx b/docs/examples/placement.tsx similarity index 97% rename from examples/placement.tsx rename to docs/examples/placement.tsx index 9a389a40..a9fd981b 100755 --- a/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/examples/simple.tsx b/docs/examples/simple.tsx similarity index 96% rename from examples/simple.tsx rename to docs/examples/simple.tsx index 7243b9fa..bea7683c 100755 --- a/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 new file mode 100644 index 00000000..595be25f --- /dev/null +++ b/docs/index.md @@ -0,0 +1,5 @@ +--- +title: rc-drawer +--- + + diff --git a/index.js b/index.js deleted file mode 100644 index 7c6ee7e3..00000000 --- a/index.js +++ /dev/null @@ -1,3 +0,0 @@ -'use strict'; - -module.exports = require('./src/'); \ No newline at end of file diff --git a/now.json b/now.json index 6fd4ee95..620a430d 100644 --- a/now.json +++ b/now.json @@ -8,5 +8,8 @@ "use": "@now/static-build", "config": { "distDir": ".doc" } } + ], + "routes": [ + { "src": "/(.*)", "dest": "/dist/$1" } ] } \ No newline at end of file diff --git a/package.json b/package.json index 97e26bbb..6e96884d 100644 --- 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 index b6f727e2..503d249d 100644 --- 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 new file mode 100644 index 00000000..c898f9e3 --- /dev/null +++ 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} + + +`, + 'utf8', + function(error) { + if(error){ + console.log(error); + return false; + } + console.log(`${name} 更新成功~`); + } + ) +});