shared-ritm 1.2.112 → 1.2.114

package/src/shared/styles/general.css

@@ -1,124 +1,124 @@
-:root {
-  --main-header-height: 73px;
-  --main-footer-height: 66px;
-  --sidebar-width-max: 250px;
-  --sidebar-width-min: 66px;
-}
-
-/*border-radius*/
-:root {
-  --border-radius-xxs: 4px;
-  --border-radius-xs: 8px;
-  --border-radius-s: 12px;
-  --border-radius-m: 16px;
-}
-
-/*color*/
-:root {
-  --g-blue: #3f8cff;
-  --g-blue-light: #e4efff;
-  --g-blue-dark: #1c75ff;
-  --g-green: #00d097;
-  --g-green-light: #e0f9f2;
-  --g-green-dark: #b8f8e7;
-  --g-red: #ff192d;
-  --g-red-light: #fdecee;
-  --g-red-dark: #ffdcde;
-  --g-grey-100: #d8e0f0;
-
-  --g-font-color: #0a1629;
-  --g-font-grey-color: #b9c0c7;
-  --g-font-secondary-color: #7d8592;
-
-  --g-grey-background: #ced5e0;
-  --g-grey-hover-background: #9fa5af;
-  --g-secondary-background: #f4f9fd;
-  --g-thirty-background: #c8cbcf;
-
-  --g-fire-color-1: #fee7e7;
-  --g-fire-color-2: #fed4d5;
-  --g-fire-color-3: #fcc0c0;
-  --g-fire-color-4: #f9a2a2;
-  --g-fire-color-5: #f97d7e;
-  --g-fire-color-6: #f65160;
-  --g-fire-color-7: #ff192d;
-  --g-fire-color-8: #ab0514;
-  --g-fire-color-9: #6e000a;
-}
-
-* {
-  margin: 0;
-  padding: 0;
-}
-
-button:active,
-button:focus {
-  outline: none !important;
-}
-
-html {
-  font-family: 'NunitoSansFont', sans-serif !important;
-}
-
-.ant-dropdown {
-  z-index: 10000;
-  .content {
-    z-index: 10000;
-  }
-}
-
-@font-face {
-  font-family: 'NunitoSansFont';
-  src: local('NunitoSansFont-Regular'), url('../fonts/NunitoSansFont.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'NunitoSansFont';
-  src: local('NunitoSansFont-Bold'), url('../fonts/NunitoSans_7pt-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Montserrat';
-  src: local('Montserrat-Regular'), url('../fonts/Montserrat.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Montserrat';
-  src: local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-Regular'), url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-SemiBold'), url('../fonts/Inter_18pt-SemiBold.ttf') format('truetype');
-  font-weight: 600;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-Bold'), url('../fonts/Inter_18pt-Bold.ttf') format('truetype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Inter';
-  src: local('Inter-Black'), url('../fonts/Inter_18pt-Black.ttf') format('truetype');
-  font-weight: 900;
-  font-style: normal;
-}
+:root {
+  --main-header-height: 73px;
+  --main-footer-height: 66px;
+  --sidebar-width-max: 250px;
+  --sidebar-width-min: 66px;
+}
+
+/*border-radius*/
+:root {
+  --border-radius-xxs: 4px;
+  --border-radius-xs: 8px;
+  --border-radius-s: 12px;
+  --border-radius-m: 16px;
+}
+
+/*color*/
+:root {
+  --g-blue: #3f8cff;
+  --g-blue-light: #e4efff;
+  --g-blue-dark: #1c75ff;
+  --g-green: #00d097;
+  --g-green-light: #e0f9f2;
+  --g-green-dark: #b8f8e7;
+  --g-red: #ff192d;
+  --g-red-light: #fdecee;
+  --g-red-dark: #ffdcde;
+  --g-grey-100: #d8e0f0;
+
+  --g-font-color: #0a1629;
+  --g-font-grey-color: #b9c0c7;
+  --g-font-secondary-color: #7d8592;
+
+  --g-grey-background: #ced5e0;
+  --g-grey-hover-background: #9fa5af;
+  --g-secondary-background: #f4f9fd;
+  --g-thirty-background: #c8cbcf;
+
+  --g-fire-color-1: #fee7e7;
+  --g-fire-color-2: #fed4d5;
+  --g-fire-color-3: #fcc0c0;
+  --g-fire-color-4: #f9a2a2;
+  --g-fire-color-5: #f97d7e;
+  --g-fire-color-6: #f65160;
+  --g-fire-color-7: #ff192d;
+  --g-fire-color-8: #ab0514;
+  --g-fire-color-9: #6e000a;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+}
+
+button:active,
+button:focus {
+  outline: none !important;
+}
+
+html {
+  font-family: 'NunitoSansFont', sans-serif !important;
+}
+
+.ant-dropdown {
+  z-index: 10000;
+  .content {
+    z-index: 10000;
+  }
+}
+
+@font-face {
+  font-family: 'NunitoSansFont';
+  src: local('NunitoSansFont-Regular'), url('../fonts/NunitoSansFont.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'NunitoSansFont';
+  src: local('NunitoSansFont-Bold'), url('../fonts/NunitoSans_7pt-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: local('Montserrat-Regular'), url('../fonts/Montserrat.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat';
+  src: local('Montserrat-Bold'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-Regular'), url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-SemiBold'), url('../fonts/Inter_18pt-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-Bold'), url('../fonts/Inter_18pt-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Inter';
+  src: local('Inter-Black'), url('../fonts/Inter_18pt-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}

package/src/shims-vue.d.ts

@@ -1,5 +1,5 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue'
-  const component: DefineComponent<{}, {}, any>
-  export default component
-}
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}

package/src/utils/confirm.ts

@@ -1,12 +1,12 @@
-import { defineAsyncComponent } from 'vue'
-import { useQuasar } from 'quasar'
-const $q = useQuasar()
-
-const AppConfirmDialog = defineAsyncComponent(() => import('@/common/app-dialogs/AppConfirmDialog.vue'))
-
-export const appConfirm = (content: string, type: 'delete' | 'edit') => {
-  return $q.dialog({
-    component: AppConfirmDialog,
-    componentProps: { content, type },
-  })
-}
+import { defineAsyncComponent } from 'vue'
+import { useQuasar } from 'quasar'
+const $q = useQuasar()
+
+const AppConfirmDialog = defineAsyncComponent(() => import('@/common/app-dialogs/AppConfirmDialog.vue'))
+
+export const appConfirm = (content: string, type: 'delete' | 'edit') => {
+  return $q.dialog({
+    component: AppConfirmDialog,
+    componentProps: { content, type },
+  })
+}

package/src/utils/faceApiHelper.ts

@@ -1,137 +1,137 @@
-import * as faceapi from 'face-api.js'
-
-class FaceApiHelper {
-  //  async  getFaceSnapshot(inputImage: any, box: any) {
-  //   const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
-  //   const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
-  //   if (faceImages.length) {
-  //     const dataUrl = faceImages[0].toDataURL('image/jpeg')
-  //     photo.value = dataUrl.replace(/^data:image\/\w+;base64,/, '')
-  //   }
-  // }
-
-  // Метод настройки конфига для стрима
-  getVideoStreamConfig(width: number, height: number) {
-    return {
-      audio: false,
-      video: {
-        width: { min: width, ideal: width },
-        height: { min: height, ideal: height },
-        facingMode: 'environment', // или 'user' для фронтальной камеры
-      },
-    }
-  }
-
-  // Метод для настройки рамки, где должно помещаться лицо
-  getContourCoordinate(width: number, height: number) {
-    return {
-      x: width * 0.25,
-      y: height * 0.05,
-      width: width * 0.5,
-      height: height * 0.9,
-    }
-  }
-
-  getBoxData(box: any) {
-    if (!box) return null
-    return {
-      x: box.x,
-      y: box.y,
-      width: box.width,
-      height: box.height,
-    }
-  }
-
-  setStylesForCanvas(canvasContainer: any) {
-    canvasContainer.width = '100%'
-    canvasContainer.height = '100%'
-    canvasContainer.style.position = 'absolute'
-    canvasContainer.style.top = '0'
-    canvasContainer.style.left = '0'
-  }
-
-  // Метод для рассчёта того, что лицо полностью помещается в рамке
-  checkFaceInclusion(frame: any, face: any) {
-    if (!frame || !face) return false
-
-    if (face.width > frame.width || face.height > frame.height) {
-      return false
-    }
-
-    const faceXmin = face.x
-    const faceXmax = face.x + face.width
-    const faceYmin = face.y
-    const faceYmax = face.y + face.height
-
-    const frameXmin = frame.x
-    const frameXmax = frame.x + frame.width
-    const frameYmin = frame.y
-    const frameYmax = frame.y + frame.height
-
-    return faceXmin >= frameXmin && faceXmax <= frameXmax && faceYmin >= frameYmin && faceYmax <= frameYmax
-  }
-
-  async getFaceDetections(videoRef: any) {
-    if (!videoRef) return []
-    return faceapi
-      .detectAllFaces(videoRef, new faceapi.TinyFaceDetectorOptions())
-      .withFaceLandmarks()
-      .withFaceExpressions()
-  }
-
-  getCanvas(videoRef: any) {
-    return faceapi.createCanvasFromMedia(videoRef)
-  }
-
-  getResizedAndDetection(canvas: any, detections: any, ctx: any, videoWidth: number, videoHeight: number) {
-    faceapi.matchDimensions(canvas, { width: videoWidth, height: videoHeight })
-
-    const resized = faceapi.resizeResults(detections, {
-      width: videoWidth,
-      height: videoHeight,
-    })
-
-    ctx.clearRect(0, 0, videoWidth, videoHeight)
-
-    faceapi.draw.drawDetections(canvas, resized)
-    faceapi.draw.drawFaceLandmarks(canvas, resized)
-    faceapi.draw.drawFaceExpressions(canvas, resized)
-  }
-
-  async getFaceSnapshot(inputImage: any, box: any) {
-    const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
-    const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
-
-    if (faceImages.length) {
-      const dataUrl = faceImages[0].toDataURL('image/jpeg')
-      return dataUrl.replace(/^data:image\/\w+;base64,/, '')
-    }
-
-    return null
-  }
-
-  async initModels() {
-    let date = new Date()
-    console.log(date)
-    try {
-      await Promise.all([
-        faceapi.nets.tinyFaceDetector.loadFromUri('/models'),
-        faceapi.nets.faceLandmark68Net.loadFromUri('/models'),
-        faceapi.nets.faceRecognitionNet.loadFromUri('/models'),
-        faceapi.nets.faceExpressionNet.loadFromUri('/models'),
-        //faceapi.nets.ssdMobilenetv1.loadFromUri('/models'),
-      ])
-    } catch (error) {
-      console.error(error)
-    }
-    date = new Date()
-    console.log(date)
-  }
-}
-
-let helper: FaceApiHelper
-
-export default function useFaceApiHelper() {
-  if (!helper) helper = new FaceApiHelper()
-  return helper
-}
+import * as faceapi from 'face-api.js'
+
+class FaceApiHelper {
+  //  async  getFaceSnapshot(inputImage: any, box: any) {
+  //   const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
+  //   const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
+  //   if (faceImages.length) {
+  //     const dataUrl = faceImages[0].toDataURL('image/jpeg')
+  //     photo.value = dataUrl.replace(/^data:image\/\w+;base64,/, '')
+  //   }
+  // }
+
+  // Метод настройки конфига для стрима
+  getVideoStreamConfig(width: number, height: number) {
+    return {
+      audio: false,
+      video: {
+        width: { min: width, ideal: width },
+        height: { min: height, ideal: height },
+        facingMode: 'environment', // или 'user' для фронтальной камеры
+      },
+    }
+  }
+
+  // Метод для настройки рамки, где должно помещаться лицо
+  getContourCoordinate(width: number, height: number) {
+    return {
+      x: width * 0.25,
+      y: height * 0.05,
+      width: width * 0.5,
+      height: height * 0.9,
+    }
+  }
+
+  getBoxData(box: any) {
+    if (!box) return null
+    return {
+      x: box.x,
+      y: box.y,
+      width: box.width,
+      height: box.height,
+    }
+  }
+
+  setStylesForCanvas(canvasContainer: any) {
+    canvasContainer.width = '100%'
+    canvasContainer.height = '100%'
+    canvasContainer.style.position = 'absolute'
+    canvasContainer.style.top = '0'
+    canvasContainer.style.left = '0'
+  }
+
+  // Метод для рассчёта того, что лицо полностью помещается в рамке
+  checkFaceInclusion(frame: any, face: any) {
+    if (!frame || !face) return false
+
+    if (face.width > frame.width || face.height > frame.height) {
+      return false
+    }
+
+    const faceXmin = face.x
+    const faceXmax = face.x + face.width
+    const faceYmin = face.y
+    const faceYmax = face.y + face.height
+
+    const frameXmin = frame.x
+    const frameXmax = frame.x + frame.width
+    const frameYmin = frame.y
+    const frameYmax = frame.y + frame.height
+
+    return faceXmin >= frameXmin && faceXmax <= frameXmax && faceYmin >= frameYmin && faceYmax <= frameYmax
+  }
+
+  async getFaceDetections(videoRef: any) {
+    if (!videoRef) return []
+    return faceapi
+      .detectAllFaces(videoRef, new faceapi.TinyFaceDetectorOptions())
+      .withFaceLandmarks()
+      .withFaceExpressions()
+  }
+
+  getCanvas(videoRef: any) {
+    return faceapi.createCanvasFromMedia(videoRef)
+  }
+
+  getResizedAndDetection(canvas: any, detections: any, ctx: any, videoWidth: number, videoHeight: number) {
+    faceapi.matchDimensions(canvas, { width: videoWidth, height: videoHeight })
+
+    const resized = faceapi.resizeResults(detections, {
+      width: videoWidth,
+      height: videoHeight,
+    })
+
+    ctx.clearRect(0, 0, videoWidth, videoHeight)
+
+    faceapi.draw.drawDetections(canvas, resized)
+    faceapi.draw.drawFaceLandmarks(canvas, resized)
+    faceapi.draw.drawFaceExpressions(canvas, resized)
+  }
+
+  async getFaceSnapshot(inputImage: any, box: any) {
+    const regionsToExtract = [new faceapi.Rect(box.x, box.y, box.width, box.height)]
+    const faceImages = await faceapi.extractFaces(inputImage, regionsToExtract)
+
+    if (faceImages.length) {
+      const dataUrl = faceImages[0].toDataURL('image/jpeg')
+      return dataUrl.replace(/^data:image\/\w+;base64,/, '')
+    }
+
+    return null
+  }
+
+  async initModels() {
+    let date = new Date()
+    console.log(date)
+    try {
+      await Promise.all([
+        faceapi.nets.tinyFaceDetector.loadFromUri('/models'),
+        faceapi.nets.faceLandmark68Net.loadFromUri('/models'),
+        faceapi.nets.faceRecognitionNet.loadFromUri('/models'),
+        faceapi.nets.faceExpressionNet.loadFromUri('/models'),
+        //faceapi.nets.ssdMobilenetv1.loadFromUri('/models'),
+      ])
+    } catch (error) {
+      console.error(error)
+    }
+    date = new Date()
+    console.log(date)
+  }
+}
+
+let helper: FaceApiHelper
+
+export default function useFaceApiHelper() {
+  if (!helper) helper = new FaceApiHelper()
+  return helper
+}

package/src/utils/helpers.ts

@@ -1,59 +1,59 @@
-// Эти все функции есть в квазаре, меняйте на них
-/**
- * Сравнивает два значения на глубокое равенство.
- * Поддерживает массивы, объекты и примитивы.
- */
-export function isEqual(a: any, b: any): boolean {
-  if (Array.isArray(a) && Array.isArray(b)) {
-    if (a.length !== b.length) return false
-    return a.every((item, i) => isEqual(item, b[i]))
-  }
-  if (typeof a === 'object' && typeof b === 'object') {
-    return JSON.stringify(a) === JSON.stringify(b)
-  }
-  return a === b
-}
-
-/**
- * Нормализует значение:
- * - Если передан массив объектов, возвращает массив `.value` или сам объект.
- * - Если передан объект, возвращает `.value` или сам объект.
- * - Если примитив — возвращает без изменений.
- */
-export function normalizeValue(val: any): any {
-  if (Array.isArray(val)) {
-    return val.map(v => (typeof v === 'object' && v !== null ? v.value ?? v : v))
-  }
-  return typeof val === 'object' && val !== null ? val.value ?? val : val
-}
-
-/**
- * Генерирует UUID v4.
- * Используется для идентификаторов временных сущностей.
- */
-export function uuidv4(): string {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    const r = (Math.random() * 16) | 0
-    const v = c === 'x' ? r : (r & 0x3) | 0x8
-    return v.toString(16)
-  })
-}
-
-export function base64ToBlob(base64Data: string) {
-  const parts = base64Data.split(';base64,')
-  const contentType = parts[0].split(':')[1]
-  const byteCharacters = atob(parts[1])
-  const byteArrays: any[] = []
-
-  for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
-    const slice = byteCharacters.slice(offset, offset + 1024)
-    const byteNumbers = new Array(slice.length)
-    for (let i = 0; i < slice.length; i++) {
-      byteNumbers[i] = slice.charCodeAt(i)
-    }
-    const byteArray = new Uint8Array(byteNumbers)
-    byteArrays.push(byteArray)
-  }
-
-  return new Blob(byteArrays, { type: contentType })
-}
+// Эти все функции есть в квазаре, меняйте на них
+/**
+ * Сравнивает два значения на глубокое равенство.
+ * Поддерживает массивы, объекты и примитивы.
+ */
+export function isEqual(a: any, b: any): boolean {
+  if (Array.isArray(a) && Array.isArray(b)) {
+    if (a.length !== b.length) return false
+    return a.every((item, i) => isEqual(item, b[i]))
+  }
+  if (typeof a === 'object' && typeof b === 'object') {
+    return JSON.stringify(a) === JSON.stringify(b)
+  }
+  return a === b
+}
+
+/**
+ * Нормализует значение:
+ * - Если передан массив объектов, возвращает массив `.value` или сам объект.
+ * - Если передан объект, возвращает `.value` или сам объект.
+ * - Если примитив — возвращает без изменений.
+ */
+export function normalizeValue(val: any): any {
+  if (Array.isArray(val)) {
+    return val.map(v => (typeof v === 'object' && v !== null ? v.value ?? v : v))
+  }
+  return typeof val === 'object' && val !== null ? val.value ?? val : val
+}
+
+/**
+ * Генерирует UUID v4.
+ * Используется для идентификаторов временных сущностей.
+ */
+export function uuidv4(): string {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    const r = (Math.random() * 16) | 0
+    const v = c === 'x' ? r : (r & 0x3) | 0x8
+    return v.toString(16)
+  })
+}
+
+export function base64ToBlob(base64Data: string) {
+  const parts = base64Data.split(';base64,')
+  const contentType = parts[0].split(':')[1]
+  const byteCharacters = atob(parts[1])
+  const byteArrays: any[] = []
+
+  for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
+    const slice = byteCharacters.slice(offset, offset + 1024)
+    const byteNumbers = new Array(slice.length)
+    for (let i = 0; i < slice.length; i++) {
+      byteNumbers[i] = slice.charCodeAt(i)
+    }
+    const byteArray = new Uint8Array(byteNumbers)
+    byteArrays.push(byteArray)
+  }
+
+  return new Blob(byteArrays, { type: contentType })
+}