75 lines
4.2 KiB
JavaScript
75 lines
4.2 KiB
JavaScript
var __create = Object.create;
|
|
var __defProp = Object.defineProperty;
|
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
var __getProtoOf = Object.getPrototypeOf;
|
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
var __export = (target, all) => {
|
|
for (var name in all)
|
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
};
|
|
var __copyProps = (to, from, except, desc) => {
|
|
if (from && typeof from === "object" || typeof from === "function") {
|
|
for (let key of __getOwnPropNames(from))
|
|
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
}
|
|
return to;
|
|
};
|
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
// file that has been converted to a CommonJS file using a Babel-
|
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
mod
|
|
));
|
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
|
|
// src/WarningRecordCard/WarningRecordCard.tsx
|
|
var WarningRecordCard_exports = {};
|
|
__export(WarningRecordCard_exports, {
|
|
WarningRecordCard: () => WarningRecordCard,
|
|
default: () => WarningRecordCard_default
|
|
});
|
|
module.exports = __toCommonJS(WarningRecordCard_exports);
|
|
var import_antd = require("antd");
|
|
var import_lib = require("antd/lib");
|
|
var import_react = __toESM(require("react"));
|
|
var import_dayjs = __toESM(require("dayjs"));
|
|
var import_index = require("./index.less");
|
|
var WarningRecordCard = (props) => {
|
|
const componentName = `zhst-biz-warning-record-card`;
|
|
const { record, onRecordClick, style, cardProps, selectedRecordId, cardStyle, imgStyle } = props;
|
|
const { imgSrc, id, warningType, warningInfo = [], cabietText, warningTime, warningTimestamp, warningTimeFormat = "YYYY-MM-DD HH:mm:ss" } = record || {};
|
|
const formattedDate = warningTimestamp ? (0, import_dayjs.default)(warningTimestamp).format(warningTimeFormat) : "";
|
|
const warningTimeShow = warningTime ? warningTime : formattedDate;
|
|
const { useToken } = import_lib.theme;
|
|
const { token } = useToken();
|
|
const selectedBorderStyle = {
|
|
border: `2px solid ${token.colorPrimary}`,
|
|
boxShadow: " 0px 2px 9px 0px rgba(0,0,0,0.16)"
|
|
};
|
|
const selectedCardStyle = {
|
|
...selectedRecordId === (record == null ? void 0 : record.id) ? selectedBorderStyle : {}
|
|
};
|
|
const handleClick = () => {
|
|
onRecordClick == null ? void 0 : onRecordClick(record);
|
|
};
|
|
return /* @__PURE__ */ import_react.default.createElement("div", { className: componentName, key: id, onClick: handleClick, style }, /* @__PURE__ */ import_react.default.createElement(
|
|
import_antd.Card,
|
|
{
|
|
cover: /* @__PURE__ */ import_react.default.createElement("img", { alt: "预警图", src: imgSrc, style: { width: 336, height: 203, borderRadius: 0, ...imgStyle } }),
|
|
style: { width: 356, height: 302, padding: 10, borderRadius: 4, ...selectedCardStyle, ...cardStyle },
|
|
...cardProps
|
|
},
|
|
/* @__PURE__ */ import_react.default.createElement("div", { className: "left-context" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "warning-type" }, warningType), /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 0, split: /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }) }, warningInfo == null ? void 0 : warningInfo.map((item, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "info-item" }, item))), /* @__PURE__ */ import_react.default.createElement("div", { className: "warning-time" }, warningTimeShow)),
|
|
/* @__PURE__ */ import_react.default.createElement("div", { className: "cabietInfo" }, cabietText)
|
|
));
|
|
};
|
|
var WarningRecordCard_default = WarningRecordCard;
|
|
// Annotate the CommonJS export names for ESM import in node:
|
|
0 && (module.exports = {
|
|
WarningRecordCard
|
|
});
|