docs: Move to dumi (#331)

* docs: init dumi

* docs: Move to dumi

.gitignore

@@ -31,3 +31,8 @@ package-lock.json
 coverage/
 .doc
 .history
+# umi
+.umi
+.umi-production
+.umi-test
+.env.local

.prettierignore

@@ -10,3 +10,5 @@ public
 _site
 .umi
 .doc
+.umi-production
+.umi-test

.umirc.ts

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

@@ -76,9 +76,9 @@ render(<Picker />, mountNode);
 | getPopupContainer | function(trigger) |  | to set the container of the floating layer, while the default is to create a div element in body |
 | onChange | Function(date: moment, dateString: string) |  | a callback function, can be executed when the selected time is changing |
 | onOpenChange | Function(open:boolean) |  | called when open/close picker |
-| onFocus | (event:React.FocusEvent<HTMLInputElement>) => void |  | called like input's on focus |
-| onBlur | (event:React.FocusEvent<HTMLInputElement>) => void |  | called like input's on blur |
-| onKeyDown | (event:React.KeyboardEvent<HTMLInputElement>, preventDefault: () => void) => void |  | input on keydown event |
+| onFocus | (event:React.FocusEvent\<HTMLInputElement>) => void |  | called like input's on focus |
+| onBlur | (event:React.FocusEvent\<HTMLInputElement>) => void |  | called like input's on blur |
+| onKeyDown | (event:React.KeyboardEvent\<HTMLInputElement>, preventDefault: () => void) => void |  | input on keydown event |
 | direction | String: ltr or rtl |  | Layout direction of picker component, it supports RTL direction too. |
 
 ### PickerPanel
@@ -103,7 +103,7 @@ render(<Picker />, mountNode);
 | renderExtraFooter | (mode) => React.Node |  | extra footer |
 | onSelect | Function(date: moment) |  | a callback function, can be executed when the selected time |
 | onPanelChange | Function(value: moment, mode) |  | callback when picker panel mode is changed |
-| onMouseDown | (event:React.MouseEvent<HTMLInputElement>) => void |  | callback when executed onMouseDown evnent |
+| onMouseDown | (event:React.MouseEvent\<HTMLInputElement>) => void |  | callback when executed onMouseDown evnent |
 | direction | String: ltr or rtl |  | Layout direction of picker component, it supports RTL direction too. |
 
 ### RangePicker

docs/demo/basic.md

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

docs/demo/calendar.md

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

docs/demo/customize.md

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

docs/demo/disabledDate.md

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

docs/demo/modes.md

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

docs/demo/panel.md

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

docs/demo/panelRender.md

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

docs/demo/range.md

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

docs/demo/rtl.md

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

docs/demo/switchType.md

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

docs/demo/uncontrolled.md

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

examples/basic.tsx → docs/examples/basic.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import type { Moment } from 'moment';
 import moment from 'moment';
-import Picker from '../src/Picker';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import enUS from '../src/locale/en_US';
-import '../assets/index.less';
+import Picker from '../../src/Picker';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import enUS from '../../src/locale/en_US';
+import '../../assets/index.less';
 
 // const defaultValue = moment('2019-09-03 05:02:03');
 const defaultValue = moment('2019-11-28 01:02:03');

examples/calendar.tsx → docs/examples/calendar.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import { Moment } from 'moment';
-import Picker from '../src/Picker';
-import PickerPanel from '../src/PickerPanel';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import '../assets/index.less';
+import Picker from '../../src/Picker';
+import PickerPanel from '../../src/PickerPanel';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import '../../assets/index.less';
 import './calendar.less';
 
 function dateRender(date: Moment, today: Moment) {

examples/customize.tsx → docs/examples/customize.tsx

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import moment, { Moment } from 'moment';
-import Picker from '../src';
-import PickerPanel from '../src/PickerPanel';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import '../assets/index.less';
+import Picker from '../../src';
+import PickerPanel from '../../src/PickerPanel';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import '../../assets/index.less';
 import './slide.less';
 
 interface DateRangeState {

examples/disabledDate.tsx → docs/examples/disabledDate.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { Moment } from 'moment';
 import moment from 'moment';
-import Picker from '../src/Picker';
-import momentGenerateConfig from '../src/generate/moment';
-import enUS from '../src/locale/en_US';
-import '../assets/index.less';
+import Picker from '../../src/Picker';
+import momentGenerateConfig from '../../src/generate/moment';
+import enUS from '../../src/locale/en_US';
+import '../../assets/index.less';
 
 export default () => {
   const [value, setValue] = React.useState<Moment | null>(undefined);

examples/modes.tsx → docs/examples/modes.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import moment, { Moment } from 'moment';
-import RangePicker from '../src/RangePicker';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import '../assets/index.less';
+import RangePicker from '../../src/RangePicker';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import '../../assets/index.less';
 import './common.less';
 
 const defaultStartValue = moment('2019-09-03 05:02:03');

examples/panel.tsx → docs/examples/panel.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import moment, { Moment } from 'moment';
-import PickerPanel from '../src/PickerPanel';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import enUS from '../src/locale/en_US';
-import jaJP from '../src/locale/ja_JP';
-import '../assets/index.less';
+import PickerPanel from '../../src/PickerPanel';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import enUS from '../../src/locale/en_US';
+import jaJP from '../../src/locale/ja_JP';
+import '../../assets/index.less';
 
 // const defaultValue = moment('2019-09-03 05:02:03');
 const defaultValue = moment('2019-11-28 01:02:03');

examples/panelRender.tsx → docs/examples/panelRender.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import moment, { Moment } from 'moment';
-import Picker from '../src/Picker';
-import RangePicker from '../src/RangePicker';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import '../assets/index.less';
+import Picker from '../../src/Picker';
+import RangePicker from '../../src/RangePicker';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import '../../assets/index.less';
 import './common.less';
 
 const defaultStartValue = moment('2019-09-03 05:02:03');

examples/range.tsx → docs/examples/range.tsx

@@ -1,10 +1,10 @@
 import React from 'react';
 import type { Moment } from 'moment';
 import moment from 'moment';
-import RangePicker from '../src/RangePicker';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import '../assets/index.less';
+import RangePicker from '../../src/RangePicker';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import '../../assets/index.less';
 import './common.less';
 
 const defaultStartValue = moment('2019-09-03 05:02:03');

examples/rtl.tsx → docs/examples/rtl.tsx

@@ -1,13 +1,13 @@
 import React from 'react';
 import moment, { Moment } from 'moment';
-import Picker from '../src/Picker';
-import RangePicker from '../src/RangePicker';
-import PickerPanel from '../src/PickerPanel';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import enUS from '../src/locale/en_US';
-import jaJP from '../src/locale/ja_JP';
-import '../assets/index.less';
+import Picker from '../../src/Picker';
+import RangePicker from '../../src/RangePicker';
+import PickerPanel from '../../src/PickerPanel';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import enUS from '../../src/locale/en_US';
+import jaJP from '../../src/locale/ja_JP';
+import '../../assets/index.less';
 
 const defaultValue = moment('2019-11-28 01:02:03');
 

examples/switchType.tsx → docs/examples/switchType.tsx

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
 import { Moment } from 'moment';
-import Picker from '../src/Picker';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import '../assets/index.less';
+import Picker from '../../src/Picker';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import '../../assets/index.less';
 
 const sharedProps = {
   generateConfig: momentGenerateConfig,

examples/uncontrolled.tsx → docs/examples/uncontrolled.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Moment } from 'moment';
-import momentGenerateConfig from '../src/generate/moment';
-import zhCN from '../src/locale/zh_CN';
-import '../assets/index.less';
-import Picker, { RangePicker } from '../src';
+import momentGenerateConfig from '../../src/generate/moment';
+import zhCN from '../../src/locale/zh_CN';
+import '../../assets/index.less';
+import Picker, { RangePicker } from '../../src';
 
 export default () => (
   <div>

now.json

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

package.json

@@ -26,8 +26,8 @@
   },
   "license": "MIT",
   "scripts": {
-    "start": "cross-env NODE_ENV=development 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",
     "gh-pages": "npm run build && father doc deploy",
     "prepublishOnly": "npm run compile && np --yolo --no-publish",
@@ -60,6 +60,7 @@
     "@umijs/fabric": "^2.0.8",
     "coveralls": "^3.0.6",
     "cross-env": "^7.0.2",
+    "dumi": "^1.1.37",
     "enzyme": "^3.0.0",
     "enzyme-adapter-react-16": "^1.0.1",
     "enzyme-to-json": "^3.4.0",
@@ -69,6 +70,7 @@
     "eslint-plugin-react-hooks": "^4.0.2",
     "eslint-plugin-unicorn": "^35.0.0",
     "father": "^2.13.4",
+    "glob": "^7.2.0",
     "less": "^3.10.3",
     "mockdate": "^3.0.2",
     "np": "^7.1.0",

tsconfig.json

@@ -6,6 +6,11 @@
     "jsx": "preserve",
     "declaration": true,
     "skipLibCheck": true,
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": ["src/*"],
+      "@@/*": ["src/.umi/*"],
+      "rc-picker": ["src/index.ts"]
+    }
   }
-}
+}