chore: use dumi

.editorconfig

@@ -1,9 +1,17 @@
-# 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

@@ -29,4 +29,10 @@ es
 coverage
 yarn.lock
 package-lock.json
-.vscode
+.vscode
+
+# 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-menu',
+  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,4 @@
-# History
-----
+# Changelog
 
 ## 8.1.0 / 2020-05-08
 

README.md

@@ -4,13 +4,7 @@
 
 React Menu Component. port from https://github.com/kissyteam/menu
 
-[![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-menu.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-menu

docs/changelog.md

@@ -0,0 +1 @@
+<embed src="../CHANGELOG.md"></embed>

docs/demo/antd-switch.md

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

docs/demo/antd.md

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

docs/demo/custom-icon.md

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

docs/demo/fragment.md

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

docs/demo/inlineCollapsed.md

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

docs/demo/keyPath.md

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

docs/demo/menuItemGroup.md

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

docs/demo/multiple.md

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

docs/demo/openKeys.md

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

docs/demo/rtl-antd.md

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

docs/demo/scrollable.md

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

docs/demo/selectedKeys.md

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

docs/demo/single.md

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

examples/antd-switch.js → docs/examples/antd-switch.tsx

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { CommonMenu, inlineMotion } from './antd';
-import '../assets/index.less';
+import '../../assets/index.less';
 
 const Demo = () => {
   const [inline, setInline] = React.useState(false);

examples/antd.js → docs/examples/antd.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable no-console, react/require-default-props, no-param-reassign */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from '../src';
-import '../assets/index.less';
+import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import '../../assets/index.less';
 
 function handleClick(info) {
   console.log(`clicked ${info.key}`);

examples/custom-icon.js → docs/examples/custom-icon.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable no-console, no-param-reassign */
 import * as React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from '../src';
-import '../assets/index.less';
+import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import '../../assets/index.less';
 
 const getSvgIcon = (style = {}, text) => {
   if (text) {

examples/fragment.js → docs/examples/fragment.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from '../src';
-import '../assets/index.less';
+import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import '../../assets/index.less';
 
 export default () => (
   <Menu style={{ width: 200 }}>

examples/inlineCollapsed.js → docs/examples/inlineCollapsed.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import Menu, { SubMenu, Item } from '../src';
+import Menu, { SubMenu, Item } from 'rc-menu';
 import './inlineCollapsed.less';
 
 const App = () => {

examples/keyPath.js → docs/examples/keyPath.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem } from '../src';
+import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 
 class Test extends React.Component {
   onClick = info => {

examples/menuItemGroup.js → docs/examples/menuItemGroup.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { Item as MenuItem, ItemGroup as MenuItemGroup } from '../src';
+import Menu, { Item as MenuItem, ItemGroup as MenuItemGroup } from 'rc-menu';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 
 export default () => (
   <div>

examples/multiple.js → docs/examples/multiple.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from '../src';
+import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 
 function handleSelect(info) {
   console.log('selected ', info);

examples/openKeys.js → docs/examples/openKeys.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem } from '../src';
+import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 
 class Test extends React.Component {
   state = {

examples/rtl-antd.js → docs/examples/rtl-antd.tsx

@@ -1,8 +1,8 @@
 /* eslint-disable no-console, react/require-default-props, no-param-reassign */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from '../src';
-import '../assets/index.less';
+import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import '../../assets/index.less';
 
 function handleClick(info) {
   console.log(`clicked ${info.key}`);

examples/scrollable.js → docs/examples/scrollable.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { Item as MenuItem } from '../src';
+import Menu, { Item as MenuItem } from 'rc-menu';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 
 const children = [];
 for (let i = 0; i < 20; i += 1) {

examples/selectedKeys.js → docs/examples/selectedKeys.tsx

@@ -1,9 +1,9 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem } from '../src';
+import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';
 
-import '../assets/index.less';
+import '../../assets/index.less';
 
 class Test extends React.Component {
   state = {

examples/single.js → docs/examples/single.tsx

@@ -1,8 +1,8 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from '../src';
-import '../assets/index.less';
+import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import '../../assets/index.less';
 
 export default () => {
   const [destroy, setDestroy] = React.useState(false);

docs/index.md

@@ -0,0 +1,5 @@
+---
+title: rc-menu
+---
+
+<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

@@ -31,11 +31,12 @@
   },
   "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 .doc",
     "compile": "father build && lessc assets/index.less assets/index.css",
     "prepublishOnly": "npm run compile && np --yolo --no-publish",
-    "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.js",
+    "lint": "eslint src/ --ext .tsx,.ts,.jsx,.js",
     "test": "father test",
     "coverage": "father test --coverage",
     "now-build": "npm run build"
@@ -56,16 +57,19 @@
     "@types/react-dom": "^16.8.4",
     "@types/warning": "^3.0.0",
     "cross-env": "^7.0.0",
+    "dumi": "^1.1.0",
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.0.2",
     "enzyme-to-json": "^3.4.0",
     "eslint": "^7.0.0",
     "father": "^2.22.0",
+    "father-build": "^1.18.6",
+    "gh-pages": "^3.1.0",
     "less": "^3.10.3",
     "np": "^6.0.0",
     "react": "^16.9.0",
     "react-dom": "^16.9.0",
-    "typescript": "^4.0.2"
+    "typescript": "^4.0.5"
   },
   "peerDependencies": {
     "react": ">=16.9.0",

tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "jsx": "preserve",
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-menu": ["src/index.tsx"]
+    }
+  }
+}

type.d.ts

@@ -0,0 +1,3 @@
+declare module '*.css';
+
+declare module '*.less';