11import { ControlParams } from "comps/controls/controlParams" ;
2+ import { EditorContext } from "comps/editorState" ;
23import { CompAction , SimpleComp } from "lowcoder-core" ;
34import { ControlPropertyViewWrapper , PopupCard , Input } from "lowcoder-design" ;
4- import { useEffect , useState } from "react" ;
5+ import { useContext , useEffect , useState } from "react" ;
56import { trans } from "i18n" ;
6- import { checkName } from "../utils/rename" ;
77const SimpleVariableHeaderPropertyView = ( { params, comp, isCheck} :any ) => {
88const [ error , setError ] = useState < string | undefined > ( ) ;
99const [ value , setValue ] = useState ( comp . value ) ;
10+ const editorState = useContext ( EditorContext ) ;
1011useEffect ( ( ) => {
1112setValue ( comp . value ) ;
1213isCheck && setError ( undefined ) ;
@@ -17,7 +18,7 @@ const SimpleVariableHeaderPropertyView = ({params, comp, isCheck}: any) => {
1718value = { value }
1819placeholder = { params . placeholder }
1920onChange = { ( e ) => {
20- const error = isCheck && checkName ( e . target . value ) ;
21+ const error = isCheck && editorState . checkRename ( value , e . target . value ) ;
2122isCheck && setError ( error || undefined ) ;
2223setValue ( e . target . value ) ;
2324} }