fix: models compare system message sync to all

src/components/list-input/hint-input.tsx

@@ -6,6 +6,7 @@ interface HintInputProps {
   value: string;
   label?: string;
   onChange: (value: string) => void;
+  placeholder?: string;
   sourceOptions?: Global.HintOptions[];
 }
 
@@ -82,6 +83,7 @@ const HintInput: React.FC<HintInputProps> = (props) => {
 
   return (
     <AutoComplete
+      placeholder={props.placeholder}
       defaultActiveFirstOption={true}
       value={value}
       onInput={handleInput}

src/components/list-input/index.tsx

@@ -12,6 +12,7 @@ interface ListInputProps {
   description?: string;
   btnText?: string;
   options?: Global.HintOptions[];
+  placeholder?: string;
   onChange: (data: string[]) => void;
 }
 
@@ -75,6 +76,7 @@ const ListInput: React.FC<ListInputProps> = (props) => {
         {_.map(list, (item: any, index: number) => {
           return (
             <ListItem
+              placeholder={props.placeholder}
               options={options}
               key={item.uid}
               value={item.value}

src/components/list-input/list-item.tsx

@@ -10,6 +10,7 @@ interface LabelItemProps {
   onChange: (value: string) => void;
   value: string;
   label?: string;
+  placeholder?: string;
   options?: Global.HintOptions[];
 }
 
@@ -27,6 +28,7 @@ const ListItem: React.FC<LabelItemProps> = (props) => {
         onChange={handleOnChange}
         label={label}
         sourceOptions={options}
+        placeholder={props.placeholder}
       />
       <Button
         size="small"

src/components/seal-form/auto-complete.tsx

@@ -75,7 +75,7 @@ const SealAutoComplete: React.FC<
     <Wrapper
       status={status}
       extra={extra}
-      label={label || (placeholder as string)}
+      label={label}
       isFocus={isFocus}
       required={required}
       description={description}
@@ -87,7 +87,7 @@ const SealAutoComplete: React.FC<
         {...rest}
         ref={inputRef}
         placeholder={
-          isFocus ? (
+          isFocus || !label ? (
             <span style={{ paddingLeft: '12px' }}>{placeholder}</span>
           ) : (
             ''

src/components/seal-form/input-number.tsx

@@ -62,7 +62,7 @@ const SealInputNumber: React.FC<InputNumberProps & SealFormItemProps> = (
   return (
     <Wrapper
       status={status}
-      label={label || (placeholder as string)}
+      label={label}
       isFocus={isFocus}
       required={required}
       description={description}

src/components/seal-form/input-search.tsx

@@ -68,7 +68,7 @@ const SealInputSearch: React.FC<SearchProps & SealFormItemProps> = (props) => {
   return (
     <Wrapper
       status={status}
-      label={label || (placeholder as string)}
+      label={label}
       isFocus={isFocus}
       required={required}
       description={description}

src/components/seal-form/password.tsx

@@ -57,7 +57,7 @@ const SealPassword: React.FC<InputProps & SealFormItemProps> = (props) => {
   return (
     <Wrapper
       status={status}
-      label={label || (placeholder as string)}
+      label={label}
       isFocus={isFocus}
       required={required}
       description={description}

src/components/seal-form/seal-input.tsx

@@ -72,7 +72,7 @@ const SealInput: React.FC<InputProps & SealFormItemProps> = (props) => {
   return (
     <Wrapper
       status={checkStatus || status}
-      label={label || (placeholder as string)}
+      label={label}
       isFocus={isFocus}
       required={required}
       description={description}
@@ -83,7 +83,7 @@ const SealInput: React.FC<InputProps & SealFormItemProps> = (props) => {
     >
       <Input
         {...rest}
-        placeholder={isFocus ? placeholder : ''}
+        placeholder={isFocus || !label ? placeholder : ''}
         ref={inputRef}
         autoComplete="off"
         onInput={handleInput}

src/components/seal-form/seal-select.tsx

@@ -60,7 +60,7 @@ const SealSelect: React.FC<SelectProps & SealFormItemProps> = (props) => {
   return (
     <Wrapper
       status={status}
-      label={label || (placeholder as string)}
+      label={label}
       isFocus={isFocus}
       required={required}
       description={description}

src/components/seal-form/seal-textarea.tsx

@@ -79,7 +79,7 @@ const SealTextArea: React.FC<TextAreaProps & SealFormItemProps> = (props) => {
   return (
     <Wrapper
       status={status}
-      label={label || (placeholder as string)}
+      label={label}
       isFocus={isFocus}
       required={required}
       description={description}