kitchen-simulator
Version:
It is a kitchen simulator (self-contained micro-frontend).
61 lines • 1.9 kB
JavaScript
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import React, { useState, useEffect } from 'react';
import Viewer3D from "./viewer3d";
import State3D from "./ruler-utils/state3D";
var k = 0;
export default function Front3D(_ref, _ref2) {
var width = _ref.width,
height = _ref.height,
state = _ref.state,
setToolbar = _ref.setToolbar,
replaceCabinet = _ref.replaceCabinet,
keyDownEnable = _ref.keyDownEnable,
catalog = _ref.catalog;
var viewer2DActions = _ref2.viewer2DActions;
var _useState = useState(''),
_useState2 = _slicedToArray(_useState, 2),
mode = _useState2[0],
setMode = _useState2[1];
var sceneWidth = width;
var sceneHeight = height;
if (mode !== state.get('mode')) {
k++;
setMode(state.get('mode'));
}
var mouseUpEvent = function mouseUpEvent(event) {
setToolbar('');
};
useEffect(function () {
document.getElementById('front').addEventListener('mouseup', mouseUpEvent);
return function () {
document.getElementById('front').removeEventListener('mouseup', mouseUpEvent);
};
}, []);
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("svg", {
width: sceneWidth,
height: sceneHeight,
id: "front",
style: {
position: 'absolute',
display: 'block'
}
}, /*#__PURE__*/React.createElement("g", {
transform: "translate(".concat(width / 2, ", ").concat(height / 2, ")")
}, /*#__PURE__*/React.createElement(State3D, {
state: state,
catalog: catalog,
height: sceneHeight,
width: sceneWidth,
downloadFlag: false
}))), /*#__PURE__*/React.createElement(Viewer3D, {
id: "viewer3D",
key: k,
state: state,
width: width,
height: height,
setToolbar: setToolbar,
replaceCabinet: replaceCabinet,
keyDownEnable: keyDownEnable,
downloadFlag: false
}));
}