docs: Use dumi (#349)

* docs: Use dumi

* chore: tmp fix

* chore: fix dev

* chore: more config

Author: zombieJ

.gitignore

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

.umirc.ts

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

README.md

@@ -32,7 +32,7 @@ Common Utils For React Component.
 
 Create a function which will call all the functions with it's arguments from left to right.
 
-```jsx
+```jsx|pure
 import createChainedFunction from 'rc-util/lib/createChainedFunction';
 ```
 
@@ -42,7 +42,7 @@ import createChainedFunction from 'rc-util/lib/createChainedFunction';
 
 Log an error message to warn developers that `prop` is deprecated.
 
-```jsx
+```jsx|pure
 import deprecated from 'rc-util/lib/deprecated';
 ```
 
@@ -52,7 +52,7 @@ import deprecated from 'rc-util/lib/deprecated';
 
 To generate a mixin which will render specific component into specific container automatically.
 
-```jsx
+```jsx|pure
 import getContainerRenderMixin from 'rc-util/lib/getContainerRenderMixin';
 ```
 
@@ -71,7 +71,7 @@ Fields in `config` and their meanings.
 
 Render children to the specific container;
 
-```jsx
+```jsx|pure
 import Portal from 'rc-util/lib/Portal';
 ```
 
@@ -88,7 +88,7 @@ Props:
 
 Get the width of scrollbar.
 
-```jsx
+```jsx|pure
 import getScrollBarSize from 'rc-util/lib/getScrollBarSize';
 ```
 
@@ -98,7 +98,7 @@ import getScrollBarSize from 'rc-util/lib/getScrollBarSize';
 
 To generate a global unique id across current application.
 
-```jsx
+```jsx|pure
 import guid from 'rc-util/lib/guid';
 ```
 
@@ -108,7 +108,7 @@ import guid from 'rc-util/lib/guid';
 
 Pick valid HTML attributes and events from props.
 
-```jsx
+```jsx|pure
 import pickAttrs from 'rc-util/lib/pickAttrs';
 ```
 
@@ -118,7 +118,7 @@ import pickAttrs from 'rc-util/lib/pickAttrs';
 
 A shallow wrapper of `console.warn`.
 
-```jsx
+```jsx|pure
 import warn from 'rc-util/lib/warn';
 ```
 
@@ -128,7 +128,7 @@ import warn from 'rc-util/lib/warn';
 
 A shallow wrapper of [warning](https://github.com/BerkeleyTrue/warning), but only warning once for the same message.
 
-```jsx
+```jsx|pure
 import warning, { noteOnce } from 'rc-util/lib/warning';
 
 warning(false, '[antd Component] test hello world');
@@ -147,7 +147,7 @@ A collection of functions to operate React elements' children.
 
 Return a shallow copy of children.
 
-```jsx
+```jsx|pure
 import mapSelf from 'rc-util/lib/Children/mapSelf';
 ```
 
@@ -157,7 +157,7 @@ import mapSelf from 'rc-util/lib/Children/mapSelf';
 
 Convert children into an array.
 
-```jsx
+```jsx|pure
 import toArray from 'rc-util/lib/Children/toArray';
 ```
 
@@ -171,7 +171,7 @@ A collection of functions to operate DOM elements.
 
 A shallow wrapper of [add-dom-event-listener](https://github.com/yiminghe/add-dom-event-listener).
 
-```jsx
+```jsx|pure
 import addEventlistener from 'rc-util/lib/Dom/addEventlistener';
 ```
 
@@ -181,7 +181,7 @@ import addEventlistener from 'rc-util/lib/Dom/addEventlistener';
 
 Check if DOM is available.
 
-```jsx
+```jsx|pure
 import canUseDom from 'rc-util/lib/Dom/canUseDom';
 ```
 
@@ -193,7 +193,7 @@ A collection of functions to operate DOM nodes' class name.
 - `addClass(node: HTMLElement, className: string): void`
 - `removeClass(node: HTMLElement, className: string): void`
 
-```jsx
+```jsx|pure
 import cssClass from 'rc-util/lib/Dom/class;
 ```
 
@@ -203,7 +203,7 @@ import cssClass from 'rc-util/lib/Dom/class;
 
 Check if node is equal to root or in the subtree of root.
 
-```jsx
+```jsx|pure
 import contains from 'rc-util/lib/Dom/contains';
 ```
 
@@ -220,7 +220,7 @@ A collection of functions to get or set css styles.
 - `getScroll(): { scrollLeft: number, scrollTop: number }`
 - `getOffset(node: HTMLElement): { left: number, top: number }`
 
-```jsx
+```jsx|pure
 import css from 'rc-util/lib/Dom/css';
 ```
 
@@ -234,7 +234,7 @@ A collection of functions to operate focus status of DOM node.
 - `getFocusNodeList(node: HTMLElement): HTMLElement[]` get a list of focusable nodes from the subtree of node.
 - `limitTabRange(node: HTMLElement, e: Event): void`
 
-```jsx
+```jsx|pure
 import focus from 'rc-util/lib/Dom/focus';
 ```
 
@@ -244,7 +244,7 @@ import focus from 'rc-util/lib/Dom/focus';
 
 A flag to tell whether current environment supports `animationend` or `transitionend`.
 
-```jsx
+```jsx|pure
 import support from 'rc-util/lib/Dom/support';
 ```
 
@@ -254,7 +254,7 @@ import support from 'rc-util/lib/Dom/support';
 
 Enum of KeyCode, please check the [definition](https://github.com/react-component/util/blob/master/src/KeyCode.ts) of it.
 
-```jsx
+```jsx|pure
 import KeyCode from 'rc-util/lib/KeyCode';
 ```
 

docs/demo/dynaymicCSS.md

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

docs/demo/getScrollBarSize.md

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

docs/demo/portal.md

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

docs/demo/styleChecker.md

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

examples/dynaymicCSS.tsx renamed to docs/examples/dynaymicCSS.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { updateCSS, removeCSS } from '../src/Dom/dynamicCSS';
-import type { Prepend } from '../src/Dom/dynamicCSS';
+import { updateCSS, removeCSS } from '../../src/Dom/dynamicCSS';
+import type { Prepend } from '../../src/Dom/dynamicCSS';
 
 function injectStyle(id: number, prepend?: Prepend) {
   const randomColor = Math.floor(Math.random() * 16777215).toString(16);

examples/getScrollBarSize.tsx renamed to docs/examples/getScrollBarSize.tsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import getScrollBarSize, {
   getTargetScrollBarSize,
-} from '../src/getScrollBarSize';
+} from '../../src/getScrollBarSize';
 
 export default () => {
   const divRef = React.useRef<HTMLDivElement>();

examples/portal.tsx renamed to docs/examples/portal.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PortalWrapper from '../src/PortalWrapper';
+import PortalWrapper from '../../src/PortalWrapper';
 
 export default () => {
   const divRef = React.useRef();

examples/styleChecker.tsx renamed to docs/examples/styleChecker.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { isStyleSupport } from '../src/Dom/styleChecker';
+import { isStyleSupport } from '../../src/Dom/styleChecker';
 
 export default () => {
   const supportFlex = isStyleSupport('flex');

now.json

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

package.json

@@ -6,27 +6,33 @@
     "react",
     "util"
   ],
-  "files": [
-    "lib",
-    "es"
-  ],
   "homepage": "http://github.com/react-component/util",
+  "bugs": {
+    "url": "http://github.com/react-component/util/issues"
+  },
   "repository": {
     "type": "git",
     "url": "git@github.com:react-component/util.git"
   },
-  "bugs": {
-    "url": "http://github.com/react-component/util/issues"
-  },
   "license": "MIT",
+  "files": [
+    "lib",
+    "es"
+  ],
   "scripts": {
-    "start": "cross-env NODE_ENV=development father doc dev --storybook",
-    "lint": "eslint src/ --ext .tsx,.ts & eslint tests/ --ext .js",
     "compile": "father build",
-    "prepublishOnly": "npm run compile && np --yolo --no-publish",
-    "test": "father test",
     "coverage": "father test --coverage && cat ./coverage/lcov.info | coveralls",
-    "now-build": "father doc build --storybook"
+    "docs:build": "npm run compile && dumi build",
+    "lint": "eslint src/ --ext .tsx,.ts & eslint tests/ --ext .js",
+    "now-build": "npm run docs:build",
+    "prepublishOnly": "npm run compile && np --yolo --no-publish",
+    "start": "npm run compile && dumi dev",
+    "test": "father test"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.18.3",
+    "react-is": "^16.12.0",
+    "shallowequal": "^1.1.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",
@@ -41,18 +47,15 @@
     "coveralls": "^3.1.0",
     "create-react-class": "^15.6.3",
     "cross-env": "^7.0.2",
+    "dumi": "^1.1.4",
     "eslint": "^6.6.0",
     "father": "^2.29.9",
+    "glob": "^7.1.6",
     "np": "^6.2.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "typescript": "^4.1.3"
   },
-  "dependencies": {
-    "@babel/runtime": "^7.18.3",
-    "react-is": "^16.12.0",
-    "shallowequal": "^1.1.0"
-  },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"