feat: 表单组件外观改版 (#8824)

Co-authored-by: hongyang03 <hongyang03@baidu.com>

packages/amis/src/renderers/Form/LocationPicker.tsx

@@ -197,6 +197,19 @@ export class LocationControl extends React.Component<LocationControlProps> {
           }}
           env={env}
         />
+        <CustomStyle
+          config={{
+            wrapperCustomStyle,
+            id,
+            themeCss,
+            classNames: [
+              {
+                key: 'baseControlClassName'
+              }
+            ]
+          }}
+          env={env}
+        />
       </div>
     );
   }

packages/amis/src/renderers/Form/Picker.tsx

@@ -864,6 +864,7 @@ export default class PickerControl extends React.PureComponent<
           }}
           env={env}
         />
+
         <CustomStyle
           config={{
             wrapperCustomStyle,

packages/amis/src/renderers/SearchBox.tsx

@@ -228,12 +228,15 @@ export class SearchBoxRenderer extends React.Component<
     return (
       <>
         <SearchBox
-          className={className}
           style={style}
-          name={name}
-          disabled={isDisabled}
           loading={loading}
           loadingConfig={loadingConfig}
+          className={cx(
+            className,
+            setThemeClassName('baseControlClassName', id, themeCss),
+            setThemeClassName('wrapperCustomStyle', id, wrapperCustomStyle)
+          )}
+          disabled={!onQuery}
           defaultActive={!!value}
           defaultValue={onChange ? undefined : value}
           value={value}