bkui-vue 0.0.1-beta.19 → 0.0.1-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 (77) hide show
  1. package/README.md +7 -3
  2. package/README_EN.md +7 -3
  3. package/dist/bkui-vue.cjs.js +1429 -365
  4. package/dist/bkui-vue.esm.js +1427 -364
  5. package/dist/bkui-vue.umd.js +1429 -365
  6. package/dist/style.css +376 -85
  7. package/lib/button/button.css +9 -0
  8. package/lib/button/button.d.ts +25 -1
  9. package/lib/button/button.less +18 -10
  10. package/lib/button/button.variable.css +9 -0
  11. package/lib/button/index.d.ts +42 -4
  12. package/lib/button/index.js +1 -1
  13. package/lib/code-diff/code-diff.css +114 -0
  14. package/lib/code-diff/code-diff.d.ts +71 -0
  15. package/lib/code-diff/code-diff.less +144 -0
  16. package/lib/code-diff/code-diff.variable.css +207 -0
  17. package/lib/code-diff/index.d.ts +6 -0
  18. package/lib/components.d.ts +1 -0
  19. package/lib/date-picker/date-picker.d.ts +20 -130
  20. package/lib/date-picker/index.js +1 -1
  21. package/lib/date-picker/interface.d.ts +1 -1
  22. package/lib/date-picker/props.d.ts +111 -0
  23. package/lib/directives/clickoutside.d.ts +3 -23
  24. package/lib/directives/index.js +2 -2
  25. package/lib/icon/arrows-right.d.ts +4 -0
  26. package/lib/icon/arrows-right.js +15 -0
  27. package/lib/icon/bk.d.ts +4 -0
  28. package/lib/icon/bk.js +15 -0
  29. package/lib/icon/index.d.ts +4 -0
  30. package/lib/icon/index.js +1 -1
  31. package/lib/icon/qq.d.ts +4 -0
  32. package/lib/icon/qq.js +15 -0
  33. package/lib/icon/weixin.d.ts +4 -0
  34. package/lib/icon/weixin.js +15 -0
  35. package/lib/input/index.d.ts +58 -4
  36. package/lib/input/index.js +2 -2
  37. package/lib/input/input.css +19 -2
  38. package/lib/input/input.d.ts +31 -1
  39. package/lib/input/input.less +25 -3
  40. package/lib/input/input.variable.css +19 -2
  41. package/lib/loading/index.d.ts +31 -9
  42. package/lib/loading/index.js +1 -1
  43. package/lib/loading/loading.css +98 -71
  44. package/lib/loading/loading.d.ts +23 -8
  45. package/lib/loading/loading.less +62 -49
  46. package/lib/loading/loading.variable.css +98 -71
  47. package/lib/shared/index.js +1 -1
  48. package/lib/shared/vue-types.d.ts +4 -0
  49. package/lib/styles/index.d.ts +1 -0
  50. package/lib/styles/index.js +1 -1
  51. package/lib/table/index.d.ts +42 -1
  52. package/lib/table/index.js +1 -1
  53. package/lib/table/props.d.ts +13 -0
  54. package/lib/table/render.d.ts +9 -0
  55. package/lib/table/table.d.ts +19 -0
  56. package/lib/table/utils.d.ts +8 -0
  57. package/lib/tag/index.d.ts +189 -22
  58. package/lib/tag/index.js +1 -1
  59. package/lib/tag/tag.css +91 -0
  60. package/lib/tag/tag.d.ts +83 -7
  61. package/lib/tag/tag.less +103 -2
  62. package/lib/tag/tag.variable.css +91 -0
  63. package/lib/transfer/index.d.ts +27 -0
  64. package/lib/transfer/index.js +1 -0
  65. package/lib/transfer/transfer.css +158 -0
  66. package/lib/transfer/transfer.d.ts +185 -0
  67. package/lib/transfer/transfer.less +171 -0
  68. package/lib/transfer/transfer.variable.css +251 -0
  69. package/lib/tree/index.d.ts +22 -3
  70. package/lib/tree/index.js +1 -1
  71. package/lib/tree/props.d.ts +11 -0
  72. package/lib/tree/tree.css +1 -12
  73. package/lib/tree/tree.d.ts +10 -1
  74. package/lib/tree/tree.less +10 -24
  75. package/lib/tree/tree.variable.css +1 -12
  76. package/lib/tree/util.d.ts +20 -3
  77. package/package.json +8 -4
@@ -23,6 +23,7 @@
23
23
  position: static;
24
24
  display: inline-block;
25
25
  font-size: 0;
26
+ vertical-align: middle;
26
27
  }
27
28
  .bk-loading-wrapper.bk-nested-loading {
28
29
  position: relative;
@@ -32,8 +33,33 @@
32
33
  top: 50%;
33
34
  left: 50%;
34
35
  z-index: 4;
36
+ text-align: center;
35
37
  transform: translate(-50%, -50%);
36
38
  }
39
+ .bk-loading-wrapper .dot {
40
+ display: inline-block;
41
+ width: 14px;
42
+ height: 14px;
43
+ margin-right: 10px;
44
+ border-radius: 50%;
45
+ transform: scale(0.6);
46
+ animation-duration: 0.8s;
47
+ animation-iteration-count: infinite;
48
+ animation-name: loading-scale-animate;
49
+ animation-direction: normal;
50
+ }
51
+ .bk-loading-wrapper .oval {
52
+ position: absolute;
53
+ width: 6px;
54
+ height: 8px;
55
+ background-color: #63656e;
56
+ border-radius: 8px;
57
+ animation-duration: 1.2s;
58
+ animation-iteration-count: infinite;
59
+ animation-name: fade;
60
+ transform-origin: center 20px;
61
+ animation-direction: normal;
62
+ }
37
63
  .bk-loading-wrapper .bk-loading-mask {
38
64
  opacity: 0.5;
39
65
  }
@@ -50,7 +76,55 @@
50
76
  content: '';
51
77
  }
52
78
  .bk-loading-wrapper .bk-loading-indicator {
53
- font-size: 14px;
79
+ text-align: center;
80
+ }
81
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
82
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
83
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-1,
84
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-2,
85
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-3,
86
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot-4 {
87
+ background-color: #2dcb56;
88
+ }
89
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
90
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
91
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-1,
92
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-2,
93
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-3,
94
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot-4 {
95
+ background-color: #ea3636;
96
+ }
97
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
98
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
99
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-1,
100
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-2,
101
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-3,
102
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot-4 {
103
+ background-color: #ff9c01;
104
+ }
105
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
106
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
107
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-1,
108
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-2,
109
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-3,
110
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot-4 {
111
+ background-color: #3a84ff;
112
+ }
113
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
114
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
115
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-1,
116
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-2,
117
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-3,
118
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot-4 {
119
+ background-color: white;
120
+ }
121
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
122
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
123
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-1,
124
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-2,
125
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-3,
126
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot-4 {
127
+ background-color: #c4c6cc;
54
128
  }
55
129
  .bk-loading-wrapper .bk-loading-indicator .dot-1 {
56
130
  background-color: #ea3636;
@@ -67,7 +141,7 @@
67
141
  .bk-loading-wrapper .bk-loading-indicator .dot-4 {
68
142
  background-color: #3a84ff;
69
143
  animation-delay: 0.55s;
70
- margin-right: 0;
144
+ margin-right: 0px;
71
145
  }
72
146
  .bk-loading-wrapper .bk-loading-indicator .oval-1 {
73
147
  transform: rotate(-135deg);
@@ -101,59 +175,35 @@
101
175
  transform: rotate(180deg);
102
176
  animation-delay: 1.65s;
103
177
  }
104
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .oval,
105
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot,
106
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot1,
107
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot2,
108
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot3,
109
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-success .dot4 {
110
- background-color: #2dcb56;
178
+ .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
179
+ display: inline-block;
180
+ width: 40px;
181
+ height: 40px;
111
182
  }
112
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .oval,
113
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot,
114
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot1,
115
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot2,
116
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot3,
117
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-danger .dot4 {
118
- background-color: #ea3636;
183
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-spin-indicator {
184
+ height: 16px;
185
+ width: 16px;
119
186
  }
120
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .oval,
121
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot,
122
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot1,
123
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot2,
124
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot3,
125
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-warning .dot4 {
126
- background-color: #ff9c01;
187
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot {
188
+ width: 3px;
189
+ height: 3px;
190
+ margin-right: 3px;
127
191
  }
128
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .oval,
129
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot,
130
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot1,
131
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot2,
132
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot3,
133
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-primary .dot4 {
134
- background-color: #3a84ff;
135
- }
136
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .oval,
137
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot,
138
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot1,
139
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot2,
140
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot3,
141
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-white .dot4 {
142
- background-color: white;
192
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .dot.dot-4 {
193
+ margin-right: 0;
143
194
  }
144
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .oval,
145
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot,
146
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot1,
147
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot2,
148
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot3,
149
- .bk-loading-wrapper .bk-loading-indicator.bk-loading-default .dot4 {
150
- background-color: #c4c6cc;
195
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .oval {
196
+ width: 2px;
197
+ height: 3px;
198
+ border-radius: 3px;
199
+ transform-origin: center 8px;
151
200
  }
152
- .bk-loading-wrapper .bk-loading-indicator .bk-spin-indicator {
153
- height: 40px;
201
+ .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-mini .bk-loading-title {
202
+ font-size: 14px;
154
203
  }
155
204
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .bk-spin-indicator {
156
205
  height: 22px;
206
+ width: 22px;
157
207
  }
158
208
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-small .dot {
159
209
  width: 6px;
@@ -174,6 +224,7 @@
174
224
  }
175
225
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .bk-spin-indicator {
176
226
  height: 52px;
227
+ width: 52px;
177
228
  }
178
229
  .bk-loading-wrapper .bk-loading-indicator.bk-loading-size-large .dot {
179
230
  width: 20px;
@@ -199,27 +250,3 @@
199
250
  color: #63656e;
200
251
  text-align: center;
201
252
  }
202
- .bk-loading-wrapper .bk-loading-indicator .dot {
203
- display: inline-block;
204
- width: 14px;
205
- height: 14px;
206
- margin-right: 10px;
207
- border-radius: 50%;
208
- transform: scale(0.6);
209
- animation-duration: 0.8s;
210
- animation-iteration-count: infinite;
211
- animation-name: loading-scale-animate;
212
- animation-direction: normal;
213
- }
214
- .bk-loading-wrapper .bk-loading-indicator .oval {
215
- position: absolute;
216
- width: 6px;
217
- height: 8px;
218
- background-color: #63656e;
219
- border-radius: 8px;
220
- animation-duration: 1.2s;
221
- animation-iteration-count: infinite;
222
- animation-name: fade;
223
- transform-origin: center 20px;
224
- animation-direction: normal;
225
- }
@@ -1,9 +1,10 @@
1
1
  import { ExtractPropTypes, VNode } from 'vue';
2
2
  export declare enum BkLoadingMode {
3
- Spin = "spin",
4
- Default = "default"
3
+ Default = "default",
4
+ Spin = "spin"
5
5
  }
6
6
  export declare enum BkLoadingSize {
7
+ Mini = "mini",
7
8
  Small = "small",
8
9
  Large = "large"
9
10
  }
@@ -21,8 +22,12 @@ export declare const loadingTypes: {
21
22
  } & {
22
23
  default: string;
23
24
  };
24
- size: import("vue-types").VueTypeDef<string>;
25
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
25
+ size: import("vue-types").VueTypeDef<string> & {
26
+ default: string;
27
+ };
28
+ mode: import("vue-types").VueTypeDef<string> & {
29
+ default: string;
30
+ };
26
31
  };
27
32
  export declare type LoadingTypes = ExtractPropTypes<typeof loadingTypes>;
28
33
  declare const _default: import("vue").DefineComponent<{
@@ -38,8 +43,12 @@ declare const _default: import("vue").DefineComponent<{
38
43
  } & {
39
44
  default: string;
40
45
  };
41
- size: import("vue-types").VueTypeDef<string>;
42
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
46
+ size: import("vue-types").VueTypeDef<string> & {
47
+ default: string;
48
+ };
49
+ mode: import("vue-types").VueTypeDef<string> & {
50
+ default: string;
51
+ };
43
52
  }, () => JSX.Element | VNode<import("vue").RendererNode, import("vue").RendererElement, {
44
53
  [key: string]: any;
45
54
  }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
@@ -55,10 +64,16 @@ declare const _default: import("vue").DefineComponent<{
55
64
  } & {
56
65
  default: string;
57
66
  };
58
- size: import("vue-types").VueTypeDef<string>;
59
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
67
+ size: import("vue-types").VueTypeDef<string> & {
68
+ default: string;
69
+ };
70
+ mode: import("vue-types").VueTypeDef<string> & {
71
+ default: string;
72
+ };
60
73
  }>>, {
61
74
  title: string;
75
+ size: string;
62
76
  loading: boolean;
77
+ mode: string;
63
78
  }>;
64
79
  export default _default;
@@ -8,6 +8,12 @@
8
8
  @ovalGap: 20px;
9
9
  @titleMarginTop: 8px;
10
10
 
11
+ @miniDotSize: 3px;
12
+ @miniDotGap: 3px;
13
+ @miniOvalWidth: 2px;
14
+ @miniOvalHeight: 3px;
15
+ @miniOvalGap: 8px;
16
+
11
17
  @smallDotSize: 6px;
12
18
  @smallDotGap: 6px;
13
19
  @smallOvalWidth: 4px;
@@ -29,15 +35,15 @@
29
35
  .loading-theme(@theme) {
30
36
  .oval,
31
37
  .dot,
32
- .dot1,
33
- .dot2,
34
- .dot3,
35
- .dot4 {
38
+ .dot-1,
39
+ .dot-2,
40
+ .dot-3,
41
+ .dot-4 {
36
42
  background-color: @theme;
37
43
  }
38
44
  }
39
45
 
40
- @sizeSelectors: small, large;
46
+ @sizeSelectors: mini, small, large;
41
47
  @selectors: @danger-color, @warning-color, @success-color, @primary-color;
42
48
  @themeSelectors: {
43
49
  success: @success-color;
@@ -48,24 +54,52 @@
48
54
  default: @light-gray;
49
55
  };
50
56
 
51
- .bk-loading-wrapper {
57
+ .@{bk-prefix}-loading-wrapper {
52
58
  position: static;
53
59
  display: inline-block;
54
60
  font-size: 0;
61
+ vertical-align: middle;
55
62
 
56
- &.bk-nested-loading {
63
+ &.@{bk-prefix}-nested-loading {
57
64
  position: relative;
58
65
 
59
- .bk-loading-indicator {
66
+ .@{bk-prefix}-loading-indicator {
60
67
  position: absolute;
61
68
  top: 50%;
62
69
  left: 50%;
63
70
  z-index: 4;
71
+ text-align: center;
64
72
  transform: translate(-50%, -50%);
65
73
  }
66
74
  }
67
75
 
68
- .bk-loading-mask {
76
+ .dot {
77
+ display: inline-block;
78
+ width: @dotSize;
79
+ height: @dotSize;
80
+ margin-right: @dotGap;
81
+ border-radius: 50%;
82
+ transform: scale(.6);
83
+ animation-duration: .8s;
84
+ animation-iteration-count: infinite;
85
+ animation-name: loading-scale-animate;
86
+ animation-direction: normal;
87
+ }
88
+
89
+ .oval {
90
+ position: absolute;
91
+ width: @ovalWidth;
92
+ height: @ovalHeight;
93
+ background-color: @default-color;
94
+ border-radius: @ovalHeight;
95
+ animation-duration: 1.2s;
96
+ animation-iteration-count: infinite;
97
+ animation-name: fade;
98
+ transform-origin: center @ovalGap;
99
+ animation-direction: normal;
100
+ }
101
+
102
+ .@{bk-prefix}-loading-mask {
69
103
  opacity: .5;
70
104
 
71
105
  &::after {
@@ -82,16 +116,20 @@
82
116
  }
83
117
  }
84
118
 
85
- .bk-loading-indicator {
86
- font-size: @font-size-medium;
87
-
119
+ .@{bk-prefix}-loading-indicator {
120
+ text-align: center;
121
+ each(@themeSelectors, {
122
+ &.@{bk-prefix}-loading-@{key} {
123
+ .loading-theme(@value);
124
+ }
125
+ })
88
126
 
89
- each(@selectors, {
127
+ each(@selectors, {
90
128
  .dot-@{index} {
91
129
  background-color: @value;
92
130
  animation-delay: .1s + (@index - 1) * .15;
93
131
  & when (@index = 4) {
94
- margin-right: 0;
132
+ margin-right: 0px;
95
133
  }
96
134
  }
97
135
  });
@@ -102,15 +140,12 @@
102
140
  }
103
141
  });
104
142
 
105
- each(@themeSelectors, {
106
- &.bk-loading-@{key} {
107
- .loading-theme(@value);
108
- }
109
- })
110
143
 
111
144
  ;
112
145
 
113
- .bk-spin-indicator {
146
+ .@{bk-prefix}-spin-indicator {
147
+ display: inline-block;
148
+ width: 2 * @ovalGap;
114
149
  height: 2 * @ovalGap;
115
150
  }
116
151
 
@@ -121,9 +156,10 @@
121
156
  @sizedOvalHeight: '@{value}OvalHeight';
122
157
  @sizedOvalGap: '@{value}OvalGap';
123
158
 
124
- &.bk-loading-size-@{value} {
125
- .bk-spin-indicator {
159
+ &.@{bk-prefix}-loading-size-@{value} {
160
+ .@{bk-prefix}-spin-indicator {
126
161
  height: 2 * @@sizedOvalGap;
162
+ width: 2 * @@sizedOvalGap;
127
163
  }
128
164
  .dot {
129
165
  width: @@sizedDotSize;
@@ -139,13 +175,13 @@
139
175
  border-radius: @@sizedOvalHeight;
140
176
  transform-origin: center @@sizedOvalGap;
141
177
  }
142
- .bk-loading-title {
178
+ .@{bk-prefix}-loading-title {
143
179
  font-size: if(@value = small, @font-size-base, @font-size-medium);
144
180
  }
145
181
  }
146
182
  })
147
183
 
148
- .bk-loading-title {
184
+ .@{bk-prefix}-loading-title {
149
185
  margin-top: @titleMarginTop;
150
186
  font-size: @font-size-medium;
151
187
  line-height: normal;
@@ -153,29 +189,6 @@
153
189
  text-align: center;
154
190
  }
155
191
 
156
- .dot {
157
- display: inline-block;
158
- width: @dotSize;
159
- height: @dotSize;
160
- margin-right: @dotGap;
161
- border-radius: 50%;
162
- transform: scale(.6);
163
- animation-duration: .8s;
164
- animation-iteration-count: infinite;
165
- animation-name: loading-scale-animate;
166
- animation-direction: normal;
167
- }
168
-
169
- .oval {
170
- position: absolute;
171
- width: @ovalWidth;
172
- height: @ovalHeight;
173
- background-color: @default-color;
174
- border-radius: @ovalHeight;
175
- animation-duration: 1.2s;
176
- animation-iteration-count: infinite;
177
- animation-name: fade;
178
- transform-origin: center @ovalGap;
179
- animation-direction: normal;
180
- }}
192
+
193
+ }
181
194
  }