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

应用自检模块

import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
import _regeneratorRuntime from "@babel/runtime/regenerator";
import React, { useEffect } from 'react';
import { Step } from '@b-design/ui';
import StepOne from '../StepOne';
import StepTwo from '../StepTwo';
import StepThree from '../StepThree';
import StepFour from '../stepFour';
import StepFive from '../stepFive';
import styles from './index.module.scss';
import store from '../../store';

function Main() {
  var _store$useModel = store.useModel('IndexModel'),
      indexModelState = _store$useModel[0],
      indexModelDispatchers = _store$useModel[1];

  var _store$useModel2 = store.useModel('BtnOperaModel'),
      btnOperaDispatcher = _store$useModel2[1];

  useEffect(function () {
    fetchData();
    return function () {
      btnOperaDispatcher.resetStatus();
    };
  }, []);

  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 indexModelDispatchers.initDefaultState();

            case 2:
              _context.next = 4;
              return indexModelDispatchers.searchStepReset();

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

  var itemStepContent = [/*#__PURE__*/React.createElement(StepOne, null), /*#__PURE__*/React.createElement(StepTwo, null), /*#__PURE__*/React.createElement(StepThree, null), /*#__PURE__*/React.createElement(StepFour, null), /*#__PURE__*/React.createElement(StepFive, null)];
  var steps = [['监控接入'], ['自动检测'], ['安全审核'], ['稳定性监控'], ['提交上架']].map(function (item, index) {
    return /*#__PURE__*/React.createElement(Step.Item, {
      "aria-current": index === 1 ? 'step' : null,
      key: index,
      className: styles.circleAlign,
      onClick: indexModelDispatchers.clickStep,
      title: item[0]
    });
  });
  var Provider = store.Provider;
  return /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement("div", {
    className: styles.content
  }, /*#__PURE__*/React.createElement(Step, {
    current: indexModelState.currentStep,
    stretch: true,
    readOnly: true,
    shape: "circle",
    direction: "hoz",
    labelPlacement: "hoz"
  }, steps), /*#__PURE__*/React.createElement("div", {
    className: styles.stepContent
  }, itemStepContent[indexModelState.currentStep])));
}

export default Main;