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

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

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

require("antd/lib/modal/style");

var _modal = _interopRequireDefault(require("antd/lib/modal"));

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

var _classnames = _interopRequireDefault(require("classnames"));

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; }

/**
 * 关键字：富文本预览页
 * 新增人：徐友万
 * 完善中
 */
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 = (0, _react.useRef)(null);
  setTimeout(function () {
    if (previewRef.current) {
      previewRef.current.innerHTML = value;
    }
  }, 0);
  return /*#__PURE__*/_react["default"].createElement(_modal["default"], {
    className: (0, _classnames["default"])(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["default"].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: {}
};
var _default = EditorPreview;
exports["default"] = _default;