kitchen-simulator 1.1.1-test.70 → 1.1.1-test.71
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 -8
- package/es/AppContext.js +3 -8
- package/es/KitchenConfigurator.js +70 -77
- package/es/KitchenConfiguratorApp.js +98 -105
- package/es/actions/area-actions.js +5 -10
- package/es/actions/export.js +12 -27
- package/es/actions/groups-actions.js +27 -43
- package/es/actions/holes-actions.js +34 -53
- package/es/actions/items-actions.js +94 -143
- package/es/actions/lines-actions.js +21 -34
- package/es/actions/project-actions.js +94 -143
- package/es/actions/scene-actions.js +11 -19
- package/es/actions/vertices-actions.js +7 -13
- package/es/actions/viewer2d-actions.js +21 -34
- package/es/actions/viewer3d-actions.js +9 -16
- package/es/catalog/areas/area/planner-element.js +2 -7
- package/es/catalog/catalog.js +15 -19
- package/es/catalog/factories/area-factory-3d.js +22 -29
- package/es/catalog/factories/area-factory.js +11 -18
- package/es/catalog/factories/export.js +6 -12
- package/es/catalog/factories/wall-factory-3d.js +31 -39
- package/es/catalog/factories/wall-factory.js +21 -29
- package/es/catalog/holes/door-closet/planner-element.js +15 -22
- package/es/catalog/holes/door-double/planner-element.js +15 -22
- package/es/catalog/holes/door-exterior/planner-element.js +16 -23
- package/es/catalog/holes/door-interior/planner-element.js +16 -23
- package/es/catalog/holes/door-panic/planner-element.js +7 -14
- package/es/catalog/holes/door-panic-double/planner-element.js +15 -22
- package/es/catalog/holes/door-sliding/planner-element.js +16 -23
- package/es/catalog/holes/doorway-framed/planner-element.js +11 -18
- package/es/catalog/holes/doorway-frameless/planner-element.js +7 -14
- package/es/catalog/holes/export.js +13 -31
- package/es/catalog/holes/window-clear/planner-element.js +10 -17
- package/es/catalog/holes/window-cross/planner-element.js +10 -17
- package/es/catalog/holes/window-double-hung/planner-element.js +10 -17
- package/es/catalog/holes/window-vertical/planner-element.js +10 -17
- package/es/catalog/lines/wall/planner-element.js +2 -7
- package/es/catalog/molding/molding-dcm/planner-element.js +5 -12
- package/es/catalog/molding/molding-fbm/planner-element.js +5 -12
- package/es/catalog/molding/molding-lrm/planner-element.js +5 -12
- package/es/catalog/properties/export.js +20 -33
- package/es/catalog/properties/property-checkbox.js +24 -29
- package/es/catalog/properties/property-color.js +16 -21
- package/es/catalog/properties/property-enum.js +24 -29
- package/es/catalog/properties/property-hidden.js +9 -14
- package/es/catalog/properties/property-lenght-measure.js +38 -43
- package/es/catalog/properties/property-length-measure.js +36 -41
- package/es/catalog/properties/property-length-measure_hole.js +38 -43
- package/es/catalog/properties/property-number.js +17 -22
- package/es/catalog/properties/property-read-only.js +16 -21
- package/es/catalog/properties/property-string.js +16 -21
- package/es/catalog/properties/property-toggle.js +16 -21
- package/es/catalog/properties/shared-property-style.js +1 -5
- package/es/catalog/utils/FuseUtils.js +8 -13
- package/es/catalog/utils/exporter.js +8 -13
- package/es/catalog/utils/geom-utils.js +13 -27
- package/es/catalog/utils/item-loader.js +84 -95
- package/es/catalog/utils/load-obj.js +20 -26
- package/es/catalog/utils/mtl-loader.js +3 -6
- package/es/catalog/utils/obj-loader.js +3 -6
- package/es/class/FuseUtils.js +8 -13
- package/es/class/area.js +22 -26
- package/es/class/export.js +23 -38
- package/es/class/group.js +53 -57
- package/es/class/guide.js +15 -19
- package/es/class/hole.js +83 -87
- package/es/class/item.js +141 -145
- package/es/class/layer.js +59 -63
- package/es/class/line.js +135 -141
- package/es/class/project.js +90 -96
- package/es/class/vertex.js +29 -33
- package/es/components/content.js +19 -26
- package/es/components/disclaimer/disclaimer.js +10 -16
- package/es/components/export.js +8 -15
- package/es/components/style/button.js +23 -29
- package/es/components/style/cancel-button.js +7 -12
- package/es/components/style/content-container.js +9 -14
- package/es/components/style/content-title.js +11 -18
- package/es/components/style/delete-button.js +8 -15
- package/es/components/style/export.js +30 -48
- package/es/components/style/form-block.js +8 -13
- package/es/components/style/form-color-input.js +7 -12
- package/es/components/style/form-label.js +8 -13
- package/es/components/style/form-number-input.js +41 -47
- package/es/components/style/form-number-input_2.js +36 -42
- package/es/components/style/form-select.js +17 -22
- package/es/components/style/form-slider.js +10 -15
- package/es/components/style/form-submit-button.js +8 -15
- package/es/components/style/form-text-input.js +26 -32
- package/es/components/viewer2d/area.js +17 -22
- package/es/components/viewer2d/export.js +30 -48
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +10 -15
- package/es/components/viewer2d/grids/grid-streak.js +10 -15
- package/es/components/viewer2d/grids/grid-vertical-streak.js +10 -15
- package/es/components/viewer2d/grids/grids.js +10 -17
- package/es/components/viewer2d/group.js +15 -22
- package/es/components/viewer2d/item.js +61 -68
- package/es/components/viewer2d/layer.js +23 -28
- package/es/components/viewer2d/line.js +101 -109
- package/es/components/viewer2d/ruler.js +22 -27
- package/es/components/viewer2d/rulerDist.js +21 -26
- package/es/components/viewer2d/rulerX.js +39 -45
- package/es/components/viewer2d/rulerY.js +37 -43
- package/es/components/viewer2d/scene.js +30 -36
- package/es/components/viewer2d/snap.js +13 -20
- package/es/components/viewer2d/state.js +18 -25
- package/es/components/viewer2d/utils.js +24 -35
- package/es/components/viewer2d/vertex.js +8 -15
- package/es/components/viewer2d/viewer2d.js +153 -161
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +17 -21
- package/es/components/viewer3d/dcm.js +1 -5
- package/es/components/viewer3d/fbm.js +1 -5
- package/es/components/viewer3d/front3D.js +12 -19
- package/es/components/viewer3d/grid-creator.js +8 -15
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +6 -12
- package/es/components/viewer3d/grids/grid-streak.js +5 -11
- package/es/components/viewer3d/grids/grid-vertical-streak.js +6 -12
- package/es/components/viewer3d/libs/first-person-controls.js +2 -7
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +1 -5
- package/es/components/viewer3d/libs/mtl-loader.js +1 -5
- package/es/components/viewer3d/libs/obj-loader.js +1 -5
- package/es/components/viewer3d/libs/orbit-controls.js +2 -6
- package/es/components/viewer3d/libs/pointer-lock-controls.js +2 -6
- package/es/components/viewer3d/lrm.js +1 -5
- package/es/components/viewer3d/model.js +1 -5
- package/es/components/viewer3d/pointer-lock-navigation.js +3 -8
- package/es/components/viewer3d/ruler-utils/itemRect.js +18 -23
- package/es/components/viewer3d/ruler-utils/layer3D.js +59 -64
- package/es/components/viewer3d/ruler-utils/ruler3D.js +39 -44
- package/es/components/viewer3d/ruler-utils/scene3D.js +9 -15
- package/es/components/viewer3d/ruler-utils/state3D.js +4 -9
- package/es/components/viewer3d/scene-creator.js +191 -224
- package/es/components/viewer3d/three-memory-cleaner.js +3 -10
- package/es/components/viewer3d/viewer3d-first-person.js +40 -44
- package/es/components/viewer3d/viewer3d.js +196 -200
- package/es/constants.js +349 -356
- package/es/index.js +7 -13
- package/es/models.js +177 -182
- package/es/plugins/SVGLoader.js +48 -51
- package/es/plugins/autosave.js +3 -7
- package/es/plugins/console-debugger.js +5 -10
- package/es/plugins/export.js +8 -15
- package/es/plugins/keyboard.js +29 -33
- package/es/reducers/areas-reducer.js +7 -11
- package/es/reducers/export.js +24 -39
- package/es/reducers/groups-reducer.js +31 -35
- package/es/reducers/holes-reducer.js +43 -47
- package/es/reducers/items-reducer.js +106 -110
- package/es/reducers/lines-reducer.js +28 -32
- package/es/reducers/project-reducer.js +105 -109
- package/es/reducers/reducer.js +16 -21
- package/es/reducers/scene-reducer.js +15 -19
- package/es/reducers/user-reducer.js +5 -9
- package/es/reducers/vertices-reducer.js +11 -15
- package/es/reducers/viewer2d-reducer.js +18 -22
- package/es/reducers/viewer3d-reducer.js +16 -20
- package/es/shared-style.js +10 -14
- package/es/styles/export.js +3 -9
- package/es/translator/en.js +1 -5
- package/es/translator/it.js +1 -5
- package/es/translator/ru.js +1 -5
- package/es/translator/translator.js +13 -17
- package/es/utils/browser.js +2 -7
- package/es/utils/convert-units-lite.js +1 -5
- package/es/utils/email-validator.js +1 -5
- package/es/utils/export.js +15 -32
- package/es/utils/geometry.js +181 -276
- package/es/utils/get-edges-of-subgraphs.js +2 -7
- package/es/utils/graph-cycles.js +8 -9
- package/es/utils/graph-inner-cycles.js +10 -16
- package/es/utils/graph.js +9 -15
- package/es/utils/helper.js +39 -61
- package/es/utils/history.js +8 -13
- package/es/utils/id-broker.js +8 -13
- package/es/utils/logger.js +1 -5
- package/es/utils/math.js +5 -10
- package/es/utils/molding.js +119 -142
- package/es/utils/name-generator.js +7 -11
- package/es/utils/objects-utils.js +7 -17
- package/es/utils/phone-validator.js +1 -5
- package/es/utils/process-black-list.js +3 -8
- package/es/utils/react-if.js +6 -10
- package/es/utils/snap-scene.js +27 -32
- package/es/utils/snap.js +45 -57
- package/es/utils/summarizeCart.js +1 -5
- package/es/utils/threeCSG.es6.js +13 -20
- package/es/version.js +1 -5
- package/package.json +1 -1
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
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';
|
|
10
3
|
var black = new Three.MeshLambertMaterial({
|
|
11
4
|
color: 0x000000
|
|
12
5
|
});
|
|
@@ -253,7 +246,7 @@ function makeDoorStructure() {
|
|
|
253
246
|
door.scale.x = 0.9;
|
|
254
247
|
return door;
|
|
255
248
|
}
|
|
256
|
-
|
|
249
|
+
export default {
|
|
257
250
|
name: 'Double Panic Door',
|
|
258
251
|
prototype: 'holes',
|
|
259
252
|
info: {
|
|
@@ -374,33 +367,33 @@ var _default = exports["default"] = {
|
|
|
374
367
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
375
368
|
var length = element.properties.get('width').get('length');
|
|
376
369
|
if (flip) {
|
|
377
|
-
return /*#__PURE__*/
|
|
370
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
378
371
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
379
|
-
}, /*#__PURE__*/
|
|
372
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
380
373
|
key: "1",
|
|
381
374
|
d: arcPath,
|
|
382
375
|
style: arcStyle,
|
|
383
376
|
transform: "translate(".concat(0, ",", -holeWidth / 2, ")")
|
|
384
|
-
}), /*#__PURE__*/
|
|
377
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
385
378
|
key: "2",
|
|
386
379
|
x1: 0,
|
|
387
380
|
y1: 0 - epsilon,
|
|
388
381
|
x2: 0,
|
|
389
382
|
y2: -holeWidth / 2 - epsilon,
|
|
390
383
|
style: holeStyle
|
|
391
|
-
}), /*#__PURE__*/
|
|
384
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
392
385
|
key: "3",
|
|
393
386
|
d: arcPath2,
|
|
394
387
|
style: arcStyle,
|
|
395
388
|
transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2, ") rotate(90)")
|
|
396
|
-
}), /*#__PURE__*/
|
|
389
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
397
390
|
key: "4",
|
|
398
391
|
x1: holeWidth,
|
|
399
392
|
y1: 0 - epsilon,
|
|
400
393
|
x2: holeWidth,
|
|
401
394
|
y2: -holeWidth / 2 - epsilon,
|
|
402
395
|
style: holeStyle
|
|
403
|
-
}), /*#__PURE__*/
|
|
396
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
404
397
|
style: rectStyle,
|
|
405
398
|
x: "0",
|
|
406
399
|
y: -lineWidth / 2,
|
|
@@ -408,33 +401,33 @@ var _default = exports["default"] = {
|
|
|
408
401
|
height: lineWidth
|
|
409
402
|
}));
|
|
410
403
|
} else {
|
|
411
|
-
return /*#__PURE__*/
|
|
404
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
412
405
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
413
|
-
}, /*#__PURE__*/
|
|
406
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
414
407
|
key: "1",
|
|
415
408
|
d: arcPath,
|
|
416
409
|
style: arcStyle,
|
|
417
410
|
transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 2, ") rotate(180)")
|
|
418
|
-
}), /*#__PURE__*/
|
|
411
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
419
412
|
key: "2",
|
|
420
413
|
x1: 0,
|
|
421
414
|
y1: 0 - epsilon,
|
|
422
415
|
x2: 0,
|
|
423
416
|
y2: holeWidth / 2 - epsilon,
|
|
424
417
|
style: holeStyle
|
|
425
|
-
}), /*#__PURE__*/
|
|
418
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
426
419
|
key: "3",
|
|
427
420
|
d: arcPath2,
|
|
428
421
|
style: arcStyle,
|
|
429
422
|
transform: "translate(".concat(0, ",", holeWidth / 2, ") rotate(270)")
|
|
430
|
-
}), /*#__PURE__*/
|
|
423
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
431
424
|
key: "4",
|
|
432
425
|
x1: holeWidth,
|
|
433
426
|
y1: 0 - epsilon,
|
|
434
427
|
x2: holeWidth,
|
|
435
428
|
y2: holeWidth / 2 - epsilon,
|
|
436
429
|
style: holeStyle
|
|
437
|
-
}), /*#__PURE__*/
|
|
430
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
438
431
|
style: rectStyle,
|
|
439
432
|
x: "0",
|
|
440
433
|
y: -lineWidth / 2,
|
|
@@ -1,20 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as Three from 'three';
|
|
2
3
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
var _loadObj = require("../../utils/load-obj");
|
|
10
|
-
var _constants = require("../../../constants");
|
|
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); }
|
|
12
4
|
// const grey = new Three.MeshLambertMaterial({color: 0x3f3f3f});
|
|
13
5
|
// const white = new Three.MeshLambertMaterial({color: 0xffffff, transparent:true, opacity:0.5});
|
|
14
6
|
// const black = new Three.MeshLambertMaterial({color: 0x000000});
|
|
15
|
-
|
|
7
|
+
import { loadGLTF } from "../../utils/load-obj";
|
|
8
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
16
9
|
var cached3DDoor = null;
|
|
17
|
-
|
|
10
|
+
export default {
|
|
18
11
|
name: 'Sliding',
|
|
19
12
|
prototype: 'holes',
|
|
20
13
|
info: {
|
|
@@ -116,58 +109,58 @@ var _default = exports["default"] = {
|
|
|
116
109
|
scaleY = 1;
|
|
117
110
|
scaleX = flip == handleSide ? 1 : -1;
|
|
118
111
|
scaleY = flip ? -1 : 1;
|
|
119
|
-
return /*#__PURE__*/
|
|
112
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
120
113
|
transform: "scale(".concat(scaleX, ",").concat(scaleY, ")")
|
|
121
|
-
}, /*#__PURE__*/
|
|
114
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
122
115
|
key: "1",
|
|
123
116
|
style: rectStyle,
|
|
124
117
|
x: -holeWidth / 2,
|
|
125
118
|
y: -lineWidth / 2,
|
|
126
119
|
width: holeWidth,
|
|
127
120
|
height: lineWidth
|
|
128
|
-
}), /*#__PURE__*/
|
|
121
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
129
122
|
key: "2",
|
|
130
123
|
style: rectStyle,
|
|
131
124
|
x: -holeWidth / 2,
|
|
132
125
|
y: -lineWidth / 4,
|
|
133
126
|
width: holeWidth / 2,
|
|
134
127
|
height: lineWidth / 2
|
|
135
|
-
}), /*#__PURE__*/
|
|
128
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
136
129
|
key: "3",
|
|
137
130
|
x1: 0 + epsilon,
|
|
138
131
|
y1: "0",
|
|
139
132
|
x2: holeWidth / 2,
|
|
140
133
|
y2: "0",
|
|
141
134
|
style: holeStyle
|
|
142
|
-
}), /*#__PURE__*/
|
|
135
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
143
136
|
key: "4",
|
|
144
137
|
x1: 0 + epsilon,
|
|
145
138
|
y1: "0",
|
|
146
139
|
x2: epsilon + lineWidth / 2,
|
|
147
140
|
y2: lineWidth / 3,
|
|
148
141
|
style: holeStyle
|
|
149
|
-
}), /*#__PURE__*/
|
|
142
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
150
143
|
key: "5",
|
|
151
144
|
x1: 0 + epsilon,
|
|
152
145
|
y1: "0",
|
|
153
146
|
x2: epsilon + lineWidth / 2,
|
|
154
147
|
y2: -lineWidth / 3,
|
|
155
148
|
style: holeStyle
|
|
156
|
-
}), /*#__PURE__*/
|
|
149
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
157
150
|
key: "6",
|
|
158
151
|
x1: holeWidth / 2 - epsilon,
|
|
159
152
|
y1: "0",
|
|
160
153
|
x2: holeWidth / 2 - epsilon - lineWidth / 2,
|
|
161
154
|
y2: lineWidth / 3,
|
|
162
155
|
style: holeStyle
|
|
163
|
-
}), /*#__PURE__*/
|
|
156
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
164
157
|
key: "7",
|
|
165
158
|
x1: holeWidth / 2 - epsilon,
|
|
166
159
|
y1: "0",
|
|
167
160
|
x2: holeWidth / 2 - epsilon - lineWidth / 2,
|
|
168
161
|
y2: -lineWidth / 3,
|
|
169
162
|
style: holeStyle
|
|
170
|
-
}), /*#__PURE__*/
|
|
163
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
171
164
|
key: "8",
|
|
172
165
|
style: rectStyle,
|
|
173
166
|
x: -lineWidth,
|
|
@@ -211,7 +204,7 @@ var _default = exports["default"] = {
|
|
|
211
204
|
});
|
|
212
205
|
// mat2.envMap = textureCube;
|
|
213
206
|
for (var j = 0; j < object.children.length; j++) {
|
|
214
|
-
if (object.children[j].type ===
|
|
207
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
215
208
|
object.children[j].material = mat2;
|
|
216
209
|
object.children[j].receiveShadow = true;
|
|
217
210
|
}
|
|
@@ -224,7 +217,7 @@ var _default = exports["default"] = {
|
|
|
224
217
|
if (cached3DDoor) {
|
|
225
218
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
226
219
|
}
|
|
227
|
-
return
|
|
220
|
+
return loadGLTF(element.url).then(function (object) {
|
|
228
221
|
cached3DDoor = object;
|
|
229
222
|
return onLoadItem(cached3DDoor.clone());
|
|
230
223
|
});
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
var _loadObj = require("../../utils/load-obj");
|
|
10
|
-
var _constants = require("../../../constants");
|
|
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';
|
|
3
|
+
import { loadGLTF } from "../../utils/load-obj";
|
|
4
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
12
5
|
var cached3DDoor = null;
|
|
13
6
|
var STYLE_STR0 = {
|
|
14
7
|
fill: 'rgb(185, 185, 185)',
|
|
@@ -31,7 +24,7 @@ var STYLE_FNT0 = {
|
|
|
31
24
|
fontSize: '13px',
|
|
32
25
|
fontFamily: 'Proxima Nova Rg'
|
|
33
26
|
};
|
|
34
|
-
|
|
27
|
+
export default {
|
|
35
28
|
name: 'Framed Doorway',
|
|
36
29
|
prototype: 'holes',
|
|
37
30
|
info: {
|
|
@@ -88,9 +81,9 @@ var _default = exports["default"] = {
|
|
|
88
81
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
89
82
|
var length = element.properties.get('width').get('length');
|
|
90
83
|
if (flip == false) {
|
|
91
|
-
return /*#__PURE__*/
|
|
84
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
92
85
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
93
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
94
87
|
style: rectStyle,
|
|
95
88
|
x: "0",
|
|
96
89
|
y: -lineWidth / 2,
|
|
@@ -98,9 +91,9 @@ var _default = exports["default"] = {
|
|
|
98
91
|
height: lineWidth
|
|
99
92
|
}));
|
|
100
93
|
} else {
|
|
101
|
-
return /*#__PURE__*/
|
|
94
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
102
95
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
103
|
-
}, /*#__PURE__*/
|
|
96
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
104
97
|
style: rectStyle,
|
|
105
98
|
x: "0",
|
|
106
99
|
y: -lineWidth / 2,
|
|
@@ -132,7 +125,7 @@ var _default = exports["default"] = {
|
|
|
132
125
|
});
|
|
133
126
|
// mat2.envMap = textureCube;
|
|
134
127
|
for (var j = 0; j < object.children.length; j++) {
|
|
135
|
-
if (object.children[j].type ===
|
|
128
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
136
129
|
object.children[j].material = mat2;
|
|
137
130
|
object.children[j].receiveShadow = true;
|
|
138
131
|
}
|
|
@@ -143,7 +136,7 @@ var _default = exports["default"] = {
|
|
|
143
136
|
if (cached3DDoor) {
|
|
144
137
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
145
138
|
}
|
|
146
|
-
return
|
|
139
|
+
return loadGLTF(element.url).then(function (object) {
|
|
147
140
|
cached3DDoor = object;
|
|
148
141
|
return onLoadItem(cached3DDoor.clone());
|
|
149
142
|
});
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
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';
|
|
10
3
|
var STYLE_STR0 = {
|
|
11
4
|
fill: 'rgb(185, 185, 185)',
|
|
12
5
|
stroke: '#494949',
|
|
@@ -28,7 +21,7 @@ var STYLE_FNT0 = {
|
|
|
28
21
|
fontSize: '13px',
|
|
29
22
|
fontFamily: 'Proxima Nova Rg'
|
|
30
23
|
};
|
|
31
|
-
|
|
24
|
+
export default {
|
|
32
25
|
name: 'FrameLess Doorway',
|
|
33
26
|
prototype: 'holes',
|
|
34
27
|
info: {
|
|
@@ -84,9 +77,9 @@ var _default = exports["default"] = {
|
|
|
84
77
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
85
78
|
var length = element.properties.get('width').get('length');
|
|
86
79
|
if (flip == false) {
|
|
87
|
-
return /*#__PURE__*/
|
|
80
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
88
81
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
89
|
-
}, /*#__PURE__*/
|
|
82
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
90
83
|
style: rectStyle,
|
|
91
84
|
x: "0",
|
|
92
85
|
y: -lineWidth / 2,
|
|
@@ -94,9 +87,9 @@ var _default = exports["default"] = {
|
|
|
94
87
|
height: lineWidth
|
|
95
88
|
}));
|
|
96
89
|
} else {
|
|
97
|
-
return /*#__PURE__*/
|
|
90
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
98
91
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
99
|
-
}, /*#__PURE__*/
|
|
92
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
100
93
|
style: rectStyle,
|
|
101
94
|
x: "0",
|
|
102
95
|
y: -lineWidth / 2,
|
|
@@ -1,31 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var _plannerElement5 = _interopRequireDefault(require("./door-panic/planner-element.js"));
|
|
15
|
-
exports.doorPanic = _plannerElement5["default"];
|
|
16
|
-
var _plannerElement6 = _interopRequireDefault(require("./door-panic-double/planner-element.js"));
|
|
17
|
-
exports.doorPanicDouble = _plannerElement6["default"];
|
|
18
|
-
var _plannerElement7 = _interopRequireDefault(require("./door-sliding/planner-element.js"));
|
|
19
|
-
exports.doorSliding = _plannerElement7["default"];
|
|
20
|
-
var _plannerElement8 = _interopRequireDefault(require("./doorway-framed/planner-element.js"));
|
|
21
|
-
exports.doorwayFramed = _plannerElement8["default"];
|
|
22
|
-
var _plannerElement9 = _interopRequireDefault(require("./doorway-frameless/planner-element.js"));
|
|
23
|
-
exports.doorwayFrameless = _plannerElement9["default"];
|
|
24
|
-
var _plannerElement0 = _interopRequireDefault(require("./window-clear/planner-element.js"));
|
|
25
|
-
exports.windowClear = _plannerElement0["default"];
|
|
26
|
-
var _plannerElement1 = _interopRequireDefault(require("./window-cross/planner-element.js"));
|
|
27
|
-
exports.windowCross = _plannerElement1["default"];
|
|
28
|
-
var _plannerElement10 = _interopRequireDefault(require("./window-double-hung/planner-element.js"));
|
|
29
|
-
exports.windowDoubleHung = _plannerElement10["default"];
|
|
30
|
-
var _plannerElement11 = _interopRequireDefault(require("./window-vertical/planner-element.js"));
|
|
31
|
-
exports.windowVertical = _plannerElement11["default"];
|
|
1
|
+
export { default as doorCloset } from "./door-closet/planner-element.js";
|
|
2
|
+
export { default as doorDouble } from "./door-double/planner-element.js";
|
|
3
|
+
export { default as doorExterior } from "./door-exterior/planner-element.js";
|
|
4
|
+
export { default as doorInterior } from "./door-interior/planner-element.js";
|
|
5
|
+
export { default as doorPanic } from "./door-panic/planner-element.js";
|
|
6
|
+
export { default as doorPanicDouble } from "./door-panic-double/planner-element.js";
|
|
7
|
+
export { default as doorSliding } from "./door-sliding/planner-element.js";
|
|
8
|
+
export { default as doorwayFramed } from "./doorway-framed/planner-element.js";
|
|
9
|
+
export { default as doorwayFrameless } from "./doorway-frameless/planner-element.js";
|
|
10
|
+
export { default as windowClear } from "./window-clear/planner-element.js";
|
|
11
|
+
export { default as windowCross } from "./window-cross/planner-element.js";
|
|
12
|
+
export { default as windowDoubleHung } from "./window-double-hung/planner-element.js";
|
|
13
|
+
export { default as windowVertical } from "./window-vertical/planner-element.js";
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
var _loadObj = require("../../utils/load-obj");
|
|
10
|
-
var _constants = require("../../../constants");
|
|
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';
|
|
3
|
+
import { loadGLTF, scaleObject } from "../../utils/load-obj";
|
|
4
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
12
5
|
var cached3DWindow = null;
|
|
13
|
-
|
|
6
|
+
export default {
|
|
14
7
|
name: 'Window',
|
|
15
8
|
prototype: 'holes',
|
|
16
9
|
info: {
|
|
@@ -119,9 +112,9 @@ var _default = exports["default"] = {
|
|
|
119
112
|
var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
|
|
120
113
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
121
114
|
var length = element.properties.get('width').get('length');
|
|
122
|
-
return /*#__PURE__*/
|
|
115
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
123
116
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
124
|
-
}, /*#__PURE__*/
|
|
117
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
125
118
|
style: rectStyle,
|
|
126
119
|
x: "0",
|
|
127
120
|
y: -lineWidth / 2,
|
|
@@ -134,7 +127,7 @@ var _default = exports["default"] = {
|
|
|
134
127
|
var width = element.properties.get('width').get('length');
|
|
135
128
|
var height = element.properties.get('height').get('length');
|
|
136
129
|
var thickness = element.properties.get('thickness').get('length');
|
|
137
|
-
|
|
130
|
+
scaleObject(object, [90, 100, 6], [width, height, thickness]);
|
|
138
131
|
if (element.selected) {
|
|
139
132
|
var box = new Three.BoxHelper(object, 0x99c3fb);
|
|
140
133
|
box.material.linewidth = 2;
|
|
@@ -155,7 +148,7 @@ var _default = exports["default"] = {
|
|
|
155
148
|
// mat2.envMap = textureCube;
|
|
156
149
|
|
|
157
150
|
for (var j = 0; j < object.children.length; j++) {
|
|
158
|
-
if (object.children[j].type ===
|
|
151
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
159
152
|
object.children[j].material = mat2;
|
|
160
153
|
object.children[j].receiveShadow = true;
|
|
161
154
|
}
|
|
@@ -165,7 +158,7 @@ var _default = exports["default"] = {
|
|
|
165
158
|
if (cached3DWindow) {
|
|
166
159
|
return Promise.resolve(onLoadItem(cached3DWindow.clone()));
|
|
167
160
|
}
|
|
168
|
-
return
|
|
161
|
+
return loadGLTF(element.url).then(function (object) {
|
|
169
162
|
cached3DWindow = object;
|
|
170
163
|
return onLoadItem(cached3DWindow.clone());
|
|
171
164
|
});
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
var _loadObj = require("../../utils/load-obj");
|
|
10
|
-
var _constants = require("../../../constants");
|
|
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';
|
|
3
|
+
import { loadGLTF, scaleObject } from "../../utils/load-obj";
|
|
4
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
12
5
|
var cached3DWindow = null;
|
|
13
|
-
|
|
6
|
+
export default {
|
|
14
7
|
name: 'Cross Window',
|
|
15
8
|
prototype: 'holes',
|
|
16
9
|
info: {
|
|
@@ -118,9 +111,9 @@ var _default = exports["default"] = {
|
|
|
118
111
|
var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
|
|
119
112
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
120
113
|
var length = element.properties.get('width').get('length');
|
|
121
|
-
return /*#__PURE__*/
|
|
114
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
122
115
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
123
|
-
}, /*#__PURE__*/
|
|
116
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
124
117
|
style: rectStyle,
|
|
125
118
|
x: "0",
|
|
126
119
|
y: -lineWidth / 2,
|
|
@@ -133,7 +126,7 @@ var _default = exports["default"] = {
|
|
|
133
126
|
var width = element.properties.get('width').get('length');
|
|
134
127
|
var height = element.properties.get('height').get('length');
|
|
135
128
|
var thickness = element.properties.get('thickness').get('length');
|
|
136
|
-
|
|
129
|
+
scaleObject(object, [90, 100, 6], [width, height, thickness]);
|
|
137
130
|
if (element.selected) {
|
|
138
131
|
var box = new Three.BoxHelper(object, 0x99c3fb);
|
|
139
132
|
box.material.linewidth = 2;
|
|
@@ -154,7 +147,7 @@ var _default = exports["default"] = {
|
|
|
154
147
|
// mat2.envMap = textureCube;
|
|
155
148
|
|
|
156
149
|
for (var j = 0; j < object.children.length; j++) {
|
|
157
|
-
if (object.children[j].type ===
|
|
150
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
158
151
|
object.children[j].material = mat2;
|
|
159
152
|
object.children[j].receiveShadow = true;
|
|
160
153
|
}
|
|
@@ -164,7 +157,7 @@ var _default = exports["default"] = {
|
|
|
164
157
|
if (cached3DWindow) {
|
|
165
158
|
return Promise.resolve(onLoadItem(cached3DWindow.clone()));
|
|
166
159
|
}
|
|
167
|
-
return
|
|
160
|
+
return loadGLTF(element.url).then(function (object) {
|
|
168
161
|
cached3DWindow = object;
|
|
169
162
|
return onLoadItem(cached3DWindow.clone());
|
|
170
163
|
});
|
|
@@ -1,16 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
var _loadObj = require("../../utils/load-obj");
|
|
10
|
-
var _constants = require("../../../constants");
|
|
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';
|
|
3
|
+
import { loadGLTF, scaleObject } from "../../utils/load-obj";
|
|
4
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
12
5
|
var cached3DWindow = null;
|
|
13
|
-
|
|
6
|
+
export default {
|
|
14
7
|
name: 'Double Hung Window',
|
|
15
8
|
prototype: 'holes',
|
|
16
9
|
info: {
|
|
@@ -126,9 +119,9 @@ var _default = exports["default"] = {
|
|
|
126
119
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
127
120
|
var length = element.properties.get('width').get('length');
|
|
128
121
|
// if(flip == false) {
|
|
129
|
-
return /*#__PURE__*/
|
|
122
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
130
123
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
131
|
-
}, /*#__PURE__*/
|
|
124
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
132
125
|
style: rectStyle,
|
|
133
126
|
x: "0",
|
|
134
127
|
y: -lineWidth / 2,
|
|
@@ -154,7 +147,7 @@ var _default = exports["default"] = {
|
|
|
154
147
|
var width = element.properties.get('width').get('length');
|
|
155
148
|
var height = element.properties.get('height').get('length');
|
|
156
149
|
var thickness = element.properties.get('thickness').get('length');
|
|
157
|
-
|
|
150
|
+
scaleObject(object, [90, 100, 6], [width, height, thickness]);
|
|
158
151
|
if (element.selected) {
|
|
159
152
|
var box = new Three.BoxHelper(object, 0x99c3fb);
|
|
160
153
|
box.material.linewidth = 2;
|
|
@@ -175,7 +168,7 @@ var _default = exports["default"] = {
|
|
|
175
168
|
// mat2.envMap = textureCube;
|
|
176
169
|
|
|
177
170
|
for (var j = 0; j < object.children.length; j++) {
|
|
178
|
-
if (object.children[j].type ===
|
|
171
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
179
172
|
object.children[j].material = mat2;
|
|
180
173
|
object.children[j].receiveShadow = true;
|
|
181
174
|
}
|
|
@@ -188,7 +181,7 @@ var _default = exports["default"] = {
|
|
|
188
181
|
if (cached3DWindow) {
|
|
189
182
|
return Promise.resolve(onLoadItem(cached3DWindow.clone()));
|
|
190
183
|
}
|
|
191
|
-
return
|
|
184
|
+
return loadGLTF(element.url).then(function (object) {
|
|
192
185
|
cached3DWindow = object;
|
|
193
186
|
return onLoadItem(cached3DWindow.clone());
|
|
194
187
|
});
|
|
@@ -1,14 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var Three = _interopRequireWildcard(require("three"));
|
|
9
|
-
var _loadObj = require("../../utils/load-obj");
|
|
10
|
-
var _constants = require("../../../constants");
|
|
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';
|
|
3
|
+
import { loadGLTF, scaleObject } from "../../utils/load-obj";
|
|
4
|
+
import { OBJTYPE_MESH } from "../../../constants";
|
|
12
5
|
var cached3DWindow = null;
|
|
13
6
|
var STYLE_HOLE_BASE = {
|
|
14
7
|
stroke: '#000',
|
|
@@ -22,7 +15,7 @@ var STYLE_HOLE_SELECTED = {
|
|
|
22
15
|
cursor: 'move'
|
|
23
16
|
};
|
|
24
17
|
var EPSILON = 3;
|
|
25
|
-
|
|
18
|
+
export default {
|
|
26
19
|
name: 'window-vertical',
|
|
27
20
|
prototype: 'holes',
|
|
28
21
|
info: {
|
|
@@ -132,9 +125,9 @@ var _default = exports["default"] = {
|
|
|
132
125
|
var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
|
|
133
126
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
134
127
|
var length = element.properties.get('width').get('length');
|
|
135
|
-
return /*#__PURE__*/
|
|
128
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
136
129
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
137
|
-
}, /*#__PURE__*/
|
|
130
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
138
131
|
style: rectStyle,
|
|
139
132
|
x: "0",
|
|
140
133
|
y: -lineWidth / 2,
|
|
@@ -147,7 +140,7 @@ var _default = exports["default"] = {
|
|
|
147
140
|
var width = element.properties.get('width').get('length');
|
|
148
141
|
var height = element.properties.get('height').get('length');
|
|
149
142
|
var thickness = element.properties.get('thickness').get('length');
|
|
150
|
-
|
|
143
|
+
scaleObject(object, [90, 100, 6], [width, height, thickness]);
|
|
151
144
|
if (element.selected) {
|
|
152
145
|
var box = new Three.BoxHelper(object, 0x99c3fb);
|
|
153
146
|
box.material.linewidth = 2;
|
|
@@ -168,7 +161,7 @@ var _default = exports["default"] = {
|
|
|
168
161
|
// mat2.envMap = textureCube;
|
|
169
162
|
|
|
170
163
|
for (var j = 0; j < object.children.length; j++) {
|
|
171
|
-
if (object.children[j].type ===
|
|
164
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
172
165
|
if (object.children[j].name.includes('_glass')) object.children[j].scale.z /= 2;
|
|
173
166
|
object.children[j].material = mat2;
|
|
174
167
|
object.children[j].receiveShadow = true;
|
|
@@ -179,7 +172,7 @@ var _default = exports["default"] = {
|
|
|
179
172
|
if (cached3DWindow) {
|
|
180
173
|
return Promise.resolve(onLoadItem(cached3DWindow.clone()));
|
|
181
174
|
}
|
|
182
|
-
return
|
|
175
|
+
return loadGLTF(element.url).then(function (object) {
|
|
183
176
|
cached3DWindow = object;
|
|
184
177
|
return onLoadItem(cached3DWindow.clone());
|
|
185
178
|
});
|