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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
|
| export const MAP_DEFAULT_ROTATION = 0;
|
| export const ANIMATE_DURING_TIME = 300;
|
| export let AGV_ANGLE_OFFSET_VAL = 0;
|
| export let MAP_MIRROR = false;
|
| export const setMapPreferences = (preferences = {}) => {
| if (preferences == null || typeof preferences !== 'object') {
| return;
| }
| const { agvAngleOffsetVal, mapMirror } = preferences;
| if (typeof agvAngleOffsetVal === 'number' && !isNaN(agvAngleOffsetVal)) {
| AGV_ANGLE_OFFSET_VAL = agvAngleOffsetVal;
| }
| if (typeof mapMirror === 'boolean') {
| MAP_MIRROR = mapMirror;
| }
| };
|
| export const MAP_MODE = Object.freeze({
| OBSERVER_MODE: "1",
| MOVABLE_MODE: "2",
| SETTINGS_MODE: "3",
| AREA_MODE: "4",
| })
|
| export const MAP_TONES = Object.freeze({
| light: {
| canvasBackground: '#f1f2f6',
| textPrimary: 0x333333,
| grid: {
| color: 0x000000,
| alpha: 0.08,
| },
| },
| dark: {
| canvasBackground: '#1c222b',
| textPrimary: 0xcfd6e3,
| grid: {
| color: 0x5f6773,
| alpha: 0.22,
| },
| },
| });
|
| export const DEVICE_TYPE = Object.freeze({
| SHELF: "SHELF",
| STATION: 'STATION',
| CHARGE: 'CHARGE',
| DIRECTION: 'DIRECTION',
|
| AGV: "AGV",
| POINT: "POINT",
|
| ROUTE: "ROUTE",
|
| AREA: "AREA",
| })
|
| export const DEVICE_Z_INDEX = Object.freeze({
| SHELF: 1,
| STATION: 1,
| CHARGE: 1,
| DIRECTION: 1,
|
| AGV: 3,
| POINT: 2,
|
| DYNAMIC_ROUTE: 2,
|
| AREA: 5,
| })
|
| export const DEVICE_SPRITE_TINT = Object.freeze({
| SHELF: 0xffffff,
| STATION: null,
| CHARGE: null,
| DIRECTION: null,
|
| AGV: 0xffffff,
| POINT: 0xCACDCF,
| })
|
| export const DEVICE_SPRITE_TINT_DARK = Object.freeze({
| SHELF: 0xdcdde1,
| STATION: null,
| CHARGE: null,
| DIRECTION: null,
|
| AGV: 0xb2bec3,
| POINT: 0x555a68,
| })
|
| export const DEVICE_SELECTED_EFFECT_PADDING = Object.freeze({
| SHELF: 10,
| STATION: 10,
| CHARGE: 10,
| DIRECTION: 10,
|
| AGV: 100,
| POINT: 100,
| })
|
| export const DEVICE_SELECTED_EFFECT_COLOR = Object.freeze({
| SHELF: 0xdcdde1,
| STATION: 0xdcdde1,
| CHARGE: 0xdcdde1,
| DIRECTION: 0xdcdde1,
|
| AGV: 0x74b9ff,
| POINT: 0xC9E6DA,
|
| AREA: 0x2c7ac3,
| })
|
| export const AGV_STATUS_MODE = Object.freeze({
| EMPTY_NO_BATTERY: 1,
| EMPTY_HALF_BATTERY: 2,
| EMPTY_FULL_BATTERY: 3,
| LOADED_NO_BATTERY: 4,
| LOADED_HALF_BATTERY: 5,
| LOADED_FULL_BATTERY: 6,
| })
|
| export const POINT_ROUTE_DIRECTION = Object.freeze({
| OUT_OF_ORDER: 0,
| ORDER: 1,
| REVERSE_ORDER: 2,
| })
|
| export const ROUTE_COLORS = Object.freeze({
| light: 0x2f68ac,
| dark: 0x4a84c8,
| });
|
|
