@aliedu/app-self-check/es/pages/AppSelfCheck/components/StepOne/index.js

应用自检模块

import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
import _regeneratorRuntime from "@babel/runtime/regenerator";
import React, { useEffect } from 'react';
import styles from './index.module.scss';
import { Button } from '@b-design/ui';
import store from '../../store';
import Highlight from 'react-highlight';
import { history } from 'ice';

function StepOne() {
  var appCode = JSON.parse(sessionStorage.getItem('appInfo') || '{}').code;

  var _store$useModel = store.useModel('StepOneModel'),
      StepOneModelState = _store$useModel[0],
      StepOneModelDispatchers = _store$useModel[1];

  var _store$useModel2 = store.useModel('IndexModel'),
      IndexModelState = _store$useModel2[0];

  useEffect(function () {
    fetchData();
  }, []);

  function fetchData() {
    return _fetchData.apply(this, arguments);
  }

  function _fetchData() {
    _fetchData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
      return _regeneratorRuntime.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              _context.next = 2;
              return StepOneModelDispatchers.initDefaultState();

            case 2:
              _context.next = 4;
              return StepOneModelDispatchers.getMonitor({
                appCode: appCode
              });

            case 4:
            case "end":
              return _context.stop();
          }
        }
      }, _callee);
    }));
    return _fetchData.apply(this, arguments);
  }

  function formateScript(script) {
    if (!script || typeof script !== 'string') {
      return '';
    }

    script = script.replace(/;/g, ';\n');
    script = script.replace(/>/g, '>\n');
    return script;
  }

  return /*#__PURE__*/React.createElement("div", {
    className: styles.monitor
  }, /*#__PURE__*/React.createElement("div", {
    className: styles.monitorContent
  }, /*#__PURE__*/React.createElement("div", {
    className: styles.title
  }, "\u8BF7\u5148\u53BB", /*#__PURE__*/React.createElement("span", {
    className: styles.copy,
    onClick: function onClick() {
      history.push('/appInfo/appDevManage');
    }
  }, "\u5F00\u53D1\u7BA1\u7406"), "\u9875\u9762\u6DFB\u52A0\u5E94\u7528\u5F00\u53D1\u914D\u7F6E\u4FE1\u606F\uFF1B\u7136\u540E\u590D\u5236\u4EE5\u4E0B\u4EE3\u7801\uFF0C\u7C98\u8D34\u5230<header>\u6807\u7B7E\u4E2D", ' ', /*#__PURE__*/React.createElement("span", {
    className: styles.copy,
    onClick: StepOneModelDispatchers.copyCode
  }, "\u4E00\u952E\u590D\u5236")), StepOneModelState.codeData && /*#__PURE__*/React.createElement(Highlight, {
    className: "atom-one-dark " + styles.codeContent,
    language: "html"
  }, formateScript(StepOneModelState.codeData))), /*#__PURE__*/React.createElement(Button, {
    className: styles.magTop,
    onClick: StepOneModelDispatchers.nextStep,
    type: "primary",
    disabled: !IndexModelState.firstGetStep
  }, "\u5DF2\u63A5\u5165 \u5F00\u59CB\u68C0\u6D4B"));
}

export default StepOne;