style:condition下拉框样式细节优化,避免内容过多导致超长 (#10864) (#10865)

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

packages/amis-ui/scss/components/form/_selection.scss

@@ -476,4 +476,8 @@
   &-input.is-active &-caret {
     transform: rotate(180deg);
   }
+
+  &-searchbox.is-active {
+    width: 100%;
+  }
 }

packages/amis-ui/src/components/DropDownSelection.tsx

@@ -101,17 +101,20 @@ class DropDownSelection extends BaseSelection<
       loadingConfig,
       popOverContainer,
       testIdBuilder,
-      mobileUI
+      mobileUI,
+      classPrefix: ns
     } = this.props;
 
     return (
       <PopOverContainer
         mobileUI={mobileUI}
+        overlayWidthField="width"
         popOverContainer={popOverContainer || (() => findDOMNode(this))}
         popOverRender={({onClose}) => (
           <div>
             {searchable ? (
               <SearchBox
+                className={cx(`${ns}DropDownSelection-searchbox`)}
                 mini={false}
                 onSearch={this.onSearch}
                 testIdBuilder={testIdBuilder?.getChild('searchbox')}