@v-c/slick 0.0.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/LICENSE +21 -0
- package/dist/Arrows.cjs +186 -0
- package/dist/Arrows.d.ts +14 -0
- package/dist/Arrows.js +184 -0
- package/dist/Dots.cjs +124 -0
- package/dist/Dots.d.ts +17 -0
- package/dist/Dots.js +119 -0
- package/dist/InnerSlider.cjs +917 -0
- package/dist/InnerSlider.d.ts +3 -0
- package/dist/InnerSlider.js +912 -0
- package/dist/Slider.cjs +452 -0
- package/dist/Slider.d.ts +3 -0
- package/dist/Slider.js +447 -0
- package/dist/Track.cjs +314 -0
- package/dist/Track.d.ts +3 -0
- package/dist/Track.js +309 -0
- package/dist/default-props.cjs +62 -0
- package/dist/default-props.d.ts +3 -0
- package/dist/default-props.js +57 -0
- package/dist/index.cjs +7 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +3 -0
- package/dist/initial-state.cjs +36 -0
- package/dist/initial-state.d.ts +3 -0
- package/dist/initial-state.js +31 -0
- package/dist/interface.cjs +1 -0
- package/dist/interface.d.ts +146 -0
- package/dist/interface.js +0 -0
- package/dist/utils/innerSliderUtils.cjs +602 -0
- package/dist/utils/innerSliderUtils.d.ts +69 -0
- package/dist/utils/innerSliderUtils.js +566 -0
- package/package.json +38 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { createVNode } from "vue";
|
|
2
|
+
var default_props_default = {
|
|
3
|
+
accessibility: true,
|
|
4
|
+
adaptiveHeight: false,
|
|
5
|
+
afterChange: null,
|
|
6
|
+
appendDots: (dots) => createVNode("ul", { "style": { display: "block" } }, [dots]),
|
|
7
|
+
arrows: true,
|
|
8
|
+
autoplay: false,
|
|
9
|
+
autoplaySpeed: 3e3,
|
|
10
|
+
beforeChange: null,
|
|
11
|
+
centerMode: false,
|
|
12
|
+
centerPadding: "50px",
|
|
13
|
+
className: "",
|
|
14
|
+
cssEase: "ease",
|
|
15
|
+
customPaging: (i) => createVNode("button", null, [i + 1]),
|
|
16
|
+
dots: false,
|
|
17
|
+
dotsClass: "slick-dots",
|
|
18
|
+
draggable: true,
|
|
19
|
+
easing: "linear",
|
|
20
|
+
edgeFriction: .35,
|
|
21
|
+
fade: false,
|
|
22
|
+
focusOnSelect: false,
|
|
23
|
+
infinite: true,
|
|
24
|
+
initialSlide: 0,
|
|
25
|
+
lazyLoad: null,
|
|
26
|
+
nextArrow: null,
|
|
27
|
+
onEdge: null,
|
|
28
|
+
onInit: null,
|
|
29
|
+
onLazyLoadError: null,
|
|
30
|
+
onReInit: null,
|
|
31
|
+
pauseOnDotsHover: false,
|
|
32
|
+
pauseOnFocus: false,
|
|
33
|
+
pauseOnHover: true,
|
|
34
|
+
prevArrow: null,
|
|
35
|
+
responsive: null,
|
|
36
|
+
rows: 1,
|
|
37
|
+
rtl: false,
|
|
38
|
+
slide: "div",
|
|
39
|
+
slidesPerRow: 1,
|
|
40
|
+
slidesToScroll: 1,
|
|
41
|
+
slidesToShow: 1,
|
|
42
|
+
speed: 500,
|
|
43
|
+
swipe: true,
|
|
44
|
+
swipeEvent: null,
|
|
45
|
+
swipeToSlide: false,
|
|
46
|
+
touchMove: true,
|
|
47
|
+
touchThreshold: 5,
|
|
48
|
+
useCSS: true,
|
|
49
|
+
useTransform: true,
|
|
50
|
+
variableWidth: false,
|
|
51
|
+
vertical: false,
|
|
52
|
+
verticalSwiping: false,
|
|
53
|
+
waitForAnimate: true,
|
|
54
|
+
asNavFor: null,
|
|
55
|
+
unslick: false
|
|
56
|
+
};
|
|
57
|
+
export { default_props_default as default };
|
package/dist/index.cjs
ADDED
package/dist/index.d.ts
ADDED
package/dist/index.js
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
Object.defineProperties(exports, {
|
|
2
|
+
__esModule: { value: true },
|
|
3
|
+
[Symbol.toStringTag]: { value: "Module" }
|
|
4
|
+
});
|
|
5
|
+
var initialState = {
|
|
6
|
+
animating: false,
|
|
7
|
+
autoplaying: null,
|
|
8
|
+
currentDirection: 0,
|
|
9
|
+
currentLeft: null,
|
|
10
|
+
currentSlide: 0,
|
|
11
|
+
direction: 1,
|
|
12
|
+
dragging: false,
|
|
13
|
+
edgeDragged: false,
|
|
14
|
+
initialized: false,
|
|
15
|
+
lazyLoadedList: [],
|
|
16
|
+
listHeight: null,
|
|
17
|
+
listWidth: null,
|
|
18
|
+
scrolling: false,
|
|
19
|
+
slideCount: 0,
|
|
20
|
+
slideHeight: null,
|
|
21
|
+
slideWidth: null,
|
|
22
|
+
swipeLeft: null,
|
|
23
|
+
swiped: false,
|
|
24
|
+
swiping: false,
|
|
25
|
+
touchObject: {
|
|
26
|
+
startX: 0,
|
|
27
|
+
startY: 0,
|
|
28
|
+
curX: 0,
|
|
29
|
+
curY: 0
|
|
30
|
+
},
|
|
31
|
+
trackStyle: {},
|
|
32
|
+
trackWidth: 0,
|
|
33
|
+
targetSlide: 0
|
|
34
|
+
};
|
|
35
|
+
var initial_state_default = initialState;
|
|
36
|
+
exports.default = initial_state_default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
var initial_state_default = {
|
|
2
|
+
animating: false,
|
|
3
|
+
autoplaying: null,
|
|
4
|
+
currentDirection: 0,
|
|
5
|
+
currentLeft: null,
|
|
6
|
+
currentSlide: 0,
|
|
7
|
+
direction: 1,
|
|
8
|
+
dragging: false,
|
|
9
|
+
edgeDragged: false,
|
|
10
|
+
initialized: false,
|
|
11
|
+
lazyLoadedList: [],
|
|
12
|
+
listHeight: null,
|
|
13
|
+
listWidth: null,
|
|
14
|
+
scrolling: false,
|
|
15
|
+
slideCount: 0,
|
|
16
|
+
slideHeight: null,
|
|
17
|
+
slideWidth: null,
|
|
18
|
+
swipeLeft: null,
|
|
19
|
+
swiped: false,
|
|
20
|
+
swiping: false,
|
|
21
|
+
touchObject: {
|
|
22
|
+
startX: 0,
|
|
23
|
+
startY: 0,
|
|
24
|
+
curX: 0,
|
|
25
|
+
curY: 0
|
|
26
|
+
},
|
|
27
|
+
trackStyle: {},
|
|
28
|
+
trackWidth: 0,
|
|
29
|
+
targetSlide: 0
|
|
30
|
+
};
|
|
31
|
+
export { initial_state_default as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { CSSProperties, Ref, VNodeChild } from 'vue';
|
|
2
|
+
export type LazyLoadType = 'ondemand' | 'progressive' | boolean | null;
|
|
3
|
+
export interface SlickProps {
|
|
4
|
+
accessibility?: boolean;
|
|
5
|
+
adaptiveHeight?: boolean;
|
|
6
|
+
afterChange?: ((currentSlide: number) => void) | null;
|
|
7
|
+
appendDots?: (dots: VNodeChild[]) => VNodeChild;
|
|
8
|
+
arrows?: boolean;
|
|
9
|
+
autoplay?: boolean;
|
|
10
|
+
autoplaySpeed?: number;
|
|
11
|
+
beforeChange?: ((currentSlide: number, nextSlide: number) => void) | null;
|
|
12
|
+
centerMode?: boolean;
|
|
13
|
+
centerPadding?: string;
|
|
14
|
+
className?: string;
|
|
15
|
+
cssEase?: string;
|
|
16
|
+
customPaging?: (index: number) => VNodeChild;
|
|
17
|
+
dots?: boolean;
|
|
18
|
+
dotsClass?: string;
|
|
19
|
+
draggable?: boolean;
|
|
20
|
+
easing?: string;
|
|
21
|
+
edgeFriction?: number;
|
|
22
|
+
fade?: boolean;
|
|
23
|
+
focusOnSelect?: boolean;
|
|
24
|
+
infinite?: boolean;
|
|
25
|
+
initialSlide?: number;
|
|
26
|
+
lazyLoad?: LazyLoadType;
|
|
27
|
+
nextArrow?: VNodeChild;
|
|
28
|
+
onEdge?: ((direction: string) => void) | null;
|
|
29
|
+
onInit?: (() => void) | null;
|
|
30
|
+
onLazyLoad?: ((slidesToLoad: number[]) => void) | null;
|
|
31
|
+
onLazyLoadError?: (() => void) | null;
|
|
32
|
+
onReInit?: (() => void) | null;
|
|
33
|
+
onSwipe?: ((direction: string) => void) | null;
|
|
34
|
+
pauseOnDotsHover?: boolean;
|
|
35
|
+
pauseOnFocus?: boolean;
|
|
36
|
+
pauseOnHover?: boolean;
|
|
37
|
+
prevArrow?: VNodeChild;
|
|
38
|
+
responsive?: ResponsiveSetting[] | null;
|
|
39
|
+
rows?: number;
|
|
40
|
+
rtl?: boolean;
|
|
41
|
+
slide?: string;
|
|
42
|
+
slidesPerRow?: number;
|
|
43
|
+
slidesToScroll?: number;
|
|
44
|
+
slidesToShow?: number;
|
|
45
|
+
speed?: number;
|
|
46
|
+
swipe?: boolean;
|
|
47
|
+
swipeEvent?: ((direction: string) => void) | null;
|
|
48
|
+
swipeToSlide?: boolean;
|
|
49
|
+
touchMove?: boolean;
|
|
50
|
+
touchThreshold?: number;
|
|
51
|
+
useCSS?: boolean;
|
|
52
|
+
useTransform?: boolean;
|
|
53
|
+
variableWidth?: boolean;
|
|
54
|
+
vertical?: boolean;
|
|
55
|
+
verticalSwiping?: boolean;
|
|
56
|
+
waitForAnimate?: boolean;
|
|
57
|
+
asNavFor?: SlickRef | InnerSliderRef | null;
|
|
58
|
+
unslick?: boolean;
|
|
59
|
+
style?: CSSProperties;
|
|
60
|
+
}
|
|
61
|
+
export type SlickSettings = Omit<SlickProps, 'responsive'>;
|
|
62
|
+
export interface ResponsiveSetting {
|
|
63
|
+
breakpoint: number;
|
|
64
|
+
settings: 'unslick' | SlickSettings;
|
|
65
|
+
}
|
|
66
|
+
export type AutoPlayType = 'update' | 'leave' | 'blur' | 'play' | 'playing';
|
|
67
|
+
export type PauseType = 'paused' | 'hovered' | 'focused';
|
|
68
|
+
export interface SlickRef {
|
|
69
|
+
slickPrev: () => void;
|
|
70
|
+
slickNext: () => void;
|
|
71
|
+
slickGoTo: (slide: number, dontAnimate?: boolean) => void;
|
|
72
|
+
slickPause: () => void;
|
|
73
|
+
slickPlay: () => void;
|
|
74
|
+
innerSlider?: InnerSliderRef | Ref<InnerSliderRef | null> | null;
|
|
75
|
+
}
|
|
76
|
+
export interface InnerSliderState {
|
|
77
|
+
animating: boolean;
|
|
78
|
+
autoplaying: 'playing' | 'paused' | 'hovered' | 'focused' | null;
|
|
79
|
+
currentDirection: number;
|
|
80
|
+
currentLeft: number | null;
|
|
81
|
+
currentSlide: number;
|
|
82
|
+
direction: number;
|
|
83
|
+
dragging: boolean;
|
|
84
|
+
edgeDragged: boolean;
|
|
85
|
+
initialized: boolean;
|
|
86
|
+
lazyLoadedList: number[];
|
|
87
|
+
listHeight: number | null;
|
|
88
|
+
listWidth: number | null;
|
|
89
|
+
scrolling: boolean;
|
|
90
|
+
slideCount: number;
|
|
91
|
+
slideHeight: number | null;
|
|
92
|
+
slideWidth: number | string | null;
|
|
93
|
+
swipeLeft: number | null;
|
|
94
|
+
swiped: boolean;
|
|
95
|
+
swiping: boolean;
|
|
96
|
+
touchObject: {
|
|
97
|
+
startX: number;
|
|
98
|
+
startY: number;
|
|
99
|
+
curX: number;
|
|
100
|
+
curY: number;
|
|
101
|
+
swipeLength?: number;
|
|
102
|
+
};
|
|
103
|
+
trackStyle: Record<string, any>;
|
|
104
|
+
trackWidth: number;
|
|
105
|
+
targetSlide: number;
|
|
106
|
+
}
|
|
107
|
+
export interface InnerSliderRef {
|
|
108
|
+
slickPrev: () => void;
|
|
109
|
+
slickNext: () => void;
|
|
110
|
+
slickGoTo: (slide: number, dontAnimate?: boolean) => void;
|
|
111
|
+
autoPlay: (playType: AutoPlayType) => void;
|
|
112
|
+
pause: (pauseType: PauseType) => void;
|
|
113
|
+
play: () => void;
|
|
114
|
+
slideHandler: (index: number, dontAnimate?: boolean) => void;
|
|
115
|
+
changeSlide: (options: any, dontAnimate?: boolean) => void;
|
|
116
|
+
}
|
|
117
|
+
export interface TrackProps {
|
|
118
|
+
children: VNodeChild[];
|
|
119
|
+
currentSlide: number;
|
|
120
|
+
targetSlide: number;
|
|
121
|
+
slideCount: number;
|
|
122
|
+
slidesToShow: number;
|
|
123
|
+
slidesToScroll: number;
|
|
124
|
+
slideWidth?: number | string | null;
|
|
125
|
+
slideHeight?: number | null;
|
|
126
|
+
listHeight?: number | null;
|
|
127
|
+
fade?: boolean;
|
|
128
|
+
cssEase?: string;
|
|
129
|
+
speed?: number;
|
|
130
|
+
infinite?: boolean;
|
|
131
|
+
centerMode?: boolean;
|
|
132
|
+
focusOnSelect?: (options: any) => void;
|
|
133
|
+
lazyLoad?: LazyLoadType;
|
|
134
|
+
lazyLoadedList: number[];
|
|
135
|
+
rtl?: boolean;
|
|
136
|
+
vertical?: boolean;
|
|
137
|
+
variableWidth?: boolean;
|
|
138
|
+
unslick?: boolean;
|
|
139
|
+
centerPadding?: string;
|
|
140
|
+
trackStyle?: CSSProperties;
|
|
141
|
+
useCSS?: boolean;
|
|
142
|
+
onMouseEnter?: (e: MouseEvent) => void;
|
|
143
|
+
onMouseOver?: (e: MouseEvent) => void;
|
|
144
|
+
onMouseLeave?: (e: MouseEvent) => void;
|
|
145
|
+
nodeRef?: Ref<HTMLDivElement | null>;
|
|
146
|
+
}
|
|
File without changes
|