@ledvance/base 1.0.1

package/.babelrc

@@ -0,0 +1,31 @@
+{
+  "presets": ["module:metro-react-native-babel-preset"],
+  "plugins": [
+    ["@babel/plugin-proposal-decorators", { "legacy": true }],
+    ["module-resolver", {
+      "cwd": "babelrc",
+      "root": ["./src"],
+      "extensions": [
+        ".ts",
+        ".tsx",
+        ".js",
+        ".jsx",
+        ".json"
+      ],
+      "alias": {
+        "@api": "./src/api",
+        "@components": "./src/components",
+        "@config": "./src/config",
+        "@i18n": "./src/i18n",
+        "@models": "./src/models",
+        "@res": "./src/res",
+        "@utils": "./src/utils"
+      }
+    }]
+  ],
+  "env": {
+    "production": {
+      "plugins": ["transform-remove-console"]
+    }
+  }
+}

package/.eslintignore

@@ -0,0 +1,6 @@
+node_modules
+__tests__
+src
+index.js
+index.ios.js
+index.android.js

package/.eslintrc.js

@@ -0,0 +1,27 @@
+const path = require('path');
+
+module.exports = {
+  root: true,
+  extends: ['tuya/react-native'],
+  rules: {
+    'one-var': 0,
+    '@typescript-eslint/no-unused-vars': 0,
+    'react/jsx-props-no-spreading': 0,
+  },
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@api', path.resolve(__dirname, './src/api')],
+          ['@components', path.resolve(__dirname, './src/components')],
+          ['@config', path.resolve(__dirname, './src/config')],
+          ['@i18n', path.resolve(__dirname, './src/i18n')],
+          ['@models', path.resolve(__dirname, './src/models')],
+          ['@res', path.resolve(__dirname, './src/res')],
+          ['@utils', path.resolve(__dirname, './src/utils')],
+        ],
+        extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
+      },
+    },
+  },
+};

package/.prettierrc.js

@@ -0,0 +1 @@
+module.exports = require('eslint-config-tuya/.prettierrc.js');

package/.versionrc

@@ -0,0 +1,5 @@
+{
+  "commitUrlFormat": "https://github.com/tuya/tuya-panel-demo/commit/{{hash}}",
+  "releaseCommitMessageFormat": "chore(release): @template/basic-ts-navigation {{currentTag}}",
+  "path": "."
+}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "rnVersion": "5.30",
+  "license": "MIT",
+  "name": "@ledvance/base",
+  "pid": [],
+  "uiid": "",
+  "version": "1.0.1",
+  "scripts": {},
+  "dependencies": {
+    "@reduxjs/toolkit": "^1.8.6",
+    "@tuya/tuya-panel-api": "^1.12.0",
+    "ahooks": "^2.x",
+    "buffer": "^6.0.3",
+    "dayjs": "^1.11.5",
+    "events": "^1.1.1",
+    "lodash": "^4.17.19",
+    "moment": "^2.20.1",
+    "prop-types": "^15.6.1",
+    "react": "16.8.3",
+    "react-addons-shallow-compare": "^15.6.2",
+    "react-native": "0.59.10",
+    "react-native-render-html": "^6.3.4",
+    "react-native-svg": "5.5.1",
+    "react-redux": "^7.2.1",
+    "redux": "^4.0.0",
+    "redux-actions": "^2.6.1",
+    "redux-logger": "^3.0.6",
+    "redux-observable": "^1.0.0",
+    "redux-thunk": "^2.3.0",
+    "rxjs": "^6.3.1",
+    "rxjs-compat": "^6.3.1",
+    "style-equal": "^1.0.0",
+    "tuya-panel-kit": "^4.9.4"
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-decorators": "^7.12.1",
+    "@commitlint/cli": "^11.0.0",
+    "@tuya/tuya-panel-patches": "^0.59.10",
+    "@types/lodash": "^4.14.137",
+    "@types/react": "^16.0.4",
+    "@types/react-native": "^0.60.0",
+    "@types/react-redux": "^7.1.2",
+    "@types/redux": "^3.6.0",
+    "@types/redux-actions": "^2.6.1",
+    "@types/redux-logger": "^3.0.7",
+    "@types/tuya-panel-kit": "^4.7.3",
+    "babel-jest": "^22.1.0",
+    "babel-plugin-import": "^1.11.0",
+    "babel-plugin-module-resolver": "^4.0.0",
+    "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "commitizen": "^4.2.2",
+    "commitlint-config-cz": "^0.13.2",
+    "cz-customizable": "^6.3.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-tuya": "^1.0.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-import-resolver-react-native": "^0.2.0",
+    "eslint-plugin-react-native": "^3.10.0",
+    "husky": "^4.3.0",
+    "jest": "^22.1.1",
+    "metro-react-native-babel-preset": "^0.63.0",
+    "react-native-typescript-transformer": "^1.2.13",
+    "react-test-renderer": "^16.2.0",
+    "standard-version": "^9.0.0",
+    "typescript": "^4.1.2"
+  },
+  "jest": {
+    "preset": "react-native"
+  }
+}

package/rn-cli.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  getTransformModulePath() {
+    return require.resolve('react-native-typescript-transformer');
+  },
+  getSourceExts() {
+    return ['ts', 'tsx'];
+  },
+};

package/src/api/native.d.ts

@@ -0,0 +1,16 @@
+import { NativeResult } from '../models/modules/Result';
+export declare class NativeApi {
+    static back(): void;
+    static log(msg: string): void;
+    static logObj(msg: any): void;
+    static showObj(obj: any): void;
+    static timerList(deviceId: string): Promise<any>;
+    static addTimer(deviceId: string, value: any, callback?: (res: any) => void): void;
+    static editTimer(deviceId: string, value: any, callback?: (res: any) => void): void;
+    static deleteTimer(deviceId: string, value: any, callback?: (res: any) => void): void;
+    static setDp<T>(deviceId: string, key: string, value: any): Promise<NativeResult<T>>;
+    static setDps<T>(deviceId: string, dps: any): Promise<NativeResult<T>>;
+    static deleteDevice(deviceId: string, isReset: boolean): Promise<NativeResult<any>>;
+    static renameDevice(deviceId: string, name: string): Promise<NativeResult<any>>;
+    static toDeviceSettingsPage(deviceId: string): void;
+}

package/src/api/native.ts

@@ -0,0 +1,161 @@
+import {NativeModules} from 'react-native'
+import {NativeResult} from '../models/modules/Result'
+
+interface LDVDevicePanelManager {
+    back: () => void
+    control: (params: any, callback: (result: any) => void) => void
+    setTimer: (params: any, callback: (result: any) => void) => void
+    deleteDevice: (deviceId: string, isReset: boolean, callback: (result: any) => void) => void
+    rename: (deviceId: string, name: string, callback: (result: any) => void) => void
+    toDeviceSettingsPage: (deviceId: string) => void
+}
+
+const devicePanel: LDVDevicePanelManager = NativeModules.LDVDevicePanelManager
+const logManager = NativeModules.RNLogManager
+
+const back = () => {
+    devicePanel.back()
+}
+
+const log = (str: string) => {
+    logManager.log(str)
+}
+
+const showObj = (objc) => {
+    if (!!objc) {
+        logManager.objc(objc)
+    }
+}
+
+const control = (devId, dps, callback) => {
+    devicePanel.control({devId, dps: JSON.stringify(dps)}, res => {
+        callback && callback(res)
+    })
+}
+
+// timer
+const TASK = 'LDV_TY'
+
+const timerList = devId => {
+    return new Promise((resolve, _reject) => {
+        const params = {devId, task: TASK, action: 'list', bizType: 0}
+        devicePanel.setTimer(params, res => {
+            resolve(res)
+        })
+    })
+}
+
+const addTimer = (devId, value, callback: any = undefined) => {
+    const params = {devId, task: TASK, action: 'add', value, bizType: 0}
+    devicePanel.setTimer(params, res => {
+        callback && callback(res)
+    })
+}
+
+const editTimer = (devId, value, callback: any = undefined) => {
+    const params = {devId, task: TASK, action: 'update', value, bizType: 0}
+    devicePanel.setTimer(params, res => {
+        callback && callback(res)
+    })
+}
+
+const deleteTimer = (devId, value, callback: any = undefined) => {
+    const params = {devId, task: TASK, action: 'delete', value, bizType: 0}
+    devicePanel.setTimer(params, res => {
+        callback && callback(res)
+    })
+}
+
+const setDp = <T>(deviceId: string, key: string, value: any) => {
+    return new Promise<NativeResult<T>>((resolve, _reject) => {
+        control(deviceId, {[key]: value}, res => {
+            resolve(res)
+        })
+    })
+}
+
+const setDps = <T>(deviceId: string, dps: any) => {
+    return new Promise<NativeResult<T>>((resolve, _reject) => {
+        control(deviceId, dps, res => {
+            resolve(res)
+        })
+    })
+}
+
+type DeleteDeviceResultType = (deviceId: string, isReset: boolean) => Promise<NativeResult<any>>
+
+const deleteDevice: DeleteDeviceResultType = (deviceId: string, isReset: boolean) => {
+    return new Promise((resolve, _reject) => {
+        devicePanel.deleteDevice(deviceId, isReset, res => {
+            resolve(res)
+        })
+    })
+}
+
+type RenameResultType = (deviceId: string, name: string) => Promise<NativeResult<any>>
+
+const rename: RenameResultType = (deviceId: string, name: string) => {
+    return new Promise((resolve, _reject) => {
+        devicePanel.rename(deviceId, name, res => {
+            resolve(res)
+        })
+    })
+}
+
+function toDeviceSettingsPage(tuyaDeviceId: string) {
+    devicePanel.toDeviceSettingsPage(tuyaDeviceId)
+}
+
+export class NativeApi {
+    static back(): void {
+        back()
+    }
+
+    static log(msg: string): void {
+        log(msg)
+    }
+
+    static logObj(msg: any): void {
+        this.log(JSON.stringify(msg))
+    }
+
+    static showObj(obj: any): void {
+        showObj(obj)
+    }
+
+    static timerList(deviceId: string): Promise<any> {
+        return timerList(deviceId)
+    }
+
+    static addTimer(deviceId: string, value: any, callback?: (res: any) => void): void {
+        addTimer(deviceId, value, callback)
+    }
+
+    static editTimer(deviceId: string, value: any, callback?: (res: any) => void): void {
+        editTimer(deviceId, value, callback)
+    }
+
+    static deleteTimer(deviceId: string, value: any, callback?: (res: any) => void): void {
+        deleteTimer(deviceId, value, callback)
+    }
+
+    static setDp<T>(deviceId: string, key: string, value: any): Promise<NativeResult<T>> {
+        return setDp<T>(deviceId, key, value)
+    }
+
+    static setDps<T>(deviceId: string, dps: any): Promise<NativeResult<T>> {
+        return setDps<T>(deviceId, dps)
+    }
+
+    static deleteDevice(deviceId: string, isReset: boolean): Promise<NativeResult<any>> {
+        return deleteDevice(deviceId, isReset)
+    }
+
+    static renameDevice(deviceId: string, name: string): Promise<NativeResult<any>> {
+        return rename(deviceId, name)
+    }
+
+    static toDeviceSettingsPage(deviceId: string): void {
+        toDeviceSettingsPage(deviceId)
+    }
+}

package/src/api/nativeEventEmitter.d.ts

@@ -0,0 +1,2 @@
+export declare const addListener: (store: any) => void;
+export declare const removeListener: () => void;

package/src/api/nativeEventEmitter.ts

@@ -0,0 +1,24 @@
+import {NativeEventEmitter, NativeModules} from 'react-native'
+import {setNativeProps} from '../models/modules/NativePropsSlice'
+
+const nativeModule = NativeModules.LDVDeviceEventEmitter
+const nativeEventEmitter = new NativeEventEmitter(nativeModule)
+
+let listener
+
+export const addListener = (store) => {
+    listener = nativeEventEmitter.addListener('TYDataUpdate', (body: any) => {
+        // device info
+        if (body.dps && body.devId && body.devId === store.getState().ldvModules.devId) {
+            console.log('长链接刷新DP数据', body.devId, body.dps)
+            const data = body
+            data.dps = JSON.parse(body.dps)
+            store.dispatch(setNativeProps(data))
+        }
+    })
+}
+
+export const removeListener = () => {
+    listener && listener.remove()
+    listener = null
+}

package/src/components/Card.d.ts

@@ -0,0 +1,9 @@
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import { PropsWithChildren } from 'react';
+interface CardProps extends PropsWithChildren<ViewProps> {
+    shadowHeight?: number | undefined;
+    onPress?: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+}
+export default function Card(props: CardProps): JSX.Element;
+export {};

package/src/components/Card.tsx

@@ -0,0 +1,35 @@
+import {Platform, StyleProp, TouchableOpacity, View, ViewProps, ViewStyle} from 'react-native'
+import React, {PropsWithChildren} from 'react'
+import {Utils} from 'tuya-panel-kit'
+
+const cx = Utils.RatioUtils.convertX
+
+interface CardProps extends PropsWithChildren<ViewProps> {
+    shadowHeight?: number | undefined
+    onPress?: () => void
+    containerStyle?: StyleProp<ViewStyle>
+}
+
+export default function Card(props: CardProps) {
+    const shadowHeight = props.shadowHeight || cx(7)
+    return (
+        <View
+            style={[{
+                overflow: Platform.OS === 'ios' ? undefined : 'hidden',
+                backgroundColor: 'white',
+                elevation: shadowHeight,
+                shadowColor: '#000000',
+                shadowOpacity: 0.2,
+                shadowRadius: shadowHeight,
+                shadowOffset: {
+                    width: 0,
+                    height: shadowHeight,
+                },
+                borderRadius: cx(10),
+            }, props.style]}>
+            <TouchableOpacity disabled={!(!!props.onPress)} onPress={props.onPress}>
+                <View style={props.containerStyle}>{props.children}</View>
+            </TouchableOpacity>
+        </View>
+    )
+}

package/src/components/Cell.d.ts

@@ -0,0 +1,9 @@
+import { StyleProp, ViewStyle } from 'react-native';
+interface CellProps {
+    title: string;
+    value: string;
+    onPress: () => void;
+    style?: StyleProp<ViewStyle>;
+}
+export default function Cell(props: CellProps): JSX.Element;
+export {};

package/src/components/Cell.tsx

@@ -0,0 +1,41 @@
+import { IconFont, Utils } from 'tuya-panel-kit'
+import { StyleProp, Text, TouchableOpacity, View, ViewStyle } from 'react-native'
+import React from 'react'
+
+const cx = Utils.RatioUtils.convertX
+
+interface CellProps {
+    title: string,
+    value: string,
+    onPress: () => void,
+    style?: StyleProp<ViewStyle>
+}
+
+export default function Cell(props: CellProps) {
+    return (
+        <TouchableOpacity
+            style={[{
+                height: cx(50),
+                paddingHorizontal: cx(24),
+                justifyContent: 'center',
+            }, props.style]}
+            onPress={props.onPress}>
+            <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
+                <Text style={{
+                    fontSize: cx(14),
+                    color: '#444',
+                    fontFamily: 'helvetica_neue_lt_std_roman',
+                }}>{props.title}</Text>
+                <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+                    <Text style={{
+                        fontSize: cx(14),
+                        color: '#444',
+                        fontFamily: 'helvetica_neue_lt_std_roman',
+                    }}>{props.value}</Text>
+                    <View style={{ width: cx(4) }} />
+                    <IconFont color={'#444'} size={cx(11)} name="arrow" />
+                </View>
+            </View>
+        </TouchableOpacity>
+    )
+}

package/src/components/ColorAdjustView.d.ts

@@ -0,0 +1,9 @@
+export interface ColorAdjustViewProps {
+    h: number;
+    s: number;
+    v: number;
+    onHSVChange?: (h: number, s: number, v: number) => void;
+    onHSVChangeComplete: (h: number, s: number, v: number) => void;
+}
+declare const ColorAdjustView: (props: ColorAdjustViewProps) => JSX.Element;
+export default ColorAdjustView;

package/src/components/ColorAdjustView.tsx

@@ -0,0 +1,66 @@
+import {View} from 'react-native'
+import React from 'react'
+import LdvColorSlider from './ldvColorSlider'
+import {hex2Hsv, hsv2Hex} from '../utils'
+import Spacer from './Spacer'
+import LdvPresetView from './ldvPresetView'
+import {Utils} from 'tuya-panel-kit'
+import LdvSaturation from './ldvSaturation'
+import LdvColorBrightness from './ldvColorBrightness'
+import I18n from '../i18n/index'
+
+const {convertX: cx} = Utils.RatioUtils
+
+export interface ColorAdjustViewProps {
+    h: number
+    s: number
+    v: number
+    onHSVChange?: (h: number, s: number, v: number) => void
+    onHSVChangeComplete: (h: number, s: number, v: number) => void
+}
+
+const ColorAdjustView = (props: ColorAdjustViewProps) => {
+    return (
+        <View>
+            <LdvColorSlider
+                type={'color'}
+                title={I18n.getLang('light_sources_tile_sec_lighting_shade')}
+                thumbColor={hsv2Hex(props.h, 100, 100)}
+                value={props.h}
+                onValueChange={hue => {
+                    props.onHSVChange && props.onHSVChange(hue, props.s, props.v)
+                }}
+                onSlidingComplete={hue => {
+                    props.onHSVChangeComplete(hue, props.s, props.v)
+                }}/>
+            <Spacer height={cx(10)}/>
+            <LdvPresetView
+                type={'color'}
+                style={{height: cx(60)}}
+                onPress={(item) => {
+                    const hsv = hex2Hsv(item.color)
+                    if (hsv) {
+                        props.onHSVChangeComplete(hsv.h, hsv.s, hsv.v)
+                    }
+                }}/>
+            <LdvSaturation
+                value={props.s}
+                onValueChange={s => {
+                    props.onHSVChange && props.onHSVChange(props.h, s, props.v)
+                }}
+                onSlidingComplete={s => {
+                    props.onHSVChangeComplete(props.h, s, props.v)
+                }}/>
+            <LdvColorBrightness
+                value={props.v}
+                onValueChange={v => {
+                    props.onHSVChange && props.onHSVChange(props.h, props.s, v)
+                }}
+                onSlidingComplete={v => {
+                    props.onHSVChangeComplete(props.h, props.s, v)
+                }}/>
+        </View>
+    )
+}
+
+export default ColorAdjustView

package/src/components/ColorTempAdjustView.d.ts

@@ -0,0 +1,12 @@
+export interface ColorTempAdjustViewProps {
+    colorTemp: number;
+    brightness: number;
+    isSupportTemperature: boolean;
+    isSupportBrightness: boolean;
+    onCCTChange?: (cct: number) => void;
+    onCCTChangeComplete: (cct: number) => void;
+    onBrightnessChange?: (brightness: number) => void;
+    onBrightnessChangeComplete: (brightness: number) => void;
+}
+declare const ColorTempAdjustView: (props: ColorTempAdjustViewProps) => JSX.Element;
+export default ColorTempAdjustView;

package/src/components/ColorTempAdjustView.tsx

@@ -0,0 +1,55 @@
+import {View} from 'react-native'
+import React from 'react'
+import LdvColorSlider from './ldvColorSlider'
+import Spacer from './Spacer'
+import LdvPresetView from './ldvPresetView'
+import LdvSlider from './ldvSlider'
+import {Utils} from 'tuya-panel-kit'
+import I18n from '../i18n/index'
+
+const {convertX: cx} = Utils.RatioUtils
+
+export interface ColorTempAdjustViewProps {
+    colorTemp: number
+    brightness: number
+    isSupportTemperature: boolean
+    isSupportBrightness: boolean
+    onCCTChange?: (cct: number) => void
+    onCCTChangeComplete: (cct: number) => void
+    onBrightnessChange?: (brightness: number) => void
+    onBrightnessChangeComplete: (brightness: number) => void
+}
+
+const ColorTempAdjustView = (props: ColorTempAdjustViewProps) => {
+    return (
+        <View>
+            {props.isSupportTemperature &&
+                <>
+                    <LdvColorSlider
+                        type={'temperature'}
+                        title={I18n.getLang('light_sources_tile_main_lighting_shade')}
+                        thumbColor={'white'}
+                        value={props.colorTemp}
+                        onValueChange={props.onCCTChange}
+                        onSlidingComplete={props.onCCTChangeComplete}/>
+                    <Spacer height={cx(10)}/>
+                    <LdvPresetView
+                        type={'temperature'}
+                        style={{height: cx(60)}}
+                        onPress={item => {
+                            props.onCCTChangeComplete(item.value)
+                        }}/>
+                    <Spacer height={cx(10)}/>
+                </>
+            }
+            {props.isSupportBrightness &&
+                <LdvSlider
+                    title={I18n.getLang('light_sources_tile_rgb_lighting_brightness')}
+                    value={props.brightness}
+                    onValueChange={props.onBrightnessChange}
+                    onSlidingComplete={props.onBrightnessChangeComplete}/>}
+        </View>
+    )
+}
+
+export default ColorTempAdjustView

package/src/components/Dialog.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from 'react';
+import { ViewProps } from 'react-native';
+interface DialogProps extends PropsWithChildren<ViewProps> {
+    show: boolean;
+    hideMask: boolean;
+    animationType?: 'none' | 'slide' | 'fade';
+    onRequestClose: () => void;
+}
+declare const Dialog: (props: DialogProps) => JSX.Element;
+export default Dialog;

package/src/components/Dialog.tsx

@@ -0,0 +1,39 @@
+import React, { PropsWithChildren } from 'react'
+import { Modal, StyleSheet, TouchableOpacity, ViewProps } from 'react-native'
+
+interface DialogProps extends PropsWithChildren<ViewProps> {
+    show: boolean
+    hideMask: boolean
+    animationType?: 'none' | 'slide' | 'fade'
+    onRequestClose: () => void
+}
+
+const Dialog = (props: DialogProps) => {
+    return (
+        <Modal
+            transparent={true}
+            visible={props.show}
+            animationType={props.animationType || 'fade'}
+            onRequestClose={props.onRequestClose}>
+            <TouchableOpacity
+                style={[
+                    styles.mask,
+                    {
+                        backgroundColor: props.hideMask ? 'rgba(0, 0, 0, 0)' : 'rgba(0, 0, 0, 0.7)',
+                    },
+                ]}
+                activeOpacity={1}
+                onPress={props.onRequestClose}>
+                {props.children}
+            </TouchableOpacity>
+        </Modal>
+    )
+}
+
+const styles = StyleSheet.create({
+    mask: {
+        flex: 1,
+    },
+})
+
+export default Dialog