shared-ritm 1.2.129 → 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 (136) hide show
  1. package/README.md +103 -103
  2. package/dist/index.css +1 -1
  3. package/dist/shared-ritm.es.js +3045 -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/ProjectsService.d.ts +1 -0
  7. package/dist/types/api/services/ScheduleService.d.ts +13 -0
  8. package/dist/types/api/services/VideoService.d.ts +18 -9
  9. package/dist/types/api/types/Api_Schedule.d.ts +26 -0
  10. package/dist/types/api/types/Api_Video.d.ts +4 -0
  11. package/dist/types/index.d.ts +3 -1
  12. package/package.json +64 -64
  13. package/src/App.vue +2461 -2461
  14. package/src/api/services/AuthService.ts +53 -53
  15. package/src/api/services/BrigadesService.ts +32 -32
  16. package/src/api/services/CommentsService.ts +24 -24
  17. package/src/api/services/ControlsService.ts +73 -73
  18. package/src/api/services/EquipmentService.ts +29 -29
  19. package/src/api/services/FileService.ts +17 -17
  20. package/src/api/services/GanttService.ts +17 -17
  21. package/src/api/services/InstrumentsService.ts +63 -63
  22. package/src/api/services/MetricsService.ts +110 -110
  23. package/src/api/services/ModulesService.ts +27 -27
  24. package/src/api/services/ProjectsService.ts +83 -79
  25. package/src/api/services/RepairsService.ts +123 -123
  26. package/src/api/services/ScheduleService.ts +34 -0
  27. package/src/api/services/SearchService.ts +22 -22
  28. package/src/api/services/TasksService.ts +145 -145
  29. package/src/api/services/UserService.ts +101 -101
  30. package/src/api/services/VideoService.ts +103 -71
  31. package/src/api/settings/ApiService.ts +124 -124
  32. package/src/api/types/Api_Auth.ts +86 -86
  33. package/src/api/types/Api_Brigades.ts +36 -36
  34. package/src/api/types/Api_Comment.ts +40 -40
  35. package/src/api/types/Api_Controls.ts +93 -93
  36. package/src/api/types/Api_Equipment.ts +3 -3
  37. package/src/api/types/Api_Files.ts +7 -7
  38. package/src/api/types/Api_Instruments.ts +136 -136
  39. package/src/api/types/Api_Modules.ts +21 -21
  40. package/src/api/types/Api_Projects.ts +60 -60
  41. package/src/api/types/Api_Repairs.ts +117 -117
  42. package/src/api/types/Api_Schedule.ts +29 -0
  43. package/src/api/types/Api_Search.ts +77 -77
  44. package/src/api/types/Api_Service.ts +9 -9
  45. package/src/api/types/Api_Tasks.ts +319 -319
  46. package/src/api/types/Api_User.ts +117 -117
  47. package/src/api/types/Api_Video.ts +145 -140
  48. package/src/common/app-button/AppButton.vue +173 -173
  49. package/src/common/app-checkbox/AppCheckbox.vue +26 -26
  50. package/src/common/app-date-picker/AppDatePicker.vue +81 -81
  51. package/src/common/app-datepicker/AppDatepicker.vue +165 -165
  52. package/src/common/app-dialogs/AppConfirmDialog.vue +99 -99
  53. package/src/common/app-dropdown/AppDropdown.vue +37 -37
  54. package/src/common/app-icon/AppIcon.vue +108 -108
  55. package/src/common/app-input/AppInput.vue +148 -148
  56. package/src/common/app-input-new/AppInputNew.vue +175 -175
  57. package/src/common/app-input-search/AppInputSearch.vue +174 -174
  58. package/src/common/app-layout/AppLayout.vue +84 -84
  59. package/src/common/app-layout/components/AppLayoutHeader.vue +273 -273
  60. package/src/common/app-layout/components/AppLayoutPage.vue +16 -16
  61. package/src/common/app-loader/index.vue +43 -43
  62. package/src/common/app-page-layout/AppPageLayout.vue +122 -122
  63. package/src/common/app-select/AppSelect.vue +157 -157
  64. package/src/common/app-sheet/AppSheet.vue +120 -120
  65. package/src/common/app-sheet-new/AppSheetNew.vue +246 -246
  66. package/src/common/app-sidebar/AppSidebar.vue +168 -168
  67. package/src/common/app-sidebar/components/SidebarMenu.vue +37 -37
  68. package/src/common/app-sidebar/components/SidebarMenuItem.vue +148 -148
  69. package/src/common/app-table/AppTable.vue +308 -308
  70. package/src/common/app-table/AppTableLayout.vue +137 -137
  71. package/src/common/app-table/components/ModalSelect.vue +281 -281
  72. package/src/common/app-table/components/TableModal.vue +356 -356
  73. package/src/common/app-table/components/TablePagination.vue +152 -152
  74. package/src/common/app-table/controllers/useBaseTable.ts +45 -45
  75. package/src/common/app-table/controllers/useColumnSelector.ts +38 -38
  76. package/src/common/app-table/controllers/useTableModel.ts +102 -102
  77. package/src/common/app-toggle/AppToggle.vue +24 -24
  78. package/src/common/app-wrapper/AppWrapper.vue +28 -28
  79. package/src/global.d.ts +1 -1
  80. package/src/icons/components/arrow-down-icon.vue +25 -25
  81. package/src/icons/components/arrow-frame-icon.vue +19 -19
  82. package/src/icons/components/arrow-square.vue +22 -22
  83. package/src/icons/components/table-filter-icon.vue +30 -30
  84. package/src/icons/dialogs/RemoveIcon.vue +12 -12
  85. package/src/icons/dialogs/SafetyIcon.vue +12 -12
  86. package/src/icons/header/NotificationIcon.vue +18 -18
  87. package/src/icons/header/PersonIcon.vue +11 -11
  88. package/src/icons/header/SettingIcon.vue +14 -14
  89. package/src/icons/header/flashIcon.vue +24 -24
  90. package/src/icons/header/searchStatusIcon.vue +24 -24
  91. package/src/icons/header/smallCapsIcon.vue +34 -34
  92. package/src/icons/sidebar/assign-module-icon.vue +36 -36
  93. package/src/icons/sidebar/instrument-history-icon.vue +32 -32
  94. package/src/icons/sidebar/instrument-order-icon.vue +38 -38
  95. package/src/icons/sidebar/instrument-work-zone-icon.vue +18 -18
  96. package/src/icons/sidebar/instruments-icon.vue +45 -45
  97. package/src/icons/sidebar/logo-icon.vue +15 -15
  98. package/src/icons/sidebar/logout-icon.vue +13 -13
  99. package/src/icons/sidebar/modules-icon.vue +16 -16
  100. package/src/icons/sidebar/notifications-icon.vue +24 -24
  101. package/src/icons/sidebar/order-icon.vue +44 -44
  102. package/src/icons/sidebar/pass-icon.vue +38 -38
  103. package/src/icons/sidebar/positions-icon.vue +42 -42
  104. package/src/icons/sidebar/preorder-icon.vue +19 -19
  105. package/src/icons/sidebar/projects-icon.vue +31 -31
  106. package/src/icons/sidebar/repair-object-icon.vue +18 -18
  107. package/src/icons/sidebar/repairs-icon.vue +20 -20
  108. package/src/icons/sidebar/roles-icon.vue +26 -26
  109. package/src/icons/sidebar/status-history-icon.vue +24 -24
  110. package/src/icons/sidebar/tasks-icon.vue +28 -28
  111. package/src/icons/sidebar/tasks_tasks-icon.vue +39 -39
  112. package/src/icons/sidebar/tasks_today-icon.vue +27 -27
  113. package/src/icons/sidebar/teams-icon.vue +32 -32
  114. package/src/icons/sidebar/user-icon.vue +18 -18
  115. package/src/icons/sidebar/users-icon.vue +46 -46
  116. package/src/icons/sidebar/videosources-icon.vue +19 -19
  117. package/src/icons/sidebar/videowall-icon.vue +13 -13
  118. package/src/icons/sidebar/videozones-icon.vue +21 -21
  119. package/src/icons/sidebar/warehouses-icon.vue +43 -43
  120. package/src/icons/sidebar/workshop-icon.vue +100 -100
  121. package/src/icons/sidebar/workzones-icon.vue +22 -22
  122. package/src/icons/task/attention-icon.vue +13 -13
  123. package/src/icons/task/clock-icon.vue +10 -10
  124. package/src/icons/task/delete-icon.vue +10 -10
  125. package/src/icons/task/fire-icon.vue +16 -16
  126. package/src/index.ts +126 -123
  127. package/src/main.ts +28 -28
  128. package/src/quasar-user-options.ts +17 -17
  129. package/src/router/index.ts +10 -10
  130. package/src/shared/styles/general.css +124 -124
  131. package/src/shims-vue.d.ts +5 -5
  132. package/src/styles/variables.sass +12 -12
  133. package/src/utils/confirm.ts +12 -12
  134. package/src/utils/faceApiHelper.ts +132 -132
  135. package/src/utils/helpers.ts +59 -59
  136. 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
+ })