/
demoList.js
244 lines (244 loc) · 8.06 KB
/
demoList.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
module.exports = {
UIBARS: [
{
title: 'NoticeBar',
description: '通告栏',
icon: 'https://os.alipayobjects.com/rmsportal/EFpWULKNsectBDK.png',
module: require('../components/notice-bar/demo/basic'),
},
{
title: 'SearchBar',
description: '搜索栏',
icon: 'https://os.alipayobjects.com/rmsportal/QnAmpSwlfPzjpSL.png',
module: require('../components/search-bar/demo/basic'),
},
{
title: 'TabBar',
description: '标签栏',
icon: 'https://zos.alipayobjects.com/rmsportal/OZInMeAaDCHtaJU.png',
module: require('../components/tab-bar/demo/basic'),
},
],
UIVIEWS: [
{
title: 'ActionSheet',
description: '动作面板',
icon: 'https://zos.alipayobjects.com/rmsportal/cYmaBafYBnAxCqQ.png',
module: require('../components/action-sheet/demo/basic'),
},
{
title: 'Card',
description: '卡片',
icon: 'https://os.alipayobjects.com/rmsportal/daARhPjKcxlSuuZ.png',
module: require('../components/card/demo/basic'),
},
{
title: 'Drawer',
description: '抽屉',
icon: 'https://os.alipayobjects.com/rmsportal/oSokuHUVgeoTLJl.png',
module: require('../components/drawer/demo/basic'),
},
{
title: 'List',
description: '列表',
icon: 'https://os.alipayobjects.com/rmsportal/tiapjpdKPQGHhnC.png',
module: require('../components/list/demo/basic'),
},
{
title: 'ListView',
description: '长列表',
icon: 'https://zos.alipayobjects.com/rmsportal/lMztpIPTRAIWGIP.png',
module: require('../components/list-view/demo/basic'),
},
{
title: 'ListView (only row)',
description: '长列表',
icon: 'https://zos.alipayobjects.com/rmsportal/lMztpIPTRAIWGIP.png',
module: require('../components/list-view/demo/basic-row'),
},
{
title: 'Modal',
description: '对话框',
icon: 'https://os.alipayobjects.com/rmsportal/HzRRcuwtqUCCOBg.png',
module: require('../components/modal/demo/basic'),
},
{
title: 'Popover',
description: '气泡',
icon: 'https://os.alipayobjects.com/rmsportal/iIOLFHTKUCxBgUV.png',
module: require('../components/popover/demo/basic'),
},
{
title: 'Popup', // 必须
description: '弹出层',
icon: 'https://zos.alipayobjects.com/rmsportal/gfWmRfZNzMyVUss.png',
module: require('../components/popup/demo/basic'), // 必须
},
{
title: 'Toast', // 必须
description: '轻提示',
icon: 'https://os.alipayobjects.com/rmsportal/nREwETegxvDndJZ.png',
module: require('../components/toast/demo/basic'),
},
],
UICONTROLS: [
{
title: 'ActivityIndicator',
description: '活动指示器',
icon: 'https://zos.alipayobjects.com/rmsportal/yVtRfZGoDxXObTK.png',
module: require('../components/activity-indicator/demo/basic'),
},
{
title: 'Badge',
description: '徽标数',
icon: 'https://os.alipayobjects.com/rmsportal/UwUpBYPYnlwVicM.png',
module: require('../components/badge/demo/basic'),
},
{
title: 'Button',
description: '按钮',
icon: 'https://os.alipayobjects.com/rmsportal/ZRDUYEzfOzKWdzE.png',
module: require('../components/button/demo/basic'),
},
{
title: 'Carousel', // 必须
description: '走马灯',
icon: 'https://os.alipayobjects.com/rmsportal/FbIGJuDaiQoKNvj.png',
module: require('../components/carousel/demo/basic'), // 必须
},
{
title: 'Checkbox', // 必须
description: '复选框',
icon: 'https://os.alipayobjects.com/rmsportal/dWPGltvdjaanrRd.png',
module: require('../components/checkbox/demo/basic'), // 必须
},
{
title: 'DatePicker', // 必须
description: '日期选择',
icon: 'https://os.alipayobjects.com/rmsportal/IQtMSWmYwLEuqln.png',
module: require('../components/date-picker/demo/popup'),
},
{
title: 'ImagePicker',
description: '图片选择',
icon: 'https://os.alipayobjects.com/rmsportal/NDsSvklLUeodsHK.png',
module: require('../components/image-picker/demo/basic'),
},
{
title: 'InputItem',
description: '文本输入',
icon: 'https://os.alipayobjects.com/rmsportal/SdSqpihcSBoBrFO.png',
module: require('../components/input-item/demo/basic'),
},
{
title: 'Picker',
description: '选择器',
icon: 'https://os.alipayobjects.com/rmsportal/STBLvEutBwPySbL.png',
module: require('../components/picker/demo/popup'),
},
{
title: 'Progress',
description: '进度条',
icon: 'https://os.alipayobjects.com/rmsportal/ihijukOXDlqXvPS.png',
module: require('../components/progress/demo/basic'),
},
{
title: 'Pagination',
description: '分页器',
icon: 'https://zos.alipayobjects.com/rmsportal/fOQwMYUYaRRKYtd.png',
module: require('../components/pagination/demo/basic'),
},
{
title: 'Radio',
description: '单选框',
icon: 'https://os.alipayobjects.com/rmsportal/MJszdVSBKhtGmIP.png',
module: require('../components/radio/demo/basic'), // 必须
},
{
title: 'RefreshControl',
description: '下拉刷新',
icon: 'https://os.alipayobjects.com/rmsportal/nUAtybajGulmcSM.png',
module: require('../components/refresh-control/demo/basic'),
},
{
title: 'Slider',
description: '滑动输入条',
icon: 'https://os.alipayobjects.com/rmsportal/mCyccAjoVLFVhSH.png',
module: require('../components/slider/demo/basic'),
},
{
title: 'Stepper',
description: '步进器',
icon: 'https://os.alipayobjects.com/rmsportal/eYnIAokGATNUxlD.png',
module: require('../components/stepper/demo/basic'),
},
{
title: 'Steps', // 必须
description: '步骤条',
icon: 'https://os.alipayobjects.com/rmsportal/nvQVDIUiTmXcJtO.png',
module: require('../components/steps/demo/basic'), // 必须
},
{
title: 'SegmentedControl',
description: '分段器',
icon: 'https://zos.alipayobjects.com/rmsportal/qCqRFuSbewqIWyv.png',
module: require('../components/segmented-control/demo/basic'),
},
{
title: 'Switch',
description: '滑动开关',
icon: 'https://os.alipayobjects.com/rmsportal/ITFdMlELFchsTmz.png',
module: require('../components/switch/demo/basic'),
},
{
title: 'SwipeAction', // 必须
description: '滑动或长按操作',
icon: 'https://os.alipayobjects.com/rmsportal/nlDYwTsLwJdnaKc.png',
module: require('../components/swipe-action/demo/basic'),
},
{
title: 'Tabs', // 必须
description: '标签页',
icon: 'https://os.alipayobjects.com/rmsportal/stWeDgdtEIKoiTU.png',
module: require('../components/tabs/demo/basic'), // 必须
},
{
title: 'Tag', // 必须
description: '标签',
icon: 'https://os.alipayobjects.com/rmsportal/gfstSzAhvXqKyEg.png',
module: require('../components/tag/demo/basic'),
},
{
title: 'TextAreaItem',
description: '多行输入',
icon: 'https://os.alipayobjects.com/rmsportal/PfzuWlDVfndrQUK.png',
module: require('../components/textarea-item/demo/basic'),
},
],
OTHERS: [
{
title: 'Flex',
description: '布局',
icon: 'https://os.alipayobjects.com/rmsportal/zFqYaBWIPpYYORq.png',
module: require('../components/flex/demo/basic'),
},
{
title: 'GridList',
description: '网格列表',
icon: 'https://os.alipayobjects.com/rmsportal/UBGcnLKfVQIXgUb.png',
module: require('../components/grid/demo/basic'),
},
{
title: 'WhiteSpace',
description: '上下留白',
icon: 'https://os.alipayobjects.com/rmsportal/NfomhEsOdhFxEws.png',
module: require('../components/white-space/demo/basic'),
},
{
title: 'WingBlank',
description: '两翼留白',
icon: 'https://os.alipayobjects.com/rmsportal/DUkfOYZVcLctGot.png',
module: require('../components/wing-blank/demo/basic'),
},
],
};