PIR 被动式红外传感器组件

更新时间：2021-08-27 11:07:18下载pdf

TYIpcPir 用于控制 PIR （被动式红外传感器）监控区域的功能。支持通过传入参数设置 PIR 区域的数量和对应 PIR 监控区域的功能。

示图展示

组件属性

字段名	类型	描述	默认值
pieNumber	number	显示扇形区域数目，最大值为 3	1
containerStyle	ViewStyle	容器样式	{}
title	string	标题文本	‘PIR Title’
titleStyle	TextStyle	标题文本样式	{}
activeColor	string	激活颜色	‘#fc2f07’
OnText	string	开启文本	‘ON’
OffText	string	关闭文本	‘OFF’
pieBtnTextStyle	TextStyle	开关按钮文本样式	{}
dpCodeA	string	PIR 控制区域 A 的 dpcode 值或自定义 key 值	‘flight_pir_a’
dpCodeAValue	boolean	PIR 控制区域 A 的 dp 值或自定义值	false
dpCodeB	string	PIR 控制区域 B 的 dpcode 值或自定义 key 值	‘flight_pir_b’
dpCodeBValue	boolean	PIR 控制区域 B 的 dp 值或自定义值	false
dpCodeC	string	PIR 控制区域 C 的 dpcode 值或自定义 key 值	‘flight_pir_c’
dpCodeCValue	boolean	PIR 控制区域 C 的 dp 值或自定义值	false

组件说明

pieNumber 的取值和对应的 dpCode 及 dpCodeValue 生效状态关联。pieNumber 取值说明如下：

1：仅 dpCodeA，dpCodeAValue 生效。
2：dpCodeA、dpCodeAValue、dpCodeB 和 dpCodeBValue 生效。
3：dpCodeA、dpCodeAValue、dpCodeB、dpCodeBValue、dpCodeC 和 dpCodeCValue 生效。

使用示例

import { TYIpcPir } from '@tuya/tuya-panel-ipc-sdk';
...

  const [dpCodeAValue, setDpCodeAValue] = useState(false);
  const onChangePir = (dpCode: string, value: boolean) => {
    if (dpCode === 'flight_pir_a') {
      setDpCodeAValue(!value);
    } 
  };
  
  <TYIpcPir
        title="Set PIR alarm area"
        onChangePir={onChangePir}
        dpCodeAValue={dpCodeAValue}
        pieNumber={1}
   />

上一篇IpcLayoutAuto 自适应布局

下一篇宫格菜单组件