UNPKG

@linkdesign/screen

Version:

屏组件库,但使用场景又不局限于屏。主要用于BI、大盘和屏

67 lines (66 loc) 2.8 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); exports.__esModule = true; exports["default"] = void 0; var _react = _interopRequireWildcard(require("react")); var _classnames = _interopRequireDefault(require("classnames")); var _context = _interopRequireDefault(require("../../../context")); function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); } function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; } var COLOR_MAP = { '1,BLUE': { backgroundColor: '#0072cf', color: '#fff', type: '蓝牌车' }, '2,YELLOW': { backgroundColor: '#ffed27', color: '#333', type: '黄牌车' }, '3,WHITE': { backgroundColor: '#fff', color: '#333', type: '白牌车' }, '4,BLACK': { backgroundColor: '#333', color: '#fff', type: '黑牌车' }, '5,GREEN': { backgroundColor: '#0AAF66', color: '#333', type: '绿牌车' } }; var getConfig = function getConfig(plateColor) { var target = Object.keys(COLOR_MAP).find(function (key) { return key.split(',').includes("" + plateColor); }); // @ts-ignore return COLOR_MAP[target] || {}; }; var CarPlate = function CarPlate(props) { var _useContext = (0, _react.useContext)(_context["default"]), _cssPrefix = _useContext._cssPrefix; var className = props.className, plateNo = props.plateNo, plateColor = props.plateColor; var backgroundColor = getConfig(plateColor).backgroundColor || 'transparent'; var color = getConfig(plateColor).color || '#fff'; var border = backgroundColor === 'transparent' ? 'none' : "1px solid " + color; return /*#__PURE__*/_react["default"].createElement("div", { className: (0, _classnames["default"])(className, _cssPrefix + "car-plate-container"), style: { backgroundColor: backgroundColor } }, /*#__PURE__*/_react["default"].createElement("div", { className: "inner", style: { border: border, color: color } }, plateNo || '-')); }; var _default = exports["default"] = /*#__PURE__*/_react["default"].memo(CarPlate);