UNPKG

2.94 kBTypeScriptView Raw
1/// <reference types="react" />
2
3import * as React from 'react';
4import CommonProps from '../util';
5
6interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
7 onChange?: any;
8}
9
10export interface SliderProps extends HTMLAttributesWeak, CommonProps {
11 /**
12 * 自定义传入的样式
13 */
14 className?: any;
15
16 /**
17 * 是否使用自适应高度
18 */
19 adaptiveHeight?: boolean;
20
21 /**
22 * 动效类型，默认是'slide'
23 */
24 animation?: string | boolean;
25
26 /**
27 * 是否显示箭头
28 */
29 arrows?: boolean;
30
31 /**
32 * 导航箭头大小 可选值: 'medium', 'large'
33 */
34 arrowSize?: 'medium' | 'large';
35
36 /**
37 * 导航箭头位置 可选值: 'inner', 'outer'
38 */
39 arrowPosition?: 'inner' | 'outer';
40
41 /**
42 * 导航箭头的方向 可选值: 'hoz', 'ver'
43 */
44 arrowDirection?: 'hoz' | 'ver';
45
46 /**
47 * 是否自动播放
48 */
49 autoplay?: boolean;
50
51 /**
52 * 自动播放的速度
53 */
54 autoplaySpeed?: number;
55
56 /**
57 * 向后箭头
58 */
59 nextArrow?: React.ReactElement<any>;
60
61 /**
62 * 向前箭头
63 */
64 prevArrow?: React.ReactElement<any>;
65
66 /**
67 * 是否启用居中模式
68 */
69 centerMode?: boolean;
70
71 /**
72 * 是否显示导航锚点
73 */
74 dots?: boolean;
75
76 /**
77 * 导航锚点的 CSS 类
78 */
79 dotsClass?: string;
80
81 /**
82 * 导航锚点位置
83 */
84 dotsDirection?: 'hoz' | 'ver';
85
86 /**
87 * 自定义导航锚点
88 */
89 dotsRender?: (index: number, current: number) => void;
90
91 /**
92 * 是否可拖拽
93 */
94 draggable?: boolean;
95
96 /**
97 * 是否使用无穷循环模式
98 */
99 infinite?: boolean;
100
101 /**
102 * 初始被激活的轮播图
103 */
104 defaultActiveIndex?: number;
105
106 /**
107 * 是否启用懒加载
108 */
109 lazyLoad?: boolean;
110
111 /**
112 * 轮播方向
113 */
114 slideDirection?: 'hoz' | 'ver';
115
116 /**
117 * 同时展示的图片数量
118 */
119 slidesToShow?: number;
120
121 /**
122 * 同时滑动的图片数量
123 */
124 slidesToScroll?: number;
125
126 /**
127 * 轮播速度
128 */
129 speed?: number;
130
131 /**
132 * 跳转到指定的轮播图（受控）
133 */
134 activeIndex?: number;
135
136 /**
137 * 锚点导航触发方式
138 */
139 triggerType?: 'click' | 'hover';
140
141 /**
142 * 轮播切换的回调函数
143 */
144 onChange?: (index: number) => void;
145
146 /**
147 * 自定义传入的class
148 */
149 style?: React.CSSProperties;
150
151 /**
152 * Side padding when in center mode (px or %); 展示部分为center，pading会产生前后预览
153 */
154 centerPadding?: string;
155
156 /**
157 * CSS3 Animation Easing,默认‘ease’
158 */
159 cssEase?: string;
160
161 /**
162 * 多图轮播时，点击选中后自动居中
163 */
164 focusOnSelect?: boolean;
165}
166
167export default class Slider extends React.Component<SliderProps, any> {}