feat: 选择表单优化

 import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { DownOutlined, UpOutlined } from '@ant-design/icons';
 import { useSetState } from 'ahooks';
 import { useSetState } from 'ahooks';
-import { Dropdown, Input } from 'antd';
+import {Button, Dropdown, Input } from 'antd';
 import type { InputProps } from 'antd/lib/input';
 import type { InputProps } from 'antd/lib/input';
 import cls from 'classnames';
 import cls from 'classnames';
 import React, { useImperativeHandle } from 'react';
 import React, { useImperativeHandle } from 'react';
@@ -83,30 +83,31 @@ export const QxInputSelect = React.forwardRef<any, InputSelectProps>(
             }
             }
           }}
           }}
           onOpenChange={onVisibleChange}
           onOpenChange={onVisibleChange}
-          disabled={disabled}
+          disabled={true}
         >
         >
           <>
           <>
             {
             {
               from === 'FORM'?
               from === 'FORM'?
-                <div
-                  className={'qx-input-select__div'}
+                <Button
+                  disabled={disabled}
+                  className={`qx-input-select__button`}
                   tabIndex={1}
                   tabIndex={1}
                   onClick={() => setState({ visible: !state.visible })}
                   onClick={() => setState({ visible: !state.visible })}
                 >
                 >
                   {props?.prefix}
                   {props?.prefix}
                   { !props?.value ?
                   { !props?.value ?
-                    <span className={'qx-input-select__div-main qx-input-select__div-placeholder'}>{props?.placeholder}</span>:
-                    <span className={'qx-input-select__div-main'}>
+                    <span className={'qx-input-select__button-main qx-input-select__button-placeholder'}>{props?.placeholder}</span>:
+                    <span className={'qx-input-select__button-main'}>
                       <span>{props?.appName}</span>
                       <span>{props?.appName}</span>
                       <QxBaseIcon
                       <QxBaseIcon
                         type="qx-icon-left"
                         type="qx-icon-left"
-                        className={'qx-input-select__div-svg'}
+                        className={'qx-input-select__button-svg'}
                       />
                       />
                       <span>{props?.value}</span>
                       <span>{props?.value}</span>
                     </span>
                     </span>
                   }
                   }
                   {inputSuffix}
                   {inputSuffix}
-                </div>:
+                </Button>:
                 <Input
                 <Input
                   placeholder="请选择"
                   placeholder="请选择"
                   readOnly
                   readOnly

@@ -70,9 +70,8 @@
   }
   }
 }
 }
 
 
-.qx-input-select__div {
+.qx-input-select__button {
   height: 32px;
   height: 32px;
-  border: 1px solid #d9d9d9;
   border-radius: 4px;
   border-radius: 4px;
   padding: 4px 11px;
   padding: 4px 11px;
   display: flex;
   display: flex;
@@ -80,18 +79,13 @@
   font-size: 14px;
   font-size: 14px;
   cursor: text;
   cursor: text;
   transition: all .3s;
   transition: all .3s;
+  width: 100%;
 
 
-  &:hover {
-    border-color: @B8;
-  }
-
-  &:focus {
-    border-color: @B8;
-    box-shadow: 0 0 0 2px @B3;
-    outline: none;
+  .qx-form-select__input-prefix {
+    color: @B8;
   }
   }
 
 
-  &-main {
+  .qx-input-select__button-main {
     height: 22px;
     height: 22px;
     line-height: 22px;
     line-height: 22px;
     margin: 0 4px;
     margin: 0 4px;
@@ -103,7 +97,7 @@
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     white-space: nowrap;
 
 
-    .qx-input-select__div-svg {
+    .qx-input-select__button-svg {
       color: @N7;
       color: @N7;
       transform: rotate(180deg);
       transform: rotate(180deg);
       font-size: 16px;
       font-size: 16px;
@@ -111,7 +105,7 @@
     }
     }
 
 
   }
   }
-  &-placeholder {
+  .qx-input-select__button-placeholder {
     color: @N6;
     color: @N6;
   }
   }
   .qx-input-select__input-suffix {
   .qx-input-select__input-suffix {
@@ -120,4 +114,12 @@
   .qx-form-select__input-prefix {
   .qx-form-select__input-prefix {
     color: @B8;
     color: @B8;
   }
   }
+
+  .ant-dropdown-menu .ant-dropdown-menu-title-content {
+    flex: unset;
+  }
+  .ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
+    color: unset;
+  }
+
 }
 }