shared-ritm 1.2.130 → 1.2.131

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.
Files changed (135) hide show
  1. package/README.md +103 -103
  2. package/dist/index.css +1 -1
  3. package/dist/shared-ritm.es.js +3042 -2991
  4. package/dist/shared-ritm.umd.js +146 -146
  5. package/dist/types/api/services/PhotoService.d.ts +40 -0
  6. package/dist/types/api/services/ScheduleService.d.ts +13 -0
  7. package/dist/types/api/services/VideoService.d.ts +18 -9
  8. package/dist/types/api/types/Api_Schedule.d.ts +26 -0
  9. package/dist/types/api/types/Api_Video.d.ts +4 -0
  10. package/dist/types/index.d.ts +3 -1
  11. package/package.json +64 -64
  12. package/src/App.vue +2461 -2461
  13. package/src/api/services/AuthService.ts +53 -53
  14. package/src/api/services/BrigadesService.ts +32 -32
  15. package/src/api/services/CommentsService.ts +24 -24
  16. package/src/api/services/ControlsService.ts +73 -73
  17. package/src/api/services/EquipmentService.ts +29 -29
  18. package/src/api/services/FileService.ts +17 -17
  19. package/src/api/services/GanttService.ts +17 -17
  20. package/src/api/services/InstrumentsService.ts +63 -63
  21. package/src/api/services/MetricsService.ts +110 -110
  22. package/src/api/services/ModulesService.ts +27 -27
  23. package/src/api/services/ProjectsService.ts +83 -83
  24. package/src/api/services/RepairsService.ts +123 -123
  25. package/src/api/services/ScheduleService.ts +34 -0
  26. package/src/api/services/SearchService.ts +22 -22
  27. package/src/api/services/TasksService.ts +145 -145
  28. package/src/api/services/UserService.ts +101 -101
  29. package/src/api/services/VideoService.ts +103 -71
  30. package/src/api/settings/ApiService.ts +124 -124
  31. package/src/api/types/Api_Auth.ts +86 -86
  32. package/src/api/types/Api_Brigades.ts +36 -36
  33. package/src/api/types/Api_Comment.ts +40 -40
  34. package/src/api/types/Api_Controls.ts +93 -93
  35. package/src/api/types/Api_Equipment.ts +3 -3
  36. package/src/api/types/Api_Files.ts +7 -7
  37. package/src/api/types/Api_Instruments.ts +136 -136
  38. package/src/api/types/Api_Modules.ts +21 -21
  39. package/src/api/types/Api_Projects.ts +60 -60
  40. package/src/api/types/Api_Repairs.ts +117 -117
  41. package/src/api/types/Api_Schedule.ts +29 -0
  42. package/src/api/types/Api_Search.ts +77 -77
  43. package/src/api/types/Api_Service.ts +9 -9
  44. package/src/api/types/Api_Tasks.ts +319 -319
  45. package/src/api/types/Api_User.ts +117 -117
  46. package/src/api/types/Api_Video.ts +145 -140
  47. package/src/common/app-button/AppButton.vue +173 -173
  48. package/src/common/app-checkbox/AppCheckbox.vue +26 -26
  49. package/src/common/app-date-picker/AppDatePicker.vue +81 -81
  50. package/src/common/app-datepicker/AppDatepicker.vue +165 -165
  51. package/src/common/app-dialogs/AppConfirmDialog.vue +99 -99
  52. package/src/common/app-dropdown/AppDropdown.vue +37 -37
  53. package/src/common/app-icon/AppIcon.vue +108 -108
  54. package/src/common/app-input/AppInput.vue +148 -148
  55. package/src/common/app-input-new/AppInputNew.vue +175 -175
  56. package/src/common/app-input-search/AppInputSearch.vue +174 -174
  57. package/src/common/app-layout/AppLayout.vue +84 -84
  58. package/src/common/app-layout/components/AppLayoutHeader.vue +273 -273
  59. package/src/common/app-layout/components/AppLayoutPage.vue +16 -16
  60. package/src/common/app-loader/index.vue +43 -43
  61. package/src/common/app-page-layout/AppPageLayout.vue +122 -122
  62. package/src/common/app-select/AppSelect.vue +157 -157
  63. package/src/common/app-sheet/AppSheet.vue +120 -120
  64. package/src/common/app-sheet-new/AppSheetNew.vue +246 -246
  65. package/src/common/app-sidebar/AppSidebar.vue +168 -168
  66. package/src/common/app-sidebar/components/SidebarMenu.vue +37 -37
  67. package/src/common/app-sidebar/components/SidebarMenuItem.vue +148 -148
  68. package/src/common/app-table/AppTable.vue +308 -308
  69. package/src/common/app-table/AppTableLayout.vue +137 -137
  70. package/src/common/app-table/components/ModalSelect.vue +281 -281
  71. package/src/common/app-table/components/TableModal.vue +356 -356
  72. package/src/common/app-table/components/TablePagination.vue +152 -152
  73. package/src/common/app-table/controllers/useBaseTable.ts +45 -45
  74. package/src/common/app-table/controllers/useColumnSelector.ts +38 -38
  75. package/src/common/app-table/controllers/useTableModel.ts +102 -102
  76. package/src/common/app-toggle/AppToggle.vue +24 -24
  77. package/src/common/app-wrapper/AppWrapper.vue +28 -28
  78. package/src/global.d.ts +1 -1
  79. package/src/icons/components/arrow-down-icon.vue +25 -25
  80. package/src/icons/components/arrow-frame-icon.vue +19 -19
  81. package/src/icons/components/arrow-square.vue +22 -22
  82. package/src/icons/components/table-filter-icon.vue +30 -30
  83. package/src/icons/dialogs/RemoveIcon.vue +12 -12
  84. package/src/icons/dialogs/SafetyIcon.vue +12 -12
  85. package/src/icons/header/NotificationIcon.vue +18 -18
  86. package/src/icons/header/PersonIcon.vue +11 -11
  87. package/src/icons/header/SettingIcon.vue +14 -14
  88. package/src/icons/header/flashIcon.vue +24 -24
  89. package/src/icons/header/searchStatusIcon.vue +24 -24
  90. package/src/icons/header/smallCapsIcon.vue +34 -34
  91. package/src/icons/sidebar/assign-module-icon.vue +36 -36
  92. package/src/icons/sidebar/instrument-history-icon.vue +32 -32
  93. package/src/icons/sidebar/instrument-order-icon.vue +38 -38
  94. package/src/icons/sidebar/instrument-work-zone-icon.vue +18 -18
  95. package/src/icons/sidebar/instruments-icon.vue +45 -45
  96. package/src/icons/sidebar/logo-icon.vue +15 -15
  97. package/src/icons/sidebar/logout-icon.vue +13 -13
  98. package/src/icons/sidebar/modules-icon.vue +16 -16
  99. package/src/icons/sidebar/notifications-icon.vue +24 -24
  100. package/src/icons/sidebar/order-icon.vue +44 -44
  101. package/src/icons/sidebar/pass-icon.vue +38 -38
  102. package/src/icons/sidebar/positions-icon.vue +42 -42
  103. package/src/icons/sidebar/preorder-icon.vue +19 -19
  104. package/src/icons/sidebar/projects-icon.vue +31 -31
  105. package/src/icons/sidebar/repair-object-icon.vue +18 -18
  106. package/src/icons/sidebar/repairs-icon.vue +20 -20
  107. package/src/icons/sidebar/roles-icon.vue +26 -26
  108. package/src/icons/sidebar/status-history-icon.vue +24 -24
  109. package/src/icons/sidebar/tasks-icon.vue +28 -28
  110. package/src/icons/sidebar/tasks_tasks-icon.vue +39 -39
  111. package/src/icons/sidebar/tasks_today-icon.vue +27 -27
  112. package/src/icons/sidebar/teams-icon.vue +32 -32
  113. package/src/icons/sidebar/user-icon.vue +18 -18
  114. package/src/icons/sidebar/users-icon.vue +46 -46
  115. package/src/icons/sidebar/videosources-icon.vue +19 -19
  116. package/src/icons/sidebar/videowall-icon.vue +13 -13
  117. package/src/icons/sidebar/videozones-icon.vue +21 -21
  118. package/src/icons/sidebar/warehouses-icon.vue +43 -43
  119. package/src/icons/sidebar/workshop-icon.vue +100 -100
  120. package/src/icons/sidebar/workzones-icon.vue +22 -22
  121. package/src/icons/task/attention-icon.vue +13 -13
  122. package/src/icons/task/clock-icon.vue +10 -10
  123. package/src/icons/task/delete-icon.vue +10 -10
  124. package/src/icons/task/fire-icon.vue +16 -16
  125. package/src/index.ts +126 -123
  126. package/src/main.ts +28 -28
  127. package/src/quasar-user-options.ts +17 -17
  128. package/src/router/index.ts +10 -10
  129. package/src/shared/styles/general.css +124 -124
  130. package/src/shims-vue.d.ts +5 -5
  131. package/src/styles/variables.sass +12 -12
  132. package/src/utils/confirm.ts +12 -12
  133. package/src/utils/faceApiHelper.ts +132 -132
  134. package/src/utils/helpers.ts +59 -59
  135. package/src/utils/notification.ts +9 -9
@@ -1,132 +1,132 @@
1
- import * as faceapi from 'face-api.js'
2
-
3
- class FaceApiHelper {
4
- // async getFaceSnapshot(inputImage: any, box: any) {
5
- // const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
6
- // const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
7
- // if (faceImages.length) {
8
- // const dataUrl = faceImages[0].toDataURL('image/jpeg')
9
- // photo.value = dataUrl.replace(/^data:image\/\w+;base64,/, '')
10
- // }
11
- // }
12
-
13
- // Метод настройки конфига для стрима
14
- getVideoStreamConfig(width: number, height: number) {
15
- return {
16
- audio: false,
17
- video: {
18
- width: { min: width, ideal: width },
19
- height: { min: height, ideal: height },
20
- facingMode: 'environment', // или 'user' для фронтальной камеры
21
- },
22
- }
23
- }
24
-
25
- // Метод для настройки рамки, где должно помещаться лицо
26
- getContourCoordinate(width: number, height: number) {
27
- return {
28
- x: width * 0.25,
29
- y: height * 0.05,
30
- width: width * 0.5,
31
- height: height * 0.9,
32
- }
33
- }
34
-
35
- getBoxData(box: any) {
36
- if (!box) return null
37
- return {
38
- x: box.x,
39
- y: box.y,
40
- width: box.width,
41
- height: box.height,
42
- }
43
- }
44
-
45
- setStylesForCanvas(canvasContainer: any) {
46
- canvasContainer.width = '100%'
47
- canvasContainer.height = '100%'
48
- canvasContainer.style.position = 'absolute'
49
- canvasContainer.style.top = '0'
50
- canvasContainer.style.left = '0'
51
- }
52
-
53
- // Метод для рассчёта того, что лицо полностью помещается в рамке
54
- checkFaceInclusion(frame: any, face: any) {
55
- if (!frame || !face) return false
56
-
57
- if (face.width > frame.width || face.height > frame.height) {
58
- return false
59
- }
60
-
61
- const faceXmin = face.x
62
- const faceXmax = face.x + face.width
63
- const faceYmin = face.y
64
- const faceYmax = face.y + face.height
65
-
66
- const frameXmin = frame.x
67
- const frameXmax = frame.x + frame.width
68
- const frameYmin = frame.y
69
- const frameYmax = frame.y + frame.height
70
-
71
- return faceXmin >= frameXmin && faceXmax <= frameXmax && faceYmin >= frameYmin && faceYmax <= frameYmax
72
- }
73
-
74
- async getFaceDetections(videoRef: any, inputSize: number) {
75
- if (!videoRef) return []
76
- const options = new faceapi.TinyFaceDetectorOptions({ inputSize })
77
- return faceapi.detectSingleFace(videoRef, options).withFaceLandmarks(true)
78
- }
79
-
80
- getCanvas(videoRef: any) {
81
- return faceapi.createCanvasFromMedia(videoRef)
82
- }
83
-
84
- getResizedAndDetection(canvas: any, detections: any, ctx: any, videoWidth: number, videoHeight: number) {
85
- faceapi.matchDimensions(canvas, { width: videoWidth, height: videoHeight })
86
-
87
- const resized = faceapi.resizeResults(detections, {
88
- width: videoWidth,
89
- height: videoHeight,
90
- })
91
-
92
- ctx.clearRect(0, 0, videoWidth, videoHeight)
93
-
94
- faceapi.draw.drawDetections(canvas, resized)
95
- faceapi.draw.drawFaceLandmarks(canvas, resized)
96
- //faceapi.draw.drawFaceExpressions(canvas, resized)
97
- }
98
-
99
- async getFaceSnapshot(inputImage: any, box: any) {
100
- const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
101
- const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
102
-
103
- if (faceImages.length) {
104
- const dataUrl = faceImages[0].toDataURL('image/jpeg')
105
- return dataUrl.replace(/^data:image\/\w+;base64,/, '')
106
- }
107
-
108
- return null
109
- }
110
-
111
- async initModels() {
112
- let date = new Date()
113
- console.log(date)
114
- try {
115
- await Promise.all([
116
- faceapi.nets.tinyFaceDetector.loadFromUri('/models'),
117
- faceapi.nets.faceLandmark68TinyNet.loadFromUri('/models'),
118
- ])
119
- } catch (error) {
120
- console.error(error)
121
- }
122
- date = new Date()
123
- console.log(date)
124
- }
125
- }
126
-
127
- let helper: FaceApiHelper
128
-
129
- export default function useFaceApiHelper() {
130
- if (!helper) helper = new FaceApiHelper()
131
- return helper
132
- }
1
+ import * as faceapi from 'face-api.js'
2
+
3
+ class FaceApiHelper {
4
+ // async getFaceSnapshot(inputImage: any, box: any) {
5
+ // const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
6
+ // const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
7
+ // if (faceImages.length) {
8
+ // const dataUrl = faceImages[0].toDataURL('image/jpeg')
9
+ // photo.value = dataUrl.replace(/^data:image\/\w+;base64,/, '')
10
+ // }
11
+ // }
12
+
13
+ // Метод настройки конфига для стрима
14
+ getVideoStreamConfig(width: number, height: number) {
15
+ return {
16
+ audio: false,
17
+ video: {
18
+ width: { min: width, ideal: width },
19
+ height: { min: height, ideal: height },
20
+ facingMode: 'environment', // или 'user' для фронтальной камеры
21
+ },
22
+ }
23
+ }
24
+
25
+ // Метод для настройки рамки, где должно помещаться лицо
26
+ getContourCoordinate(width: number, height: number) {
27
+ return {
28
+ x: width * 0.25,
29
+ y: height * 0.05,
30
+ width: width * 0.5,
31
+ height: height * 0.9,
32
+ }
33
+ }
34
+
35
+ getBoxData(box: any) {
36
+ if (!box) return null
37
+ return {
38
+ x: box.x,
39
+ y: box.y,
40
+ width: box.width,
41
+ height: box.height,
42
+ }
43
+ }
44
+
45
+ setStylesForCanvas(canvasContainer: any) {
46
+ canvasContainer.width = '100%'
47
+ canvasContainer.height = '100%'
48
+ canvasContainer.style.position = 'absolute'
49
+ canvasContainer.style.top = '0'
50
+ canvasContainer.style.left = '0'
51
+ }
52
+
53
+ // Метод для рассчёта того, что лицо полностью помещается в рамке
54
+ checkFaceInclusion(frame: any, face: any) {
55
+ if (!frame || !face) return false
56
+
57
+ if (face.width > frame.width || face.height > frame.height) {
58
+ return false
59
+ }
60
+
61
+ const faceXmin = face.x
62
+ const faceXmax = face.x + face.width
63
+ const faceYmin = face.y
64
+ const faceYmax = face.y + face.height
65
+
66
+ const frameXmin = frame.x
67
+ const frameXmax = frame.x + frame.width
68
+ const frameYmin = frame.y
69
+ const frameYmax = frame.y + frame.height
70
+
71
+ return faceXmin >= frameXmin && faceXmax <= frameXmax && faceYmin >= frameYmin && faceYmax <= frameYmax
72
+ }
73
+
74
+ async getFaceDetections(videoRef: any, inputSize: number) {
75
+ if (!videoRef) return []
76
+ const options = new faceapi.TinyFaceDetectorOptions({ inputSize })
77
+ return faceapi.detectSingleFace(videoRef, options).withFaceLandmarks(true)
78
+ }
79
+
80
+ getCanvas(videoRef: any) {
81
+ return faceapi.createCanvasFromMedia(videoRef)
82
+ }
83
+
84
+ getResizedAndDetection(canvas: any, detections: any, ctx: any, videoWidth: number, videoHeight: number) {
85
+ faceapi.matchDimensions(canvas, { width: videoWidth, height: videoHeight })
86
+
87
+ const resized = faceapi.resizeResults(detections, {
88
+ width: videoWidth,
89
+ height: videoHeight,
90
+ })
91
+
92
+ ctx.clearRect(0, 0, videoWidth, videoHeight)
93
+
94
+ faceapi.draw.drawDetections(canvas, resized)
95
+ faceapi.draw.drawFaceLandmarks(canvas, resized)
96
+ //faceapi.draw.drawFaceExpressions(canvas, resized)
97
+ }
98
+
99
+ async getFaceSnapshot(inputImage: any, box: any) {
100
+ const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
101
+ const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
102
+
103
+ if (faceImages.length) {
104
+ const dataUrl = faceImages[0].toDataURL('image/jpeg')
105
+ return dataUrl.replace(/^data:image\/\w+;base64,/, '')
106
+ }
107
+
108
+ return null
109
+ }
110
+
111
+ async initModels() {
112
+ let date = new Date()
113
+ console.log(date)
114
+ try {
115
+ await Promise.all([
116
+ faceapi.nets.tinyFaceDetector.loadFromUri('/models'),
117
+ faceapi.nets.faceLandmark68TinyNet.loadFromUri('/models'),
118
+ ])
119
+ } catch (error) {
120
+ console.error(error)
121
+ }
122
+ date = new Date()
123
+ console.log(date)
124
+ }
125
+ }
126
+
127
+ let helper: FaceApiHelper
128
+
129
+ export default function useFaceApiHelper() {
130
+ if (!helper) helper = new FaceApiHelper()
131
+ return helper
132
+ }
@@ -1,59 +1,59 @@
1
- // Эти все функции есть в квазаре, меняйте на них
2
- /**
3
- * Сравнивает два значения на глубокое равенство.
4
- * Поддерживает массивы, объекты и примитивы.
5
- */
6
- export function isEqual(a: any, b: any): boolean {
7
- if (Array.isArray(a) && Array.isArray(b)) {
8
- if (a.length !== b.length) return false
9
- return a.every((item, i) => isEqual(item, b[i]))
10
- }
11
- if (typeof a === 'object' && typeof b === 'object') {
12
- return JSON.stringify(a) === JSON.stringify(b)
13
- }
14
- return a === b
15
- }
16
-
17
- /**
18
- * Нормализует значение:
19
- * - Если передан массив объектов, возвращает массив `.value` или сам объект.
20
- * - Если передан объект, возвращает `.value` или сам объект.
21
- * - Если примитив — возвращает без изменений.
22
- */
23
- export function normalizeValue(val: any): any {
24
- if (Array.isArray(val)) {
25
- return val.map(v => (typeof v === 'object' && v !== null ? v.value ?? v : v))
26
- }
27
- return typeof val === 'object' && val !== null ? val.value ?? val : val
28
- }
29
-
30
- /**
31
- * Генерирует UUID v4.
32
- * Используется для идентификаторов временных сущностей.
33
- */
34
- export function uuidv4(): string {
35
- return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
36
- const r = (Math.random() * 16) | 0
37
- const v = c === 'x' ? r : (r & 0x3) | 0x8
38
- return v.toString(16)
39
- })
40
- }
41
-
42
- export function base64ToBlob(base64Data: string) {
43
- const parts = base64Data.split(';base64,')
44
- const contentType = parts[0].split(':')[1]
45
- const byteCharacters = atob(parts[1])
46
- const byteArrays: any[] = []
47
-
48
- for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
49
- const slice = byteCharacters.slice(offset, offset + 1024)
50
- const byteNumbers = new Array(slice.length)
51
- for (let i = 0; i < slice.length; i++) {
52
- byteNumbers[i] = slice.charCodeAt(i)
53
- }
54
- const byteArray = new Uint8Array(byteNumbers)
55
- byteArrays.push(byteArray)
56
- }
57
-
58
- return new Blob(byteArrays, { type: contentType })
59
- }
1
+ // Эти все функции есть в квазаре, меняйте на них
2
+ /**
3
+ * Сравнивает два значения на глубокое равенство.
4
+ * Поддерживает массивы, объекты и примитивы.
5
+ */
6
+ export function isEqual(a: any, b: any): boolean {
7
+ if (Array.isArray(a) && Array.isArray(b)) {
8
+ if (a.length !== b.length) return false
9
+ return a.every((item, i) => isEqual(item, b[i]))
10
+ }
11
+ if (typeof a === 'object' && typeof b === 'object') {
12
+ return JSON.stringify(a) === JSON.stringify(b)
13
+ }
14
+ return a === b
15
+ }
16
+
17
+ /**
18
+ * Нормализует значение:
19
+ * - Если передан массив объектов, возвращает массив `.value` или сам объект.
20
+ * - Если передан объект, возвращает `.value` или сам объект.
21
+ * - Если примитив — возвращает без изменений.
22
+ */
23
+ export function normalizeValue(val: any): any {
24
+ if (Array.isArray(val)) {
25
+ return val.map(v => (typeof v === 'object' && v !== null ? v.value ?? v : v))
26
+ }
27
+ return typeof val === 'object' && val !== null ? val.value ?? val : val
28
+ }
29
+
30
+ /**
31
+ * Генерирует UUID v4.
32
+ * Используется для идентификаторов временных сущностей.
33
+ */
34
+ export function uuidv4(): string {
35
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
36
+ const r = (Math.random() * 16) | 0
37
+ const v = c === 'x' ? r : (r & 0x3) | 0x8
38
+ return v.toString(16)
39
+ })
40
+ }
41
+
42
+ export function base64ToBlob(base64Data: string) {
43
+ const parts = base64Data.split(';base64,')
44
+ const contentType = parts[0].split(':')[1]
45
+ const byteCharacters = atob(parts[1])
46
+ const byteArrays: any[] = []
47
+
48
+ for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
49
+ const slice = byteCharacters.slice(offset, offset + 1024)
50
+ const byteNumbers = new Array(slice.length)
51
+ for (let i = 0; i < slice.length; i++) {
52
+ byteNumbers[i] = slice.charCodeAt(i)
53
+ }
54
+ const byteArray = new Uint8Array(byteNumbers)
55
+ byteArrays.push(byteArray)
56
+ }
57
+
58
+ return new Blob(byteArrays, { type: contentType })
59
+ }
@@ -1,9 +1,9 @@
1
- import { QNotifyCreateOptions } from 'quasar'
2
-
3
- export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
4
-
5
- export const notificationSettings = (type: NotificationType, message: string): QNotifyCreateOptions => ({
6
- message,
7
- color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
8
- position: 'top-right',
9
- })
1
+ import { QNotifyCreateOptions } from 'quasar'
2
+
3
+ export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
4
+
5
+ export const notificationSettings = (type: NotificationType, message: string): QNotifyCreateOptions => ({
6
+ message,
7
+ color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
8
+ position: 'top-right',
9
+ })