bk-magic-vue 2.5.9-beta.2 → 2.5.9-beta.21

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 (113) hide show
  1. package/dist/bk-magic-vue.css +893 -959
  2. package/dist/bk-magic-vue.js +860 -625
  3. package/dist/bk-magic-vue.min.css +1 -1
  4. package/dist/bk-magic-vue.min.css.gz +0 -0
  5. package/dist/bk-magic-vue.min.css.map +1 -1
  6. package/dist/bk-magic-vue.min.js +1 -1
  7. package/dist/bk-magic-vue.min.js.gz +0 -0
  8. package/dist/bk-magic-vue.min.js.map +1 -1
  9. package/lib/card.js +2981 -203
  10. package/lib/cascade.js +6447 -6411
  11. package/lib/date-picker.js +1 -1
  12. package/lib/dialog.js +484 -9
  13. package/lib/info-box.js +484 -9
  14. package/lib/input.js +2942 -164
  15. package/lib/loading.js +7 -4
  16. package/lib/pagination.js +214 -17
  17. package/lib/rate.js +14 -3
  18. package/lib/resize-layout.js +3 -1
  19. package/lib/select.js +40 -9
  20. package/lib/sideslider.js +802 -336
  21. package/lib/slider.js +3270 -3202
  22. package/lib/star.js +13 -2
  23. package/lib/table.js +214 -17
  24. package/lib/tag-input.js +122 -102
  25. package/lib/time-picker.js +1 -1
  26. package/lib/timeline.js +26 -17
  27. package/lib/transfer.js +1886 -1710
  28. package/lib/ui/badge.css +127 -119
  29. package/lib/ui/badge.min.css +1 -1
  30. package/lib/ui/badge.min.css.map +1 -1
  31. package/lib/ui/bk-magic-vue.css +893 -959
  32. package/lib/ui/bk-magic-vue.min.css +1 -1
  33. package/lib/ui/bk-magic-vue.min.css.gz +0 -0
  34. package/lib/ui/bk-magic-vue.min.css.map +1 -1
  35. package/lib/ui/button.css +4 -4
  36. package/lib/ui/button.min.css +1 -1
  37. package/lib/ui/button.min.css.map +1 -1
  38. package/lib/ui/card.css +2 -2
  39. package/lib/ui/card.min.css +1 -1
  40. package/lib/ui/card.min.css.map +1 -1
  41. package/lib/ui/cascade.css +19 -1
  42. package/lib/ui/cascade.min.css +1 -1
  43. package/lib/ui/cascade.min.css.map +1 -1
  44. package/lib/ui/checkbox.css +67 -67
  45. package/lib/ui/checkbox.min.css.map +1 -1
  46. package/lib/ui/dialog.css +4 -4
  47. package/lib/ui/dialog.min.css +1 -1
  48. package/lib/ui/dialog.min.css.map +1 -1
  49. package/lib/ui/exception.css +1 -0
  50. package/lib/ui/exception.min.css +1 -1
  51. package/lib/ui/exception.min.css.map +1 -1
  52. package/lib/ui/form.css +2 -2
  53. package/lib/ui/form.min.css +1 -1
  54. package/lib/ui/form.min.css.map +1 -1
  55. package/lib/ui/info-box.css +4 -4
  56. package/lib/ui/info-box.min.css +1 -1
  57. package/lib/ui/info-box.min.css.map +1 -1
  58. package/lib/ui/input.css +1 -1
  59. package/lib/ui/input.min.css +1 -1
  60. package/lib/ui/input.min.css.map +1 -1
  61. package/lib/ui/link.css +27 -3
  62. package/lib/ui/link.min.css +1 -1
  63. package/lib/ui/link.min.css.map +1 -1
  64. package/lib/ui/loading.css +43 -280
  65. package/lib/ui/loading.min.css +1 -1
  66. package/lib/ui/loading.min.css.map +1 -1
  67. package/lib/ui/notify.css +5 -5
  68. package/lib/ui/notify.min.css +1 -1
  69. package/lib/ui/notify.min.css.map +1 -1
  70. package/lib/ui/overflow-tips.css +3 -2
  71. package/lib/ui/overflow-tips.min.css +1 -1
  72. package/lib/ui/overflow-tips.min.css.map +1 -1
  73. package/lib/ui/pagination.css +1 -1
  74. package/lib/ui/pagination.min.css +1 -1
  75. package/lib/ui/pagination.min.css.map +1 -1
  76. package/lib/ui/popconfirm.css +2 -2
  77. package/lib/ui/popconfirm.min.css +1 -1
  78. package/lib/ui/popconfirm.min.css.map +1 -1
  79. package/lib/ui/popover.css +3 -2
  80. package/lib/ui/popover.min.css +1 -1
  81. package/lib/ui/popover.min.css.map +1 -1
  82. package/lib/ui/process.css +51 -282
  83. package/lib/ui/process.min.css +1 -1
  84. package/lib/ui/process.min.css.map +1 -1
  85. package/lib/ui/progress.css +2 -2
  86. package/lib/ui/progress.min.css +1 -1
  87. package/lib/ui/progress.min.css.map +1 -1
  88. package/lib/ui/radio.css +64 -64
  89. package/lib/ui/radio.min.css +1 -1
  90. package/lib/ui/radio.min.css.map +1 -1
  91. package/lib/ui/resize-layout.css +13 -5
  92. package/lib/ui/resize-layout.min.css +1 -1
  93. package/lib/ui/resize-layout.min.css.map +1 -1
  94. package/lib/ui/sideslider.css +8 -7
  95. package/lib/ui/sideslider.min.css +1 -1
  96. package/lib/ui/sideslider.min.css.map +1 -1
  97. package/lib/ui/star.css +22 -17
  98. package/lib/ui/star.min.css +1 -1
  99. package/lib/ui/star.min.css.map +1 -1
  100. package/lib/ui/steps.css +372 -274
  101. package/lib/ui/steps.min.css +1 -1
  102. package/lib/ui/steps.min.css.map +1 -1
  103. package/lib/ui/tooltips.css +3 -2
  104. package/lib/ui/tooltips.min.css +1 -1
  105. package/lib/ui/tooltips.min.css.map +1 -1
  106. package/lib/ui/transfer.css +122 -121
  107. package/lib/ui/transfer.min.css +1 -1
  108. package/lib/ui/transfer.min.css.map +1 -1
  109. package/lib/ui/tree.css +45 -282
  110. package/lib/ui/tree.min.css +1 -1
  111. package/lib/ui/tree.min.css.map +1 -1
  112. package/lib/version-detail.js +453 -13
  113. package/package.json +3 -4
package/lib/ui/badge.css CHANGED
@@ -1,169 +1,177 @@
1
1
  .bk-badge-wrapper{
2
- position:relative;
3
- display:inline-block;
2
+ position:relative;
3
+ display:inline-block;
4
4
  }
5
5
 
6
6
  .bk-badge-wrapper .bk-badge{
7
- position:relative;
8
- display:inline-block;
9
- min-width:18px;
10
- height:18px;
11
- line-height:16px;
12
- padding:0 2px;
13
- border:1px solid #c3cdd7;
14
- border-radius:18px;
15
- background-color:#fff;
16
- font-size:12px;
17
- text-align:center;
18
- }
7
+ position:relative;
8
+ display:-webkit-box;
9
+ display:-ms-flexbox;
10
+ display:flex;
11
+ -webkit-box-align:center;
12
+ -ms-flex-align:center;
13
+ align-items:center;
14
+ -webkit-box-pack:center;
15
+ -ms-flex-pack:center;
16
+ justify-content:center;
17
+ min-width:18px;
18
+ height:18px;
19
+ line-height:16px;
20
+ padding:0 2px;
21
+ border:1px solid #c3cdd7;
22
+ border-radius:18px;
23
+ background-color:#fff;
24
+ font-size:10px;
25
+ text-align:center;
26
+ }
19
27
 
20
28
  .bk-badge-wrapper .bk-badge .bk-icon{
21
- position:absolute;
22
- left:50%;
23
- top:50%;
24
- margin-top:0;
25
- -webkit-transform:translate(-50%, -50%);
26
- transform:translate(-50%, -50%);
27
- display:block;
28
- line-height:18px;
29
- }
29
+ position:absolute;
30
+ left:50%;
31
+ top:50%;
32
+ margin-top:0;
33
+ -webkit-transform:translate(-50%, -50%);
34
+ transform:translate(-50%, -50%);
35
+ display:block;
36
+ line-height:18px;
37
+ }
30
38
 
31
39
  .bk-badge-wrapper .bk-badge.pinned{
32
- position:absolute
33
- }
40
+ position:absolute
41
+ }
34
42
 
35
43
  .bk-badge-wrapper .bk-badge.pinned.top-right{
36
- top:0;
37
- right:0;
38
- -webkit-transform:translate(50%, -50%) scale(1, 1);
39
- transform:translate(50%, -50%) scale(1, 1)
40
- }
44
+ top:0;
45
+ right:0;
46
+ -webkit-transform:translate(50%, -50%) scale(1, 1);
47
+ transform:translate(50%, -50%) scale(1, 1)
48
+ }
41
49
 
42
50
  .bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-enter,
43
- .bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-leave-active{
44
- opacity:0;
45
- -webkit-transform:translate(50%, -50%) scale(0, 0);
46
- transform:translate(50%, -50%) scale(0, 0);
47
- }
51
+ .bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-leave-active{
52
+ opacity:0;
53
+ -webkit-transform:translate(50%, -50%) scale(0, 0);
54
+ transform:translate(50%, -50%) scale(0, 0);
55
+ }
48
56
 
49
57
  .bk-badge-wrapper .bk-badge.pinned.right{
50
- top:50%;
51
- right:0%;
52
- -webkit-transform:translate(100%, -50%) scale(1, 1);
53
- transform:translate(100%, -50%) scale(1, 1)
54
- }
58
+ top:50%;
59
+ right:0%;
60
+ -webkit-transform:translate(100%, -50%) scale(1, 1);
61
+ transform:translate(100%, -50%) scale(1, 1)
62
+ }
55
63
 
56
64
  .bk-badge-wrapper .bk-badge.pinned.right.fade-center-enter,
57
- .bk-badge-wrapper .bk-badge.pinned.right.fade-center-leave-active{
58
- opacity:0;
59
- -webkit-transform:translate(50%, -50%) scale(0, 0);
60
- transform:translate(50%, -50%) scale(0, 0);
61
- }
65
+ .bk-badge-wrapper .bk-badge.pinned.right.fade-center-leave-active{
66
+ opacity:0;
67
+ -webkit-transform:translate(50%, -50%) scale(0, 0);
68
+ transform:translate(50%, -50%) scale(0, 0);
69
+ }
62
70
 
63
71
  .bk-badge-wrapper .bk-badge.pinned.bottom-right{
64
- bottom:0;
65
- right:0;
66
- -webkit-transform:translate(50%, 50%) scale(1, 1);
67
- transform:translate(50%, 50%) scale(1, 1)
68
- }
72
+ bottom:0;
73
+ right:0;
74
+ -webkit-transform:translate(50%, 50%) scale(1, 1);
75
+ transform:translate(50%, 50%) scale(1, 1)
76
+ }
69
77
 
70
78
  .bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-enter,
71
- .bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-leave-active{
72
- opacity:0;
73
- -webkit-transform:translate(50%, 50%) scale(0, 0);
74
- transform:translate(50%, 50%) scale(0, 0);
75
- }
79
+ .bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-leave-active{
80
+ opacity:0;
81
+ -webkit-transform:translate(50%, 50%) scale(0, 0);
82
+ transform:translate(50%, 50%) scale(0, 0);
83
+ }
76
84
 
77
85
  .bk-badge-wrapper .bk-badge.pinned.top-left{
78
- top:0;
79
- left:0;
80
- -webkit-transform:translate(-50%, -50%) scale(1, 1);
81
- transform:translate(-50%, -50%) scale(1, 1)
82
- }
86
+ top:0;
87
+ left:0;
88
+ -webkit-transform:translate(-50%, -50%) scale(1, 1);
89
+ transform:translate(-50%, -50%) scale(1, 1)
90
+ }
83
91
 
84
92
  .bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-enter,
85
- .bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-leave-active{
86
- opacity:0;
87
- -webkit-transform:translate(-50%, -50%) scale(0, 0);
88
- transform:translate(-50%, -50%) scale(0, 0);
89
- }
93
+ .bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-leave-active{
94
+ opacity:0;
95
+ -webkit-transform:translate(-50%, -50%) scale(0, 0);
96
+ transform:translate(-50%, -50%) scale(0, 0);
97
+ }
90
98
 
91
99
  .bk-badge-wrapper .bk-badge.pinned.bottom-left{
92
- bottom:0;
93
- left:0;
94
- -webkit-transform:translate(-50%, 50%) scale(1, 1);
95
- transform:translate(-50%, 50%) scale(1, 1)
96
- }
100
+ bottom:0;
101
+ left:0;
102
+ -webkit-transform:translate(-50%, 50%) scale(1, 1);
103
+ transform:translate(-50%, 50%) scale(1, 1)
104
+ }
97
105
 
98
106
  .bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-enter,
99
- .bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-leave-active{
100
- opacity:0;
101
- -webkit-transform:translate(-50%, 50%) scale(0, 0);
102
- transform:translate(-50%, 50%) scale(0, 0);
103
- }
107
+ .bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-leave-active{
108
+ opacity:0;
109
+ -webkit-transform:translate(-50%, 50%) scale(0, 0);
110
+ transform:translate(-50%, 50%) scale(0, 0);
111
+ }
104
112
 
105
113
  .bk-badge-wrapper .bk-badge.dot{
106
- width:8px;
107
- height:8px;
108
- min-width:8px;
109
- }
114
+ width:8px;
115
+ height:8px;
116
+ min-width:8px;
117
+ }
110
118
 
111
119
  .bk-badge-wrapper .bk-badge.bk-danger{
112
- background-color:#ff5656;
113
- border:2px solid #fff;
114
- color:#fff
115
- }
120
+ background-color:#ea3636;
121
+ border:2px solid #fff;
122
+ color:#fff
123
+ }
116
124
 
117
125
  .bk-badge-wrapper .bk-badge.bk-danger.is-icon{
118
- background-color:#fff;
119
- border-color:#fff;
120
- color:#ff5656;
121
- }
126
+ background-color:#fff;
127
+ border-color:#fff;
128
+ color:#ea3636;
129
+ }
122
130
 
123
131
  .bk-badge-wrapper .bk-badge.bk-warning{
124
- background-color:#ffb848;
125
- border:2px solid #fff;
126
- color:#fff
127
- }
132
+ background-color:#ff9c01;
133
+ border:2px solid #fff;
134
+ color:#fff
135
+ }
128
136
 
129
137
  .bk-badge-wrapper .bk-badge.bk-warning.is-icon{
130
- background-color:#fff;
131
- border-color:#fff;
132
- color:#ffb848;
133
- }
138
+ background-color:#fff;
139
+ border-color:#fff;
140
+ color:#ff9c01;
141
+ }
134
142
 
135
143
  .bk-badge-wrapper .bk-badge.bk-success{
136
- background-color:#2dcb56;
137
- border:2px solid #fff;
138
- color:#fff
139
- }
144
+ background-color:#2dcb56;
145
+ border:2px solid #fff;
146
+ color:#fff
147
+ }
140
148
 
141
149
  .bk-badge-wrapper .bk-badge.bk-success.is-icon{
142
- background-color:#fff;
143
- border-color:#fff;
144
- color:#2dcb56;
145
- }
150
+ background-color:#fff;
151
+ border-color:#fff;
152
+ color:#2dcb56;
153
+ }
146
154
 
147
155
  .bk-badge-wrapper .bk-badge.bk-primary{
148
- background-color:#3c96ff;
149
- border:2px solid #fff;
150
- color:#fff
151
- }
156
+ background-color:#3a84ff;
157
+ border:2px solid #fff;
158
+ color:#fff
159
+ }
152
160
 
153
161
  .bk-badge-wrapper .bk-badge.bk-primary.is-icon{
154
- background-color:#fff;
155
- border-color:#fff;
156
- color:#3c96ff;
157
- }
162
+ background-color:#fff;
163
+ border-color:#fff;
164
+ color:#3a84ff;
165
+ }
158
166
 
159
167
  .bk-badge-wrapper .bk-badge.bk-info{
160
- background-color:#88c3ff;
161
- border:2px solid #fff;
162
- color:#fff
163
- }
168
+ background-color:#3a84ff;
169
+ border:2px solid #fff;
170
+ color:#fff
171
+ }
164
172
 
165
173
  .bk-badge-wrapper .bk-badge.bk-info.is-icon{
166
- background-color:#fff;
167
- border-color:#fff;
168
- color:#88c3ff;
169
- }
174
+ background-color:#fff;
175
+ border-color:#fff;
176
+ color:#3a84ff;
177
+ }
package/lib/ui/badge.min.css CHANGED
@@ -1,2 +1,2 @@
1
- .bk-badge-wrapper,.bk-badge-wrapper .bk-badge{position:relative;display:inline-block}.bk-badge-wrapper .bk-badge{min-width:18px;height:18px;line-height:16px;padding:0 2px;border:1px solid #c3cdd7;border-radius:18px;background-color:#fff;font-size:12px;text-align:center}.bk-badge-wrapper .bk-badge .bk-icon{position:absolute;left:50%;top:50%;margin-top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;line-height:18px}.bk-badge-wrapper .bk-badge.pinned{position:absolute}.bk-badge-wrapper .bk-badge.pinned.top-right{top:0;right:0;-webkit-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-leave-active{opacity:0;-webkit-transform:translate(50%,-50%) scale(0);transform:translate(50%,-50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.right{top:50%;right:0;-webkit-transform:translate(100%,-50%) scale(1);transform:translate(100%,-50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.right.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.right.fade-center-leave-active{opacity:0;-webkit-transform:translate(50%,-50%) scale(0);transform:translate(50%,-50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.bottom-right{bottom:0;right:0;-webkit-transform:translate(50%,50%) scale(1);transform:translate(50%,50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-leave-active{opacity:0;-webkit-transform:translate(50%,50%) scale(0);transform:translate(50%,50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.top-left{top:0;left:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-leave-active{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.bottom-left{bottom:0;left:0;-webkit-transform:translate(-50%,50%) scale(1);transform:translate(-50%,50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-leave-active{opacity:0;-webkit-transform:translate(-50%,50%) scale(0);transform:translate(-50%,50%) scale(0)}.bk-badge-wrapper .bk-badge.dot{width:8px;height:8px;min-width:8px}.bk-badge-wrapper .bk-badge.bk-danger{background-color:#ff5656;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-danger.is-icon{background-color:#fff;border-color:#fff;color:#ff5656}.bk-badge-wrapper .bk-badge.bk-warning{background-color:#ffb848;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-warning.is-icon{background-color:#fff;border-color:#fff;color:#ffb848}.bk-badge-wrapper .bk-badge.bk-success{background-color:#2dcb56;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-success.is-icon{background-color:#fff;border-color:#fff;color:#2dcb56}.bk-badge-wrapper .bk-badge.bk-primary{background-color:#3c96ff;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-primary.is-icon{background-color:#fff;border-color:#fff;color:#3c96ff}.bk-badge-wrapper .bk-badge.bk-info{background-color:#88c3ff;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-info.is-icon{background-color:#fff;border-color:#fff;color:#88c3ff}
1
+ .bk-badge-wrapper{position:relative;display:inline-block}.bk-badge-wrapper .bk-badge{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:18px;height:18px;line-height:16px;padding:0 2px;border:1px solid #c3cdd7;border-radius:18px;background-color:#fff;font-size:10px;text-align:center}.bk-badge-wrapper .bk-badge .bk-icon{position:absolute;left:50%;top:50%;margin-top:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;line-height:18px}.bk-badge-wrapper .bk-badge.pinned{position:absolute}.bk-badge-wrapper .bk-badge.pinned.top-right{top:0;right:0;-webkit-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.top-right.fade-center-leave-active{opacity:0;-webkit-transform:translate(50%,-50%) scale(0);transform:translate(50%,-50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.right{top:50%;right:0;-webkit-transform:translate(100%,-50%) scale(1);transform:translate(100%,-50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.right.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.right.fade-center-leave-active{opacity:0;-webkit-transform:translate(50%,-50%) scale(0);transform:translate(50%,-50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.bottom-right{bottom:0;right:0;-webkit-transform:translate(50%,50%) scale(1);transform:translate(50%,50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.bottom-right.fade-center-leave-active{opacity:0;-webkit-transform:translate(50%,50%) scale(0);transform:translate(50%,50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.top-left{top:0;left:0;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.top-left.fade-center-leave-active{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.bk-badge-wrapper .bk-badge.pinned.bottom-left{bottom:0;left:0;-webkit-transform:translate(-50%,50%) scale(1);transform:translate(-50%,50%) scale(1)}.bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-enter,.bk-badge-wrapper .bk-badge.pinned.bottom-left.fade-center-leave-active{opacity:0;-webkit-transform:translate(-50%,50%) scale(0);transform:translate(-50%,50%) scale(0)}.bk-badge-wrapper .bk-badge.dot{width:8px;height:8px;min-width:8px}.bk-badge-wrapper .bk-badge.bk-danger{background-color:#ea3636;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-danger.is-icon{background-color:#fff;border-color:#fff;color:#ea3636}.bk-badge-wrapper .bk-badge.bk-warning{background-color:#ff9c01;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-warning.is-icon{background-color:#fff;border-color:#fff;color:#ff9c01}.bk-badge-wrapper .bk-badge.bk-success{background-color:#2dcb56;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-success.is-icon{background-color:#fff;border-color:#fff;color:#2dcb56}.bk-badge-wrapper .bk-badge.bk-primary{background-color:#3a84ff;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-primary.is-icon{background-color:#fff;border-color:#fff;color:#3a84ff}.bk-badge-wrapper .bk-badge.bk-info{background-color:#3a84ff;border:2px solid #fff;color:#fff}.bk-badge-wrapper .bk-badge.bk-info.is-icon{background-color:#fff;border-color:#fff;color:#3a84ff}
2
2
  /*# sourceMappingURL=badge.min.css.map */
package/lib/ui/badge.min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["badge.css"],"names":[],"mappings":"AAkBI,8CAFA,iBAAkB,CAClB,oBAkHA,CAjHA,4BAGI,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,aAAc,CACd,wBAA8B,CAC9B,kBAAmB,CACnB,qBAAsB,CACtB,cAAe,CACf,iBAsGJ,CApGI,qCACI,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,YAAa,CACb,sCAAgC,CAAhC,8BAAgC,CAChC,aAAc,CACd,gBACJ,CAEA,mCACI,iBAmDJ,CAlDI,6CACI,KAAM,CACN,OAAQ,CACR,8CAA2C,CAA3C,sCAMJ,CALI,qIAEI,SAAU,CACV,8CAA2C,CAA3C,sCACJ,CAEJ,yCACI,OAAQ,CACR,OAAS,CACT,+CAA4C,CAA5C,uCAMJ,CALI,6HAEI,SAAU,CACV,8CAA2C,CAA3C,sCACJ,CAEJ,gDACI,QAAS,CACT,OAAQ,CACR,6CAA0C,CAA1C,qCAMJ,CALI,2IAEI,SAAU,CACV,6CAA0C,CAA1C,qCACJ,CAEJ,4CACI,KAAM,CACN,MAAO,CACP,+CAA4C,CAA5C,uCAMJ,CALI,mIAEI,SAAU,CACV,+CAA4C,CAA5C,uCACJ,CAEJ,+CACI,QAAS,CACT,MAAO,CACP,8CAA2C,CAA3C,sCAMJ,CALI,yIAEI,SAAU,CACV,8CAA2C,CAA3C,sCACJ,CAIR,gCACI,SAAU,CACV,UAAW,CACX,aACJ,CAEA,sCAjGJ,wBAAwB,CACxB,qBAAsB,CACtB,UAoGI,CAHI,8CA7FR,qBAAsB,CACtB,iBAAkB,CAClB,aA6FQ,CAEJ,uCAvGJ,wBAAwB,CACxB,qBAAsB,CACtB,UA0GI,CAHI,+CAnGR,qBAAsB,CACtB,iBAAkB,CAClB,aAmGQ,CAEJ,uCA7GJ,wBAAwB,CACxB,qBAAsB,CACtB,UAgHI,CAHI,+CAzGR,qBAAsB,CACtB,iBAAkB,CAClB,aAyGQ,CAEJ,uCAnHJ,wBAAwB,CACxB,qBAAsB,CACtB,UAsHI,CAHI,+CA/GR,qBAAsB,CACtB,iBAAkB,CAClB,aA+GQ,CAEJ,oCAzHJ,wBAAwB,CACxB,qBAAsB,CACtB,UA4HI,CAHI,4CArHR,qBAAsB,CACtB,iBAAkB,CAClB,aAqHQ","file":"badge.min.css","sourcesContent":["@import './variable.css';\n\n/* usage: @mixin get-theme red; */\n@define-mixin get-theme $theme {\n background-color: $theme;\n border: 2px solid #fff;\n color: #fff;\n}\n\n@define-mixin get-icon-theme $theme {\n background-color: #fff;\n border-color: #fff;\n color: $theme;\n}\n\n.bk-badge-wrapper {\n position: relative;\n display: inline-block;\n .bk-badge {\n position: relative;\n display: inline-block;\n min-width: 18px;\n height: 18px;\n line-height: 16px;\n padding: 0 2px;\n border: 1px solid $borderColor;\n border-radius: 18px;\n background-color: #fff;\n font-size: 12px;\n text-align: center;\n\n .bk-icon {\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: 0;\n transform: translate(-50%, -50%);\n display: block;\n line-height: 18px;\n }\n\n &.pinned {\n position: absolute;\n &.top-right {\n top: 0;\n right: 0;\n transform: translate(50%, -50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, -50%) scale(0, 0);\n }\n }\n &.right {\n top: 50%;\n right: 0%;\n transform: translate(100%, -50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, -50%) scale(0, 0);\n }\n }\n &.bottom-right {\n bottom: 0;\n right: 0;\n transform: translate(50%, 50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, 50%) scale(0, 0);\n }\n }\n &.top-left {\n top: 0;\n left: 0;\n transform: translate(-50%, -50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0, 0);\n }\n }\n &.bottom-left {\n bottom: 0;\n left: 0;\n transform: translate(-50%, 50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(-50%, 50%) scale(0, 0);\n }\n }\n }\n\n &.dot {\n width: 8px;\n height: 8px;\n min-width: 8px;\n }\n\n &.bk-danger {\n @mixin get-theme $dangerColor;\n &.is-icon {\n @mixin get-icon-theme $dangerColor;\n }\n }\n &.bk-warning {\n @mixin get-theme $warningColor;\n &.is-icon {\n @mixin get-icon-theme $warningColor;\n }\n }\n &.bk-success {\n @mixin get-theme $successColor;\n &.is-icon {\n @mixin get-icon-theme $successColor;\n }\n }\n &.bk-primary {\n @mixin get-theme $primaryColor;\n &.is-icon {\n @mixin get-icon-theme $primaryColor;\n }\n }\n &.bk-info {\n @mixin get-theme $infoColor;\n &.is-icon {\n @mixin get-icon-theme $infoColor;\n }\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["badge.css"],"names":[],"mappings":"AAeA,kBACE,iBAAkB,CAClB,oBAsHF,CArHE,4BACE,iBAAkB,CAElB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,cAAe,CACf,WAAY,CACZ,gBAAiB,CACjB,aAAc,CACd,wBAA8B,CAC9B,kBAAmB,CACnB,qBAAsB,CACtB,cAAe,CACf,iBAsGF,CApGE,qCACE,iBAAkB,CAClB,QAAS,CACT,OAAQ,CACR,YAAa,CACb,sCAAgC,CAAhC,8BAAgC,CAChC,aAAc,CACd,gBACF,CAEA,mCACE,iBAmDF,CAlDE,6CACE,KAAM,CACN,OAAQ,CACR,8CAA2C,CAA3C,sCAMF,CALE,qIAEE,SAAU,CACV,8CAA2C,CAA3C,sCACF,CAEF,yCACE,OAAQ,CACR,OAAS,CACT,+CAA4C,CAA5C,uCAMF,CALE,6HAEE,SAAU,CACV,8CAA2C,CAA3C,sCACF,CAEF,gDACE,QAAS,CACT,OAAQ,CACR,6CAA0C,CAA1C,qCAMF,CALE,2IAEE,SAAU,CACV,6CAA0C,CAA1C,qCACF,CAEF,4CACE,KAAM,CACN,MAAO,CACP,+CAA4C,CAA5C,uCAMF,CALE,mIAEE,SAAU,CACV,+CAA4C,CAA5C,uCACF,CAEF,+CACE,QAAS,CACT,MAAO,CACP,8CAA2C,CAA3C,sCAMF,CALE,yIAEE,SAAU,CACV,8CAA2C,CAA3C,sCACF,CAIJ,gCACE,SAAU,CACV,UAAW,CACX,aACF,CAEA,sCApGF,wBAAwB,CACxB,qBAAsB,CACtB,UAuGE,CAHE,8CAhGJ,qBAAsB,CACtB,iBAAkB,CAClB,aAgGI,CAEF,uCA1GF,wBAAwB,CACxB,qBAAsB,CACtB,UA6GE,CAHE,+CAtGJ,qBAAsB,CACtB,iBAAkB,CAClB,aAsGI,CAEF,uCAhHF,wBAAwB,CACxB,qBAAsB,CACtB,UAmHE,CAHE,+CA5GJ,qBAAsB,CACtB,iBAAkB,CAClB,aA4GI,CAEF,uCAtHF,wBAAwB,CACxB,qBAAsB,CACtB,UAyHE,CAHE,+CAlHJ,qBAAsB,CACtB,iBAAkB,CAClB,aAkHI,CAEF,oCA5HF,wBAAwB,CACxB,qBAAsB,CACtB,UA+HE,CAHE,4CAxHJ,qBAAsB,CACtB,iBAAkB,CAClB,aAwHI","file":"badge.min.css","sourcesContent":["@import './variable.css';\n\n/* usage: @mixin get-theme red; */\n@define-mixin get-theme $theme {\n background-color: $theme;\n border: 2px solid #fff;\n color: #fff;\n}\n\n@define-mixin get-icon-theme $theme {\n background-color: #fff;\n border-color: #fff;\n color: $theme;\n}\n\n.bk-badge-wrapper {\n position: relative;\n display: inline-block;\n .bk-badge {\n position: relative;\n /* display: inline-block; */\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 18px;\n height: 18px;\n line-height: 16px;\n padding: 0 2px;\n border: 1px solid $borderColor;\n border-radius: 18px;\n background-color: #fff;\n font-size: 10px;\n text-align: center;\n\n .bk-icon {\n position: absolute;\n left: 50%;\n top: 50%;\n margin-top: 0;\n transform: translate(-50%, -50%);\n display: block;\n line-height: 18px;\n }\n\n &.pinned {\n position: absolute;\n &.top-right {\n top: 0;\n right: 0;\n transform: translate(50%, -50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, -50%) scale(0, 0);\n }\n }\n &.right {\n top: 50%;\n right: 0%;\n transform: translate(100%, -50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, -50%) scale(0, 0);\n }\n }\n &.bottom-right {\n bottom: 0;\n right: 0;\n transform: translate(50%, 50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(50%, 50%) scale(0, 0);\n }\n }\n &.top-left {\n top: 0;\n left: 0;\n transform: translate(-50%, -50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(-50%, -50%) scale(0, 0);\n }\n }\n &.bottom-left {\n bottom: 0;\n left: 0;\n transform: translate(-50%, 50%) scale(1, 1);\n &.fade-center-enter,\n &.fade-center-leave-active {\n opacity: 0;\n transform: translate(-50%, 50%) scale(0, 0);\n }\n }\n }\n\n &.dot {\n width: 8px;\n height: 8px;\n min-width: 8px;\n }\n\n &.bk-danger {\n @mixin get-theme $newRedColor;\n &.is-icon {\n @mixin get-icon-theme $newRedColor;\n }\n }\n &.bk-warning {\n @mixin get-theme $newOrangeColor;\n &.is-icon {\n @mixin get-icon-theme $newOrangeColor;\n }\n }\n &.bk-success {\n @mixin get-theme $newGreenColor;\n &.is-icon {\n @mixin get-icon-theme $newGreenColor;\n }\n }\n &.bk-primary {\n @mixin get-theme $newMainColor;\n &.is-icon {\n @mixin get-icon-theme $newMainColor;\n }\n }\n &.bk-info {\n @mixin get-theme $newMainColor;\n &.is-icon {\n @mixin get-icon-theme $newMainColor;\n }\n }\n }\n}\n"]}