@@ -24,6 +24,8 @@ import { BoolControl } from "comps/controls/boolControl";
2424import { withDefault } from "comps/generators" ;
2525import { SliderControl } from "../controls/sliderControl" ;
2626import { getBackgroundStyle } from "@lowcoder-ee/util/styleUtils" ;
27+ import clsx from "clsx" ;
28+ import { useApplicationId } from "util/hooks" ;
2729
2830const EventOptions = [
2931 { label : trans ( "modalComp.open" ) , value : "open" , description : trans ( "modalComp.openDesc" ) } ,
@@ -113,6 +115,8 @@ let TmpModalComp = (function () {
113115 } ,
114116 ( props , dispatch ) => {
115117 const userViewMode = useUserViewMode ( ) ;
118+ const appID = useApplicationId ( ) ;
119+ console . log ( "APP" , appID ) ;
116120 const bodyStyle : CSSProperties = { padding : 0 } ;
117121 const width = transToPxSize ( props . width || DEFAULT_WIDTH ) ;
118122 let height = undefined ;
@@ -177,7 +181,7 @@ let TmpModalComp = (function () {
177181 zIndex = { Layers . modal }
178182 modalRender = { ( node ) => < ModalStyled $style = { props . style } $modalScrollbar = { props . modalScrollbar } > { node } </ ModalStyled > }
179183 mask = { props . showMask }
180- className = { props . className as string }
184+ className = { clsx ( `app- ${ appID } ` , props . className ) }
181185 data-testid = { props . dataTestId as string }
182186 >
183187 < InnerGrid
0 commit comments