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

应用自检模块

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = void 0;

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

var _react = _interopRequireWildcard(require("react"));

var _indexModule = _interopRequireDefault(require("./index.module.scss"));

var _ui = require("@b-design/ui");

var _store = _interopRequireDefault(require("../../store"));

var _reactHighlight = _interopRequireDefault(require("react-highlight"));

var _ice = require("ice");

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

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

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

  (0, _react.useEffect)(function () {
    fetchData();
  }, []);

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

  function _fetchData() {
    _fetchData = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
      return _regenerator["default"].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["default"].createElement("div", {
    className: _indexModule["default"].monitor
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: _indexModule["default"].monitorContent
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: _indexModule["default"].title
  }, "\u8BF7\u5148\u53BB", /*#__PURE__*/_react["default"].createElement("span", {
    className: _indexModule["default"].copy,
    onClick: function onClick() {
      _ice.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["default"].createElement("span", {
    className: _indexModule["default"].copy,
    onClick: StepOneModelDispatchers.copyCode
  }, "\u4E00\u952E\u590D\u5236")), StepOneModelState.codeData && /*#__PURE__*/_react["default"].createElement(_reactHighlight["default"], {
    className: "atom-one-dark " + _indexModule["default"].codeContent,
    language: "html"
  }, formateScript(StepOneModelState.codeData))), /*#__PURE__*/_react["default"].createElement(_ui.Button, {
    className: _indexModule["default"].magTop,
    onClick: StepOneModelDispatchers.nextStep,
    type: "primary",
    disabled: !IndexModelState.firstGetStep
  }, "\u5DF2\u63A5\u5165 \u5F00\u59CB\u68C0\u6D4B"));
}

var _default = StepOne;
exports["default"] = _default;