chore: use dumi (#240)

* chore: use dumi

* update

.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

@@ -30,3 +30,9 @@ es
 coverage
 yarn.lock
 package-lock.json
+
+# 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-tooltip',
+  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

@@ -202,7 +202,7 @@ Online examples: <https://react-component.github.io/tooltip/examples/>
 ## Accessibility
 
 For accessibility purpose you can use the `id` prop to link your tooltip with another element. For example attaching it to an input element:
-```jsx
+```js
 <Tooltip
     ...
     id={this.props.name}>

docs/changelog.md

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

docs/demo/arrowContent.md

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

docs/demo/formError.md

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

docs/demo/onVisibleChange.md

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

docs/demo/placement.md

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

docs/demo/simple.md

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

examples/arrowContent.js → docs/examples/arrowContent.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Tooltip from '../src';
-import '../assets/bootstrap_white.less';
+import Tooltip from 'rc-tooltip';
+import '../../assets/bootstrap_white.less';
 
 const text = <span>Tooltip Text</span>;
 const styles = {

examples/formError.js → docs/examples/formError.tsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import Tooltip from '../src';
+import Tooltip from 'rc-tooltip';
 
-import '../assets/bootstrap.less';
+import '../../assets/bootstrap.less';
 
 class Test extends Component {
   state = {

examples/onVisibleChange.js → docs/examples/onVisibleChange.tsx

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import Tooltip from '../src';
-import '../assets/bootstrap.less';
+import Tooltip from 'rc-tooltip';
+import '../../assets/bootstrap.less';
 
 function preventDefault(e) {
   e.preventDefault();

examples/placement.js → docs/examples/placement.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import Tooltip from '../src';
-import '../assets/bootstrap.less';
+import Tooltip from 'rc-tooltip';
+import '../../assets/bootstrap.less';
 
 const text = <span>Tooltip Text</span>;
 const styles = {

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

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import Tooltip from '../src';
-import '../assets/bootstrap.less';
-import { placements } from '../src/placements';
+import Tooltip from 'rc-tooltip';
+import '../../assets/bootstrap.less';
+import { placements } from '../../src/placements';
 
 class Test extends Component {
   state = {

docs/index.md

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

@@ -27,13 +27,14 @@
   "main": "lib/index",
   "module": "es/index",
   "scripts": {
-    "build": "father doc build --storybook",
+    "start": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:deploy": "gh-pages -d .doc",
     "compile": "father build && lessc assets/bootstrap.less assets/bootstrap.css && lessc assets/bootstrap_white.less assets/bootstrap_white.css",
     "coverage": "father test --coverage",
-    "lint": "eslint src/ examples/ --ext .tsx,.ts,.jsx,.js",
+    "lint": "eslint src/ --ext .tsx,.ts,.jsx,.js",
     "now-build": "npm run build",
     "prepublishOnly": "npm run compile && np --no-cleanup --yolo --no-publish",
-    "start": "cross-env NODE_ENV=development father doc dev --storybook",
     "test": "father test"
   },
   "dependencies": {
@@ -46,16 +47,19 @@
     "@types/react-dom": "^16.9.2",
     "@types/warning": "^3.0.0",
     "cross-env": "^7.0.0",
+    "dumi": "^1.1.0",
     "enzyme": "^3.10.0",
     "enzyme-adapter-react-16": "^1.15.1",
     "enzyme-to-json": "^3.4.3",
     "eslint": "^7.1.0",
     "father": "^2.23.1",
+    "father-build": "^1.18.6",
+    "gh-pages": "^3.1.0",
     "less": "^3.11.1",
     "np": "^7.1.0",
     "react": "^16.10.2",
     "react-dom": "^16.10.2",
-    "typescript": "^4.0.3"
+    "typescript": "^4.0.5"
   },
   "maintainers": [
     "[email protected]"

tsconfig.json

@@ -10,7 +10,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": ["src/.umi/*"],
-      "rc-tooltip": ["src/index.ts"]
+      "rc-tooltip": ["src/index.tsx"]
     }
   }
 }

type.d.ts

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