@logicflow/dumi-theme-simple/dist/slots/CodePreview/index.js

Simple website theme based on dumi2.

import React from 'react';
import { Result } from 'antd';
import { FormattedMessage } from 'dumi';
import styles from "./index.module.less";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
function getErrorMessage(e) {
  return (e.reason ? e.reason : e.message ? e.message : e).toString();
}

/**
 * DEMO 预览页面的预览，主要包含有：
 * 1. 一些 header 菜单
 * 2. 错误预览
 */
export var CodePreview = function CodePreview(_ref) {
  var isPlayground = _ref.isPlayground,
    exampleId = _ref.exampleId,
    header = _ref.header,
    error = _ref.error;
  return /*#__PURE__*/_jsxs("div", {
    className: styles.preview,
    children: [isPlayground ? null : /*#__PURE__*/_jsx("div", {
      className: styles.header,
      children: header
    }), /*#__PURE__*/_jsxs("div", {
      className: styles.content,
      children: [/*#__PURE__*/_jsx("div", {
        id: "playgroundScriptContainer_".concat(exampleId),
        className: styles.playgroundScriptContainer
      }), error ? /*#__PURE__*/_jsx(Result, {
        className: styles.result,
        status: "error",
        title: /*#__PURE__*/_jsx(FormattedMessage, {
          id: "\u6F14\u793A\u4EE3\u7801\u62A5\u9519\uFF0C\u8BF7\u68C0\u67E5"
        }),
        subTitle: /*#__PURE__*/_jsx("pre", {
          children: getErrorMessage(error)
        })
      }) : null]
    })]
  });
};