bfg-common 1.5.111 → 1.5.113

package/components/common/spiceConsole/SpiceConsole.vue

@@ -21,8 +21,8 @@ const props = defineProps<{
 }>()
 
 let rfb: any
-const vmScreen = ref(null)
-const fullScreen = ref(null)
+const vmScreen = ref<any>(null)
+const fullScreen = ref<any>(null)
 const { toggle } = useFullscreen(fullScreen)
 
 const connectWS = (): void => {
@@ -52,7 +52,7 @@ const onSendAltCommand = (): void => {
   window.app.sendCtrlAltDelete()
 }
 
-const onConsoleScroll = (event): void => {
+const onConsoleScroll = (event: any): void => {
   app.clientGui.setClientOffset(
     app.clientGui.clientOffsetX,
     event.target.scrollTop

package/components/common/spiceConsole/keyboard/Keyboard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="keyboard-draggable" ref="draggable" class="draggable" :style="style">
+  <div id="keyboard-draggable" :style="style" ref="draggable" class="draggable">
     <div id="keyboard" class="keyboard">
       <div
         v-for="(row, rowIndex) in keyboardRowsUI"
@@ -34,7 +34,7 @@
 <script setup lang="ts">
 import { useDraggable } from '@vueuse/core'
 import keyboardRows from '~/components/common/spiceConsole/keyboard/lib/config/keyboardRows'
-import { I_KeyboardRowItem } from '~/components/common/spiceConsole/keyboard/lib/models/interfaces'
+import type { UI_I_KeyboardRowItem } from '~/components/common/spiceConsole/keyboard/lib/models/interfaces'
 
 const draggable = ref<HTMLElement | null>(null)
 
@@ -68,9 +68,9 @@ const isShiftPressedWithoutCapsLock = computed<boolean>(
   () => !isCapsLockOn.value && isShiftPressed.value
 )
 
-const keyboardRowsUI = computed<I_KeyboardRowItem[][]>(() =>
-  keyboardRows.map((row: I_KeyboardRowItem[]) =>
-    row.map((keyItem: I_KeyboardRowItem) => {
+const keyboardRowsUI = computed<UI_I_KeyboardRowItem[][]>(() =>
+  keyboardRows.map((row: UI_I_KeyboardRowItem[]) =>
+    row.map((keyItem: UI_I_KeyboardRowItem) => {
       let rusKeyUI = ''
       let keyUI = ''
 
@@ -177,7 +177,7 @@ const takeOnAlt = (): void => {
 
 const generateEvent = (
   event: string,
-  key: I_KeyboardRowItem,
+  key: UI_I_KeyboardRowItem,
   withOriginal: boolean,
   type?: string
 ): void => {
@@ -204,7 +204,7 @@ const generateEvent = (
 const keyEvent = (
   event: string,
   isCodeEvent: boolean,
-  key: I_KeyboardRowItem
+  key: UI_I_KeyboardRowItem
 ): void => {
   if (isCodeEvent) {
     if (event !== 'keyup') {
@@ -250,7 +250,7 @@ const checkAndOffModifiers = (): void => {
   }
 }
 
-const onKeyPress = (key: I_KeyboardRowItem): void => {
+const onKeyPress = (key: UI_I_KeyboardRowItem): void => {
   window.app.inputProcess.clientGui.inputManager.input.val('')
 
   document.getElementById('inputmanager')?.focus()

package/components/common/spiceConsole/keyboard/lib/config/keyboardRows.ts

@@ -1,6 +1,6 @@
-import { I_KeyboardRowItem } from '~/components/common/spiceConsole/keyboard/lib/models/interfaces'
+import type { UI_I_KeyboardRowItem } from '~/components/common/spiceConsole/keyboard/lib/models/interfaces'
 
-const keyboardRows: I_KeyboardRowItem[][] = [
+const keyboardRows: UI_I_KeyboardRowItem[][] = [
   [
     {
       name: 'Esc',

package/components/common/spiceConsole/keyboard/lib/models/interfaces.ts

@@ -1,4 +1,4 @@
-export interface I_KeyboardRowItem {
+export interface UI_I_KeyboardRowItem {
   name: string
   key: string | number
   value: string

package/components/common/spiceConsole/lib/models/interfaces.ts

@@ -1,5 +1,5 @@
-export interface UI_I_DeviceOption {
-  label: string
-  value: any
-  disabled?: boolean
-}
+export interface UI_I_DeviceOption {
+  label: string
+  value: any
+  disabled?: boolean
+}

package/components/common/split/horizontal/HorizontalNew.vue

@@ -47,7 +47,7 @@
 </template>
 
 <script setup lang="ts">
-import { isRtl } from 'bfg-uikit/lib/config/trl'
+import { isRtl } from '~/node_modules/bfg-uikit/lib/config/trl'
 
 const props = withDefaults(
   defineProps<{
@@ -70,7 +70,7 @@ const emits = defineEmits<{
   (event: 'dragend', value: number): void
 }>()
 
-const leftPanelStyle = computed(() => {
+const leftPanelStyle = computed<any>(() => {
   let width = `calc(${leftPanelWLocal.value}% - 1.5px)`
   if (isRtl.value) {
     width = `calc(${100 - leftPanelWLocal.value}% - 1.5px)`
@@ -83,7 +83,7 @@ const leftPanelStyle = computed(() => {
   return { width }
 })
 
-const rightPanelStyle = computed(() => {
+const rightPanelStyle = computed<any>(() => {
   let width = `calc(${100 - leftPanelWLocal.value}% - 1.5px)`
   if (isRtl.value) {
     width = `calc(${leftPanelWLocal.value}% - 1.5px)`
@@ -136,12 +136,12 @@ const mouseup = (): void => {
   emits('dragend', leftPanelWLocal.value)
 }
 
-let mousemove = (e: MouseEvent): void => {
+let mousemove = (event: MouseEvent): void => {
   if (!isGrab.value) return
 
-  e.preventDefault()
+  event.preventDefault()
   isDrag.value = true
-  doDrag(e.clientX)
+  doDrag(event.clientX)
 }
 mousemove = useThrottle(mousemove)
 
@@ -161,7 +161,7 @@ const doDrag = (clientX: number): void => {
 
 const elementId = `horizontal${useUniqueId()}`
 
-const keydown = (e: KeyboardEvent): void => {
+const keydown = (event: KeyboardEvent): void => {
   if (!isFocus.value) return
 
   const gutter = document.getElementById(`gutter-${elementId}`)
@@ -170,10 +170,10 @@ const keydown = (e: KeyboardEvent): void => {
 
   const gutterLeft = ~~(gutter.getBoundingClientRect().left + 1.5)
 
-  if (e.keyCode === 39) {
+  if (event.keyCode === 39) {
     doDrag(gutterLeft + 10)
   }
-  if (e.keyCode === 37) {
+  if (event.keyCode === 37) {
     doDrag(gutterLeft - 10)
   }
 }