@ledvance/group-ui-biz-bundle 1.0.158 → 1.0.160
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -14,6 +14,7 @@ interface DateSelectedItemProps extends PropsWithChildren<ViewProps> {
|
|
|
14
14
|
theme?: ThemeType
|
|
15
15
|
date: string,
|
|
16
16
|
dateType: DateType,
|
|
17
|
+
minDate?: Date
|
|
17
18
|
onDateChange: (string) => void
|
|
18
19
|
}
|
|
19
20
|
|
|
@@ -43,7 +44,7 @@ const getDateForDateType = (year, month, day, dateType: DateType) => {
|
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
export default withTheme(function DateSelectedItem(props: DateSelectedItemProps) {
|
|
46
|
-
const {dateType, date, onDateChange, theme} = props;
|
|
47
|
+
const {dateType, date, minDate, onDateChange, theme} = props;
|
|
47
48
|
const state = useReactive({
|
|
48
49
|
showDateModal: false,
|
|
49
50
|
date: date,
|
|
@@ -129,6 +130,7 @@ export default withTheme(function DateSelectedItem(props: DateSelectedItemProps)
|
|
|
129
130
|
mode={state.modalMode}
|
|
130
131
|
dateSortKeys={['day', 'month', 'year']}
|
|
131
132
|
maxDate={new Date()}
|
|
133
|
+
minDate={minDate}
|
|
132
134
|
style={{backgroundColor: theme?.popup.cellBg}}
|
|
133
135
|
pickerFontColor={theme?.global.fontColor}
|
|
134
136
|
onDateChange={date => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import ThemeType from "@ledvance/base/src/config/themeType";
|
|
2
|
-
import React, {PropsWithChildren, useCallback, useEffect} from "react";
|
|
2
|
+
import React, {PropsWithChildren, useCallback, useEffect, useMemo} from "react";
|
|
3
3
|
import {Image, TouchableOpacity, View, ViewProps} from "react-native";
|
|
4
4
|
import {Utils} from "tuya-panel-kit";
|
|
5
5
|
import {useReactive} from "ahooks";
|
|
@@ -16,11 +16,12 @@ interface DateSwitchProps extends PropsWithChildren<ViewProps> {
|
|
|
16
16
|
headlineText: string,
|
|
17
17
|
date: string,
|
|
18
18
|
dateType: DateType,
|
|
19
|
+
minDate?: string,
|
|
19
20
|
onDateChange: (string) => void
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
export default withTheme(function DateSwitch(props: DateSwitchProps) {
|
|
23
|
-
const {dateType, date, onDateChange, theme, headlineText} = props;
|
|
24
|
+
const {dateType, date, minDate, onDateChange, theme, headlineText} = props;
|
|
24
25
|
const state = useReactive({
|
|
25
26
|
date: date,
|
|
26
27
|
dateType: dateType,
|
|
@@ -38,8 +39,12 @@ export default withTheme(function DateSwitch(props: DateSwitchProps) {
|
|
|
38
39
|
state.disableArrowLeft = !canPreChangeDate;
|
|
39
40
|
}, [date, headlineText, dateType]);
|
|
40
41
|
|
|
42
|
+
const minDateObj = useMemo(
|
|
43
|
+
() => (minDate ? new Date(minDate) : undefined),
|
|
44
|
+
[minDate]);
|
|
45
|
+
|
|
41
46
|
const canPreOrNextChangeDate = useCallback((datejs: dayjs.Dayjs) => {
|
|
42
|
-
const minDatejs = dayjs('2000-1-1');
|
|
47
|
+
const minDatejs = dayjs(minDateObj || '2000-1-1');
|
|
43
48
|
const nowDatejs = dayjs();
|
|
44
49
|
const year = datejs.year();
|
|
45
50
|
const month = (datejs.month() + 1).toString().padStart(2, '0');
|
|
@@ -94,6 +99,7 @@ export default withTheme(function DateSwitch(props: DateSwitchProps) {
|
|
|
94
99
|
style={{flex: 1}}
|
|
95
100
|
dateType={state.dateType}
|
|
96
101
|
date={state.date}
|
|
102
|
+
minDate={minDateObj}
|
|
97
103
|
onDateChange={date => {
|
|
98
104
|
props.onDateChange(date)
|
|
99
105
|
}}
|
|
@@ -180,7 +180,7 @@ const TimerPage = (props: { theme?: ThemeType }) => {
|
|
|
180
180
|
<LdvPickerView
|
|
181
181
|
hour={state.hour}
|
|
182
182
|
minute={state.min}
|
|
183
|
-
unit={['
|
|
183
|
+
unit={[I18n.getLang('time_unit_h'), I18n.getLang('socket_settings_switch_off_min')]}
|
|
184
184
|
setHour={hour => {
|
|
185
185
|
state.hour = hour
|
|
186
186
|
}}
|