@ledvance/base 1.3.87 → 1.3.89

package/localazy.json

@@ -1230,7 +1230,13 @@
                 "MATCH:repeater_select_other_router",
                 "MATCH:repeater_password_error_length",
                 "MATCH:repeater_password_error_space",
-                "MATCH:cancel_dialog_leave_unsaved_repeater_note"
+                "MATCH:cancel_dialog_leave_unsaved_repeater_note",
+                "MATCH:chartdisplay_energy",
+                "MATCH:chartdisplay_power",
+                "MATCH:charttime_type1",
+                "MATCH:charttime_type2",
+                "MATCH:charttime_type3",
+                "MATCH:charttime_type4"
             ],
             "replacements": {
                 "REGEX:% %1\\$s.*?\\)%": "{0}",

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.3.87",
+  "version": "1.3.89",
   "scripts": {
     "prepublishOnly": "python update-localazy.py"
   },

package/src/components/LdvPickerView.tsx

@@ -0,0 +1,151 @@
+import React, { useEffect, useMemo, useState } from 'react'
+import { StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native'
+import { Picker, Utils } from 'tuya-panel-kit'
+import _ from 'lodash'
+import ThemeType from '../config/themeType'
+
+const { convertX } = Utils.RatioUtils
+const { withTheme } = Utils.ThemeUtils
+
+const pickerTheme = {
+  fontSize: 20,
+}
+
+interface LdvPickerViewProps {
+  theme?: ThemeType
+  hour: string,
+  minute: string,
+  setHour: (hour: string) => void,
+  setMinute: (minute: string) => void,
+  style?: StyleProp<ViewStyle> | undefined,
+  unit?: string[]
+  minutesStep?: number
+  minMinute?: number
+  maxMinute?: number // 不包含关系
+  minHour?: number
+  maxHour?: number // 不包含关系
+  hourLoop?: boolean
+  minuteLoop?: boolean
+}
+
+const LdvPickerView = (props: LdvPickerViewProps) => {
+
+  const {
+    hour,
+    minute,
+    unit,
+    setHour,
+    setMinute,
+    minutesStep = 1,
+    minHour = 0,
+    maxHour = 24,
+    minMinute = 0,
+    maxMinute = 60,
+    hourLoop = true,
+    minuteLoop = true,
+  } = props
+
+  const hours = useMemo(() => _.times(maxHour)
+      .filter(it => it >= minHour)
+      .map(it => _.padStart(it.toString(), 2, '0')),
+    [minHour, maxHour])
+  const minutes = useMemo(() => _.times(maxMinute / minutesStep)
+      .filter(it => it >= minMinute)
+      .map(it => _.padStart(it.toString(), 2, '0')),
+    [minMinute, maxMinute, minutesStep])
+
+  const [innerMinute, setInnerMinute] = useState(minute)
+  const [innerHour, setInnerHour] = useState(hour)
+
+  useEffect(() => {
+    setInnerHour(hour)
+  }, [hour])
+
+  useEffect(() => {
+    setInnerMinute(minute)
+  }, [minute])
+
+  const styles = StyleSheet.create({
+    pickerContainer: {
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
+    picker: {
+      flex: 1,
+      backgroundColor: props.theme?.card.background,
+    },
+    pickerLeft: {},
+    pickerItem: {},
+    picContainer: {
+      flex: 1,
+      alignItems: 'center',
+      flexDirection: 'row',
+    },
+    pickerUnit: {
+      position: 'absolute',
+      right: convertX(20),
+      top: '44%',
+    },
+  })
+  return (
+    <View key={props.theme?.type} style={[styles.pickerContainer, props.style]}>
+      <View style={styles.picContainer}>
+        <Picker
+          accessibilityLabel={'HourPicker'}
+          accessibilityHint={hour}
+          itemTextColor="#aeadb5"
+          style={[styles.picker, styles.pickerLeft]}
+          loop={hourLoop}
+          theme={pickerTheme}
+          itemStyle={styles.pickerItem}
+          textSize={convertX(14)}
+          selectedValue={innerHour}
+          itemAlign={'center'}
+          onValueChange={value => {
+            const newValue = Math.min(Math.max(Number(value), minHour), maxHour - 1).toString().padStart(2, '0')
+            setInnerHour(newValue)
+            setHour(newValue)
+          }}
+        >
+          {hours.map((value) => (
+            <Picker.Item key={value} value={value} label={value}/>
+          ))}
+        </Picker>
+        {unit ? <View style={styles.pickerUnit}>
+          <Text style={{ color: props.theme?.global.fontColor, fontSize: convertX(18) }}>
+            {unit[0]}
+          </Text>
+        </View> : null}
+      </View>
+      <View style={styles.picContainer}>
+        <Picker
+          accessibilityLabel={'MinutePicker'}
+          accessibilityHint={minute}
+          itemTextColor="#aeadb5"
+          style={[styles.picker, styles.pickerLeft]}
+          loop={minuteLoop}
+          theme={pickerTheme}
+          itemStyle={styles.pickerItem}
+          textSize={convertX(14)}
+          selectedValue={innerMinute}
+          onValueChange={value => {
+            const newValue = Math.min(Math.max(Number(value), minMinute), maxMinute - 1).toString().padStart(2, '0')
+            setInnerMinute(newValue)
+            setMinute(newValue)
+          }}
+        >
+          {minutes.map((value) => (
+            <Picker.Item key={value} value={value} label={value}/>
+          ))}
+        </Picker>
+        {unit ? <View style={styles.pickerUnit}>
+          <Text style={{ color: props.theme?.global.fontColor, fontSize: convertX(18) }}>
+            {unit[1]}
+          </Text>
+        </View> : null}
+      </View>
+    </View>
+  )
+}
+
+export default withTheme(LdvPickerView)