chore: use dumi (#20)

.editorconfig

@@ -1,9 +1,16 @@
-# top-most EditorConfig file
+# http://editorconfig.org
 root = true
 
-# Unix-style newlines with a newline ending every file
-[*.{js,css,md}]
-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,3 +29,9 @@ yarn.lock
 package-lock.json
 coverage/
 .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-footer',
+  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,3 +1,5 @@
+# Changelog
+
 ## 0.6.0
 
 - support `maxColumnsPerRow`.

README.md

@@ -1,12 +1,6 @@
 # rc-footer 🐾
 
-[![NPM version][npm-image]][npm-url]
-[![npm download][download-image]][download-url]
-[![build status][github-actions-image]][github-actions-url]
-[![Codecov][codecov-image]][codecov-url]
-[![Dependencies][david-image]](david-url)
-[![DevDependencies][david-dev-image]][david-dev-url]
-[![bundle size][bundlephobia-image]][bundlephobia-url]
+[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-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][codecov-image]][codecov-url] [![Dependencies][david-image]](david-url) [![DevDependencies][david-dev-image]][david-dev-url] [![bundle size][bundlephobia-image]][bundlephobia-url]
 
 [npm-image]: http://img.shields.io/npm/v/rc-footer.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-footer

docs/changelog.md

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

docs/demo/rows.md

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

docs/demo/simple.md

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

docs/demo/theme.md

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

examples/rows.js → docs/examples/rows.tsx

@@ -1,6 +1,6 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import React from 'react';
-import Footer from '../src/index';
+import Footer from 'rc-footer';
 
 export default function App() {
   return (

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

@@ -1,6 +1,6 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import React from 'react';
-import Footer from '../src/index';
+import Footer from 'rc-footer';
 
 export default function App() {
   return (

examples/theme.js → docs/examples/theme.tsx

@@ -1,6 +1,6 @@
-import '../assets/index.less';
+import '../../assets/index.less';
 import React, { useState } from 'react';
-import Footer from '../src/index';
+import Footer from 'rc-footer';
 
 export default function App() {
   const [theme, setTheme] = useState('light');
@@ -104,7 +104,12 @@ export default function App() {
               },
               {
                 title: (
-                  <button type="button" onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}>
+                  <button
+                    type="button"
+                    onClick={() =>
+                      setTheme(theme === 'dark' ? 'light' : 'dark')
+                    }
+                  >
                     Switch Theme to {theme === 'dark' ? 'light' : 'dark'}
                   </button>
                 ),

docs/index.md

@@ -0,0 +1,5 @@
+---
+title: rc-footer
+---
+
+<embed src="../README.md"></embed>

package.json

@@ -29,8 +29,9 @@
   },
   "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",
     "gh-pages": "npm run build && father doc deploy",
     "prepublishOnly": "npm run compile && np --yolo --no-publish && npm run gh-pages",
@@ -51,19 +52,23 @@
     "@umijs/fabric": "^2.0.8",
     "coveralls": "^3.0.6",
     "cross-env": "^7.0.2",
+    "dumi": "^1.1.0",
     "enzyme": "^3.0.0",
     "enzyme-adapter-react-16": "^1.0.1",
     "enzyme-to-json": "^3.4.0",
     "eslint": "^7.0.0",
     "father": "^2.13.4",
+    "father-build": "^1.18.6",
+    "gh-pages": "^3.1.0",
     "husky": "^4.2.5",
     "less": "^3.10.3",
     "np": "^7.0.0",
     "prettier": "^2.0.5",
     "pretty-quick": "^3.0.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
-    "react-test-renderer": "^16.0.0"
+    "react-test-renderer": "^16.0.0",
+    "typescript": "^4.0.5"
   },
   "peerDependencies": {
     "react": "^16.0.0",

tsconfig.json

@@ -2,13 +2,20 @@
   "compilerOptions": {
     "target": "esnext",
     "module": "commonjs",
+    "moduleResolution": "node",
+    "baseUrl": "./",
     "lib": ["dom", "es2017"],
     "jsx": "react",
     "strict": true,
     "esModuleInterop": true,
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
     "skipLibCheck": true,
-    "declaration": true
+    "declaration": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-footer": ["src/index.tsx"]
+    }
   }
 }

type.d.ts

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