kitchen-simulator 3.1.13 → 3.1.14
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 +5 -1
- package/es/catalog/factories/area-factory-3d.js +17 -17
- package/es/catalog/utils/item-loader.js +197 -197
- package/es/class/line.js +1 -1
- package/es/components/viewer2d/utils.js +2 -2
- package/es/components/viewer2d/viewer2d.js +1 -1
- package/es/components/viewer3d/viewer3d.js +1 -1
- package/es/constants.js +4 -1
- package/es/devLiteRenderer.js +164 -100
- package/es/utils/isolate-event-handler.js +121 -74
- package/lib/LiteKitchenConfigurator.js +5 -1
- package/lib/catalog/factories/area-factory-3d.js +14 -14
- package/lib/catalog/utils/item-loader.js +194 -194
- package/lib/class/line.js +1 -1
- package/lib/components/viewer2d/utils.js +2 -2
- package/lib/components/viewer2d/viewer2d.js +1 -1
- package/lib/components/viewer3d/viewer3d.js +1 -1
- package/lib/constants.js +9 -6
- package/lib/devLiteRenderer.js +158 -94
- package/lib/utils/isolate-event-handler.js +120 -73
- package/package.json +1 -1
package/es/class/line.js
CHANGED
|
@@ -485,7 +485,7 @@ var Line = /*#__PURE__*/function () {
|
|
|
485
485
|
var v_a = layer.vertices.get(line.vertices.get(0));
|
|
486
486
|
var v_b = layer.vertices.get(line.vertices.get(1));
|
|
487
487
|
var distance = GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
|
|
488
|
-
var _length = convert(distance).from('cm').to(
|
|
488
|
+
var _length = convert(distance).from('cm').to(layer.unit);
|
|
489
489
|
payload.length = _length;
|
|
490
490
|
if (onInternalEvent) onInternalEvent({
|
|
491
491
|
type: INTERNAL_EVENT_START_DRAW_WALL,
|
|
@@ -187,7 +187,7 @@ export var areaPolygon = function areaPolygon(points) {
|
|
|
187
187
|
};
|
|
188
188
|
export var isWarningItem = function isWarningItem(item) {
|
|
189
189
|
var _item$toJS$doorStyle;
|
|
190
|
-
return !(item !== null && item !== void 0 && (_item$toJS$doorStyle = item.toJS().doorStyle) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.doorStyles) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.cds) !== null && _item$toJS$doorStyle !== void 0 && _item$toJS$doorStyle.filter(function (cd) {
|
|
190
|
+
if (item.category === 'cabinet') return !(item !== null && item !== void 0 && (_item$toJS$doorStyle = item.toJS().doorStyle) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.doorStyles) !== null && _item$toJS$doorStyle !== void 0 && (_item$toJS$doorStyle = _item$toJS$doorStyle.cds) !== null && _item$toJS$doorStyle !== void 0 && _item$toJS$doorStyle.filter(function (cd) {
|
|
191
191
|
return cd.itemID == (item === null || item === void 0 ? void 0 : item.getIn(['itemID']));
|
|
192
|
-
}).length) > 0;
|
|
192
|
+
}).length) > 0;else return false;
|
|
193
193
|
};
|
|
@@ -1258,7 +1258,7 @@ export default function Viewer2D(_ref, _ref2) {
|
|
|
1258
1258
|
var v_a = layer.vertices.get(_currentObject.vertices.get(0));
|
|
1259
1259
|
var v_b = layer.vertices.get(_currentObject.vertices.get(1));
|
|
1260
1260
|
var distance = GeometryUtils.pointsDistance(v_a.x, v_a.y, v_b.x, v_b.y);
|
|
1261
|
-
var _length3 = convert(distance).from('cm').to(
|
|
1261
|
+
var _length3 = convert(distance).from('cm').to(layer.unit);
|
|
1262
1262
|
payload.length = _length3;
|
|
1263
1263
|
//////////////////////////////////////
|
|
1264
1264
|
} else if (((_currentObject5 = _currentObject) === null || _currentObject5 === void 0 ? void 0 : _currentObject5.prototype) === 'items') {
|
|
@@ -1194,7 +1194,7 @@ var Scene3DViewer = /*#__PURE__*/function (_React$Component) {
|
|
|
1194
1194
|
var v_a = layer.vertices.get(evtElement.vertices.get(0));
|
|
1195
1195
|
var v_b = layer.vertices.get(evtElement.vertices.get(1));
|
|
1196
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(
|
|
1197
|
+
var _length = convert(distance).from('cm').to(layer.unit);
|
|
1198
1198
|
payload.length = _length;
|
|
1199
1199
|
//////////////////////////////////////
|
|
1200
1200
|
} else if ((evtElement === null || evtElement === void 0 ? void 0 : evtElement.prototype) === 'items') {
|
package/es/constants.js
CHANGED
|
@@ -66,6 +66,7 @@ export var CHANGE_WALL_LENGTH_MEASURE = 'CHANGE_WALL_LENGTH_MEASURE';
|
|
|
66
66
|
export var CHANGE_BASE_CABINET_MEASURE = 'CHANGE_BASE_CABINET_MEASURE';
|
|
67
67
|
export var CHANGE_WALL_CABINET_MEASURE = 'CHANGE_WALL_CABINET_MEASURE';
|
|
68
68
|
export var CHANGE_WINDOW_DOOR_MEASURE = 'CHANGE_WINDOW_DOOR_MEASURE';
|
|
69
|
+
export var CHANGE_MEASUREMENT_UNIT = 'CHANGE_MEASUREMENT_UNIT';
|
|
69
70
|
|
|
70
71
|
//ACTIONS viewer3D
|
|
71
72
|
export var SELECT_TOOL_3D_VIEW = 'SELECT_TOOL_3D_VIEW';
|
|
@@ -650,7 +651,8 @@ export var PROJECT_SETTING_OPTION = {
|
|
|
650
651
|
CHANGE_WALL_LENGTH_MEASURE: CHANGE_WALL_LENGTH_MEASURE,
|
|
651
652
|
CHANGE_BASE_CABINET_MEASURE: CHANGE_BASE_CABINET_MEASURE,
|
|
652
653
|
CHANGE_WALL_CABINET_MEASURE: CHANGE_WALL_CABINET_MEASURE,
|
|
653
|
-
CHANGE_WINDOW_DOOR_MEASURE: CHANGE_WINDOW_DOOR_MEASURE
|
|
654
|
+
CHANGE_WINDOW_DOOR_MEASURE: CHANGE_WINDOW_DOOR_MEASURE,
|
|
655
|
+
CHANGE_MEASUREMENT_UNIT: CHANGE_MEASUREMENT_UNIT
|
|
654
656
|
};
|
|
655
657
|
export var HOLE_NAMES = {
|
|
656
658
|
WINDOW_CLEAR: 'Window',
|
|
@@ -739,6 +741,7 @@ export var EXTERNAL_EVENT_UPDATE_ATTRIBUTE = 'EXTERNAL_EVENT_UPDATE_ATTRIBUTE';
|
|
|
739
741
|
export var EXTERNAL_EVENT_UPDATE_PROPERTY = 'EXTERNAL_EVENT_UPDATE_PROPERTY'; // update the element's property (flip_doorhandle, open_doors...) in the property window
|
|
740
742
|
export var EXTERNAL_EVENT_REPLACE_CABINET = 'EXTERNAL_EVENT_REPLACE_CABINET';
|
|
741
743
|
export var EXTERNAL_EVENT_SET_FINISHING = 'EXTERNAL_EVENT_SET_FINISHING'; // set finishing(wallColor, floorStyle, doorHandle, backsplash, counterTop)
|
|
744
|
+
export var EXTERNAL_EVENT_ROTATE_PAN = 'EXTERNAL_EVENT_ROTATE_PAN'; // external event for rotate pan
|
|
742
745
|
|
|
743
746
|
// internal event type
|
|
744
747
|
export var INTERNAL_EVENT_UNSELECT_ALL = 'INTERNAL_EVENT_UNSELECT_ALL';
|
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";
|
|
@@ -17,15 +17,15 @@ import furnishingPayload from "./mocks/furnishingPayload.json";
|
|
|
17
17
|
import rectangleData from "./mocks/rectangleShape.json";
|
|
18
18
|
import moldingPayload from "./mocks/moldingPayload.json";
|
|
19
19
|
import replaceCabinetPayload from "./mocks/replaceCabinetPayload.json";
|
|
20
|
-
import ReactDOM from
|
|
20
|
+
import ReactDOM from "react-dom";
|
|
21
21
|
import LiteRenderer from "./LiteRenderer";
|
|
22
|
-
import { Button } from
|
|
23
|
-
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";
|
|
22
|
+
import { Button } from "antd";
|
|
23
|
+
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, EXTERNAL_EVENT_ROTATE_PAN } from "./constants";
|
|
24
24
|
import { convert } from "./utils/convert-units-lite";
|
|
25
25
|
|
|
26
26
|
// --- renderer props ---
|
|
27
27
|
var options = {
|
|
28
|
-
unit:
|
|
28
|
+
unit: "in",
|
|
29
29
|
enable3D: true
|
|
30
30
|
};
|
|
31
31
|
var onInternalEvent = /*#__PURE__*/function () {
|
|
@@ -34,7 +34,7 @@ var onInternalEvent = /*#__PURE__*/function () {
|
|
|
34
34
|
return _regeneratorRuntime.wrap(function (_context) {
|
|
35
35
|
while (1) switch (_context.prev = _context.next) {
|
|
36
36
|
case 0:
|
|
37
|
-
console.log(
|
|
37
|
+
console.log("EVENT:", evt.type, evt.value);
|
|
38
38
|
_t = evt.type;
|
|
39
39
|
_context.next = _t === INTERNAL_EVENT_ITEMS_CATALOG ? 1 : 3;
|
|
40
40
|
break;
|
|
@@ -53,7 +53,7 @@ var onInternalEvent = /*#__PURE__*/function () {
|
|
|
53
53
|
return _ref.apply(this, arguments);
|
|
54
54
|
};
|
|
55
55
|
}();
|
|
56
|
-
document.getElementById(
|
|
56
|
+
document.getElementById("app").style.display = "block";
|
|
57
57
|
function WorkSpace(props) {
|
|
58
58
|
var _useState = useState(null),
|
|
59
59
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -242,91 +242,91 @@ function WorkSpace(props) {
|
|
|
242
242
|
var evt = {
|
|
243
243
|
type: EXTERNAL_EVENT_ADD_ROOM_SHAPE,
|
|
244
244
|
payload: {
|
|
245
|
-
roomShapeType:
|
|
245
|
+
roomShapeType: "rectangle",
|
|
246
246
|
width: 250,
|
|
247
247
|
height: 100,
|
|
248
248
|
doorStyle: {
|
|
249
249
|
id: 36,
|
|
250
|
-
type:
|
|
251
|
-
name:
|
|
252
|
-
thumbnail:
|
|
253
|
-
texture:
|
|
254
|
-
color:
|
|
250
|
+
type: "door",
|
|
251
|
+
name: "Brilliant White Shaker",
|
|
252
|
+
thumbnail: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/thumbnail/Brilliant%20White%20Shaker%20-%20RTA.jpg",
|
|
253
|
+
texture: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
254
|
+
color: "#ffffff",
|
|
255
255
|
glossness: 1,
|
|
256
256
|
door_style_id: 42,
|
|
257
257
|
brightness: 1,
|
|
258
|
-
sku:
|
|
259
|
-
color_family:
|
|
260
|
-
color_sku_alias:
|
|
261
|
-
door_style_name:
|
|
262
|
-
install:
|
|
258
|
+
sku: "SW",
|
|
259
|
+
color_family: ",10,",
|
|
260
|
+
color_sku_alias: "SW",
|
|
261
|
+
door_style_name: "Shaker",
|
|
262
|
+
install: "",
|
|
263
263
|
doorStyles: {
|
|
264
|
-
base:
|
|
265
|
-
counttop:
|
|
266
|
-
interior:
|
|
267
|
-
base_door_1:
|
|
268
|
-
base_fixed_drawer_door_1:
|
|
269
|
-
base_drawer_1:
|
|
270
|
-
base_drawer_door_1:
|
|
271
|
-
door_handle_1:
|
|
272
|
-
fixed_drawer_door_handle_1:
|
|
273
|
-
drawer_door_handle_1:
|
|
274
|
-
base_door_2:
|
|
275
|
-
base_fixed_drawer_door_2:
|
|
276
|
-
base_drawer_2:
|
|
277
|
-
base_drawer_door_2:
|
|
278
|
-
door_handle_2:
|
|
279
|
-
fixed_drawer_door_handle_2:
|
|
280
|
-
drawer_door_handle_2:
|
|
281
|
-
base_door_3:
|
|
282
|
-
base_fixed_drawer_door_3:
|
|
283
|
-
base_drawer_3:
|
|
284
|
-
base_drawer_door_3:
|
|
285
|
-
door_handle_3:
|
|
286
|
-
fixed_drawer_door_handle_3:
|
|
287
|
-
drawer_door_handle_3:
|
|
288
|
-
base_door_4:
|
|
289
|
-
base_fixed_drawer_door_4:
|
|
290
|
-
base_drawer_4:
|
|
291
|
-
base_drawer_door_4:
|
|
292
|
-
door_handle_4:
|
|
293
|
-
fixed_drawer_door_handle_4:
|
|
294
|
-
drawer_door_handle_4:
|
|
295
|
-
base_door_5:
|
|
296
|
-
base_fixed_drawer_door_5:
|
|
297
|
-
base_drawer_5:
|
|
298
|
-
base_drawer_door_5:
|
|
299
|
-
door_handle_5:
|
|
300
|
-
fixed_drawer_door_handle_5:
|
|
301
|
-
drawer_door_handle_5:
|
|
302
|
-
base_door_6:
|
|
303
|
-
base_fixed_drawer_door_6:
|
|
304
|
-
base_drawer_6:
|
|
305
|
-
base_drawer_door_6:
|
|
306
|
-
door_handle_6:
|
|
307
|
-
fixed_drawer_door_handle_6:
|
|
308
|
-
drawer_door_handle_6:
|
|
309
|
-
base_door_7:
|
|
310
|
-
base_fixed_drawer_door_7:
|
|
311
|
-
base_drawer_7:
|
|
312
|
-
base_drawer_door_7:
|
|
313
|
-
door_handle_7:
|
|
314
|
-
fixed_drawer_door_handle_7:
|
|
315
|
-
drawer_door_handle_7:
|
|
316
|
-
base_door_8:
|
|
317
|
-
base_fixed_drawer_door_8:
|
|
318
|
-
base_drawer_8:
|
|
319
|
-
base_drawer_door_8:
|
|
320
|
-
door_handle_8:
|
|
321
|
-
fixed_drawer_door_handle_8:
|
|
322
|
-
drawer_door_handle_8:
|
|
323
|
-
base_door_9:
|
|
324
|
-
base_fixed_drawer_door_9:
|
|
325
|
-
base_drawer_9:
|
|
326
|
-
base_drawer_door_9:
|
|
327
|
-
door_handle_9:
|
|
328
|
-
fixed_drawer_door_handle_9:
|
|
329
|
-
drawer_door_handle_9:
|
|
264
|
+
base: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
265
|
+
counttop: "https://media.test.diydesignspace.com/uploads/CountTop/202105074107_5/texture/Unique_Calcatta_texture.jpg",
|
|
266
|
+
interior: "http://127.0.0.1:4002/uploads/assets/default/maple.jpg",
|
|
267
|
+
base_door_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
268
|
+
base_fixed_drawer_door_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
269
|
+
base_drawer_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
270
|
+
base_drawer_door_1: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
271
|
+
door_handle_1: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
272
|
+
fixed_drawer_door_handle_1: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
273
|
+
drawer_door_handle_1: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
274
|
+
base_door_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
275
|
+
base_fixed_drawer_door_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
276
|
+
base_drawer_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
277
|
+
base_drawer_door_2: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
278
|
+
door_handle_2: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
279
|
+
fixed_drawer_door_handle_2: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
280
|
+
drawer_door_handle_2: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
281
|
+
base_door_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
282
|
+
base_fixed_drawer_door_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
283
|
+
base_drawer_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
284
|
+
base_drawer_door_3: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
285
|
+
door_handle_3: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
286
|
+
fixed_drawer_door_handle_3: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
287
|
+
drawer_door_handle_3: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
288
|
+
base_door_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
289
|
+
base_fixed_drawer_door_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
290
|
+
base_drawer_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
291
|
+
base_drawer_door_4: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
292
|
+
door_handle_4: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
293
|
+
fixed_drawer_door_handle_4: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
294
|
+
drawer_door_handle_4: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
295
|
+
base_door_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
296
|
+
base_fixed_drawer_door_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
297
|
+
base_drawer_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
298
|
+
base_drawer_door_5: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
299
|
+
door_handle_5: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
300
|
+
fixed_drawer_door_handle_5: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
301
|
+
drawer_door_handle_5: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
302
|
+
base_door_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
303
|
+
base_fixed_drawer_door_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
304
|
+
base_drawer_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
305
|
+
base_drawer_door_6: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
306
|
+
door_handle_6: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
307
|
+
fixed_drawer_door_handle_6: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
308
|
+
drawer_door_handle_6: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
309
|
+
base_door_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
310
|
+
base_fixed_drawer_door_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
311
|
+
base_drawer_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
312
|
+
base_drawer_door_7: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
313
|
+
door_handle_7: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
314
|
+
fixed_drawer_door_handle_7: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
315
|
+
drawer_door_handle_7: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
316
|
+
base_door_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
317
|
+
base_fixed_drawer_door_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
318
|
+
base_drawer_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
319
|
+
base_drawer_door_8: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
320
|
+
door_handle_8: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
321
|
+
fixed_drawer_door_handle_8: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
322
|
+
drawer_door_handle_8: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
323
|
+
base_door_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
324
|
+
base_fixed_drawer_door_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
325
|
+
base_drawer_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
326
|
+
base_drawer_door_9: "https://media.test.diydesignspace.com/uploads/DoorColor/202105065453_36/texture/White1px.jpeg",
|
|
327
|
+
door_handle_9: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
328
|
+
fixed_drawer_door_handle_9: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg",
|
|
329
|
+
drawer_door_handle_9: "http://127.0.0.1:4002/uploads/assets/default/steel.jpg"
|
|
330
330
|
},
|
|
331
331
|
installation_types: [125, 124]
|
|
332
332
|
}
|
|
@@ -485,7 +485,7 @@ function WorkSpace(props) {
|
|
|
485
485
|
// cm
|
|
486
486
|
_length: 10,
|
|
487
487
|
// inch
|
|
488
|
-
_unit:
|
|
488
|
+
_unit: "in"
|
|
489
489
|
})
|
|
490
490
|
}
|
|
491
491
|
};
|
|
@@ -498,7 +498,7 @@ function WorkSpace(props) {
|
|
|
498
498
|
type: EXTERNAL_EVENT_DUPLICATE_ELEMENT,
|
|
499
499
|
payload: {
|
|
500
500
|
elementPrototype: ELEMENT_ITEM,
|
|
501
|
-
elementId:
|
|
501
|
+
elementId: "" // id of current operating element
|
|
502
502
|
}
|
|
503
503
|
};
|
|
504
504
|
setExternalEvent(evt);
|
|
@@ -510,7 +510,7 @@ function WorkSpace(props) {
|
|
|
510
510
|
type: EXTERNAL_EVENT_DELETE_ELEMENT,
|
|
511
511
|
payload: {
|
|
512
512
|
elementPrototype: ELEMENT_ITEM,
|
|
513
|
-
elementId:
|
|
513
|
+
elementId: "" // id of current operating element
|
|
514
514
|
}
|
|
515
515
|
};
|
|
516
516
|
setExternalEvent(evt);
|
|
@@ -571,7 +571,7 @@ function WorkSpace(props) {
|
|
|
571
571
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
572
572
|
payload: {
|
|
573
573
|
category: FINISHING_TYPE.COUNTER_TOP,
|
|
574
|
-
texture:
|
|
574
|
+
texture: "https://media.test.diydesignspace.com/uploads/CountTop/202111302746_7/texture/Arabescato_texture.jpg"
|
|
575
575
|
}
|
|
576
576
|
};
|
|
577
577
|
setExternalEvent(evt);
|
|
@@ -583,7 +583,7 @@ function WorkSpace(props) {
|
|
|
583
583
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
584
584
|
payload: {
|
|
585
585
|
category: FINISHING_TYPE.BACKSPLASH,
|
|
586
|
-
texture:
|
|
586
|
+
texture: "https://media.test.diydesignspace.com/uploads/CountTop/202305225249_14/texture/Unique_Marquina_texture.jpg"
|
|
587
587
|
}
|
|
588
588
|
};
|
|
589
589
|
setExternalEvent(evt);
|
|
@@ -595,7 +595,7 @@ function WorkSpace(props) {
|
|
|
595
595
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
596
596
|
payload: {
|
|
597
597
|
category: FINISHING_TYPE.FLOOR_STYLE,
|
|
598
|
-
texture:
|
|
598
|
+
texture: "https://media.test.diydesignspace.com/uploads/CountTop/202203163338_3/texture/oak-chestnut.webp"
|
|
599
599
|
}
|
|
600
600
|
};
|
|
601
601
|
setExternalEvent(evt);
|
|
@@ -607,7 +607,7 @@ function WorkSpace(props) {
|
|
|
607
607
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
608
608
|
payload: {
|
|
609
609
|
category: FINISHING_TYPE.WALL_COLOR,
|
|
610
|
-
color:
|
|
610
|
+
color: "#bab863"
|
|
611
611
|
}
|
|
612
612
|
};
|
|
613
613
|
setExternalEvent(evt);
|
|
@@ -619,7 +619,7 @@ function WorkSpace(props) {
|
|
|
619
619
|
type: EXTERNAL_EVENT_SET_FINISHING,
|
|
620
620
|
payload: {
|
|
621
621
|
category: FINISHING_TYPE.DOOR_HANDLE,
|
|
622
|
-
gltf:
|
|
622
|
+
gltf: "https://media.test.diydesignspace.com/uploads/DoorHandle/202107294150_29/gltf/Handle1.gltf"
|
|
623
623
|
}
|
|
624
624
|
};
|
|
625
625
|
setExternalEvent(evt);
|
|
@@ -646,7 +646,7 @@ function WorkSpace(props) {
|
|
|
646
646
|
// cm
|
|
647
647
|
_length: 27,
|
|
648
648
|
// inch
|
|
649
|
-
_unit:
|
|
649
|
+
_unit: "in"
|
|
650
650
|
})
|
|
651
651
|
}
|
|
652
652
|
};
|
|
@@ -674,7 +674,7 @@ function WorkSpace(props) {
|
|
|
674
674
|
actionType: "danger",
|
|
675
675
|
onClick: function onClick() {
|
|
676
676
|
var _tl = Math.floor(Math.random() * 50);
|
|
677
|
-
var tl = convert(_tl).from(
|
|
677
|
+
var tl = convert(_tl).from("in").to("cm");
|
|
678
678
|
var evt = {
|
|
679
679
|
type: EXTERNAL_EVENT_UPDATE_PROPERTY,
|
|
680
680
|
payload: {
|
|
@@ -682,14 +682,78 @@ function WorkSpace(props) {
|
|
|
682
682
|
value: new Map({
|
|
683
683
|
_length: _tl,
|
|
684
684
|
// inch
|
|
685
|
-
_unit:
|
|
685
|
+
_unit: "in",
|
|
686
686
|
length: tl // cm
|
|
687
687
|
})
|
|
688
688
|
}
|
|
689
689
|
};
|
|
690
690
|
setExternalEvent(evt);
|
|
691
691
|
}
|
|
692
|
-
}, "random width")
|
|
692
|
+
}, "random width"), /*#__PURE__*/React.createElement(Button, {
|
|
693
|
+
actionType: "primary",
|
|
694
|
+
onClick: function onClick() {
|
|
695
|
+
var evt = {
|
|
696
|
+
type: EXTERNAL_EVENT_ROTATE_PAN,
|
|
697
|
+
payload: {
|
|
698
|
+
rotateType: RIGHT
|
|
699
|
+
}
|
|
700
|
+
};
|
|
701
|
+
setExternalEvent(evt);
|
|
702
|
+
}
|
|
703
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
704
|
+
src: "/assets/img/svg/bottombar/spin-right.svg"
|
|
705
|
+
})), /*#__PURE__*/React.createElement(Button, {
|
|
706
|
+
actionType: "primary",
|
|
707
|
+
onClick: function onClick() {
|
|
708
|
+
var evt = {
|
|
709
|
+
type: EXTERNAL_EVENT_ROTATE_PAN,
|
|
710
|
+
payload: {
|
|
711
|
+
rotateType: LEFT
|
|
712
|
+
}
|
|
713
|
+
};
|
|
714
|
+
setExternalEvent(evt);
|
|
715
|
+
}
|
|
716
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
717
|
+
src: "/assets/img/svg/bottombar/spin-left.svg"
|
|
718
|
+
})), /*#__PURE__*/React.createElement(Button, {
|
|
719
|
+
actionType: "primary",
|
|
720
|
+
onClick: function onClick() {
|
|
721
|
+
var evt = {
|
|
722
|
+
type: EXTERNAL_EVENT_ROTATE_PAN,
|
|
723
|
+
payload: {
|
|
724
|
+
rotateType: TOP
|
|
725
|
+
}
|
|
726
|
+
};
|
|
727
|
+
setExternalEvent(evt);
|
|
728
|
+
}
|
|
729
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
730
|
+
src: "/assets/img/svg/bottombar/spin-up.svg"
|
|
731
|
+
})), /*#__PURE__*/React.createElement(Button, {
|
|
732
|
+
actionType: "primary",
|
|
733
|
+
onClick: function onClick() {
|
|
734
|
+
var evt = {
|
|
735
|
+
type: EXTERNAL_EVENT_ROTATE_PAN,
|
|
736
|
+
payload: {
|
|
737
|
+
rotateType: BOTTOM
|
|
738
|
+
}
|
|
739
|
+
};
|
|
740
|
+
setExternalEvent(evt);
|
|
741
|
+
}
|
|
742
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
743
|
+
src: "/assets/img/svg/bottombar/spin-down.svg"
|
|
744
|
+
})), /*#__PURE__*/React.createElement(Button, {
|
|
745
|
+
actionType: "danger",
|
|
746
|
+
onClick: function onClick() {
|
|
747
|
+
var evt = {
|
|
748
|
+
type: EXTERNAL_EVENT_PROJECT_SETTING,
|
|
749
|
+
payload: {
|
|
750
|
+
option: PROJECT_SETTING_OPTION.CHANGE_MEASUREMENT_UNIT,
|
|
751
|
+
value: "cm"
|
|
752
|
+
}
|
|
753
|
+
};
|
|
754
|
+
setExternalEvent(evt);
|
|
755
|
+
}
|
|
756
|
+
}, "Setting-MeasurementUnit-'cm'")), /*#__PURE__*/React.createElement(LiteRenderer, {
|
|
693
757
|
width: props.width,
|
|
694
758
|
height: props.height,
|
|
695
759
|
configData: mockProps.configData,
|
|
@@ -707,7 +771,7 @@ function WorkSpace(props) {
|
|
|
707
771
|
// externalEvent: { id?, type, payload } | null,
|
|
708
772
|
// meta?: { filename?, lineno?, colno? }
|
|
709
773
|
// }
|
|
710
|
-
console.error(
|
|
774
|
+
console.error("TOOL ERROR:", payload);
|
|
711
775
|
}
|
|
712
776
|
}));
|
|
713
777
|
}
|
|
@@ -718,4 +782,4 @@ ReactDOM.render(/*#__PURE__*/React.createElement(ContainerDimensions, null, func
|
|
|
718
782
|
width: width,
|
|
719
783
|
height: height
|
|
720
784
|
});
|
|
721
|
-
}), document.getElementById(
|
|
785
|
+
}), document.getElementById("app") && document.getElementById("app"));
|