field styles added to autocomplae

MenaamAfzal · MenaamAfzal · commit d546b25dbc22 · 2024-04-18T02:51:25.000+05:00
diff --git a/client/packages/lowcoder/src/comps/comps/autoCompleteComp/autoCompleteComp.tsx b/client/packages/lowcoder/src/comps/comps/autoCompleteComp/autoCompleteComp.tsx
@@ -3,6 +3,7 @@ import { Input, Section, sectionNames } from "lowcoder-design";
 import { BoolControl } from "comps/controls/boolControl";
 import { styleControl } from "comps/controls/styleControl";
 import {
+  ComponentStyle,
   InputLikeStyle,
   InputLikeStyleType,
   LabelStyle,
@@ -87,6 +88,7 @@ const childrenMap = {
   autocompleteIconColor: dropdownControl(autocompleteIconColor, "blue"),
   componentSize: dropdownControl(componentSize, "small"),
   valueInItems: booleanExposingStateControl("valueInItems"),
+  field: styleControl(ComponentStyle),
 };
 
 const getValidate = (value: any): "" | "warning" | "error" | undefined => {
@@ -279,7 +281,8 @@ let AutoCompleteCompBase = (function () {
         </>
       ),
       style: props.style,
-      labelStyle:props.labelStyle,
+      labelStyle: props.labelStyle,
+      field:props.field,
       ...validateState,
     });
   })
@@ -341,6 +344,9 @@ let AutoCompleteCompBase = (function () {
           <Section name={sectionNames.labelStyle}>
             {children.labelStyle.getPropertyView()}
           </Section>
+          <Section name={sectionNames.field}>
+            {children.field.getPropertyView()}
+          </Section>
         </>
       );
     })
