@@ -33,6 +33,7 @@ import { trans } from "i18n";
3333import { RefControl } from "comps/controls/refControl" ;
3434import { TextAreaRef } from "antd/es/input/TextArea" ;
3535import { blurMethod , focusWithOptions } from "comps/utils/methodUtils" ;
36+ import { NumberControl } from "comps/controls/codeControl" ;
3637
3738import React , { useContext , useEffect } from "react" ;
3839import { EditorContext } from "comps/editorState" ;
@@ -80,7 +81,8 @@ let TextAreaTmpComp = (function () {
8081labelStyle :styleControl ( LabelStyle , 'labelStyle' ) ,
8182textAreaScrollBar :withDefault ( BoolControl , false ) ,
8283inputFieldStyle :styleControl ( InputLikeStyle , 'inputFieldStyle' ) ,
83- animationStyle :styleControl ( AnimationStyle , 'animationStyle' )
84+ animationStyle :styleControl ( AnimationStyle , 'animationStyle' ) ,
85+ tabIndex :NumberControl
8486} ;
8587return new UICompBuilder ( childrenMap , ( props ) => {
8688const [ inputProps , validateState ] = useTextInputProps ( props ) ;
@@ -96,6 +98,7 @@ let TextAreaTmpComp = (function () {
9698allowClear = { props . allowClear }
9799style = { { height :"100% !important" , resize :"vertical" } }
98100$style = { props . inputFieldStyle }
101+ tabIndex = { typeof props . tabIndex === 'number' ?props . tabIndex :undefined }
99102/>
100103</ Wrapper >
101104) ,
@@ -128,6 +131,7 @@ let TextAreaTmpComp = (function () {
128131< Section name = { sectionNames . advanced } >
129132{ allowClearPropertyView ( children ) }
130133{ readOnlyPropertyView ( children ) }
134+ { children . tabIndex . propertyView ( { label :trans ( "prop.tabIndex" ) } ) }
131135</ Section >
132136< TextInputValidationSection { ...children } /> </ >
133137) }