✍🏼 mobile-vue 示例代码改造

[anlyyao]

由于目前官网中组件DEMO和示例代码存在一些问题，因此开始对官网的示例代码进行改造升级。

⚠️ 感兴趣的朋友可以直接评论认领，认领后务必先翻阅 mobile-vue: 示例改造指引，里面有具体操作说明和流程

问题：

1. 示例代码存在使用错误
2. 示例代码和组件 DEMO 不一致
3. 组件DEMO未对齐视觉稿

要求：

1. 修复使用错误，示例代码的语法糖升级为 setup
2. 组件 DEMO 与示例代码保持一致
3. 对齐视觉稿

具体进展

基础

• Button @TingShine docs(button): update button demo #475
• Fab @yuanmeda docs(fab): update docs and demo #435

布局

• Cell
• Divider @yuanmeda docs(divider): update docs and demo #436
• Grid

导航

• DropdownMenu @yuanmeda docs(dropdown-menu): update docs and demo #440
• Indexes @yuanmeda docs(indexes): update docs and demo #437
• NavBar @TingShine Refactor/navbar: 重构NavBar组件 #391
• Steps @yuanmeda docs(steps): update doc and demo #459
• Sticky @yuanmeda docs(sticky): update docs and demo #438
• TabBar @yuanmeda docs(tabBar): update tabBar docs and demo #433
• Tabs

输入

• Calendar
• Cascader @TingShine docs: update cascader demo #444
• Checkbox @yuanmeda docs(checkbox): update docs and demo #434
• DateTimePicker
• Input @palmcivet feat(input): update demo for input #431
• Picker
• Radio
• Rate @yuanmeda docs(rate): update docs and demo #439
• Search @palmcivet feat(search): update demo for search #445
• Slider @yuanmeda docs(slider): update docs and demo #458
• Stepper @TingShine docs(stepper): update stepper demo #443
• Switch
• Textarea @palmcivet feat(textarea): update demo for textarea #432
• Upload @yuanmeda docs(upload): update doc and demo 修复初始值无法正常使用问题 #460

数据展示

• Avatar @anlyyao feat(Avatar): add imageProps attribute #417
• Badge @teal-front feat: 示例代码改造-badge组件 #420
• Collapse @yuanmeda docs(collapse): update doc and demo #461
• CountDown @TingShine docs(coutdown): update countdown demo #477
• Image @TingShine docs(image): update image demo #478
• ImageViewer @yuanmeda Fix/docs image view413 #463
• List @LeeJim fix(list): resolve scroll params and demo #427 docs(list): update docs and demo #466
• Result
• Skeleton
• Swiper
• Tag

消息提醒

• ActionSheet @yuanmeda docs(action-sheet): update doc and demo #462
• Backtop @yuanmeda docs(back-top): update docs and demo 修复半圆样式问题 #468
• Dialog @LeeJim chore(dialog): update demo #422
• Drawer
• Loading @lockiechen docs(Loading): update demo #476 #481
• Message @anlyyao chore(message): optimize message components #429
• NoticeBar @anlyyao fix(notice-bar): update prefix-icon property type #421 @byq1213 docs(notice-bar): 规范 NoticeBar 组件的示例代码 #465
• Overlay
• Popup
• Progress @xxxlj feat(progress): update progress docs and demo #472
• PullDownRefresh @yuanmeda docs(pull-down-refresh): update docs and demo #470
• SwipeCell @wwlh200 docs(swipe-cell): update docs and demo #473
• Toast @yuanmeda docs(Toast): update Toast sample code #430

每周进展

11.12 - 11.14

• 完成 = 50， 完成度 = 100%

11.5 - 11.11

• 完成 = 48， CR= 2， 完成度 = 96%

10.29 - 11.4

• 完成 = 33， CR= 2， 完成度 = 66%
• 新增贡献者 1 名

10.22 - 10.28

⚠️ 涉及 common 改动，mobile-react 对应组件示例同步改造中

• 补充 mobile-vue: 示例改造指引文档
• 新增贡献者 2 名
• 完成 = 26, CR = 4, 完成度 52%

10.17 - 10.21

• 开启demo示例改造
• 完成 = 14, CR = 1, 完成度 28%

[github-actions]

👋 @anlyyao，感谢给 TDesign 提出了 issue。
请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

[yuanmeda]

认领 toast 示例代码改造

[teal-front]

认领 badge示例代码改造

[lockiechen]

认领 loading 示例代码改造

[palmcivet]

认领 Input 和 Textarea 的示例代码改造

[sommouns]

认领NoticeBar 示例代码改造

[anlyyao]

@sommouns NoticeBar组件 已经搞完了，请重新认领一个哦～ 第一条评论中有详细完成状态

[wwlh200]

认领SwipeCell 示例代码改造

[yuanmeda]

认领 tab-bar、checkbox、fab、divider、dropdown-menu、Indexes、steps、sticky、rate、slider、upload、collapse、image-viewer、list、action-sheet、back-top、drawer、pull-down-refresh 示例代码改造

[anlyyao]

@yuanmeda list 已完成～ 注意一下哦

[xxxlj]

认领 progress 示例代码改造

[anlyyao]

🎉🎉 示例代码改造已全部完成，该条issue就关闭啦！
关于TD周边，后续会有人专门的同学联系发放，请各位贡献者们关注各自Github上的预留📮～