shared-ritm 1.2.121 → 1.2.123

package/src/main.ts

@@ -1,28 +1,28 @@
-import { createApp } from 'vue'
-import { Quasar, quasarUserOptions } from './quasar-user-options'
-import router from './router/index'
-
-import '@quasar/extras/material-icons/material-icons.css'
-import 'quasar/src/css/index.sass'
-
-import '@/shared/styles/general.css'
-
-import App from './App.vue'
-
-const app = createApp(App)
-
-//@ts-ignore
-app.use(Quasar, quasarUserOptions)
-
-app.use(router)
-app.mount('#app')
-
-const observerErrRe = /^ResizeObserver loop completed/
-
-const originalConsoleError = console.error
-console.error = (...args) => {
-  if (typeof args[0] === 'string' && observerErrRe.test(args[0])) {
-    return
-  }
-  originalConsoleError(...args)
-}
+import { createApp } from 'vue'
+import { Quasar, quasarUserOptions } from './quasar-user-options'
+import router from './router/index'
+
+import '@quasar/extras/material-icons/material-icons.css'
+import 'quasar/src/css/index.sass'
+
+import '@/shared/styles/general.css'
+
+import App from './App.vue'
+
+const app = createApp(App)
+
+//@ts-ignore
+app.use(Quasar, quasarUserOptions)
+
+app.use(router)
+app.mount('#app')
+
+const observerErrRe = /^ResizeObserver loop completed/
+
+const originalConsoleError = console.error
+console.error = (...args) => {
+  if (typeof args[0] === 'string' && observerErrRe.test(args[0])) {
+    return
+  }
+  originalConsoleError(...args)
+}

package/src/quasar-user-options.ts

@@ -1,17 +1,17 @@
-import { Quasar, Notify, Loading, Dialog } from 'quasar'
-
-import 'quasar/src/css/index.sass'
-import '@quasar/extras/roboto-font/roboto-font.css'
-import '@quasar/extras/material-icons/material-icons.css'
-import '@quasar/extras/material-icons-outlined/material-icons-outlined.css'
-import '@quasar/extras/mdi-v7/mdi-v7.css'
-
-const quasarUserOptions = {
-  plugins: {
-    Notify,
-    Loading,
-    Dialog,
-  },
-}
-
-export { Quasar, quasarUserOptions }
+import { Quasar, Notify, Loading, Dialog } from 'quasar'
+
+import 'quasar/src/css/index.sass'
+import '@quasar/extras/roboto-font/roboto-font.css'
+import '@quasar/extras/material-icons/material-icons.css'
+import '@quasar/extras/material-icons-outlined/material-icons-outlined.css'
+import '@quasar/extras/mdi-v7/mdi-v7.css'
+
+const quasarUserOptions = {
+  plugins: {
+    Notify,
+    Loading,
+    Dialog,
+  },
+}
+
+export { Quasar, quasarUserOptions }

package/src/router/index.ts

@@ -1,10 +1,10 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
-
-const routes: RouteRecordRaw[] = []
-
-const router = createRouter({
-  history: createWebHistory(),
-  routes,
-})
-
-export default router
+import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router'
+
+const routes: RouteRecordRaw[] = []
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes,
+})
+
+export default router

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,132 @@
-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, inputSize: number) {
+    if (!videoRef) return []
+    const options = new faceapi.TinyFaceDetectorOptions({ inputSize })
+    return faceapi.detectSingleFace(videoRef, options).withFaceLandmarks(true)
+  }
+
+  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.faceLandmark68TinyNet.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
+}