fastlion-amis
Version:
一种MIS页面生成工具
24 lines (23 loc) • 2.14 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
// 合并图片组件
var antd_1 = require("antd");
var react_1 = tslib_1.__importDefault(require("react"));
var utils_1 = require("../../renderers/Lion/utils/utils");
var UnionImgContent = function (props) {
var unionList = props.unionList, handleUnionImgShow = props.handleUnionImgShow;
var unionListLength = unionList.length;
return react_1.default.createElement("div", { className: "unionContentWrapper" },
react_1.default.createElement("div", { className: "imgContentWrapper" }, unionList.map(function (imgItem, imgIndex) {
return react_1.default.createElement("div", { key: imgIndex, className: (0, utils_1.classNames)("baseUnionImgWrapper", unionListLength === 2 && "unionImgWrapper_2", unionListLength === 3 && "unionImgWrapper_3", unionListLength === 4 && "unionImgWrapper_4", (unionListLength > 4 && unionListLength <= 6) && "unionImgWrapper_6", (unionListLength > 6 && unionListLength <= 9) && "unionImgWrapper_9", (unionListLength > 9 && unionListLength <= 12) && "unionImgWrapper_12", (unionListLength > 12 && unionListLength <= 16) && "unionImgWrapper_16", (unionListLength > 16 && unionListLength <= 20) && "unionImgWrapper_20") },
react_1.default.createElement("div", { className: "unionImgWrapper" },
react_1.default.createElement("img", { src: imgItem.originalSrc, alt: imgItem.title, className: "unionImg", draggable: false })),
react_1.default.createElement("div", { className: "bottomName" }, imgItem.title));
})),
react_1.default.createElement("div", { className: "bottomActionWrapper" },
react_1.default.createElement(antd_1.Button, { onClick: function () { props.onClose(); }, style: { marginRight: '10px' } }, "\u5173\u95ED"),
react_1.default.createElement(antd_1.Button, { type: 'primary', onClick: function () { handleUnionImgShow(false); } }, "\u8FD8\u539F")));
};
exports.default = UnionImgContent;
//# sourceMappingURL=./components/Lion/UnionImgContent.js.map