提交 04ae2d42ada9680932e7100b2497e6eece1877ed

作者 草+酱
提交者 Yu
1 个父辈 f8eac211

Feat/exception (#7)

* move mock to src

* move service to src

* feat:add locales for exception404 & exception500 block

* ant-design-pro style in exception404 & exception 500

* ant-design-pro style in exception404 & exception 500
1 1 export default {
2 2 plugins: [
3   - ['umi-plugin-block-dev', {}],
  3 + ['umi-plugin-block-dev', { layout: 'ant-design-pro', }],
4 4 ['umi-plugin-react', {
5 5 dva: true,
6 6 locale: true,
... ...
1   -export default {
2   - 'GET /api/403': (req, res) => {
3   - res.status(403).send({
4   - timestamp: 1513932555104,
5   - status: 403,
6   - error: 'Unauthorized',
7   - message: 'Unauthorized',
8   - path: '/base/category/list',
9   - });
10   - },
11   -};
1   -import queryError from '../services';
2   -
3   -export default {
4   - namespace: 'error',
5   -
6   - state: {
7   - error: '',
8   - isloading: false,
9   - },
10   -
11   - effects: {
12   - *query({ payload }, { call, put }) {
13   - yield call(queryError, payload.code);
14   - yield put({
15   - type: 'trigger',
16   - payload: payload.code,
17   - });
18   - },
19   - },
20   -
21   - reducers: {
22   - trigger(state, action) {
23   - return {
24   - error: action.payload,
25   - };
26   - },
27   - },
28   -};
1   -import request from 'umi-request';
2   -
3   -export default async function queryError(code) {
4   - return request(`/api/${code}`);
5   -}
1 1 export default {
2 2 plugins: [
3   - ['umi-plugin-block-dev', {}],
  3 + ['umi-plugin-block-dev', {layout: 'ant-design-pro',}],
4 4 ['umi-plugin-react', {
5 5 dva: true,
6 6 locale: true,
... ...
1   -import request from '@/utils/request';
2   -
3   -export default async function queryError(code) {
4   - return request(`/api/${code}`);
5   -}
1   -import fetch from 'dva/fetch';
2   -import { notification } from 'antd';
3   -import router from 'umi/router';
4   -import hash from 'hash.js';
5   -import { isAntdPro } from './utils';
6   -
7   -const codeMessage = {
8   - 200: '服务器成功返回请求的数据。',
9   - 201: '新建或修改数据成功。',
10   - 202: '一个请求已经进入后台排队(异步任务)。',
11   - 204: '删除数据成功。',
12   - 400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。',
13   - 401: '用户没有权限(令牌、用户名、密码错误)。',
14   - 403: '用户得到授权,但是访问是被禁止的。',
15   - 404: '发出的请求针对的是不存在的记录,服务器没有进行操作。',
16   - 406: '请求的格式不可得。',
17   - 410: '请求的资源被永久删除,且不会再得到的。',
18   - 422: '当创建一个对象时,发生一个验证错误。',
19   - 500: '服务器发生错误,请检查服务器。',
20   - 502: '网关错误。',
21   - 503: '服务不可用,服务器暂时过载或维护。',
22   - 504: '网关超时。',
23   -};
24   -
25   -const checkStatus = response => {
26   - if (response.status >= 200 && response.status < 300) {
27   - return response;
28   - }
29   - const errortext = codeMessage[response.status] || response.statusText;
30   - notification.error({
31   - message: `请求错误 ${response.status}: ${response.url}`,
32   - description: errortext,
33   - });
34   - const error = new Error(errortext);
35   - error.name = response.status;
36   - error.response = response;
37   - throw error;
38   -};
39   -
40   -const cachedSave = (response, hashcode) => {
41   - /**
42   - * Clone a response data and store it in sessionStorage
43   - * Does not support data other than json, Cache only json
44   - */
45   - const contentType = response.headers.get('Content-Type');
46   - if (contentType && contentType.match(/application\/json/i)) {
47   - // All data is saved as text
48   - response
49   - .clone()
50   - .text()
51   - .then(content => {
52   - sessionStorage.setItem(hashcode, content);
53   - sessionStorage.setItem(`${hashcode}:timestamp`, Date.now());
54   - });
55   - }
56   - return response;
57   -};
58   -
59   -/**
60   - * Requests a URL, returning a promise.
61   - *
62   - * @param {string} url The URL we want to request
63   - * @param {object} [option] The options we want to pass to "fetch"
64   - * @return {object} An object containing either "data" or "err"
65   - */
66   -export default function request(url, option) {
67   - const options = {
68   - expirys: isAntdPro(),
69   - ...option,
70   - };
71   - /**
72   - * Produce fingerprints based on url and parameters
73   - * Maybe url has the same parameters
74   - */
75   - const fingerprint = url + (options.body ? JSON.stringify(options.body) : '');
76   - const hashcode = hash
77   - .sha256()
78   - .update(fingerprint)
79   - .digest('hex');
80   -
81   - const defaultOptions = {
82   - credentials: 'include',
83   - };
84   - const newOptions = { ...defaultOptions, ...options };
85   - if (
86   - newOptions.method === 'POST' ||
87   - newOptions.method === 'PUT' ||
88   - newOptions.method === 'DELETE'
89   - ) {
90   - if (!(newOptions.body instanceof FormData)) {
91   - newOptions.headers = {
92   - Accept: 'application/json',
93   - 'Content-Type': 'application/json; charset=utf-8',
94   - ...newOptions.headers,
95   - };
96   - newOptions.body = JSON.stringify(newOptions.body);
97   - } else {
98   - // newOptions.body is FormData
99   - newOptions.headers = {
100   - Accept: 'application/json',
101   - ...newOptions.headers,
102   - };
103   - }
104   - }
105   -
106   - const expirys = options.expirys && 60;
107   - // options.expirys !== false, return the cache,
108   - if (options.expirys !== false) {
109   - const cached = sessionStorage.getItem(hashcode);
110   - const whenCached = sessionStorage.getItem(`${hashcode}:timestamp`);
111   - if (cached !== null && whenCached !== null) {
112   - const age = (Date.now() - whenCached) / 1000;
113   - if (age < expirys) {
114   - const response = new Response(new Blob([cached]));
115   - return response.json();
116   - }
117   - sessionStorage.removeItem(hashcode);
118   - sessionStorage.removeItem(`${hashcode}:timestamp`);
119   - }
120   - }
121   - return fetch(url, newOptions)
122   - .then(checkStatus)
123   - .then(response => cachedSave(response, hashcode))
124   - .then(response => {
125   - // DELETE and 204 do not return data by default
126   - // using .json will report an error.
127   - if (newOptions.method === 'DELETE' || response.status === 204) {
128   - return response.text();
129   - }
130   - return response.json();
131   - })
132   - .catch(e => {
133   - const status = e.name;
134   - if (status === 401) {
135   - // @HACK
136   - /* eslint-disable no-underscore-dangle */
137   - window.g_app._store.dispatch({
138   - type: 'login/logout',
139   - });
140   - return;
141   - }
142   - // environment should not be used
143   - if (status === 403) {
144   - router.push('/exception/403');
145   - return;
146   - }
147   - if (status <= 504 && status >= 500) {
148   - router.push('/exception/500');
149   - return;
150   - }
151   - if (status >= 404 && status < 422) {
152   - router.push('/exception/404');
153   - }
154   - });
155   -}
1   -import moment from 'moment';
2   -import React from 'react';
3   -import nzh from 'nzh/cn';
4   -import { parse, stringify } from 'qs';
5   -
6   -export function fixedZero(val) {
7   - return val * 1 < 10 ? `0${val}` : val;
8   -}
9   -
10   -export function getTimeDistance(type) {
11   - const now = new Date();
12   - const oneDay = 1000 * 60 * 60 * 24;
13   -
14   - if (type === 'today') {
15   - now.setHours(0);
16   - now.setMinutes(0);
17   - now.setSeconds(0);
18   - return [moment(now), moment(now.getTime() + (oneDay - 1000))];
19   - }
20   -
21   - if (type === 'week') {
22   - let day = now.getDay();
23   - now.setHours(0);
24   - now.setMinutes(0);
25   - now.setSeconds(0);
26   -
27   - if (day === 0) {
28   - day = 6;
29   - } else {
30   - day -= 1;
31   - }
32   -
33   - const beginTime = now.getTime() - day * oneDay;
34   -
35   - return [moment(beginTime), moment(beginTime + (7 * oneDay - 1000))];
36   - }
37   -
38   - if (type === 'month') {
39   - const year = now.getFullYear();
40   - const month = now.getMonth();
41   - const nextDate = moment(now).add(1, 'months');
42   - const nextYear = nextDate.year();
43   - const nextMonth = nextDate.month();
44   -
45   - return [
46   - moment(`${year}-${fixedZero(month + 1)}-01 00:00:00`),
47   - moment(moment(`${nextYear}-${fixedZero(nextMonth + 1)}-01 00:00:00`).valueOf() - 1000),
48   - ];
49   - }
50   -
51   - const year = now.getFullYear();
52   - return [moment(`${year}-01-01 00:00:00`), moment(`${year}-12-31 23:59:59`)];
53   -}
54   -
55   -export function getPlainNode(nodeList, parentPath = '') {
56   - const arr = [];
57   - nodeList.forEach(node => {
58   - const item = node;
59   - item.path = `${parentPath}/${item.path || ''}`.replace(/\/+/g, '/');
60   - item.exact = true;
61   - if (item.children && !item.component) {
62   - arr.push(...getPlainNode(item.children, item.path));
63   - } else {
64   - if (item.children && item.component) {
65   - item.exact = false;
66   - }
67   - arr.push(item);
68   - }
69   - });
70   - return arr;
71   -}
72   -
73   -export function digitUppercase(n) {
74   - return nzh.toMoney(n);
75   -}
76   -
77   -function getRelation(str1, str2) {
78   - if (str1 === str2) {
79   - console.warn('Two path are equal!'); // eslint-disable-line
80   - }
81   - const arr1 = str1.split('/');
82   - const arr2 = str2.split('/');
83   - if (arr2.every((item, index) => item === arr1[index])) {
84   - return 1;
85   - }
86   - if (arr1.every((item, index) => item === arr2[index])) {
87   - return 2;
88   - }
89   - return 3;
90   -}
91   -
92   -function getRenderArr(routes) {
93   - let renderArr = [];
94   - renderArr.push(routes[0]);
95   - for (let i = 1; i < routes.length; i += 1) {
96   - // 去重
97   - renderArr = renderArr.filter(item => getRelation(item, routes[i]) !== 1);
98   - // 是否包含
99   - const isAdd = renderArr.every(item => getRelation(item, routes[i]) === 3);
100   - if (isAdd) {
101   - renderArr.push(routes[i]);
102   - }
103   - }
104   - return renderArr;
105   -}
106   -
107   -/**
108   - * Get router routing configuration
109   - * { path:{name,...param}}=>Array<{name,path ...param}>
110   - * @param {string} path
111   - * @param {routerData} routerData
112   - */
113   -export function getRoutes(path, routerData) {
114   - let routes = Object.keys(routerData).filter(
115   - routePath => routePath.indexOf(path) === 0 && routePath !== path
116   - );
117   - // Replace path to '' eg. path='user' /user/name => name
118   - routes = routes.map(item => item.replace(path, ''));
119   - // Get the route to be rendered to remove the deep rendering
120   - const renderArr = getRenderArr(routes);
121   - // Conversion and stitching parameters
122   - const renderRoutes = renderArr.map(item => {
123   - const exact = !routes.some(route => route !== item && getRelation(route, item) === 1);
124   - return {
125   - exact,
126   - ...routerData[`${path}${item}`],
127   - key: `${path}${item}`,
128   - path: `${path}${item}`,
129   - };
130   - });
131   - return renderRoutes;
132   -}
133   -
134   -export function getPageQuery() {
135   - return parse(window.location.href.split('?')[1]);
136   -}
137   -
138   -export function getQueryPath(path = '', query = {}) {
139   - const search = stringify(query);
140   - if (search.length) {
141   - return `${path}?${search}`;
142   - }
143   - return path;
144   -}
145   -
146   -/* eslint no-useless-escape:0 */
147   -const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
148   -
149   -export function isUrl(path) {
150   - return reg.test(path);
151   -}
152   -
153   -export function formatWan(val) {
154   - const v = val * 1;
155   - if (!v || Number.isNaN(v)) return '';
156   -
157   - let result = val;
158   - if (val > 10000) {
159   - result = Math.floor(val / 10000);
160   - result = (
161   - <span>
162   - {result}
163   - <span
164   - style={{
165   - position: 'relative',
166   - top: -2,
167   - fontSize: 14,
168   - fontStyle: 'normal',
169   - marginLeft: 2,
170   - }}
171   - >
172   -
173   - </span>
174   - </span>
175   - );
176   - }
177   - return result;
178   -}
179   -
180   -// 给官方演示站点用,用于关闭真实开发环境不需要使用的特性
181   -export function isAntdPro() {
182   - return window.location.hostname === 'preview.pro.ant.design';
183   -}
... ... @@ -14,11 +14,7 @@
14 14 "react": "^16.6.3",
15 15 "ant-design-pro": "^2.1.1",
16 16 "dva": "^2.4.0",
17   - "antd": "^3.10.9",
18   - "hash.js": "^1.1.5",
19   - "moment": "^2.22.2",
20   - "nzh": "^1.0.3",
21   - "qs": "^6.6.0"
  17 + "umi-request": "^1.0.0-beta.1"
22 18 },
23 19 "devDependencies": {
24 20 "umi": "^2.3.0-beta.1",
... ...
1   -module.exports = {
2   - navTheme: 'dark', // theme for nav menu
3   - primaryColor: '#1890FF', // primary color of ant design
4   - layout: 'sidemenu', // nav menu position: sidemenu or topmenu
5   - contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu
6   - fixedHeader: false, // sticky header
7   - autoHideHeader: false, // auto hide header
8   - fixSiderbar: false, // sticky siderbar
9   -};
1 1 import React from 'react';
2 2 import { formatMessage } from 'umi/locale';
3 3 import Link from 'umi/link';
4   -import Exception from 'ant-design-pro/lib/Exception';
  4 +import { Exception } from 'ant-design-pro';
5 5
6 6 const Exception404 = () => (
7 7 <Exception
... ...
1 1 export default {
2 2 'app.exception.back': 'Back to home',
3   - 'app.exception.description.403': "Sorry, you don't have access to this page",
4 3 'app.exception.description.404': 'Sorry, the page you visited does not exist',
5   - 'app.exception.description.500': 'Sorry, the server is reporting an error',
6 4 };
... ...
  1 +export default {
  2 + 'app.exception.back': 'Voltar para Início',
  3 + 'app.exception.description.404': 'Desculpe, a página que você visitou não existe',
  4 +};
... ...
1 1 export default {
2 2 'app.exception.back': '返回首页',
3   - 'app.exception.description.403': '抱歉,你无权访问该页面',
4 3 'app.exception.description.404': '抱歉,你访问的页面不存在',
5   - 'app.exception.description.500': '抱歉,服务器出错了',
6 4 };
... ...
1 1 export default {
2 2 'app.exception.back': '返回首頁',
3   - 'app.exception.description.403': '抱歉,妳無權訪問該頁面',
4 3 'app.exception.description.404': '抱歉,妳訪問的頁面不存在',
5   - 'app.exception.description.500': '抱歉,服務器出錯了',
6 4 };
... ...
1   -import queryError from '@/services/error';
2   -
3   -export default {
4   - namespace: 'error',
5   -
6   - state: {
7   - error: '',
8   - isloading: false,
9   - },
10   -
11   - effects: {
12   - *query({ payload }, { call, put }) {
13   - yield call(queryError, payload.code);
14   - yield put({
15   - type: 'trigger',
16   - payload: payload.code,
17   - });
18   - },
19   - },
20   -
21   - reducers: {
22   - trigger(state, action) {
23   - return {
24   - error: action.payload,
25   - };
26   - },
27   - },
28   -};
1   -import { message } from 'antd';
2   -import defaultSettings from '../defaultSettings';
3   -
4   -let lessNodesAppended;
5   -const updateTheme = primaryColor => {
6   - // Don't compile less in production!
7   - if (APP_TYPE !== 'site') {
8   - return;
9   - }
10   - // Determine if the component is remounted
11   - if (!primaryColor) {
12   - return;
13   - }
14   - const hideMessage = message.loading('正在编译主题!', 0);
15   - function buildIt() {
16   - if (!window.less) {
17   - return;
18   - }
19   - setTimeout(() => {
20   - window.less
21   - .modifyVars({
22   - '@primary-color': primaryColor,
23   - })
24   - .then(() => {
25   - hideMessage();
26   - })
27   - .catch(() => {
28   - message.error('Failed to update theme');
29   - hideMessage();
30   - });
31   - }, 200);
32   - }
33   - if (!lessNodesAppended) {
34   - // insert less.js and color.less
35   - const lessStyleNode = document.createElement('link');
36   - const lessConfigNode = document.createElement('script');
37   - const lessScriptNode = document.createElement('script');
38   - lessStyleNode.setAttribute('rel', 'stylesheet/less');
39   - lessStyleNode.setAttribute('href', '/color.less');
40   - lessConfigNode.innerHTML = `
41   - window.less = {
42   - async: true,
43   - env: 'production',
44   - javascriptEnabled: true
45   - };
46   - `;
47   - lessScriptNode.src = 'https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js';
48   - lessScriptNode.async = true;
49   - lessScriptNode.onload = () => {
50   - buildIt();
51   - lessScriptNode.onload = null;
52   - };
53   - document.body.appendChild(lessStyleNode);
54   - document.body.appendChild(lessConfigNode);
55   - document.body.appendChild(lessScriptNode);
56   - lessNodesAppended = true;
57   - } else {
58   - buildIt();
59   - }
60   -};
61   -
62   -const updateColorWeak = colorWeak => {
63   - document.body.className = colorWeak ? 'colorWeak' : '';
64   -};
65   -
66   -export default {
67   - namespace: 'setting',
68   - state: defaultSettings,
69   - reducers: {
70   - getSetting(state) {
71   - const setting = {};
72   - const urlParams = new URL(window.location.href);
73   - Object.keys(state).forEach(key => {
74   - if (urlParams.searchParams.has(key)) {
75   - const value = urlParams.searchParams.get(key);
76   - setting[key] = value === '1' ? true : value;
77   - }
78   - });
79   - const { primaryColor, colorWeak } = setting;
80   - if (state.primaryColor !== primaryColor) {
81   - updateTheme(primaryColor);
82   - }
83   - updateColorWeak(colorWeak);
84   - return {
85   - ...state,
86   - ...setting,
87   - };
88   - },
89   - changeSetting(state, { payload }) {
90   - const urlParams = new URL(window.location.href);
91   - Object.keys(defaultSettings).forEach(key => {
92   - if (urlParams.searchParams.has(key)) {
93   - urlParams.searchParams.delete(key);
94   - }
95   - });
96   - Object.keys(payload).forEach(key => {
97   - if (key === 'collapse') {
98   - return;
99   - }
100   - let value = payload[key];
101   - if (value === true) {
102   - value = 1;
103   - }
104   - if (defaultSettings[key] !== value) {
105   - urlParams.searchParams.set(key, value);
106   - }
107   - });
108   - const { primaryColor, colorWeak, contentWidth } = payload;
109   - if (state.primaryColor !== primaryColor) {
110   - updateTheme(primaryColor);
111   - }
112   - if (state.contentWidth !== contentWidth && window.dispatchEvent) {
113   - window.dispatchEvent(new Event('resize'));
114   - }
115   - updateColorWeak(colorWeak);
116   - window.history.replaceState(null, 'setting', urlParams.href);
117   - return {
118   - ...state,
119   - ...payload,
120   - };
121   - },
122   - },
123   -};
1 1 export default {
2 2 plugins: [
3   - ['umi-plugin-block-dev', {}],
  3 + ['umi-plugin-block-dev', {layout: 'ant-design-pro',}],
4 4 ['umi-plugin-react', {
5 5 dva: true,
6 6 locale: true,
... ...
1   -import request from '@/utils/request';
2   -
3   -export default async function queryError(code) {
4   - return request(`/api/${code}`);
5   -}
1   -import fetch from 'dva/fetch';
2   -import { notification } from 'antd';
3   -import router from 'umi/router';
4   -import hash from 'hash.js';
5   -import { isAntdPro } from './utils';
6   -
7   -const codeMessage = {
8   - 200: '服务器成功返回请求的数据。',
9   - 201: '新建或修改数据成功。',
10   - 202: '一个请求已经进入后台排队(异步任务)。',
11   - 204: '删除数据成功。',
12   - 400: '发出的请求有错误,服务器没有进行新建或修改数据的操作。',
13   - 401: '用户没有权限(令牌、用户名、密码错误)。',
14   - 403: '用户得到授权,但是访问是被禁止的。',
15   - 404: '发出的请求针对的是不存在的记录,服务器没有进行操作。',
16   - 406: '请求的格式不可得。',
17   - 410: '请求的资源被永久删除,且不会再得到的。',
18   - 422: '当创建一个对象时,发生一个验证错误。',
19   - 500: '服务器发生错误,请检查服务器。',
20   - 502: '网关错误。',
21   - 503: '服务不可用,服务器暂时过载或维护。',
22   - 504: '网关超时。',
23   -};
24   -
25   -const checkStatus = response => {
26   - if (response.status >= 200 && response.status < 300) {
27   - return response;
28   - }
29   - const errortext = codeMessage[response.status] || response.statusText;
30   - notification.error({
31   - message: `请求错误 ${response.status}: ${response.url}`,
32   - description: errortext,
33   - });
34   - const error = new Error(errortext);
35   - error.name = response.status;
36   - error.response = response;
37   - throw error;
38   -};
39   -
40   -const cachedSave = (response, hashcode) => {
41   - /**
42   - * Clone a response data and store it in sessionStorage
43   - * Does not support data other than json, Cache only json
44   - */
45   - const contentType = response.headers.get('Content-Type');
46   - if (contentType && contentType.match(/application\/json/i)) {
47   - // All data is saved as text
48   - response
49   - .clone()
50   - .text()
51   - .then(content => {
52   - sessionStorage.setItem(hashcode, content);
53   - sessionStorage.setItem(`${hashcode}:timestamp`, Date.now());
54   - });
55   - }
56   - return response;
57   -};
58   -
59   -/**
60   - * Requests a URL, returning a promise.
61   - *
62   - * @param {string} url The URL we want to request
63   - * @param {object} [option] The options we want to pass to "fetch"
64   - * @return {object} An object containing either "data" or "err"
65   - */
66   -export default function request(url, option) {
67   - const options = {
68   - expirys: isAntdPro(),
69   - ...option,
70   - };
71   - /**
72   - * Produce fingerprints based on url and parameters
73   - * Maybe url has the same parameters
74   - */
75   - const fingerprint = url + (options.body ? JSON.stringify(options.body) : '');
76   - const hashcode = hash
77   - .sha256()
78   - .update(fingerprint)
79   - .digest('hex');
80   -
81   - const defaultOptions = {
82   - credentials: 'include',
83   - };
84   - const newOptions = { ...defaultOptions, ...options };
85   - if (
86   - newOptions.method === 'POST' ||
87   - newOptions.method === 'PUT' ||
88   - newOptions.method === 'DELETE'
89   - ) {
90   - if (!(newOptions.body instanceof FormData)) {
91   - newOptions.headers = {
92   - Accept: 'application/json',
93   - 'Content-Type': 'application/json; charset=utf-8',
94   - ...newOptions.headers,
95   - };
96   - newOptions.body = JSON.stringify(newOptions.body);
97   - } else {
98   - // newOptions.body is FormData
99   - newOptions.headers = {
100   - Accept: 'application/json',
101   - ...newOptions.headers,
102   - };
103   - }
104   - }
105   -
106   - const expirys = options.expirys && 60;
107   - // options.expirys !== false, return the cache,
108   - if (options.expirys !== false) {
109   - const cached = sessionStorage.getItem(hashcode);
110   - const whenCached = sessionStorage.getItem(`${hashcode}:timestamp`);
111   - if (cached !== null && whenCached !== null) {
112   - const age = (Date.now() - whenCached) / 1000;
113   - if (age < expirys) {
114   - const response = new Response(new Blob([cached]));
115   - return response.json();
116   - }
117   - sessionStorage.removeItem(hashcode);
118   - sessionStorage.removeItem(`${hashcode}:timestamp`);
119   - }
120   - }
121   - return fetch(url, newOptions)
122   - .then(checkStatus)
123   - .then(response => cachedSave(response, hashcode))
124   - .then(response => {
125   - // DELETE and 204 do not return data by default
126   - // using .json will report an error.
127   - if (newOptions.method === 'DELETE' || response.status === 204) {
128   - return response.text();
129   - }
130   - return response.json();
131   - })
132   - .catch(e => {
133   - const status = e.name;
134   - if (status === 401) {
135   - // @HACK
136   - /* eslint-disable no-underscore-dangle */
137   - window.g_app._store.dispatch({
138   - type: 'login/logout',
139   - });
140   - return;
141   - }
142   - // environment should not be used
143   - if (status === 403) {
144   - router.push('/exception/403');
145   - return;
146   - }
147   - if (status <= 504 && status >= 500) {
148   - router.push('/exception/500');
149   - return;
150   - }
151   - if (status >= 404 && status < 422) {
152   - router.push('/exception/404');
153   - }
154   - });
155   -}
1   -import moment from 'moment';
2   -import React from 'react';
3   -import nzh from 'nzh/cn';
4   -import { parse, stringify } from 'qs';
5   -
6   -export function fixedZero(val) {
7   - return val * 1 < 10 ? `0${val}` : val;
8   -}
9   -
10   -export function getTimeDistance(type) {
11   - const now = new Date();
12   - const oneDay = 1000 * 60 * 60 * 24;
13   -
14   - if (type === 'today') {
15   - now.setHours(0);
16   - now.setMinutes(0);
17   - now.setSeconds(0);
18   - return [moment(now), moment(now.getTime() + (oneDay - 1000))];
19   - }
20   -
21   - if (type === 'week') {
22   - let day = now.getDay();
23   - now.setHours(0);
24   - now.setMinutes(0);
25   - now.setSeconds(0);
26   -
27   - if (day === 0) {
28   - day = 6;
29   - } else {
30   - day -= 1;
31   - }
32   -
33   - const beginTime = now.getTime() - day * oneDay;
34   -
35   - return [moment(beginTime), moment(beginTime + (7 * oneDay - 1000))];
36   - }
37   -
38   - if (type === 'month') {
39   - const year = now.getFullYear();
40   - const month = now.getMonth();
41   - const nextDate = moment(now).add(1, 'months');
42   - const nextYear = nextDate.year();
43   - const nextMonth = nextDate.month();
44   -
45   - return [
46   - moment(`${year}-${fixedZero(month + 1)}-01 00:00:00`),
47   - moment(moment(`${nextYear}-${fixedZero(nextMonth + 1)}-01 00:00:00`).valueOf() - 1000),
48   - ];
49   - }
50   -
51   - const year = now.getFullYear();
52   - return [moment(`${year}-01-01 00:00:00`), moment(`${year}-12-31 23:59:59`)];
53   -}
54   -
55   -export function getPlainNode(nodeList, parentPath = '') {
56   - const arr = [];
57   - nodeList.forEach(node => {
58   - const item = node;
59   - item.path = `${parentPath}/${item.path || ''}`.replace(/\/+/g, '/');
60   - item.exact = true;
61   - if (item.children && !item.component) {
62   - arr.push(...getPlainNode(item.children, item.path));
63   - } else {
64   - if (item.children && item.component) {
65   - item.exact = false;
66   - }
67   - arr.push(item);
68   - }
69   - });
70   - return arr;
71   -}
72   -
73   -export function digitUppercase(n) {
74   - return nzh.toMoney(n);
75   -}
76   -
77   -function getRelation(str1, str2) {
78   - if (str1 === str2) {
79   - console.warn('Two path are equal!'); // eslint-disable-line
80   - }
81   - const arr1 = str1.split('/');
82   - const arr2 = str2.split('/');
83   - if (arr2.every((item, index) => item === arr1[index])) {
84   - return 1;
85   - }
86   - if (arr1.every((item, index) => item === arr2[index])) {
87   - return 2;
88   - }
89   - return 3;
90   -}
91   -
92   -function getRenderArr(routes) {
93   - let renderArr = [];
94   - renderArr.push(routes[0]);
95   - for (let i = 1; i < routes.length; i += 1) {
96   - // 去重
97   - renderArr = renderArr.filter(item => getRelation(item, routes[i]) !== 1);
98   - // 是否包含
99   - const isAdd = renderArr.every(item => getRelation(item, routes[i]) === 3);
100   - if (isAdd) {
101   - renderArr.push(routes[i]);
102   - }
103   - }
104   - return renderArr;
105   -}
106   -
107   -/**
108   - * Get router routing configuration
109   - * { path:{name,...param}}=>Array<{name,path ...param}>
110   - * @param {string} path
111   - * @param {routerData} routerData
112   - */
113   -export function getRoutes(path, routerData) {
114   - let routes = Object.keys(routerData).filter(
115   - routePath => routePath.indexOf(path) === 0 && routePath !== path
116   - );
117   - // Replace path to '' eg. path='user' /user/name => name
118   - routes = routes.map(item => item.replace(path, ''));
119   - // Get the route to be rendered to remove the deep rendering
120   - const renderArr = getRenderArr(routes);
121   - // Conversion and stitching parameters
122   - const renderRoutes = renderArr.map(item => {
123   - const exact = !routes.some(route => route !== item && getRelation(route, item) === 1);
124   - return {
125   - exact,
126   - ...routerData[`${path}${item}`],
127   - key: `${path}${item}`,
128   - path: `${path}${item}`,
129   - };
130   - });
131   - return renderRoutes;
132   -}
133   -
134   -export function getPageQuery() {
135   - return parse(window.location.href.split('?')[1]);
136   -}
137   -
138   -export function getQueryPath(path = '', query = {}) {
139   - const search = stringify(query);
140   - if (search.length) {
141   - return `${path}?${search}`;
142   - }
143   - return path;
144   -}
145   -
146   -/* eslint no-useless-escape:0 */
147   -const reg = /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+(?::\d+)?|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/;
148   -
149   -export function isUrl(path) {
150   - return reg.test(path);
151   -}
152   -
153   -export function formatWan(val) {
154   - const v = val * 1;
155   - if (!v || Number.isNaN(v)) return '';
156   -
157   - let result = val;
158   - if (val > 10000) {
159   - result = Math.floor(val / 10000);
160   - result = (
161   - <span>
162   - {result}
163   - <span
164   - style={{
165   - position: 'relative',
166   - top: -2,
167   - fontSize: 14,
168   - fontStyle: 'normal',
169   - marginLeft: 2,
170   - }}
171   - >
172   -
173   - </span>
174   - </span>
175   - );
176   - }
177   - return result;
178   -}
179   -
180   -// 给官方演示站点用,用于关闭真实开发环境不需要使用的特性
181   -export function isAntdPro() {
182   - return window.location.hostname === 'preview.pro.ant.design';
183   -}
... ... @@ -14,11 +14,7 @@
14 14 "react": "^16.6.3",
15 15 "ant-design-pro": "^2.1.1",
16 16 "dva": "^2.4.0",
17   - "antd": "^3.10.9",
18   - "hash.js": "^1.1.5",
19   - "moment": "^2.22.2",
20   - "nzh": "^1.0.3",
21   - "qs": "^6.6.0"
  17 + "umi-request": "^1.0.0-beta.1"
22 18 },
23 19 "devDependencies": {
24 20 "umi": "^2.3.0-beta.1",
... ...
1   -module.exports = {
2   - navTheme: 'dark', // theme for nav menu
3   - primaryColor: '#1890FF', // primary color of ant design
4   - layout: 'sidemenu', // nav menu position: sidemenu or topmenu
5   - contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu
6   - fixedHeader: false, // sticky header
7   - autoHideHeader: false, // auto hide header
8   - fixSiderbar: false, // sticky siderbar
9   -};
1 1 import React from 'react';
2 2 import { formatMessage } from 'umi/locale';
3 3 import Link from 'umi/link';
4   -import Exception from 'ant-design-pro/lib/Exception';
  4 +import { Exception } from 'ant-design-pro';
5 5
6 6 const Exception500 = () => (
7 7 <Exception
... ...
1 1 export default {
2 2 'app.exception.back': 'Back to home',
3   - 'app.exception.description.403': "Sorry, you don't have access to this page",
4   - 'app.exception.description.404': 'Sorry, the page you visited does not exist',
5 3 'app.exception.description.500': 'Sorry, the server is reporting an error',
6 4 };
... ...
  1 +export default {
  2 + 'app.exception.back': 'Voltar para Início',
  3 + 'app.exception.description.500': 'Desculpe, o servidor está reportando um erro',
  4 +};
... ...
1 1 export default {
2 2 'app.exception.back': '返回首页',
3   - 'app.exception.description.403': '抱歉,你无权访问该页面',
4   - 'app.exception.description.404': '抱歉,你访问的页面不存在',
5 3 'app.exception.description.500': '抱歉,服务器出错了',
6 4 };
... ...
1 1 export default {
2 2 'app.exception.back': '返回首頁',
3   - 'app.exception.description.403': '抱歉,妳無權訪問該頁面',
4   - 'app.exception.description.404': '抱歉,妳訪問的頁面不存在',
5 3 'app.exception.description.500': '抱歉,服務器出錯了',
6 4 };
... ...
1   -import queryError from '@/services/error';
2   -
3   -export default {
4   - namespace: 'error',
5   -
6   - state: {
7   - error: '',
8   - isloading: false,
9   - },
10   -
11   - effects: {
12   - *query({ payload }, { call, put }) {
13   - yield call(queryError, payload.code);
14   - yield put({
15   - type: 'trigger',
16   - payload: payload.code,
17   - });
18   - },
19   - },
20   -
21   - reducers: {
22   - trigger(state, action) {
23   - return {
24   - error: action.payload,
25   - };
26   - },
27   - },
28   -};
1   -import { message } from 'antd';
2   -import defaultSettings from '../defaultSettings';
3   -
4   -let lessNodesAppended;
5   -const updateTheme = primaryColor => {
6   - // Don't compile less in production!
7   - if (APP_TYPE !== 'site') {
8   - return;
9   - }
10   - // Determine if the component is remounted
11   - if (!primaryColor) {
12   - return;
13   - }
14   - const hideMessage = message.loading('正在编译主题!', 0);
15   - function buildIt() {
16   - if (!window.less) {
17   - return;
18   - }
19   - setTimeout(() => {
20   - window.less
21   - .modifyVars({
22   - '@primary-color': primaryColor,
23   - })
24   - .then(() => {
25   - hideMessage();
26   - })
27   - .catch(() => {
28   - message.error('Failed to update theme');
29   - hideMessage();
30   - });
31   - }, 200);
32   - }
33   - if (!lessNodesAppended) {
34   - // insert less.js and color.less
35   - const lessStyleNode = document.createElement('link');
36   - const lessConfigNode = document.createElement('script');
37   - const lessScriptNode = document.createElement('script');
38   - lessStyleNode.setAttribute('rel', 'stylesheet/less');
39   - lessStyleNode.setAttribute('href', '/color.less');
40   - lessConfigNode.innerHTML = `
41   - window.less = {
42   - async: true,
43   - env: 'production',
44   - javascriptEnabled: true
45   - };
46   - `;
47   - lessScriptNode.src = 'https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js';
48   - lessScriptNode.async = true;
49   - lessScriptNode.onload = () => {
50   - buildIt();
51   - lessScriptNode.onload = null;
52   - };
53   - document.body.appendChild(lessStyleNode);
54   - document.body.appendChild(lessConfigNode);
55   - document.body.appendChild(lessScriptNode);
56   - lessNodesAppended = true;
57   - } else {
58   - buildIt();
59   - }
60   -};
61   -
62   -const updateColorWeak = colorWeak => {
63   - document.body.className = colorWeak ? 'colorWeak' : '';
64   -};
65   -
66   -export default {
67   - namespace: 'setting',
68   - state: defaultSettings,
69   - reducers: {
70   - getSetting(state) {
71   - const setting = {};
72   - const urlParams = new URL(window.location.href);
73   - Object.keys(state).forEach(key => {
74   - if (urlParams.searchParams.has(key)) {
75   - const value = urlParams.searchParams.get(key);
76   - setting[key] = value === '1' ? true : value;
77   - }
78   - });
79   - const { primaryColor, colorWeak } = setting;
80   - if (state.primaryColor !== primaryColor) {
81   - updateTheme(primaryColor);
82   - }
83   - updateColorWeak(colorWeak);
84   - return {
85   - ...state,
86   - ...setting,
87   - };
88   - },
89   - changeSetting(state, { payload }) {
90   - const urlParams = new URL(window.location.href);
91   - Object.keys(defaultSettings).forEach(key => {
92   - if (urlParams.searchParams.has(key)) {
93   - urlParams.searchParams.delete(key);
94   - }
95   - });
96   - Object.keys(payload).forEach(key => {
97   - if (key === 'collapse') {
98   - return;
99   - }
100   - let value = payload[key];
101   - if (value === true) {
102   - value = 1;
103   - }
104   - if (defaultSettings[key] !== value) {
105   - urlParams.searchParams.set(key, value);
106   - }
107   - });
108   - const { primaryColor, colorWeak, contentWidth } = payload;
109   - if (state.primaryColor !== primaryColor) {
110   - updateTheme(primaryColor);
111   - }
112   - if (state.contentWidth !== contentWidth && window.dispatchEvent) {
113   - window.dispatchEvent(new Event('resize'));
114   - }
115   - updateColorWeak(colorWeak);
116   - window.history.replaceState(null, 'setting', urlParams.href);
117   - return {
118   - ...state,
119   - ...payload,
120   - };
121   - },
122   - },
123   -};
注册登录 后发表评论