Refactor dumi

.editorconfig

@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = 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

.eslintignore

@@ -0,0 +1,3 @@
+# tests
+# docs
+# examples

.eslintrc.js

@@ -13,9 +13,7 @@ module.exports = {
     'import/no-named-as-default-member': 0,
     'jsx-a11y/label-has-for': 0,
     'jsx-a11y/label-has-associated-control': 0,
-    'import/no-extraneous-dependencies': [
-      'error',
-      { devDependencies: true, optionalDependencies: true, peerDependencies: true },
-    ],
+    'import/no-extraneous-dependencies': 0,
+    'import/no-unresolved': 0,
   },
 };

.github/workflows/main.yml

@@ -85,7 +85,7 @@ jobs:
           key: node_modules-${{ hashFiles('**/package-temp-dir/package-lock.json') }}
 
       - name: compile
-        run: npm run compile
+        run: npm run build
 
     needs: setup
 
@@ -110,4 +110,4 @@ jobs:
       - name: coverage
         run: npm test -- --coverage && bash <(curl -s https://codecov.io/bash)
 
-    needs: setup
+    needs: setup

.gitignore

@@ -1,12 +1,23 @@
-.storybook
-.doc
-*.log
-node_modules
-coverage/
-es/
-lib/
-~*
-yarn.lock
-package-lock.json
-.idea/
-examples/debug.tsx
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/npm-debug.log*
+/yarn-error.log
+/yarn.lock
+/package-lock.json
+
+# production
+/dist
+/docs-dist
+/es
+/lib
+
+# misc
+.DS_Store
+
+# umi
+.umi
+.umi-production
+.umi-test
+.env.local

.prettierignore

@@ -0,0 +1,7 @@
+**/*.svg
+**/*.ejs
+**/*.html
+package.json
+.umi
+.umi-production
+.umi-test

.umirc.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  title: 'rc-field-form',
+  favicon:
+    'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
+  logo:
+    'https://user-images.githubusercontent.com/9554297/83762004-a0761b00-a6a9-11ea-83b4-9c8ff721d4b8.png',
+  outputPath: '.doc',
+  exportStatic: {},
+  // mode: 'site',
+  // more config: https://d.umijs.org/config
+});

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "draggable"
+    ]
+}

docs/StateForm-list-draggable.md

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

docs/basic.md

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

docs/component.md

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

docs/context.md

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

examples/StateForm-list-draggable.tsx → docs/examples/StateForm-list-draggable.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 /* eslint-enable react/prop-types */
 import HTML5Backend from 'react-dnd-html5-backend';
 import { DndProvider } from 'react-dnd';
-import Form, { List, useForm } from '../src';
+import Form, { List, useForm } from 'rc-field-form';
 import Input from './components/Input';
 import LabelField from './components/LabelField';
 import useDraggable from './components/useDraggable';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import Form, { Field, FormInstance } from '../src';
+import Form, { Field, FormInstance } from 'rc-field-form';
 import Input from './components/Input';
 
 const list = new Array(1111).fill(() => null);
@@ -13,7 +13,7 @@ interface FormValues {
 }
 
 export default class Demo extends React.Component {
-  formRef = React.createRef<FormInstance<FormValues>>();
+  formRef: any = React.createRef<FormInstance<FormValues>>();
 
   onFinish = (values: FormValues) => {
     console.log('Submit:', values);

examples/component.tsx → docs/examples/component.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Form, { Field, useForm } from '../src';
+import Form, { Field, useForm } from 'rc-field-form';
 import Input from './components/Input';
 
 export default () => {

examples/components/LabelField.tsx → docs/examples/components/LabelField.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import Form from '../../src';
-import { FieldProps } from '../../src/Field';
+import Form from 'rc-field-form';
+import { FieldProps } from '@/Field';
 
 const { Field } = Form;
 

examples/context.tsx → docs/examples/context.tsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/prop-types */
 
 import React from 'react';
-import Form, { FormProvider } from '../src';
+import Form, { FormProvider } from 'rc-field-form';
 import Input from './components/Input';
 import LabelField from './components/LabelField';
-import { ValidateMessages } from '../src/interface';
+import { ValidateMessages } from '@/interface';
 
 const myMessages: ValidateMessages = {
   required: '${name} 是必需品',

examples/deps.tsx → docs/examples/deps.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Form, { Field } from '../src';
+import Form, { Field } from 'rc-field-form';
 import Input from './components/Input';
 
 let x = 0;

examples/layout.tsx → docs/examples/layout.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable jsx-a11y/label-has-associated-control, react/prop-types */
 
 import React from 'react';
-import Form from '../src';
+import Form from 'rc-field-form';
 import Input from './components/Input';
 import LabelField from './components/LabelField';
 

examples/list.tsx → docs/examples/list.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 
 import React from 'react';
-import Form from '../src';
+import Form from 'rc-field-form';
 import Input from './components/Input';
 import LabelField from './components/LabelField';
 

examples/redux.tsx → docs/examples/redux.tsx

@@ -3,7 +3,7 @@
 import React from 'react';
 import { connect, Provider } from 'react-redux';
 import { createStore } from 'redux';
-import Form from '../src';
+import Form from 'rc-field-form';
 import Input from './components/Input';
 import LabelField from './components/LabelField';
 

examples/renderProps.tsx → docs/examples/renderProps.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable jsx-a11y/label-has-associated-control */
 import React from 'react';
-import Form from '../src';
+import Form from 'rc-field-form';
 import Input from './components/Input';
 
 const { Field } = Form;

examples/reset.tsx → docs/examples/reset.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
-import Form from '../src';
+import Form from 'rc-field-form';
 import Input from './components/Input';
 
 const { Field } = Form;

examples/useForm.tsx → docs/examples/useForm.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Form from '../src';
+import Form from 'rc-field-form';
 import Input from './components/Input';
 
 const { Field, useForm } = Form;

examples/validate-perf.tsx → docs/examples/validate-perf.tsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/prop-types */
 
 import React from 'react';
-import Form, { Field, FormInstance } from '../src';
+import Form, { Field, FormInstance } from 'rc-field-form';
 import Input from './components/Input';
 import LabelField from './components/LabelField';
-import { ValidateMessages } from '../src/interface';
+import { ValidateMessages } from '@/interface';
 
 const myMessages: ValidateMessages = {
   default: '${name} 看起来怪怪的……',

examples/validate.tsx → docs/examples/validate.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/prop-types */
 
 import React from 'react';
-import Form from '../src';
+import Form from 'rc-field-form';
 import Input from './components/Input';
 
 const { Field } = Form;