feat: 选择表单 回显优化

@@ -70,6 +70,7 @@ const FormSelectMain: React.FC<FormSelectProps>= (props)=> {
           appId: appId,
           code: it.code,
           name: it.name,
+          appName: it.extract?.appName
         };
       }
     });
@@ -85,6 +86,7 @@ const FormSelectMain: React.FC<FormSelectProps>= (props)=> {
           code: res.code,
           appId: res?.extract?.appId,
           name: res.name,
+          appName: res.extract?.appName
         });
       });
     }
@@ -119,6 +121,8 @@ const FormSelectMain: React.FC<FormSelectProps>= (props)=> {
           }}
           disabled={disabled}
           popupOnBody={props?.popupOnBody}
+          from={'FORM'}
+          appName={item.appName}
         />
 
         {state.modalVisible ? (

@@ -11,6 +11,7 @@ import type {
 import DropdownContent from './dropdown-content';
 
 import './styles.less';
+import {QxBaseIcon} from "@qx/common";
 
 const prefix = 'qx-input-select';
 
@@ -25,6 +26,7 @@ export const QxInputSelect = React.forwardRef<any, InputSelectProps>(
       dropdownProps,
       onChange,
       disabled,
+      from,
       ...rest
     } = props;
 
@@ -83,14 +85,38 @@ export const QxInputSelect = React.forwardRef<any, InputSelectProps>(
           onOpenChange={onVisibleChange}
           disabled={disabled}
         >
-          <Input
-            placeholder="请选择"
-            readOnly
-            suffix={inputSuffix}
-            onClick={() => setState({ visible: !state.visible })}
-            {...rest}
-            className={`${prefix}__input`}
-          />
+          <>
+            {
+              from === 'FORM'?
+                <div
+                  className={'qx-input-select__div'}
+                  tabIndex={1}
+                  onClick={() => setState({ visible: !state.visible })}
+                >
+                  {props?.prefix}
+                  { !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>{props?.appName}</span>
+                      <QxBaseIcon
+                        type="qx-icon-left"
+                        className={'qx-input-select__div-svg'}
+                      />
+                      <span>{props?.value}</span>
+                    </span>
+                  }
+                  {inputSuffix}
+                </div>:
+                <Input
+                  placeholder="请选择"
+                  readOnly
+                  suffix={inputSuffix}
+                  onClick={() => setState({ visible: !state.visible })}
+                  {...rest}
+                  className={`${prefix}__input`}
+                />
+            }
+          </>
         </Dropdown>
       </div>
     );
@@ -103,6 +129,8 @@ export interface InputSelectProps extends Omit<InputProps, 'onChange'> {
   dropdownProps?: DropdownContentProps;
   disabled?: boolean;
   popupOnBody?: boolean;
+  from?: string;
+  appName?: string;
 }
 export interface InputSelectState {
   visible: boolean;

@@ -69,3 +69,54 @@
     color: @N6;
   }
 }
+
+.qx-input-select__div {
+  height: 32px;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  padding: 4px 11px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  cursor: text;
+  transition: all .3s;
+
+  &:hover {
+    border-color: @B8;
+  }
+
+  &:focus {
+    box-shadow: 0 0 0 2px @B3;
+    outline: none;
+  }
+
+  &-main {
+    height: 22px;
+    line-height: 22px;
+    margin: 0 4px;
+    flex: 1;
+    color: @N9;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    .qx-input-select__div-svg {
+      color: @N7;
+      transform: rotate(180deg);
+      font-size: 16px;
+      margin: 0 4px;
+    }
+
+  }
+  &-placeholder {
+    color: @N6;
+  }
+  .qx-input-select__input-suffix {
+    color: @N6;
+  }
+  .qx-form-select__input-prefix {
+    color: @B8;
+  }
+}