-
Notifications
You must be signed in to change notification settings - Fork 97
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
69bebb1
commit 0c17ab1
Showing
10 changed files
with
933 additions
and
59 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
tdesign-component/example/ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,202 @@ | ||
| import 'package:flutter/material.dart'; | ||
| import 'package:tdesign_flutter/tdesign_flutter.dart'; | ||
|
|
||
| import '../annotation/demo.dart'; | ||
| import '../base/example_widget.dart'; | ||
|
|
||
| class TDUploadPage extends StatefulWidget { | ||
| const TDUploadPage({Key? key}) : super(key: key); | ||
|
|
||
| @override | ||
| State<StatefulWidget> createState() => TDUploadState(); | ||
| } | ||
|
|
||
| class TDUploadState extends State<TDUploadPage> { | ||
| final List<TDUploadFile> files1 = []; | ||
| final List<TDUploadFile> files2 = [ | ||
| TDUploadFile( | ||
| key: 1, | ||
| remotePath: | ||
| 'https://tdesign.gtimg.com/miniprogram/images/example4.png'), | ||
| TDUploadFile( | ||
| key: 2, | ||
| remotePath: | ||
| 'https://tdesign.gtimg.com/miniprogram/images/example6.png'), | ||
| TDUploadFile( | ||
| key: 3, | ||
| remotePath: | ||
| 'https://tdesign.gtimg.com/miniprogram/images/example5.png'), | ||
| ]; | ||
| final List<TDUploadFile> files3 = [ | ||
| TDUploadFile( | ||
| key: 1, | ||
| status: TDUploadFileStatus.loading, | ||
| loadingText: '上传中...', | ||
| remotePath: | ||
| 'https://tdesign.gtimg.com/miniprogram/images/example5.png'), | ||
| TDUploadFile( | ||
| key: 2, | ||
| status: TDUploadFileStatus.loading, | ||
| progress: 68, | ||
| remotePath: | ||
| 'https://tdesign.gtimg.com/miniprogram/images/example4.png'), | ||
| ]; | ||
| final List<TDUploadFile> files4 = [ | ||
| TDUploadFile( | ||
| key: 1, | ||
| status: TDUploadFileStatus.retry, | ||
| retryText: '重新上传', | ||
| remotePath: | ||
| 'https://tdesign.gtimg.com/miniprogram/images/example4.png'), | ||
| ]; | ||
| final List<TDUploadFile> files5 = [ | ||
| TDUploadFile( | ||
| key: 1, | ||
| status: TDUploadFileStatus.error, | ||
| errorText: '上传失败', | ||
| remotePath: | ||
| 'https://tdesign.gtimg.com/miniprogram/images/example4.png'), | ||
| ]; | ||
|
|
||
| void onVaueChanged(List<TDUploadFile> fileList, List<TDUploadFile> value, | ||
| TDUploadType event) { | ||
| switch (event) { | ||
| case TDUploadType.add: | ||
| setState(() { | ||
| fileList.addAll(value); | ||
| }); | ||
| break; | ||
| case TDUploadType.remove: | ||
| setState(() { | ||
| fileList.removeWhere((element) => element.key == value[0].key); | ||
| }); | ||
| break; | ||
| } | ||
| } | ||
|
|
||
| void onClick(int key) { | ||
| print('点击 $key'); | ||
| } | ||
|
|
||
| void onCancel() { | ||
| print('取消'); | ||
| } | ||
|
|
||
| @override | ||
| Widget build(BuildContext context) { | ||
| return ExamplePage( | ||
| title: tdTitle(), | ||
| exampleCodeGroup: 'upload', | ||
| desc: '上传组件', | ||
| children: [ | ||
| ExampleModule( | ||
| title: '组件类型', | ||
| children: [ | ||
| ExampleItem(desc: '单选上传', builder: _uploadSingle), | ||
| ExampleItem(desc: '多选上传', builder: _uploadMultiple), | ||
| ], | ||
| ), | ||
| ExampleModule( | ||
| title: '组件状态', | ||
| children: [ | ||
| ExampleItem(desc: '加载状态', builder: _uploadLoading), | ||
| ExampleItem(desc: '重新上传', builder: _uploadRetry), | ||
| ExampleItem(desc: '上传失败', builder: _uploadError), | ||
| ], | ||
| ), | ||
| ]); | ||
| } | ||
|
|
||
| Widget wrapDemoContainer(String title, {required Widget child}) { | ||
| return Container( | ||
| padding: const EdgeInsets.all(16), | ||
| decoration: const BoxDecoration(color: Colors.white), | ||
| child: Column( | ||
| crossAxisAlignment: CrossAxisAlignment.start, | ||
| children: [ | ||
| TDText( | ||
| title, | ||
| style: const TextStyle(fontSize: 16), | ||
| ), | ||
| const SizedBox( | ||
| height: 16, | ||
| ), | ||
| child | ||
| ], | ||
| ), | ||
| ); | ||
| } | ||
|
|
||
| @Demo(group: 'upload') | ||
| Widget _uploadSingle(BuildContext context) { | ||
| return wrapDemoContainer('单选上传', | ||
| child: TDUpload( | ||
| files: files1, | ||
| onClick: onClick, | ||
| onCancel: onCancel, | ||
| onError: print, | ||
| onValidate: print, | ||
| onChange: ((files, type) => onVaueChanged(files1, files, type)), | ||
| )); | ||
| } | ||
|
|
||
| @Demo(group: 'upload') | ||
| Widget _uploadMultiple(BuildContext context) { | ||
| return wrapDemoContainer('多选上传', | ||
| child: TDUpload( | ||
| files: files2, | ||
| multiple: true, | ||
| max: 9, | ||
| onClick: onClick, | ||
| onCancel: onCancel, | ||
| onError: print, | ||
| onValidate: print, | ||
| onChange: ((files, type) => onVaueChanged(files2, files, type)), | ||
| )); | ||
| } | ||
|
|
||
| @Demo(group: 'upload') | ||
| Widget _uploadLoading(BuildContext context) { | ||
| return wrapDemoContainer('上传图片', | ||
| child: TDUpload( | ||
| files: files3, | ||
| multiple: true, | ||
| max: 9, | ||
| onClick: onClick, | ||
| onCancel: onCancel, | ||
| onError: print, | ||
| onValidate: print, | ||
| onChange: ((files, type) => onVaueChanged(files3, files, type)), | ||
| )); | ||
| } | ||
|
|
||
| @Demo(group: 'upload') | ||
| Widget _uploadRetry(BuildContext context) { | ||
| return wrapDemoContainer('上传图片', | ||
| child: TDUpload( | ||
| files: files4, | ||
| multiple: true, | ||
| max: 9, | ||
| onClick: onClick, | ||
| onCancel: onCancel, | ||
| onError: print, | ||
| onValidate: print, | ||
| onChange: ((files, type) => onVaueChanged(files4, files, type)), | ||
| )); | ||
| } | ||
|
|
||
| @Demo(group: 'upload') | ||
| Widget _uploadError(BuildContext context) { | ||
| return wrapDemoContainer('上传图片', | ||
| child: TDUpload( | ||
| files: files5, | ||
| multiple: true, | ||
| max: 9, | ||
| onClick: onClick, | ||
| onCancel: onCancel, | ||
| onError: print, | ||
| onValidate: print, | ||
| onChange: ((files, type) => onVaueChanged(files5, files, type)), | ||
| )); | ||
| } | ||
| } |
Oops, something went wrong.