@fonixtree/magic-design 1.0.62 → 1.0.64

package/es/common/CropperModal/index.less

@@ -3,7 +3,7 @@
   position: fixed;
   z-index: 1000;
   top: 0;
-  bottom: 0;
+  bottom: 60px;
   left: 0;
   right: 0;
   display: flex;

package/es/composite-comp/dito/components/PersonalInformation/mobile/index.js

@@ -255,7 +255,10 @@ function (_super) {
 
     _this.state = {
       messageNum: '',
-      userInfo: currentUser
+      userInfo: currentUser,
+      loading: false,
+      selectedImgFile: {},
+      editImgModalVisible: false
     };
 
     _this.getNum = function (v) {
@@ -385,7 +388,9 @@ function (_super) {
                 return {
                   userInfo: __assign(__assign({}, preState.userInfo), {
                     photo: params.photo
-                  })
+                  }),
+                  loading: false,
+                  editImgModalVisible: false
                 };
               });
               return [2
@@ -397,6 +402,12 @@ function (_super) {
     };
 
     _this.onUploadImg = function (formData) {
+      if (_this.state.loading) return;
+
+      _this.setState({
+        loading: true
+      });
+
       fetch('/designer/v1/h5/image', {
         method: 'POST',
         body: formData
@@ -415,10 +426,6 @@ function (_super) {
           return;
         }
 
-        _this.setState({
-          editImgModalVisible: false
-        });
-
         _this.modifyPhoto({
           photo: responseData.fileUrl
         });
@@ -428,6 +435,10 @@ function (_super) {
           message: err === null || err === void 0 ? void 0 : err.data,
           duration: 5000
         });
+
+        _this.setState({
+          loading: false
+        });
       });
     };
 
@@ -548,10 +559,7 @@ function (_super) {
   };
 
   PersonalInfoMobile.defaultProps = {
-    data: {
-      selectedImgFile: {},
-      editImgModalVisible: false
-    }
+    data: {}
   };
   return PersonalInfoMobile;
 }(_react["default"].Component);

package/lib/common/CropperModal/index.less

@@ -3,7 +3,7 @@
   position: fixed;
   z-index: 1000;
   top: 0;
-  bottom: 0;
+  bottom: 60px;
   left: 0;
   right: 0;
   display: flex;

package/lib/composite-comp/dito/components/PersonalInformation/mobile/index.js

@@ -255,7 +255,10 @@ function (_super) {
 
     _this.state = {
       messageNum: '',
-      userInfo: currentUser
+      userInfo: currentUser,
+      loading: false,
+      selectedImgFile: {},
+      editImgModalVisible: false
     };
 
     _this.getNum = function (v) {
@@ -385,7 +388,9 @@ function (_super) {
                 return {
                   userInfo: __assign(__assign({}, preState.userInfo), {
                     photo: params.photo
-                  })
+                  }),
+                  loading: false,
+                  editImgModalVisible: false
                 };
               });
               return [2
@@ -397,6 +402,12 @@ function (_super) {
     };
 
     _this.onUploadImg = function (formData) {
+      if (_this.state.loading) return;
+
+      _this.setState({
+        loading: true
+      });
+
       fetch('/designer/v1/h5/image', {
         method: 'POST',
         body: formData
@@ -415,10 +426,6 @@ function (_super) {
           return;
         }
 
-        _this.setState({
-          editImgModalVisible: false
-        });
-
         _this.modifyPhoto({
           photo: responseData.fileUrl
         });
@@ -428,6 +435,10 @@ function (_super) {
           message: err === null || err === void 0 ? void 0 : err.data,
           duration: 5000
         });
+
+        _this.setState({
+          loading: false
+        });
       });
     };
 
@@ -548,10 +559,7 @@ function (_super) {
   };
 
   PersonalInfoMobile.defaultProps = {
-    data: {
-      selectedImgFile: {},
-      editImgModalVisible: false
-    }
+    data: {}
   };
   return PersonalInfoMobile;
 }(_react["default"].Component);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fonixtree/magic-design",
   "author": "Cylon Team",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "description": "Magic Design",
   "license": "MIT",
   "module": "es/index.js",