fix: display instance type spec

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

@@ -185,7 +185,7 @@ const SealCascader: React.FC<
           onBlur={handleOnBlur}
           onChange={handleChange}
           notFoundContent={null}
-          onDropdownVisibleChange={handleDropdownVisibleChange}
+          onOpenChange={handleDropdownVisibleChange}
         ></Cascader>
       </Wrapper>
     </SelectWrapper>

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

@@ -18,6 +18,7 @@ const SealSelect: React.FC<SelectProps & SealFormItemProps> = (props) => {
     options,
     allowNull,
     isInFormItems = true,
+    notFoundContent = null,
     ...rest
   } = props;
   const intl = useIntl();
@@ -102,7 +103,7 @@ const SealSelect: React.FC<SelectProps & SealFormItemProps> = (props) => {
           onFocus={handleOnFocus}
           onBlur={handleOnBlur}
           onChange={handleChange}
-          notFoundContent={null}
+          notFoundContent={notFoundContent}
         >
           {children}
         </Select>

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

@@ -241,7 +241,7 @@ const SimpleSelect: React.FC<SelectProps> = (props) => {
         options={optionsList}
         maxTagCount={0}
         defaultActiveFirstOption={false}
-        dropdownRender={dropdownRender}
+        popupRender={dropdownRender}
         optionRender={optionRender}
         menuItemSelectedIcon={false}
         onChange={handleOnChange}
@@ -250,7 +250,7 @@ const SimpleSelect: React.FC<SelectProps> = (props) => {
         onFocus={handleOnFocus}
         onSearch={handleOnSearch}
         filterOption={filterOption}
-        onDropdownVisibleChange={handleOnOpenChange}
+        onOpenChange={handleOnOpenChange}
       ></Select>
     </div>
   );

src/components/seal-form/wrapper/index.tsx

@@ -156,6 +156,7 @@ export const Label = styled.div.attrs<{
 // inner
 const Inner = styled.div`
   width: 100%;
+  display: flex;
 `;
 
 const Extra = styled.div`

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

@@ -79,6 +79,7 @@ const InputWrapper = styled.div`
   }
 
   .ant-input-number {
+    flex: 1;
     position: static;
     display: flex;
     align-items: center;
@@ -87,6 +88,7 @@ const InputWrapper = styled.div`
     padding: 0;
     height: ${INPUTHEIGHT}px !important;
     background-color: ${BGCOLOR};
+    flex: 1;
 
     &:hover .ant-input-number-handler-wrap,
     &-focused .ant-input-number-handler-wrap {

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

@@ -98,8 +98,8 @@ const SelectWrapper = styled.div`
       height: 54px;
 
       .ant-select-selection-search {
-        top: 20px !important;
-        inset-inline-start: ${INPUT_INNER_PADDING}px;
+        // top: 20px !important;
+        // inset-inline-start: ${INPUT_INNER_PADDING}px;
       }
       &.ant-select-multiple.ant-cascader .ant-select-selection-search {
         top: 0 !important;