add default show upload props with timeout

lib/components/Editor/index.js

@@ -148,6 +148,8 @@ var Editor = function (_React$Component) {
   _createClass(Editor, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this2 = this;
+
       var _props = this.props,
           app = _props.app,
           onRef = _props.onRef,
@@ -162,9 +164,11 @@ var Editor = function (_React$Component) {
       if (uploadDefaultShow) {
         var uploadFileList = this.props.fileList || this.state.fileList;
         if (uploadFileList.length > 0) {
-          this.setState({
-            uploadVisible: true
-          });
+          setTimeout(function () {
+            _this2.setState({
+              uploadVisible: true
+            });
+          }, 1000);
         }
       }
     }
@@ -299,7 +303,7 @@ var Editor = function (_React$Component) {
   }, {
     key: "handlePaste",
     value: function handlePaste(e) {
-      var _this2 = this;
+      var _this3 = this;
 
       if (this.state.fileList.length >= this.props.maxUpload) {
         return;
@@ -322,21 +326,21 @@ var Editor = function (_React$Component) {
       reader.readAsDataURL(file);
       reader.onloadend = function () {
         // DRIVER_LICENSE_PATH oss 的存储路径位置
-        UploadToOss(_this2.props.app.oss, _constant.DRIVER_LICENSE_PATH, file).then(function (data) {
-          var fileList = _this2.state.fileList.concat({
+        UploadToOss(_this3.props.app.oss, _constant.DRIVER_LICENSE_PATH, file).then(function (data) {
+          var fileList = _this3.state.fileList.concat({
             url: _constant.OSS_LINK + data.name,
             thumbUrl: _constant.OSS_LINK + data.name,
             type: file.type,
             uid: new Date().valueOf()
           });
-          _this2.invokeFileListChange(fileList);
+          _this3.invokeFileListChange(fileList);
         }).catch(function (e) {
           var msg = e.message || _constant.ERROR_DEFAULT;
-          if (_this2.props.showError) {
+          if (_this3.props.showError) {
             _message3.default.error(msg);
           }
-          if (_this2.props.onError) {
-            _this2.props.onError(msg, { response: e.response });
+          if (_this3.props.onError) {
+            _this3.props.onError(msg, { response: e.response });
           }
         });
       };
@@ -351,7 +355,7 @@ var Editor = function (_React$Component) {
   }, {
     key: "handleSubmit",
     value: function handleSubmit() {
-      var _this3 = this;
+      var _this4 = this;
 
       var maxLength = this.props.maxLength;
       var _state = this.state,
@@ -380,19 +384,19 @@ var Editor = function (_React$Component) {
       if (this.props.beforeSubmit) {
         Promise.resolve(this.props.beforeSubmit({ text: value, files: files })).then(function (res) {
           if (!(res === false)) {
-            _this3.props.onSubmit({ text: value, files: files }, function (res, action) {
-              _this3.resetState();
-              if (action === "comment" && _this3.props.onCommentSuccess) {
-                _this3.props.onCommentSuccess(res);
+            _this4.props.onSubmit({ text: value, files: files }, function (res, action) {
+              _this4.resetState();
+              if (action === "comment" && _this4.props.onCommentSuccess) {
+                _this4.props.onCommentSuccess(res);
               }
             });
           }
         });
       } else {
         this.props.onSubmit({ text: value, files: files }, function (res, action) {
-          _this3.resetState();
-          if (action === "comment" && _this3.props.onCommentSuccess) {
-            _this3.props.onCommentSuccess(res);
+          _this4.resetState();
+          if (action === "comment" && _this4.props.onCommentSuccess) {
+            _this4.props.onCommentSuccess(res);
           }
         });
       }
@@ -456,7 +460,7 @@ var Editor = function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this4 = this;
+      var _this5 = this;
 
       var _props4 = this.props,
           value = _props4.value,
@@ -503,7 +507,7 @@ var Editor = function (_React$Component) {
             _react2.default.createElement(TextArea, {
               value: inputValue,
               onChange: function onChange(e) {
-                _this4.handleChange(e.target.value);
+                _this5.handleChange(e.target.value);
               },
               rows: rows,
               placeholder: placeholder,
@@ -532,7 +536,7 @@ var Editor = function (_React$Component) {
                       _react2.default.createElement(_Emoji2.default, {
                         onClick: this.handleClickEmoji,
                         ref: function ref(node) {
-                          _this4.emoji = node;
+                          _this5.emoji = node;
                         },
                         emojiList: this.props.app.emojiList
                       })
@@ -552,7 +556,7 @@ var Editor = function (_React$Component) {
                     autoAdjustOverflow: false,
                     overlayStyle: { zIndex: 9999 },
                     onVisibleChange: function onVisibleChange(visible) {
-                      _this4.setState({
+                      _this5.setState({
                         uploadVisible: visible
                       });
                     },
@@ -561,7 +565,7 @@ var Editor = function (_React$Component) {
                       { className: "comment-img-popover" },
                       _react2.default.createElement(_Upload2.default, {
                         onRef: function onRef(node) {
-                          return _this4.uploadRef = node;
+                          return _this5.uploadRef = node;
                         },
                         multiple: multiple,
                         onChangeFileList: this.handleChangeFileList,
@@ -592,14 +596,14 @@ var Editor = function (_React$Component) {
                   },
                   imageToolIcon ? _react2.default.cloneElement(imageToolIcon, {
                     onClick: function onClick() {
-                      return _this4.handleShowUpload(true);
+                      return _this5.handleShowUpload(true);
                     }
                   }) : _react2.default.createElement(_icon2.default, {
                     type: "picture",
                     className: "comment-toolbar-icon",
                     style: { marginLeft: 20 },
                     onClick: function onClick() {
-                      return _this4.handleShowUpload(true);
+                      return _this5.handleShowUpload(true);
                     }
                   })
                 ) : null
@@ -613,7 +617,7 @@ var Editor = function (_React$Component) {
                   _button2.default,
                   {
                     onClick: function onClick() {
-                      return _this4.handleSubmit();
+                      return _this5.handleSubmit();
                     },
                     type: "primary",
                     loading: btnLoading,

src/components/Editor/index.js

@@ -88,9 +88,11 @@ class Editor extends React.Component {
     if (uploadDefaultShow) {
       const uploadFileList = this.props.fileList || this.state.fileList;
       if (uploadFileList.length > 0) {
-        this.setState({
-          uploadVisible: true,
-        });
+        setTimeout(() => {
+          this.setState({
+            uploadVisible: true
+          });
+        }, 1000);
       }
     }
   }