kitchen-simulator 1.0.0-alin.8 → 1.0.0-clark.100
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 +17 -175
- package/es/LiteRenderer.js +29 -114
- package/es/actions/items-actions.js +11 -6
- package/es/actions/project-actions.js +2 -3
- package/es/assets/img/svg/logo.svg +11 -0
- package/es/assets/img/svg/logo_with_text.svg +25 -0
- package/es/catalog/areas/area/planner-element.js +10 -5
- package/es/catalog/catalog.js +1 -4
- package/es/catalog/factories/wall-factory.js +8 -8
- package/es/catalog/lines/wall/planner-element.js +18 -9
- package/es/catalog/utils/exporter.js +5 -1
- package/es/catalog/utils/item-loader.js +112 -31
- package/es/catalog/utils/mtl-loader.js +2 -2
- package/es/catalog/utils/obj-loader.js +2 -2
- package/es/class/item.js +111 -145
- package/es/class/line.js +27 -12
- package/es/class/project.js +9 -23
- package/es/components/content.js +10 -5
- package/es/components/viewer2d/grids/grid-streak.js +1 -1
- package/es/components/viewer2d/item.js +20 -81
- package/es/components/viewer2d/layer.js +1 -1
- package/es/components/viewer2d/line.js +334 -259
- package/es/components/viewer2d/ruler.js +15 -35
- package/es/components/viewer2d/rulerDist.js +18 -32
- package/es/components/viewer2d/viewer2d.js +123 -95
- package/es/components/viewer3d/libs/mtl-loader.js +2 -2
- package/es/components/viewer3d/libs/obj-loader.js +2 -2
- package/es/components/viewer3d/libs/orbit-controls.js +3 -4
- package/es/components/viewer3d/libs/pointer-lock-controls.js +6 -7
- package/es/components/viewer3d/viewer3d.js +91 -70
- package/es/constants.js +38 -3
- package/es/devLiteRenderer.js +165 -10
- package/es/index.js +52 -3
- package/es/models.js +7 -5
- package/es/reducers/items-reducer.js +8 -4
- package/es/reducers/project-reducer.js +1 -1
- package/es/shared-style.js +4 -4
- package/es/utils/get-edges-of-subgraphs.js +1 -1
- package/es/utils/graph-cycles.js +1 -1
- package/es/utils/graph.js +1 -1
- package/es/utils/helper.js +1 -1
- package/es/utils/isolate-event-handler.js +567 -46
- package/lib/LiteKitchenConfigurator.js +18 -176
- package/lib/LiteRenderer.js +29 -114
- package/lib/actions/items-actions.js +11 -5
- package/lib/actions/project-actions.js +2 -3
- package/lib/assets/img/svg/logo.svg +11 -0
- package/lib/assets/img/svg/logo_with_text.svg +25 -0
- package/lib/catalog/areas/area/planner-element.js +11 -5
- package/lib/catalog/catalog.js +1 -4
- package/lib/catalog/factories/wall-factory.js +8 -8
- package/lib/catalog/lines/wall/planner-element.js +19 -9
- package/lib/catalog/utils/exporter.js +5 -1
- package/lib/catalog/utils/item-loader.js +111 -31
- package/lib/catalog/utils/mtl-loader.js +9 -2
- package/lib/catalog/utils/obj-loader.js +10 -2
- package/lib/class/item.js +111 -145
- package/lib/class/line.js +27 -12
- package/lib/class/project.js +9 -23
- package/lib/components/content.js +10 -5
- package/lib/components/viewer2d/grids/grid-streak.js +1 -1
- package/lib/components/viewer2d/item.js +20 -81
- package/lib/components/viewer2d/layer.js +1 -1
- package/lib/components/viewer2d/line.js +334 -258
- package/lib/components/viewer2d/ruler.js +15 -35
- package/lib/components/viewer2d/rulerDist.js +18 -32
- package/lib/components/viewer2d/viewer2d.js +121 -93
- package/lib/components/viewer3d/libs/mtl-loader.js +9 -2
- package/lib/components/viewer3d/libs/obj-loader.js +9 -2
- package/lib/components/viewer3d/libs/orbit-controls.js +11 -5
- package/lib/components/viewer3d/libs/pointer-lock-controls.js +13 -7
- package/lib/components/viewer3d/viewer3d.js +90 -69
- package/lib/constants.js +42 -7
- package/lib/devLiteRenderer.js +164 -9
- package/lib/index.js +52 -3
- package/lib/models.js +7 -5
- package/lib/reducers/items-reducer.js +7 -3
- package/lib/reducers/project-reducer.js +1 -1
- package/lib/shared-style.js +4 -4
- package/lib/utils/get-edges-of-subgraphs.js +6 -1
- package/lib/utils/graph-cycles.js +7 -8
- package/lib/utils/graph.js +6 -1
- package/lib/utils/helper.js +2 -2
- package/lib/utils/isolate-event-handler.js +567 -45
- package/package.json +3 -3
|
@@ -14,6 +14,7 @@ var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
|
14
14
|
var _export = require("../../utils/export");
|
|
15
15
|
var _constants = require("../../constants");
|
|
16
16
|
var _utils = require("./utils");
|
|
17
|
+
var _geometry = require("../../utils/geometry");
|
|
17
18
|
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); }
|
|
18
19
|
var STYLE_LINE = {
|
|
19
20
|
fill: '#0096fd',
|
|
@@ -30,6 +31,7 @@ var STYLE_CIRCLE2 = {
|
|
|
30
31
|
cursor: 'ew-resize'
|
|
31
32
|
};
|
|
32
33
|
function Item(_ref, _ref2) {
|
|
34
|
+
var _element$render2D;
|
|
33
35
|
var layer = _ref.layer,
|
|
34
36
|
item = _ref.item,
|
|
35
37
|
scene = _ref.scene,
|
|
@@ -38,7 +40,8 @@ function Item(_ref, _ref2) {
|
|
|
38
40
|
var itemsActions = _ref2.itemsActions;
|
|
39
41
|
var x = item.x,
|
|
40
42
|
y = item.y,
|
|
41
|
-
rotation = item.rotation
|
|
43
|
+
rotation = item.rotation,
|
|
44
|
+
id = item.id;
|
|
42
45
|
var showBaseCabinetMeasure = scene.showBaseCabinetMeasure,
|
|
43
46
|
showWallCabinetMeasure = scene.showWallCabinetMeasure;
|
|
44
47
|
var vertices = layer.vertices;
|
|
@@ -84,13 +87,6 @@ function Item(_ref, _ref2) {
|
|
|
84
87
|
y: y
|
|
85
88
|
};
|
|
86
89
|
}
|
|
87
|
-
var buttons = [{
|
|
88
|
-
name: 'Edit',
|
|
89
|
-
thumbnail: '/assets/img/svg/3d_item_warning_edit.svg'
|
|
90
|
-
}, {
|
|
91
|
-
name: 'Info',
|
|
92
|
-
thumbnail: '/assets/img/svg/3d_item_warning_info.svg'
|
|
93
|
-
}];
|
|
94
90
|
function getCalcRectFromItem(items) {
|
|
95
91
|
var x = items.pos.x;
|
|
96
92
|
var y = items.pos.y;
|
|
@@ -124,16 +120,11 @@ function Item(_ref, _ref2) {
|
|
|
124
120
|
var selectedItem;
|
|
125
121
|
if (layer.selected.items.size > 0) {
|
|
126
122
|
selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
|
|
127
|
-
var
|
|
128
|
-
var
|
|
129
|
-
if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
|
|
130
|
-
if (cat === undefined || cat === null) {
|
|
131
|
-
cat = catalog.getIn(['elements', catid]);
|
|
132
|
-
if (!cat) cat = catalog.getIn(['elements', (0, _utils.returnReplaceableDeepSearchType)(catid)]);
|
|
133
|
-
}
|
|
123
|
+
var _catid = selectedItem.type;
|
|
124
|
+
var _cat = (0, _geometry.findCatalogElement)(catalog, _catid);
|
|
134
125
|
currentItem = {
|
|
135
126
|
selectedItem: selectedItem,
|
|
136
|
-
cat:
|
|
127
|
+
cat: _cat
|
|
137
128
|
};
|
|
138
129
|
}
|
|
139
130
|
layer.items.forEach(function (item) {
|
|
@@ -145,8 +136,7 @@ function Item(_ref, _ref2) {
|
|
|
145
136
|
rotRad: item.rotation / 180 * Math.PI
|
|
146
137
|
};
|
|
147
138
|
var catid = item.type;
|
|
148
|
-
var cat = catalog
|
|
149
|
-
if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
|
|
139
|
+
var cat = (0, _geometry.findCatalogElement)(catalog, catid);
|
|
150
140
|
var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
|
|
151
141
|
var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
|
|
152
142
|
// let width = cat.info.sizeinfo.width;
|
|
@@ -272,7 +262,7 @@ function Item(_ref, _ref2) {
|
|
|
272
262
|
if (_export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && _export.GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > _export.GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
|
|
273
263
|
if (_export.GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > _export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
|
|
274
264
|
comparelength.push(_export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
|
|
275
|
-
a = Math.
|
|
265
|
+
a = Math.max.apply(null, comparelength);
|
|
276
266
|
}
|
|
277
267
|
}
|
|
278
268
|
}
|
|
@@ -287,9 +277,17 @@ function Item(_ref, _ref2) {
|
|
|
287
277
|
var nh = height / 2;
|
|
288
278
|
var _getDistant = getDistant(x, y, val.rotRad),
|
|
289
279
|
PointArray = _getDistant.PointArray;
|
|
280
|
+
var catid = item.type;
|
|
281
|
+
var cat = catalog.elements[catid];
|
|
290
282
|
PointArray.forEach(function (pointElement, index) {
|
|
291
283
|
if (pointElement[0] == undefined) PointArray[index][0] = 0;
|
|
284
|
+
if (pointElement[1] === -90 && cat.info.is_corner !== 1) {
|
|
285
|
+
PointArray[index][0] -= 4;
|
|
286
|
+
}
|
|
292
287
|
});
|
|
288
|
+
if (Array.isArray(PointArray)) {
|
|
289
|
+
itemsActions.storeDistArray(layerID, id, PointArray);
|
|
290
|
+
}
|
|
293
291
|
var renderedRuler = [];
|
|
294
292
|
var ep = 0.1;
|
|
295
293
|
if (item.selected) {
|
|
@@ -314,75 +312,16 @@ function Item(_ref, _ref2) {
|
|
|
314
312
|
length: itemDistanceFromLine,
|
|
315
313
|
angle: rotation,
|
|
316
314
|
rotation: element[1],
|
|
317
|
-
transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ? -nh
|
|
315
|
+
transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ? cat.info.is_corner !== 1 ? -(nh + 4) : -nh : 0, ") rotate(").concat(element[1], ", 0, 0)")
|
|
318
316
|
})));
|
|
319
317
|
}
|
|
320
318
|
});
|
|
321
319
|
}
|
|
322
|
-
var renderedItem = element.render2D.call(element, item, layer, scene);
|
|
320
|
+
var renderedItem = element === null || element === void 0 || (_element$render2D = element.render2D) === null || _element$render2D === void 0 ? void 0 : _element$render2D.call(element, item, layer, scene);
|
|
323
321
|
var isSmall = false;
|
|
324
322
|
if (width < 40) isSmall = true;
|
|
325
323
|
var parts = [];
|
|
326
|
-
var warning_buttons = '';
|
|
327
324
|
var newWidth = item.toJS().properties.width.length;
|
|
328
|
-
if (item.toJS().doorStyle.doorStyles && item.toJS().doorStyle.doorStyles.cds && item.toJS().doorStyle.doorStyles.cds.filter(function (cd) {
|
|
329
|
-
return cd.itemID == item.getIn(['itemID']);
|
|
330
|
-
}).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", {
|
|
331
|
-
id: "warning_info_2d",
|
|
332
|
-
style: {
|
|
333
|
-
transform: "translate(0px,20px)",
|
|
334
|
-
cursor: 'pointer'
|
|
335
|
-
},
|
|
336
|
-
onMouseEnter: function onMouseEnter(event) {
|
|
337
|
-
var bbox = event.target.getBoundingClientRect();
|
|
338
|
-
if (!(0, _utils.isEmpty)(document.getElementById('warning_box_2d'))) {
|
|
339
|
-
document.getElementById('warning_box_2d').style.display = 'flex';
|
|
340
|
-
document.getElementById('warning_box_2d').style.top = "".concat(bbox.top - 60, "px");
|
|
341
|
-
document.getElementById('warning_box_2d').style.left = "".concat(bbox.left, "px");
|
|
342
|
-
}
|
|
343
|
-
},
|
|
344
|
-
onMouseLeave: function onMouseLeave() {
|
|
345
|
-
if (!(0, _utils.isEmpty)(document.getElementById('warning_box_2d'))) document.getElementById('warning_box_2d').style.display = 'none';
|
|
346
|
-
}
|
|
347
|
-
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
348
|
-
cx: 0,
|
|
349
|
-
cy: 0,
|
|
350
|
-
r: 8,
|
|
351
|
-
fill: "white"
|
|
352
|
-
}), /*#__PURE__*/_react["default"].createElement("image", {
|
|
353
|
-
width: 15,
|
|
354
|
-
height: 15,
|
|
355
|
-
x: -7.5,
|
|
356
|
-
y: -7.5,
|
|
357
|
-
style: {
|
|
358
|
-
transform: "rotate(".concat(180 - item.rotation, "deg)")
|
|
359
|
-
},
|
|
360
|
-
href: buttons[1].thumbnail
|
|
361
|
-
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
362
|
-
style: {
|
|
363
|
-
cursor: 'pointer'
|
|
364
|
-
},
|
|
365
|
-
"data-element-root": true,
|
|
366
|
-
"data-prototype": item.prototype,
|
|
367
|
-
"data-id": item.id,
|
|
368
|
-
"data-selected": item.selected,
|
|
369
|
-
"data-layer": layer.id,
|
|
370
|
-
"data-part": "warning_edit"
|
|
371
|
-
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
372
|
-
cx: 0,
|
|
373
|
-
cy: 0,
|
|
374
|
-
r: 8,
|
|
375
|
-
fill: "white"
|
|
376
|
-
}), /*#__PURE__*/_react["default"].createElement("image", {
|
|
377
|
-
width: 15,
|
|
378
|
-
height: 15,
|
|
379
|
-
x: -7.5,
|
|
380
|
-
y: -7.5,
|
|
381
|
-
style: {
|
|
382
|
-
transform: "rotate(".concat(90 - item.rotation, "deg)")
|
|
383
|
-
},
|
|
384
|
-
href: buttons[0].thumbnail
|
|
385
|
-
})));
|
|
386
325
|
if (item.selected) parts = [/*#__PURE__*/_react["default"].createElement("g", {
|
|
387
326
|
key: 0,
|
|
388
327
|
"data-element-root": true,
|
|
@@ -504,7 +443,7 @@ function Item(_ref, _ref2) {
|
|
|
504
443
|
style: {
|
|
505
444
|
cursor: 'initial'
|
|
506
445
|
}
|
|
507
|
-
}, measure ? renderedRuler : null, parts
|
|
446
|
+
}, measure ? renderedRuler : null, parts));
|
|
508
447
|
}
|
|
509
448
|
Item.propTypes = {
|
|
510
449
|
item: _propTypes["default"].object.isRequired,
|
|
@@ -144,7 +144,7 @@ function Layer(_ref) {
|
|
|
144
144
|
unit: unit,
|
|
145
145
|
catalog: catalog
|
|
146
146
|
});
|
|
147
|
-
}),
|
|
147
|
+
}), itemData, itemWall, lineData, itemSelected, mode !== _constants.MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
|
|
148
148
|
return v.selected;
|
|
149
149
|
}).map(function (vertex) {
|
|
150
150
|
return /*#__PURE__*/_react["default"].createElement(_export.Vertex, {
|