kitchen-simulator 1.0.0-clark.71 → 1.0.0-clark.90
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 +35 -16
- package/es/LiteRenderer.js +5 -2
- package/es/assets/img/svg/logo.svg +11 -0
- package/es/assets/img/svg/logo_with_text.svg +25 -0
- package/es/catalog/factories/wall-factory.js +8 -8
- package/es/catalog/utils/item-loader.js +114 -39
- package/es/components/content.js +10 -5
- package/es/components/viewer2d/grids/grid-streak.js +1 -1
- package/es/components/viewer2d/item.js +6 -77
- package/es/components/viewer2d/line.js +243 -315
- package/es/components/viewer2d/ruler.js +36 -16
- package/es/components/viewer2d/rulerDist.js +32 -18
- package/es/components/viewer2d/viewer2d.js +85 -32
- package/es/components/viewer3d/viewer3d.js +86 -53
- package/es/constants.js +15 -7
- package/es/devLiteRenderer.js +31 -3
- package/es/models.js +4 -4
- package/es/shared-style.js +4 -4
- package/es/utils/geometry.js +6 -6
- package/es/utils/isolate-event-handler.js +35 -18
- package/lib/LiteKitchenConfigurator.js +35 -16
- package/lib/LiteRenderer.js +5 -2
- package/lib/assets/img/svg/logo.svg +11 -0
- package/lib/assets/img/svg/logo_with_text.svg +25 -0
- package/lib/catalog/factories/wall-factory.js +8 -8
- package/lib/catalog/utils/item-loader.js +113 -39
- package/lib/components/content.js +10 -5
- package/lib/components/viewer2d/grids/grid-streak.js +1 -1
- package/lib/components/viewer2d/item.js +6 -77
- package/lib/components/viewer2d/line.js +242 -315
- package/lib/components/viewer2d/ruler.js +35 -15
- package/lib/components/viewer2d/rulerDist.js +32 -18
- package/lib/components/viewer2d/viewer2d.js +84 -31
- package/lib/components/viewer3d/viewer3d.js +85 -52
- package/lib/constants.js +19 -11
- package/lib/devLiteRenderer.js +30 -2
- package/lib/models.js +4 -4
- package/lib/shared-style.js +4 -4
- package/lib/utils/geometry.js +6 -6
- package/lib/utils/isolate-event-handler.js +34 -17
- package/package.json +1 -1
|
@@ -78,13 +78,6 @@ export default function Item(_ref, _ref2) {
|
|
|
78
78
|
y: y
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
|
-
var buttons = [{
|
|
82
|
-
name: 'Edit',
|
|
83
|
-
thumbnail: '/assets/img/svg/3d_item_warning_edit.svg'
|
|
84
|
-
}, {
|
|
85
|
-
name: 'Info',
|
|
86
|
-
thumbnail: '/assets/img/svg/3d_item_warning_info.svg'
|
|
87
|
-
}];
|
|
88
81
|
function getCalcRectFromItem(items) {
|
|
89
82
|
var x = items.pos.x;
|
|
90
83
|
var y = items.pos.y;
|
|
@@ -118,11 +111,11 @@ export default function Item(_ref, _ref2) {
|
|
|
118
111
|
var selectedItem;
|
|
119
112
|
if (layer.selected.items.size > 0) {
|
|
120
113
|
selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
|
|
121
|
-
var
|
|
122
|
-
var
|
|
114
|
+
var catid = selectedItem.type;
|
|
115
|
+
var cat = findCatalogElement(catalog, catid);
|
|
123
116
|
currentItem = {
|
|
124
117
|
selectedItem: selectedItem,
|
|
125
|
-
cat:
|
|
118
|
+
cat: cat
|
|
126
119
|
};
|
|
127
120
|
}
|
|
128
121
|
layer.items.forEach(function (item) {
|
|
@@ -260,7 +253,7 @@ export default function Item(_ref, _ref2) {
|
|
|
260
253
|
if (GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > GeometryUtils.pointsDistance(p0.x, p0.y, coordinatePoint.x, coordinatePoint.y) && GeometryUtils.pointsDistance(p0.x, p0.y, p1.x, p1.y) > GeometryUtils.pointsDistance(p1.x, p1.y, coordinatePoint.x, coordinatePoint.y)) {
|
|
261
254
|
if (GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
|
|
262
255
|
comparelength.push(GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
|
|
263
|
-
a = Math.
|
|
256
|
+
a = Math.min.apply(null, comparelength);
|
|
264
257
|
}
|
|
265
258
|
}
|
|
266
259
|
}
|
|
@@ -275,13 +268,8 @@ export default function Item(_ref, _ref2) {
|
|
|
275
268
|
var nh = height / 2;
|
|
276
269
|
var _getDistant = getDistant(x, y, val.rotRad),
|
|
277
270
|
PointArray = _getDistant.PointArray;
|
|
278
|
-
var catid = item.type;
|
|
279
|
-
var cat = catalog.elements[catid];
|
|
280
271
|
PointArray.forEach(function (pointElement, index) {
|
|
281
272
|
if (pointElement[0] == undefined) PointArray[index][0] = 0;
|
|
282
|
-
if (pointElement[1] === -90 && cat.info.is_corner !== 1) {
|
|
283
|
-
PointArray[index][0] -= 4;
|
|
284
|
-
}
|
|
285
273
|
});
|
|
286
274
|
if (Array.isArray(PointArray)) {
|
|
287
275
|
itemsActions.storeDistArray(layerID, id, PointArray);
|
|
@@ -310,7 +298,7 @@ export default function Item(_ref, _ref2) {
|
|
|
310
298
|
length: itemDistanceFromLine,
|
|
311
299
|
angle: rotation,
|
|
312
300
|
rotation: element[1],
|
|
313
|
-
transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ?
|
|
301
|
+
transform: "translate(".concat(element[1] === 180 ? -nw : element[1] === 0 ? nw : 0, ", ").concat(element[1] === 90 ? nh : element[1] === -90 ? -nh : 3 * nh / 4, ") rotate(").concat(element[1], ", 0, 0)")
|
|
314
302
|
})));
|
|
315
303
|
}
|
|
316
304
|
});
|
|
@@ -319,66 +307,7 @@ export default function Item(_ref, _ref2) {
|
|
|
319
307
|
var isSmall = false;
|
|
320
308
|
if (width < 40) isSmall = true;
|
|
321
309
|
var parts = [];
|
|
322
|
-
var warning_buttons = '';
|
|
323
310
|
var newWidth = item.toJS().properties.width.length;
|
|
324
|
-
if (item.toJS().doorStyle.doorStyles && item.toJS().doorStyle.doorStyles.cds && item.toJS().doorStyle.doorStyles.cds.filter(function (cd) {
|
|
325
|
-
return cd.itemID == item.getIn(['itemID']);
|
|
326
|
-
}).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
|
|
327
|
-
id: "warning_info_2d",
|
|
328
|
-
style: {
|
|
329
|
-
transform: "translate(0px,20px)",
|
|
330
|
-
cursor: 'pointer'
|
|
331
|
-
},
|
|
332
|
-
onMouseEnter: function onMouseEnter(event) {
|
|
333
|
-
var bbox = event.target.getBoundingClientRect();
|
|
334
|
-
if (!isEmpty(document.getElementById('warning_box_2d'))) {
|
|
335
|
-
document.getElementById('warning_box_2d').style.display = 'flex';
|
|
336
|
-
document.getElementById('warning_box_2d').style.top = "".concat(bbox.top - 60, "px");
|
|
337
|
-
document.getElementById('warning_box_2d').style.left = "".concat(bbox.left, "px");
|
|
338
|
-
}
|
|
339
|
-
},
|
|
340
|
-
onMouseLeave: function onMouseLeave() {
|
|
341
|
-
if (!isEmpty(document.getElementById('warning_box_2d'))) document.getElementById('warning_box_2d').style.display = 'none';
|
|
342
|
-
}
|
|
343
|
-
}, /*#__PURE__*/React.createElement("circle", {
|
|
344
|
-
cx: 0,
|
|
345
|
-
cy: 0,
|
|
346
|
-
r: 8,
|
|
347
|
-
fill: "white"
|
|
348
|
-
}), /*#__PURE__*/React.createElement("image", {
|
|
349
|
-
width: 15,
|
|
350
|
-
height: 15,
|
|
351
|
-
x: -7.5,
|
|
352
|
-
y: -7.5,
|
|
353
|
-
style: {
|
|
354
|
-
transform: "rotate(".concat(180 - item.rotation, "deg)")
|
|
355
|
-
},
|
|
356
|
-
href: buttons[1].thumbnail
|
|
357
|
-
})), /*#__PURE__*/React.createElement("g", {
|
|
358
|
-
style: {
|
|
359
|
-
cursor: 'pointer'
|
|
360
|
-
},
|
|
361
|
-
"data-element-root": true,
|
|
362
|
-
"data-prototype": item.prototype,
|
|
363
|
-
"data-id": item.id,
|
|
364
|
-
"data-selected": item.selected,
|
|
365
|
-
"data-layer": layer.id,
|
|
366
|
-
"data-part": "warning_edit"
|
|
367
|
-
}, /*#__PURE__*/React.createElement("circle", {
|
|
368
|
-
cx: 0,
|
|
369
|
-
cy: 0,
|
|
370
|
-
r: 8,
|
|
371
|
-
fill: "white"
|
|
372
|
-
}), /*#__PURE__*/React.createElement("image", {
|
|
373
|
-
width: 15,
|
|
374
|
-
height: 15,
|
|
375
|
-
x: -7.5,
|
|
376
|
-
y: -7.5,
|
|
377
|
-
style: {
|
|
378
|
-
transform: "rotate(".concat(90 - item.rotation, "deg)")
|
|
379
|
-
},
|
|
380
|
-
href: buttons[0].thumbnail
|
|
381
|
-
})));
|
|
382
311
|
if (item.selected) parts = [/*#__PURE__*/React.createElement("g", {
|
|
383
312
|
key: 0,
|
|
384
313
|
"data-element-root": true,
|
|
@@ -500,7 +429,7 @@ export default function Item(_ref, _ref2) {
|
|
|
500
429
|
style: {
|
|
501
430
|
cursor: 'initial'
|
|
502
431
|
}
|
|
503
|
-
}, measure ? renderedRuler : null, parts
|
|
432
|
+
}, measure ? renderedRuler : null, parts));
|
|
504
433
|
}
|
|
505
434
|
Item.propTypes = {
|
|
506
435
|
item: PropTypes.object.isRequired,
|