Skip to content

Commit 3b7c40c

Browse files
kagolkagol
authored
docs: add features of carousel/cascader/checkout and so on (#3144)
1 parent 7cf5458 commit 3b7c40c

File tree

10 files changed

+826
-0
lines changed

10 files changed

+826
-0
lines changed

‎examples/sites/demos/pc/app/carousel/webdoc/carousel.js‎

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -216,5 +216,72 @@ export default {
216216
},
217217
codeFiles: ['dialog-show.vue']
218218
}
219+
],
220+
features: [
221+
{
222+
id: 'basic',
223+
name: '基本功能',
224+
support: {
225+
value: true
226+
},
227+
description: '通过 data 设置轮播图数据。',
228+
cloud: {
229+
value: true
230+
},
231+
apis: ['data'],
232+
demos: ['basic-usage']
233+
},
234+
{
235+
id: 'auto-play',
236+
name: '自动播放',
237+
support: {
238+
value: true
239+
},
240+
description: '通过 auto-play 设置是否自动播放，interval 设置自动播放的时间间隔。',
241+
cloud: {
242+
value: true
243+
},
244+
apis: ['auto-play', 'interval'],
245+
demos: ['auto-play']
246+
},
247+
{
248+
id: 'indicator',
249+
name: '指示器',
250+
support: {
251+
value: true
252+
},
253+
description: '通过 indicator 设置指示器的位置，可选值为 inside、outside、none。',
254+
cloud: {
255+
value: true
256+
},
257+
apis: ['indicator'],
258+
demos: ['indicator']
259+
},
260+
{
261+
id: 'arrow',
262+
name: '切换箭头',
263+
support: {
264+
value: true
265+
},
266+
description: '通过 arrow 设置切换箭头的显示时机，可选值为 hover、always、never。',
267+
cloud: {
268+
value: true
269+
},
270+
apis: ['arrow'],
271+
demos: ['arrow']
272+
},
273+
{
274+
id: 'events',
275+
name: '事件处理',
276+
support: {
277+
value: true
278+
},
279+
description: '当轮播图切换时会触发 change 事件。',
280+
cloud: {
281+
value: true
282+
},
283+
apis: ['change'],
284+
demos: ['events']
285+
}
219286
]
220287
}

‎examples/sites/demos/pc/app/cascader-panel/webdoc/cascader-panel.js‎

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,5 +72,85 @@ export default {
7272
},
7373
codeFiles: ['change.vue']
7474
}
75+
],
76+
features: [
77+
{
78+
id: 'basic',
79+
name: '基本功能',
80+
support: {
81+
value: true
82+
},
83+
description: '通过 data 设置级联面板的数据。',
84+
cloud: {
85+
value: true
86+
},
87+
apis: ['data'],
88+
demos: ['basic-usage']
89+
},
90+
{
91+
id: 'disabled',
92+
name: '禁用状态',
93+
support: {
94+
value: true
95+
},
96+
description: '通过 disabled 设置是否禁用级联面板。',
97+
cloud: {
98+
value: true
99+
},
100+
apis: ['disabled'],
101+
demos: ['disabled']
102+
},
103+
{
104+
id: 'change-on-select',
105+
name: '选择即改变',
106+
support: {
107+
value: true
108+
},
109+
description: '通过 change-on-select 设置选择即改变。',
110+
cloud: {
111+
value: true
112+
},
113+
apis: ['change-on-select'],
114+
demos: ['show-all-levels']
115+
},
116+
{
117+
id: 'multiple',
118+
name: '多选功能',
119+
support: {
120+
value: true
121+
},
122+
description: '通过 multiple 设置是否为多选。',
123+
cloud: {
124+
value: true
125+
},
126+
apis: ['multiple'],
127+
demos: ['multiple']
128+
},
129+
{
130+
id: 'custom-option',
131+
name: '自定义选项',
132+
support: {
133+
value: true
134+
},
135+
description: '通过 scoped slot 可以自定义备选项。',
136+
cloud: {
137+
value: true
138+
},
139+
apis: ['slot-default'],
140+
demos: ['custom-option']
141+
},
142+
{
143+
id: 'events',
144+
name: '事件处理',
145+
support: {
146+
value: true
147+
},
148+
description: '当选中节点变化时会触发 change 事件。',
149+
cloud: {
150+
value: true
151+
},
152+
apis: ['change'],
153+
demos: ['events']
154+
}
75155
]
76156
}

‎examples/sites/demos/pc/app/cascader/webdoc/cascader.js‎

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -289,5 +289,124 @@ export default {
289289
},
290290
codeFiles: ['slot.vue']
291291
}
292+
],
293+
features: [
294+
{
295+
id: 'basic',
296+
name: '基本功能',
297+
support: {
298+
value: true
299+
},
300+
description: '通过 data 设置级联选择器的数据。',
301+
cloud: {
302+
value: true
303+
},
304+
apis: ['data'],
305+
demos: ['basic-usage']
306+
},
307+
{
308+
id: 'disabled',
309+
name: '禁用状态',
310+
support: {
311+
value: true
312+
},
313+
description: '通过 disabled 设置是否禁用级联选择器。',
314+
cloud: {
315+
value: true
316+
},
317+
apis: ['disabled'],
318+
demos: ['disabled']
319+
},
320+
{
321+
id: 'clearable',
322+
name: '可清空',
323+
support: {
324+
value: true
325+
},
326+
description: '通过 clearable 设置输入框是否可清空。',
327+
cloud: {
328+
value: true
329+
},
330+
apis: ['clearable'],
331+
demos: ['clearable']
332+
},
333+
{
334+
id: 'size',
335+
name: '尺寸设置',
336+
support: {
337+
value: true
338+
},
339+
description: '通过 size 设置级联选择器的尺寸，可选值为 medium、small、mini。',
340+
cloud: {
341+
value: true
342+
},
343+
apis: ['size'],
344+
demos: ['size']
345+
},
346+
{
347+
id: 'change-on-select',
348+
name: '选择即改变',
349+
support: {
350+
value: true
351+
},
352+
description: '通过 change-on-select 设置选择即改变。',
353+
cloud: {
354+
value: true
355+
},
356+
apis: ['change-on-select'],
357+
demos: ['show-all-levels']
358+
},
359+
{
360+
id: 'multiple',
361+
name: '多选功能',
362+
support: {
363+
value: true
364+
},
365+
description: '通过 multiple 设置是否为多选。',
366+
cloud: {
367+
value: true
368+
},
369+
apis: ['multiple'],
370+
demos: ['multiple']
371+
},
372+
{
373+
id: 'filterable',
374+
name: '可搜索',
375+
support: {
376+
value: true
377+
},
378+
description: '通过 filterable 设置是否可搜索。',
379+
cloud: {
380+
value: true
381+
},
382+
apis: ['filterable'],
383+
demos: ['filterable']
384+
},
385+
{
386+
id: 'custom-option',
387+
name: '自定义选项',
388+
support: {
389+
value: true
390+
},
391+
description: '通过 scoped slot 可以自定义备选项。',
392+
cloud: {
393+
value: true
394+
},
395+
apis: ['slot-default'],
396+
demos: ['custom-option']
397+
},
398+
{
399+
id: 'events',
400+
name: '事件处理',
401+
support: {
402+
value: true
403+
},
404+
description: '当选中节点变化时会触发 change 事件。',
405+
cloud: {
406+
value: true
407+
},
408+
apis: ['change'],
409+
demos: ['events']
410+
}
292411
]
293412
}

0 commit comments

Comments
 (0)