@para-ui/core 4.0.2 → 4.0.3

package/CycleSelector/index.js

@@ -0,0 +1,716 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import React__default, { useState, useRef, useEffect } from 'react';
+import clsx from 'clsx';
+import dayjs from 'dayjs';
+import CloseIcon from '@para-ui/icons/Close';
+import WarningCircleF from '@para-ui/icons/WarningCircleF';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import DatePicker from '../DatePicker/index.js';
+import Select from '../Select/index.js';
+import { TextField } from '../TextField/index.js';
+import { Popover } from '../Popover/index.js';
+import { Button } from '../Button/index.js';
+import GlobalContext from '@para-ui/core/GlobalContext';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import 'rc-picker/es/generate/dayjs';
+import '../Tag/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '@para-ui/icons/EditOutline';
+import '../AutoTips/index.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '@paraview/lib';
+import '../_verture/tinycolor-ece3542d.js';
+import '@para-ui/icons/Plus';
+import '../_verture/defineProperty-1d116156.js';
+import '../_verture/typeof-adeedc13.js';
+import 'rc-picker';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/Calendar';
+import '@para-ui/icons/Time';
+import '../_verture/index-389675ab.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-635f66f4.js';
+import 'rc-picker/lib/locale/en_US';
+import 'rc-picker/lib/locale/zh_CN';
+import '../Label/index.js';
+import '../Help/index.js';
+import '@para-ui/icons/Help';
+import '../HelperText/index.js';
+import '@para-ui/icons/SortRight';
+import '../Empty/index.js';
+import '../_verture/useGlobalProps-1e416658.js';
+import '@para-ui/icons/Down';
+import '@para-ui/icons/Check';
+import '@para-ui/icons/Search';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+
+var en = {
+  placeholder: 'Please select',
+  pleaseSelect: 'Please select',
+  week1: 'Monday',
+  week2: 'Tuesday',
+  week3: 'Wednesday',
+  week4: 'Thursday',
+  week5: 'Friday',
+  week6: 'Saturday',
+  week0: 'Sunday',
+  every: 'Every ',
+  day: 'Day',
+  week: 'Week',
+  month: 'Month',
+  year: 'Year',
+  one: 'One',
+  two: 'Two',
+  three: 'Three',
+  four: 'Four',
+  five: 'Five',
+  six: 'Six',
+  seven: 'Seven',
+  day1: 'Day 1',
+  day2: 'Day 2',
+  day3: 'Day 3',
+  day4: 'Day 4',
+  day5: 'Day 5',
+  day6: 'Day 6',
+  day7: 'Day 7',
+  day8: 'Day 8',
+  day9: 'Day 9',
+  day10: 'Day 10',
+  day11: 'Day 11',
+  day12: 'Day 12',
+  day13: 'Day 13',
+  day14: 'Day 14',
+  day15: 'Day 15',
+  day16: 'Day 16',
+  day17: 'Day 17',
+  day18: 'Day 18',
+  day19: 'Day 19',
+  day20: 'Day 20',
+  day21: 'Day 21',
+  day22: 'Day 22',
+  day23: 'Day 23',
+  day24: 'Day 24',
+  day25: 'Day 25',
+  day26: 'Day 26',
+  day27: 'Day 27',
+  day28: 'Day 28',
+  day29: 'Day 29',
+  day30: 'Day 30',
+  day31: 'Day 31',
+  the1: 'The first ',
+  the2: 'The 2nd ',
+  the3: 'The 3rd ',
+  the4: 'The 4th ',
+  the5: 'The 5th ',
+  infiniteRepetition: 'Infinite repetition',
+  deadline: 'Deadline',
+  limitNum: 'Limited number of times',
+  noRepetition: 'No repetition',
+  repeatEveryDay: 'Repeat every day',
+  repeatEveryWeek: 'Repeat every week',
+  repeatEveryMonth: 'Repeat every month',
+  repeatEveryYear: 'Repeat every year',
+  customRepetition: 'Custom repetition',
+  th: 'th',
+  repetitionFrequency: 'Repetition frequency',
+  update: 'update',
+  text1: '{every} {time}',
+  text2: ', Terminate duplication after detecting {limitNum} times',
+  text3: ', End time: {date}',
+  weekTip: 'The current schedule time is {week}',
+  endRepetition: 'End repetition',
+  customCycle: 'Custom cycle',
+  cancel: 'Cancel',
+  confirm: 'Confirm'
+};
+
+var zh = {
+  placeholder: '请输入',
+  pleaseSelect: '请选择',
+  week1: '星期一',
+  week2: '星期二',
+  week3: '星期三',
+  week4: '星期四',
+  week5: '星期五',
+  week6: '星期六',
+  week0: '星期日',
+  every: '每',
+  day: '天',
+  week: '周',
+  month: '月',
+  year: '年',
+  one: '一',
+  two: '二',
+  three: '三',
+  four: '四',
+  five: '五',
+  six: '六',
+  seven: '日',
+  day1: '第一天',
+  day2: '第二天',
+  day3: '第三天',
+  day4: '第四天',
+  day5: '第五天',
+  day6: '第六天',
+  day7: '第七天',
+  day8: '第八天',
+  day9: '第九天',
+  day10: '第十天',
+  day11: '第十一天',
+  day12: '第十二天',
+  day13: '第十三天',
+  day14: '第十四天',
+  day15: '第十五天',
+  day16: '第十六天',
+  day17: '第十七天',
+  day18: '第十八天',
+  day19: '第十九天',
+  day20: '第二十天',
+  day21: '第二十一天',
+  day22: '第二十二天',
+  day23: '第二十三天',
+  day24: '第二十四天',
+  day25: '第二十五天',
+  day26: '第二十六天',
+  day27: '第二十七天',
+  day28: '第二十八天',
+  day29: '第二十九天',
+  day30: '第三十天',
+  day31: '第三十一天',
+  the1: '第一个',
+  the2: '第二个',
+  the3: '第三个',
+  the4: '第四个',
+  the5: '第五个',
+  infiniteRepetition: '无限重复',
+  deadline: '截止时间',
+  limitNum: '限定次数',
+  noRepetition: '不重复',
+  repeatEveryDay: '每天重复',
+  repeatEveryWeek: '每周重复',
+  repeatEveryMonth: '每月重复',
+  repeatEveryYear: '每年重复',
+  customRepetition: '自定义重复',
+  th: '号',
+  repetitionFrequency: '重复频率',
+  update: '更改',
+  text1: '{every}的{time}',
+  text2: '，检测{limitNum}次后终止重复',
+  text3: '，结束时间：{date}',
+  weekTip: '当前日程时间为{week}，无法取消勾选',
+  endRepetition: '结束重复',
+  customCycle: '自定义周期',
+  cancel: '取 消',
+  confirm: '确 定'
+};
+
+var localeJson = {
+  zh,
+  en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-cycle-selector .cycle-selector-content {\n  display: flex;\n}\n.paraui-v4-cycle-selector .cycle-selector-content .time-select {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-cycle-selector .cycle-selector-content .select-type {\n  flex: 1;\n  overflow: hidden;\n  margin-left: 10px;\n}\n.paraui-v4-cycle-selector .text-tip {\n  font-size: 12px;\n  color: rgb(29, 33, 38);\n  margin-top: 10px;\n}\n.paraui-v4-cycle-selector .text-tip button {\n  height: inherit;\n  font-size: 12px;\n  margin-left: 8px;\n}\n\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content {\n  width: 480px;\n  padding: 15px 20px 20px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title {\n  display: flex;\n  line-height: 20px;\n  align-items: center;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title .label {\n  flex: 1;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 600;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title svg {\n  color: rgb(92, 101, 115);\n  cursor: pointer;\n  font-size: 18px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .title svg:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content {\n  margin-top: 16px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .item {\n  display: flex;\n  margin-bottom: 20px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .item .label {\n  line-height: 32px;\n  width: 150px;\n  color: rgb(92, 101, 115);\n  font-size: 14px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .item .form-content {\n  display: flex;\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .frequency .form-content .frequency-select {\n  margin-right: 10px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .end-type .form-content .end-type-select {\n  flex: 1;\n  overflow: hidden;\n  margin-right: 10px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .end-type .form-content .right-box {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day {\n  margin-bottom: 0;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select {\n  display: flex;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select > div {\n  flex: 1;\n  overflow: hidden;\n  height: 28px;\n  margin-right: 6px;\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  line-height: 26px;\n  text-align: center;\n  cursor: pointer;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select > div.select-item {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content .execution-day-select > div:last-child {\n  margin-right: 0;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip {\n  min-height: 20px;\n  display: flex;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip.show-tip {\n  opacity: 1;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip svg {\n  color: rgb(255, 147, 38);\n  font-size: 16px;\n  vertical-align: middle;\n  margin-right: 4px;\n  margin-top: 2px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .execution-day .form-content > .tip span {\n  font-size: 12px;\n  color: rgb(255, 147, 38);\n  flex: 1;\n  overflow: hidden;\n  line-height: 20px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .month-cycle-type-list .form-content > div {\n  flex: 1;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .content .month-cycle-type-list .form-content > div:first-child {\n  margin-right: 10px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .footer {\n  text-align: right;\n  margin-top: 30px;\n}\n.paraui-v4-cycle-selector-popover .cycle-selector-popover-content .footer button:last-child {\n  margin-left: 16px;\n}";
+styleInject(css_248z);
+
+const CycleSelector = props => {
+  const {
+    className,
+    style,
+    value,
+    onChange
+  } = props;
+  const {
+    language,
+    locale
+  } = React__default.useContext(GlobalContext);
+  const intl = useFormatMessage('CycleSelector', localeJson);
+  const [valueCom, setValueCom] = useState({});
+  const [list, setList] = useState([]);
+  const [open, setOpen] = useState(false);
+  const [frequencyList, setFrequencyList] = useState([]);
+  const [frequencyTypeList, setFrequencyTypeList] = useState([]);
+  const [endType, setEndType] = useState([]);
+  const [monthCycleTypeList, setMonthCycleTypeList] = useState([]);
+  const [tipWeek, setTipWeek] = useState(false);
+  const constData = useRef({
+    valueCom,
+    value
+  });
+  constData.current.valueCom = valueCom;
+  constData.current.value = value;
+  useEffect(() => {
+    const arr = [];
+    for (let i = 1; i < 30; i++) {
+      arr.push({
+        label: intl('every') + i,
+        value: i
+      });
+    }
+    setFrequencyList(arr);
+    setFrequencyTypeList([{
+      label: intl('day'),
+      value: 'day'
+    }, {
+      label: intl('week'),
+      value: 'week'
+    }, {
+      label: intl('month'),
+      value: 'month'
+    }, {
+      label: intl('year'),
+      value: 'year'
+    }]);
+    setEndType([{
+      label: intl('infiniteRepetition'),
+      value: 0
+    }, {
+      label: intl('deadline'),
+      value: 1
+    }, {
+      label: intl('limitNum'),
+      value: 2
+    }]);
+    constData.current.endTypeMap = {
+      0: intl('infiniteRepetition'),
+      1: intl('deadline'),
+      2: intl('limitNum')
+    };
+    return () => {
+      clearTimeout(constData.current.timerTip);
+    };
+  }, [language]);
+  useEffect(() => {
+    const valC = value ? Object.assign({}, value) : {};
+    if (!valC.startTime) valC.cycleType = 0;
+    setValueCom(valC);
+    constData.current.valueCom = valC;
+    handleSelectData();
+  }, [value, language]);
+  // 处理下拉框选择
+  const handleSelectData = () => {
+    var _a, _b, _c, _d;
+    if (!((_a = constData.current.valueCom) === null || _a === void 0 ? void 0 : _a.startTime)) {
+      setList([{
+        label: intl('noRepetition'),
+        value: 0
+      }]);
+      return;
+    }
+    const time = new Date((_b = constData.current.valueCom) === null || _b === void 0 ? void 0 : _b.startTime);
+    const month = time.getMonth() + 1;
+    const day = time.getDate();
+    const weekDay = time.getDay();
+    const hm = (_c = constData.current.valueCom) === null || _c === void 0 ? void 0 : _c.startTime.split(' ')[1];
+    const date = (_d = constData.current.valueCom) === null || _d === void 0 ? void 0 : _d.startTime.split(' ')[0];
+    const week = Math.ceil((day + 6 - (weekDay === 0 ? 7 : weekDay)) / 7);
+    constData.current.timeDetail = {
+      month,
+      day,
+      weekDay,
+      hm,
+      week,
+      date
+    };
+    const selectList = [{
+      label: intl('noRepetition'),
+      value: 0
+    }, {
+      label: intl('repeatEveryDay') + ' ' + hm,
+      value: 1
+    }, {
+      label: intl('repeatEveryWeek') + ' ' + intl('week' + weekDay) + ' ' + hm,
+      value: 2
+    }, {
+      label: intl('repeatEveryMonth') + ' ' + day + intl('th'),
+      value: 3
+    }, {
+      label: intl('repeatEveryYear') + ' ' + month + intl('month') + day + intl('th'),
+      value: 4
+    }, {
+      label: intl('customRepetition'),
+      value: 5
+    }];
+    setList(selectList);
+    setMonthCycleTypeList([{
+      label: intl('day' + day),
+      value: 'day'
+    }, {
+      label: intl('the' + week) + intl('week' + weekDay),
+      value: 'week'
+    }]);
+    constData.current.monthCycleTypeListMap = {
+      'day': intl('day' + day),
+      'week': intl('the' + week) + intl('week' + weekDay)
+    };
+  };
+  // 改变开始时间
+  const changeStartTime = (date, dateString) => {
+    constData.current.valueCom.startTime = dateString;
+    clearPopoverValue();
+    changeCom();
+  };
+  // 判断是否存在值
+  const isNotExist = name => {
+    const val = constData.current.valueCom[name];
+    return val === undefined || val === '' || val === null;
+  };
+  // 处理弹窗里面的默认值
+  const handlePopoverDefaultValue = () => {
+    var _a, _b;
+    if (isNotExist('frequency')) constData.current.valueCom.frequency = 1;
+    if (isNotExist('frequencyUnit')) constData.current.valueCom.frequencyUnit = 'day';
+    if (isNotExist('endType')) constData.current.valueCom.endType = 0;
+    if (isNotExist('monthCycleType')) constData.current.valueCom.monthCycleType = 'day';
+    if (isNotExist('endTime')) constData.current.valueCom.endTime = (_a = constData.current.timeDetail) === null || _a === void 0 ? void 0 : _a.date;
+    if (isNotExist('limitNum')) constData.current.valueCom.limitNum = 0;
+    if (isNotExist('executionDay')) constData.current.valueCom.executionDay = ((_b = constData.current.timeDetail) === null || _b === void 0 ? void 0 : _b.weekDay) + '';
+    setValueCom(Object.assign({}, constData.current.valueCom));
+  };
+  // 清空弹窗里面的默认值
+  const clearPopoverValue = () => {
+    constData.current.valueCom = {
+      startTime: constData.current.valueCom.startTime,
+      cycleType: 0
+    };
+  };
+  // 选择下拉框
+  const changeSelect = val => {
+    constData.current.valueCom.cycleType = val;
+    setValueCom(Object.assign({}, constData.current.valueCom));
+    if (val === 5) {
+      setOpen(true);
+      handlePopoverDefaultValue();
+    } else {
+      changeCom();
+    }
+  };
+  // 向外抛值
+  const changeCom = cancel => {
+    if (constData.current.valueCom.cycleType === 5) {
+      if (constData.current.valueCom.frequencyUnit === 'week') {
+        delete constData.current.valueCom.monthCycleType;
+      } else if (constData.current.valueCom.frequencyUnit === 'month') {
+        delete constData.current.valueCom.executionDay;
+      } else {
+        delete constData.current.valueCom.monthCycleType;
+        delete constData.current.valueCom.executionDay;
+      }
+      if (constData.current.valueCom.endType === 0) {
+        delete constData.current.valueCom.endTime;
+        delete constData.current.valueCom.limitNum;
+      } else if (constData.current.valueCom.endType === 1) {
+        delete constData.current.valueCom.limitNum;
+      } else {
+        delete constData.current.valueCom.endTime;
+      }
+    } else {
+      delete constData.current.valueCom.frequency;
+      delete constData.current.valueCom.frequencyUnit;
+      delete constData.current.valueCom.endType;
+      delete constData.current.valueCom.monthCycleType;
+      delete constData.current.valueCom.endTime;
+      delete constData.current.valueCom.limitNum;
+      delete constData.current.valueCom.executionDay;
+    }
+    onChange(cancel ? Object.assign({}, constData.current.value) : Object.assign({}, constData.current.valueCom));
+  };
+  const onVisibleChange = bol => {
+    if (!bol) setOpen(false);
+  };
+  const clickBtn = () => {
+    setOpen(true);
+    handlePopoverDefaultValue();
+  };
+  // 自定义周期文案提示
+  const handleText = () => {
+    var _a, _b;
+    if ((value === null || value === void 0 ? void 0 : value.cycleType) !== 5) return;
+    const text = [];
+    const everyText1 = intl('every') + value.frequency + intl(value.frequencyUnit);
+    const timeText = (_a = constData.current.timeDetail) === null || _a === void 0 ? void 0 : _a.hm;
+    if (value.frequencyUnit === 'week') {
+      const arr = [];
+      (_b = value.executionDay) === null || _b === void 0 ? void 0 : _b.split(',').forEach(item => {
+        arr.push(intl('week' + (item === '7' ? 0 : item)));
+      });
+      text.push(intl('text1', {
+        every: everyText1 + arr.join('、'),
+        time: timeText
+      }));
+    } else if (value.frequencyUnit === 'month') {
+      text.push(intl('text1', {
+        every: everyText1,
+        time: constData.current.monthCycleTypeListMap[value.monthCycleType] + timeText
+      }));
+    } else {
+      text.push(intl('text1', {
+        every: everyText1,
+        time: timeText
+      }));
+    }
+    if (value.endType === 2) {
+      text.push(intl('text2', {
+        limitNum: value.limitNum
+      }));
+    }
+    if (value.endType === 1) {
+      text.push(intl('text3', {
+        date: value.endTime
+      }));
+    }
+    return jsxs("p", Object.assign({
+      className: 'text-tip'
+    }, {
+      children: [text, jsx(Button, Object.assign({
+        variant: "text",
+        onClick: clickBtn
+      }, {
+        children: intl('update')
+      }))]
+    }));
+  };
+  // 改变结束时间
+  const changeEndTypeTime = (date, dateString) => {
+    valueCom.endTime = dateString;
+    setValueCom(Object.assign({}, valueCom));
+  };
+  // 改变结束次数
+  const changeLimitNum = event => {
+    valueCom.limitNum = Number(event.target.value);
+    setValueCom(Object.assign({}, valueCom));
+  };
+  const changeSelectVal = name => val => {
+    valueCom[name] = val;
+    setValueCom(Object.assign({}, valueCom));
+  };
+  // 点击周 按钮
+  const clickWeekBtn = index => () => {
+    var _a, _b;
+    if (((_a = constData.current.timeDetail) === null || _a === void 0 ? void 0 : _a.weekDay) === index) {
+      setTipWeek(true);
+      clearTimeout(constData.current.timerTip);
+      constData.current.timerTip = setTimeout(() => {
+        setTipWeek(false);
+      }, 1300);
+      return;
+    }
+    const arr = ((_b = valueCom.executionDay) === null || _b === void 0 ? void 0 : _b.split(',')) || [];
+    const json = {};
+    arr.forEach(item => {
+      json[item] = true;
+    });
+    if (json[index.toString()]) {
+      delete json[index.toString()];
+    } else {
+      json[index.toString()] = true;
+    }
+    valueCom.executionDay = Object.keys(json).join(',');
+    setValueCom(Object.assign({}, valueCom));
+  };
+  // 处理 天 周 月 年 展示不一样的周期
+  const handleTypeContent = () => {
+    var _a;
+    return jsxs(Fragment, {
+      children: [jsxs("div", Object.assign({
+        className: 'item frequency'
+      }, {
+        children: [jsx("div", Object.assign({
+          className: 'label'
+        }, {
+          children: intl('repetitionFrequency')
+        })), jsxs("div", Object.assign({
+          className: 'form-content'
+        }, {
+          children: [jsx(Select, {
+            value: valueCom.frequency,
+            list: frequencyList,
+            className: 'frequency-select',
+            onChange: changeSelectVal('frequency')
+          }), jsx(Select, {
+            value: valueCom.frequencyUnit,
+            list: frequencyTypeList,
+            onChange: changeSelectVal('frequencyUnit')
+          })]
+        }))]
+      })), valueCom.frequencyUnit === 'week' && jsxs("div", Object.assign({
+        className: 'item execution-day'
+      }, {
+        children: [jsx("div", {
+          className: 'label'
+        }), jsxs("div", Object.assign({
+          className: 'form-content'
+        }, {
+          children: [jsx("div", Object.assign({
+            className: 'execution-day-select'
+          }, {
+            children: new Array(7).fill(1).map((item, index) => {
+              var _a, _b;
+              const numMap = {
+                1: 'one',
+                2: 'two',
+                3: 'three',
+                4: 'four',
+                5: 'five',
+                6: 'six',
+                7: 'seven'
+              };
+              const oreder = index + 1;
+              const indexOfVal = (_a = valueCom.executionDay) === null || _a === void 0 ? void 0 : _a.indexOf(oreder.toString());
+              let selectBol = indexOfVal !== undefined && indexOfVal !== -1;
+              if (((_b = constData.current.timeDetail) === null || _b === void 0 ? void 0 : _b.weekDay) === oreder) {
+                selectBol = true;
+              }
+              return jsx("div", Object.assign({
+                className: selectBol ? 'select-item' : '',
+                onClick: clickWeekBtn(oreder)
+              }, {
+                children: intl(numMap[oreder])
+              }), index);
+            })
+          })), jsxs("p", Object.assign({
+            className: tipWeek ? 'tip show-tip' : 'tip'
+          }, {
+            children: [jsx(WarningCircleF, {}), jsx("span", {
+              children: intl('weekTip', {
+                week: intl('week' + ((_a = constData.current.timeDetail) === null || _a === void 0 ? void 0 : _a.weekDay))
+              })
+            })]
+          }))]
+        }))]
+      })), valueCom.frequencyUnit === 'month' && jsxs("div", Object.assign({
+        className: 'item month-cycle-type-list'
+      }, {
+        children: [jsx("div", {
+          className: 'label'
+        }), jsxs("div", Object.assign({
+          className: 'form-content'
+        }, {
+          children: [jsx("div", {}), jsx(Select, {
+            value: valueCom.monthCycleType,
+            list: monthCycleTypeList,
+            onChange: changeSelectVal('monthCycleType')
+          })]
+        }))]
+      })), jsxs("div", Object.assign({
+        className: 'item end-type'
+      }, {
+        children: [jsx("div", Object.assign({
+          className: 'label'
+        }, {
+          children: intl('endRepetition')
+        })), jsxs("div", Object.assign({
+          className: 'form-content'
+        }, {
+          children: [jsx(Select, {
+            value: valueCom.endType,
+            list: endType,
+            className: 'end-type-select',
+            onChange: changeSelectVal('endType')
+          }), jsxs("div", Object.assign({
+            className: 'right-box'
+          }, {
+            children: [valueCom.endType === 1 && jsx(DatePicker, {
+              disabledDate: current => {
+                return current && current < dayjs(valueCom.startTime);
+              },
+              value: valueCom.endTime,
+              format: 'YYYY-MM-DD',
+              onChange: changeEndTypeTime
+            }), valueCom.endType === 2 && jsx(TextField, {
+              min: 0,
+              type: "number",
+              placeholder: intl('placeholder'),
+              value: valueCom.limitNum,
+              onChange: changeLimitNum,
+              rightIcon: '次后'
+            })]
+          }))]
+        }))]
+      }))]
+    });
+  };
+  const cancelPopover = () => {
+    setOpen(false);
+    changeCom(true);
+  };
+  const confirmPopover = () => {
+    setOpen(false);
+    changeCom();
+  };
+  // 浮层内容
+  const handleContent = () => {
+    return jsxs("div", Object.assign({
+      className: 'cycle-selector-popover-content'
+    }, {
+      children: [jsxs("div", Object.assign({
+        className: 'title'
+      }, {
+        children: [jsx("span", Object.assign({
+          className: 'label'
+        }, {
+          children: intl('customCycle')
+        })), jsx(CloseIcon, {
+          onClick: cancelPopover
+        })]
+      })), jsx("div", Object.assign({
+        className: 'content'
+      }, {
+        children: handleTypeContent()
+      })), jsxs("div", Object.assign({
+        className: 'footer'
+      }, {
+        children: [jsx(Button, Object.assign({
+          variant: "outlined",
+          onClick: cancelPopover
+        }, {
+          children: intl('cancel')
+        })), jsx(Button, Object.assign({
+          onClick: confirmPopover
+        }, {
+          children: intl('confirm')
+        }))]
+      }))]
+    }));
+  };
+  return jsxs("div", Object.assign({
+    className: clsx("".concat($prefixCls, "-cycle-selector"), className),
+    style: style
+  }, {
+    children: [jsx(Popover, Object.assign({
+      content: handleContent(),
+      open: open,
+      placement: "bottomRight",
+      overlayClassName: "".concat($prefixCls, "-cycle-selector-popover"),
+      onVisibleChange: onVisibleChange
+    }, {
+      children: jsxs("div", Object.assign({
+        className: 'cycle-selector-content'
+      }, {
+        children: [jsx(DatePicker, {
+          value: valueCom.startTime,
+          className: 'time-select',
+          showTime: true,
+          format: 'YYYY-MM-DD HH:mm',
+          placeholder: intl('pleaseSelect'),
+          onChange: changeStartTime
+        }), jsx(Select, {
+          disabled: !valueCom.startTime,
+          list: list,
+          className: 'select-type',
+          placeholder: intl('pleaseSelect'),
+          value: valueCom.cycleType,
+          onChange: changeSelect
+        })]
+      }))
+    })), handleText()]
+  }));
+};
+
+export { CycleSelector as default };