@ledvance/base 1.1.72 → 1.1.74

package/package.json

@@ -4,7 +4,7 @@
   "name": "@ledvance/base",
   "pid": [],
   "uiid": "",
-  "version": "1.1.72",
+  "version": "1.1.74",
   "scripts": {},
   "dependencies": {
     "@reduxjs/toolkit": "^1.8.6",

package/src/components/Stepper.tsx

@@ -0,0 +1,121 @@
+import { exchangeNumber, localeNumber } from "@ledvance/base/src/utils/common";
+import res from "@res";
+import { useReactive } from "ahooks";
+import React, { memo, useCallback } from "react";
+import { TouchableOpacity, View, Image, TextInput, StyleSheet, StyleProp, ViewStyle } from "react-native";
+import { Utils } from "tuya-panel-kit";
+
+const { add, subtract, inMaxMin} = Utils.NumberUtils
+
+const { convertX: cx } = Utils.RatioUtils
+
+export interface StepperProps {
+  value: number | string
+  stepValue?: number  // 1
+  min?: number  // 0
+  max?: number // 99
+  editable?: boolean
+  selectionColor?: string
+  onValueChange?: ((value: number) => void)
+  disabled?: boolean
+  style?: StyleProp<ViewStyle>
+  buttonStyle?: StyleProp<ViewStyle>
+  inputStyle?: StyleProp<ViewStyle>
+}
+
+const Stepper = (props: StepperProps) => {
+  const state = useReactive({
+    value: localeNumber(Number(props.value), 1) ?? 0,
+    stepValue: props.stepValue ?? 1,
+    min: props.min ?? 0,
+    max: props.max ?? 99
+  })
+
+  const handlePress = useCallback((isAdd: boolean) => {
+    const v = inMaxMin(state.min, state.max, isAdd ? add(Number(exchangeNumber(state.value)), state.stepValue) : subtract(Number(exchangeNumber(state.value)), state.stepValue))
+    state.value = localeNumber(v, 1)
+    props.onValueChange && props.onValueChange(v)
+  }, [])
+
+
+  const handleChangeText = useCallback((v: string) =>{
+    const newValue = exchangeNumber(v)
+    const idx = newValue.indexOf('.')
+    if(newValue[0] === '.' || 
+    (newValue.length === 2 && newValue[0] === '0' && newValue[1] !== '.') || 
+    newValue.split('').filter(item => item === '.').length > 1 ||
+    Number(newValue) > state.max || Number(newValue) < state.min || 
+    (idx !== -1 && newValue.length > idx + 2)){
+      return
+    }
+    state.value = v
+  }, [])
+
+  const handleEndText = useCallback(() =>{
+    if (typeof state.value === 'string' && !state.value.length) {
+      props.onValueChange && props.onValueChange(state.min)
+      state.value = state.min.toString()
+    }else{
+      props.onValueChange && props.onValueChange(Number(exchangeNumber(state.value)))
+    }
+    
+  }, [])
+
+  return (
+    <View style={[styles.stepperContainer, props.style]}>
+      <TouchableOpacity
+        style={[styles.stepperButton, props.buttonStyle]}
+        onPress={() => handlePress(false)}
+      >
+        <Image width={cx(16)} height={cx(16)} source={res.ic_minus} />
+      </TouchableOpacity>
+      <TextInput
+        style={[styles.stepperInput, props.inputStyle]}
+        value={state.value.toString()}
+        keyboardType="numeric"
+        onChangeText={handleChangeText}
+        maxLength={4}
+        enablesReturnKeyAutomatically={true}
+        onEndEditing={handleEndText}
+        editable={props.editable || props.disabled}
+      />
+      <TouchableOpacity
+        style={[styles.stepperButton, props.buttonStyle]}
+        onPress={() => handlePress(true)}
+      >
+        <Image style={{ width: cx(20), height: cx(20) }} source={res.ic_plus} />
+      </TouchableOpacity>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  stepperContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#f5f5f5',
+    padding: cx(2),
+    borderRadius: cx(12),
+    width: cx(150),
+  },
+  stepperButton: {
+    width: cx(52),
+    height: cx(28),
+    backgroundColor: '#fff',
+    borderRadius: cx(10),
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  stepperInput: {
+    width: cx(42),
+    height: cx(22),
+    color: '#333',
+    fontSize: cx(16),
+    padding: 0,
+    alignItems: 'center',
+    justifyContent: 'center',
+    textAlign: 'center',
+  }
+})
+
+export default memo(Stepper)

package/src/i18n/strings.ts

@@ -231,7 +231,7 @@ export default {
       cancel_dialog_delete_item_wakeupschedule_answer_no_text: "لا", 
       cancel_dialog_delete_item_wakeupschedule_answer_yes_text: "نعم", 
       cancel_dialog_delete_item_wakeupschedule_description: "لاحظ أنه لا يمكنك استردادها.", 
-      randomtimecycle_empty_bttn_text: "Add random time cycle", 
+      randomtimecycle_empty_bttn_text: "إضافة دورة زمنية عشوائية", 
       randomtimecycle_empty_information_text: "لم تقم بإضافة دورة زمنية عشوائية حتى الآن.", 
       conflict_dialog_save_item_randomtimecycle_tips: "معلومات مهمة", 
       conflict_dialog_save_item_randomtimecycle_interval_description: "يجب أن تكون هناك 30 دقيقة على الأقل بين وقتي البدء والانتهاء.", 
@@ -381,7 +381,7 @@ export default {
       ceiling_fan_direction_info_headline: "معلومات الاتجاه", 
       ceiling_fan_direction_info_option_1_text: "باستخدام هذا الإعداد، تقوم المروحة بنفخ الهواء لأسفل. تخلق حركة الهواء الناتجة شعورًا بالبرودة.", 
       ceiling_fan_direction_info_option_2_text: "مع هذا الإعداد، تدور المروحة في الاتجاه المعاكس. تؤدي حركة الهواء الناتجة إلى تدفق الهواء الدافئ المتراكم على السقف نحو الأرض.", 
-      ceiling_fan_feature_2_fan_text_hour_off: "يتم ايقاف التشغيل خلال{0} h {1} min", 
+      ceiling_fan_feature_2_fan_text_hour_off: "يتم ايقاف التشغيل خلال  {0} h {1} min", 
       ceiling_fan_feature_2_fan_text_hour_on: "تشغيل المروحة خلال  {0} h {1} min", 
       ceiling_fan_feature_2_fan_text_min_off: "يتم ايقاف المروحة خلال  {0} min", 
       ceiling_fan_feature_2_fan_text_min_on: "تشغيل المروحة خلال  {0} min", 
@@ -4502,12 +4502,12 @@ export default {
       mesh_device_detail_lighting_work: "Travail", 
       mesh_device_detail_mode: "Ambiance", 
       mesh_device_seting_delete: "Supprimer", 
-      mood_overview_add_mood_text: "Add static mood", 
-      mood_overview_add_mood_text2: "Add dynamic mood", 
-      mood_overview_field_chip_2: "Dynamic", 
+      mood_overview_add_mood_text: "Ajouter une ambiance statique", 
+      mood_overview_add_mood_text2: "Ajoutez une ambiance dynamique", 
+      mood_overview_field_chip_2: "Dynamique", 
       mood_overview_field_chip_text: "Statique", 
       mood_overview_filter_name_text1: "Statique", 
-      mood_overview_filter_name_text2: "Dynamic", 
+      mood_overview_filter_name_text2: "Dynamique", 
       mood_overview_headline_text: "Ambiance", 
       mood_overview_information_text: "The static moods are stored locally on your smartphone. Therefore they can’t be shared with other users.", 
       motion_detection_add_time_schedule_headline_text: "Ajouter un nouveau calendrier", 
@@ -4515,7 +4515,7 @@ export default {
       motion_detection_add_time_schedule_system_back_text: "Calendrier", 
       motion_detection_time_schedule_notifications_field_weekdays_text2: "Une seule fois (aujourd'hui)", 
       timeschedule_add_schedule_text: "Chaque {0}", 
-      motion_detection_time_schedule_notifications_field_weekdays_text4: "Every day", 
+      motion_detection_time_schedule_notifications_field_weekdays_text4: "Tous les jours", 
       other_lights_modes_gradient_text: "Fluide", 
       other_lights_modes_jump_text: "Abrupt", 
       solar_bt_pp_field_dm: "Ambiance dynamique", 
@@ -4619,8 +4619,8 @@ export default {
       sleepwakeschedule_warning_max_number_both_text: "Le nombre maximum d'horaires de coucher et d'horaires de réveil a été atteint.", 
       sleepwakeschedule_warning_max_number_sleep_text: "Le nombre maximum d'horaires de sommeil a été atteint.", 
       sleepwakeschedule_warning_max_number_wakeup_text: "Le nombre maximum d'horaires de réveil a été atteint.", 
-      fixedTimeCycle_information_text: "You have not added a fixed time cycle yet.", 
-      fixedTimeCycle_bttn_text: "Add fixed time cycle", 
+      fixedTimeCycle_information_text: "Vous n'avez pas encore ajouté de cycle fixe.", 
+      fixedTimeCycle_bttn_text: "Ajouter un cycle à temps fixe", 
       addTimeCycle_warning_text: "Vos paramètres de temps dépassent le délai disponible", 
       cancel_dialog_delete_item_timeschedule_description: "Notez que vous ne pouvez pas le récupérer.", 
       cancel_dialog_delete_item_timeschedule_answer_no_text: "Non", 
@@ -4713,13 +4713,13 @@ export default {
       sockets_headline_power: "Production d'énergie", 
       edit_static_mood_button_delete_text: "Supprimer l'ambiance", 
       edit_static_mood_headline_text: "Modifier l'ambiance", 
-      mood_overview_warning_max_number_text: "Maximum number of moods has been reached.", 
+      mood_overview_warning_max_number_text: "Le nombre maximum d'ambiances a été atteint.", 
       music_reactivate_dialog_text: "Notez qu'il est nécessaire d'activer le micro de votre smartphone.", 
       add_new_trigger_time_text: "Icône", 
       feature_summary_frequency_txt_1: "Une seule fois (aujourd'hui)", 
       feature_summary_frequency_txt_2: "Only once (Tomorrow)", 
       feature_summary_frequency_txt_3: "Tous les {0}", 
-      feature_summary_frequency_txt_4: "Every day", 
+      feature_summary_frequency_txt_4: "Tous les jours", 
       add_new_trigger_time_headline_text: "Ajouter une nouvelle heure de déclenchement", 
       consumption_data_field4_month10_value_text: "Octobre", 
       consumption_data_field4_month11_value_text: "Novembre", 
@@ -9722,7 +9722,7 @@ export default {
     motion_detection_time_schedule_notifications_warning_text: "O número máximo de cronogramas foi atingido.", 
     bio_ryhthm_reset_description_text: "Do you really want to reset your settings of the Biological Rhythm?", 
     timeschedule_add_schedule_devicestate_sec_warning_text: "Um clima é sempre aplicado à iluminação e ao ventilador. Adicione um ventilador na seção “INSCREVA-SE” para selecionar um clima."
-}, 
+},
   ro: {
       add_new_dynamic_mood_color_changing_mode_value: "Gradient", 
       power_off_memory_default_state_title: "Starea implicită", 

package/src/res/index.ts

@@ -61,5 +61,7 @@ export default {
   ic_colorize: require('./ic_colorize.png'),
   ic_mood_del: require('./ic_mood_del.png'),
   ic_paint_bucket: require('./ic_paint_bucket.png'),
-  ic_text_field_input_error: require('./ic_text_field_input_error.png')
+  ic_text_field_input_error: require('./ic_text_field_input_error.png'),
+  ic_minus: require('./ic_minus.png'),
+  ic_plus: require('./ic_plus.png')
 }