Update storybook config and add loading stories

Author: chachaxw

.storybook/addons.js

@@ -1,2 +1,3 @@
 import '@storybook/addon-actions/register';
 import '@storybook/addon-links/register';
+import '@storybook/addon-knobs/register';

.storybook/config.js

@@ -1,7 +1,13 @@
 import { configure } from '@storybook/react';
 
+import 'antd/dist/antd.css';
+import '../src/index.css';
+
+// automatically import all files ending in *.stories.tsx
+const req = require.context('../src', true, /\.stories\.tsx$/);
+
 function loadStories() {
-  require('../src/stories');
+  req.keys().forEach(req);
 }
 
 configure(loadStories, module);

package.json

@@ -4,6 +4,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@storybook/addon-knobs": "^5.1.9",
     "@types/classnames": "^2.2.8",
     "@types/dva": "^1.1.0",
     "@types/enzyme": "^3.9.4",
@@ -16,8 +17,9 @@
     "@types/react-dom": "^16.8.4",
     "@types/react-infinite-scroller": "^1.2.1",
     "@types/react-loadable": "^5.5.1",
-    "@types/redux-form": "^8.1.4",
     "@types/redux-logger": "^3.0.7",
+    "@types/storybook__addon-knobs": "^5.0.2",
+    "@types/storybook__react": "^4.0.2",
     "antd": "^3.19.8",
     "axios": "^0.19.0",
     "classnames": "^2.2.6",
@@ -55,7 +57,7 @@
     "staging": "cross-env REACT_APP_BUILD=staging react-app-rewired start",
     "test": "react-app-rewired test",
     "jest": "CI=true react-app-rewired test",
-    "tslint": "tslint --fix 'src/**/*.ts*'",
+    "tslint": "tslint --fix 'src/**/*.(ts|tsx)'",
     "mock": "json-server mock/db.js",
     "storybook": "start-storybook -p 9009 -s public",
     "build-storybook": "build-storybook -s public"
@@ -66,7 +68,7 @@
     }
   },
   "lint-staged": {
-    "*.ts*": [
+    "*.(ts|tsx)": [
       "npm run check"
     ]
   },
@@ -81,6 +83,7 @@
   ],
   "devDependencies": {
     "@storybook/addon-actions": "^5.1.9",
+    "@storybook/addon-info": "^5.1.9",
     "@storybook/addon-links": "^5.1.9",
     "@storybook/addons": "^5.1.9",
     "@storybook/react": "^5.1.9",

src/App.test.tsx

@@ -16,9 +16,9 @@ beforeAll(() => {
   app.router(() => ({}));
   app.start();
   wrapper = shallow(
-      <StaticRouter context={{}}>
-          <App store={app._store} location={{pathname: '/app/dashboard'}} />
-      </StaticRouter>
+    <StaticRouter context={{}}>
+      <App store={app._store} location={{pathname: '/app/dashboard'}} />
+    </StaticRouter>
   );
 });
 

src/components/Loading/Loading.stories.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+
+import { storiesOf } from '@storybook/react';
+
+import Loading from './Loading';
+
+storiesOf('Loading', module)
+  .add('default', () => <Loading />);

src/components/Loading/Loading.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import styles from './Loading.module.scss';
 
 export default function Loading() {
-  const antIcon = <Icon type="loading" style={{ fontSize: 24 }} spin />;
+  const antIcon = <Icon type="loading" style={{ fontSize: 40 }} spin />;
 
   return (
     <div className={styles.loading}>

src/index.tsx

@@ -1,7 +1,6 @@
 import dva from 'dva';
 import createLoading from 'dva-loading';
 import * as React from 'react';
-import { reducer as formReducer } from 'redux-form';
 import { createLogger } from 'redux-logger';
 
 import { Env, EnvType } from './env';
@@ -25,10 +24,6 @@ const app: any = dva({
 
   onAction: middleware,
 
-  // 其他第三方 Reducer 配置
-  extraReducers: {
-    form: formReducer,
-  },
 });
 
 // 第三方插件