定时重复弹窗提示组件

更新时间：2022-04-01 02:47:10下载pdf

TimingRepeatList

组件简介

用于多个定时任务之间冲突提示，可与 TimeFormatComponent 组件共同使用。

组件属性

字段名	类型	描述	默认值
is24Hour	Bool	是否24小时进制	false
singleTimeProps	any	时间点属性	{}
rangeTimeProps	any	时间段属性	{}
style	Style	最外层样式	{}
contentStyle	Style	滚动区域样式	{}
itemStyle	Style	item项样式	{}
rightStyle	Style	每一项右边部分样式	{}
nameStyle	Style	名称文字样式	{}

使用示例

import React, { useEffect } from 'react';
import { TimingRepeatList } from '@tuya/tuya-panel-lamp-sdk';
import { Dialog } from 'tuya-panel-kit';

const data = [
  {
    name: '普通定时',
    startTime: 100,
    endTime: 100,
  },
  {
    name: '入睡',
    startTime: 120,
  },
  {
    name: '入睡',
    startTime: 308,
    endTime: 348,
  },
];

const TimeFormatComponentScene: React.FC<any> = () => {
  useEffect(() => {
    Dialog.custom({
      title: '定时重复',
      subTitle: '目前设置的定时与以下存在重复',
      content: <TimingRepeatList is24Hour={false} data={data} />,
      cancelText: '取消',
      onConfirm: () => {
        Dialog.close();
      },
    });
  }, []);

  return <></>;
};

export default TimeFormatComponentScene;

上一篇时间文本格式化组件

下一篇照明工具库