kitchen-simulator 1.1.1-test.72 → 1.1.1-test.73
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 -5
- package/es/AppContext.js +3 -6
- package/es/KitchenConfigurator.js +86 -86
- package/es/KitchenConfiguratorApp.js +134 -128
- package/es/actions/area-actions.js +5 -8
- package/es/actions/export.js +12 -24
- package/es/actions/groups-actions.js +27 -41
- package/es/actions/holes-actions.js +34 -51
- package/es/actions/items-actions.js +94 -141
- package/es/actions/lines-actions.js +21 -32
- package/es/actions/project-actions.js +94 -141
- package/es/actions/scene-actions.js +11 -17
- package/es/actions/vertices-actions.js +7 -11
- package/es/actions/viewer2d-actions.js +21 -32
- package/es/actions/viewer3d-actions.js +9 -14
- package/es/catalog/areas/area/planner-element.js +2 -5
- package/es/catalog/catalog.js +15 -17
- package/es/catalog/factories/area-factory-3d.js +22 -26
- package/es/catalog/factories/area-factory.js +13 -15
- package/es/catalog/factories/export.js +6 -10
- package/es/catalog/factories/wall-factory-3d.js +31 -36
- package/es/catalog/factories/wall-factory.js +21 -26
- package/es/catalog/holes/door-closet/planner-element.js +15 -19
- package/es/catalog/holes/door-double/planner-element.js +15 -19
- package/es/catalog/holes/door-exterior/planner-element.js +16 -20
- package/es/catalog/holes/door-interior/planner-element.js +16 -20
- package/es/catalog/holes/door-panic/planner-element.js +7 -11
- package/es/catalog/holes/door-panic-double/planner-element.js +15 -19
- package/es/catalog/holes/door-sliding/planner-element.js +17 -21
- package/es/catalog/holes/doorway-framed/planner-element.js +11 -15
- package/es/catalog/holes/doorway-frameless/planner-element.js +7 -11
- package/es/catalog/holes/export.js +13 -29
- package/es/catalog/holes/window-clear/planner-element.js +10 -14
- package/es/catalog/holes/window-cross/planner-element.js +10 -14
- package/es/catalog/holes/window-double-hung/planner-element.js +10 -14
- package/es/catalog/holes/window-vertical/planner-element.js +10 -14
- package/es/catalog/lines/wall/planner-element.js +2 -5
- package/es/catalog/molding/molding-dcm/planner-element.js +5 -9
- package/es/catalog/molding/molding-fbm/planner-element.js +5 -9
- package/es/catalog/molding/molding-lrm/planner-element.js +5 -9
- package/es/catalog/properties/export.js +20 -31
- package/es/catalog/properties/property-checkbox.js +28 -29
- package/es/catalog/properties/property-color.js +16 -19
- package/es/catalog/properties/property-enum.js +24 -27
- package/es/catalog/properties/property-hidden.js +9 -12
- package/es/catalog/properties/property-lenght-measure.js +38 -41
- package/es/catalog/properties/property-length-measure.js +36 -39
- package/es/catalog/properties/property-length-measure_hole.js +38 -41
- package/es/catalog/properties/property-number.js +17 -20
- package/es/catalog/properties/property-read-only.js +16 -19
- package/es/catalog/properties/property-string.js +16 -19
- package/es/catalog/properties/property-toggle.js +16 -19
- package/es/catalog/properties/shared-property-style.js +1 -3
- package/es/catalog/utils/FuseUtils.js +12 -13
- package/es/catalog/utils/exporter.js +10 -11
- package/es/catalog/utils/geom-utils.js +13 -24
- package/es/catalog/utils/item-loader.js +86 -92
- package/es/catalog/utils/load-obj.js +20 -24
- package/es/catalog/utils/mtl-loader.js +3 -4
- package/es/catalog/utils/obj-loader.js +3 -4
- package/es/class/FuseUtils.js +12 -13
- package/es/class/area.js +24 -24
- package/es/class/export.js +23 -36
- package/es/class/group.js +53 -55
- package/es/class/guide.js +15 -17
- package/es/class/hole.js +83 -85
- package/es/class/item.js +155 -155
- package/es/class/layer.js +59 -61
- package/es/class/line.js +135 -138
- package/es/class/project.js +93 -94
- package/es/class/vertex.js +29 -31
- package/es/components/content.js +19 -23
- package/es/components/disclaimer/disclaimer.js +10 -13
- package/es/components/export.js +8 -13
- package/es/components/style/button.js +25 -25
- package/es/components/style/cancel-button.js +7 -10
- package/es/components/style/content-container.js +11 -12
- package/es/components/style/content-title.js +13 -15
- package/es/components/style/delete-button.js +8 -12
- package/es/components/style/export.js +30 -46
- package/es/components/style/form-block.js +10 -11
- package/es/components/style/form-color-input.js +7 -10
- package/es/components/style/form-label.js +10 -11
- package/es/components/style/form-number-input.js +45 -43
- package/es/components/style/form-number-input_2.js +41 -39
- package/es/components/style/form-select.js +19 -20
- package/es/components/style/form-slider.js +10 -13
- package/es/components/style/form-submit-button.js +8 -12
- package/es/components/style/form-text-input.js +30 -28
- package/es/components/viewer2d/area.js +17 -20
- package/es/components/viewer2d/export.js +30 -46
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +10 -13
- package/es/components/viewer2d/grids/grid-streak.js +10 -13
- package/es/components/viewer2d/grids/grid-vertical-streak.js +10 -13
- package/es/components/viewer2d/grids/grids.js +10 -14
- package/es/components/viewer2d/group.js +15 -19
- package/es/components/viewer2d/item.js +61 -65
- package/es/components/viewer2d/layer.js +23 -26
- package/es/components/viewer2d/line.js +101 -106
- package/es/components/viewer2d/ruler.js +22 -25
- package/es/components/viewer2d/rulerDist.js +21 -24
- package/es/components/viewer2d/rulerX.js +46 -44
- package/es/components/viewer2d/rulerY.js +44 -42
- package/es/components/viewer2d/scene.js +34 -34
- package/es/components/viewer2d/snap.js +13 -17
- package/es/components/viewer2d/state.js +18 -22
- package/es/components/viewer2d/utils.js +24 -33
- package/es/components/viewer2d/vertex.js +8 -12
- package/es/components/viewer2d/viewer2d.js +156 -159
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +21 -19
- package/es/components/viewer3d/dcm.js +1 -3
- package/es/components/viewer3d/fbm.js +1 -3
- package/es/components/viewer3d/front3D.js +12 -16
- package/es/components/viewer3d/grid-creator.js +8 -12
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +6 -9
- package/es/components/viewer3d/grids/grid-streak.js +5 -8
- package/es/components/viewer3d/grids/grid-vertical-streak.js +6 -9
- package/es/components/viewer3d/libs/first-person-controls.js +2 -5
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +1 -3
- package/es/components/viewer3d/libs/mtl-loader.js +1 -3
- package/es/components/viewer3d/libs/obj-loader.js +1 -3
- package/es/components/viewer3d/libs/orbit-controls.js +2 -4
- package/es/components/viewer3d/libs/pointer-lock-controls.js +2 -4
- package/es/components/viewer3d/lrm.js +1 -3
- package/es/components/viewer3d/model.js +1 -3
- package/es/components/viewer3d/pointer-lock-navigation.js +3 -6
- package/es/components/viewer3d/ruler-utils/itemRect.js +18 -21
- package/es/components/viewer3d/ruler-utils/layer3D.js +59 -62
- package/es/components/viewer3d/ruler-utils/ruler3D.js +42 -43
- package/es/components/viewer3d/ruler-utils/scene3D.js +9 -13
- package/es/components/viewer3d/ruler-utils/state3D.js +4 -7
- package/es/components/viewer3d/scene-creator.js +197 -223
- package/es/components/viewer3d/three-memory-cleaner.js +3 -7
- package/es/components/viewer3d/viewer3d-first-person.js +42 -42
- package/es/components/viewer3d/viewer3d.js +200 -198
- package/es/constants.js +349 -354
- package/es/index.js +7 -11
- package/es/models.js +193 -191
- package/es/plugins/SVGLoader.js +48 -49
- package/es/plugins/autosave.js +3 -5
- package/es/plugins/console-debugger.js +6 -7
- package/es/plugins/export.js +8 -13
- package/es/plugins/keyboard.js +29 -31
- package/es/reducers/areas-reducer.js +7 -9
- package/es/reducers/export.js +24 -37
- package/es/reducers/groups-reducer.js +31 -33
- package/es/reducers/holes-reducer.js +43 -45
- package/es/reducers/items-reducer.js +106 -108
- package/es/reducers/lines-reducer.js +28 -30
- package/es/reducers/project-reducer.js +105 -107
- package/es/reducers/reducer.js +16 -19
- package/es/reducers/scene-reducer.js +15 -17
- package/es/reducers/user-reducer.js +5 -7
- package/es/reducers/vertices-reducer.js +11 -13
- package/es/reducers/viewer2d-reducer.js +18 -20
- package/es/reducers/viewer3d-reducer.js +16 -18
- package/es/shared-style.js +10 -12
- package/es/styles/export.js +3 -6
- package/es/translator/en.js +1 -3
- package/es/translator/it.js +1 -3
- package/es/translator/ru.js +1 -3
- package/es/translator/translator.js +13 -15
- package/es/utils/browser.js +2 -5
- package/es/utils/convert-units-lite.js +1 -3
- package/es/utils/email-validator.js +1 -3
- package/es/utils/export.js +15 -29
- package/es/utils/geometry.js +190 -280
- package/es/utils/get-edges-of-subgraphs.js +2 -5
- package/es/utils/graph-cycles.js +8 -7
- package/es/utils/graph-inner-cycles.js +10 -14
- package/es/utils/graph.js +9 -13
- package/es/utils/helper.js +41 -58
- package/es/utils/history.js +8 -11
- package/es/utils/id-broker.js +8 -11
- package/es/utils/logger.js +1 -3
- package/es/utils/math.js +5 -8
- package/es/utils/molding.js +130 -146
- package/es/utils/name-generator.js +7 -9
- package/es/utils/objects-utils.js +7 -14
- package/es/utils/phone-validator.js +1 -3
- package/es/utils/process-black-list.js +5 -6
- package/es/utils/react-if.js +7 -9
- package/es/utils/snap-scene.js +27 -30
- package/es/utils/snap.js +53 -57
- package/es/utils/summarizeCart.js +1 -3
- package/es/utils/threeCSG.es6.js +13 -17
- package/es/version.js +1 -3
- package/package.json +1 -1
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports["default"] = void 0;
|
|
5
|
-
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
7
3
|
var black = new Three.MeshLambertMaterial({
|
|
8
4
|
color: 0x000000
|
|
9
5
|
});
|
|
@@ -98,7 +94,7 @@ function makeLock() {
|
|
|
98
94
|
lock.add(lock_p1);
|
|
99
95
|
return lock;
|
|
100
96
|
}
|
|
101
|
-
|
|
97
|
+
export default {
|
|
102
98
|
name: 'Double Door',
|
|
103
99
|
prototype: 'holes',
|
|
104
100
|
info: {
|
|
@@ -219,33 +215,33 @@ var _default = exports["default"] = {
|
|
|
219
215
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
220
216
|
var length = element.properties.get('width').get('length');
|
|
221
217
|
if (flip) {
|
|
222
|
-
return /*#__PURE__*/
|
|
218
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
223
219
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
224
|
-
}, /*#__PURE__*/
|
|
220
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
225
221
|
key: "1",
|
|
226
222
|
d: arcPath,
|
|
227
223
|
style: arcStyle,
|
|
228
224
|
transform: "translate(".concat(0, ",", -holeWidth / 4, ")")
|
|
229
|
-
}), /*#__PURE__*/
|
|
225
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
230
226
|
key: "2",
|
|
231
227
|
x1: 0,
|
|
232
228
|
y1: 0 - epsilon,
|
|
233
229
|
x2: 0,
|
|
234
230
|
y2: -holeWidth / 4 - epsilon,
|
|
235
231
|
style: holeStyle
|
|
236
|
-
}), /*#__PURE__*/
|
|
232
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
237
233
|
key: "3",
|
|
238
234
|
d: arcPath2,
|
|
239
235
|
style: arcStyle,
|
|
240
236
|
transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2 - holeWidth / 4, ") rotate(90)")
|
|
241
|
-
}), /*#__PURE__*/
|
|
237
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
242
238
|
key: "4",
|
|
243
239
|
x1: holeWidth,
|
|
244
240
|
y1: 0 - epsilon,
|
|
245
241
|
x2: holeWidth,
|
|
246
242
|
y2: -holeWidth / 2 - holeWidth / 4 - epsilon,
|
|
247
243
|
style: holeStyle
|
|
248
|
-
}), /*#__PURE__*/
|
|
244
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
249
245
|
style: rectStyle,
|
|
250
246
|
x: "0",
|
|
251
247
|
y: -lineWidth / 2,
|
|
@@ -253,33 +249,33 @@ var _default = exports["default"] = {
|
|
|
253
249
|
height: lineWidth
|
|
254
250
|
}));
|
|
255
251
|
} else {
|
|
256
|
-
return /*#__PURE__*/
|
|
252
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
257
253
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
258
|
-
}, /*#__PURE__*/
|
|
254
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
259
255
|
key: "1",
|
|
260
256
|
d: arcPath,
|
|
261
257
|
style: arcStyle,
|
|
262
258
|
transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 4, ") rotate(180)")
|
|
263
|
-
}), /*#__PURE__*/
|
|
259
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
264
260
|
key: "2",
|
|
265
261
|
x1: 0,
|
|
266
262
|
y1: 0 - epsilon,
|
|
267
263
|
x2: 0,
|
|
268
264
|
y2: holeWidth / 2 + holeWidth / 4 - epsilon,
|
|
269
265
|
style: holeStyle
|
|
270
|
-
}), /*#__PURE__*/
|
|
266
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
271
267
|
key: "3",
|
|
272
268
|
d: arcPath2,
|
|
273
269
|
style: arcStyle,
|
|
274
270
|
transform: "translate(".concat(0, ",", holeWidth / 2 + holeWidth / 4, ") rotate(270)")
|
|
275
|
-
}), /*#__PURE__*/
|
|
271
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
276
272
|
key: "4",
|
|
277
273
|
x1: holeWidth,
|
|
278
274
|
y1: 0 - epsilon,
|
|
279
275
|
x2: holeWidth,
|
|
280
276
|
y2: holeWidth / 4 - epsilon,
|
|
281
277
|
style: holeStyle
|
|
282
|
-
}), /*#__PURE__*/
|
|
278
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
283
279
|
style: rectStyle,
|
|
284
280
|
x: "0",
|
|
285
281
|
y: -lineWidth / 2,
|
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
7
|
-
var _loadObj = require("../../utils/load-obj");
|
|
8
|
-
var _path = _interopRequireDefault(require("path"));
|
|
9
|
-
var _constants = require("../../../constants");
|
|
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";
|
|
10
6
|
var cached3DDoor = null;
|
|
11
7
|
var STYLE_HOLE_BASE = {
|
|
12
8
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -65,7 +61,7 @@ var STYLE_FNT0 = {
|
|
|
65
61
|
fontFamily: 'Proxima Nova Rg'
|
|
66
62
|
};
|
|
67
63
|
var EPSILON = 3;
|
|
68
|
-
|
|
64
|
+
export default {
|
|
69
65
|
name: 'Exterior',
|
|
70
66
|
prototype: 'holes',
|
|
71
67
|
info: {
|
|
@@ -126,20 +122,20 @@ var _default = exports["default"] = {
|
|
|
126
122
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
127
123
|
var length = element.properties.get('width').get('length');
|
|
128
124
|
if (flip == false) {
|
|
129
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
130
126
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
131
|
-
}, /*#__PURE__*/
|
|
127
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
132
128
|
d: arcPath,
|
|
133
129
|
style: arcStyle,
|
|
134
130
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
135
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
136
132
|
x1: 0,
|
|
137
133
|
y1: holeWidth - EPSILON,
|
|
138
134
|
x2: 0,
|
|
139
135
|
y2: 0 - EPSILON,
|
|
140
136
|
style: holeStyle,
|
|
141
137
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
142
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
143
139
|
style: rectStyle,
|
|
144
140
|
x: "0",
|
|
145
141
|
y: -lineWidth / 2,
|
|
@@ -147,20 +143,20 @@ var _default = exports["default"] = {
|
|
|
147
143
|
height: lineWidth
|
|
148
144
|
}));
|
|
149
145
|
} else {
|
|
150
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
151
147
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
152
|
-
}, /*#__PURE__*/
|
|
148
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
153
149
|
d: arcPath,
|
|
154
150
|
style: arcStyle,
|
|
155
151
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
156
|
-
}), /*#__PURE__*/
|
|
152
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
157
153
|
x1: 0,
|
|
158
154
|
y1: -holeWidth - EPSILON,
|
|
159
155
|
x2: 0,
|
|
160
156
|
y2: 0 - EPSILON,
|
|
161
157
|
style: holeStyle,
|
|
162
158
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
163
|
-
}), /*#__PURE__*/
|
|
159
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
164
160
|
style: rectStyle,
|
|
165
161
|
x: "0",
|
|
166
162
|
y: -lineWidth / 2,
|
|
@@ -197,7 +193,7 @@ var _default = exports["default"] = {
|
|
|
197
193
|
|
|
198
194
|
// mat2.envMap = textureCube;
|
|
199
195
|
for (var j = 0; j < object.children.length; j++) {
|
|
200
|
-
if (object.children[j].type ===
|
|
196
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
201
197
|
object.children[j].material = mat2;
|
|
202
198
|
object.children[j].receiveShadow = true;
|
|
203
199
|
}
|
|
@@ -211,7 +207,7 @@ var _default = exports["default"] = {
|
|
|
211
207
|
if (cached3DDoor) {
|
|
212
208
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
213
209
|
}
|
|
214
|
-
return
|
|
210
|
+
return loadGLTF(element.url).then(function (object) {
|
|
215
211
|
cached3DDoor = object;
|
|
216
212
|
return onLoadItem(cached3DDoor.clone());
|
|
217
213
|
});
|
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
7
|
-
var _loadObj = require("../../utils/load-obj");
|
|
8
|
-
var _path = _interopRequireDefault(require("path"));
|
|
9
|
-
var _constants = require("../../../constants");
|
|
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";
|
|
10
6
|
var cached3DDoor = null;
|
|
11
7
|
var STYLE_HOLE_BASE = {
|
|
12
8
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -65,7 +61,7 @@ var STYLE_FNT0 = {
|
|
|
65
61
|
fontFamily: 'Proxima Nova Rg'
|
|
66
62
|
};
|
|
67
63
|
var EPSILON = 3;
|
|
68
|
-
|
|
64
|
+
export default {
|
|
69
65
|
name: 'Interior',
|
|
70
66
|
prototype: 'holes',
|
|
71
67
|
info: {
|
|
@@ -126,20 +122,20 @@ var _default = exports["default"] = {
|
|
|
126
122
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
127
123
|
var length = element.properties.get('width').get('length');
|
|
128
124
|
if (flip == false) {
|
|
129
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
130
126
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
131
|
-
}, /*#__PURE__*/
|
|
127
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
132
128
|
d: arcPath,
|
|
133
129
|
style: arcStyle,
|
|
134
130
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
135
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
136
132
|
x1: 0,
|
|
137
133
|
y1: holeWidth - EPSILON,
|
|
138
134
|
x2: 0,
|
|
139
135
|
y2: 0 - EPSILON,
|
|
140
136
|
style: holeStyle,
|
|
141
137
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
142
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
143
139
|
style: rectStyle,
|
|
144
140
|
x: "0",
|
|
145
141
|
y: -lineWidth / 2,
|
|
@@ -147,20 +143,20 @@ var _default = exports["default"] = {
|
|
|
147
143
|
height: lineWidth
|
|
148
144
|
}));
|
|
149
145
|
} else {
|
|
150
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
151
147
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
152
|
-
}, /*#__PURE__*/
|
|
148
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
153
149
|
d: arcPath,
|
|
154
150
|
style: arcStyle,
|
|
155
151
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
156
|
-
}), /*#__PURE__*/
|
|
152
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
157
153
|
x1: 0,
|
|
158
154
|
y1: -holeWidth - EPSILON,
|
|
159
155
|
x2: 0,
|
|
160
156
|
y2: 0 - EPSILON,
|
|
161
157
|
style: holeStyle,
|
|
162
158
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
163
|
-
}), /*#__PURE__*/
|
|
159
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
164
160
|
style: rectStyle,
|
|
165
161
|
x: "0",
|
|
166
162
|
y: -lineWidth / 2,
|
|
@@ -197,7 +193,7 @@ var _default = exports["default"] = {
|
|
|
197
193
|
|
|
198
194
|
// mat2.envMap = textureCube;
|
|
199
195
|
for (var j = 0; j < object.children.length; j++) {
|
|
200
|
-
if (object.children[j].type ===
|
|
196
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
201
197
|
object.children[j].material = mat2;
|
|
202
198
|
object.children[j].receiveShadow = true;
|
|
203
199
|
}
|
|
@@ -216,7 +212,7 @@ var _default = exports["default"] = {
|
|
|
216
212
|
// let obj = require('./door.obj');
|
|
217
213
|
|
|
218
214
|
// console.log(mtl, obj, img)
|
|
219
|
-
return
|
|
215
|
+
return loadGLTF(element.url).then(function (object) {
|
|
220
216
|
cached3DDoor = object;
|
|
221
217
|
return onLoadItem(cached3DDoor.clone());
|
|
222
218
|
});
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports["default"] = void 0;
|
|
5
|
-
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
7
3
|
var black = new Three.MeshLambertMaterial({
|
|
8
4
|
color: 0x000000
|
|
9
5
|
});
|
|
@@ -253,7 +249,7 @@ function makeDoorStructure() {
|
|
|
253
249
|
door.scale.x = 1.3;
|
|
254
250
|
return door;
|
|
255
251
|
}
|
|
256
|
-
|
|
252
|
+
export default {
|
|
257
253
|
name: 'Panic Door',
|
|
258
254
|
prototype: 'holes',
|
|
259
255
|
info: {
|
|
@@ -458,20 +454,20 @@ var _default = exports["default"] = {
|
|
|
458
454
|
dY = -1;
|
|
459
455
|
}
|
|
460
456
|
}
|
|
461
|
-
return /*#__PURE__*/
|
|
457
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
462
458
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
463
|
-
}, /*#__PURE__*/
|
|
459
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
464
460
|
d: arcPath,
|
|
465
461
|
style: arcStyle,
|
|
466
462
|
transform: "translate(".concat(tX, ",").concat(tY, ") scale(").concat(scaleX, ",").concat(scaleY, ") rotate(").concat(rotateAngle, ")")
|
|
467
|
-
}), /*#__PURE__*/
|
|
463
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
468
464
|
x1: pX1,
|
|
469
465
|
y1: pY1 - epsilon,
|
|
470
466
|
x2: pX2,
|
|
471
467
|
y2: pY2 - epsilon,
|
|
472
468
|
style: holeStyle,
|
|
473
469
|
transform: "scale(".concat(lineX, ",").concat(lineY, ")")
|
|
474
|
-
}), /*#__PURE__*/
|
|
470
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
475
471
|
style: rectStyle,
|
|
476
472
|
x: "0",
|
|
477
473
|
y: -lineWidth / 2,
|
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports["default"] = void 0;
|
|
5
|
-
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
7
3
|
var black = new Three.MeshLambertMaterial({
|
|
8
4
|
color: 0x000000
|
|
9
5
|
});
|
|
@@ -250,7 +246,7 @@ function makeDoorStructure() {
|
|
|
250
246
|
door.scale.x = 0.9;
|
|
251
247
|
return door;
|
|
252
248
|
}
|
|
253
|
-
|
|
249
|
+
export default {
|
|
254
250
|
name: 'Double Panic Door',
|
|
255
251
|
prototype: 'holes',
|
|
256
252
|
info: {
|
|
@@ -371,33 +367,33 @@ var _default = exports["default"] = {
|
|
|
371
367
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
372
368
|
var length = element.properties.get('width').get('length');
|
|
373
369
|
if (flip) {
|
|
374
|
-
return /*#__PURE__*/
|
|
370
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
375
371
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
376
|
-
}, /*#__PURE__*/
|
|
372
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
377
373
|
key: "1",
|
|
378
374
|
d: arcPath,
|
|
379
375
|
style: arcStyle,
|
|
380
376
|
transform: "translate(".concat(0, ",", -holeWidth / 2, ")")
|
|
381
|
-
}), /*#__PURE__*/
|
|
377
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
382
378
|
key: "2",
|
|
383
379
|
x1: 0,
|
|
384
380
|
y1: 0 - epsilon,
|
|
385
381
|
x2: 0,
|
|
386
382
|
y2: -holeWidth / 2 - epsilon,
|
|
387
383
|
style: holeStyle
|
|
388
|
-
}), /*#__PURE__*/
|
|
384
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
389
385
|
key: "3",
|
|
390
386
|
d: arcPath2,
|
|
391
387
|
style: arcStyle,
|
|
392
388
|
transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2, ") rotate(90)")
|
|
393
|
-
}), /*#__PURE__*/
|
|
389
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
394
390
|
key: "4",
|
|
395
391
|
x1: holeWidth,
|
|
396
392
|
y1: 0 - epsilon,
|
|
397
393
|
x2: holeWidth,
|
|
398
394
|
y2: -holeWidth / 2 - epsilon,
|
|
399
395
|
style: holeStyle
|
|
400
|
-
}), /*#__PURE__*/
|
|
396
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
401
397
|
style: rectStyle,
|
|
402
398
|
x: "0",
|
|
403
399
|
y: -lineWidth / 2,
|
|
@@ -405,33 +401,33 @@ var _default = exports["default"] = {
|
|
|
405
401
|
height: lineWidth
|
|
406
402
|
}));
|
|
407
403
|
} else {
|
|
408
|
-
return /*#__PURE__*/
|
|
404
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
409
405
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
410
|
-
}, /*#__PURE__*/
|
|
406
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
411
407
|
key: "1",
|
|
412
408
|
d: arcPath,
|
|
413
409
|
style: arcStyle,
|
|
414
410
|
transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 2, ") rotate(180)")
|
|
415
|
-
}), /*#__PURE__*/
|
|
411
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
416
412
|
key: "2",
|
|
417
413
|
x1: 0,
|
|
418
414
|
y1: 0 - epsilon,
|
|
419
415
|
x2: 0,
|
|
420
416
|
y2: holeWidth / 2 - epsilon,
|
|
421
417
|
style: holeStyle
|
|
422
|
-
}), /*#__PURE__*/
|
|
418
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
423
419
|
key: "3",
|
|
424
420
|
d: arcPath2,
|
|
425
421
|
style: arcStyle,
|
|
426
422
|
transform: "translate(".concat(0, ",", holeWidth / 2, ") rotate(270)")
|
|
427
|
-
}), /*#__PURE__*/
|
|
423
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
428
424
|
key: "4",
|
|
429
425
|
x1: holeWidth,
|
|
430
426
|
y1: 0 - epsilon,
|
|
431
427
|
x2: holeWidth,
|
|
432
428
|
y2: holeWidth / 2 - epsilon,
|
|
433
429
|
style: holeStyle
|
|
434
|
-
}), /*#__PURE__*/
|
|
430
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
435
431
|
style: rectStyle,
|
|
436
432
|
x: "0",
|
|
437
433
|
y: -lineWidth / 2,
|
|
@@ -1,17 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
exports["default"] = void 0;
|
|
5
|
-
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
7
|
-
var _loadObj = require("../../utils/load-obj");
|
|
8
|
-
var _constants = require("../../../constants");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
3
|
+
|
|
9
4
|
// const grey = new Three.MeshLambertMaterial({color: 0x3f3f3f});
|
|
10
5
|
// const white = new Three.MeshLambertMaterial({color: 0xffffff, transparent:true, opacity:0.5});
|
|
11
6
|
// const black = new Three.MeshLambertMaterial({color: 0x000000});
|
|
12
|
-
|
|
7
|
+
import { loadGLTF } from "../../utils/load-obj";
|
|
8
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
13
9
|
var cached3DDoor = null;
|
|
14
|
-
|
|
10
|
+
export default {
|
|
15
11
|
name: 'Sliding',
|
|
16
12
|
prototype: 'holes',
|
|
17
13
|
info: {
|
|
@@ -113,58 +109,58 @@ var _default = exports["default"] = {
|
|
|
113
109
|
scaleY = 1;
|
|
114
110
|
scaleX = flip == handleSide ? 1 : -1;
|
|
115
111
|
scaleY = flip ? -1 : 1;
|
|
116
|
-
return /*#__PURE__*/
|
|
112
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
117
113
|
transform: "scale(".concat(scaleX, ",").concat(scaleY, ")")
|
|
118
|
-
}, /*#__PURE__*/
|
|
114
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
119
115
|
key: "1",
|
|
120
116
|
style: rectStyle,
|
|
121
117
|
x: -holeWidth / 2,
|
|
122
118
|
y: -lineWidth / 2,
|
|
123
119
|
width: holeWidth,
|
|
124
120
|
height: lineWidth
|
|
125
|
-
}), /*#__PURE__*/
|
|
121
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
126
122
|
key: "2",
|
|
127
123
|
style: rectStyle,
|
|
128
124
|
x: -holeWidth / 2,
|
|
129
125
|
y: -lineWidth / 4,
|
|
130
126
|
width: holeWidth / 2,
|
|
131
127
|
height: lineWidth / 2
|
|
132
|
-
}), /*#__PURE__*/
|
|
128
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
133
129
|
key: "3",
|
|
134
130
|
x1: 0 + epsilon,
|
|
135
131
|
y1: "0",
|
|
136
132
|
x2: holeWidth / 2,
|
|
137
133
|
y2: "0",
|
|
138
134
|
style: holeStyle
|
|
139
|
-
}), /*#__PURE__*/
|
|
135
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
140
136
|
key: "4",
|
|
141
137
|
x1: 0 + epsilon,
|
|
142
138
|
y1: "0",
|
|
143
139
|
x2: epsilon + lineWidth / 2,
|
|
144
140
|
y2: lineWidth / 3,
|
|
145
141
|
style: holeStyle
|
|
146
|
-
}), /*#__PURE__*/
|
|
142
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
147
143
|
key: "5",
|
|
148
144
|
x1: 0 + epsilon,
|
|
149
145
|
y1: "0",
|
|
150
146
|
x2: epsilon + lineWidth / 2,
|
|
151
147
|
y2: -lineWidth / 3,
|
|
152
148
|
style: holeStyle
|
|
153
|
-
}), /*#__PURE__*/
|
|
149
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
154
150
|
key: "6",
|
|
155
151
|
x1: holeWidth / 2 - epsilon,
|
|
156
152
|
y1: "0",
|
|
157
153
|
x2: holeWidth / 2 - epsilon - lineWidth / 2,
|
|
158
154
|
y2: lineWidth / 3,
|
|
159
155
|
style: holeStyle
|
|
160
|
-
}), /*#__PURE__*/
|
|
156
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
161
157
|
key: "7",
|
|
162
158
|
x1: holeWidth / 2 - epsilon,
|
|
163
159
|
y1: "0",
|
|
164
160
|
x2: holeWidth / 2 - epsilon - lineWidth / 2,
|
|
165
161
|
y2: -lineWidth / 3,
|
|
166
162
|
style: holeStyle
|
|
167
|
-
}), /*#__PURE__*/
|
|
163
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
168
164
|
key: "8",
|
|
169
165
|
style: rectStyle,
|
|
170
166
|
x: -lineWidth,
|
|
@@ -208,7 +204,7 @@ var _default = exports["default"] = {
|
|
|
208
204
|
});
|
|
209
205
|
// mat2.envMap = textureCube;
|
|
210
206
|
for (var j = 0; j < object.children.length; j++) {
|
|
211
|
-
if (object.children[j].type ===
|
|
207
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
212
208
|
object.children[j].material = mat2;
|
|
213
209
|
object.children[j].receiveShadow = true;
|
|
214
210
|
}
|
|
@@ -221,7 +217,7 @@ var _default = exports["default"] = {
|
|
|
221
217
|
if (cached3DDoor) {
|
|
222
218
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
223
219
|
}
|
|
224
|
-
return
|
|
220
|
+
return loadGLTF(element.url).then(function (object) {
|
|
225
221
|
cached3DDoor = object;
|
|
226
222
|
return onLoadItem(cached3DDoor.clone());
|
|
227
223
|
});
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
7
|
-
var _loadObj = require("../../utils/load-obj");
|
|
8
|
-
var _constants = require("../../../constants");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
3
|
+
import { loadGLTF } from "../../utils/load-obj";
|
|
4
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
9
5
|
var cached3DDoor = null;
|
|
10
6
|
var STYLE_STR0 = {
|
|
11
7
|
fill: 'rgb(185, 185, 185)',
|
|
@@ -28,7 +24,7 @@ var STYLE_FNT0 = {
|
|
|
28
24
|
fontSize: '13px',
|
|
29
25
|
fontFamily: 'Proxima Nova Rg'
|
|
30
26
|
};
|
|
31
|
-
|
|
27
|
+
export default {
|
|
32
28
|
name: 'Framed Doorway',
|
|
33
29
|
prototype: 'holes',
|
|
34
30
|
info: {
|
|
@@ -85,9 +81,9 @@ var _default = exports["default"] = {
|
|
|
85
81
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
86
82
|
var length = element.properties.get('width').get('length');
|
|
87
83
|
if (flip == false) {
|
|
88
|
-
return /*#__PURE__*/
|
|
84
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
89
85
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
90
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
91
87
|
style: rectStyle,
|
|
92
88
|
x: "0",
|
|
93
89
|
y: -lineWidth / 2,
|
|
@@ -95,9 +91,9 @@ var _default = exports["default"] = {
|
|
|
95
91
|
height: lineWidth
|
|
96
92
|
}));
|
|
97
93
|
} else {
|
|
98
|
-
return /*#__PURE__*/
|
|
94
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
99
95
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
100
|
-
}, /*#__PURE__*/
|
|
96
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
101
97
|
style: rectStyle,
|
|
102
98
|
x: "0",
|
|
103
99
|
y: -lineWidth / 2,
|
|
@@ -129,7 +125,7 @@ var _default = exports["default"] = {
|
|
|
129
125
|
});
|
|
130
126
|
// mat2.envMap = textureCube;
|
|
131
127
|
for (var j = 0; j < object.children.length; j++) {
|
|
132
|
-
if (object.children[j].type ===
|
|
128
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
133
129
|
object.children[j].material = mat2;
|
|
134
130
|
object.children[j].receiveShadow = true;
|
|
135
131
|
}
|
|
@@ -140,7 +136,7 @@ var _default = exports["default"] = {
|
|
|
140
136
|
if (cached3DDoor) {
|
|
141
137
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
142
138
|
}
|
|
143
|
-
return
|
|
139
|
+
return loadGLTF(element.url).then(function (object) {
|
|
144
140
|
cached3DDoor = object;
|
|
145
141
|
return onLoadItem(cached3DDoor.clone());
|
|
146
142
|
});
|