@policystudio/policy-studio-ui-vue 1.0.81 → 1.0.83
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/dist/css/psui_styles.css
CHANGED
|
@@ -18635,6 +18635,10 @@ html {
|
|
|
18635
18635
|
color: rgba(40, 50, 59, var(--text-opacity));
|
|
18636
18636
|
}
|
|
18637
18637
|
|
|
18638
|
+
.psui-el-table-results tbody tr.is-disabled {
|
|
18639
|
+
pointer-events: none;
|
|
18640
|
+
}
|
|
18641
|
+
|
|
18638
18642
|
.psui-el-table-results tbody tr .title {
|
|
18639
18643
|
display: flex;
|
|
18640
18644
|
align-items: center;
|
|
@@ -18692,9 +18696,6 @@ html {
|
|
|
18692
18696
|
padding-bottom: 8px;
|
|
18693
18697
|
}
|
|
18694
18698
|
|
|
18695
|
-
.psui-el-table-results tfoot tr td {
|
|
18696
|
-
}
|
|
18697
|
-
|
|
18698
18699
|
.psui-el-table {
|
|
18699
18700
|
width: 100%;
|
|
18700
18701
|
table-layout: fixed;
|
package/package.json
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
@layer components{
|
|
2
2
|
.psui-el-table-results-wrapper {
|
|
3
|
-
@apply
|
|
3
|
+
@apply psui-w-full psui-whitespace-no-wrap psui-flex psui-overflow-auto;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.psui-el-table-results {
|
|
7
|
-
@apply
|
|
7
|
+
@apply psui-relative psui-align-top psui-w-full psui-max-w-full psui-text-p;
|
|
8
8
|
|
|
9
9
|
thead {
|
|
10
|
-
@apply
|
|
10
|
+
@apply psui-bg-white psui-items-start psui-shadow-elevation-10 psui-sticky psui-top-0 psui-z-15;
|
|
11
11
|
|
|
12
12
|
tr {
|
|
13
13
|
.title {
|
|
14
|
-
@apply
|
|
14
|
+
@apply psui-text-small psui-font-bold psui-leading-4 psui-text-gray-80;
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
th {
|
|
18
|
-
@apply
|
|
18
|
+
@apply psui-pl-8 psui-text-gray-50 psui-text-right psui-w-auto psui-align-top;
|
|
19
19
|
padding-top: 13px;
|
|
20
20
|
padding-bottom: 13px;
|
|
21
21
|
|
|
22
22
|
.description {
|
|
23
|
-
@apply
|
|
23
|
+
@apply psui-text-xsmall psui-font-normal;
|
|
24
24
|
line-height: 110%;
|
|
25
25
|
}
|
|
26
26
|
|
|
27
27
|
&:first-child {
|
|
28
|
-
@apply
|
|
28
|
+
@apply psui-pl-0 psui-pr-8 psui-text-left psui-bg-white psui-sticky psui-z-10 psui-left-0;
|
|
29
29
|
box-shadow: inset -1px 0px 0px #EBEEF0;
|
|
30
30
|
min-width: 300px;
|
|
31
31
|
|
|
32
32
|
> div {
|
|
33
|
-
@apply
|
|
33
|
+
@apply psui-pl-0;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&:first-of-type {
|
|
39
39
|
th {
|
|
40
|
-
@apply
|
|
40
|
+
@apply psui-text-left;
|
|
41
41
|
padding-top: 0;
|
|
42
42
|
padding-bottom: 0;
|
|
43
43
|
|
|
44
44
|
> div {
|
|
45
|
-
@apply
|
|
45
|
+
@apply psui-flex psui-flex-row psui-border-b psui-border-gray-30;
|
|
46
46
|
padding-top: 11px;
|
|
47
47
|
padding-bottom: 11px;
|
|
48
48
|
}
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
p {
|
|
52
|
-
@apply
|
|
52
|
+
@apply psui-text-p;
|
|
53
53
|
line-height: 18px;
|
|
54
54
|
}
|
|
55
55
|
}
|
|
@@ -58,32 +58,36 @@
|
|
|
58
58
|
|
|
59
59
|
tbody {
|
|
60
60
|
tr {
|
|
61
|
-
@apply
|
|
61
|
+
@apply psui-border-b psui-border-gray-20;
|
|
62
62
|
|
|
63
63
|
&.is-first {
|
|
64
64
|
.title {
|
|
65
|
-
@apply
|
|
65
|
+
@apply psui-font-bold psui-text-gray-80;
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
+
&.is-disabled {
|
|
70
|
+
@apply psui-pointer-events-none;
|
|
71
|
+
}
|
|
72
|
+
|
|
69
73
|
.title {
|
|
70
74
|
@apply psui-flex psui-items-center;
|
|
71
75
|
}
|
|
72
76
|
|
|
73
77
|
td {
|
|
74
|
-
@apply
|
|
78
|
+
@apply psui-pl-8 psui-text-gray-80 psui-h-10 psui-text-right psui-text-small;
|
|
75
79
|
padding-top: 11px;
|
|
76
80
|
padding-bottom: 11px;
|
|
77
81
|
|
|
78
82
|
> div {
|
|
79
|
-
@apply
|
|
83
|
+
@apply psui-flex psui-items-center;
|
|
80
84
|
}
|
|
81
85
|
|
|
82
86
|
.actions {
|
|
83
|
-
@apply
|
|
87
|
+
@apply psui-flex psui-items-center psui-h-full psui-relative;
|
|
84
88
|
|
|
85
89
|
&-button {
|
|
86
|
-
@apply
|
|
90
|
+
@apply psui-cursor-pointer psui-ml-1;
|
|
87
91
|
}
|
|
88
92
|
|
|
89
93
|
.is-last-deep {
|
|
@@ -93,12 +97,12 @@
|
|
|
93
97
|
|
|
94
98
|
&:not(:first-child) {
|
|
95
99
|
> div {
|
|
96
|
-
@apply
|
|
100
|
+
@apply psui-justify-end;
|
|
97
101
|
}
|
|
98
102
|
}
|
|
99
103
|
|
|
100
104
|
&:first-child {
|
|
101
|
-
@apply
|
|
105
|
+
@apply psui-pl-0 psui-pr-8 psui-text-left psui-block psui-bg-white psui-sticky psui-z-10 psui-left-0;
|
|
102
106
|
box-shadow: inset -1px 0px 0px #EBEEF0;
|
|
103
107
|
padding-top: 8px;
|
|
104
108
|
padding-bottom: 8px;
|
|
@@ -106,12 +110,6 @@
|
|
|
106
110
|
}
|
|
107
111
|
}
|
|
108
112
|
}
|
|
109
|
-
|
|
110
|
-
tfoot {
|
|
111
|
-
tr {
|
|
112
|
-
td {}
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
113
|
}
|
|
116
114
|
|
|
117
115
|
}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
2
|
+
<div
|
|
3
|
+
class="psui-el-table-results-wrapper"
|
|
4
|
+
:style="{ maxHeight: tableMaxHeight }"
|
|
5
|
+
>
|
|
3
6
|
<table
|
|
4
7
|
ref="table"
|
|
5
8
|
class="psui-el-table-results"
|
|
6
|
-
:style="{ maxHeight: tableMaxHeight }"
|
|
7
9
|
>
|
|
8
10
|
<slot name="header"></slot>
|
|
9
11
|
|
|
@@ -15,6 +17,7 @@
|
|
|
15
17
|
:key="index"
|
|
16
18
|
:class="[
|
|
17
19
|
{
|
|
20
|
+
'is-disabled' : item.is_disabled,
|
|
18
21
|
'is-first' : item.deep == 0,
|
|
19
22
|
'psui-hidden' : checkRowIsCollapsed(item),
|
|
20
23
|
'is-last' : item.is_last
|
|
@@ -22,7 +25,7 @@
|
|
|
22
25
|
`type-${item.type}`
|
|
23
26
|
]"
|
|
24
27
|
>
|
|
25
|
-
<td
|
|
28
|
+
<td>
|
|
26
29
|
<div
|
|
27
30
|
class="actions psui-space-x-3"
|
|
28
31
|
:style="{ paddingLeft: `${item.deep * 16}px` }"
|
|
@@ -32,7 +35,7 @@
|
|
|
32
35
|
icon="expand_more"
|
|
33
36
|
size="24"
|
|
34
37
|
class="actions-button psui-transition psui-transform"
|
|
35
|
-
:icon-classes="getIconClasses(item)"
|
|
38
|
+
:icon-classes="item.is_disabled ? 'psui-text-gray-40' : getIconClasses(item)"
|
|
36
39
|
:style="{ display: 'flex' }"
|
|
37
40
|
:class="checkRowIsVisible(item) ? 'psui-rotate-0' : 'psui--rotate-90'"
|
|
38
41
|
@click.native="onCollapse(item)"
|
|
@@ -79,7 +82,7 @@
|
|
|
79
82
|
size="14"
|
|
80
83
|
class="psui-text-blue-60 psui-opacity-0 psui-transition psui-leading-none psui-cursor-pointer psui-ml-1"
|
|
81
84
|
:style="{ display: 'flex' }"
|
|
82
|
-
@click.native="$eventBus.$emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.
|
|
85
|
+
@click.native="$eventBus.$emit('openDescriptionModal', { type: 'helper', slug: `table-results-${item.helper_slug}` })"
|
|
83
86
|
/>
|
|
84
87
|
</p>
|
|
85
88
|
</div>
|