@hzab/form-render-mobile 1.2.7 → 1.2.8

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# @hzab/form-render-mobile@1.2.8
+
+feat: uploader 增加点击回调
+
 # @hzab/form-render-mobile@1.2.7
 
 fix: 图片链接添加 query

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzab/form-render-mobile",
-  "version": "1.2.7",
+  "version": "1.2.8",
   "description": "formily-form-render-mobile",
   "main": "src",
   "scripts": {

package/src/components/Uploader/uploader.jsx

@@ -40,24 +40,29 @@ function Uploader(props, ref) {
     onCountExceed,
     headers,
     uploadBtnNode,
+    uploadCallback,
     // cordova插件上传类型  cordova-plugin-chooser | cordova-plugin-camera
     cordovaPlugin = "cordova-plugin-camera",
     uploaderProps,
     thumbnailParams = { image_process: "resize,w_200" },
   } = props;
   const [loading, setLoading] = useState(false);
-  const [fileList, setFileList] = useState(handleInputFileList(value, maxCount, {
-    thumbnailParams,
-    ossOpt,
-  }));
+  const [fileList, setFileList] = useState(
+    handleInputFileList(value, maxCount, {
+      thumbnailParams,
+      ossOpt,
+    }),
+  );
   const [actionSheetVisible, setActionSheetVisible] = useState(false);
   const uploadManagerRef = useRef(new uploadManager(new ChooserUploader()));
 
   useEffect(() => {
-    setFileList(handleInputFileList(value, maxCount, {
-      thumbnailParams,
-      ossOpt,
-    }));
+    setFileList(
+      handleInputFileList(value, maxCount, {
+        thumbnailParams,
+        ossOpt,
+      }),
+    );
   }, [value, ossOpt]);
 
   useImperativeHandle(ref, () => ({ onPicker, setActionSheetVisible }));
@@ -96,7 +101,7 @@ function Uploader(props, ref) {
         axiosConf: props?.axiosConf,
         ...ossOpt,
         ossUrl,
-        thumbnailParams
+        thumbnailParams,
       });
       setLoading(false);
     }
@@ -152,7 +157,7 @@ function Uploader(props, ref) {
           onGalleryUopload?.({
             onUploadSuccess: (res) => {
               onFileChange({
-                persist: () => { },
+                persist: () => {},
                 target: {
                   value: "",
                   files: [res],
@@ -161,8 +166,8 @@ function Uploader(props, ref) {
             },
             options: {
               cameraDirection: uploaderProps?.CameraConf?.frontCamera ? Camera.Direction.FRONT : null,
-              ...uploaderProps?.CameraConf
-            }
+              ...uploaderProps?.CameraConf,
+            },
           });
         } else if (window?.chooser && cordovaPlugin === "cordova-plugin-chooser") {
           uploadManagerRef.current.uploadFile({
@@ -173,7 +178,7 @@ function Uploader(props, ref) {
             },
             onSuccess(values) {
               onFileChange({
-                persist: () => { },
+                persist: () => {},
                 target: {
                   value: "",
                   files: [values.blob],
@@ -192,7 +197,7 @@ function Uploader(props, ref) {
       case "captureImage":
         getImage(props.imgPluginOpt, props.getImgOpt).then((res) => {
           onFileChange({
-            persist: () => { },
+            persist: () => {},
             target: {
               value: "",
               files: [res],
@@ -204,7 +209,7 @@ function Uploader(props, ref) {
       case "captureVideo":
         getVideo().then((res) => {
           onFileChange({
-            persist: () => { },
+            persist: () => {},
             target: {
               value: "",
               files: [res],
@@ -270,10 +275,12 @@ function Uploader(props, ref) {
         <>
           <div
             className={`uploader-add-btn ${loading ? "uploader-add-btn-loading" : ""}`}
-            onClick={() => {
+            onClick={async () => {
               if (loading) {
                 return;
               }
+              uploadCallback && (await uploadCallback());
+
               setActionSheetVisible(true);
             }}
             loading={loading}