field styles added to cascader

Author: MenaamAfzal

client/packages/lowcoder/src/comps/comps/selectInputComp/cascaderComp.tsx

@@ -21,7 +21,8 @@ let CascaderBasicComp = (function () {
   return new UICompBuilder(childrenMap, (props) => {
     return props.label({
       style: props.style,
-      labelStyle:props.labelStyle,
+      labelStyle: props.labelStyle,
+      field:props.field,
       children: (
         <CascaderStyle
           ref={props.viewRef}

client/packages/lowcoder/src/comps/comps/selectInputComp/cascaderContants.tsx

@@ -6,7 +6,7 @@ import { arrayStringExposingStateControl } from "comps/controls/codeStateControl
 import { BoolControl } from "comps/controls/boolControl";
 import { LabelControl } from "comps/controls/labelControl";
 import { styleControl } from "comps/controls/styleControl";
-import { CascaderStyle, LabelStyle } from "comps/controls/styleControlConstants";
+import { CascaderStyle, ComponentStyle, LabelStyle } from "comps/controls/styleControlConstants";
 import {
   allowClearPropertyView,
   disabledPropertyView,
@@ -40,6 +40,7 @@ export const CascaderChildren = {
   viewRef: RefControl<CascaderRef>,
   margin: MarginControl,
   padding: PaddingControl,
+  field:styleControl(ComponentStyle)
 };
 
 export const CascaderPropertyView = (
@@ -79,6 +80,9 @@ export const CascaderPropertyView = (
         <Section name={sectionNames.labelStyle}>
           {children.labelStyle.getPropertyView()}
         </Section>
+        <Section name={sectionNames.field}>
+          {children.field.getPropertyView()}
+        </Section>
       </>
     )}
   </>