Add ComboInput component

source/Component/ComboInput/ComboInput.scss

@@ -35,12 +35,25 @@ div.combo-input-root {
             min-height: $line-min-height;
             display: flex;
             align-items: center;
-            padding-left: 5px;
+            padding-left: 8px;
+            white-space: nowrap;
+            word-break: keep-all;
+            text-overflow: ellipsis;
+            overflow: hidden;
 
             span {
                 display: block;
             }
         }
+
+        div.list-button {
+            width: $line-min-height;
+            height: $line-min-height;
+            flex-shrink: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
     }
 }
 

source/Component/ComboInput/ComboInput.tsx

@@ -2,6 +2,7 @@ import { Component, createRef, ReactNode } from "react";
 import { FontLevel, Theme } from "@Component/Theme/Theme";
 import { PickerList, IDisplayItem } from "../PickerList/PickerList";
 import { AllI18nKeys, Localization } from "@Component/Localization/Localization";
+import { Icon } from "@fluentui/react";
 import "./ComboInput.scss";
 
 interface IComboInputProps {
@@ -30,11 +31,17 @@ class ComboInput extends Component<IComboInputProps, IComboInputState> {
     private renderPicker() {
         return <PickerList
             target={this.pickerTarget}
-            displayItems={this.props.allOption ?? []}
+            displayItems={(this.props.allOption ?? []).map((item) => {
+                return item.key === this.props.value?.key ? 
+                    {...item, mark: true} : item;
+            })}
             clickDisplayItems={((item) => {
                 if (this.props.valueChange) {
                     this.props.valueChange(item);
                 }
+                this.setState({
+                    isPickerVisible: false
+                })
             })}
             dismiss={() => {
                 this.setState({
@@ -66,6 +73,9 @@ class ComboInput extends Component<IComboInputProps, IComboInputState> {
                             null
                         }
                     </div>
+                    <div className="list-button">
+                        <Icon iconName="ChevronDownMed"/>
+                    </div>
                 </div>
             </Theme>
 
@@ -74,4 +84,4 @@ class ComboInput extends Component<IComboInputProps, IComboInputState> {
     }
 }
 
-export { ComboInput };
+export { ComboInput, IDisplayItem };