kitchen-simulator 1.1.1-test.61 → 1.1.1-test.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/@history.js +2 -10
- package/es/AppContext.js +3 -10
- package/es/KitchenConfigurator.js +70 -79
- package/es/KitchenConfiguratorApp.js +98 -107
- package/es/actions/area-actions.js +5 -12
- package/es/actions/export.js +12 -29
- package/es/actions/groups-actions.js +27 -45
- package/es/actions/holes-actions.js +34 -55
- package/es/actions/items-actions.js +94 -145
- package/es/actions/lines-actions.js +21 -36
- package/es/actions/project-actions.js +94 -145
- package/es/actions/scene-actions.js +11 -21
- package/es/actions/vertices-actions.js +7 -15
- package/es/actions/viewer2d-actions.js +21 -36
- package/es/actions/viewer3d-actions.js +9 -18
- package/es/catalog/areas/area/planner-element.js +2 -9
- package/es/catalog/catalog.js +15 -21
- package/es/catalog/factories/area-factory-3d.js +22 -31
- package/es/catalog/factories/area-factory.js +11 -20
- package/es/catalog/factories/export.js +6 -24
- package/es/catalog/factories/wall-factory-3d.js +31 -41
- package/es/catalog/factories/wall-factory.js +21 -31
- package/es/catalog/holes/door-closet/planner-element.js +15 -24
- package/es/catalog/holes/door-double/planner-element.js +15 -24
- package/es/catalog/holes/door-exterior/planner-element.js +16 -25
- package/es/catalog/holes/door-interior/planner-element.js +16 -25
- package/es/catalog/holes/door-panic/planner-element.js +7 -16
- package/es/catalog/holes/door-panic-double/planner-element.js +15 -24
- package/es/catalog/holes/door-sliding/planner-element.js +16 -25
- package/es/catalog/holes/doorway-framed/planner-element.js +11 -20
- package/es/catalog/holes/doorway-frameless/planner-element.js +7 -16
- package/es/catalog/holes/export.js +13 -97
- package/es/catalog/holes/window-clear/planner-element.js +10 -19
- package/es/catalog/holes/window-cross/planner-element.js +10 -19
- package/es/catalog/holes/window-double-hung/planner-element.js +10 -19
- package/es/catalog/holes/window-vertical/planner-element.js +10 -19
- package/es/catalog/lines/wall/planner-element.js +2 -9
- package/es/catalog/molding/molding-dcm/planner-element.js +5 -14
- package/es/catalog/molding/molding-fbm/planner-element.js +5 -14
- package/es/catalog/molding/molding-lrm/planner-element.js +5 -14
- package/es/catalog/properties/export.js +20 -80
- package/es/catalog/properties/property-checkbox.js +24 -31
- package/es/catalog/properties/property-color.js +16 -23
- package/es/catalog/properties/property-enum.js +24 -31
- package/es/catalog/properties/property-hidden.js +9 -16
- package/es/catalog/properties/property-lenght-measure.js +38 -45
- package/es/catalog/properties/property-length-measure.js +36 -43
- package/es/catalog/properties/property-length-measure_hole.js +38 -45
- package/es/catalog/properties/property-number.js +17 -24
- package/es/catalog/properties/property-read-only.js +16 -23
- package/es/catalog/properties/property-string.js +16 -23
- package/es/catalog/properties/property-toggle.js +16 -23
- package/es/catalog/properties/shared-property-style.js +1 -7
- package/es/catalog/utils/FuseUtils.js +8 -15
- package/es/catalog/utils/exporter.js +8 -15
- package/es/catalog/utils/geom-utils.js +13 -29
- package/es/catalog/utils/item-loader.js +84 -97
- package/es/catalog/utils/load-obj.js +20 -28
- package/es/catalog/utils/mtl-loader.js +3 -8
- package/es/catalog/utils/obj-loader.js +3 -8
- package/es/class/FuseUtils.js +8 -15
- package/es/class/area.js +22 -28
- package/es/class/export.js +23 -95
- package/es/class/group.js +53 -59
- package/es/class/guide.js +15 -21
- package/es/class/hole.js +83 -89
- package/es/class/item.js +141 -147
- package/es/class/layer.js +59 -65
- package/es/class/line.js +135 -143
- package/es/class/project.js +90 -98
- package/es/class/vertex.js +29 -35
- package/es/components/content.js +19 -28
- package/es/components/disclaimer/disclaimer.js +10 -18
- package/es/components/export.js +8 -32
- package/es/components/style/button.js +23 -31
- package/es/components/style/cancel-button.js +7 -14
- package/es/components/style/content-container.js +9 -16
- package/es/components/style/content-title.js +11 -20
- package/es/components/style/delete-button.js +8 -17
- package/es/components/style/export.js +30 -120
- package/es/components/style/form-block.js +8 -15
- package/es/components/style/form-color-input.js +7 -14
- package/es/components/style/form-label.js +8 -15
- package/es/components/style/form-number-input.js +41 -49
- package/es/components/style/form-number-input_2.js +36 -44
- package/es/components/style/form-select.js +17 -24
- package/es/components/style/form-slider.js +10 -17
- package/es/components/style/form-submit-button.js +8 -17
- package/es/components/style/form-text-input.js +26 -34
- package/es/components/viewer2d/area.js +17 -24
- package/es/components/viewer2d/export.js +30 -120
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +10 -17
- package/es/components/viewer2d/grids/grid-streak.js +10 -17
- package/es/components/viewer2d/grids/grid-vertical-streak.js +10 -17
- package/es/components/viewer2d/grids/grids.js +10 -19
- package/es/components/viewer2d/group.js +15 -24
- package/es/components/viewer2d/item.js +61 -70
- package/es/components/viewer2d/layer.js +23 -30
- package/es/components/viewer2d/line.js +101 -111
- package/es/components/viewer2d/ruler.js +22 -29
- package/es/components/viewer2d/rulerDist.js +21 -28
- package/es/components/viewer2d/rulerX.js +39 -47
- package/es/components/viewer2d/rulerY.js +37 -45
- package/es/components/viewer2d/scene.js +30 -38
- package/es/components/viewer2d/snap.js +13 -22
- package/es/components/viewer2d/state.js +18 -27
- package/es/components/viewer2d/utils.js +24 -37
- package/es/components/viewer2d/vertex.js +8 -17
- package/es/components/viewer2d/viewer2d.js +153 -163
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +17 -23
- package/es/components/viewer3d/dcm.js +1 -7
- package/es/components/viewer3d/fbm.js +1 -7
- package/es/components/viewer3d/front3D.js +12 -21
- package/es/components/viewer3d/grid-creator.js +8 -17
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +6 -14
- package/es/components/viewer3d/grids/grid-streak.js +5 -13
- package/es/components/viewer3d/grids/grid-vertical-streak.js +6 -14
- package/es/components/viewer3d/libs/first-person-controls.js +2 -9
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +1 -7
- package/es/components/viewer3d/libs/mtl-loader.js +1 -7
- package/es/components/viewer3d/libs/obj-loader.js +1 -7
- package/es/components/viewer3d/libs/orbit-controls.js +2 -8
- package/es/components/viewer3d/libs/pointer-lock-controls.js +2 -8
- package/es/components/viewer3d/lrm.js +1 -7
- package/es/components/viewer3d/model.js +1 -7
- package/es/components/viewer3d/pointer-lock-navigation.js +3 -10
- package/es/components/viewer3d/ruler-utils/itemRect.js +18 -25
- package/es/components/viewer3d/ruler-utils/layer3D.js +59 -66
- package/es/components/viewer3d/ruler-utils/ruler3D.js +39 -46
- package/es/components/viewer3d/ruler-utils/scene3D.js +9 -17
- package/es/components/viewer3d/ruler-utils/state3D.js +4 -11
- package/es/components/viewer3d/scene-creator.js +191 -226
- package/es/components/viewer3d/three-memory-cleaner.js +3 -12
- package/es/components/viewer3d/viewer3d-first-person.js +40 -46
- package/es/components/viewer3d/viewer3d.js +196 -202
- package/es/constants.js +349 -358
- package/es/index.js +8 -22
- package/es/models.js +177 -184
- package/es/plugins/SVGLoader.js +48 -53
- package/es/plugins/autosave.js +3 -9
- package/es/plugins/console-debugger.js +5 -12
- package/es/plugins/export.js +8 -32
- package/es/plugins/keyboard.js +29 -35
- package/es/reducers/areas-reducer.js +7 -13
- package/es/reducers/export.js +24 -96
- package/es/reducers/groups-reducer.js +31 -37
- package/es/reducers/holes-reducer.js +43 -49
- package/es/reducers/items-reducer.js +106 -112
- package/es/reducers/lines-reducer.js +28 -34
- package/es/reducers/project-reducer.js +105 -111
- package/es/reducers/reducer.js +16 -23
- package/es/reducers/scene-reducer.js +15 -21
- package/es/reducers/user-reducer.js +5 -11
- package/es/reducers/vertices-reducer.js +11 -17
- package/es/reducers/viewer2d-reducer.js +18 -24
- package/es/reducers/viewer3d-reducer.js +16 -22
- package/es/shared-style.js +10 -16
- package/es/styles/export.js +3 -11
- package/es/translator/en.js +1 -7
- package/es/translator/it.js +1 -7
- package/es/translator/ru.js +1 -7
- package/es/translator/translator.js +13 -19
- package/es/utils/browser.js +2 -9
- package/es/utils/convert-units-lite.js +1 -7
- package/es/utils/email-validator.js +1 -7
- package/es/utils/export.js +15 -46
- package/es/utils/geometry.js +181 -278
- package/es/utils/get-edges-of-subgraphs.js +2 -9
- package/es/utils/graph-cycles.js +8 -11
- package/es/utils/graph-inner-cycles.js +10 -18
- package/es/utils/graph.js +9 -17
- package/es/utils/helper.js +39 -63
- package/es/utils/history.js +8 -15
- package/es/utils/id-broker.js +8 -15
- package/es/utils/logger.js +1 -7
- package/es/utils/math.js +5 -12
- package/es/utils/molding.js +119 -144
- package/es/utils/name-generator.js +7 -13
- package/es/utils/objects-utils.js +7 -19
- package/es/utils/phone-validator.js +1 -7
- package/es/utils/process-black-list.js +3 -10
- package/es/utils/react-if.js +6 -12
- package/es/utils/snap-scene.js +27 -34
- package/es/utils/snap.js +45 -59
- package/es/utils/summarizeCart.js +1 -7
- package/es/utils/threeCSG.es6.js +13 -22
- package/es/version.js +1 -7
- package/lib/index.js +7 -13
- package/package.json +1 -1
|
@@ -1,21 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = WallFactory;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _wallFactory3d = require("./wall-factory-3d");
|
|
11
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
12
|
-
var Geometry = _interopRequireWildcard(require("../../utils/geometry"));
|
|
13
|
-
var _translator = _interopRequireDefault(require("../../translator/translator"));
|
|
14
|
-
var _constants = require("../../constants");
|
|
15
|
-
var _line = _interopRequireDefault(require("../../class/line"));
|
|
16
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { buildWall, updatedWall } from "./wall-factory-3d";
|
|
3
|
+
import * as SharedStyle from "../../shared-style";
|
|
4
|
+
import * as Geometry from "../../utils/geometry";
|
|
5
|
+
import Translator from "../../translator/translator";
|
|
6
|
+
import { LINE_THICKNESS } from "../../constants";
|
|
17
7
|
// import Line from 'src/class/line';
|
|
18
|
-
|
|
8
|
+
import Line from "../../class/line";
|
|
19
9
|
var epsilon = 20;
|
|
20
10
|
var STYLE_TEXT = {
|
|
21
11
|
textAnchor: 'middle'
|
|
@@ -55,11 +45,11 @@ var STYLE_POLYGON_SELECTED = {
|
|
|
55
45
|
stroke: SharedStyle.LINE_MESH_COLOR.selected,
|
|
56
46
|
fill: SharedStyle.LINE_MESH_COLOR.selected
|
|
57
47
|
};
|
|
58
|
-
var translator = new
|
|
48
|
+
var translator = new Translator();
|
|
59
49
|
|
|
60
50
|
/** Create Lines from State */
|
|
61
51
|
var createLineGeometry = function createLineGeometry(scene, state) {
|
|
62
|
-
var wall_thickness =
|
|
52
|
+
var wall_thickness = LINE_THICKNESS / 2;
|
|
63
53
|
var layerID = scene.selectedLayer;
|
|
64
54
|
var layer = scene.getIn(['layers', layerID]);
|
|
65
55
|
var lines = layer.lines;
|
|
@@ -143,13 +133,13 @@ var createLineGeometry = function createLineGeometry(scene, state) {
|
|
|
143
133
|
});
|
|
144
134
|
}
|
|
145
135
|
});
|
|
146
|
-
state =
|
|
136
|
+
state = Line.setRelatedLine(state, layer.id, line.id, intersection).updatedState;
|
|
147
137
|
});
|
|
148
138
|
return {
|
|
149
139
|
updatedState: state
|
|
150
140
|
};
|
|
151
141
|
};
|
|
152
|
-
function WallFactory(name, info, textures) {
|
|
142
|
+
export default function WallFactory(name, info, textures) {
|
|
153
143
|
var wallElement = {
|
|
154
144
|
name: name,
|
|
155
145
|
prototype: 'lines',
|
|
@@ -165,7 +155,7 @@ function WallFactory(name, info, textures) {
|
|
|
165
155
|
label: translator.t('thickness'),
|
|
166
156
|
type: 'length-measure',
|
|
167
157
|
defaultValue: {
|
|
168
|
-
length:
|
|
158
|
+
length: LINE_THICKNESS / 2
|
|
169
159
|
}
|
|
170
160
|
},
|
|
171
161
|
properties: {},
|
|
@@ -185,7 +175,7 @@ function WallFactory(name, info, textures) {
|
|
|
185
175
|
var verticesinfo = layer.vertices.get(element.vertices.get(0));
|
|
186
176
|
var length = Geometry.pointsDistance(x1, y1, x2, y2);
|
|
187
177
|
var length_5 = length / 5;
|
|
188
|
-
var thickness =
|
|
178
|
+
var thickness = LINE_THICKNESS;
|
|
189
179
|
// let thickness = element.getIn(['properties', 'thickness', 'length']);
|
|
190
180
|
var half_thickness = thickness / 2;
|
|
191
181
|
var half_thickness_eps = half_thickness + epsilon;
|
|
@@ -208,35 +198,35 @@ function WallFactory(name, info, textures) {
|
|
|
208
198
|
});
|
|
209
199
|
|
|
210
200
|
//Fill a polygon with the pattern specified by the polygon's id.(For example:fill='url(#pat) =><pattern id="pat">)
|
|
211
|
-
var outwall = /*#__PURE__*/
|
|
201
|
+
var outwall = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
|
|
212
202
|
id: "pat",
|
|
213
203
|
x: "0",
|
|
214
204
|
y: "0",
|
|
215
205
|
width: "5",
|
|
216
206
|
height: "5",
|
|
217
207
|
patternUnits: "userSpaceOnUse"
|
|
218
|
-
}, /*#__PURE__*/
|
|
208
|
+
}, /*#__PURE__*/React.createElement("line", {
|
|
219
209
|
x1: "0",
|
|
220
210
|
y1: "0",
|
|
221
211
|
x2: "3",
|
|
222
212
|
y2: "3",
|
|
223
213
|
style: STYLE_LINE
|
|
224
214
|
})));
|
|
225
|
-
return !element.selected ? /*#__PURE__*/
|
|
215
|
+
return !element.selected ? /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
|
|
226
216
|
points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
|
|
227
217
|
fill: "url(#pat)",
|
|
228
218
|
fillRule: "evenodd"
|
|
229
|
-
}), outwall, /*#__PURE__*/
|
|
219
|
+
}), outwall, /*#__PURE__*/React.createElement("line", {
|
|
230
220
|
x1: x1,
|
|
231
221
|
y1: y1,
|
|
232
222
|
x2: x2,
|
|
233
223
|
y2: y2,
|
|
234
224
|
style: STYLE_INTERIOR_LINE
|
|
235
|
-
})) : /*#__PURE__*/
|
|
225
|
+
})) : /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
|
|
236
226
|
points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
|
|
237
227
|
fill: "url(#pat)",
|
|
238
228
|
fillRule: "evenodd"
|
|
239
|
-
}), outwall, /*#__PURE__*/
|
|
229
|
+
}), outwall, /*#__PURE__*/React.createElement("line", {
|
|
240
230
|
x1: x1,
|
|
241
231
|
y1: y1,
|
|
242
232
|
x2: x2,
|
|
@@ -245,10 +235,10 @@ function WallFactory(name, info, textures) {
|
|
|
245
235
|
}));
|
|
246
236
|
},
|
|
247
237
|
render3D: function render3D(element, layer, scene, mode) {
|
|
248
|
-
return
|
|
238
|
+
return buildWall(element, layer, scene, textures, mode);
|
|
249
239
|
},
|
|
250
240
|
updateRender3D: function updateRender3D(element, layer, scene, mesh, oldElement, differences, selfDestroy, selfBuild) {
|
|
251
|
-
return
|
|
241
|
+
return updatedWall(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild);
|
|
252
242
|
}
|
|
253
243
|
};
|
|
254
244
|
if (textures && textures !== {}) {
|
|
@@ -1,16 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
-
var _loadObj = require("../../utils/load-obj");
|
|
12
|
-
var _constants = require("../../../constants");
|
|
13
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
3
|
+
import { loadGLTF } from "../../utils/load-obj";
|
|
4
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
14
5
|
var cached3DDoor = null;
|
|
15
6
|
var STYLE_HOLE_BASE = {
|
|
16
7
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -69,7 +60,7 @@ var STYLE_FNT0 = {
|
|
|
69
60
|
fontFamily: 'Proxima Nova Rg'
|
|
70
61
|
};
|
|
71
62
|
var EPSILON = 3;
|
|
72
|
-
|
|
63
|
+
export default {
|
|
73
64
|
name: 'Closet',
|
|
74
65
|
prototype: 'holes',
|
|
75
66
|
info: {
|
|
@@ -130,20 +121,20 @@ var _default = exports["default"] = {
|
|
|
130
121
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
131
122
|
var length = element.properties.get('width').get('length');
|
|
132
123
|
if (flip == false) {
|
|
133
|
-
return /*#__PURE__*/
|
|
124
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
134
125
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
135
|
-
}, /*#__PURE__*/
|
|
126
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
136
127
|
d: arcPath,
|
|
137
128
|
style: arcStyle,
|
|
138
129
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
139
|
-
}), /*#__PURE__*/
|
|
130
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
140
131
|
x1: 0,
|
|
141
132
|
y1: holeWidth - EPSILON,
|
|
142
133
|
x2: 0,
|
|
143
134
|
y2: 0 - EPSILON,
|
|
144
135
|
style: holeStyle,
|
|
145
136
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
146
|
-
}), /*#__PURE__*/
|
|
137
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
147
138
|
style: rectStyle,
|
|
148
139
|
x: "0",
|
|
149
140
|
y: -lineWidth / 2,
|
|
@@ -151,20 +142,20 @@ var _default = exports["default"] = {
|
|
|
151
142
|
height: lineWidth
|
|
152
143
|
}));
|
|
153
144
|
} else {
|
|
154
|
-
return /*#__PURE__*/
|
|
145
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
155
146
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
156
|
-
}, /*#__PURE__*/
|
|
147
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
157
148
|
d: arcPath,
|
|
158
149
|
style: arcStyle,
|
|
159
150
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
160
|
-
}), /*#__PURE__*/
|
|
151
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
161
152
|
x1: 0,
|
|
162
153
|
y1: -holeWidth - EPSILON,
|
|
163
154
|
x2: 0,
|
|
164
155
|
y2: 0 - EPSILON,
|
|
165
156
|
style: holeStyle,
|
|
166
157
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
167
|
-
}), /*#__PURE__*/
|
|
158
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
168
159
|
style: rectStyle,
|
|
169
160
|
x: "0",
|
|
170
161
|
y: -lineWidth / 2,
|
|
@@ -207,7 +198,7 @@ var _default = exports["default"] = {
|
|
|
207
198
|
// mat2.map = t;
|
|
208
199
|
// mat2.envMap = textureCube;
|
|
209
200
|
for (var j = 0; j < object.children.length; j++) {
|
|
210
|
-
if (object.children[j].type ===
|
|
201
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
211
202
|
object.children[j].material = mat2;
|
|
212
203
|
object.children[j].receiveShadow = true;
|
|
213
204
|
}
|
|
@@ -223,7 +214,7 @@ var _default = exports["default"] = {
|
|
|
223
214
|
if (cached3DDoor) {
|
|
224
215
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
225
216
|
}
|
|
226
|
-
return
|
|
217
|
+
return loadGLTF(element.url).then(function (object) {
|
|
227
218
|
cached3DDoor = object;
|
|
228
219
|
return onLoadItem(cached3DDoor.clone());
|
|
229
220
|
});
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
12
3
|
var black = new Three.MeshLambertMaterial({
|
|
13
4
|
color: 0x000000
|
|
14
5
|
});
|
|
@@ -103,7 +94,7 @@ function makeLock() {
|
|
|
103
94
|
lock.add(lock_p1);
|
|
104
95
|
return lock;
|
|
105
96
|
}
|
|
106
|
-
|
|
97
|
+
export default {
|
|
107
98
|
name: 'Double Door',
|
|
108
99
|
prototype: 'holes',
|
|
109
100
|
info: {
|
|
@@ -224,33 +215,33 @@ var _default = exports["default"] = {
|
|
|
224
215
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
225
216
|
var length = element.properties.get('width').get('length');
|
|
226
217
|
if (flip) {
|
|
227
|
-
return /*#__PURE__*/
|
|
218
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
228
219
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
229
|
-
}, /*#__PURE__*/
|
|
220
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
230
221
|
key: "1",
|
|
231
222
|
d: arcPath,
|
|
232
223
|
style: arcStyle,
|
|
233
224
|
transform: "translate(".concat(0, ",", -holeWidth / 4, ")")
|
|
234
|
-
}), /*#__PURE__*/
|
|
225
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
235
226
|
key: "2",
|
|
236
227
|
x1: 0,
|
|
237
228
|
y1: 0 - epsilon,
|
|
238
229
|
x2: 0,
|
|
239
230
|
y2: -holeWidth / 4 - epsilon,
|
|
240
231
|
style: holeStyle
|
|
241
|
-
}), /*#__PURE__*/
|
|
232
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
242
233
|
key: "3",
|
|
243
234
|
d: arcPath2,
|
|
244
235
|
style: arcStyle,
|
|
245
236
|
transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2 - holeWidth / 4, ") rotate(90)")
|
|
246
|
-
}), /*#__PURE__*/
|
|
237
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
247
238
|
key: "4",
|
|
248
239
|
x1: holeWidth,
|
|
249
240
|
y1: 0 - epsilon,
|
|
250
241
|
x2: holeWidth,
|
|
251
242
|
y2: -holeWidth / 2 - holeWidth / 4 - epsilon,
|
|
252
243
|
style: holeStyle
|
|
253
|
-
}), /*#__PURE__*/
|
|
244
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
254
245
|
style: rectStyle,
|
|
255
246
|
x: "0",
|
|
256
247
|
y: -lineWidth / 2,
|
|
@@ -258,33 +249,33 @@ var _default = exports["default"] = {
|
|
|
258
249
|
height: lineWidth
|
|
259
250
|
}));
|
|
260
251
|
} else {
|
|
261
|
-
return /*#__PURE__*/
|
|
252
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
262
253
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
263
|
-
}, /*#__PURE__*/
|
|
254
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
264
255
|
key: "1",
|
|
265
256
|
d: arcPath,
|
|
266
257
|
style: arcStyle,
|
|
267
258
|
transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 4, ") rotate(180)")
|
|
268
|
-
}), /*#__PURE__*/
|
|
259
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
269
260
|
key: "2",
|
|
270
261
|
x1: 0,
|
|
271
262
|
y1: 0 - epsilon,
|
|
272
263
|
x2: 0,
|
|
273
264
|
y2: holeWidth / 2 + holeWidth / 4 - epsilon,
|
|
274
265
|
style: holeStyle
|
|
275
|
-
}), /*#__PURE__*/
|
|
266
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
276
267
|
key: "3",
|
|
277
268
|
d: arcPath2,
|
|
278
269
|
style: arcStyle,
|
|
279
270
|
transform: "translate(".concat(0, ",", holeWidth / 2 + holeWidth / 4, ") rotate(270)")
|
|
280
|
-
}), /*#__PURE__*/
|
|
271
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
281
272
|
key: "4",
|
|
282
273
|
x1: holeWidth,
|
|
283
274
|
y1: 0 - epsilon,
|
|
284
275
|
x2: holeWidth,
|
|
285
276
|
y2: holeWidth / 4 - epsilon,
|
|
286
277
|
style: holeStyle
|
|
287
|
-
}), /*#__PURE__*/
|
|
278
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
288
279
|
style: rectStyle,
|
|
289
280
|
x: "0",
|
|
290
281
|
y: -lineWidth / 2,
|
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
-
var _loadObj = require("../../utils/load-obj");
|
|
12
|
-
var _path = _interopRequireDefault(require("path"));
|
|
13
|
-
var _constants = require("../../../constants");
|
|
14
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
3
|
+
import { loadGLTF } from "../../utils/load-obj";
|
|
4
|
+
import path from 'path';
|
|
5
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
15
6
|
var cached3DDoor = null;
|
|
16
7
|
var STYLE_HOLE_BASE = {
|
|
17
8
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -70,7 +61,7 @@ var STYLE_FNT0 = {
|
|
|
70
61
|
fontFamily: 'Proxima Nova Rg'
|
|
71
62
|
};
|
|
72
63
|
var EPSILON = 3;
|
|
73
|
-
|
|
64
|
+
export default {
|
|
74
65
|
name: 'Exterior',
|
|
75
66
|
prototype: 'holes',
|
|
76
67
|
info: {
|
|
@@ -131,20 +122,20 @@ var _default = exports["default"] = {
|
|
|
131
122
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
132
123
|
var length = element.properties.get('width').get('length');
|
|
133
124
|
if (flip == false) {
|
|
134
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
135
126
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
136
|
-
}, /*#__PURE__*/
|
|
127
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
137
128
|
d: arcPath,
|
|
138
129
|
style: arcStyle,
|
|
139
130
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
140
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
141
132
|
x1: 0,
|
|
142
133
|
y1: holeWidth - EPSILON,
|
|
143
134
|
x2: 0,
|
|
144
135
|
y2: 0 - EPSILON,
|
|
145
136
|
style: holeStyle,
|
|
146
137
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
147
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
148
139
|
style: rectStyle,
|
|
149
140
|
x: "0",
|
|
150
141
|
y: -lineWidth / 2,
|
|
@@ -152,20 +143,20 @@ var _default = exports["default"] = {
|
|
|
152
143
|
height: lineWidth
|
|
153
144
|
}));
|
|
154
145
|
} else {
|
|
155
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
156
147
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
157
|
-
}, /*#__PURE__*/
|
|
148
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
158
149
|
d: arcPath,
|
|
159
150
|
style: arcStyle,
|
|
160
151
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
161
|
-
}), /*#__PURE__*/
|
|
152
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
162
153
|
x1: 0,
|
|
163
154
|
y1: -holeWidth - EPSILON,
|
|
164
155
|
x2: 0,
|
|
165
156
|
y2: 0 - EPSILON,
|
|
166
157
|
style: holeStyle,
|
|
167
158
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
168
|
-
}), /*#__PURE__*/
|
|
159
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
169
160
|
style: rectStyle,
|
|
170
161
|
x: "0",
|
|
171
162
|
y: -lineWidth / 2,
|
|
@@ -202,7 +193,7 @@ var _default = exports["default"] = {
|
|
|
202
193
|
|
|
203
194
|
// mat2.envMap = textureCube;
|
|
204
195
|
for (var j = 0; j < object.children.length; j++) {
|
|
205
|
-
if (object.children[j].type ===
|
|
196
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
206
197
|
object.children[j].material = mat2;
|
|
207
198
|
object.children[j].receiveShadow = true;
|
|
208
199
|
}
|
|
@@ -216,7 +207,7 @@ var _default = exports["default"] = {
|
|
|
216
207
|
if (cached3DDoor) {
|
|
217
208
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
218
209
|
}
|
|
219
|
-
return
|
|
210
|
+
return loadGLTF(element.url).then(function (object) {
|
|
220
211
|
cached3DDoor = object;
|
|
221
212
|
return onLoadItem(cached3DDoor.clone());
|
|
222
213
|
});
|
|
@@ -1,17 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
-
var _loadObj = require("../../utils/load-obj");
|
|
12
|
-
var _path = _interopRequireDefault(require("path"));
|
|
13
|
-
var _constants = require("../../../constants");
|
|
14
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
3
|
+
import { loadGLTF } from "../../utils/load-obj";
|
|
4
|
+
import path from 'path';
|
|
5
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
15
6
|
var cached3DDoor = null;
|
|
16
7
|
var STYLE_HOLE_BASE = {
|
|
17
8
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -70,7 +61,7 @@ var STYLE_FNT0 = {
|
|
|
70
61
|
fontFamily: 'Proxima Nova Rg'
|
|
71
62
|
};
|
|
72
63
|
var EPSILON = 3;
|
|
73
|
-
|
|
64
|
+
export default {
|
|
74
65
|
name: 'Interior',
|
|
75
66
|
prototype: 'holes',
|
|
76
67
|
info: {
|
|
@@ -131,20 +122,20 @@ var _default = exports["default"] = {
|
|
|
131
122
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
132
123
|
var length = element.properties.get('width').get('length');
|
|
133
124
|
if (flip == false) {
|
|
134
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
135
126
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
136
|
-
}, /*#__PURE__*/
|
|
127
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
137
128
|
d: arcPath,
|
|
138
129
|
style: arcStyle,
|
|
139
130
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
140
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
141
132
|
x1: 0,
|
|
142
133
|
y1: holeWidth - EPSILON,
|
|
143
134
|
x2: 0,
|
|
144
135
|
y2: 0 - EPSILON,
|
|
145
136
|
style: holeStyle,
|
|
146
137
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
147
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
148
139
|
style: rectStyle,
|
|
149
140
|
x: "0",
|
|
150
141
|
y: -lineWidth / 2,
|
|
@@ -152,20 +143,20 @@ var _default = exports["default"] = {
|
|
|
152
143
|
height: lineWidth
|
|
153
144
|
}));
|
|
154
145
|
} else {
|
|
155
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
156
147
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
157
|
-
}, /*#__PURE__*/
|
|
148
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
158
149
|
d: arcPath,
|
|
159
150
|
style: arcStyle,
|
|
160
151
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
161
|
-
}), /*#__PURE__*/
|
|
152
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
162
153
|
x1: 0,
|
|
163
154
|
y1: -holeWidth - EPSILON,
|
|
164
155
|
x2: 0,
|
|
165
156
|
y2: 0 - EPSILON,
|
|
166
157
|
style: holeStyle,
|
|
167
158
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
168
|
-
}), /*#__PURE__*/
|
|
159
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
169
160
|
style: rectStyle,
|
|
170
161
|
x: "0",
|
|
171
162
|
y: -lineWidth / 2,
|
|
@@ -202,7 +193,7 @@ var _default = exports["default"] = {
|
|
|
202
193
|
|
|
203
194
|
// mat2.envMap = textureCube;
|
|
204
195
|
for (var j = 0; j < object.children.length; j++) {
|
|
205
|
-
if (object.children[j].type ===
|
|
196
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
206
197
|
object.children[j].material = mat2;
|
|
207
198
|
object.children[j].receiveShadow = true;
|
|
208
199
|
}
|
|
@@ -221,7 +212,7 @@ var _default = exports["default"] = {
|
|
|
221
212
|
// let obj = require('./door.obj');
|
|
222
213
|
|
|
223
214
|
// console.log(mtl, obj, img)
|
|
224
|
-
return
|
|
215
|
+
return loadGLTF(element.url).then(function (object) {
|
|
225
216
|
cached3DDoor = object;
|
|
226
217
|
return onLoadItem(cached3DDoor.clone());
|
|
227
218
|
});
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
11
|
-
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
12
3
|
var black = new Three.MeshLambertMaterial({
|
|
13
4
|
color: 0x000000
|
|
14
5
|
});
|
|
@@ -258,7 +249,7 @@ function makeDoorStructure() {
|
|
|
258
249
|
door.scale.x = 1.3;
|
|
259
250
|
return door;
|
|
260
251
|
}
|
|
261
|
-
|
|
252
|
+
export default {
|
|
262
253
|
name: 'Panic Door',
|
|
263
254
|
prototype: 'holes',
|
|
264
255
|
info: {
|
|
@@ -463,20 +454,20 @@ var _default = exports["default"] = {
|
|
|
463
454
|
dY = -1;
|
|
464
455
|
}
|
|
465
456
|
}
|
|
466
|
-
return /*#__PURE__*/
|
|
457
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
467
458
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
468
|
-
}, /*#__PURE__*/
|
|
459
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
469
460
|
d: arcPath,
|
|
470
461
|
style: arcStyle,
|
|
471
462
|
transform: "translate(".concat(tX, ",").concat(tY, ") scale(").concat(scaleX, ",").concat(scaleY, ") rotate(").concat(rotateAngle, ")")
|
|
472
|
-
}), /*#__PURE__*/
|
|
463
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
473
464
|
x1: pX1,
|
|
474
465
|
y1: pY1 - epsilon,
|
|
475
466
|
x2: pX2,
|
|
476
467
|
y2: pY2 - epsilon,
|
|
477
468
|
style: holeStyle,
|
|
478
469
|
transform: "scale(".concat(lineX, ",").concat(lineY, ")")
|
|
479
|
-
}), /*#__PURE__*/
|
|
470
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
480
471
|
style: rectStyle,
|
|
481
472
|
x: "0",
|
|
482
473
|
y: -lineWidth / 2,
|