kitchen-simulator 1.1.1-test.70 → 1.1.1-test.71
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 +2 -8
- package/es/AppContext.js +3 -8
- package/es/KitchenConfigurator.js +70 -77
- package/es/KitchenConfiguratorApp.js +98 -105
- package/es/actions/area-actions.js +5 -10
- package/es/actions/export.js +12 -27
- package/es/actions/groups-actions.js +27 -43
- package/es/actions/holes-actions.js +34 -53
- package/es/actions/items-actions.js +94 -143
- package/es/actions/lines-actions.js +21 -34
- package/es/actions/project-actions.js +94 -143
- package/es/actions/scene-actions.js +11 -19
- package/es/actions/vertices-actions.js +7 -13
- package/es/actions/viewer2d-actions.js +21 -34
- package/es/actions/viewer3d-actions.js +9 -16
- package/es/catalog/areas/area/planner-element.js +2 -7
- package/es/catalog/catalog.js +15 -19
- package/es/catalog/factories/area-factory-3d.js +22 -29
- package/es/catalog/factories/area-factory.js +11 -18
- package/es/catalog/factories/export.js +6 -12
- package/es/catalog/factories/wall-factory-3d.js +31 -39
- package/es/catalog/factories/wall-factory.js +21 -29
- package/es/catalog/holes/door-closet/planner-element.js +15 -22
- package/es/catalog/holes/door-double/planner-element.js +15 -22
- package/es/catalog/holes/door-exterior/planner-element.js +16 -23
- package/es/catalog/holes/door-interior/planner-element.js +16 -23
- package/es/catalog/holes/door-panic/planner-element.js +7 -14
- package/es/catalog/holes/door-panic-double/planner-element.js +15 -22
- package/es/catalog/holes/door-sliding/planner-element.js +16 -23
- package/es/catalog/holes/doorway-framed/planner-element.js +11 -18
- package/es/catalog/holes/doorway-frameless/planner-element.js +7 -14
- package/es/catalog/holes/export.js +13 -31
- package/es/catalog/holes/window-clear/planner-element.js +10 -17
- package/es/catalog/holes/window-cross/planner-element.js +10 -17
- package/es/catalog/holes/window-double-hung/planner-element.js +10 -17
- package/es/catalog/holes/window-vertical/planner-element.js +10 -17
- package/es/catalog/lines/wall/planner-element.js +2 -7
- package/es/catalog/molding/molding-dcm/planner-element.js +5 -12
- package/es/catalog/molding/molding-fbm/planner-element.js +5 -12
- package/es/catalog/molding/molding-lrm/planner-element.js +5 -12
- package/es/catalog/properties/export.js +20 -33
- package/es/catalog/properties/property-checkbox.js +24 -29
- package/es/catalog/properties/property-color.js +16 -21
- package/es/catalog/properties/property-enum.js +24 -29
- package/es/catalog/properties/property-hidden.js +9 -14
- package/es/catalog/properties/property-lenght-measure.js +38 -43
- package/es/catalog/properties/property-length-measure.js +36 -41
- package/es/catalog/properties/property-length-measure_hole.js +38 -43
- package/es/catalog/properties/property-number.js +17 -22
- package/es/catalog/properties/property-read-only.js +16 -21
- package/es/catalog/properties/property-string.js +16 -21
- package/es/catalog/properties/property-toggle.js +16 -21
- package/es/catalog/properties/shared-property-style.js +1 -5
- package/es/catalog/utils/FuseUtils.js +8 -13
- package/es/catalog/utils/exporter.js +8 -13
- package/es/catalog/utils/geom-utils.js +13 -27
- package/es/catalog/utils/item-loader.js +84 -95
- package/es/catalog/utils/load-obj.js +20 -26
- package/es/catalog/utils/mtl-loader.js +3 -6
- package/es/catalog/utils/obj-loader.js +3 -6
- package/es/class/FuseUtils.js +8 -13
- package/es/class/area.js +22 -26
- package/es/class/export.js +23 -38
- package/es/class/group.js +53 -57
- package/es/class/guide.js +15 -19
- package/es/class/hole.js +83 -87
- package/es/class/item.js +141 -145
- package/es/class/layer.js +59 -63
- package/es/class/line.js +135 -141
- package/es/class/project.js +90 -96
- package/es/class/vertex.js +29 -33
- package/es/components/content.js +19 -26
- package/es/components/disclaimer/disclaimer.js +10 -16
- package/es/components/export.js +8 -15
- package/es/components/style/button.js +23 -29
- package/es/components/style/cancel-button.js +7 -12
- package/es/components/style/content-container.js +9 -14
- package/es/components/style/content-title.js +11 -18
- package/es/components/style/delete-button.js +8 -15
- package/es/components/style/export.js +30 -48
- package/es/components/style/form-block.js +8 -13
- package/es/components/style/form-color-input.js +7 -12
- package/es/components/style/form-label.js +8 -13
- package/es/components/style/form-number-input.js +41 -47
- package/es/components/style/form-number-input_2.js +36 -42
- package/es/components/style/form-select.js +17 -22
- package/es/components/style/form-slider.js +10 -15
- package/es/components/style/form-submit-button.js +8 -15
- package/es/components/style/form-text-input.js +26 -32
- package/es/components/viewer2d/area.js +17 -22
- package/es/components/viewer2d/export.js +30 -48
- package/es/components/viewer2d/grids/grid-horizontal-streak.js +10 -15
- package/es/components/viewer2d/grids/grid-streak.js +10 -15
- package/es/components/viewer2d/grids/grid-vertical-streak.js +10 -15
- package/es/components/viewer2d/grids/grids.js +10 -17
- package/es/components/viewer2d/group.js +15 -22
- package/es/components/viewer2d/item.js +61 -68
- package/es/components/viewer2d/layer.js +23 -28
- package/es/components/viewer2d/line.js +101 -109
- package/es/components/viewer2d/ruler.js +22 -27
- package/es/components/viewer2d/rulerDist.js +21 -26
- package/es/components/viewer2d/rulerX.js +39 -45
- package/es/components/viewer2d/rulerY.js +37 -43
- package/es/components/viewer2d/scene.js +30 -36
- package/es/components/viewer2d/snap.js +13 -20
- package/es/components/viewer2d/state.js +18 -25
- package/es/components/viewer2d/utils.js +24 -35
- package/es/components/viewer2d/vertex.js +8 -15
- package/es/components/viewer2d/viewer2d.js +153 -161
- package/es/components/viewer3d/camera-controls-module/camera-controls.module.js +17 -21
- package/es/components/viewer3d/dcm.js +1 -5
- package/es/components/viewer3d/fbm.js +1 -5
- package/es/components/viewer3d/front3D.js +12 -19
- package/es/components/viewer3d/grid-creator.js +8 -15
- package/es/components/viewer3d/grids/grid-horizontal-streak.js +6 -12
- package/es/components/viewer3d/grids/grid-streak.js +5 -11
- package/es/components/viewer3d/grids/grid-vertical-streak.js +6 -12
- package/es/components/viewer3d/libs/first-person-controls.js +2 -7
- package/es/components/viewer3d/libs/helvetiker_regular.typeface.js +1 -5
- package/es/components/viewer3d/libs/mtl-loader.js +1 -5
- package/es/components/viewer3d/libs/obj-loader.js +1 -5
- package/es/components/viewer3d/libs/orbit-controls.js +2 -6
- package/es/components/viewer3d/libs/pointer-lock-controls.js +2 -6
- package/es/components/viewer3d/lrm.js +1 -5
- package/es/components/viewer3d/model.js +1 -5
- package/es/components/viewer3d/pointer-lock-navigation.js +3 -8
- package/es/components/viewer3d/ruler-utils/itemRect.js +18 -23
- package/es/components/viewer3d/ruler-utils/layer3D.js +59 -64
- package/es/components/viewer3d/ruler-utils/ruler3D.js +39 -44
- package/es/components/viewer3d/ruler-utils/scene3D.js +9 -15
- package/es/components/viewer3d/ruler-utils/state3D.js +4 -9
- package/es/components/viewer3d/scene-creator.js +191 -224
- package/es/components/viewer3d/three-memory-cleaner.js +3 -10
- package/es/components/viewer3d/viewer3d-first-person.js +40 -44
- package/es/components/viewer3d/viewer3d.js +196 -200
- package/es/constants.js +349 -356
- package/es/index.js +7 -13
- package/es/models.js +177 -182
- package/es/plugins/SVGLoader.js +48 -51
- package/es/plugins/autosave.js +3 -7
- package/es/plugins/console-debugger.js +5 -10
- package/es/plugins/export.js +8 -15
- package/es/plugins/keyboard.js +29 -33
- package/es/reducers/areas-reducer.js +7 -11
- package/es/reducers/export.js +24 -39
- package/es/reducers/groups-reducer.js +31 -35
- package/es/reducers/holes-reducer.js +43 -47
- package/es/reducers/items-reducer.js +106 -110
- package/es/reducers/lines-reducer.js +28 -32
- package/es/reducers/project-reducer.js +105 -109
- package/es/reducers/reducer.js +16 -21
- package/es/reducers/scene-reducer.js +15 -19
- package/es/reducers/user-reducer.js +5 -9
- package/es/reducers/vertices-reducer.js +11 -15
- package/es/reducers/viewer2d-reducer.js +18 -22
- package/es/reducers/viewer3d-reducer.js +16 -20
- package/es/shared-style.js +10 -14
- package/es/styles/export.js +3 -9
- package/es/translator/en.js +1 -5
- package/es/translator/it.js +1 -5
- package/es/translator/ru.js +1 -5
- package/es/translator/translator.js +13 -17
- package/es/utils/browser.js +2 -7
- package/es/utils/convert-units-lite.js +1 -5
- package/es/utils/email-validator.js +1 -5
- package/es/utils/export.js +15 -32
- package/es/utils/geometry.js +181 -276
- package/es/utils/get-edges-of-subgraphs.js +2 -7
- package/es/utils/graph-cycles.js +8 -9
- package/es/utils/graph-inner-cycles.js +10 -16
- package/es/utils/graph.js +9 -15
- package/es/utils/helper.js +39 -61
- package/es/utils/history.js +8 -13
- package/es/utils/id-broker.js +8 -13
- package/es/utils/logger.js +1 -5
- package/es/utils/math.js +5 -10
- package/es/utils/molding.js +119 -142
- package/es/utils/name-generator.js +7 -11
- package/es/utils/objects-utils.js +7 -17
- package/es/utils/phone-validator.js +1 -5
- package/es/utils/process-black-list.js +3 -8
- package/es/utils/react-if.js +6 -10
- package/es/utils/snap-scene.js +27 -32
- package/es/utils/snap.js +45 -57
- package/es/utils/summarizeCart.js +1 -5
- package/es/utils/threeCSG.es6.js +13 -20
- package/es/version.js +1 -5
- package/package.json +1 -1
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
var _react = _interopRequireDefault(require("react"));
|
|
7
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
-
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
9
|
-
var _idBroker = _interopRequireDefault(require("../../utils/id-broker"));
|
|
10
|
-
var _constants = require("../../constants");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { convert } from "../../utils/convert-units-lite";
|
|
4
|
+
import IDBroker from "../../utils/id-broker";
|
|
5
|
+
import { LINE_THICKNESS, TEXT_COLOR_NEUTRAL_7 } from "../../constants";
|
|
11
6
|
var STYLE = {
|
|
12
|
-
stroke:
|
|
7
|
+
stroke: TEXT_COLOR_NEUTRAL_7,
|
|
13
8
|
strokeWidth: '1px'
|
|
14
9
|
};
|
|
15
10
|
var BACKGROUNDSTYLE = {
|
|
@@ -27,7 +22,7 @@ var STYLE_TEXT = {
|
|
|
27
22
|
MsUserSelect: 'none' /* Internet Explorer/Edge */,
|
|
28
23
|
userSelect: 'none'
|
|
29
24
|
};
|
|
30
|
-
function Ruler(_ref) {
|
|
25
|
+
export default function Ruler(_ref) {
|
|
31
26
|
var layer = _ref.layer,
|
|
32
27
|
length = _ref.length,
|
|
33
28
|
unit = _ref.unit,
|
|
@@ -40,11 +35,11 @@ function Ruler(_ref) {
|
|
|
40
35
|
if (type === 0) {
|
|
41
36
|
merged = value.merge({
|
|
42
37
|
_length: newLength,
|
|
43
|
-
length:
|
|
38
|
+
length: convert(newLength).from(unitInput).to('cm')
|
|
44
39
|
});
|
|
45
40
|
} else {
|
|
46
41
|
merged = value.merge({
|
|
47
|
-
_length:
|
|
42
|
+
_length: convert(newLength).from(UNIT_INCH).to(unitInput),
|
|
48
43
|
_unit: unitInput
|
|
49
44
|
});
|
|
50
45
|
}
|
|
@@ -57,19 +52,19 @@ function Ruler(_ref) {
|
|
|
57
52
|
};
|
|
58
53
|
// let _unit = "in";
|
|
59
54
|
// let distanceText = convert(length).from(unit).to(rulerUnit);
|
|
60
|
-
var distanceText =
|
|
61
|
-
var thickness =
|
|
55
|
+
var distanceText = convert(length).from(unit).to(rulerUnit).toFixed(0);
|
|
56
|
+
var thickness = convert(LINE_THICKNESS).from(unit).to(rulerUnit).toFixed(0);
|
|
62
57
|
// let _ft_len = convert(_length).from('in').to('ft');
|
|
63
58
|
// let _ft_val = Math.floor(_ft_len); _ft_len -= _ft_val;
|
|
64
59
|
// let _in_val = convert(_ft_len).from('ft').to('in').toFixed(0);
|
|
65
60
|
// let distanceText = `${_ft_val}'${_in_val}"`;
|
|
66
61
|
var textLength = (distanceText.length + layer.unit.length) * 18;
|
|
67
|
-
return /*#__PURE__*/
|
|
62
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
68
63
|
transform: transform
|
|
69
|
-
}, /*#__PURE__*/
|
|
64
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
70
65
|
id: "ruler"
|
|
71
|
-
}, /*#__PURE__*/
|
|
72
|
-
id: "ruler_rect_".concat(
|
|
66
|
+
}, /*#__PURE__*/React.createElement("rect", {
|
|
67
|
+
id: "ruler_rect_".concat(IDBroker.acquireID()),
|
|
73
68
|
style: BACKGROUNDSTYLE,
|
|
74
69
|
x: length / 2 - textLength / 2,
|
|
75
70
|
y: "-10",
|
|
@@ -77,19 +72,19 @@ function Ruler(_ref) {
|
|
|
77
72
|
height: "22",
|
|
78
73
|
rx: "1",
|
|
79
74
|
ry: "0.39"
|
|
80
|
-
}), /*#__PURE__*/
|
|
75
|
+
}), /*#__PURE__*/React.createElement("text", {
|
|
81
76
|
x: length / 2,
|
|
82
77
|
y: "3",
|
|
83
78
|
transform: "scale(1, -1)",
|
|
84
79
|
style: STYLE_TEXT,
|
|
85
|
-
fill:
|
|
86
|
-
}, Math.round(
|
|
80
|
+
fill: TEXT_COLOR_NEUTRAL_7
|
|
81
|
+
}, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit === 'in' ? '"' : layer.unit)), /*#__PURE__*/React.createElement("line", {
|
|
87
82
|
x1: "0",
|
|
88
83
|
y1: "0",
|
|
89
84
|
x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
|
|
90
85
|
y2: "0",
|
|
91
86
|
style: STYLE
|
|
92
|
-
}), /*#__PURE__*/
|
|
87
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
93
88
|
x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
|
|
94
89
|
y1: "0",
|
|
95
90
|
x2: length,
|
|
@@ -98,7 +93,7 @@ function Ruler(_ref) {
|
|
|
98
93
|
}));
|
|
99
94
|
}
|
|
100
95
|
Ruler.propTypes = {
|
|
101
|
-
length:
|
|
102
|
-
unit:
|
|
103
|
-
transform:
|
|
96
|
+
length: PropTypes.number.isRequired,
|
|
97
|
+
unit: PropTypes.string.isRequired,
|
|
98
|
+
transform: PropTypes.string.isRequired
|
|
104
99
|
};
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
exports.__esModule = true;
|
|
5
|
-
exports["default"] = RulerDist;
|
|
6
|
-
var _react = _interopRequireDefault(require("react"));
|
|
7
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
8
|
-
var _convertUnitsLite = require("../../utils/convert-units-lite");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { convert } from "../../utils/convert-units-lite";
|
|
9
4
|
var ARROW_STYLE = {
|
|
10
5
|
stroke: '#1183B7',
|
|
11
6
|
strokeWidth: '2px',
|
|
@@ -26,7 +21,7 @@ var STYLE_TEXT = {
|
|
|
26
21
|
MsUserSelect: 'none' /* Internet Explorer/Edge */,
|
|
27
22
|
userSelect: 'none'
|
|
28
23
|
};
|
|
29
|
-
function RulerDist(_ref) {
|
|
24
|
+
export default function RulerDist(_ref) {
|
|
30
25
|
var layer = _ref.layer,
|
|
31
26
|
length = _ref.length,
|
|
32
27
|
unit = _ref.unit,
|
|
@@ -36,7 +31,7 @@ function RulerDist(_ref) {
|
|
|
36
31
|
rotation = _ref.rotation;
|
|
37
32
|
var _unit = 'in';
|
|
38
33
|
// let _length = convert(length).from(unit).to(rulerUnit);
|
|
39
|
-
var distanceText = "".concat(
|
|
34
|
+
var distanceText = "".concat(convert(length).from('cm').to(rulerUnit).toFixed(0));
|
|
40
35
|
var textLength = (distanceText.length + layer.unit.length) * 18;
|
|
41
36
|
var textangle = angle + 90;
|
|
42
37
|
var textRotation = 1;
|
|
@@ -71,35 +66,35 @@ function RulerDist(_ref) {
|
|
|
71
66
|
}
|
|
72
67
|
if (Math.abs(length - textLength) / 2 <= 16) {
|
|
73
68
|
var dy = textRotation == 0 ? 15 : -15;
|
|
74
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
75
70
|
transform: transform
|
|
76
|
-
}, /*#__PURE__*/
|
|
71
|
+
}, /*#__PURE__*/React.createElement("g", {
|
|
77
72
|
transform: "translate(0, ".concat(dy, ")")
|
|
78
|
-
}, /*#__PURE__*/
|
|
73
|
+
}, /*#__PURE__*/React.createElement("text", {
|
|
79
74
|
x: "0",
|
|
80
75
|
y: "0",
|
|
81
76
|
transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
|
|
82
77
|
style: STYLE_TEXT
|
|
83
|
-
}, Math.round(
|
|
78
|
+
}, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
|
|
84
79
|
cx: "1",
|
|
85
80
|
cy: "0",
|
|
86
81
|
fill: "white",
|
|
87
82
|
r: "1.1",
|
|
88
83
|
stroke: "black",
|
|
89
84
|
strokeWidth: "0.6"
|
|
90
|
-
}), /*#__PURE__*/
|
|
85
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
91
86
|
x1: "2",
|
|
92
87
|
y1: "0",
|
|
93
88
|
x2: (length - textLength) / 2 < 0 ? 0 : length,
|
|
94
89
|
y2: "0",
|
|
95
90
|
style: STYLE
|
|
96
|
-
}), /*#__PURE__*/
|
|
91
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
97
92
|
x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
|
|
98
93
|
y1: "0",
|
|
99
94
|
x2: length,
|
|
100
95
|
y2: "0",
|
|
101
96
|
style: STYLE
|
|
102
|
-
}), /*#__PURE__*/
|
|
97
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
103
98
|
cx: length - 1,
|
|
104
99
|
cy: "0",
|
|
105
100
|
fill: "white",
|
|
@@ -108,33 +103,33 @@ function RulerDist(_ref) {
|
|
|
108
103
|
strokeWidth: "0.6"
|
|
109
104
|
}));
|
|
110
105
|
} else {
|
|
111
|
-
return /*#__PURE__*/
|
|
106
|
+
return /*#__PURE__*/React.createElement("g", {
|
|
112
107
|
transform: transform
|
|
113
|
-
}, /*#__PURE__*/
|
|
108
|
+
}, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("text", {
|
|
114
109
|
x: "0",
|
|
115
110
|
y: "0",
|
|
116
111
|
transform: "translate(".concat(length / 2, ",").concat(ay, ") scale(1, -1) rotate(").concat(textRotation, ")"),
|
|
117
112
|
style: STYLE_TEXT
|
|
118
|
-
}, Math.round(
|
|
113
|
+
}, Math.round(convert(distanceText).from('in').to(layer.unit) * 100) / 100, layer.unit)), /*#__PURE__*/React.createElement("circle", {
|
|
119
114
|
cx: "1",
|
|
120
115
|
cy: "0",
|
|
121
116
|
fill: "white",
|
|
122
117
|
r: "1.1",
|
|
123
118
|
stroke: "black",
|
|
124
119
|
strokeWidth: "0.6"
|
|
125
|
-
}), /*#__PURE__*/
|
|
120
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
126
121
|
x1: "2",
|
|
127
122
|
y1: "0",
|
|
128
123
|
x2: (length - textLength) / 2 < 0 ? 0 : (length - textLength) / 2,
|
|
129
124
|
y2: "0",
|
|
130
125
|
style: STYLE
|
|
131
|
-
}), /*#__PURE__*/
|
|
126
|
+
}), /*#__PURE__*/React.createElement("line", {
|
|
132
127
|
x1: (length + textLength) / 2 < 0 ? 0 : (length + textLength) / 2 < length ? (length + textLength) / 2 : length,
|
|
133
128
|
y1: "0",
|
|
134
129
|
x2: length,
|
|
135
130
|
y2: "0",
|
|
136
131
|
style: STYLE
|
|
137
|
-
}), /*#__PURE__*/
|
|
132
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
|
138
133
|
cx: length - 1,
|
|
139
134
|
cy: "0",
|
|
140
135
|
fill: "white",
|
|
@@ -145,7 +140,7 @@ function RulerDist(_ref) {
|
|
|
145
140
|
}
|
|
146
141
|
}
|
|
147
142
|
RulerDist.propTypes = {
|
|
148
|
-
length:
|
|
149
|
-
unit:
|
|
150
|
-
transform:
|
|
143
|
+
length: PropTypes.number.isRequired,
|
|
144
|
+
unit: PropTypes.string.isRequired,
|
|
145
|
+
transform: PropTypes.string.isRequired
|
|
151
146
|
};
|
|
@@ -1,30 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
10
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
|
11
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
13
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
16
|
-
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); }
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
17
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (
|
|
19
|
-
function _callSuper(t, o, e) { return o = (
|
|
8
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
20
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21
|
-
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import * as SharedStyle from "../../shared-style";
|
|
14
|
+
var RulerX = /*#__PURE__*/function (_Component) {
|
|
22
15
|
function RulerX(props, context) {
|
|
23
|
-
(
|
|
16
|
+
_classCallCheck(this, RulerX);
|
|
24
17
|
return _callSuper(this, RulerX, [props, context]);
|
|
25
18
|
}
|
|
26
|
-
(
|
|
27
|
-
return (
|
|
19
|
+
_inherits(RulerX, _Component);
|
|
20
|
+
return _createClass(RulerX, [{
|
|
28
21
|
key: "render",
|
|
29
22
|
value: function render() {
|
|
30
23
|
var elementW = this.props.unitPixelSize * this.props.zoom;
|
|
@@ -82,7 +75,7 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
82
75
|
var positiveDomElements = [];
|
|
83
76
|
if (elementW <= 200) {
|
|
84
77
|
for (var x = 0; x < this.props.positiveUnitsNumber; x++) {
|
|
85
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
78
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
86
79
|
key: x,
|
|
87
80
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
88
81
|
gridColumn: x + 1,
|
|
@@ -93,51 +86,52 @@ var RulerX = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
93
86
|
} else if (elementW > 200) {
|
|
94
87
|
for (var _x = 0; _x < this.props.positiveUnitsNumber; _x++) {
|
|
95
88
|
var val = _x * 100;
|
|
96
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
89
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
97
90
|
key: _x,
|
|
98
91
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
99
92
|
gridColumn: _x + 1,
|
|
100
93
|
gridRow: 1
|
|
101
94
|
})
|
|
102
|
-
}, /*#__PURE__*/
|
|
95
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
103
96
|
style: insideElementsStyle
|
|
104
|
-
}, val), /*#__PURE__*/
|
|
97
|
+
}, val), /*#__PURE__*/React.createElement("div", {
|
|
105
98
|
style: insideElementsStyle
|
|
106
|
-
}, val + 1 * 20), /*#__PURE__*/
|
|
99
|
+
}, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
|
|
107
100
|
style: insideElementsStyle
|
|
108
|
-
}, val + 2 * 20), /*#__PURE__*/
|
|
101
|
+
}, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
|
|
109
102
|
style: insideElementsStyle
|
|
110
|
-
}, val + 3 * 20), /*#__PURE__*/
|
|
103
|
+
}, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
|
|
111
104
|
style: insideElementsStyle
|
|
112
105
|
}, val + 4 * 20)));
|
|
113
106
|
}
|
|
114
107
|
}
|
|
115
|
-
return /*#__PURE__*/
|
|
108
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
116
109
|
style: rulerStyle
|
|
117
|
-
}, /*#__PURE__*/
|
|
110
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
118
111
|
id: "horizontalMarker",
|
|
119
112
|
style: markerStyle
|
|
120
|
-
}), /*#__PURE__*/
|
|
113
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
121
114
|
id: "negativeRuler",
|
|
122
115
|
style: negativeRulerContainer
|
|
123
|
-
}), /*#__PURE__*/
|
|
116
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
124
117
|
id: "positiveRuler",
|
|
125
118
|
style: positiveRulerContainer
|
|
126
119
|
}, positiveDomElements));
|
|
127
120
|
}
|
|
128
121
|
}]);
|
|
129
|
-
}(
|
|
122
|
+
}(Component);
|
|
123
|
+
export { RulerX as default };
|
|
130
124
|
RulerX.propTypes = {
|
|
131
|
-
unitPixelSize:
|
|
132
|
-
positiveUnitsNumber:
|
|
133
|
-
negativeUnitsNumber:
|
|
134
|
-
zoom:
|
|
135
|
-
mouseX:
|
|
136
|
-
width:
|
|
137
|
-
zeroLeftPosition:
|
|
138
|
-
backgroundColor:
|
|
139
|
-
fontColor:
|
|
140
|
-
markerColor:
|
|
125
|
+
unitPixelSize: PropTypes.number.isRequired,
|
|
126
|
+
positiveUnitsNumber: PropTypes.number,
|
|
127
|
+
negativeUnitsNumber: PropTypes.number,
|
|
128
|
+
zoom: PropTypes.number.isRequired,
|
|
129
|
+
mouseX: PropTypes.number.isRequired,
|
|
130
|
+
width: PropTypes.number.isRequired,
|
|
131
|
+
zeroLeftPosition: PropTypes.number.isRequired,
|
|
132
|
+
backgroundColor: PropTypes.string,
|
|
133
|
+
fontColor: PropTypes.string,
|
|
134
|
+
markerColor: PropTypes.string
|
|
141
135
|
};
|
|
142
136
|
RulerX.defaultProps = {
|
|
143
137
|
positiveUnitsNumber: 50,
|
|
@@ -147,5 +141,5 @@ RulerX.defaultProps = {
|
|
|
147
141
|
markerColor: SharedStyle.SECONDARY_COLOR.main
|
|
148
142
|
};
|
|
149
143
|
RulerX.contextTypes = {
|
|
150
|
-
translator:
|
|
144
|
+
translator: PropTypes.object.isRequired
|
|
151
145
|
};
|
|
@@ -1,30 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
|
|
8
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
9
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
10
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
|
11
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
|
12
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
13
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
var SharedStyle = _interopRequireWildcard(require("../../shared-style"));
|
|
16
|
-
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); }
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
3
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
4
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
5
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
6
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
17
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (
|
|
19
|
-
function _callSuper(t, o, e) { return o = (
|
|
8
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
20
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21
|
-
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import * as SharedStyle from "../../shared-style";
|
|
14
|
+
var RulerY = /*#__PURE__*/function (_Component) {
|
|
22
15
|
function RulerY(props, context) {
|
|
23
|
-
(
|
|
16
|
+
_classCallCheck(this, RulerY);
|
|
24
17
|
return _callSuper(this, RulerY, [props, context]);
|
|
25
18
|
}
|
|
26
|
-
(
|
|
27
|
-
return (
|
|
19
|
+
_inherits(RulerY, _Component);
|
|
20
|
+
return _createClass(RulerY, [{
|
|
28
21
|
key: "render",
|
|
29
22
|
value: function render() {
|
|
30
23
|
var elementH = this.props.unitPixelSize * this.props.zoom;
|
|
@@ -86,7 +79,7 @@ var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
86
79
|
var positiveDomElements = [];
|
|
87
80
|
if (elementH <= 200) {
|
|
88
81
|
for (var x = 1; x <= this.props.positiveUnitsNumber; x++) {
|
|
89
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
82
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
90
83
|
key: x,
|
|
91
84
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
92
85
|
gridColumn: 1,
|
|
@@ -97,49 +90,50 @@ var RulerY = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
97
90
|
} else if (elementH > 200) {
|
|
98
91
|
for (var _x = 1; _x <= this.props.positiveUnitsNumber; _x++) {
|
|
99
92
|
var val = (this.props.positiveUnitsNumber - _x) * 100;
|
|
100
|
-
positiveDomElements.push(/*#__PURE__*/
|
|
93
|
+
positiveDomElements.push(/*#__PURE__*/React.createElement("div", {
|
|
101
94
|
key: _x,
|
|
102
95
|
style: _objectSpread(_objectSpread({}, elementStyle), {}, {
|
|
103
96
|
gridColumn: 1,
|
|
104
97
|
gridRow: _x
|
|
105
98
|
})
|
|
106
|
-
}, /*#__PURE__*/
|
|
99
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
107
100
|
style: insideElementsStyle
|
|
108
|
-
}, val + 4 * 20), /*#__PURE__*/
|
|
101
|
+
}, val + 4 * 20), /*#__PURE__*/React.createElement("div", {
|
|
109
102
|
style: insideElementsStyle
|
|
110
|
-
}, val + 3 * 20), /*#__PURE__*/
|
|
103
|
+
}, val + 3 * 20), /*#__PURE__*/React.createElement("div", {
|
|
111
104
|
style: insideElementsStyle
|
|
112
|
-
}, val + 2 * 20), /*#__PURE__*/
|
|
105
|
+
}, val + 2 * 20), /*#__PURE__*/React.createElement("div", {
|
|
113
106
|
style: insideElementsStyle
|
|
114
|
-
}, val + 1 * 20), /*#__PURE__*/
|
|
107
|
+
}, val + 1 * 20), /*#__PURE__*/React.createElement("div", {
|
|
115
108
|
style: insideElementsStyle
|
|
116
109
|
}, val)));
|
|
117
110
|
}
|
|
118
111
|
}
|
|
119
|
-
return /*#__PURE__*/
|
|
112
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
120
113
|
style: rulerStyle
|
|
121
|
-
}, /*#__PURE__*/
|
|
114
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
122
115
|
id: "verticalMarker",
|
|
123
116
|
style: markerStyle
|
|
124
|
-
}), /*#__PURE__*/
|
|
117
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
125
118
|
id: "negativeRuler",
|
|
126
119
|
style: negativeRulerContainer
|
|
127
|
-
}), /*#__PURE__*/
|
|
120
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
128
121
|
id: "positiveRuler",
|
|
129
122
|
style: positiveRulerContainer
|
|
130
123
|
}, positiveDomElements));
|
|
131
124
|
}
|
|
132
125
|
}]);
|
|
133
|
-
}(
|
|
126
|
+
}(Component);
|
|
127
|
+
export { RulerY as default };
|
|
134
128
|
RulerY.propTypes = {
|
|
135
|
-
unitPixelSize:
|
|
136
|
-
zoom:
|
|
137
|
-
mouseY:
|
|
138
|
-
height:
|
|
139
|
-
zeroTopPosition:
|
|
140
|
-
backgroundColor:
|
|
141
|
-
fontColor:
|
|
142
|
-
markerColor:
|
|
129
|
+
unitPixelSize: PropTypes.number.isRequired,
|
|
130
|
+
zoom: PropTypes.number.isRequired,
|
|
131
|
+
mouseY: PropTypes.number.isRequired,
|
|
132
|
+
height: PropTypes.number.isRequired,
|
|
133
|
+
zeroTopPosition: PropTypes.number.isRequired,
|
|
134
|
+
backgroundColor: PropTypes.string,
|
|
135
|
+
fontColor: PropTypes.string,
|
|
136
|
+
markerColor: PropTypes.string
|
|
143
137
|
};
|
|
144
138
|
RulerY.defaultProps = {
|
|
145
139
|
positiveUnitsNumber: 50,
|
|
@@ -149,5 +143,5 @@ RulerY.defaultProps = {
|
|
|
149
143
|
markerColor: SharedStyle.SECONDARY_COLOR.main
|
|
150
144
|
};
|
|
151
145
|
RulerY.contextTypes = {
|
|
152
|
-
translator:
|
|
146
|
+
translator: PropTypes.object.isRequired
|
|
153
147
|
};
|
|
@@ -1,35 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
|
|
11
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
|
|
12
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
|
|
13
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
|
|
15
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
|
-
var _export = require("./export");
|
|
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); }
|
|
19
|
-
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
1
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
2
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
3
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
4
|
+
import _createClass from "@babel/runtime/helpers/esm/createClass";
|
|
5
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
6
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
8
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
9
|
+
function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
|
|
20
10
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21
|
-
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import PropTypes from 'prop-types';
|
|
13
|
+
import { Grids, Layer } from "./export";
|
|
14
|
+
var Scene = /*#__PURE__*/function (_Component) {
|
|
22
15
|
function Scene() {
|
|
23
|
-
(
|
|
16
|
+
_classCallCheck(this, Scene);
|
|
24
17
|
return _callSuper(this, Scene, arguments);
|
|
25
18
|
}
|
|
26
|
-
(
|
|
27
|
-
return (
|
|
19
|
+
_inherits(Scene, _Component);
|
|
20
|
+
return _createClass(Scene, [{
|
|
28
21
|
key: "componentWillReceiveProps",
|
|
29
22
|
value: function () {
|
|
30
|
-
var _componentWillReceiveProps = (
|
|
23
|
+
var _componentWillReceiveProps = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(nextProps) {
|
|
31
24
|
var scene, catalog, height, layers, selectedLayer, msg, isNotFoundInElements, itemType;
|
|
32
|
-
return
|
|
25
|
+
return _regeneratorRuntime.wrap(function (_context) {
|
|
33
26
|
while (1) switch (_context.prev = _context.next) {
|
|
34
27
|
case 0:
|
|
35
28
|
// console.log("componentDidMount", this.props.scene.hashCode(), nextProps.scene.hashCode());
|
|
@@ -88,22 +81,22 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
88
81
|
var height = scene.height,
|
|
89
82
|
layers = scene.layers;
|
|
90
83
|
var selectedLayer = layers.get(scene.selectedLayer);
|
|
91
|
-
return /*#__PURE__*/
|
|
84
|
+
return /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement(Grids, {
|
|
92
85
|
scene: scene
|
|
93
|
-
}), /*#__PURE__*/
|
|
86
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
94
87
|
style: {
|
|
95
88
|
pointerEvents: 'none'
|
|
96
89
|
}
|
|
97
90
|
}, layers.entrySeq().filter(function (_ref) {
|
|
98
|
-
var _ref2 = (
|
|
91
|
+
var _ref2 = _slicedToArray(_ref, 2),
|
|
99
92
|
layerID = _ref2[0],
|
|
100
93
|
layer = _ref2[1];
|
|
101
94
|
return layerID !== scene.selectedLayer && layer.visible;
|
|
102
95
|
}).map(function (_ref3) {
|
|
103
|
-
var _ref4 = (
|
|
96
|
+
var _ref4 = _slicedToArray(_ref3, 2),
|
|
104
97
|
layerID = _ref4[0],
|
|
105
98
|
layer = _ref4[1];
|
|
106
|
-
return /*#__PURE__*/
|
|
99
|
+
return /*#__PURE__*/React.createElement(Layer, {
|
|
107
100
|
key: layerID,
|
|
108
101
|
layer: layer,
|
|
109
102
|
scene: scene,
|
|
@@ -112,7 +105,7 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
112
105
|
state: _this.props.state,
|
|
113
106
|
relatedLines: _this.props.relatedLines
|
|
114
107
|
});
|
|
115
|
-
})), /*#__PURE__*/
|
|
108
|
+
})), /*#__PURE__*/React.createElement(Layer, {
|
|
116
109
|
key: selectedLayer.id,
|
|
117
110
|
layer: selectedLayer,
|
|
118
111
|
scene: scene,
|
|
@@ -123,12 +116,13 @@ var Scene = exports["default"] = /*#__PURE__*/function (_Component) {
|
|
|
123
116
|
}));
|
|
124
117
|
}
|
|
125
118
|
}]);
|
|
126
|
-
}(
|
|
119
|
+
}(Component);
|
|
120
|
+
export { Scene as default };
|
|
127
121
|
Scene.propTypes = {
|
|
128
|
-
scene:
|
|
129
|
-
catalog:
|
|
130
|
-
relatedLines:
|
|
122
|
+
scene: PropTypes.object.isRequired,
|
|
123
|
+
catalog: PropTypes.object.isRequired,
|
|
124
|
+
relatedLines: PropTypes.object.isRequired
|
|
131
125
|
};
|
|
132
126
|
Scene.contextTypes = {
|
|
133
|
-
projectActions:
|
|
127
|
+
projectActions: PropTypes.object.isRequired
|
|
134
128
|
};
|