@ledvance/group-ui-biz-bundle 1.0.0

package/src/modules/mood/StaticMoodEditorPage.tsx

@@ -0,0 +1,251 @@
+import React, { useCallback, useEffect, useMemo } from 'react'
+import { ScrollView, StyleSheet, Text, View } from 'react-native'
+import { cloneDeep, find, isEqual } from 'lodash'
+import { useReactive } from 'ahooks'
+import Page from '@ledvance/base/src/components/Page'
+import I18n from '@ledvance/base/src/i18n'
+import { useNavigation, useRoute } from '@react-navigation/native'
+import TextField from '@ledvance/base/src/components/TextField'
+import { Utils } from 'tuya-panel-kit'
+import Card from '@ledvance/base/src/components/Card'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import res from '@ledvance/base/src/res'
+import TextButton from '@ledvance/base/src/components/TextButton'
+import { useFanMaxSpeed, useRole } from '@ledvance/base/src/models/modules/NativePropsSlice'
+import { SceneNodeInfo, SceneUIState } from './SceneInfo'
+import LampAdjustView from '@ledvance/base/src/components/LampAdjustView'
+import FanAdjustView from '@ledvance/base/src/components/FanAdjustView'
+import { showDeleteMoodDialog } from './tools'
+import { MoodPageProps } from './MoodPage'
+import { Result } from '@ledvance/base/src/models/modules/Result'
+import { ui_biz_routerKey } from '../../navigation/Routers'
+
+const cx = Utils.RatioUtils.convertX
+
+export interface StaticMoodEditorPageParams {
+  mode: 'add' | 'edit'
+  moods: SceneUIState[]
+  currentMood: SceneUIState
+  onSave: () => void
+  moduleParams: MoodPageProps
+  modDeleteMood: (mode: 'add' | 'edit' | 'del', currentMood: SceneUIState) => Promise<Result<any>>
+}
+
+export interface StaticMoodEditorPageState {
+  headline: string
+  mood: SceneUIState
+  currentNode: SceneNodeInfo
+  loading: boolean
+}
+
+const StaticMoodEditorPage = () => {
+  const navigation = useNavigation()
+  const routeParams = useRoute().params as StaticMoodEditorPageParams
+  const params = cloneDeep(routeParams)
+  const moduleParams = params.moduleParams
+  const role = useRole()
+
+  const state = useReactive<StaticMoodEditorPageState>({
+    headline: '',
+    mood: params.currentMood,
+    currentNode: params.currentMood.nodes[0],
+    loading: false
+  })
+  const canDelete = useMemo(() => (role === 0 || role === 2), [role])
+  useEffect(() => {
+    state.headline = I18n.getLang(params.mode === 'add' ? 'add_new_static_mood_headline_text' : 'edit_static_mood_headline_text')
+  }, [params.mode])
+
+  const getColorBlockColor = useCallback(() => {
+    return '#fff'
+  }, [state.currentNode.colorTemp])
+
+  const getButtonStatus = () => {
+    return (params.mode === 'edit' && isEqual(state.mood, routeParams.currentMood)) ||
+      !(!!state.mood.name) ||
+      nameRepeat ||
+      state.mood.name.length > 32
+  }
+
+  const nameRepeat = useMemo(() => {
+    return !!find(params.moods, m => (m.id !== state.mood.id && m.name === state.mood.name))
+  }, [state.mood.name])
+
+  return (
+    <Page
+      backText={I18n.getLang('mesh_device_detail_mode')}
+      showBackDialog={true}
+      backDialogTitle={
+        I18n.getLang(params.mode === 'add' ?
+          'string_light_pp_dialog_sm_add_headline_c' :
+          'manage_user_unsaved_changes_dialog_headline')
+      }
+      backDialogContent={
+        I18n.getLang(params.mode === 'add' ?
+          'strip_light_static_mood_add_step_2_dialog_text' :
+          'strip_light_static_mood_editor_step_2_dialog_text')
+      }
+      headlineText={state.headline}
+      rightButtonIcon={getButtonStatus() ? res.ic_uncheck : res.ic_check}
+      rightButtonDisabled={getButtonStatus()}
+      rightButtonIconClick={async () => {
+        if (state.loading) return
+        state.loading = true
+        const res = await params.modDeleteMood(params.mode, {
+          ...state.mood,
+          nodes: [cloneDeep(state.currentNode)]
+        })
+        if (res.success) {
+          navigation.navigate(ui_biz_routerKey.group_ui_biz_mood)
+        }
+        state.loading = false
+      }}
+      loading={state.loading}
+    >
+      <ScrollView
+        style={{ flex: 1 }}
+        nestedScrollEnabled={true}>
+        <View style={styles.root}>
+          <TextField
+            style={styles.name}
+            value={state.mood.name}
+            placeholder={I18n.getLang('edit_static_mood_inputfield_topic_text')}
+            onChangeText={text => {
+              state.mood.name = text
+            }}
+            maxLength={33}
+            showError={state.mood.name.length > 32 || nameRepeat}
+            tipColor={nameRepeat ? '#f00' : undefined}
+            tipIcon={nameRepeat ? res.ic_text_field_input_error : undefined}
+            errorText={I18n.getLang(nameRepeat ? 'string_light_pp_field_sm_add_error1' : 'add_new_dynamic_mood_alert_text')} />
+          <Card style={styles.adjustCard}>
+            <Spacer height={cx(16)} />
+            <View style={styles.lightLine}>
+              <Text style={styles.light}>
+                {I18n.getLang('light_sources_tile_tw_lighting_headline')}
+              </Text>
+              <View style={[styles.preview, { backgroundColor: getColorBlockColor() }]} />
+            </View>
+            <Spacer />
+            <LampAdjustView
+              isSupportColor={moduleParams.isSupportColor}
+              isSupportBrightness={moduleParams.isSupportBrightness}
+              isSupportTemperature={moduleParams.isSupportTemperature}
+              isColorMode={state.currentNode.isColorNode}
+              reserveSV={true}
+              setIsColorMode={isColorMode => {
+                state.currentNode.isColorNode = isColorMode
+              }}
+              h={state.currentNode.h}
+              s={state.currentNode.s}
+              v={state.currentNode.v}
+              onHSVChange={(h, s, v) => {
+                state.currentNode.h = h
+                state.currentNode.s = s
+                state.currentNode.v = v
+              }}
+              onHSVChangeComplete={(h, s, v) => {
+                state.currentNode.h = h
+                state.currentNode.s = s
+                state.currentNode.v = v
+              }}
+              colorTemp={state.currentNode.colorTemp}
+              brightness={state.currentNode.brightness}
+              onCCTChange={cct => {
+                state.currentNode.colorTemp = cct
+              }}
+              onCCTChangeComplete={cct => {
+                state.currentNode.colorTemp = cct
+              }}
+              onBrightnessChange={brightness => {
+                state.currentNode.brightness = brightness
+              }}
+              onBrightnessChangeComplete={brightness => {
+                state.currentNode.brightness = brightness
+              }} />
+          </Card>
+          <Spacer />
+          {moduleParams.isSupportFan &&
+            <FanAdjustView
+              fanEnable={!!state.mood.fanEnable}
+              fanSpeed={state.mood.fanSpeed || 1}
+              maxFanSpeed={useFanMaxSpeed()}
+              onFanSwitch={fanEnable => {
+                state.mood.fanEnable = fanEnable
+              }}
+              onFanSpeedChange={fanSpeed => {
+                state.mood.fanSpeed = fanSpeed
+              }}
+              onFanSpeedChangeComplete={fanSpeed => {
+                state.mood.fanSpeed = fanSpeed
+              }}
+              style={styles.fanAdjustCard} />}
+          {params.mode === 'edit' && canDelete &&
+            <View style={{ marginTop: cx(20), marginHorizontal: cx(24) }}>
+              <TextButton
+                style={styles.deleteBtn}
+                textStyle={styles.deleteBtnText}
+                text={I18n.getLang('edit_static_mood_button_delete_text')}
+                onPress={() => {
+                  showDeleteMoodDialog(async (_, { close }) => {
+                    state.loading = true
+                    close()
+                    const res = await params.modDeleteMood('del', state.mood)
+                    if (res.success) {
+                      navigation.navigate(ui_biz_routerKey.group_ui_biz_mood)
+                    }
+                    state.loading = false
+                  })
+                }} />
+            </View>}
+          <Spacer />
+        </View>
+      </ScrollView>
+    </Page>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    flexDirection: 'column',
+  },
+  name: {
+    marginHorizontal: cx(24),
+  },
+  adjustCard: {
+    marginTop: cx(12),
+    marginHorizontal: cx(24),
+  },
+  fanAdjustCard: {
+    marginHorizontal: cx(24),
+  },
+  lightLine: {
+    flexDirection: 'row',
+    marginHorizontal: cx(16),
+  },
+  light: {
+    color: '#000',
+    fontSize: cx(18),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  preview: {
+    width: cx(20),
+    height: cx(20),
+    marginStart: cx(12),
+    borderRadius: cx(4),
+  },
+  deleteBtn: {
+    width: '100%',
+    height: cx(50),
+    backgroundColor: '#666',
+    borderRadius: cx(8),
+  },
+  deleteBtnText: {
+    color: '#fff',
+    fontSize: cx(16),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+})
+
+export default StaticMoodEditorPage

package/src/modules/mood/tools.ts

@@ -0,0 +1,12 @@
+import { Dialog } from 'tuya-panel-kit'
+import Strings from '@ledvance/base/src/i18n'
+
+export const showDeleteMoodDialog = (onConfirm: (data: any, args: { close: () => void }) => void) => {
+    Dialog.confirm({
+        title: Strings.getLang('string_light_pp_dialog_sm_ed_headline_d'),
+        subTitle: Strings.getLang(`strip_light_static_mood_edit_dialog_text`),
+        cancelText: Strings.getLang('cancel_dialog_delete_item_sleepschedule_answer_no_text'),
+        confirmText: Strings.getLang('cancel_dialog_delete_item_sleepschedule_answer_yes_text'),
+        onConfirm: onConfirm,
+    })
+}

package/src/modules/select/SelectPage.d.ts

@@ -0,0 +1,12 @@
+export interface SelectPageData<T> {
+    text: string;
+    selected: boolean;
+    value: T;
+}
+export interface SelectPageParams<T> {
+    title: string;
+    data: SelectPageData<T>[];
+    onSelect: (selectPageData: SelectPageData<T>) => void;
+}
+declare const SelectPage: () => any;
+export default SelectPage;

package/src/modules/select/SelectPage.tsx

@@ -0,0 +1,139 @@
+import {FlatList, Image, ScrollView, StyleSheet, Text, TouchableOpacity, View} from 'react-native'
+import React from 'react'
+import {useNavigation, useRoute} from '@react-navigation/core'
+import {Utils} from 'tuya-panel-kit'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import I18n from '@ledvance/base/src/i18n'
+import Card from '@ledvance/base/src/components/Card'
+import res from '@ledvance/base/src/res'
+
+const cx = Utils.RatioUtils.convertX
+
+export interface SelectPageData<T> {
+  text: string
+  selected: boolean
+  value: T
+}
+
+export interface SelectPageParams<T> {
+  title: string
+  data: SelectPageData<T>[]
+  onSelect: (selectPageData: SelectPageData<T>) => void
+}
+
+const SelectPage = () => {
+  const params = useRoute().params as SelectPageParams<any>
+  const navigation = useNavigation()
+  return (
+    <View style={styles.root}>
+      <View style={styles.topBar}>
+        <Spacer height={cx(45)}/>
+        <View style={styles.topContent}>
+          <Text style={styles.title}>{params.title}</Text>
+          <TouchableOpacity
+            onPress={() => {
+              navigation.goBack()
+            }}>
+            <Text style={styles.cancel}>{I18n.getLang('auto_scan_system_cancel')}</Text>
+          </TouchableOpacity>
+        </View>
+        <View style={styles.line}/>
+      </View>
+      <ScrollView nestedScrollEnabled={true}>
+        <View>
+          <Spacer height={cx(40)}/>
+          <Card style={styles.card}>
+            <FlatList
+              data={params.data}
+              renderItem={({item}) => {
+                return (
+                  <TouchableOpacity
+                    onPress={() => {
+                      params.onSelect(item)
+                      navigation.goBack()
+                    }}>
+                    <View style={styles.item}>
+                      <Text style={styles.itemText}>{item.text}</Text>
+                      <Image
+                        style={[
+                          styles.itemIcon,
+                          {
+                            opacity: item.selected ? 1 : 0,
+                          },
+                        ]}
+                        source={{uri: res.ic_check}}/>
+                    </View>
+                  </TouchableOpacity>
+                )
+              }}
+              ItemSeparatorComponent={() => <View style={styles.itemLine}/>}
+              keyExtractor={(_, index) => `${index}`}/>
+          </Card>
+          <Spacer height={cx(40)}/>
+        </View>
+      </ScrollView>
+    </View>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+  },
+  topBar: {
+    height: cx(91),
+    backgroundColor: '#eaeaea',
+  },
+  line: {
+    height: cx(1),
+    backgroundColor: '#d9d9d9',
+  },
+  topContent: {
+    height: cx(45),
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  cancel: {
+    marginStart: cx(16),
+    color: '#f60',
+    fontSize: cx(17),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  title: {
+    width: '100%',
+    position: 'absolute',
+    start: 0,
+    textAlign: 'center',
+    color: '#000',
+    fontSize: cx(17),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  card: {
+    marginHorizontal: cx(16),
+  },
+  item: {
+    height: cx(44),
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  itemText: {
+    flex: 1,
+    marginStart: cx(13),
+    color: '#000',
+    fontSize: cx(17),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  itemLine: {
+    height: cx(1),
+    marginStart: cx(13),
+    backgroundColor: '#ccc',
+  },
+  itemIcon: {
+    width: cx(30),
+    height: cx(30),
+    marginEnd: cx(13),
+    tintColor: '#f60',
+  },
+})
+
+export default SelectPage

package/src/modules/time_schedule/Interface.ts

@@ -0,0 +1,85 @@
+export interface Timer {
+  status: number;
+  loops: string;
+  time: string;
+  id: number;
+  isAppPush: boolean;
+  dps: string;
+  groupOrder?: number;
+  groupId?: string;
+  aliasName: string;
+}
+
+export interface IAddSingleTime {
+  bizId: string;
+  bizType?: string;
+  actions: any;
+  loops?: string;
+  category?: string;
+  status?: number;
+  isAppPush?: boolean;
+  aliasName?: string;
+}
+
+export interface IQueryTimerTasks {
+  bizId: string;
+  bizType?: string;
+  category?: string;
+}
+
+export type Timers = Array<{
+  /**
+   * 初始化状态，0：关闭；1：开启。
+   */
+  status: number;
+  /**
+   * 在0000000基础上，把所选择日期对应位置的 0 改成 1，第一位表示周日。
+   */
+  loops: string;
+  /**
+   * 定时时间。
+   */
+  time: string;
+  /**
+   * 定时任务主键。
+   */
+  id: number;
+  /**
+   * 是否发送执行通知。
+   */
+  isAppPush: boolean;
+  /**
+   * DP 值。
+   */
+  dps: string;
+  /**
+   * 分组定时排序。
+   */
+  groupOrder: number;
+  /**
+   * 分组定时 ID。
+   */
+  groupId: string;
+  /**
+   * 分组定时定时备注。
+   */
+  aliasName: string;
+}>;
+
+export interface IModifySingleTimer {
+  bizId: string;
+  bizType?: string;
+  id: string | number;
+  actions: any;
+  loops?: string;
+  status?: number;
+  isAppPush?: boolean;
+  aliasName?: string;
+}
+
+export interface IModDeleteTaskByIds {
+  bizId: string;
+  bizType?: string;
+  ids: string;
+  status?: number;
+}

package/src/modules/time_schedule/ScheduleCard.tsx

@@ -0,0 +1,111 @@
+import React from "react";
+import { ViewStyle, View, Text, StyleSheet } from "react-native";
+import Card from "@ledvance/base/src/components/Card";
+import { SwitchButton, Utils } from 'tuya-panel-kit';
+import { loopText } from '@ledvance/base/src/utils/common';
+import { Timer } from "./Interface";
+const { convertX: cx } = Utils.RatioUtils;
+
+interface ScheduleCardProps {
+  item: Timer
+  style?: ViewStyle
+  onEnableChange: (enable: boolean) => void
+  onPress: (item: any) => void
+  onLongPress: (item: any) => void
+}
+
+const ScheduleCard = (props: ScheduleCardProps) => {
+  const { item, style, onEnableChange, onPress } = props;
+  return (
+    <Card
+      style={styles.card}
+      containerStyle={[styles.container, style]}
+      onPress={() => {
+        onPress(item);
+      }}
+      onLongPress={() => {
+        onPress(item);
+        // onLongPress(item);
+      }}>
+      <View style={styles.infoContainer}>
+        <Text style={styles.time}>{item.time}</Text>
+        <Text style={styles.loop}>
+          {loopText(item.loops.split('').map(loop => parseInt(loop)), item.time)}
+        </Text>
+        <Text style={styles.name}>{item.aliasName}</Text>
+        {/* {showTags() && <View style={styles.typeContainer}>
+                    {renderTag()}
+                </View>} */}
+      </View>
+      <View style={styles.switchContainer}>
+        <SwitchButton
+          value={!!item.status}
+          thumbStyle={{ elevation: 0 }}
+          onValueChange={() => {
+            onEnableChange(!item.status);
+          }}
+        />
+      </View>
+    </Card>
+  )
+
+}
+
+const styles = StyleSheet.create({
+  card: {
+    marginHorizontal: cx(24),
+    borderRadius: cx(8),
+  },
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+  },
+  infoContainer: {
+    flex: 1,
+    marginTop: cx(16),
+    marginBottom: cx(16),
+    flexDirection: 'column',
+    marginLeft: cx(16),
+  },
+  time: {
+    marginBottom: cx(5),
+    fontSize: 16,
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    fontWeight: 'bold',
+  },
+  loop: {
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    marginTop: cx(8),
+  },
+  name: {
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_bd',
+    marginTop: cx(8),
+  },
+  switchContainer: {
+    marginRight: cx(16),
+    // backgroundColor: 'red',
+    marginTop: cx(16),
+  },
+  switch: {},
+  typeContainer: {
+    flexDirection: 'row',
+    marginTop: cx(8),
+  },
+  typeWrap: {
+    backgroundColor: '#E6E7E8',
+    marginRight: cx(10),
+    borderRadius: cx(10),
+  },
+  typeText: {
+    fontSize: cx(12),
+    color: '#000',
+    paddingHorizontal: cx(8),
+    paddingVertical: cx(2)
+  }
+});
+
+export default ScheduleCard

package/src/modules/time_schedule/TimeScheduleActions.ts

@@ -0,0 +1,81 @@
+import { commonApi } from "@tuya/tuya-panel-api"
+import { IAddSingleTime, IQueryTimerTasks, IModifySingleTimer, IModDeleteTaskByIds } from "./Interface"
+import { flatMapDeep } from "lodash";
+
+
+export const addTimeSchedule = async (props: IAddSingleTime) => {
+  try{
+    const res = await commonApi.timerApi.addSingleTimer({
+      ...props,
+      bizType: '1'
+    })
+    if (typeof res === 'number') {
+      return {
+        success: true
+      }
+    }
+    return {
+      success: false
+    }
+  }catch(err){
+    return {
+      success: false
+    }
+  }
+}
+
+export const getTimeSchedule = async (props: IQueryTimerTasks) => {
+  try{
+    const res = await commonApi.timerApi.queryTimerTasks({
+      ...props,
+      bizType: '1',
+      category: 'category'
+    })
+    if (res.timers && res.timers.length) {
+      return {
+        success: true,
+        data: flatMapDeep(res.timers)
+      }
+    }
+    return {
+      success: false
+    }
+  }catch(err){
+    return {
+      success: false
+    }
+  }
+}
+
+export const modifyTimeSchedule = async (props: IModifySingleTimer) => {
+  try{
+    const status = await commonApi.timerApi.modifySingleTimer({
+      ...props,
+      bizType: '1',
+    })
+    return {
+      success: status
+    }
+  }catch(err){
+    return {
+      success: false
+    }
+  }
+}
+
+export const modDelTimeSchedule = async (props: IModDeleteTaskByIds) =>{
+  try{
+    const status = await commonApi.timerApi.modDeleteTaskByIds({
+      ...props,
+      bizType: '1',
+      status: props.status ?? 2
+    })
+    return {
+      success: status
+    }
+  }catch(err){
+    return {
+      success: false
+    }
+  }
+}