shared-ritm 1.1.2 → 1.1.4

package/dist/types/index.d.ts

@@ -19,8 +19,10 @@ import useRepairsService from '@/api/services/RepairsService';
 import useTasksService from '@/api/services/TasksService';
 import useAuthService from '@/api/services/AuthService';
 import ApiService from '@/api/settings/ApiService';
+import notification from '@/utils/notification';
 export { AppButton, AppCheckbox, AppDatePicker, AppInput, AppInputSearch, AppLayout, AppLayoutHeader, AppLoader, AppSelect, AppSheet, AppSidebar, AppToggle, AppWrapper, };
 export { ApiService, useAuthService, useGanttService, useMetricsService, useProjectsService, useRepairsService, useTasksService, };
+export { notification };
 export * from '@/api/types/Api_Tasks';
 export * from '@/api/types/Api_Repairs';
 export * from '@/api/types/Api_Projects';

package/dist/types/utils/notification.d.ts

@@ -0,0 +1,2 @@
+export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default';
+export default function notification(type: NotificationType, message: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shared-ritm",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "private": false,
   "files": [
     "dist",
@@ -9,13 +9,13 @@
   "main": "dist/shared-ritm.umd.js",
   "type": "module",
   "module": "./dist/shared-ritm.es.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
       "import": "./dist/shared-ritm.es.js",
       "require": "./dist/shared-ritm.umd.js",
       "default": "./dist/shared-ritm.es.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/types/index.d.ts"
     },
     "./style": "./dist/index.css"
   },

package/src/App.vue

@@ -1,13 +1,15 @@
 <template>
   <app-layout :logged="false">
     <template #header>
-      <app-layout-header :user-data="userData" />
+      <app-layout-header :user-data="userData" full-width />
     </template>
     <template #drawer>
       <app-sidebar :is-drawer="true" :menu-items="menuItems" />
     </template>
-    <app-button label="asad" color="primary" />
-    <app-input v-model="test" type="text" />
+    <div class="wrapper">
+      <app-button label="asad" color="primary" />
+      <app-input v-model="test" type="text" />
+    </div>
   </app-layout>
 </template>
 
@@ -2397,8 +2399,13 @@ const menuItems = ref([
     ],
   },
   { name: 'video-sync', icon: 'videozones-icon', label: 'Разметка видеозоны', to: '/video-sync' },
-  { name: 'notifications', icon: 'notifications-icon', label: 'Уведомления', to: '/notifications' },
+  { name: 'notification', icon: 'notification-icon', label: 'Уведомления', to: '/notification' },
   { name: 'sign-out', icon: 'logout-icon', label: 'Выход', to: '/sign-out' },
 ])
 </script>
-<style lang="scss"></style>
+<style lang="scss">
+.wrapper {
+  max-width: 1300px;
+  margin: 0 auto;
+}
+</style>

package/src/common/app-layout/components/AppLayoutHeader.vue

@@ -31,6 +31,7 @@
 import { computed, defineProps } from 'vue'
 //import AppInput from '@/common/app-input-search/AppInputSearch.vue'
 import AppButton from '@/common/app-button/AppButton.vue'
+import { b } from 'vite/dist/node/types.d-aGj9QkWt'
 
 //import SmallCapsIcon from '@/icons/header/smallCapsIcon.vue'
 //import SearchStatusIcon from '@/icons/header/searchStatusIcon.vue'
@@ -38,7 +39,7 @@ import AppButton from '@/common/app-button/AppButton.vue'
 //import NotificationIcon from '@/icons/header/notificationIcon.vue'
 interface Props {
   userData: any
-  fullWidth?: string
+  fullWidth?: boolean
 }
 
 const props = defineProps<Props>()

package/src/index.ts

@@ -21,6 +21,8 @@ import useTasksService from '@/api/services/TasksService'
 import useAuthService from '@/api/services/AuthService'
 import ApiService from '@/api/settings/ApiService'
 
+import notification from '@/utils/notification'
+
 export {
   AppButton,
   AppCheckbox,
@@ -47,6 +49,8 @@ export {
   useTasksService,
 }
 
+export { notification }
+
 export * from '@/api/types/Api_Tasks'
 export * from '@/api/types/Api_Repairs'
 export * from '@/api/types/Api_Projects'

package/src/utils/notification.ts

@@ -0,0 +1,13 @@
+import { useQuasar } from 'quasar'
+
+const $q = useQuasar()
+
+export type NotificationType = 'danger' | 'success' | 'warning' | 'info' | 'default'
+
+export default function notification(type: NotificationType, message: string): void {
+  $q.notify({
+    message,
+    color: type === 'danger' ? 'red' : type === 'success' ? 'green' : type === 'warning' ? 'orange' : 'white',
+    position: 'top-right',
+  })
+}