fix(input): add input width 100% in form (#1738)

* fix(input)-add-input-width-100%-in-form

* style: dummy commit

* fix(commit): dummy commit

Co-authored-by: Zhang Rui <zhangrui@growingio.com>

src/form/style/index.less

@@ -5,6 +5,7 @@
 @form-prefix-cls: ~'@{component-prefix}-form';
 @field-prefix-cls: ~'@{component-prefix}-field';
 @input-prefix-cls: ~'@{component-prefix}-input';
+@textarea-prefix-cls: ~'@{component-prefix}-textarea';
 
 // form tokens map
 @info-color: @blue-3;
@@ -172,6 +173,17 @@
         }
       }
     }
+
+    .@{field-prefix-cls}-control {
+      &-input {
+        .@{input-prefix-cls} {
+          width: 100%;
+        }
+        .@{textarea-prefix-cls} {
+          width: 100%;
+        }
+      }
+    }
   }
 
   &-inline {

src/popconfirm/PopConfirm.tsx

@@ -23,6 +23,7 @@ const PopConfirm: React.FC<PopConfirmProps> = (props) => {
     defaultVisible,
     children,
     disabled,
+    trigger = 'click',
     ...rest
   } = props;
   const prefixCls = usePrefixCls('confirm', customizePrefixCls);
@@ -85,7 +86,14 @@ const PopConfirm: React.FC<PopConfirmProps> = (props) => {
     </div>
   );
   return (
-    <Popover {...rest} visible={visible} enterable onVisibleChange={onVisibleChange} content={content}>
+    <Popover
+      {...rest}
+      trigger={trigger}
+      visible={visible}
+      enterable
+      onVisibleChange={onVisibleChange}
+      content={content}
+    >
       {children}
     </Popover>
   );

src/search-bar/SearchBar.tsx

@@ -35,7 +35,6 @@ const SearchBar = React.forwardRef<HTMLInputElement, SearchBarProps>((props, ref
       setValue('');
     }
   }, [onSearch, disabled]);
-
   useEffect(() => {
     if (value !== enterValue) {
       setValue(enterValue);