bfg-common 1.5.231 → 1.5.233
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/img/icons/icons-sprite-dark-3.svg +227 -227
- package/assets/img/icons/icons-sprite-dark-5.svg +488 -488
- package/assets/img/icons/icons-sprite-light-3.svg +227 -227
- package/assets/img/icons/icons-sprite-light-5.svg +488 -488
- package/components/atoms/nav/NavBar.vue +4 -2
- package/components/atoms/table/dataGrid/DataGrid.vue +2 -1
- package/components/atoms/table/info/lib/models/interfaces.ts +10 -10
- package/components/atoms/tabs/Tabs.vue +10 -8
- package/components/common/tools/Actions.vue +1 -1
- package/package.json +1 -1
|
@@ -66,6 +66,8 @@ const setTriggerElementWidth = (): void => {
|
|
|
66
66
|
: 0
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
+
const spaceForCollapseBtn = ref<number>(60)
|
|
70
|
+
|
|
69
71
|
let outputSize = (): void => {
|
|
70
72
|
const el = document.getElementById(id.value)
|
|
71
73
|
if (!el) return
|
|
@@ -78,7 +80,7 @@ let outputSize = (): void => {
|
|
|
78
80
|
const elItemsMarginRight = parseInt(getComputedStyle(elItems[0]).marginRight)
|
|
79
81
|
const childrenMarginY = elItemsMarginLeft + elItemsMarginRight
|
|
80
82
|
|
|
81
|
-
let childrenWidth =
|
|
83
|
+
let childrenWidth = spaceForCollapseBtn.value
|
|
82
84
|
let count = 0
|
|
83
85
|
for (let i = 0; i < elItems.length; i++) {
|
|
84
86
|
childrenWidth += elItems[i].clientWidth + childrenMarginY
|
|
@@ -94,7 +96,7 @@ let outputSize = (): void => {
|
|
|
94
96
|
if (element) {
|
|
95
97
|
element.style.paddingRight =
|
|
96
98
|
collapsedItems.value.length && !props.notCollapse
|
|
97
|
-
? `${
|
|
99
|
+
? `${spaceForCollapseBtn.value}px`
|
|
98
100
|
: ''
|
|
99
101
|
}
|
|
100
102
|
}
|
|
@@ -819,10 +819,11 @@ const headItemsPresent = computed<UI_I_HeadItem[]>(() => {
|
|
|
819
819
|
const bodyItemsPresent = computed<UI_I_BodyItem[][]>(() => {
|
|
820
820
|
let items: UI_I_BodyItem[][] = props.bodyItems.map((row) => {
|
|
821
821
|
return row.map((item) => {
|
|
822
|
+
const text = item.text.toString()
|
|
822
823
|
return {
|
|
823
824
|
...item,
|
|
824
825
|
// Если текст пустой нужно поставить '--' для экспорта
|
|
825
|
-
text:
|
|
826
|
+
text: text.trim() !== '' ? text : '--',
|
|
826
827
|
}
|
|
827
828
|
})
|
|
828
829
|
})
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface UI_I_TableInfoItem {
|
|
2
|
-
label: string
|
|
3
|
-
value: any
|
|
4
|
-
isProperty?: boolean
|
|
5
|
-
key?: string
|
|
6
|
-
localization?: string
|
|
7
|
-
localizationTemplate?: string
|
|
8
|
-
isCapital?: boolean
|
|
9
|
-
iconName?: string
|
|
10
|
-
}
|
|
1
|
+
export interface UI_I_TableInfoItem {
|
|
2
|
+
label: string
|
|
3
|
+
value: any
|
|
4
|
+
isProperty?: boolean
|
|
5
|
+
key?: string
|
|
6
|
+
localization?: string
|
|
7
|
+
localizationTemplate?: string
|
|
8
|
+
isCapital?: boolean
|
|
9
|
+
iconName?: string
|
|
10
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<nav :id="id" class="btn-group">
|
|
3
|
-
<ul class="nav">
|
|
3
|
+
<ul class="nav" :style="{ paddingRight: spaceForCollapseBtn + 'px' }">
|
|
4
4
|
<li
|
|
5
5
|
v-for="(item, key) in props.items"
|
|
6
6
|
:key="item.path"
|
|
@@ -94,6 +94,8 @@ const setTriggerElementWidth = (): void => {
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
+
const spaceForCollapseBtn = ref<number>(60)
|
|
98
|
+
|
|
97
99
|
const outputSize = (): void => {
|
|
98
100
|
const el = document.getElementById(id.value)
|
|
99
101
|
if (!el) return
|
|
@@ -104,7 +106,7 @@ const outputSize = (): void => {
|
|
|
104
106
|
const elItemsMarginRight = parseInt(getComputedStyle(elItems[0]).marginRight)
|
|
105
107
|
const childrenMarginY = elItemsMarginLeft + elItemsMarginRight
|
|
106
108
|
|
|
107
|
-
let childrenWidth =
|
|
109
|
+
let childrenWidth = spaceForCollapseBtn.value
|
|
108
110
|
let count = 0
|
|
109
111
|
setTriggerElementWidth()
|
|
110
112
|
for (let i = 0; i < elItems.length; i++) {
|
|
@@ -119,12 +121,12 @@ const outputSize = (): void => {
|
|
|
119
121
|
|
|
120
122
|
visibleCount.value = count
|
|
121
123
|
|
|
122
|
-
const element = document.querySelector(`#${id.value} ul`)
|
|
123
|
-
if (element) {
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
}
|
|
124
|
+
// const element = document.querySelector(`#${id.value} ul`)
|
|
125
|
+
// if (element) {
|
|
126
|
+
// element.style.paddingRight = collapsedItems.value.length
|
|
127
|
+
// ? `${triggerElementWidth}px`
|
|
128
|
+
// : ''
|
|
129
|
+
// }
|
|
128
130
|
}
|
|
129
131
|
|
|
130
132
|
const id = ref<string>(`tabs-${useUniqueId()}`)
|
|
@@ -130,7 +130,7 @@ const outputSize = (): void => {
|
|
|
130
130
|
const el = document.getElementById(id.value)
|
|
131
131
|
if (!el) return
|
|
132
132
|
|
|
133
|
-
const elWidth = el.clientWidth
|
|
133
|
+
const elWidth = el.clientWidth + 1
|
|
134
134
|
// const elItems = el.children
|
|
135
135
|
const elItems = Array.from(el.children).filter(
|
|
136
136
|
(item) => !item.classList.contains('nav-tabs')
|