bri-components 1.2.93 → 1.2.95
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/package.json
CHANGED
|
@@ -173,6 +173,13 @@
|
|
|
173
173
|
changePageSize (...params) {
|
|
174
174
|
this.$emit("changePageSize", ...params);
|
|
175
175
|
}
|
|
176
|
+
},
|
|
177
|
+
watch: {
|
|
178
|
+
"listPropsObj.checkboxOption.selectedRowKeys" (newVal) {
|
|
179
|
+
if (!newVal.length && this.$refs.list.selections) {
|
|
180
|
+
this.$refs.list.selections = [];
|
|
181
|
+
}
|
|
182
|
+
}
|
|
176
183
|
}
|
|
177
184
|
};
|
|
178
185
|
</script>
|
|
@@ -63,15 +63,12 @@
|
|
|
63
63
|
<div
|
|
64
64
|
class="DshPanel-group-list"
|
|
65
65
|
>
|
|
66
|
-
<div
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
:noText="selfPropsObj.noDataText"
|
|
73
|
-
></bri-loading>
|
|
74
|
-
|
|
66
|
+
<div
|
|
67
|
+
:class="{
|
|
68
|
+
'list': true,
|
|
69
|
+
'list-nodata': !groupItem.list.length
|
|
70
|
+
}"
|
|
71
|
+
>
|
|
75
72
|
<CheckboxGroup
|
|
76
73
|
class="list-drag"
|
|
77
74
|
v-model="groupItem.selectIds"
|
|
@@ -99,6 +96,7 @@
|
|
|
99
96
|
@click="clickRow(dataItem, dataIndex)"
|
|
100
97
|
>
|
|
101
98
|
<dsh-icons
|
|
99
|
+
v-if="dragOperationObj"
|
|
102
100
|
class="row-item-move"
|
|
103
101
|
:list="[{
|
|
104
102
|
customIcon: 'bico-tuodong',
|
|
@@ -170,6 +168,13 @@
|
|
|
170
168
|
</dsh-draggable>
|
|
171
169
|
</CheckboxGroup>
|
|
172
170
|
|
|
171
|
+
<!-- 空数据 -->
|
|
172
|
+
<bri-loading
|
|
173
|
+
v-if="!groupItem.list.length"
|
|
174
|
+
class="list-loading"
|
|
175
|
+
:value="2"
|
|
176
|
+
:noText="selfPropsObj.noDataText"
|
|
177
|
+
></bri-loading>
|
|
173
178
|
<!-- 提示语 -->
|
|
174
179
|
<div
|
|
175
180
|
v-if="groupItem.loading"
|
|
@@ -612,6 +617,11 @@
|
|
|
612
617
|
}
|
|
613
618
|
|
|
614
619
|
&-loading {
|
|
620
|
+
height: calc(100% - 100px);
|
|
621
|
+
margin-bottom: 10px;
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
&-nodata {
|
|
615
625
|
background: #fff;
|
|
616
626
|
border: 1px solid @borderColor;
|
|
617
627
|
border-radius: 4px;
|
|
@@ -61,12 +61,16 @@
|
|
|
61
61
|
|
|
62
62
|
<div class="BriCollapseTree-listItem-grey">
|
|
63
63
|
<Tooltip
|
|
64
|
+
v-if="listItem._description"
|
|
64
65
|
placement="right"
|
|
65
66
|
max-width="300"
|
|
66
67
|
:content="listItem._description"
|
|
67
68
|
>
|
|
68
|
-
|
|
69
|
+
<span class="BriCollapseTree-listItem-rightText">
|
|
70
|
+
{{ listItem._simpleDescription }}
|
|
71
|
+
</span>
|
|
69
72
|
</Tooltip>
|
|
73
|
+
<span v-else class="BriCollapseTree-listItem-rightText">{{ listItem._simpleDescription }}</span>
|
|
70
74
|
</div>
|
|
71
75
|
</div>
|
|
72
76
|
</li>
|
|
@@ -1,37 +1,62 @@
|
|
|
1
1
|
.BriCollapseTree {
|
|
2
2
|
&-listItem {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
display: flex;
|
|
4
|
+
justify-content: space-between;
|
|
5
|
+
padding: 6px 12px;
|
|
6
|
+
line-height: 20px;
|
|
7
|
+
cursor: pointer;
|
|
8
|
+
|
|
9
|
+
&-text {
|
|
10
|
+
word-break: break-word;
|
|
11
|
+
flex: 1;
|
|
12
|
+
min-width: 120px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
&-grey {
|
|
16
|
+
text-align: right;
|
|
17
|
+
color: @textColor;
|
|
18
|
+
margin-left: 0px;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
&-rightText {
|
|
22
|
+
min-width: 50px;
|
|
23
|
+
.dsh-ellipsis2();
|
|
24
|
+
-webkit-line-clamp: 3;
|
|
25
|
+
word-break: break-word;
|
|
26
|
+
color: @contentColor;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&:hover {
|
|
30
|
+
background: @bgColor;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&-current {
|
|
34
|
+
font-weight: normal;
|
|
35
|
+
color: @themeColor;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
&-disabled {
|
|
39
|
+
cursor: not-allowed;
|
|
40
|
+
}
|
|
25
41
|
}
|
|
42
|
+
|
|
26
43
|
&-collapseItem {
|
|
27
|
-
padding:
|
|
44
|
+
padding: 4px 0px;
|
|
28
45
|
flex: 1;
|
|
46
|
+
display: flex;
|
|
47
|
+
justify-content: space-between;
|
|
48
|
+
cursor: pointer;
|
|
49
|
+
|
|
50
|
+
&:hover {
|
|
51
|
+
background: @bgColor;
|
|
52
|
+
}
|
|
29
53
|
}
|
|
30
54
|
}
|
|
31
55
|
|
|
32
56
|
.BriCollapseTree {
|
|
33
57
|
&-collapse {
|
|
34
58
|
border: none;
|
|
59
|
+
|
|
35
60
|
.ivu-collapse-item>.ivu-collapse-header {
|
|
36
61
|
padding: 0px;
|
|
37
62
|
height: auto;
|
|
@@ -39,6 +64,7 @@
|
|
|
39
64
|
line-height: 18px;
|
|
40
65
|
display: flex;
|
|
41
66
|
align-items: center;
|
|
67
|
+
|
|
42
68
|
i {
|
|
43
69
|
margin-right: 0px;
|
|
44
70
|
display: flex;
|
|
@@ -47,16 +73,19 @@
|
|
|
47
73
|
width: 30px;
|
|
48
74
|
height: 30px;
|
|
49
75
|
}
|
|
76
|
+
|
|
50
77
|
&:hover {
|
|
51
78
|
background: @bgColor;
|
|
52
79
|
}
|
|
53
80
|
}
|
|
81
|
+
|
|
54
82
|
.ivu-collapse-content {
|
|
55
83
|
padding: 0px;
|
|
56
84
|
}
|
|
85
|
+
|
|
57
86
|
.ivu-collapse-content>.ivu-collapse-content-box {
|
|
58
87
|
padding: 0px;
|
|
59
88
|
padding-left: 18px;
|
|
60
89
|
}
|
|
61
|
-
|
|
90
|
+
}
|
|
62
91
|
}
|