syber-lowcode-business-materials
Version:
syber-lowcode-business-materials
31 lines • 1.28 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { useEffect } from "react";
import Device from "./Device.js";
export default function (props) {
var _appHelper$utils, _appHelper$utils2;
var appHelper = React.useContext(window.__appContext).appHelper;
var TCPManage = appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils = appHelper.utils) === null || _appHelper$utils === void 0 ? void 0 : _appHelper$utils._tcpManage;
var LocalStorage = appHelper === null || appHelper === void 0 ? void 0 : (_appHelper$utils2 = appHelper.utils) === null || _appHelper$utils2 === void 0 ? void 0 : _appHelper$utils2._localStorage;
var _React$useState = React.useState(0),
upDate = _React$useState[0],
setUpDate = _React$useState[1];
useEffect(function () {
setUpDate(function (oldNum) {
return oldNum + 1;
});
}, [props.deviceId, props.width]);
return /*#__PURE__*/React.createElement(Device, _extends({}, props, {
key: "d_" + upDate,
TCPManage: TCPManage,
LocalStorage: LocalStorage,
deviceMessage: {
_id: props.deviceId
},
diySizeConfig: {
width: props.width,
height: Math.round(props.width * 1.74),
scale: 1
},
onClick: props.onMonitoringCardClick
}));
}