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

Commit41cb384

Browse files
committed
[Feat]: Add tabindex for the datecomp
1 parent29af2c7 commit41cb384

File tree

3 files changed

+12
-3
lines changed

3 files changed

+12
-3
lines changed

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

Lines changed: 9 additions & 1 deletion
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";
@@ -99,6 +100,7 @@ const commonChildren = {
99100
childrenInputFieldStyle:styleControl(ChildrenMultiSelectStyle,'childrenInputFieldStyle'),
100101
timeZone:dropdownControl(timeZoneOptions,Intl.DateTimeFormat().resolvedOptions().timeZone),
101102
pickerMode:dropdownControl(PickerModeOptions,'date'),
103+
tabIndex:NumberControl,
102104
};
103105
typeCommonChildrenType=RecordConstructorToComp<typeofcommonChildren>;
104106

@@ -185,6 +187,7 @@ export type DateCompViewProps = Pick<
185187
disabledTime:()=>ReturnType<typeofdisabledTime>;
186188
suffixIcon:ReactNode;
187189
placeholder?:string|[string,string];
190+
tabIndex?:number;
188191
};
189192

190193
constgetFormattedDate=(
@@ -281,6 +284,7 @@ const DatePickerTmpCmp = new UICompBuilder(childrenMap, (props) => {
281284
onFocus={()=>props.onEvent("focus")}
282285
onBlur={()=>props.onEvent("blur")}
283286
suffixIcon={hasIcon(props.suffixIcon)&&props.suffixIcon}
287+
tabIndex={typeofprops.tabIndex==='number' ?props.tabIndex :undefined}
284288
/>
285289
),
286290
showValidationWhenEmpty:props.showValidationWhenEmpty,
@@ -340,6 +344,7 @@ const DatePickerTmpCmp = new UICompBuilder(childrenMap, (props) => {
340344
<><Sectionname={sectionNames.advanced}>
341345
{timeFields(children,isMobile)}
342346
{children.suffixIcon.propertyView({label:trans("button.suffixIcon")})}
347+
{children.tabIndex.propertyView({label:trans("prop.tabIndex")})}
343348
</Section></>
344349
)}
345350
{(useContext(EditorContext).editorModeStatus==="logic"||useContext(EditorContext).editorModeStatus==="both")&&!isMobile&&commonAdvanceSection(children)}
@@ -475,7 +480,9 @@ let DateRangeTmpCmp = (function () {
475480
}}
476481
onFocus={()=>props.onEvent("focus")}
477482
onBlur={()=>props.onEvent("blur")}
478-
suffixIcon={hasIcon(props.suffixIcon)&&props.suffixIcon}/>
483+
suffixIcon={hasIcon(props.suffixIcon)&&props.suffixIcon}
484+
tabIndex={typeofprops.tabIndex==='number' ?props.tabIndex :undefined}
485+
/>
479486
);
480487

481488
conststartResult=validate({ ...props,value:props.start});
@@ -553,6 +560,7 @@ let DateRangeTmpCmp = (function () {
553560
<><Sectionname={sectionNames.advanced}>
554561
{timeFields(children,isMobile)}
555562
{children.suffixIcon.propertyView({label:trans("button.suffixIcon")})}
563+
{children.tabIndex.propertyView({label:trans("prop.tabIndex")})}
556564
</Section></>
557565
)}
558566
{(useContext(EditorContext).editorModeStatus==="logic"||useContext(EditorContext).editorModeStatus==="both")&&commonAdvanceSection(children)}

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

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,8 @@ export interface DateRangeUIViewProps extends DateCompViewProps {
4444
placeholder?:string|[string,string];
4545
onChange:(start?:dayjs.Dayjs|null,end?:dayjs.Dayjs|null)=>void;
4646
onPanelChange:(value:any,mode:[string,string])=>void;
47-
onClickDateRangeTimeZone:(value:any)=>void
47+
onClickDateRangeTimeZone:(value:any)=>void;
48+
tabIndex?:number;
4849
}
4950

5051
exportconstDateRangeUIView=(props:DateRangeUIViewProps)=>{

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export interface DataUIViewProps extends DateCompViewProps {
3939
onChange:DatePickerProps<Dayjs>['onChange'];
4040
onPanelChange:()=>void;
4141
onClickDateTimeZone:(value:any)=>void;
42-
42+
tabIndex?:number;
4343
}
4444

4545
constDateMobileUIView=React.lazy(()=>

0 commit comments

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