bkui-vue 1.0.3-beta.26 → 1.0.3-beta.28
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 +2 -2
- package/lib/styles/themes/themes copy.less +0 -167
@@ -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,64 +140,64 @@
|
|
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
|
+
.bk-select .mr5 {
|
152
152
|
margin-right: 5px;
|
153
153
|
}
|
154
|
-
|
154
|
+
.bk-select .ml5 {
|
155
155
|
margin-left: 5px;
|
156
156
|
}
|
157
|
-
|
157
|
+
.bk-select ul {
|
158
158
|
padding: 0;
|
159
159
|
margin: 0;
|
160
160
|
font-weight: normal;
|
161
161
|
list-style: none;
|
162
162
|
}
|
163
|
-
|
163
|
+
.bk-select.large .bk-select-content-wrapper {
|
164
164
|
font-size: 14px;
|
165
165
|
}
|
166
|
-
|
166
|
+
.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default {
|
167
167
|
border-color: #3a84ff;
|
168
168
|
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
169
169
|
}
|
170
|
-
|
170
|
+
.bk-select.is-focus .bk-input--default {
|
171
171
|
border-color: #3a84ff;
|
172
172
|
outline: 0;
|
173
173
|
box-shadow: 0px 0px 3px 0px #a3c5fd;
|
174
174
|
}
|
175
|
-
|
175
|
+
.bk-select.is-focus .bk-input--default.is-simplicity {
|
176
176
|
border-color: transparent;
|
177
177
|
border-bottom-color: #3a84ff;
|
178
178
|
box-shadow: none;
|
179
179
|
}
|
180
|
-
|
180
|
+
.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text {
|
181
181
|
background-color: #f5f7fa;
|
182
182
|
}
|
183
|
-
|
183
|
+
.bk-select.popover-show .bk-select-trigger .angle-up {
|
184
184
|
transform: rotate(0);
|
185
185
|
}
|
186
|
-
|
186
|
+
.bk-select.is-disabled .bk-input--text {
|
187
187
|
cursor: not-allowed;
|
188
188
|
background-color: #fafbfd;
|
189
189
|
}
|
190
|
-
|
190
|
+
.bk-select .bk-input.is-focused {
|
191
191
|
border-color: #3a84ff;
|
192
192
|
outline: 0;
|
193
193
|
box-shadow: 0 0 3px 0 #a3c5fd;
|
194
194
|
}
|
195
|
-
|
195
|
+
.bk-select .bk-input.is-focused.is-simplicity {
|
196
196
|
border-color: transparent;
|
197
197
|
border-bottom-color: #3a84ff;
|
198
198
|
box-shadow: none;
|
199
199
|
}
|
200
|
-
|
200
|
+
.bk-select .bk-input--text {
|
201
201
|
overflow: hidden;
|
202
202
|
text-overflow: ellipsis;
|
203
203
|
white-space: nowrap;
|
@@ -205,13 +205,13 @@
|
|
205
205
|
cursor: pointer;
|
206
206
|
background-color: white;
|
207
207
|
}
|
208
|
-
|
208
|
+
.bk-select .bk-select-trigger {
|
209
209
|
position: relative;
|
210
210
|
}
|
211
|
-
|
211
|
+
.bk-select .bk-select-trigger .bk-tag-input .bk-tag-input-trigger .clear-icon {
|
212
212
|
margin-right: 0;
|
213
213
|
}
|
214
|
-
|
214
|
+
.bk-select .bk-select-trigger .bk-select-tag {
|
215
215
|
width: 100%;
|
216
216
|
height: 32px;
|
217
217
|
padding: 0 28px 0 10px;
|
@@ -234,54 +234,54 @@
|
|
234
234
|
width: auto;
|
235
235
|
align-items: center;
|
236
236
|
}
|
237
|
-
|
237
|
+
.bk-select .bk-select-trigger .bk-select-tag::placeholder {
|
238
238
|
color: #c4c6cc;
|
239
239
|
}
|
240
|
-
|
240
|
+
.bk-select .bk-select-trigger .bk-select-tag.has-prefix {
|
241
241
|
padding-left: 0;
|
242
242
|
}
|
243
|
-
|
243
|
+
.bk-select .bk-select-trigger .bk-select-tag-wrapper {
|
244
244
|
display: flex;
|
245
|
-
padding: 4px 0;
|
246
|
-
overflow: hidden;
|
247
245
|
align-items: center;
|
248
246
|
flex-wrap: wrap;
|
247
|
+
overflow: hidden;
|
249
248
|
gap: 4px;
|
249
|
+
padding: 4px 0;
|
250
250
|
}
|
251
|
-
|
251
|
+
.bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
|
252
252
|
height: 30px;
|
253
253
|
}
|
254
|
-
|
254
|
+
.bk-select .bk-select-trigger .bk-select-tag:not(.collapse-tag) {
|
255
255
|
position: relative;
|
256
256
|
z-index: 1;
|
257
257
|
height: auto;
|
258
258
|
min-height: 32px;
|
259
259
|
flex-wrap: wrap;
|
260
260
|
}
|
261
|
-
|
261
|
+
.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
|
262
262
|
border-color: #979ba5;
|
263
263
|
}
|
264
|
-
|
264
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled {
|
265
265
|
cursor: not-allowed;
|
266
266
|
background-color: #fafbfd;
|
267
267
|
border-color: #dcdee5;
|
268
268
|
}
|
269
|
-
|
269
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled input {
|
270
270
|
cursor: not-allowed;
|
271
271
|
}
|
272
|
-
|
272
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag {
|
273
273
|
cursor: not-allowed;
|
274
274
|
}
|
275
|
-
|
275
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag:hover {
|
276
276
|
background-color: #f0f1f5;
|
277
277
|
}
|
278
|
-
|
278
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .bk-tag .bk-tag-close {
|
279
279
|
cursor: not-allowed;
|
280
280
|
}
|
281
|
-
|
281
|
+
.bk-select .bk-select-trigger .bk-select-tag.is-disabled .is-disabled {
|
282
282
|
padding-left: 0;
|
283
283
|
}
|
284
|
-
|
284
|
+
.bk-select .bk-select-trigger .bk-select-tag-input {
|
285
285
|
width: 100%;
|
286
286
|
height: 32px;
|
287
287
|
padding: 0 28px 0 10px;
|
@@ -308,14 +308,14 @@
|
|
308
308
|
border: none;
|
309
309
|
flex-grow: 1;
|
310
310
|
}
|
311
|
-
|
311
|
+
.bk-select .bk-select-trigger .bk-select-tag-input::placeholder {
|
312
312
|
color: #c4c6cc;
|
313
313
|
}
|
314
|
-
|
314
|
+
.bk-select .bk-select-trigger .bk-select-tag .bk-tag {
|
315
315
|
max-width: 190px;
|
316
316
|
padding: 0 4px;
|
317
317
|
}
|
318
|
-
|
318
|
+
.bk-select .bk-select-trigger .angle-up {
|
319
319
|
right: 4px;
|
320
320
|
transform: rotate(180deg);
|
321
321
|
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
@@ -331,7 +331,7 @@
|
|
331
331
|
align-items: center;
|
332
332
|
justify-content: center;
|
333
333
|
}
|
334
|
-
|
334
|
+
.bk-select .bk-select-trigger .clear-icon {
|
335
335
|
right: 4px;
|
336
336
|
cursor: pointer;
|
337
337
|
transition: all 0.1s;
|
@@ -347,10 +347,10 @@
|
|
347
347
|
align-items: center;
|
348
348
|
justify-content: center;
|
349
349
|
}
|
350
|
-
|
350
|
+
.bk-select .bk-select-trigger .clear-icon:hover {
|
351
351
|
color: #979ba5;
|
352
352
|
}
|
353
|
-
|
353
|
+
.bk-select .bk-select-trigger .spinner {
|
354
354
|
right: 6px;
|
355
355
|
position: absolute;
|
356
356
|
top: 0;
|
@@ -359,7 +359,7 @@
|
|
359
359
|
align-items: center;
|
360
360
|
justify-content: center;
|
361
361
|
}
|
362
|
-
|
362
|
+
.bk-select--prefix-area {
|
363
363
|
display: flex;
|
364
364
|
height: 100%;
|
365
365
|
padding: 0 10px;
|
@@ -369,20 +369,20 @@
|
|
369
369
|
border-right: 1px solid #c4c6cc;
|
370
370
|
align-items: center;
|
371
371
|
}
|
372
|
-
|
372
|
+
.bk-popover.bk-pop2-content.bk-select-popover {
|
373
373
|
padding: 0;
|
374
374
|
border: 1px solid #dcdee5;
|
375
375
|
border-radius: 2px;
|
376
376
|
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
|
377
377
|
}
|
378
|
-
|
378
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty {
|
379
379
|
display: flex;
|
380
380
|
align-items: center;
|
381
381
|
justify-content: center;
|
382
382
|
height: 56px;
|
383
383
|
color: #63656e;
|
384
384
|
}
|
385
|
-
|
385
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty .spinner {
|
386
386
|
display: flex;
|
387
387
|
width: 14px;
|
388
388
|
height: 14px;
|
@@ -392,23 +392,23 @@
|
|
392
392
|
align-items: center;
|
393
393
|
justify-content: center;
|
394
394
|
}
|
395
|
-
|
395
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-empty span {
|
396
396
|
margin-left: 4px;
|
397
397
|
line-height: 18px;
|
398
398
|
}
|
399
|
-
|
399
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown {
|
400
400
|
overflow: auto;
|
401
401
|
}
|
402
|
-
|
402
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar {
|
403
403
|
width: 4px;
|
404
404
|
height: 4px;
|
405
405
|
}
|
406
|
-
|
406
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-dropdown::-webkit-scrollbar-thumb {
|
407
407
|
background: #dde4eb;
|
408
408
|
border-radius: 20px;
|
409
409
|
box-shadow: inset 0 0 6px hsla(0, 0%, 80%, 0.3);
|
410
410
|
}
|
411
|
-
|
411
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-extension {
|
412
412
|
display: flex;
|
413
413
|
height: 40px;
|
414
414
|
background-color: #fafbfd;
|
@@ -416,33 +416,33 @@
|
|
416
416
|
border-top: 1px solid #dcdee5;
|
417
417
|
border-radius: 0 0 2px 2px;
|
418
418
|
}
|
419
|
-
|
419
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options {
|
420
420
|
padding: 4px 0;
|
421
421
|
}
|
422
|
-
|
422
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all {
|
423
423
|
padding: 4px 0;
|
424
424
|
border-bottom: 1px solid #dcdee5;
|
425
425
|
}
|
426
|
-
|
426
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper {
|
427
427
|
display: flex;
|
428
|
+
align-items: center;
|
428
429
|
height: 32px;
|
429
430
|
padding: 0 12px;
|
430
|
-
color: #63656e;
|
431
431
|
cursor: pointer;
|
432
|
-
|
432
|
+
color: #63656e;
|
433
433
|
}
|
434
|
-
|
434
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper:hover {
|
435
435
|
background-color: #f5f7fa;
|
436
436
|
}
|
437
|
-
|
438
|
-
color: #3a84ff;
|
437
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper.active {
|
439
438
|
background-color: #e1ecff;
|
439
|
+
color: #3a84ff;
|
440
440
|
}
|
441
|
-
|
441
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper .select-all-icon {
|
442
442
|
margin-right: 4px;
|
443
443
|
font-size: 16px;
|
444
444
|
}
|
445
|
-
|
445
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
|
446
446
|
position: relative;
|
447
447
|
display: flex;
|
448
448
|
height: 32px;
|
@@ -457,87 +457,87 @@
|
|
457
457
|
text-overflow: ellipsis;
|
458
458
|
white-space: nowrap;
|
459
459
|
}
|
460
|
-
|
460
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-selected-icon {
|
461
461
|
position: absolute;
|
462
462
|
top: 5px;
|
463
463
|
right: 10px;
|
464
464
|
}
|
465
|
-
|
465
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox {
|
466
466
|
margin-right: 6px;
|
467
467
|
pointer-events: none;
|
468
468
|
}
|
469
|
-
|
469
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox .bk-checkbox-original {
|
470
470
|
opacity: 0;
|
471
471
|
}
|
472
|
-
|
472
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
|
473
473
|
overflow: hidden;
|
474
474
|
text-overflow: ellipsis;
|
475
475
|
white-space: nowrap;
|
476
476
|
}
|
477
|
-
|
477
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item .is-keyword {
|
478
478
|
display: inline-flex;
|
479
479
|
color: #3a84ff;
|
480
480
|
}
|
481
|
-
|
481
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover {
|
482
482
|
background-color: #f5f7fa;
|
483
483
|
}
|
484
|
-
|
484
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option:hover {
|
485
485
|
color: #63656e;
|
486
486
|
background-color: #f5f7fa;
|
487
487
|
}
|
488
|
-
|
488
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-selected:not(.is-checkbox) {
|
489
489
|
color: #3a84ff;
|
490
490
|
background-color: #e1ecff;
|
491
491
|
}
|
492
|
-
|
492
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-disabled {
|
493
493
|
color: #c4c6cc;
|
494
494
|
cursor: not-allowed;
|
495
495
|
background-color: transparent;
|
496
496
|
}
|
497
|
-
|
497
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple {
|
498
498
|
padding-right: 32px;
|
499
499
|
}
|
500
|
-
|
500
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-selected {
|
501
501
|
background-color: #fff;
|
502
502
|
}
|
503
|
-
|
503
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple.is-hover {
|
504
504
|
background-color: #f5f7fa;
|
505
505
|
}
|
506
|
-
|
506
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-multiple:hover {
|
507
507
|
background-color: #f5f7fa;
|
508
508
|
}
|
509
|
-
|
509
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading {
|
510
510
|
display: flex;
|
511
511
|
align-items: center;
|
512
512
|
justify-content: center;
|
513
513
|
}
|
514
|
-
|
514
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options-loading span {
|
515
515
|
margin-left: 4px;
|
516
516
|
line-height: 18px;
|
517
517
|
}
|
518
|
-
|
518
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label {
|
519
519
|
height: 32px;
|
520
520
|
padding: 0 8px;
|
521
521
|
line-height: 32px;
|
522
522
|
color: #979ba5;
|
523
523
|
text-align: left;
|
524
524
|
}
|
525
|
-
|
525
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group-label.collapsible {
|
526
526
|
cursor: pointer;
|
527
527
|
}
|
528
|
-
|
528
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.collapsible .bk-select-option {
|
529
529
|
padding-left: 40px;
|
530
530
|
}
|
531
|
-
|
531
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group.disabled .default-group-label {
|
532
532
|
color: #c4c6cc;
|
533
533
|
cursor: not-allowed;
|
534
534
|
}
|
535
|
-
|
535
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label {
|
536
536
|
display: flex;
|
537
537
|
user-select: none;
|
538
538
|
align-items: center;
|
539
539
|
}
|
540
|
-
|
540
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon {
|
541
541
|
display: flex;
|
542
542
|
width: 12px;
|
543
543
|
height: 12px;
|
@@ -546,23 +546,23 @@
|
|
546
546
|
align-items: center;
|
547
547
|
justify-content: center;
|
548
548
|
}
|
549
|
-
|
549
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .default-group-label-icon.collapse {
|
550
550
|
transform: rotate(-90deg);
|
551
551
|
}
|
552
|
-
|
552
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-option-group .bk-select-option {
|
553
553
|
padding-left: 24px;
|
554
554
|
}
|
555
|
-
|
555
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper {
|
556
556
|
display: flex;
|
557
557
|
margin: 4px 8px 0 8px;
|
558
558
|
border-bottom: 1px solid #eaebf0;
|
559
559
|
align-items: center;
|
560
560
|
}
|
561
|
-
|
561
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .icon-search {
|
562
562
|
margin-left: 2px;
|
563
563
|
color: #979ba5;
|
564
564
|
}
|
565
|
-
|
565
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input {
|
566
566
|
width: 100%;
|
567
567
|
height: 32px;
|
568
568
|
padding: 0 28px 0 10px;
|
@@ -585,6 +585,6 @@
|
|
585
585
|
cursor: text;
|
586
586
|
border: none;
|
587
587
|
}
|
588
|
-
|
588
|
+
.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-search-wrapper .bk-select-search-input::placeholder {
|
589
589
|
color: #c4c6cc;
|
590
590
|
}
|
package/lib/shared/index.js
CHANGED
@@ -1,4 +1,3 @@
|
|
1
|
-
import "../styles/reset.css";
|
2
1
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
3
2
|
import * as __WEBPACK_EXTERNAL_MODULE__popperjs_core_a5c7319c__ from "@popperjs/core";
|
4
3
|
import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
|
@@ -1336,8 +1335,6 @@ var isFullScreenContainsElement = function isFullScreenContainsElement(target) {
|
|
1336
1335
|
* @returns
|
1337
1336
|
*/
|
1338
1337
|
var getFullscreenRoot = function getFullscreenRoot(selector) {
|
1339
|
-
var _document$fullscreenE3;
|
1340
|
-
console.log('getFullscreenRoot', (_document$fullscreenE3 = document.fullscreenElement) !== null && _document$fullscreenE3 !== void 0 ? _document$fullscreenE3 : document.body);
|
1341
1338
|
if (helper_isElement(selector)) {
|
1342
1339
|
if (isFullScreenContainsElement(selector)) {
|
1343
1340
|
return selector;
|
@@ -1348,10 +1345,10 @@ var getFullscreenRoot = function getFullscreenRoot(selector) {
|
|
1348
1345
|
return getFullscreenRoot(target);
|
1349
1346
|
}
|
1350
1347
|
if (document.fullscreenElement) {
|
1351
|
-
var _document$
|
1352
|
-
if ((_document$
|
1353
|
-
var _document$
|
1354
|
-
return (_document$
|
1348
|
+
var _document$fullscreenE3;
|
1349
|
+
if ((_document$fullscreenE3 = document.fullscreenElement) !== null && _document$fullscreenE3 !== void 0 && _document$fullscreenE3.shadowRoot) {
|
1350
|
+
var _document$fullscreenE4;
|
1351
|
+
return (_document$fullscreenE4 = document.fullscreenElement) === null || _document$fullscreenE4 === void 0 ? void 0 : _document$fullscreenE4.shadowRoot;
|
1355
1352
|
}
|
1356
1353
|
return document.fullscreenElement;
|
1357
1354
|
}
|
package/lib/sideslider/index.js
CHANGED
@@ -1,10 +1,7 @@
|
|
1
|
-
import "../
|
2
|
-
import "./sideslider.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__ from "vue";
|
5
|
-
import * as
|
6
|
-
import * as
|
7
|
-
import "../modal/modal.less";
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__modal_4c8fdca5__ from "../modal";
|
8
5
|
/******/ var __webpack_modules__ = ({
|
9
6
|
|
10
7
|
/***/ 7609:
|
@@ -424,7 +421,7 @@ __webpack_require__.d(__webpack_exports__, {
|
|
424
421
|
;// CONCATENATED MODULE: external "../shared"
|
425
422
|
var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
426
423
|
var y = x => () => x
|
427
|
-
const
|
424
|
+
const external_shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
|
428
425
|
;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
|
429
426
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
|
430
427
|
try {
|
@@ -509,17 +506,13 @@ const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBP
|
|
509
506
|
var regenerator = __webpack_require__(2841);
|
510
507
|
var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
|
511
508
|
;// CONCATENATED MODULE: external "../config-provider"
|
512
|
-
var
|
513
|
-
var
|
514
|
-
const
|
509
|
+
var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
510
|
+
var external_config_provider_y = x => () => x
|
511
|
+
const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
|
515
512
|
;// CONCATENATED MODULE: external "../modal"
|
516
|
-
var
|
517
|
-
var
|
518
|
-
const
|
519
|
-
;// CONCATENATED MODULE: external "../modal/modal.less"
|
520
|
-
var modal_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
521
|
-
var modal_less_y = x => () => x
|
522
|
-
const modal_less_namespaceObject = modal_less_x({ });
|
513
|
+
var external_modal_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
|
514
|
+
var external_modal_y = x => () => x
|
515
|
+
const external_modal_namespaceObject = external_modal_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__modal_4c8fdca5__["default"] });
|
523
516
|
;// CONCATENATED MODULE: ../../packages/sideslider/src/sideslider.tsx
|
524
517
|
|
525
518
|
|
@@ -555,11 +548,10 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
555
548
|
|
556
549
|
|
557
550
|
|
558
|
-
|
559
551
|
function _isSlot(s) {
|
560
552
|
return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
|
561
553
|
}
|
562
|
-
var propsMixin =
|
554
|
+
var propsMixin = external_modal_namespaceObject["default"].propsMixin;
|
563
555
|
var sliderPops = Object.assign({}, propsMixin);
|
564
556
|
sliderPops.width["default"] = '400';
|
565
557
|
sliderPops.height["default"] = '100%';
|
@@ -623,7 +615,7 @@ sliderPops.height["default"] = '100%';
|
|
623
615
|
emit('hidden');
|
624
616
|
}, 200);
|
625
617
|
};
|
626
|
-
var _usePrefix = (0,
|
618
|
+
var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
|
627
619
|
resolveClassName = _usePrefix.resolveClassName;
|
628
620
|
return function () {
|
629
621
|
var dialogSlot = {
|
@@ -656,7 +648,7 @@ sliderPops.height["default"] = '100%';
|
|
656
648
|
var className = resolveClassName('sideslider-wrapper');
|
657
649
|
var bodyClass = props.scrollable ? 'scroll-able' : '';
|
658
650
|
var maxHeight = slots.footer ? 'calc(100vh - 106px)' : 'calc(100vh - 52px)';
|
659
|
-
return (0,external_vue_namespaceObject.createVNode)(
|
651
|
+
return (0,external_vue_namespaceObject.createVNode)(external_modal_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)(props, {
|
660
652
|
"class": className,
|
661
653
|
"maxHeight": maxHeight,
|
662
654
|
"extCls": props.extCls,
|
@@ -700,7 +692,7 @@ sliderPops.height["default"] = '100%';
|
|
700
692
|
*/
|
701
693
|
|
702
694
|
|
703
|
-
var BkSideslider = (0,
|
695
|
+
var BkSideslider = (0,external_shared_namespaceObject.withInstall)(sideslider);
|
704
696
|
/* harmony default export */ const src = (BkSideslider);
|
705
697
|
})();
|
706
698
|
|