bri-components 1.2.63 → 1.2.64
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 +1 -1
- package/src/components/controls/base/DshCascader/DshCascader.vue +2 -2
- package/src/components/controls/base/DshCascader/components/cascaderModal.vue +0 -1
- package/src/components/controls/base/DshCascader/components/cascaderPicker.vue +3 -3
- package/src/components/controls/base/DshSelect/DshCheckbox.vue +1 -1
- package/src/components/controls/base/DshSelect/DshSelect.vue +1 -1
- package/src/components/controls/base/DshSwitch/DshSwitch.vue +1 -1
- package/src/components/controls/control.less +4 -0
- package/src/components/controls/mixins/controlMixin.js +4 -1
- package/src/components/list/DshBox/DshList.vue +3 -4
- package/src/components/list/DshBox/DshPanel.vue +206 -100
- package/src/components/small/DshDropdown.vue +70 -9
- package/src/components/unit/DshFormUnit.vue +9 -2
- package/src/styles/components/index.less +0 -1
- package/src/styles/reset-iview-other.less +7 -5
- package/src/styles/components/small/DshDropdown.less +0 -62
package/package.json
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
<template v-if="!$isEmptyData(curValList)">
|
|
33
33
|
<!-- 详情页查看 且单独占一行高度自由时 -->
|
|
34
34
|
<div
|
|
35
|
-
v-if="
|
|
35
|
+
v-if="isHeightAuto"
|
|
36
36
|
:class="{
|
|
37
37
|
...commonClass,
|
|
38
38
|
'DshCascader-show-auto': true
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
<template v-if="!$isEmptyData(curValList)">
|
|
98
98
|
<!-- 详情页查看 且单独占一行高度自由时 -->
|
|
99
99
|
<dsh-tags
|
|
100
|
-
v-if="
|
|
100
|
+
v-if="isHeightAuto"
|
|
101
101
|
:class="{
|
|
102
102
|
...commonClass,
|
|
103
103
|
'DshCascaders-show-auto': true
|
|
@@ -275,7 +275,7 @@
|
|
|
275
275
|
&.ivu-select-dropdown {
|
|
276
276
|
min-width: 400px;
|
|
277
277
|
max-width: 400px;
|
|
278
|
-
max-height:
|
|
278
|
+
max-height: 500px; // 必须有，压住iview的300px
|
|
279
279
|
border: 0.5px solid #e5e5e5;
|
|
280
280
|
box-shadow: 0 3px 14px 2px rgba(0,0,0,0.05), 0 8px 10px 1px rgba(0,0,0,0.06), 0 5px 5px -3px rgba(0,0,0,0.1);
|
|
281
281
|
}
|
|
@@ -353,8 +353,8 @@
|
|
|
353
353
|
|
|
354
354
|
&-list {
|
|
355
355
|
width: 100%;
|
|
356
|
-
min-height:
|
|
357
|
-
max-height:
|
|
356
|
+
min-height: 280px;
|
|
357
|
+
max-height: 340px;
|
|
358
358
|
padding: 5px 10px 10px;
|
|
359
359
|
overflow: auto;
|
|
360
360
|
|
|
@@ -143,7 +143,10 @@ export default {
|
|
|
143
143
|
},
|
|
144
144
|
// 控件内容高度 自由
|
|
145
145
|
isHeightAuto () {
|
|
146
|
-
return this.
|
|
146
|
+
return this.isInTable
|
|
147
|
+
? false
|
|
148
|
+
// ? this.isUnitShow
|
|
149
|
+
: this.isFullRow;
|
|
147
150
|
},
|
|
148
151
|
clearable () {
|
|
149
152
|
return this.commonDealPropsObj._clearable;
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
>
|
|
73
73
|
<CheckboxGroup
|
|
74
74
|
v-model="selectIds"
|
|
75
|
-
@on-change="
|
|
75
|
+
@on-change="selectRow"
|
|
76
76
|
>
|
|
77
77
|
<Checkbox
|
|
78
78
|
v-for="row in data"
|
|
@@ -161,7 +161,6 @@
|
|
|
161
161
|
</template>
|
|
162
162
|
|
|
163
163
|
<script>
|
|
164
|
-
|
|
165
164
|
export default {
|
|
166
165
|
name: "DshList",
|
|
167
166
|
components: {},
|
|
@@ -256,8 +255,8 @@
|
|
|
256
255
|
this.changeSelect();
|
|
257
256
|
},
|
|
258
257
|
// 切换选择
|
|
259
|
-
|
|
260
|
-
this.$emit("
|
|
258
|
+
selectRow (ids) {
|
|
259
|
+
this.$emit("selectRow", this.selectIds, this.selections, this.curRow.bool, this.curRow);
|
|
261
260
|
this.changeSelect();
|
|
262
261
|
},
|
|
263
262
|
// 改变选择项
|
|
@@ -13,21 +13,28 @@
|
|
|
13
13
|
color: '#ffffff'
|
|
14
14
|
}"
|
|
15
15
|
>
|
|
16
|
+
<!-- 左 -->
|
|
17
|
+
<Checkbox
|
|
18
|
+
class="header-checkbox"
|
|
19
|
+
v-model="groupItem.isSelectAll"
|
|
20
|
+
@on-change="selectGroupAll(groupItem, $event)"
|
|
21
|
+
></Checkbox>
|
|
22
|
+
|
|
16
23
|
<!-- 左 -->
|
|
17
24
|
<bri-tooltip
|
|
18
|
-
class="
|
|
25
|
+
class="header-left"
|
|
19
26
|
:content="groupItem.name"
|
|
20
27
|
placement="top"
|
|
21
28
|
:transfer="true"
|
|
22
29
|
>
|
|
23
|
-
<span class="
|
|
30
|
+
<span class="header-left-name">
|
|
24
31
|
{{ groupItem.name }}
|
|
25
32
|
</span>
|
|
26
33
|
</bri-tooltip>
|
|
27
34
|
|
|
28
35
|
<!-- 右 -->
|
|
29
|
-
<span>
|
|
30
|
-
<span class="
|
|
36
|
+
<span class="header-right">
|
|
37
|
+
<span class="header-right-num">
|
|
31
38
|
{{ groupItem.total }}
|
|
32
39
|
</span>
|
|
33
40
|
条（已加载{{ groupItem.list.length }}条）
|
|
@@ -43,98 +50,113 @@
|
|
|
43
50
|
>
|
|
44
51
|
<!-- 有数据 -->
|
|
45
52
|
<template v-if="groupItem.list.length">
|
|
46
|
-
<
|
|
47
|
-
v-model="groupItem.list"
|
|
48
|
-
group="panel"
|
|
49
|
-
animation="300"
|
|
53
|
+
<CheckboxGroup
|
|
50
54
|
class="list-drag"
|
|
51
|
-
|
|
52
|
-
@
|
|
53
|
-
@add="$dshEmit(dragOperationObj, $event, groupItem, data.find(item => item._key === $event.from.id), { [groupField]: groupItem._key })"
|
|
55
|
+
v-model="groupItem.selectIds"
|
|
56
|
+
@on-change="selectRow(groupItem, $event)"
|
|
54
57
|
>
|
|
55
|
-
<
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
58
|
+
<dsh-draggable
|
|
59
|
+
class="list-drag-draggable"
|
|
60
|
+
v-model="groupItem.list"
|
|
61
|
+
group="panel"
|
|
62
|
+
animation="300"
|
|
63
|
+
:disabled="!dragOperationObj"
|
|
64
|
+
@update="$dshEmit(dragOperationObj, $event, groupItem, data.find(item => item._key === $event.from.id), { [groupField]: groupItem._key })"
|
|
65
|
+
@add="$dshEmit(dragOperationObj, $event, groupItem, data.find(item => item._key === $event.from.id), { [groupField]: groupItem._key })"
|
|
59
66
|
>
|
|
60
|
-
<
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
class="row-item"
|
|
65
|
-
@click="clickRow(dataItem, dataIndex)"
|
|
67
|
+
<transition-group
|
|
68
|
+
:id="groupItem._key"
|
|
69
|
+
class="list-drag-transition"
|
|
70
|
+
@scroll.native="groupScroll(groupItem, groupIndex, $event)"
|
|
66
71
|
>
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
<!-- 标题 -->
|
|
80
|
-
<bri-tooltip
|
|
81
|
-
class="title"
|
|
82
|
-
:content="dataItem[propsObj.titleField]"
|
|
83
|
-
placement="top"
|
|
84
|
-
:transfer="true"
|
|
85
|
-
>
|
|
86
|
-
<div class="title-name">
|
|
87
|
-
{{ dataItem[propsObj.titleField] }}
|
|
88
|
-
</div>
|
|
89
|
-
</bri-tooltip>
|
|
90
|
-
|
|
91
|
-
<!-- 显示字段 -->
|
|
92
|
-
<div
|
|
93
|
-
v-for="colItem in selfColumns"
|
|
94
|
-
:key="colItem._key"
|
|
95
|
-
class="unit"
|
|
72
|
+
<div
|
|
73
|
+
v-for="(dataItem, dataIndex) in groupItem.list"
|
|
74
|
+
:key="dataItem._id"
|
|
75
|
+
:id="dataItem._id"
|
|
76
|
+
class="row-item"
|
|
77
|
+
@click="clickRow(dataItem, dataIndex)"
|
|
78
|
+
>
|
|
79
|
+
<!-- 复选框 -->
|
|
80
|
+
<Checkbox
|
|
81
|
+
class="row-item-checkbox"
|
|
82
|
+
:label="dataItem._id"
|
|
83
|
+
@click.native.stop="clickRowCheckbox(dataItem)"
|
|
96
84
|
>
|
|
97
|
-
|
|
85
|
+
{{ "" }}
|
|
86
|
+
</Checkbox>
|
|
87
|
+
|
|
88
|
+
<!-- 下拉操作 -->
|
|
89
|
+
<dsh-dropdown
|
|
90
|
+
v-if="operationList.length"
|
|
91
|
+
class="row-item-dropdown"
|
|
92
|
+
:dropdownObj="dropdownObj"
|
|
93
|
+
:list="operationList"
|
|
94
|
+
@click="$dshEmit($event, dataItem, dataIndex)"
|
|
95
|
+
@click.native.stop="0"
|
|
96
|
+
></dsh-dropdown>
|
|
97
|
+
|
|
98
|
+
<!-- 内容 -->
|
|
99
|
+
<div class="row-item-info">
|
|
100
|
+
<!-- 标题 -->
|
|
98
101
|
<bri-tooltip
|
|
99
|
-
class="
|
|
100
|
-
:content="
|
|
102
|
+
class="title"
|
|
103
|
+
:content="dataItem[propsObj.titleField]"
|
|
104
|
+
placement="top"
|
|
101
105
|
:transfer="true"
|
|
102
106
|
>
|
|
103
|
-
<
|
|
104
|
-
{{
|
|
105
|
-
</
|
|
106
|
-
<span class="unit-label-colon">
|
|
107
|
-
：
|
|
108
|
-
</span>
|
|
107
|
+
<div class="title-name">
|
|
108
|
+
{{ dataItem[propsObj.titleField] }}
|
|
109
|
+
</div>
|
|
109
110
|
</bri-tooltip>
|
|
110
111
|
|
|
111
|
-
<!--
|
|
112
|
-
<div
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
v-else-if="colItem.formatter"
|
|
123
|
-
v-html="colItem.formatter(dataItem, 0)"
|
|
124
|
-
></div>
|
|
125
|
-
|
|
126
|
-
<span
|
|
127
|
-
v-else
|
|
128
|
-
class="unit-control-text"
|
|
112
|
+
<!-- 显示字段 -->
|
|
113
|
+
<div
|
|
114
|
+
v-for="colItem in selfColumns"
|
|
115
|
+
:key="colItem._key"
|
|
116
|
+
class="unit"
|
|
117
|
+
>
|
|
118
|
+
<!-- 左 label -->
|
|
119
|
+
<bri-tooltip
|
|
120
|
+
class="unit-label"
|
|
121
|
+
:content="colItem._name"
|
|
122
|
+
:transfer="true"
|
|
129
123
|
>
|
|
130
|
-
|
|
131
|
-
|
|
124
|
+
<span class="unit-label-name">
|
|
125
|
+
{{ colItem._name }}
|
|
126
|
+
</span>
|
|
127
|
+
<span class="unit-label-colon">
|
|
128
|
+
：
|
|
129
|
+
</span>
|
|
130
|
+
</bri-tooltip>
|
|
131
|
+
|
|
132
|
+
<!-- 右 val -->
|
|
133
|
+
<div class="unit-control">
|
|
134
|
+
<dsh-list-render
|
|
135
|
+
v-if="colItem.renderBodyCell"
|
|
136
|
+
:row="dataItem"
|
|
137
|
+
:column="colItem"
|
|
138
|
+
:index="0"
|
|
139
|
+
:render="colItem.renderBodyCell"
|
|
140
|
+
></dsh-list-render>
|
|
141
|
+
|
|
142
|
+
<div
|
|
143
|
+
v-else-if="colItem.formatter"
|
|
144
|
+
v-html="colItem.formatter(dataItem, 0)"
|
|
145
|
+
></div>
|
|
146
|
+
|
|
147
|
+
<span
|
|
148
|
+
v-else
|
|
149
|
+
class="unit-control-text"
|
|
150
|
+
>
|
|
151
|
+
{{ dataItem[colItem._key] }}
|
|
152
|
+
</span>
|
|
153
|
+
</div>
|
|
132
154
|
</div>
|
|
133
155
|
</div>
|
|
134
156
|
</div>
|
|
135
|
-
</
|
|
136
|
-
</
|
|
137
|
-
</
|
|
157
|
+
</transition-group>
|
|
158
|
+
</dsh-draggable>
|
|
159
|
+
</CheckboxGroup>
|
|
138
160
|
</template>
|
|
139
161
|
|
|
140
162
|
<!-- 无数据 -->
|
|
@@ -205,22 +227,30 @@
|
|
|
205
227
|
},
|
|
206
228
|
data () {
|
|
207
229
|
return {
|
|
230
|
+
selections: [],
|
|
231
|
+
// curRow: null // 可以不声明
|
|
232
|
+
|
|
208
233
|
// 下拉菜单的配置
|
|
209
234
|
dropdownObj: {
|
|
210
235
|
icon: "ios-more",
|
|
211
236
|
size: 22,
|
|
212
237
|
color: "#E9ECF4",
|
|
213
238
|
showDropdownItemIcon: false
|
|
214
|
-
},
|
|
215
|
-
|
|
216
|
-
getBgColor (groupItem) {
|
|
217
|
-
return this.groupFieldObj._useColor
|
|
218
|
-
? resourceData.colorMap[(this.groupFieldObj._data.find(item => item._key === groupItem._key) || { color: "color-default" }).color]
|
|
219
|
-
: resourceData.colorMap["color-default"];
|
|
220
239
|
}
|
|
221
240
|
};
|
|
222
241
|
},
|
|
223
242
|
computed: {
|
|
243
|
+
selectIds: {
|
|
244
|
+
get () {
|
|
245
|
+
return this.selections.map(item => item._id);
|
|
246
|
+
},
|
|
247
|
+
set (val) {
|
|
248
|
+
this.selections = this.data
|
|
249
|
+
.reduce((arr, groupItem) => [...arr, ...groupItem.list], [])
|
|
250
|
+
.filter(item => val.includes(item._id));
|
|
251
|
+
}
|
|
252
|
+
},
|
|
253
|
+
|
|
224
254
|
groupField () {
|
|
225
255
|
return this.propsObj.groupField;
|
|
226
256
|
},
|
|
@@ -284,6 +314,7 @@
|
|
|
284
314
|
// 判断是否要滚动加载
|
|
285
315
|
groupLoad (groupItem, groupElement) {
|
|
286
316
|
if (
|
|
317
|
+
groupItem &&
|
|
287
318
|
groupItem.loading !== true &&
|
|
288
319
|
groupItem.finished !== true &&
|
|
289
320
|
groupElement.children.length === groupItem.list.length &&
|
|
@@ -296,11 +327,56 @@
|
|
|
296
327
|
// 点击某行
|
|
297
328
|
clickRow (row) {
|
|
298
329
|
this.$emit("clickRow", row);
|
|
330
|
+
},
|
|
331
|
+
// 点击某行的选择框
|
|
332
|
+
clickRowCheckbox (row) {
|
|
333
|
+
this.curRow = row;
|
|
334
|
+
this.curRow.bool = !this.selectIds.includes(row._id);
|
|
335
|
+
},
|
|
336
|
+
|
|
337
|
+
// 切换全选
|
|
338
|
+
selectGroupAll (groupItem, bool) {
|
|
339
|
+
const groupListIds = groupItem.list.map(item => item._id);
|
|
340
|
+
groupItem.selectIds = groupItem.isSelectAll === true
|
|
341
|
+
? groupListIds
|
|
342
|
+
: [];
|
|
343
|
+
this.selectIds = groupItem.isSelectAll === true
|
|
344
|
+
? [...new Set([...this.selectIds, ...groupListIds])]
|
|
345
|
+
: this.selectIds.filter(id => !groupListIds.includes(id));
|
|
346
|
+
|
|
347
|
+
this.$emit("selectAll", this.selectIds, this.selections, groupItem.isSelectAll);
|
|
348
|
+
this.changeSelect();
|
|
349
|
+
},
|
|
350
|
+
// 选择行
|
|
351
|
+
selectRow (groupItem, ids) {
|
|
352
|
+
const groupListIds = groupItem.list.map(item => item._id);
|
|
353
|
+
this.selectIds = [
|
|
354
|
+
...this.selectIds.filter(id => !groupListIds.includes(id)),
|
|
355
|
+
...groupItem.selectIds
|
|
356
|
+
];
|
|
357
|
+
groupItem.isSelectAll = groupListIds.length > 0 && groupItem.selectIds.length === groupListIds.length;
|
|
358
|
+
|
|
359
|
+
this.$emit("selectRow", this.selectIds, this.selections, this.curRow.bool, this.curRow);
|
|
360
|
+
this.changeSelect();
|
|
361
|
+
},
|
|
362
|
+
// 改变选择项
|
|
363
|
+
changeSelect () {
|
|
364
|
+
this.$emit("changeSelect", this.selectIds, this.selections);
|
|
365
|
+
},
|
|
366
|
+
|
|
367
|
+
/* -------- 方法 -------- */
|
|
368
|
+
getBgColor (groupItem) {
|
|
369
|
+
return this.groupFieldObj._useColor
|
|
370
|
+
? resourceData.colorMap[(this.groupFieldObj._data.find(item => item._key === groupItem._key) || { color: "color-default" }).color]
|
|
371
|
+
: resourceData.colorMap["color-default"];
|
|
299
372
|
}
|
|
300
373
|
},
|
|
301
374
|
watch: {
|
|
302
375
|
data () {
|
|
303
376
|
this.initGroupScroll();
|
|
377
|
+
this.data.forEach(groupItem => {
|
|
378
|
+
groupItem.isSelectAll = groupItem.list.length > 0 && groupItem.selectIds.length === groupItem.list.length;
|
|
379
|
+
});
|
|
304
380
|
}
|
|
305
381
|
}
|
|
306
382
|
};
|
|
@@ -332,18 +408,37 @@
|
|
|
332
408
|
display: flex;
|
|
333
409
|
justify-content: space-between;
|
|
334
410
|
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
411
|
+
.header {
|
|
412
|
+
&-checkbox {
|
|
413
|
+
.ivu-checkbox-inner {
|
|
414
|
+
border: 2px solid #ffffff;
|
|
415
|
+
background-color: transparent;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
.ivu-checkbox-checked {
|
|
419
|
+
.ivu-checkbox-inner:after {
|
|
420
|
+
top: 1px;
|
|
421
|
+
left: 4px;
|
|
422
|
+
}
|
|
423
|
+
}
|
|
424
|
+
}
|
|
425
|
+
|
|
426
|
+
&-left {
|
|
427
|
+
flex: 1;
|
|
428
|
+
min-width: 0px;
|
|
338
429
|
|
|
339
|
-
|
|
340
|
-
|
|
430
|
+
&-name {
|
|
431
|
+
.dsh-ellipsis();
|
|
432
|
+
}
|
|
341
433
|
}
|
|
342
|
-
}
|
|
343
434
|
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
435
|
+
&-right {
|
|
436
|
+
margin-left: 5px;
|
|
437
|
+
|
|
438
|
+
&-num {
|
|
439
|
+
font-weight: bold;
|
|
440
|
+
}
|
|
441
|
+
}
|
|
347
442
|
}
|
|
348
443
|
}
|
|
349
444
|
|
|
@@ -362,6 +457,11 @@
|
|
|
362
457
|
flex: 1;
|
|
363
458
|
min-height: 0px;
|
|
364
459
|
|
|
460
|
+
&-draggable {
|
|
461
|
+
width: 100%;
|
|
462
|
+
height: 100%;
|
|
463
|
+
}
|
|
464
|
+
|
|
365
465
|
&-transition {
|
|
366
466
|
display: block;
|
|
367
467
|
width: 100%;
|
|
@@ -372,12 +472,19 @@
|
|
|
372
472
|
.row-item {
|
|
373
473
|
min-height: 60px;
|
|
374
474
|
margin-bottom: 10px;
|
|
475
|
+
padding: 8px 10px;
|
|
375
476
|
border: 1px solid rgba(102, 110, 126, 0.1);
|
|
376
|
-
border-radius: 4px;
|
|
477
|
+
// border-radius: 4px;
|
|
377
478
|
background: #FFFFFF;
|
|
378
479
|
cursor: pointer;
|
|
379
480
|
position: relative;
|
|
380
481
|
|
|
482
|
+
&-checkbox {
|
|
483
|
+
position: absolute;
|
|
484
|
+
top: -3px;
|
|
485
|
+
left: -1px;
|
|
486
|
+
}
|
|
487
|
+
|
|
381
488
|
&-dropdown {
|
|
382
489
|
position: absolute;
|
|
383
490
|
top: 5px;
|
|
@@ -385,13 +492,12 @@
|
|
|
385
492
|
}
|
|
386
493
|
|
|
387
494
|
&-info {
|
|
388
|
-
padding: 8px 10px;
|
|
389
495
|
background: #ffffff;
|
|
390
496
|
overflow: hidden;
|
|
391
497
|
|
|
392
498
|
.title {
|
|
393
499
|
height: 24px;
|
|
394
|
-
padding
|
|
500
|
+
padding: 0px 16px 0px 10px;
|
|
395
501
|
font-size: 14px;
|
|
396
502
|
font-weight: 600;
|
|
397
503
|
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
<div
|
|
40
40
|
class="DshDropdown-list-data"
|
|
41
41
|
:style="{
|
|
42
|
-
maxHeight: useSearch ? '
|
|
42
|
+
maxHeight: useSearch ? '320px' : '360px'
|
|
43
43
|
}"
|
|
44
44
|
>
|
|
45
45
|
<!-- 有数据 -->
|
|
@@ -66,16 +66,10 @@
|
|
|
66
66
|
>
|
|
67
67
|
<dsh-icons
|
|
68
68
|
v-if="dropdownItem.icon || dropdownItem.customIcon"
|
|
69
|
-
|
|
70
|
-
'list-item-icon': true,
|
|
71
|
-
'list-item-disabled': dropdownItem.disabled
|
|
72
|
-
}"
|
|
69
|
+
class="list-item-icon"
|
|
73
70
|
:list="[dropdownItem]"
|
|
74
71
|
/>
|
|
75
|
-
<span
|
|
76
|
-
'list-item-name': true,
|
|
77
|
-
'list-item-disabled': dropdownItem.disabled
|
|
78
|
-
}">
|
|
72
|
+
<span class="list-item-name">
|
|
79
73
|
{{ dropdownItem.name || dropdownItem._name }}
|
|
80
74
|
</span>
|
|
81
75
|
</slot>
|
|
@@ -158,3 +152,70 @@
|
|
|
158
152
|
}
|
|
159
153
|
};
|
|
160
154
|
</script>
|
|
155
|
+
|
|
156
|
+
<style lang="less">
|
|
157
|
+
.DshDropdown {
|
|
158
|
+
&-rel {
|
|
159
|
+
color: @contentColor;
|
|
160
|
+
cursor: pointer;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
&-list {
|
|
164
|
+
&-search {
|
|
165
|
+
width: 100%;
|
|
166
|
+
height: 40px;
|
|
167
|
+
padding: 0px 8px;
|
|
168
|
+
line-height: 40px;
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
&-data {
|
|
172
|
+
width: 100%;
|
|
173
|
+
// max-height: 300px;
|
|
174
|
+
padding: 0 8px;
|
|
175
|
+
overflow: auto;
|
|
176
|
+
|
|
177
|
+
.list {
|
|
178
|
+
&-item {
|
|
179
|
+
padding: 10px 8px;
|
|
180
|
+
border-radius: @borderRadius;
|
|
181
|
+
line-height: 16px;
|
|
182
|
+
display: flex;
|
|
183
|
+
flex-direction: row;
|
|
184
|
+
align-items: center;
|
|
185
|
+
|
|
186
|
+
&-icon {
|
|
187
|
+
margin-right: 8px;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
&-name {
|
|
191
|
+
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
&:hover {
|
|
195
|
+
background-color: @theme-focus;
|
|
196
|
+
color: @themeColor;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
&-disabled {
|
|
200
|
+
color: @textColor-disabled;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
.ivu-dropdown-item-divided:before {
|
|
205
|
+
margin: 0px;
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.nodata {
|
|
210
|
+
#dsh-nodata();
|
|
211
|
+
}
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
&.ivu-select-dropdown {
|
|
216
|
+
max-height: 500px;
|
|
217
|
+
border: 0.5px solid #e5e5e5;
|
|
218
|
+
box-shadow: 0 3px 14px 2px rgba(0,0,0,0.05), 0 8px 10px 1px rgba(0,0,0,0.06), 0 5px 5px -3px rgba(0,0,0,0.1);
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
</style>
|
|
@@ -288,8 +288,11 @@
|
|
|
288
288
|
}
|
|
289
289
|
|
|
290
290
|
&-control {
|
|
291
|
-
min-height: 32px;
|
|
292
291
|
overflow: hidden;
|
|
292
|
+
|
|
293
|
+
&-component {
|
|
294
|
+
|
|
295
|
+
}
|
|
293
296
|
}
|
|
294
297
|
|
|
295
298
|
&-line {
|
|
@@ -318,7 +321,11 @@
|
|
|
318
321
|
|
|
319
322
|
.DshFormUnit-control {
|
|
320
323
|
flex: 1;
|
|
321
|
-
min-width:
|
|
324
|
+
min-width: 0px;
|
|
325
|
+
|
|
326
|
+
&-component {
|
|
327
|
+
|
|
328
|
+
}
|
|
322
329
|
}
|
|
323
330
|
}
|
|
324
331
|
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
.ivu-tooltip {
|
|
2
|
+
&-rel {
|
|
3
|
+
|
|
4
|
+
}
|
|
5
|
+
|
|
2
6
|
&-arrow {
|
|
3
7
|
border-bottom-color: @textColor !important;
|
|
4
8
|
}
|
|
@@ -14,10 +18,6 @@
|
|
|
14
18
|
max-height: 350px;
|
|
15
19
|
overflow: auto;
|
|
16
20
|
}
|
|
17
|
-
|
|
18
|
-
&-rel {
|
|
19
|
-
width: 100%;
|
|
20
|
-
}
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
.ivu-tag {
|
|
@@ -36,6 +36,8 @@
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
// 下拉框
|
|
39
40
|
.ivu-select-dropdown {
|
|
40
|
-
max-width:
|
|
41
|
+
max-width: 420px;
|
|
42
|
+
max-height: 300px;
|
|
41
43
|
}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
.DshDropdown {
|
|
2
|
-
&-rel {
|
|
3
|
-
color: @contentColor;
|
|
4
|
-
cursor: pointer;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
&-list {
|
|
8
|
-
&-search {
|
|
9
|
-
width: 100%;
|
|
10
|
-
height: 40px;
|
|
11
|
-
padding: 0px 8px;
|
|
12
|
-
line-height: 40px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
&-data {
|
|
16
|
-
width: 100%;
|
|
17
|
-
// max-height: 300px;
|
|
18
|
-
overflow: auto;
|
|
19
|
-
|
|
20
|
-
.list {
|
|
21
|
-
.list-item {
|
|
22
|
-
display: flex;
|
|
23
|
-
flex-direction: row;
|
|
24
|
-
align-items: center;
|
|
25
|
-
border-radius: @borderRadius;
|
|
26
|
-
padding: 9px 8px;
|
|
27
|
-
margin: 0 8px;
|
|
28
|
-
line-height: 22px;
|
|
29
|
-
&:hover {
|
|
30
|
-
background-color: @theme-focus;
|
|
31
|
-
color: @themeColor;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&-disabled {
|
|
35
|
-
color: @textColor-disabled
|
|
36
|
-
}
|
|
37
|
-
&-icon {
|
|
38
|
-
margin-right: 8px;
|
|
39
|
-
}
|
|
40
|
-
&-name {
|
|
41
|
-
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.ivu-dropdown-item-divided:before {
|
|
46
|
-
margin: 0px;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.nodata {
|
|
51
|
-
#dsh-nodata();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
&.ivu-select-dropdown {
|
|
56
|
-
border: 0.5px solid #e5e5e5;
|
|
57
|
-
box-shadow: 0 3px 14px 2px rgba(0,0,0,0.05), 0 8px 10px 1px rgba(0,0,0,0.06), 0 5px 5px -3px rgba(0,0,0,0.1);
|
|
58
|
-
max-height: 500px;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|