bkui-vue 0.0.1-beta.330 → 0.0.1-beta.331

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 (14) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/style.variable.css +1 -1
  3. package/lib/dialog/dialog.css +9 -9
  4. package/lib/dialog/dialog.less +1 -1
  5. package/lib/dialog/dialog.variable.css +9 -9
  6. package/lib/info-box/info-box.css +8 -8
  7. package/lib/info-box/info-box.less +8 -8
  8. package/lib/info-box/info-box.variable.css +8 -8
  9. package/lib/input/input.css +5 -2
  10. package/lib/input/input.less +3 -2
  11. package/lib/input/input.variable.css +5 -2
  12. package/lib/modal/modal.css +8 -8
  13. package/lib/modal/modal.variable.css +8 -8
  14. package/package.json +1 -1
package/lib/dialog/dialog.css CHANGED
@@ -14,21 +14,21 @@
14
14
  padding: 24px 24px 0;
15
15
  }
16
16
  .bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
17
- height: 24px;
18
- margin-top: 20px;
19
- margin-bottom: 20px;
17
+ height: 27px;
18
+ margin: 15px 0 10px;
20
19
  }
21
20
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
22
- min-height: auto;
23
- padding: 0 50px 65px;
21
+ height: 100%;
22
+ max-height: 100%;
23
+ min-height: 100%;
24
+ padding: 0 50px 10px;
24
25
  }
25
26
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
26
- margin-bottom: 20px;
27
+ margin-bottom: 10px;
27
28
  text-align: center;
28
29
  }
29
30
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
30
- height: 65px;
31
- padding: 0 24px 33px;
31
+ padding: 0 65px 33px;
32
32
  background-color: #fff;
33
33
  border-top: none;
34
34
  }
@@ -98,7 +98,6 @@
98
98
  user-select: none;
99
99
  }
100
100
  .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
101
- height: 79px;
102
101
  padding: 24px;
103
102
  font-size: 20px;
104
103
  }
@@ -127,6 +126,7 @@
127
126
  white-space: nowrap;
128
127
  }
129
128
  .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
129
+ height: calc(100% - 79px);
130
130
  max-height: calc(100vh - 300px);
131
131
  min-height: 100px;
132
132
  padding: 3px 24px 0;
package/lib/dialog/dialog.less CHANGED
@@ -38,7 +38,6 @@
38
38
  }
39
39
 
40
40
  .bk-dialog-header {
41
- height: 79px;
42
41
  padding: 24px;
43
42
  font-size: 20px;
44
43
 
@@ -74,6 +73,7 @@
74
73
  }
75
74
 
76
75
  .bk-modal-content {
76
+ height: calc(100% - 79px);
77
77
  max-height: calc(100vh - 300px);
78
78
  min-height: 100px;
79
79
  padding: 3px 24px 0;
package/lib/dialog/dialog.variable.css CHANGED
@@ -14,21 +14,21 @@
14
14
  padding: 24px 24px 0;
15
15
  }
16
16
  .bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
17
- height: 24px;
18
- margin-top: 20px;
19
- margin-bottom: 20px;
17
+ height: 27px;
18
+ margin: 15px 0 10px;
20
19
  }
21
20
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
22
- min-height: auto;
23
- padding: 0 50px 65px;
21
+ height: 100%;
22
+ max-height: 100%;
23
+ min-height: 100%;
24
+ padding: 0 50px 10px;
24
25
  }
25
26
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
26
- margin-bottom: 20px;
27
+ margin-bottom: 10px;
27
28
  text-align: center;
28
29
  }
29
30
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
30
- height: 65px;
31
- padding: 0 24px 33px;
31
+ padding: 0 65px 33px;
32
32
  background-color: #fff;
33
33
  border-top: none;
34
34
  }
@@ -98,7 +98,6 @@
98
98
  user-select: none;
99
99
  }
100
100
  .bk-modal-wrapper.bk-dialog-wrapper .bk-dialog-header {
101
- height: 79px;
102
101
  padding: 24px;
103
102
  font-size: 20px;
104
103
  }
@@ -127,6 +126,7 @@
127
126
  white-space: nowrap;
128
127
  }
129
128
  .bk-modal-wrapper.bk-dialog-wrapper .bk-modal-content {
129
+ height: calc(100% - 79px);
130
130
  max-height: calc(100vh - 300px);
131
131
  min-height: 100px;
132
132
  padding: 3px 24px 0;
package/lib/info-box/info-box.css CHANGED
@@ -14,21 +14,21 @@
14
14
  padding: 24px 24px 0;
15
15
  }
16
16
  .bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
17
- height: 24px;
18
- margin-top: 20px;
19
- margin-bottom: 20px;
17
+ height: 27px;
18
+ margin: 15px 0 10px;
20
19
  }
21
20
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
22
- min-height: auto;
23
- padding: 0 50px 65px;
21
+ height: 100%;
22
+ max-height: 100%;
23
+ min-height: 100%;
24
+ padding: 0 50px 10px;
24
25
  }
25
26
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
26
- margin-bottom: 20px;
27
+ margin-bottom: 10px;
27
28
  text-align: center;
28
29
  }
29
30
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
30
- height: 65px;
31
- padding: 0 24px 33px;
31
+ padding: 0 65px 33px;
32
32
  background-color: #fff;
33
33
  border-top: none;
34
34
  }
package/lib/info-box/info-box.less CHANGED
@@ -18,25 +18,25 @@
18
18
  padding: 24px 24px 0;
19
19
 
20
20
  .bk-dialog-title {
21
- height: 24px;
22
- margin-top: 20px;
23
- margin-bottom: 20px;
21
+ height: 27px;
22
+ margin: 15px 0 10px;
24
23
  }
25
24
  }
26
25
 
27
26
  .bk-modal-content {
28
- min-height: auto;
29
- padding: 0 50px 65px;
27
+ height: 100%;
28
+ max-height: 100%;
29
+ min-height: 100%;
30
+ padding: 0 50px 10px;
30
31
 
31
32
  .bk-info-sub-title {
32
- margin-bottom: 20px;
33
+ margin-bottom: 10px;
33
34
  text-align: center;
34
35
  }
35
36
  }
36
37
 
37
38
  .bk-modal-footer {
38
- height: 65px;
39
- padding: 0 24px 33px;
39
+ padding: 0 65px 33px;
40
40
  background-color: #fff;
41
41
  border-top: none;
42
42
 
package/lib/info-box/info-box.variable.css CHANGED
@@ -14,21 +14,21 @@
14
14
  padding: 24px 24px 0;
15
15
  }
16
16
  .bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
17
- height: 24px;
18
- margin-top: 20px;
19
- margin-bottom: 20px;
17
+ height: 27px;
18
+ margin: 15px 0 10px;
20
19
  }
21
20
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
22
- min-height: auto;
23
- padding: 0 50px 65px;
21
+ height: 100%;
22
+ max-height: 100%;
23
+ min-height: 100%;
24
+ padding: 0 50px 10px;
24
25
  }
25
26
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
26
- margin-bottom: 20px;
27
+ margin-bottom: 10px;
27
28
  text-align: center;
28
29
  }
29
30
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
30
- height: 65px;
31
- padding: 0 24px 33px;
31
+ padding: 0 65px 33px;
32
32
  background-color: #fff;
33
33
  border-top: none;
34
34
  }
package/lib/input/input.css CHANGED
@@ -191,11 +191,13 @@
191
191
  border-bottom-color: #c4c6cc;
192
192
  }
193
193
  .bk-input.is-simplicity:hover:not(.is-disabled) {
194
+ background-color: #f5f7fa;
194
195
  border-color: transparent;
195
196
  border-bottom-color: #c4c6cc;
196
197
  box-shadow: none;
197
198
  }
198
- .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text {
199
+ .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,
200
+ .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon {
199
201
  background-color: #f5f7fa;
200
202
  }
201
203
  .bk-input--suffix-icon {
@@ -250,7 +252,8 @@
250
252
  border-bottom-color: #3a84ff;
251
253
  box-shadow: none;
252
254
  }
253
- .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text {
255
+ .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,
256
+ .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon {
254
257
  background-color: #f5f7fa;
255
258
  }
256
259
  .bk-input--prefix-area,
package/lib/input/input.less CHANGED
@@ -116,10 +116,11 @@
116
116
  border-bottom-color: @input-border-color;
117
117
 
118
118
  &:hover:not(.is-disabled) {
119
+ background-color: @input-block-color;
119
120
  border-color: transparent;
120
121
  border-bottom-color: @light-gray;
121
122
  box-shadow: none;
122
- .@{bk-prefix}-input--text {
123
+ .@{bk-prefix}-input--text, .@{bk-prefix}-input--suffix-icon {
123
124
  background-color: @input-block-color;
124
125
  }
125
126
  }
@@ -185,7 +186,7 @@
185
186
  border-color: transparent;
186
187
  border-bottom-color: @primary-color;
187
188
  box-shadow: none;
188
- .@{bk-prefix}-input--text {
189
+ .@{bk-prefix}-input--text, .@{bk-prefix}-input--suffix-icon {
189
190
  background-color: @input-block-color;
190
191
  }
191
192
  }
package/lib/input/input.variable.css CHANGED
@@ -311,11 +311,13 @@
311
311
  border-bottom-color: var(--input-border-color);
312
312
  }
313
313
  .bk-input.is-simplicity:hover:not(.is-disabled) {
314
+ background-color: var(--input-block-color);
314
315
  border-color: transparent;
315
316
  border-bottom-color: var(--light-gray);
316
317
  box-shadow: none;
317
318
  }
318
- .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text {
319
+ .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--text,
320
+ .bk-input.is-simplicity:hover:not(.is-disabled) .bk-input--suffix-icon {
319
321
  background-color: var(--input-block-color);
320
322
  }
321
323
  .bk-input--suffix-icon {
@@ -370,7 +372,8 @@
370
372
  border-bottom-color: var(--primary-color);
371
373
  box-shadow: none;
372
374
  }
373
- .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text {
375
+ .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--text,
376
+ .bk-input.is-focused:not(.is-readonly).is-simplicity .bk-input--suffix-icon {
374
377
  background-color: var(--input-block-color);
375
378
  }
376
379
  .bk-input--prefix-area,
package/lib/modal/modal.css CHANGED
@@ -14,21 +14,21 @@
14
14
  padding: 24px 24px 0;
15
15
  }
16
16
  .bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
17
- height: 24px;
18
- margin-top: 20px;
19
- margin-bottom: 20px;
17
+ height: 27px;
18
+ margin: 15px 0 10px;
20
19
  }
21
20
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
22
- min-height: auto;
23
- padding: 0 50px 65px;
21
+ height: 100%;
22
+ max-height: 100%;
23
+ min-height: 100%;
24
+ padding: 0 50px 10px;
24
25
  }
25
26
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
26
- margin-bottom: 20px;
27
+ margin-bottom: 10px;
27
28
  text-align: center;
28
29
  }
29
30
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
30
- height: 65px;
31
- padding: 0 24px 33px;
31
+ padding: 0 65px 33px;
32
32
  background-color: #fff;
33
33
  border-top: none;
34
34
  }
package/lib/modal/modal.variable.css CHANGED
@@ -14,21 +14,21 @@
14
14
  padding: 24px 24px 0;
15
15
  }
16
16
  .bk-modal-wrapper.bk-info-wrapper .bk-dialog-header .bk-dialog-title {
17
- height: 24px;
18
- margin-top: 20px;
19
- margin-bottom: 20px;
17
+ height: 27px;
18
+ margin: 15px 0 10px;
20
19
  }
21
20
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content {
22
- min-height: auto;
23
- padding: 0 50px 65px;
21
+ height: 100%;
22
+ max-height: 100%;
23
+ min-height: 100%;
24
+ padding: 0 50px 10px;
24
25
  }
25
26
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-content .bk-info-sub-title {
26
- margin-bottom: 20px;
27
+ margin-bottom: 10px;
27
28
  text-align: center;
28
29
  }
29
30
  .bk-modal-wrapper.bk-info-wrapper .bk-modal-footer {
30
- height: 65px;
31
- padding: 0 24px 33px;
31
+ padding: 0 65px 33px;
32
32
  background-color: #fff;
33
33
  border-top: none;
34
34
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bkui-vue",
3
- "version": "0.0.1-beta.330",
3
+ "version": "0.0.1-beta.331",
4
4
  "workspaces": {
5
5
  "packages": [
6
6
  "packages/!(**.bak)*",