kitchen-simulator 3.1.2 → 3.1.11
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/LiteKitchenConfigurator.js +2 -1
- package/es/assets/img/png/helper/video_preview_start.png +0 -0
- package/es/catalog/factories/area-factory-3d.js +17 -17
- package/es/catalog/utils/item-loader.js +197 -197
- package/es/class/item.js +7 -0
- package/es/components/viewer2d/viewer2d.js +7 -7
- package/es/components/viewer3d/viewer3d.js +28 -12
- package/es/devLiteRenderer.js +98 -98
- package/es/utils/isolate-event-handler.js +20 -14
- package/es/utils/molding.js +234 -2
- package/lib/LiteKitchenConfigurator.js +2 -1
- package/lib/assets/img/png/helper/video_preview_start.png +0 -0
- package/lib/catalog/factories/area-factory-3d.js +14 -14
- package/lib/catalog/utils/item-loader.js +194 -194
- package/lib/class/item.js +7 -0
- package/lib/components/viewer2d/viewer2d.js +7 -7
- package/lib/components/viewer3d/viewer3d.js +28 -12
- package/lib/devLiteRenderer.js +93 -93
- package/lib/utils/isolate-event-handler.js +20 -14
- package/lib/utils/molding.js +233 -0
- package/package.json +1 -1
package/es/class/item.js
CHANGED
|
@@ -13,6 +13,7 @@ import { debugUtil } from "../utils/helper";
|
|
|
13
13
|
import { isUndefined } from 'util';
|
|
14
14
|
import { hasMoldingLayout } from "../utils/molding";
|
|
15
15
|
import { getInstallationSuffix, isWarningItem } from "../components/viewer2d/utils";
|
|
16
|
+
import { historyPush } from "../utils/history";
|
|
16
17
|
var allItemRect;
|
|
17
18
|
var allItemSnap;
|
|
18
19
|
var allLines;
|
|
@@ -1541,6 +1542,9 @@ var Item = /*#__PURE__*/function () {
|
|
|
1541
1542
|
});
|
|
1542
1543
|
}
|
|
1543
1544
|
}
|
|
1545
|
+
state = state.merge({
|
|
1546
|
+
sceneHistory: historyPush(state.sceneHistory, state.scene)
|
|
1547
|
+
});
|
|
1544
1548
|
return {
|
|
1545
1549
|
updatedState: state
|
|
1546
1550
|
};
|
|
@@ -1663,6 +1667,9 @@ var Item = /*#__PURE__*/function () {
|
|
|
1663
1667
|
updateSelectItemMolding();
|
|
1664
1668
|
}
|
|
1665
1669
|
}
|
|
1670
|
+
state = state.merge({
|
|
1671
|
+
sceneHistory: historyPush(state.sceneHistory, state.scene)
|
|
1672
|
+
});
|
|
1666
1673
|
return {
|
|
1667
1674
|
updatedState: state
|
|
1668
1675
|
};
|
|
@@ -973,7 +973,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
973
973
|
id: "ruler_numberInput",
|
|
974
974
|
style: {
|
|
975
975
|
position: 'absolute',
|
|
976
|
-
left: bbox.left - (
|
|
976
|
+
left: bbox.left - (200 - bbox.width) / 2,
|
|
977
977
|
top: bbox.top - (50 - bbox.height) / 2,
|
|
978
978
|
zIndex: 1000
|
|
979
979
|
}
|
|
@@ -1005,7 +1005,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
1005
1005
|
id: "ruler_numberInput",
|
|
1006
1006
|
style: {
|
|
1007
1007
|
position: 'absolute',
|
|
1008
|
-
left: bbox.left - (
|
|
1008
|
+
left: bbox.left - (200 - bbox.width) / 2,
|
|
1009
1009
|
top: bbox.top - (50 - bbox.height) / 2,
|
|
1010
1010
|
zIndex: 1000
|
|
1011
1011
|
}
|
|
@@ -1038,7 +1038,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
1038
1038
|
id: "ruler_numberInput",
|
|
1039
1039
|
style: {
|
|
1040
1040
|
position: 'absolute',
|
|
1041
|
-
left: bbox.left - (
|
|
1041
|
+
left: bbox.left - (200 - bbox.width) / 2,
|
|
1042
1042
|
top: bbox.top - (50 - bbox.height) / 2,
|
|
1043
1043
|
zIndex: 1000
|
|
1044
1044
|
}
|
|
@@ -1071,7 +1071,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
1071
1071
|
id: "ruler_numberInput",
|
|
1072
1072
|
style: {
|
|
1073
1073
|
position: 'absolute',
|
|
1074
|
-
left: bbox.left - (
|
|
1074
|
+
left: bbox.left - (200 - bbox.width) / 2,
|
|
1075
1075
|
top: bbox.top - (50 - bbox.height) / 2,
|
|
1076
1076
|
zIndex: 1000
|
|
1077
1077
|
}
|
|
@@ -1104,7 +1104,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
1104
1104
|
id: "ruler_numberInput",
|
|
1105
1105
|
style: {
|
|
1106
1106
|
position: 'absolute',
|
|
1107
|
-
left: bbox.left - (
|
|
1107
|
+
left: bbox.left - (200 - bbox.width) / 2,
|
|
1108
1108
|
top: bbox.top - (50 - bbox.height) / 2,
|
|
1109
1109
|
zIndex: 1000
|
|
1110
1110
|
}
|
|
@@ -1137,7 +1137,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
1137
1137
|
id: "ruler_numberInput",
|
|
1138
1138
|
style: {
|
|
1139
1139
|
position: 'absolute',
|
|
1140
|
-
left: bbox.left - (
|
|
1140
|
+
left: bbox.left - (200 - bbox.width) / 2,
|
|
1141
1141
|
top: bbox.top - (50 - bbox.height) / 2,
|
|
1142
1142
|
zIndex: 1000
|
|
1143
1143
|
}
|
|
@@ -1169,7 +1169,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
1169
1169
|
id: "ruler_numberInput",
|
|
1170
1170
|
style: {
|
|
1171
1171
|
position: 'absolute',
|
|
1172
|
-
left: bbox.left - (
|
|
1172
|
+
left: bbox.left - (200 - bbox.width) / 2,
|
|
1173
1173
|
top: bbox.top - (50 - bbox.height) / 2,
|
|
1174
1174
|
zIndex: 1000
|
|
1175
1175
|
}
|
|
@@ -1186,10 +1186,18 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1186
1186
|
};
|
|
1187
1187
|
var sendInternalEvent = function sendInternalEvent(evtType, evtElement) {
|
|
1188
1188
|
var pointArray = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
1189
|
-
if (!isEmpty(evtType)) {
|
|
1190
|
-
var _this2$props$onIntern, _this2$props;
|
|
1189
|
+
if (!isEmpty(evtType) && !isEmpty(evtElement)) {
|
|
1190
|
+
var _currentObject, _this2$props$onIntern, _this2$props;
|
|
1191
1191
|
var payload = evtElement === null || evtElement === void 0 ? void 0 : evtElement.toJS();
|
|
1192
|
-
if ((
|
|
1192
|
+
if (((_currentObject = currentObject) === null || _currentObject === void 0 ? void 0 : _currentObject.prototype) === 'lines') {
|
|
1193
|
+
// caculating length of selected line//
|
|
1194
|
+
var v_a = layer.vertices.get(currentObject.vertices.get(0));
|
|
1195
|
+
var v_b = layer.vertices.get(currentObject.vertices.get(1));
|
|
1196
|
+
var distance = GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
|
|
1197
|
+
var _length = convert(distance).from('cm').to('in');
|
|
1198
|
+
payload.length = _length;
|
|
1199
|
+
//////////////////////////////////////
|
|
1200
|
+
} else if ((evtElement === null || evtElement === void 0 ? void 0 : evtElement.prototype) === 'items') {
|
|
1193
1201
|
// check this cabinet has warning box
|
|
1194
1202
|
payload.isWarning = isWarningItem(evtElement);
|
|
1195
1203
|
// check this item is available molding
|
|
@@ -1288,7 +1296,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1288
1296
|
if (intersects[_i1] === undefined) {
|
|
1289
1297
|
if (transflag !== 0 && transflag !== 2) {
|
|
1290
1298
|
isSelected = false;
|
|
1291
|
-
|
|
1299
|
+
// this.context.projectActions.unselectAll();
|
|
1292
1300
|
scene3D.remove(toolObj);
|
|
1293
1301
|
_this2.context.itemsActions.removeReplacingSupport();
|
|
1294
1302
|
return;
|
|
@@ -1357,14 +1365,14 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1357
1365
|
selectedFlag = false;
|
|
1358
1366
|
} else {
|
|
1359
1367
|
isSelected = false;
|
|
1360
|
-
|
|
1368
|
+
// this.context.projectActions.unselectAll();
|
|
1361
1369
|
scene3D.remove(toolObj);
|
|
1362
1370
|
_this2.context.itemsActions.removeReplacingSupport();
|
|
1363
1371
|
}
|
|
1364
1372
|
}
|
|
1365
1373
|
} else {
|
|
1366
1374
|
isSelected = false;
|
|
1367
|
-
|
|
1375
|
+
// this.context.projectActions.unselectAll();
|
|
1368
1376
|
scene3D.remove(toolObj);
|
|
1369
1377
|
_this2.context.itemsActions.removeReplacingSupport();
|
|
1370
1378
|
return;
|
|
@@ -1412,11 +1420,18 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1412
1420
|
}
|
|
1413
1421
|
switch (_this2.props.state.mode) {
|
|
1414
1422
|
case MODE_DRAGGING_ITEM_3D:
|
|
1423
|
+
case MODE_DRAGGING_HOLE_3D:
|
|
1415
1424
|
internalType = INTERNAL_EVENT_DRAG_ELEMENT;
|
|
1416
1425
|
break;
|
|
1417
1426
|
case MODE_ROTATING_ITEM_3D:
|
|
1418
1427
|
internalType = INTERNAL_EVENT_ROTATE_ELEMENT;
|
|
1419
1428
|
break;
|
|
1429
|
+
case MODE_DRAWING_HOLE_3D:
|
|
1430
|
+
internalType = INTERNAL_EVENT_DRAW_ELEMENT;
|
|
1431
|
+
break;
|
|
1432
|
+
case MODE_IDLE_3D:
|
|
1433
|
+
internalType = INTERNAL_EVENT_SELECT_ELEMENT;
|
|
1434
|
+
break;
|
|
1420
1435
|
}
|
|
1421
1436
|
if (_this2.props.state.mode == MODE_DRAGGING_ITEM_3D) {
|
|
1422
1437
|
_this2.context.itemsActions.endDraggingItem3D();
|
|
@@ -1541,16 +1556,17 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1541
1556
|
var elementPrototype = null;
|
|
1542
1557
|
switch (true) {
|
|
1543
1558
|
case 'holeID' in selectedObject:
|
|
1544
|
-
|
|
1559
|
+
elementID = selectedObject.holeID;
|
|
1560
|
+
elementPrototype = 'holes';
|
|
1545
1561
|
if (_this2.props.state.mode === MODE_DRAGGING_HOLE_3D) {
|
|
1546
1562
|
actions.holesActions.endDraggingHole3D(sPoint.x, sPoint.y);
|
|
1547
|
-
internalType = INTERNAL_EVENT_SELECT_ELEMENT;
|
|
1548
|
-
elementID = selectedObject.holeID;
|
|
1549
|
-
elementPrototype = 'holes';
|
|
1550
1563
|
}
|
|
1551
1564
|
break;
|
|
1565
|
+
case 'lineID' in selectedObject:
|
|
1566
|
+
elementID = selectedObject.lineID;
|
|
1567
|
+
elementPrototype = 'lines';
|
|
1568
|
+
break;
|
|
1552
1569
|
case 'areaID' in selectedObject:
|
|
1553
|
-
internalType = INTERNAL_EVENT_SELECT_ELEMENT;
|
|
1554
1570
|
elementID = selectedObject.areaID;
|
|
1555
1571
|
elementPrototype = 'areas';
|
|
1556
1572
|
break;
|
|
@@ -2086,7 +2102,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
2086
2102
|
if (minDis < snapDelta && !snapFlag) {
|
|
2087
2103
|
_this2.snap(snapObj, layer);
|
|
2088
2104
|
snapFlag = true;
|
|
2089
|
-
getDistances(layer
|
|
2105
|
+
getDistances(layer);
|
|
2090
2106
|
var _i13 = 0;
|
|
2091
2107
|
for (_i13 = 0; _i13 < fVLine.length; _i13++) {
|
|
2092
2108
|
if (fVLine[_i13].userData.distance < snapDelta) {
|
package/es/devLiteRenderer.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
2
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
3
3
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
|
-
import React, { useState, useEffect } from
|
|
5
|
-
import { Map } from
|
|
6
|
-
import ContainerDimensions from
|
|
4
|
+
import React, { useState, useEffect } from "react";
|
|
5
|
+
import { Map } from "immutable";
|
|
6
|
+
import ContainerDimensions from "react-container-dimensions";
|
|
7
7
|
import projectItemsCatalog from "./mocks/projectItemsCatalog.json";
|
|
8
8
|
import mockProps from "./mocks/mockProps.json";
|
|
9
9
|
import cabinetPaylod from "./mocks/cabinetPayload2.json";
|
|
@@ -16,15 +16,15 @@ import furnishingPayload from "./mocks/furnishingPayload.json";
|
|
|
16
16
|
import rectangleData from "./mocks/rectangleShape.json";
|
|
17
17
|
import moldingPayload from "./mocks/moldingPayload.json";
|
|
18
18
|
import replaceCabinetPayload from "./mocks/replaceCabinetPayload.json";
|
|
19
|
-
import ReactDOM from
|
|
19
|
+
import ReactDOM from "react-dom";
|
|
20
20
|
import LiteRenderer from "./LiteRenderer";
|
|
21
|
-
import { Button } from
|
|
21
|
+
import { Button } from "antd";
|
|
22
22
|
import { LEFT, RIGHT, TOP, BOTTOM, EXTERNAL_EVENT_ADD_ITEM, EXTERNAL_EVENT_ADD_WALL, EXTERNAL_EVENT_TOGGLE_TO_3D, EXTERNAL_EVENT_TOGGLE_TO_2D, EXTERNAL_EVENT_TOGGLE_TO_ELEVATION, EXTERNAL_EVENT_MOVE_PAN, EXTERNAL_EVENT_NEW_PROJECT, EXTERNAL_EVENT_CHANGE_DOORSTYLE, EXTERNAL_EVENT_ADD_ROOM_SHAPE, EXTERNAL_EVENT_ZOOM_IN, EXTERNAL_EVENT_ZOOM_OUT, EXTERNAL_EVENT_UNDO, EXTERNAL_EVENT_REDO, EXTERNAL_EVENT_SET_MOLDING, EXTERNAL_EVENT_PROJECT_SETTING, PROJECT_SETTING_OPTION, EXTERNAL_EVENT_SYNC_SCENE, EXTERNAL_EVENT_UPDATE_ATTRIBUTE, BACK_DIST_ANG, ATT_ITEM_POS, ATT_ITEM_ROTATION, ATT_LINE_LENGTH, EXTERNAL_EVENT_UPDATE_PROPERTY, PROP_FLIP_DOOR_HANDLE, PROP_OPEN_DOORS, EXTERNAL_EVENT_LOAD_PROJECT, INTERNAL_EVENT_ITEMS_CATALOG, EXTERNAL_EVENT_ADD_HOLE, HOLE_NAMES, EXTERNAL_EVENT_CENTERING_2D, PROP_ALTITUDE, EXTERNAL_EVENT_DUPLICATE_ELEMENT, ELEMENT_ITEM, EXTERNAL_EVENT_DELETE_ELEMENT, PROP_RESIZE_WIDTH, EXTERNAL_EVENT_REPLACE_CABINET, EXTERNAL_EVENT_SET_FINISHING, FINISHING_TYPE } from "./constants";
|
|
23
23
|
import { convert } from "./utils/convert-units-lite";
|
|
24
24
|
|
|
25
25
|
// --- renderer props ---
|
|
26
26
|
var options = {
|
|
27
|
-
unit:
|
|
27
|
+
unit: "in",
|
|
28
28
|
enable3D: true
|
|
29
29
|
};
|
|
30
30
|
var onInternalEvent = /*#__PURE__*/function () {
|
|
@@ -33,7 +33,7 @@ var onInternalEvent = /*#__PURE__*/function () {
|
|
|
33
33
|
return _regeneratorRuntime.wrap(function (_context) {
|
|
34
34
|
while (1) switch (_context.prev = _context.next) {
|
|
35
35
|
case 0:
|
|
36
|
-
console.log(
|
|
36
|
+
console.log("EVENT:", evt.type, evt.value);
|
|
37
37
|
_t = evt.type;
|
|
38
38
|
_context.next = _t === INTERNAL_EVENT_ITEMS_CATALOG ? 1 : 3;
|
|
39
39
|
break;
|
|
@@ -52,7 +52,7 @@ var onInternalEvent = /*#__PURE__*/function () {
|
|
|
52
52
|
return _ref.apply(this, arguments);
|
|
53
53
|
};
|
|
54
54
|
}();
|
|
55
|
-
document.getElementById(
|
|
55
|
+
document.getElementById("app").style.display = "block";
|
|
56
56
|
function WorkSpace(props) {
|
|
57
57
|
var _useState = useState(null),
|
|
58
58
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -232,91 +232,91 @@ function WorkSpace(props) {
|
|
|
232
232
|
var evt = {
|
|
233
233
|
type: EXTERNAL_EVENT_ADD_ROOM_SHAPE,
|
|
234
234
|
payload: {
|
|
235
|
-
roomShapeType:
|
|
235
|
+
roomShapeType: "rectangle",
|
|
236
236
|
width: 250,
|
|
237
237
|
height: 100,
|
|
238
238
|
doorStyle: {
|
|
239
239
|
id: 36,
|
|
240
|
-
type:
|
|
241
|
-
name:
|
|
242
|
-
thumbnail:
|
|
243
|
-
texture:
|
|
244
|
-
color:
|
|
240
|
+
type: "door",
|
|
241
|
+
name: "Brilliant White Shaker",
|
|
242
|
+
thumbnail: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/thumbnail/Brilliant%20White%20Shaker%20-%20RTA.jpg",
|
|
243
|
+
texture: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
244
|
+
color: "#ffffff",
|
|
245
245
|
glossness: 1,
|
|
246
246
|
door_style_id: 42,
|
|
247
247
|
brightness: 1,
|
|
248
|
-
sku:
|
|
249
|
-
color_family:
|
|
250
|
-
color_sku_alias:
|
|
251
|
-
door_style_name:
|
|
252
|
-
install:
|
|
248
|
+
sku: "SW",
|
|
249
|
+
color_family: ",10,",
|
|
250
|
+
color_sku_alias: "SW",
|
|
251
|
+
door_style_name: "Shaker",
|
|
252
|
+
install: "",
|
|
253
253
|
doorStyles: {
|
|
254
|
-
base:
|
|
255
|
-
counttop:
|
|
256
|
-
interior:
|
|
257
|
-
base_door_1:
|
|
258
|
-
base_fixed_drawer_door_1:
|
|
259
|
-
base_drawer_1:
|
|
260
|
-
base_drawer_door_1:
|
|
261
|
-
door_handle_1:
|
|
262
|
-
fixed_drawer_door_handle_1:
|
|
263
|
-
drawer_door_handle_1:
|
|
264
|
-
base_door_2:
|
|
265
|
-
base_fixed_drawer_door_2:
|
|
266
|
-
base_drawer_2:
|
|
267
|
-
base_drawer_door_2:
|
|
268
|
-
door_handle_2:
|
|
269
|
-
fixed_drawer_door_handle_2:
|
|
270
|
-
drawer_door_handle_2:
|
|
271
|
-
base_door_3:
|
|
272
|
-
base_fixed_drawer_door_3:
|
|
273
|
-
base_drawer_3:
|
|
274
|
-
base_drawer_door_3:
|
|
275
|
-
door_handle_3:
|
|
276
|
-
fixed_drawer_door_handle_3:
|
|
277
|
-
drawer_door_handle_3:
|
|
278
|
-
base_door_4:
|
|
279
|
-
base_fixed_drawer_door_4:
|
|
280
|
-
base_drawer_4:
|
|
281
|
-
base_drawer_door_4:
|
|
282
|
-
door_handle_4:
|
|
283
|
-
fixed_drawer_door_handle_4:
|
|
284
|
-
drawer_door_handle_4:
|
|
285
|
-
base_door_5:
|
|
286
|
-
base_fixed_drawer_door_5:
|
|
287
|
-
base_drawer_5:
|
|
288
|
-
base_drawer_door_5:
|
|
289
|
-
door_handle_5:
|
|
290
|
-
fixed_drawer_door_handle_5:
|
|
291
|
-
drawer_door_handle_5:
|
|
292
|
-
base_door_6:
|
|
293
|
-
base_fixed_drawer_door_6:
|
|
294
|
-
base_drawer_6:
|
|
295
|
-
base_drawer_door_6:
|
|
296
|
-
door_handle_6:
|
|
297
|
-
fixed_drawer_door_handle_6:
|
|
298
|
-
drawer_door_handle_6:
|
|
299
|
-
base_door_7:
|
|
300
|
-
base_fixed_drawer_door_7:
|
|
301
|
-
base_drawer_7:
|
|
302
|
-
base_drawer_door_7:
|
|
303
|
-
door_handle_7:
|
|
304
|
-
fixed_drawer_door_handle_7:
|
|
305
|
-
drawer_door_handle_7:
|
|
306
|
-
base_door_8:
|
|
307
|
-
base_fixed_drawer_door_8:
|
|
308
|
-
base_drawer_8:
|
|
309
|
-
base_drawer_door_8:
|
|
310
|
-
door_handle_8:
|
|
311
|
-
fixed_drawer_door_handle_8:
|
|
312
|
-
drawer_door_handle_8:
|
|
313
|
-
base_door_9:
|
|
314
|
-
base_fixed_drawer_door_9:
|
|
315
|
-
base_drawer_9:
|
|
316
|
-
base_drawer_door_9:
|
|
317
|
-
door_handle_9:
|
|
318
|
-
fixed_drawer_door_handle_9:
|
|
319
|
-
drawer_door_handle_9:
|
|
254
|
+
base: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
255
|
+
counttop: "https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg",
|
|
256
|
+
interior: "http://127.0.0.1:4002/uploads/assets/default/maple.jpg",
|
|
257
|
+
base_door_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
258
|
+
base_fixed_drawer_door_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
259
|
+
base_drawer_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
260
|
+
base_drawer_door_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
261
|
+
door_handle_1: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
262
|
+
fixed_drawer_door_handle_1: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
263
|
+
drawer_door_handle_1: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
264
|
+
base_door_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
265
|
+
base_fixed_drawer_door_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
266
|
+
base_drawer_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
267
|
+
base_drawer_door_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
268
|
+
door_handle_2: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
269
|
+
fixed_drawer_door_handle_2: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
270
|
+
drawer_door_handle_2: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
271
|
+
base_door_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
272
|
+
base_fixed_drawer_door_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
273
|
+
base_drawer_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
274
|
+
base_drawer_door_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
275
|
+
door_handle_3: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
276
|
+
fixed_drawer_door_handle_3: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
277
|
+
drawer_door_handle_3: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
278
|
+
base_door_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
279
|
+
base_fixed_drawer_door_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
280
|
+
base_drawer_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
281
|
+
base_drawer_door_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
282
|
+
door_handle_4: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
283
|
+
fixed_drawer_door_handle_4: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
284
|
+
drawer_door_handle_4: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
285
|
+
base_door_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
286
|
+
base_fixed_drawer_door_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
287
|
+
base_drawer_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
288
|
+
base_drawer_door_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
289
|
+
door_handle_5: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
290
|
+
fixed_drawer_door_handle_5: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
291
|
+
drawer_door_handle_5: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
292
|
+
base_door_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
293
|
+
base_fixed_drawer_door_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
294
|
+
base_drawer_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
295
|
+
base_drawer_door_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
296
|
+
door_handle_6: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
297
|
+
fixed_drawer_door_handle_6: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
298
|
+
drawer_door_handle_6: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
299
|
+
base_door_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
300
|
+
base_fixed_drawer_door_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
301
|
+
base_drawer_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
302
|
+
base_drawer_door_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
303
|
+
door_handle_7: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
304
|
+
fixed_drawer_door_handle_7: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
305
|
+
drawer_door_handle_7: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
306
|
+
base_door_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
307
|
+
base_fixed_drawer_door_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
308
|
+
base_drawer_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
309
|
+
base_drawer_door_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
310
|
+
door_handle_8: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
311
|
+
fixed_drawer_door_handle_8: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
312
|
+
drawer_door_handle_8: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
313
|
+
base_door_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
314
|
+
base_fixed_drawer_door_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
315
|
+
base_drawer_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
316
|
+
base_drawer_door_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
317
|
+
door_handle_9: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
318
|
+
fixed_drawer_door_handle_9: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
319
|
+
drawer_door_handle_9: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg"
|
|
320
320
|
},
|
|
321
321
|
installation_types: [125, 124]
|
|
322
322
|
}
|
|
@@ -475,7 +475,7 @@ function WorkSpace(props) {
|
|
|
475
475
|
// cm
|
|
476
476
|
_length: 10,
|
|
477
477
|
// inch
|
|
478
|
-
_unit:
|
|
478
|
+
_unit: "in"
|
|
479
479
|
})
|
|
480
480
|
}
|
|
481
481
|
};
|
|
@@ -488,7 +488,7 @@ function WorkSpace(props) {
|
|
|
488
488
|
type: EXTERNAL_EVENT_DUPLICATE_ELEMENT,
|
|
489
489
|
payload: {
|
|
490
490
|
elementPrototype: ELEMENT_ITEM,
|
|
491
|
-
elementId:
|
|
491
|
+
elementId: "" // id of current operating element
|
|
492
492
|
}
|
|
493
493
|
};
|
|
494
494
|
setExternalEvent(evt);
|
|
@@ -500,7 +500,7 @@ function WorkSpace(props) {
|
|
|
500
500
|
type: EXTERNAL_EVENT_DELETE_ELEMENT,
|
|
501
501
|
payload: {
|
|
502
502
|
elementPrototype: ELEMENT_ITEM,
|
|
503
|
-
elementId:
|
|
503
|
+
elementId: "" // id of current operating element
|
|
504
504
|
}
|
|
505
505
|
};
|
|
506
506
|
setExternalEvent(evt);
|
|
@@ -561,7 +561,7 @@ function WorkSpace(props) {
|
|
|
561
561
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
562
562
|
payload: {
|
|
563
563
|
category: FINISHING_TYPE.COUNTER_TOP,
|
|
564
|
-
texture:
|
|
564
|
+
texture: "https://media.test.diydesignspace.com/uploads/CountTop/202111302746_7/texture/Arabescato_texture.jpg"
|
|
565
565
|
}
|
|
566
566
|
};
|
|
567
567
|
setExternalEvent(evt);
|
|
@@ -573,7 +573,7 @@ function WorkSpace(props) {
|
|
|
573
573
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
574
574
|
payload: {
|
|
575
575
|
category: FINISHING_TYPE.BACKSPLASH,
|
|
576
|
-
texture:
|
|
576
|
+
texture: "https://media.test.diydesignspace.com/uploads/CountTop/202305225249_14/texture/Unique_Marquina_texture.jpg"
|
|
577
577
|
}
|
|
578
578
|
};
|
|
579
579
|
setExternalEvent(evt);
|
|
@@ -585,7 +585,7 @@ function WorkSpace(props) {
|
|
|
585
585
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
586
586
|
payload: {
|
|
587
587
|
category: FINISHING_TYPE.FLOOR_STYLE,
|
|
588
|
-
texture:
|
|
588
|
+
texture: "https://media.test.diydesignspace.com/uploads/CountTop/202203163338_3/texture/oak-chestnut.webp"
|
|
589
589
|
}
|
|
590
590
|
};
|
|
591
591
|
setExternalEvent(evt);
|
|
@@ -597,7 +597,7 @@ function WorkSpace(props) {
|
|
|
597
597
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
598
598
|
payload: {
|
|
599
599
|
category: FINISHING_TYPE.WALL_COLOR,
|
|
600
|
-
color:
|
|
600
|
+
color: "#bab863"
|
|
601
601
|
}
|
|
602
602
|
};
|
|
603
603
|
setExternalEvent(evt);
|
|
@@ -609,7 +609,7 @@ function WorkSpace(props) {
|
|
|
609
609
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
610
610
|
payload: {
|
|
611
611
|
category: FINISHING_TYPE.DOOR_HANDLE,
|
|
612
|
-
gltf:
|
|
612
|
+
gltf: "https://media.test.diydesignspace.com/uploads/DoorHandle/202107294150_29/gltf/Handle1.gltf"
|
|
613
613
|
}
|
|
614
614
|
};
|
|
615
615
|
setExternalEvent(evt);
|
|
@@ -636,7 +636,7 @@ function WorkSpace(props) {
|
|
|
636
636
|
// cm
|
|
637
637
|
_length: 27,
|
|
638
638
|
// inch
|
|
639
|
-
_unit:
|
|
639
|
+
_unit: "in"
|
|
640
640
|
})
|
|
641
641
|
}
|
|
642
642
|
};
|
|
@@ -664,7 +664,7 @@ function WorkSpace(props) {
|
|
|
664
664
|
actionType: "danger",
|
|
665
665
|
onClick: function onClick() {
|
|
666
666
|
var _tl = Math.floor(Math.random() * 50);
|
|
667
|
-
var tl = convert(_tl).from(
|
|
667
|
+
var tl = convert(_tl).from("in").to("cm");
|
|
668
668
|
var evt = {
|
|
669
669
|
type: EXTERNAL_EVENT_UPDATE_PROPERTY,
|
|
670
670
|
payload: {
|
|
@@ -672,7 +672,7 @@ function WorkSpace(props) {
|
|
|
672
672
|
value: new Map({
|
|
673
673
|
_length: _tl,
|
|
674
674
|
// inch
|
|
675
|
-
_unit:
|
|
675
|
+
_unit: "in",
|
|
676
676
|
length: tl // cm
|
|
677
677
|
})
|
|
678
678
|
}
|
|
@@ -697,7 +697,7 @@ function WorkSpace(props) {
|
|
|
697
697
|
// externalEvent: { id?, type, payload } | null,
|
|
698
698
|
// meta?: { filename?, lineno?, colno? }
|
|
699
699
|
// }
|
|
700
|
-
console.error(
|
|
700
|
+
console.error("TOOL ERROR:", payload);
|
|
701
701
|
}
|
|
702
702
|
}));
|
|
703
703
|
}
|
|
@@ -708,4 +708,4 @@ ReactDOM.render(/*#__PURE__*/React.createElement(ContainerDimensions, null, func
|
|
|
708
708
|
width: width,
|
|
709
709
|
height: height
|
|
710
710
|
});
|
|
711
|
-
}), document.getElementById(
|
|
711
|
+
}), document.getElementById("app") && document.getElementById("app"));
|