bkui-vue 1.0.3-beta.60.scrollbar.5 → 1.0.3-beta.61.dialog.1
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 +61 -63
- package/dist/index.esm.js +19978 -19906
- package/dist/index.umd.js +61 -63
- package/dist/style.css +1 -1
- package/dist/style.variable.css +1 -1
- package/lib/components.d.ts +2 -0
- package/lib/components.js +3 -1
- package/lib/date-picker/index.js +1 -1
- package/lib/dialog/dialog.css +140 -80
- package/lib/dialog/dialog.d.ts +41 -121
- package/lib/dialog/dialog.less +10 -65
- package/lib/dialog/dialog.variable.css +140 -80
- package/lib/dialog/index.d.ts +105 -272
- package/lib/dialog/index.js +91 -100
- package/lib/dialog/props.d.ts +8 -48
- package/lib/info-box/index.d.ts +2 -2
- package/lib/info-box/index.js +312 -172
- package/lib/info-box/info-box.css +63 -7
- package/lib/info-box/info-box.d.ts +17 -16
- package/lib/info-box/info-box.less +76 -14
- package/lib/info-box/info-box.variable.css +63 -7
- package/lib/info-box/render-component.d.ts +4 -0
- package/lib/modal/hooks.d.ts +1 -1
- package/lib/modal/index.d.ts +48 -325
- package/lib/modal/index.js +195 -675
- package/lib/modal/mask.d.ts +6 -0
- package/lib/modal/modal.css +132 -34
- package/lib/modal/modal.d.ts +17 -126
- package/lib/modal/modal.less +88 -39
- package/lib/modal/modal.variable.css +132 -34
- package/lib/modal/props.mixin.d.ts +2 -53
- package/lib/scrollbar/index.d.ts +14 -0
- package/lib/scrollbar/index.js +18737 -0
- package/lib/{virtual-render → scrollbar}/scrollbar-core/index.d.ts +31 -8
- package/lib/{virtual-render/bk-scrollbar.css → scrollbar/scrollbar.css} +13 -13
- package/lib/{virtual-render/bk-scrollbar.less → scrollbar/scrollbar.less} +13 -13
- package/lib/{virtual-render/bk-scrollbar.variable.css → scrollbar/scrollbar.variable.css} +13 -13
- package/lib/search-select/index.d.ts +327 -12
- package/lib/search-select/index.js +620 -340
- package/lib/search-select/input.d.ts +6 -1
- package/lib/search-select/search-select.css +20 -6
- package/lib/search-select/search-select.d.ts +109 -4
- package/lib/search-select/search-select.less +16 -12
- package/lib/search-select/search-select.variable.css +20 -6
- package/lib/search-select/selected.d.ts +107 -5
- package/lib/search-select/utils.d.ts +13 -1
- package/lib/select/index.d.ts +23 -0
- package/lib/select/index.js +4 -1
- package/lib/select/select.d.ts +11 -0
- package/lib/shared/index.d.ts +0 -1
- package/lib/shared/index.js +1 -48
- package/lib/sideslider/index.d.ts +31 -222
- package/lib/sideslider/index.js +49 -36
- package/lib/sideslider/sideslider.css +4 -47
- package/lib/sideslider/sideslider.d.ts +14 -105
- package/lib/sideslider/sideslider.less +14 -65
- package/lib/sideslider/sideslider.variable.css +4 -47
- package/lib/table/index.js +37 -28
- package/lib/table/plugins/use-pagination.d.ts +3 -1
- package/lib/table/table.css +14 -13
- package/lib/table/table.less +2 -2
- package/lib/table/table.variable.css +14 -13
- package/lib/table/use-attributes.d.ts +1 -0
- package/lib/timeline/index.js +1 -0
- package/lib/tree/tree.css +13 -13
- package/lib/tree/tree.variable.css +13 -13
- package/lib/upload/index.d.ts +12 -0
- package/lib/upload/index.js +21 -30
- package/lib/upload/props.d.ts +3 -0
- package/lib/upload/upload-trigger.d.ts +6 -0
- package/lib/upload/upload.d.ts +6 -0
- package/lib/virtual-render/index.js +262 -2175
- package/lib/virtual-render/use-scrollbar.d.ts +2 -2
- package/lib/virtual-render/virtual-render.css +13 -13
- package/lib/virtual-render/virtual-render.less +2 -2
- package/lib/virtual-render/virtual-render.variable.css +13 -13
- package/package.json +2 -2
- package/lib/icon/image-fill.js +0 -191
- package/lib/shared/mask.d.ts +0 -11
- package/lib/virtual-render/bk-scrollbar.d.ts +0 -10
- /package/lib/{virtual-render → scrollbar}/scrollbar-core/can-use-dom.d.ts +0 -0
- /package/lib/{virtual-render → scrollbar}/scrollbar-core/helpers.d.ts +0 -0
- /package/lib/{virtual-render → scrollbar}/scrollbar-core/mouse-wheel.d.ts +0 -0
- /package/lib/{virtual-render → scrollbar}/scrollbar-core/scrollbar-width.d.ts +0 -0
package/lib/table/table.css
CHANGED
@@ -19,7 +19,7 @@
|
|
19
19
|
position: relative;
|
20
20
|
overflow: hidden;
|
21
21
|
}
|
22
|
-
.bk-scrollbar-wrapper .bk-
|
22
|
+
.bk-scrollbar-wrapper .bk-scrollbar-content-el {
|
23
23
|
display: inline-flex;
|
24
24
|
flex-direction: column;
|
25
25
|
}
|
@@ -40,12 +40,12 @@
|
|
40
40
|
}
|
41
41
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
|
42
42
|
top: 0;
|
43
|
-
width:
|
43
|
+
width: 8px;
|
44
44
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
45
45
|
}
|
46
46
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
|
47
47
|
left: 0;
|
48
|
-
height:
|
48
|
+
height: 8px;
|
49
49
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
50
50
|
}
|
51
51
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
|
@@ -54,7 +54,7 @@
|
|
54
54
|
top: 0;
|
55
55
|
bottom: 0;
|
56
56
|
min-height: 0;
|
57
|
-
min-width:
|
57
|
+
min-width: 8px;
|
58
58
|
width: auto;
|
59
59
|
}
|
60
60
|
.bk-scrollbar-wrapper .bk-scrollbar-dragging {
|
@@ -70,22 +70,22 @@
|
|
70
70
|
position: absolute;
|
71
71
|
left: 0;
|
72
72
|
right: 0;
|
73
|
-
min-height:
|
73
|
+
min-height: 8px;
|
74
74
|
}
|
75
75
|
.bk-scrollbar-wrapper .bk-scrollbar::before {
|
76
76
|
position: absolute;
|
77
77
|
content: '';
|
78
|
-
background: #
|
79
|
-
border-radius:
|
80
|
-
left:
|
81
|
-
right:
|
82
|
-
top:
|
83
|
-
bottom:
|
78
|
+
background: #DCDEE5;
|
79
|
+
border-radius: 6px;
|
80
|
+
left: 1px;
|
81
|
+
right: 1px;
|
82
|
+
top: 1px;
|
83
|
+
bottom: 1px;
|
84
84
|
opacity: 0;
|
85
|
-
transition: opacity 0.2s 0.
|
85
|
+
transition: opacity 0.2s 0.9s linear;
|
86
86
|
}
|
87
87
|
.bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
|
88
|
-
opacity: 0.
|
88
|
+
opacity: 0.9;
|
89
89
|
transition-delay: 0s;
|
90
90
|
transition-duration: 0s;
|
91
91
|
}
|
@@ -1387,6 +1387,7 @@
|
|
1387
1387
|
width: 100%;
|
1388
1388
|
height: var(--footer-height);
|
1389
1389
|
align-items: center;
|
1390
|
+
padding: 0 16px 0 22px;
|
1390
1391
|
}
|
1391
1392
|
.bk-table .bk-table-footer.is-hidden {
|
1392
1393
|
display: none;
|
package/lib/table/table.less
CHANGED
@@ -356,6 +356,7 @@
|
|
356
356
|
width: 100%;
|
357
357
|
height: var(--footer-height);
|
358
358
|
align-items: center;
|
359
|
+
padding: 0 16px 0 22px;
|
359
360
|
|
360
361
|
&.is-hidden {
|
361
362
|
display: none;
|
@@ -458,7 +459,6 @@
|
|
458
459
|
right: 0;
|
459
460
|
bottom: var(--footer-height);
|
460
461
|
left: 0;
|
461
|
-
// height: var(--fix-height);
|
462
462
|
pointer-events: none;
|
463
463
|
|
464
464
|
.column_fixed {
|
@@ -517,4 +517,4 @@
|
|
517
517
|
.stripe-row {
|
518
518
|
background: #fafbfd;
|
519
519
|
}
|
520
|
-
}
|
520
|
+
}
|
@@ -148,7 +148,7 @@
|
|
148
148
|
position: relative;
|
149
149
|
overflow: hidden;
|
150
150
|
}
|
151
|
-
.bk-scrollbar-wrapper .bk-
|
151
|
+
.bk-scrollbar-wrapper .bk-scrollbar-content-el {
|
152
152
|
display: inline-flex;
|
153
153
|
flex-direction: column;
|
154
154
|
}
|
@@ -169,12 +169,12 @@
|
|
169
169
|
}
|
170
170
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
|
171
171
|
top: 0;
|
172
|
-
width:
|
172
|
+
width: 8px;
|
173
173
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
174
174
|
}
|
175
175
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
|
176
176
|
left: 0;
|
177
|
-
height:
|
177
|
+
height: 8px;
|
178
178
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
179
179
|
}
|
180
180
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
|
@@ -183,7 +183,7 @@
|
|
183
183
|
top: 0;
|
184
184
|
bottom: 0;
|
185
185
|
min-height: 0;
|
186
|
-
min-width:
|
186
|
+
min-width: 8px;
|
187
187
|
width: auto;
|
188
188
|
}
|
189
189
|
.bk-scrollbar-wrapper .bk-scrollbar-dragging {
|
@@ -199,22 +199,22 @@
|
|
199
199
|
position: absolute;
|
200
200
|
left: 0;
|
201
201
|
right: 0;
|
202
|
-
min-height:
|
202
|
+
min-height: 8px;
|
203
203
|
}
|
204
204
|
.bk-scrollbar-wrapper .bk-scrollbar::before {
|
205
205
|
position: absolute;
|
206
206
|
content: '';
|
207
|
-
background: #
|
208
|
-
border-radius:
|
209
|
-
left:
|
210
|
-
right:
|
211
|
-
top:
|
212
|
-
bottom:
|
207
|
+
background: #DCDEE5;
|
208
|
+
border-radius: 6px;
|
209
|
+
left: 1px;
|
210
|
+
right: 1px;
|
211
|
+
top: 1px;
|
212
|
+
bottom: 1px;
|
213
213
|
opacity: 0;
|
214
|
-
transition: opacity 0.2s 0.
|
214
|
+
transition: opacity 0.2s 0.9s linear;
|
215
215
|
}
|
216
216
|
.bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
|
217
|
-
opacity: 0.
|
217
|
+
opacity: 0.9;
|
218
218
|
transition-delay: 0s;
|
219
219
|
transition-duration: 0s;
|
220
220
|
}
|
@@ -1516,6 +1516,7 @@
|
|
1516
1516
|
width: 100%;
|
1517
1517
|
height: var(--footer-height);
|
1518
1518
|
align-items: center;
|
1519
|
+
padding: 0 16px 0 22px;
|
1519
1520
|
}
|
1520
1521
|
.bk-table .bk-table-footer.is-hidden {
|
1521
1522
|
display: none;
|
@@ -56,6 +56,7 @@ declare const tableSchemaResponse: (props: TablePropTypes) => {
|
|
56
56
|
localPagination: import("vue").Ref<any>;
|
57
57
|
formatData: ITableFormatData;
|
58
58
|
setIndexData: () => Promise<void>;
|
59
|
+
getFilterFnList: () => any[];
|
59
60
|
};
|
60
61
|
export type ITableResponse = ReturnType<typeof tableSchemaResponse>;
|
61
62
|
export default tableSchemaResponse;
|
package/lib/timeline/index.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import "../styles/reset.css";
|
2
|
+
import "./timeline.less";
|
2
3
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
|
3
4
|
import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
|
4
5
|
import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
|
package/lib/tree/tree.css
CHANGED
@@ -19,7 +19,7 @@
|
|
19
19
|
position: relative;
|
20
20
|
overflow: hidden;
|
21
21
|
}
|
22
|
-
.bk-scrollbar-wrapper .bk-
|
22
|
+
.bk-scrollbar-wrapper .bk-scrollbar-content-el {
|
23
23
|
display: inline-flex;
|
24
24
|
flex-direction: column;
|
25
25
|
}
|
@@ -40,12 +40,12 @@
|
|
40
40
|
}
|
41
41
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
|
42
42
|
top: 0;
|
43
|
-
width:
|
43
|
+
width: 8px;
|
44
44
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
45
45
|
}
|
46
46
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
|
47
47
|
left: 0;
|
48
|
-
height:
|
48
|
+
height: 8px;
|
49
49
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
50
50
|
}
|
51
51
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
|
@@ -54,7 +54,7 @@
|
|
54
54
|
top: 0;
|
55
55
|
bottom: 0;
|
56
56
|
min-height: 0;
|
57
|
-
min-width:
|
57
|
+
min-width: 8px;
|
58
58
|
width: auto;
|
59
59
|
}
|
60
60
|
.bk-scrollbar-wrapper .bk-scrollbar-dragging {
|
@@ -70,22 +70,22 @@
|
|
70
70
|
position: absolute;
|
71
71
|
left: 0;
|
72
72
|
right: 0;
|
73
|
-
min-height:
|
73
|
+
min-height: 8px;
|
74
74
|
}
|
75
75
|
.bk-scrollbar-wrapper .bk-scrollbar::before {
|
76
76
|
position: absolute;
|
77
77
|
content: '';
|
78
|
-
background: #
|
79
|
-
border-radius:
|
80
|
-
left:
|
81
|
-
right:
|
82
|
-
top:
|
83
|
-
bottom:
|
78
|
+
background: #DCDEE5;
|
79
|
+
border-radius: 6px;
|
80
|
+
left: 1px;
|
81
|
+
right: 1px;
|
82
|
+
top: 1px;
|
83
|
+
bottom: 1px;
|
84
84
|
opacity: 0;
|
85
|
-
transition: opacity 0.2s 0.
|
85
|
+
transition: opacity 0.2s 0.9s linear;
|
86
86
|
}
|
87
87
|
.bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
|
88
|
-
opacity: 0.
|
88
|
+
opacity: 0.9;
|
89
89
|
transition-delay: 0s;
|
90
90
|
transition-duration: 0s;
|
91
91
|
}
|
@@ -148,7 +148,7 @@
|
|
148
148
|
position: relative;
|
149
149
|
overflow: hidden;
|
150
150
|
}
|
151
|
-
.bk-scrollbar-wrapper .bk-
|
151
|
+
.bk-scrollbar-wrapper .bk-scrollbar-content-el {
|
152
152
|
display: inline-flex;
|
153
153
|
flex-direction: column;
|
154
154
|
}
|
@@ -169,12 +169,12 @@
|
|
169
169
|
}
|
170
170
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-vertical {
|
171
171
|
top: 0;
|
172
|
-
width:
|
172
|
+
width: 8px;
|
173
173
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
174
174
|
}
|
175
175
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal {
|
176
176
|
left: 0;
|
177
|
-
height:
|
177
|
+
height: 8px;
|
178
178
|
transform: translate(var(--scroll-offset-x), var(--scroll-offset-y));
|
179
179
|
}
|
180
180
|
.bk-scrollbar-wrapper .bk-scrollbar-track.bk-scrollbar-horizontal.bk-scrollbar {
|
@@ -183,7 +183,7 @@
|
|
183
183
|
top: 0;
|
184
184
|
bottom: 0;
|
185
185
|
min-height: 0;
|
186
|
-
min-width:
|
186
|
+
min-width: 8px;
|
187
187
|
width: auto;
|
188
188
|
}
|
189
189
|
.bk-scrollbar-wrapper .bk-scrollbar-dragging {
|
@@ -199,22 +199,22 @@
|
|
199
199
|
position: absolute;
|
200
200
|
left: 0;
|
201
201
|
right: 0;
|
202
|
-
min-height:
|
202
|
+
min-height: 8px;
|
203
203
|
}
|
204
204
|
.bk-scrollbar-wrapper .bk-scrollbar::before {
|
205
205
|
position: absolute;
|
206
206
|
content: '';
|
207
|
-
background: #
|
208
|
-
border-radius:
|
209
|
-
left:
|
210
|
-
right:
|
211
|
-
top:
|
212
|
-
bottom:
|
207
|
+
background: #DCDEE5;
|
208
|
+
border-radius: 6px;
|
209
|
+
left: 1px;
|
210
|
+
right: 1px;
|
211
|
+
top: 1px;
|
212
|
+
bottom: 1px;
|
213
213
|
opacity: 0;
|
214
|
-
transition: opacity 0.2s 0.
|
214
|
+
transition: opacity 0.2s 0.9s linear;
|
215
215
|
}
|
216
216
|
.bk-scrollbar-wrapper .bk-scrollbar.bk-scrollbar-visible::before {
|
217
|
-
opacity: 0.
|
217
|
+
opacity: 0.9;
|
218
218
|
transition-delay: 0s;
|
219
219
|
transition-duration: 0s;
|
220
220
|
}
|
package/lib/upload/index.d.ts
CHANGED
@@ -84,6 +84,9 @@ declare const Upload: {
|
|
84
84
|
default: string;
|
85
85
|
};
|
86
86
|
customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
|
87
|
+
selectChange: {
|
88
|
+
type: import("vue").PropType<(event: Event) => boolean | void>;
|
89
|
+
};
|
87
90
|
beforeUpload: {
|
88
91
|
type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
|
89
92
|
};
|
@@ -198,6 +201,9 @@ declare const Upload: {
|
|
198
201
|
default: string;
|
199
202
|
};
|
200
203
|
customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
|
204
|
+
selectChange: {
|
205
|
+
type: import("vue").PropType<(event: Event) => boolean | void>;
|
206
|
+
};
|
201
207
|
beforeUpload: {
|
202
208
|
type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
|
203
209
|
};
|
@@ -341,6 +347,9 @@ declare const Upload: {
|
|
341
347
|
default: string;
|
342
348
|
};
|
343
349
|
customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
|
350
|
+
selectChange: {
|
351
|
+
type: import("vue").PropType<(event: Event) => boolean | void>;
|
352
|
+
};
|
344
353
|
beforeUpload: {
|
345
354
|
type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
|
346
355
|
};
|
@@ -481,6 +490,9 @@ declare const Upload: {
|
|
481
490
|
default: string;
|
482
491
|
};
|
483
492
|
customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
|
493
|
+
selectChange: {
|
494
|
+
type: import("vue").PropType<(event: Event) => boolean | void>;
|
495
|
+
};
|
484
496
|
beforeUpload: {
|
485
497
|
type: import("vue").PropType<(file: import("./upload.type").UploadRawFile) => boolean | Promise<boolean>>;
|
486
498
|
};
|
package/lib/upload/index.js
CHANGED
@@ -1431,6 +1431,9 @@ var themes = [EThemes.BUTTON, EThemes.DRAGGABLE, EThemes.PICTURE];
|
|
1431
1431
|
"default": ''
|
1432
1432
|
},
|
1433
1433
|
customRequest: Function,
|
1434
|
+
selectChange: {
|
1435
|
+
type: Function
|
1436
|
+
},
|
1434
1437
|
beforeUpload: {
|
1435
1438
|
type: Function
|
1436
1439
|
},
|
@@ -1796,7 +1799,8 @@ const button_less_namespaceObject = button_less_x({ });
|
|
1796
1799
|
accept: props.accept,
|
1797
1800
|
file: {
|
1798
1801
|
type: Object
|
1799
|
-
}
|
1802
|
+
},
|
1803
|
+
selectChange: props.selectChange
|
1800
1804
|
},
|
1801
1805
|
emits: ['change', 'remove'],
|
1802
1806
|
setup: function setup(props, _ref) {
|
@@ -1835,6 +1839,10 @@ const button_less_namespaceObject = button_less_x({ });
|
|
1835
1839
|
inputEl.value.click();
|
1836
1840
|
};
|
1837
1841
|
var handleFileChange = function handleFileChange(e) {
|
1842
|
+
var _props$selectChange;
|
1843
|
+
if (props.selectChange && ((_props$selectChange = props.selectChange) === null || _props$selectChange === void 0 ? void 0 : _props$selectChange.call(props, e)) === false) {
|
1844
|
+
return false;
|
1845
|
+
}
|
1838
1846
|
var files = e.target.files;
|
1839
1847
|
emit('change', Array.from(files));
|
1840
1848
|
};
|
@@ -1861,39 +1869,17 @@ const button_less_namespaceObject = button_less_x({ });
|
|
1861
1869
|
var dragover = (0,external_vue_namespaceObject.ref)(false);
|
1862
1870
|
var Dragger = function Dragger() {
|
1863
1871
|
var handleDrop = function handleDrop(e) {
|
1872
|
+
var _props$selectChange2;
|
1864
1873
|
if (disabled.value) {
|
1865
1874
|
return;
|
1866
1875
|
}
|
1867
1876
|
e.preventDefault();
|
1868
1877
|
dragover.value = false;
|
1869
|
-
|
1870
|
-
|
1871
|
-
emit('change', files);
|
1872
|
-
return;
|
1878
|
+
if (props.selectChange && ((_props$selectChange2 = props.selectChange) === null || _props$selectChange2 === void 0 ? void 0 : _props$selectChange2.call(props, e)) === false) {
|
1879
|
+
return false;
|
1873
1880
|
}
|
1874
|
-
var
|
1875
|
-
|
1876
|
-
name = file.name;
|
1877
|
-
var extension = name.includes('.') ? ".".concat(name.split('.').pop()) : '';
|
1878
|
-
var baseType = type.replace(/\/.*$/, '');
|
1879
|
-
return acceptTypes.value.split(',').map(function (type) {
|
1880
|
-
return type.trim();
|
1881
|
-
}).filter(function (type) {
|
1882
|
-
return type;
|
1883
|
-
}).some(function (acceptedType) {
|
1884
|
-
if (acceptedType.startsWith('.')) {
|
1885
|
-
return extension === acceptedType;
|
1886
|
-
}
|
1887
|
-
if (/\/\*$/.test(acceptedType)) {
|
1888
|
-
return baseType === acceptedType.replace(/\/\*$/, '');
|
1889
|
-
}
|
1890
|
-
if (/^[^/]+\/[^/]+$/.test(acceptedType)) {
|
1891
|
-
return type === acceptedType;
|
1892
|
-
}
|
1893
|
-
return false;
|
1894
|
-
});
|
1895
|
-
});
|
1896
|
-
emit('change', filesFiltered);
|
1881
|
+
var files = Array.from(e.dataTransfer.files);
|
1882
|
+
emit('change', files);
|
1897
1883
|
};
|
1898
1884
|
var handleDragover = function handleDragover(e) {
|
1899
1885
|
e.preventDefault();
|
@@ -2639,7 +2625,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
|
|
2639
2625
|
theme: props.theme,
|
2640
2626
|
multiple: props.multiple,
|
2641
2627
|
disabled: props.disabled,
|
2642
|
-
accept: props.accept
|
2628
|
+
accept: props.accept,
|
2629
|
+
selectChange: props.selectChange
|
2643
2630
|
};
|
2644
2631
|
});
|
2645
2632
|
function onRemove(file, fileList) {
|
@@ -2660,10 +2647,14 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
|
|
2660
2647
|
return;
|
2661
2648
|
}
|
2662
2649
|
// limit检查
|
2663
|
-
if (props.limit && fileList.value.length + files.length > props.limit) {
|
2650
|
+
if (props.limit > 1 && fileList.value.length + files.length > props.limit) {
|
2664
2651
|
emit('exceed', files, fileList.value);
|
2665
2652
|
return;
|
2666
2653
|
}
|
2654
|
+
// 限制1个时使用替换方式,将之前的列表清空
|
2655
|
+
if (!props.multiple && props.limit === 1) {
|
2656
|
+
fileList.value = [];
|
2657
|
+
}
|
2667
2658
|
var sendFiles = files;
|
2668
2659
|
if (!props.multiple || props.limit === 1) {
|
2669
2660
|
sendFiles = files.slice(0, 1);
|
package/lib/upload/props.d.ts
CHANGED
@@ -85,6 +85,9 @@ declare const _default: {
|
|
85
85
|
default: string;
|
86
86
|
};
|
87
87
|
customRequest: PropType<UploadRequestHandler>;
|
88
|
+
selectChange: {
|
89
|
+
type: PropType<(event: Event) => boolean | void>;
|
90
|
+
};
|
88
91
|
beforeUpload: {
|
89
92
|
type: PropType<(file: UploadRawFile) => Promise<boolean> | boolean>;
|
90
93
|
};
|
@@ -20,6 +20,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
20
20
|
file: {
|
21
21
|
type: PropType<UploadFile>;
|
22
22
|
};
|
23
|
+
selectChange: {
|
24
|
+
type: PropType<(event: Event) => boolean | void>;
|
25
|
+
};
|
23
26
|
}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "remove")[], "change" | "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
24
27
|
theme: {
|
25
28
|
type: PropType<"button" | "picture" | "draggable">;
|
@@ -40,6 +43,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
40
43
|
file: {
|
41
44
|
type: PropType<UploadFile>;
|
42
45
|
};
|
46
|
+
selectChange: {
|
47
|
+
type: PropType<(event: Event) => boolean | void>;
|
48
|
+
};
|
43
49
|
}>> & {
|
44
50
|
onChange?: (...args: any[]) => any;
|
45
51
|
onRemove?: (...args: any[]) => any;
|
package/lib/upload/upload.d.ts
CHANGED
@@ -84,6 +84,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
84
84
|
default: string;
|
85
85
|
};
|
86
86
|
customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
|
87
|
+
selectChange: {
|
88
|
+
type: import("vue").PropType<(event: Event) => boolean | void>;
|
89
|
+
};
|
87
90
|
beforeUpload: {
|
88
91
|
type: import("vue").PropType<(file: UploadRawFile) => boolean | Promise<boolean>>;
|
89
92
|
};
|
@@ -191,6 +194,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
191
194
|
default: string;
|
192
195
|
};
|
193
196
|
customRequest: import("vue").PropType<import("./upload.type").UploadRequestHandler>;
|
197
|
+
selectChange: {
|
198
|
+
type: import("vue").PropType<(event: Event) => boolean | void>;
|
199
|
+
};
|
194
200
|
beforeUpload: {
|
195
201
|
type: import("vue").PropType<(file: UploadRawFile) => boolean | Promise<boolean>>;
|
196
202
|
};
|