bkui-vue 0.0.1-beta.425 → 0.0.1-beta.427
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/index.cjs.js +27 -27
- package/dist/index.esm.js +175 -55
- package/dist/index.umd.js +28 -28
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/cascader/index.js +1 -1
- package/lib/table/components/table-column.d.ts +18 -3
- package/lib/table/index.d.ts +42 -10
- package/lib/table/index.js +1 -1
- package/lib/table/props.d.ts +2 -2
- package/lib/table/use-column.d.ts +5 -4
- package/lib/table-column/index.d.ts +42 -10
- package/lib/table-column/index.js +1 -1
- package/lib/transfer/index.d.ts +57 -1
- package/lib/transfer/index.js +1 -1
- package/lib/transfer/props.d.ts +5 -0
- package/lib/transfer/transfer.css +70 -12
- package/lib/transfer/transfer.d.ts +22 -0
- package/lib/transfer/transfer.less +52 -2
- package/lib/transfer/transfer.variable.css +70 -12
- package/package.json +1 -1
|
@@ -131,6 +131,33 @@
|
|
|
131
131
|
font-size: 24px;
|
|
132
132
|
color: var(--light-gray);
|
|
133
133
|
}
|
|
134
|
+
.bk-transfer .transfer-button-group {
|
|
135
|
+
margin: 0 8px;
|
|
136
|
+
}
|
|
137
|
+
.bk-transfer .transfer-button-group .transfer-button {
|
|
138
|
+
display: flex;
|
|
139
|
+
width: 24px;
|
|
140
|
+
height: 24px;
|
|
141
|
+
color: var(--white-color);
|
|
142
|
+
cursor: pointer;
|
|
143
|
+
background-color: var(--primary-color);
|
|
144
|
+
border: 1px solid var(--primary-color);
|
|
145
|
+
border-radius: 2px;
|
|
146
|
+
align-items: center;
|
|
147
|
+
justify-content: center;
|
|
148
|
+
}
|
|
149
|
+
.bk-transfer .transfer-button-group .transfer-button:first-child {
|
|
150
|
+
margin-bottom: 8px;
|
|
151
|
+
}
|
|
152
|
+
.bk-transfer .transfer-button-group .transfer-button.disabled {
|
|
153
|
+
color: var(--light-gray);
|
|
154
|
+
cursor: not-allowed;
|
|
155
|
+
background-color: var(--whitesmoke-color);
|
|
156
|
+
border-color: var(--disable-color);
|
|
157
|
+
}
|
|
158
|
+
.bk-transfer .transfer-button-group .transfer-button span {
|
|
159
|
+
font-size: 18px;
|
|
160
|
+
}
|
|
134
161
|
.bk-transfer .source-list,
|
|
135
162
|
.bk-transfer .target-list {
|
|
136
163
|
flex: 1;
|
|
@@ -159,18 +186,23 @@
|
|
|
159
186
|
justify-content: space-between;
|
|
160
187
|
font-weight: 700;
|
|
161
188
|
}
|
|
162
|
-
.bk-transfer .source-list .header
|
|
163
|
-
.bk-transfer .target-list .header
|
|
189
|
+
.bk-transfer .source-list .header .select-all,
|
|
190
|
+
.bk-transfer .target-list .header .select-all {
|
|
164
191
|
font-size: 12px;
|
|
165
192
|
font-weight: normal;
|
|
166
193
|
color: var(--primary-color);
|
|
167
194
|
cursor: pointer;
|
|
168
195
|
}
|
|
169
|
-
.bk-transfer .source-list .header
|
|
170
|
-
.bk-transfer .target-list .header
|
|
196
|
+
.bk-transfer .source-list .header .select-all.disabled,
|
|
197
|
+
.bk-transfer .target-list .header .select-all.disabled {
|
|
171
198
|
color: var(--light-gray);
|
|
172
199
|
cursor: not-allowed;
|
|
173
200
|
}
|
|
201
|
+
.bk-transfer .source-list .header .select-total-count,
|
|
202
|
+
.bk-transfer .target-list .header .select-total-count {
|
|
203
|
+
font-weight: normal;
|
|
204
|
+
color: var(--gray-color);
|
|
205
|
+
}
|
|
174
206
|
.bk-transfer .source-list .transfer-search-input,
|
|
175
207
|
.bk-transfer .target-list .transfer-search-input {
|
|
176
208
|
width: calc(100% - 32px);
|
|
@@ -211,10 +243,17 @@
|
|
|
211
243
|
margin: 8px 0;
|
|
212
244
|
overflow-y: auto;
|
|
213
245
|
}
|
|
246
|
+
.bk-transfer .source-list .content.is-flex,
|
|
247
|
+
.bk-transfer .target-list .content.is-flex {
|
|
248
|
+
display: flex;
|
|
249
|
+
flex-direction: column;
|
|
250
|
+
}
|
|
214
251
|
.bk-transfer .source-list .content li.custom-item,
|
|
215
252
|
.bk-transfer .target-list .content li.custom-item,
|
|
216
253
|
.bk-transfer .source-list .content li .item-content,
|
|
217
|
-
.bk-transfer .target-list .content li .item-content
|
|
254
|
+
.bk-transfer .target-list .content li .item-content,
|
|
255
|
+
.bk-transfer .source-list .content .checkbox-item,
|
|
256
|
+
.bk-transfer .target-list .content .checkbox-item {
|
|
218
257
|
display: flex;
|
|
219
258
|
height: 32px;
|
|
220
259
|
padding: 0 10px 0 16px;
|
|
@@ -225,20 +264,26 @@
|
|
|
225
264
|
.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled),
|
|
226
265
|
.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled),
|
|
227
266
|
.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled),
|
|
228
|
-
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled)
|
|
267
|
+
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled),
|
|
268
|
+
.bk-transfer .source-list .content .checkbox-item:hover:not(.is-disabled),
|
|
269
|
+
.bk-transfer .target-list .content .checkbox-item:hover:not(.is-disabled) {
|
|
229
270
|
color: var(--primary-color);
|
|
230
271
|
background-color: #e1ecff;
|
|
231
272
|
}
|
|
232
273
|
.bk-transfer .source-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
|
|
233
274
|
.bk-transfer .target-list .content li.custom-item:hover:not(.is-disabled) .icon-wrapper,
|
|
234
275
|
.bk-transfer .source-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
|
|
235
|
-
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper
|
|
276
|
+
.bk-transfer .target-list .content li .item-content:hover:not(.is-disabled) .icon-wrapper,
|
|
277
|
+
.bk-transfer .source-list .content .checkbox-item:hover:not(.is-disabled) .icon-wrapper,
|
|
278
|
+
.bk-transfer .target-list .content .checkbox-item:hover:not(.is-disabled) .icon-wrapper {
|
|
236
279
|
visibility: visible;
|
|
237
280
|
}
|
|
238
281
|
.bk-transfer .source-list .content li.custom-item .content-text,
|
|
239
282
|
.bk-transfer .target-list .content li.custom-item .content-text,
|
|
240
283
|
.bk-transfer .source-list .content li .item-content .content-text,
|
|
241
|
-
.bk-transfer .target-list .content li .item-content .content-text
|
|
284
|
+
.bk-transfer .target-list .content li .item-content .content-text,
|
|
285
|
+
.bk-transfer .source-list .content .checkbox-item .content-text,
|
|
286
|
+
.bk-transfer .target-list .content .checkbox-item .content-text {
|
|
242
287
|
flex: 1;
|
|
243
288
|
overflow: hidden;
|
|
244
289
|
text-overflow: ellipsis;
|
|
@@ -247,30 +292,43 @@
|
|
|
247
292
|
.bk-transfer .source-list .content li.custom-item .icon-wrapper,
|
|
248
293
|
.bk-transfer .target-list .content li.custom-item .icon-wrapper,
|
|
249
294
|
.bk-transfer .source-list .content li .item-content .icon-wrapper,
|
|
250
|
-
.bk-transfer .target-list .content li .item-content .icon-wrapper
|
|
295
|
+
.bk-transfer .target-list .content li .item-content .icon-wrapper,
|
|
296
|
+
.bk-transfer .source-list .content .checkbox-item .icon-wrapper,
|
|
297
|
+
.bk-transfer .target-list .content .checkbox-item .icon-wrapper {
|
|
251
298
|
visibility: hidden;
|
|
252
299
|
}
|
|
253
300
|
.bk-transfer .source-list .content li.custom-item .icon-wrapper .bk-icon,
|
|
254
301
|
.bk-transfer .target-list .content li.custom-item .icon-wrapper .bk-icon,
|
|
255
302
|
.bk-transfer .source-list .content li .item-content .icon-wrapper .bk-icon,
|
|
256
|
-
.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon
|
|
303
|
+
.bk-transfer .target-list .content li .item-content .icon-wrapper .bk-icon,
|
|
304
|
+
.bk-transfer .source-list .content .checkbox-item .icon-wrapper .bk-icon,
|
|
305
|
+
.bk-transfer .target-list .content .checkbox-item .icon-wrapper .bk-icon {
|
|
257
306
|
display: flex;
|
|
258
307
|
font-size: 30px;
|
|
259
308
|
}
|
|
260
309
|
.bk-transfer .source-list .content li.custom-item .icon-wrapper .icon-delete,
|
|
261
310
|
.bk-transfer .target-list .content li.custom-item .icon-wrapper .icon-delete,
|
|
262
311
|
.bk-transfer .source-list .content li .item-content .icon-wrapper .icon-delete,
|
|
263
|
-
.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete
|
|
312
|
+
.bk-transfer .target-list .content li .item-content .icon-wrapper .icon-delete,
|
|
313
|
+
.bk-transfer .source-list .content .checkbox-item .icon-wrapper .icon-delete,
|
|
314
|
+
.bk-transfer .target-list .content .checkbox-item .icon-wrapper .icon-delete {
|
|
264
315
|
margin-right: 6px;
|
|
265
316
|
font-size: 16px;
|
|
266
317
|
}
|
|
267
318
|
.bk-transfer .source-list .content li.custom-item.is-disabled,
|
|
268
319
|
.bk-transfer .target-list .content li.custom-item.is-disabled,
|
|
269
320
|
.bk-transfer .source-list .content li .item-content.is-disabled,
|
|
270
|
-
.bk-transfer .target-list .content li .item-content.is-disabled
|
|
321
|
+
.bk-transfer .target-list .content li .item-content.is-disabled,
|
|
322
|
+
.bk-transfer .source-list .content .checkbox-item.is-disabled,
|
|
323
|
+
.bk-transfer .target-list .content .checkbox-item.is-disabled {
|
|
271
324
|
color: var(--light-gray);
|
|
272
325
|
cursor: not-allowed;
|
|
273
326
|
}
|
|
327
|
+
.bk-transfer .source-list .content .checkbox-item .item-content,
|
|
328
|
+
.bk-transfer .target-list .content .checkbox-item .item-content {
|
|
329
|
+
display: flex;
|
|
330
|
+
align-items: center;
|
|
331
|
+
}
|
|
274
332
|
.bk-transfer .source-list .content::-webkit-scrollbar,
|
|
275
333
|
.bk-transfer .target-list .content::-webkit-scrollbar {
|
|
276
334
|
width: 4px;
|