kitchen-simulator 1.1.1-test.71 → 1.1.1-test.72
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/@history.js +5 -2
- package/es/AppContext.js +6 -3
- package/es/KitchenConfigurator.js +86 -87
- package/es/KitchenConfiguratorApp.js +128 -135
- package/es/actions/area-actions.js +8 -5
- package/es/actions/export.js +24 -12
- package/es/actions/groups-actions.js +41 -27
- package/es/actions/holes-actions.js +51 -34
- package/es/actions/items-actions.js +141 -94
- package/es/actions/lines-actions.js +32 -21
- package/es/actions/project-actions.js +141 -94
- package/es/actions/scene-actions.js +17 -11
- package/es/actions/vertices-actions.js +11 -7
- package/es/actions/viewer2d-actions.js +32 -21
- package/es/actions/viewer3d-actions.js +14 -9
- package/es/catalog/areas/area/planner-element.js +5 -2
- package/es/catalog/catalog.js +17 -15
- package/es/catalog/factories/area-factory-3d.js +26 -22
- package/es/catalog/factories/area-factory.js +15 -13
- package/es/catalog/factories/export.js +10 -6
- package/es/catalog/factories/wall-factory-3d.js +36 -31
- package/es/catalog/factories/wall-factory.js +26 -21
- package/es/catalog/holes/door-closet/planner-element.js +19 -15
- package/es/catalog/holes/door-double/planner-element.js +19 -15
- package/es/catalog/holes/door-exterior/planner-element.js +20 -16
- package/es/catalog/holes/door-interior/planner-element.js +20 -16
- package/es/catalog/holes/door-panic/planner-element.js +11 -7
- package/es/catalog/holes/door-panic-double/planner-element.js +19 -15
- package/es/catalog/holes/door-sliding/planner-element.js +21 -17
- package/es/catalog/holes/doorway-framed/planner-element.js +15 -11
- package/es/catalog/holes/doorway-frameless/planner-element.js +11 -7
- package/es/catalog/holes/export.js +29 -13
- package/es/catalog/holes/window-clear/planner-element.js +14 -10
- package/es/catalog/holes/window-cross/planner-element.js +14 -10
- package/es/catalog/holes/window-double-hung/planner-element.js +14 -10
- package/es/catalog/holes/window-vertical/planner-element.js +14 -10
- package/es/catalog/lines/wall/planner-element.js +5 -2
- package/es/catalog/molding/molding-dcm/planner-element.js +9 -5
- package/es/catalog/molding/molding-fbm/planner-element.js +9 -5
- package/es/catalog/molding/molding-lrm/planner-element.js +9 -5
- package/es/catalog/properties/export.js +31 -20
- package/es/catalog/properties/property-checkbox.js +29 -28
- package/es/catalog/properties/property-color.js +19 -16
- package/es/catalog/properties/property-enum.js +27 -24
- package/es/catalog/properties/property-hidden.js +12 -9
- package/es/catalog/properties/property-lenght-measure.js +41 -38
- package/es/catalog/properties/property-length-measure.js +39 -36
- package/es/catalog/properties/property-length-measure_hole.js +41 -38
- package/es/catalog/properties/property-number.js +20 -17
- package/es/catalog/properties/property-read-only.js +19 -16
- package/es/catalog/properties/property-string.js +19 -16
- package/es/catalog/properties/property-toggle.js +19 -16
- package/es/catalog/properties/shared-property-style.js +3 -1
- package/es/catalog/utils/FuseUtils.js +13 -12
- package/es/catalog/utils/exporter.js +11 -10
- package/es/catalog/utils/geom-utils.js +24 -13
- package/es/catalog/utils/item-loader.js +92 -86
- package/es/catalog/utils/load-obj.js +24 -20
- package/es/catalog/utils/mtl-loader.js +4 -3
- package/es/catalog/utils/obj-loader.js +4 -3
- package/es/class/FuseUtils.js +13 -12
- package/es/class/area.js +24 -24
- package/es/class/export.js +36 -23
- package/es/class/group.js +55 -53
- package/es/class/guide.js +17 -15
- package/es/class/hole.js +85 -83
- package/es/class/item.js +155 -155
- package/es/class/layer.js +61 -59
- package/es/class/line.js +138 -135
- package/es/class/project.js +94 -93
- package/es/class/vertex.js +31 -29
- package/es/components/content.js +23 -19
- package/es/components/disclaimer/disclaimer.js +13 -10
- package/es/components/export.js +13 -8
- package/es/components/style/button.js +25 -25
- package/es/components/style/cancel-button.js +10 -7
- package/es/components/style/content-container.js +12 -11
- package/es/components/style/content-title.js +15 -13
- package/es/components/style/delete-button.js +12 -8
- package/es/components/style/export.js +46 -30
- package/es/components/style/form-block.js +11 -10
- package/es/components/style/form-color-input.js +10 -7
- package/es/components/style/form-label.js +11 -10
- package/es/components/style/form-number-input.js +43 -45
- package/es/components/style/form-number-input_2.js +39 -41
- package/es/components/style/form-select.js +20 -19
- package/es/components/style/form-slider.js +13 -10
- package/es/components/style/form-submit-button.js +12 -8
- package/es/components/style/form-text-input.js +28 -30
- package/es/components/viewer2d/area.js +20 -17
- package/es/components/viewer2d/export.js +46 -30
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +13 -10
- package/es/components/viewer2d/grids/grid-streak.js +13 -10
- package/es/components/viewer2d/grids/grid-vertical-streak.js +13 -10
- package/es/components/viewer2d/grids/grids.js +14 -10
- package/es/components/viewer2d/group.js +19 -15
- package/es/components/viewer2d/item.js +65 -61
- package/es/components/viewer2d/layer.js +26 -23
- package/es/components/viewer2d/line.js +106 -101
- package/es/components/viewer2d/ruler.js +25 -22
- package/es/components/viewer2d/rulerDist.js +24 -21
- package/es/components/viewer2d/rulerX.js +44 -46
- package/es/components/viewer2d/rulerY.js +42 -44
- package/es/components/viewer2d/scene.js +34 -35
- package/es/components/viewer2d/snap.js +17 -13
- package/es/components/viewer2d/state.js +22 -18
- package/es/components/viewer2d/utils.js +33 -24
- package/es/components/viewer2d/vertex.js +12 -8
- package/es/components/viewer2d/viewer2d.js +159 -156
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +19 -21
- package/es/components/viewer3d/dcm.js +3 -1
- package/es/components/viewer3d/fbm.js +3 -1
- package/es/components/viewer3d/front3D.js +16 -12
- package/es/components/viewer3d/grid-creator.js +12 -8
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +9 -6
- package/es/components/viewer3d/grids/grid-streak.js +8 -5
- package/es/components/viewer3d/grids/grid-vertical-streak.js +9 -6
- package/es/components/viewer3d/libs/first-person-controls.js +5 -2
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +3 -1
- package/es/components/viewer3d/libs/mtl-loader.js +3 -1
- package/es/components/viewer3d/libs/obj-loader.js +3 -1
- package/es/components/viewer3d/libs/orbit-controls.js +4 -2
- package/es/components/viewer3d/libs/pointer-lock-controls.js +4 -2
- package/es/components/viewer3d/lrm.js +3 -1
- package/es/components/viewer3d/model.js +3 -1
- package/es/components/viewer3d/pointer-lock-navigation.js +6 -3
- package/es/components/viewer3d/ruler-utils/itemRect.js +21 -18
- package/es/components/viewer3d/ruler-utils/layer3D.js +62 -59
- package/es/components/viewer3d/ruler-utils/ruler3D.js +43 -42
- package/es/components/viewer3d/ruler-utils/scene3D.js +13 -9
- package/es/components/viewer3d/ruler-utils/state3D.js +7 -4
- package/es/components/viewer3d/scene-creator.js +223 -197
- package/es/components/viewer3d/three-memory-cleaner.js +7 -3
- package/es/components/viewer3d/viewer3d-first-person.js +42 -42
- package/es/components/viewer3d/viewer3d.js +198 -200
- package/es/constants.js +354 -349
- package/es/index.js +11 -7
- package/es/models.js +191 -193
- package/es/plugins/SVGLoader.js +49 -48
- package/es/plugins/autosave.js +5 -3
- package/es/plugins/console-debugger.js +7 -6
- package/es/plugins/export.js +13 -8
- package/es/plugins/keyboard.js +31 -29
- package/es/reducers/areas-reducer.js +9 -7
- package/es/reducers/export.js +37 -24
- package/es/reducers/groups-reducer.js +33 -31
- package/es/reducers/holes-reducer.js +45 -43
- package/es/reducers/items-reducer.js +108 -106
- package/es/reducers/lines-reducer.js +30 -28
- package/es/reducers/project-reducer.js +107 -105
- package/es/reducers/reducer.js +19 -16
- package/es/reducers/scene-reducer.js +17 -15
- package/es/reducers/user-reducer.js +7 -5
- package/es/reducers/vertices-reducer.js +13 -11
- package/es/reducers/viewer2d-reducer.js +20 -18
- package/es/reducers/viewer3d-reducer.js +18 -16
- package/es/shared-style.js +12 -10
- package/es/styles/export.js +6 -3
- package/es/translator/en.js +3 -1
- package/es/translator/it.js +3 -1
- package/es/translator/ru.js +3 -1
- package/es/translator/translator.js +15 -13
- package/es/utils/browser.js +5 -2
- package/es/utils/convert-units-lite.js +3 -1
- package/es/utils/email-validator.js +3 -1
- package/es/utils/export.js +29 -15
- package/es/utils/geometry.js +280 -190
- package/es/utils/get-edges-of-subgraphs.js +5 -2
- package/es/utils/graph-cycles.js +7 -8
- package/es/utils/graph-inner-cycles.js +14 -10
- package/es/utils/graph.js +13 -9
- package/es/utils/helper.js +58 -41
- package/es/utils/history.js +11 -8
- package/es/utils/id-broker.js +11 -8
- package/es/utils/logger.js +3 -1
- package/es/utils/math.js +8 -5
- package/es/utils/molding.js +146 -130
- package/es/utils/name-generator.js +9 -7
- package/es/utils/objects-utils.js +14 -7
- package/es/utils/phone-validator.js +3 -1
- package/es/utils/process-black-list.js +6 -5
- package/es/utils/react-if.js +9 -7
- package/es/utils/snap-scene.js +30 -27
- package/es/utils/snap.js +57 -53
- package/es/utils/summarizeCart.js +3 -1
- package/es/utils/threeCSG.es6.js +17 -13
- package/es/version.js +3 -1
- package/package.json +1 -1
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
2
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = Item;
|
|
5
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
6
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
7
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
+
var _rulerDist = _interopRequireDefault(require("./rulerDist"));
|
|
9
|
+
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
10
|
+
var _export = require("../../utils/export");
|
|
11
|
+
var _constants = require("../../constants");
|
|
12
|
+
var _utils = require("./utils");
|
|
9
13
|
var STYLE_LINE = {
|
|
10
14
|
fill: '#0096fd',
|
|
11
15
|
stroke: '#0096fd'
|
|
@@ -20,7 +24,7 @@ var STYLE_CIRCLE2 = {
|
|
|
20
24
|
stroke: '#0096fd',
|
|
21
25
|
cursor: 'ew-resize'
|
|
22
26
|
};
|
|
23
|
-
|
|
27
|
+
function Item(_ref, _ref2) {
|
|
24
28
|
var layer = _ref.layer,
|
|
25
29
|
item = _ref.item,
|
|
26
30
|
scene = _ref.scene,
|
|
@@ -40,12 +44,12 @@ export default function Item(_ref, _ref2) {
|
|
|
40
44
|
var allLineRects;
|
|
41
45
|
var allItemRect;
|
|
42
46
|
var width, height;
|
|
43
|
-
var _useState = useState(false),
|
|
44
|
-
_useState2 =
|
|
47
|
+
var _useState = (0, _react.useState)(false),
|
|
48
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
45
49
|
clockRotateState = _useState2[0],
|
|
46
50
|
setClockRotateState = _useState2[1];
|
|
47
|
-
var _useState3 = useState(false),
|
|
48
|
-
_useState4 =
|
|
51
|
+
var _useState3 = (0, _react.useState)(false),
|
|
52
|
+
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
49
53
|
antiClockRotateState = _useState4[0],
|
|
50
54
|
setAntiClockRotateState = _useState4[1];
|
|
51
55
|
var val = {
|
|
@@ -58,11 +62,11 @@ export default function Item(_ref, _ref2) {
|
|
|
58
62
|
var tempWidth = item.properties.get('width');
|
|
59
63
|
var tempHeight = item.properties.get('depth');
|
|
60
64
|
if (tempWidth || tempHeight) {
|
|
61
|
-
width = convert(tempWidth.get('_length')).from(tempWidth.get('_unit')).to('cm');
|
|
62
|
-
height = convert(tempHeight.get('_length')).from(tempHeight.get('_unit')).to('cm');
|
|
65
|
+
width = (0, _convertUnitsLite.convert)(tempWidth.get('_length')).from(tempWidth.get('_unit')).to('cm');
|
|
66
|
+
height = (0, _convertUnitsLite.convert)(tempHeight.get('_length')).from(tempHeight.get('_unit')).to('cm');
|
|
63
67
|
} else {
|
|
64
|
-
width = convert(element.info.sizeinfo.width).from('in').to('cm');
|
|
65
|
-
height = convert(element.info.sizeinfo.depth).from('in').to('cm');
|
|
68
|
+
width = (0, _convertUnitsLite.convert)(element.info.sizeinfo.width).from('in').to('cm');
|
|
69
|
+
height = (0, _convertUnitsLite.convert)(element.info.sizeinfo.depth).from('in').to('cm');
|
|
66
70
|
}
|
|
67
71
|
var angle = rotation + 90;
|
|
68
72
|
val.size = {
|
|
@@ -117,10 +121,10 @@ export default function Item(_ref, _ref2) {
|
|
|
117
121
|
selectedItem = layer.getIn(['items', layer.selected.items.get(0)]);
|
|
118
122
|
var catid = selectedItem.type;
|
|
119
123
|
var cat = catalog.elements[catid];
|
|
120
|
-
if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
|
|
124
|
+
if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
|
|
121
125
|
if (cat === undefined || cat === null) {
|
|
122
126
|
cat = catalog.getIn(['elements', catid]);
|
|
123
|
-
if (!cat) cat = catalog.getIn(['elements', returnReplaceableDeepSearchType(catid)]);
|
|
127
|
+
if (!cat) cat = catalog.getIn(['elements', (0, _utils.returnReplaceableDeepSearchType)(catid)]);
|
|
124
128
|
}
|
|
125
129
|
currentItem = {
|
|
126
130
|
selectedItem: selectedItem,
|
|
@@ -137,9 +141,9 @@ export default function Item(_ref, _ref2) {
|
|
|
137
141
|
};
|
|
138
142
|
var catid = item.type;
|
|
139
143
|
var cat = catalog.elements[catid];
|
|
140
|
-
if (!cat) cat = catalog.elements[returnReplaceableDeepSearchType(catid)];
|
|
141
|
-
var width = convert(item.properties.getIn(['width', '_length'])).from('in').to('cm');
|
|
142
|
-
var height = convert(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
|
|
144
|
+
if (!cat) cat = catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(catid)];
|
|
145
|
+
var width = (0, _convertUnitsLite.convert)(item.properties.getIn(['width', '_length'])).from('in').to('cm');
|
|
146
|
+
var height = (0, _convertUnitsLite.convert)(item.properties.getIn(['depth', '_length'])).from('in').to('cm');
|
|
143
147
|
// let width = cat.info.sizeinfo.width;
|
|
144
148
|
// let height = cat.info.sizeinfo.depth;
|
|
145
149
|
val.size = {
|
|
@@ -230,8 +234,8 @@ export default function Item(_ref, _ref2) {
|
|
|
230
234
|
};
|
|
231
235
|
}
|
|
232
236
|
allItemRect = getAllItems();
|
|
233
|
-
allLines = GeometryUtils.getAllLines(layer);
|
|
234
|
-
allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
|
|
237
|
+
allLines = _export.GeometryUtils.getAllLines(layer);
|
|
238
|
+
allLineRects = _export.GeometryUtils.buildRectFromLines(layer, allLines);
|
|
235
239
|
var allRect = allLineRects.concat(allItemRect.others);
|
|
236
240
|
curiteminfo = getCalcRectFromItem(val);
|
|
237
241
|
|
|
@@ -252,17 +256,17 @@ export default function Item(_ref, _ref2) {
|
|
|
252
256
|
var comparelength = [];
|
|
253
257
|
var a;
|
|
254
258
|
var RectLineFuction;
|
|
255
|
-
if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
|
|
259
|
+
if (centerpoint[1] === 180 || centerpoint[1] === 0) RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x1, center_y1);else RectLineFuction = _export.GeometryUtils.linePassingThroughTwoPoints(centerpoint[0].x, centerpoint[0].y, center_x, center_y);
|
|
256
260
|
allRect.forEach(function (linerect) {
|
|
257
|
-
var p0 = GeometryUtils.clone_point(linerect.rect[2]);
|
|
258
|
-
var p1 = GeometryUtils.clone_point(linerect.rect[3]);
|
|
261
|
+
var p0 = _export.GeometryUtils.clone_point(linerect.rect[2]);
|
|
262
|
+
var p1 = _export.GeometryUtils.clone_point(linerect.rect[3]);
|
|
259
263
|
var lineFunction = {};
|
|
260
|
-
if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
|
|
261
|
-
var coordinatePoint = GeometryUtils.twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
|
|
264
|
+
if (p0.x !== p1.x || p0.y !== p1.y) lineFunction = _export.GeometryUtils.linePassingThroughTwoPoints(p0.x, p0.y, p1.x, p1.y);
|
|
265
|
+
var coordinatePoint = _export.GeometryUtils.twoLinesIntersection(lineFunction.a, lineFunction.b, lineFunction.c, RectLineFuction.a, RectLineFuction.b, RectLineFuction.c);
|
|
262
266
|
if (coordinatePoint !== undefined) {
|
|
263
|
-
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)) {
|
|
264
|
-
if (GeometryUtils.pointsDistance(coordinatePoint.x, coordinatePoint.y, center_x, center_y) > GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y)) {
|
|
265
|
-
comparelength.push(GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
|
|
267
|
+
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)) {
|
|
268
|
+
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)) {
|
|
269
|
+
comparelength.push(_export.GeometryUtils.pointsDistance(centerpoint[0].x, centerpoint[0].y, coordinatePoint.x, coordinatePoint.y));
|
|
266
270
|
a = Math.min.apply(null, comparelength);
|
|
267
271
|
}
|
|
268
272
|
}
|
|
@@ -288,7 +292,7 @@ export default function Item(_ref, _ref2) {
|
|
|
288
292
|
var itemDistanceFromLine = element[0];
|
|
289
293
|
var length = itemDistanceFromLine;
|
|
290
294
|
if (itemDistanceFromLine > ep || itemDistanceFromLine < -ep) {
|
|
291
|
-
renderedRuler.push(/*#__PURE__*/
|
|
295
|
+
renderedRuler.push(/*#__PURE__*/_react["default"].createElement("g", {
|
|
292
296
|
"data-element-root": true,
|
|
293
297
|
"data-prototype": "rulerDist",
|
|
294
298
|
"data-id": item.id,
|
|
@@ -297,7 +301,7 @@ export default function Item(_ref, _ref2) {
|
|
|
297
301
|
key: key,
|
|
298
302
|
"data-length": length,
|
|
299
303
|
"data-direct": element[1]
|
|
300
|
-
}, /*#__PURE__*/
|
|
304
|
+
}, /*#__PURE__*/_react["default"].createElement(_rulerDist["default"], {
|
|
301
305
|
key: key,
|
|
302
306
|
layer: layer,
|
|
303
307
|
unit: scene.unit,
|
|
@@ -318,7 +322,7 @@ export default function Item(_ref, _ref2) {
|
|
|
318
322
|
var newWidth = item.toJS().properties.width.length;
|
|
319
323
|
if (item.toJS().doorStyle.doorStyles && item.toJS().doorStyle.doorStyles.cds && item.toJS().doorStyle.doorStyles.cds.filter(function (cd) {
|
|
320
324
|
return cd.itemID == item.getIn(['itemID']);
|
|
321
|
-
}).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/
|
|
325
|
+
}).length === 0 && item.category === 'cabinet') warning_buttons = /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("g", {
|
|
322
326
|
id: "warning_info_2d",
|
|
323
327
|
style: {
|
|
324
328
|
transform: "translate(0px,20px)",
|
|
@@ -333,12 +337,12 @@ export default function Item(_ref, _ref2) {
|
|
|
333
337
|
onMouseLeave: function onMouseLeave() {
|
|
334
338
|
document.getElementById('warning_box_2d').style.display = 'none';
|
|
335
339
|
}
|
|
336
|
-
}, /*#__PURE__*/
|
|
340
|
+
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
337
341
|
cx: 0,
|
|
338
342
|
cy: 0,
|
|
339
343
|
r: 8,
|
|
340
344
|
fill: "white"
|
|
341
|
-
}), /*#__PURE__*/
|
|
345
|
+
}), /*#__PURE__*/_react["default"].createElement("image", {
|
|
342
346
|
width: 15,
|
|
343
347
|
height: 15,
|
|
344
348
|
x: -7.5,
|
|
@@ -347,7 +351,7 @@ export default function Item(_ref, _ref2) {
|
|
|
347
351
|
transform: "rotate(".concat(180 - item.rotation, "deg)")
|
|
348
352
|
},
|
|
349
353
|
href: buttons[1].thumbnail
|
|
350
|
-
})), /*#__PURE__*/
|
|
354
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
351
355
|
style: {
|
|
352
356
|
cursor: 'pointer'
|
|
353
357
|
},
|
|
@@ -357,12 +361,12 @@ export default function Item(_ref, _ref2) {
|
|
|
357
361
|
"data-selected": item.selected,
|
|
358
362
|
"data-layer": layer.id,
|
|
359
363
|
"data-part": "warning_edit"
|
|
360
|
-
}, /*#__PURE__*/
|
|
364
|
+
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
361
365
|
cx: 0,
|
|
362
366
|
cy: 0,
|
|
363
367
|
r: 8,
|
|
364
368
|
fill: "white"
|
|
365
|
-
}), /*#__PURE__*/
|
|
369
|
+
}), /*#__PURE__*/_react["default"].createElement("image", {
|
|
366
370
|
width: 15,
|
|
367
371
|
height: 15,
|
|
368
372
|
x: -7.5,
|
|
@@ -372,7 +376,7 @@ export default function Item(_ref, _ref2) {
|
|
|
372
376
|
},
|
|
373
377
|
href: buttons[0].thumbnail
|
|
374
378
|
})));
|
|
375
|
-
if (item.selected) parts = [/*#__PURE__*/
|
|
379
|
+
if (item.selected) parts = [/*#__PURE__*/_react["default"].createElement("g", {
|
|
376
380
|
key: 0,
|
|
377
381
|
"data-element-root": true,
|
|
378
382
|
"data-prototype": item.prototype,
|
|
@@ -383,7 +387,7 @@ export default function Item(_ref, _ref2) {
|
|
|
383
387
|
style: {
|
|
384
388
|
cursor: 'w-resize'
|
|
385
389
|
}
|
|
386
|
-
}, /*#__PURE__*/
|
|
390
|
+
}, /*#__PURE__*/_react["default"].createElement("image", {
|
|
387
391
|
href: clockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
|
|
388
392
|
style: {
|
|
389
393
|
transform: "scale(-1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
|
|
@@ -395,9 +399,9 @@ export default function Item(_ref, _ref2) {
|
|
|
395
399
|
setAntiClockRotateState(false);
|
|
396
400
|
},
|
|
397
401
|
onMouseLeave: function onMouseLeave() {
|
|
398
|
-
return setClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
|
|
402
|
+
return setClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
|
|
399
403
|
}
|
|
400
|
-
}), /*#__PURE__*/
|
|
404
|
+
}), /*#__PURE__*/_react["default"].createElement("image", {
|
|
401
405
|
href: antiClockRotateState ? '/assets/img/svg/rotate.png' : '/assets/img/svg/blank_div.svg',
|
|
402
406
|
style: {
|
|
403
407
|
transform: "scale(1, -1) translate(".concat(width / 2, "px, ").concat(height / 2, "px) rotate(25deg)")
|
|
@@ -409,9 +413,9 @@ export default function Item(_ref, _ref2) {
|
|
|
409
413
|
setClockRotateState(false);
|
|
410
414
|
},
|
|
411
415
|
onMouseLeave: function onMouseLeave() {
|
|
412
|
-
return setAntiClockRotateState(mode === MODE_ROTATING_ITEM ? true : false);
|
|
416
|
+
return setAntiClockRotateState(mode === _constants.MODE_ROTATING_ITEM ? true : false);
|
|
413
417
|
}
|
|
414
|
-
})), /*#__PURE__*/
|
|
418
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
415
419
|
key: 1
|
|
416
420
|
// transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2 + 40})`}
|
|
417
421
|
,
|
|
@@ -425,20 +429,20 @@ export default function Item(_ref, _ref2) {
|
|
|
425
429
|
"data-selected": item.selected,
|
|
426
430
|
"data-layer": layer.id,
|
|
427
431
|
"data-part": "duplicate"
|
|
428
|
-
}, /*#__PURE__*/
|
|
432
|
+
}, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("filter", {
|
|
429
433
|
id: "shadow"
|
|
430
|
-
}, /*#__PURE__*/
|
|
434
|
+
}, /*#__PURE__*/_react["default"].createElement("feDropShadow", {
|
|
431
435
|
dx: "0",
|
|
432
436
|
dy: "0",
|
|
433
437
|
stdDeviation: "0.6"
|
|
434
|
-
}))), /*#__PURE__*/
|
|
438
|
+
}))), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
435
439
|
rx: "4",
|
|
436
440
|
ry: "4",
|
|
437
441
|
height: "22",
|
|
438
442
|
width: "22",
|
|
439
443
|
fill: "white",
|
|
440
444
|
filter: "url(#shadow)"
|
|
441
|
-
}), /*#__PURE__*/
|
|
445
|
+
}), /*#__PURE__*/_react["default"].createElement("image", {
|
|
442
446
|
href: "/assets/img/svg/duplicate.svg",
|
|
443
447
|
x: "3",
|
|
444
448
|
y: "-19",
|
|
@@ -447,7 +451,7 @@ export default function Item(_ref, _ref2) {
|
|
|
447
451
|
style: {
|
|
448
452
|
transform: 'rotateX(180deg)'
|
|
449
453
|
}
|
|
450
|
-
})), /*#__PURE__*/
|
|
454
|
+
})), /*#__PURE__*/_react["default"].createElement("g", {
|
|
451
455
|
key: 2
|
|
452
456
|
// transform={`translate(${-width / 2 - (!isSmall ? 40 : 0)},${height / 2})`}
|
|
453
457
|
,
|
|
@@ -461,14 +465,14 @@ export default function Item(_ref, _ref2) {
|
|
|
461
465
|
"data-selected": item.selected,
|
|
462
466
|
"data-layer": layer.id,
|
|
463
467
|
"data-part": "remove"
|
|
464
|
-
}, /*#__PURE__*/
|
|
468
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
465
469
|
rx: "4",
|
|
466
470
|
ry: "4",
|
|
467
471
|
height: "22",
|
|
468
472
|
width: "22",
|
|
469
473
|
fill: "white",
|
|
470
474
|
filter: "url(#shadow)"
|
|
471
|
-
}), /*#__PURE__*/
|
|
475
|
+
}), /*#__PURE__*/_react["default"].createElement("image", {
|
|
472
476
|
href: "/assets/img/svg/delete.svg",
|
|
473
477
|
x: "3",
|
|
474
478
|
y: "-19",
|
|
@@ -478,8 +482,8 @@ export default function Item(_ref, _ref2) {
|
|
|
478
482
|
transform: 'rotateX(180deg)'
|
|
479
483
|
}
|
|
480
484
|
}))];
|
|
481
|
-
var measure = item.layoutpos === WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
|
|
482
|
-
return /*#__PURE__*/
|
|
485
|
+
var measure = item.layoutpos === _constants.WALL_CABINET_LAYOUTPOS ? showWallCabinetMeasure : showBaseCabinetMeasure;
|
|
486
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
483
487
|
"data-element-root": true,
|
|
484
488
|
"data-prototype": item.prototype,
|
|
485
489
|
"data-id": item.id,
|
|
@@ -488,7 +492,7 @@ export default function Item(_ref, _ref2) {
|
|
|
488
492
|
style: item.selected ? {
|
|
489
493
|
cursor: 'move'
|
|
490
494
|
} : {}
|
|
491
|
-
}, renderedItem, /*#__PURE__*/
|
|
495
|
+
}, renderedItem, /*#__PURE__*/_react["default"].createElement("g", {
|
|
492
496
|
transform: "translate(".concat(x, ",").concat(y, ") rotate(").concat(rotation, ")"),
|
|
493
497
|
style: {
|
|
494
498
|
cursor: 'initial'
|
|
@@ -496,11 +500,11 @@ export default function Item(_ref, _ref2) {
|
|
|
496
500
|
}, measure ? renderedRuler : null, parts, warning_buttons));
|
|
497
501
|
}
|
|
498
502
|
Item.propTypes = {
|
|
499
|
-
item:
|
|
500
|
-
layer:
|
|
501
|
-
scene:
|
|
502
|
-
catalog:
|
|
503
|
+
item: _propTypes["default"].object.isRequired,
|
|
504
|
+
layer: _propTypes["default"].object.isRequired,
|
|
505
|
+
scene: _propTypes["default"].object.isRequired,
|
|
506
|
+
catalog: _propTypes["default"].object.isRequired
|
|
503
507
|
};
|
|
504
508
|
Item.contextTypes = {
|
|
505
|
-
itemsActions:
|
|
509
|
+
itemsActions: _propTypes["default"].object.isRequired
|
|
506
510
|
};
|
|
@@ -1,9 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports["default"] = Layer;
|
|
4
|
+
var _react = _interopRequireDefault(require("react"));
|
|
5
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
6
|
+
var _export = require("./export");
|
|
7
|
+
var _export2 = require("../../utils/export");
|
|
8
|
+
var _constants = require("../../constants");
|
|
9
|
+
var _utils = require("./utils");
|
|
7
10
|
var STYLE = {
|
|
8
11
|
stroke: '#494949',
|
|
9
12
|
strokeWidth: 1,
|
|
@@ -26,7 +29,7 @@ var HINT_STYLE_TEXT = {
|
|
|
26
29
|
fontWeight: 'bold',
|
|
27
30
|
fill: '1a75ff'
|
|
28
31
|
};
|
|
29
|
-
|
|
32
|
+
function Layer(_ref) {
|
|
30
33
|
var layer = _ref.layer,
|
|
31
34
|
scene = _ref.scene,
|
|
32
35
|
catalog = _ref.catalog,
|
|
@@ -44,8 +47,8 @@ export default function Layer(_ref) {
|
|
|
44
47
|
opacity = layer.opacity;
|
|
45
48
|
var allLines;
|
|
46
49
|
var allLineRects;
|
|
47
|
-
allLines = GeometryUtils.getAllLines(layer);
|
|
48
|
-
allLineRects = GeometryUtils.buildRectFromLines(layer, allLines);
|
|
50
|
+
allLines = _export2.GeometryUtils.getAllLines(layer);
|
|
51
|
+
allLineRects = _export2.GeometryUtils.buildRectFromLines(layer, allLines);
|
|
49
52
|
var hintVertex = {
|
|
50
53
|
x: 0,
|
|
51
54
|
y: 0
|
|
@@ -76,7 +79,7 @@ export default function Layer(_ref) {
|
|
|
76
79
|
items.valueSeq().filter(function (a) {
|
|
77
80
|
return a.selected === true;
|
|
78
81
|
}).forEach(function (item) {
|
|
79
|
-
itemSelected.push(/*#__PURE__*/
|
|
82
|
+
itemSelected.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
|
|
80
83
|
key: item.id,
|
|
81
84
|
layer: layer,
|
|
82
85
|
item: item,
|
|
@@ -86,8 +89,8 @@ export default function Layer(_ref) {
|
|
|
86
89
|
}));
|
|
87
90
|
});
|
|
88
91
|
items.valueSeq().forEach(function (item) {
|
|
89
|
-
if (item.layoutpos !== WALL_CABINET_LAYOUTPOS) {
|
|
90
|
-
if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[returnReplaceableDeepSearchType(item.type)]) itemData.push(/*#__PURE__*/
|
|
92
|
+
if (item.layoutpos !== _constants.WALL_CABINET_LAYOUTPOS) {
|
|
93
|
+
if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)]) itemData.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
|
|
91
94
|
key: item.id,
|
|
92
95
|
layer: layer,
|
|
93
96
|
item: item,
|
|
@@ -101,8 +104,8 @@ export default function Layer(_ref) {
|
|
|
101
104
|
items.valueSeq().filter(function (a) {
|
|
102
105
|
return a.selected === false;
|
|
103
106
|
}).forEach(function (item) {
|
|
104
|
-
if (item.layoutpos === WALL_CABINET_LAYOUTPOS) {
|
|
105
|
-
if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[returnReplaceableDeepSearchType(item.type)]) itemWall.push(/*#__PURE__*/
|
|
107
|
+
if (item.layoutpos === _constants.WALL_CABINET_LAYOUTPOS) {
|
|
108
|
+
if (catalog.elements.hasOwnProperty(item.type) || !catalog.elements[item.type] && !!catalog.elements[(0, _utils.returnReplaceableDeepSearchType)(item.type)]) itemWall.push(/*#__PURE__*/_react["default"].createElement(_export.Item, {
|
|
106
109
|
key: item.id,
|
|
107
110
|
layer: layer,
|
|
108
111
|
item: item,
|
|
@@ -117,7 +120,7 @@ export default function Layer(_ref) {
|
|
|
117
120
|
lines.sort(function compare(a, b) {
|
|
118
121
|
return a.createdDateTime - b.createdDateTime;
|
|
119
122
|
}).valueSeq().forEach(function (line) {
|
|
120
|
-
lineData.push(/*#__PURE__*/
|
|
123
|
+
lineData.push(/*#__PURE__*/_react["default"].createElement(_export.Line, {
|
|
121
124
|
key: line.id,
|
|
122
125
|
layer: layer,
|
|
123
126
|
line: line,
|
|
@@ -127,20 +130,20 @@ export default function Layer(_ref) {
|
|
|
127
130
|
relatedLines: relatedLines
|
|
128
131
|
}));
|
|
129
132
|
});
|
|
130
|
-
return /*#__PURE__*/
|
|
133
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
131
134
|
opacity: opacity
|
|
132
135
|
}, areas.valueSeq().map(function (area) {
|
|
133
|
-
return /*#__PURE__*/
|
|
136
|
+
return /*#__PURE__*/_react["default"].createElement(_export.Area, {
|
|
134
137
|
key: area.id,
|
|
135
138
|
layer: layer,
|
|
136
139
|
area: area,
|
|
137
140
|
unit: unit,
|
|
138
141
|
catalog: catalog
|
|
139
142
|
});
|
|
140
|
-
}), lineData, itemData, itemWall, itemSelected, mode !== MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
|
|
143
|
+
}), lineData, itemData, itemWall, itemSelected, mode !== _constants.MODE_DRAWING_LINE && vertices.valueSeq().filter(function (v) {
|
|
141
144
|
return v.selected;
|
|
142
145
|
}).map(function (vertex) {
|
|
143
|
-
return /*#__PURE__*/
|
|
146
|
+
return /*#__PURE__*/_react["default"].createElement(_export.Vertex, {
|
|
144
147
|
key: vertex.id,
|
|
145
148
|
layer: layer,
|
|
146
149
|
vertex: vertex
|
|
@@ -148,7 +151,7 @@ export default function Layer(_ref) {
|
|
|
148
151
|
}), groups.valueSeq().filter(function (g) {
|
|
149
152
|
return g.hasIn(['elements', layerID]) && g.get('selected');
|
|
150
153
|
}).map(function (group) {
|
|
151
|
-
return /*#__PURE__*/
|
|
154
|
+
return /*#__PURE__*/_react["default"].createElement(_export.Group, {
|
|
152
155
|
key: group.get('id'),
|
|
153
156
|
layer: layer,
|
|
154
157
|
group: group,
|
|
@@ -158,7 +161,7 @@ export default function Layer(_ref) {
|
|
|
158
161
|
}));
|
|
159
162
|
}
|
|
160
163
|
Layer.propTypes = {
|
|
161
|
-
layer:
|
|
162
|
-
scene:
|
|
163
|
-
catalog:
|
|
164
|
+
layer: _propTypes["default"].object.isRequired,
|
|
165
|
+
scene: _propTypes["default"].object.isRequired,
|
|
166
|
+
catalog: _propTypes["default"].object.isRequired
|
|
164
167
|
};
|