bkui-vue 2.0.1-beta.105 → 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 (146) hide show
  1. package/dist/index.cjs.js +1 -1
  2. package/dist/index.esm.js +1 -1
  3. package/dist/index.umd.js +1 -1
  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/container/container.css +0 -130
  35. package/lib/container/container.variable.css +1 -391
  36. package/lib/date-picker/date-picker.css +17 -147
  37. package/lib/date-picker/date-picker.variable.css +1 -261
  38. package/lib/dialog/dialog.css +8 -138
  39. package/lib/dialog/dialog.variable.css +9 -399
  40. package/lib/divider/divider.css +3 -133
  41. package/lib/divider/divider.variable.css +1 -261
  42. package/lib/dropdown/dropdown.css +0 -130
  43. package/lib/dropdown/dropdown.variable.css +1 -391
  44. package/lib/exception/exception.css +0 -130
  45. package/lib/exception/exception.variable.css +1 -261
  46. package/lib/fixed-navbar/fixed-navbar.css +4 -134
  47. package/lib/fixed-navbar/fixed-navbar.variable.css +1 -261
  48. package/lib/form/form.css +0 -130
  49. package/lib/form/form.variable.css +1 -261
  50. package/lib/image/image-viewer.css +0 -130
  51. package/lib/image/image-viewer.variable.css +1 -261
  52. package/lib/image/image.css +0 -130
  53. package/lib/image/image.variable.css +1 -391
  54. package/lib/index.js +1 -1
  55. package/lib/info-box/info-box.css +4 -134
  56. package/lib/info-box/info-box.variable.css +1 -261
  57. package/lib/input/input.css +75 -205
  58. package/lib/input/input.variable.css +76 -466
  59. package/lib/link/link.css +16 -146
  60. package/lib/link/link.variable.css +1 -261
  61. package/lib/loading/loading.css +16 -146
  62. package/lib/loading/loading.variable.css +17 -407
  63. package/lib/menu/menu.css +20 -150
  64. package/lib/menu/menu.variable.css +21 -411
  65. package/lib/menu/submenu.css +0 -130
  66. package/lib/menu/submenu.variable.css +1 -261
  67. package/lib/message/message.css +21 -151
  68. package/lib/message/message.variable.css +1 -261
  69. package/lib/modal/modal.css +4 -134
  70. package/lib/modal/modal.variable.css +5 -395
  71. package/lib/navigation/navigation.css +2 -132
  72. package/lib/navigation/navigation.variable.css +1 -261
  73. package/lib/notify/notify.css +7 -137
  74. package/lib/notify/notify.variable.css +1 -261
  75. package/lib/pagination/pagination.css +1 -131
  76. package/lib/pagination/pagination.variable.css +1 -261
  77. package/lib/pop-confirm/pop-confirm.css +0 -130
  78. package/lib/pop-confirm/pop-confirm.variable.css +1 -261
  79. package/lib/popover/popover.css +0 -130
  80. package/lib/popover/popover.variable.css +1 -261
  81. package/lib/process/process.css +13 -143
  82. package/lib/process/process.variable.css +1 -261
  83. package/lib/progress/progress.css +4 -134
  84. package/lib/progress/progress.variable.css +5 -395
  85. package/lib/radio/radio.css +42 -172
  86. package/lib/radio/radio.variable.css +1 -261
  87. package/lib/rate/rate.css +0 -130
  88. package/lib/rate/rate.variable.css +1 -261
  89. package/lib/resize-layout/resize-layout.css +0 -130
  90. package/lib/resize-layout/resize-layout.variable.css +1 -261
  91. package/lib/scrollbar/css/scrollbar.css +0 -130
  92. package/lib/scrollbar/css/scrollbar.variable.css +1 -261
  93. package/lib/search-select/search-select.css +33 -163
  94. package/lib/search-select/search-select.variable.css +34 -424
  95. package/lib/select/select.css +39 -169
  96. package/lib/select/select.variable.css +40 -430
  97. package/lib/sideslider/sideslider.css +1 -131
  98. package/lib/sideslider/sideslider.variable.css +1 -261
  99. package/lib/slider/slider.css +5 -135
  100. package/lib/slider/slider.variable.css +1 -261
  101. package/lib/steps/steps.css +38 -168
  102. package/lib/steps/steps.variable.css +1 -261
  103. package/lib/styles/mixins/animate.css +0 -130
  104. package/lib/styles/mixins/animate.variable.css +1 -261
  105. package/lib/styles/mixins/mixins.css +0 -130
  106. package/lib/styles/mixins/mixins.variable.css +0 -130
  107. package/lib/styles/mixins/popper.css +0 -130
  108. package/lib/styles/mixins/popper.variable.css +1 -261
  109. package/lib/styles/mixins/scroll.css +0 -130
  110. package/lib/styles/mixins/scroll.variable.css +1 -261
  111. package/lib/styles/reset.css +0 -130
  112. package/lib/styles/reset.variable.css +1 -261
  113. package/lib/styles/themes/themes.less +130 -299
  114. package/lib/swiper/swiper.css +0 -130
  115. package/lib/swiper/swiper.variable.css +1 -261
  116. package/lib/switcher/switcher.css +17 -147
  117. package/lib/switcher/switcher.variable.css +18 -408
  118. package/lib/tab/tab.css +26 -156
  119. package/lib/tab/tab.variable.css +1 -261
  120. package/lib/table/plugins/head-filter.css +0 -130
  121. package/lib/table/plugins/head-filter.variable.css +1 -261
  122. package/lib/table/plugins/head-sort.css +0 -130
  123. package/lib/table/plugins/head-sort.variable.css +1 -261
  124. package/lib/table/plugins/settings.css +0 -130
  125. package/lib/table/plugins/settings.variable.css +1 -261
  126. package/lib/table/table.css +189 -319
  127. package/lib/table/table.variable.css +190 -580
  128. package/lib/tag/tag.css +5 -135
  129. package/lib/tag/tag.variable.css +1 -261
  130. package/lib/tag-input/tag-input.css +18 -148
  131. package/lib/tag-input/tag-input.variable.css +1 -261
  132. package/lib/time-picker/time-picker.css +0 -130
  133. package/lib/time-picker/time-picker.variable.css +1 -261
  134. package/lib/timeline/timeline.css +19 -149
  135. package/lib/timeline/timeline.variable.css +1 -261
  136. package/lib/transfer/transfer.css +19 -149
  137. package/lib/transfer/transfer.variable.css +1 -261
  138. package/lib/tree/tree.css +10 -140
  139. package/lib/tree/tree.variable.css +11 -401
  140. package/lib/upload/upload.css +27 -157
  141. package/lib/upload/upload.variable.css +28 -418
  142. package/lib/virtual-render/virtual-render.css +0 -130
  143. package/lib/virtual-render/virtual-render.variable.css +1 -391
  144. package/package.json +1 -1
  145. package/lib/styles/themes/themes.css +0 -130
  146. package/lib/styles/themes/themes.variable.css +0 -130
package/lib/loading/loading.css CHANGED
@@ -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
  }