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