@51yzone/pc-components/es/editor/editor-preview.js

An enterprise-class UI design language and React-based implementation

import "antd/es/modal/style";
import _Modal from "antd/es/modal";

/**
 * 关键字：富文本预览页
 * 新增人：徐友万
 * 完善中
 */
import React, { useRef } from 'react';
import classnames from 'classnames';

var EditorPreview = function EditorPreview(props) {
  var value = props.value,
      visible = props.visible,
      title = props.title,
      width = props.width,
      renderHeader = props.renderHeader,
      renderFooter = props.renderFooter,
      onCancel = props.onCancel,
      prefixCls = props.prefixCls,
      className = props.className,
      style = props.style;
  var previewRef = useRef(null);
  setTimeout(function () {
    if (previewRef.current) {
      previewRef.current.innerHTML = value;
    }
  }, 0);
  return /*#__PURE__*/React.createElement(_Modal, {
    className: classnames(className, "".concat(prefixCls, "-wrapper")),
    style: style,
    destroyOnClose: true,
    maskClosable: false,
    title: title,
    visible: visible,
    width: width,
    onCancel: onCancel,
    footer: null
  }, typeof renderHeader === 'function' ? renderHeader() : renderHeader, /*#__PURE__*/React.createElement("div", {
    className: "eidtor-content",
    ref: previewRef
  }), typeof renderFooter === 'function' ? renderFooter() : renderFooter);
};

EditorPreview.defaultProps = {
  visible: false,
  title: '图文详情预览',
  value: '',
  width: 375,
  onCancel: function onCancel() {},
  prefixCls: 'yz-editor-preview',
  className: '',
  style: {}
};
export default EditorPreview;