feat: provider form

src/components/seal-form/seal-select.tsx

@@ -11,7 +11,8 @@ import Wrapper from './wrapper';
 import SelectWrapper from './wrapper/select';
 
 const SealSelect: React.FC<
-  SelectProps & SealFormItemProps & { footer?: React.ReactNode }
+  SelectProps &
+    SealFormItemProps & { footer?: React.ReactNode; alwaysFocus?: boolean }
 > = (props) => {
   const {
     label,
@@ -25,6 +26,7 @@ const SealSelect: React.FC<
     notFoundContent = null,
     loading,
     footer,
+    alwaysFocus = false,
     ...rest
   } = props;
   const intl = useIntl();
@@ -99,7 +101,7 @@ const SealSelect: React.FC<
         className="seal-select-wrapper"
         status={status}
         label={label}
-        isFocus={isFocus}
+        isFocus={alwaysFocus || isFocus}
         required={required}
         description={description}
         disabled={props.disabled}

src/components/seal-form/wrapper/select.ts

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import { BORDERRADIUS, INPUT_INNER_PADDING, INPUTHEIGHT } from '../config';
 
 const SelectWrapper = styled.div`
+  flex: 1;
   .seal-select-wrapper {
     border: none;
     box-shadow: none;
@@ -89,6 +90,9 @@ const SelectWrapper = styled.div`
           left: 0;
           right: 0;
         }
+        .ant-select .ant-select-content {
+          padding-block: 0px 0;
+        }
       }
     }
     .ant-select-selection-overflow-item > span {
@@ -118,7 +122,7 @@ const SelectWrapper = styled.div`
       }
 
       .ant-select-content {
-        padding-block: 20px 0 !important;
+        padding-block: 20px 0;
         box-shadow: none !important;
       }
       &.ant-cascader {