style: endpoint selection

src/components/metadata-list/index.tsx

@@ -57,7 +57,7 @@ const MetadataList: React.FC<MetadataListProps> = ({
     >
       {dataList.map((item, index) => (
         <ItemContainer key={index}>
-          {children ? children(item, index) : null}
+          {children?.(item, index)}
           {!disabled && (
             <Button
               size="small"

src/components/seal-form/input-number.tsx

@@ -76,6 +76,7 @@ const SealInputNumber: React.FC<InputNumberProps & SealFormItemProps> = (
       >
         <InputNumber
           {...rest}
+          placeholder={placeholder}
           ref={inputRef}
           autoComplete="off"
           onFocus={handleOnFocus}

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

@@ -175,6 +175,7 @@ const SealCascader: React.FC<
       >
         <Cascader
           {...rest}
+          placeholder={placeholder}
           suffixIcon={<IconFont type="icon-down"></IconFont>}
           optionRender={
             optionNode

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

@@ -179,6 +179,9 @@ const InputWrapper = styled.div`
   .ant-input-textarea-allow-clear.ant-input-affix-wrapper {
     padding: 0;
   }
+  .ant-input-number-input:placeholder-shown {
+    font-size: var(--ant-font-size);
+  }
 `;
 
 export default InputWrapper;

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

@@ -10,6 +10,9 @@ const SelectWrapper = styled.div`
     &.dropdown-visible {
       .__wrapper__ {
         .ant-cascader.ant-select.ant-select-outlined {
+          border-color: var(--ant-input-active-border-color) !important;
+          outline: 0;
+          background-color: var(--ant-input-active-bg);
           border-bottom: none !important;
           border-radius: ${BORDERRADIUS}px ${BORDERRADIUS}px 0 0;
           transition: all 0.2s ease;
@@ -82,7 +85,7 @@ const SelectWrapper = styled.div`
         }
 
         .ant-select .ant-select-input {
-          top: 5px !important;
+          top: 5px;
         }
         .ant-select-placeholder {
           position: absolute;
@@ -93,6 +96,14 @@ const SelectWrapper = styled.div`
         .ant-select .ant-select-content {
           padding-block: 0px 0;
         }
+        .ant-select.ant-cascader {
+          .ant-select-placeholder {
+            top: 0px !important;
+          }
+          .ant-select-input {
+            top: -6px !important;
+          }
+        }
       }
     }
     .ant-select-selection-overflow-item > span {