@varlet/ui 2.6.2 → 2.6.3
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/es/app-bar/appBar.css +1 -1
- package/es/index-bar/IndexBar.js +43 -19
- package/es/slider/Slider.js +1 -8
- package/es/slider/props.js +7 -0
- package/es/snackbar/style/index.js +1 -1
- package/es/style.css +1 -1
- package/es/swipe/Swipe.js +27 -10
- package/es/varlet.esm.js +1784 -1763
- package/highlight/web-types.json +1 -1
- package/lib/app-bar/appBar.css +1 -1
- package/lib/index-bar/IndexBar.js +43 -19
- package/lib/slider/Slider.js +17 -23
- package/lib/slider/props.js +9 -1
- package/lib/snackbar/style/index.js +1 -1
- package/lib/style.css +1 -1
- package/lib/swipe/Swipe.js +27 -10
- package/package.json +5 -5
- package/types/indexBar.d.ts +5 -1
- package/types/swipe.d.ts +7 -3
- package/umd/varlet.js +7 -7
package/lib/swipe/Swipe.js
CHANGED
|
@@ -116,17 +116,17 @@ var _default = (0, _vue.defineComponent)({
|
|
|
116
116
|
var dispatchBorrower = () => {
|
|
117
117
|
if (!props.loop) {
|
|
118
118
|
return;
|
|
119
|
-
} // track
|
|
119
|
+
} // track out of bounds from left
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
if (translate.value >= 0) {
|
|
123
123
|
findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
|
|
124
|
-
} // track
|
|
124
|
+
} // track out of bounds from right
|
|
125
125
|
|
|
126
126
|
|
|
127
127
|
if (translate.value <= -(trackSize.value - size.value)) {
|
|
128
128
|
findSwipeItem(0).setTranslate(trackSize.value);
|
|
129
|
-
} // track
|
|
129
|
+
} // track not out of bounds
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
if (translate.value > -(trackSize.value - size.value) && translate.value < 0) {
|
|
@@ -313,6 +313,10 @@ var _default = (0, _vue.defineComponent)({
|
|
|
313
313
|
|
|
314
314
|
|
|
315
315
|
var resize = () => {
|
|
316
|
+
if (!swipeEl.value) {
|
|
317
|
+
return;
|
|
318
|
+
}
|
|
319
|
+
|
|
316
320
|
lockDuration.value = true;
|
|
317
321
|
size.value = props.vertical ? swipeEl.value.offsetHeight : swipeEl.value.offsetWidth;
|
|
318
322
|
trackSize.value = size.value * length.value;
|
|
@@ -327,7 +331,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
327
331
|
}; // expose
|
|
328
332
|
|
|
329
333
|
|
|
330
|
-
var next =
|
|
334
|
+
var next = options => {
|
|
331
335
|
if (length.value <= 1) {
|
|
332
336
|
return;
|
|
333
337
|
}
|
|
@@ -338,7 +342,11 @@ var _default = (0, _vue.defineComponent)({
|
|
|
338
342
|
} = props;
|
|
339
343
|
var currentIndex = index.value;
|
|
340
344
|
index.value = boundaryIndex(currentIndex + 1);
|
|
341
|
-
|
|
345
|
+
|
|
346
|
+
if ((options == null ? void 0 : options.event) !== false) {
|
|
347
|
+
(0, _components.call)(onChange, index.value);
|
|
348
|
+
}
|
|
349
|
+
|
|
342
350
|
fixPosition(() => {
|
|
343
351
|
if (currentIndex === length.value - 1 && loop) {
|
|
344
352
|
findSwipeItem(0).setTranslate(trackSize.value);
|
|
@@ -353,7 +361,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
353
361
|
}; // expose
|
|
354
362
|
|
|
355
363
|
|
|
356
|
-
var prev =
|
|
364
|
+
var prev = options => {
|
|
357
365
|
if (length.value <= 1) {
|
|
358
366
|
return;
|
|
359
367
|
}
|
|
@@ -364,7 +372,11 @@ var _default = (0, _vue.defineComponent)({
|
|
|
364
372
|
} = props;
|
|
365
373
|
var currentIndex = index.value;
|
|
366
374
|
index.value = boundaryIndex(currentIndex - 1);
|
|
367
|
-
|
|
375
|
+
|
|
376
|
+
if ((options == null ? void 0 : options.event) !== false) {
|
|
377
|
+
(0, _components.call)(onChange, index.value);
|
|
378
|
+
}
|
|
379
|
+
|
|
368
380
|
fixPosition(() => {
|
|
369
381
|
if (currentIndex === 0 && loop) {
|
|
370
382
|
findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
|
|
@@ -379,7 +391,7 @@ var _default = (0, _vue.defineComponent)({
|
|
|
379
391
|
}; // expose
|
|
380
392
|
|
|
381
393
|
|
|
382
|
-
var to = idx => {
|
|
394
|
+
var to = (idx, options) => {
|
|
383
395
|
if (length.value <= 1 || idx === index.value) {
|
|
384
396
|
return;
|
|
385
397
|
}
|
|
@@ -387,9 +399,14 @@ var _default = (0, _vue.defineComponent)({
|
|
|
387
399
|
idx = idx < 0 ? 0 : idx;
|
|
388
400
|
idx = idx >= length.value ? length.value : idx;
|
|
389
401
|
var task = idx > index.value ? next : prev;
|
|
402
|
+
var count = Math.abs(idx - index.value);
|
|
390
403
|
Array.from({
|
|
391
|
-
length:
|
|
392
|
-
}).forEach(
|
|
404
|
+
length: count
|
|
405
|
+
}).forEach((_, index) => {
|
|
406
|
+
task({
|
|
407
|
+
event: index === count - 1 ? options == null ? void 0 : options.event : false
|
|
408
|
+
});
|
|
409
|
+
});
|
|
393
410
|
};
|
|
394
411
|
|
|
395
412
|
var swipeProvider = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@varlet/ui",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.3",
|
|
4
4
|
"description": "A material like components library",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"@popperjs/core": "^2.11.6",
|
|
48
48
|
"dayjs": "^1.10.4",
|
|
49
49
|
"decimal.js": "^10.2.1",
|
|
50
|
-
"@varlet/
|
|
51
|
-
"@varlet/
|
|
50
|
+
"@varlet/icons": "2.6.3",
|
|
51
|
+
"@varlet/shared": "2.6.3"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
54
|
"@types/jest": "^26.0.15",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"typescript": "^4.4.4",
|
|
64
64
|
"vue": "3.2.25",
|
|
65
65
|
"vue-router": "4.0.12",
|
|
66
|
-
"@varlet/
|
|
67
|
-
"@varlet/
|
|
66
|
+
"@varlet/cli": "2.6.3",
|
|
67
|
+
"@varlet/touch-emulator": "2.6.3"
|
|
68
68
|
},
|
|
69
69
|
"browserslist": [
|
|
70
70
|
"Chrome >= 54",
|
package/types/indexBar.d.ts
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
|
|
2
2
|
import { VNode } from 'vue'
|
|
3
3
|
|
|
4
|
+
export interface IndexBarScrollToOptions {
|
|
5
|
+
event?: boolean
|
|
6
|
+
}
|
|
7
|
+
|
|
4
8
|
export interface IndexBarProps extends BasicAttributes {
|
|
5
9
|
sticky?: boolean
|
|
6
10
|
stickyOffsetTop?: number | string
|
|
@@ -20,7 +24,7 @@ export class IndexBar extends VarComponent {
|
|
|
20
24
|
default(): VNode[]
|
|
21
25
|
}
|
|
22
26
|
|
|
23
|
-
scrollTo: (index: number | string) => void
|
|
27
|
+
scrollTo: (index: number | string, options?: IndexBarScrollToOptions) => void
|
|
24
28
|
}
|
|
25
29
|
|
|
26
30
|
export class _IndexBarComponent extends IndexBar {}
|
package/types/swipe.d.ts
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
|
|
2
2
|
import { VNode } from 'vue'
|
|
3
3
|
|
|
4
|
+
export interface SwipeToOptions {
|
|
5
|
+
event?: boolean
|
|
6
|
+
}
|
|
7
|
+
|
|
4
8
|
export interface SwipeProps extends BasicAttributes {
|
|
5
9
|
loop?: boolean
|
|
6
10
|
autoplay?: string | number
|
|
@@ -28,11 +32,11 @@ export class Swipe extends VarComponent {
|
|
|
28
32
|
|
|
29
33
|
resize(): void
|
|
30
34
|
|
|
31
|
-
prev(): void
|
|
35
|
+
prev(options?: SwipeToOptions): void
|
|
32
36
|
|
|
33
|
-
next(): void
|
|
37
|
+
next(options?: SwipeToOptions): void
|
|
34
38
|
|
|
35
|
-
to(index: number): void
|
|
39
|
+
to(index: number, options?: SwipeToOptions): void
|
|
36
40
|
}
|
|
37
41
|
|
|
38
42
|
export class _SwipeComponent extends Swipe {}
|