bkui-vue 2.0.1-beta.106 → 2.0.1-beta.107

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 (149) hide show
  1. package/dist/index.cjs.js +28 -28
  2. package/dist/index.esm.js +2770 -2771
  3. package/dist/index.umd.js +29 -29
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +0 -130
  7. package/lib/affix/affix.variable.css +1 -261
  8. package/lib/alert/alert.css +3 -133
  9. package/lib/alert/alert.variable.css +1 -261
  10. package/lib/backtop/backtop.css +3 -133
  11. package/lib/backtop/backtop.variable.css +4 -394
  12. package/lib/badge/badge.css +26 -156
  13. package/lib/badge/badge.variable.css +1 -261
  14. package/lib/breadcrumb/breadcrumb.css +5 -135
  15. package/lib/breadcrumb/breadcrumb.variable.css +6 -396
  16. package/lib/button/button.css +143 -273
  17. package/lib/button/button.variable.css +1 -261
  18. package/lib/card/card.css +4 -134
  19. package/lib/card/card.variable.css +5 -395
  20. package/lib/cascader/cascader.css +23 -153
  21. package/lib/cascader/cascader.variable.css +24 -414
  22. package/lib/checkbox/checkbox.css +10 -140
  23. package/lib/checkbox/checkbox.variable.css +1 -261
  24. package/lib/code-diff/code-diff.css +0 -130
  25. package/lib/code-diff/code-diff.variable.css +1 -261
  26. package/lib/collapse/collapse.css +1 -131
  27. package/lib/collapse/collapse.variable.css +1 -261
  28. package/lib/collapse-transition/collapse-transition.css +0 -130
  29. package/lib/collapse-transition/collapse-transition.variable.css +1 -261
  30. package/lib/color-picker/color-picker.css +0 -130
  31. package/lib/color-picker/color-picker.variable.css +1 -261
  32. package/lib/config-provider/config-provider.css +0 -130
  33. package/lib/config-provider/config-provider.variable.css +1 -261
  34. package/lib/config-provider/index.js +5 -8
  35. package/lib/config-provider/use-global-config.d.ts +0 -1
  36. package/lib/container/container.css +0 -130
  37. package/lib/container/container.variable.css +1 -391
  38. package/lib/date-picker/date-picker.css +17 -147
  39. package/lib/date-picker/date-picker.variable.css +1 -261
  40. package/lib/dialog/dialog.css +8 -138
  41. package/lib/dialog/dialog.variable.css +9 -399
  42. package/lib/directives/index.js +4 -12
  43. package/lib/divider/divider.css +3 -133
  44. package/lib/divider/divider.variable.css +1 -261
  45. package/lib/dropdown/dropdown.css +0 -130
  46. package/lib/dropdown/dropdown.variable.css +1 -391
  47. package/lib/exception/exception.css +0 -130
  48. package/lib/exception/exception.variable.css +1 -261
  49. package/lib/fixed-navbar/fixed-navbar.css +4 -134
  50. package/lib/fixed-navbar/fixed-navbar.variable.css +1 -261
  51. package/lib/form/form.css +0 -130
  52. package/lib/form/form.variable.css +1 -261
  53. package/lib/image/image-viewer.css +0 -130
  54. package/lib/image/image-viewer.variable.css +1 -261
  55. package/lib/image/image.css +0 -130
  56. package/lib/image/image.variable.css +1 -391
  57. package/lib/index.js +1 -1
  58. package/lib/info-box/info-box.css +4 -134
  59. package/lib/info-box/info-box.variable.css +1 -261
  60. package/lib/input/input.css +75 -205
  61. package/lib/input/input.variable.css +76 -466
  62. package/lib/link/link.css +16 -146
  63. package/lib/link/link.variable.css +1 -261
  64. package/lib/loading/loading.css +16 -146
  65. package/lib/loading/loading.variable.css +17 -407
  66. package/lib/menu/menu.css +20 -150
  67. package/lib/menu/menu.variable.css +21 -411
  68. package/lib/menu/submenu.css +0 -130
  69. package/lib/menu/submenu.variable.css +1 -261
  70. package/lib/message/message.css +21 -151
  71. package/lib/message/message.variable.css +1 -261
  72. package/lib/modal/modal.css +4 -134
  73. package/lib/modal/modal.variable.css +5 -395
  74. package/lib/navigation/navigation.css +2 -132
  75. package/lib/navigation/navigation.variable.css +1 -261
  76. package/lib/notify/notify.css +7 -137
  77. package/lib/notify/notify.variable.css +1 -261
  78. package/lib/pagination/pagination.css +1 -131
  79. package/lib/pagination/pagination.variable.css +1 -261
  80. package/lib/pop-confirm/pop-confirm.css +0 -130
  81. package/lib/pop-confirm/pop-confirm.variable.css +1 -261
  82. package/lib/popover/popover.css +0 -130
  83. package/lib/popover/popover.variable.css +1 -261
  84. package/lib/process/process.css +13 -143
  85. package/lib/process/process.variable.css +1 -261
  86. package/lib/progress/progress.css +4 -134
  87. package/lib/progress/progress.variable.css +5 -395
  88. package/lib/radio/radio.css +42 -172
  89. package/lib/radio/radio.variable.css +1 -261
  90. package/lib/rate/rate.css +0 -130
  91. package/lib/rate/rate.variable.css +1 -261
  92. package/lib/resize-layout/resize-layout.css +0 -130
  93. package/lib/resize-layout/resize-layout.variable.css +1 -261
  94. package/lib/scrollbar/css/scrollbar.css +0 -130
  95. package/lib/scrollbar/css/scrollbar.variable.css +1 -261
  96. package/lib/search-select/search-select.css +33 -163
  97. package/lib/search-select/search-select.variable.css +34 -424
  98. package/lib/select/select.css +39 -169
  99. package/lib/select/select.variable.css +40 -430
  100. package/lib/sideslider/sideslider.css +1 -131
  101. package/lib/sideslider/sideslider.variable.css +1 -261
  102. package/lib/slider/slider.css +5 -135
  103. package/lib/slider/slider.variable.css +1 -261
  104. package/lib/steps/steps.css +38 -168
  105. package/lib/steps/steps.variable.css +1 -261
  106. package/lib/styles/mixins/animate.css +0 -130
  107. package/lib/styles/mixins/animate.variable.css +1 -261
  108. package/lib/styles/mixins/mixins.css +0 -130
  109. package/lib/styles/mixins/mixins.variable.css +0 -130
  110. package/lib/styles/mixins/popper.css +0 -130
  111. package/lib/styles/mixins/popper.variable.css +1 -261
  112. package/lib/styles/mixins/scroll.css +0 -130
  113. package/lib/styles/mixins/scroll.variable.css +1 -261
  114. package/lib/styles/reset.css +0 -130
  115. package/lib/styles/reset.variable.css +1 -261
  116. package/lib/styles/themes/themes.less +130 -299
  117. package/lib/swiper/swiper.css +0 -130
  118. package/lib/swiper/swiper.variable.css +1 -261
  119. package/lib/switcher/switcher.css +17 -147
  120. package/lib/switcher/switcher.variable.css +18 -408
  121. package/lib/tab/tab.css +26 -156
  122. package/lib/tab/tab.variable.css +1 -261
  123. package/lib/table/plugins/head-filter.css +0 -130
  124. package/lib/table/plugins/head-filter.variable.css +1 -261
  125. package/lib/table/plugins/head-sort.css +0 -130
  126. package/lib/table/plugins/head-sort.variable.css +1 -261
  127. package/lib/table/plugins/settings.css +0 -130
  128. package/lib/table/plugins/settings.variable.css +1 -261
  129. package/lib/table/table.css +189 -319
  130. package/lib/table/table.variable.css +190 -580
  131. package/lib/tag/tag.css +5 -135
  132. package/lib/tag/tag.variable.css +1 -261
  133. package/lib/tag-input/tag-input.css +18 -148
  134. package/lib/tag-input/tag-input.variable.css +1 -261
  135. package/lib/time-picker/time-picker.css +0 -130
  136. package/lib/time-picker/time-picker.variable.css +1 -261
  137. package/lib/timeline/timeline.css +19 -149
  138. package/lib/timeline/timeline.variable.css +1 -261
  139. package/lib/transfer/transfer.css +19 -149
  140. package/lib/transfer/transfer.variable.css +1 -261
  141. package/lib/tree/tree.css +10 -140
  142. package/lib/tree/tree.variable.css +11 -401
  143. package/lib/upload/upload.css +27 -157
  144. package/lib/upload/upload.variable.css +28 -418
  145. package/lib/virtual-render/virtual-render.css +0 -130
  146. package/lib/virtual-render/virtual-render.variable.css +1 -391
  147. package/package.json +1 -1
  148. package/lib/styles/themes/themes.css +0 -130
  149. package/lib/styles/themes/themes.variable.css +0 -130
@@ -1,133 +1,3 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: 216px;
4
- --primary-color: #3a84ff;
5
- --success-color: #2dcb56;
6
- --warning-color: #ff9c01;
7
- --danger-color: #ea3636;
8
- --default-color: #63656e;
9
- --gray-color: #979ba5;
10
- --light-gray: #c4c6cc;
11
- --white-color: white;
12
- --whitesmoke-color: #fafbfd;
13
- --disable-color: #dcdee5;
14
- --disable-bg-color: #f9fafd;
15
- --border-color: #dcdee5;
16
- --font-size-base: 12px;
17
- --font-size-medium: 14px;
18
- --font-size-large: 16px;
19
- --line-height-base: 16px;
20
- --line-height-medium: 16px;
21
- --line-height-large: 18px;
22
- --component-size-small: 26px;
23
- --component-size-base: 32px;
24
- --component-size-large: 40px;
25
- --component-size-small-padding: 0 12px;
26
- --component-size-base-padding: 0 14px;
27
- --component-size-large-padding: 0 16px;
28
- --border-width-base: 1px;
29
- --border-style-base: solid;
30
- --border-radius-base: 2px;
31
- --border-style-color: var(--light-gray);
32
- --input-disabled-bg: #fafbfd;
33
- --input-disabled-border: var(--disable-color);
34
- --input-height-base: var(--component-size-base);
35
- --input-color: var(--default-color);
36
- --input-bg: white;
37
- --input-border-color: var(--light-gray);
38
- --input-broder-radius: 3px;
39
- --input-shadow-color: #a3c5fd;
40
- --input-horizontal-padding: 8px;
41
- --input-block-color: #f5f7fa;
42
- --input-block-hover-color: #eaebf0;
43
- --input-icon-size: var(--font-size-medium);
44
- --input-maxlength-color: #979ba5;
45
- --button-primary-hover-color: #5594fa;
46
- --button-danger-hover-color: #ff5656;
47
- --button-success-hover-color: #45e35f;
48
- --button-warning-hover-color: #ffb848;
49
- --button-default-hover-border-color: #979ba5;
50
- --button-primary-active-color: #2c77f4;
51
- --button-danger-active-color: #db2626;
52
- --button-success-active-color: #1ab943;
53
- --button-warning-active-color: #eb9000;
54
- --button-selected-bg-color: #e1ecff;
55
- --button-disabled-selected-bg-color: #f0f1f5;
56
- --radio-font-color: #63656e;
57
- --radio-active-color: #3a84ff;
58
- --radio-hover-border-color: #979ba5;
59
- --radio-disabled-border: #dcdee5;
60
- --radio-disabled-font-color: #c4c6cc;
61
- --radio-disabled-checked-bg: #a3c5fd;
62
- --radio-button-checked-bg: #e1ecff;
63
- --radio-button-disabled-checked-bg: #fafbfd;
64
- --checkbox-disabled-checked-bg: #a3c5fd;
65
- --fixed-navbar-background: #fff;
66
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
67
- --switch-default-color: #fff;
68
- --switch-grey-color: #c4c6cc;
69
- --breadcrumb-black-color: #979ba5;
70
- --breadcrumb-primary-hover-color: #0082ff;
71
- --breadcrumb-fn-main-color: #63656e;
72
- --link-default-hover-color: #979ba5;
73
- --link-primary-hover-color: #699df4;
74
- --link-success-hover-color: #45e35f;
75
- --link-warning-hover-color: #ffb848;
76
- --link-danger-hover-color: #ff5656;
77
- --link-default-disabled-color: #dcdee5;
78
- --link-primary-disabled-color: #a3c5fd;
79
- --link-success-disabled-color: #94f5a4;
80
- --link-warning-disabled-color: #ffd695;
81
- --link-danger-disabled-color: #fd9c9c;
82
- --message-color: var(--default-color);
83
- --message-primary-bg-color: #f0f8ff;
84
- --message-primary-border-color: #e1ecff;
85
- --message-primary-shadow-color: #e1e8f4;
86
- --message-warning-bg-color: #fff4e2;
87
- --message-warning-border-color: #ffe8c3;
88
- --message-warning-shadow-color: #ede6db;
89
- --message-success-bg-color: #f2fff4;
90
- --message-success-border-color: #dcffe2;
91
- --message-success-shadow-color: #cef0d7;
92
- --message-danger-bg-color: #ffeded;
93
- --message-danger-border-color: #ffdddd;
94
- --message-danger-shadow-color: #f6dada;
95
- --slider-default-bg: #dcdee5;
96
- --slider-disable-bar-bg: #979ba5;
97
- --menu-bg-color: #182132;
98
- --submenu-bg-color: #151d2c;
99
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
100
- --menu-color: #96a2b9;
101
- --menu-group-color: var(--default-color);
102
- --menu-width: 260px;
103
- --menu-collapse-width: 60px;
104
- --menu-active-color: white;
105
- --nav-header-bg-color: #182132;
106
- --nav-bg-color: #182132;
107
- --date-picker-disabled-bg: #fafbfd;
108
- --date-picker-dropdown-mb: 4px;
109
- --date-picker-dropdown-bg: #fff;
110
- --table-bg-color: var(--white-color);
111
- --table-border-color: #dcdee5;
112
- --table-strip-color: #fafbfd;
113
- --table-head-bg-color: #fafbfd;
114
- --table-head-font-color: #313238;
115
- --table-body-font-color: #63656e;
116
- --table-row-hover-bg-color: #f5f7fa;
117
- --table-row-active-bg-color: #f0f1f5;
118
- --cascader-panel-border-color: #dcdee5;
119
- --cascader-panel-hover: #f5f7fa;
120
- --cascader-panel-active: #e1ecff;
121
- --cascader-panel-disabled-bg: #fff;
122
- --search-select-focus-border-color: var(--primary-color);
123
- --search-select-focus-color: #3c96ff;
124
- --search-select-font-color: var(--default-color);
125
- --search-select-placeholder-color: var(--light-gray);
126
- --search-select-message-color: var(--danger-color);
127
- --search-select-menu-border-color: var(--disable-color);
128
- --select-active-color: #e1ecff;
129
- --select-hover-color: #f5f7fa;
130
- }
131
1
  @keyframes loading-scale-animate {
132
2
  0% {
133
3
  transform: scale(1);
@@ -244,7 +114,7 @@
244
114
  position: absolute;
245
115
  width: 6px;
246
116
  height: 8px;
247
- background-color: var(--default-color);
117
+ background-color: #63656e;
248
118
  border-radius: 8px;
249
119
  animation-duration: 1.2s;
250
120
  animation-iteration-count: infinite;
@@ -270,7 +140,7 @@
270
140
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
271
141
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
272
142
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
273
- background-color: var(--success-color);
143
+ background-color: #2dcb56;
274
144
  }
275
145
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
276
146
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
@@ -278,7 +148,7 @@
278
148
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
279
149
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
280
150
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
281
- background-color: var(--danger-color);
151
+ background-color: #ea3636;
282
152
  }
283
153
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
284
154
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
@@ -286,7 +156,7 @@
286
156
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
287
157
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
288
158
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
289
- background-color: var(--warning-color);
159
+ background-color: #ff9c01;
290
160
  }
291
161
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
292
162
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
@@ -294,7 +164,7 @@
294
164
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
295
165
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
296
166
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
297
- background-color: var(--primary-color);
167
+ background-color: #3a84ff;
298
168
  }
299
169
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
300
170
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
@@ -302,7 +172,7 @@
302
172
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
303
173
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
304
174
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
305
- background-color: var(--white-color);
175
+ background-color: white;
306
176
  }
307
177
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
308
178
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
@@ -310,22 +180,22 @@
310
180
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
311
181
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
312
182
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
313
- background-color: var(--light-gray);
183
+ background-color: #c4c6cc;
314
184
  }
315
185
  .bk-loading-wrapper .bk-loading-indicator .dot-1 {
316
- background-color: var(--danger-color);
186
+ background-color: #ea3636;
317
187
  animation-delay: 0.1s;
318
188
  }
319
189
  .bk-loading-wrapper .bk-loading-indicator .dot-2 {
320
- background-color: var(--warning-color);
190
+ background-color: #ff9c01;
321
191
  animation-delay: 0.25s;
322
192
  }
323
193
  .bk-loading-wrapper .bk-loading-indicator .dot-3 {
324
- background-color: var(--success-color);
194
+ background-color: #2dcb56;
325
195
  animation-delay: 0.4s;
326
196
  }
327
197
  .bk-loading-wrapper .bk-loading-indicator .dot-4 {
328
- background-color: var(--primary-color);
198
+ background-color: #3a84ff;
329
199
  animation-delay: 0.55s;
330
200
  margin-right: 0px;
331
201
  }
@@ -391,7 +261,7 @@
391
261
  transform-origin: center 8px;
392
262
  }
393
263
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
394
- font-size: var(--font-size-medium);
264
+ font-size: 14px;
395
265
  }
396
266
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
397
267
  height: 32px;
@@ -412,7 +282,7 @@
412
282
  transform-origin: center 16px;
413
283
  }
414
284
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-loading-title {
415
- font-size: var(--font-size-base);
285
+ font-size: 12px;
416
286
  }
417
287
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
418
288
  height: 68px;
@@ -433,12 +303,12 @@
433
303
  transform-origin: center 34px;
434
304
  }
435
305
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-loading-title {
436
- font-size: var(--font-size-medium);
306
+ font-size: 14px;
437
307
  }
438
308
  .bk-loading-wrapper .bk-loading-indicator .bk-loading-title {
439
309
  margin-top: 8px;
440
- font-size: var(--font-size-medium);
310
+ font-size: 14px;
441
311
  line-height: normal;
442
- color: var(--default-color);
312
+ color: #63656e;
443
313
  text-align: center;
444
314
  }