@ledvance/ui-biz-bundle 1.1.69 → 1.1.70

package/src/newModules/lightMode/LightModePage.tsx

@@ -1,204 +1,204 @@
-import React, { PropsWithChildren } from 'react'
-import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View, ViewProps } from 'react-native'
-import Page from '@ledvance/base/src/components/Page'
-import {useDeviceInfo, useDp} from '@ledvance/base/src/models/modules/NativePropsSlice'
-import I18n from '@ledvance/base/src/i18n'
-import { Utils } from 'tuya-panel-kit'
-import Spacer from '@ledvance/base/src/components/Spacer'
-import Card from '@ledvance/base/src/components/Card'
-import res from '@ledvance/base/src/res'
-import { useReactive, useUpdateEffect } from 'ahooks'
-import { useParams } from '@ledvance/base/src/hooks/Hooks'
-import {Result} from "@ledvance/base/src/models/modules/Result";
-
-const { convertX: cx } = Utils.RatioUtils
-
-const LIGHT_MODE_RELAY = 'relay'
-const LIGHT_MODE_POS = 'pos'
-const LIGHT_MODE_OFF = 'off'
-const LIGHT_MODE_ON = 'on'
-
-export interface LightModePageParams {
-  lightModeCode: string
-}
-
-type LightMode = 'relay' | 'pos' | 'off' | 'on'
-
-export const useLightMode = (code: string): [LightMode, (v: LightMode) => Promise<Result<any>>] => {
-  return useDp(code)
-}
-
-const LightModePage = () => {
-  const params = useParams<LightModePageParams>()
-  const deviceInfo = useDeviceInfo()
-  const [lightMode, setLightMode] = useLightMode(params.lightModeCode)
-
-  const state = useReactive({
-    lightMode: lightMode,
-    loading: false,
-  })
-
-  useUpdateEffect(() => {
-    state.lightMode = lightMode
-  }, [lightMode])
-
-  return (
-    <Page
-      backText={deviceInfo.name}
-      headlineText={I18n.getLang('matterplug_LED')}
-      loading={state.loading}>
-      <ScrollView style={styles.root} nestedScrollEnabled={true}>
-        <Text style={styles.desc}>
-          {I18n.getLang('matterplug_description')}
-        </Text>
-        <Spacer />
-        <View style={styles.modeSelectGroup}>
-          <Spacer height={cx(8)} />
-          <Text style={styles.modeTip}>
-            {I18n.getLang('matterplug_heading')}
-          </Text>
-          <Spacer height={cx(8)} />
-          <Card style={styles.modeSelectCard}>
-            <Spacer height={cx(12)} />
-            <LightModeItem
-              enable={state.lightMode === LIGHT_MODE_RELAY}
-              title={I18n.getLang('matterplug_option1title')}
-              content={I18n.getLang('matterplug_option1description')}
-              onPress={async () => {
-                state.lightMode = LIGHT_MODE_RELAY
-                await setLightMode(state.lightMode)
-              }} />
-            <View style={styles.line} />
-            <Spacer height={cx(8)} />
-            <LightModeItem
-              enable={state.lightMode === LIGHT_MODE_POS}
-              title={I18n.getLang('matterplug_option2title')}
-              content={I18n.getLang('matterplug_option2description')}
-              onPress={async () => {
-                state.lightMode = LIGHT_MODE_POS
-                await setLightMode(state.lightMode)
-              }} />
-            <View style={styles.line} />
-            <Spacer height={cx(8)} />
-            <LightModeItem
-              enable={state.lightMode === LIGHT_MODE_OFF}
-              title={I18n.getLang('matterplug_option3title')}
-              content={I18n.getLang('matterplug_option3description')}
-              onPress={async () => {
-                state.lightMode = LIGHT_MODE_OFF
-                await setLightMode(state.lightMode)
-              }} />
-            <Spacer height={cx(8)} />
-            <View style={styles.line} />
-            <LightModeItem
-              enable={state.lightMode === LIGHT_MODE_ON}
-              title={I18n.getLang('matterplug_option4title')}
-              content={I18n.getLang('matterplug_option4description')}
-              onPress={async () => {
-                state.lightMode = LIGHT_MODE_ON
-                await setLightMode(state.lightMode)
-              }} />
-            <Spacer height={cx(4)} />
-          </Card>
-          <Spacer height={cx(8)} />
-        </View>
-      </ScrollView>
-    </Page>
-  )
-}
-
-interface LightModeItemProps extends PropsWithChildren<ViewProps> {
-  onPress: () => void
-  title: string
-  content: string
-  enable: boolean
-}
-
-function LightModeItem(props: LightModeItemProps) {
-  return (
-    <TouchableOpacity onPress={props.onPress}>
-      <View style={styles.itemRoot}>
-        <View style={styles.itemTextGroup}>
-          <Text style={styles.itemTitle}>{props.title}</Text>
-          <Spacer height={cx(4)} />
-          <Text style={styles.itemContent}>{props.content}</Text>
-        </View>
-        <Image
-          source={{ uri: res.ic_check }}
-          style={[
-            styles.itemCheckedIcon,
-            {
-              display: props.enable ? 'flex' : 'none',
-            },
-          ]} />
-      </View>
-    </TouchableOpacity>
-  )
-}
-
-const styles = StyleSheet.create({
-  root: {
-    flex: 1,
-  },
-  desc: {
-    marginHorizontal: cx(24),
-    color: '#000',
-    fontSize: cx(14),
-    fontWeight: 'bold',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  tipText: {
-    marginHorizontal: cx(24),
-    color: '#000',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  modeSelectGroup: {
-    marginHorizontal: cx(24),
-    backgroundColor: '#f6f6f6',
-    borderRadius: cx(4),
-  },
-  modeTip: {
-    marginHorizontal: cx(8),
-    color: '#000',
-    fontSize: cx(14),
-    fontWeight: 'bold',
-    fontFamily: 'helvetica_neue_lt_std_bd',
-  },
-  modeSelectCard: {
-    marginHorizontal: cx(8),
-  },
-  line: {
-    height: cx(1),
-    marginHorizontal: cx(12),
-    backgroundColor: '#3C3C435B',
-  },
-  itemRoot: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingHorizontal: cx(12),
-    paddingBottom: cx(8),
-  },
-  itemTextGroup: {
-    flex: 1,
-    marginEnd: cx(12),
-    justifyContent: 'center',
-  },
-  itemTitle: {
-    color: '#000',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  itemContent: {
-    color: '#666',
-    fontSize: cx(14),
-    fontFamily: 'helvetica_neue_lt_std_roman',
-  },
-  itemCheckedIcon: {
-    width: cx(32),
-    height: cx(32),
-    marginEnd: cx(4),
-  },
-})
-
-export default LightModePage
+import React, { PropsWithChildren } from 'react'
+import { Image, ScrollView, StyleSheet, Text, TouchableOpacity, View, ViewProps } from 'react-native'
+import Page from '@ledvance/base/src/components/Page'
+import {useDeviceInfo, useDp} from '@ledvance/base/src/models/modules/NativePropsSlice'
+import I18n from '@ledvance/base/src/i18n'
+import { Utils } from 'tuya-panel-kit'
+import Spacer from '@ledvance/base/src/components/Spacer'
+import Card from '@ledvance/base/src/components/Card'
+import res from '@ledvance/base/src/res'
+import { useReactive, useUpdateEffect } from 'ahooks'
+import { useParams } from '@ledvance/base/src/hooks/Hooks'
+import {Result} from "@ledvance/base/src/models/modules/Result";
+
+const { convertX: cx } = Utils.RatioUtils
+
+const LIGHT_MODE_RELAY = 'relay'
+const LIGHT_MODE_POS = 'pos'
+const LIGHT_MODE_OFF = 'off'
+const LIGHT_MODE_ON = 'on'
+
+export interface LightModePageParams {
+  lightModeCode: string
+}
+
+type LightMode = 'relay' | 'pos' | 'off' | 'on'
+
+export const useLightMode = (code: string): [LightMode, (v: LightMode) => Promise<Result<any>>] => {
+  return useDp(code)
+}
+
+const LightModePage = () => {
+  const params = useParams<LightModePageParams>()
+  const deviceInfo = useDeviceInfo()
+  const [lightMode, setLightMode] = useLightMode(params.lightModeCode)
+
+  const state = useReactive({
+    lightMode: lightMode,
+    loading: false,
+  })
+
+  useUpdateEffect(() => {
+    state.lightMode = lightMode
+  }, [lightMode])
+
+  return (
+    <Page
+      backText={deviceInfo.name}
+      headlineText={I18n.getLang('matterplug_LED')}
+      loading={state.loading}>
+      <ScrollView style={styles.root} nestedScrollEnabled={true}>
+        <Text style={styles.desc}>
+          {I18n.getLang('matterplug_description')}
+        </Text>
+        <Spacer />
+        <View style={styles.modeSelectGroup}>
+          <Spacer height={cx(8)} />
+          <Text style={styles.modeTip}>
+            {I18n.getLang('matterplug_heading')}
+          </Text>
+          <Spacer height={cx(8)} />
+          <Card style={styles.modeSelectCard}>
+            <Spacer height={cx(12)} />
+            <LightModeItem
+              enable={state.lightMode === LIGHT_MODE_RELAY}
+              title={I18n.getLang('matterplug_option1title')}
+              content={I18n.getLang('matterplug_option1description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_RELAY
+                await setLightMode(state.lightMode)
+              }} />
+            <View style={styles.line} />
+            <Spacer height={cx(8)} />
+            <LightModeItem
+              enable={state.lightMode === LIGHT_MODE_POS}
+              title={I18n.getLang('matterplug_option2title')}
+              content={I18n.getLang('matterplug_option2description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_POS
+                await setLightMode(state.lightMode)
+              }} />
+            <View style={styles.line} />
+            <Spacer height={cx(8)} />
+            <LightModeItem
+              enable={state.lightMode === LIGHT_MODE_OFF}
+              title={I18n.getLang('matterplug_option3title')}
+              content={I18n.getLang('matterplug_option3description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_OFF
+                await setLightMode(state.lightMode)
+              }} />
+            <Spacer height={cx(8)} />
+            <View style={styles.line} />
+            <LightModeItem
+              enable={state.lightMode === LIGHT_MODE_ON}
+              title={I18n.getLang('matterplug_option4title')}
+              content={I18n.getLang('matterplug_option4description')}
+              onPress={async () => {
+                state.lightMode = LIGHT_MODE_ON
+                await setLightMode(state.lightMode)
+              }} />
+            <Spacer height={cx(4)} />
+          </Card>
+          <Spacer height={cx(8)} />
+        </View>
+      </ScrollView>
+    </Page>
+  )
+}
+
+interface LightModeItemProps extends PropsWithChildren<ViewProps> {
+  onPress: () => void
+  title: string
+  content: string
+  enable: boolean
+}
+
+function LightModeItem(props: LightModeItemProps) {
+  return (
+    <TouchableOpacity onPress={props.onPress}>
+      <View style={styles.itemRoot}>
+        <View style={styles.itemTextGroup}>
+          <Text style={styles.itemTitle}>{props.title}</Text>
+          <Spacer height={cx(4)} />
+          <Text style={styles.itemContent}>{props.content}</Text>
+        </View>
+        <Image
+          source={{ uri: res.ic_check }}
+          style={[
+            styles.itemCheckedIcon,
+            {
+              display: props.enable ? 'flex' : 'none',
+            },
+          ]} />
+      </View>
+    </TouchableOpacity>
+  )
+}
+
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+  },
+  desc: {
+    marginHorizontal: cx(24),
+    color: '#000',
+    fontSize: cx(14),
+    fontWeight: 'bold',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  tipText: {
+    marginHorizontal: cx(24),
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  modeSelectGroup: {
+    marginHorizontal: cx(24),
+    backgroundColor: '#f6f6f6',
+    borderRadius: cx(4),
+  },
+  modeTip: {
+    marginHorizontal: cx(8),
+    color: '#000',
+    fontSize: cx(14),
+    fontWeight: 'bold',
+    fontFamily: 'helvetica_neue_lt_std_bd',
+  },
+  modeSelectCard: {
+    marginHorizontal: cx(8),
+  },
+  line: {
+    height: cx(1),
+    marginHorizontal: cx(12),
+    backgroundColor: '#3C3C435B',
+  },
+  itemRoot: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: cx(12),
+    paddingBottom: cx(8),
+  },
+  itemTextGroup: {
+    flex: 1,
+    marginEnd: cx(12),
+    justifyContent: 'center',
+  },
+  itemTitle: {
+    color: '#000',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  itemContent: {
+    color: '#666',
+    fontSize: cx(14),
+    fontFamily: 'helvetica_neue_lt_std_roman',
+  },
+  itemCheckedIcon: {
+    width: cx(32),
+    height: cx(32),
+    marginEnd: cx(4),
+  },
+})
+
+export default LightModePage

package/src/newModules/lightMode/Router.ts

@@ -1,16 +1,16 @@
-import {NavigationRoute} from "tuya-panel-kit";
-import LightModePage from "./LightModePage";
-import {ui_biz_routerKey} from "../../navigation/Routers";
-
-const LightModePageRouters: NavigationRoute[] = [
-  {
-    name: ui_biz_routerKey.ui_biz_light_mode,
-    component: LightModePage,
-    options:{
-      hideTopbar: true,
-      showOfflineView: false,
-    }
-  }
-]
-
-export default LightModePageRouters
+import {NavigationRoute} from "tuya-panel-kit";
+import LightModePage from "./LightModePage";
+import {ui_biz_routerKey} from "../../navigation/Routers";
+
+const LightModePageRouters: NavigationRoute[] = [
+  {
+    name: ui_biz_routerKey.ui_biz_light_mode,
+    component: LightModePage,
+    options:{
+      hideTopbar: true,
+      showOfflineView: false,
+    }
+  }
+]
+
+export default LightModePageRouters