knk
Version:
react components based on react
85 lines (83 loc) • 4.06 kB
JavaScript
"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;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireWildcard(require("react"));
var _pdf_view = _interopRequireDefault(require("./pdf_view"));
var _zoom_image = _interopRequireDefault(require("./zoom_image"));
var _dragble_modal = _interopRequireDefault(require("./dragble_modal"));
require("../../../style/super_file_preview.less");
var _propTypes = _interopRequireDefault(require("prop-types"));
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 SuperFilePreview = function SuperFilePreview(props) {
var _useState = (0, _react.useState)(false),
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
modal = _useState2[0],
setModal = _useState2[1];
var handleCloseModal = function handleCloseModal() {
setModal(false);
};
var renderImage = function renderImage() {
var isZoom = props.isZoom,
children = props.children,
path = props.path;
return /*#__PURE__*/_react.default.createElement("div", {
className: "app-file-preview"
}, /*#__PURE__*/_react.default.createElement("div", {
onClick: function onClick(e) {
e.preventDefault();
setModal(true);
}
}, children), modal ? isZoom ? /*#__PURE__*/_react.default.createElement(_zoom_image.default, {
path: path,
onCancel: handleCloseModal
}) : /*#__PURE__*/_react.default.createElement(_dragble_modal.default, {
title: "\u56FE\u7247\u9884\u89C8",
onCancel: handleCloseModal
}, /*#__PURE__*/_react.default.createElement("div", {
className: "app-file-preview-image"
}, /*#__PURE__*/_react.default.createElement("a", {
href: path,
target: "_blank",
rel: "noopener noreferrer"
}, /*#__PURE__*/_react.default.createElement("img", {
src: path
})))) : null);
};
var path = props.path,
children = props.children,
pdfHeight = props.pdfHeight;
var match = path && path.match(/\.(pdf|jpg|jpeg|png|gif)/i);
var suffix = match ? match[1] : '';
switch (suffix) {
case 'pdf':
return /*#__PURE__*/_react.default.createElement(_pdf_view.default, {
path: path,
pdfHeight: pdfHeight
}, children);
case 'jpg':
case 'jpeg':
case 'png':
case 'gif':
return renderImage();
default:
return /*#__PURE__*/_react.default.createElement("div", {
className: "app-file-preview"
}, children);
}
};
SuperFilePreview.propTypes = {
path: _propTypes.default.string,
children: _propTypes.default.any,
isZoom: _propTypes.default.bool,
pdfHeight: _propTypes.default.string
};
var _default = exports.default = SuperFilePreview;