@yoka-ui/ui 1.0.10-test

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

@@ -0,0 +1,647 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/YkRangeTimeWithRecent/index.tsx
+var YkRangeTimeWithRecent_exports = {};
+__export(YkRangeTimeWithRecent_exports, {
+  default: () => YkRangeTimeWithRecent_default
+});
+module.exports = __toCommonJS(YkRangeTimeWithRecent_exports);
+var import_icons = require("@ant-design/icons");
+var import_antd = require("antd");
+var import_zh_CN = __toESM(require("antd/es/date-picker/locale/zh_CN"));
+var import_zh_CN2 = __toESM(require("antd/locale/zh_CN"));
+var import_classnames = __toESM(require("classnames"));
+var import_dayjs = __toESM(require("dayjs"));
+var import_zh_cn = require("dayjs/locale/zh-cn");
+var import_isoWeek = __toESM(require("dayjs/plugin/isoWeek"));
+var import_weekOfYear = __toESM(require("dayjs/plugin/weekOfYear"));
+var import_react = __toESM(require("react"));
+var import_constants = require("./constants");
+var import_index_module = __toESM(require("./index.module.less"));
+import_dayjs.default.extend(import_isoWeek.default);
+import_dayjs.default.extend(import_weekOfYear.default);
+import_dayjs.default.locale({
+  ...import_dayjs.default.Ls["zh-cn"],
+  weekStart: 1
+});
+var { RangePicker } = import_antd.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 (0, import_dayjs.default)(time).format("YYYY-MM-DD HH:mm");
+      case 3:
+        return (0, import_dayjs.default)(time).format("YYYY-MM-DD");
+      case 4:
+        return (0, import_dayjs.default)(time).format("YYYY-MM");
+      case 2:
+      case 0:
+      default:
+        return (0, import_dayjs.default)(time).format("YYYY-MM-DD");
+    }
+  };
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const triggerWrapRef = (0, import_react.useRef)(null);
+  const [active, setActive] = (0, import_react.useState)("start");
+  const [timeFilterType, setTimeFilterType] = (0, import_react.useState)(0);
+  const [localValue, setLocalValue] = (0, import_react.useState)(null);
+  const [startWeekDate, setStartWeekDate] = (0, import_react.useState)(null);
+  const [startMonth, setStartMonth] = (0, import_react.useState)(null);
+  const [localTimeType, setLocalTimeType] = (0, import_react.useState)(
+    () => normalizeTimeTypeForTimeTypes(value == null ? void 0 : value.time_type, timeTypes)
+  );
+  const localTimeTypeName = (0, import_react.useMemo)(() => {
+    const type = typeof localTimeType === "number" ? localTimeType : 2;
+    return timeTypeKeys[type] || timeTypeKeys[2];
+  }, [localTimeType]);
+  const getFormattedTimeRange = (recent, type) => {
+    const today = (0, import_dayjs.default)();
+    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 = (0, import_dayjs.default)();
+    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] = (0, import_react.useState)(0);
+  const [recentEnd, setRecentEnd] = (0, import_react.useState)(0);
+  (0, import_react.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 = (0, import_react.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 = import_constants.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 = (0, import_dayjs.default)();
+        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__ */ import_react.default.createElement(import_react.default.Fragment, null, showTimeText, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }), getFormattedRecentTime(startNum, "start"), " ~ ", getFormattedRecentTime(endNum, "end"));
+      }
+      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, showTimeText, /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }), getFormattedRecentTime(Number(start), "start"), " ~ ", getFormattedRecentTime(Number(end), "end"));
+    }
+    return "";
+  }, [value, timeTypes, localTimeType]);
+  const recentType = (0, import_react.useMemo)(() => {
+    switch (localTimeType) {
+      case 3:
+        return "W";
+      case 4:
+        return "M";
+      default:
+        return "D";
+    }
+  }, [localTimeType]);
+  const showRecentStart = (0, import_react.useMemo)(() => {
+    return getFormattedTimeRange(recentStart, "start");
+  }, [recentStart, localTimeType]);
+  const showRecentEnd = (0, import_react.useMemo)(() => {
+    return getFormattedTimeRange(recentEnd, "end");
+  }, [recentEnd, localTimeType]);
+  const timeTypeOptions = (0, import_react.useMemo)(() => {
+    return (timeTypes == null ? void 0 : timeTypes.map((item) => ({
+      key: item,
+      label: item,
+      children: null
+    }))) || [];
+  }, [timeTypes]);
+  const picker = (0, import_react.useMemo)(() => {
+    return localTimeType ? import_constants.pickerMap[localTimeType] : "date";
+  }, [localTimeType]);
+  const presetsTime = (0, import_react.useMemo)(() => {
+    if (timeFilterType === 1) {
+      return import_constants.recentOptionsMap[localTimeType || 2];
+    }
+    return import_constants.optionsMap[localTimeType || 2];
+  }, [localTimeType, timeFilterType]);
+  const startTime = (0, import_react.useMemo)(() => {
+    var _a;
+    return Number((_a = localValue == null ? void 0 : localValue[0]) == null ? void 0 : _a.format("HH")) || 0;
+  }, [localValue]);
+  const endTime = (0, import_react.useMemo)(() => {
+    var _a;
+    return Number((_a = localValue == null ? void 0 : localValue[1]) == null ? void 0 : _a.format("HH")) || 0;
+  }, [localValue]);
+  const disabledStartHours = (0, import_react.useMemo)(() => {
+    if ((localValue == null ? void 0 : localValue[0]) && (0, import_dayjs.default)(localValue[0]).isSame((0, import_dayjs.default)(), "day")) {
+      const currentHour = (0, import_dayjs.default)().hour();
+      return import_constants.startTimeOptions.filter((option) => option.value <= currentHour);
+    }
+    return import_constants.startTimeOptions;
+  }, [localValue]);
+  const disabledEndHours = (0, import_react.useMemo)(() => {
+    if ((localValue == null ? void 0 : localValue[1]) && (0, import_dayjs.default)(localValue[1]).isSame((0, import_dayjs.default)(), "day")) {
+      const currentHour = (0, import_dayjs.default)().hour();
+      return import_constants.endTimeOptions.filter((option) => option.value <= currentHour);
+    }
+    return import_constants.endTimeOptions;
+  }, [localValue]);
+  (0, import_react.useEffect)(() => {
+    if (value == null ? void 0 : value.recent_day) {
+      setTimeFilterType(1);
+    }
+  }, [value == null ? void 0 : value.recent_day]);
+  (0, import_react.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]);
+  (0, import_react.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 = (0, import_dayjs.default)();
+          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([(0, import_dayjs.default)((_a = value == null ? void 0 : value.time_range) == null ? void 0 : _a[0]), (0, import_dayjs.default)((_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([(0, import_dayjs.default)(start).hour(hour), end]);
+    } else {
+      setLocalValue([start, (0, import_dayjs.default)(end).hour(hour)]);
+    }
+  };
+  const presetClick = (item) => {
+    var _a, _b, _c, _d, _e;
+    setLocalValue((_a = item.value()) == null ? void 0 : _a.map((time) => (0, import_dayjs.default)(time)));
+    switch (localTimeType) {
+      case 1:
+        onChange({
+          time_range: [
+            (0, import_dayjs.default)((_b = item.value()) == null ? void 0 : _b[0]).format("YYYY-MM-DD HH:00"),
+            (0, import_dayjs.default)((_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: [(0, import_dayjs.default)((_d = item.value()) == null ? void 0 : _d[0]).format("YYYY-MM-DD"), (0, import_dayjs.default)((_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: [(0, import_dayjs.default)(start).format(format), (0, import_dayjs.default)(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((0, import_dayjs.default)().startOf("week")) ? (0, import_dayjs.default)() : endWeekStart.endOf("week");
+            handleDateChange(start, end);
+          } else {
+            const start = endWeekStart;
+            const end = startWeekStart.endOf("week");
+            const finalEnd = end.isAfter((0, import_dayjs.default)()) ? (0, import_dayjs.default)() : 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__ */ import_react.default.createElement("div", { className: "ant-picker-cell-inner" }, current);
+    }
+    if (info.type !== "date") {
+      return /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 36 }, onClick: () => cellClick(current, info.type) }, info.originNode);
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "ant-picker-cell-inner", style: { width: 36 }, onClick: () => cellClick(current, info.type) }, current.date());
+  };
+  const content = /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.popoverContent, "data-yk-range-time-with-recent-content": true }, !timeTypes && noTimeFilter ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.header }, timeTypes && timeTypes.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.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 = import_constants.optionsMap[timeTypeKey !== void 0 ? Number(timeTypeKey) : 2].default()) == null ? void 0 : _b.map((time) => (0, import_dayjs.default)(time))
+        );
+      }
+    }
+  ), !noTimeFilter && /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Radio.Group,
+    {
+      optionType: "button",
+      value: timeFilterType,
+      style: {
+        marginLeft: "auto"
+      },
+      onChange: (e) => {
+        setTimeFilterType(e.target.value);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Radio,
+      {
+        value: 0,
+        style: {
+          borderRadius: "2px 0 0 2px",
+          height: 26,
+          lineHeight: "24px",
+          padding: "0 10px"
+        }
+      },
+      "静态时间"
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Radio,
+      {
+        value: 1,
+        style: {
+          borderRadius: "0 2px 2px 0",
+          height: 26,
+          lineHeight: "24px",
+          padding: "0 10px"
+        }
+      },
+      "动态时间"
+    )
+  )), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(import_index_module.default.body, {
+        [import_index_module.default.showTimes]: localTimeType === 1 && timeFilterType === 0
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.left }, presetsTime.options.map((item) => /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Button,
+      {
+        key: item.label,
+        className: import_index_module.default.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__ */ import_react.default.createElement("div", { className: import_index_module.default.right, id: "YkRangeTimeWithRecent", key: open ? "open" : "close" }, /* @__PURE__ */ import_react.default.createElement(
+      RangePicker,
+      {
+        id: "RangeStart",
+        locale: import_zh_CN.default,
+        className: import_index_module.default.rangePicker,
+        getPopupContainer: (triggerNode) => triggerNode.parentElement,
+        open,
+        cellRender,
+        picker,
+        autoFocus: true,
+        showWeek: false,
+        onOpenChange: () => {
+        },
+        classNames: { popup: { root: import_index_module.default.rangePickerPopup } },
+        value: localValue,
+        placement: "bottomLeft"
+      }
+    ), localTimeType === 1 && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.boxTimes }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        options: disabledStartHours,
+        value: startTime,
+        defaultValue: import_constants.startTimeOptions[0].value,
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, null),
+        className: import_index_module.default.timeSelectItem,
+        getPopupContainer: (triggerNode) => triggerNode.parentElement,
+        onChange: (hour) => {
+          timeChange(hour, "start");
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Select,
+      {
+        options: disabledEndHours,
+        value: endTime,
+        defaultValue: import_constants.endTimeOptions[import_constants.endTimeOptions.length - 1].value,
+        prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.ClockCircleOutlined, null),
+        className: import_index_module.default.timeSelectItem,
+        getPopupContainer: (triggerNode) => triggerNode.parentElement,
+        onChange: (hour) => {
+          timeChange(hour, "end");
+        }
+      }
+    ))) : /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.rightDynamic }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.dynamicItem }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.dynamicItemTitle }, /* @__PURE__ */ import_react.default.createElement("span", null, "开始时间：", showRecentStart)), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.dynamicItemContent }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.InputNumber,
+      {
+        min: 0,
+        className: import_index_module.default.inputNumber,
+        value: recentStart,
+        onChange: (next) => {
+          const newStart = next || 0;
+          if (newStart < recentEnd) {
+            setRecentStart(newStart);
+            setRecentEnd(newStart);
+          } else {
+            setRecentStart(newStart);
+          }
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#333" } }, recentType === "D" ? "天" : recentType === "W" ? "周" : "月", "前"))), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.dynamicItem }, /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.dynamicItemTitle }, /* @__PURE__ */ import_react.default.createElement("span", null, "结束时间：", showRecentEnd)), /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.dynamicItemContent }, /* @__PURE__ */ import_react.default.createElement(
+      import_antd.InputNumber,
+      {
+        min: 0,
+        className: import_index_module.default.inputNumber,
+        value: recentEnd,
+        onChange: (next) => {
+          const newEnd = next || 0;
+          if (newEnd > recentStart) {
+            setRecentEnd(newEnd);
+            setRecentStart(newEnd);
+          } else {
+            setRecentEnd(newEnd);
+          }
+        }
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("span", { style: { color: "#333" } }, recentType === "D" ? "天" : recentType === "W" ? "周" : "月", "前"))))
+  ), (localTimeType === 1 || timeFilterType === 1) && /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.footer }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Button,
+    {
+      onClick: () => {
+        if (timeFilterType === 1) {
+          onChange({
+            time_range: null,
+            recent_day: `${recentType}|${recentStart}|${recentEnd}`,
+            time_type: localTimeType
+          });
+        } else {
+          if (localTimeType === 1) {
+            if ((0, import_dayjs.default)(localValue == null ? void 0 : localValue[1]).isBefore((0, import_dayjs.default)(localValue == null ? void 0 : localValue[0]))) {
+              import_antd.message.warning("结束时间不能早于开始时间");
+              return;
+            }
+          }
+          onChange({
+            time_range: [
+              (0, import_dayjs.default)(localValue == null ? void 0 : localValue[0]).format("YYYY-MM-DD HH:00"),
+              (0, import_dayjs.default)(localValue == null ? void 0 : localValue[1]).format("YYYY-MM-DD HH:59")
+            ],
+            recent_day: null,
+            time_type: localTimeType
+          });
+        }
+        setOpen(false);
+      },
+      type: "primary"
+    },
+    "确认"
+  )));
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.ConfigProvider, { locale: import_zh_CN2.default }, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Popover,
+    {
+      open,
+      onOpenChange: setOpen,
+      content,
+      arrow: false,
+      placement,
+      trigger: "click",
+      styles: { body: { borderRadius: 2, padding: 0 } }
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.btnRange, style, ref: triggerWrapRef }, timeTypes && timeTypes.length > 0 && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.btnTimeType }, timeTypeKeys[normalizeTimeTypeForTimeTypes(value.time_type, timeTypes)]), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" })), dateFieldOptionName && /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.btnTimeType }, dateFieldOptionName), /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" })), !noIcon && /* @__PURE__ */ import_react.default.createElement("i", { className: "iconfont icon-date", style: { color: "#3B86F9" } }), showRangeTime ? /* @__PURE__ */ import_react.default.createElement("span", { className: import_index_module.default.btnRangeValue, style: !noIcon ? { marginLeft: 5 } : void 0 }, showRangeTime) : placeholder ? /* @__PURE__ */ import_react.default.createElement("div", { className: import_index_module.default.placeholder }, placeholder) : null, clearable && (value.time_range || value.recent_day) && /* @__PURE__ */ import_react.default.createElement(
+      "i",
+      {
+        onClick: (e) => {
+          e.stopPropagation();
+          onChange({
+            time_range: null,
+            recent_day: null,
+            time_type: localTimeType
+          });
+        },
+        className: (0, import_classnames.default)(import_index_module.default.clearIcon, "iconfont icon-guanbi1")
+      }
+    ))
+  ));
+};
+var YkRangeTimeWithRecent_default = YkRangeTimeWithRecent;
+//# sourceMappingURL=index.js.map