bkui-vue 0.0.1-beta.367 → 0.0.1-beta.369

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.
Files changed (51) hide show
  1. package/dist/index.cjs.js +51 -51
  2. package/dist/index.esm.js +132 -128
  3. package/dist/index.umd.js +52 -52
  4. package/lib/breadcrumb/breadcrumb.css +1 -1
  5. package/lib/breadcrumb/breadcrumb.variable.css +6 -6
  6. package/lib/card/card.css +1 -1
  7. package/lib/card/card.variable.css +5 -5
  8. package/lib/color-picker/index.js +1 -1
  9. package/lib/container/container.css +1 -1
  10. package/lib/container/container.variable.css +1 -1
  11. package/lib/date-picker/base/date-table.d.ts +1 -7
  12. package/lib/date-picker/base/time-spinner.d.ts +1 -3
  13. package/lib/date-picker/date-picker.less +75 -75
  14. package/lib/date-picker/index.js +1 -1
  15. package/lib/dialog/dialog.less +19 -20
  16. package/lib/dialog/dialog.variable.css +120 -0
  17. package/lib/dialog/index.js +1 -1
  18. package/lib/directives/index.js +1 -1
  19. package/lib/info-box/index.js +1 -1
  20. package/lib/info-box/info-box.less +10 -9
  21. package/lib/info-box/info-box.variable.css +120 -0
  22. package/lib/input/index.js +1 -1
  23. package/lib/input/input.css +1 -1
  24. package/lib/input/input.variable.css +60 -61
  25. package/lib/loading/loading.css +1 -1
  26. package/lib/loading/loading.variable.css +17 -17
  27. package/lib/menu/menu.css +1 -1
  28. package/lib/menu/menu.variable.css +19 -19
  29. package/lib/modal/index.js +1 -1
  30. package/lib/modal/modal.less +4 -3
  31. package/lib/modal/modal.variable.css +120 -0
  32. package/lib/progress/progress.css +1 -1
  33. package/lib/progress/progress.variable.css +5 -5
  34. package/lib/search-select/search-select.css +1 -1
  35. package/lib/search-select/search-select.variable.css +35 -35
  36. package/lib/select/index.d.ts +24 -1
  37. package/lib/select/index.js +1 -1
  38. package/lib/select/select.css +1 -2
  39. package/lib/select/select.d.ts +11 -0
  40. package/lib/select/select.less +34 -35
  41. package/lib/select/select.variable.css +1 -2
  42. package/lib/styles/mixins/mixins.css +1 -1
  43. package/lib/styles/mixins/mixins.variable.css +1 -1
  44. package/lib/styles/mixins/popper.css +1 -1
  45. package/lib/styles/mixins/popper.less +12 -11
  46. package/lib/styles/mixins/popper.variable.css +121 -1
  47. package/lib/switcher/switcher.css +1 -1
  48. package/lib/switcher/switcher.variable.css +18 -18
  49. package/lib/upload/upload.css +1 -1
  50. package/lib/upload/upload.variable.css +28 -28
  51. 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 0px 0px 6px 0px;
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: var(--font-size-base);
197
+ font-size: 12px;
198
198
  line-height: 20px;
199
- color: var(--input-color);
199
+ color: #63656e;
200
200
  background-color: white;
201
- border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
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: var(--light-gray);
208
+ color: #c4c6cc;
210
209
  }
211
210
  .bk-textarea.is-disabled,
212
211
  .bk-textarea.is-readonly {
213
- background-color: var(--input-disabled-bg);
214
- border-color: var(--disable-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: var(--input-disabled-bg);
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: var(--input-disabled-bg);
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: var(--input-horizontal-padding);
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: var(--input-maxlength-color);
256
+ color: #979ba5;
258
257
  }
259
258
  .bk-textarea.is-focused:not(.is-readonly) {
260
- border-color: var(--primary-color);
259
+ border-color: #3a84ff;
261
260
  outline: 0;
262
- box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
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: var(--input-height-base);
269
- font-size: var(--font-size-base);
270
- border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
271
- border-radius: var(--border-radius-base);
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: var(--light-gray);
274
+ color: #c4c6cc;
276
275
  }
277
276
  .bk-input.is-disabled,
278
277
  .bk-input.is-readonly {
279
- background-color: var(--input-disabled-bg);
280
- border-color: var(--disable-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: var(--input-disabled-bg);
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: var(--input-disabled-bg);
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: var(--gray-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: var(--input-border-color);
311
+ border-bottom-color: #c4c6cc;
313
312
  }
314
313
  .bk-input.is-simplicity:hover:not(.is-disabled) {
315
- background-color: var(--input-block-color);
314
+ background-color: #f5f7fa;
316
315
  border-color: transparent;
317
- border-bottom-color: var(--light-gray);
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: var(--input-block-color);
321
+ background-color: #f5f7fa;
323
322
  }
324
323
  .bk-input--suffix-icon {
325
324
  display: flex;
326
325
  height: 100%;
327
- padding-right: var(--input-horizontal-padding);
328
- font-size: var(--input-icon-size);
329
- color: var(--light-gray);
330
- background-color: var(--input-bg);
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: var(--gray-color);
340
+ color: #979ba5;
342
341
  }
343
342
  .bk-input--large {
344
- height: var(--component-size-large);
345
- font-size: var(--font-size-medium);
343
+ height: 40px;
344
+ font-size: 14px;
346
345
  }
347
346
  .bk-input--large .bk-input--max-length {
348
- font-size: var(--font-size-large);
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: var(--component-size-small);
355
- font-size: var(--font-size-base);
353
+ height: 26px;
354
+ font-size: 12px;
356
355
  }
357
356
  .bk-input--small .bk-input--max-length {
358
- font-size: var(--font-size-base);
357
+ font-size: 12px;
359
358
  }
360
359
  .bk-input--default {
361
- font-size: var(--font-size-base);
360
+ font-size: 12px;
362
361
  }
363
362
  .bk-input--default .bk-input--max-length {
364
- font-size: var(--font-size-base);
363
+ font-size: 12px;
365
364
  }
366
365
  .bk-input.is-focused:not(.is-readonly) {
367
- border-color: var(--primary-color);
366
+ border-color: #3a84ff;
368
367
  outline: 0;
369
- box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
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: var(--primary-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: var(--input-block-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 var(--input-horizontal-padding);
384
- color: var(--default-color);
385
- background-color: var(--input-block-color);
386
- border-right: 1px solid var(--input-border-color);
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 var(--input-border-color);
390
+ border-left: 1px solid #c4c6cc;
392
391
  }
393
392
  .bk-input--max-length {
394
393
  align-self: center;
395
- padding-right: var(--input-horizontal-padding);
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: var(--input-maxlength-color);
399
+ color: #979ba5;
401
400
  }
402
401
  .bk-input--text {
403
402
  width: 100%;
404
- padding: 0 var(--input-horizontal-padding);
403
+ padding: 0 10px;
405
404
  line-height: 1;
406
- color: var(--input-color);
407
- background-color: var(--input-bg);
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: var(--light-gray);
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: var(--gray-color);
452
+ color: #979ba5;
454
453
  text-align: center;
455
454
  cursor: pointer;
456
- background-color: var(--input-block-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: var(--light-gray);
460
+ color: #c4c6cc;
462
461
  cursor: not-allowed;
463
462
  }
464
463
  .bk-input--number-control svg {
465
- font-size: var(--input-icon-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: var(--input-block-hover-color);
470
+ background-color: #eaebf0;
472
471
  }
@@ -38,7 +38,7 @@
38
38
  .bk-popper.light {
39
39
  color: #63656e;
40
40
  background: #fff;
41
- box-shadow: #dcdee5 0px 0px 6px 0px;
41
+ box-shadow: #dcdee5 0 0 6px 0;
42
42
  }
43
43
  .bk-popper .bk-popper-arrow,
44
44
  .bk-popper .bk-popper-arrow::before {
@@ -158,7 +158,7 @@
158
158
  .bk-popper.light {
159
159
  color: #63656e;
160
160
  background: #fff;
161
- box-shadow: #dcdee5 0px 0px 6px 0px;
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: var(--default-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: var(--success-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: var(--danger-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: var(--warning-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: var(--primary-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: var(--white-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: var(--light-gray);
294
+ background-color: #c4c6cc;
295
295
  }
296
296
  .bk-loading-wrapper .bk-loading-indicator .dot-1 {
297
- background-color: var(--danger-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: var(--warning-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: var(--success-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: var(--primary-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: var(--font-size-medium);
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: var(--font-size-base);
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: var(--font-size-medium);
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: var(--font-size-medium);
420
+ font-size: 14px;
421
421
  line-height: normal;
422
- color: var(--default-color);
422
+ color: #63656e;
423
423
  text-align: center;
424
424
  }
package/lib/menu/menu.css CHANGED
@@ -38,7 +38,7 @@
38
38
  .bk-popper.light {
39
39
  color: #63656e;
40
40
  background: #fff;
41
- box-shadow: #dcdee5 0px 0px 6px 0px;
41
+ box-shadow: #dcdee5 0 0 6px 0;
42
42
  }
43
43
  .bk-popper .bk-popper-arrow,
44
44
  .bk-popper .bk-popper-arrow::before {
@@ -158,7 +158,7 @@
158
158
  .bk-popper.light {
159
159
  color: #63656e;
160
160
  background: #fff;
161
- box-shadow: #dcdee5 0px 0px 6px 0px;
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: var(--menu-collapse-width);
194
+ width: 60px;
195
195
  }
196
196
  .open {
197
- background: var(--submenu-bg-color);
197
+ background: #151d2c;
198
198
  }
199
199
  .bk-menu {
200
200
  display: flex;
201
- width: var(--menu-width);
202
- background-color: var(--menu-bg-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: var(--menu-collapse-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: var(--submenu-bg-color);
219
+ background: #151d2c;
220
220
  }
221
221
  .bk-menu-submenu:hover {
222
- color: var(--menu-active-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: var(--menu-active-color);
233
- background: var(--menu-active-bg-color);
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 var(--menu-collapse-width);
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: var(--menu-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: var(--menu-active-color);
299
+ color: white;
300
300
  cursor: pointer;
301
301
  }
302
302
  .bk-menu-item.is-active {
303
- color: var(--menu-active-color);
304
- background: var(--menu-active-bg-color);
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 var(--menu-collapse-width);
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: var(--menu-group-color);
319
- background-color: var(--menu-active-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: var(--menu-group-color);
339
+ color: #63656e;
340
340
  text-overflow: clip;
341
341
  white-space: nowrap;
342
342
  flex-wrap: nowrap;
@@ -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,o,i,s,r,n,l,a,d,p,c,h,u=this,f=this.maxHeight?{maxHeight:this.maxHeight}:{},y="bk-modal-body ".concat("slide"===this.animateType?this.direction:"");return(0,t.createVNode)("div",{class:["bk-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[u.isShow?(0,t.createVNode)("div",{class:y},[(0,t.createVNode)("div",{class:"bk-modal-header"},[null!==(i=null===(o=(e=u.$slots).header)||void 0===o?void 0:o.call(e))&&void 0!==i?i:""]),(0,t.createVNode)("div",{class:"bk-modal-content",style:["show"===u.dialogType?"padding-bottom: 20px":"",Object.assign({},f)]},[null!==(n=null===(r=(s=u.$slots).default)||void 0===r?void 0:r.call(s))&&void 0!==n?n:""]),"show"===u.dialogType?"":(0,t.createVNode)("div",{class:"bk-modal-footer"},[null!==(d=null===(a=(l=u.$slots).footer)||void 0===a?void 0:a.call(l))&&void 0!==d?d:""]),(0,t.createVNode)("div",{class:["bk-modal-close",u.closeIcon?"":"close-icon"]},[null!==(h=null===(c=(p=u.$slots).close)||void 0===c?void 0:c.call(p))&&void 0!==h?h:""])]):""]}})])}});var a=(0,o.withInstallProps)(l,{propsMixin:s},!0);const d=a})(),n})()));
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})()));
@@ -1,6 +1,7 @@
1
+ @import '../styles/themes/themes.less';
1
2
  @import '../info-box/info-box.less';
2
3
 
3
- .bk-modal-wrapper {
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
- .bk-modal-outside {
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
- .bk-modal-body {
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);