@policystudio/policy-studio-ui-vue 1.1.90-beta.59 → 1.1.90-beta.61
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.
|
@@ -969,13 +969,9 @@ video {
|
|
|
969
969
|
--tw-bg-opacity: 1;
|
|
970
970
|
background-color: rgb(230 236 242/var(--tw-bg-opacity));
|
|
971
971
|
}
|
|
972
|
-
.psui-el-tab-header.layout-policy-design > :not([hidden]) ~ :not([hidden]) {
|
|
973
|
-
--tw-space-x-reverse: 0;
|
|
974
|
-
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
|
975
|
-
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
|
|
976
|
-
}
|
|
977
972
|
.psui-el-tab-header.layout-policy-design button {
|
|
978
973
|
padding: 8px 2px 7px 0px;
|
|
974
|
+
margin-right: 8px;
|
|
979
975
|
}
|
|
980
976
|
.psui-el-tab-header.layout-policy-design button {
|
|
981
977
|
position: relative;
|
|
@@ -986,6 +982,9 @@ video {
|
|
|
986
982
|
.psui-el-tab-header.layout-policy-design button {
|
|
987
983
|
align-items: center;
|
|
988
984
|
}
|
|
985
|
+
.psui-el-tab-header.layout-policy-design button:not(:first-child) {
|
|
986
|
+
margin-left: 8px;
|
|
987
|
+
}
|
|
989
988
|
.psui-el-tab-header.layout-policy-design button:after {
|
|
990
989
|
content: "";
|
|
991
990
|
}
|
package/package.json
CHANGED
|
@@ -22,11 +22,15 @@
|
|
|
22
22
|
|
|
23
23
|
/* Layout Policy Design */
|
|
24
24
|
&.layout-policy-design {
|
|
25
|
-
@apply psui-space-x-2;
|
|
26
|
-
|
|
27
25
|
button {
|
|
28
|
-
padding: 8px 2px 7px 0px;
|
|
26
|
+
padding: 8px 2px 7px 0px;
|
|
27
|
+
margin-right: 8px;
|
|
29
28
|
@apply psui-flex psui-items-center psui-relative;
|
|
29
|
+
|
|
30
|
+
&:not(:first-child) {
|
|
31
|
+
margin-left: 8px;
|
|
32
|
+
}
|
|
33
|
+
|
|
30
34
|
|
|
31
35
|
&:after {
|
|
32
36
|
content: '';
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
:style="item.text_color ? `color: ${item.text_color};` : ''"
|
|
95
95
|
>
|
|
96
96
|
{{ item.title }}
|
|
97
|
-
|
|
97
|
+
|
|
98
98
|
<PsIcon
|
|
99
99
|
v-if="item.has_helper"
|
|
100
100
|
icon="info_outline"
|
|
@@ -409,6 +409,13 @@ const props = defineProps({
|
|
|
409
409
|
type: [Array, undefined],
|
|
410
410
|
default: undefined,
|
|
411
411
|
},
|
|
412
|
+
/**
|
|
413
|
+
* It forces to use hidden itens on collapsible system independent of layouts
|
|
414
|
+
*/
|
|
415
|
+
useHiddenItemsOnly: {
|
|
416
|
+
type: Boolean,
|
|
417
|
+
default: true,
|
|
418
|
+
},
|
|
412
419
|
/**
|
|
413
420
|
* It sets the values which will be use to render the body.
|
|
414
421
|
*/
|
|
@@ -529,13 +536,13 @@ watch(
|
|
|
529
536
|
)
|
|
530
537
|
|
|
531
538
|
watch(
|
|
532
|
-
()=> props.itemsHiddenIndexes,
|
|
539
|
+
()=> props.itemsHiddenIndexes,
|
|
533
540
|
() => {
|
|
534
541
|
setCollapsedRows()
|
|
535
542
|
})
|
|
536
543
|
|
|
537
544
|
watch(
|
|
538
|
-
()=>props.showRowsCollapsed,
|
|
545
|
+
()=>props.showRowsCollapsed,
|
|
539
546
|
() => {
|
|
540
547
|
setCollapsedRows()
|
|
541
548
|
})
|
|
@@ -556,6 +563,10 @@ const resetPolicyImpactItemSelected = (item, columnKey = 'forecast_emissions_sav
|
|
|
556
563
|
|
|
557
564
|
const setCollapsedRows = () => {
|
|
558
565
|
let newRowsCollpased = [...(props.itemsHiddenIndexes || [])]
|
|
566
|
+
if (props.useHiddenItemsOnly) {
|
|
567
|
+
collapsedRows.value = newRowsCollpased
|
|
568
|
+
return
|
|
569
|
+
}
|
|
559
570
|
|
|
560
571
|
if (props.itemsHiddenIndexes && props.layout != 'flexible') return
|
|
561
572
|
if (props.showRowsCollapsed || props.layout == 'flexible') {
|