bkui-vue 0.0.1-beta.367 → 0.0.1-beta.368
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 +45 -45
- package/dist/index.esm.js +124 -124
- package/dist/index.umd.js +46 -46
- package/lib/breadcrumb/breadcrumb.css +1 -1
- package/lib/breadcrumb/breadcrumb.variable.css +6 -6
- package/lib/card/card.css +1 -1
- package/lib/card/card.variable.css +5 -5
- package/lib/color-picker/index.js +1 -1
- package/lib/container/container.css +1 -1
- package/lib/container/container.variable.css +1 -1
- package/lib/date-picker/base/date-table.d.ts +1 -7
- package/lib/date-picker/base/time-spinner.d.ts +1 -3
- package/lib/date-picker/date-picker.less +75 -75
- package/lib/date-picker/index.js +1 -1
- package/lib/dialog/dialog.less +19 -20
- package/lib/dialog/dialog.variable.css +120 -0
- package/lib/dialog/index.js +1 -1
- package/lib/directives/index.js +1 -1
- package/lib/info-box/index.js +1 -1
- package/lib/info-box/info-box.less +10 -9
- package/lib/info-box/info-box.variable.css +120 -0
- package/lib/input/index.js +1 -1
- package/lib/input/input.css +1 -1
- package/lib/input/input.variable.css +60 -61
- package/lib/loading/loading.css +1 -1
- package/lib/loading/loading.variable.css +17 -17
- package/lib/menu/menu.css +1 -1
- package/lib/menu/menu.variable.css +19 -19
- package/lib/modal/index.js +1 -1
- package/lib/modal/modal.less +4 -3
- package/lib/modal/modal.variable.css +120 -0
- package/lib/progress/progress.css +1 -1
- package/lib/progress/progress.variable.css +5 -5
- package/lib/search-select/search-select.css +1 -1
- package/lib/search-select/search-select.variable.css +35 -35
- package/lib/select/index.js +1 -1
- package/lib/select/select.css +1 -2
- package/lib/select/select.less +34 -35
- package/lib/select/select.variable.css +1 -2
- package/lib/styles/mixins/mixins.css +1 -1
- package/lib/styles/mixins/mixins.variable.css +1 -1
- package/lib/styles/mixins/popper.css +1 -1
- package/lib/styles/mixins/popper.less +12 -11
- package/lib/styles/mixins/popper.variable.css +121 -1
- package/lib/switcher/switcher.css +1 -1
- package/lib/switcher/switcher.variable.css +18 -18
- package/lib/upload/upload.css +1 -1
- package/lib/upload/upload.variable.css +28 -28
- package/package.json +1 -1
@@ -158,7 +158,7 @@
|
|
158
158
|
.bk-popper.light {
|
159
159
|
color: #63656e;
|
160
160
|
background: #fff;
|
161
|
-
box-shadow: #dcdee5
|
161
|
+
box-shadow: #dcdee5 0 0 6px 0;
|
162
162
|
}
|
163
163
|
.bk-popper .bk-popper-arrow,
|
164
164
|
.bk-popper .bk-popper-arrow::before {
|
@@ -194,24 +194,23 @@
|
|
194
194
|
display: inline-flex;
|
195
195
|
width: 100%;
|
196
196
|
min-height: 70px;
|
197
|
-
font-size:
|
197
|
+
font-size: 12px;
|
198
198
|
line-height: 20px;
|
199
|
-
color:
|
199
|
+
color: #63656e;
|
200
200
|
background-color: white;
|
201
|
-
border:
|
201
|
+
border: 1px solid #c4c6cc;
|
202
202
|
border-radius: 2px;
|
203
|
-
border-radius: var(--border-radius-base);
|
204
203
|
box-sizing: border-box;
|
205
204
|
transition: all 0.3s;
|
206
205
|
flex-direction: column;
|
207
206
|
}
|
208
207
|
.bk-textarea ::placeholder {
|
209
|
-
color:
|
208
|
+
color: #c4c6cc;
|
210
209
|
}
|
211
210
|
.bk-textarea.is-disabled,
|
212
211
|
.bk-textarea.is-readonly {
|
213
|
-
background-color:
|
214
|
-
border-color:
|
212
|
+
background-color: #fafbfd;
|
213
|
+
border-color: #dcdee5;
|
215
214
|
}
|
216
215
|
.bk-textarea.is-disabled .bk-input--prefix-area,
|
217
216
|
.bk-textarea.is-readonly .bk-input--prefix-area,
|
@@ -220,14 +219,14 @@
|
|
220
219
|
.bk-textarea.is-disabled .bk-input--suffix-icon,
|
221
220
|
.bk-textarea.is-readonly .bk-input--suffix-icon {
|
222
221
|
cursor: not-allowed;
|
223
|
-
background-color:
|
222
|
+
background-color: #fafbfd;
|
224
223
|
}
|
225
224
|
.bk-textarea.is-disabled input,
|
226
225
|
.bk-textarea.is-readonly input,
|
227
226
|
.bk-textarea.is-disabled textarea,
|
228
227
|
.bk-textarea.is-readonly textarea {
|
229
228
|
cursor: not-allowed;
|
230
|
-
background-color:
|
229
|
+
background-color: #fafbfd;
|
231
230
|
opacity: 1;
|
232
231
|
}
|
233
232
|
.bk-textarea.is-readonly input,
|
@@ -245,7 +244,7 @@
|
|
245
244
|
resize: none;
|
246
245
|
}
|
247
246
|
.bk-textarea--max-length {
|
248
|
-
padding-right:
|
247
|
+
padding-right: 10px;
|
249
248
|
margin: 0;
|
250
249
|
margin-left: auto;
|
251
250
|
font-size: 12px;
|
@@ -254,30 +253,30 @@
|
|
254
253
|
justify-content: flex-end;
|
255
254
|
}
|
256
255
|
.bk-textarea--max-length span {
|
257
|
-
color:
|
256
|
+
color: #979ba5;
|
258
257
|
}
|
259
258
|
.bk-textarea.is-focused:not(.is-readonly) {
|
260
|
-
border-color:
|
259
|
+
border-color: #3a84ff;
|
261
260
|
outline: 0;
|
262
|
-
box-shadow: 0px 0px 3px 0px
|
261
|
+
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
263
262
|
}
|
264
263
|
.bk-input {
|
265
264
|
display: inline-flex;
|
266
265
|
align-items: stretch;
|
267
266
|
width: 100%;
|
268
|
-
height:
|
269
|
-
font-size:
|
270
|
-
border:
|
271
|
-
border-radius:
|
267
|
+
height: 32px;
|
268
|
+
font-size: 12px;
|
269
|
+
border: 1px solid #c4c6cc;
|
270
|
+
border-radius: 2px;
|
272
271
|
transition: all 0.3s;
|
273
272
|
}
|
274
273
|
.bk-input ::placeholder {
|
275
|
-
color:
|
274
|
+
color: #c4c6cc;
|
276
275
|
}
|
277
276
|
.bk-input.is-disabled,
|
278
277
|
.bk-input.is-readonly {
|
279
|
-
background-color:
|
280
|
-
border-color:
|
278
|
+
background-color: #fafbfd;
|
279
|
+
border-color: #dcdee5;
|
281
280
|
}
|
282
281
|
.bk-input.is-disabled .bk-input--prefix-area,
|
283
282
|
.bk-input.is-readonly .bk-input--prefix-area,
|
@@ -286,14 +285,14 @@
|
|
286
285
|
.bk-input.is-disabled .bk-input--suffix-icon,
|
287
286
|
.bk-input.is-readonly .bk-input--suffix-icon {
|
288
287
|
cursor: not-allowed;
|
289
|
-
background-color:
|
288
|
+
background-color: #fafbfd;
|
290
289
|
}
|
291
290
|
.bk-input.is-disabled input,
|
292
291
|
.bk-input.is-readonly input,
|
293
292
|
.bk-input.is-disabled textarea,
|
294
293
|
.bk-input.is-readonly textarea {
|
295
294
|
cursor: not-allowed;
|
296
|
-
background-color:
|
295
|
+
background-color: #fafbfd;
|
297
296
|
opacity: 1;
|
298
297
|
}
|
299
298
|
.bk-input.is-readonly input,
|
@@ -301,7 +300,7 @@
|
|
301
300
|
cursor: auto;
|
302
301
|
}
|
303
302
|
.bk-input:hover:not(.is-disabled) {
|
304
|
-
border-color:
|
303
|
+
border-color: #979ba5;
|
305
304
|
}
|
306
305
|
.bk-input:hover:not(.is-disabled) .show-clear-only-hover {
|
307
306
|
display: flex;
|
@@ -309,25 +308,25 @@
|
|
309
308
|
.bk-input.is-simplicity {
|
310
309
|
background-color: transparent;
|
311
310
|
border-color: transparent;
|
312
|
-
border-bottom-color:
|
311
|
+
border-bottom-color: #c4c6cc;
|
313
312
|
}
|
314
313
|
.bk-input.is-simplicity:hover:not(.is-disabled) {
|
315
|
-
background-color:
|
314
|
+
background-color: #f5f7fa;
|
316
315
|
border-color: transparent;
|
317
|
-
border-bottom-color:
|
316
|
+
border-bottom-color: #c4c6cc;
|
318
317
|
box-shadow: none;
|
319
318
|
}
|
320
319
|
.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,
|
321
320
|
.bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon {
|
322
|
-
background-color:
|
321
|
+
background-color: #f5f7fa;
|
323
322
|
}
|
324
323
|
.bk-input--suffix-icon {
|
325
324
|
display: flex;
|
326
325
|
height: 100%;
|
327
|
-
padding-right:
|
328
|
-
font-size:
|
329
|
-
color:
|
330
|
-
background-color:
|
326
|
+
padding-right: 10px;
|
327
|
+
font-size: 14px;
|
328
|
+
color: #c4c6cc;
|
329
|
+
background-color: white;
|
331
330
|
align-items: center;
|
332
331
|
align-self: center;
|
333
332
|
}
|
@@ -338,73 +337,73 @@
|
|
338
337
|
cursor: pointer;
|
339
338
|
}
|
340
339
|
.bk-input--clear-icon:hover {
|
341
|
-
color:
|
340
|
+
color: #979ba5;
|
342
341
|
}
|
343
342
|
.bk-input--large {
|
344
|
-
height:
|
345
|
-
font-size:
|
343
|
+
height: 40px;
|
344
|
+
font-size: 14px;
|
346
345
|
}
|
347
346
|
.bk-input--large .bk-input--max-length {
|
348
|
-
font-size:
|
347
|
+
font-size: 16px;
|
349
348
|
}
|
350
349
|
.bk-input--large .bk-input--number-control span:first-child {
|
351
350
|
margin-bottom: 4px;
|
352
351
|
}
|
353
352
|
.bk-input--small {
|
354
|
-
height:
|
355
|
-
font-size:
|
353
|
+
height: 26px;
|
354
|
+
font-size: 12px;
|
356
355
|
}
|
357
356
|
.bk-input--small .bk-input--max-length {
|
358
|
-
font-size:
|
357
|
+
font-size: 12px;
|
359
358
|
}
|
360
359
|
.bk-input--default {
|
361
|
-
font-size:
|
360
|
+
font-size: 12px;
|
362
361
|
}
|
363
362
|
.bk-input--default .bk-input--max-length {
|
364
|
-
font-size:
|
363
|
+
font-size: 12px;
|
365
364
|
}
|
366
365
|
.bk-input.is-focused:not(.is-readonly) {
|
367
|
-
border-color:
|
366
|
+
border-color: #3a84ff;
|
368
367
|
outline: 0;
|
369
|
-
box-shadow: 0px 0px 3px 0px
|
368
|
+
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
370
369
|
}
|
371
370
|
.bk-input.is-focused:not(.is-readonly).is-simplicity {
|
372
371
|
border-color: transparent;
|
373
|
-
border-bottom-color:
|
372
|
+
border-bottom-color: #3a84ff;
|
374
373
|
box-shadow: none;
|
375
374
|
}
|
376
375
|
.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,
|
377
376
|
.bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon {
|
378
|
-
background-color:
|
377
|
+
background-color: #f5f7fa;
|
379
378
|
}
|
380
379
|
.bk-input--prefix-area,
|
381
380
|
.bk-input--suffix-area {
|
382
381
|
display: flex;
|
383
|
-
padding: 0
|
384
|
-
color:
|
385
|
-
background-color:
|
386
|
-
border-right: 1px solid
|
382
|
+
padding: 0 10px;
|
383
|
+
color: #63656e;
|
384
|
+
background-color: #f5f7fa;
|
385
|
+
border-right: 1px solid #c4c6cc;
|
387
386
|
align-items: center;
|
388
387
|
}
|
389
388
|
.bk-input--suffix-area {
|
390
389
|
border: 0;
|
391
|
-
border-left: 1px solid
|
390
|
+
border-left: 1px solid #c4c6cc;
|
392
391
|
}
|
393
392
|
.bk-input--max-length {
|
394
393
|
align-self: center;
|
395
|
-
padding-right:
|
394
|
+
padding-right: 10px;
|
396
395
|
font-size: 12px;
|
397
396
|
transform: scale(0.8);
|
398
397
|
}
|
399
398
|
.bk-input--max-length span {
|
400
|
-
color:
|
399
|
+
color: #979ba5;
|
401
400
|
}
|
402
401
|
.bk-input--text {
|
403
402
|
width: 100%;
|
404
|
-
padding: 0
|
403
|
+
padding: 0 10px;
|
405
404
|
line-height: 1;
|
406
|
-
color:
|
407
|
-
background-color:
|
405
|
+
color: #63656e;
|
406
|
+
background-color: white;
|
408
407
|
background-image: none;
|
409
408
|
border: none;
|
410
409
|
outline: none;
|
@@ -434,7 +433,7 @@
|
|
434
433
|
appearance: none;
|
435
434
|
}
|
436
435
|
.bk-input--text::placeholder {
|
437
|
-
color:
|
436
|
+
color: #c4c6cc;
|
438
437
|
}
|
439
438
|
.bk-input--number-control {
|
440
439
|
display: flex;
|
@@ -450,23 +449,23 @@
|
|
450
449
|
display: flex;
|
451
450
|
overflow: hidden;
|
452
451
|
line-height: 1;
|
453
|
-
color:
|
452
|
+
color: #979ba5;
|
454
453
|
text-align: center;
|
455
454
|
cursor: pointer;
|
456
|
-
background-color:
|
455
|
+
background-color: #f5f7fa;
|
457
456
|
flex: 1;
|
458
457
|
align-items: center;
|
459
458
|
}
|
460
459
|
.bk-input--number-control span.is-disabled {
|
461
|
-
color:
|
460
|
+
color: #c4c6cc;
|
462
461
|
cursor: not-allowed;
|
463
462
|
}
|
464
463
|
.bk-input--number-control svg {
|
465
|
-
font-size:
|
464
|
+
font-size: 14px;
|
466
465
|
}
|
467
466
|
.bk-input--number-control span:first-child {
|
468
467
|
transform: rotate(180deg);
|
469
468
|
}
|
470
469
|
.bk-input--number-control span:not(.is-disabled):hover {
|
471
|
-
background-color:
|
470
|
+
background-color: #eaebf0;
|
472
471
|
}
|
package/lib/loading/loading.css
CHANGED
@@ -158,7 +158,7 @@
|
|
158
158
|
.bk-popper.light {
|
159
159
|
color: #63656e;
|
160
160
|
background: #fff;
|
161
|
-
box-shadow: #dcdee5
|
161
|
+
box-shadow: #dcdee5 0 0 6px 0;
|
162
162
|
}
|
163
163
|
.bk-popper .bk-popper-arrow,
|
164
164
|
.bk-popper .bk-popper-arrow::before {
|
@@ -227,7 +227,7 @@
|
|
227
227
|
position: absolute;
|
228
228
|
width: 6px;
|
229
229
|
height: 8px;
|
230
|
-
background-color:
|
230
|
+
background-color: #63656e;
|
231
231
|
border-radius: 8px;
|
232
232
|
animation-duration: 1.2s;
|
233
233
|
animation-iteration-count: infinite;
|
@@ -251,7 +251,7 @@
|
|
251
251
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
|
252
252
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
|
253
253
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
|
254
|
-
background-color:
|
254
|
+
background-color: #2dcb56;
|
255
255
|
}
|
256
256
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
|
257
257
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
|
@@ -259,7 +259,7 @@
|
|
259
259
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
|
260
260
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
|
261
261
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
|
262
|
-
background-color:
|
262
|
+
background-color: #ea3636;
|
263
263
|
}
|
264
264
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
|
265
265
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
|
@@ -267,7 +267,7 @@
|
|
267
267
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
|
268
268
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
|
269
269
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
|
270
|
-
background-color:
|
270
|
+
background-color: #ff9c01;
|
271
271
|
}
|
272
272
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
|
273
273
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
|
@@ -275,7 +275,7 @@
|
|
275
275
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
|
276
276
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
|
277
277
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
|
278
|
-
background-color:
|
278
|
+
background-color: #3a84ff;
|
279
279
|
}
|
280
280
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
|
281
281
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
|
@@ -283,7 +283,7 @@
|
|
283
283
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
|
284
284
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
|
285
285
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
|
286
|
-
background-color:
|
286
|
+
background-color: white;
|
287
287
|
}
|
288
288
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
|
289
289
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
|
@@ -291,22 +291,22 @@
|
|
291
291
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
|
292
292
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
|
293
293
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
|
294
|
-
background-color:
|
294
|
+
background-color: #c4c6cc;
|
295
295
|
}
|
296
296
|
.bk-loading-wrapper .bk-loading-indicator .dot-1 {
|
297
|
-
background-color:
|
297
|
+
background-color: #ea3636;
|
298
298
|
animation-delay: 0.1s;
|
299
299
|
}
|
300
300
|
.bk-loading-wrapper .bk-loading-indicator .dot-2 {
|
301
|
-
background-color:
|
301
|
+
background-color: #ff9c01;
|
302
302
|
animation-delay: 0.25s;
|
303
303
|
}
|
304
304
|
.bk-loading-wrapper .bk-loading-indicator .dot-3 {
|
305
|
-
background-color:
|
305
|
+
background-color: #2dcb56;
|
306
306
|
animation-delay: 0.4s;
|
307
307
|
}
|
308
308
|
.bk-loading-wrapper .bk-loading-indicator .dot-4 {
|
309
|
-
background-color:
|
309
|
+
background-color: #3a84ff;
|
310
310
|
animation-delay: 0.55s;
|
311
311
|
margin-right: 0px;
|
312
312
|
}
|
@@ -371,7 +371,7 @@
|
|
371
371
|
transform-origin: center 8px;
|
372
372
|
}
|
373
373
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
|
374
|
-
font-size:
|
374
|
+
font-size: 14px;
|
375
375
|
}
|
376
376
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
|
377
377
|
height: 22px;
|
@@ -392,7 +392,7 @@
|
|
392
392
|
transform-origin: center 11px;
|
393
393
|
}
|
394
394
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
|
395
|
-
font-size:
|
395
|
+
font-size: 12px;
|
396
396
|
}
|
397
397
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
|
398
398
|
height: 52px;
|
@@ -413,12 +413,12 @@
|
|
413
413
|
transform-origin: center 26px;
|
414
414
|
}
|
415
415
|
.bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
|
416
|
-
font-size:
|
416
|
+
font-size: 14px;
|
417
417
|
}
|
418
418
|
.bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
|
419
419
|
margin-top: 8px;
|
420
|
-
font-size:
|
420
|
+
font-size: 14px;
|
421
421
|
line-height: normal;
|
422
|
-
color:
|
422
|
+
color: #63656e;
|
423
423
|
text-align: center;
|
424
424
|
}
|
package/lib/menu/menu.css
CHANGED
@@ -158,7 +158,7 @@
|
|
158
158
|
.bk-popper.light {
|
159
159
|
color: #63656e;
|
160
160
|
background: #fff;
|
161
|
-
box-shadow: #dcdee5
|
161
|
+
box-shadow: #dcdee5 0 0 6px 0;
|
162
162
|
}
|
163
163
|
.bk-popper .bk-popper-arrow,
|
164
164
|
.bk-popper .bk-popper-arrow::before {
|
@@ -191,20 +191,20 @@
|
|
191
191
|
left: -4px;
|
192
192
|
}
|
193
193
|
.collapse {
|
194
|
-
width:
|
194
|
+
width: 60px;
|
195
195
|
}
|
196
196
|
.open {
|
197
|
-
background:
|
197
|
+
background: #151d2c;
|
198
198
|
}
|
199
199
|
.bk-menu {
|
200
200
|
display: flex;
|
201
|
-
width:
|
202
|
-
background-color:
|
201
|
+
width: 260px;
|
202
|
+
background-color: #182132;
|
203
203
|
flex-direction: column;
|
204
204
|
transition: width 0.3s ease-out;
|
205
205
|
}
|
206
206
|
.bk-menu.is-collapse {
|
207
|
-
width:
|
207
|
+
width: 60px;
|
208
208
|
}
|
209
209
|
.bk-menu-submenu {
|
210
210
|
display: flex;
|
@@ -216,10 +216,10 @@
|
|
216
216
|
transition: width 0.3s ease-out;
|
217
217
|
}
|
218
218
|
.bk-menu-submenu.is-opened {
|
219
|
-
background:
|
219
|
+
background: #151d2c;
|
220
220
|
}
|
221
221
|
.bk-menu-submenu:hover {
|
222
|
-
color:
|
222
|
+
color: white;
|
223
223
|
cursor: pointer;
|
224
224
|
}
|
225
225
|
.bk-menu-submenu .submenu-header {
|
@@ -229,14 +229,14 @@
|
|
229
229
|
align-items: center;
|
230
230
|
}
|
231
231
|
.bk-menu-submenu .submenu-header.is-collapse {
|
232
|
-
color:
|
233
|
-
background:
|
232
|
+
color: white;
|
233
|
+
background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
|
234
234
|
}
|
235
235
|
.bk-menu-submenu .submenu-header-icon {
|
236
236
|
display: flex;
|
237
237
|
height: 100%;
|
238
238
|
font-size: 18px;
|
239
|
-
flex: 0 0
|
239
|
+
flex: 0 0 60px;
|
240
240
|
align-items: center;
|
241
241
|
justify-content: center;
|
242
242
|
}
|
@@ -289,25 +289,25 @@
|
|
289
289
|
margin: 2px 0;
|
290
290
|
overflow: hidden;
|
291
291
|
font-size: 14px;
|
292
|
-
color:
|
292
|
+
color: #96a2b9;
|
293
293
|
text-overflow: clip;
|
294
294
|
white-space: nowrap;
|
295
295
|
align-items: center;
|
296
296
|
transition: width 0.3s ease-in-out;
|
297
297
|
}
|
298
298
|
.bk-menu-item:hover {
|
299
|
-
color:
|
299
|
+
color: white;
|
300
300
|
cursor: pointer;
|
301
301
|
}
|
302
302
|
.bk-menu-item.is-active {
|
303
|
-
color:
|
304
|
-
background:
|
303
|
+
color: white;
|
304
|
+
background: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
|
305
305
|
}
|
306
306
|
.bk-menu-item .item-icon {
|
307
307
|
display: flex;
|
308
308
|
height: 100%;
|
309
309
|
font-size: 18px;
|
310
|
-
flex: 0 0
|
310
|
+
flex: 0 0 60px;
|
311
311
|
align-items: center;
|
312
312
|
justify-content: center;
|
313
313
|
}
|
@@ -315,8 +315,8 @@
|
|
315
315
|
display: inline-block;
|
316
316
|
width: 3px;
|
317
317
|
height: 3px;
|
318
|
-
background:
|
319
|
-
background-color:
|
318
|
+
background: #63656e;
|
319
|
+
background-color: white;
|
320
320
|
border-radius: 50%;
|
321
321
|
}
|
322
322
|
.bk-menu-item .item-content {
|
@@ -336,7 +336,7 @@
|
|
336
336
|
overflow: hidden;
|
337
337
|
font-size: 12px;
|
338
338
|
line-height: 16px;
|
339
|
-
color:
|
339
|
+
color: #63656e;
|
340
340
|
text-overflow: clip;
|
341
341
|
white-space: nowrap;
|
342
342
|
flex-wrap: nowrap;
|
package/lib/modal/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o,t)=>(()=>{"use strict";var i={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=t}},s={};function r(e){var o=s[e];if(void 0!==o)return o.exports;var t=s[e]={exports:{}};return i[e](t,t.exports,r),t.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{r.r(n),r.d(n,{BkModal:()=>a,default:()=>d,propsMixin:()=>s});var e,o=r(4212),t=r(748),i=r(210);!function(e){e.NORMAL="normal",e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(e||(e={}));var s={isShow:o.PropTypes.bool.def(!1),width:o.PropTypes.oneOfType([String,Number]).def("50%"),height:o.PropTypes.oneOfType([String,Number]).def("50%"),extCls:o.PropTypes.string||o.PropTypes.array,scrollable:o.PropTypes.bool.def(!0),showMask:o.PropTypes.bool.def(!0),closeIcon:o.PropTypes.bool.def(!0),escClose:o.PropTypes.bool.def(!0),fullscreen:o.PropTypes.bool.def(!1),size:(0,i.toType)("size",{}),draggable:o.PropTypes.bool.def(!0),quickClose:o.PropTypes.bool.def(!0),transfer:o.PropTypes.bool.def(!1),zIndex:o.PropTypes.oneOfType([String,Number]).def("inherit"),maxHeight:o.PropTypes.string,direction:o.PropTypes.string,title:o.PropTypes.string.def(""),animateType:o.PropTypes.string.def("slide"),renderDirective:(0,o.renderDirectiveType)(),beforeClose:o.PropTypes.custom((function(){return!0})),dialogType:(0,o.dialogTypeUnion)(),multiInstance:o.PropTypes.bool.def(!0),infoType:o.PropTypes.theme()};const l=(0,t.defineComponent)({name:"Modal",props:Object.assign({},s),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1,closeTimer:null}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none",zIndex:this.zIndex||"inherit"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?(this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=null,this.visible=e):this.closeTimer=setTimeout((function(){o.$emit("hidden"),o.visible=e}),250)},immediate:!0},visible:{handler:function(e){var t=this;e?(o.bkPopIndexManager.onMaskClick((function(e){t.handleClickOutSide()}),this.$el),this.$nextTick((function(){var e=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};o.bkPopIndexManager.show(t.$el,t.showMask,e,t.transfer,t.zIndex),t.$emit("shown")}))):(null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.hide(this.$el,this.transfer),null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.destroy())},immediate:!0}},beforeUnmount:function(){this.visible&&(null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.hide(this.$el),null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.destroy())},methods:{handleClickOutSide:function(){this.quickClose&&(this.$emit("close"),this.$emit("quick-close",this.$el),this.$emit("quickClose",this.$el))}},render:function(){var e,
|
1
|
+
!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("vue-types"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("vue-types")):o(e["../shared"],e.vue,e["vue-types"]);for(var i in t)("object"==typeof exports?exports:e)[i]=t[i]}}(self,((e,o,t)=>(()=>{"use strict";var i={4212:o=>{o.exports=e},748:e=>{e.exports=o},210:e=>{e.exports=t}},s={};function r(e){var o=s[e];if(void 0!==o)return o.exports;var t=s[e]={exports:{}};return i[e](t,t.exports,r),t.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{r.r(n),r.d(n,{BkModal:()=>a,default:()=>d,propsMixin:()=>s});var e,o=r(4212),t=r(748),i=r(210);!function(e){e.NORMAL="normal",e.SMALL="small",e.MEDIUM="medium",e.LARGE="large"}(e||(e={}));var s={isShow:o.PropTypes.bool.def(!1),width:o.PropTypes.oneOfType([String,Number]).def("50%"),height:o.PropTypes.oneOfType([String,Number]).def("50%"),extCls:o.PropTypes.string||o.PropTypes.array,scrollable:o.PropTypes.bool.def(!0),showMask:o.PropTypes.bool.def(!0),closeIcon:o.PropTypes.bool.def(!0),escClose:o.PropTypes.bool.def(!0),fullscreen:o.PropTypes.bool.def(!1),size:(0,i.toType)("size",{}),draggable:o.PropTypes.bool.def(!0),quickClose:o.PropTypes.bool.def(!0),transfer:o.PropTypes.bool.def(!1),zIndex:o.PropTypes.oneOfType([String,Number]).def("inherit"),maxHeight:o.PropTypes.string,direction:o.PropTypes.string,title:o.PropTypes.string.def(""),animateType:o.PropTypes.string.def("slide"),renderDirective:(0,o.renderDirectiveType)(),beforeClose:o.PropTypes.custom((function(){return!0})),dialogType:(0,o.dialogTypeUnion)(),multiInstance:o.PropTypes.bool.def(!0),infoType:o.PropTypes.theme()};const l=(0,t.defineComponent)({name:"Modal",props:Object.assign({},s),emits:["quick-close","quickClose","hidden","shown","close"],data:function(){return{visible:!1,closeTimer:null}},computed:{dialogWidth:function(){return/^\d+$/.test("".concat(this.width))?"".concat(this.width,"px"):this.width},dialogHeight:function(){return/^\d+$/.test("".concat(this.height))?"".concat(this.height,"px"):this.height},compStyle:function(){return{width:this.dialogWidth,height:this.dialogHeight,minHeigth:"".concat(200,"px"),display:this.visible?"inherit":"none",zIndex:this.zIndex||"inherit"}},fullscreenStyle:function(){return{width:"".concat(100,"%"),height:"".concat(100,"%")}}},watch:{isShow:{handler:function(e){var o=this;e?(this.closeTimer&&clearTimeout(this.closeTimer),this.closeTimer=null,this.visible=e):this.closeTimer=setTimeout((function(){o.$emit("hidden"),o.visible=e}),250)},immediate:!0},visible:{handler:function(e){var t=this;e?(o.bkPopIndexManager.onMaskClick((function(e){t.handleClickOutSide()}),this.$el),this.$nextTick((function(){var e=t.showMask?{}:{"background-color":"rgba(0,0,0,0)"};o.bkPopIndexManager.show(t.$el,t.showMask,e,t.transfer,t.zIndex),t.$emit("shown")}))):(null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.hide(this.$el,this.transfer),null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.destroy())},immediate:!0}},beforeUnmount:function(){this.visible&&(null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.hide(this.$el),null===o.bkPopIndexManager||void 0===o.bkPopIndexManager||o.bkPopIndexManager.destroy())},methods:{handleClickOutSide:function(){this.quickClose&&(this.$emit("close"),this.$emit("quick-close",this.$el),this.$emit("quickClose",this.$el))}},render:function(){var e,i,s,r,n,l,a,d,c,p,h,u,f=this,m=this.maxHeight?{maxHeight:this.maxHeight}:{},y="".concat((0,o.resolveClassName)("modal-body")," ").concat("slide"===this.animateType?this.direction:"");return(0,t.createVNode)("div",{class:[(0,o.resolveClassName)("modal-wrapper"),this.extCls,this.size,this.fullscreen?"fullscreen":""],style:[this.compStyle,this.fullscreen?this.fullscreenStyle:""]},[(0,t.createVNode)(t.Transition,{name:this.animateType},{default:function(){return[f.isShow?(0,t.createVNode)("div",{class:y},[(0,t.createVNode)("div",{class:(0,o.resolveClassName)("modal-header")},[null!==(s=null===(i=(e=f.$slots).header)||void 0===i?void 0:i.call(e))&&void 0!==s?s:""]),(0,t.createVNode)("div",{class:(0,o.resolveClassName)("modal-content"),style:["show"===f.dialogType?"padding-bottom: 20px":"",Object.assign({},m)]},[null!==(l=null===(n=(r=f.$slots).default)||void 0===n?void 0:n.call(r))&&void 0!==l?l:""]),"show"===f.dialogType?"":(0,t.createVNode)("div",{class:(0,o.resolveClassName)("modal-footer")},[null!==(c=null===(d=(a=f.$slots).footer)||void 0===d?void 0:d.call(a))&&void 0!==c?c:""]),(0,t.createVNode)("div",{class:[(0,o.resolveClassName)("modal-close"),f.closeIcon?"":"close-icon"]},[null!==(u=null===(h=(p=f.$slots).close)||void 0===h?void 0:h.call(p))&&void 0!==u?u:""])]):""]}})])}});var a=(0,o.withInstallProps)(l,{propsMixin:s},!0);const d=a})(),n})()));
|
package/lib/modal/modal.less
CHANGED
@@ -1,6 +1,7 @@
|
|
1
|
+
@import '../styles/themes/themes.less';
|
1
2
|
@import '../info-box/info-box.less';
|
2
3
|
|
3
|
-
|
4
|
+
.@{bk-prefix}-modal-wrapper {
|
4
5
|
position: absolute;
|
5
6
|
top: 50%;
|
6
7
|
left: 50%;
|
@@ -9,7 +10,7 @@
|
|
9
10
|
// background: #fff;
|
10
11
|
transform: translate(-50%, -50%);
|
11
12
|
|
12
|
-
|
13
|
+
.@{bk-prefix}-modal-outside {
|
13
14
|
position: fixed;
|
14
15
|
top: 0;
|
15
16
|
right: 0;
|
@@ -37,7 +38,7 @@
|
|
37
38
|
height: 720px;
|
38
39
|
}
|
39
40
|
|
40
|
-
|
41
|
+
.@{bk-prefix}-modal-body {
|
41
42
|
height: 100%;
|
42
43
|
background: #fff;
|
43
44
|
box-shadow: 0 4px 12px rgba(0,0,0,.15);
|