bkui-vue 0.0.1-beta.20 → 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 (46) hide show
  1. package/README.md +7 -3
  2. package/README_EN.md +7 -3
  3. package/dist/bkui-vue.cjs.js +230 -208
  4. package/dist/bkui-vue.esm.js +230 -208
  5. package/dist/bkui-vue.umd.js +230 -208
  6. package/dist/style.css +127 -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/date-picker/date-picker.d.ts +20 -130
  19. package/lib/date-picker/index.js +1 -1
  20. package/lib/date-picker/interface.d.ts +1 -1
  21. package/lib/date-picker/props.d.ts +111 -0
  22. package/lib/directives/clickoutside.d.ts +3 -23
  23. package/lib/directives/index.js +2 -2
  24. package/lib/input/index.d.ts +58 -4
  25. package/lib/input/index.js +2 -2
  26. package/lib/input/input.css +19 -2
  27. package/lib/input/input.d.ts +31 -1
  28. package/lib/input/input.less +25 -3
  29. package/lib/input/input.variable.css +19 -2
  30. package/lib/loading/index.d.ts +31 -9
  31. package/lib/loading/index.js +1 -1
  32. package/lib/loading/loading.css +98 -71
  33. package/lib/loading/loading.d.ts +23 -8
  34. package/lib/loading/loading.less +62 -49
  35. package/lib/loading/loading.variable.css +98 -71
  36. package/lib/shared/index.js +1 -1
  37. package/lib/shared/vue-types.d.ts +4 -0
  38. package/lib/tree/index.d.ts +17 -24
  39. package/lib/tree/index.js +1 -1
  40. package/lib/tree/props.d.ts +9 -8
  41. package/lib/tree/tree.css +1 -12
  42. package/lib/tree/tree.d.ts +8 -11
  43. package/lib/tree/tree.less +10 -24
  44. package/lib/tree/tree.variable.css +1 -12
  45. package/lib/tree/util.d.ts +9 -1
  46. package/package.json +1 -1
@@ -1,4 +1,3 @@
1
-
2
1
  @import '../styles/themes/themes.less';
3
2
  @import '../styles/mixins/mixins.less';
4
3
 
@@ -23,12 +22,28 @@
23
22
  border-radius: @border-radius-base;
24
23
  transition: all .3s;
25
24
 
25
+ &:hover {
26
+ .show-clear-only-hover {
27
+ display: block;
28
+ }
29
+ }
30
+
31
+ &.is-simplicity {
32
+ background-color: transparent;
33
+ border-color: transparent;
34
+ border-bottom-color: @input-border-color;
35
+ }
36
+
26
37
  &--suffix-icon {
27
38
  padding-right: @input-horizontal-padding;
28
39
  font-size: @input-icon-size;
29
40
  line-height: 1;
30
41
  color: @light-gray;
31
42
  align-self: center;
43
+
44
+ &.show-clear-only-hover {
45
+ display: none;
46
+ }
32
47
  }
33
48
 
34
49
  &--large {
@@ -41,6 +56,12 @@
41
56
 
42
57
  &.is-focused:not(.is-readonly) {
43
58
  .active();
59
+
60
+ &.is-simplicity {
61
+ border-color: transparent;
62
+ border-bottom-color: @primary-color;
63
+ box-shadow: none;
64
+ }
44
65
  }
45
66
 
46
67
  &.is-disabled {
@@ -92,13 +113,13 @@
92
113
  appearance: none;
93
114
  }
94
115
  // IE
95
- [type=search]::-ms-clear {
116
+ [type='search']::-ms-clear {
96
117
  display: none;
97
118
  width: 0;
98
119
  height: 0;
99
120
  }
100
121
 
101
- [type=search]::-ms-reveal {
122
+ [type='search']::-ms-reveal {
102
123
  display: none;
103
124
  width: 0;
104
125
  height: 0;
@@ -126,6 +147,7 @@
126
147
  height: 50%;
127
148
  overflow: hidden;
128
149
  color: @light-gray;
150
+ text-align: center;
129
151
  }
130
152
 
131
153
  svg {
@@ -121,6 +121,14 @@
121
121
  border-radius: var(--border-radius-base);
122
122
  transition: all 0.3s;
123
123
  }
124
+ .bk-input:hover .show-clear-only-hover {
125
+ display: block;
126
+ }
127
+ .bk-input.is-simplicity {
128
+ background-color: transparent;
129
+ border-color: transparent;
130
+ border-bottom-color: var(--input-border-color);
131
+ }
124
132
  .bk-input--suffix-icon {
125
133
  padding-right: var(--input-horizontal-padding);
126
134
  font-size: var(--input-icon-size);
@@ -128,6 +136,9 @@
128
136
  color: var(--light-gray);
129
137
  align-self: center;
130
138
  }
139
+ .bk-input--suffix-icon.show-clear-only-hover {
140
+ display: none;
141
+ }
131
142
  .bk-input--large {
132
143
  height: var(--component-size-large);
133
144
  font-size: var(--font-size-large);
@@ -141,6 +152,11 @@
141
152
  outline: 0;
142
153
  box-shadow: 0px 0px 3px 0px var(--input-shadow-color);
143
154
  }
155
+ .bk-input.is-focused:not(.is-readonly).is-simplicity {
156
+ border-color: transparent;
157
+ border-bottom-color: var(--primary-color);
158
+ box-shadow: none;
159
+ }
144
160
  .bk-input.is-disabled {
145
161
  cursor: not-allowed;
146
162
  background-color: var(--input-disabled-bg);
@@ -185,12 +201,12 @@
185
201
  .bk-input--text[type='search']::-webkit-search-results-decoration {
186
202
  appearance: none;
187
203
  }
188
- .bk-input--text [type=search]::-ms-clear {
204
+ .bk-input--text [type='search']::-ms-clear {
189
205
  display: none;
190
206
  width: 0;
191
207
  height: 0;
192
208
  }
193
- .bk-input--text [type=search]::-ms-reveal {
209
+ .bk-input--text [type='search']::-ms-reveal {
194
210
  display: none;
195
211
  width: 0;
196
212
  height: 0;
@@ -214,6 +230,7 @@
214
230
  height: 50%;
215
231
  overflow: hidden;
216
232
  color: var(--light-gray);
233
+ text-align: center;
217
234
  }
218
235
  .bk-input--number-control svg {
219
236
  font-size: var(--input-icon-size);
@@ -5,7 +5,9 @@ declare const BkLoading: {
5
5
  $data: {};
6
6
  $props: Partial<{
7
7
  title: string;
8
+ size: string;
8
9
  loading: boolean;
10
+ mode: string;
9
11
  }> & Omit<Readonly<import("vue").ExtractPropTypes<{
10
12
  indicator: {
11
13
  type: FunctionConstructor;
@@ -19,9 +21,13 @@ declare const BkLoading: {
19
21
  } & {
20
22
  default: string;
21
23
  };
22
- size: import("vue-types").VueTypeDef<string>;
23
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
24
- }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "loading">;
24
+ size: import("vue-types").VueTypeDef<string> & {
25
+ default: string;
26
+ };
27
+ mode: import("vue-types").VueTypeDef<string> & {
28
+ default: string;
29
+ };
30
+ }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "loading" | "mode">;
25
31
  $attrs: {
26
32
  [x: string]: unknown;
27
33
  };
@@ -48,13 +54,19 @@ declare const BkLoading: {
48
54
  } & {
49
55
  default: string;
50
56
  };
51
- size: import("vue-types").VueTypeDef<string>;
52
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
57
+ size: import("vue-types").VueTypeDef<string> & {
58
+ default: string;
59
+ };
60
+ mode: import("vue-types").VueTypeDef<string> & {
61
+ default: string;
62
+ };
53
63
  }>>, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
54
64
  [key: string]: any;
55
65
  }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
56
66
  title: string;
67
+ size: string;
57
68
  loading: boolean;
69
+ mode: string;
58
70
  }> & {
59
71
  beforeCreate?: (() => void) | (() => void)[];
60
72
  created?: (() => void) | (() => void)[];
@@ -88,8 +100,12 @@ declare const BkLoading: {
88
100
  } & {
89
101
  default: string;
90
102
  };
91
- size: import("vue-types").VueTypeDef<string>;
92
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
103
+ size: import("vue-types").VueTypeDef<string> & {
104
+ default: string;
105
+ };
106
+ mode: import("vue-types").VueTypeDef<string> & {
107
+ default: string;
108
+ };
93
109
  }>> & import("vue").ShallowUnwrapRef<() => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
94
110
  [key: string]: any;
95
111
  }>[]> & {} & {} & import("vue").ComponentCustomProperties;
@@ -109,13 +125,19 @@ declare const BkLoading: {
109
125
  } & {
110
126
  default: string;
111
127
  };
112
- size: import("vue-types").VueTypeDef<string>;
113
- mode: import("vue-types").VueTypeDef<BkLoadingMode>;
128
+ size: import("vue-types").VueTypeDef<string> & {
129
+ default: string;
130
+ };
131
+ mode: import("vue-types").VueTypeDef<string> & {
132
+ default: string;
133
+ };
114
134
  }>>, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
115
135
  [key: string]: any;
116
136
  }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
117
137
  title: string;
138
+ size: string;
118
139
  loading: boolean;
140
+ mode: string;
119
141
  }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
120
142
  setDefaultIndicator: typeof setDefaultIndicator;
121
143
  BkLoadingMode: typeof BkLoadingMode;
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Spin="spin",i.Default="default",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.size(),mode:t.PropTypes.oneOf(Object.values(e.BkLoadingMode))},c=o.defineComponent({name:"Loading",props:s,setup:function(e,n){var a=[1,2,3,4].map((function(e){return o.createVNode("span",{class:"dot dot-".concat(e)},null)})),i=o.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return o.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),d=o.computed((function(){return t.classes({"bk-nested-loading":!!n.slots.default},"bk-loading-wrapper")})),u=o.computed((function(){var o;return t.classes((r(o={},"bk-loading-size-".concat(e.size),!e.size),r(o,"bk-loading-".concat(e.theme),!e.theme),o),"bk-loading-indicator")})),s=o.computed((function(){return!!e.title})),c=o.computed((function(){var t="spin"===e.mode;return"function"==typeof e.indicator?o.createVNode(e.indicator,null,null):"function"==typeof l?o.createVNode(l,null,null):t?i:a}));return function(){var t,a;return n.slots.default&&!e.loading?null===(a=(t=n.slots).default)||void 0===a?void 0:a.call(t):o.createVNode("div",{class:d.value},[o.createVNode("div",{class:u.value},[c.value,s.value&&o.createVNode("div",{class:"bk-loading-title"},[e.title])]),n.slots.default&&o.createVNode("div",{class:"bk-loading-mask"},[n.slots.default()])])}}}),p=t.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
1
+ !function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],o):o((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,o,t){"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var a={exports:{}};!function(e){e.exports=function(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e},e.exports.__esModule=!0,e.exports.default=e.exports}(a);var i,d,l,r=n(a.exports);function u(e){l="function"==typeof e?e:function(){return o.createVNode(e,null,null)}}e.BkLoadingMode=void 0,(i=e.BkLoadingMode||(e.BkLoadingMode={})).Default="default",i.Spin="spin",e.BkLoadingSize=void 0,(d=e.BkLoadingSize||(e.BkLoadingSize={})).Mini="mini",d.Small="small",d.Large="large";var s={indicator:{type:Function},loading:t.PropTypes.bool,theme:t.PropTypes.theme(["white","primary","warning","success","danger"]),title:t.PropTypes.string.def(""),size:t.PropTypes.commonType(Object.values(e.BkLoadingSize)).def("small"),mode:t.PropTypes.commonType(Object.values(e.BkLoadingMode)).def("default")},c=o.defineComponent({name:"Loading",props:s,setup:function(n,a){var i=[1,2,3,4].map((function(e){return o.createVNode("span",{class:"dot dot-".concat(e)},null)})),d=o.createVNode("div",{class:"bk-spin-indicator"},[[1,2,3,4,5,6,7,8].map((function(e){return o.createVNode("span",{class:"oval oval-".concat(e)},null)}))]),u=o.computed((function(){return t.classes({"bk-nested-loading":!!a.slots.default},"bk-loading-wrapper")}));console.log(n.theme);var s=o.computed((function(){var e;return t.classes((r(e={},"bk-loading-size-".concat(n.size),!!n.size),r(e,"bk-loading-".concat(n.theme),!!n.theme),e),"bk-loading-indicator")})),c=o.computed((function(){return!!n.title})),p=o.computed((function(){var t=n.mode===e.BkLoadingMode.Spin;return"function"==typeof n.indicator?o.createVNode(n.indicator,null,null):"function"==typeof l?o.createVNode(l,null,null):t?d:i}));return function(){var e,t;return a.slots.default&&!n.loading?null===(t=(e=a.slots).default)||void 0===t?void 0:t.call(e):o.createVNode("div",{class:u.value},[o.createVNode("div",{class:s.value},[p.value,c.value&&o.createVNode("div",{class:"bk-loading-title"},[n.title])]),a.slots.default&&o.createVNode("div",{class:"bk-loading-mask"},[a.slots.default()])])}}}),p=t.withInstallProps(c,{setDefaultIndicator:u,BkLoadingMode:e.BkLoadingMode,BkLoadingSize:e.BkLoadingSize},!0);e.BkLoading=p,e.default=p,e.setDefaultIndicator=u,Object.defineProperty(e,"__esModule",{value:!0})}));
@@ -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;