bfg-common 1.5.707 → 1.5.708

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.707",
+  "version": "1.5.708",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -18,7 +18,7 @@
     "@vueuse/core": "10.1.2",
     "@vueuse/nuxt": "10.1.2",
     "bfg-nuxt-3-graph": "1.0.27",
-    "bfg-uikit": "1.0.535",
+    "bfg-uikit": "1.0.533",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-myrules": "file:./eslint",
     "nuxt": "3.11.2",
@@ -38,6 +38,7 @@
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@vueuse/components": "^10.1.2",
     "html2canvas": "^1.4.1",
-    "prettier-eslint": "^15.0.1"
+    "prettier-eslint": "^15.0.1",
+    "qrcode": "^1.5.4"
   }
 }

package/plugins/console.ts

@@ -1,21 +1,21 @@
-import { defineNuxtPlugin } from '#app'
-import type { UI_T_CODEC } from '~/components/common/spiceConsole/lib/models/types'
-
-export default defineNuxtPlugin(() => {
-  const console = function (): any {
-    const self: any = {
-      codec: ref<UI_T_CODEC>(1),
-    }
-
-    self.changeCodec = (codec: UI_T_CODEC): void => {
-      self.codec.value = codec
-    }
-    return self
-  }.call({})
-
-  return {
-    provide: {
-      console,
-    },
-  }
-})
+import { defineNuxtPlugin } from '#app'
+import type { UI_T_CODEC } from '~/components/common/spiceConsole/lib/models/types'
+
+export default defineNuxtPlugin(() => {
+  const console = function (): any {
+    const self: any = {
+      codec: ref<UI_T_CODEC>(1),
+    }
+
+    self.changeCodec = (codec: UI_T_CODEC): void => {
+      self.codec.value = codec
+    }
+    return self
+  }.call({})
+
+  return {
+    provide: {
+      console,
+    },
+  }
+})

package/plugins/date.ts

@@ -135,7 +135,15 @@ export default defineNuxtPlugin(() => {
       zh_CHS: 'yyyy-MM-dd',
     }
 
-    return dateFormats[currentLanguage]
+    const dateFormat = ref(dateFormats[currentLanguage])
+
+    window.addEventListener('timeFormatStorageChanged', function handler() {
+      dateFormat.value = dateFormats[lang || useLocalStorage('lang') || 'en_US'] // TODO нужно проверить когда будем работать без useLocalStorage
+
+      window.removeEventListener('timeFormatStorageChanged', handler)
+    })
+
+    return dateFormat.value
   }
 
   // Получаем формат времени
@@ -277,45 +285,60 @@ export default defineNuxtPlugin(() => {
 
     const dateObj: Date = new Date(date)
 
-    const formatDateLocal =
+    const formatDateLocal = ref(
       localOptions.formatDate || getDateFormat(localOptions.lang)
+    )
 
-    const formatTimeLocal =
+    const formatTimeLocal = ref(
       localOptions.formatTime ||
-      getTimeFormat(localOptions.hasSeconds, localOptions.formatTime)
+        getTimeFormat(localOptions.hasSeconds, localOptions.formatTime)
+    )
 
-    let formatDatetime = ''
+    const formatDatetime = ref('')
 
     if (localOptions.onlyDate) {
-      formatDatetime = formatDateLocal
+      formatDatetime.value = formatDateLocal.value
     }
 
     if (localOptions.onlyTime) {
-      formatDatetime = formatTimeLocal
+      formatDatetime.value = formatTimeLocal.value
     }
 
     if (!localOptions.onlyDate && !localOptions.onlyTime) {
-      formatDatetime =
-        formatDateLocal +
+      formatDatetime.value =
+        formatDateLocal.value +
         (localOptions.separator ? localOptions.separator : ' ') +
-        formatTimeLocal
+        formatTimeLocal.value
     }
 
+    window.addEventListener('timeFormatStorageChanged', function handler() {
+      formatDatetime.value =
+        formatDateLocal.value +
+        ' ' +
+        getTimeFormat(localOptions.hasSeconds, localOptions.formatTime)
+
+      window.removeEventListener('timeFormatStorageChanged', handler)
+    })
+
     if (!localOptions.onlyTime) {
-      formatDatetime = formattedDate(dateObj, formatDatetime, localOptions.lang)
+      formatDatetime.value = formattedDate(
+        dateObj,
+        formatDatetime.value,
+        localOptions.lang
+      )
     }
 
     if (!localOptions.onlyDate) {
-      formatDatetime = formattedTime(
+      formatDatetime.value = formattedTime(
         dateObj,
-        formatDatetime,
+        formatDatetime.value,
         localOptions.hasSeconds,
         localOptions.formatTime,
         localOptions.lang
       )
     }
 
-    return formatDatetime
+    return formatDatetime.value
   }
 
   const correctRuUnit = (value: number, type: string): string => {

package/plugins/mouse.ts

@@ -1,21 +1,21 @@
-import { defineNuxtPlugin } from '#app'
-import type { UI_T_MouseMode } from '~/components/common/spiceConsole/lib/models/types'
-
-export default defineNuxtPlugin(() => {
-  const mouse = function (): any {
-    const self: any = {
-      mode: ref<UI_T_MouseMode>(1),
-    }
-
-    self.changeMode = (mode: UI_T_MouseMode): void => {
-      self.mode.value = mode
-    }
-    return self
-  }.call({})
-
-  return {
-    provide: {
-      mouse,
-    },
-  }
-})
+import { defineNuxtPlugin } from '#app'
+import type { UI_T_MouseMode } from '~/components/common/spiceConsole/lib/models/types'
+
+export default defineNuxtPlugin(() => {
+  const mouse = function (): any {
+    const self: any = {
+      mode: ref<UI_T_MouseMode>(1),
+    }
+
+    self.changeMode = (mode: UI_T_MouseMode): void => {
+      self.mode.value = mode
+    }
+    return self
+  }.call({})
+
+  return {
+    provide: {
+      mouse,
+    },
+  }
+})

package/plugins/panelStates.ts

@@ -1,70 +1,70 @@
-import { defineNuxtPlugin } from '#app'
-import type { UI_I_PanelOptions } from '~/lib/models/plugins/panelStates/interfaces'
-
-export default defineNuxtPlugin(() => {
-  const panelStates = function (): any {
-    const self: any = {}
-    let options: UI_I_PanelOptions = {
-      leftPanelWidth: 20,
-      topPanelHeight: 80,
-      isBottomPanelCollapsed: false,
-    }
-
-    self.setLeftPanelWidth = function (width: number): void {
-      options.leftPanelWidth = width
-
-      self.setPanelStatesInStorage()
-    }
-    self.setTopPanelHeight = function (height: number): void {
-      options.topPanelHeight = height
-
-      self.setPanelStatesInStorage()
-    }
-    self.bottomPanelCollapse = function (collapse: boolean): void {
-      options.isBottomPanelCollapsed = collapse
-
-      self.setPanelStatesInStorage()
-    }
-
-    self.setPanelStatesInStorage = function (): void {
-      useLocalStorage('panelStates', options)
-      self.emitChanges()
-    }
-    self.getPanelStatesOfStorage = function (): UI_I_PanelOptions {
-      let panelStates = useLocalStorage('panelStates')
-
-      if (!panelStates) {
-        // const parent = document.getElementById('default-layout-outer')
-        const parent = document.body
-        const parentHeight = parent?.clientHeight || 0
-        const onePercent = parentHeight / 100
-        const defaultRecentTasksHeight = 250
-
-        options.topPanelHeight =
-          (parentHeight - defaultRecentTasksHeight - 1.5) / onePercent
-
-        panelStates = options
-      }
-
-      options = panelStates
-
-      return panelStates
-    }
-
-    self.cb = (): void => {}
-    self.on = function (cb: () => any | void): void {
-      self.cb = cb
-    }
-    self.emitChanges = function (): void {
-      self.cb(options)
-    }
-
-    return self
-  }.call({})
-
-  return {
-    provide: {
-      panelStates,
-    },
-  }
-})
+import { defineNuxtPlugin } from '#app'
+import type { UI_I_PanelOptions } from '~/lib/models/plugins/panelStates/interfaces'
+
+export default defineNuxtPlugin(() => {
+  const panelStates = function (): any {
+    const self: any = {}
+    let options: UI_I_PanelOptions = {
+      leftPanelWidth: 20,
+      topPanelHeight: 80,
+      isBottomPanelCollapsed: false,
+    }
+
+    self.setLeftPanelWidth = function (width: number): void {
+      options.leftPanelWidth = width
+
+      self.setPanelStatesInStorage()
+    }
+    self.setTopPanelHeight = function (height: number): void {
+      options.topPanelHeight = height
+
+      self.setPanelStatesInStorage()
+    }
+    self.bottomPanelCollapse = function (collapse: boolean): void {
+      options.isBottomPanelCollapsed = collapse
+
+      self.setPanelStatesInStorage()
+    }
+
+    self.setPanelStatesInStorage = function (): void {
+      useLocalStorage('panelStates', options)
+      self.emitChanges()
+    }
+    self.getPanelStatesOfStorage = function (): UI_I_PanelOptions {
+      let panelStates = useLocalStorage('panelStates')
+
+      if (!panelStates) {
+        // const parent = document.getElementById('default-layout-outer')
+        const parent = document.body
+        const parentHeight = parent?.clientHeight || 0
+        const onePercent = parentHeight / 100
+        const defaultRecentTasksHeight = 250
+
+        options.topPanelHeight =
+          (parentHeight - defaultRecentTasksHeight - 1.5) / onePercent
+
+        panelStates = options
+      }
+
+      options = panelStates
+
+      return panelStates
+    }
+
+    self.cb = (): void => {}
+    self.on = function (cb: () => any | void): void {
+      self.cb = cb
+    }
+    self.emitChanges = function (): void {
+      self.cb(options)
+    }
+
+    return self
+  }.call({})
+
+  return {
+    provide: {
+      panelStates,
+    },
+  }
+})

package/plugins/text.ts

@@ -1,59 +1,59 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-export default defineNuxtPlugin(() => {
-  const text = function () {
-    const self: any = {}
-    self.toCapitalize = function (str: string): string {
-      return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()
-    }
-    self.toLowerCaseFirstLetter = function (str: string): string {
-      // TODO не используется
-      return str.charAt(0).toLowerCase() + str.slice(1)
-    }
-    self.toCapitalizeEveryWord = function (str: string): string {
-      return str
-        .split(' ')
-        .map((word) => self.toCapitalize(word))
-        .join(' ')
-    }
-    self.toCapitalizeByIndex = function (
-      str: string,
-      indexes: number[]
-    ): string {
-      return str
-        .split(' ')
-        .map((word, index) =>
-          indexes.includes(index) ? self.toCapitalize(word) : word
-        )
-        .join(' ')
-    }
-    self.toLowerCaseByIndex = function (
-      str: string,
-      indexes: number[]
-    ): string {
-      return str
-        .split(' ')
-        .map((word, index) =>
-          indexes.includes(index) ? self.toLowerCaseFirstLetter(word) : word
-        )
-        .join(' ')
-    }
-    self.replaceStringByLocalization = function (
-      str: string,
-      localization: UI_I_Localization
-    ): string {
-      return str.replace(/\[\w+\]/g, (val) => {
-        const variable = val.replace(/\[|\]/g, '')
-        return localization.common[variable]
-      })
-    }
-
-    return self
-  }.call({})
-
-  return {
-    provide: {
-      text,
-    },
-  }
-})
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+export default defineNuxtPlugin(() => {
+  const text = function () {
+    const self: any = {}
+    self.toCapitalize = function (str: string): string {
+      return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()
+    }
+    self.toLowerCaseFirstLetter = function (str: string): string {
+      // TODO не используется
+      return str.charAt(0).toLowerCase() + str.slice(1)
+    }
+    self.toCapitalizeEveryWord = function (str: string): string {
+      return str
+        .split(' ')
+        .map((word) => self.toCapitalize(word))
+        .join(' ')
+    }
+    self.toCapitalizeByIndex = function (
+      str: string,
+      indexes: number[]
+    ): string {
+      return str
+        .split(' ')
+        .map((word, index) =>
+          indexes.includes(index) ? self.toCapitalize(word) : word
+        )
+        .join(' ')
+    }
+    self.toLowerCaseByIndex = function (
+      str: string,
+      indexes: number[]
+    ): string {
+      return str
+        .split(' ')
+        .map((word, index) =>
+          indexes.includes(index) ? self.toLowerCaseFirstLetter(word) : word
+        )
+        .join(' ')
+    }
+    self.replaceStringByLocalization = function (
+      str: string,
+      localization: UI_I_Localization
+    ): string {
+      return str.replace(/\[\w+\]/g, (val) => {
+        const variable = val.replace(/\[|\]/g, '')
+        return localization.common[variable]
+      })
+    }
+
+    return self
+  }.call({})
+
+  return {
+    provide: {
+      text,
+    },
+  }
+})