1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
| import { types } from "mobx-state-tree";
|
| import BaseTool, { DEFAULT_DIMENSIONS } from "./Base";
| import ToolMixin from "../mixins/Tool";
| import { TwoPointsDrawingTool } from "../mixins/DrawingTool";
| import { NodeViews } from "../components/Node/Node";
|
| const _Tool = types
| .model("EllipseTool", {
| group: "segmentation",
| shortcut: "tool:ellipse",
| })
| .views((self) => {
| const Super = {
| createRegionOptions: self.createRegionOptions,
| };
|
| return {
| get tagTypes() {
| return {
| stateTypes: "ellipselabels",
| controlTagTypes: ["ellipselabels", "ellipse"],
| };
| },
| get viewTooltip() {
| return "Ellipse region";
| },
| get iconComponent() {
| return self.dynamic ? NodeViews.EllipseRegionModel.altIcon : NodeViews.EllipseRegionModel.icon;
| },
| get defaultDimensions() {
| const { radius } = DEFAULT_DIMENSIONS.ellipse;
|
| return {
| width: radius,
| height: radius,
| };
| },
| createRegionOptions({ x, y }) {
| return Super.createRegionOptions({
| x,
| y,
| radiusX: 1,
| radiusY: 1,
| });
| },
| };
| })
| .actions((self) => ({
| beforeCommitDrawing() {
| const s = self.getActiveShape;
|
| return s.radiusX > self.MIN_SIZE.X && s.radiusY > self.MIN_SIZE.Y;
| },
| }));
|
| const Ellipse = types.compose(_Tool.name, ToolMixin, BaseTool, TwoPointsDrawingTool, _Tool);
|
| export { Ellipse };
|
|
