init pro block error result

+/yarn.lock
+/package-lock.json
+/dist
+/node_modules
+
+.umi
+.umi-production

+export default {
+  plugins: [
+    ['umi-plugin-block-dev', {}],
+    ['umi-plugin-react', {
+      dva: true,
+      locale: true,
+      antd: true,
+    }]
+  ],
+}

+import React, { PureComponent } from 'react';
+import { connect } from 'dva';
+import styles from './GridContent.less';
+
+class GridContent extends PureComponent {
+  render() {
+    const { contentWidth, children } = this.props;
+    let className = `${styles.main}`;
+    if (contentWidth === 'Fixed') {
+      className = `${styles.main} ${styles.wide}`;
+    }
+    return <div className={className}>{children}</div>;
+  }
+}
+
+export default connect(({ setting }) => ({
+  contentWidth: setting.contentWidth,
+}))(GridContent);

+.main {
+  width: 100%;
+  height: 100%;
+  min-height: 100%;
+  transition: 0.3s;
+  &.wide {
+    max-width: 1200px;
+    margin: 0 auto;
+  }
+}

+import React from 'react';
+import { FormattedMessage } from 'umi/locale';
+import Link from 'umi/link';
+import PageHeader from 'ant-design-pro/lib/PageHeader';
+import { connect } from 'dva';
+import GridContent from './GridContent';
+import styles from './index.less';
+import MenuContext from '@/layouts/MenuContext';
+
+const PageHeaderWrapper = ({ children, contentWidth, wrapperClassName, top, ...restProps }) => (
+  <div style={{ margin: '-24px -24px 0' }} className={wrapperClassName}>
+    {top}
+    <MenuContext.Consumer>
+      {value => (
+        <PageHeader
+          wide={contentWidth === 'Fixed'}
+          home={<FormattedMessage id="menu.home" defaultMessage="Home" />}
+          {...value}
+          key="pageheader"
+          {...restProps}
+          linkElement={Link}
+          itemRender={item => {
+            if (item.locale) {
+              return <FormattedMessage id={item.locale} defaultMessage={item.title} />;
+            }
+            return item.title;
+          }}
+        />
+      )}
+    </MenuContext.Consumer>
+    {children ? (
+      <div className={styles.content}>
+        <GridContent>{children}</GridContent>
+      </div>
+    ) : null}
+  </div>
+);
+
+export default connect(({ setting }) => ({
+  contentWidth: setting.contentWidth,
+}))(PageHeaderWrapper);

+@import '~antd/lib/style/themes/default.less';
+
+.content {
+  margin: 24px 24px 0;
+}
+
+@media screen and (max-width: @screen-sm) {
+  .content {
+    margin: 24px 0 0;
+  }
+}

+import { createContext } from 'react';
+
+export default createContext();

+# @umi-material/resulterror
+
+ResultError
+
+## Usage
+
+```sh
+umi block https://github.com/umijs/umi-blocks/tree/master/resulterror
+```
+
+## LICENSE
+
+MIT

+{
+  "name": "@umi-block/resulterror",
+  "version": "0.0.1",
+  "description": "ResultError",
+  "main": "src/index.js",
+  "scripts": {
+    "dev": "umi dev"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/umijs/umi-blocks/resulterror"
+  },
+  "dependencies": {
+    "react": "^16.6.3",
+    "antd": "^3.10.9",
+    "ant-design-pro": "^2.1.1",
+    "dva": "^2.4.0"
+  },
+  "devDependencies": {
+    "umi": "^2.3.0-beta.1",
+    "umi-plugin-react": "^1.3.0-beta.1",
+    "umi-plugin-block-dev": "^1.0.0"
+  },
+  "license": "ISC"
+}

+module.exports = {
+  navTheme: 'dark', // theme for nav menu
+  primaryColor: '#1890FF', // primary color of ant design
+  layout: 'sidemenu', // nav menu position: sidemenu or topmenu
+  contentWidth: 'Fluid', // layout of content: Fluid or Fixed, only works when layout is topmenu
+  fixedHeader: false, // sticky header
+  autoHideHeader: false, // auto hide header
+  fixSiderbar: false, // sticky siderbar
+};

+import React, { Fragment } from 'react';
+import { formatMessage, FormattedMessage } from 'umi/locale';
+import { Button, Icon, Card } from 'antd';
+import Result from 'ant-design-pro/lib/Result';
+import PageHeaderWrapper from '@/components/PageHeaderWrapper';
+
+const extra = (
+  <Fragment>
+    <div
+      style={{
+        fontSize: 16,
+        color: 'rgba(0, 0, 0, 0.85)',
+        fontWeight: '500',
+        marginBottom: 16,
+      }}
+    >
+      <FormattedMessage
+        id="app.result.error.hint-title"
+        defaultMessage="The content you submitted has the following error:"
+      />
+    </div>
+    <div style={{ marginBottom: 16 }}>
+      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />
+      <FormattedMessage
+        id="app.result.error.hint-text1"
+        defaultMessage="Your account has been frozen"
+      />
+      <a style={{ marginLeft: 16 }}>
+        <FormattedMessage id="app.result.error.hint-btn1" defaultMessage="Thaw immediately" />
+        <Icon type="right" />
+      </a>
+    </div>
+    <div>
+      <Icon style={{ color: '#f5222d', marginRight: 8 }} type="close-circle-o" />
+      <FormattedMessage
+        id="app.result.error.hint-text2"
+        defaultMessage="Your account is not yet eligible to apply"
+      />
+      <a style={{ marginLeft: 16 }}>
+        <FormattedMessage id="app.result.error.hint-btn2" defaultMessage="Upgrade immediately" />
+        <Icon type="right" />
+      </a>
+    </div>
+  </Fragment>
+);
+
+const actions = (
+  <Button type="primary">
+    <FormattedMessage id="app.result.error.btn-text" defaultMessage="Return to modify" />
+  </Button>
+);
+
+export default () => (
+  <PageHeaderWrapper>
+    <Card bordered={false}>
+      <Result
+        type="error"
+        title={formatMessage({ id: 'app.result.error.title' })}
+        description={formatMessage({ id: 'app.result.error.description' })}
+        extra={extra}
+        actions={actions}
+        style={{ marginTop: 48, marginBottom: 16 }}
+      />
+    </Card>
+  </PageHeaderWrapper>
+);

+export default {
+  'app.result.error.title': 'Submission Failed',
+  'app.result.error.description':
+    'Please check and modify the following information before resubmitting.',
+  'app.result.error.hint-title': 'The content you submitted has the following error:',
+  'app.result.error.hint-text1': 'Your account has been frozen',
+  'app.result.error.hint-btn1': 'Thaw immediately',
+  'app.result.error.hint-text2': 'Your account is not yet eligible to apply',
+  'app.result.error.hint-btn2': 'Upgrade immediately',
+  'app.result.error.btn-text': 'Return to modify',
+  'app.result.success.title': 'Submission Success',
+  'app.result.success.description':
+    'The submission results page is used to feed back the results of a series of operational tasks. If it is a simple operation, use the Message global prompt feedback. This text area can show a simple supplementary explanation. If there is a similar requirement for displaying “documents”, the following gray area can present more complicated content.',
+  'app.result.success.operate-title': 'Project Name',
+  'app.result.success.operate-id': 'Project ID：',
+  'app.result.success.principal': 'Principal：',
+  'app.result.success.operate-time': 'Effective time：',
+  'app.result.success.step1-title': 'Create project',
+  'app.result.success.step1-operator': 'Qu Lili',
+  'app.result.success.step2-title': 'Departmental preliminary review',
+  'app.result.success.step2-operator': 'Zhou Maomao',
+  'app.result.success.step2-extra': 'Urge',
+  'app.result.success.step3-title': 'Financial review',
+  'app.result.success.step4-title': 'Finish',
+  'app.result.success.btn-return': 'Back to list',
+  'app.result.success.btn-project': 'View project',
+  'app.result.success.btn-print': 'Print',
+};

+export default {
+  'app.result.error.title': '提交失败',
+  'app.result.error.description': '请核对并修改以下信息后，再重新提交。',
+  'app.result.error.hint-title': '您提交的内容有如下错误：',
+  'app.result.error.hint-text1': '您的账户已被冻结',
+  'app.result.error.hint-btn1': '立即解冻',
+  'app.result.error.hint-text2': '您的账户还不具备申请资格',
+  'app.result.error.hint-btn2': '立即升级',
+  'app.result.error.btn-text': '返回修改',
+  'app.result.success.title': '提交成功',
+  'app.result.success.description':
+    '提交结果页用于反馈一系列操作任务的处理结果， 如果仅是简单操作，使用 Message 全局提示反馈即可。 本文字区域可以展示简单的补充说明，如果有类似展示 “单据”的需求，下面这个灰色区域可以呈现比较复杂的内容。',
+  'app.result.success.operate-title': '项目名称',
+  'app.result.success.operate-id': '项目 ID：',
+  'app.result.success.principal': '负责人：',
+  'app.result.success.operate-time': '生效时间：',
+  'app.result.success.step1-title': '创建项目',
+  'app.result.success.step1-operator': '曲丽丽',
+  'app.result.success.step2-title': '部门初审',
+  'app.result.success.step2-operator': '周毛毛',
+  'app.result.success.step2-extra': '催一下',
+  'app.result.success.step3-title': '财务复核',
+  'app.result.success.step4-title': '完成',
+  'app.result.success.btn-return': '返回列表',
+  'app.result.success.btn-project': '查看项目',
+  'app.result.success.btn-print': '打印',
+};

+export default {
+  'app.result.error.title': '提交失敗',
+  'app.result.error.description': '請核對並修改以下信息後，再重新提交。',
+  'app.result.error.hint-title': '您提交的內容有如下錯誤：',
+  'app.result.error.hint-text1': '您的賬戶已被凍結',
+  'app.result.error.hint-btn1': '立即解凍',
+  'app.result.error.hint-text2': '您的賬戶還不具備申請資格',
+  'app.result.error.hint-btn2': '立即升級',
+  'app.result.error.btn-text': '返回修改',
+  'app.result.success.title': '提交成功',
+  'app.result.success.description':
+    '提交結果頁用於反饋壹系列操作任務的處理結果， 如果僅是簡單操作，使用 Message 全局提示反饋即可。 本文字區域可以展示簡單的補充說明，如果有類似展示 “單據”的需求，下面這個灰色區域可以呈現比較復雜的內容。',
+  'app.result.success.operate-title': '項目名稱',
+  'app.result.success.operate-id': '項目 ID：',
+  'app.result.success.principal': '負責人：',
+  'app.result.success.operate-time': '生效時間：',
+  'app.result.success.step1-title': '創建項目',
+  'app.result.success.step1-operator': '曲麗麗',
+  'app.result.success.step2-title': '部門初審',
+  'app.result.success.step2-operator': '周毛毛',
+  'app.result.success.step2-extra': '催壹下',
+  'app.result.success.step3-title': '財務復核',
+  'app.result.success.step4-title': '完成',
+  'app.result.success.btn-return': '返回列表',
+  'app.result.success.btn-project': '查看項目',
+  'app.result.success.btn-print': '打印',
+};

+import { message } from 'antd';
+import defaultSettings from '../defaultSettings';
+
+let lessNodesAppended;
+const updateTheme = primaryColor => {
+  // Don't compile less in production!
+  if (APP_TYPE !== 'site') {
+    return;
+  }
+  // Determine if the component is remounted
+  if (!primaryColor) {
+    return;
+  }
+  const hideMessage = message.loading('正在编译主题！', 0);
+  function buildIt() {
+    if (!window.less) {
+      return;
+    }
+    setTimeout(() => {
+      window.less
+        .modifyVars({
+          '@primary-color': primaryColor,
+        })
+        .then(() => {
+          hideMessage();
+        })
+        .catch(() => {
+          message.error('Failed to update theme');
+          hideMessage();
+        });
+    }, 200);
+  }
+  if (!lessNodesAppended) {
+    // insert less.js and color.less
+    const lessStyleNode = document.createElement('link');
+    const lessConfigNode = document.createElement('script');
+    const lessScriptNode = document.createElement('script');
+    lessStyleNode.setAttribute('rel', 'stylesheet/less');
+    lessStyleNode.setAttribute('href', '/color.less');
+    lessConfigNode.innerHTML = `
+      window.less = {
+        async: true,
+        env: 'production',
+        javascriptEnabled: true
+      };
+    `;
+    lessScriptNode.src = 'https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js';
+    lessScriptNode.async = true;
+    lessScriptNode.onload = () => {
+      buildIt();
+      lessScriptNode.onload = null;
+    };
+    document.body.appendChild(lessStyleNode);
+    document.body.appendChild(lessConfigNode);
+    document.body.appendChild(lessScriptNode);
+    lessNodesAppended = true;
+  } else {
+    buildIt();
+  }
+};
+
+const updateColorWeak = colorWeak => {
+  document.body.className = colorWeak ? 'colorWeak' : '';
+};
+
+export default {
+  namespace: 'setting',
+  state: defaultSettings,
+  reducers: {
+    getSetting(state) {
+      const setting = {};
+      const urlParams = new URL(window.location.href);
+      Object.keys(state).forEach(key => {
+        if (urlParams.searchParams.has(key)) {
+          const value = urlParams.searchParams.get(key);
+          setting[key] = value === '1' ? true : value;
+        }
+      });
+      const { primaryColor, colorWeak } = setting;
+      if (state.primaryColor !== primaryColor) {
+        updateTheme(primaryColor);
+      }
+      updateColorWeak(colorWeak);
+      return {
+        ...state,
+        ...setting,
+      };
+    },
+    changeSetting(state, { payload }) {
+      const urlParams = new URL(window.location.href);
+      Object.keys(defaultSettings).forEach(key => {
+        if (urlParams.searchParams.has(key)) {
+          urlParams.searchParams.delete(key);
+        }
+      });
+      Object.keys(payload).forEach(key => {
+        if (key === 'collapse') {
+          return;
+        }
+        let value = payload[key];
+        if (value === true) {
+          value = 1;
+        }
+        if (defaultSettings[key] !== value) {
+          urlParams.searchParams.set(key, value);
+        }
+      });
+      const { primaryColor, colorWeak, contentWidth } = payload;
+      if (state.primaryColor !== primaryColor) {
+        updateTheme(primaryColor);
+      }
+      if (state.contentWidth !== contentWidth && window.dispatchEvent) {
+        window.dispatchEvent(new Event('resize'));
+      }
+      updateColorWeak(colorWeak);
+      window.history.replaceState(null, 'setting', urlParams.href);
+      return {
+        ...state,
+        ...payload,
+      };
+    },
+  },
+};