bkui-vue 1.0.3-beta.26 → 1.0.3-beta.27
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.
- package/dist/index.cjs.js +46 -46
- package/dist/index.esm.js +6162 -6148
- package/dist/index.umd.js +46 -46
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/affix/affix.css +1 -1
- package/lib/affix/affix.less +2 -2
- package/lib/affix/affix.variable.css +3 -3
- package/lib/affix/index.js +13 -15
- package/lib/alert/alert.css +21 -21
- package/lib/alert/alert.less +16 -17
- package/lib/alert/alert.variable.css +23 -23
- package/lib/alert/index.js +22 -24
- package/lib/animate-number/index.js +5 -6
- package/lib/backtop/backtop.css +11 -11
- package/lib/backtop/backtop.less +3 -3
- package/lib/backtop/backtop.variable.css +13 -13
- package/lib/backtop/index.js +20 -22
- package/lib/badge/badge.css +32 -32
- package/lib/badge/badge.less +5 -5
- package/lib/badge/badge.variable.css +34 -34
- package/lib/badge/index.js +19 -21
- package/lib/breadcrumb/breadcrumb.css +31 -31
- package/lib/breadcrumb/breadcrumb.less +8 -8
- package/lib/breadcrumb/breadcrumb.variable.css +33 -33
- package/lib/breadcrumb/index.js +24 -26
- package/lib/button/button.css +69 -69
- package/lib/button/button.less +5 -3
- package/lib/button/button.variable.css +71 -71
- package/lib/button/index.js +28 -37
- package/lib/card/card.css +31 -31
- package/lib/card/card.less +4 -4
- package/lib/card/card.variable.css +33 -33
- package/lib/card/index.js +35 -43
- package/lib/cascader/cascader.css +63 -63
- package/lib/cascader/cascader.less +11 -12
- package/lib/cascader/cascader.variable.css +65 -65
- package/lib/cascader/index.js +80 -100
- package/lib/checkbox/checkbox.css +21 -21
- package/lib/checkbox/checkbox.less +8 -8
- package/lib/checkbox/checkbox.variable.css +23 -23
- package/lib/checkbox/index.js +32 -34
- package/lib/code-diff/code-diff.css +97 -97
- package/lib/code-diff/code-diff.less +4 -3
- package/lib/code-diff/code-diff.variable.css +99 -99
- package/lib/code-diff/index.js +12 -14
- package/lib/collapse/collapse.css +30 -30
- package/lib/collapse/collapse.less +24 -25
- package/lib/collapse/collapse.variable.css +32 -32
- package/lib/collapse/index.js +39 -41
- package/lib/collapse-transition/collapse-transition.css +32 -32
- package/lib/collapse-transition/collapse-transition.less +48 -59
- package/lib/collapse-transition/collapse-transition.variable.css +34 -34
- package/lib/collapse-transition/index.js +8 -9
- package/lib/color-picker/color-picker.css +57 -57
- package/lib/color-picker/color-picker.less +30 -36
- package/lib/color-picker/color-picker.variable.css +59 -59
- package/lib/color-picker/index.js +48 -50
- package/lib/components.js +505 -60
- package/lib/config-provider/config-provider.variable.css +2 -2
- package/lib/config-provider/index.js +8 -9
- package/lib/container/container.css +19 -19
- package/lib/container/container.less +3 -3
- package/lib/container/container.variable.css +21 -21
- package/lib/container/index.js +19 -21
- package/lib/date-picker/date-picker.css +92 -92
- package/lib/date-picker/date-picker.d.ts +1 -0
- package/lib/date-picker/date-picker.less +54 -55
- package/lib/date-picker/date-picker.variable.css +94 -94
- package/lib/date-picker/index.d.ts +3 -0
- package/lib/date-picker/index.js +69 -77
- package/lib/date-picker/time-picker.d.ts +1 -0
- package/lib/dialog/dialog.css +51 -51
- package/lib/dialog/dialog.less +1 -1
- package/lib/dialog/dialog.variable.css +53 -53
- package/lib/dialog/index.js +49 -63
- package/lib/directives/index.js +12 -13
- package/lib/dist.index.js +62 -5
- package/lib/divider/divider.css +8 -8
- package/lib/divider/divider.less +8 -5
- package/lib/divider/divider.variable.css +10 -10
- package/lib/divider/index.js +13 -15
- package/lib/dropdown/dropdown.css +15 -15
- package/lib/dropdown/dropdown.less +6 -6
- package/lib/dropdown/dropdown.variable.css +17 -17
- package/lib/dropdown/index.js +24 -32
- package/lib/exception/exception.css +13 -13
- package/lib/exception/exception.less +6 -6
- package/lib/exception/exception.variable.css +15 -15
- package/lib/exception/index.js +11 -13
- package/lib/fixed-navbar/fixed-navbar.css +9 -9
- package/lib/fixed-navbar/fixed-navbar.less +2 -1
- package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
- package/lib/fixed-navbar/index.js +13 -15
- package/lib/form/form.css +63 -63
- package/lib/form/form.less +16 -14
- package/lib/form/form.variable.css +65 -65
- package/lib/form/index.js +48 -50
- package/lib/hooks.js +48 -1
- package/lib/icon/index.js +0 -1
- package/lib/image/image-viewer.css +23 -23
- package/lib/image/image-viewer.less +25 -24
- package/lib/image/image-viewer.variable.css +25 -25
- package/lib/image/image.css +29 -29
- package/lib/image/image.less +8 -6
- package/lib/image/image.variable.css +31 -31
- package/lib/image/index.js +38 -39
- package/lib/index.js +72 -7
- package/lib/info-box/index.js +13 -21
- package/lib/info-box/info-box.css +10 -10
- package/lib/info-box/info-box.less +2 -1
- package/lib/info-box/info-box.variable.css +12 -12
- package/lib/input/index.js +59 -61
- package/lib/input/input.css +104 -102
- package/lib/input/input.less +33 -27
- package/lib/input/input.variable.css +106 -104
- package/lib/link/index.js +13 -15
- package/lib/link/link.css +18 -18
- package/lib/link/link.less +3 -1
- package/lib/link/link.variable.css +20 -20
- package/lib/loading/index.js +17 -19
- package/lib/loading/loading.css +94 -94
- package/lib/loading/loading.less +4 -4
- package/lib/loading/loading.variable.css +96 -96
- package/lib/locale/index.js +0 -1
- package/lib/menu/index.js +13 -15
- package/lib/menu/menu.css +38 -38
- package/lib/menu/menu.less +10 -10
- package/lib/menu/menu.variable.css +40 -40
- package/lib/menu/submenu.css +1 -1
- package/lib/menu/submenu.less +1 -1
- package/lib/menu/submenu.variable.css +3 -3
- package/lib/message/index.js +38 -40
- package/lib/message/message.css +59 -59
- package/lib/message/message.less +24 -25
- package/lib/message/message.variable.css +61 -61
- package/lib/modal/index.js +41 -43
- package/lib/modal/modal.css +26 -26
- package/lib/modal/modal.less +12 -8
- package/lib/modal/modal.variable.css +28 -28
- package/lib/navigation/index.js +14 -16
- package/lib/navigation/navigation.css +25 -25
- package/lib/navigation/navigation.less +9 -9
- package/lib/navigation/navigation.variable.css +27 -27
- package/lib/notify/index.js +31 -33
- package/lib/notify/notify.css +17 -17
- package/lib/notify/notify.less +6 -8
- package/lib/notify/notify.variable.css +19 -19
- package/lib/overflow-title/index.js +14 -22
- package/lib/pagination/index.js +50 -65
- package/lib/pagination/pagination.css +60 -60
- package/lib/pagination/pagination.less +25 -24
- package/lib/pagination/pagination.variable.css +62 -62
- package/lib/plugin-popover/index.js +53 -54
- package/lib/plugins/index.js +0 -1
- package/lib/pop-confirm/index.js +28 -42
- package/lib/pop-confirm/pop-confirm.css +10 -10
- package/lib/pop-confirm/pop-confirm.less +11 -14
- package/lib/pop-confirm/pop-confirm.variable.css +12 -12
- package/lib/popover/index.js +52 -54
- package/lib/popover/popover.css +5 -5
- package/lib/popover/popover.less +6 -5
- package/lib/popover/popover.variable.css +7 -7
- package/lib/popover2/index.js +3 -4
- package/lib/preset.js +64 -18
- package/lib/process/index.js +26 -27
- package/lib/process/process.css +33 -36
- package/lib/process/process.less +7 -8
- package/lib/process/process.variable.css +35 -38
- package/lib/progress/index.js +26 -28
- package/lib/progress/progress.css +33 -33
- package/lib/progress/progress.less +5 -6
- package/lib/progress/progress.variable.css +35 -35
- package/lib/radio/index.js +32 -34
- package/lib/radio/radio.css +51 -51
- package/lib/radio/radio.less +20 -13
- package/lib/radio/radio.variable.css +53 -53
- package/lib/rate/index.js +22 -24
- package/lib/rate/rate.css +2 -2
- package/lib/rate/rate.less +1 -1
- package/lib/rate/rate.variable.css +4 -4
- package/lib/rate/star.css +7 -7
- package/lib/rate/star.less +1 -1
- package/lib/rate/star.variable.css +9 -9
- package/lib/resize-layout/index.js +25 -27
- package/lib/resize-layout/resize-layout.css +42 -42
- package/lib/resize-layout/resize-layout.less +10 -17
- package/lib/resize-layout/resize-layout.variable.css +44 -44
- package/lib/search-select/index.js +49 -68
- package/lib/search-select/search-select.css +15 -15
- package/lib/search-select/search-select.variable.css +17 -17
- package/lib/select/index.js +129 -168
- package/lib/select/select.css +87 -87
- package/lib/select/select.less +22 -27
- package/lib/select/select.variable.css +89 -89
- package/lib/shared/index.js +4 -7
- package/lib/sideslider/index.js +14 -22
- package/lib/sideslider/sideslider.css +14 -14
- package/lib/sideslider/sideslider.less +13 -9
- package/lib/sideslider/sideslider.variable.css +16 -16
- package/lib/slider/index.js +22 -36
- package/lib/slider/slider.css +31 -31
- package/lib/slider/slider.less +8 -8
- package/lib/slider/slider.variable.css +33 -33
- package/lib/steps/index.js +28 -30
- package/lib/steps/steps.css +134 -134
- package/lib/steps/steps.less +48 -44
- package/lib/steps/steps.variable.css +136 -136
- package/lib/styles/mixins/animate.css +4 -4
- package/lib/styles/mixins/animate.less +3 -3
- package/lib/styles/mixins/animate.variable.css +6 -6
- package/lib/styles/mixins/mixins.css +15 -15
- package/lib/styles/mixins/mixins.variable.css +15 -15
- package/lib/styles/mixins/popper.css +11 -11
- package/lib/styles/mixins/popper.less +6 -6
- package/lib/styles/mixins/popper.variable.css +13 -13
- package/lib/styles/mixins/scroll.css +5 -5
- package/lib/styles/mixins/scroll.less +4 -4
- package/lib/styles/mixins/scroll.variable.css +7 -7
- package/lib/styles/reset.css +6 -6
- package/lib/styles/reset.less +5 -4
- package/lib/styles/reset.variable.css +8 -8
- package/lib/styles/themes/themes.less +10 -3
- package/lib/swiper/index.js +14 -16
- package/lib/swiper/swiper.css +15 -15
- package/lib/swiper/swiper.less +8 -8
- package/lib/swiper/swiper.variable.css +17 -17
- package/lib/switcher/index.js +29 -31
- package/lib/switcher/switcher.css +57 -57
- package/lib/switcher/switcher.less +22 -14
- package/lib/switcher/switcher.variable.css +59 -59
- package/lib/tab/index.js +44 -46
- package/lib/tab/tab.css +78 -78
- package/lib/tab/tab.less +39 -40
- package/lib/tab/tab.variable.css +80 -80
- package/lib/table/components/table-column.d.ts +1 -0
- package/lib/table/index.d.ts +1 -0
- package/lib/table/index.js +168 -207
- package/lib/table/plugins/head-filter.css +13 -13
- package/lib/table/plugins/head-filter.less +3 -3
- package/lib/table/plugins/head-filter.variable.css +15 -15
- package/lib/table/plugins/head-sort.css +5 -5
- package/lib/table/plugins/head-sort.less +2 -2
- package/lib/table/plugins/head-sort.variable.css +7 -7
- package/lib/table/plugins/settings.css +26 -26
- package/lib/table/plugins/settings.less +3 -1
- package/lib/table/plugins/settings.variable.css +28 -28
- package/lib/table/table.css +380 -380
- package/lib/table/table.less +14 -10
- package/lib/table/table.variable.css +382 -382
- package/lib/table-column/index.d.ts +3 -0
- package/lib/table-column/index.js +57 -43
- package/lib/tag/index.js +19 -21
- package/lib/tag/tag.css +51 -51
- package/lib/tag/tag.less +34 -34
- package/lib/tag/tag.variable.css +53 -53
- package/lib/tag-input/index.js +65 -80
- package/lib/tag-input/tag-input.css +38 -38
- package/lib/tag-input/tag-input.less +3 -3
- package/lib/tag-input/tag-input.variable.css +40 -40
- package/lib/time-picker/index.d.ts +3 -0
- package/lib/time-picker/index.js +7 -9
- package/lib/time-picker/time-picker.css +40 -40
- package/lib/time-picker/time-picker.less +44 -76
- package/lib/time-picker/time-picker.variable.css +42 -42
- package/lib/timeline/index.js +12 -13
- package/lib/timeline/timeline.css +69 -69
- package/lib/timeline/timeline.less +12 -6
- package/lib/timeline/timeline.variable.css +71 -71
- package/lib/transfer/index.js +36 -51
- package/lib/transfer/transfer.css +89 -89
- package/lib/transfer/transfer.less +1 -1
- package/lib/transfer/transfer.variable.css +91 -91
- package/lib/tree/index.js +72 -92
- package/lib/tree/tree.css +49 -49
- package/lib/tree/tree.less +7 -6
- package/lib/tree/tree.variable.css +51 -51
- package/lib/upload/index.js +48 -63
- package/lib/upload/upload.css +98 -98
- package/lib/upload/upload.less +69 -68
- package/lib/upload/upload.variable.css +100 -100
- package/lib/virtual-render/index.js +33 -35
- package/lib/virtual-render/virtual-render.css +9 -9
- package/lib/virtual-render/virtual-render.less +1 -1
- package/lib/virtual-render/virtual-render.variable.css +11 -11
- package/package.json +1 -1
- package/lib/styles/themes/themes copy.less +0 -167
@@ -1,7 +1,7 @@
|
|
1
1
|
@import '../styles/themes/themes.less';
|
2
2
|
@import '../styles/mixins/mixins.less';
|
3
3
|
|
4
|
-
|
4
|
+
.@{bk-prefix}-switcher {
|
5
5
|
position: relative;
|
6
6
|
position: relative;
|
7
7
|
display: inline-block;
|
@@ -23,8 +23,8 @@
|
|
23
23
|
border-radius: 50px;
|
24
24
|
border-radius: 100px;
|
25
25
|
box-sizing: border-box;
|
26
|
-
transition: all
|
27
|
-
transition: all
|
26
|
+
transition: all .4s ease;
|
27
|
+
transition: all .36s;
|
28
28
|
user-select: none;
|
29
29
|
|
30
30
|
&:after {
|
@@ -38,7 +38,7 @@
|
|
38
38
|
background-color: #fff;
|
39
39
|
border-radius: 18px;
|
40
40
|
content: ' ';
|
41
|
-
transition: all
|
41
|
+
transition: all .3s ease;
|
42
42
|
}
|
43
43
|
|
44
44
|
.switcher-text {
|
@@ -49,7 +49,7 @@
|
|
49
49
|
font-weight: 400;
|
50
50
|
color: #fff;
|
51
51
|
text-align: center;
|
52
|
-
transition: all
|
52
|
+
transition: all .3s ease;
|
53
53
|
}
|
54
54
|
|
55
55
|
.animating-node {
|
@@ -62,14 +62,14 @@
|
|
62
62
|
pointer-events: none;
|
63
63
|
border-radius: inherit;
|
64
64
|
content: '';
|
65
|
-
opacity:
|
65
|
+
opacity: .2;
|
66
66
|
box-shadow: 0 0 0 0 #1890ff;
|
67
|
-
animation:
|
68
|
-
fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1),
|
69
|
-
waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
|
67
|
+
animation: fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);
|
70
68
|
animation-fill-mode: forwards;
|
69
|
+
|
71
70
|
}
|
72
71
|
|
72
|
+
|
73
73
|
.@{bk-prefix}-switcher-loading {
|
74
74
|
position: absolute;
|
75
75
|
top: 1px;
|
@@ -83,7 +83,7 @@
|
|
83
83
|
background: transparent;
|
84
84
|
border-radius: 16px;
|
85
85
|
content: ' ';
|
86
|
-
transition: all
|
86
|
+
transition: all .36s cubic-bezier(.78,.14,.15,.86);
|
87
87
|
|
88
88
|
svg {
|
89
89
|
position: absolute;
|
@@ -92,14 +92,14 @@
|
|
92
92
|
bottom: 0;
|
93
93
|
left: 0;
|
94
94
|
margin: auto;
|
95
|
-
animation: loading 1s linear infinite
|
95
|
+
animation: loading 1s linear infinite
|
96
96
|
}
|
97
97
|
}
|
98
98
|
|
99
99
|
&.is-loading {
|
100
100
|
cursor: defalt;
|
101
101
|
|
102
|
-
input[type=
|
102
|
+
input[type=checkbox] {
|
103
103
|
cursor: default;
|
104
104
|
}
|
105
105
|
}
|
@@ -131,7 +131,7 @@
|
|
131
131
|
|
132
132
|
&.is-disabled {
|
133
133
|
cursor: not-allowed;
|
134
|
-
opacity:
|
134
|
+
opacity: .3;
|
135
135
|
|
136
136
|
.@{bk-prefix}-switcher-loading {
|
137
137
|
cursor: not-allowed;
|
@@ -171,6 +171,7 @@
|
|
171
171
|
margin-right: 28px;
|
172
172
|
margin-left: 6px;
|
173
173
|
}
|
174
|
+
|
174
175
|
}
|
175
176
|
|
176
177
|
&:not(.show-label).is-checked .@{bk-prefix}-switcher-loading {
|
@@ -193,6 +194,8 @@
|
|
193
194
|
color: @switch-grey-color;
|
194
195
|
}
|
195
196
|
|
197
|
+
|
198
|
+
|
196
199
|
&.is-checked {
|
197
200
|
border: 1px solid @success-color;
|
198
201
|
|
@@ -203,6 +206,7 @@
|
|
203
206
|
.switcher-text {
|
204
207
|
color: @success-color;
|
205
208
|
}
|
209
|
+
|
206
210
|
}
|
207
211
|
|
208
212
|
.@{bk-prefix}-switcher-loading {
|
@@ -224,6 +228,7 @@
|
|
224
228
|
color: @primary-color;
|
225
229
|
}
|
226
230
|
}
|
231
|
+
|
227
232
|
}
|
228
233
|
|
229
234
|
&.@{bk-prefix}-switcher-square {
|
@@ -255,6 +260,7 @@
|
|
255
260
|
margin-left: -21px;
|
256
261
|
}
|
257
262
|
}
|
263
|
+
|
258
264
|
}
|
259
265
|
|
260
266
|
&.@{bk-prefix}-switcher-small {
|
@@ -271,7 +277,7 @@
|
|
271
277
|
width: 12px;
|
272
278
|
height: 12px;
|
273
279
|
font-weight: 700;
|
274
|
-
transform: scale(
|
280
|
+
transform: scale(.66667);
|
275
281
|
}
|
276
282
|
}
|
277
283
|
|
@@ -279,6 +285,7 @@
|
|
279
285
|
.@{bk-prefix}-switcher-loading {
|
280
286
|
margin-left: -13px;
|
281
287
|
}
|
288
|
+
|
282
289
|
}
|
283
290
|
}
|
284
291
|
|
@@ -310,6 +317,7 @@
|
|
310
317
|
}
|
311
318
|
}
|
312
319
|
|
320
|
+
|
313
321
|
@keyframes fadeEffect {
|
314
322
|
100% {
|
315
323
|
opacity: 0;
|
@@ -12,13 +12,13 @@
|
|
12
12
|
--whitesmoke-color: #fafbfd;
|
13
13
|
--disable-color: #dcdee5;
|
14
14
|
--disable-bg-color: #f9fafd;
|
15
|
+
--border-color: #dcdee5;
|
15
16
|
--font-size-base: 12px;
|
16
17
|
--font-size-medium: 14px;
|
17
18
|
--font-size-large: 16px;
|
18
19
|
--line-height-base: 16px;
|
19
20
|
--line-height-medium: 16px;
|
20
21
|
--line-height-large: 18px;
|
21
|
-
--border-color: #dcdee5;
|
22
22
|
--component-size-small: 26px;
|
23
23
|
--component-size-base: 32px;
|
24
24
|
--component-size-large: 40px;
|
@@ -111,7 +111,7 @@
|
|
111
111
|
--table-border-color: #dcdee5;
|
112
112
|
--table-head-bg-color: #fafbfd;
|
113
113
|
--table-head-font-color: #313238;
|
114
|
-
--table-body-font-color: #
|
114
|
+
--table-body-font-color: #63656E;
|
115
115
|
--table-row-hover-bg-color: #f5f7fa;
|
116
116
|
--table-row-active-bg-color: #f0f1f5;
|
117
117
|
--cascader-panel-border-color: #dcdee5;
|
@@ -140,12 +140,12 @@
|
|
140
140
|
background-color: transparent;
|
141
141
|
}
|
142
142
|
}
|
143
|
-
|
144
|
-
|
143
|
+
.bk-transition .bk-fade-enter-active,
|
144
|
+
.bk-transition .bk-fade-leave-active {
|
145
145
|
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
|
146
146
|
}
|
147
|
-
|
148
|
-
|
147
|
+
.bk-transition .bk-fade-enter,
|
148
|
+
.bk-transition .bk-fade-leave-to {
|
149
149
|
opacity: 0;
|
150
150
|
}
|
151
151
|
.clearfix-style::after {
|
@@ -156,7 +156,7 @@
|
|
156
156
|
content: '';
|
157
157
|
visibility: hidden;
|
158
158
|
}
|
159
|
-
|
159
|
+
.bk-popper {
|
160
160
|
display: none;
|
161
161
|
padding: 7px 14px;
|
162
162
|
font-size: 12px;
|
@@ -164,42 +164,42 @@
|
|
164
164
|
background: #333;
|
165
165
|
border-radius: 4px;
|
166
166
|
}
|
167
|
-
|
167
|
+
.bk-popper.light {
|
168
168
|
color: #63656e;
|
169
169
|
background: #fff;
|
170
170
|
box-shadow: #dcdee5 0 0 6px 0;
|
171
171
|
}
|
172
|
-
|
173
|
-
|
172
|
+
.bk-popper .bk-popper-arrow,
|
173
|
+
.bk-popper .bk-popper-arrow::before {
|
174
174
|
position: absolute;
|
175
175
|
width: 8px;
|
176
176
|
height: 8px;
|
177
177
|
background: inherit;
|
178
178
|
}
|
179
|
-
|
179
|
+
.bk-popper .bk-popper-arrow {
|
180
180
|
visibility: hidden;
|
181
181
|
}
|
182
|
-
|
182
|
+
.bk-popper .bk-popper-arrow::before {
|
183
183
|
content: '';
|
184
184
|
visibility: visible;
|
185
185
|
transform: rotate(45deg);
|
186
186
|
}
|
187
|
-
|
187
|
+
.bk-popper[data-show] {
|
188
188
|
display: block;
|
189
189
|
}
|
190
|
-
|
190
|
+
.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
|
191
191
|
bottom: -4px;
|
192
192
|
}
|
193
|
-
|
193
|
+
.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
|
194
194
|
top: -4px;
|
195
195
|
}
|
196
|
-
|
196
|
+
.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
|
197
197
|
right: -4px;
|
198
198
|
}
|
199
|
-
|
199
|
+
.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
|
200
200
|
left: -4px;
|
201
201
|
}
|
202
|
-
|
202
|
+
.bk-switcher {
|
203
203
|
position: relative;
|
204
204
|
display: inline-block;
|
205
205
|
height: 20px;
|
@@ -223,7 +223,7 @@
|
|
223
223
|
user-select: none;
|
224
224
|
/* 显示文本时固定尺寸 */
|
225
225
|
}
|
226
|
-
|
226
|
+
.bk-switcher:after {
|
227
227
|
position: absolute;
|
228
228
|
top: 1px;
|
229
229
|
left: 1px;
|
@@ -236,7 +236,7 @@
|
|
236
236
|
content: ' ';
|
237
237
|
transition: all 0.3s ease;
|
238
238
|
}
|
239
|
-
|
239
|
+
.bk-switcher .switcher-text {
|
240
240
|
display: block;
|
241
241
|
margin-right: 6px;
|
242
242
|
margin-left: 28px;
|
@@ -246,7 +246,7 @@
|
|
246
246
|
text-align: center;
|
247
247
|
transition: all 0.3s ease;
|
248
248
|
}
|
249
|
-
|
249
|
+
.bk-switcher .animating-node {
|
250
250
|
position: absolute;
|
251
251
|
top: 0;
|
252
252
|
right: 0;
|
@@ -261,7 +261,7 @@
|
|
261
261
|
animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
|
262
262
|
animation-fill-mode: forwards;
|
263
263
|
}
|
264
|
-
|
264
|
+
.bk-switcher .bk-switcher-loading {
|
265
265
|
position: absolute;
|
266
266
|
top: 1px;
|
267
267
|
left: 1px;
|
@@ -276,7 +276,7 @@
|
|
276
276
|
content: ' ';
|
277
277
|
transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
|
278
278
|
}
|
279
|
-
|
279
|
+
.bk-switcher .bk-switcher-loading svg {
|
280
280
|
position: absolute;
|
281
281
|
top: 0;
|
282
282
|
right: 0;
|
@@ -285,138 +285,138 @@
|
|
285
285
|
margin: auto;
|
286
286
|
animation: loading 1s linear infinite;
|
287
287
|
}
|
288
|
-
|
288
|
+
.bk-switcher.is-loading {
|
289
289
|
cursor: defalt;
|
290
290
|
}
|
291
|
-
|
291
|
+
.bk-switcher.is-loading input[type=checkbox] {
|
292
292
|
cursor: default;
|
293
293
|
}
|
294
|
-
|
294
|
+
.bk-switcher.show-label {
|
295
295
|
height: 28px;
|
296
296
|
min-width: 60px;
|
297
297
|
line-height: 28px;
|
298
298
|
}
|
299
|
-
|
299
|
+
.bk-switcher.show-label::after {
|
300
300
|
width: 24px;
|
301
301
|
height: 24px;
|
302
302
|
}
|
303
|
-
|
303
|
+
.bk-switcher.show-label .bk-switcher-loading {
|
304
304
|
width: 24px;
|
305
305
|
height: 24px;
|
306
306
|
font-size: 20px;
|
307
307
|
}
|
308
|
-
|
308
|
+
.bk-switcher.show-label.is-checked .bk-switcher-loading {
|
309
309
|
left: 100%;
|
310
310
|
margin-left: -25px;
|
311
311
|
}
|
312
|
-
|
312
|
+
.bk-switcher.is-disabled {
|
313
313
|
cursor: not-allowed;
|
314
314
|
opacity: 0.3;
|
315
315
|
}
|
316
|
-
|
316
|
+
.bk-switcher.is-disabled .bk-switcher-loading {
|
317
317
|
cursor: not-allowed;
|
318
318
|
}
|
319
|
-
|
319
|
+
.bk-switcher.is-disabled::after {
|
320
320
|
cursor: not-allowed;
|
321
321
|
}
|
322
|
-
|
322
|
+
.bk-switcher.is-checked {
|
323
323
|
background: #2dcb56;
|
324
324
|
}
|
325
|
-
|
325
|
+
.bk-switcher.is-checked .bk-switcher-loading svg {
|
326
326
|
color: #2dcb56;
|
327
327
|
}
|
328
|
-
|
328
|
+
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary {
|
329
329
|
background: #3a84ff;
|
330
330
|
}
|
331
|
-
|
331
|
+
.bk-switcher.is-checked:not(.bk-switcher-outline).bk-switcher.is-checked.bk-primary .bk-switcher-loading svg {
|
332
332
|
color: #3a84ff;
|
333
333
|
}
|
334
|
-
|
334
|
+
.bk-switcher.is-checked:after {
|
335
335
|
left: 100%;
|
336
336
|
margin-left: -1px;
|
337
337
|
transform: translateX(-100%);
|
338
338
|
}
|
339
|
-
|
339
|
+
.bk-switcher.is-checked .switcher-text {
|
340
340
|
margin-right: 28px;
|
341
341
|
margin-left: 6px;
|
342
342
|
}
|
343
|
-
|
343
|
+
.bk-switcher:not(.show-label).is-checked .bk-switcher-loading {
|
344
344
|
left: 100%;
|
345
345
|
margin-left: -17px;
|
346
346
|
}
|
347
|
-
|
347
|
+
.bk-switcher.bk-switcher-outline {
|
348
348
|
background: #fff;
|
349
349
|
border: 1px solid #c4c6cc;
|
350
350
|
}
|
351
|
-
|
351
|
+
.bk-switcher.bk-switcher-outline:after {
|
352
352
|
width: 24px;
|
353
353
|
height: 24px;
|
354
354
|
background-color: #c4c6cc;
|
355
355
|
box-shadow: none;
|
356
356
|
}
|
357
|
-
|
357
|
+
.bk-switcher.bk-switcher-outline .switcher-text {
|
358
358
|
color: #c4c6cc;
|
359
359
|
}
|
360
|
-
|
360
|
+
.bk-switcher.bk-switcher-outline.is-checked {
|
361
361
|
border: 1px solid #2dcb56;
|
362
362
|
}
|
363
|
-
|
363
|
+
.bk-switcher.bk-switcher-outline.is-checked:after {
|
364
364
|
background-color: #2dcb56;
|
365
365
|
}
|
366
|
-
|
366
|
+
.bk-switcher.bk-switcher-outline.is-checked .switcher-text {
|
367
367
|
color: #2dcb56;
|
368
368
|
}
|
369
|
-
|
369
|
+
.bk-switcher.bk-switcher-outline .bk-switcher-loading svg {
|
370
370
|
color: #fff;
|
371
371
|
}
|
372
|
-
|
372
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked {
|
373
373
|
border: 1px solid #3a84ff;
|
374
374
|
}
|
375
|
-
|
375
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked:after {
|
376
376
|
background: #3a84ff;
|
377
377
|
}
|
378
|
-
|
378
|
+
.bk-switcher.bk-switcher-outline.bk-switcher.bk-primary.is-checked .switcher-text {
|
379
379
|
color: #3a84ff;
|
380
380
|
}
|
381
|
-
|
381
|
+
.bk-switcher.bk-switcher-square {
|
382
382
|
border-radius: 2px;
|
383
383
|
}
|
384
|
-
|
384
|
+
.bk-switcher.bk-switcher-square:after {
|
385
385
|
border-radius: 2px;
|
386
386
|
}
|
387
|
-
|
387
|
+
.bk-switcher.bk-switcher-large {
|
388
388
|
height: 24px;
|
389
389
|
min-width: 42px;
|
390
390
|
line-height: 22px;
|
391
391
|
}
|
392
|
-
|
392
|
+
.bk-switcher.bk-switcher-large:after {
|
393
393
|
width: 20px;
|
394
394
|
height: 20px;
|
395
395
|
}
|
396
|
-
|
396
|
+
.bk-switcher.bk-switcher-large .bk-switcher-loading {
|
397
397
|
width: 20px;
|
398
398
|
height: 20px;
|
399
399
|
font-size: 16px;
|
400
400
|
}
|
401
|
-
|
401
|
+
.bk-switcher.bk-switcher-large.is-checked .bk-switcher-loading {
|
402
402
|
margin-left: -21px;
|
403
403
|
}
|
404
|
-
|
404
|
+
.bk-switcher.bk-switcher-small {
|
405
405
|
height: 16px;
|
406
406
|
min-width: 26px;
|
407
407
|
line-height: 22px;
|
408
408
|
}
|
409
|
-
|
409
|
+
.bk-switcher.bk-switcher-small:after {
|
410
410
|
width: 12px;
|
411
411
|
height: 12px;
|
412
412
|
}
|
413
|
-
|
413
|
+
.bk-switcher.bk-switcher-small .bk-switcher-loading {
|
414
414
|
width: 12px;
|
415
415
|
height: 12px;
|
416
416
|
font-weight: 700;
|
417
417
|
transform: scale(0.66667);
|
418
418
|
}
|
419
|
-
|
419
|
+
.bk-switcher.bk-switcher-small.is-checked .bk-switcher-loading {
|
420
420
|
margin-left: -13px;
|
421
421
|
}
|
422
422
|
:not(.show-label).bk-switcher-default.bk-switcher-outline::after {
|
package/lib/tab/index.js
CHANGED
@@ -1,11 +1,9 @@
|
|
1
|
-
import "../
|
2
|
-
import "./tab.less";
|
3
|
-
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
|
4
2
|
import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
|
5
3
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
6
|
-
import * as
|
7
|
-
import * as
|
8
|
-
import * as
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__ from "../icon/";
|
9
7
|
/******/ // The require scope
|
10
8
|
/******/ var __webpack_require__ = {};
|
11
9
|
/******/
|
@@ -42,7 +40,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
42
40
|
;// CONCATENATED MODULE: external "../shared"
|
43
41
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
44
42
|
var y = x => () => x
|
45
|
-
const
|
43
|
+
const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["renderDirectiveType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.renderDirectiveType, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
|
46
44
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
|
47
45
|
function _typeof(o) {
|
48
46
|
"@babel/helpers - typeof";
|
@@ -187,39 +185,39 @@ var tabEventProps = {
|
|
187
185
|
// ...TabNavEventProps,
|
188
186
|
};
|
189
187
|
var tabPanelProps = {
|
190
|
-
name:
|
191
|
-
label:
|
192
|
-
tips:
|
193
|
-
closable:
|
194
|
-
visible:
|
195
|
-
disabled:
|
196
|
-
sortable:
|
197
|
-
renderDirective: (0,
|
198
|
-
panel:
|
188
|
+
name: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]).def(''),
|
189
|
+
label: external_shared_namespaceObject.PropTypes.string || external_shared_namespaceObject.PropTypes.func,
|
190
|
+
tips: external_shared_namespaceObject.PropTypes.string,
|
191
|
+
closable: external_shared_namespaceObject.PropTypes.bool,
|
192
|
+
visible: external_shared_namespaceObject.PropTypes.bool.def(true),
|
193
|
+
disabled: external_shared_namespaceObject.PropTypes.bool,
|
194
|
+
sortable: external_shared_namespaceObject.PropTypes.bool,
|
195
|
+
renderDirective: (0,external_shared_namespaceObject.renderDirectiveType)(),
|
196
|
+
panel: external_shared_namespaceObject.PropTypes.string || external_shared_namespaceObject.PropTypes.func
|
199
197
|
};
|
200
198
|
var tabProps = {
|
201
|
-
active:
|
199
|
+
active: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]).def(''),
|
202
200
|
type: (0,external_vue_types_namespaceObject.toType)('type', {}).def(TabTypeEnum.BORDER_CARD),
|
203
201
|
tabPosition: TabPositionType,
|
204
202
|
closable: Boolean,
|
205
203
|
addable: Boolean,
|
206
204
|
sortable: Boolean,
|
207
205
|
sortType: SortTypeUnion,
|
208
|
-
labelHeight:
|
209
|
-
scrollStep:
|
210
|
-
extCls:
|
211
|
-
validateActive:
|
212
|
-
showHeader:
|
213
|
-
changeOnHover:
|
214
|
-
changeOnHoverDelay:
|
215
|
-
activeBarSize:
|
216
|
-
activeBarColor:
|
206
|
+
labelHeight: external_shared_namespaceObject.PropTypes.number.def(50),
|
207
|
+
scrollStep: external_shared_namespaceObject.PropTypes.number.def(200),
|
208
|
+
extCls: external_shared_namespaceObject.PropTypes.string.def(''),
|
209
|
+
validateActive: external_shared_namespaceObject.PropTypes.bool.def(true),
|
210
|
+
showHeader: external_shared_namespaceObject.PropTypes.bool.def(true),
|
211
|
+
changeOnHover: external_shared_namespaceObject.PropTypes.bool.def(false),
|
212
|
+
changeOnHoverDelay: external_shared_namespaceObject.PropTypes.number.def(1000),
|
213
|
+
activeBarSize: external_shared_namespaceObject.PropTypes.number.def(2),
|
214
|
+
activeBarColor: external_shared_namespaceObject.PropTypes.string.def('#3a84ff')
|
217
215
|
};
|
218
216
|
var tabNavProps = _objectSpread({
|
219
|
-
active:
|
217
|
+
active: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.string]).def(''),
|
220
218
|
type: (0,external_vue_types_namespaceObject.toType)('type', {}).def(TabTypeEnum.BORDER_CARD),
|
221
|
-
activeBarColor:
|
222
|
-
activeBarSize:
|
219
|
+
activeBarColor: external_shared_namespaceObject.PropTypes.string.def('#3a84ff'),
|
220
|
+
activeBarSize: external_shared_namespaceObject.PropTypes.number.def(2),
|
223
221
|
panels: {
|
224
222
|
type: Array,
|
225
223
|
"default": function _default() {
|
@@ -231,11 +229,11 @@ var tabNavProps = _objectSpread({
|
|
231
229
|
addable: Boolean,
|
232
230
|
sortable: Boolean,
|
233
231
|
sortType: SortTypeUnion,
|
234
|
-
labelHeight:
|
235
|
-
scrollStep:
|
236
|
-
validateActive:
|
237
|
-
changeOnHover:
|
238
|
-
changeOnHoverDelay:
|
232
|
+
labelHeight: external_shared_namespaceObject.PropTypes.number.def(50),
|
233
|
+
scrollStep: external_shared_namespaceObject.PropTypes.number.def(200),
|
234
|
+
validateActive: external_shared_namespaceObject.PropTypes.bool.def(true),
|
235
|
+
changeOnHover: external_shared_namespaceObject.PropTypes.bool.def(false),
|
236
|
+
changeOnHoverDelay: external_shared_namespaceObject.PropTypes.number.def(1000)
|
239
237
|
}, tabNavEventProps);
|
240
238
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
|
241
239
|
function _arrayLikeToArray(arr, len) {
|
@@ -279,17 +277,17 @@ var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
|
279
277
|
var external_vue_y = x => () => x
|
280
278
|
const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUpdated"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUpdated, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
|
281
279
|
;// CONCATENATED MODULE: external "../config-provider"
|
282
|
-
var
|
283
|
-
var
|
284
|
-
const
|
280
|
+
var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
281
|
+
var external_config_provider_y = x => () => x
|
282
|
+
const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
|
285
283
|
;// CONCATENATED MODULE: external "../directives"
|
286
|
-
var
|
287
|
-
var
|
288
|
-
const
|
284
|
+
var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
285
|
+
var external_directives_y = x => () => x
|
286
|
+
const external_directives_namespaceObject = external_directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.bkTooltips });
|
289
287
|
;// CONCATENATED MODULE: external "../icon/"
|
290
288
|
var _x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
291
289
|
var _y = x => () => x
|
292
|
-
const _namespaceObject = _x({ ["Close"]: () =>
|
290
|
+
const _namespaceObject = _x({ ["Close"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.Close, ["Plus"]: () => __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__.Plus });
|
293
291
|
;// CONCATENATED MODULE: ../../packages/tab/src/tab-nav.tsx
|
294
292
|
|
295
293
|
|
@@ -328,7 +326,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
328
326
|
/* harmony default export */ const tab_nav = ((0,external_vue_namespaceObject.defineComponent)({
|
329
327
|
name: 'TabNav',
|
330
328
|
directives: {
|
331
|
-
bkTooltips:
|
329
|
+
bkTooltips: external_directives_namespaceObject.bkTooltips
|
332
330
|
},
|
333
331
|
props: tabNavProps,
|
334
332
|
setup: function setup(props) {
|
@@ -480,7 +478,7 @@ function tab_nav_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
|
|
480
478
|
props.tabRemove(index, panel);
|
481
479
|
}
|
482
480
|
};
|
483
|
-
var _usePrefix = (0,
|
481
|
+
var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
|
484
482
|
resolveClassName = _usePrefix.resolveClassName;
|
485
483
|
return tab_nav_objectSpread(tab_nav_objectSpread({}, methods), {}, {
|
486
484
|
activeRef: activeRef,
|
@@ -756,7 +754,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
756
754
|
emit('on-drag-tab', dragTabIndex, dragEvent);
|
757
755
|
}
|
758
756
|
};
|
759
|
-
var _usePrefix = (0,
|
757
|
+
var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
|
760
758
|
resolveClassName = _usePrefix.resolveClassName;
|
761
759
|
return tab_objectSpread(tab_objectSpread({}, methods), {}, {
|
762
760
|
isMounted: isMounted,
|
@@ -888,7 +886,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
888
886
|
}
|
889
887
|
return null;
|
890
888
|
};
|
891
|
-
var _usePrefix = (0,
|
889
|
+
var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
|
892
890
|
resolveClassName = _usePrefix.resolveClassName;
|
893
891
|
return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
|
894
892
|
"ref": "content",
|
@@ -901,7 +899,7 @@ function tab_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var
|
|
901
899
|
|
902
900
|
|
903
901
|
|
904
|
-
var BkTab = (0,
|
902
|
+
var BkTab = (0,external_shared_namespaceObject.withInstallProps)(tab, {
|
905
903
|
TabPanel: tab_panel
|
906
904
|
});
|
907
905
|
|