fastlion-amis
Version:
一种MIS页面生成工具
102 lines (101 loc) • 7.09 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var Checkbox_1 = (0, tslib_1.__importDefault)(require("antd/lib/Checkbox"));
var utils_1 = require("../../utils/utils");
var CellPopover = function (props) {
return react_1.default.createElement(MediaAction, (0, tslib_1.__assign)({}, props),
react_1.default.createElement(ImgContent, (0, tslib_1.__assign)({}, props)));
};
var MediaAction = function (props) {
var Print = props.Print, remove = props.remove, tabSample = props.tabSample, readonly = props.readonly, children = props.children, selectMedia = props.selectMedia, mediaList = props.mediaList, printMedia = props.printMedia, downloadMedia = props.downloadMedia, selectList = props.selectList;
var actionList = [
{
name: "下载",
icon: 'fa-download',
disabled: !(selectList === null || selectList === void 0 ? void 0 : selectList.length),
action: downloadMedia
},
{
name: "打印",
icon: 'fa-print',
disabled: !(selectList === null || selectList === void 0 ? void 0 : selectList.length),
action: printMedia
}
];
var fileactionList = [
{
name: "下载",
icon: 'fa-download',
disabled: true,
action: downloadMedia
},
{
name: "打印",
icon: 'fa-print',
disabled: Print === null || Print === void 0 ? void 0 : Print(),
action: printMedia
},
{
name: "删除",
icon: 'fa-remove',
disabled: true,
action: remove
},
];
return react_1.default.createElement("div", { className: "mediaPopoverContent" },
mediaList.length > 0 &&
react_1.default.createElement("div", { className: (0, utils_1.classNames)("topAction") },
react_1.default.createElement("div", { className: "actionTitle" }, "\u6587\u4EF6\u5217\u8868"),
tabSample ? "" :
react_1.default.createElement("div", { className: "afterActionWrapper" },
react_1.default.createElement("span", { onClick: function () { selectMedia('all'); } }, "\u5168\u9009"),
react_1.default.createElement("span", { onClick: function () { selectMedia('invert'); }, style: { marginLeft: 16 } }, "\u53CD\u9009"))),
mediaList.length > 0 &&
react_1.default.createElement("div", { className: "centerContent", style: tabSample ? { minHeight: 124, height: "auto", overflow: "auto" } : {} }, children),
react_1.default.createElement("div", { className: "bottomAction" }, tabSample ?
fileactionList.map(function (actionItem, actionIndex) { return (readonly && actionIndex !== 2 ?
(react_1.default.createElement("div", { className: (0, utils_1.classNames)("actionItem", !actionItem.disabled && "actionDisabled"), key: actionIndex, onClick: function () {
var _a;
actionItem.disabled && ((_a = actionItem.action) === null || _a === void 0 ? void 0 : _a.call(actionItem));
} },
react_1.default.createElement("i", { className: "fa " + actionItem.icon }),
react_1.default.createElement("div", { className: "actionItemName" }, actionItem.name)))
: ""); })
:
actionList.map(function (actionItem, actionIndex) { return (react_1.default.createElement("div", { className: (0, utils_1.classNames)("actionItem", actionItem.disabled && "actionDisabled"), key: actionIndex, onClick: function () {
var _a;
!actionItem.disabled && ((_a = actionItem.action) === null || _a === void 0 ? void 0 : _a.call(actionItem));
} },
react_1.default.createElement("i", { className: "fa " + actionItem.icon }),
react_1.default.createElement("div", { className: "actionItemName" }, actionItem.name))); })));
};
var ImgContent = function (props) {
var singlePhoto = props.singlePhoto, tabSample = props.tabSample, formatFileSize = props.formatFileSize, mediaList = props.mediaList, selectList = props.selectList, checkMedia = props.checkMedia, previewMedia = props.previewMedia;
if (tabSample) {
return (react_1.default.createElement("div", { className: (0, utils_1.classNames)("allImgContent", "popoverContentScrollBar"), style: { textAlign: "center", placeContent: "center", padding: "0 5px" } }, react_1.default.createElement("div", { key: singlePhoto, style: { textAlign: "center" } },
react_1.default.createElement("img", { key: singlePhoto.name, src: singlePhoto.thumbnailAddr || singlePhoto.src, alt: singlePhoto.sourceFileName, style: { maxWidth: "100%", width: "auto", height: "auto" }, onClick: function (e) {
previewMedia === null || previewMedia === void 0 ? void 0 : previewMedia(e);
} }),
(0, utils_1.isImg)(singlePhoto.name) ? null :
(react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("p", { className: 'image-info' }, singlePhoto.name),
react_1.default.createElement("p", { className: 'image-info' }, singlePhoto.size && formatFileSize(singlePhoto.size)))))));
}
else {
return (react_1.default.createElement("div", { className: (0, utils_1.classNames)("allImgContent", "popoverContentScrollBar") }, mediaList.map(function (mediaItem, mediaIndex) { return (react_1.default.createElement("div", { className: (0, utils_1.classNames)("commonBorder", "MediaSelectedWrapper_common", mediaList.length === 1 && "singleImgWrapper", mediaList.length === 2 && "doubleImgWrapper", mediaList.length >= 3 && "mostImgWrapper", (selectList === null || selectList === void 0 ? void 0 : selectList.includes(mediaIndex)) && "MediaSelectedWrapper_selected"), key: mediaIndex },
react_1.default.createElement("img", { key: mediaIndex, src: mediaItem.src, alt: mediaItem.sourceFileName, onClick: function (e) {
!mediaItem.err &&
(previewMedia === null || previewMedia === void 0 ? void 0 : previewMedia(mediaIndex));
} }),
!mediaItem.err ?
react_1.default.createElement(Checkbox_1.default, { className: "selectCheckBox", checked: selectList === null || selectList === void 0 ? void 0 : selectList.includes(mediaIndex), onClick: function (e) {
e.stopPropagation();
checkMedia(mediaIndex);
} })
: null)); })));
}
};
exports.default = CellPopover;
//# sourceMappingURL=./renderers/Lion/Table/LionCellImg/CellPopover.js.map