1. Initial commit

a4c14847 · chencheng · a4c14847 · a4c14847 · a4c14847 · a4c14847
Commit a4c14847 authored Feb 22, 2018 by chencheng
17 changed files
--- a/.editorconfig
+++ b/.editorconfig
+# 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
--- a/.eslintrc
+++ b/.eslintrc
+{
+  "extends": "umi"
+}
--- a/.gitignore
+++ b/.gitignore
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# dependencies
+/node_modules
+# production
+/dist
+# misc
+.DS_Store
+npm-debug.log*
+# umi
+.umi
+.umi-production
--- a/.umirc.js
+++ b/.umirc.js
+export default {
+  plugins: ['umi-plugin-dva'],
+}
--- a/.umirc.mock.js
+++ b/.umirc.mock.js
+export default {
+};
--- a/.webpackrc.js
+++ b/.webpackrc.js
+export default {}
--- a/mock/.gitkeep
+++ b/mock/.gitkeep
--- a/package.json
+++ b/package.json
+{
+  "private": true,
+  "scripts": {
+    "start": "umi dev",
+    "build": "umi build",
+    "lint": "eslint --ext .js src test",
+    "precommit": "npm run lint"
+  },
+  "dependencies": {
+    "dva": "^2.1.0",
+    "umi": "^1.0.0-0",
+    "umi-plugin-dva": "^0.1.5"
+  },
+  "devDependencies": {
+    "eslint": "^4.14.0",
+    "eslint-config-umi": "^0.1.1",
+    "eslint-plugin-flowtype": "^2.34.1",
+    "eslint-plugin-import": "^2.6.0",
+    "eslint-plugin-jsx-a11y": "^5.1.1",
+    "eslint-plugin-react": "^7.1.0",
+    "husky": "^0.12.0"
+  }
+}
--- a/public/index.html
+++ b/public/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Dva Demo</title>
+  <link rel="stylesheet" href="index.css" />
+</head>
+<body>
+  <div id="root"></div>
+  <script src="index.js"></script>
+</body>
+</html>
--- a/src/assets/yay.jpg
+++ b/src/assets/yay.jpg
--- a/src/components/Example.js
+++ b/src/components/Example.js
+import React from 'react';
+const Example = () => {
+  return (
+    <div>
+      Example
+    </div>
+  );
+};
+Example.propTypes = {
+};
+export default Example;
--- a/src/global.css
+++ b/src/global.css
+html, body, :global(#root) {
+  height: 100%;
+}
--- a/src/models/example.js
+++ b/src/models/example.js
+export default {
+  namespace: 'example',
+  state: {},
+  subscriptions: {
+    setup({ dispatch, history }) {
+    },
+  },
+  effects: {
+    *fetch({ payload }, { call, put }) {
+      yield put({ type: 'save' });
+    },
+  },
+  reducers: {
+    save(state, action) {
+      return { ...state, ...action.payload };
+    },
+  },
+};
--- a/src/pages/index.css
+++ b/src/pages/index.css
+.normal {
+  font-family: Georgia, sans-serif;
+  margin-top: 3em;
+  text-align: center;
+}
+.title {
+  font-size: 2.5rem;
+  font-weight: normal;
+  letter-spacing: -1px;
+}
+.welcome {
+  height: 328px;
+  background: url(../assets/yay.jpg) no-repeat center 0;
+  background-size: 388px 328px;
+}
+.list {
+  font-size: 1.2em;
+  margin-top: 1.8em;
+  list-style: none;
+  line-height: 1.5em;
+}
+.list code {
+  background: #f7f7f7;
+}
--- a/src/pages/index.js
+++ b/src/pages/index.js
+import React from 'react';
+import { connect } from 'dva';
+import styles from './index.css';
+function IndexPage() {
+  return (
+    <div className={styles.normal}>
+      <h1 className={styles.title}>Yay! Welcome to dva!</h1>
+      <div className={styles.welcome} />
+      <ul className={styles.list}>
+        <li>To get started, edit <code>src/index.js</code> and save to reload.</li>
+        <li><a href="https://github.com/dvajs/dva">Getting Started</a></li>
+      </ul>
+    </div>
+  );
+}
+IndexPage.propTypes = {
+};
+export default connect()(IndexPage);
--- a/src/services/example.js
+++ b/src/services/example.js
+import request from '../utils/request';
+export function query() {
+  return request('/api/users');
+}
--- a/src/utils/request.js
+++ b/src/utils/request.js
+import fetch from 'dva/fetch';
+function parseJSON(response) {
+  return response.json();
+}
+function checkStatus(response) {
+  if (response.status >= 200 && response.status < 300) {
+    return response;
+  }
+  const error = new Error(response.statusText);
+  error.response = response;
+  throw error;
+}
+/**
+ * Requests a URL, returning a promise.
+ *
+ * @param  {string} url       The URL we want to request
+ * @param  {object} [options] The options we want to pass to "fetch"
+ * @return {object}           An object containing either "data" or "err"
+ */
+export default function request(url, options) {
+  return fetch(url, options)
+    .then(checkStatus)
+    .then(parseJSON)
+    .then(data => ({ data }))
+    .catch(err => ({ err }));
+}