提交 93564b983b362e1a4293521825efeeb289033ce0

作者 愚道
1 个父辈 d23f2150

refact: add all form steps to stepForm

正在显示 55 个修改的文件 包含 20 行增加3361 行删除
1   -import React, { PureComponent } from 'react';
2   -import { connect } from 'dva';
3   -import styles from './GridContent.less';
4   -
5   -class GridContent extends PureComponent {
6   - render() {
7   - const { contentWidth, children } = this.props;
8   - let className = `${styles.main}`;
9   - if (contentWidth === 'Fixed') {
10   - className = `${styles.main} ${styles.wide}`;
11   - }
12   - return <div className={className}>{children}</div>;
13   - }
14   -}
15   -
16   -export default connect(({ setting }) => ({
17   - contentWidth: setting.contentWidth,
18   -}))(GridContent);
1   -.main {
2   - width: 100%;
3   - height: 100%;
4   - min-height: 100%;
5   - transition: 0.3s;
6   - &.wide {
7   - max-width: 1200px;
8   - margin: 0 auto;
9   - }
10   -}
1   -import React from 'react';
2   -import { FormattedMessage } from 'umi/locale';
3   -import Link from 'umi/link';
4   -import PageHeader from 'ant-design-pro/lib/PageHeader';
5   -import { connect } from 'dva';
6   -import GridContent from './GridContent';
7   -import styles from './index.less';
8   -import MenuContext from '@/layouts/MenuContext';
9   -
10   -const PageHeaderWrapper = ({ children, contentWidth, wrapperClassName, top, ...restProps }) => (
11   - <div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}>
12   - {top}
13   - <MenuContext.Consumer>
14   - {value => (
15   - <PageHeader
16   - wide={contentWidth === 'Fixed'}
17   - home={<FormattedMessage id="menu.home" defaultMessage="Home" />}
18   - {...value}
19   - key="pageheader"
20   - {...restProps}
21   - linkElement={Link}
22   - itemRender={item => {
23   - if (item.locale) {
24   - return <FormattedMessage id={item.locale} defaultMessage={item.title} />;
25   - }
26   - return item.title;
27   - }}
28   - />
29   - )}
30   - </MenuContext.Consumer>
31   - {children ? (
32   - <div className={styles.content}>
33   - <GridContent>{children}</GridContent>
34   - </div>
35   - ) : null}
36   - </div>
37   -);
38   -
39   -export default connect(({ setting }) => ({
40   - contentWidth: setting.contentWidth,
41   -}))(PageHeaderWrapper);
1   -@import '~antd/lib/style/themes/default.less';
2   -
3   -.content {
4   - margin: 24px 24px 0;
5   -}
6   -
7   -@media screen and (max-width: @screen-sm) {
8   - .content {
9   - margin: 24px 0 0;
10   - }
11   -}
1   -import { createContext } from 'react';
2   -
3   -export default createContext();
... ... @@ -2,7 +2,7 @@ import React, { Fragment } from 'react';
2 2 import { connect } from 'dva';
3 3 import { Form, Input, Button, Select, Divider } from 'antd';
4 4 import router from 'umi/router';
5   -import styles from './style.less';
  5 +import styles from './index.less';
6 6
7 7 const { Option } = Select;
8 8
... ... @@ -30,7 +30,7 @@ class Step1 extends React.PureComponent {
30 30 type: 'form/saveStepFormData',
31 31 payload: values,
32 32 });
33   - router.push('/form/step-form/confirm');
  33 + router.push('/confirm');
34 34 }
35 35 });
36 36 };
... ...
... ... @@ -3,7 +3,7 @@ import { connect } from 'dva';
3 3 import { Form, Input, Button, Alert, Divider } from 'antd';
4 4 import router from 'umi/router';
5 5 import { digitUppercase } from '@/utils/utils';
6   -import styles from './style.less';
  6 +import styles from './index.less';
7 7
8 8 const formItemLayout = {
9 9 labelCol: {
... ... @@ -24,7 +24,7 @@ class Step2 extends React.PureComponent {
24 24 const { form, data, dispatch, submitting } = this.props;
25 25 const { getFieldDecorator, validateFields } = form;
26 26 const onPrev = () => {
27   - router.push('/form/step-form/info');
  27 + router.push('info');
28 28 };
29 29 const onValidateForm = e => {
30 30 e.preventDefault();
... ...
... ... @@ -2,8 +2,8 @@ import React, { Fragment } from 'react';
2 2 import { connect } from 'dva';
3 3 import { Button, Row, Col } from 'antd';
4 4 import router from 'umi/router';
5   -import Result from 'ant-design-pro/lib/Result';
6   -import styles from './style.less';
  5 +import { Result } from 'ant-design-pro';
  6 +import styles from './index.less';
7 7
8 8 @connect(({ form }) => ({
9 9 data: form.step,
... ... @@ -12,7 +12,7 @@ class Step3 extends React.PureComponent {
12 12 render() {
13 13 const { data } = this.props;
14 14 const onFinish = () => {
15   - router.push('/form/step-form/info');
  15 + router.push('info');
16 16 };
17 17 const information = (
18 18 <div className={styles.information}>
... ...
1 1 import React, { PureComponent, Fragment } from 'react';
2 2 import { Card, Steps } from 'antd';
3 3 import PageHeaderWrapper from './components/PageHeaderWrapper';
  4 +import Step1 from './components/Step1';
  5 +import Step2 from './components/Step2';
  6 +import Step3 from './components/Step3';
4 7 import styles from '../style.less';
5 8
6 9 const { Step } = Steps;
... ... @@ -23,7 +26,8 @@ export default class StepForm extends PureComponent {
23 26 }
24 27
25 28 render() {
26   - const { location, children } = this.props;
  29 + const { location } = this.props;
  30 + const { pathname } = location;
27 31 return (
28 32 <PageHeaderWrapper
29 33 title="分步表单"
... ... @@ -37,7 +41,13 @@ export default class StepForm extends PureComponent {
37 41 <Step title="确认转账信息" />
38 42 <Step title="完成" />
39 43 </Steps>
40   - {children}
  44 + {
  45 + /confirm\/?$/.test(pathname) ?
  46 + <Step2 /> : (
  47 + /result\/?$/.test(pathname) ?
  48 + <Step3 /> : <Step1 />
  49 + )
  50 + }
41 51 </Fragment>
42 52 </Card>
43 53 </PageHeaderWrapper>
... ...
... ... @@ -25,7 +25,7 @@ export default {
25 25 type: 'saveStepFormData',
26 26 payload,
27 27 });
28   - yield put(routerRedux.push('/form/step-form/result'));
  28 + yield put(routerRedux.push('result'));
29 29 },
30 30 *submitAdvancedForm({ payload }, { call }) {
31 31 yield call(fakeSubmitForm, payload);
... ...
1   -/yarn.lock
2   -/package-lock.json
3   -/dist
4   -/node_modules
5   -
6   -.umi
7   -.umi-production
1   -export default {
2   - plugins: [
3   - ['umi-plugin-block-dev', {}],
4   - ['umi-plugin-react', {
5   - dva: true,
6   - locale: true,
7   - antd: true,
8   - }]
9   - ],
10   -}
1   -import { stringify } from 'qs';
2   -import request from '@/utils/request';
3   -
4   -export async function queryProjectNotice() {
5   - return request('/api/project/notice');
6   -}
7   -
8   -export async function queryActivities() {
9   - return request('/api/activities');
10   -}
11   -
12   -export async function queryRule(params) {
13   - return request(`/api/rule?${stringify(params)}`);
14   -}
15   -
16   -export async function removeRule(params) {
17   - return request('/api/rule', {
18   - method: 'POST',
19   - body: {
20   - ...params,
21   - method: 'delete',
22   - },
23   - });
24   -}
25   -
26   -export async function addRule(params) {
27   - return request('/api/rule', {
28   - method: 'POST',
29   - body: {
30   - ...params,
31   - method: 'post',
32   - },
33   - });
34   -}
35   -
36   -export async function updateRule(params) {
37   - return request('/api/rule', {
38   - method: 'POST',
39   - body: {
40   - ...params,
41   - method: 'update',
42   - },
43   - });
44   -}
45   -
46   -export async function fakeSubmitForm(params) {
47   - return request('/api/forms', {
48   - method: 'POST',
49   - body: params,
50   - });
51   -}
52   -
53   -export async function fakeChartData() {
54   - return request('/api/fake_chart_data');
55   -}
56   -
57   -export async function queryTags() {
58   - return request('/api/tags');
59   -}
60   -
61   -export async function queryBasicProfile() {
62   - return request('/api/profile/basic');
63   -}
64   -
65   -export async function queryAdvancedProfile() {
66   - return request('/api/profile/advanced');
67   -}
68   -
69   -export async function queryFakeList(params) {
70   - return request(`/api/fake_list?${stringify(params)}`);
71   -}
72   -
73   -export async function removeFakeList(params) {
74   - const { count = 5, ...restParams } = params;
75   - return request(`/api/fake_list?count=${count}`, {
76   - method: 'POST',
77   - body: {
78   - ...restParams,
79   - method: 'delete',
80   - },
81   - });
82   -}
83   -
84   -export async function addFakeList(params) {
85   - const { count = 5, ...restParams } = params;
86   - return request(`/api/fake_list?count=${count}`, {
87   - method: 'POST',
88   - body: {
89   - ...restParams,
90   - method: 'post',
91   - },
92   - });
93   -}
94   -
95   -export async function updateFakeList(params) {
96   - const { count = 5, ...restParams } = params;
97   - return request(`/api/fake_list?count=${count}`, {
98   - method: 'POST',
99   - body: {
100   - ...restParams,
101   - method: 'update',
102   - },
103   - });
104   -}
105   -
106   -export async function fakeAccountLogin(params) {
107   - return request('/api/login/account', {
108   - method: 'POST',
109   - body: params,
110   - });
111   -}
112   -
113   -export async function fakeRegister(params) {
114   - return request('/api/register', {
115   - method: 'POST',
116   - body: params,
117   - });
118   -}
119   -
120   -export async function queryNotices() {
121   - return request('/api/notices');
122   -}
123   -
124   -export async function getFakeCaptcha(mobile) {
125   - return request(`/api/captcha?mobile=${mobile}`);
126   -}
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   -# @umi-material/stepformconfirm
2   -
3   -StepFormConfirm
4   -
5   -## Usage
6   -
7   -```sh
8   -umi block https://github.com/umijs/umi-blocks/tree/master/stepformconfirm
9   -```
10   -
11   -## LICENSE
12   -
13   -MIT
1   -{
2   - "name": "@umi-block/stepformconfirm",
3   - "version": "0.0.1",
4   - "description": "StepFormConfirm",
5   - "main": "src/index.js",
6   - "scripts": {
7   - "dev": "umi dev"
8   - },
9   - "repository": {
10   - "type": "git",
11   - "url": "https://github.com/umijs/umi-blocks/stepformconfirm"
12   - },
13   - "dependencies": {
14   - "react": "^16.6.3",
15   - "dva": "^2.4.0",
16   - "antd": "^3.10.9",
17   - "moment": "^2.22.2",
18   - "nzh": "^1.0.3",
19   - "qs": "^6.6.0",
20   - "hash.js": "^1.1.5",
21   - "mockjs": "*"
22   - },
23   - "devDependencies": {
24   - "umi": "^2.3.0-beta.1",
25   - "umi-plugin-react": "^1.3.0-beta.1",
26   - "umi-plugin-block-dev": "^1.0.0"
27   - },
28   - "license": "ISC"
29   -}
1   -import mockjs from 'mockjs';
2   -
3   -const titles = [
4   - 'Alipay',
5   - 'Angular',
6   - 'Ant Design',
7   - 'Ant Design Pro',
8   - 'Bootstrap',
9   - 'React',
10   - 'Vue',
11   - 'Webpack',
12   -];
13   -const avatars = [
14   - 'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png', // Alipay
15   - 'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png', // Angular
16   - 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png', // Ant Design
17   - 'https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png', // Ant Design Pro
18   - 'https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png', // Bootstrap
19   - 'https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png', // React
20   - 'https://gw.alipayobjects.com/zos/rmsportal/ComBAopevLwENQdKWiIn.png', // Vue
21   - 'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
22   -];
23   -
24   -const avatars2 = [
25   - 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png',
26   - 'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
27   - 'https://gw.alipayobjects.com/zos/rmsportal/gaOngJwsRYRaVAuXXcmB.png',
28   - 'https://gw.alipayobjects.com/zos/rmsportal/ubnKSIfAJTxIgXOKlciN.png',
29   - 'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
30   - 'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
31   - 'https://gw.alipayobjects.com/zos/rmsportal/psOgztMplJMGpVEqfcgF.png',
32   - 'https://gw.alipayobjects.com/zos/rmsportal/ZpBqSxLxVEXfcUNoPKrz.png',
33   - 'https://gw.alipayobjects.com/zos/rmsportal/laiEnJdGHVOhJrUShBaJ.png',
34   - 'https://gw.alipayobjects.com/zos/rmsportal/UrQsqscbKEpNuJcvBZBu.png',
35   -];
36   -
37   -const covers = [
38   - 'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
39   - 'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
40   - 'https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png',
41   - 'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png',
42   -];
43   -const desc = [
44   - '那是一种内在的东西, 他们到达不了,也无法触及的',
45   - '希望是一个好东西,也许是最好的,好东西是不会消亡的',
46   - '生命就像一盒巧克力,结果往往出人意料',
47   - '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆',
48   - '那时候我只会想自己想要什么,从不想自己拥有什么',
49   -];
50   -
51   -const user = [
52   - '付小小',
53   - '曲丽丽',
54   - '林东东',
55   - '周星星',
56   - '吴加好',
57   - '朱偏右',
58   - '鱼酱',
59   - '乐哥',
60   - '谭小仪',
61   - '仲尼',
62   -];
63   -
64   -function fakeList(count) {
65   - const list = [];
66   - for (let i = 0; i < count; i += 1) {
67   - list.push({
68   - id: `fake-list-${i}`,
69   - owner: user[i % 10],
70   - title: titles[i % 8],
71   - avatar: avatars[i % 8],
72   - cover: parseInt(i / 4, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
73   - status: ['active', 'exception', 'normal'][i % 3],
74   - percent: Math.ceil(Math.random() * 50) + 50,
75   - logo: avatars[i % 8],
76   - href: 'https://ant.design',
77   - updatedAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
78   - createdAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
79   - subDescription: desc[i % 5],
80   - description:
81   - '在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,这些类似的组件会被抽离成一套标准规范。',
82   - activeUser: Math.ceil(Math.random() * 100000) + 100000,
83   - newUser: Math.ceil(Math.random() * 1000) + 1000,
84   - star: Math.ceil(Math.random() * 100) + 100,
85   - like: Math.ceil(Math.random() * 100) + 100,
86   - message: Math.ceil(Math.random() * 10) + 10,
87   - content:
88   - '段落示意:蚂蚁金服设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态,提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态,提供跨越设计与开发的体验解决方案。',
89   - members: [
90   - {
91   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png',
92   - name: '曲丽丽',
93   - id: 'member1',
94   - },
95   - {
96   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png',
97   - name: '王昭君',
98   - id: 'member2',
99   - },
100   - {
101   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png',
102   - name: '董娜娜',
103   - id: 'member3',
104   - },
105   - ],
106   - });
107   - }
108   -
109   - return list;
110   -}
111   -
112   -let sourceData;
113   -
114   -function getFakeList(req, res) {
115   - const params = req.query;
116   -
117   - const count = params.count * 1 || 20;
118   -
119   - const result = fakeList(count);
120   - sourceData = result;
121   - return res.json(result);
122   -}
123   -
124   -function postFakeList(req, res) {
125   - const { /* url = '', */ body } = req;
126   - // const params = getUrlParams(url);
127   - const { method, id } = body;
128   - // const count = (params.count * 1) || 20;
129   - let result = sourceData;
130   -
131   - switch (method) {
132   - case 'delete':
133   - result = result.filter(item => item.id !== id);
134   - break;
135   - case 'update':
136   - result.forEach((item, i) => {
137   - if (item.id === id) {
138   - result[i] = Object.assign(item, body);
139   - }
140   - });
141   - break;
142   - case 'post':
143   - result.unshift({
144   - body,
145   - id: `fake-list-${result.length}`,
146   - createdAt: new Date().getTime(),
147   - });
148   - break;
149   - default:
150   - break;
151   - }
152   -
153   - return res.json(result);
154   -}
155   -
156   -const getNotice = [
157   - {
158   - id: 'xxx1',
159   - title: titles[0],
160   - logo: avatars[0],
161   - description: '那是一种内在的东西,他们到达不了,也无法触及的',
162   - updatedAt: new Date(),
163   - member: '科学搬砖组',
164   - href: '',
165   - memberLink: '',
166   - },
167   - {
168   - id: 'xxx2',
169   - title: titles[1],
170   - logo: avatars[1],
171   - description: '希望是一个好东西,也许是最好的,好东西是不会消亡的',
172   - updatedAt: new Date('2017-07-24'),
173   - member: '全组都是吴彦祖',
174   - href: '',
175   - memberLink: '',
176   - },
177   - {
178   - id: 'xxx3',
179   - title: titles[2],
180   - logo: avatars[2],
181   - description: '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆',
182   - updatedAt: new Date(),
183   - member: '中二少女团',
184   - href: '',
185   - memberLink: '',
186   - },
187   - {
188   - id: 'xxx4',
189   - title: titles[3],
190   - logo: avatars[3],
191   - description: '那时候我只会想自己想要什么,从不想自己拥有什么',
192   - updatedAt: new Date('2017-07-23'),
193   - member: '程序员日常',
194   - href: '',
195   - memberLink: '',
196   - },
197   - {
198   - id: 'xxx5',
199   - title: titles[4],
200   - logo: avatars[4],
201   - description: '凛冬将至',
202   - updatedAt: new Date('2017-07-23'),
203   - member: '高逼格设计天团',
204   - href: '',
205   - memberLink: '',
206   - },
207   - {
208   - id: 'xxx6',
209   - title: titles[5],
210   - logo: avatars[5],
211   - description: '生命就像一盒巧克力,结果往往出人意料',
212   - updatedAt: new Date('2017-07-23'),
213   - member: '骗你来学计算机',
214   - href: '',
215   - memberLink: '',
216   - },
217   -];
218   -
219   -const getActivities = [
220   - {
221   - id: 'trend-1',
222   - updatedAt: new Date(),
223   - user: {
224   - name: '曲丽丽',
225   - avatar: avatars2[0],
226   - },
227   - group: {
228   - name: '高逼格设计天团',
229   - link: 'http://github.com/',
230   - },
231   - project: {
232   - name: '六月迭代',
233   - link: 'http://github.com/',
234   - },
235   - template: '在 @{group} 新建项目 @{project}',
236   - },
237   - {
238   - id: 'trend-2',
239   - updatedAt: new Date(),
240   - user: {
241   - name: '付小小',
242   - avatar: avatars2[1],
243   - },
244   - group: {
245   - name: '高逼格设计天团',
246   - link: 'http://github.com/',
247   - },
248   - project: {
249   - name: '六月迭代',
250   - link: 'http://github.com/',
251   - },
252   - template: '在 @{group} 新建项目 @{project}',
253   - },
254   - {
255   - id: 'trend-3',
256   - updatedAt: new Date(),
257   - user: {
258   - name: '林东东',
259   - avatar: avatars2[2],
260   - },
261   - group: {
262   - name: '中二少女团',
263   - link: 'http://github.com/',
264   - },
265   - project: {
266   - name: '六月迭代',
267   - link: 'http://github.com/',
268   - },
269   - template: '在 @{group} 新建项目 @{project}',
270   - },
271   - {
272   - id: 'trend-4',
273   - updatedAt: new Date(),
274   - user: {
275   - name: '周星星',
276   - avatar: avatars2[4],
277   - },
278   - project: {
279   - name: '5 月日常迭代',
280   - link: 'http://github.com/',
281   - },
282   - template: '将 @{project} 更新至已发布状态',
283   - },
284   - {
285   - id: 'trend-5',
286   - updatedAt: new Date(),
287   - user: {
288   - name: '朱偏右',
289   - avatar: avatars2[3],
290   - },
291   - project: {
292   - name: '工程效能',
293   - link: 'http://github.com/',
294   - },
295   - comment: {
296   - name: '留言',
297   - link: 'http://github.com/',
298   - },
299   - template: '在 @{project} 发布了 @{comment}',
300   - },
301   - {
302   - id: 'trend-6',
303   - updatedAt: new Date(),
304   - user: {
305   - name: '乐哥',
306   - avatar: avatars2[5],
307   - },
308   - group: {
309   - name: '程序员日常',
310   - link: 'http://github.com/',
311   - },
312   - project: {
313   - name: '品牌迭代',
314   - link: 'http://github.com/',
315   - },
316   - template: '在 @{group} 新建项目 @{project}',
317   - },
318   -];
319   -
320   -function getFakeCaptcha(req, res) {
321   - return res.json('captcha-xxx');
322   -}
323   -
324   -export default {
325   - 'GET /api/project/notice': getNotice,
326   - 'GET /api/activities': getActivities,
327   - 'POST /api/forms': (req, res) => {
328   - res.send({ message: 'Ok' });
329   - },
330   - 'GET /api/tags': mockjs.mock({
331   - 'list|100': [{ name: '@city', 'value|1-100': 150, 'type|0-2': 1 }],
332   - }),
333   - 'GET /api/fake_list': getFakeList,
334   - 'POST /api/fake_list': postFakeList,
335   - 'GET /api/captcha': getFakeCaptcha,
336   -};
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   -export default {
2   - 'form.get-captcha': 'Get Captcha',
3   - 'form.captcha.second': 'sec',
4   - 'form.optional': ' (optional) ',
5   - 'form.submit': 'Submit',
6   - 'form.save': 'Save',
7   - 'form.email.placeholder': 'Email',
8   - 'form.password.placeholder': 'Password',
9   - 'form.confirm-password.placeholder': 'Confirm password',
10   - 'form.phone-number.placeholder': 'Phone number',
11   - 'form.verification-code.placeholder': 'Verification code',
12   - 'form.title.label': 'Title',
13   - 'form.title.placeholder': 'Give the target a name',
14   - 'form.date.label': 'Start and end date',
15   - 'form.date.placeholder.start': 'Start date',
16   - 'form.date.placeholder.end': 'End date',
17   - 'form.goal.label': 'Goal description',
18   - 'form.goal.placeholder': 'Please enter your work goals',
19   - 'form.standard.label': 'Metrics',
20   - 'form.standard.placeholder': 'Please enter a metric',
21   - 'form.client.label': 'Client',
22   - 'form.client.label.tooltip': 'Target service object',
23   - 'form.client.placeholder':
24   - 'Please describe your customer service, internal customers directly @ Name / job number',
25   - 'form.invites.label': 'Inviting critics',
26   - 'form.invites.placeholder': 'Please direct @ Name / job number, you can invite up to 5 people',
27   - 'form.weight.label': 'Weight',
28   - 'form.weight.placeholder': 'Please enter weight',
29   - 'form.public.label': 'Target disclosure',
30   - 'form.public.label.help': 'Customers and invitees are shared by default',
31   - 'form.public.radio.public': 'Public',
32   - 'form.public.radio.partially-public': 'Partially public',
33   - 'form.public.radio.private': 'Private',
34   - 'form.publicUsers.placeholder': 'Open to',
35   - 'form.publicUsers.option.A': 'Colleague A',
36   - 'form.publicUsers.option.B': 'Colleague B',
37   - 'form.publicUsers.option.C': 'Colleague C',
38   -};
1   -export default {
2   - 'form.get-captcha': '获取验证码',
3   - 'form.captcha.second': '秒',
4   - 'form.optional': '(选填)',
5   - 'form.submit': '提交',
6   - 'form.save': '保存',
7   - 'form.email.placeholder': '邮箱',
8   - 'form.password.placeholder': '至少6位密码,区分大小写',
9   - 'form.confirm-password.placeholder': '确认密码',
10   - 'form.phone-number.placeholder': '手机号',
11   - 'form.verification-code.placeholder': '验证码',
12   - 'form.title.label': '标题',
13   - 'form.title.placeholder': '给目标起个名字',
14   - 'form.date.label': '起止日期',
15   - 'form.date.placeholder.start': '开始日期',
16   - 'form.date.placeholder.end': '结束日期',
17   - 'form.goal.label': '目标描述',
18   - 'form.goal.placeholder': '请输入你的阶段性工作目标',
19   - 'form.standard.label': '衡量标准',
20   - 'form.standard.placeholder': '请输入衡量标准',
21   - 'form.client.label': '客户',
22   - 'form.client.label.tooltip': '目标的服务对象',
23   - 'form.client.placeholder': '请描述你服务的客户,内部客户直接 @姓名/工号',
24   - 'form.invites.label': '邀评人',
25   - 'form.invites.placeholder': '请直接 @姓名/工号,最多可邀请 5 人',
26   - 'form.weight.label': '权重',
27   - 'form.weight.placeholder': '请输入',
28   - 'form.public.label': '目标公开',
29   - 'form.public.label.help': '客户、邀评人默认被分享',
30   - 'form.public.radio.public': '公开',
31   - 'form.public.radio.partially-public': '部分公开',
32   - 'form.public.radio.private': '不公开',
33   - 'form.publicUsers.placeholder': '公开给',
34   - 'form.publicUsers.option.A': '同事甲',
35   - 'form.publicUsers.option.B': '同事乙',
36   - 'form.publicUsers.option.C': '同事丙',
37   -};
1   -export default {
2   - 'form.get-captcha': '獲取驗證碼',
3   - 'form.captcha.second': '秒',
4   - 'form.optional': '(選填)',
5   - 'form.submit': '提交',
6   - 'form.save': '保存',
7   - 'form.email.placeholder': '郵箱',
8   - 'form.password.placeholder': '至少6位密碼,區分大小寫',
9   - 'form.confirm-password.placeholder': '確認密碼',
10   - 'form.phone-number.placeholder': '手機號',
11   - 'form.verification-code.placeholder': '驗證碼',
12   - 'form.title.label': '標題',
13   - 'form.title.placeholder': '給目標起個名字',
14   - 'form.date.label': '起止日期',
15   - 'form.date.placeholder.start': '開始日期',
16   - 'form.date.placeholder.end': '結束日期',
17   - 'form.goal.label': '目標描述',
18   - 'form.goal.placeholder': '請輸入妳的階段性工作目標',
19   - 'form.standard.label': '衡量標淮',
20   - 'form.standard.placeholder': '請輸入衡量標淮',
21   - 'form.client.label': '客戶',
22   - 'form.client.label.tooltip': '目標的服務對象',
23   - 'form.client.placeholder': '請描述妳服務的客戶,內部客戶直接 @姓名/工號',
24   - 'form.invites.label': '邀評人',
25   - 'form.invites.placeholder': '請直接 @姓名/工號,最多可邀請 5 人',
26   - 'form.weight.label': '權重',
27   - 'form.weight.placeholder': '請輸入',
28   - 'form.public.label': '目標公開',
29   - 'form.public.label.help': '客戶、邀評人默認被分享',
30   - 'form.public.radio.public': '公開',
31   - 'form.public.radio.partially-public': '部分公開',
32   - 'form.public.radio.private': '不公開',
33   - 'form.publicUsers.placeholder': '公開給',
34   - 'form.publicUsers.option.A': '同事甲',
35   - 'form.publicUsers.option.B': '同事乙',
36   - 'form.publicUsers.option.C': '同事丙',
37   -};
1   -import { routerRedux } from 'dva/router';
2   -import { message } from 'antd';
3   -import { fakeSubmitForm } from '@/services/api';
4   -
5   -export default {
6   - namespace: 'form',
7   -
8   - state: {
9   - step: {
10   - payAccount: 'ant-design@alipay.com',
11   - receiverAccount: 'test@example.com',
12   - receiverName: 'Alex',
13   - amount: '500',
14   - },
15   - },
16   -
17   - effects: {
18   - *submitRegularForm({ payload }, { call }) {
19   - yield call(fakeSubmitForm, payload);
20   - message.success('提交成功');
21   - },
22   - *submitStepForm({ payload }, { call, put }) {
23   - yield call(fakeSubmitForm, payload);
24   - yield put({
25   - type: 'saveStepFormData',
26   - payload,
27   - });
28   - yield put(routerRedux.push('/form/step-form/result'));
29   - },
30   - *submitAdvancedForm({ payload }, { call }) {
31   - yield call(fakeSubmitForm, payload);
32   - message.success('提交成功');
33   - },
34   - },
35   -
36   - reducers: {
37   - saveStepFormData(state, { payload }) {
38   - return {
39   - ...state,
40   - step: {
41   - ...state.step,
42   - ...payload,
43   - },
44   - };
45   - },
46   - },
47   -};
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   -/yarn.lock
2   -/package-lock.json
3   -/dist
4   -/node_modules
5   -
6   -.umi
7   -.umi-production
1   -export default {
2   - plugins: [
3   - ['umi-plugin-block-dev', {}],
4   - ['umi-plugin-react', {
5   - dva: true,
6   - locale: true,
7   - antd: true,
8   - }]
9   - ],
10   -}
1   -import { stringify } from 'qs';
2   -import request from '@/utils/request';
3   -
4   -export async function queryProjectNotice() {
5   - return request('/api/project/notice');
6   -}
7   -
8   -export async function queryActivities() {
9   - return request('/api/activities');
10   -}
11   -
12   -export async function queryRule(params) {
13   - return request(`/api/rule?${stringify(params)}`);
14   -}
15   -
16   -export async function removeRule(params) {
17   - return request('/api/rule', {
18   - method: 'POST',
19   - body: {
20   - ...params,
21   - method: 'delete',
22   - },
23   - });
24   -}
25   -
26   -export async function addRule(params) {
27   - return request('/api/rule', {
28   - method: 'POST',
29   - body: {
30   - ...params,
31   - method: 'post',
32   - },
33   - });
34   -}
35   -
36   -export async function updateRule(params) {
37   - return request('/api/rule', {
38   - method: 'POST',
39   - body: {
40   - ...params,
41   - method: 'update',
42   - },
43   - });
44   -}
45   -
46   -export async function fakeSubmitForm(params) {
47   - return request('/api/forms', {
48   - method: 'POST',
49   - body: params,
50   - });
51   -}
52   -
53   -export async function fakeChartData() {
54   - return request('/api/fake_chart_data');
55   -}
56   -
57   -export async function queryTags() {
58   - return request('/api/tags');
59   -}
60   -
61   -export async function queryBasicProfile() {
62   - return request('/api/profile/basic');
63   -}
64   -
65   -export async function queryAdvancedProfile() {
66   - return request('/api/profile/advanced');
67   -}
68   -
69   -export async function queryFakeList(params) {
70   - return request(`/api/fake_list?${stringify(params)}`);
71   -}
72   -
73   -export async function removeFakeList(params) {
74   - const { count = 5, ...restParams } = params;
75   - return request(`/api/fake_list?count=${count}`, {
76   - method: 'POST',
77   - body: {
78   - ...restParams,
79   - method: 'delete',
80   - },
81   - });
82   -}
83   -
84   -export async function addFakeList(params) {
85   - const { count = 5, ...restParams } = params;
86   - return request(`/api/fake_list?count=${count}`, {
87   - method: 'POST',
88   - body: {
89   - ...restParams,
90   - method: 'post',
91   - },
92   - });
93   -}
94   -
95   -export async function updateFakeList(params) {
96   - const { count = 5, ...restParams } = params;
97   - return request(`/api/fake_list?count=${count}`, {
98   - method: 'POST',
99   - body: {
100   - ...restParams,
101   - method: 'update',
102   - },
103   - });
104   -}
105   -
106   -export async function fakeAccountLogin(params) {
107   - return request('/api/login/account', {
108   - method: 'POST',
109   - body: params,
110   - });
111   -}
112   -
113   -export async function fakeRegister(params) {
114   - return request('/api/register', {
115   - method: 'POST',
116   - body: params,
117   - });
118   -}
119   -
120   -export async function queryNotices() {
121   - return request('/api/notices');
122   -}
123   -
124   -export async function getFakeCaptcha(mobile) {
125   - return request(`/api/captcha?mobile=${mobile}`);
126   -}
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   -}
1   -# @umi-material/stepforminfo
2   -
3   -StepFormInfo
4   -
5   -## Usage
6   -
7   -```sh
8   -umi block https://github.com/umijs/umi-blocks/tree/master/stepforminfo
9   -```
10   -
11   -## LICENSE
12   -
13   -MIT
1   -{
2   - "name": "@umi-block/stepforminfo",
3   - "version": "0.0.1",
4   - "description": "StepFormInfo",
5   - "main": "src/index.js",
6   - "scripts": {
7   - "dev": "umi dev"
8   - },
9   - "repository": {
10   - "type": "git",
11   - "url": "https://github.com/umijs/umi-blocks/stepforminfo"
12   - },
13   - "dependencies": {
14   - "react": "^16.6.3",
15   - "dva": "^2.4.0",
16   - "antd": "^3.10.9",
17   - "qs": "^6.6.0",
18   - "hash.js": "^1.1.5",
19   - "moment": "^2.22.2",
20   - "nzh": "^1.0.3",
21   - "mockjs": "*"
22   - },
23   - "devDependencies": {
24   - "umi": "^2.3.0-beta.1",
25   - "umi-plugin-react": "^1.3.0-beta.1",
26   - "umi-plugin-block-dev": "^1.0.0"
27   - },
28   - "license": "ISC"
29   -}
1   -import mockjs from 'mockjs';
2   -
3   -const titles = [
4   - 'Alipay',
5   - 'Angular',
6   - 'Ant Design',
7   - 'Ant Design Pro',
8   - 'Bootstrap',
9   - 'React',
10   - 'Vue',
11   - 'Webpack',
12   -];
13   -const avatars = [
14   - 'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png', // Alipay
15   - 'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png', // Angular
16   - 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png', // Ant Design
17   - 'https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png', // Ant Design Pro
18   - 'https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png', // Bootstrap
19   - 'https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png', // React
20   - 'https://gw.alipayobjects.com/zos/rmsportal/ComBAopevLwENQdKWiIn.png', // Vue
21   - 'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
22   -];
23   -
24   -const avatars2 = [
25   - 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png',
26   - 'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
27   - 'https://gw.alipayobjects.com/zos/rmsportal/gaOngJwsRYRaVAuXXcmB.png',
28   - 'https://gw.alipayobjects.com/zos/rmsportal/ubnKSIfAJTxIgXOKlciN.png',
29   - 'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
30   - 'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
31   - 'https://gw.alipayobjects.com/zos/rmsportal/psOgztMplJMGpVEqfcgF.png',
32   - 'https://gw.alipayobjects.com/zos/rmsportal/ZpBqSxLxVEXfcUNoPKrz.png',
33   - 'https://gw.alipayobjects.com/zos/rmsportal/laiEnJdGHVOhJrUShBaJ.png',
34   - 'https://gw.alipayobjects.com/zos/rmsportal/UrQsqscbKEpNuJcvBZBu.png',
35   -];
36   -
37   -const covers = [
38   - 'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
39   - 'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
40   - 'https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png',
41   - 'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png',
42   -];
43   -const desc = [
44   - '那是一种内在的东西, 他们到达不了,也无法触及的',
45   - '希望是一个好东西,也许是最好的,好东西是不会消亡的',
46   - '生命就像一盒巧克力,结果往往出人意料',
47   - '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆',
48   - '那时候我只会想自己想要什么,从不想自己拥有什么',
49   -];
50   -
51   -const user = [
52   - '付小小',
53   - '曲丽丽',
54   - '林东东',
55   - '周星星',
56   - '吴加好',
57   - '朱偏右',
58   - '鱼酱',
59   - '乐哥',
60   - '谭小仪',
61   - '仲尼',
62   -];
63   -
64   -function fakeList(count) {
65   - const list = [];
66   - for (let i = 0; i < count; i += 1) {
67   - list.push({
68   - id: `fake-list-${i}`,
69   - owner: user[i % 10],
70   - title: titles[i % 8],
71   - avatar: avatars[i % 8],
72   - cover: parseInt(i / 4, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
73   - status: ['active', 'exception', 'normal'][i % 3],
74   - percent: Math.ceil(Math.random() * 50) + 50,
75   - logo: avatars[i % 8],
76   - href: 'https://ant.design',
77   - updatedAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
78   - createdAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
79   - subDescription: desc[i % 5],
80   - description:
81   - '在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,这些类似的组件会被抽离成一套标准规范。',
82   - activeUser: Math.ceil(Math.random() * 100000) + 100000,
83   - newUser: Math.ceil(Math.random() * 1000) + 1000,
84   - star: Math.ceil(Math.random() * 100) + 100,
85   - like: Math.ceil(Math.random() * 100) + 100,
86   - message: Math.ceil(Math.random() * 10) + 10,
87   - content:
88   - '段落示意:蚂蚁金服设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态,提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态,提供跨越设计与开发的体验解决方案。',
89   - members: [
90   - {
91   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png',
92   - name: '曲丽丽',
93   - id: 'member1',
94   - },
95   - {
96   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png',
97   - name: '王昭君',
98   - id: 'member2',
99   - },
100   - {
101   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png',
102   - name: '董娜娜',
103   - id: 'member3',
104   - },
105   - ],
106   - });
107   - }
108   -
109   - return list;
110   -}
111   -
112   -let sourceData;
113   -
114   -function getFakeList(req, res) {
115   - const params = req.query;
116   -
117   - const count = params.count * 1 || 20;
118   -
119   - const result = fakeList(count);
120   - sourceData = result;
121   - return res.json(result);
122   -}
123   -
124   -function postFakeList(req, res) {
125   - const { /* url = '', */ body } = req;
126   - // const params = getUrlParams(url);
127   - const { method, id } = body;
128   - // const count = (params.count * 1) || 20;
129   - let result = sourceData;
130   -
131   - switch (method) {
132   - case 'delete':
133   - result = result.filter(item => item.id !== id);
134   - break;
135   - case 'update':
136   - result.forEach((item, i) => {
137   - if (item.id === id) {
138   - result[i] = Object.assign(item, body);
139   - }
140   - });
141   - break;
142   - case 'post':
143   - result.unshift({
144   - body,
145   - id: `fake-list-${result.length}`,
146   - createdAt: new Date().getTime(),
147   - });
148   - break;
149   - default:
150   - break;
151   - }
152   -
153   - return res.json(result);
154   -}
155   -
156   -const getNotice = [
157   - {
158   - id: 'xxx1',
159   - title: titles[0],
160   - logo: avatars[0],
161   - description: '那是一种内在的东西,他们到达不了,也无法触及的',
162   - updatedAt: new Date(),
163   - member: '科学搬砖组',
164   - href: '',
165   - memberLink: '',
166   - },
167   - {
168   - id: 'xxx2',
169   - title: titles[1],
170   - logo: avatars[1],
171   - description: '希望是一个好东西,也许是最好的,好东西是不会消亡的',
172   - updatedAt: new Date('2017-07-24'),
173   - member: '全组都是吴彦祖',
174   - href: '',
175   - memberLink: '',
176   - },
177   - {
178   - id: 'xxx3',
179   - title: titles[2],
180   - logo: avatars[2],
181   - description: '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆',
182   - updatedAt: new Date(),
183   - member: '中二少女团',
184   - href: '',
185   - memberLink: '',
186   - },
187   - {
188   - id: 'xxx4',
189   - title: titles[3],
190   - logo: avatars[3],
191   - description: '那时候我只会想自己想要什么,从不想自己拥有什么',
192   - updatedAt: new Date('2017-07-23'),
193   - member: '程序员日常',
194   - href: '',
195   - memberLink: '',
196   - },
197   - {
198   - id: 'xxx5',
199   - title: titles[4],
200   - logo: avatars[4],
201   - description: '凛冬将至',
202   - updatedAt: new Date('2017-07-23'),
203   - member: '高逼格设计天团',
204   - href: '',
205   - memberLink: '',
206   - },
207   - {
208   - id: 'xxx6',
209   - title: titles[5],
210   - logo: avatars[5],
211   - description: '生命就像一盒巧克力,结果往往出人意料',
212   - updatedAt: new Date('2017-07-23'),
213   - member: '骗你来学计算机',
214   - href: '',
215   - memberLink: '',
216   - },
217   -];
218   -
219   -const getActivities = [
220   - {
221   - id: 'trend-1',
222   - updatedAt: new Date(),
223   - user: {
224   - name: '曲丽丽',
225   - avatar: avatars2[0],
226   - },
227   - group: {
228   - name: '高逼格设计天团',
229   - link: 'http://github.com/',
230   - },
231   - project: {
232   - name: '六月迭代',
233   - link: 'http://github.com/',
234   - },
235   - template: '在 @{group} 新建项目 @{project}',
236   - },
237   - {
238   - id: 'trend-2',
239   - updatedAt: new Date(),
240   - user: {
241   - name: '付小小',
242   - avatar: avatars2[1],
243   - },
244   - group: {
245   - name: '高逼格设计天团',
246   - link: 'http://github.com/',
247   - },
248   - project: {
249   - name: '六月迭代',
250   - link: 'http://github.com/',
251   - },
252   - template: '在 @{group} 新建项目 @{project}',
253   - },
254   - {
255   - id: 'trend-3',
256   - updatedAt: new Date(),
257   - user: {
258   - name: '林东东',
259   - avatar: avatars2[2],
260   - },
261   - group: {
262   - name: '中二少女团',
263   - link: 'http://github.com/',
264   - },
265   - project: {
266   - name: '六月迭代',
267   - link: 'http://github.com/',
268   - },
269   - template: '在 @{group} 新建项目 @{project}',
270   - },
271   - {
272   - id: 'trend-4',
273   - updatedAt: new Date(),
274   - user: {
275   - name: '周星星',
276   - avatar: avatars2[4],
277   - },
278   - project: {
279   - name: '5 月日常迭代',
280   - link: 'http://github.com/',
281   - },
282   - template: '将 @{project} 更新至已发布状态',
283   - },
284   - {
285   - id: 'trend-5',
286   - updatedAt: new Date(),
287   - user: {
288   - name: '朱偏右',
289   - avatar: avatars2[3],
290   - },
291   - project: {
292   - name: '工程效能',
293   - link: 'http://github.com/',
294   - },
295   - comment: {
296   - name: '留言',
297   - link: 'http://github.com/',
298   - },
299   - template: '在 @{project} 发布了 @{comment}',
300   - },
301   - {
302   - id: 'trend-6',
303   - updatedAt: new Date(),
304   - user: {
305   - name: '乐哥',
306   - avatar: avatars2[5],
307   - },
308   - group: {
309   - name: '程序员日常',
310   - link: 'http://github.com/',
311   - },
312   - project: {
313   - name: '品牌迭代',
314   - link: 'http://github.com/',
315   - },
316   - template: '在 @{group} 新建项目 @{project}',
317   - },
318   -];
319   -
320   -function getFakeCaptcha(req, res) {
321   - return res.json('captcha-xxx');
322   -}
323   -
324   -export default {
325   - 'GET /api/project/notice': getNotice,
326   - 'GET /api/activities': getActivities,
327   - 'POST /api/forms': (req, res) => {
328   - res.send({ message: 'Ok' });
329   - },
330   - 'GET /api/tags': mockjs.mock({
331   - 'list|100': [{ name: '@city', 'value|1-100': 150, 'type|0-2': 1 }],
332   - }),
333   - 'GET /api/fake_list': getFakeList,
334   - 'POST /api/fake_list': postFakeList,
335   - 'GET /api/captcha': getFakeCaptcha,
336   -};
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   -export default {
2   - 'form.get-captcha': 'Get Captcha',
3   - 'form.captcha.second': 'sec',
4   - 'form.optional': ' (optional) ',
5   - 'form.submit': 'Submit',
6   - 'form.save': 'Save',
7   - 'form.email.placeholder': 'Email',
8   - 'form.password.placeholder': 'Password',
9   - 'form.confirm-password.placeholder': 'Confirm password',
10   - 'form.phone-number.placeholder': 'Phone number',
11   - 'form.verification-code.placeholder': 'Verification code',
12   - 'form.title.label': 'Title',
13   - 'form.title.placeholder': 'Give the target a name',
14   - 'form.date.label': 'Start and end date',
15   - 'form.date.placeholder.start': 'Start date',
16   - 'form.date.placeholder.end': 'End date',
17   - 'form.goal.label': 'Goal description',
18   - 'form.goal.placeholder': 'Please enter your work goals',
19   - 'form.standard.label': 'Metrics',
20   - 'form.standard.placeholder': 'Please enter a metric',
21   - 'form.client.label': 'Client',
22   - 'form.client.label.tooltip': 'Target service object',
23   - 'form.client.placeholder':
24   - 'Please describe your customer service, internal customers directly @ Name / job number',
25   - 'form.invites.label': 'Inviting critics',
26   - 'form.invites.placeholder': 'Please direct @ Name / job number, you can invite up to 5 people',
27   - 'form.weight.label': 'Weight',
28   - 'form.weight.placeholder': 'Please enter weight',
29   - 'form.public.label': 'Target disclosure',
30   - 'form.public.label.help': 'Customers and invitees are shared by default',
31   - 'form.public.radio.public': 'Public',
32   - 'form.public.radio.partially-public': 'Partially public',
33   - 'form.public.radio.private': 'Private',
34   - 'form.publicUsers.placeholder': 'Open to',
35   - 'form.publicUsers.option.A': 'Colleague A',
36   - 'form.publicUsers.option.B': 'Colleague B',
37   - 'form.publicUsers.option.C': 'Colleague C',
38   -};
1   -export default {
2   - 'form.get-captcha': '获取验证码',
3   - 'form.captcha.second': '秒',
4   - 'form.optional': '(选填)',
5   - 'form.submit': '提交',
6   - 'form.save': '保存',
7   - 'form.email.placeholder': '邮箱',
8   - 'form.password.placeholder': '至少6位密码,区分大小写',
9   - 'form.confirm-password.placeholder': '确认密码',
10   - 'form.phone-number.placeholder': '手机号',
11   - 'form.verification-code.placeholder': '验证码',
12   - 'form.title.label': '标题',
13   - 'form.title.placeholder': '给目标起个名字',
14   - 'form.date.label': '起止日期',
15   - 'form.date.placeholder.start': '开始日期',
16   - 'form.date.placeholder.end': '结束日期',
17   - 'form.goal.label': '目标描述',
18   - 'form.goal.placeholder': '请输入你的阶段性工作目标',
19   - 'form.standard.label': '衡量标准',
20   - 'form.standard.placeholder': '请输入衡量标准',
21   - 'form.client.label': '客户',
22   - 'form.client.label.tooltip': '目标的服务对象',
23   - 'form.client.placeholder': '请描述你服务的客户,内部客户直接 @姓名/工号',
24   - 'form.invites.label': '邀评人',
25   - 'form.invites.placeholder': '请直接 @姓名/工号,最多可邀请 5 人',
26   - 'form.weight.label': '权重',
27   - 'form.weight.placeholder': '请输入',
28   - 'form.public.label': '目标公开',
29   - 'form.public.label.help': '客户、邀评人默认被分享',
30   - 'form.public.radio.public': '公开',
31   - 'form.public.radio.partially-public': '部分公开',
32   - 'form.public.radio.private': '不公开',
33   - 'form.publicUsers.placeholder': '公开给',
34   - 'form.publicUsers.option.A': '同事甲',
35   - 'form.publicUsers.option.B': '同事乙',
36   - 'form.publicUsers.option.C': '同事丙',
37   -};
1   -export default {
2   - 'form.get-captcha': '獲取驗證碼',
3   - 'form.captcha.second': '秒',
4   - 'form.optional': '(選填)',
5   - 'form.submit': '提交',
6   - 'form.save': '保存',
7   - 'form.email.placeholder': '郵箱',
8   - 'form.password.placeholder': '至少6位密碼,區分大小寫',
9   - 'form.confirm-password.placeholder': '確認密碼',
10   - 'form.phone-number.placeholder': '手機號',
11   - 'form.verification-code.placeholder': '驗證碼',
12   - 'form.title.label': '標題',
13   - 'form.title.placeholder': '給目標起個名字',
14   - 'form.date.label': '起止日期',
15   - 'form.date.placeholder.start': '開始日期',
16   - 'form.date.placeholder.end': '結束日期',
17   - 'form.goal.label': '目標描述',
18   - 'form.goal.placeholder': '請輸入妳的階段性工作目標',
19   - 'form.standard.label': '衡量標淮',
20   - 'form.standard.placeholder': '請輸入衡量標淮',
21   - 'form.client.label': '客戶',
22   - 'form.client.label.tooltip': '目標的服務對象',
23   - 'form.client.placeholder': '請描述妳服務的客戶,內部客戶直接 @姓名/工號',
24   - 'form.invites.label': '邀評人',
25   - 'form.invites.placeholder': '請直接 @姓名/工號,最多可邀請 5 人',
26   - 'form.weight.label': '權重',
27   - 'form.weight.placeholder': '請輸入',
28   - 'form.public.label': '目標公開',
29   - 'form.public.label.help': '客戶、邀評人默認被分享',
30   - 'form.public.radio.public': '公開',
31   - 'form.public.radio.partially-public': '部分公開',
32   - 'form.public.radio.private': '不公開',
33   - 'form.publicUsers.placeholder': '公開給',
34   - 'form.publicUsers.option.A': '同事甲',
35   - 'form.publicUsers.option.B': '同事乙',
36   - 'form.publicUsers.option.C': '同事丙',
37   -};
1   -import { routerRedux } from 'dva/router';
2   -import { message } from 'antd';
3   -import { fakeSubmitForm } from '@/services/api';
4   -
5   -export default {
6   - namespace: 'form',
7   -
8   - state: {
9   - step: {
10   - payAccount: 'ant-design@alipay.com',
11   - receiverAccount: 'test@example.com',
12   - receiverName: 'Alex',
13   - amount: '500',
14   - },
15   - },
16   -
17   - effects: {
18   - *submitRegularForm({ payload }, { call }) {
19   - yield call(fakeSubmitForm, payload);
20   - message.success('提交成功');
21   - },
22   - *submitStepForm({ payload }, { call, put }) {
23   - yield call(fakeSubmitForm, payload);
24   - yield put({
25   - type: 'saveStepFormData',
26   - payload,
27   - });
28   - yield put(routerRedux.push('/form/step-form/result'));
29   - },
30   - *submitAdvancedForm({ payload }, { call }) {
31   - yield call(fakeSubmitForm, payload);
32   - message.success('提交成功');
33   - },
34   - },
35   -
36   - reducers: {
37   - saveStepFormData(state, { payload }) {
38   - return {
39   - ...state,
40   - step: {
41   - ...state.step,
42   - ...payload,
43   - },
44   - };
45   - },
46   - },
47   -};
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   -/yarn.lock
2   -/package-lock.json
3   -/dist
4   -/node_modules
5   -
6   -.umi
7   -.umi-production
1   -export default {
2   - plugins: [
3   - ['umi-plugin-block-dev', {}],
4   - ['umi-plugin-react', {
5   - dva: true,
6   - locale: true,
7   - antd: true,
8   - }]
9   - ],
10   -}
1   -import { stringify } from 'qs';
2   -import request from '@/utils/request';
3   -
4   -export async function queryProjectNotice() {
5   - return request('/api/project/notice');
6   -}
7   -
8   -export async function queryActivities() {
9   - return request('/api/activities');
10   -}
11   -
12   -export async function queryRule(params) {
13   - return request(`/api/rule?${stringify(params)}`);
14   -}
15   -
16   -export async function removeRule(params) {
17   - return request('/api/rule', {
18   - method: 'POST',
19   - body: {
20   - ...params,
21   - method: 'delete',
22   - },
23   - });
24   -}
25   -
26   -export async function addRule(params) {
27   - return request('/api/rule', {
28   - method: 'POST',
29   - body: {
30   - ...params,
31   - method: 'post',
32   - },
33   - });
34   -}
35   -
36   -export async function updateRule(params) {
37   - return request('/api/rule', {
38   - method: 'POST',
39   - body: {
40   - ...params,
41   - method: 'update',
42   - },
43   - });
44   -}
45   -
46   -export async function fakeSubmitForm(params) {
47   - return request('/api/forms', {
48   - method: 'POST',
49   - body: params,
50   - });
51   -}
52   -
53   -export async function fakeChartData() {
54   - return request('/api/fake_chart_data');
55   -}
56   -
57   -export async function queryTags() {
58   - return request('/api/tags');
59   -}
60   -
61   -export async function queryBasicProfile() {
62   - return request('/api/profile/basic');
63   -}
64   -
65   -export async function queryAdvancedProfile() {
66   - return request('/api/profile/advanced');
67   -}
68   -
69   -export async function queryFakeList(params) {
70   - return request(`/api/fake_list?${stringify(params)}`);
71   -}
72   -
73   -export async function removeFakeList(params) {
74   - const { count = 5, ...restParams } = params;
75   - return request(`/api/fake_list?count=${count}`, {
76   - method: 'POST',
77   - body: {
78   - ...restParams,
79   - method: 'delete',
80   - },
81   - });
82   -}
83   -
84   -export async function addFakeList(params) {
85   - const { count = 5, ...restParams } = params;
86   - return request(`/api/fake_list?count=${count}`, {
87   - method: 'POST',
88   - body: {
89   - ...restParams,
90   - method: 'post',
91   - },
92   - });
93   -}
94   -
95   -export async function updateFakeList(params) {
96   - const { count = 5, ...restParams } = params;
97   - return request(`/api/fake_list?count=${count}`, {
98   - method: 'POST',
99   - body: {
100   - ...restParams,
101   - method: 'update',
102   - },
103   - });
104   -}
105   -
106   -export async function fakeAccountLogin(params) {
107   - return request('/api/login/account', {
108   - method: 'POST',
109   - body: params,
110   - });
111   -}
112   -
113   -export async function fakeRegister(params) {
114   - return request('/api/register', {
115   - method: 'POST',
116   - body: params,
117   - });
118   -}
119   -
120   -export async function queryNotices() {
121   - return request('/api/notices');
122   -}
123   -
124   -export async function getFakeCaptcha(mobile) {
125   - return request(`/api/captcha?mobile=${mobile}`);
126   -}
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   -}
1   -# @umi-material/stepformresult
2   -
3   -StepFormResult
4   -
5   -## Usage
6   -
7   -```sh
8   -umi block https://github.com/umijs/umi-blocks/tree/master/stepformresult
9   -```
10   -
11   -## LICENSE
12   -
13   -MIT
1   -{
2   - "name": "@umi-block/stepformresult",
3   - "version": "0.0.1",
4   - "description": "StepFormResult",
5   - "main": "src/index.js",
6   - "scripts": {
7   - "dev": "umi dev"
8   - },
9   - "repository": {
10   - "type": "git",
11   - "url": "https://github.com/umijs/umi-blocks/stepformresult"
12   - },
13   - "dependencies": {
14   - "react": "^16.6.3",
15   - "dva": "^2.4.0",
16   - "antd": "^3.10.9",
17   - "ant-design-pro": "^2.1.1",
18   - "qs": "^6.6.0",
19   - "hash.js": "^1.1.5",
20   - "moment": "^2.22.2",
21   - "nzh": "^1.0.3",
22   - "mockjs": "*"
23   - },
24   - "devDependencies": {
25   - "umi": "^2.3.0-beta.1",
26   - "umi-plugin-react": "^1.3.0-beta.1",
27   - "umi-plugin-block-dev": "^1.0.0"
28   - },
29   - "license": "ISC"
30   -}
1   -import mockjs from 'mockjs';
2   -
3   -const titles = [
4   - 'Alipay',
5   - 'Angular',
6   - 'Ant Design',
7   - 'Ant Design Pro',
8   - 'Bootstrap',
9   - 'React',
10   - 'Vue',
11   - 'Webpack',
12   -];
13   -const avatars = [
14   - 'https://gw.alipayobjects.com/zos/rmsportal/WdGqmHpayyMjiEhcKoVE.png', // Alipay
15   - 'https://gw.alipayobjects.com/zos/rmsportal/zOsKZmFRdUtvpqCImOVY.png', // Angular
16   - 'https://gw.alipayobjects.com/zos/rmsportal/dURIMkkrRFpPgTuzkwnB.png', // Ant Design
17   - 'https://gw.alipayobjects.com/zos/rmsportal/sfjbOqnsXXJgNCjCzDBL.png', // Ant Design Pro
18   - 'https://gw.alipayobjects.com/zos/rmsportal/siCrBXXhmvTQGWPNLBow.png', // Bootstrap
19   - 'https://gw.alipayobjects.com/zos/rmsportal/kZzEzemZyKLKFsojXItE.png', // React
20   - 'https://gw.alipayobjects.com/zos/rmsportal/ComBAopevLwENQdKWiIn.png', // Vue
21   - 'https://gw.alipayobjects.com/zos/rmsportal/nxkuOJlFJuAUhzlMTCEe.png', // Webpack
22   -];
23   -
24   -const avatars2 = [
25   - 'https://gw.alipayobjects.com/zos/rmsportal/BiazfanxmamNRoxxVxka.png',
26   - 'https://gw.alipayobjects.com/zos/rmsportal/cnrhVkzwxjPwAaCfPbdc.png',
27   - 'https://gw.alipayobjects.com/zos/rmsportal/gaOngJwsRYRaVAuXXcmB.png',
28   - 'https://gw.alipayobjects.com/zos/rmsportal/ubnKSIfAJTxIgXOKlciN.png',
29   - 'https://gw.alipayobjects.com/zos/rmsportal/WhxKECPNujWoWEFNdnJE.png',
30   - 'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
31   - 'https://gw.alipayobjects.com/zos/rmsportal/psOgztMplJMGpVEqfcgF.png',
32   - 'https://gw.alipayobjects.com/zos/rmsportal/ZpBqSxLxVEXfcUNoPKrz.png',
33   - 'https://gw.alipayobjects.com/zos/rmsportal/laiEnJdGHVOhJrUShBaJ.png',
34   - 'https://gw.alipayobjects.com/zos/rmsportal/UrQsqscbKEpNuJcvBZBu.png',
35   -];
36   -
37   -const covers = [
38   - 'https://gw.alipayobjects.com/zos/rmsportal/uMfMFlvUuceEyPpotzlq.png',
39   - 'https://gw.alipayobjects.com/zos/rmsportal/iZBVOIhGJiAnhplqjvZW.png',
40   - 'https://gw.alipayobjects.com/zos/rmsportal/iXjVmWVHbCJAyqvDxdtx.png',
41   - 'https://gw.alipayobjects.com/zos/rmsportal/gLaIAoVWTtLbBWZNYEMg.png',
42   -];
43   -const desc = [
44   - '那是一种内在的东西, 他们到达不了,也无法触及的',
45   - '希望是一个好东西,也许是最好的,好东西是不会消亡的',
46   - '生命就像一盒巧克力,结果往往出人意料',
47   - '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆',
48   - '那时候我只会想自己想要什么,从不想自己拥有什么',
49   -];
50   -
51   -const user = [
52   - '付小小',
53   - '曲丽丽',
54   - '林东东',
55   - '周星星',
56   - '吴加好',
57   - '朱偏右',
58   - '鱼酱',
59   - '乐哥',
60   - '谭小仪',
61   - '仲尼',
62   -];
63   -
64   -function fakeList(count) {
65   - const list = [];
66   - for (let i = 0; i < count; i += 1) {
67   - list.push({
68   - id: `fake-list-${i}`,
69   - owner: user[i % 10],
70   - title: titles[i % 8],
71   - avatar: avatars[i % 8],
72   - cover: parseInt(i / 4, 10) % 2 === 0 ? covers[i % 4] : covers[3 - (i % 4)],
73   - status: ['active', 'exception', 'normal'][i % 3],
74   - percent: Math.ceil(Math.random() * 50) + 50,
75   - logo: avatars[i % 8],
76   - href: 'https://ant.design',
77   - updatedAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
78   - createdAt: new Date(new Date().getTime() - 1000 * 60 * 60 * 2 * i),
79   - subDescription: desc[i % 5],
80   - description:
81   - '在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,这些类似的组件会被抽离成一套标准规范。',
82   - activeUser: Math.ceil(Math.random() * 100000) + 100000,
83   - newUser: Math.ceil(Math.random() * 1000) + 1000,
84   - star: Math.ceil(Math.random() * 100) + 100,
85   - like: Math.ceil(Math.random() * 100) + 100,
86   - message: Math.ceil(Math.random() * 10) + 10,
87   - content:
88   - '段落示意:蚂蚁金服设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态,提供跨越设计与开发的体验解决方案。蚂蚁金服设计平台 ant.design,用最小的工作量,无缝接入蚂蚁金服生态,提供跨越设计与开发的体验解决方案。',
89   - members: [
90   - {
91   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/ZiESqWwCXBRQoaPONSJe.png',
92   - name: '曲丽丽',
93   - id: 'member1',
94   - },
95   - {
96   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/tBOxZPlITHqwlGjsJWaF.png',
97   - name: '王昭君',
98   - id: 'member2',
99   - },
100   - {
101   - avatar: 'https://gw.alipayobjects.com/zos/rmsportal/sBxjgqiuHMGRkIjqlQCd.png',
102   - name: '董娜娜',
103   - id: 'member3',
104   - },
105   - ],
106   - });
107   - }
108   -
109   - return list;
110   -}
111   -
112   -let sourceData;
113   -
114   -function getFakeList(req, res) {
115   - const params = req.query;
116   -
117   - const count = params.count * 1 || 20;
118   -
119   - const result = fakeList(count);
120   - sourceData = result;
121   - return res.json(result);
122   -}
123   -
124   -function postFakeList(req, res) {
125   - const { /* url = '', */ body } = req;
126   - // const params = getUrlParams(url);
127   - const { method, id } = body;
128   - // const count = (params.count * 1) || 20;
129   - let result = sourceData;
130   -
131   - switch (method) {
132   - case 'delete':
133   - result = result.filter(item => item.id !== id);
134   - break;
135   - case 'update':
136   - result.forEach((item, i) => {
137   - if (item.id === id) {
138   - result[i] = Object.assign(item, body);
139   - }
140   - });
141   - break;
142   - case 'post':
143   - result.unshift({
144   - body,
145   - id: `fake-list-${result.length}`,
146   - createdAt: new Date().getTime(),
147   - });
148   - break;
149   - default:
150   - break;
151   - }
152   -
153   - return res.json(result);
154   -}
155   -
156   -const getNotice = [
157   - {
158   - id: 'xxx1',
159   - title: titles[0],
160   - logo: avatars[0],
161   - description: '那是一种内在的东西,他们到达不了,也无法触及的',
162   - updatedAt: new Date(),
163   - member: '科学搬砖组',
164   - href: '',
165   - memberLink: '',
166   - },
167   - {
168   - id: 'xxx2',
169   - title: titles[1],
170   - logo: avatars[1],
171   - description: '希望是一个好东西,也许是最好的,好东西是不会消亡的',
172   - updatedAt: new Date('2017-07-24'),
173   - member: '全组都是吴彦祖',
174   - href: '',
175   - memberLink: '',
176   - },
177   - {
178   - id: 'xxx3',
179   - title: titles[2],
180   - logo: avatars[2],
181   - description: '城镇中有那么多的酒馆,她却偏偏走进了我的酒馆',
182   - updatedAt: new Date(),
183   - member: '中二少女团',
184   - href: '',
185   - memberLink: '',
186   - },
187   - {
188   - id: 'xxx4',
189   - title: titles[3],
190   - logo: avatars[3],
191   - description: '那时候我只会想自己想要什么,从不想自己拥有什么',
192   - updatedAt: new Date('2017-07-23'),
193   - member: '程序员日常',
194   - href: '',
195   - memberLink: '',
196   - },
197   - {
198   - id: 'xxx5',
199   - title: titles[4],
200   - logo: avatars[4],
201   - description: '凛冬将至',
202   - updatedAt: new Date('2017-07-23'),
203   - member: '高逼格设计天团',
204   - href: '',
205   - memberLink: '',
206   - },
207   - {
208   - id: 'xxx6',
209   - title: titles[5],
210   - logo: avatars[5],
211   - description: '生命就像一盒巧克力,结果往往出人意料',
212   - updatedAt: new Date('2017-07-23'),
213   - member: '骗你来学计算机',
214   - href: '',
215   - memberLink: '',
216   - },
217   -];
218   -
219   -const getActivities = [
220   - {
221   - id: 'trend-1',
222   - updatedAt: new Date(),
223   - user: {
224   - name: '曲丽丽',
225   - avatar: avatars2[0],
226   - },
227   - group: {
228   - name: '高逼格设计天团',
229   - link: 'http://github.com/',
230   - },
231   - project: {
232   - name: '六月迭代',
233   - link: 'http://github.com/',
234   - },
235   - template: '在 @{group} 新建项目 @{project}',
236   - },
237   - {
238   - id: 'trend-2',
239   - updatedAt: new Date(),
240   - user: {
241   - name: '付小小',
242   - avatar: avatars2[1],
243   - },
244   - group: {
245   - name: '高逼格设计天团',
246   - link: 'http://github.com/',
247   - },
248   - project: {
249   - name: '六月迭代',
250   - link: 'http://github.com/',
251   - },
252   - template: '在 @{group} 新建项目 @{project}',
253   - },
254   - {
255   - id: 'trend-3',
256   - updatedAt: new Date(),
257   - user: {
258   - name: '林东东',
259   - avatar: avatars2[2],
260   - },
261   - group: {
262   - name: '中二少女团',
263   - link: 'http://github.com/',
264   - },
265   - project: {
266   - name: '六月迭代',
267   - link: 'http://github.com/',
268   - },
269   - template: '在 @{group} 新建项目 @{project}',
270   - },
271   - {
272   - id: 'trend-4',
273   - updatedAt: new Date(),
274   - user: {
275   - name: '周星星',
276   - avatar: avatars2[4],
277   - },
278   - project: {
279   - name: '5 月日常迭代',
280   - link: 'http://github.com/',
281   - },
282   - template: '将 @{project} 更新至已发布状态',
283   - },
284   - {
285   - id: 'trend-5',
286   - updatedAt: new Date(),
287   - user: {
288   - name: '朱偏右',
289   - avatar: avatars2[3],
290   - },
291   - project: {
292   - name: '工程效能',
293   - link: 'http://github.com/',
294   - },
295   - comment: {
296   - name: '留言',
297   - link: 'http://github.com/',
298   - },
299   - template: '在 @{project} 发布了 @{comment}',
300   - },
301   - {
302   - id: 'trend-6',
303   - updatedAt: new Date(),
304   - user: {
305   - name: '乐哥',
306   - avatar: avatars2[5],
307   - },
308   - group: {
309   - name: '程序员日常',
310   - link: 'http://github.com/',
311   - },
312   - project: {
313   - name: '品牌迭代',
314   - link: 'http://github.com/',
315   - },
316   - template: '在 @{group} 新建项目 @{project}',
317   - },
318   -];
319   -
320   -function getFakeCaptcha(req, res) {
321   - return res.json('captcha-xxx');
322   -}
323   -
324   -export default {
325   - 'GET /api/project/notice': getNotice,
326   - 'GET /api/activities': getActivities,
327   - 'POST /api/forms': (req, res) => {
328   - res.send({ message: 'Ok' });
329   - },
330   - 'GET /api/tags': mockjs.mock({
331   - 'list|100': [{ name: '@city', 'value|1-100': 150, 'type|0-2': 1 }],
332   - }),
333   - 'GET /api/fake_list': getFakeList,
334   - 'POST /api/fake_list': postFakeList,
335   - 'GET /api/captcha': getFakeCaptcha,
336   -};
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   -export default {
2   - 'form.get-captcha': 'Get Captcha',
3   - 'form.captcha.second': 'sec',
4   - 'form.optional': ' (optional) ',
5   - 'form.submit': 'Submit',
6   - 'form.save': 'Save',
7   - 'form.email.placeholder': 'Email',
8   - 'form.password.placeholder': 'Password',
9   - 'form.confirm-password.placeholder': 'Confirm password',
10   - 'form.phone-number.placeholder': 'Phone number',
11   - 'form.verification-code.placeholder': 'Verification code',
12   - 'form.title.label': 'Title',
13   - 'form.title.placeholder': 'Give the target a name',
14   - 'form.date.label': 'Start and end date',
15   - 'form.date.placeholder.start': 'Start date',
16   - 'form.date.placeholder.end': 'End date',
17   - 'form.goal.label': 'Goal description',
18   - 'form.goal.placeholder': 'Please enter your work goals',
19   - 'form.standard.label': 'Metrics',
20   - 'form.standard.placeholder': 'Please enter a metric',
21   - 'form.client.label': 'Client',
22   - 'form.client.label.tooltip': 'Target service object',
23   - 'form.client.placeholder':
24   - 'Please describe your customer service, internal customers directly @ Name / job number',
25   - 'form.invites.label': 'Inviting critics',
26   - 'form.invites.placeholder': 'Please direct @ Name / job number, you can invite up to 5 people',
27   - 'form.weight.label': 'Weight',
28   - 'form.weight.placeholder': 'Please enter weight',
29   - 'form.public.label': 'Target disclosure',
30   - 'form.public.label.help': 'Customers and invitees are shared by default',
31   - 'form.public.radio.public': 'Public',
32   - 'form.public.radio.partially-public': 'Partially public',
33   - 'form.public.radio.private': 'Private',
34   - 'form.publicUsers.placeholder': 'Open to',
35   - 'form.publicUsers.option.A': 'Colleague A',
36   - 'form.publicUsers.option.B': 'Colleague B',
37   - 'form.publicUsers.option.C': 'Colleague C',
38   -};
1   -export default {
2   - 'form.get-captcha': '获取验证码',
3   - 'form.captcha.second': '秒',
4   - 'form.optional': '(选填)',
5   - 'form.submit': '提交',
6   - 'form.save': '保存',
7   - 'form.email.placeholder': '邮箱',
8   - 'form.password.placeholder': '至少6位密码,区分大小写',
9   - 'form.confirm-password.placeholder': '确认密码',
10   - 'form.phone-number.placeholder': '手机号',
11   - 'form.verification-code.placeholder': '验证码',
12   - 'form.title.label': '标题',
13   - 'form.title.placeholder': '给目标起个名字',
14   - 'form.date.label': '起止日期',
15   - 'form.date.placeholder.start': '开始日期',
16   - 'form.date.placeholder.end': '结束日期',
17   - 'form.goal.label': '目标描述',
18   - 'form.goal.placeholder': '请输入你的阶段性工作目标',
19   - 'form.standard.label': '衡量标准',
20   - 'form.standard.placeholder': '请输入衡量标准',
21   - 'form.client.label': '客户',
22   - 'form.client.label.tooltip': '目标的服务对象',
23   - 'form.client.placeholder': '请描述你服务的客户,内部客户直接 @姓名/工号',
24   - 'form.invites.label': '邀评人',
25   - 'form.invites.placeholder': '请直接 @姓名/工号,最多可邀请 5 人',
26   - 'form.weight.label': '权重',
27   - 'form.weight.placeholder': '请输入',
28   - 'form.public.label': '目标公开',
29   - 'form.public.label.help': '客户、邀评人默认被分享',
30   - 'form.public.radio.public': '公开',
31   - 'form.public.radio.partially-public': '部分公开',
32   - 'form.public.radio.private': '不公开',
33   - 'form.publicUsers.placeholder': '公开给',
34   - 'form.publicUsers.option.A': '同事甲',
35   - 'form.publicUsers.option.B': '同事乙',
36   - 'form.publicUsers.option.C': '同事丙',
37   -};
1   -export default {
2   - 'form.get-captcha': '獲取驗證碼',
3   - 'form.captcha.second': '秒',
4   - 'form.optional': '(選填)',
5   - 'form.submit': '提交',
6   - 'form.save': '保存',
7   - 'form.email.placeholder': '郵箱',
8   - 'form.password.placeholder': '至少6位密碼,區分大小寫',
9   - 'form.confirm-password.placeholder': '確認密碼',
10   - 'form.phone-number.placeholder': '手機號',
11   - 'form.verification-code.placeholder': '驗證碼',
12   - 'form.title.label': '標題',
13   - 'form.title.placeholder': '給目標起個名字',
14   - 'form.date.label': '起止日期',
15   - 'form.date.placeholder.start': '開始日期',
16   - 'form.date.placeholder.end': '結束日期',
17   - 'form.goal.label': '目標描述',
18   - 'form.goal.placeholder': '請輸入妳的階段性工作目標',
19   - 'form.standard.label': '衡量標淮',
20   - 'form.standard.placeholder': '請輸入衡量標淮',
21   - 'form.client.label': '客戶',
22   - 'form.client.label.tooltip': '目標的服務對象',
23   - 'form.client.placeholder': '請描述妳服務的客戶,內部客戶直接 @姓名/工號',
24   - 'form.invites.label': '邀評人',
25   - 'form.invites.placeholder': '請直接 @姓名/工號,最多可邀請 5 人',
26   - 'form.weight.label': '權重',
27   - 'form.weight.placeholder': '請輸入',
28   - 'form.public.label': '目標公開',
29   - 'form.public.label.help': '客戶、邀評人默認被分享',
30   - 'form.public.radio.public': '公開',
31   - 'form.public.radio.partially-public': '部分公開',
32   - 'form.public.radio.private': '不公開',
33   - 'form.publicUsers.placeholder': '公開給',
34   - 'form.publicUsers.option.A': '同事甲',
35   - 'form.publicUsers.option.B': '同事乙',
36   - 'form.publicUsers.option.C': '同事丙',
37   -};
1   -import { routerRedux } from 'dva/router';
2   -import { message } from 'antd';
3   -import { fakeSubmitForm } from '@/services/api';
4   -
5   -export default {
6   - namespace: 'form',
7   -
8   - state: {
9   - step: {
10   - payAccount: 'ant-design@alipay.com',
11   - receiverAccount: 'test@example.com',
12   - receiverName: 'Alex',
13   - amount: '500',
14   - },
15   - },
16   -
17   - effects: {
18   - *submitRegularForm({ payload }, { call }) {
19   - yield call(fakeSubmitForm, payload);
20   - message.success('提交成功');
21   - },
22   - *submitStepForm({ payload }, { call, put }) {
23   - yield call(fakeSubmitForm, payload);
24   - yield put({
25   - type: 'saveStepFormData',
26   - payload,
27   - });
28   - yield put(routerRedux.push('/form/step-form/result'));
29   - },
30   - *submitAdvancedForm({ payload }, { call }) {
31   - yield call(fakeSubmitForm, payload);
32   - message.success('提交成功');
33   - },
34   - },
35   -
36   - reducers: {
37   - saveStepFormData(state, { payload }) {
38   - return {
39   - ...state,
40   - step: {
41   - ...state.step,
42   - ...payload,
43   - },
44   - };
45   - },
46   - },
47   -};
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   -};
注册登录 后发表评论