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

Commit29af2c7

Browse files
committed
[Feat]: Add tabindex for the time component
1 parent04e949d commit29af2c7

File tree

3 files changed

+8
-0
lines changed

3 files changed

+8
-0
lines changed

‎client/packages/lowcoder/src/comps/comps/dateComp/timeComp.tsx

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@ import { RecordConstructorToComp, RecordConstructorToView } from "lowcoder-core"
44
import{
55
BoolCodeControl,
66
CustomRuleControl,
7+
NumberControl,
78
RangeControl,
89
StringControl,
910
}from"../../controls/codeControl";
@@ -92,6 +93,7 @@ const commonChildren = {
9293
suffixIcon:withDefault(IconControl,"/icon:regular/clock"),
9394
timeZone:dropdownControl(timeZoneOptions,Intl.DateTimeFormat().resolvedOptions().timeZone),
9495
viewRef:RefControl<CommonPickerMethods>,
96+
tabIndex:NumberControl,
9597
...validationChildren,
9698
};
9799

@@ -212,6 +214,7 @@ const TimePickerTmpCmp = new UICompBuilder(childrenMap, (props) => {
212214
onFocus={()=>props.onEvent("focus")}
213215
onBlur={()=>props.onEvent("blur")}
214216
suffixIcon={hasIcon(props.suffixIcon)&&props.suffixIcon}
217+
tabIndex={typeofprops.tabIndex==='number' ?props.tabIndex :undefined}
215218
/>
216219
),
217220
showValidationWhenEmpty:props.showValidationWhenEmpty,
@@ -263,6 +266,7 @@ const TimePickerTmpCmp = new UICompBuilder(childrenMap, (props) => {
263266
{commonAdvanceSection(children)}
264267
{children.use12Hours.propertyView({label:trans("prop.use12Hours")})}
265268
{children.suffixIcon.propertyView({label:trans("button.suffixIcon")})}
269+
{children.tabIndex.propertyView({label:trans("prop.tabIndex")})}
266270
</Section>
267271
)}
268272

@@ -368,6 +372,7 @@ const TimeRangeTmpCmp = (function () {
368372
onFocus={()=>props.onEvent("focus")}
369373
onBlur={()=>props.onEvent("blur")}
370374
suffixIcon={hasIcon(props.suffixIcon)&&props.suffixIcon}
375+
tabIndex={typeofprops.tabIndex==='number' ?props.tabIndex :undefined}
371376
/>
372377
);
373378

@@ -439,6 +444,7 @@ const TimeRangeTmpCmp = (function () {
439444
{commonAdvanceSection(children)}
440445
{children.use12Hours.propertyView({label:trans("prop.use12Hours")})}
441446
{children.suffixIcon.propertyView({label:trans("button.suffixIcon")})}
447+
{children.tabIndex.propertyView({label:trans("prop.tabIndex")})}
442448
</Section>
443449
)}
444450

‎client/packages/lowcoder/src/comps/comps/dateComp/timeRangeUIView.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@ export interface TimeRangeUIViewProps extends TimeCompViewProps {
3939
placeholder?:string|[string,string];
4040
onChange:(start?:dayjs.Dayjs|null,end?:dayjs.Dayjs|null)=>void;
4141
handleTimeRangeZoneChange:(value:any)=>void;
42+
tabIndex?:number;
4243
}
4344

4445
exportconstTimeRangeUIView=(props:TimeRangeUIViewProps)=>{

‎client/packages/lowcoder/src/comps/comps/dateComp/timeUIView.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@ export interface TimeUIViewProps extends TimeCompViewProps {
3434
value:dayjs.Dayjs|null;
3535
onChange:(value:dayjs.Dayjs|null)=>void;
3636
handleTimeZoneChange:(value:any)=>void;
37+
tabIndex?:number;
3738
}
3839

3940
exportconstTimeUIView=(props:TimeUIViewProps)=>{

0 commit comments

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