fix: update quotaselect

packages/ImageSelect/src/index.js

@@ -50,7 +50,7 @@ const ImageSelect = ({ src, url, width, title, dataSource, onSearch, onSelect })
 
   const renderImageList = (data = []) => {
     return (
-      <Row gutter={[0, 24]}>
+      <Row gutter={[0, 12]}>
         {!!data &&
           data.map((item, index) => (
             <Col
@@ -93,6 +93,7 @@ const ImageSelect = ({ src, url, width, title, dataSource, onSearch, onSelect })
           </div>
         )}
       </div>
+      {visible && (
         <Modal
           width={width}
           centered
@@ -111,7 +112,7 @@ const ImageSelect = ({ src, url, width, title, dataSource, onSearch, onSelect })
             </div>
           }
           footer={null}
-        visible={visible}
+          visible={true}
           onCancel={handleCancel}
           className={classNames(`${prefixCls}-modal`)}
         >
@@ -126,6 +127,7 @@ const ImageSelect = ({ src, url, width, title, dataSource, onSearch, onSelect })
             })}
           {!imgList.length && <Empty />}
         </Modal>
+      )}
     </div>
   );
 };

packages/ImageSelect/src/index.less

@@ -80,8 +80,15 @@
   }
 
   &-item-wrap {
+    padding: 10px 0;
     text-align: center;
     border: 1px solid transparent;
+
+    &.selected {
+      background: linear-gradient(0deg, #f1f4fb 0%, #ffffff 100%);
+      border: 1px solid #b8d6fb;
+      border-radius: 2px;
+    }
   }
 
   &-item-wrap:hover {
@@ -96,12 +103,6 @@
     height: 40px;
   }
 
-  &.selected {
-    background: linear-gradient(0deg, #f1f4fb 0%, #ffffff 100%);
-    border: 1px solid #b8d6fb;
-    border-radius: 2px;
-  }
-
   &-item-text {
     font-size: 12px;
     white-space: nowrap;

packages/QuotaSelect/src/index.js

@@ -221,13 +221,14 @@ const QuotaSelect = ({
   return (
     <div className={classNames(prefixCls)}>
       <Button {...buttonProps} onClick={showModal} />
+      {visible && (
         <Modal
           centered
           width={width}
           title={title}
           cancelText={cancelText}
           okText={okText}
-        visible={visible}
+          visible={true}
           onCancel={handleCancel}
           onOk={onOk}
           className={classNames(`${prefixCls}-modal`)}
@@ -312,6 +313,7 @@ const QuotaSelect = ({
             </div>
           </div>
         </Modal>
+      )}
     </div>
   );
 };