@yoka-ui/ui 1.0.10-test

package/dist/es/components/YkRangeTimeWithRecent/index.js

@@ -0,0 +1,647 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/components/YkRangeTimeWithRecent/index.tsx
+import { ClockCircleOutlined } from "@ant-design/icons";
+import {
+  Button,
+  ConfigProvider,
+  DatePicker,
+  Divider,
+  InputNumber,
+  message,
+  Popover,
+  Radio,
+  Select,
+  Tabs
+} from "antd";
+import datePickerZhCN from "antd/es/date-picker/locale/zh_CN";
+import zhCN from "antd/locale/zh_CN";
+import classNames from "classnames";
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import isoWeek from "dayjs/plugin/isoWeek";
+import weekOfYear from "dayjs/plugin/weekOfYear";
+import React, { useEffect, useMemo, useRef, useState } from "react";
+import { endTimeOptions, optionsMap, pickerMap, recentOptionsMap, startTimeOptions } from "./constants";
+import styles from "./index.module.less";
+dayjs.extend(isoWeek);
+dayjs.extend(weekOfYear);
+dayjs.locale(__spreadProps(__spreadValues({}, dayjs.Ls["zh-cn"]), {
+  weekStart: 1
+}));
+var { RangePicker } = DatePicker;
+var timeTypeKeys = {
+  0: "合计",
+  1: "按小时",
+  2: "按天",
+  3: "按周",
+  4: "按月"
+};
+function normalizeTimeTypeForTimeTypes(timeType, timeTypes) {
+  const raw = typeof timeType === "number" ? timeType : 2;
+  if (Array.isArray(timeTypes) && !timeTypes.includes("合计") && raw === 0) {
+    return 2;
+  }
+  return raw;
+}
+var YkRangeTimeWithRecent = ({
+  value,
+  onChange,
+  timeTypes,
+  style,
+  clearable,
+  placement = "bottomLeft",
+  placeholder = "开始时间 ~ 结束时间",
+  noTimeFilter = false,
+  noIcon = false,
+  dateFieldOptionName = ""
+}) => {
+  const formatTime = (time) => {
+    switch (normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)) {
+      case 1:
+        return dayjs(time).format("YYYY-MM-DD HH:mm");
+      case 3:
+        return dayjs(time).format("YYYY-MM-DD");
+      case 4:
+        return dayjs(time).format("YYYY-MM");
+      case 2:
+      case 0:
+      default:
+        return dayjs(time).format("YYYY-MM-DD");
+    }
+  };
+  const [open, setOpen] = useState(false);
+  const triggerWrapRef = useRef(null);
+  const [active, setActive] = useState("start");
+  const [timeFilterType, setTimeFilterType] = useState(0);
+  const [localValue, setLocalValue] = useState(null);
+  const [startWeekDate, setStartWeekDate] = useState(null);
+  const [startMonth, setStartMonth] = useState(null);
+  const [localTimeType, setLocalTimeType] = useState(
+    () => normalizeTimeTypeForTimeTypes(value == null ? void 0 : value.time_type, timeTypes)
+  );
+  const localTimeTypeName = useMemo(() => {
+    const type = typeof localTimeType === "number" ? localTimeType : 2;
+    return timeTypeKeys[type] || timeTypeKeys[2];
+  }, [localTimeType]);
+  const getFormattedTimeRange = (recent, type) => {
+    const today = dayjs();
+    switch (localTimeType) {
+      case 1:
+        return today.subtract(recent, "day").format(`YYYY-MM-DD ${type === "start" ? "00:00" : "23:59"}`);
+      case 3:
+        return `${today.subtract(recent, "week").format("YYYY")}年-${today.subtract(recent, "week").week()}周 (${today.subtract(recent, "week").startOf("week").format("MM.DD")}-${today.subtract(recent, "week").endOf("week").format("MM.DD")})`;
+      case 4:
+        return today.subtract(recent, "month").format("YYYY-MM月");
+      default:
+        return today.subtract(recent, "day").format("YYYY-MM-DD");
+    }
+  };
+  const getFormattedRecentTime = (recent, type) => {
+    const today = dayjs();
+    switch (localTimeType) {
+      case 1:
+        return today.subtract(recent, "day").format(`YYYY-MM-DD ${type === "start" ? "00:00" : "23:59"}`);
+      case 3:
+        return `${today.subtract(recent, "week").format("YYYY")}年-${today.subtract(recent, "week").week()}周`;
+      case 4:
+        return today.subtract(recent, "month").format("YYYY-MM月");
+      default:
+        return today.subtract(recent, "day").format("YYYY-MM-DD");
+    }
+  };
+  const [recentStart, setRecentStart] = useState(0);
+  const [recentEnd, setRecentEnd] = useState(0);
+  useEffect(() => {
+    setRecentStart((value == null ? void 0 : value.recent_day) ? Number(value.recent_day.split("|")[1]) : 0);
+    setRecentEnd((value == null ? void 0 : value.recent_day) ? Number(value.recent_day.split("|")[2]) : 0);
+  }, [value == null ? void 0 : value.recent_day]);
+  const showRangeTime = useMemo(() => {
+    var _a;
+    if ((value == null ? void 0 : value.time_range) && (value == null ? void 0 : value.time_range.length) === 2) {
+      return formatTime(value.time_range[0]) + " ~ " + formatTime(value.time_range[1]);
+    } else if (value == null ? void 0 : value.recent_day) {
+      const [type, start, end] = value.recent_day.split("|");
+      let showTimeText = "";
+      const unit = type === "D" ? "天" : type === "W" ? "周" : "月";
+      const options = recentOptionsMap[localTimeType || 2].options;
+      if (options.map((m) => m.value).includes(value.recent_day)) {
+        showTimeText = ((_a = options.find((m) => m.value === value.recent_day)) == null ? void 0 : _a.label) || "";
+      } else if (end === "0") {
+        showTimeText = "近" + (Number(start) - Number(end) + 1) + unit;
+      } else {
+        showTimeText = start + unit + "前 ~ " + end + unit + "前";
+      }
+      if (value.time_type !== void 0 && [0, 1, 2].includes(normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)) && (value.recent_day.split("|")[0] === "W" || value.recent_day.split("|")[0] === "M")) {
+        const today = dayjs();
+        const lastDayOfLastMonth = today.subtract(1, "month").endOf("month");
+        const daysToLastMonthStart = today.diff(lastDayOfLastMonth.startOf("month"), "day");
+        const daysToLastMonthEnd = today.diff(lastDayOfLastMonth, "day") + 1;
+        let startNum, endNum;
+        switch (value.recent_day) {
+          case "W|0|0":
+            startNum = today.day() === 0 ? 6 : today.day() - 1;
+            endNum = 0;
+            showTimeText = "本周";
+            break;
+          case "W|1|1":
+            startNum = today.day() === 0 ? 13 : today.day() + 6;
+            endNum = today.day() === 0 ? 7 : today.day();
+            showTimeText = "上周";
+            break;
+          case "M|0|0":
+            startNum = today.date() - 1;
+            endNum = 0;
+            showTimeText = "本月";
+            break;
+          case "M|1|1":
+            startNum = daysToLastMonthStart;
+            endNum = daysToLastMonthEnd;
+            showTimeText = "上月";
+            break;
+          default:
+            startNum = 0;
+            endNum = 0;
+            showTimeText = "";
+            break;
+        }
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, showTimeText, /* @__PURE__ */ React.createElement(Divider, { type: "vertical" }), getFormattedRecentTime(startNum, "start"), " ~ ", getFormattedRecentTime(endNum, "end"));
+      }
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, showTimeText, /* @__PURE__ */ React.createElement(Divider, { type: "vertical" }), getFormattedRecentTime(Number(start), "start"), " ~ ", getFormattedRecentTime(Number(end), "end"));
+    }
+    return "";
+  }, [value, timeTypes, localTimeType]);
+  const recentType = useMemo(() => {
+    switch (localTimeType) {
+      case 3:
+        return "W";
+      case 4:
+        return "M";
+      default:
+        return "D";
+    }
+  }, [localTimeType]);
+  const showRecentStart = useMemo(() => {
+    return getFormattedTimeRange(recentStart, "start");
+  }, [recentStart, localTimeType]);
+  const showRecentEnd = useMemo(() => {
+    return getFormattedTimeRange(recentEnd, "end");
+  }, [recentEnd, localTimeType]);
+  const timeTypeOptions = useMemo(() => {
+    return (timeTypes == null ? void 0 : timeTypes.map((item) => ({
+      key: item,
+      label: item,
+      children: null
+    }))) || [];
+  }, [timeTypes]);
+  const picker = useMemo(() => {
+    return localTimeType ? pickerMap[localTimeType] : "date";
+  }, [localTimeType]);
+  const presetsTime = useMemo(() => {
+    if (timeFilterType === 1) {
+      return recentOptionsMap[localTimeType || 2];
+    }
+    return optionsMap[localTimeType || 2];
+  }, [localTimeType, timeFilterType]);
+  const startTime = useMemo(() => {
+    var _a;
+    return Number((_a = localValue == null ? void 0 : localValue[0]) == null ? void 0 : _a.format("HH")) || 0;
+  }, [localValue]);
+  const endTime = useMemo(() => {
+    var _a;
+    return Number((_a = localValue == null ? void 0 : localValue[1]) == null ? void 0 : _a.format("HH")) || 0;
+  }, [localValue]);
+  const disabledStartHours = useMemo(() => {
+    if ((localValue == null ? void 0 : localValue[0]) && dayjs(localValue[0]).isSame(dayjs(), "day")) {
+      const currentHour = dayjs().hour();
+      return startTimeOptions.filter((option) => option.value <= currentHour);
+    }
+    return startTimeOptions;
+  }, [localValue]);
+  const disabledEndHours = useMemo(() => {
+    if ((localValue == null ? void 0 : localValue[1]) && dayjs(localValue[1]).isSame(dayjs(), "day")) {
+      const currentHour = dayjs().hour();
+      return endTimeOptions.filter((option) => option.value <= currentHour);
+    }
+    return endTimeOptions;
+  }, [localValue]);
+  useEffect(() => {
+    if (value == null ? void 0 : value.recent_day) {
+      setTimeFilterType(1);
+    }
+  }, [value == null ? void 0 : value.recent_day]);
+  useEffect(() => {
+    if (!open)
+      return;
+    const onPointerDownCapture = (e) => {
+      var _a;
+      const el = e.target;
+      if (!(el instanceof Element))
+        return;
+      if ((_a = triggerWrapRef.current) == null ? void 0 : _a.contains(el))
+        return;
+      if (el.closest("[data-yk-range-time-with-recent-content]"))
+        return;
+      setOpen(false);
+    };
+    document.addEventListener("pointerdown", onPointerDownCapture, true);
+    return () => document.removeEventListener("pointerdown", onPointerDownCapture, true);
+  }, [open]);
+  useEffect(() => {
+    var _a, _b;
+    if (open) {
+      setActive("start");
+      setStartWeekDate(null);
+      setStartMonth(null);
+      const rangeStart = document.getElementById("RangeStart");
+      setTimeout(() => {
+        rangeStart == null ? void 0 : rangeStart.focus();
+      }, 10);
+      setLocalTimeType(normalizeTimeTypeForTimeTypes(value == null ? void 0 : value.time_type, timeTypes));
+      if (value == null ? void 0 : value.recent_day) {
+        if (value.time_type !== void 0 && [0, 1, 2].includes(normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)) && (value.recent_day.split("|")[0] === "W" || value.recent_day.split("|")[0] === "M")) {
+          const today = dayjs();
+          const lastDayOfLastMonth = today.subtract(1, "month").endOf("month");
+          const daysToLastMonthStart = today.diff(lastDayOfLastMonth.startOf("month"), "day");
+          const daysToLastMonthEnd = today.diff(lastDayOfLastMonth, "day") + 1;
+          switch (value.recent_day) {
+            case "W|0|0":
+              setRecentStart(today.day() === 0 ? 6 : today.day() - 1);
+              setRecentEnd(0);
+              break;
+            case "W|1|1":
+              setRecentStart(today.day() === 0 ? 13 : today.day() + 6);
+              setRecentEnd(today.day() === 0 ? 7 : today.day());
+              break;
+            case "M|0|0":
+              setRecentStart(today.date() - 1);
+              setRecentEnd(0);
+              break;
+            case "M|1|1":
+              setRecentStart(daysToLastMonthStart);
+              setRecentEnd(daysToLastMonthEnd);
+              break;
+            default:
+              setRecentStart(0);
+              setRecentEnd(0);
+              break;
+          }
+        } else {
+          setRecentStart(Number(value.recent_day.split("|")[1]));
+          setRecentEnd(Number(value.recent_day.split("|")[2]));
+        }
+      } else {
+        setLocalValue([dayjs((_a = value == null ? void 0 : value.time_range) == null ? void 0 : _a[0]), dayjs((_b = value == null ? void 0 : value.time_range) == null ? void 0 : _b[1])]);
+      }
+    }
+  }, [open]);
+  const timeChange = (hour, type) => {
+    const [start, end] = localValue || [];
+    if (type === "start") {
+      setLocalValue([dayjs(start).hour(hour), end]);
+    } else {
+      setLocalValue([start, dayjs(end).hour(hour)]);
+    }
+  };
+  const presetClick = (item) => {
+    var _a, _b, _c, _d, _e;
+    setLocalValue((_a = item.value()) == null ? void 0 : _a.map((time) => dayjs(time)));
+    switch (localTimeType) {
+      case 1:
+        onChange({
+          time_range: [
+            dayjs((_b = item.value()) == null ? void 0 : _b[0]).format("YYYY-MM-DD HH:00"),
+            dayjs((_c = item.value()) == null ? void 0 : _c[1]).format("YYYY-MM-DD HH:59")
+          ],
+          recent_day: null,
+          time_type: localTimeType
+        });
+        break;
+      default:
+        onChange({
+          time_range: [dayjs((_d = item.value()) == null ? void 0 : _d[0]).format("YYYY-MM-DD"), dayjs((_e = item.value()) == null ? void 0 : _e[1]).format("YYYY-MM-DD")],
+          recent_day: null,
+          time_type: localTimeType
+        });
+    }
+    setOpen(false);
+  };
+  const cellClick = (current, type) => {
+    const handleInputFocus = (isStart) => {
+      const element = document.getElementById("YkRangeTimeWithRecent");
+      const inputs = element == null ? void 0 : element.querySelectorAll("input");
+      inputs == null ? void 0 : inputs[isStart ? 0 : 1].focus();
+    };
+    const handleDateChange = (start, end, closePopup = true) => {
+      setLocalValue([start, end]);
+      setActive(active === "start" ? "end" : "start");
+      handleInputFocus(active === "end");
+      if (closePopup) {
+        const format = localTimeType === 4 ? "YYYY-MM" : "YYYY-MM-DD";
+        onChange({
+          time_range: [dayjs(start).format(format), dayjs(end).format(format)],
+          recent_day: null,
+          time_type: localTimeType
+        });
+        setOpen(false);
+      }
+    };
+    const dateTypeHandlers = {
+      month: () => {
+        const selectedMonth = current.startOf("month");
+        if (active === "start") {
+          setStartMonth(selectedMonth);
+          setActive("end");
+          handleInputFocus(false);
+        } else {
+          if (!startMonth)
+            return;
+          const endMonth = selectedMonth;
+          const [start, end] = endMonth.isAfter(startMonth) || endMonth.isSame(startMonth) ? [startMonth, endMonth] : [endMonth, startMonth.endOf("month")];
+          handleDateChange(start, end);
+        }
+      },
+      week: () => {
+        if (active === "start") {
+          setStartWeekDate(current.startOf("week"));
+          setActive("end");
+          handleInputFocus(false);
+        } else {
+          if (!startWeekDate)
+            return;
+          const startWeekStart = startWeekDate;
+          const endWeekStart = current.startOf("week");
+          if (endWeekStart.isAfter(startWeekStart) || endWeekStart.isSame(startWeekStart)) {
+            const start = startWeekStart;
+            const end = endWeekStart.isSame(dayjs().startOf("week")) ? dayjs() : endWeekStart.endOf("week");
+            handleDateChange(start, end);
+          } else {
+            const start = endWeekStart;
+            const end = startWeekStart.endOf("week");
+            const finalEnd = end.isAfter(dayjs()) ? dayjs() : end;
+            handleDateChange(start, finalEnd);
+          }
+        }
+      },
+      date: () => {
+        if (active === "start") {
+          handleDateChange(current, (localValue == null ? void 0 : localValue[1]) || current, false);
+        } else {
+          if (!(localValue == null ? void 0 : localValue[0]))
+            return;
+          const [start, end] = localValue[0] > current ? [current, localValue[0]] : [localValue[0], current];
+          handleDateChange(start, end, localTimeType !== 1);
+        }
+      }
+    };
+    const handler = dateTypeHandlers[type];
+    if (handler)
+      handler();
+  };
+  const cellRender = (current, info) => {
+    if (typeof current === "number" || typeof current === "string") {
+      return /* @__PURE__ */ React.createElement("div", { className: "ant-picker-cell-inner" }, current);
+    }
+    if (info.type !== "date") {
+      return /* @__PURE__ */ React.createElement("div", { style: { width: 36 }, onClick: () => cellClick(current, info.type) }, info.originNode);
+    }
+    return /* @__PURE__ */ React.createElement("div", { className: "ant-picker-cell-inner", style: { width: 36 }, onClick: () => cellClick(current, info.type) }, current.date());
+  };
+  const content = /* @__PURE__ */ React.createElement("div", { className: styles.popoverContent, "data-yk-range-time-with-recent-content": true }, !timeTypes && noTimeFilter ? null : /* @__PURE__ */ React.createElement("div", { className: styles.header }, timeTypes && timeTypes.length > 0 && /* @__PURE__ */ React.createElement(
+    Tabs,
+    {
+      activeKey: localTimeTypeName,
+      items: timeTypeOptions,
+      onChange: (key) => {
+        var _a, _b;
+        const timeTypeKey = (_a = Object.entries(timeTypeKeys).find(([_, label]) => label === key)) == null ? void 0 : _a[0];
+        setLocalTimeType(Number(timeTypeKey));
+        setLocalValue(
+          (_b = optionsMap[timeTypeKey !== void 0 ? Number(timeTypeKey) : 2].default()) == null ? void 0 : _b.map((time) => dayjs(time))
+        );
+      }
+    }
+  ), !noTimeFilter && /* @__PURE__ */ React.createElement(
+    Radio.Group,
+    {
+      optionType: "button",
+      value: timeFilterType,
+      style: {
+        marginLeft: "auto"
+      },
+      onChange: (e) => {
+        setTimeFilterType(e.target.value);
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      Radio,
+      {
+        value: 0,
+        style: {
+          borderRadius: "2px 0 0 2px",
+          height: 26,
+          lineHeight: "24px",
+          padding: "0 10px"
+        }
+      },
+      "静态时间"
+    ),
+    /* @__PURE__ */ React.createElement(
+      Radio,
+      {
+        value: 1,
+        style: {
+          borderRadius: "0 2px 2px 0",
+          height: 26,
+          lineHeight: "24px",
+          padding: "0 10px"
+        }
+      },
+      "动态时间"
+    )
+  )), /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: classNames(styles.body, {
+        [styles.showTimes]: localTimeType === 1 && timeFilterType === 0
+      })
+    },
+    /* @__PURE__ */ React.createElement("div", { className: styles.left }, presetsTime.options.map((item) => /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        key: item.label,
+        className: styles.presetBtn,
+        onClick: () => {
+          if (timeFilterType === 1) {
+            onChange({
+              time_range: null,
+              recent_day: item.value,
+              time_type: localTimeType
+            });
+            setOpen(false);
+          } else {
+            presetClick(item);
+          }
+        }
+      },
+      item.label
+    ))),
+    timeFilterType === 0 ? /* @__PURE__ */ React.createElement("div", { className: styles.right, id: "YkRangeTimeWithRecent", key: open ? "open" : "close" }, /* @__PURE__ */ React.createElement(
+      RangePicker,
+      {
+        id: "RangeStart",
+        locale: datePickerZhCN,
+        className: styles.rangePicker,
+        getPopupContainer: (triggerNode) => triggerNode.parentElement,
+        open,
+        cellRender,
+        picker,
+        autoFocus: true,
+        showWeek: false,
+        onOpenChange: () => {
+        },
+        classNames: { popup: { root: styles.rangePickerPopup } },
+        value: localValue,
+        placement: "bottomLeft"
+      }
+    ), localTimeType === 1 && /* @__PURE__ */ React.createElement("div", { className: styles.boxTimes }, /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: disabledStartHours,
+        value: startTime,
+        defaultValue: startTimeOptions[0].value,
+        prefix: /* @__PURE__ */ React.createElement(ClockCircleOutlined, null),
+        className: styles.timeSelectItem,
+        getPopupContainer: (triggerNode) => triggerNode.parentElement,
+        onChange: (hour) => {
+          timeChange(hour, "start");
+        }
+      }
+    ), /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        options: disabledEndHours,
+        value: endTime,
+        defaultValue: endTimeOptions[endTimeOptions.length - 1].value,
+        prefix: /* @__PURE__ */ React.createElement(ClockCircleOutlined, null),
+        className: styles.timeSelectItem,
+        getPopupContainer: (triggerNode) => triggerNode.parentElement,
+        onChange: (hour) => {
+          timeChange(hour, "end");
+        }
+      }
+    ))) : /* @__PURE__ */ React.createElement("div", { className: styles.rightDynamic }, /* @__PURE__ */ React.createElement("div", { className: styles.dynamicItem }, /* @__PURE__ */ React.createElement("div", { className: styles.dynamicItemTitle }, /* @__PURE__ */ React.createElement("span", null, "开始时间：", showRecentStart)), /* @__PURE__ */ React.createElement("div", { className: styles.dynamicItemContent }, /* @__PURE__ */ React.createElement(
+      InputNumber,
+      {
+        min: 0,
+        className: styles.inputNumber,
+        value: recentStart,
+        onChange: (next) => {
+          const newStart = next || 0;
+          if (newStart < recentEnd) {
+            setRecentStart(newStart);
+            setRecentEnd(newStart);
+          } else {
+            setRecentStart(newStart);
+          }
+        }
+      }
+    ), /* @__PURE__ */ React.createElement("span", { style: { color: "#333" } }, recentType === "D" ? "天" : recentType === "W" ? "周" : "月", "前"))), /* @__PURE__ */ React.createElement("div", { className: styles.dynamicItem }, /* @__PURE__ */ React.createElement("div", { className: styles.dynamicItemTitle }, /* @__PURE__ */ React.createElement("span", null, "结束时间：", showRecentEnd)), /* @__PURE__ */ React.createElement("div", { className: styles.dynamicItemContent }, /* @__PURE__ */ React.createElement(
+      InputNumber,
+      {
+        min: 0,
+        className: styles.inputNumber,
+        value: recentEnd,
+        onChange: (next) => {
+          const newEnd = next || 0;
+          if (newEnd > recentStart) {
+            setRecentEnd(newEnd);
+            setRecentStart(newEnd);
+          } else {
+            setRecentEnd(newEnd);
+          }
+        }
+      }
+    ), /* @__PURE__ */ React.createElement("span", { style: { color: "#333" } }, recentType === "D" ? "天" : recentType === "W" ? "周" : "月", "前"))))
+  ), (localTimeType === 1 || timeFilterType === 1) && /* @__PURE__ */ React.createElement("div", { className: styles.footer }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => {
+        if (timeFilterType === 1) {
+          onChange({
+            time_range: null,
+            recent_day: `${recentType}|${recentStart}|${recentEnd}`,
+            time_type: localTimeType
+          });
+        } else {
+          if (localTimeType === 1) {
+            if (dayjs(localValue == null ? void 0 : localValue[1]).isBefore(dayjs(localValue == null ? void 0 : localValue[0]))) {
+              message.warning("结束时间不能早于开始时间");
+              return;
+            }
+          }
+          onChange({
+            time_range: [
+              dayjs(localValue == null ? void 0 : localValue[0]).format("YYYY-MM-DD HH:00"),
+              dayjs(localValue == null ? void 0 : localValue[1]).format("YYYY-MM-DD HH:59")
+            ],
+            recent_day: null,
+            time_type: localTimeType
+          });
+        }
+        setOpen(false);
+      },
+      type: "primary"
+    },
+    "确认"
+  )));
+  return /* @__PURE__ */ React.createElement(ConfigProvider, { locale: zhCN }, /* @__PURE__ */ React.createElement(
+    Popover,
+    {
+      open,
+      onOpenChange: setOpen,
+      content,
+      arrow: false,
+      placement,
+      trigger: "click",
+      styles: { body: { borderRadius: 2, padding: 0 } }
+    },
+    /* @__PURE__ */ React.createElement("div", { className: styles.btnRange, style, ref: triggerWrapRef }, timeTypes && timeTypes.length > 0 && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: styles.btnTimeType }, timeTypeKeys[normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)]), /* @__PURE__ */ React.createElement(Divider, { type: "vertical" })), dateFieldOptionName && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className: styles.btnTimeType }, dateFieldOptionName), /* @__PURE__ */ React.createElement(Divider, { type: "vertical" })), !noIcon && /* @__PURE__ */ React.createElement("i", { className: "iconfont icon-date", style: { color: "#3B86F9" } }), showRangeTime ? /* @__PURE__ */ React.createElement("span", { className: styles.btnRangeValue, style: !noIcon ? { marginLeft: 5 } : void 0 }, showRangeTime) : placeholder ? /* @__PURE__ */ React.createElement("div", { className: styles.placeholder }, placeholder) : null, clearable && (value.time_range || value.recent_day) && /* @__PURE__ */ React.createElement(
+      "i",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onChange({
+            time_range: null,
+            recent_day: null,
+            time_type: localTimeType
+          });
+        },
+        className: classNames(styles.clearIcon, "iconfont icon-guanbi1")
+      }
+    ))
+  ));
+};
+var YkRangeTimeWithRecent_default = YkRangeTimeWithRecent;
+export {
+  YkRangeTimeWithRecent_default as default
+};
+//# sourceMappingURL=index.js.map