样式修复

scss/components/form/_nested-select.scss

@@ -109,7 +109,7 @@
   }
 
   &-menu {
-    min-width: px2rem(120px);
+    width: px2rem(160px);
     max-height: px2rem(300px);
     background: $Form-select-menu-bg;
     color: $Form-select-menu-color;
@@ -134,6 +134,9 @@
       > label {
         flex: 1;
         cursor: pointer;
+        span {
+          display: inline-flex;
+        }
       }
 
       &.is-active {

src/renderers/Form/NestedSelect.tsx

@@ -417,11 +417,7 @@ export default class NestedSelectControl extends React.Component<
     return (
       <>
         {stack.map((options, index) => (
-          <div
+          <div key={index} className={cx('NestedSelect-menu')}>
-            key={index}
-            className={cx('NestedSelect-menu')}
-            style={{width: this.target.offsetWidth}}
-          >
             {index === 0 ? searchInput : null}
             {multiple && index === 0 ? (
               <div
@@ -519,10 +515,7 @@ export default class NestedSelectControl extends React.Component<
         disabled={!this.state.isOpened}
         onRootClose={this.close}
       >
-        <div
+        <div className={cx('NestedSelect-menuOuter')}>
-          className={cx('NestedSelect-menuOuter')}
-          style={{minWidth: this.target.offsetWidth}}
-        >
           {this.renderOptions()}
         </div>
       </RootCloseWrapper>
@@ -534,12 +527,7 @@ export default class NestedSelectControl extends React.Component<
         target={this.getTarget}
         show
       >
-        <PopOver
+        <PopOver className={cx('NestedSelect-popover')}>{body}</PopOver>
-          className={cx('NestedSelect-popover')}
-          style={{minWidth: this.target.offsetWidth}}
-        >
-          {body}
-        </PopOver>
       </Overlay>
     );
   }