@@ -105,6 +105,7 @@ let TmpModalComp = (function () {
105105style :styleControl ( ModalStyle ) ,
106106maskClosable :withDefault ( BoolControl , true ) ,
107107showMask :withDefault ( BoolControl , true ) ,
108+ toggleClose :withDefault ( BoolControl , true )
108109} ,
109110( props , dispatch ) => {
110111const userViewMode = useUserViewMode ( ) ;
@@ -147,6 +148,7 @@ let TmpModalComp = (function () {
147148< BackgroundColorContext . Provider value = { props . style . background } >
148149< ModalWrapper >
149150< StyledModal
151+ closable = { props . toggleClose }
150152height = { height }
151153resizeHandles = { resizeHandles }
152154onResizeStop = { onResizeStop }
@@ -160,10 +162,10 @@ let TmpModalComp = (function () {
160162$titleAlign = { props . titleAlign }
161163width = { width }
162164onCancel = { ( e ) => {
163- props . visible . onChange ( false ) ;
165+ props . toggleClose && props . visible . onChange ( false ) ;
164166} }
165167afterClose = { ( ) => {
166- props . onEvent ( "close" ) ;
168+ props . toggleClose && props . onEvent ( "close" ) ;
167169} }
168170zIndex = { Layers . modal }
169171modalRender = { ( node ) => < ModalStyled $style = { props . style } > { node } </ ModalStyled > }
@@ -208,6 +210,9 @@ let TmpModalComp = (function () {
208210{ children . showMask . propertyView ( {
209211label :trans ( "prop.showMask" ) ,
210212} ) }
213+ { children . toggleClose . propertyView ( {
214+ label :trans ( "prop.toggleClose" ) ,
215+ } ) }
211216</ Section >
212217< Section name = { sectionNames . interaction } > { children . onEvent . getPropertyView ( ) } </ Section >
213218< Section name = { sectionNames . style } > { children . style . getPropertyView ( ) } </ Section >