|
1 | 1 | import{defaultasAntdCheckboxGroup}from"antd/es/checkbox/Group";
|
2 | 2 | import{SelectInputOptionControl}from"comps/controls/optionsControl";
|
3 |
| -import{BoolCodeControl}from"../../controls/codeControl"; |
| 3 | +import{BoolCodeControl,NumberControl}from"../../controls/codeControl"; |
4 | 4 | import{arrayStringExposingStateControl}from"../../controls/codeStateControl";
|
5 | 5 | import{LabelControl}from"../../controls/labelControl";
|
6 | 6 | import{ChangeEventHandlerControl}from"../../controls/eventHandlerControl";
|
@@ -115,6 +115,7 @@ export const getStyle = (style: CheckboxStyleType) => {
|
115 | 115 | constCheckboxGroup=styled(AntdCheckboxGroup)<{
|
116 | 116 | $style:CheckboxStyleType;
|
117 | 117 | $layout:ValueFromOption<typeofRadioLayoutOptions>;
|
| 118 | +tabIndex?:number; |
118 | 119 | }>`
|
119 | 120 | min-height: 32px;
|
120 | 121 | ${(props)=>props.$style&&getStyle(props.$style)}
|
@@ -156,6 +157,7 @@ let CheckboxBasicComp = (function () {
|
156 | 157 | viewRef:RefControl<HTMLDivElement>,
|
157 | 158 | inputFieldStyle:styleControl(CheckboxStyle,'inputFieldStyle'),
|
158 | 159 | animationStyle:styleControl(AnimationStyle,'animationStyle'),
|
| 160 | +tabIndex:NumberControl, |
159 | 161 | ...SelectInputValidationChildren,
|
160 | 162 | ...formDataChildren,
|
161 | 163 | };
|
@@ -184,6 +186,7 @@ let CheckboxBasicComp = (function () {
|
184 | 186 | value:option.value,
|
185 | 187 | disabled:option.disabled,
|
186 | 188 | }))}
|
| 189 | +tabIndex={typeofprops.tabIndex==='number' ?props.tabIndex :undefined} |
187 | 190 | onChange={(values)=>{
|
188 | 191 | handleChange(valuesasstring[]);
|
189 | 192 | }}
|
|