Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit9fe0f69

Browse files
committed
[Feat]: Add tabindex for input sliders
1 parent724514a commit9fe0f69

File tree

2 files changed

+8
-0
lines changed

2 files changed

+8
-0
lines changed

‎client/packages/lowcoder/src/comps/comps/numberInputComp/rangeSliderComp.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,13 +6,15 @@ import { CommonNameConfig, NameConfig, withExposingConfigs } from "../../generat
66
import{SliderChildren,SliderPropertyView,SliderStyled,SliderWrapper}from"./sliderCompConstants";
77
import{hasIcon}from"comps/utils";
88
import{BoolControl}from"comps/controls/boolControl";
9+
import{NumberControl}from"comps/controls/codeControl";
910

1011
constRangeSliderBasicComp=(function(){
1112
constchildrenMap={
1213
...SliderChildren,
1314
start:numberExposingStateControl("start",10),
1415
end:numberExposingStateControl("end",60),
1516
vertical:BoolControl,
17+
tabIndex:NumberControl,
1618
};
1719
returnnewUICompBuilder(childrenMap,(props,dispatch)=>{
1820
returnprops.label({
@@ -36,6 +38,7 @@ const RangeSliderBasicComp = (function () {
3638
$style={props.inputFieldStyle}
3739
style={{margin:0}}
3840
$vertical={Boolean(props.vertical)||false}
41+
tabIndex={typeofprops.tabIndex==='number' ?props.tabIndex :undefined}
3942
onChange={([start,end])=>{
4043
props.start.onChange(start);
4144
props.end.onChange(end);
@@ -60,6 +63,7 @@ const RangeSliderBasicComp = (function () {
6063
tooltip:trans("rangeSlider.stepTooltip"),
6164
})}
6265
{children.vertical.propertyView({label:trans("slider.vertical")})}
66+
{children.tabIndex.propertyView({label:trans("prop.tabIndex")})}
6367
</Section>
6468

6569
<SliderPropertyView{...children}/>

‎client/packages/lowcoder/src/comps/comps/numberInputComp/sliderComp.tsx‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import { formDataChildren, FormDataPropertyView } from "../formComp/formDataCons
77
import{SliderChildren,SliderPropertyView,SliderStyled,SliderWrapper}from"./sliderCompConstants";
88
import{hasIcon}from"comps/utils";
99
import{BoolControl}from"comps/controls/boolControl";
10+
import{NumberControl}from"comps/controls/codeControl";
1011

1112
constSliderBasicComp=(function(){
1213
/**
@@ -16,6 +17,7 @@ const SliderBasicComp = (function () {
1617
...SliderChildren,
1718
value:numberExposingStateControl("value",60),
1819
vertical:BoolControl,
20+
tabIndex:NumberControl,
1921
...formDataChildren,
2022
};
2123
returnnewUICompBuilder(childrenMap,(props)=>{
@@ -39,6 +41,7 @@ const SliderBasicComp = (function () {
3941
$style={props.inputFieldStyle}
4042
style={{margin:0}}
4143
$vertical={Boolean(props.vertical)||false}
44+
tabIndex={typeofprops.tabIndex==='number' ?props.tabIndex :undefined}
4245
onChange={(e)=>{
4346
props.value.onChange(e);
4447
props.onEvent("change");
@@ -61,6 +64,7 @@ const SliderBasicComp = (function () {
6164
tooltip:trans("slider.stepTooltip"),
6265
})}
6366
{children.vertical.propertyView({label:trans("slider.vertical")})}
67+
{children.tabIndex.propertyView({label:trans("prop.tabIndex")})}
6468
</Section>
6569
<FormDataPropertyView{...children}/>
6670
<SliderPropertyView{...children}/>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp