feat: 上传图片使用点击外部区域来关闭上传的popover

assets/example.html

@@ -20,7 +20,7 @@
   </div>
   
   <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk.min.js"></script>
-  <script type="text/javascript" src="./static/js/main.9d10db91.js"></script>
+  <script type="text/javascript" src="./static/js/main.2917e503.js"></script>
   <script type="text/javascript" src="example.js"></script>
 </body>
 </html>

src/components/Editor/index.js

@@ -236,7 +236,8 @@ class Editor extends React.Component {
               {showUpload ? (
                 <Popover
                   trigger="click"
-                  visible={this.state.showUpload}
+                  // TODO: 针对非 react.js，直接使用 click 事件来控制展开或关闭
+                  // visible={this.state.showUpload}
                   overlayStyle={{ zIndex: 999 }}
                   onVisibleChange={
                     closeUploadWhenBlur
@@ -271,11 +272,14 @@ class Editor extends React.Component {
                         上传图片
                         {maxUpload >= 2 ? (
                           <span style={{ color: "#666", fontWeight: 400 }}>
-                            (您还能上传{maxUpload - this.state.fileList.length}张图片)
+                            (您还能上传
+                            {maxUpload - this.state.fileList.length}
+                            张图片)
                           </span>
                         ) : null}
                       </span>
-                      <Icon
+                      {/* 因为是点击别的区域关闭，所以不用右上角的 Icon */}
+                      {/* <Icon
                         type="close"
                         onClick={() => this.handleShowUpload(false)}
                         style={{
@@ -283,7 +287,7 @@ class Editor extends React.Component {
                           cursor: "pointer",
                           marginTop: 4
                         }}
-                      />
+                      /> */}
                     </div>
                   }
                 >