bkui-vue 0.0.2-beta.122 → 0.0.2-beta.124

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 (152) hide show
  1. package/dist/index.cjs.js +27 -27
  2. package/dist/index.esm.js +5976 -5969
  3. package/dist/index.umd.js +27 -27
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +0 -123
  7. package/lib/affix/affix.variable.css +0 -246
  8. package/lib/alert/alert.css +3 -126
  9. package/lib/alert/alert.variable.css +0 -246
  10. package/lib/backtop/backtop.css +3 -126
  11. package/lib/backtop/backtop.variable.css +3 -372
  12. package/lib/badge/badge.css +26 -149
  13. package/lib/badge/badge.variable.css +0 -246
  14. package/lib/breadcrumb/breadcrumb.css +5 -128
  15. package/lib/breadcrumb/breadcrumb.variable.css +5 -374
  16. package/lib/button/button.css +128 -251
  17. package/lib/button/button.less +7 -6
  18. package/lib/button/button.variable.css +0 -246
  19. package/lib/card/card.css +4 -127
  20. package/lib/card/card.variable.css +4 -373
  21. package/lib/cascader/cascader.css +23 -146
  22. package/lib/cascader/cascader.variable.css +23 -392
  23. package/lib/cascader/index.js +10 -4
  24. package/lib/checkbox/checkbox.css +9 -132
  25. package/lib/checkbox/checkbox.variable.css +0 -246
  26. package/lib/code-diff/code-diff.css +0 -123
  27. package/lib/code-diff/code-diff.variable.css +0 -246
  28. package/lib/collapse/collapse.css +1 -124
  29. package/lib/collapse/collapse.variable.css +0 -246
  30. package/lib/collapse-transition/collapse-transition.css +0 -123
  31. package/lib/collapse-transition/collapse-transition.variable.css +0 -246
  32. package/lib/color-picker/color-picker.css +0 -123
  33. package/lib/color-picker/color-picker.variable.css +0 -246
  34. package/lib/config-provider/config-provider.css +0 -123
  35. package/lib/config-provider/config-provider.variable.css +0 -246
  36. package/lib/container/container.css +0 -123
  37. package/lib/container/container.variable.css +0 -369
  38. package/lib/date-picker/date-picker.css +17 -140
  39. package/lib/date-picker/date-picker.variable.css +0 -246
  40. package/lib/dialog/dialog.css +9 -132
  41. package/lib/dialog/dialog.variable.css +9 -378
  42. package/lib/divider/divider.css +3 -126
  43. package/lib/divider/divider.variable.css +0 -246
  44. package/lib/dropdown/dropdown.css +0 -123
  45. package/lib/dropdown/dropdown.variable.css +0 -369
  46. package/lib/exception/exception.css +0 -123
  47. package/lib/exception/exception.variable.css +0 -246
  48. package/lib/fixed-navbar/fixed-navbar.css +4 -127
  49. package/lib/fixed-navbar/fixed-navbar.variable.css +0 -246
  50. package/lib/form/form.css +0 -123
  51. package/lib/form/form.variable.css +0 -246
  52. package/lib/image/image-viewer.css +0 -123
  53. package/lib/image/image-viewer.variable.css +0 -246
  54. package/lib/image/image.css +0 -123
  55. package/lib/image/image.variable.css +0 -369
  56. package/lib/info-box/info-box.css +0 -123
  57. package/lib/info-box/info-box.variable.css +0 -246
  58. package/lib/input/input.css +72 -195
  59. package/lib/input/input.variable.css +72 -441
  60. package/lib/link/link.css +16 -139
  61. package/lib/link/link.variable.css +0 -246
  62. package/lib/loading/loading.css +16 -139
  63. package/lib/loading/loading.variable.css +16 -385
  64. package/lib/menu/menu.css +18 -141
  65. package/lib/menu/menu.variable.css +18 -387
  66. package/lib/menu/submenu.css +0 -123
  67. package/lib/menu/submenu.variable.css +0 -246
  68. package/lib/message/message.css +21 -144
  69. package/lib/message/message.variable.css +0 -246
  70. package/lib/modal/modal.css +0 -123
  71. package/lib/modal/modal.variable.css +0 -369
  72. package/lib/navigation/navigation.css +2 -125
  73. package/lib/navigation/navigation.variable.css +0 -246
  74. package/lib/notify/notify.css +7 -130
  75. package/lib/notify/notify.variable.css +0 -246
  76. package/lib/pagination/pagination.css +1 -124
  77. package/lib/pagination/pagination.variable.css +0 -246
  78. package/lib/pop-confirm/pop-confirm.css +0 -123
  79. package/lib/pop-confirm/pop-confirm.variable.css +0 -246
  80. package/lib/popover/popover.css +0 -123
  81. package/lib/popover/popover.variable.css +0 -246
  82. package/lib/process/process.css +13 -136
  83. package/lib/process/process.variable.css +0 -246
  84. package/lib/progress/progress.css +4 -127
  85. package/lib/progress/progress.variable.css +4 -373
  86. package/lib/radio/radio.css +31 -154
  87. package/lib/radio/radio.variable.css +0 -246
  88. package/lib/rate/rate.css +0 -123
  89. package/lib/rate/rate.variable.css +0 -246
  90. package/lib/rate/star.css +0 -123
  91. package/lib/rate/star.variable.css +0 -246
  92. package/lib/resize-layout/resize-layout.css +0 -123
  93. package/lib/resize-layout/resize-layout.variable.css +0 -246
  94. package/lib/search-select/search-select.css +33 -156
  95. package/lib/search-select/search-select.variable.css +33 -402
  96. package/lib/select/common.d.ts +3 -1
  97. package/lib/select/index.d.ts +9 -6
  98. package/lib/select/index.js +33 -21
  99. package/lib/select/select.css +24 -147
  100. package/lib/select/select.d.ts +3 -2
  101. package/lib/select/select.variable.css +24 -393
  102. package/lib/sideslider/sideslider.css +1 -124
  103. package/lib/sideslider/sideslider.variable.css +0 -246
  104. package/lib/slider/slider.css +4 -127
  105. package/lib/slider/slider.variable.css +0 -246
  106. package/lib/steps/steps.css +38 -161
  107. package/lib/steps/steps.variable.css +0 -246
  108. package/lib/styles/mixins/animate.css +0 -123
  109. package/lib/styles/mixins/animate.variable.css +0 -246
  110. package/lib/styles/mixins/mixins.css +0 -123
  111. package/lib/styles/mixins/mixins.variable.css +0 -123
  112. package/lib/styles/mixins/popper.css +0 -123
  113. package/lib/styles/mixins/popper.variable.css +0 -246
  114. package/lib/styles/mixins/scroll.css +0 -123
  115. package/lib/styles/mixins/scroll.variable.css +0 -246
  116. package/lib/styles/reset.css +0 -123
  117. package/lib/styles/reset.variable.css +0 -246
  118. package/lib/styles/themes/themes.less +126 -300
  119. package/lib/swiper/swiper.css +0 -123
  120. package/lib/swiper/swiper.variable.css +0 -246
  121. package/lib/switcher/switcher.css +17 -140
  122. package/lib/switcher/switcher.variable.css +17 -386
  123. package/lib/tab/tab.css +17 -140
  124. package/lib/tab/tab.variable.css +0 -246
  125. package/lib/table/plugins/head-filter.css +0 -123
  126. package/lib/table/plugins/head-filter.variable.css +0 -246
  127. package/lib/table/plugins/head-sort.css +0 -123
  128. package/lib/table/plugins/head-sort.variable.css +0 -246
  129. package/lib/table/plugins/settings.css +0 -123
  130. package/lib/table/plugins/settings.variable.css +0 -246
  131. package/lib/table/table.css +159 -282
  132. package/lib/table/table.variable.css +159 -528
  133. package/lib/tag/tag.css +5 -128
  134. package/lib/tag/tag.variable.css +0 -246
  135. package/lib/tag-input/index.js +10 -9
  136. package/lib/tag-input/tag-input.css +18 -141
  137. package/lib/tag-input/tag-input.variable.css +0 -246
  138. package/lib/time-picker/time-picker.css +0 -123
  139. package/lib/time-picker/time-picker.variable.css +0 -246
  140. package/lib/timeline/timeline.css +19 -142
  141. package/lib/timeline/timeline.variable.css +0 -246
  142. package/lib/transfer/transfer.css +19 -142
  143. package/lib/transfer/transfer.variable.css +0 -246
  144. package/lib/tree/tree.css +9 -132
  145. package/lib/tree/tree.variable.css +9 -378
  146. package/lib/upload/upload.css +27 -150
  147. package/lib/upload/upload.variable.css +27 -396
  148. package/lib/virtual-render/virtual-render.css +0 -123
  149. package/lib/virtual-render/virtual-render.variable.css +0 -369
  150. package/package.json +1 -1
  151. package/lib/styles/themes/themes.css +0 -123
  152. package/lib/styles/themes/themes.variable.css +0 -123
@@ -1,126 +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
- --font-size-base: 12px;
16
- --font-size-medium: 14px;
17
- --font-size-large: 16px;
18
- --line-height-base: 16px;
19
- --line-height-medium: 16px;
20
- --line-height-large: 18px;
21
- --component-size-small: 26px;
22
- --component-size-base: 32px;
23
- --component-size-large: 40px;
24
- --border-width-base: 1px;
25
- --border-style-base: solid;
26
- --border-radius-base: 2px;
27
- --border-style-color: var(--light-gray);
28
- --input-disabled-bg: #fafbfd;
29
- --input-disabled-border: var(--disable-color);
30
- --input-height-base: var(--component-size-base);
31
- --input-color: var(--default-color);
32
- --input-bg: white;
33
- --input-border-color: var(--light-gray);
34
- --input-broder-radius: 3px;
35
- --input-shadow-color: #a3c5fd;
36
- --input-horizontal-padding: 8px;
37
- --input-block-color: #f5f7fa;
38
- --input-block-hover-color: #eaebf0;
39
- --input-icon-size: var(--font-size-medium);
40
- --input-maxlength-color: #979ba5;
41
- --button-primary-hover-color: #5594fa;
42
- --button-danger-hover-color: #ff5656;
43
- --button-success-hover-color: #45e35f;
44
- --button-warning-hover-color: #ffb848;
45
- --button-default-hover-border-color: #979ba5;
46
- --button-primary-active-color: #2c77f4;
47
- --button-danger-active-color: #db2626;
48
- --button-success-active-color: #1ab943;
49
- --button-warning-active-color: #eb9000;
50
- --button-selected-bg-color: #e1ecff;
51
- --button-disabled-selected-bg-color: #f0f1f5;
52
- --radio-font-color: #63656e;
53
- --radio-active-color: #3a84ff;
54
- --radio-hover-border-color: #979ba5;
55
- --radio-disabled-border: #dcdee5;
56
- --radio-disabled-font-color: #c4c6cc;
57
- --radio-disabled-checked-bg: #a3c5fd;
58
- --radio-button-checked-bg: #e1ecff;
59
- --radio-button-disabled-checked-bg: #fafbfd;
60
- --checkbox-disabled-checked-bg: #a3c5fd;
61
- --fixed-navbar-background: #fff;
62
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
63
- --switch-default-color: #fff;
64
- --switch-grey-color: #c4c6cc;
65
- --breadcrumb-black-color: #979ba5;
66
- --breadcrumb-primary-hover-color: #0082ff;
67
- --breadcrumb-fn-main-color: #63656e;
68
- --link-default-hover-color: #979ba5;
69
- --link-primary-hover-color: #699df4;
70
- --link-success-hover-color: #45e35f;
71
- --link-warning-hover-color: #ffb848;
72
- --link-danger-hover-color: #ff5656;
73
- --link-default-disabled-color: #dcdee5;
74
- --link-primary-disabled-color: #a3c5fd;
75
- --link-success-disabled-color: #94f5a4;
76
- --link-warning-disabled-color: #ffd695;
77
- --link-danger-disabled-color: #fd9c9c;
78
- --message-color: var(--default-color);
79
- --message-primary-bg-color: #f0f8ff;
80
- --message-primary-border-color: #e1ecff;
81
- --message-primary-shadow-color: #e1e8f4;
82
- --message-warning-bg-color: #fff4e2;
83
- --message-warning-border-color: #ffe8c3;
84
- --message-warning-shadow-color: #ede6db;
85
- --message-success-bg-color: #f2fff4;
86
- --message-success-border-color: #dcffe2;
87
- --message-success-shadow-color: #cef0d7;
88
- --message-danger-bg-color: #ffeded;
89
- --message-danger-border-color: #ffdddd;
90
- --message-danger-shadow-color: #f6dada;
91
- --slider-default-bg: #dcdee5;
92
- --slider-disable-bar-bg: #979ba5;
93
- --menu-bg-color: #182132;
94
- --submenu-bg-color: #151d2c;
95
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
96
- --menu-color: #96a2b9;
97
- --menu-group-color: var(--default-color);
98
- --menu-width: 260px;
99
- --menu-collapse-width: 60px;
100
- --menu-active-color: white;
101
- --nav-header-bg-color: #182132;
102
- --nav-bg-color: #182132;
103
- --date-picker-disabled-bg: #fafbfd;
104
- --date-picker-dropdown-mb: 4px;
105
- --date-picker-dropdown-bg: #fff;
106
- --table-bg-color: var(--white-color);
107
- --table-border-color: #dcdee5;
108
- --table-head-bg-color: #fafbfd;
109
- --table-head-font-color: #313238;
110
- --table-body-font-color: #63656E;
111
- --table-row-hover-bg-color: #f5f7fa;
112
- --table-row-active-bg-color: #f0f1f5;
113
- --cascader-panel-border-color: #dcdee5;
114
- --cascader-panel-hover: #f5f7fa;
115
- --cascader-panel-active: #e1ecff;
116
- --cascader-panel-disabled-bg: #fff;
117
- --search-select-focus-border-color: var(--primary-color);
118
- --search-select-focus-color: #3c96ff;
119
- --search-select-font-color: var(--default-color);
120
- --search-select-placeholder-color: var(--light-gray);
121
- --search-select-message-color: var(--danger-color);
122
- --search-select-menu-border-color: var(--disable-color);
123
- }
124
1
  @keyframes loading-scale-animate {
125
2
  0% {
126
3
  transform: scale(1);
@@ -198,19 +75,19 @@
198
75
  display: inline-flex;
199
76
  width: 100%;
200
77
  overflow: hidden;
201
- font-size: var(--font-size-base);
78
+ font-size: 12px;
202
79
  line-height: var(--textarea-line-height);
203
- color: var(--input-color);
80
+ color: #63656e;
204
81
  background-color: white;
205
- border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
206
- border-radius: var(--border-radius-base);
82
+ border: 1px solid #c4c6cc;
83
+ border-radius: 2px;
207
84
  box-sizing: border-box;
208
85
  transition: all 0.3s;
209
86
  flex-direction: column;
210
87
  }
211
88
  .bk-textarea ::placeholder {
212
- font-size: var(--font-size-base);
213
- color: var(--light-gray);
89
+ font-size: 12px;
90
+ color: #c4c6cc;
214
91
  }
215
92
  .bk-textarea.resizable {
216
93
  resize: both;
@@ -225,8 +102,8 @@
225
102
  }
226
103
  .bk-textarea.is-disabled,
227
104
  .bk-textarea.is-readonly {
228
- background-color: var(--input-disabled-bg);
229
- border-color: var(--disable-color);
105
+ background-color: #fafbfd;
106
+ border-color: #dcdee5;
230
107
  }
231
108
  .bk-textarea.is-disabled .bk-input--prefix-area,
232
109
  .bk-textarea.is-readonly .bk-input--prefix-area,
@@ -235,14 +112,14 @@
235
112
  .bk-textarea.is-disabled .bk-input--suffix-icon,
236
113
  .bk-textarea.is-readonly .bk-input--suffix-icon {
237
114
  cursor: not-allowed;
238
- background-color: var(--input-disabled-bg);
115
+ background-color: #fafbfd;
239
116
  }
240
117
  .bk-textarea.is-disabled input,
241
118
  .bk-textarea.is-readonly input,
242
119
  .bk-textarea.is-disabled textarea,
243
120
  .bk-textarea.is-readonly textarea {
244
121
  cursor: not-allowed;
245
- background-color: var(--input-disabled-bg);
122
+ background-color: #fafbfd;
246
123
  opacity: 1;
247
124
  }
248
125
  .bk-textarea.is-readonly input,
@@ -255,48 +132,48 @@
255
132
  line-height: 1.5;
256
133
  text-align: left;
257
134
  border: 0;
258
- border-radius: var(--border-radius-base);
135
+ border-radius: 2px;
259
136
  outline: none;
260
137
  resize: none;
261
138
  }
262
139
  .bk-textarea--max-length {
263
- padding-right: var(--input-horizontal-padding);
140
+ padding-right: 8px;
264
141
  margin: 0;
265
142
  margin-left: auto;
266
- font-size: var(--font-size-base);
143
+ font-size: 12px;
267
144
  text-align: right;
268
145
  transform: scale(0.8);
269
146
  justify-content: flex-end;
270
147
  }
271
148
  .bk-textarea--max-length.is-over-limit {
272
- color: var(--danger-color);
149
+ color: #ea3636;
273
150
  }
274
151
  .bk-textarea--max-length span {
275
- color: var(--input-maxlength-color);
152
+ color: #979ba5;
276
153
  }
277
154
  .bk-textarea.is-focused:not(.is-readonly) {
278
- border-color: var(--primary-color);
155
+ border-color: #3a84ff;
279
156
  outline: 0;
280
- box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
157
+ box-shadow: 0px 0px 3px 0px #a3c5fd;
281
158
  }
282
159
  .bk-input {
283
160
  display: inline-flex;
284
161
  align-items: stretch;
285
162
  width: 100%;
286
- height: var(--input-height-base);
287
- font-size: var(--font-size-base);
288
- border: var(--border-width-base) var(--border-style-base) var(--input-border-color);
289
- border-radius: var(--border-radius-base);
163
+ height: 32px;
164
+ font-size: 12px;
165
+ border: 1px solid #c4c6cc;
166
+ border-radius: 2px;
290
167
  transition: all 0.3s;
291
168
  }
292
169
  .bk-input ::placeholder {
293
- font-size: var(--font-size-base);
294
- color: var(--light-gray);
170
+ font-size: 12px;
171
+ color: #c4c6cc;
295
172
  }
296
173
  .bk-input.is-disabled,
297
174
  .bk-input.is-readonly {
298
- background-color: var(--input-disabled-bg);
299
- border-color: var(--disable-color);
175
+ background-color: #fafbfd;
176
+ border-color: #dcdee5;
300
177
  }
301
178
  .bk-input.is-disabled .bk-input--prefix-area,
302
179
  .bk-input.is-readonly .bk-input--prefix-area,
@@ -305,14 +182,14 @@
305
182
  .bk-input.is-disabled .bk-input--suffix-icon,
306
183
  .bk-input.is-readonly .bk-input--suffix-icon {
307
184
  cursor: not-allowed;
308
- background-color: var(--input-disabled-bg);
185
+ background-color: #fafbfd;
309
186
  }
310
187
  .bk-input.is-disabled input,
311
188
  .bk-input.is-readonly input,
312
189
  .bk-input.is-disabled textarea,
313
190
  .bk-input.is-readonly textarea {
314
191
  cursor: not-allowed;
315
- background-color: var(--input-disabled-bg);
192
+ background-color: #fafbfd;
316
193
  opacity: 1;
317
194
  }
318
195
  .bk-input.is-readonly input,
@@ -320,7 +197,7 @@
320
197
  cursor: auto;
321
198
  }
322
199
  .bk-input:hover:not(.is-disabled) {
323
- border-color: var(--gray-color);
200
+ border-color: #979ba5;
324
201
  }
325
202
  .bk-input:hover:not(.is-disabled) .show-clear-only-hover {
326
203
  display: flex;
@@ -328,25 +205,25 @@
328
205
  .bk-input.is-simplicity {
329
206
  background-color: transparent;
330
207
  border-color: transparent;
331
- border-bottom-color: var(--input-border-color);
208
+ border-bottom-color: #c4c6cc;
332
209
  }
333
210
  .bk-input.is-simplicity:hover:not(.is-disabled) {
334
- background-color: var(--input-block-color);
211
+ background-color: #f5f7fa;
335
212
  border-color: transparent;
336
- border-bottom-color: var(--light-gray);
213
+ border-bottom-color: #c4c6cc;
337
214
  box-shadow: none;
338
215
  }
339
216
  .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,
340
217
  .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon {
341
- background-color: var(--input-block-color);
218
+ background-color: #f5f7fa;
342
219
  }
343
220
  .bk-input--suffix-icon {
344
221
  display: flex;
345
222
  height: 100%;
346
- padding-right: var(--input-horizontal-padding);
347
- font-size: var(--input-icon-size);
348
- color: var(--light-gray);
349
- background-color: var(--input-bg);
223
+ padding-right: 8px;
224
+ font-size: 14px;
225
+ color: #c4c6cc;
226
+ background-color: white;
350
227
  align-items: center;
351
228
  align-self: center;
352
229
  flex-shrink: 0;
@@ -363,86 +240,86 @@
363
240
  flex-shrink: 0;
364
241
  }
365
242
  .bk-input--clear-icon:hover {
366
- color: var(--gray-color);
243
+ color: #979ba5;
367
244
  }
368
245
  .bk-input--large {
369
- height: var(--component-size-large);
370
- font-size: var(--font-size-medium);
246
+ height: 40px;
247
+ font-size: 14px;
371
248
  }
372
249
  .bk-input--large ::placeholder {
373
- font-size: var(--font-size-medium);
374
- color: var(--light-gray);
250
+ font-size: 14px;
251
+ color: #c4c6cc;
375
252
  }
376
253
  .bk-input--large .bk-input--max-length {
377
- font-size: var(--font-size-large);
254
+ font-size: 16px;
378
255
  }
379
256
  .bk-input--large .bk-input--number-control span:first-child {
380
257
  margin-bottom: 4px;
381
258
  }
382
259
  .bk-input--small {
383
- height: var(--component-size-small);
384
- font-size: var(--font-size-base);
260
+ height: 26px;
261
+ font-size: 12px;
385
262
  }
386
263
  .bk-input--small .bk-input--max-length {
387
- font-size: var(--font-size-base);
264
+ font-size: 12px;
388
265
  }
389
266
  .bk-input--default {
390
- font-size: var(--font-size-base);
267
+ font-size: 12px;
391
268
  }
392
269
  .bk-input--default .bk-input--max-length {
393
- font-size: var(--font-size-base);
270
+ font-size: 12px;
394
271
  }
395
272
  .bk-input.is-focused:not(.is-readonly) {
396
- border-color: var(--primary-color);
273
+ border-color: #3a84ff;
397
274
  outline: 0;
398
- box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
275
+ box-shadow: 0px 0px 3px 0px #a3c5fd;
399
276
  }
400
277
  .bk-input.is-focused:not(.is-readonly).is-simplicity {
401
278
  border-color: transparent;
402
- border-bottom-color: var(--primary-color);
279
+ border-bottom-color: #3a84ff;
403
280
  box-shadow: none;
404
281
  }
405
282
  .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,
406
283
  .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon {
407
- background-color: var(--input-block-color);
284
+ background-color: #f5f7fa;
408
285
  }
409
286
  .bk-input--prefix-area,
410
287
  .bk-input--suffix-area {
411
288
  display: flex;
412
- padding: 0 var(--input-horizontal-padding);
413
- color: var(--default-color);
414
- background-color: var(--input-block-color);
415
- border-right: 1px solid var(--input-border-color);
289
+ padding: 0 8px;
290
+ color: #63656e;
291
+ background-color: #f5f7fa;
292
+ border-right: 1px solid #c4c6cc;
416
293
  align-items: center;
417
294
  }
418
295
  .bk-input--suffix-area {
419
296
  border: 0;
420
- border-left: 1px solid var(--input-border-color);
297
+ border-left: 1px solid #c4c6cc;
421
298
  }
422
299
  .bk-input--max-length {
423
300
  align-self: center;
424
- padding-right: var(--input-horizontal-padding);
301
+ padding-right: 8px;
425
302
  font-size: 12px;
426
303
  transform: scale(0.8);
427
304
  }
428
305
  .bk-input--max-length.is-over-limit {
429
- color: var(--danger-color);
306
+ color: #ea3636;
430
307
  }
431
308
  .bk-input--max-length span {
432
- color: var(--input-maxlength-color);
309
+ color: #979ba5;
433
310
  }
434
311
  .bk-input--text {
435
312
  width: 100%;
436
- padding: 0 var(--input-horizontal-padding);
313
+ padding: 0 8px;
437
314
  overflow: hidden;
438
315
  line-height: 1;
439
- color: var(--input-color);
316
+ color: #63656e;
440
317
  text-overflow: ellipsis;
441
318
  white-space: nowrap;
442
- background-color: var(--input-bg);
319
+ background-color: white;
443
320
  background-image: none;
444
321
  border: none;
445
- border-radius: var(--border-radius-base);
322
+ border-radius: 2px;
446
323
  outline: none;
447
324
  box-sizing: border-box;
448
325
  transition: all 0.3s;
@@ -483,39 +360,39 @@
483
360
  display: flex;
484
361
  overflow: hidden;
485
362
  line-height: 1;
486
- color: var(--gray-color);
363
+ color: #979ba5;
487
364
  text-align: center;
488
365
  cursor: pointer;
489
- background-color: var(--input-block-color);
366
+ background-color: #f5f7fa;
490
367
  flex: 1;
491
368
  align-items: center;
492
369
  }
493
370
  .bk-input--number-control span.is-disabled {
494
- color: var(--light-gray);
371
+ color: #c4c6cc;
495
372
  cursor: not-allowed;
496
373
  }
497
374
  .bk-input--number-control svg {
498
- font-size: var(--input-icon-size);
375
+ font-size: 14px;
499
376
  }
500
377
  .bk-input--number-control span:first-child {
501
378
  transform: rotate(180deg);
502
379
  }
503
380
  .bk-input--number-control span:not(.is-disabled):hover {
504
- background-color: var(--input-block-hover-color);
381
+ background-color: #eaebf0;
505
382
  }
506
383
  /* 针对 Chrome、Safari 和新版 Edge 的样式 */
507
384
  input:-webkit-autofill,
508
385
  input:-webkit-autofill:hover,
509
386
  input:-webkit-autofill:focus,
510
387
  input:-webkit-autofill:active {
511
- -webkit-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
512
- box-shadow: 0 0 0 100px var(--input-bg) inset !important;
388
+ -webkit-box-shadow: 0 0 0 100px white inset !important;
389
+ box-shadow: 0 0 0 100px white inset !important;
513
390
  }
514
391
  /* 针对 Firefox 的样式 */
515
392
  input:-moz-autofill,
516
393
  input:-moz-autofill:hover,
517
394
  input:-moz-autofill:focus,
518
395
  input:-moz-autofill:active {
519
- -moz-box-shadow: 0 0 0 100px var(--input-bg) inset !important;
520
- box-shadow: 0 0 0 100px var(--input-bg) inset !important;
396
+ -moz-box-shadow: 0 0 0 100px white inset !important;
397
+ box-shadow: 0 0 0 100px white inset !important;
521
398
  }