bfg-common 1.5.232 → 1.5.233

package/assets/scss/common/icons/icons-1.scss

@@ -93,7 +93,7 @@
   background-position: 0 98.7%;
 }
 .storage-ui-icon-increase_datastore {
-  background-position: 0 94.96%;
+  background-position: 0 94.9%;
 }
 .storage-ui-icon-datastore-unmount {
   background-position: 0 100%;
@@ -114,7 +114,7 @@
   background-position: 0 43.0379746835%;
 }
 .storage-ui-icon-browse-file {
-  background-position: 0 30.44%;
+  background-position: 0 30.3797468354%;
 }
 .clone-to-template {
   background-position: 0 46.8%;

package/assets/scss/common/icons/icons-5.scss

@@ -13,7 +13,7 @@
   background-position: 0 7.59%;
 }
 .vx-icon-vmMigrate {
-  background-position: 0 1.29%;
+  background-position: 0 1.3%;
 }
 .network-lib-ui-icon-vswitch {
   background-position: 0 24.05%;
@@ -59,16 +59,16 @@
   background-position: 0 40.5%;
 }
 .icon-web-terminal {
-  background-position: 0 41.79%;
+  background-position: 0 41.8%;
 }
 .icon-move {
-  background-position: 0 43.06%;
+  background-position: 0 43%;
 }
 .icon-settings {
   background-position: 0 44.3%;
 }
 .icon-remove {
-  background-position: 0 45.59%;
+  background-position: 0 45.6%;
 }
 .icon-backup-storage {
   background-position: 0 46.8%;
@@ -113,7 +113,7 @@
   background-position: 0 68.3%;
 }
 .icon-edit {
-  background-position: 0 69.65%;
+  background-position: 0 69.6%;
 }
 .icon-backup {
   background-position: 0 62%;

package/assets/scss/common/icons/icons-6.scss

@@ -69,7 +69,7 @@
   background-position: 0 91.8%;
 }
 .icon-add-permission {
-  background-position: 0 100%;
+  background-position: 0 99.8%;
 }
 
 /* _____BACKGROUND IMAGE_____ */

package/components/atoms/nav/NavBar.vue

@@ -66,6 +66,8 @@ const setTriggerElementWidth = (): void => {
       : 0
 }
 
+const spaceForCollapseBtn = ref<number>(60)
+
 let outputSize = (): void => {
   const el = document.getElementById(id.value)
   if (!el) return
@@ -78,7 +80,7 @@ let outputSize = (): void => {
   const elItemsMarginRight = parseInt(getComputedStyle(elItems[0]).marginRight)
   const childrenMarginY = elItemsMarginLeft + elItemsMarginRight
 
-  let childrenWidth = 0
+  let childrenWidth = spaceForCollapseBtn.value
   let count = 0
   for (let i = 0; i < elItems.length; i++) {
     childrenWidth += elItems[i].clientWidth + childrenMarginY
@@ -94,7 +96,7 @@ let outputSize = (): void => {
   if (element) {
     element.style.paddingRight =
       collapsedItems.value.length && !props.notCollapse
-        ? `${triggerElementWidth}px`
+        ? `${spaceForCollapseBtn.value}px`
         : ''
   }
 }

package/components/atoms/table/dataGrid/DataGrid.vue

@@ -819,10 +819,11 @@ const headItemsPresent = computed<UI_I_HeadItem[]>(() => {
 const bodyItemsPresent = computed<UI_I_BodyItem[][]>(() => {
   let items: UI_I_BodyItem[][] = props.bodyItems.map((row) => {
     return row.map((item) => {
+      const text = item.text.toString()
       return {
         ...item,
         // Если текст пустой нужно поставить '--' для экспорта
-        text: item.text !== '' ? item.text : '--',
+        text: text.trim() !== '' ? text : '--',
       }
     })
   })

package/components/atoms/table/info/lib/models/interfaces.ts

@@ -1,10 +1,10 @@
-export interface UI_I_TableInfoItem {
-  label: string
-  value: any
-  isProperty?: boolean
-  key?: string
-  localization?: string
-  localizationTemplate?: string
-  isCapital?: boolean
-  iconName?: string
-}
+export interface UI_I_TableInfoItem {
+  label: string
+  value: any
+  isProperty?: boolean
+  key?: string
+  localization?: string
+  localizationTemplate?: string
+  isCapital?: boolean
+  iconName?: string
+}

package/components/atoms/tabs/Tabs.vue

@@ -1,6 +1,6 @@
 <template>
   <nav :id="id" class="btn-group">
-    <ul class="nav">
+    <ul class="nav" :style="{ paddingRight: spaceForCollapseBtn + 'px' }">
       <li
         v-for="(item, key) in props.items"
         :key="item.path"
@@ -94,6 +94,8 @@ const setTriggerElementWidth = (): void => {
   }
 }
 
+const spaceForCollapseBtn = ref<number>(60)
+
 const outputSize = (): void => {
   const el = document.getElementById(id.value)
   if (!el) return
@@ -104,7 +106,7 @@ const outputSize = (): void => {
   const elItemsMarginRight = parseInt(getComputedStyle(elItems[0]).marginRight)
   const childrenMarginY = elItemsMarginLeft + elItemsMarginRight
 
-  let childrenWidth = 0
+  let childrenWidth = spaceForCollapseBtn.value
   let count = 0
   setTriggerElementWidth()
   for (let i = 0; i < elItems.length; i++) {
@@ -119,12 +121,12 @@ const outputSize = (): void => {
 
   visibleCount.value = count
 
-  const element = document.querySelector(`#${id.value} ul`)
-  if (element) {
-    element.style.paddingRight = collapsedItems.value.length
-      ? `${triggerElementWidth}px`
-      : ''
-  }
+  // const element = document.querySelector(`#${id.value} ul`)
+  // if (element) {
+  //   element.style.paddingRight = collapsedItems.value.length
+  //     ? `${triggerElementWidth}px`
+  //     : ''
+  // }
 }
 
 const id = ref<string>(`tabs-${useUniqueId()}`)

package/components/common/tools/Actions.vue

@@ -130,7 +130,7 @@ const outputSize = (): void => {
   const el = document.getElementById(id.value)
   if (!el) return
 
-  const elWidth = el.clientWidth
+  const elWidth = el.clientWidth + 1
   // const elItems = el.children
   const elItems = Array.from(el.children).filter(
     (item) => !item.classList.contains('nav-tabs')

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.232",
+  "version": "1.5.233",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",