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,19 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _wallFactory3d = require("./wall-factory-3d");
|
|
9
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
10
|
-
var Geometry = _interopRequireWildcard(require("../../utils/geometry"));
|
|
11
|
-
var _translator = _interopRequireDefault(require("../../translator/translator"));
|
|
12
|
-
var _constants = require("../../constants");
|
|
13
|
-
var _line = _interopRequireDefault(require("../../class/line"));
|
|
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 { 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";
|
|
15
7
|
// import Line from 'src/class/line';
|
|
16
|
-
|
|
8
|
+
import Line from "../../class/line";
|
|
17
9
|
var epsilon = 20;
|
|
18
10
|
var STYLE_TEXT = {
|
|
19
11
|
textAnchor: 'middle'
|
|
@@ -53,11 +45,11 @@ var STYLE_POLYGON_SELECTED = {
|
|
|
53
45
|
stroke: SharedStyle.LINE_MESH_COLOR.selected,
|
|
54
46
|
fill: SharedStyle.LINE_MESH_COLOR.selected
|
|
55
47
|
};
|
|
56
|
-
var translator = new
|
|
48
|
+
var translator = new Translator();
|
|
57
49
|
|
|
58
50
|
/** Create Lines from State */
|
|
59
51
|
var createLineGeometry = function createLineGeometry(scene, state) {
|
|
60
|
-
var wall_thickness =
|
|
52
|
+
var wall_thickness = LINE_THICKNESS / 2;
|
|
61
53
|
var layerID = scene.selectedLayer;
|
|
62
54
|
var layer = scene.getIn(['layers', layerID]);
|
|
63
55
|
var lines = layer.lines;
|
|
@@ -141,13 +133,13 @@ var createLineGeometry = function createLineGeometry(scene, state) {
|
|
|
141
133
|
});
|
|
142
134
|
}
|
|
143
135
|
});
|
|
144
|
-
state =
|
|
136
|
+
state = Line.setRelatedLine(state, layer.id, line.id, intersection).updatedState;
|
|
145
137
|
});
|
|
146
138
|
return {
|
|
147
139
|
updatedState: state
|
|
148
140
|
};
|
|
149
141
|
};
|
|
150
|
-
function WallFactory(name, info, textures) {
|
|
142
|
+
export default function WallFactory(name, info, textures) {
|
|
151
143
|
var wallElement = {
|
|
152
144
|
name: name,
|
|
153
145
|
prototype: 'lines',
|
|
@@ -163,7 +155,7 @@ function WallFactory(name, info, textures) {
|
|
|
163
155
|
label: translator.t('thickness'),
|
|
164
156
|
type: 'length-measure',
|
|
165
157
|
defaultValue: {
|
|
166
|
-
length:
|
|
158
|
+
length: LINE_THICKNESS / 2
|
|
167
159
|
}
|
|
168
160
|
},
|
|
169
161
|
properties: {},
|
|
@@ -183,7 +175,7 @@ function WallFactory(name, info, textures) {
|
|
|
183
175
|
var verticesinfo = layer.vertices.get(element.vertices.get(0));
|
|
184
176
|
var length = Geometry.pointsDistance(x1, y1, x2, y2);
|
|
185
177
|
var length_5 = length / 5;
|
|
186
|
-
var thickness =
|
|
178
|
+
var thickness = LINE_THICKNESS;
|
|
187
179
|
// let thickness = element.getIn(['properties', 'thickness', 'length']);
|
|
188
180
|
var half_thickness = thickness / 2;
|
|
189
181
|
var half_thickness_eps = half_thickness + epsilon;
|
|
@@ -206,35 +198,35 @@ function WallFactory(name, info, textures) {
|
|
|
206
198
|
});
|
|
207
199
|
|
|
208
200
|
//Fill a polygon with the pattern specified by the polygon's id.(For example:fill='url(#pat) =><pattern id="pat">)
|
|
209
|
-
var outwall = /*#__PURE__*/
|
|
201
|
+
var outwall = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
|
|
210
202
|
id: "pat",
|
|
211
203
|
x: "0",
|
|
212
204
|
y: "0",
|
|
213
205
|
width: "5",
|
|
214
206
|
height: "5",
|
|
215
207
|
patternUnits: "userSpaceOnUse"
|
|
216
|
-
}, /*#__PURE__*/
|
|
208
|
+
}, /*#__PURE__*/React.createElement("line", {
|
|
217
209
|
x1: "0",
|
|
218
210
|
y1: "0",
|
|
219
211
|
x2: "3",
|
|
220
212
|
y2: "3",
|
|
221
213
|
style: STYLE_LINE
|
|
222
214
|
})));
|
|
223
|
-
return !element.selected ? /*#__PURE__*/
|
|
215
|
+
return !element.selected ? /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
|
|
224
216
|
points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
|
|
225
217
|
fill: "url(#pat)",
|
|
226
218
|
fillRule: "evenodd"
|
|
227
|
-
}), outwall, /*#__PURE__*/
|
|
219
|
+
}), outwall, /*#__PURE__*/React.createElement("line", {
|
|
228
220
|
x1: x1,
|
|
229
221
|
y1: y1,
|
|
230
222
|
x2: x2,
|
|
231
223
|
y2: y2,
|
|
232
224
|
style: STYLE_INTERIOR_LINE
|
|
233
|
-
})) : /*#__PURE__*/
|
|
225
|
+
})) : /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("polygon", {
|
|
234
226
|
points: "".concat(x1, ",").concat(y1, " ").concat(related0x, ",").concat(related0y, " ").concat(related1x, ",").concat(related1y, " ").concat(x2, ",").concat(y2),
|
|
235
227
|
fill: "url(#pat)",
|
|
236
228
|
fillRule: "evenodd"
|
|
237
|
-
}), outwall, /*#__PURE__*/
|
|
229
|
+
}), outwall, /*#__PURE__*/React.createElement("line", {
|
|
238
230
|
x1: x1,
|
|
239
231
|
y1: y1,
|
|
240
232
|
x2: x2,
|
|
@@ -243,10 +235,10 @@ function WallFactory(name, info, textures) {
|
|
|
243
235
|
}));
|
|
244
236
|
},
|
|
245
237
|
render3D: function render3D(element, layer, scene, mode) {
|
|
246
|
-
return
|
|
238
|
+
return buildWall(element, layer, scene, textures, mode);
|
|
247
239
|
},
|
|
248
240
|
updateRender3D: function updateRender3D(element, layer, scene, mesh, oldElement, differences, selfDestroy, selfBuild) {
|
|
249
|
-
return
|
|
241
|
+
return updatedWall(element, layer, scene, textures, mesh, oldElement, differences, selfDestroy, selfBuild);
|
|
250
242
|
}
|
|
251
243
|
};
|
|
252
244
|
if (textures && textures !== {}) {
|
|
@@ -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_HOLE_BASE = {
|
|
14
7
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -67,7 +60,7 @@ var STYLE_FNT0 = {
|
|
|
67
60
|
fontFamily: 'Proxima Nova Rg'
|
|
68
61
|
};
|
|
69
62
|
var EPSILON = 3;
|
|
70
|
-
|
|
63
|
+
export default {
|
|
71
64
|
name: 'Closet',
|
|
72
65
|
prototype: 'holes',
|
|
73
66
|
info: {
|
|
@@ -128,20 +121,20 @@ var _default = exports["default"] = {
|
|
|
128
121
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
129
122
|
var length = element.properties.get('width').get('length');
|
|
130
123
|
if (flip == false) {
|
|
131
|
-
return /*#__PURE__*/
|
|
124
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
132
125
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
133
|
-
}, /*#__PURE__*/
|
|
126
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
134
127
|
d: arcPath,
|
|
135
128
|
style: arcStyle,
|
|
136
129
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
137
|
-
}), /*#__PURE__*/
|
|
130
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
138
131
|
x1: 0,
|
|
139
132
|
y1: holeWidth - EPSILON,
|
|
140
133
|
x2: 0,
|
|
141
134
|
y2: 0 - EPSILON,
|
|
142
135
|
style: holeStyle,
|
|
143
136
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
144
|
-
}), /*#__PURE__*/
|
|
137
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
145
138
|
style: rectStyle,
|
|
146
139
|
x: "0",
|
|
147
140
|
y: -lineWidth / 2,
|
|
@@ -149,20 +142,20 @@ var _default = exports["default"] = {
|
|
|
149
142
|
height: lineWidth
|
|
150
143
|
}));
|
|
151
144
|
} else {
|
|
152
|
-
return /*#__PURE__*/
|
|
145
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
153
146
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
154
|
-
}, /*#__PURE__*/
|
|
147
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
155
148
|
d: arcPath,
|
|
156
149
|
style: arcStyle,
|
|
157
150
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
158
|
-
}), /*#__PURE__*/
|
|
151
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
159
152
|
x1: 0,
|
|
160
153
|
y1: -holeWidth - EPSILON,
|
|
161
154
|
x2: 0,
|
|
162
155
|
y2: 0 - EPSILON,
|
|
163
156
|
style: holeStyle,
|
|
164
157
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
165
|
-
}), /*#__PURE__*/
|
|
158
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
166
159
|
style: rectStyle,
|
|
167
160
|
x: "0",
|
|
168
161
|
y: -lineWidth / 2,
|
|
@@ -205,7 +198,7 @@ var _default = exports["default"] = {
|
|
|
205
198
|
// mat2.map = t;
|
|
206
199
|
// mat2.envMap = textureCube;
|
|
207
200
|
for (var j = 0; j < object.children.length; j++) {
|
|
208
|
-
if (object.children[j].type ===
|
|
201
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
209
202
|
object.children[j].material = mat2;
|
|
210
203
|
object.children[j].receiveShadow = true;
|
|
211
204
|
}
|
|
@@ -221,7 +214,7 @@ var _default = exports["default"] = {
|
|
|
221
214
|
if (cached3DDoor) {
|
|
222
215
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
223
216
|
}
|
|
224
|
-
return
|
|
217
|
+
return loadGLTF(element.url).then(function (object) {
|
|
225
218
|
cached3DDoor = object;
|
|
226
219
|
return onLoadItem(cached3DDoor.clone());
|
|
227
220
|
});
|
|
@@ -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
|
});
|
|
@@ -101,7 +94,7 @@ function makeLock() {
|
|
|
101
94
|
lock.add(lock_p1);
|
|
102
95
|
return lock;
|
|
103
96
|
}
|
|
104
|
-
|
|
97
|
+
export default {
|
|
105
98
|
name: 'Double Door',
|
|
106
99
|
prototype: 'holes',
|
|
107
100
|
info: {
|
|
@@ -222,33 +215,33 @@ var _default = exports["default"] = {
|
|
|
222
215
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
223
216
|
var length = element.properties.get('width').get('length');
|
|
224
217
|
if (flip) {
|
|
225
|
-
return /*#__PURE__*/
|
|
218
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
226
219
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
227
|
-
}, /*#__PURE__*/
|
|
220
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
228
221
|
key: "1",
|
|
229
222
|
d: arcPath,
|
|
230
223
|
style: arcStyle,
|
|
231
224
|
transform: "translate(".concat(0, ",", -holeWidth / 4, ")")
|
|
232
|
-
}), /*#__PURE__*/
|
|
225
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
233
226
|
key: "2",
|
|
234
227
|
x1: 0,
|
|
235
228
|
y1: 0 - epsilon,
|
|
236
229
|
x2: 0,
|
|
237
230
|
y2: -holeWidth / 4 - epsilon,
|
|
238
231
|
style: holeStyle
|
|
239
|
-
}), /*#__PURE__*/
|
|
232
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
240
233
|
key: "3",
|
|
241
234
|
d: arcPath2,
|
|
242
235
|
style: arcStyle,
|
|
243
236
|
transform: "translate(".concat(holeWidth, ",").concat(-holeWidth / 2 - holeWidth / 4, ") rotate(90)")
|
|
244
|
-
}), /*#__PURE__*/
|
|
237
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
245
238
|
key: "4",
|
|
246
239
|
x1: holeWidth,
|
|
247
240
|
y1: 0 - epsilon,
|
|
248
241
|
x2: holeWidth,
|
|
249
242
|
y2: -holeWidth / 2 - holeWidth / 4 - epsilon,
|
|
250
243
|
style: holeStyle
|
|
251
|
-
}), /*#__PURE__*/
|
|
244
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
252
245
|
style: rectStyle,
|
|
253
246
|
x: "0",
|
|
254
247
|
y: -lineWidth / 2,
|
|
@@ -256,33 +249,33 @@ var _default = exports["default"] = {
|
|
|
256
249
|
height: lineWidth
|
|
257
250
|
}));
|
|
258
251
|
} else {
|
|
259
|
-
return /*#__PURE__*/
|
|
252
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
260
253
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
261
|
-
}, /*#__PURE__*/
|
|
254
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
262
255
|
key: "1",
|
|
263
256
|
d: arcPath,
|
|
264
257
|
style: arcStyle,
|
|
265
258
|
transform: "translate(".concat(holeWidth, ",").concat(holeWidth / 4, ") rotate(180)")
|
|
266
|
-
}), /*#__PURE__*/
|
|
259
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
267
260
|
key: "2",
|
|
268
261
|
x1: 0,
|
|
269
262
|
y1: 0 - epsilon,
|
|
270
263
|
x2: 0,
|
|
271
264
|
y2: holeWidth / 2 + holeWidth / 4 - epsilon,
|
|
272
265
|
style: holeStyle
|
|
273
|
-
}), /*#__PURE__*/
|
|
266
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
274
267
|
key: "3",
|
|
275
268
|
d: arcPath2,
|
|
276
269
|
style: arcStyle,
|
|
277
270
|
transform: "translate(".concat(0, ",", holeWidth / 2 + holeWidth / 4, ") rotate(270)")
|
|
278
|
-
}), /*#__PURE__*/
|
|
271
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
279
272
|
key: "4",
|
|
280
273
|
x1: holeWidth,
|
|
281
274
|
y1: 0 - epsilon,
|
|
282
275
|
x2: holeWidth,
|
|
283
276
|
y2: holeWidth / 4 - epsilon,
|
|
284
277
|
style: holeStyle
|
|
285
|
-
}), /*#__PURE__*/
|
|
278
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
286
279
|
style: rectStyle,
|
|
287
280
|
x: "0",
|
|
288
281
|
y: -lineWidth / 2,
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 _path = _interopRequireDefault(require("path"));
|
|
11
|
-
var _constants = require("../../../constants");
|
|
12
|
-
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";
|
|
13
6
|
var cached3DDoor = null;
|
|
14
7
|
var STYLE_HOLE_BASE = {
|
|
15
8
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -68,7 +61,7 @@ var STYLE_FNT0 = {
|
|
|
68
61
|
fontFamily: 'Proxima Nova Rg'
|
|
69
62
|
};
|
|
70
63
|
var EPSILON = 3;
|
|
71
|
-
|
|
64
|
+
export default {
|
|
72
65
|
name: 'Exterior',
|
|
73
66
|
prototype: 'holes',
|
|
74
67
|
info: {
|
|
@@ -129,20 +122,20 @@ var _default = exports["default"] = {
|
|
|
129
122
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
130
123
|
var length = element.properties.get('width').get('length');
|
|
131
124
|
if (flip == false) {
|
|
132
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
133
126
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
134
|
-
}, /*#__PURE__*/
|
|
127
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
135
128
|
d: arcPath,
|
|
136
129
|
style: arcStyle,
|
|
137
130
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
138
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
139
132
|
x1: 0,
|
|
140
133
|
y1: holeWidth - EPSILON,
|
|
141
134
|
x2: 0,
|
|
142
135
|
y2: 0 - EPSILON,
|
|
143
136
|
style: holeStyle,
|
|
144
137
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
145
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
146
139
|
style: rectStyle,
|
|
147
140
|
x: "0",
|
|
148
141
|
y: -lineWidth / 2,
|
|
@@ -150,20 +143,20 @@ var _default = exports["default"] = {
|
|
|
150
143
|
height: lineWidth
|
|
151
144
|
}));
|
|
152
145
|
} else {
|
|
153
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
154
147
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
155
|
-
}, /*#__PURE__*/
|
|
148
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
156
149
|
d: arcPath,
|
|
157
150
|
style: arcStyle,
|
|
158
151
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
159
|
-
}), /*#__PURE__*/
|
|
152
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
160
153
|
x1: 0,
|
|
161
154
|
y1: -holeWidth - EPSILON,
|
|
162
155
|
x2: 0,
|
|
163
156
|
y2: 0 - EPSILON,
|
|
164
157
|
style: holeStyle,
|
|
165
158
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
166
|
-
}), /*#__PURE__*/
|
|
159
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
167
160
|
style: rectStyle,
|
|
168
161
|
x: "0",
|
|
169
162
|
y: -lineWidth / 2,
|
|
@@ -200,7 +193,7 @@ var _default = exports["default"] = {
|
|
|
200
193
|
|
|
201
194
|
// mat2.envMap = textureCube;
|
|
202
195
|
for (var j = 0; j < object.children.length; j++) {
|
|
203
|
-
if (object.children[j].type ===
|
|
196
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
204
197
|
object.children[j].material = mat2;
|
|
205
198
|
object.children[j].receiveShadow = true;
|
|
206
199
|
}
|
|
@@ -214,7 +207,7 @@ var _default = exports["default"] = {
|
|
|
214
207
|
if (cached3DDoor) {
|
|
215
208
|
return Promise.resolve(onLoadItem(cached3DDoor.clone()));
|
|
216
209
|
}
|
|
217
|
-
return
|
|
210
|
+
return loadGLTF(element.url).then(function (object) {
|
|
218
211
|
cached3DDoor = object;
|
|
219
212
|
return onLoadItem(cached3DDoor.clone());
|
|
220
213
|
});
|
|
@@ -1,15 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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 _path = _interopRequireDefault(require("path"));
|
|
11
|
-
var _constants = require("../../../constants");
|
|
12
|
-
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";
|
|
13
6
|
var cached3DDoor = null;
|
|
14
7
|
var STYLE_HOLE_BASE = {
|
|
15
8
|
stroke: 'rgb(73, 73, 73)',
|
|
@@ -68,7 +61,7 @@ var STYLE_FNT0 = {
|
|
|
68
61
|
fontFamily: 'Proxima Nova Rg'
|
|
69
62
|
};
|
|
70
63
|
var EPSILON = 3;
|
|
71
|
-
|
|
64
|
+
export default {
|
|
72
65
|
name: 'Interior',
|
|
73
66
|
prototype: 'holes',
|
|
74
67
|
info: {
|
|
@@ -129,20 +122,20 @@ var _default = exports["default"] = {
|
|
|
129
122
|
var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
|
|
130
123
|
var length = element.properties.get('width').get('length');
|
|
131
124
|
if (flip == false) {
|
|
132
|
-
return /*#__PURE__*/
|
|
125
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
133
126
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
134
|
-
}, /*#__PURE__*/
|
|
127
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
135
128
|
d: arcPath,
|
|
136
129
|
style: arcStyle,
|
|
137
130
|
transform: "translate(".concat(0, ",", holeWidth, ") scale(", 1, ",").concat(-1, ") rotate(", 0, ")")
|
|
138
|
-
}), /*#__PURE__*/
|
|
131
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
139
132
|
x1: 0,
|
|
140
133
|
y1: holeWidth - EPSILON,
|
|
141
134
|
x2: 0,
|
|
142
135
|
y2: 0 - EPSILON,
|
|
143
136
|
style: holeStyle,
|
|
144
137
|
transform: "scale(".concat(-1, ",", 1, ")")
|
|
145
|
-
}), /*#__PURE__*/
|
|
138
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
146
139
|
style: rectStyle,
|
|
147
140
|
x: "0",
|
|
148
141
|
y: -lineWidth / 2,
|
|
@@ -150,20 +143,20 @@ var _default = exports["default"] = {
|
|
|
150
143
|
height: lineWidth
|
|
151
144
|
}));
|
|
152
145
|
} else {
|
|
153
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
154
147
|
transform: "translate(".concat(-length / 2, ", 0)")
|
|
155
|
-
}, /*#__PURE__*/
|
|
148
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
156
149
|
d: arcPath,
|
|
157
150
|
style: arcStyle,
|
|
158
151
|
transform: "translate(".concat(0, ",", -holeWidth, ") scale(", 1, ",", 1, ") rotate(", 0, ")")
|
|
159
|
-
}), /*#__PURE__*/
|
|
152
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
160
153
|
x1: 0,
|
|
161
154
|
y1: -holeWidth - EPSILON,
|
|
162
155
|
x2: 0,
|
|
163
156
|
y2: 0 - EPSILON,
|
|
164
157
|
style: holeStyle,
|
|
165
158
|
transform: "scale(".concat(1, ",", 1, ")")
|
|
166
|
-
}), /*#__PURE__*/
|
|
159
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
167
160
|
style: rectStyle,
|
|
168
161
|
x: "0",
|
|
169
162
|
y: -lineWidth / 2,
|
|
@@ -200,7 +193,7 @@ var _default = exports["default"] = {
|
|
|
200
193
|
|
|
201
194
|
// mat2.envMap = textureCube;
|
|
202
195
|
for (var j = 0; j < object.children.length; j++) {
|
|
203
|
-
if (object.children[j].type ===
|
|
196
|
+
if (object.children[j].type === OBJTYPE_MESH) {
|
|
204
197
|
object.children[j].material = mat2;
|
|
205
198
|
object.children[j].receiveShadow = true;
|
|
206
199
|
}
|
|
@@ -219,7 +212,7 @@ var _default = exports["default"] = {
|
|
|
219
212
|
// let obj = require('./door.obj');
|
|
220
213
|
|
|
221
214
|
// console.log(mtl, obj, img)
|
|
222
|
-
return
|
|
215
|
+
return loadGLTF(element.url).then(function (object) {
|
|
223
216
|
cached3DDoor = object;
|
|
224
217
|
return onLoadItem(cached3DDoor.clone());
|
|
225
218
|
});
|
|
@@ -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
|
});
|
|
@@ -256,7 +249,7 @@ function makeDoorStructure() {
|
|
|
256
249
|
door.scale.x = 1.3;
|
|
257
250
|
return door;
|
|
258
251
|
}
|
|
259
|
-
|
|
252
|
+
export default {
|
|
260
253
|
name: 'Panic Door',
|
|
261
254
|
prototype: 'holes',
|
|
262
255
|
info: {
|
|
@@ -461,20 +454,20 @@ var _default = exports["default"] = {
|
|
|
461
454
|
dY = -1;
|
|
462
455
|
}
|
|
463
456
|
}
|
|
464
|
-
return /*#__PURE__*/
|
|
457
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
465
458
|
transform: "translate(".concat(-element.properties.get('width').get('length') / 2, ", 0)")
|
|
466
|
-
}, /*#__PURE__*/
|
|
459
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
467
460
|
d: arcPath,
|
|
468
461
|
style: arcStyle,
|
|
469
462
|
transform: "translate(".concat(tX, ",").concat(tY, ") scale(").concat(scaleX, ",").concat(scaleY, ") rotate(").concat(rotateAngle, ")")
|
|
470
|
-
}), /*#__PURE__*/
|
|
463
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
471
464
|
x1: pX1,
|
|
472
465
|
y1: pY1 - epsilon,
|
|
473
466
|
x2: pX2,
|
|
474
467
|
y2: pY2 - epsilon,
|
|
475
468
|
style: holeStyle,
|
|
476
469
|
transform: "scale(".concat(lineX, ",").concat(lineY, ")")
|
|
477
|
-
}), /*#__PURE__*/
|
|
470
|
+
}), /*#__PURE__*/React.createElement("rect", {
|
|
478
471
|
style: rectStyle,
|
|
479
472
|
x: "0",
|
|
480
473
|
y: -lineWidth / 2,
|