feat: 更新 image upload 组件的

compiled/alipay/demo/pages/ImageUploadControl/index.axml

@@ -1,20 +1,19 @@
 <container title="受控模式">
   <uploader
-    fileList="{{fileList}}"
+    fileList="{{ fileList }}"
     onChange="onChange"
     onUpload="onUpload" />
 </container>
-
 <container title="手动触发上传">
   <uploader
     ref="handleUploaderRef"
-    fileList="{{fileList}}"
+    fileList="{{ fileList }}"
     onChange="onChange"
     onUpload="onUpload" />
-  <button
-    size="default"
+  <ant-button
+    size="medium"
     onTap="upload"
     type="primary">
     上传
-  </button>
+  </ant-button>
 </container>

compiled/alipay/demo/pages/ImageUploadControl/index.js

@@ -1,33 +1,33 @@
 Page({
-  data: {
-    fileList: [{
-      url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*znK_ToIL8rQAAAAAAAAAAAAAARQnAQ',
-      status: 'done',
-    }, {
-      url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*kStORbDQxwMAAAAAAAAAAAAAARQnAQ',
-      status: 'pending',
-    }, {
-      url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*K4Z-RLHuliYAAAAAAAAAAAAAARQnAQ',
-      status: 'error', 
-    }],
-  },
-  onChange(fileList) {
-    this.setData({
-      fileList,
-    });
-  },
-  handleUploaderRef(ref){
-    this.handleUploaderRef = ref;
-  },
-  upload(){
-    this.handleUploaderRef.chooseImage()
-  },
-  onUpload(file) {
-    console.log('当前上传的图片为：', file);
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        resolve('https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*5m0ZQYhxhjEAAAAAAAAAAAAAARQnAQ');
-      }, 2000);
-    })
-  },
+    data: {
+        fileList: [{
+                url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*znK_ToIL8rQAAAAAAAAAAAAAARQnAQ',
+                status: 'done',
+            }, {
+                url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*kStORbDQxwMAAAAAAAAAAAAAARQnAQ',
+                status: 'pending',
+            }, {
+                url: 'https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*K4Z-RLHuliYAAAAAAAAAAAAAARQnAQ',
+                status: 'error',
+            }],
+    },
+    onChange: function (fileList) {
+        this.setData({
+            fileList: fileList,
+        });
+    },
+    handleUploaderRef: function (ref) {
+        this.handleUploaderRef = ref;
+    },
+    upload: function () {
+        this.handleUploaderRef.chooseImage();
+    },
+    onUpload: function (file) {
+        console.log('当前上传的图片为：', file);
+        return new Promise(function (resolve) {
+            setTimeout(function () {
+                resolve('https://gw.alipayobjects.com/mdn/rms_226d75/afts/img/A*5m0ZQYhxhjEAAAAAAAAAAAAAARQnAQ');
+            }, 2000);
+        });
+    },
 });

compiled/alipay/demo/pages/ImageUploadControl/index.json

@@ -2,6 +2,7 @@
   "defaultTitle": "ImageUpload",
   "usingComponents": {
     "uploader": "../../../src/ImageUpload/index",
+    "ant-button": "../../../src/Button/index",
     "container": "../../../src/Container/index"
   }
-}
+}

demo/pages/ImageUploadControl/index.axml.tsx

@@ -0,0 +1,23 @@
+import { InternalData } from 'tsxml';
+import Container from '../../../src/Container/index.axml';
+import Uploader from '../../../src/ImageUpload/index.axml';
+import AntButton from '../../../src/Button/index.axml';
+
+export default (_: any, { fileList }: InternalData) => (
+  <Page>
+    <Container title="受控模式">
+      <Uploader fileList={fileList} onChange="onChange" onUpload="onUpload" />
+    </Container>
+    <Container title="手动触发上传">
+      <Uploader
+        ref="handleUploaderRef"
+        fileList={fileList}
+        onChange="onChange"
+        onUpload="onUpload"
+      />
+      <AntButton size="medium" onTap="upload" type="primary">
+        上传
+      </AntButton>
+    </Container>
+  </Page>
+);

demo/pages/ImageUploadControl/index.json

@@ -2,6 +2,7 @@
   "defaultTitle": "ImageUpload",
   "usingComponents": {
     "uploader": "../../../src/ImageUpload/index",
+    "ant-button": "../../../src/Button/index",
     "container": "../../../src/Container/index"
   }
-}
+}