@ledvance/ui-biz-bundle 1.1.67 → 1.1.69

package/src/newModules/mood/AddMoodPage.tsx

@@ -1,194 +1,194 @@
-import Strings from '@ledvance/base/src/i18n';
-import Page from '@ledvance/base/src/components/Page';
-import React, { useCallback } from 'react';
-import { FlatList, StyleSheet, Text, View } from 'react-native';
-import { Utils } from 'tuya-panel-kit';
-import RecommendMoodItem from './RecommendMoodItem';
-import Spacer from '@ledvance/base/src/components/Spacer';
-import { useReactive } from 'ahooks';
-import { useNavigation, useRoute } from '@react-navigation/native';
-import {
-  MoodPageParams,
-  MoodNodeTransitionMode,
-  MoodUIInfo,
-  MoodJumpGradientMode,
-} from './Interface';
-import { Result } from '@ledvance/base/src/models/modules/Result';
-import { ui_biz_routerKey } from '../../navigation/Routers'
-import { difference, head, range } from 'lodash';
-import { RecommendMood, getRecommendMixMoods, getRecommendMoods } from './MoodInfo';
-
-const cx = Utils.RatioUtils.convertX;
-
-export interface AddMoodPageParams {
-  isStatic: boolean;
-  moodIds: number[];
-  moduleParams: MoodPageParams;
-  nameRepeat: (mood: MoodUIInfo) => boolean
-  modDeleteMood: (mode: 'add' | 'edit' | 'del', currentMood: MoodUIInfo) => Promise<Result<any>>;
-}
-
-interface AddMoodPageState {
-  data: RecommendMood[];
-}
-
-const AddMoodPage = () => {
-  const navigation = useNavigation();
-  const routeParams = useRoute().params as AddMoodPageParams;
-  const moduleParams = routeParams.moduleParams;
-  const isMix = !!(moduleParams.isMixLight || moduleParams.isCeilingLight);
-  const state = useReactive<AddMoodPageState>({
-    data: isMix
-      ? getRecommendMixMoods(routeParams.isStatic, moduleParams)
-      : getRecommendMoods(routeParams.isStatic, moduleParams),
-  });
-
-  const getFormateItem = item => {
-    return {
-      ...item,
-      version: 0,
-      secondaryLamp: item.secondaryLamp ?? {
-        nodes: [],
-        mode: 0,
-        speed: 75,
-      },
-    };
-  };
-
-  const onMoodItemClick = useCallback(
-    (moodItem: RecommendMood) => {
-      const idRange = range(0, 256);
-      const mainId: number = head(difference(idRange, routeParams.moodIds)) || 0;
-      const secondaryId: number = moduleParams.isCeilingLight ? head(difference(idRange, [...routeParams.moodIds, mainId])) || 0 : 0
-      const url = routeParams.isStatic
-        ? ui_biz_routerKey.ui_biz_static_mood_edit
-        : !!(moduleParams.isCeilingLight || moduleParams.isMixLight)
-          ? ui_biz_routerKey.ui_biz_dynamic_mix_mood_edit
-          : ui_biz_routerKey.ui_biz_dynamic_mood_edit;
-      const currentMood = moodItem.mainLamp
-        ? { ...moodItem, id: mainId, mainLamp: { ...moodItem.mainLamp, id: mainId }, secondaryLamp: { ...moodItem.secondaryLamp, id: secondaryId } }
-        : newMood(mainId, secondaryId, moduleParams.isSupportColor, routeParams.isStatic, moduleParams);
-      navigation.navigate(url, {
-        ...routeParams,
-        mode: 'add',
-        currentMood,
-      });
-    },
-    [routeParams]
-  );
-
-  return (
-    <Page
-      backText={Strings.getLang('add_new_static_mood_system_back')}
-      headlineText={Strings.getLang(
-        routeParams.isStatic
-          ? 'add_new_static_mood_headline_text'
-          : 'add_new_dynamic_mood_headline_text'
-      )}
-    >
-      <View style={styles.root}>
-        <Text style={styles.desc}>
-          {Strings.getLang(
-            routeParams.isStatic
-              ? 'add_new_static_mood_description_text'
-              : 'add_new_dynamic_mood_description_text'
-          )}
-        </Text>
-        <FlatList
-          style={{ flex: 1 }}
-          data={state.data}
-          renderItem={({ item }) => {
-            return (
-              <RecommendMoodItem
-                title={item.name}
-                isMix={isMix}
-                mood={getFormateItem(item)}
-                deviceTypeOption={moduleParams}
-                onPress={() => {
-                  onMoodItemClick(item);
-                }}
-              />
-            );
-          }}
-          ItemSeparatorComponent={() => <Spacer />}
-          ListHeaderComponent={() => <Spacer />}
-          ListFooterComponent={() => <Spacer />}
-          keyExtractor={item => item.name}
-        />
-      </View>
-    </Page>
-  );
-};
-
-const styles = StyleSheet.create({
-  root: {
-    flex: 1,
-    flexDirection: 'column',
-  },
-  desc: {
-    color: '#000',
-    fontSize: cx(16),
-    marginHorizontal: cx(24),
-    marginTop: cx(12),
-  },
-});
-
-export default AddMoodPage;
-
-const defStripConfig = {
-  version: 0,
-  expand: 0,
-  reserved1: 0,
-  reserved2: 0,
-  segmented: 0,
-  loop: 0,
-  excessive: 0,
-  direction: 0,
-}
-
-function newMood(
-  mainId: number,
-  secondaryId: number,
-  isColorMode: boolean,
-  isStatic: boolean,
-  moduleParams: MoodPageParams
-): MoodUIInfo {
-  const jump = moduleParams.isStringLight
-    ? MoodJumpGradientMode.StringJump
-    : moduleParams.isStripLight
-      ? MoodJumpGradientMode.StripJump
-      : MoodJumpGradientMode.SourceJump;
-  const node = {
-    brightness: 100,
-    colorTemp: 100,
-    h: 0,
-    s: 100,
-    v: 100,
-    isColorNode: !!(moduleParams.isCeilingLight || moduleParams.isMixLight) ? false : isColorMode,
-  };
-  return {
-    version: 0,
-    name: '',
-    image: '',
-    id: mainId,
-    mainLamp: {
-      id: mainId,
-      speed: 75,
-      enable: true,
-      fanEnable: true,
-      fanSpeed: 1,
-      ...defStripConfig,
-      mode: isStatic ? MoodNodeTransitionMode.Static : jump,
-      nodes: isStatic ? [node] : [node, { ...node }],
-    },
-    secondaryLamp: {
-      id: secondaryId,
-      enable: true,
-      mode: MoodJumpGradientMode.StripJump,
-      speed: 75,
-      ...defStripConfig,
-      version: 1,
-      nodes: isStatic ? [] : [{ ...node, isColorNode: true }, { ...node, isColorNode: true }],
-    },
-  };
-}
+import Strings from '@ledvance/base/src/i18n';
+import Page from '@ledvance/base/src/components/Page';
+import React, { useCallback } from 'react';
+import { FlatList, StyleSheet, Text, View } from 'react-native';
+import { Utils } from 'tuya-panel-kit';
+import RecommendMoodItem from './RecommendMoodItem';
+import Spacer from '@ledvance/base/src/components/Spacer';
+import { useReactive } from 'ahooks';
+import { useNavigation, useRoute } from '@react-navigation/native';
+import {
+  MoodPageParams,
+  MoodNodeTransitionMode,
+  MoodUIInfo,
+  MoodJumpGradientMode,
+} from './Interface';
+import { Result } from '@ledvance/base/src/models/modules/Result';
+import { ui_biz_routerKey } from '../../navigation/Routers'
+import { difference, head, range } from 'lodash';
+import { RecommendMood, getRecommendMixMoods, getRecommendMoods } from './MoodInfo';
+
+const cx = Utils.RatioUtils.convertX;
+
+export interface AddMoodPageParams {
+  isStatic: boolean;
+  moodIds: number[];
+  moduleParams: MoodPageParams;
+  nameRepeat: (mood: MoodUIInfo) => boolean
+  modDeleteMood: (mode: 'add' | 'edit' | 'del', currentMood: MoodUIInfo) => Promise<Result<any>>;
+}
+
+interface AddMoodPageState {
+  data: RecommendMood[];
+}
+
+const AddMoodPage = () => {
+  const navigation = useNavigation();
+  const routeParams = useRoute().params as AddMoodPageParams;
+  const moduleParams = routeParams.moduleParams;
+  const isMix = !!(moduleParams.isMixLight || moduleParams.isCeilingLight);
+  const state = useReactive<AddMoodPageState>({
+    data: isMix
+      ? getRecommendMixMoods(routeParams.isStatic, moduleParams)
+      : getRecommendMoods(routeParams.isStatic, moduleParams),
+  });
+
+  const getFormateItem = item => {
+    return {
+      ...item,
+      version: 0,
+      secondaryLamp: item.secondaryLamp ?? {
+        nodes: [],
+        mode: 0,
+        speed: 75,
+      },
+    };
+  };
+
+  const onMoodItemClick = useCallback(
+    (moodItem: RecommendMood) => {
+      const idRange = range(0, 256);
+      const mainId: number = head(difference(idRange, routeParams.moodIds)) || 0;
+      const secondaryId: number = moduleParams.isCeilingLight ? head(difference(idRange, [...routeParams.moodIds, mainId])) || 0 : 0
+      const url = routeParams.isStatic
+        ? ui_biz_routerKey.ui_biz_static_mood_edit
+        : !!(moduleParams.isCeilingLight || moduleParams.isMixLight)
+          ? ui_biz_routerKey.ui_biz_dynamic_mix_mood_edit
+          : ui_biz_routerKey.ui_biz_dynamic_mood_edit;
+      const currentMood = moodItem.mainLamp
+        ? { ...moodItem, id: mainId, mainLamp: { ...moodItem.mainLamp, id: mainId }, secondaryLamp: { ...moodItem.secondaryLamp, id: secondaryId } }
+        : newMood(mainId, secondaryId, moduleParams.isSupportColor, routeParams.isStatic, moduleParams);
+      navigation.navigate(url, {
+        ...routeParams,
+        mode: 'add',
+        currentMood,
+      });
+    },
+    [routeParams]
+  );
+
+  return (
+    <Page
+      backText={Strings.getLang('add_new_static_mood_system_back')}
+      headlineText={Strings.getLang(
+        routeParams.isStatic
+          ? 'add_new_static_mood_headline_text'
+          : 'add_new_dynamic_mood_headline_text'
+      )}
+    >
+      <View style={styles.root}>
+        <Text style={styles.desc}>
+          {Strings.getLang(
+            routeParams.isStatic
+              ? 'add_new_static_mood_description_text'
+              : 'add_new_dynamic_mood_description_text'
+          )}
+        </Text>
+        <FlatList
+          style={{ flex: 1 }}
+          data={state.data}
+          renderItem={({ item }) => {
+            return (
+              <RecommendMoodItem
+                title={item.name}
+                isMix={isMix}
+                mood={getFormateItem(item)}
+                deviceTypeOption={moduleParams}
+                onPress={() => {
+                  onMoodItemClick(item);
+                }}
+              />
+            );
+          }}
+          ItemSeparatorComponent={() => <Spacer />}
+          ListHeaderComponent={() => <Spacer />}
+          ListFooterComponent={() => <Spacer />}
+          keyExtractor={item => item.name}
+        />
+      </View>
+    </Page>
+  );
+};
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    flexDirection: 'column',
+  },
+  desc: {
+    color: '#000',
+    fontSize: cx(16),
+    marginHorizontal: cx(24),
+    marginTop: cx(12),
+  },
+});
+
+export default AddMoodPage;
+
+const defStripConfig = {
+  version: 0,
+  expand: 0,
+  reserved1: 0,
+  reserved2: 0,
+  segmented: 0,
+  loop: 0,
+  excessive: 0,
+  direction: 0,
+}
+
+function newMood(
+  mainId: number,
+  secondaryId: number,
+  isColorMode: boolean,
+  isStatic: boolean,
+  moduleParams: MoodPageParams
+): MoodUIInfo {
+  const jump = moduleParams.isStringLight
+    ? MoodJumpGradientMode.StringJump
+    : moduleParams.isStripLight
+      ? MoodJumpGradientMode.StripJump
+      : MoodJumpGradientMode.SourceJump;
+  const node = {
+    brightness: 100,
+    colorTemp: 100,
+    h: 0,
+    s: 100,
+    v: 100,
+    isColorNode: !!(moduleParams.isCeilingLight || moduleParams.isMixLight) ? false : isColorMode,
+  };
+  return {
+    version: 0,
+    name: '',
+    image: '',
+    id: mainId,
+    mainLamp: {
+      id: mainId,
+      speed: 75,
+      enable: true,
+      fanEnable: true,
+      fanSpeed: 1,
+      ...defStripConfig,
+      mode: isStatic ? MoodNodeTransitionMode.Static : jump,
+      nodes: isStatic ? [node] : [node, { ...node }],
+    },
+    secondaryLamp: {
+      id: secondaryId,
+      enable: true,
+      mode: MoodJumpGradientMode.StripJump,
+      speed: 75,
+      ...defStripConfig,
+      version: 1,
+      nodes: isStatic ? [] : [{ ...node, isColorNode: true }, { ...node, isColorNode: true }],
+    },
+  };
+}