kitchen-simulator 1.0.0-alin.5 → 1.0.0-alin.50
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 +15 -133
- package/es/LiteRenderer.js +2 -27
- package/es/actions/items-actions.js +1 -2
- package/es/class/item.js +1 -1
- package/es/class/project.js +8 -1
- package/es/components/viewer2d/item.js +10 -10
- package/es/components/viewer2d/layer.js +1 -1
- package/es/components/viewer2d/line.js +20 -17
- package/es/components/viewer2d/viewer2d.js +20 -56
- package/es/components/viewer3d/viewer3d.js +0 -2
- package/es/constants.js +7 -1
- package/es/devLiteRenderer.js +70 -5
- package/es/index.js +13 -12
- package/es/reducers/items-reducer.js +1 -1
- package/es/utils/geometry.js +6 -6
- package/es/utils/isolate-event-handler.js +87 -17
- package/lib/LiteKitchenConfigurator.js +16 -134
- package/lib/LiteRenderer.js +1 -26
- package/lib/actions/items-actions.js +1 -2
- package/lib/class/item.js +1 -1
- package/lib/class/project.js +8 -1
- package/lib/components/viewer2d/item.js +10 -10
- package/lib/components/viewer2d/layer.js +1 -1
- package/lib/components/viewer2d/line.js +19 -16
- package/lib/components/viewer2d/viewer2d.js +19 -55
- package/lib/components/viewer3d/viewer3d.js +0 -2
- package/lib/constants.js +11 -5
- package/lib/devLiteRenderer.js +69 -4
- package/lib/index.js +13 -12
- package/lib/reducers/items-reducer.js +1 -1
- package/lib/utils/geometry.js +6 -6
- package/lib/utils/isolate-event-handler.js +86 -16
- package/package.json +3 -3
package/lib/LiteRenderer.js
CHANGED
|
@@ -266,8 +266,6 @@ function LiteRenderer(props) {
|
|
|
266
266
|
furnishing = _ref2$furnishing === void 0 ? [] : _ref2$furnishing,
|
|
267
267
|
_ref2$lighting = _ref2.lighting,
|
|
268
268
|
lighting = _ref2$lighting === void 0 ? [] : _ref2$lighting;
|
|
269
|
-
var _projectElement = (0, _slicedToArray2["default"])(projectElement, 1),
|
|
270
|
-
project_data = _projectElement[0].project_data;
|
|
271
269
|
var id = configData.id,
|
|
272
270
|
logoImg = configData.logoImg,
|
|
273
271
|
companyUrl = configData.companyUrl;
|
|
@@ -275,10 +273,6 @@ function LiteRenderer(props) {
|
|
|
275
273
|
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
276
274
|
outlineSVGData = _React$useState2[0],
|
|
277
275
|
setOutlineSVGData = _React$useState2[1];
|
|
278
|
-
var _React$useState3 = _react["default"].useState(false),
|
|
279
|
-
_React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
|
|
280
|
-
catalogInitiated = _React$useState4[0],
|
|
281
|
-
setCatalogInitiated = _React$useState4[1];
|
|
282
276
|
(0, _react.useEffect)(function () {
|
|
283
277
|
var initMyCatalog = /*#__PURE__*/function () {
|
|
284
278
|
var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
@@ -327,7 +321,6 @@ function LiteRenderer(props) {
|
|
|
327
321
|
}) && door_color_alias.push(color);
|
|
328
322
|
});
|
|
329
323
|
doorStyleData = categoryData.data.doorStyles.items;
|
|
330
|
-
categoryData.data.doorStyles.items = doorStyleData.treeStruct;
|
|
331
324
|
door_color_alias.forEach(function (dca) {
|
|
332
325
|
doorStyleData.doorColorData.forEach(function (dc) {
|
|
333
326
|
dc.door_style_id = parseInt(dc.door_style_id);
|
|
@@ -475,7 +468,6 @@ function LiteRenderer(props) {
|
|
|
475
468
|
return _regenerator["default"].wrap(function (_context5) {
|
|
476
469
|
while (1) switch (_context5.prev = _context5.next) {
|
|
477
470
|
case 0:
|
|
478
|
-
setCatalogInitiated(false);
|
|
479
471
|
_context5.next = 1;
|
|
480
472
|
return initMyCatalog();
|
|
481
473
|
case 1:
|
|
@@ -485,8 +477,6 @@ function LiteRenderer(props) {
|
|
|
485
477
|
_context5.next = 3;
|
|
486
478
|
return loadSVGs();
|
|
487
479
|
case 3:
|
|
488
|
-
setCatalogInitiated(true);
|
|
489
|
-
case 4:
|
|
490
480
|
case "end":
|
|
491
481
|
return _context5.stop();
|
|
492
482
|
}
|
|
@@ -498,7 +488,7 @@ function LiteRenderer(props) {
|
|
|
498
488
|
}();
|
|
499
489
|
initCatalog();
|
|
500
490
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
501
|
-
}, []);
|
|
491
|
+
}, [categoryData, data, id, catalogs, colorAlias, subgroups]);
|
|
502
492
|
|
|
503
493
|
// Register items once SVGs are loaded
|
|
504
494
|
(0, _react.useEffect)(function () {
|
|
@@ -535,21 +525,6 @@ function LiteRenderer(props) {
|
|
|
535
525
|
});
|
|
536
526
|
for (var x in Item) MyCatalog.registerElement(Item[x]);
|
|
537
527
|
}, [outlineSVGData, data, appliances, furnishing, lighting]);
|
|
538
|
-
(0, _react.useEffect)(function () {
|
|
539
|
-
if (projectElement.length === 0) return;
|
|
540
|
-
if (!catalogInitiated) return;
|
|
541
|
-
sessionStorage.setItem('projectTitle', projectElement[0].title);
|
|
542
|
-
store.dispatch((0, _projectActions.rename)(projectElement[0].title));
|
|
543
|
-
sessionStorage.setItem('projectId', projectElement[0].id);
|
|
544
|
-
sessionStorage.setItem('email', projectElement[0].email);
|
|
545
|
-
sessionStorage.setItem('firstName', projectElement[0].firstName);
|
|
546
|
-
sessionStorage.setItem('lastName', projectElement[0].lastName);
|
|
547
|
-
sessionStorage.setItem('phone', projectElement[0].phone);
|
|
548
|
-
var jsonData;
|
|
549
|
-
jsonData = JSON.parse(projectElement[0].project_data);
|
|
550
|
-
jsonData.isLoadingCabinet = false;
|
|
551
|
-
store.dispatch((0, _projectActions.loadProject)(jsonData, categoryData));
|
|
552
|
-
}, [project_data, catalogInitiated]);
|
|
553
528
|
return /*#__PURE__*/_react["default"].createElement(_AppContext["default"].Provider, null, /*#__PURE__*/_react["default"].createElement(_reactRedux.Provider, {
|
|
554
529
|
store: store
|
|
555
530
|
}, /*#__PURE__*/_react["default"].createElement(ToolErrorBoundary, {
|
|
@@ -274,11 +274,10 @@ function updateItemsAltitude(layerID, itemID, value) {
|
|
|
274
274
|
value: value
|
|
275
275
|
};
|
|
276
276
|
}
|
|
277
|
-
function setDoorStyle(doorStyle,
|
|
277
|
+
function setDoorStyle(doorStyle, isAll) {
|
|
278
278
|
return {
|
|
279
279
|
type: _constants.SET_DOOR_STYLE,
|
|
280
280
|
doorStyle: doorStyle,
|
|
281
|
-
pathes: pathes,
|
|
282
281
|
isAll: isAll
|
|
283
282
|
};
|
|
284
283
|
}
|
package/lib/class/item.js
CHANGED
|
@@ -1171,7 +1171,7 @@ var Item = exports["default"] = /*#__PURE__*/function () {
|
|
|
1171
1171
|
}
|
|
1172
1172
|
}, {
|
|
1173
1173
|
key: "setDoorStyle",
|
|
1174
|
-
value: function setDoorStyle(state, doorStyle,
|
|
1174
|
+
value: function setDoorStyle(state, doorStyle, isAll) {
|
|
1175
1175
|
var _this2 = this;
|
|
1176
1176
|
var keys = Object.keys(doorStyle.doorStyles);
|
|
1177
1177
|
keys = keys.filter(function (elem) {
|
package/lib/class/project.js
CHANGED
|
@@ -487,6 +487,10 @@ var Project = exports["default"] = /*#__PURE__*/function () {
|
|
|
487
487
|
};
|
|
488
488
|
}
|
|
489
489
|
var mode;
|
|
490
|
+
var isLineAction = false;
|
|
491
|
+
if (state.mode.includes('LINE')) {
|
|
492
|
+
isLineAction = true;
|
|
493
|
+
}
|
|
490
494
|
if (state.mode == _constants.MODE_DRAWING_ITEM_3D) {
|
|
491
495
|
mode = _constants.MODE_IDLE_3D;
|
|
492
496
|
if (state.drawingSupport.has('currentID')) state = _export2.Layer.removeElement(state, state.scene.selectedLayer, 'items', state.drawingSupport.get('currentID')).updatedState;
|
|
@@ -529,6 +533,9 @@ var Project = exports["default"] = /*#__PURE__*/function () {
|
|
|
529
533
|
draggingSupport: new _immutable.Map(),
|
|
530
534
|
rotatingSupport: new _immutable.Map()
|
|
531
535
|
});
|
|
536
|
+
if (isLineAction) {
|
|
537
|
+
state = _export2.Line.applyWallChanges(state, _constants.END_DRAWING_LINE).updatedState;
|
|
538
|
+
}
|
|
532
539
|
return {
|
|
533
540
|
updatedState: state
|
|
534
541
|
};
|
|
@@ -613,7 +620,7 @@ var Project = exports["default"] = /*#__PURE__*/function () {
|
|
|
613
620
|
updatedState: state
|
|
614
621
|
};
|
|
615
622
|
} catch (error) {
|
|
616
|
-
console.log('
|
|
623
|
+
console.log('addElementToCatalogError', error);
|
|
617
624
|
return {
|
|
618
625
|
updatedState: state
|
|
619
626
|
};
|
|
@@ -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;
|
|
@@ -125,12 +128,7 @@ function Item(_ref, _ref2) {
|
|
|
125
128
|
if (layer.selected.items.size > 0) {
|
|
126
129
|
selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
|
|
127
130
|
var catid = selectedItem.type;
|
|
128
|
-
var cat = catalog
|
|
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
|
-
}
|
|
131
|
+
var cat = (0, _geometry.findCatalogElement)(catalog, catid);
|
|
134
132
|
currentItem = {
|
|
135
133
|
selectedItem: selectedItem,
|
|
136
134
|
cat: cat
|
|
@@ -145,8 +143,7 @@ function Item(_ref, _ref2) {
|
|
|
145
143
|
rotRad: item.rotation / 180 * Math.PI
|
|
146
144
|
};
|
|
147
145
|
var catid = item.type;
|
|
148
|
-
var cat = catalog
|
|
149
|
-
if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
|
|
146
|
+
var cat = (0, _geometry.findCatalogElement)(catalog, catid);
|
|
150
147
|
var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
|
|
151
148
|
var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
|
|
152
149
|
// let width = cat.info.sizeinfo.width;
|
|
@@ -290,6 +287,9 @@ function Item(_ref, _ref2) {
|
|
|
290
287
|
PointArray.forEach(function (pointElement, index) {
|
|
291
288
|
if (pointElement[0] == undefined) PointArray[index][0] = 0;
|
|
292
289
|
});
|
|
290
|
+
if (Array.isArray(PointArray)) {
|
|
291
|
+
itemsActions.storeDistArray(layerID, id, PointArray);
|
|
292
|
+
}
|
|
293
293
|
var renderedRuler = [];
|
|
294
294
|
var ep = 0.1;
|
|
295
295
|
if (item.selected) {
|
|
@@ -319,7 +319,7 @@ function Item(_ref, _ref2) {
|
|
|
319
319
|
}
|
|
320
320
|
});
|
|
321
321
|
}
|
|
322
|
-
var renderedItem = element.render2D.call(element, item, layer, scene);
|
|
322
|
+
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
323
|
var isSmall = false;
|
|
324
324
|
if (width < 40) isSmall = true;
|
|
325
325
|
var parts = [];
|
|
@@ -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, {
|
|
@@ -31,7 +31,7 @@ var STYLE_TEXT = {
|
|
|
31
31
|
textAnchor: 'middle',
|
|
32
32
|
fontSize: '7px',
|
|
33
33
|
fontWeight: 'middle',
|
|
34
|
-
fontFamily: "'
|
|
34
|
+
fontFamily: "'Courier New', Courier, monospace"
|
|
35
35
|
};
|
|
36
36
|
function compareVertices(v0, v1) {
|
|
37
37
|
return v0.x === v1.x ? v0.y - v1.y : v0.x - v1.x;
|
|
@@ -720,22 +720,32 @@ function Line(_ref) {
|
|
|
720
720
|
"data-layer": layer.id,
|
|
721
721
|
"data-length": length
|
|
722
722
|
}, showWallLengthMeasure ? renderedRuler : null), line.selected && angleVertices.map(function (vertex, index) {
|
|
723
|
+
var _relateLineLengthArra2;
|
|
723
724
|
var lineGroup = vertex[0].lines;
|
|
724
725
|
var angles = [];
|
|
725
726
|
var thickness = [];
|
|
726
727
|
var vectories = [];
|
|
728
|
+
var relateLineLengthArray = [];
|
|
729
|
+
|
|
727
730
|
// get the vector of lines
|
|
728
731
|
lineGroup.forEach(function (line) {
|
|
732
|
+
var _relateLineLengthArra;
|
|
729
733
|
line = layer.lines.get(line);
|
|
730
734
|
var vertex0 = layer.vertices.get(line.vertices.get(0));
|
|
731
735
|
var vertex1 = layer.vertices.get(line.vertices.get(1));
|
|
732
736
|
var vec = vertex0 === vertex[0] ? new Three.Vector2(vertex1.x - vertex0.x, vertex1.y - vertex0.y) : new Three.Vector2(vertex0.x - vertex1.x, vertex0.y - vertex1.y);
|
|
737
|
+
(_relateLineLengthArra = relateLineLengthArray) === null || _relateLineLengthArra === void 0 || _relateLineLengthArra.push(_export.GeometryUtils.verticesDistance(vertex0, vertex1));
|
|
733
738
|
var angle = vec.angle();
|
|
734
739
|
var thick = 15;
|
|
735
740
|
angles.push(angle);
|
|
736
741
|
thickness.push(thick);
|
|
737
742
|
vectories.push(vec.normalize());
|
|
738
743
|
});
|
|
744
|
+
relateLineLengthArray = (_relateLineLengthArra2 = relateLineLengthArray) === null || _relateLineLengthArra2 === void 0 ? void 0 : _relateLineLengthArra2.sort(function (a, b) {
|
|
745
|
+
return a - b;
|
|
746
|
+
});
|
|
747
|
+
var minLineLength = relateLineLengthArray[0] < _constants.MAX_ANGLE_SCALE * 2 ? relateLineLengthArray[0] / 2 // scale down to half of the smallest adjacent surface
|
|
748
|
+
: _constants.MAX_ANGLE_SCALE;
|
|
739
749
|
|
|
740
750
|
// calculate the angle between two lines
|
|
741
751
|
var center = new Three.Vector2(vertex[0].x, vertex[0].y);
|
|
@@ -754,16 +764,15 @@ function Line(_ref) {
|
|
|
754
764
|
var rotDir = vec1.cross(vec2) > 0; // true: rotate CCW, false: rotate CW
|
|
755
765
|
|
|
756
766
|
// Angle Text Position
|
|
757
|
-
|
|
758
767
|
var angleTextO = center.clone();
|
|
759
|
-
var textTranslation = vec1.clone().add(vec2).normalize().multiplyScalar(
|
|
768
|
+
var textTranslation = vec1.clone().add(vec2).normalize().multiplyScalar(minLineLength * 2 / 3);
|
|
760
769
|
angleTextO.add(textTranslation);
|
|
761
|
-
angleTextO.y -=
|
|
762
|
-
|
|
770
|
+
angleTextO.y -= minLineLength / 10; // half the height of text `angle`
|
|
771
|
+
angleTextO.x += minLineLength / 10;
|
|
763
772
|
var tx = 0;
|
|
764
773
|
var ty = 0;
|
|
765
|
-
vec = vec.multiplyScalar(
|
|
766
|
-
vec1 = vec1.multiplyScalar(
|
|
774
|
+
vec = vec.multiplyScalar(minLineLength);
|
|
775
|
+
vec1 = vec1.multiplyScalar(minLineLength);
|
|
767
776
|
var cen1 = center.clone(),
|
|
768
777
|
cen2 = center.clone();
|
|
769
778
|
center = center.add(vec);
|
|
@@ -776,7 +785,7 @@ function Line(_ref) {
|
|
|
776
785
|
// Angle SVG Path
|
|
777
786
|
lines.push(/*#__PURE__*/_react["default"].createElement("path", {
|
|
778
787
|
style: STYLE_ANGLE,
|
|
779
|
-
d: "\n M ".concat(vertex[0].x, ",").concat(vertex[0].y, " L ").concat(pos1.x, ",").concat(pos1.y, " A
|
|
788
|
+
d: "\n M ".concat(vertex[0].x, ",").concat(vertex[0].y, " L ").concat(pos1.x, ",").concat(pos1.y, " A ").concat(minLineLength, " ").concat(minLineLength, " ").concat(angle, " 0 ").concat(t > 0 ? 1 : 0, " ").concat(pos2.x, ",").concat(pos2.y, " z\n ")
|
|
780
789
|
}));
|
|
781
790
|
var length = angle;
|
|
782
791
|
// draw angle and angle text
|
|
@@ -790,15 +799,9 @@ function Line(_ref) {
|
|
|
790
799
|
"data-id": [vertex[0].id, vertex[1].id, rotDir],
|
|
791
800
|
"data-length": length
|
|
792
801
|
}, lines, /*#__PURE__*/_react["default"].createElement("text", {
|
|
793
|
-
transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") scale(
|
|
802
|
+
transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") scale(").concat(minLineLength / 20, ", ").concat(-minLineLength / 20, ")"),
|
|
794
803
|
style: STYLE_TEXT
|
|
795
|
-
}, angle
|
|
796
|
-
transform: "translate(".concat(angleTextO.x, ", ").concat(angleTextO.y, ") translate(10, 9)"),
|
|
797
|
-
fill: "transparent",
|
|
798
|
-
stroke: "rgb(77, 77, 77)",
|
|
799
|
-
strokeWidth: 1,
|
|
800
|
-
r: 2
|
|
801
|
-
}));
|
|
804
|
+
}, angle + '° '));
|
|
802
805
|
}), showWindowDoorMeasure ? renderedAllRuler : null, showBaseCabinetMeasure ? baseRuler : null, showWallCabinetMeasure ? wallRuler : null, /*#__PURE__*/_react["default"].createElement("g", {
|
|
803
806
|
"data-element-root": true,
|
|
804
807
|
"data-prototype": line.prototype,
|
|
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
8
|
exports["default"] = Viewer2D;
|
|
9
|
-
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
10
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -546,48 +545,18 @@ function Viewer2D(_ref, _ref2) {
|
|
|
546
545
|
rectCenterPoint: [[point(mx, my), 180], [point(m1x, m1y), -90], [point(m2x, m2y), 0], [point(m3x, m3y), 90]]
|
|
547
546
|
};
|
|
548
547
|
};
|
|
549
|
-
var
|
|
550
|
-
var
|
|
551
|
-
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
x: x,
|
|
562
|
-
y: y
|
|
563
|
-
},
|
|
564
|
-
rotRad: rotation / 180 * Math.PI
|
|
565
|
-
};
|
|
566
|
-
var _width = getProperties(item, 'width');
|
|
567
|
-
var depth = getProperties(item, 'depth');
|
|
568
|
-
val.size = {
|
|
569
|
-
width: _width,
|
|
570
|
-
height: depth
|
|
571
|
-
};
|
|
572
|
-
|
|
573
|
-
// collect geometry
|
|
574
|
-
var _allLines = _export2.GeometryUtils.getAllLines(layer) || [];
|
|
575
|
-
var _allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, _allLines) || [];
|
|
576
|
-
var _allItemRect = _export2.GeometryUtils.getAllItems(scene, catalog, _allLineRects) || {
|
|
577
|
-
others: []
|
|
578
|
-
};
|
|
579
|
-
var _allRect = [].concat((0, _toConsumableArray2["default"])(_allItemRect.others || []), (0, _toConsumableArray2["default"])(_allLineRects));
|
|
580
|
-
|
|
581
|
-
// current item
|
|
582
|
-
var curItemInfo = getCalcRectFromItem(val);
|
|
583
|
-
var pointArray = getDistant(x, y, val.rotRad, curItemInfo, _allRect);
|
|
584
|
-
|
|
585
|
-
// store results safely
|
|
586
|
-
if (Array.isArray(pointArray)) {
|
|
587
|
-
itemsActions.storeDistArray(layerID, id, pointArray);
|
|
588
|
-
}
|
|
589
|
-
}
|
|
590
|
-
});
|
|
548
|
+
var getConnectedLines = function getConnectedLines() {
|
|
549
|
+
var _state$getIn;
|
|
550
|
+
var vertices = state.getIn(['scene', 'layers', layerID, 'vertices']).toJS();
|
|
551
|
+
var lines = state.getIn(['scene', 'layers', layerID, 'lines']).toJS();
|
|
552
|
+
var lineID = state.getIn(['scene', 'layers', layerID, 'selected', 'lines']).first();
|
|
553
|
+
var drawingLine = (_state$getIn = state.getIn(['scene', 'layers', layerID, 'lines', lineID])) === null || _state$getIn === void 0 ? void 0 : _state$getIn.toJS();
|
|
554
|
+
// get the lines that have same points with drawing line.
|
|
555
|
+
if (!(0, _helper.isEmpty)(drawingLine)) {
|
|
556
|
+
var tlines = [];
|
|
557
|
+
getRelatedLines(tlines, drawingLine, vertices, lines);
|
|
558
|
+
setRelatedLines(tlines);
|
|
559
|
+
}
|
|
591
560
|
};
|
|
592
561
|
var onMouseMove = function onMouseMove(viewerEvent) {
|
|
593
562
|
//workaround that allow imageful component to work
|
|
@@ -637,7 +606,6 @@ function Viewer2D(_ref, _ref2) {
|
|
|
637
606
|
holesActions.updateDrawingHole(layerID, x, y);
|
|
638
607
|
break;
|
|
639
608
|
case constants.MODE_DRAWING_ITEM:
|
|
640
|
-
calcDistanceArray();
|
|
641
609
|
var _layer = scene.layers.get(layerID);
|
|
642
610
|
var flag = false;
|
|
643
611
|
_layer.items.some(function (item) {
|
|
@@ -723,11 +691,11 @@ function Viewer2D(_ref, _ref2) {
|
|
|
723
691
|
break;
|
|
724
692
|
case constants.MODE_DRAGGING_VERTEX:
|
|
725
693
|
var vertices = state.getIn(['scene', 'layers', layerID, 'vertices']).toJS();
|
|
694
|
+
getConnectedLines();
|
|
726
695
|
var result = getEndPoint(vertices, x, y, 'DRAGGING_VERTEX');
|
|
727
696
|
verticesActions.updateDraggingVertex(result.x, result.y, state.snapMask);
|
|
728
697
|
break;
|
|
729
698
|
case constants.MODE_DRAGGING_ITEM:
|
|
730
|
-
calcDistanceArray();
|
|
731
699
|
prepareSnap();
|
|
732
700
|
var _GeometryUtils$calcSn2 = _export2.GeometryUtils.calcSnap(allItemRect, allItemSnap, allLineRects, allLineSnap, allRect, x, y, allArea),
|
|
733
701
|
nx = _GeometryUtils$calcSn2.nx,
|
|
@@ -899,10 +867,10 @@ function Viewer2D(_ref, _ref2) {
|
|
|
899
867
|
projectActions.setMode(_mode);
|
|
900
868
|
break;
|
|
901
869
|
} else {
|
|
902
|
-
var
|
|
903
|
-
var
|
|
904
|
-
getRelatedLines(
|
|
905
|
-
setRelatedLines(
|
|
870
|
+
var tlines = [];
|
|
871
|
+
var drawingLine = state.getIn(['scene', 'layers', layerID, 'lines', elementData.id]).toJS();
|
|
872
|
+
getRelatedLines(tlines, drawingLine, vertices, lines);
|
|
873
|
+
setRelatedLines(tlines);
|
|
906
874
|
linesActions.selectLine(elementData.layer, elementData.id);
|
|
907
875
|
break;
|
|
908
876
|
}
|
|
@@ -1188,12 +1156,7 @@ function Viewer2D(_ref, _ref2) {
|
|
|
1188
1156
|
// if (dx > dy) y = prevVertex.y
|
|
1189
1157
|
// else x = prevVertex.x;
|
|
1190
1158
|
setdrawStart(true);
|
|
1191
|
-
|
|
1192
|
-
var drawingLine = state.getIn(['scene', 'layers', layerID, 'lines', lineID]).toJS();
|
|
1193
|
-
// get the lines that have same points with drawing line.
|
|
1194
|
-
var tlines = [];
|
|
1195
|
-
getRelatedLines(tlines, drawingLine, vertices, lines);
|
|
1196
|
-
setRelatedLines(tlines);
|
|
1159
|
+
getConnectedLines();
|
|
1197
1160
|
var endInfor = getEndPoint(vertices, x, y, 'END_DRAWIN_LINE');
|
|
1198
1161
|
linesActions.endDrawingLine(endInfor.x, endInfor.y, state.snapMask);
|
|
1199
1162
|
linesActions.beginDrawingLine(layerID, endInfor.x, endInfor.y, state.snapMask);
|
|
@@ -1208,6 +1171,7 @@ function Viewer2D(_ref, _ref2) {
|
|
|
1208
1171
|
linesActions.endDraggingLine(x, y, relatedLines, state.snapMask);
|
|
1209
1172
|
break;
|
|
1210
1173
|
case constants.MODE_DRAGGING_VERTEX:
|
|
1174
|
+
getConnectedLines();
|
|
1211
1175
|
var result = getEndPoint(vertices, x, y, 'DRAGGING_VERTEX');
|
|
1212
1176
|
verticesActions.endDraggingVertex(result.x, result.y, state.snapMask);
|
|
1213
1177
|
break;
|
|
@@ -2566,7 +2566,6 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
|
|
|
2566
2566
|
}));
|
|
2567
2567
|
} else {
|
|
2568
2568
|
document.getElementById('front') && (document.getElementById('front').style.display = 'none');
|
|
2569
|
-
document.getElementById('error').style.display = 'none';
|
|
2570
2569
|
this.renderer.domElement.style.display = 'none';
|
|
2571
2570
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
2572
2571
|
style: {
|
|
@@ -2601,7 +2600,6 @@ var Scene3DViewer = exports["default"] = /*#__PURE__*/function (_React$Component
|
|
|
2601
2600
|
alt: "img"
|
|
2602
2601
|
}));
|
|
2603
2602
|
} else {
|
|
2604
|
-
!this.props.downloadFlag && (document.getElementById('error').style.display = 'block');
|
|
2605
2603
|
this.renderer.domElement.style.pointerEvents = 'auto';
|
|
2606
2604
|
this.renderer.domElement.style.opacity = '1';
|
|
2607
2605
|
!this.props.downloadFlag && document.getElementById('front') && (document.getElementById('front').style.display = 'block');
|
package/lib/constants.js
CHANGED
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.
|
|
9
|
-
exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = void 0;
|
|
6
|
+
exports.GO_BACK_TO_CATALOG_PAGE = exports.FINISHING_TOUCH = exports.EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_3D = exports.EXTERNAL_EVENT_TOGGLE_TO_2D = exports.EXTERNAL_EVENT_SET_INITIAL_DATA = exports.EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ITEM = exports.ERROR_DATABASE = exports.EPSILON = exports.END_UPLOADING_IMAGE = exports.END_ROTATING_ITEM_3D = exports.END_ROTATING_ITEM = exports.END_LOADING = exports.END_FITTING_IMAGE = exports.END_DRAWING_LINE = exports.END_DRAWING_ITEM = exports.END_DRAWING_HOLE_3D = exports.END_DRAWING_HOLE = exports.END_DRAGGING_VERTEX = exports.END_DRAGGING_LINE = exports.END_DRAGGING_ITEM_3D = exports.END_DRAGGING_ITEM = exports.END_DRAGGING_HOLE_3D = exports.END_DRAGGING_HOLE = exports.END_CREATING_HOLE = exports.END_CREATING_CABINET = exports.ELEVATION_VIEW_TITLE = exports.ELEVATION_VIEW_RIGHT = exports.ELEVATION_VIEW_LEFT = exports.ELEVATION_VIEW_KEYWORD = exports.ELEVATION_VIEW_FRONT = exports.ELEVATION_VIEW_BACK = exports.ELEVATION_VIEW = exports.EDIT_WIDTH = exports.EDIT = exports.DUPLICATE_SELECTED = exports.DISTANCE_EPSILON = exports.DIFFERENT_VALUES_PATH_LENGTH = exports.DELTA = exports.DEFAULT_FONT_FAMILY = exports.DECIMAL_PLACES_3 = exports.DECIMAL_PLACES_2 = exports.COPY_PROPERTIES = exports.CLIENTS_NAME = exports.CHANGE_WINDOW_DOOR_MEASURE = exports.CHANGE_WALL_LENGTH_MEASURE = exports.CHANGE_WALL_CABINET_MEASURE = exports.CHANGE_CATALOG_PAGE = exports.CHANGE_BASE_CABINET_MEASURE = exports.CEIL_UNITS_LENGTH = exports.BROWN_COLOR = exports.BOTTOM_MOLDING_LOCATION = exports.BOTTOM = exports.BG_COLOR_OVERLAY = exports.BG_COLOR_HOVER = exports.BG_COLOR_1 = exports.BG_COLOR_0 = exports.BEGIN_UPLOADING_IMAGE = exports.BEGIN_ROTATING_ITEM_3D = exports.BEGIN_ROTATING_ITEM = exports.BEGIN_FITTING_IMAGE = exports.BEGIN_DRAWING_LINE = exports.BEGIN_DRAGGING_VERTEX = exports.BEGIN_DRAGGING_LINE = exports.BEGIN_DRAGGING_ITEM_3D = exports.BEGIN_DRAGGING_ITEM = exports.BEGIN_DRAGGING_HOLE_3D = exports.BEGIN_DRAGGING_HOLE = exports.BASE_CABINET_LAYOUTPOS = exports.ARROW_TEXT_FORECOLOR = exports.ARROW_TEXT_FONTFACE = exports.ARROW_TEXT_BACKCOLOR = exports.ARROW_COLOR = exports.ARRAY_ELEVATION_VIEW_MODES = exports.ARRAY_3D_MODES = exports.AREA_ACTIONS = exports.API_SERVER_URL = exports.ANIMATE_STEP_MIN = exports.ANIMATE_STEP_MAX = exports.ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT = exports.ALTERATE_STATE = exports.ADD_VERTICAL_GUIDE = exports.ADD_TO_GROUP = exports.ADD_LAYER = exports.ADD_HORIZONTAL_GUIDE = exports.ADD_GROUP_FROM_SELECTED = exports.ADD_GROUP = exports.ADD_ELEMENT_TO_CATALOG = exports.ADD_CIRCULAR_GUIDE = exports.ADD_CABINETS = exports.ADD_APPLIANCES = exports.ACCENT_COLOR = void 0;
|
|
7
|
+
exports.REMOVE_HORIZONTAL_GUIDE = exports.REMOVE_GROUP_AND_DELETE_ELEMENTS = exports.REMOVE_GROUP = exports.REMOVE_FROM_GROUP = exports.REMOVE_DRAWING_SUPPORT = exports.REMOVE_CIRCULAR_GUIDE = exports.REMOVE = exports.REDO = exports.RECREATE = exports.PUSH_LAST_SELECTED_CATALOG_ELEMENT_TO_HISTORY = exports.PROJECT_RE_NAME = exports.PROJECT_NAME_LENGTH_LIMIT = exports.PROJECT_ACTIONS = exports.PRODUCT = exports.PRIMARY_GREEN_COLOR = exports.PASTE_PROPERTIES = exports.OVERLAP_SOME = exports.OVERLAP_SAME = exports.OVERLAP_NONE = exports.OVERLAP_LINK = exports.OVERLAP_INCLUDED = exports.OPEN_PROJECT_CONFIGURATOR = exports.OPEN_CATALOG = exports.OBJTYPE_MESH = exports.OBJTYPE_GROUP = exports.NO_DATA_DATABASE = exports.NEW_PROJECT_BTN = exports.NEW_PROJECT = exports.NEW_DESIGN = exports.MOVE_COMPONENT = exports.MOLDING_LOCATIONS = exports.MODE_WAITING_DRAWING_LINE = exports.MODE_VIEWING_CATALOG = exports.MODE_UPLOADING_IMAGE = exports.MODE_SNAPPING = exports.MODE_ROTATING_ITEM_3D = exports.MODE_ROTATING_ITEM = exports.MODE_RIGHT_ELEVATION_VIEW = exports.MODE_LEFT_ELEVATION_VIEW = exports.MODE_IDLE_3D = exports.MODE_IDLE = exports.MODE_FRONT_VIEW = exports.MODE_FRONT_ELEVATION_VIEW = exports.MODE_FITTING_IMAGE = exports.MODE_ELEVATION_VIEW = exports.MODE_DRAWING_LINE = exports.MODE_DRAWING_ITEM_3D = exports.MODE_DRAWING_ITEM = exports.MODE_DRAWING_HOLE_3D = exports.MODE_DRAWING_HOLE = exports.MODE_DRAGGING_VERTEX = exports.MODE_DRAGGING_LINE = exports.MODE_DRAGGING_ITEM_3D = exports.MODE_DRAGGING_ITEM = exports.MODE_DRAGGING_HOLE_3D = exports.MODE_DRAGGING_HOLE = exports.MODE_CONFIGURING_PROJECT = exports.MODE_BACK_ELEVATION_VIEW = exports.MODE_3D_VIEW = exports.MODE_3D_FIRST_PERSON = exports.MODE_2D_ZOOM_OUT = exports.MODE_2D_ZOOM_IN = exports.MODE_2D_PAN = exports.MODE = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIDDLE_MOLDING_LOCATION = exports.MEPSILON = exports.MAX_ANGLE_SCALE = exports.MAKE_FLOOR_PLAN = exports.LOGOUT = exports.LOGIN_SUCCESS = exports.LOGIN_ERROR = exports.LOCAL_STORAGE_TOKEN_VALUE = exports.LOCAL_STORAGE_TOKEN_NAME = exports.LOCAL_STORAGE_ORIGINAL_TOKEN = exports.LOCAL_STORAGE_CUSTOMER_INFO = exports.LOCAL_STORAGE_CART_ACTION = exports.LOAD_PROJECT = exports.LIST_QUANTITIES = exports.LIST_PARTS = exports.LINE_THICKNESS = exports.LINE_ACTIONS = exports.LEFT = exports.LABEL_COLOR = exports.KITCHEN_KONFIGURATOR = exports.KEYBOARD_BUTTON_CODE = exports.ITEM_TYPE = exports.ITEM_MOVE_UP = exports.ITEMS_ACTIONS = exports.INVERT = exports.INSTALLATION_TYPE_SKU_SUFFIX = exports.INSTALLATION_TYPE_NAME = exports.INSTALLATION_SUFFIX_TYPE = exports.INIT_CATALOG = exports.HOLE_ACTIONS = exports.HDR_URLS = exports.HAS_LOADINGBAR = exports.GROUP_TRANSLATE = exports.GROUP_ROTATE = exports.GROUP_ACTIONS = void 0;
|
|
8
|
+
exports.TEXT_COLOR_NEUTRAL_0 = exports.TEXT_COLOR = exports.TECHNICAL_VIEW = exports.TALL_CABINET_LAYOUTPOS = exports.TAKE_PICTURE = exports.SUBTOTAL = exports.SUBMIT_REQUEST_ASSIST = exports.SUBMIT_DESIGN = exports.SUBMIT_ADD_CART = exports.STORE_DIST_ARRAY = exports.STOP_DRAWING_LINE = exports.STEP_CABINET_CHOOSE_PRODUCT = exports.STATUS_WARNING_LIGHT_COLOR = exports.STATUS_WARNING_COLOR = exports.STATUS_POSITIVE_LIGHT_COLOR = exports.STATUS_POSITIVE_COLOR = exports.STATUS_OVERDUE_LIGHT_COLOR = exports.STATUS_OVERDUE_COLOR = exports.STATUS_NEGATIVE_LIGHT_COLOR = exports.STATUS_NEGATIVE_COLOR = exports.STATUS_INFO_LIGHT_COLOR = exports.STATUS_INFO_COLOR = exports.SHIFT2DON = exports.SHIFT2DOFF = exports.SHAPE_SVG_WIDTH = exports.SHAPE_SVG_PADDING = exports.SHAPE_SVG_DEPTH = exports.SHADE_LIGHT_PURPLE_COLOR = exports.SHADE_LIGHT_GREEN_COLOR = exports.SHADE_LIGHT_BLUE_COLOR = exports.SHADE_DARK_PURPLE_COLOR = exports.SHADE_DARK_GREEN_COLOR = exports.SHADE_DARK_BLUE_COLOR = exports.SET_WALL_COLOR = exports.SET_USER_DATA = exports.SET_STATE_PROPERTIES = exports.SET_ROTATE_STATUS = exports.SET_RELATED_LINE = exports.SET_PROPERTIES = exports.SET_PROJECT_PROPERTIES = exports.SET_PROJECT_ID = exports.SET_MOVE_STATUS = exports.SET_MOLDING = exports.SET_MODELLING = exports.SET_MODE = exports.SET_LINES_ATTRIBUTES = exports.SET_LAYER_PROPERTIES = exports.SET_ITEMS_ATTRIBUTES = exports.SET_IS_HELP = exports.SET_IS_CABINET_DRAWING = exports.SET_INITIAL_DOOR_STYLE = exports.SET_HOLES_ATTRIBUTES = exports.SET_HANDLE_MATERIAL = exports.SET_GROUP_PROPERTIES = exports.SET_GROUP_BARYCENTER = exports.SET_GROUP_ATTRIBUTES = exports.SET_FLOOR_STYLES = exports.SET_DOOR_STYLE = exports.SET_DOOR_HANDLE = exports.SET_DISTANT = exports.SET_COUNTER_TOP = exports.SET_BACKSPLASH_VISIBLE = exports.SET_BACKSPLASH = exports.SET_APPLIANCE_MATERIAL = exports.SELECT_TOOL_ZOOM_OUT = exports.SELECT_TOOL_ZOOM_IN = exports.SELECT_TOOL_UPLOAD_IMAGE = exports.SELECT_TOOL_PAN = exports.SELECT_TOOL_EDIT = exports.SELECT_TOOL_DRAWING_LINE = exports.SELECT_TOOL_DRAWING_ITEM_3D = exports.SELECT_TOOL_DRAWING_ITEM = exports.SELECT_TOOL_DRAWING_HOLE_3D = exports.SELECT_TOOL_DRAWING_HOLE = exports.SELECT_TOOL_3D_VIEW = exports.SELECT_TOOL_3D_FIRST_PERSON = exports.SELECT_LINE = exports.SELECT_LAYER = exports.SELECT_ITEM = exports.SELECT_HOLE = exports.SELECT_GROUP = exports.SELECT_DOOR_STYLE = exports.SELECT_AREA = exports.SELECT_ALL = exports.SELECTALL = exports.SECONDARY_PURPLE_COLOR = exports.SECONDARY_BLUE_COLOR = exports.SCENE_ACTIONS = exports.SAVE_PROJECT = exports.SAVE_DESIGN = exports.ROLLBACK = exports.RIGHT = exports.REVIEW_AND_QUOTE = exports.REQUEST_ASSISTANCE = exports.REPLACE_SUBMODULE = exports.REPLACE_ITEM = exports.REMOVE_VERTICAL_GUIDE = exports.REMOVE_REPLACE_SUBMODULE = exports.REMOVE_LINEAR = exports.REMOVE_LAYER = void 0;
|
|
9
|
+
exports.ZOOM_VARIABLE = exports.WARRANTY_VIEW = exports.WARRANTY_SUPPORT = exports.WARNING_MESSAGE = exports.WALL_CABINET_LAYOUTPOS = exports.VIEWER3D_ACTIONS = exports.VIEWER2D_ACTIONS = exports.VERTEX_ACTIONS = exports.VALIDATE_ITEM_POSTIONS = exports.USER_ACTIONS = exports.UPDATE_ZOOM_SCALE = exports.UPDATE_ROTATING_ITEM_CHANGED = exports.UPDATE_ROTATING_ITEM = exports.UPDATE_ROTATING = exports.UPDATE_POPUP_OPEN = exports.UPDATE_MOVING_STATE = exports.UPDATE_MOUSE_COORDS = exports.UPDATE_MOLDING = exports.UPDATE_ITEM_POSITION = exports.UPDATE_DRAWING_LINE = exports.UPDATE_DRAWING_ITEM = exports.UPDATE_DRAWING_HOLE_3D = exports.UPDATE_DRAWING_HOLE = exports.UPDATE_DRAGGING_VERTEX = exports.UPDATE_DRAGGING_LINE = exports.UPDATE_DRAGGING_ITEM_CHANGED = exports.UPDATE_DRAGGING_ITEM_3DY = exports.UPDATE_DRAGGING_ITEM_3DX = exports.UPDATE_DRAGGING_ITEM = exports.UPDATE_DRAGGING_HOLE_RULER_CHANGED = exports.UPDATE_DRAGGING_HOLE_CHANGED = exports.UPDATE_DRAGGING_HOLE_3D = exports.UPDATE_DRAGGING_HOLE = exports.UPDATE_CEIL_HEIGHT_UNIT = exports.UPDATE_CEIL_HEIGHT = exports.UPDATE_3D_CEIL_HEIGHT_UNIT = exports.UPDATE_3D_CEIL_HEIGHT = exports.UPDATE_2D_CAMERA = exports.UNSELECT_GROUP = exports.UNSELECT_ALL = exports.UNIT_MILLIMETER = exports.UNIT_MILE = exports.UNIT_METER = exports.UNIT_INCH = exports.UNIT_FOOT = exports.UNIT_CENTIMETER = exports.UNIT_ANGLE = exports.UNITS_LENGTH = exports.UNDO = exports.UNCREATE = exports.TWO_D_FLOOR_PLAN = exports.TOP_MOLDING_LOCATION = exports.TOP = exports.TOGGLE_SNAP = exports.TOGGLE_LOADING_CABINET = exports.TOE_KICK_MOLDING = exports.TITLE_SMALL_COLOR = exports.TITLE_COLOR = exports.THROW_WARNING = exports.THROW_ERROR = exports.TEXT_COLOR_NEUTRAL_7 = exports.TEXT_COLOR_NEUTRAL_6 = exports.TEXT_COLOR_NEUTRAL_5 = exports.TEXT_COLOR_NEUTRAL_4 = exports.TEXT_COLOR_NEUTRAL_3 = exports.TEXT_COLOR_NEUTRAL_2 = exports.TEXT_COLOR_NEUTRAL_1 = void 0;
|
|
10
10
|
//API server
|
|
11
11
|
// export const API_SERVER = 'http://localhost:3000/';
|
|
12
12
|
// ACTIONS project
|
|
@@ -588,6 +588,7 @@ var ANIMATE_OBJECT_OPEN_DOOR_ROTATION_UNIT = exports.ANIMATE_OBJECT_OPEN_DOOR_RO
|
|
|
588
588
|
var DIFFERENT_VALUES_PATH_LENGTH = exports.DIFFERENT_VALUES_PATH_LENGTH = 5;
|
|
589
589
|
var MIN_ANGLE_DISALLOW_DRAW_WALL = exports.MIN_ANGLE_DISALLOW_DRAW_WALL = 45;
|
|
590
590
|
var UNIT_ANGLE = exports.UNIT_ANGLE = 5;
|
|
591
|
+
var MAX_ANGLE_SCALE = exports.MAX_ANGLE_SCALE = 30;
|
|
591
592
|
var HDR_URLS = exports.HDR_URLS = ['px.hdr', 'nx.hdr', 'py.hdr', 'ny.hdr', 'pz.hdr', 'nz.hdr'];
|
|
592
593
|
var SUBMIT_REQUEST_ASSIST = exports.SUBMIT_REQUEST_ASSIST = 'submit';
|
|
593
594
|
var SUBMIT_ADD_CART = exports.SUBMIT_ADD_CART = 'addCart';
|
|
@@ -659,4 +660,9 @@ var EXTERNAL_EVENT_TOGGLE_TO_ELEVATION = exports.EXTERNAL_EVENT_TOGGLE_TO_ELEVAT
|
|
|
659
660
|
var EXTERNAL_EVENT_ADD_WALL = exports.EXTERNAL_EVENT_ADD_WALL = 'EXTERNAL_EVENT_ADD_WALL';
|
|
660
661
|
var EXTERNAL_EVENT_ADD_ITEM = exports.EXTERNAL_EVENT_ADD_ITEM = 'EXTERNAL_EVENT_ADD_ITEM';
|
|
661
662
|
var EXTERNAL_EVENT_MOVE_PAN = exports.EXTERNAL_EVENT_MOVE_PAN = 'EXTERNAL_EVENT_MOVE_PAN';
|
|
662
|
-
var EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_NEW_PROJECT = 'EXTERNAL_EVENT_NEW_PROJECT';
|
|
663
|
+
var EXTERNAL_EVENT_NEW_PROJECT = exports.EXTERNAL_EVENT_NEW_PROJECT = 'EXTERNAL_EVENT_NEW_PROJECT';
|
|
664
|
+
var EXTERNAL_EVENT_CHANGE_DOORSTYLE = exports.EXTERNAL_EVENT_CHANGE_DOORSTYLE = 'EXTERNAL_EVENT_CHANGE_DOORSTYLE';
|
|
665
|
+
var EXTERNAL_EVENT_SET_INITIAL_DATA = exports.EXTERNAL_EVENT_SET_INITIAL_DATA = 'EXTERNAL_EVENT_SET_INITIAL_DATA';
|
|
666
|
+
var EXTERNAL_EVENT_ADD_ROOM_SHAPE = exports.EXTERNAL_EVENT_ADD_ROOM_SHAPE = 'EXTERNAL_EVENT_ADD_ROOM_SHAPE';
|
|
667
|
+
var EXTERNAL_EVENT_ZOOM_IN = exports.EXTERNAL_EVENT_ZOOM_IN = 'EXTERNAL_EVENT_ZOOM_IN';
|
|
668
|
+
var EXTERNAL_EVENT_ZOOM_OUT = exports.EXTERNAL_EVENT_ZOOM_OUT = 'EXTERNAL_EVENT_ZOOM_OUT';
|
package/lib/devLiteRenderer.js
CHANGED
|
@@ -9,6 +9,9 @@ var _mockProps = _interopRequireDefault(require("./mocks/mockProps.json"));
|
|
|
9
9
|
var _categoryData = _interopRequireDefault(require("./mocks/categoryData.json"));
|
|
10
10
|
var _dataBundle = _interopRequireDefault(require("./mocks/dataBundle.json"));
|
|
11
11
|
var _cabinetPayload = _interopRequireDefault(require("./mocks/cabinetPayload.json"));
|
|
12
|
+
var _doorStylePayload = _interopRequireDefault(require("./mocks/doorStylePayload.json"));
|
|
13
|
+
var _oStylePayload = _interopRequireDefault(require("./mocks/oStylePayload.json"));
|
|
14
|
+
var _rectangleShape = _interopRequireDefault(require("./mocks/rectangleShape.json"));
|
|
12
15
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
13
16
|
var _LiteRenderer = _interopRequireDefault(require("./LiteRenderer"));
|
|
14
17
|
var _antd = require("antd");
|
|
@@ -26,6 +29,18 @@ function WorkSpace(props) {
|
|
|
26
29
|
externalEvent = _useState2[0],
|
|
27
30
|
setExternalEvent = _useState2[1];
|
|
28
31
|
var offset = 5;
|
|
32
|
+
(0, _react.useEffect)(function () {
|
|
33
|
+
var evt = {
|
|
34
|
+
type: _constants.EXTERNAL_EVENT_SET_INITIAL_DATA,
|
|
35
|
+
payload: {
|
|
36
|
+
doorStyle: {
|
|
37
|
+
doorStyle: _doorStylePayload["default"],
|
|
38
|
+
oStyle: _oStylePayload["default"]
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
setExternalEvent(evt);
|
|
43
|
+
}, []);
|
|
29
44
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
30
45
|
className: "flex gap-4"
|
|
31
46
|
}, /*#__PURE__*/_react["default"].createElement(_antd.Button, {
|
|
@@ -111,6 +126,28 @@ function WorkSpace(props) {
|
|
|
111
126
|
}
|
|
112
127
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
113
128
|
src: "/assets/img/svg/bottombar/arrow-right.svg"
|
|
129
|
+
})), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
|
|
130
|
+
actionType: "primary",
|
|
131
|
+
onClick: function onClick() {
|
|
132
|
+
var evt = {
|
|
133
|
+
type: _constants.EXTERNAL_EVENT_ZOOM_IN,
|
|
134
|
+
payload: {}
|
|
135
|
+
};
|
|
136
|
+
setExternalEvent(evt);
|
|
137
|
+
}
|
|
138
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
139
|
+
src: "/assets/img/svg/bottombar/arrow-minus.svg"
|
|
140
|
+
})), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
|
|
141
|
+
actionType: "primary",
|
|
142
|
+
onClick: function onClick() {
|
|
143
|
+
var evt = {
|
|
144
|
+
type: _constants.EXTERNAL_EVENT_ZOOM_OUT,
|
|
145
|
+
payload: {}
|
|
146
|
+
};
|
|
147
|
+
setExternalEvent(evt);
|
|
148
|
+
}
|
|
149
|
+
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
150
|
+
src: "/assets/img/svg/bottombar/arrow-plus.svg"
|
|
114
151
|
})), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
|
|
115
152
|
actionType: "primary",
|
|
116
153
|
onClick: function onClick() {
|
|
@@ -138,9 +175,30 @@ function WorkSpace(props) {
|
|
|
138
175
|
};
|
|
139
176
|
setExternalEvent(evt);
|
|
140
177
|
}
|
|
141
|
-
}, "Add B12 Cabinet"), /*#__PURE__*/_react["default"].createElement(
|
|
142
|
-
|
|
143
|
-
|
|
178
|
+
}, "Add B12 Cabinet"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
|
|
179
|
+
actionType: "danger",
|
|
180
|
+
onClick: function onClick() {
|
|
181
|
+
var evt = {
|
|
182
|
+
type: _constants.EXTERNAL_EVENT_CHANGE_DOORSTYLE,
|
|
183
|
+
payload: {
|
|
184
|
+
doorStyle: _doorStylePayload["default"],
|
|
185
|
+
isAll: true
|
|
186
|
+
}
|
|
187
|
+
};
|
|
188
|
+
setExternalEvent(evt);
|
|
189
|
+
}
|
|
190
|
+
}, "DoorStyle (Change into Midtown White Shaker)"), /*#__PURE__*/_react["default"].createElement(_antd.Button, {
|
|
191
|
+
actionType: "danger",
|
|
192
|
+
onClick: function onClick() {
|
|
193
|
+
var evt = {
|
|
194
|
+
type: _constants.EXTERNAL_EVENT_ADD_ROOM_SHAPE,
|
|
195
|
+
payload: _rectangleShape["default"]
|
|
196
|
+
};
|
|
197
|
+
setExternalEvent(evt);
|
|
198
|
+
}
|
|
199
|
+
}, "Add Room shape(rectangle)"), /*#__PURE__*/_react["default"].createElement(_LiteRenderer["default"], {
|
|
200
|
+
width: props.width,
|
|
201
|
+
height: props.height,
|
|
144
202
|
projectElement: _mockProps["default"].projectElement,
|
|
145
203
|
categoryData: _categoryData["default"],
|
|
146
204
|
dataBundle: _dataBundle["default"],
|
|
@@ -162,4 +220,11 @@ function WorkSpace(props) {
|
|
|
162
220
|
}
|
|
163
221
|
}));
|
|
164
222
|
}
|
|
165
|
-
_reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(
|
|
223
|
+
_reactDom["default"].render(/*#__PURE__*/_react["default"].createElement(_reactContainerDimensions["default"], null, function (_ref) {
|
|
224
|
+
var width = _ref.width,
|
|
225
|
+
height = _ref.height;
|
|
226
|
+
return /*#__PURE__*/_react["default"].createElement(WorkSpace, {
|
|
227
|
+
width: width,
|
|
228
|
+
height: height
|
|
229
|
+
});
|
|
230
|
+
}), document.getElementById('app'));
|