@policystudio/policy-studio-ui-vue 1.1.90-beta.49 → 1.1.90-beta.50
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.
|
@@ -2004,6 +2004,19 @@ video {
|
|
|
2004
2004
|
font-size: 16px;
|
|
2005
2005
|
line-height: 130%;
|
|
2006
2006
|
}
|
|
2007
|
+
.psui-el-table-results .is-warning-column {
|
|
2008
|
+
padding-right: 12px;
|
|
2009
|
+
}
|
|
2010
|
+
.psui-el-table-results .warning-svg-position {
|
|
2011
|
+
position: absolute;
|
|
2012
|
+
right: calc(-1rem + 15px);
|
|
2013
|
+
top: 4px;
|
|
2014
|
+
}
|
|
2015
|
+
.psui-el-table-results .warning-svg-position .psui-el-tooltip-trigger {
|
|
2016
|
+
margin-right: calc(0.313rem + 1px);
|
|
2017
|
+
margin-bottom: 0.125rem;
|
|
2018
|
+
margin-left: -0.094rem;
|
|
2019
|
+
}
|
|
2007
2020
|
.psui-el-table-results.layout-results tr th:last-child, .psui-el-table-results.layout-results tr td:last-child {
|
|
2008
2021
|
padding-right: 0.5rem;
|
|
2009
2022
|
}
|
package/package.json
CHANGED
|
@@ -10,6 +10,21 @@
|
|
|
10
10
|
.psui-el-table-results {
|
|
11
11
|
@apply psui-relative psui-align-top psui-w-full psui-max-w-full psui-text-p;
|
|
12
12
|
|
|
13
|
+
.is-warning-column {
|
|
14
|
+
padding-right: 12px;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.warning-svg-position {
|
|
18
|
+
position: absolute;
|
|
19
|
+
right: calc(-1rem + 15px);
|
|
20
|
+
top: 4px;
|
|
21
|
+
.psui-el-tooltip-trigger {
|
|
22
|
+
margin-right: calc(0.313rem + 1px);
|
|
23
|
+
margin-bottom: 0.125rem;
|
|
24
|
+
margin-left: -0.094rem;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
13
28
|
&.layout-results {
|
|
14
29
|
tr {
|
|
15
30
|
th, td {
|
|
@@ -32,14 +32,37 @@
|
|
|
32
32
|
class="psui-flex psui-flex-col psui-justify-center"
|
|
33
33
|
:class="columnGroupIndex == 0 ? 'psui-items-center' : 'psui-items-end'"
|
|
34
34
|
:data-index="columnGroupIndex"
|
|
35
|
+
@mouseleave="emit('column-alert-hide', column, $event, false)"
|
|
35
36
|
>
|
|
36
37
|
<div class="psui-show-childrens-on-hover absolute-childrens psui-mb-px">
|
|
37
38
|
<p
|
|
38
39
|
class="title"
|
|
40
|
+
:class="{'is-warning-column': !!column.warning}"
|
|
39
41
|
v-if="column.title"
|
|
40
42
|
>
|
|
41
43
|
{{ column.title }}
|
|
42
44
|
</p>
|
|
45
|
+
<span
|
|
46
|
+
v-if="column.warning"
|
|
47
|
+
class="warning-svg-position"
|
|
48
|
+
@mouseover="emit('column-alert-show', column, $event, true)"
|
|
49
|
+
>
|
|
50
|
+
<span class="cursor-pointer">
|
|
51
|
+
<svg
|
|
52
|
+
width="10"
|
|
53
|
+
height="10"
|
|
54
|
+
viewBox="0 0 10 10"
|
|
55
|
+
fill="none"
|
|
56
|
+
>
|
|
57
|
+
<circle
|
|
58
|
+
cx="5"
|
|
59
|
+
cy="5"
|
|
60
|
+
r="4.5"
|
|
61
|
+
fill="#EDAB3E"
|
|
62
|
+
/>
|
|
63
|
+
</svg>
|
|
64
|
+
</span>
|
|
65
|
+
</span>
|
|
43
66
|
|
|
44
67
|
<PsIcon
|
|
45
68
|
icon="info_outline"
|
|
@@ -111,7 +134,7 @@ defineProps({
|
|
|
111
134
|
},
|
|
112
135
|
})
|
|
113
136
|
|
|
114
|
-
const emit = defineEmits(['click-column-group-helper', 'click-column-helper', 'click-order-column'])
|
|
137
|
+
const emit = defineEmits(['click-column-group-helper', 'click-column-helper', 'click-order-column', 'column-alert-show', 'column-alert-hide'])
|
|
115
138
|
|
|
116
139
|
const parent = getCurrentInstance().proxy.$parent
|
|
117
140
|
|