aiot-platform-ui/apps/web-antd/src/utils/rangePickerProps.ts

import type { Dayjs } from 'dayjs';

import dayjs from 'dayjs';

import { $t } from '#/locales';

/** 时间段选择器拓展  */
export function getRangePickerDefaultProps() {
  return {
    format: 'YYYY-MM-DD HH:mm:ss',
    placeholder: [
      $t('utils.rangePicker.beginTime'),
      $t('utils.rangePicker.endTime'),
    ],
    ranges: {
      [$t('utils.rangePicker.today')]: () =>
        [dayjs().startOf('day'), dayjs().endOf('day')] as [Dayjs, Dayjs],
      [$t('utils.rangePicker.last7Days')]: () =>
        [dayjs().subtract(7, 'day').startOf('day'), dayjs().endOf('day')] as [
          Dayjs,
          Dayjs,
        ],
      [$t('utils.rangePicker.last30Days')]: () =>
        [dayjs().subtract(30, 'day').startOf('day'), dayjs().endOf('day')] as [
          Dayjs,
          Dayjs,
        ],
      [$t('utils.rangePicker.yesterday')]: () =>
        [
          dayjs().subtract(1, 'day').startOf('day'),
          dayjs().subtract(1, 'day').endOf('day'),
        ] as [Dayjs, Dayjs],
      [$t('utils.rangePicker.thisWeek')]: () =>
        [dayjs().startOf('week'), dayjs().endOf('day')] as [Dayjs, Dayjs],
      [$t('utils.rangePicker.thisMonth')]: () =>
        [dayjs().startOf('month'), dayjs().endOf('day')] as [Dayjs, Dayjs],
      [$t('utils.rangePicker.lastWeek')]: () =>
        [dayjs().subtract(1, 'week').startOf('day'), dayjs().endOf('day')] as [
          Dayjs,
          Dayjs,
        ],
    },
    showTime: {
      defaultValue: [
        dayjs('00:00:00', 'HH:mm:ss'),
        dayjs('23:59:59', 'HH:mm:ss'),
      ],
      format: 'HH:mm:ss',
    },
    transformDateFunc: (dates: any) => {
      if (dates && dates.length === 2) {
        // 格式化为后台支持的时间格式
        return [dates.createTime[0], dates.createTime[1]].join(',');
      }
      return {};
    },
    valueFormat: 'YYYY-MM-DD HH:mm:ss',
  };
}