@@ -42,6 +42,7 @@ import { RefControl } from "comps/controls/refControl";
4242import React , { useContext , useEffect } from "react" ;
4343import { EditorContext } from "comps/editorState" ;
4444import { migrateOldData } from "comps/generators/simpleGenerators" ;
45+ import { NumberControl } from "comps/controls/codeControl" ;
4546
4647const PasswordStyle = styled ( InputPassword ) < {
4748$style :InputLikeStyleType ;
@@ -63,6 +64,7 @@ let PasswordTmpComp = (function () {
6364labelStyle :styleControl ( LabelStyle , 'labelStyle' ) ,
6465inputFieldStyle :styleControl ( InputLikeStyle , 'inputFieldStyle' ) ,
6566animationStyle :styleControl ( AnimationStyle , 'animationStyle' ) ,
67+ tabIndex :NumberControl ,
6668} ;
6769return new UICompBuilder ( childrenMap , ( props , dispatch ) => {
6870const [ inputProps , validateState ] = useTextInputProps ( props ) ;
@@ -76,6 +78,7 @@ let PasswordTmpComp = (function () {
7678ref = { props . viewRef }
7779visibilityToggle = { props . visibilityToggle }
7880$style = { props . inputFieldStyle }
81+ tabIndex = { typeof props . tabIndex === 'number' ?props . tabIndex :undefined }
7982/>
8083) ,
8184style :props . style ,
@@ -105,6 +108,7 @@ let PasswordTmpComp = (function () {
105108} ) }
106109{ readOnlyPropertyView ( children ) }
107110{ children . prefixIcon . propertyView ( { label :trans ( "button.prefixIcon" ) } ) }
111+ { children . tabIndex . propertyView ( { label :trans ( "prop.tabIndex" ) } ) }
108112</ Section > < Section name = { sectionNames . validation } >
109113{ requiredPropertyView ( children ) }
110114{ children . showValidationWhenEmpty . propertyView ( { label :trans ( "prop.showEmptyValidation" ) } ) }