add:td_upload增加自定义上传监听 (Tencent#775)

Author: leenc123

tdesign-component/example/lib/page/td_upload_page.dart

@@ -54,6 +54,16 @@ class TDUploadState extends State<TDUploadPage> {
         remotePath: 'https://tdesign.gtimg.com/demo/images/example4.png'),
   ];
   final List<TDUploadFile> files6 = [];
+  final List<TDUploadFile> files7 = [];
+
+  void onUploadTap() {
+    print('点击上传');
+    setState(() {
+      files7.add(TDUploadFile(
+          key: files7.length + 1,
+          remotePath: 'https://tdesign.gtimg.com/demo/images/example1.png'));
+    });
+  }
 
   void onValueChanged(List<TDUploadFile> fileList, List<TDUploadFile> value,
       TDUploadType event) {
@@ -103,6 +113,7 @@ class TDUploadState extends State<TDUploadPage> {
             ExampleItem(desc: '单选上传', builder: _uploadSingle),
             ExampleItem(desc: '单选上传(替换)', builder: _uploadSingleWithReplace),
             ExampleItem(desc: '多选上传', builder: _uploadMultiple),
+            ExampleItem(desc: '自定义upload按钮事件', builder: _uploadTap),
           ],
         ),
         ExampleModule(
@@ -190,6 +201,22 @@ class TDUploadState extends State<TDUploadPage> {
         ));
   }
 
+  @Demo(group: 'upload')
+  Widget _uploadTap(BuildContext context) {
+    return wrapDemoContainer('自定义upload按钮事件',
+        child: TDUpload(
+          files: files7,
+          multiple: true,
+          max: 9,
+          onUploadTap: onUploadTap,
+          onClick: onClick,
+          onCancel: onCancel,
+          onError: print,
+          onValidate: print,
+          onChange: ((files, type) => onValueChanged(files7, files, type)),
+        ));
+  }
+
   @Demo(group: 'upload')
   Widget _uploadLoading(BuildContext context) {
     return wrapDemoContainer('上传图片',

tdesign-component/lib/src/components/upload/td_upload.dart

@@ -87,6 +87,7 @@ class TDUpload extends StatefulWidget {
     this.wrapSpacing,
     this.wrapRunSpacing,
     this.wrapAlignment,
+    this.onUploadTap
   }) : super(key: key);
 
   /// 控制展示的文件列表
@@ -146,6 +147,9 @@ class TDUpload extends StatefulWidget {
   /// 多图对齐方式
   final WrapAlignment? wrapAlignment;
 
+  ///自定义upload按钮事件
+  final VoidCallback? onUploadTap;
+
   @override
   State<TDUpload> createState() => _TDUploadState();
 }
@@ -331,8 +335,12 @@ class _TDUploadState extends State<TDUpload> {
           if (widget.disabled!) {
             return;
           }
-          final files = await getMediaFromPicker(widget.multiple);
-          extractImageList(files);
+          if (widget.onUploadTap != null) {
+            widget.onUploadTap!();
+          } else {
+            final files = await getMediaFromPicker(widget.multiple);
+            extractImageList(files);
+          }
         }),
       );
     }