chore: migrate to dumi 2 & father 4 (#280)

* docs: use dumi

* docs: use dumi

* chore: adjust

* test: mig test

* test: all test case

Author: zombieJ

.dumirc.ts

@@ -0,0 +1,8 @@
+import { defineConfig } from 'dumi';
+
+export default defineConfig({
+  themeConfig: {
+    name: 'Align',
+  },
+  mfsu: false,
+});

.fatherrc.js

@@ -1,9 +1,5 @@
-export default {
-  cjs: 'babel',
-  esm: { type: 'babel', importLibToEs: true },
-  preCommit: {
-    eslint: true,
-    prettier: true,
-  },
-  runtimeHelpers: true,
-};
+import { defineConfig } from 'father';
+
+export default defineConfig({
+  plugins: ['@rc-component/father-plugin'],
+});

.gitignore

@@ -29,3 +29,4 @@ es
 coverage
 package-lock.json
 yarn.lock
+.dumi

docs/demo/follow.md

@@ -0,0 +1,8 @@
+---
+title: Follow
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../examples/follow.tsx"></code>

docs/demo/point.md

@@ -0,0 +1,8 @@
+---
+title: Point
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../examples/point.tsx" ></code>

docs/demo/simple.md

@@ -0,0 +1,8 @@
+---
+title: Simple
+nav:
+  title: Demo
+  path: /demo
+---
+
+<code src="../examples/simple.tsx" ></code>

examples/follow.tsx renamed to docs/examples/follow.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Align from '../src';
+import Align from '../../src';
 
 const Demo = () => {
   const [width, setWidth] = React.useState(100);
@@ -51,7 +51,6 @@ const Demo = () => {
       <div
         style={{
           border: '1px solid red',
-          width: '90vw',
           height: '50vh',
           position: 'relative',
         }}

examples/point.js renamed to docs/examples/point.tsx

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-import Align from '../src';
+import Align from '../../src';
 
 const align = {
   points: ['cc', 'cc'],

examples/simple.js renamed to docs/examples/simple.tsx

@@ -1,9 +1,18 @@
+import Align, { type RefAlign } from 'rc-align';
 import React, { Component } from 'react';
-import Align from '../src';
 
 const allPoints = ['tl', 'tc', 'tr', 'cl', 'cc', 'cr', 'bl', 'bc', 'br'];
 
-class Test extends Component {
+interface TestState {
+  monitor: boolean;
+  random: boolean;
+  disabled: boolean;
+  randomWidth: number;
+  align: any;
+  sourceWidth: number;
+}
+
+class Test extends Component<{}, TestState> {
   state = {
     monitor: true,
     random: false,
@@ -15,6 +24,10 @@ class Test extends Component {
     sourceWidth: 50,
   };
 
+  id: NodeJS.Timer;
+  $container: HTMLElement;
+  $align: RefAlign;
+
   componentDidMount() {
     this.id = setInterval(() => {
       const { random } = this.state;

docs/index.md

@@ -0,0 +1,7 @@
+---
+hero:
+  title: rc-align
+  description: align ui component for react
+---
+
+<embed src="../README.md"></embed>